MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
Line 11: | Line 11: | ||
/* ===================== PRODUCT TEMPLATE ========================== */ | /* ===================== PRODUCT TEMPLATE ========================== */ | ||
/* ================================================================= */ | /* ================================================================= */ | ||
h3 | h3 | ||
{ | { | ||
Line 27: | Line 20: | ||
/* ============================ WELCOME ============================ */ | /* ============================ WELCOME ============================ */ | ||
/* ================================================================= */ | /* ================================================================= */ | ||
#welcomeHeader h1, #welcomeLeft h1, #welcomeRight h1 | #welcomeHeader h1, #welcomeLeft h1, #welcomeRight h1, #productHeader h1, #productLeft h1 | ||
{ | { | ||
font:normal 24px/24px verdana,arial,sans-serif; | font:normal 24px/24px verdana,arial,sans-serif; | ||
Line 34: | Line 27: | ||
} | } | ||
#welcomeHeader, #welcomeLeft, #welcomeRight, #welcomeHeaderRightContent, #welcomeRightRightContent, #productHeader, #productLeft | |||
#welcomeHeader, #welcomeLeft, #welcomeRight, #welcomeHeaderRightContent, #welcomeRightRightContent | |||
{ | { | ||
position:relative; | position:relative; | ||
} | } | ||
#welcomeHeader, #welcomeLeft, #welcomeRight | #welcomeHeader, #welcomeLeft, #welcomeRight, #productHeader, #productLeft | ||
{ | { | ||
padding:0; | padding:0; | ||
margin:0; | margin:0; | ||
} | } | ||
# | #welcomeHeader, #welcomeLeft, #welcomeRight, #productHeader, #productLeft | ||
{ | { | ||
display:block; | display:block; | ||
Line 61: | Line 44: | ||
} | } | ||
#welcomeHeaderLeftColor, #welcomeLeftTopColor, #welcomeLeftBottomContent, #welcomeRightLeftColor | #welcomeHeaderLeftColor, #welcomeLeftTopColor, #welcomeLeftBottomContent, #welcomeRightLeftColor, #productHeaderLeftColor, #productLeftTopColor, #productLeftBottomContent | ||
{ | { | ||
float:left; | float:left; | ||
Line 71: | Line 54: | ||
} | } | ||
#welcomeLeftBottomContent | #productHeaderLeftColor, #productLeft, #productLeftTopColor, #productLeftBottomContent | ||
{ | |||
width:280px; | |||
} | |||
#welcomeLeftBottomContent, #productLeftBottomContent | |||
{ | { | ||
margin-top:16px; | margin-top:16px; | ||
} | } | ||
#welcomeHeader | #welcomeHeader, #productHeader | ||
{ | { | ||
margin-bottom:-16px; | margin-bottom:-16px; | ||
Line 83: | Line 71: | ||
{ | { | ||
margin-left:396px; | margin-left:396px; | ||
} | |||
#productHeaderRightContent | |||
{ | |||
margin-left:296px; | |||
} | } | ||
Line 90: | Line 83: | ||
} | } | ||
#welcomeHeaderRightContent, #welcomeRightRightContent | #welcomeHeaderRightContent, #welcomeRightRightContent, #productHeaderRightContent | ||
{ | { | ||
min-width:100px; | min-width:100px; | ||
Line 104: | Line 97: | ||
} | } | ||
*/ | */ | ||
#welcomeHeader | #welcomeHeader, #productHeader | ||
{ | { | ||
width:100%; | width:100%; | ||
} | } | ||
#welcomeHeader, #welcomeHeaderLeftColor, #welcomeHeaderRightContent, #welcomeLeftTopColor, #welcomeRightLeftColor | #welcomeHeader, #welcomeHeaderLeftColor, #welcomeHeaderRightContent, #welcomeLeftTopColor, #welcomeRightLeftColor, #productHeader, #productHeaderLeftColor, #productHeaderRightContent, #productLeftTopColor | ||
{ | { | ||
height:100px; | height:100px; | ||
Line 119: | Line 112: | ||
} | } | ||
#welcomeHeaderLeftColor, #welcomeHeaderRightContent, #welcomeLeftTopColor, #welcomeRightLeftColor, #welcomeRightRightContent | #welcomeHeaderLeftColor, #welcomeHeaderRightContent, #welcomeLeftTopColor, #welcomeRightLeftColor, #welcomeRightRightContent, #productHeaderLeftColor, #productHeaderRightContent, #productLeftTopColor | ||
{ | { | ||
top:0px; | top:0px; | ||
} | } | ||
#welcomeHeaderLeftColor, #welcomeHeaderRightContent, #welcomeLeftTopColor, #welcomeLeftBottomContent, #welcomeRightLeftColor, #welcomeRightRightContent | #welcomeHeaderLeftColor, #welcomeHeaderRightContent, #welcomeLeftTopColor, #welcomeLeftBottomContent, #welcomeRightLeftColor, #welcomeRightRightContent, #productHeaderLeftColor, #productHeaderRightContent, #productLeftTopColor, #productLeftBottomContent | ||
{ | { | ||
left:0px; | left:0px; | ||
Line 165: | Line 158: | ||
/* ============================ UPDATES ============================ */ | /* ============================ UPDATES ============================ */ | ||
/* ================================================================= */ | /* ================================================================= */ | ||
/* ================================================================= */ | /* ================================================================= */ |
Revision as of 01:28, 13 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, #productLeft h1 { font:normal 24px/24px verdana,arial,sans-serif; color:white; border-bottom:none; } #welcomeHeader, #welcomeLeft, #welcomeRight, #welcomeHeaderRightContent, #welcomeRightRightContent, #productHeader, #productLeft { position:relative; } #welcomeHeader, #welcomeLeft, #welcomeRight, #productHeader, #productLeft { padding:0; margin:0; } #welcomeHeader, #welcomeLeft, #welcomeRight, #productHeader, #productLeft { display:block; text-decoration:none; } #welcomeHeaderLeftColor, #welcomeLeftTopColor, #welcomeLeftBottomContent, #welcomeRightLeftColor, #productHeaderLeftColor, #productLeftTopColor, #productLeftBottomContent { float:left; } #welcomeHeaderLeftColor, #welcomeLeft, #welcomeLeftTopColor, #welcomeLeftBottomContent { width:380px; } #productHeaderLeftColor, #productLeft, #productLeftTopColor, #productLeftBottomContent { width:280px; } #welcomeLeftBottomContent, #productLeftBottomContent { margin-top:16px; } #welcomeHeader, #productHeader { 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 { width:100%; } #welcomeHeader, #welcomeHeaderLeftColor, #welcomeHeaderRightContent, #welcomeLeftTopColor, #welcomeRightLeftColor, #productHeader, #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>