MediaWiki:Common.css
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* 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; } /* ================================================================= */ /* ============================ UPDATES ============================ */ /* ================================================================= */ /* ================================================================= */ /* ============================ COLORS ============================= */ /* ================================================================= */ .blue { background-color:#0159d0; } .green { background-color:#157c07; } .orange { background-color:#ec8205; } .red { background-color:#d70000; } /* ================================================================= */ /* ======================== TABLE SHADING ========================== */ /* ================================================================= */ table.alternate01 { border-collapse:collapse; } .alternate01 tr, .alternate01 td, .alternate01 th { border-right:1px solid #AAAAAA; border-bottom:1px solid #AAAAAA; padding:3px 6px; text-align:left; } .alternate01 tr:nth-child(odd) { background-color:white; } .alternate01 tr: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; width:160px; height:100px; /*background-color:grey;*/ /*padding-left:20px;*/ position:relative; } #homeContentColor { float:left; width:100%; top:0px; left:0px; min-width:280px; -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; width:280px; float:left; } /*===============================================*/ #homeHeaderColor { min-width:476px; margin-bottom:16px; position:relative; display:block; /*background-color:blue;*/ } #homeHeaderImage { height:100px; float:left; width:476px; /*background-color:#ddd;*/ } #homeHeaderBlurb { height:100px; float:left; /*background-color:#eee;*/ width:460px; } </style> </head>