Difference between revisions of "Template:US2002021967 CSS"

From Modern Enigma Society 2020 Wiki
Jump to navigation Jump to search
Line 1: Line 1:
 
<includeonly>{{#css:
 
<includeonly>{{#css:
  
−
.clearfix::after { content: ""; clear: both; display: table; }
+
.Details {
 +
width: 100%;
 +
height: 100%;
 +
min-height: 170px;
 +
margin: 0px 0px 20px 0px;
  
−
.Details { width: 100%; height: 100%; min-height: 170px; margin: 0px 0px 20px 0px; }
+
}
−
.DIC { padding-left: 10px; width: 255px; margin-top: -15px; }
+
 
 +
.DIC {
 +
padding-left: 10px;
 +
width: 255px;
 +
margin-top: -15px;
 +
 
 +
}
 +
 
 +
.DICbg {
 +
width: 235px;
 +
height: 182px;
 +
position: relative;
 +
left: -10px;
 +
padding: 0px 30px 0px 10px;
 +
margin-top: 2px;
 +
float: left;
 +
}
  
−
.DICbg { width: 235px; height: 182px; position: relative; left: -10px; padding: 0px 30px 0px 10px; margin-top: 2px; float: left; }
+
.ICL {
 +
float: left;
 +
margin-top: -5px;
 +
}
  
−
.ICL { float: left; margin-top: -5px; }
+
.ICR {
−
.ICR { margin-top: -5px; overflow: hidden; width: 175px; white-space: nowrap; position: absolute; right: 10px; }
+
margin-top: -5px;
−
.Description { width: 508px; height: 142px; left: 305px; position: absolute; margin-top: -34px; }
+
overflow: hidden;
 +
width: 175px;
 +
white-space: nowrap;
 +
position: absolute;
 +
right: 10px;
 +
}
 +
 
 +
.Description {
 +
width: 508px;
 +
height: 142px;
 +
left: 305px;
 +
position: absolute;
 +
margin-top: -34px;
 +
}
  
 
.Dbg {
 
.Dbg {
Line 20: Line 56:
 
}
 
}
  
−
h2 { color: #ffffff; font-size: 21px !important; }
+
h2 {
 +
color: #ffffff;
 +
font-size: 21px !important;
 +
}
 +
 
 +
.OOCinfo h2 {
 +
margin: 10px 10px 10px 10px;
 +
font-size: 21px !important;
 +
}
 +
 
 +
.oocvi {
 +
text-align: left;
 +
width: 100px;
 +
font-weight: bold;
 +
color: #ffffff;
 +
}
  
−
.OOCinfo h2 { margin: 10px 10px 10px 10px; font-size: 21px !important; }
+
.oocir {
−
.oocvi { text-align: left; width: 100px; font-weight: bold; color: #ffffff; }
+
height: 35px;
−
.oocir { height: 35px; }
+
}
  
−
.oocvitals-pic { float: right; clear:both; overflow: hidden; height: 150px;  margin: 5px 10px 0px 0px; }
+
.oocvitals-pic {
 +
float: right;
 +
clear:both;
 +
overflow: hidden;
 +
height: 150px;
 +
  margin: 5px 10px 0px 0px;
 +
}
 +
 
 +
.oocvitals {
 +
padding: 0px 0px 0px 10px;
 +
line-height: 29px;
 +
}
  
−
.oocvitals { padding: 0px 0px 0px 10px; line-height: 29px; }
+
.oocvitals-table {
−
.oocvitals-table { width: 100%; padding: 10px 10px 10px 0px; }
+
width: 100%;
 +
padding: 10px 10px 10px 0px;
 +
}
  
 
.Page {  
 
.Page {  
−
   width: 800px; min-height: 400px; border: 10px solid; padding: 10px;  
+
   width: 800px;
 +
min-height: 400px;
 +
border: 10px solid;
 +
padding: 10px;
 +
 +
}
 +
 
 +
.Page a, .Page a.external, .Page a:visited, .Page a.external:visited {
 +
color: #ffffff;
 +
}
 +
 
 +
.rq { padding-left: 10px;
 +
margin-bottom: 5px;
 +
padding-bottom: 10px;
 +
}
 +
 
 +
.RQi { margin: 10px 0px 0px 0px;
 +
font-size: 14px;
 +
font-family: courier;
 +
font-weight: bold;
 +
}
 +
 
 +
.RQiqt { font-size: 14px;
 +
font-family: courier;
 +
font-weight: bold;
 +
}
 +
 
 +
.RQiqa { font-size: 14px;
 +
font-family: courier;
 +
width: fit-content;
 +
}
 +
 
 +
.RQiqtable { margin-top: 10px;
 +
width: 100%;
 +
padding: 0px 10px 0px 0px;
 +
}
 +
 
 +
.Author { text-align: left;
 +
padding: 0px 0px 0px 20px;
 +
}
 +
 
 +
.rqedit { font-family: Courier;
 +
font-weight: bold;
 +
float: right;
 +
padding-right: 10px;
 
}
 
}
  
−
.Page a, .Page a.external, .Page a:visited, .Page a.external:visited { color: #ffffff; }
+
.rqheader { padding-top: 10px;
 +
height: 20px;
 +
}
 +
 
 +
.rqtitle { color: #ffffff;
 +
font-family: Courier;
 +
font-weight: bold;
 +
float: left;
 +
font-size: 16px !important;
 +
}
  
−
.rq { padding-left: 10px; margin-bottom: 5px; padding-bottom: 10px; }
+
.timeline-header { margin-top: 70px;
−
.RQi { margin: 10px 0px 0px 0px; font-size: 14px; font-family: courier; font-weight: bold; }
+
}
−
.RQiqt { font-size: 14px; font-family: courier; font-weight: bold; }
 
−
.RQiqa { font-size: 14px; font-family: courier; width: fit-content; }
 
−
.RQiqtable { margin-top: 10px; width: 100%; padding: 0px 10px 0px 0px; }
 
−
.Author { text-align: left; padding: 0px 0px 0px 20px; }
 
  
−
.rqedit { font-family: Courier; font-weight: bold; float: right; padding-right: 10px; }
+
.timeline { border: 0;
−
.rqheader { padding-top: 10px; height: 20px; }
+
}
−
.rqtitle { color: #ffffff; font-family: Courier; font-weight: bold; float: left; font-size: 16px !important;}
 
  
−
.timeline-header { margin-top: 70px; }
+
.timeline ul { padding-left: 17px;
−
.timeline { border: 0; }
+
}
−
.timeline ul { padding-left: 17px; }
 
−
.timeline-toggle { height: 40px; border: none; line-height: 40px; margin-bottom: 5px; margin-top: 5px; padding-left: 10px; }
 
  
−
.titles { margin: 10px 10px 10px 10px; font-size: 21px !important; }
+
.timeline-toggle { height: 40px;
 +
border: none;
 +
line-height: 40px;
 +
margin-bottom: 5px;
 +
margin-top: 5px;
 +
padding-left: 10px;
 +
}
  
−
.US2002021967_header { width: 780px; height: auto; margin-top: -30px; margin-left: -30px; }
+
.titles { margin: 10px 10px 10px 10px;
 +
font-size: 21px !important;
 +
}
  
 +
.US2002021967_header { width: 780px;
 +
height: auto;
 +
margin-top: -30px;
 +
margin-left: -30px;
 +
}
  
 
<!-- Colors: Page -->
 
<!-- Colors: Page -->
Line 63: Line 186:
 
   background: #2e060b;
 
   background: #2e060b;
 
   border-color: #65163a;
 
   border-color: #65163a;
−
   color: #ccb0b0;  
+
   color: #ccb0b0;
 
}
 
}
  
Line 69: Line 192:
 
   background: #5a2600;
 
   background: #5a2600;
 
   border-color: #8b5114;
 
   border-color: #8b5114;
−
   color: #ccbdb0;  
+
   color: #ccbdb0;
 
}
 
}
  
Line 75: Line 198:
 
   background: #c9b728;
 
   background: #c9b728;
 
   border-color: #c39a00;
 
   border-color: #c39a00;
−
   color: #ccc9b0;  
+
   color: #ccc9b0;
 
}
 
}
  
Line 81: Line 204:
 
   background: #062e0d;
 
   background: #062e0d;
 
   border-color: #236516;
 
   border-color: #236516;
−
   color: #b0ccb2;  
+
   color: #b0ccb2;
 
}
 
}
  
