MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
Line 20: | Line 20: | ||
/* ============================ WELCOME ============================ */ | /* ============================ WELCOME ============================ */ | ||
/* ================================================================= */ | /* ================================================================= */ | ||
#welcomeHeader h1, #welcomeLeft h1, #welcomeRight h1, #productHeader h1, #productLeft h1 | #welcomeHeader h1, #welcomeLeft h1, #welcomeRight h1, #productHeader h1, #productSecond h1, #productLeft h1 | ||
{ | { | ||
font:normal 24px/24px verdana,arial,sans-serif; | font:normal 24px/24px verdana,arial,sans-serif; | ||
Line 27: | Line 27: | ||
} | } | ||
#welcomeHeader, #welcomeLeft, #welcomeRight, #welcomeHeaderRightContent, #welcomeRightRightContent, #productHeader, #productLeft | #welcomeHeader, #welcomeLeft, #welcomeRight, #welcomeHeaderRightContent, #welcomeRightRightContent, #productHeader, #productSecond, #productLeft | ||
{ | { | ||
position:relative; | position:relative; | ||
} | } | ||
#welcomeHeader, #welcomeLeft, #welcomeRight, #productHeader, #productLeft | #welcomeHeader, #welcomeLeft, #welcomeRight, #productHeader, #productSecond, #productLeft | ||
{ | { | ||
padding:0; | padding:0; | ||
Line 38: | Line 38: | ||
} | } | ||
#welcomeHeader, #welcomeLeft, #welcomeRight, #productHeader, #productLeft | #welcomeHeader, #welcomeLeft, #welcomeRight, #productHeader, #productSecond, #productLeft | ||
{ | { | ||
display:block; | display:block; | ||
Line 47: | Line 47: | ||
{ | { | ||
float:left; | float:left; | ||
} | |||
#productSecondRightColor | |||
{ | |||
float:right; | |||
} | } | ||
Line 54: | Line 59: | ||
} | } | ||
#productHeaderLeftColor, #productLeft, #productLeftTopColor, #productLeftBottomContent | #productHeaderLeftColor, #productLeft, #productLeftTopColor, #productLeftBottomContent, #productSecondRightColor | ||
{ | { | ||
width:280px; | width:280px; | ||
Line 63: | Line 68: | ||
margin-top:16px; | margin-top:16px; | ||
} | } | ||
#welcomeHeader, #productHeader | #welcomeHeader, #productHeader, #productSecond | ||
{ | { | ||
margin-bottom:-16px; | margin-bottom:-16px; | ||
Line 97: | Line 102: | ||
} | } | ||
*/ | */ | ||
#welcomeHeader, #productHeader | #welcomeHeader, #productHeader, #productSecond | ||
{ | { | ||
width:100%; | width:100%; | ||
} | } | ||
#welcomeHeader, #welcomeHeaderLeftColor, #welcomeHeaderRightContent, #welcomeLeftTopColor, #welcomeRightLeftColor, #productHeader, #productHeaderLeftColor, #productHeaderRightContent, #productLeftTopColor | #welcomeHeader, #welcomeHeaderLeftColor, #welcomeHeaderRightContent, #welcomeLeftTopColor, #welcomeRightLeftColor, #productHeader, #productSecond, #productSecondLeftContent, #productSecondRightColor, #productHeaderLeftColor, #productHeaderRightContent, #productLeftTopColor | ||
{ | { | ||
height:100px; | height:100px; |
Revision as of 17:36, 27 November 2012
/* 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; } /* ================================================================= */ /* ============================ WELCOME ============================ */ /* ================================================================= */ #welcomeHeader h1, #welcomeLeft h1, #welcomeRight h1, #productHeader h1, #productSecond h1, #productLeft h1 { font:normal 24px/24px verdana,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, #productLeft, #productLeftTopColor, #productLeftBottomContent, #productSecondRightColor { width:280px; } #welcomeLeftBottomContent, #productLeftBottomContent { margin-top:16px; } #welcomeHeader, #productHeader, #productSecond { margin-bottom:-16px; } #welcomeHeaderRightContent { margin-left:396px; } #productHeaderRightContent { margin-left:296px; } #welcomeRightRightContent { margin-left:196px; } #welcomeHeaderRightContent, #welcomeRightRightContent, #productHeaderRightContent { min-width:100px; } #welcomeRightRightContent { min-height:100px; } /* #welcomeHeaderRightContent, #welcomeRightRightContent { text-align:center; } */ #welcomeHeader, #productHeader, #productSecond { 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 { top:0px; } #welcomeHeaderLeftColor, #welcomeHeaderRightContent, #welcomeLeftTopColor, #welcomeLeftBottomContent, #welcomeRightLeftColor, #welcomeRightRightContent, #productHeaderLeftColor, #productHeaderRightContent, #productLeftTopColor, #productLeftBottomContent { left:0px; -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: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; } </style> </head>