MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 53: | Line 53: | ||
#welcomeHeader | #welcomeHeader | ||
{ | { | ||
} | |||
#welcomeHeader h1, #welcomeLeft h1, #welcomeRight h1 | |||
{ | |||
font:normal 24px/24px verdana,arial,sans-serif; | |||
color:white; | |||
border-bottom:none; | |||
} | |||
#welcomeHeader, #welcomeLeft, #welcomeRight, #welcomeHeaderRightContent, #welcomeLeftBottomContent, #welcomeRightRightContent | |||
{ | |||
position:relative; | |||
} | } | ||
#welcomeHeader, #welcomeLeft, #welcomeRight | #welcomeHeader, #welcomeLeft, #welcomeRight | ||
{ | { | ||
display:block; | display:block; | ||
text-decoration:none; | text-decoration:none; | ||
} | } | ||
#welcomeHeaderLeftColor | #welcomeHeaderLeftColor, #welcomeLeftTopColor, #welcomeRightLeftColor | ||
{ | { | ||
float:left; | float:left; | ||
} | |||
#welcomeHeaderLeftColor, #welcomeLeftTopColor, #welcomeLeftBottomContent | |||
{ | |||
width:380px; | width:380px; | ||
} | |||
#welcomeHeaderRightContent, #welcomeRightLeftColor | |||
{ | |||
margin-left:396px; | |||
} | |||
#welcomeRightRightContent | |||
{ | |||
margin-left:576px; | |||
} | |||
#welcomeLeftBottomContent | |||
{ | |||
margin-top:4px; | |||
} | } | ||
#welcomeHeaderRightContent | #welcomeHeaderRightContent | ||
{ | { | ||
min-width:100px; | |||
} | |||
#welcomeHeaderRightContent, #welcomeRightRightContent | |||
{ | |||
text-align:center; | text-align:center; | ||
} | } | ||
| Line 85: | Line 112: | ||
{ | { | ||
height:100%; | height:100%; | ||
} | } | ||
| Line 96: | Line 119: | ||
} | } | ||
#welcomeRightLeftColor | |||
{ | { | ||
width:180px; | |||
} | } | ||
#welcomeHeaderLeftColor, #welcomeHeaderRightContent, #welcomeLeftTopColor, #welcomeLeftBottomContent, #welcomeRightLeftColor, #welcomeRightRightContent | #welcomeHeaderLeftColor, #welcomeHeaderRightContent, #welcomeLeftTopColor, #welcomeLeftBottomContent, #welcomeRightLeftColor, #welcomeRightRightContent | ||
{ | { | ||
top:0px; | |||
left:0px; | |||
-webkit-box-shadow:0px 0px 6px 2px rgba(31, 142, 255, .3); | -webkit-box-shadow:0px 0px 6px 2px rgba(31, 142, 255, .3); | ||
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 | ||
Revision as of 18:28, 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 h1, #welcomeLeft h1, #welcomeRight h1
{
font:normal 24px/24px verdana,arial,sans-serif;
color:white;
border-bottom:none;
}
#welcomeHeader, #welcomeLeft, #welcomeRight, #welcomeHeaderRightContent, #welcomeLeftBottomContent, #welcomeRightRightContent
{
position:relative;
}
#welcomeHeader, #welcomeLeft, #welcomeRight
{
display:block;
text-decoration:none;
}
#welcomeHeaderLeftColor, #welcomeLeftTopColor, #welcomeRightLeftColor
{
float:left;
}
#welcomeHeaderLeftColor, #welcomeLeftTopColor, #welcomeLeftBottomContent
{
width:380px;
}
#welcomeHeaderRightContent, #welcomeRightLeftColor
{
margin-left:396px;
}
#welcomeRightRightContent
{
margin-left:576px;
}
#welcomeLeftBottomContent
{
margin-top:4px;
}
#welcomeHeaderRightContent
{
min-width:100px;
}
#welcomeHeaderRightContent, #welcomeRightRightContent
{
text-align:center;
}
#welcomeHeader
{
width:100%;
}
#welcomeLeft
{
height:100%;
}
#welcomeHeader, #welcomeHeaderLeftColor, #welcomeHeaderRightContent, #welcomeLeftTopColor, #welcomeRightLeftColor
{
height:100px;
}
#welcomeRightLeftColor
{
width:180px;
}
#welcomeHeaderLeftColor, #welcomeHeaderRightContent, #welcomeLeftTopColor, #welcomeLeftBottomContent, #welcomeRightLeftColor, #welcomeRightRightContent
{
top:0px;
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;
}
/* ================================================================= */
/* ============================ 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>