MediaWiki:Monobook.css
From R2d2s Wiki
Note: After saving, you may have to bypass your browser's cache to see the changes. Mozilla / Firefox / Safari: hold down Shift while clicking Reload, or press Ctrl-Shift-R (Cmd-Shift-R on Apple Mac); IE: hold Ctrl while clicking Refresh, or press Ctrl-F5; Konqueror:: simply click the Reload button, or press F5; Opera users may need to completely clear their cache in Tools→Preferences.
#g_title p, #g_footer p, #g_description p {
margin: 0;
}
/*
-- -- -- -- -- -- --
Browser Fixes
-- -- -- -- -- -- --
This file uses CSS filtering methods to fix various
layout bugs.
Each of the following three imported files is a
separate, browser-specific CSS file that keeps all
hacks out of the main style sheet.
Over time, as supporting these browsers no longer
remains a priority, cleaning up the hacks is as
easy as deleting the @import statement below, or
simply no longer linking this file from the HTML.
*/
/*
fix ie6 "peekaboo bug" using the "holly hack".
Note, this style only gets applied to ie6
*/
* html .wrapper {
height: 0.1%;
}
/*
* IE5 mac - overrides the IE/Win hack
*/
/*\\*//*/
* html #threecolumn div {
height: auto;
}
/**/
/*
* IE5/Win-specific CSS -ensures #container wraps all content on window resize
*/
@media tty {
i{content:"\\";/*" "*/}} * html #container { height: 1%; } /*";}
}/* */
/* Styling for editable elements. Eventually, this will be part of the style. */
.editable {
border: 1px dashed blue;
}
#footer {
clear: both;
}
/* Extra divs hidden by default. The custom CSS can override this though */
#extraDiv1, #extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5, #extraDiv6 {
display: none;
}
a img,:link img,:visited img {border: none;}
body {
text-align: center;
}
#container {
width: 718px;
text-align: left;
margin: 0 auto;
}
#main-content {
float: right;
width: 470px;
}
#sidebar {
float: right;
width: 230px;
}
#footer {
clear: both;
}
/** BEGIN CUSTOM SKIN **/
/*
-- -- -- -- -- -- --
Base CSS
-- -- -- -- -- -- --
This file simply removes default styling on most HTML elements in
order to reduce the need to later override them.
*/
h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;}
dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
a img,:link img,:visited img {border: none;}
address {font-style: normal;}/*
-- -- -- -- -- -- --
Type Scheme: Deco
-- -- -- -- -- -- --
*/
body {
font: 76% Verdana, sans-serif;
}
h1, h2, h3, h4, h5, h6, p.description {
font-family: "Trebuchet MS", Trebuchet, sans-serif;
}
h1 {
font-size: 3em;
font-weight: bold;
letter-spacing: 2px;
}
h2 {
font-size: 2em;
font-weight: normal;
}
h3 {
font-size: 1.5em;
}
h4 {
font-size: 1.2em;
letter-spacing: 0.2em;
}
h5 {
font-size: 1.2em;
}
h6 {
font-size: 1em;
font-weight: bold;
}
p, td {
line-height: 1.8em;
}
code, kbd {
font-size: 1.25em;
}/*
-- -- -- -- -- -- --
STYLE: Chemise
-- -- -- -- -- -- --
*/
/* ie6win */
#footer {
height: 1%;
}
/* ie5mac */
/*\\*//*/
#footer { height: auto; }
/**/
/* ie5 win */
@media tty {
i{content:"\\";/*" "*/}} td, * html th { font-size: 0.8em; } h1 { height: 1%; } /*";}
}/* */
/* Basic HTML style
----------------------------------------------- */
a:link {
padding: 0 2px;
}
body {
font: 80% "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}
blockquote {
margin: 1em 1em;
font-style: italic;
}
caption {
font-size: 1em;
text-align: left;
padding: 4px 6px;
}
font-weight: bold;
}
dd {
margin: 0 0 1em 1em;
}
hr {
color: #222;
background: #222;
border-color: #222;
}
td {
padding: 2px 5px;
vertical-align: top;
}
th {
font-size: 1em;
padding: 2px 5px;
text-align: left;
border-top: solid 1px #000;
border-right: solid 1px #000;
border-bottom: solid 1px #000;
}
td p {
margin-top: 0;
}
ul li {
margin-bottom: 0.8em;
}
ol li {
list-style: lower-alpha;
margin-left: 2em;
margin-bottom: 0.8em;
}
/* Header
----------------------------------------------- */
#container {
}
#header {
border-bottom: solid 1px #000;
position: relative;
margin: 0;
margin-bottom: 10px;
}
p.description {
font-size: 1em;
margin: 0;
padding: 0.5em 15px;
border-bottom: solid 1px #000;
}
#g_description {
margin: 1em 0 1em 15px;
}
/* Custom font definitions
----------------------------------------------- */
p {
margin: 1em 0;
line-height: 1.5;
}
td, td p {
line-height: 1.5;
}
h1,h2,h3,h4,h5,h6 {
font-family: "Trebuchet MS", arial, sans-serif;
}
h1 {
text-align: left;
font-weight: normal;
font-size: 2em;
font-weight: bold;
line-height: 1.5em;
padding: 30px 20px 10px 15px;
margin: 0;
border-top: solid 1px #000;
border-bottom: solid 1px #000;
}
h2 {
font-size: 1.5em;
color: #000;
margin: 0 0 1em 0;
background: url(/-/include/style/chemise/slate/h2.gif) no-repeat left bottom;
}
h3 {
font-size: 1.2em;
padding: 4px 10px;
margin-top: 0.5em;
}
h4 {
margin-top: 0.6em;
margin-left: 0.2em;
font-size: 0.9em;
}
h5 {
padding-left: 10px;
font-size: 1em;
}
h6 {
font-size: 0.9em;
}
a:link {
color: #f6952e;
}
a:hover {
background-color: #dbd4a6;
}
/* sidebar
----------------------------------------------- */
#sidebar, #sidebar-alternate {
margin-bottom: 2em;
}
#sidebar h3, #sidebar-alternate h3 {
font-weight: normal;
font-size: 1.3em;
border-top: solid 1px #000;
margin-bottom: 0.5em;
}
#sidebar h4, #sidebar h5, #sidebar h6,
#sidebar-alternate h4, #sidebar-alternate h5, #sidebar-alternate h6,
#sidebar p, #sidebar-alternate p {
margin-left: 10px;
margin-right: 20px;
}
#sidebar li, #sidebar-alternate li {
margin-bottom: 0.8em;
}
#sidebar .links {
margin-bottom: 2em;
}
#adsense {
text-align: center;
}
.editable {
border: dashed 1px #666;
}
/* layout patches
----------------------------------------------- */
#twocolumn-liquid-left #sidebar {
float: left;
}
#twocolumn-liquid-right #sidebar {
float: right;
}
#threecolumn #sidebar-alternate {
float: right;
}
/* Footer
----------------------------------------------- */
#footer {
padding: 1px 15px;
border-top: solid 1px #000;
border-bottom: solid 1px #000;
clear: both;
}
#footer hr {
display: none;
}
/* fixed 1 column
----------------------------------------------- */
#onecolumn #main-content .wrapper {
margin: 20px;
}
/* fixed left 2 column
----------------------------------------------- */
#twocolumn-left #main-content .wrapper {
padding: 0 20px;
}
/* fixed right 2 column
----------------------------------------------- */
#twocolumn-right #main-content .wrapper {
padding: 0 20px;
}
/* fixed right 3 column
----------------------------------------------- */
#threecolumn #main-content .wrapper {
padding: 0 20px;
}
#threecolumn #sidebar h3, #threecolumn #sidebar-alternate h3 {
margin-bottom: 0;
}
/* liquid left 2 column
----------------------------------------------- */
#twocolumn-liquid-left #main-content .wrapper {
margin: 0 20px;
}
/* liquid right 2 column
----------------------------------------------- */
#twocolumn-liquid-right #main-content .wrapper {
margin: 0 20px;
}
/*
-- -- -- -- -- -- --
COLOR SCHEME: Asp
-- -- -- -- -- -- --
*/
/* Basic HTML style
----------------------------------------------- */
body {
color: #1C2023;
background: #F4F4F4 url(/-/includes/style/chemise/asp/body.gif) repeat-y center top;
}
caption {
color: #fff;
background: #2AA63B url(/-/includes/style/chemise/asp/h3.gif) repeat;
}
code, kbd {
color: #139522;
}
dt {
color: #139522;
}
hr {
background: #604829;
border-color: #604829;
border-top: none;
}
th {
color: #fff;
background: #001474 url(/-/includes/style/chemise/asp/th.gif) repeat-x 0 0;
border-top: solid 1px #63AFDF;
border-right: solid 1px #002797;
border-bottom: solid 1px #002797;
}
/* Header
----------------------------------------------- */
#container {
background: #fff url(/-/includes/style/chemise/asp/container.gif) repeat-x;
}
#header {
border-bottom: solid 1px #7DA9C5;
}
p.description {
color: #85C0E5;
background: #0039A0 url(/-/includes/style/chemise/asp/description.gif) repeat-x 0 0;
border-bottom: solid 1px #002797;
}
/* Custom font definitions
----------------------------------------------- */
h1 {
color: #fff;
background: #55C76B url(/-/includes/style/chemise/asp/h1.gif) repeat-x left bottom;
border-top: solid 1px #9EDFAA;
border-bottom: solid 1px #63AFDF;
}
h2 {
color: #0D83CE;
background: url(/-/includes/style/chemise/asp/h2.gif) no-repeat left bottom;
}
h3 {
color: #fff;
background: #2AA63B url(/-/includes/style/chemise/asp/h3.gif) repeat;
}
h4 {
color: #0D83CE;
border-bottom: dotted 1px #7F9CCF;
}
h5 {
color: #139522;
background: url(/-/includes/style/chemise/asp/h5.gif) no-repeat left center;
}
/* sidebar
----------------------------------------------- */
#sidebar, #sidebar-alternate {
background: url(/-/includes/style/chemise/asp/sidebar.gif) repeat-x 0 0;
}
#sidebar h3, #sidebar-alternate h3 {
color: #0D83CE;
background: #E5E5E5 url(/-/includes/style/chemise/asp/sidebar-h3.gif) repeat-x left top;
border-top: solid 1px #ddd;
}
.editable {
border: dashed 1px #f00;
}
/* Footer
----------------------------------------------- */
#footer {
color: #fff;
background: #55C76B url(/-/includes/style/chemise/asp/h1.gif) repeat-x left bottom;
border-top: solid 1px #9EDFAA;
border-bottom: solid 1px #0B8218;
}
/** END CUSTOM SKIN **/
