MediaWiki:Common.css: Difference between revisions

From Melissa Data Wiki
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 */
/*  http://www.colorzilla.com/gradient-editor/#1b5491+0,0077d8+52,226ab7+52,5eabff+100;Custom */


<head>
<head>
Line 10: Line 9:


/* ================================================================= */
/* ================================================================= */
/* ===================== WIDGET TEMPLATE =========================== */
/* ===================== PRODUCT TEMPLATE ========================== */
/* ================================================================= */
/* ================================================================= */
.mdwidget
h3
{
{
float:right;
font-weight:bold;
clear:right;
font-size:14px;
margin:10px 0 10px 20px;
padding:4px 0px -2px 0px;
color:black;
}
text-align:left;
 
font-size:88%;
/* ================== PRODUCT REFERENCE STYLE ====================== */
line-height:1.5em;
h3.h3grey, h3.productfield, h5.sectionhead
{
background-color:rgb(240,240,240);
padding:.5em 0px .3em .6em;
}
}


#mdwidget_head
p.sectionhead
{
{
top:0px;
background-color:rgb(240,240,240);
left:-1px;
height:24px;
padding:6px 0 0 10px;
color:white;
font-size:14px;
font-weight:bold;
font-weight:bold;
border:1px solid #A7D7F9;
font-size:13px;
-moz-border-top-left-radius:14px;
padding:5px 0px 5px 5px;
border-top-left-radius:14px;
 
background: rgb(27,84,145); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(27,84,145,1) 1%, rgba(0,119,216,1) 52%, rgba(34,106,183,1) 52%, rgba(94,171,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,rgba(27,84,145,1)), color-stop(52%,rgba(0,119,216,1)), color-stop(52%,rgba(34,106,183,1)), color-stop(100%,rgba(94,171,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(27,84,145,1) 1%,rgba(0,119,216,1) 52%,rgba(34,106,183,1) 52%,rgba(94,171,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(27,84,145,1) 1%,rgba(0,119,216,1) 52%,rgba(34,106,183,1) 52%,rgba(94,171,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(27,84,145,1) 1%,rgba(0,119,216,1) 52%,rgba(34,106,183,1) 52%,rgba(94,171,255,1) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(27,84,145,1) 1%,rgba(0,119,216,1) 52%,rgba(34,106,183,1) 52%,rgba(94,171,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b5491', endColorstr='#5eabff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
}


#mdwidget_body
pre.indent, .indent
{
{
padding:10px 4px;
margin-left:1.6em;
background-color:#f9f9f9;
border-left:1px solid #A7D7F9;
border-right:1px solid #A7D7F9;
border-bottom:1px solid #A7D7F9;
}
}


/* ================================================================= */
/* ================================================================= */
/* ===================== MAIN PAGE TEMPLATE ======================== */
/* ======================= SIMPLE UI =============================== */
/* ================================================================= */
/* ================================================================= */
#mdmain
#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%;
height:100%;
padding:1px;
}
}


#mdmain.top
#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
{
{
margin-bottom:14px;
display:block;
text-decoration:none;
}
}


#mdmain.midleft
#welcomeHeaderLeftColor, #welcomeLeftTopColor, #welcomeLeftBottomContent, #welcomeRightLeftColor, #productHeaderLeftColor, #productLeftTopColor, #productLeftBottomContent
{
{
float:left;
float:left;
width:49%;
margin-right:2%;
margin-bottom:14px;
}
}


#mdmain.midright
#productSecondRightColor
{
{
width:49%;
float:right;
margin-left:51%;
margin-bottom:14px;
}
}


#mdmain.bot
#welcomeHeaderLeftColor, #welcomeLeft, #welcomeLeftTopColor, #welcomeLeftBottomContent
{
{
float:left;
width:380px;
}
 
#productHeaderLeftColor, #productSecondRightColor
{
width:280px;
}
 
#welcomeLeftBottomContent, #productLeftBottomContent
{
margin-top:16px;
}
#welcomeHeader, #productHeader, #productSecond, #productListHead
{
margin-bottom:-16px;
}
}


/* ================================================================= */
#welcomeHeaderRightContent
/* ============================ WELCOME ============================ */
/* ================================================================= */
#mdcontainer01
{
{
display:block;
margin-left:396px;
}
}


#mdcontainer01 h1 strong
#productHeaderRightContent
{
{
color:white;
margin-left:296px;
font-weight:bold;
}
}


#mdcontainer01 h1
#welcomeRightRightContent
{
{
margin:0px;
margin-left:196px;
padding:2px 0 0 0;
color:white;
font-size:18px;
font-weight:bold;
border:0px;
}
}


#mdcontainer01 h2
#productSecondLeftContent
{
{
margin:0px;
margin-right:296px;
padding:0 0 2px 0;
min-width:400px;
color:white;
font-size:14px;
font-weight:bold;
border:0px;
}
}


#mdcontainer01.main
#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%;
padding:0px;
}
}


#mdcontainer01.header
#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
{
{
height:24px;
left:0px;
margin:0px;
}
padding:1px 0 0 10px;
text-align:left;
border:1px solid #A7D7F9;
-moz-border-top-left-radius:14px;
border-top-left-radius:14px;


/* ========= GRADIENT BACKGROUND ============= */
#productSecondRightColor
background: rgb(27,84,145); /* Old browsers */
{
background: -moz-linear-gradient(-45deg,  rgba(27,84,145,1) 1%, rgba(0,119,216,1) 52%, rgba(34,106,183,1) 52%, rgba(94,171,255,1) 100%); /* FF3.6+ */
right:0px;
background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,rgba(27,84,145,1)), color-stop(52%,rgba(0,119,216,1)), color-stop(52%,rgba(34,106,183,1)), color-stop(100%,rgba(94,171,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(27,84,145,1) 1%,rgba(0,119,216,1) 52%,rgba(34,106,183,1) 52%,rgba(94,171,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(27,84,145,1) 1%,rgba(0,119,216,1) 52%,rgba(34,106,183,1) 52%,rgba(94,171,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(27,84,145,1) 1%,rgba(0,119,216,1) 52%,rgba(34,106,183,1) 52%,rgba(94,171,255,1) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(27,84,145,1) 1%,rgba(0,119,216,1) 52%,rgba(34,106,183,1) 52%,rgba(94,171,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b5491', endColorstr='#5eabff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
}


#mdcontainer01.content
#welcomeHeaderLeftColor, #welcomeHeaderRightContent, #welcomeLeftTopColor, #welcomeLeftBottomContent, #welcomeRightLeftColor, #welcomeRightRightContent, #productHeaderLeftColor, #productHeaderRightContent, #productLeftTopColor, #productLeftBottomContent, #productSecondLeftContent, #productSecondRightColor, #productListShadow
{
{
padding:14px 10px;
-webkit-box-shadow:0px 0px 6px 2px rgba(31, 142, 255, .3);
border-left:1px solid #A7D7F9;
box-shadow:0px 0px 6px 2px rgba(31, 142, 255, .3);
border-right:1px solid #A7D7F9;
}
border-bottom:1px solid #A7D7F9;
 
.clear-both
{
clear:both;
}
}


/* ================================================================= */
/* ================================================================= */
/* ============================ UPDATES ============================ */
/* ====================== POSITIONING FIXES ======================== */
/* ================================================================= */
/* ================================================================= */
#mdcontainer01.side
#welcomeRightUpdatesFix
{
margin-top:0px;
}
#welcomeRightSupportFix
{
margin-top:-15px;
}
#welcomeRightUpdatesFix, #welcomeRightSupportFix
{
margin-left:14px;
}
 
#welcomeImage
{
{
padding:0px;
padding:0px;
}
}


#mdcontainer01.smallhead01,
.padded
#mdcontainer01.smallhead02,
#mdcontainer01.smallhead03
{
{
height:18px;
padding:0px 10px 6px 10px;
margin:0px;
padding:1px 0 0 10px;
text-align:left;
border:1px solid #A7D7F9;
-moz-border-top-left-radius:10px;
border-top-left-radius:10px;
}
}


#mdcontainer01.smallhead01
.paddedtop
{
{
padding:8px 10px;
}


/* ========= GRADIENT BACKGROUND ============= */
/*=============== Table Floats (Returned Result Codes Pages) ================ */
background: rgb(27,84,145); /* Old browsers */
.float01
background: -moz-linear-gradient(-45deg,  rgba(27,84,145,1) 1%, rgba(0,119,216,1) 52%, rgba(34,106,183,1) 52%, rgba(94,171,255,1) 100%); /* FF3.6+ */
{
background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,rgba(27,84,145,1)), color-stop(52%,rgba(0,119,216,1)), color-stop(52%,rgba(34,106,183,1)), color-stop(100%,rgba(94,171,255,1))); /* Chrome,Safari4+ */
float:left;
background: -webkit-linear-gradient(-45deg,  rgba(27,84,145,1) 1%,rgba(0,119,216,1) 52%,rgba(34,106,183,1) 52%,rgba(94,171,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(27,84,145,1) 1%,rgba(0,119,216,1) 52%,rgba(34,106,183,1) 52%,rgba(94,171,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(27,84,145,1) 1%,rgba(0,119,216,1) 52%,rgba(34,106,183,1) 52%,rgba(94,171,255,1) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(27,84,145,1) 1%,rgba(0,119,216,1) 52%,rgba(34,106,183,1) 52%,rgba(94,171,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b5491', endColorstr='#5eabff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
}


#mdcontainer01.smallhead02
.tableDisplay
{
{
background: #fceabb; /* Old browsers */
display:inline-block;
background: -moz-linear-gradient(-45deg,  #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* FF3.6+ */
vertical-align:top;
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#fceabb), color-stop(50%,#fccd4d), color-stop(51%,#f8b500), color-stop(100%,#fbdf93)); /* Chrome,Safari4+ */
margin:0 20px 20px 0;
background: -webkit-linear-gradient(-45deg,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Chrome10+,Safari5.1+ */
}
background: -o-linear-gradient(-45deg,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* IE10+ */
background: linear-gradient(135deg,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


.tableDisplayV2
{
min-width:250px;
padding:0 10px 20px 10px;
border-right:1px solid #AAAAAA;
border-bottom:1px solid #AAAAAA;
}
}


#mdcontainer01.smallhead03
.tableDisplay h3
{
{
background: #bfd255; /* Old browsers */
background-color:#F6F6F6;
background: -moz-linear-gradient(-45deg,  #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* FF3.6+ */
}
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#bfd255), color-stop(50%,#8eb92a), color-stop(51%,#72aa00), color-stop(100%,#9ecb2d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* IE10+ */
background: linear-gradient(135deg,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


/* ================================================================= */
/* ============================ UPDATES ============================ */
/* ================================================================= */
.stickymenu
{
top: 0;
position: fixed;
}
}


</style>
/* ================================================================= */
</head>
/* ============================ 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 */
}
}


/* ================================================================= */
/* ================================================================= */
/* ============================ TEMPLATE =========================== */
/* ====================== 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>