MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
(246 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
<head> | <head> | ||
Line 10: | Line 9: | ||
/* ================================================================= */ | /* ================================================================= */ | ||
/* ===================== | /* ===================== PRODUCT TEMPLATE ========================== */ | ||
/* ================================================================= */ | /* ================================================================= */ | ||
h3 | |||
{ | { | ||
font-weight:bold; | |||
font-size:14px; | |||
padding:4px 0px -2px 0px; | |||
} | |||
/* ================== PRODUCT REFERENCE STYLE ====================== */ | |||
h3.h3grey, h3.productfield, h5.sectionhead | |||
{ | |||
background-color:rgb(240,240,240); | |||
padding:.5em 0px .3em .6em; | |||
} | } | ||
p.sectionhead | |||
{ | { | ||
background-color:rgb(240,240,240); | |||
color: | |||
font-weight:bold; | font-weight:bold; | ||
font-size:13px; | |||
padding:5px 0px 5px 5px; | |||
} | } | ||
pre.indent, .indent | |||
{ | { | ||
margin-left:1.6em; | |||
} | } | ||
/* ================================================================= */ | /* ================================================================= */ | ||
/* ===================== | /* ======================= SIMPLE UI =============================== */ | ||
/* ================================================================= */ | /* ================================================================= */ | ||
# | #productHeaderV2 h1, #productSecondV2 h1, #productLeftV2 h1 | ||
{ | |||
font:normal 24px/24px helvetica,arial,sans-serif; | |||
color:#4c4d4f; | |||
border-bottom:none; | |||
} | |||
#productHeaderV2 | |||
{ | |||
position:relative; | |||
padding:0; | |||
margin:0; | |||
display:block; | |||
text-decoration:none; | |||
margin-bottom:-16px; | |||
min-height:100px; | |||
width:100%; | |||
} | |||
#productSecondV2 | |||
{ | { | ||
position:relative; | |||
padding:0; | |||
margin:0; | |||
display:block; | display:block; | ||
text-decoration:none; | |||
margin-bottom:-16px; | |||
min-height:100px; | |||
width:100%; | width:100%; | ||
} | } | ||
# | #productLeftV2 | ||
{ | |||
position:relative; | |||
padding:0; | |||
margin:0; | |||
display:block; | |||
text-decoration:none; | |||
width:100%; | |||
} | |||
#welcomeHeader h1, #welcomeLeft h1, #welcomeRight h1, #productHeader h1, #productSecond h1, #productLeft h1 | |||
{ | |||
font:normal 24px/24px helvetica,arial,sans-serif; | |||
color:white; | |||
border-bottom:none; | |||
} | |||
#welcomeHeader, #welcomeLeft, #welcomeRight, #welcomeHeaderRightContent, #welcomeRightRightContent, #productHeader, #productSecond, #productLeft | |||
{ | |||
position:relative; | |||
} | |||
#welcomeHeader, #welcomeLeft, #welcomeRight, #productHeader, #productSecond, #productLeft | |||
{ | |||
padding:0; | |||
margin:0; | |||
} | |||
#welcomeHeader, #welcomeLeft, #welcomeRight, #productHeader, #productSecond, #productLeft | |||
{ | { | ||
display:block; | |||
text-decoration:none; | |||
} | } | ||
# | #welcomeHeaderLeftColor, #welcomeLeftTopColor, #welcomeLeftBottomContent, #welcomeRightLeftColor, #productHeaderLeftColor, #productLeftTopColor, #productLeftBottomContent | ||
{ | { | ||
float:left; | float:left; | ||
} | } | ||
# | #productSecondRightColor | ||
{ | { | ||
float:right; | |||
} | } | ||
# | #welcomeHeaderLeftColor, #welcomeLeft, #welcomeLeftTopColor, #welcomeLeftBottomContent | ||
{ | { | ||
width:380px; | |||
} | |||
#productHeaderLeftColor, #productSecondRightColor | |||
{ | |||
width:280px; | |||
} | |||
#welcomeLeftBottomContent, #productLeftBottomContent | |||
{ | |||
margin-top:16px; | |||
} | |||
#welcomeHeader, #productHeader, #productSecond, #productListHead | |||
{ | |||
margin-bottom:-16px; | |||
} | } | ||
#welcomeHeaderRightContent | |||
# | |||
{ | { | ||
margin-left:396px; | |||
} | } | ||
# | #productHeaderRightContent | ||
{ | { | ||
margin-left:296px; | |||
} | } | ||
# | #welcomeRightRightContent | ||
{ | { | ||
margin | margin-left:196px; | ||
} | } | ||
# | #productSecondLeftContent | ||
{ | { | ||
margin | margin-right:296px; | ||
min-width:400px; | |||
} | } | ||
# | #welcomeHeaderRightContent, #welcomeRightRightContent, #productHeaderRightContent | ||
{ | |||
min-width:100px; | |||
} | |||
#welcomeRightRightContent, #productHeader, #productHeaderRightContent, #productSecondLeftContent, #productSecond | |||
{ | |||
min-height:100px; | |||
} | |||
/* | |||
#welcomeHeaderRightContent, #welcomeRightRightContent | |||
{ | |||
text-align:center; | |||
} | |||
*/ | |||
#welcomeHeader, #productHeader, #productSecond, #productLeft, #productLeftTopColor, #productLeftBottomContent | |||
{ | { | ||
width:100%; | width:100%; | ||
} | } | ||
# | #welcomeHeader, #welcomeHeaderLeftColor, #welcomeHeaderRightContent, #welcomeLeftTopColor, #welcomeRightLeftColor, #productSecondRightColor, #productHeaderLeftColor, #productLeftTopColor | ||
{ | |||
height:100px; | |||
} | |||
#welcomeRightLeftColor | |||
{ | |||
width:180px; | |||
} | |||
#welcomeHeaderLeftColor, #welcomeHeaderRightContent, #welcomeLeftTopColor, #welcomeRightLeftColor, #welcomeRightRightContent, #productHeaderLeftColor, #productHeaderRightContent, #productLeftTopColor, #productSecondLeftContent, #productSecondRightColor | |||
{ | |||
top:0px; | |||
} | |||
#welcomeHeaderLeftColor, #welcomeHeaderRightContent, #welcomeLeftTopColor, #welcomeLeftBottomContent, #welcomeRightLeftColor, #welcomeRightRightContent, #productHeaderLeftColor, #productHeaderRightContent, #productLeftTopColor, #productLeftBottomContent, #productSecondLeftContent | |||
{ | { | ||
left:0px; | |||
} | |||
#productSecondRightColor | |||
{ | |||
right:0px; | |||
} | } | ||
# | #welcomeHeaderLeftColor, #welcomeHeaderRightContent, #welcomeLeftTopColor, #welcomeLeftBottomContent, #welcomeRightLeftColor, #welcomeRightRightContent, #productHeaderLeftColor, #productHeaderRightContent, #productLeftTopColor, #productLeftBottomContent, #productSecondLeftContent, #productSecondRightColor, #productListShadow | ||
{ | { | ||
-webkit-box-shadow:0px 0px 6px 2px rgba(31, 142, 255, .3); | |||
box-shadow:0px 0px 6px 2px rgba(31, 142, 255, .3); | |||
} | |||
.clear-both | |||
{ | |||
clear:both; | |||
} | } | ||
/* ================================================================= */ | /* ================================================================= */ | ||
/* ====================== | /* ====================== POSITIONING FIXES ======================== */ | ||
/* ================================================================= */ | /* ================================================================= */ | ||
# | #welcomeRightUpdatesFix | ||
{ | |||
margin-top:0px; | |||
} | |||
#welcomeRightSupportFix | |||
{ | |||
margin-top:-15px; | |||
} | |||
#welcomeRightUpdatesFix, #welcomeRightSupportFix | |||
{ | |||
margin-left:14px; | |||
} | |||
#welcomeImage | |||
{ | { | ||
padding:0px; | padding:0px; | ||
} | } | ||
.padded | |||
{ | { | ||
padding:0px 10px 6px 10px; | |||
} | } | ||
.paddedtop | |||
{ | { | ||
padding:8px 10px; | |||
} | |||
/* ========= | /*=============== Table Floats (Returned Result Codes Pages) ================ */ | ||
.float01 | |||
{ | |||
float:left; | |||
} | } | ||
.tableDisplay | |||
{ | { | ||
display:inline-block; | |||
vertical-align:top; | |||
margin:0 20px 20px 0; | |||
} | |||
.tableDisplayV2 | |||
{ | |||
min-width:250px; | |||
padding:0 10px 20px 10px; | |||
border-right:1px solid #AAAAAA; | |||
border-bottom:1px solid #AAAAAA; | |||
} | } | ||
.tableDisplay h3 | |||
{ | { | ||
background | background-color:#F6F6F6; | ||
} | |||
/* ================================================================= */ | |||
/* ============================ UPDATES ============================ */ | |||
/* ================================================================= */ | |||
.stickymenu | |||
{ | |||
top: 0; | |||
position: fixed; | |||
} | } | ||
/* ================================================================= */ | |||
/* ============================ COLORS ============================= */ | |||
/* ================================================================= */ | |||
.blue | |||
{ | |||
background-color:#0159d0; | |||
} | |||
.prodblue, .productblue | |||
{ | |||
background-color:#005cbe; | |||
} | |||
.green | |||
{ | |||
background-color:#157c07; | |||
} | |||
.prodgreen, .productgreen | |||
{ | |||
background-color:#009245; | |||
} | |||
.orange | |||
{ | |||
background-color:#ec8205; | |||
} | |||
.prodorange, .productorange | |||
{ | |||
background-color:#ff9000; | |||
} | |||
.prodfuchsia, .productfuchsia | |||
{ | |||
background-color:#c02040; | |||
} | |||
.red | |||
{ | |||
background-color:#d70000; | |||
} | |||
.prodred, .productred | |||
{ | |||
background-color:#a31616; | |||
} | |||
.white | |||
{ | |||
background-color:#ffffff; | |||
} | |||
.purple, .productpurple | |||
{ | |||
background-color:#6f1ba5; | |||
} | |||
.productyellow | |||
{ | |||
background-color:#f4e600; | |||
} | |||
/* ================================================================= */ | /* ================================================================= */ | ||
/* ======================== TABLE SHADING ========================== */ | /* ======================== TABLE SHADING ========================== */ | ||
/* ================================================================= */ | /* ================================================================= */ | ||
table.alternate01 | table.alternate01, | ||
table.alternate02, | |||
table.alternate03, | |||
table.alternate04 | |||
{ | { | ||
border-collapse:collapse; | border-collapse:collapse; | ||
Line 234: | Line 342: | ||
.alternate01 tr, | .alternate01 tr, | ||
.alternate01 td, | .alternate01 td, | ||
.alternate01 th | .alternate01 th, | ||
.alternate02 tr, | |||
.alternate02 td, | |||
.alternate02 th | |||
{ | { | ||
border-right:1px solid #AAAAAA; | border-right:1px solid #AAAAAA; | ||
Line 242: | Line 353: | ||
} | } | ||
.alternate01 tr:nth-child(odd) | .alternate03 tr, | ||
.alternate03 td, | |||
.alternate03 th, | |||
.alternate04 tr, | |||
.alternate04 td, | |||
.alternate04 th | |||
{ | |||
border:1px solid #AAAAAA; | |||
padding:3px 6px; | |||
text-align:left; | |||
} | |||
.alternate03 th | |||
{ | |||
background-color:#CCCCCC; | |||
} | |||
.alternate04 th | |||
{ | |||
background-color:#EEEEEE; | |||
} | |||
.alternate01 tr:nth-child(odd), | |||
.alternate02 td:nth-child(odd), | |||
.alternate03 td:nth-child(odd), | |||
.alternate04 td:nth-child(even) | |||
{ | { | ||
background-color:white; | background-color:white; | ||
} | } | ||
.alternate01 tr:nth-child(even) | .alternate01 tr:nth-child(even), | ||
.alternate02 td:nth-child(even), | |||
.alternate03 td:nth-child(even), | |||
.alternate04 td:nth-child(odd) | |||
{ | { | ||
background-color:#F6F6F6; | background-color:#F6F6F6; | ||
} | |||
.genderTable{ | |||
border-collapse:collapse; | |||
border:3px solid black; | |||
} | |||
.genderTable tr, .genderTable td, .genderTable th{ | |||
border:1px solid black; | |||
padding:4px 10px; | |||
} | |||
.genderTableBlue{ | |||
background-color:LightSkyBlue; | |||
} | |||
.genderTablePink{ | |||
background-color:Pink; | |||
} | |||
.genderTableRed{ | |||
background-color:DarkRed; | |||
} | |||
.genderTableOrange{ | |||
background-color:DarkOrange; | |||
} | |||
.genderTableGreen{ | |||
background-color:DarkGreen; | |||
} | |||
.genderTableGreen, .genderTableOrange, .genderTableRed{ | |||
text-align:left; | |||
color:white; | |||
} | |||
.exampleDataTable{ | |||
border-collapse:collapse; | |||
border:2px solid #888; | |||
background-color:#d9e2f3; | |||
} | |||
.exampleDataTable tr, .exampleDataTable td, .exampleDataTable th{ | |||
border:1px solid #888; | |||
padding:4px 10px; | |||
} | |||
.exampleDataTableGreen{ | |||
background-color:#c6e0b4; | |||
} | |||
.exampleDataTableRed{ | |||
background-color:#ff9999; | |||
} | |||
.exampleDataTableWhite{ | |||
background-color:#fff; | |||
} | |||
.matchcodeP0{ | |||
text-align:left; | |||
border-bottom:1px solid black; | |||
font-size:14px; | |||
} | |||
.matchcodeP1{ | |||
border-top:1px solid black; | |||
border-right:1px solid black; | |||
border-bottom:2px solid black; | |||
border-left:1px solid black; | |||
width:60px; | |||
height:16px; | |||
background-color:#ff2626; | |||
} | |||
.matchcodeP2{ | |||
border-top:1px solid black; | |||
border-right:1px solid black; | |||
border-bottom:2px solid black; | |||
border-left:0px solid black; | |||
width:60px; | |||
height:16px; | |||
background-color:#ff7026; | |||
} | |||
.matchcodeP3{ | |||
border-top:1px solid black; | |||
border-right:1px solid black; | |||
border-bottom:2px solid black; | |||
border-left:0px solid black; | |||
width:60px; | |||
height:16px; | |||
background-color:#ffff70; | |||
} | |||
.matchcodeP4{ | |||
border-top:1px solid black; | |||
border-right:1px solid black; | |||
border-bottom:2px solid black; | |||
border-left:0px solid black; | |||
width:60px; | |||
height:16px; | |||
background-color:#a3c98f; | |||
} | |||
.matchcodeP5{ | |||
border-top:1px solid black; | |||
border-right:1px solid black; | |||
border-bottom:2px solid black; | |||
border-left:0px solid black; | |||
width:60px; | |||
height:16px; | |||
background-color:#649e46; | |||
} | |||
.matchcodePP1{ | |||
border-top:1px solid black; | |||
border-right:1px solid black; | |||
border-bottom:7px solid black; | |||
border-left:1px solid black; | |||
width:60px; | |||
height:16px; | |||
background-color:#ff2626; | |||
} | |||
.matchcodePP2{ | |||
border-top:1px solid black; | |||
border-right:1px solid black; | |||
border-bottom:7px solid black; | |||
border-left:0px solid black; | |||
width:60px; | |||
height:16px; | |||
background-color:#ff7026; | |||
} | |||
.matchcodePP3{ | |||
border-top:1px solid black; | |||
border-right:1px solid black; | |||
border-bottom:7px solid black; | |||
border-left:0px solid black; | |||
width:60px; | |||
height:16px; | |||
background-color:#ffff70; | |||
} | |||
.matchcodePP4{ | |||
border-top:1px solid black; | |||
border-right:1px solid black; | |||
border-bottom:7px solid black; | |||
border-left:0px solid black; | |||
width:60px; | |||
height:16px; | |||
background-color:#a3c98f; | |||
} | |||
.matchcodePP5{ | |||
border-top:1px solid black; | |||
border-right:1px solid black; | |||
border-bottom:7px solid black; | |||
border-left:0px solid black; | |||
width:60px; | |||
height:16px; | |||
background-color:#649e46; | |||
} | |||
.matchupHubDistributions{ | |||
border-collapse:collapse; | |||
text-align:center; | |||
padding:3px 6px; | |||
border-right:1px solid #aaa; | |||
border-bottom:1px solid #aaa; | |||
} | |||
.matchupHubDistributions th, | |||
.matchupHubDistributions td, | |||
.matchupHubDistributions tr | |||
{ | |||
border:2px solid #fff; | |||
padding:3px 6px; | |||
} | |||
.matchupHubDistributions th{ | |||
text-align:left; | |||
border-bottom:1px solid #aaa; | |||
} | |||
.matchupHubDistributions td { | |||
background-color:#def0fc; | |||
} | |||
.matchupHubDistributions td:nth-child(3){ | |||
background-color:#a5dcff; | |||
} | |||
.matchupHubDistributions td:nth-child(4){ | |||
background-color:#8bc9ef; | |||
} | |||
.matchupHubDistributions td:nth-child(5){ | |||
background-color:#7cbbe2; | |||
} | |||
.matchupHubDistributions td:nth-child(6){ | |||
background-color:#6bb0db; | |||
} | |||
/* ============================ Button ============================================ */ | |||
.button-orange { | |||
display:inline-block; | |||
padding:10px 18px; | |||
margin-bottom:0px; | |||
font-size:16px; | |||
font-weight:600; | |||
color:#FFF; | |||
text-align:center; | |||
text-decoration:none; | |||
cursor:pointer; | |||
background-color:#FFA617; | |||
border-radius:5px; | |||
} | |||
.button-orange a { | |||
display: block; | |||
height: 100%; | |||
width: 100%; | |||
text-decoration: none; | |||
} | |||
/* ============================ Button - Quick Start Guide ======================== */ | |||
.btn-qsg { | |||
position: relative; | |||
width: 15rem; | |||
height: 4rem; | |||
background-color: #157C07; | |||
color: #000; | |||
padding: 20px; | |||
margin-top:2rem; | |||
-webkit-border-top-left-radius:5px; | |||
-moz-border-radius-topleft:5px; | |||
border-top-left-radius:5px; | |||
-webkit-border-top-right-radius:5px; | |||
-moz-border-radius-topright:5px; | |||
border-top-right-radius:5px; | |||
-webkit-border-bottom-right-radius:5px; | |||
-moz-border-radius-bottomright:5px; | |||
border-bottom-right-radius:5px; | |||
-webkit-border-bottom-left-radius:5px; | |||
-moz-border-radius-bottomleft:5px; | |||
border-bottom-left-radius:5px; | |||
text-indent:0; | |||
} | |||
.btn-qsg p { | |||
color:white; | |||
font-size:1.25rem !important; | |||
font-weight:bold; | |||
font-style:normal; | |||
} | |||
.btn-qsg:hover { | |||
cursor: hand; | |||
cursor: pointer; | |||
background-color: #0D4A04; | |||
color:blue; | |||
} | |||
.btn-qsg:hover p { | |||
color:#0093C9; | |||
} | |||
a.link-qsg { | |||
position: absolute; | |||
width: 100%; | |||
height: 100%; | |||
top: 0; | |||
left: 0; | |||
text-decoration: none; | |||
color:white; /* Makes sure the link doesn't get underlined */ | |||
z-index: 10; /* raises anchor tag above everything else in div */ | |||
background-color: white; /*workaround to make clickable in IE */ | |||
opacity: 0; /*workaround to make clickable in IE */ | |||
filter: alpha(opacity=0); /*workaround to make clickable in IE */ | |||
} | } | ||
/* ================================================================= */ | /* ================================================================= */ | ||
/* ====================== | /* ====================== CODE BLOCK UTILITY ======================= */ | ||
/* ================================================================= */ | /* ================================================================= */ | ||
/* Mimics <pre> to add support for in-line <span> code highlighting. */ | |||
/* Also for using multi-line <pre> (by using <br> for line breaks). */ | |||
.pre-highlightsupport | |||
{ | |||
border:1px solid #eaecf0; | |||
background-color:#f8f9fa; | |||
margin:1em 0 1em 0; | |||
padding:1em; | |||
font-family:monospace; | |||
} | |||
/* ============================ New Modifications ======================== */ | |||
#serverStatusHeader | |||
{ | |||
position:relative; | |||
width:100%; | |||
float:left; | |||
display:block; | |||
margin:0 0 16px 0; | |||
padding:0; | |||
text-decoration:none; | |||
} | |||
#serverStatusColor | |||
{ | |||
width:180px; | |||
top:0px; | |||
left:0px; | |||
min-height:50px; | |||
-webkit-box-shadow:0px 0px 6px 2px rgba(31, 142, 255, .3); | |||
box-shadow:0px 0px 6px 2px rgba(31, 142, 255, .3); | |||
float:left; | |||
} | |||
#serverStatusDate | |||
{ | |||
padding:7px 0 0 10px; | |||
color:#fff; | |||
font:oblique 12px helvetica,arial,sans-serif; | |||
} | |||
#serverStatusEvent | |||
{ | |||
padding:1px 0 0 8px; | |||
font:normal 16px/24px helvetica,arial,sans-serif; | |||
color:white; | |||
border-bottom:none; | |||
} | |||
#serverStatusDescription | |||
{ | |||
top:0px; | |||
left:0px; | |||
min-width:100px; | |||
min-height:50px; | |||
margin-left:196px; | |||
-webkit-box-shadow:0px 0px 6px 2px rgba(31, 142, 255, .3); | |||
box-shadow:0px 0px 6px 2px rgba(31, 142, 255, .3); | |||
} | |||
/*===============================================*/ | |||
#homeContentBlurb | |||
{ | |||
float:left; | |||
min-width:182px; | |||
height:100px; | |||
position:relative; | |||
} | |||
#homeContentColor | |||
{ | |||
float:left; | |||
width:100%; | |||
top:0px; | |||
left:0px; | |||
min-width:230px; | |||
-webkit-box-shadow:0px 0px 6px 2px rgba(31, 142, 255, .3); | |||
box-shadow:0px 0px 6px 2px rgba(31, 142, 255, .3); | |||
} | |||
#homeContentImage | |||
{ | |||
/*background-color:#eee;*/ | |||
height:100px; | |||
min-width:230px; | |||
float:left; | |||
} | |||
/*===============================================*/ | |||
#homeHeaderColor | |||
{ | |||
min-width:476px; | |||
margin-bottom:16px; | |||
position:relative; | |||
display:block; | |||
-webkit-box-shadow:0px 0px 6px 2px rgba(31, 142, 255, .3); | |||
box-shadow:0px 0px 6px 2px rgba(31, 142, 255, .3); | |||
} | |||
#homeHeaderImage | |||
{ | |||
height:100px; | |||
float:left; | |||
/*width:476px;*/ | |||
} | |||
#homeHeaderBlurb | |||
{ | |||
height:100px; | |||
float:left; | |||
/*width:460px;*/ | |||
} | |||
/*===================== Word-Wrap in the <pre> tags ==========================*/ | |||
pre | |||
{ | |||
white-space: pre-wrap; | |||
white-space: -moz-pre-wrap; | |||
white-space: -pre-wrap; | |||
white-space: -o-pre-wrap; | |||
word-wrap: break-word; | |||
} | |||
/* Data Coverage Table Styling and Simplification Project, cuz that thing is outta hand.*/ | |||
.dc-pink | |||
{ | |||
background-color:#f9babb; | |||
} | |||
.dc-green | |||
{ | |||
background-color:#bfe3d1; | |||
} | |||
.dc-orange | |||
{ | |||
background-color:#f4d9a4; | |||
} | |||
.dc-blue | |||
{ | |||
background-color:#c9daf8; | |||
} | |||
/* JS Collapsible float left ================================================== */ | |||
.short-expand span.mw-collapsible-toggle{ | |||
float:left; | |||
clear:left; | |||
margin-right:4px; | |||
} | |||
.short-expand{ | |||
background-color:#eee; | |||
padding-left:10px; | |||
border-radius:10px 0 0 10px; | |||
} | |||
/*Allow limiting of which header levels are shown in a TOC;<div class="toclimit-3">, for instance, will limit to showing ==headings== and ===headings=== but no further.*/ | |||
.toclimit-2 .toclevel-1 ul, | |||
.toclimit-3 .toclevel-2 ul, | |||
.toclimit-4 .toclevel-3 ul, | |||
.toclimit-5 .toclevel-4 ul, | |||
.toclimit-6 .toclevel-5 ul, | |||
.toclimit-7 .toclevel-6 ul { | |||
display: none; | |||
} | |||
/*=================== Custom Link Colors !NOT WORKING!============================ | |||
standard link colors | |||
.mw-body a:link { color: #0000FF; } /* normal unvisited links | |||
.mw-body a:link:visited { color: #7F007F; } /* visited links | |||
.mw-body a:link:active { color: #FF0000; } /* active links | |||
.mw-body a:link.new { color: #FF0000; } /* new links | |||
.mw-body a:link.interwiki { color: #3366BB; } /* interwiki links | |||
.mw-body a:link.external { color: #3366BB; } /* external links | |||
.mw-body a:link.stub { color: #772233; } /* hovered links | |||
.mw-body a:link {color: #FF0000} | |||
.mw-body a:visited {color: #00FF00} | |||
.mw-body a:hover {color: FF00FF} | |||
.mw-body a:active {color: #0000FF} | |||
*/ | |||
</style> | |||
</head> |
Latest revision as of 23:59, 2 June 2023
/* CSS placed here will be applied to all skins */ <head> <style type="text/css"> /* ================================================================= */ /* Dummy is needed. Some conflict ignores the first declaration here */ #dummy{} /* ================================================================= */ /* ================================================================= */ /* ===================== PRODUCT TEMPLATE ========================== */ /* ================================================================= */ h3 { font-weight:bold; font-size:14px; padding:4px 0px -2px 0px; } /* ================== PRODUCT REFERENCE STYLE ====================== */ h3.h3grey, h3.productfield, h5.sectionhead { background-color:rgb(240,240,240); padding:.5em 0px .3em .6em; } p.sectionhead { background-color:rgb(240,240,240); font-weight:bold; font-size:13px; padding:5px 0px 5px 5px; } pre.indent, .indent { margin-left:1.6em; } /* ================================================================= */ /* ======================= SIMPLE UI =============================== */ /* ================================================================= */ #productHeaderV2 h1, #productSecondV2 h1, #productLeftV2 h1 { font:normal 24px/24px helvetica,arial,sans-serif; color:#4c4d4f; border-bottom:none; } #productHeaderV2 { position:relative; padding:0; margin:0; display:block; text-decoration:none; margin-bottom:-16px; min-height:100px; width:100%; } #productSecondV2 { position:relative; padding:0; margin:0; display:block; text-decoration:none; margin-bottom:-16px; min-height:100px; width:100%; } #productLeftV2 { position:relative; padding:0; margin:0; display:block; text-decoration:none; width:100%; } #welcomeHeader h1, #welcomeLeft h1, #welcomeRight h1, #productHeader h1, #productSecond h1, #productLeft h1 { font:normal 24px/24px helvetica,arial,sans-serif; color:white; border-bottom:none; } #welcomeHeader, #welcomeLeft, #welcomeRight, #welcomeHeaderRightContent, #welcomeRightRightContent, #productHeader, #productSecond, #productLeft { position:relative; } #welcomeHeader, #welcomeLeft, #welcomeRight, #productHeader, #productSecond, #productLeft { padding:0; margin:0; } #welcomeHeader, #welcomeLeft, #welcomeRight, #productHeader, #productSecond, #productLeft { display:block; text-decoration:none; } #welcomeHeaderLeftColor, #welcomeLeftTopColor, #welcomeLeftBottomContent, #welcomeRightLeftColor, #productHeaderLeftColor, #productLeftTopColor, #productLeftBottomContent { float:left; } #productSecondRightColor { float:right; } #welcomeHeaderLeftColor, #welcomeLeft, #welcomeLeftTopColor, #welcomeLeftBottomContent { width:380px; } #productHeaderLeftColor, #productSecondRightColor { width:280px; } #welcomeLeftBottomContent, #productLeftBottomContent { margin-top:16px; } #welcomeHeader, #productHeader, #productSecond, #productListHead { margin-bottom:-16px; } #welcomeHeaderRightContent { margin-left:396px; } #productHeaderRightContent { margin-left:296px; } #welcomeRightRightContent { margin-left:196px; } #productSecondLeftContent { margin-right:296px; min-width:400px; } #welcomeHeaderRightContent, #welcomeRightRightContent, #productHeaderRightContent { min-width:100px; } #welcomeRightRightContent, #productHeader, #productHeaderRightContent, #productSecondLeftContent, #productSecond { min-height:100px; } /* #welcomeHeaderRightContent, #welcomeRightRightContent { text-align:center; } */ #welcomeHeader, #productHeader, #productSecond, #productLeft, #productLeftTopColor, #productLeftBottomContent { width:100%; } #welcomeHeader, #welcomeHeaderLeftColor, #welcomeHeaderRightContent, #welcomeLeftTopColor, #welcomeRightLeftColor, #productSecondRightColor, #productHeaderLeftColor, #productLeftTopColor { height:100px; } #welcomeRightLeftColor { width:180px; } #welcomeHeaderLeftColor, #welcomeHeaderRightContent, #welcomeLeftTopColor, #welcomeRightLeftColor, #welcomeRightRightContent, #productHeaderLeftColor, #productHeaderRightContent, #productLeftTopColor, #productSecondLeftContent, #productSecondRightColor { top:0px; } #welcomeHeaderLeftColor, #welcomeHeaderRightContent, #welcomeLeftTopColor, #welcomeLeftBottomContent, #welcomeRightLeftColor, #welcomeRightRightContent, #productHeaderLeftColor, #productHeaderRightContent, #productLeftTopColor, #productLeftBottomContent, #productSecondLeftContent { left:0px; } #productSecondRightColor { right:0px; } #welcomeHeaderLeftColor, #welcomeHeaderRightContent, #welcomeLeftTopColor, #welcomeLeftBottomContent, #welcomeRightLeftColor, #welcomeRightRightContent, #productHeaderLeftColor, #productHeaderRightContent, #productLeftTopColor, #productLeftBottomContent, #productSecondLeftContent, #productSecondRightColor, #productListShadow { -webkit-box-shadow:0px 0px 6px 2px rgba(31, 142, 255, .3); box-shadow:0px 0px 6px 2px rgba(31, 142, 255, .3); } .clear-both { clear:both; } /* ================================================================= */ /* ====================== POSITIONING FIXES ======================== */ /* ================================================================= */ #welcomeRightUpdatesFix { margin-top:0px; } #welcomeRightSupportFix { margin-top:-15px; } #welcomeRightUpdatesFix, #welcomeRightSupportFix { margin-left:14px; } #welcomeImage { padding:0px; } .padded { padding:0px 10px 6px 10px; } .paddedtop { padding:8px 10px; } /*=============== Table Floats (Returned Result Codes Pages) ================ */ .float01 { float:left; } .tableDisplay { display:inline-block; vertical-align:top; margin:0 20px 20px 0; } .tableDisplayV2 { min-width:250px; padding:0 10px 20px 10px; border-right:1px solid #AAAAAA; border-bottom:1px solid #AAAAAA; } .tableDisplay h3 { background-color:#F6F6F6; } /* ================================================================= */ /* ============================ UPDATES ============================ */ /* ================================================================= */ .stickymenu { top: 0; position: fixed; } /* ================================================================= */ /* ============================ COLORS ============================= */ /* ================================================================= */ .blue { background-color:#0159d0; } .prodblue, .productblue { background-color:#005cbe; } .green { background-color:#157c07; } .prodgreen, .productgreen { background-color:#009245; } .orange { background-color:#ec8205; } .prodorange, .productorange { background-color:#ff9000; } .prodfuchsia, .productfuchsia { background-color:#c02040; } .red { background-color:#d70000; } .prodred, .productred { background-color:#a31616; } .white { background-color:#ffffff; } .purple, .productpurple { background-color:#6f1ba5; } .productyellow { background-color:#f4e600; } /* ================================================================= */ /* ======================== TABLE SHADING ========================== */ /* ================================================================= */ table.alternate01, table.alternate02, table.alternate03, table.alternate04 { border-collapse:collapse; } .alternate01 tr, .alternate01 td, .alternate01 th, .alternate02 tr, .alternate02 td, .alternate02 th { border-right:1px solid #AAAAAA; border-bottom:1px solid #AAAAAA; padding:3px 6px; text-align:left; } .alternate03 tr, .alternate03 td, .alternate03 th, .alternate04 tr, .alternate04 td, .alternate04 th { border:1px solid #AAAAAA; padding:3px 6px; text-align:left; } .alternate03 th { background-color:#CCCCCC; } .alternate04 th { background-color:#EEEEEE; } .alternate01 tr:nth-child(odd), .alternate02 td:nth-child(odd), .alternate03 td:nth-child(odd), .alternate04 td:nth-child(even) { background-color:white; } .alternate01 tr:nth-child(even), .alternate02 td:nth-child(even), .alternate03 td:nth-child(even), .alternate04 td:nth-child(odd) { background-color:#F6F6F6; } .genderTable{ border-collapse:collapse; border:3px solid black; } .genderTable tr, .genderTable td, .genderTable th{ border:1px solid black; padding:4px 10px; } .genderTableBlue{ background-color:LightSkyBlue; } .genderTablePink{ background-color:Pink; } .genderTableRed{ background-color:DarkRed; } .genderTableOrange{ background-color:DarkOrange; } .genderTableGreen{ background-color:DarkGreen; } .genderTableGreen, .genderTableOrange, .genderTableRed{ text-align:left; color:white; } .exampleDataTable{ border-collapse:collapse; border:2px solid #888; background-color:#d9e2f3; } .exampleDataTable tr, .exampleDataTable td, .exampleDataTable th{ border:1px solid #888; padding:4px 10px; } .exampleDataTableGreen{ background-color:#c6e0b4; } .exampleDataTableRed{ background-color:#ff9999; } .exampleDataTableWhite{ background-color:#fff; } .matchcodeP0{ text-align:left; border-bottom:1px solid black; font-size:14px; } .matchcodeP1{ border-top:1px solid black; border-right:1px solid black; border-bottom:2px solid black; border-left:1px solid black; width:60px; height:16px; background-color:#ff2626; } .matchcodeP2{ border-top:1px solid black; border-right:1px solid black; border-bottom:2px solid black; border-left:0px solid black; width:60px; height:16px; background-color:#ff7026; } .matchcodeP3{ border-top:1px solid black; border-right:1px solid black; border-bottom:2px solid black; border-left:0px solid black; width:60px; height:16px; background-color:#ffff70; } .matchcodeP4{ border-top:1px solid black; border-right:1px solid black; border-bottom:2px solid black; border-left:0px solid black; width:60px; height:16px; background-color:#a3c98f; } .matchcodeP5{ border-top:1px solid black; border-right:1px solid black; border-bottom:2px solid black; border-left:0px solid black; width:60px; height:16px; background-color:#649e46; } .matchcodePP1{ border-top:1px solid black; border-right:1px solid black; border-bottom:7px solid black; border-left:1px solid black; width:60px; height:16px; background-color:#ff2626; } .matchcodePP2{ border-top:1px solid black; border-right:1px solid black; border-bottom:7px solid black; border-left:0px solid black; width:60px; height:16px; background-color:#ff7026; } .matchcodePP3{ border-top:1px solid black; border-right:1px solid black; border-bottom:7px solid black; border-left:0px solid black; width:60px; height:16px; background-color:#ffff70; } .matchcodePP4{ border-top:1px solid black; border-right:1px solid black; border-bottom:7px solid black; border-left:0px solid black; width:60px; height:16px; background-color:#a3c98f; } .matchcodePP5{ border-top:1px solid black; border-right:1px solid black; border-bottom:7px solid black; border-left:0px solid black; width:60px; height:16px; background-color:#649e46; } .matchupHubDistributions{ border-collapse:collapse; text-align:center; padding:3px 6px; border-right:1px solid #aaa; border-bottom:1px solid #aaa; } .matchupHubDistributions th, .matchupHubDistributions td, .matchupHubDistributions tr { border:2px solid #fff; padding:3px 6px; } .matchupHubDistributions th{ text-align:left; border-bottom:1px solid #aaa; } .matchupHubDistributions td { background-color:#def0fc; } .matchupHubDistributions td:nth-child(3){ background-color:#a5dcff; } .matchupHubDistributions td:nth-child(4){ background-color:#8bc9ef; } .matchupHubDistributions td:nth-child(5){ background-color:#7cbbe2; } .matchupHubDistributions td:nth-child(6){ background-color:#6bb0db; } /* ============================ Button ============================================ */ .button-orange { display:inline-block; padding:10px 18px; margin-bottom:0px; font-size:16px; font-weight:600; color:#FFF; text-align:center; text-decoration:none; cursor:pointer; background-color:#FFA617; border-radius:5px; } .button-orange a { display: block; height: 100%; width: 100%; text-decoration: none; } /* ============================ Button - Quick Start Guide ======================== */ .btn-qsg { position: relative; width: 15rem; height: 4rem; background-color: #157C07; color: #000; padding: 20px; margin-top:2rem; -webkit-border-top-left-radius:5px; -moz-border-radius-topleft:5px; border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topright:5px; border-top-right-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px; border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomleft:5px; border-bottom-left-radius:5px; text-indent:0; } .btn-qsg p { color:white; font-size:1.25rem !important; font-weight:bold; font-style:normal; } .btn-qsg:hover { cursor: hand; cursor: pointer; background-color: #0D4A04; color:blue; } .btn-qsg:hover p { color:#0093C9; } a.link-qsg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; color:white; /* Makes sure the link doesn't get underlined */ z-index: 10; /* raises anchor tag above everything else in div */ background-color: white; /*workaround to make clickable in IE */ opacity: 0; /*workaround to make clickable in IE */ filter: alpha(opacity=0); /*workaround to make clickable in IE */ } /* ================================================================= */ /* ====================== CODE BLOCK UTILITY ======================= */ /* ================================================================= */ /* Mimics <pre> to add support for in-line <span> code highlighting. */ /* Also for using multi-line <pre> (by using <br> for line breaks). */ .pre-highlightsupport { border:1px solid #eaecf0; background-color:#f8f9fa; margin:1em 0 1em 0; padding:1em; font-family:monospace; } /* ============================ New Modifications ======================== */ #serverStatusHeader { position:relative; width:100%; float:left; display:block; margin:0 0 16px 0; padding:0; text-decoration:none; } #serverStatusColor { width:180px; top:0px; left:0px; min-height:50px; -webkit-box-shadow:0px 0px 6px 2px rgba(31, 142, 255, .3); box-shadow:0px 0px 6px 2px rgba(31, 142, 255, .3); float:left; } #serverStatusDate { padding:7px 0 0 10px; color:#fff; font:oblique 12px helvetica,arial,sans-serif; } #serverStatusEvent { padding:1px 0 0 8px; font:normal 16px/24px helvetica,arial,sans-serif; color:white; border-bottom:none; } #serverStatusDescription { top:0px; left:0px; min-width:100px; min-height:50px; margin-left:196px; -webkit-box-shadow:0px 0px 6px 2px rgba(31, 142, 255, .3); box-shadow:0px 0px 6px 2px rgba(31, 142, 255, .3); } /*===============================================*/ #homeContentBlurb { float:left; min-width:182px; height:100px; position:relative; } #homeContentColor { float:left; width:100%; top:0px; left:0px; min-width:230px; -webkit-box-shadow:0px 0px 6px 2px rgba(31, 142, 255, .3); box-shadow:0px 0px 6px 2px rgba(31, 142, 255, .3); } #homeContentImage { /*background-color:#eee;*/ height:100px; min-width:230px; float:left; } /*===============================================*/ #homeHeaderColor { min-width:476px; margin-bottom:16px; position:relative; display:block; -webkit-box-shadow:0px 0px 6px 2px rgba(31, 142, 255, .3); box-shadow:0px 0px 6px 2px rgba(31, 142, 255, .3); } #homeHeaderImage { height:100px; float:left; /*width:476px;*/ } #homeHeaderBlurb { height:100px; float:left; /*width:460px;*/ } /*===================== Word-Wrap in the <pre> tags ==========================*/ pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; } /* Data Coverage Table Styling and Simplification Project, cuz that thing is outta hand.*/ .dc-pink { background-color:#f9babb; } .dc-green { background-color:#bfe3d1; } .dc-orange { background-color:#f4d9a4; } .dc-blue { background-color:#c9daf8; } /* JS Collapsible float left ================================================== */ .short-expand span.mw-collapsible-toggle{ float:left; clear:left; margin-right:4px; } .short-expand{ background-color:#eee; padding-left:10px; border-radius:10px 0 0 10px; } /*Allow limiting of which header levels are shown in a TOC;<div class="toclimit-3">, for instance, will limit to showing ==headings== and ===headings=== but no further.*/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /*=================== Custom Link Colors !NOT WORKING!============================ standard link colors .mw-body a:link { color: #0000FF; } /* normal unvisited links .mw-body a:link:visited { color: #7F007F; } /* visited links .mw-body a:link:active { color: #FF0000; } /* active links .mw-body a:link.new { color: #FF0000; } /* new links .mw-body a:link.interwiki { color: #3366BB; } /* interwiki links .mw-body a:link.external { color: #3366BB; } /* external links .mw-body a:link.stub { color: #772233; } /* hovered links .mw-body a:link {color: #FF0000} .mw-body a:visited {color: #00FF00} .mw-body a:hover {color: FF00FF} .mw-body a:active {color: #0000FF} */ </style> </head>