This wiki is no longer being updated as of December 10, 2025.
|
MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 25: | Line 25: | ||
border-top-left-radius:15px; | border-top-left-radius:15px; | ||
} | } | ||
#mdwidget_head | #mdwidget_head | ||
| Line 53: | Line 40: | ||
background: linear-gradient(135deg, rgba(27,84,145,1) 1%,rgba(0,119,216,1) 52%,rgba(34,106,183,1) 52%,rgba(94,171,255,1) 100%); /* W3C */ | background: linear-gradient(135deg, rgba(27,84,145,1) 1%,rgba(0,119,216,1) 52%,rgba(34,106,183,1) 52%,rgba(94,171,255,1) 100%); /* W3C */ | ||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b5491', endColorstr='#5eabff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b5491', endColorstr='#5eabff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ | ||
-moz-border-top-left-radius:15px; | -moz-border-top-left-radius:15px; | ||
| Line 65: | Line 50: | ||
#mdwidget_body | #mdwidget_body | ||
{ | { | ||
padding:10px 4px; | padding:10px 4px; | ||
} | } | ||
| Line 84: | Line 64: | ||
padding:1px; | padding:1px; | ||
} | } | ||
#mdmain.top | #mdmain.top | ||
{ | { | ||
margin-bottom:14px; | margin-bottom:14px; | ||
} | } | ||
#mdmain.midleft | #mdmain.midleft | ||
{ | { | ||
| Line 95: | Line 77: | ||
margin-bottom:14px; | margin-bottom:14px; | ||
} | } | ||
#mdmain.midright | #mdmain.midright | ||
{ | { | ||
| Line 101: | Line 84: | ||
margin-bottom:14px; | margin-bottom:14px; | ||
} | } | ||
#mdmain.bot | #mdmain.bot | ||
{ | { | ||
| Line 120: | Line 104: | ||
font-weight:bold; | font-weight:bold; | ||
} | } | ||
#mdcontainer01 h1 | #mdcontainer01 h1 | ||
{ | { | ||
| Line 129: | Line 114: | ||
border:0px; | border:0px; | ||
} | } | ||
#mdcontainer01 h2 | #mdcontainer01 h2 | ||
{ | { | ||
| Line 145: | Line 131: | ||
width:100%; | width:100%; | ||
padding:0px; | padding:0px; | ||
-moz-border-top-left-radius: | -moz-border-top-left-radius:14px; | ||
border-top-left-radius: | border-top-left-radius:14px; | ||
} | } | ||
#mdcontainer01.header | #mdcontainer01.header | ||
{ | { | ||
| Line 167: | Line 154: | ||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b5491', endColorstr='#5eabff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b5491', endColorstr='#5eabff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ | ||
} | } | ||
#mdcontainer01.content | #mdcontainer01.content | ||
{ | { | ||
| Line 176: | Line 164: | ||
/* ================================================================= */ | /* ================================================================= */ | ||
#mdcontainer01.side | #mdcontainer01.side | ||
{/* | { | ||
outline:#A7D7F9 solid 1px;*/ | /*outline:#A7D7F9 solid 1px;*/ | ||
border:1px solid #A7D7F9; | border:1px solid #A7D7F9; | ||
padding:0px; | padding:0px; | ||
-moz-border-top-left-radius: | -moz-border-top-left-radius:14px; | ||
border-top-left-radius: | border-top-left-radius:14px; | ||
} | } | ||
#mdcontainer01.smallhead | #mdcontainer01.smallhead | ||
{ | { | ||
| Line 190: | Line 179: | ||
margin:0px; | margin:0px; | ||
height:18px; | height:18px; | ||
-moz-border-top-left-radius: | -moz-border-top-left-radius:15px; | ||
border-top-left-radius: | border-top-left-radius:15px; | ||
/* ========= GRADIENT BACKGROUND ============= */ | /* ========= GRADIENT BACKGROUND ============= */ | ||
background: rgb(27,84,145); /* Old browsers */ | background: rgb(27,84,145); /* Old browsers */ | ||
Revision as of 21: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 #A7D7F9;
background-color:#f9f9f9;
color:black;
margin:10px 0 10px 20px;
float: right;
clear: right;
text-align:left;
font-size:88%;
line-height:1.5em;
-moz-border-top-left-radius:15px;
border-top-left-radius:15px;
}
#mdwidget_head
{
color:white;
font-size:14px;
font-weight:bold;
border-bottom:1px solid #A7D7F9;
background: rgb(27,84,145); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(27,84,145,1) 1%, rgba(0,119,216,1) 52%, rgba(34,106,183,1) 52%, rgba(94,171,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,rgba(27,84,145,1)), color-stop(52%,rgba(0,119,216,1)), color-stop(52%,rgba(34,106,183,1)), color-stop(100%,rgba(94,171,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(27,84,145,1) 1%,rgba(0,119,216,1) 52%,rgba(34,106,183,1) 52%,rgba(94,171,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(27,84,145,1) 1%,rgba(0,119,216,1) 52%,rgba(34,106,183,1) 52%,rgba(94,171,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(27,84,145,1) 1%,rgba(0,119,216,1) 52%,rgba(34,106,183,1) 52%,rgba(94,171,255,1) 100%); /* IE10+ */
background: linear-gradient(135deg, rgba(27,84,145,1) 1%,rgba(0,119,216,1) 52%,rgba(34,106,183,1) 52%,rgba(94,171,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b5491', endColorstr='#5eabff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
-moz-border-top-left-radius:15px;
border-top-left-radius:15px;
top:0px;
left:-1px;
padding:6px 0 0 10px;
height:24px;
}
#mdwidget_body
{
padding:10px 4px;
}
/* ================================================================= */
/* ===================== 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:white;
/*color:#FCB900; */
font-weight:bold;
}
#mdcontainer01 h1
{
padding:2px 0 0 0;
margin:0px;
font-size:18px;
font-weight:normal;
color:white;
border:0px;
}
#mdcontainer01 h2
{
padding:0 0 2px 0;
margin:0px;
font-size:14px;
font-weight:bold;
color:white;
border:0px;
}
#mdcontainer01.main
{
/*outline:#A7D7F9 solid 1px;*/
border:1px solid #A7D7F9;
width:100%;
padding:0px;
-moz-border-top-left-radius:14px;
border-top-left-radius:14px;
}
#mdcontainer01.header
{
border-bottom:1px solid #A7D7F9;
text-align:left;
padding:1px 0 0 10px;
height:24px;
margin:0px;
-moz-border-top-left-radius:15px;
border-top-left-radius:15px;
/* ========= GRADIENT BACKGROUND ============= */
background: rgb(27,84,145); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(27,84,145,1) 1%, rgba(0,119,216,1) 52%, rgba(34,106,183,1) 52%, rgba(94,171,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,rgba(27,84,145,1)), color-stop(52%,rgba(0,119,216,1)), color-stop(52%,rgba(34,106,183,1)), color-stop(100%,rgba(94,171,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(27,84,145,1) 1%,rgba(0,119,216,1) 52%,rgba(34,106,183,1) 52%,rgba(94,171,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(27,84,145,1) 1%,rgba(0,119,216,1) 52%,rgba(34,106,183,1) 52%,rgba(94,171,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(27,84,145,1) 1%,rgba(0,119,216,1) 52%,rgba(34,106,183,1) 52%,rgba(94,171,255,1) 100%); /* IE10+ */
background: linear-gradient(135deg, rgba(27,84,145,1) 1%,rgba(0,119,216,1) 52%,rgba(34,106,183,1) 52%,rgba(94,171,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b5491', endColorstr='#5eabff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#mdcontainer01.content
{
padding:14px 10px;
}
/* ================================================================= */
/* ============================ UPDATES ============================ */
/* ================================================================= */
#mdcontainer01.side
{
/*outline:#A7D7F9 solid 1px;*/
border:1px solid #A7D7F9;
padding:0px;
-moz-border-top-left-radius:14px;
border-top-left-radius:14px;
}
#mdcontainer01.smallhead
{
border-bottom:1px solid #A7D7F9;
text-align:left;
padding:1px 0 0 10px;
margin:0px;
height:18px;
-moz-border-top-left-radius:15px;
border-top-left-radius:15px;
/* ========= GRADIENT BACKGROUND ============= */
background: rgb(27,84,145); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(27,84,145,1) 1%, rgba(0,119,216,1) 52%, rgba(34,106,183,1) 52%, rgba(94,171,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,rgba(27,84,145,1)), color-stop(52%,rgba(0,119,216,1)), color-stop(52%,rgba(34,106,183,1)), color-stop(100%,rgba(94,171,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(27,84,145,1) 1%,rgba(0,119,216,1) 52%,rgba(34,106,183,1) 52%,rgba(94,171,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(27,84,145,1) 1%,rgba(0,119,216,1) 52%,rgba(34,106,183,1) 52%,rgba(94,171,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(27,84,145,1) 1%,rgba(0,119,216,1) 52%,rgba(34,106,183,1) 52%,rgba(94,171,255,1) 100%); /* IE10+ */
background: linear-gradient(135deg, rgba(27,84,145,1) 1%,rgba(0,119,216,1) 52%,rgba(34,106,183,1) 52%,rgba(94,171,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b5491', endColorstr='#5eabff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
</style>
</head>
/* ================================================================= */
/* ======================== GETTING STARTED ======================== */
/* ================================================================= */
/* ================================================================= */
/* ===================== OTHER USEFUL LINKS ======================== */
/* ================================================================= */