Difference between revisions of "MediaWiki:Common.css"

From Melissa Data Wiki
Jump to navigation Jump to search
Line 53: Line 53:
#welcomeHeader
#welcomeHeader
{
{
margin-bottom:-16px;
margin-bottom:-26px;
}
}
#welcomeHeader h1, #welcomeLeft h1, #welcomeRight h1
#welcomeHeader h1, #welcomeLeft h1, #welcomeRight h1
Line 93: Line 93:
#welcomeLeftBottomContent
#welcomeLeftBottomContent
{
{
margin-top:16px;
margin-top:116px;
}
}


Line 137: Line 137:
{
{
clear:both;
clear:both;
}
.clear-left
{
clear:left;
}
}



Revision as of 18:38, 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
{
margin-bottom:-26px;
}
#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:116px;
}

#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;
}
.clear-left
{
clear:left;
}

/* ================================================================= */
/* ============================ 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>