Line 87: Line 210:
 
   background: #06092e;
 
   background: #06092e;
 
   border-color: #353967;
 
   border-color: #353967;
−
   color: #b0b2cc;  
+
   color: #b0b2cc;
 
}
 
}
  
Line 93: Line 216:
 
   background: #1f062e;
 
   background: #1f062e;
 
   border-color: #644378;
 
   border-color: #644378;
−
   color: #c4b0cc;  
+
   color: #c4b0cc;
 
}
 
}
  
 
<!-- Colors: Details, Description, OOC Vitals Timeline Toggles, Rumors & Quotes -->
 
<!-- Colors: Details, Description, OOC Vitals Timeline Toggles, Rumors & Quotes -->
  
−
.ICL#Red { color: #ffffff; }
+
.ICL#Red { color: #ffffff;
−
.ICL#Orange { color: #ffffff; }
+
}
−
.ICL#Yellow { color: #766900; }
+
.ICL#Orange { color: #ffffff;
−
.ICL#Green { color: #ffffff; }
+
}
−
.ICL#Blue { color: #ffffff; }
+
.ICL#Yellow { color: #766900;
−
.ICL#Purple { color: #ffffff; }
+
}
 +
.ICL#Green { color: #ffffff;
 +
}
 +
.ICL#Blue { color: #ffffff;
 +
}
 +
