MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
Line 31: | Line 31: | ||
font-size:13px; | font-size:13px; | ||
padding:5px 0px 5px 5px; | padding:5px 0px 5px 5px; | ||
margin:15px 0 | margin:15px 0 7px 0; | ||
} | } | ||
Revision as of 19:11, 3 February 2021
/* 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; margin:15px 0 7px 0; } 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 - 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 */ } /* ============================ 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; } /* 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>