Difference between revisions of "Template:US2002021967 CSS"
Jump to navigation
Jump to search
Line 1: | Line 1: | ||
<includeonly>{{#css: | <includeonly>{{#css: | ||
− | . | + | .Details { |
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | min-height: 170px; | ||
+ | margin: 0px 0px 20px 0px; | ||
− | . | + | } |
− | + | ||
+ | .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; | ||
+ | } | ||
− | . | + | .ICL { |
+ | float: left; | ||
+ | margin-top: -5px; | ||
+ | } | ||
− | . | + | .ICR { |
− | + | 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; | ||
+ | } | ||
− | . | + | .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-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; | ||
} | } | ||
− | . | + | .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 { border: 0; |
− | + | } | |
− | |||
− | + | .timeline ul { padding-left: 17px; | |
− | + | } | |
− | .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; | ||
+ | } | ||
+ | .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> |