MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 11: | Line 11: | ||
/* ===================== WIDGET TEMPLATE =========================== */ | /* ===================== WIDGET TEMPLATE =========================== */ | ||
/* ================================================================= */ | /* ================================================================= */ | ||
#mdwidget | .mdwidget | ||
{ | |||
border: 1px solid #aaa; | |||
background-color: #f9f9f9; | |||
color: black; | |||
/* @noflip */ | |||
margin: 0.5em 0 0.5em 1em; | |||
padding: 0.2em; | |||
/* @noflip */ | |||
float: right; | |||
/* @noflip */ | |||
clear: right; | |||
/* @noflip */ | |||
text-align: left; | |||
font-size: 88%; | |||
line-height: 1.5em; | |||
width:12em; | |||
} | |||
/*#mdwidget | |||
{ | { | ||
position:relative; | position:relative; | ||
| Line 18: | Line 37: | ||
top:10px; | top:10px; | ||
width:200px; | width:200px; | ||
margin: | margin:px 0px 10px 20px; | ||
-moz-border-top-left-radius:15px; | -moz-border-top-left-radius:15px; | ||
border-top-left-radius:15px; | border-top-left-radius:15px; | ||
border:1px solid darkgray; | border:1px solid darkgray; | ||
} | }*/ | ||
#mdwidget_head | #mdwidget_head | ||
Revision as of 00:11, 27 July 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{}
/* ================================================================= */
/* ================================================================= */
/* ===================== WIDGET TEMPLATE =========================== */
/* ================================================================= */
.mdwidget
{
border: 1px solid #aaa;
background-color: #f9f9f9;
color: black;
/* @noflip */
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
/* @noflip */
text-align: left;
font-size: 88%;
line-height: 1.5em;
width:12em;
}
/*#mdwidget
{
position:relative;
display:block;
right:5px;
top:10px;
width:200px;
margin:px 0px 10px 20px;
-moz-border-top-left-radius:15px;
border-top-left-radius:15px;
border:1px solid darkgray;
}*/
#mdwidget_head
{
position:absolute;
border-bottom:1px solid darkgray;
background-color:lightblue;
width:200px;
height:50px;
top:0px;
left:0px;
}
#mdwidget_body
{
position:absolute;
top:52px;
left:0px;
width:200px;
}
/* ================================================================= */
/* ===================== MAIN PAGE TEMPLATE ======================== */
/* ================================================================= */
#mdmain
{
display:block;
width:100%;
height:100%;
padding:1px;
}
#mdmain.top
{
margin-bottom:14px;
}
#mdmain.midleft
{
float:left;
width:49%;
margin-right:2%;
margin-bottom:14px;
}
#mdmain.midright
{
margin-left:51%;
width:49%;
margin-bottom:14px;
}
#mdmain.bot
{
float:left;
}
/* ================================================================= */
/* ============================ WELCOME ============================ */
/* ================================================================= */
#mdcontainer01
{
display:block;
}
#mdcontainer01 h1 strong
{
color:#1B5491;
font-weight:bold;
}
#mdcontainer01 h1
{
padding:2px 0 0 0;
margin:0px;
font-size:18px;
font-weight:normal;
color:black;
border:0px;
}
#mdcontainer01 h2
{
padding:0 0 2px 0;
margin:0px;
font-size:14px;
font-weight:bold;
color:#1B5491;
border:0px;
}
#mdcontainer01.main
{
outline:darkgray solid 1px;
/* border:1px solid darkgray; */
width:100%;
padding:0px;
}
#mdcontainer01.header
{
border-bottom:1px solid darkgray;
text-align:left;
padding:1px 0 0 10px;
height:24px;
margin:0px;
/* ========= GRADIENT BACKGROUND ============= */
/* for non-css3 browsers */
background: #F8F8F8;
/* for IE */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F8F8', endColorstr='#ECECEC');
/* for webkit browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#F8F8F8), to(#ECECEC));
/* for firefox 3.6+ */
background: -moz-linear-gradient(top, #F8F8F8, #ECECEC);
/* =========================================== */
}
#mdcontainer01.content
{
padding:14px 10px;
}
/* ================================================================= */
/* ============================ UPDATES ============================ */
/* ================================================================= */
#mdcontainer01.side
{
outline:darkgray solid 1px;
padding:0px;
}
#mdcontainer01.smallhead
{
border-bottom:1px solid darkgray;
text-align:left;
padding:1px 0 0 10px;
margin:0px;
height:18px;
/* ========= GRADIENT BACKGROUND ============= */
/* for non-css3 browsers */
background: #F4F8FF;
/* for IE */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F4F8FF', endColorstr='#E5EEFF');
/* for webkit browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#F4F8FF), to(#E5EEFF));
/* for firefox 3.6+ */
background: -moz-linear-gradient(top, #F4F8FF, #E5EEFF);
/* =========================================== */
}
</style>
</head>
/* ================================================================= */
/* ======================== GETTING STARTED ======================== */
/* ================================================================= */
/* ================================================================= */
/* ===================== OTHER USEFUL LINKS ======================== */
/* ================================================================= */