Difference between revisions of "Template:US2002021967 CSS"

From Modern Enigma Society 2020 Wiki
Jump to navigation Jump to search
 
(177 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<includeonly>{{#css:
 
<includeonly>{{#css:
  
−
.clearfix::after { content: ""; clear: both; display: table; }
+
body {background-color: {{{Primary}}} !important;}
 +
#mw-head {
 +
    background-color: {{{Secondary}}} !important;
 +
    position: absolute;
 +
    top: 0;
 +
    left: 0;
 +
    width: 1090px;
 +
}
 +
#mw-panel .portal .body li a { color: {{{Sidebar Links}}} !important; }
 +
#mw-panel .portal h3 { color: {{{Sidebar Links}}} !important; }
 +
#mw-page-base {
 +
    height: 0 !important;
 +
    margin-top: 5em !important;
 +
}
 +
#footer li, #footer a, #footer a:visited { color: #ffffff !important; }
 +
#p-personal ul li a, #p-personal ul li a.new { color: #ffffff; }
 +
#p-search {
 +
    position: relative;
 +
    top: 6px;
 +
}
 +
#right-navigation div ul li a, #right-navigation div ul li a.new { color: #ffffff; }
 +
#left-navigation div ul li a, #left-navigation div ul li a.new { color: #ffffff; }
 +
#searchInput { height: 20px; }
 +
.catlinks {background-color: {{{Secondary}}} !important;font-size: 10px !important;text-align: center !important; border: none; }
 +
.toc { background-color: {{{Primary}}} !important }
 +
.toc a, .toc a:visited { color: #ffffff !important; }
 +
.toctogglespan { color: #ffffff !important; }
 +
.toctogglelabel { color: #ffffff !important; }
 +
.mw-body-content h2 { color: {{{Caption Text}}} !important; }
 +
.mw-editsection a, .mw-editsection a:visited { color: {{{Primary}}} !important; }
 +
.mw-body-content .toc h2 { color: {{{Caption Text}}} !important; }
 +
.mw-normal-catlinks a, .mw-normal-catlinks ul li a, .mw-normal-catlinks ul li a.new, .mw-normal-catlinks ul li a:visited {color: {{{Page Text}}};}
 +
.mw-indicators { display: none; }
 +
 
 +
.firstHeading {
 +
    position: absolute;
 +
    top: 5px;
 +
    left: 184px;
 +
    z-index: 1;
 +
    color: {{{Caption Text}}};
 +
    border: none;
 +
    font-size: 22px !important;
 +
}
 +
 
 +
.Description h2 span { color: #ffffff !important; }
 +
.DIC h2 span { color: #ffffff !important; }
 +
 
 +
.mw-body {
 +
    background-color: {{{Tertiary}}};
 +
    color: {{{Page Text}}};
 +
    border: 0;
 +
    margin-top: 0;
 +
    width: 840px;
 +
    border-top: 10px solid {{{Primary}}};
 +
}
 +
 
 +
#mw-head-base {
 +
    background-color: {{{Secondary}}} !important;
 +
    width: 900px;
 +
}
 +
 
 +
.vectorTabs, .vectorTabs span, #mw-head .vectorMenu h3 {
 +
    background-image: none !important;
 +
    background-image: none !important;
 +
    background-repeat: no-repeat !important;
 +
    background-size: 0px !important;
 +
    background-color: {{{Secondary}}} !important;
 +
}
 +
 
 +
.vectorMenu h3 span {
 +
    color: #ffffff !important;
 +
    position: relative;
 +
    display: block;
 +
    padding-left: 0.615em;
 +
    padding-top: 1.25em;
 +
    padding-right: 16px;
 +
    font-size: 0.8125em;
 +
    font-weight: normal;
 +
}
  
−
.Details { width: 100%; height: 100%; min-height: 170px; margin: 0px 0px 20px 0px; }
+
.vectorMenu .menu {
−
.DIC { padding-left: 10px; width: 210px; margin-top: -15px; }
+
    background-color: #5a4d66 !important;
 +
}
  
−
.DICbg { width: 190px; height: 142px; position: relative; left: -10px; padding: 0px 30px 0px 10px; margin-top: 2px; float: left; }
+
.vectortabs a, .vectortabs a:visited { color: #ffffff !important; }
 +
.mw-category-group ul li a, .mw-category-group ul li a:visited { color: #5a4d66 !important; }
 +
#pt-userpage a { color: #ffffff !important; }
 +
#p-personal #pt-watchlist li a, #p-personal #pt-watchlist li a:visited { color: #ffffff !important; }
 +
#simpleSearch input { background-color: #ffffff !important; }
  
−
.ICL { float: left; margin-top: -5px; }
 
−
.ICR { float: right; margin-top: -5px; }
 
−
.Description { width: 550px; height: 142px; left: 260px; position: absolute; margin-top: -54px; }
 
  
−
.Dbg { width: 545px; height: 142px; padding: 0px 5px 0px 10px; }
 
  
−
h2 { color: #ffffff; font-size: 21px !important; }
+
.Details {
 +
width: 100%;
 +
height: 100%;
 +
min-height: 170px;
 +
margin: 0px 0px 20px 0px;
  
−
.OOCinfo h2 { margin: 10px 10px 10px 10px; font-size: 21px !important; }
+
}
−
.oocvi { text-align: left; width: 100px; font-weight: bold; color: #ffffff; }
 
−
.oocir { height: 35px; }
 
  
−
.oocvitals-pic { float: right; clear:both; overflow: hidden; height: 150px;  margin: 5px 10px 0px 0px; }
+
.DIC {
 +
padding-left: 10px;
 +
width: 255px;
 +
  margin-top: -15px;
  
−
.oocvitals { padding: 0px 0px 0px 10px; line-height: 29px; }
+
}
−
.oocvitals-table { width: 100%; padding: 10px 10px 10px 0px; }
 
  
−
.Page {  
+
.DICbg {
−
  width: 800px; min-height: 400px; border: 10px solid; padding: 10px;  
+
width: 235px;
 +
height: 182px;
 +
position: relative;
 +
left: -10px;
 +
padding: 0px 30px 0px 10px;
 +
margin-top: 2px;
 +
float: left;
 +
background-color: {{{Primary}}}
 
}
 
}
  
−
.Page a, .Page a.external, .Page a:visited, .Page a.external:visited { color: #ffffff; }
+
.ICL {
 +
float: left;
 +
margin-top: -5px;
 +
}
 +
 
 +
.ICR {
 +
margin-top: -5px;
 +
overflow: hidden;
 +
width: 175px;
 +
white-space: nowrap;
 +
position: absolute;
 +
right: 10px;
 +
}
  
−
.rq { padding-left: 10px; margin-bottom: 5px; padding-bottom: 10px; }
+
.Description {
−
.RQi { margin: 10px 0px 0px 0px; font-size: 14px; font-family: courier; font-weight: bold; }
+
width: 508px;
−
.RQiqt { font-size: 14px; font-family: courier; font-weight: bold; }
+
height: 142px;
−
.RQiqa { font-size: 14px; font-family: courier; width: fit-content; }
+
left: 305px;
−
.RQiqtable { margin-top: 10px; width: 300px; }
+
position: absolute;
 +
margin-top: -34px;
 +
}
  
−
.rqedit { font-family: Courier; font-weight: bold; float: right; padding-right: 10px; }
+
.disclaimer {
−
.rqheader { padding-top: 10px; height: 20px; }
+
width: 100%;
−
.rqtitle { color: #ffffff; font-family: Courier; font-weight: bold; float: left; font-size: 16px !important;}
+
border-color: #ffffff;
 +
border-top: 1px solid;
 +
border-bottom: 1px solid;
 +
text-align: center;
 +
font-size: 10px;
 +
font-variant-caps: all-petite-caps;
 +
margin-top: 5px;
 +
}
  
−
.timeline { border: 0; }
+
.Dbg {
−
.timeline ul { padding-left: 17px; }
+
    width: 490px;
−
.timeline-toggle { height: 40px; border: none; line-height: 40px; margin-bottom: 5px; margin-top: 5px; padding-left: 10px; }
+
    height: 183px;
 +
    padding: 0px 5px 0px 10px;
 +
    overflow: hidden;
 +
    margin-top: 8px;
 +
    background: {{{Primary}}};
 +
}
  
−
.titles { margin: 10px 10px 10px 10px; font-size: 21px !important; }
+
.footer {
 +
width: 100%;
 +
border-color: #ffffff;
 +
border-top: 1px solid;
 +
border-bottom: 1px solid;
 +
text-align: center;
 +
font-size: 10px;
 +
font-variant-caps: all-petite-caps;
 +
margin-top: 10px;
 +
}
  
−
.US2002021967_header { width: 780px; height: auto; margin-top: -30px; margin-left: -30px; }
+
h2 {
 +
color: #ffffff;
 +
font-size: 21px !important;
 +
font-family: Attic Antique, Brush Script MT !important;
 +
}
  
 +
.OOCinfo h2 {
 +
margin: 10px 10px 10px 10px;
 +
font-size: 21px !important;
 +
font-family: Attic Antique, Brush Script MT !important;
 +
}
  
−
<!-- Colors: Page -->
+
.oocvi {
 +
text-align: left;
 +
width: 100px;
 +
font-weight: bold;
 +
color: {{{Page Text}}};
 +
}
  
−
.Page#Red {  
+
.oocir {
−
  background: #2e060b;
+
height: 35px;
−
  border-color: #65163a;
 
−
  color: #ccb0b0;  
 
 
}
 
}
  
−
.Page#Orange{  
+
.oocvitals-pic {
−
  background: #5a2600;
+
float: right;
−
  border-color: #8b5114;
+
clear:both;
−
  color: #ccbdb0;  
+
overflow: hidden;
 +
height: 150px;
 +
margin: 5px 10px 0px 0px;
 
}
 
}
  
−
.Page#Yellow {  
+
.oocvitals {
−
  background: #c9b728;
+
padding: 0px 0px 0px 10px;
−
  border-color: #c39a00;
+
line-height: 29px;
−
  color: #ccc9b0;  
+
background-color: {{{Primary}}};
 +
color: {{{Page Text}}};
 
}
 
}
  
−
.Page#Green {  
+
.oocvitals-table {
−
  background: #062e0d;
+
width: 100%;
−
  border-color: #236516;
+
padding: 10px 10px 10px 0px;
−
  color: #b0ccb2;  
 
 
}
 
}
  
−
.Page#Blue {  
+
.Page {
−
  background: #06092e;
+
    width: 800px;
−
  border-color: #353967;
+
    min-height: 400px;
−
  color: #b0b2cc;  
+
    border: 10px solid;
 +
    padding: 10px;
 +
    background-color: {{{Secondary}}};
 +
    border-color: {{{Primary}}};
 +
    position: relative;
 +
    top: -18px;
 
}
 
}
  
−
.Page#Purple {
+
.Page a, .Page a.external, .Page a:visited, .Page a.external:visited {
−
  background: #1f062e;
+
color: #ffffff;
−
  border-color: #644378;
 
−
  color: #c4b0cc;  
 
 
}
 
}
  
−
<!-- Colors: Details, Description, OOC Vitals Timeline Toggles, Rumors & Quotes -->
+
.picleft {
 +
    width: 263px !important;
 +
    height: 287px !important;
 +
}
 +
.picmiddle {
 +
    width: 263px !important;
 +
    height: 287px !important;
 +
}
 +
.picright {
 +
    width: 263px !important;
 +
    height: 287px !important;
 +
}
  
−
.ICL#Red { color: #ffffff; }
+
.rq { padding-left: 10px;
−
.ICL#Orange { color: #ffffff; }
+
margin-bottom: 5px;
−
.ICL#Yellow { color: #766900; }
+
padding-bottom: 10px;
−
.ICL#Green { color: #ffffff; }
+
}
−
.ICL#Blue { color: #ffffff; }
 
−
.ICL#Purple { color: #ffffff; }
 
  
−
.oocvi#Red { color: #ffffff; }
+
.RQi { margin: 20px 0px 20px 0px;
−
.oocvi#Orange { color: #ffffff; }
+
font-size: 14px;
−
.oocvi#Yellow { color: #766900; }
+
font-family: courier;
−
.oocvi#Green { color: #ffffff; }
+
font-weight: bold;
−
.oocvi#Blue { color: #ffffff; }
+
}
−
.oocvi#Purple { color: #ffffff; }
 
  
−
.rq#Red, .timeline-toggle#Red, .oocvitals#Red, .Dbg#Red, .DICbg#Red {
+
.RQiqt { font-size: 14px;
−
  background: #6b3037;
+
font-family: courier;
−
  color: #ccb0b0;  
+
font-weight: bold;
 
}
 
}
  
−
.rq#Orange, .timeline-toggle#Orange, .oocvitals#Orange, .Dbg#Orange, .DICbg#Orange {
+
.RQiqa { font-size: 14px;
−
  background: #8b5114;
+
font-family: courier;
−
  color: #ccbdb0;  
+
width: fit-content;
 
}
 
}
  
−
.rq#Yellow, .timeline-toggle#Yellow, .oocvitals#Yellow, .Dbg#Yellow, .DICbg#Yellow {
+
.RQiqtable { margin-top: 10px;
−
  background: #d6d368;
+
width: 100%;
−
  color: #81671a;  
+
padding: 0px 10px 0px 0px;
 
}
 
}
  
−
.rq#Green, .timeline-toggle#Green, .oocvitals#Green, .Dbg#Green, .DICbg#Green {
+
.Author { text-align: left;
−
  background: #2b7137;
+
padding: 0px 0px 0px 20px;
−
  color: #b0ccb2;  
 
 
}
 
}
  
−
.rq#Blue, .timeline-toggle#Blue, .oocvitals#Blue, .Dbg#Blue, .DICbg#Blue {
+
.rqedit { font-family: Courier;
−
  background: #353967;
+
font-weight: bold;
−
  color: #b0b2cc;  
+
float: right;
 +
padding-right: 10px;
 
}
 
}
  
