MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
Line 400: | Line 400: | ||
.short-expand2 span.mw-collapsible-toggle{ | .short-expand2 span.mw-collapsible-toggle{ | ||
float:left; | float:left; | ||
background-color:#ddd; | |||
border:1px solid black; | |||
} | } | ||
span.mw-collapsible-toggle-expanded{ | span.mw-collapsible-toggle-expanded{ |
Revision as of 21:48, 2 April 2014
/* 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; } /* ================================================================= */ /* ======================= SIMPLE UI =============================== */ /* ================================================================= */ #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 { min-height:100px; } /* #welcomeHeaderRightContent, #welcomeRightRightContent { text-align:center; } */ #welcomeHeader, #productHeader, #productSecond, #productLeft, #productLeftTopColor, #productLeftBottomContent { width:100%; } #welcomeHeader, #welcomeHeaderLeftColor, #welcomeHeaderRightContent, #welcomeLeftTopColor, #welcomeRightLeftColor, #productHeader, #productSecond, #productSecondLeftContent, #productSecondRightColor, #productHeaderLeftColor, #productHeaderRightContent, #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; } /* ================================================================= */ /* ============================ UPDATES ============================ */ /* ================================================================= */ /* ================================================================= */ /* ============================ 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; } /* ================================================================= */ /* ======================== TABLE SHADING ========================== */ /* ================================================================= */ table.alternate01, table.alternate02 { 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; } .alternate01 tr:nth-child(odd), .alternate02 td:nth-child(odd) { background-color:white; } .alternate01 tr:nth-child(even), .alternate02 td:nth-child(even) { background-color:#F6F6F6; } /* ============================ 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-expand2 span.mw-collapsible-toggle{ float:left; background-color:#ddd; border:1px solid black; } span.mw-collapsible-toggle-expanded{ } .short-expand, .short-expand2{ background-color:#eee; } /*=================== 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>