.ICL#Purple { color: #ffffff;
 +
}
  
−
.oocvi#Red { color: #ffffff; }
+
.oocvi#Red { color: #ffffff;
−
.oocvi#Orange { color: #ffffff; }
+
}
−
.oocvi#Yellow { color: #766900; }
+
.oocvi#Orange { color: #ffffff;
−
.oocvi#Green { color: #ffffff; }
+
}
−
.oocvi#Blue { color: #ffffff; }
+
.oocvi#Yellow { color: #766900;
−
.oocvi#Purple { color: #ffffff; }
+
}
 +
.oocvi#Green { color: #ffffff;
 +
}
 +
.oocvi#Blue { color: #ffffff;
 +
}
 +
.oocvi#Purple { color: #ffffff;
 +
}
  
 
.rq#Red, .timeline-toggle#Red, .oocvitals#Red, .Dbg#Red, .DICbg#Red {  
 
.rq#Red, .timeline-toggle#Red, .oocvitals#Red, .Dbg#Red, .DICbg#Red {  
 
   background: #6b3037;
 
   background: #6b3037;
−
   color: #ccb0b0;  
+
   color: #ccb0b0;
 
}
 
}
  
 
.rq#Orange, .timeline-toggle#Orange, .oocvitals#Orange, .Dbg#Orange, .DICbg#Orange {  
 
.rq#Orange, .timeline-toggle#Orange, .oocvitals#Orange, .Dbg#Orange, .DICbg#Orange {  
 
   background: #8b5114;
 
   background: #8b5114;
−
   color: #ccbdb0;  
+
   color: #ccbdb0;
 
}
 
}
  
 
.rq#Yellow, .timeline-toggle#Yellow, .oocvitals#Yellow, .Dbg#Yellow, .DICbg#Yellow {  
 
.rq#Yellow, .timeline-toggle#Yellow, .oocvitals#Yellow, .Dbg#Yellow, .DICbg#Yellow {  
 
   background: #d6d368;
 
   background: #d6d368;
−
   color: #81671a;  
+
   color: #81671a;
 
}
 
}
  
 
.rq#Green, .timeline-toggle#Green, .oocvitals#Green, .Dbg#Green, .DICbg#Green {  
 
.rq#Green, .timeline-toggle#Green, .oocvitals#Green, .Dbg#Green, .DICbg#Green {  
 
   background: #2b7137;
 
   background: #2b7137;
−
   color: #b0ccb2;  
+
   color: #b0ccb2;
 
}
 
}
  
 
.rq#Blue, .timeline-toggle#Blue, .oocvitals#Blue, .Dbg#Blue, .DICbg#Blue {  
 
.rq#Blue, .timeline-toggle#Blue, .oocvitals#Blue, .Dbg#Blue, .DICbg#Blue {  
 
   background: #353967;
 
   background: #353967;
−
   color: #b0b2cc;  
+
   color: #b0b2cc;
 
}
 
}
  
 
.rq#Purple, .timeline-toggle#Purple, .oocvitals#Purple, .Dbg#Purple, .DICbg#Purple {  
 
.rq#Purple, .timeline-toggle#Purple, .oocvitals#Purple, .Dbg#Purple, .DICbg#Purple {  
 
   background: #644378;
 
   background: #644378;
−
   color: #c4b0cc;  
+
   color: #c4b0cc;
 
}
 
}
  
Line 145: Line 280:
  
 
.timeline.Red {
 
.timeline.Red {
−
   background: #a25f67;  
+
   background: #a25f67;
 
   color: #000000;
 
   color: #000000;
 
}
 
}
Line 151: Line 286:
 
.timeline.Orange {
 
.timeline.Orange {
 
   background: #bc8451;
 
   background: #bc8451;
−
   color: #2b1e12;  
+
   color: #2b1e12;
 
}
 
}
  
 
.timeline.Yellow {
 
.timeline.Yellow {
 
   background: #fffdac;
 
   background: #fffdac;
−
   color: #8f7431;  
+
   color: #8f7431;
 
}
 
}
  
 
.timeline.Green {
 
.timeline.Green {
 
   background: #5ba261;
 
   background: #5ba261;
−
   color: #0c150c;  
+
   color: #0c150c;
 
}
 
}
  
 
.timeline.Blue {
 
.timeline.Blue {
−
   background: #565a8f;  
+
   background: #565a8f;
 
}
 
}
  
 
.timeline.Purple {
 
.timeline.Purple {
−
   background: #785d89;  
+
   background: #785d89;
 
}
 
}
  
  
 
}}</includeonly>
 
}}</includeonly>

Revision as of 04:31, 11 February 2021

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