MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 51: | Line 51: | ||
/* ============================ WELCOME ============================ */ | /* ============================ WELCOME ============================ */ | ||
/* ================================================================= */ | /* ================================================================= */ | ||
# | #welcomeHeader | ||
{ | |||
} | |||
#welcomeHeader, #welcomeLeft, #welcomeRight | |||
{ | { | ||
position:relative; | position:relative; | ||
display:block; | display:block; | ||
text-decoration:none; | |||
} | |||
#welcomeHeader | |||
{ | |||
width:100%; | width:100%; | ||
} | } | ||
# | #welcomeHeaderLeftColor, #welcomeLeft | ||
{ | |||
width:380px; | |||
} | |||
#welcomeHeader, #welcomeHeaderLeftColor, #welcomeHeaderRightContent, #welcomeLeftTopColor, #welcomeRightLeftColor | |||
{ | { | ||
height:100px; | height:100px; | ||
} | } | ||
# | #welcomeHeaderLeftColor, #welcomeHeaderRightContent, #welcomeLeftTopColor, #welcomeRightLeftColor, #welcomeRightRightContent | ||
{ | { | ||
top:0px; | top:0px; | ||
} | } | ||
# | #welcomeHeaderLeftColor, #welcomeHeaderRightContent, #welcomeLeftTopColor, #welcomeLeftBottomContent, #welcomeRightLeftColor, #welcomeRightRightContent | ||
{ | { | ||
position:absolute; | |||
-webkit-box-shadow:0px 0px 6px 2px rgba(31, 142, 255, .3); | |||
box-shadow:0px 0px 6px 2px rgba(31, 142, 255, .3); | |||
} | } | ||
# | #welcomeHeaderLeftColor h1 | ||
{ | { | ||
font:normal 24px/24px verdana,arial,sans-serif; | font:normal 24px/24px verdana,arial,sans-serif; | ||
color:white; | |||
} | } | ||
# | #welcomeHeaderRightContent, #welcomeRightRightContent | ||
{ | { | ||
min-width:100px; | min-width:100px; | ||
width:auto; | width:auto; | ||
} | |||
#welcomeHeaderRightContent, #welcomeRight | |||
{ | |||
left:396px; | left:396px; | ||
} | } | ||
#welcomeLeftBottomContent | |||
#welcomeRight | |||
#welcomeRightLeftColor | |||
#welcomeRightRightContent | |||
/* ================================================================= */ | /* ================================================================= */ | ||
| Line 104: | Line 128: | ||
{ | { | ||
background-color:#0159d0; | background-color:#0159d0; | ||
} | |||
.green | |||
{ | |||
background-color:#157c07; | |||
} | |||
.orange | |||
{ | |||
background-color:#ec8205; | |||
} | |||
.red | |||
{ | |||
background-color:#d70000; | |||
} | } | ||
Revision as of 00:40, 9 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 ========================== */
/* ================================================================= */
.boxhead02
{
font-weight:bold;
font-size:14px;
margin-bottom:8px;
}
/* ================================================================= */
/* ===================== MAIN PAGE TEMPLATE ======================== */
/* ================================================================= */
#mdmain
{
display:block;
width:100%;
height:100%;
}
#mdmain.top
{
margin-bottom:16px;
}
#mdmain.midleft
{
float:left;
width:49%;
margin-right:2%;
margin-bottom:14px;
}
#mdmain.midright
{
width:49%;
margin-left:51%;
margin-bottom:14px;
}
/* ================================================================= */
/* ============================ WELCOME ============================ */
/* ================================================================= */
#welcomeHeader
{
}
#welcomeHeader, #welcomeLeft, #welcomeRight
{
position:relative;
display:block;
text-decoration:none;
}
#welcomeHeader
{
width:100%;
}
#welcomeHeaderLeftColor, #welcomeLeft
{
width:380px;
}
#welcomeHeader, #welcomeHeaderLeftColor, #welcomeHeaderRightContent, #welcomeLeftTopColor, #welcomeRightLeftColor
{
height:100px;
}
#welcomeHeaderLeftColor, #welcomeHeaderRightContent, #welcomeLeftTopColor, #welcomeRightLeftColor, #welcomeRightRightContent
{
top:0px;
}
#welcomeHeaderLeftColor, #welcomeHeaderRightContent, #welcomeLeftTopColor, #welcomeLeftBottomContent, #welcomeRightLeftColor, #welcomeRightRightContent
{
position:absolute;
-webkit-box-shadow:0px 0px 6px 2px rgba(31, 142, 255, .3);
box-shadow:0px 0px 6px 2px rgba(31, 142, 255, .3);
}
#welcomeHeaderLeftColor h1
{
font:normal 24px/24px verdana,arial,sans-serif;
color:white;
}
#welcomeHeaderRightContent, #welcomeRightRightContent
{
min-width:100px;
width:auto;
}
#welcomeHeaderRightContent, #welcomeRight
{
left:396px;
}
#welcomeLeftBottomContent
#welcomeRight
#welcomeRightLeftColor
#welcomeRightRightContent
/* ================================================================= */
/* ============================ UPDATES ============================ */
/* ================================================================= */
#mdcontainer01.side
{
}
/* ================================================================= */
/* ============================ 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>