−
.rq#Purple, .timeline-toggle#Purple, .oocvitals#Purple, .Dbg#Purple, .DICbg#Purple {
+
.rqheader { padding-top: 10px;
−
  background: #644378;
+
height: 20px;
−
  color: #c4b0cc;  
 
 
}
 
}
  
−
<!-- Colors: Timeline -->
+
.rqtitle { color: #ffffff;
 +
font-family: Courier;
 +
font-weight: bold;
 +
float: left;
 +
font-size: 16px !important;
 +
}
  
−
.timeline.Red {
+
.side_border_01 {
−
  background: #a25f67;  
+
    height: 80px;
−
  color: #000000;
+
    width: 10px;
 +
    position: absolute;
 +
    background-color: {{{Secondary}}};
 +
    z-index: 2;
 +
    top: -127px;
 +
    left: 864px;
 
}
 
}
  
−
.timeline.Orange {
+
.side_border_02 {
−
  background: #bc8451;
+
    position: fixed;
−
  color: #2b1e12;  
+
    top: 0px;
 +
    left: 1074px;
 +
    height: 100%;
 +
    width: 100%;
 +
    background-color: {{{Secondary}}};
 
}
 
}
  
−
.timeline.Yellow {
+
.ss_header { border: 1px solid black; width: 798px; height: 416px; }
−
  background: #fffdac;
+
 
−
  color: #8f7431;  
+
.timeline-header {  }
 +
 
 +
.timeline {
 +
    border: 0;
 +
    background: {{{Accent}}} !important;
 +
    padding: 1px 10px 8px 10px;
 
}
 
}
  
−
.timeline.Green {
+
.timeline ul {
−
  background: #5ba261;
+
padding-left: 17px;
−
  color: #0c150c;  
 
 
}
 
}
  
−
.timeline.Blue {
+
.timeline-toggle {
−
  background: #565a8f;  
+
height: 25px;
 +
border: none;
 +
line-height: 25px;
 +
margin-bottom: 5px;
 +
margin-top: 5px;
 +
padding-left: 10px;
 +
background-color: {{{Primary}}};
 
}
 
}
  
−
.timeline.Purple {
+
.mw-headline#Rumors_.26_Quotes {  }
−
  background: #785d89;  
+
 
 +
.US2002021967_header { width: 780px;
 +
height: auto;
 +
margin-top: -30px;
 +
margin-left: -30px;
 
}
 
}
  
 +
.Roster { text-align: center; vertical-align: baseline; }
  
 
}}</includeonly>
 
}}</includeonly>

Latest revision as of 18:58, 1 March 2021

Retrieved from "https://wiki2020.modernenigmasociety.org/index.php?title=Template:US2002021967_CSS&oldid=13491"