MediaWiki:Monobook.css: Difference between revisions
Jump to navigation
Jump to search
imported>Sekoia (another try...) |
No edit summary |
||
Line 1: | Line 1: | ||
/* General body setup */ | |||
html, body { | |||
min-height: 100%; | |||
height: auto !important; | |||
} | |||
html { | |||
background-color: #F3F3F3; | |||
background-image: url("/images/3/3c/Skin_footer.png"), url("/images/b/b0/Skin_page_bg_gradient.png"); | |||
background-repeat: repeat-x, repeat-x; | |||
background-position: left bottom -75px, left top; | |||
} | |||
body { | body { | ||
background: # | font-size: 0.8125em; | ||
line-height: 1.538em; | |||
width: 100%; | |||
background: none !important; | |||
} | |||
body div#globalWrapper{ | |||
font-size: 100%; | |||
background: none !important; | |||
} | |||
div#column-content { | |||
background-image: url(""); | |||
background-position: top left; | |||
background-repeat: no-repeat; | |||
background-color: transparent; | |||
width: 100%; | |||
position: static; | |||
min-height: 249px; | |||
} | |||
div#content { | |||
margin-top: 5.2em !important; | |||
margin-left: 12.2em !important; | |||
box-shadow: rgba(0, 0, 0, 0.15) 0 0.1em 0.75em; | |||
border: 1px solid #ccc; | |||
border-radius: 0; | |||
padding: 1.2em 1.5em; | |||
border-right-width: 0; | |||
position: relative; | |||
} | |||
#bodyContent { | |||
padding-top: 0.1em; | |||
position: relative; | |||
} | |||
#mw-dismissable-notice { | |||
margin-bottom: 1em; | |||
} | |||
/* Footer */ | |||
#footer { | |||
background-color: transparent !important; | |||
margin-left: 12.2em !important; | |||
padding: 1em !important; | |||
border-width: 0 !important; | |||
text-align: left !important; | |||
font-size: 1em !important; | |||
} | |||
#footer #f-list { | |||
margin: 0 14em 0 0; | |||
padding: 0 88px 0 0; | |||
position: absolute; | |||
} | |||
#footer li { | |||
display: block !important; | |||
font-size: 0.923em; | |||
line-height: 1.667em; | |||
margin: 0 !important; | |||
padding: 0; | |||
} | |||
#footer #f-list #privacy, #footer #f-list #about, #footer #f-list #disclaimer { | |||
float: left; | |||
margin-right: 1em !important; | |||
margin-top: 0.833em !important; | |||
} | |||
/* Text sizes */ | |||
h1, #bodyContent > h1 { | |||
font-family: "EasonPro","Times New Roman", serif !important; | |||
font-size: 2.231em; | |||
font-weight: normal; | |||
line-height: 1.2em; | |||
margin-top: 0.724em; | |||
margin-bottom: 0.690em; | |||
padding: 0; | |||
} | |||
#firstHeading { | |||
font-size: 2.231em; | |||
margin-top: 0; | |||
padding: 0; | |||
} | |||
h2, #bodyContent > h2 { | |||
font-family: "EasonPro","Times New Roman", serif !important; | |||
font-weight: normal; | |||
font-size: 1.923em; | |||
line-height: 1.2em; | |||
margin-top: 1em; | |||
margin-bottom: 0.4em; | |||
padding: 0; | |||
} | } | ||
# | h3, #bodyContent > h3 { | ||
font-family: sans-serif; | font-family: Arial, sans-serif !important; | ||
font-weight: bold; | |||
font-size: 1.3077em; | |||
line-height: 1.15em; | |||
margin-top: 1.353em; | |||
margin-bottom: 0.588em; | |||
padding: 0; | |||
} | } | ||
h4, #bodyContent > h4 { | |||
font-family: Arial, sans-serif !important; | |||
font-size: 1.154em; | |||
font-weight: bold; | |||
line-height: 1.1em; | |||
margin-top: 1em; | |||
margin-bottom: 0.667em; | |||
padding: 0; | |||
} | } | ||
. | h5, #bodyContent > h5 { | ||
font-family: Arial, sans-serif !important; | |||
font-size: 1em; | |||
font-weight: bold; | |||
line-height: 1.15em; | |||
margin-top: 1.308em; | |||
margin-bottom: 0.769em; | |||
padding: 0; | |||
} | } | ||
h6, #bodyContent > h6 { | |||
font-family: Arial, sans-serif !important; | |||
font-size: | font-size: 0.923em; | ||
font-weight: bold; | font-weight: bold; | ||
line-height: 1em; | |||
margin-top: 1.5em; | |||
margin-bottom: 0.833em; | |||
padding: 0; | |||
} | |||
table.table th > h1, | |||
table.table th > h2, | |||
table.table th > h3, | |||
table.table th > h4, | |||
table.table th > h5, | |||
table.table th > h6 { | |||
margin-top:0.25em; | |||
margin-bottom:0.25em; | |||
border: none; | |||
} | |||
p, ul, ol, dl { | |||
margin-top: 0.769em; | |||
margin-bottom: 0.769em; | |||
line-height: 1.538em; | |||
} | |||
dd, dt, li { | |||
margin-top: 0; | |||
margin-bottom: 0; | |||
line-height: 1.538em; | |||
} | |||
.mw-changeslist-legend dt, .mw-changeslist-legend dd { line-height: 1.2em; } | |||
li > ul, li > ol { | |||
margin-top: 0 !important; | |||
margin-bottom: 0 !important; | |||
} | |||
sup, sub { | |||
line-height: 0; | |||
} | |||
div#globalWrapper, input, select { | |||
font-family: Arial, sans-serif; | |||
line-height: 1.538em; | |||
} | |||
input, select { | |||
font-size: 1em; | |||
} | |||
div#content #toc { | |||
margin: 10px 0px; | |||
} | |||
.special li { | |||
line-height: 1.538em; | |||
} | |||
span.mw-editsection { | |||
font-family: Arial, sans-serif; | |||
font-size: 13px !important; | |||
line-height: inherit; | |||
vertical-align: middle; | |||
} | |||
textarea, pre, xmp, plaintext, listing { | |||
font-size: 12px; | |||
font-family: monospace; | |||
} | |||
pre, xmp, plaintext, listing { | |||
white-space: pre-wrap; | |||
} | |||
/** Page tabs **/ | |||
#p-cactions { | |||
position: absolute; | |||
top: 3em; | |||
left: 0; | |||
margin: 0 0 0 12.2em; | |||
font-size: 1em; | |||
width: 76%; | |||
padding: 0; | |||
z-index: 2; /* fixme */ | |||
} | } | ||
#p-cactions .pBody { | #p-cactions .pBody { | ||
font-size: 0.923em; | |||
padding: 0; | |||
margin: 0; | |||
position: absolute; | |||
width: 100%; | |||
} | } | ||
#p-cactions ul { | #p-cactions ul { | ||
margin: 0 0 0 1px; | |||
list-style-type: none; | list-style-type: none; | ||
list-style-image: none; | |||
list-style-position: outside; | |||
} | |||
#p-cactions li.selected, #p-cactions li { | |||
padding: 0; | |||
display: inline-block; | |||
} | } | ||
#p-cactions li { | #p-cactions li { | ||
border-bottom: | border: 1px solid #aaa; | ||
border-bottom-color: #ccc; | |||
background-color: #eee; | |||
display: block; | |||
float: left; | |||
height: 2.3em; | |||
line-height: 2.3em; | |||
margin: 0 0 0 -1px; | |||
} | } | ||
#p-cactions li | #p-cactions li#ca-talk { | ||
margin-right: 1.7em; | |||
} | } | ||
#p-cactions li.selected { | #p-cactions li.selected { | ||
border-color: # | background-color: #fff; | ||
background-image: none; | |||
border: 1px solid #ccc; | |||
border-bottom-width: 0px; | |||
font-weight: normal; | |||
margin: 0 0 0 -1px; | |||
padding-bottom: 1px !important; | |||
overflow: visible; | |||
} | |||
#p-cactions li.selected a, #p-cactions li.selected a:hover { | |||
color: #000; | |||
} | |||
#p-cactions li:hover { | |||
background-color: #F8F8F8; | |||
} | |||
#p-cactions li:first-child, | |||
#p-cactions li:nth-child(3) { | |||
border-top-left-radius:0.7em | |||
} | |||
#p-cactions li:nth-child(2), | |||
#p-cactions li:last-child { | |||
border-top-right-radius:0.7em | |||
} | |||
#p-cactions li a, #p-cactions li a:hover, #p-cactions li.istalk a, #p-cactions #ca-addsection a { | |||
padding: 0.6em 1em; | |||
background: none; | |||
} | } | ||
#p-cactions li.selected a { | #p-cactions li.selected a { | ||
background: | background: none; | ||
color: # | |||
} | |||
/* Left of page elements */ | |||
#p-logo a, #p-logo a:hover { | |||
width: 12.25em; | |||
} | |||
#p-logo { | |||
height: 160px; | |||
margin: 0; | |||
width: 12.25em; | |||
background-color: transparent; | |||
} | |||
#p-navigation { | |||
margin-top: 1.5em; | |||
} | } | ||
#p- | #p-navigation h3 { | ||
display: none; | |||
} | } | ||
#p- | .portlet { | ||
width: 11em; | |||
position: relative; | |||
font-size: 1em; | |||
margin: 0.833em 0.5em 0.833em; | |||
} | |||
.portlet h5, .portlet h3 { | |||
color: #4d4d4d; | |||
font-size: 1em; | |||
font-weight: bold; | |||
line-height: 1.333em; | |||
text-transform: none; | |||
display: block; | |||
margin: 0; | |||
padding: 0.2em 0.9em 0.5em; | |||
width: 9.2em; | |||
} | |||
.portlet .pBody, #p-search .pBody { | |||
border: 0; | |||
padding: 0.333em; | |||
line-height: 1.429em; | |||
background-color: transparent; | |||
} | |||
.portlet .pBody { | |||
margin: 0 0.5em; | |||
padding: 0; | |||
} | |||
.portlet ul { | |||
font-size: 1em; | |||
list-style-image: none; | |||
list-style-type: none; | |||
margin: 0em 0em 0em 0.5em; | |||
} | |||
.pBody ul { | |||
padding-inline-start: 0em; | |||
} | |||
.pBody li { | |||
line-height: 1.667em; | |||
} | |||
#searchInput { | |||
font-size: 1em; | |||
width: 10em; | |||
} | |||
/* Top of page elements */ | |||
/** Personal portlet **/ | |||
.pBody { | |||
font-size: 0.923em; | |||
} | |||
#p-personal { | |||
text-align: right; | |||
} | |||
#p-personal .pBody { | |||
width: auto; | |||
display: inline-block; | |||
padding-right: 0.75em; | |||
border-radius: 0 0 0 0.5em; | |||
background-color: #fff; | |||
margin-left: 12em; | |||
} | |||
#p-personal ul { | |||
padding: 0; | |||
line-height: 1.667em; | |||
} | |||
#p-personal li { | |||
font-size: 1em; | |||
margin: 0.5em 0 0.5em 1em; | |||
} | } | ||
#p-personal li a { | #p-personal li a { | ||
color: | color: #002BB8; | ||
} | } | ||
#p-personal li a:hover { | #p-personal li a:hover { | ||
padding: 0; | |||
background: | background-color: transparent; | ||
} | |||
li#pt-userpage { | |||
background: none; | |||
padding-left: 0px !important; | |||
} | } | ||
/* Editing panel */ | |||
/** Red cancel button **/ | |||
.editButtons span.oo-ui-buttonElement-frameless a { height:33px; border:1px solid #ccc; background-image: -webkit-gradient(linear,right top,right bottom,color-stop(0,#fee),color-stop(100%,#ffd6d6)); background-image: -webkit-linear-gradient(top,#fee 0,#ffd6d6 100%); background-image: -moz-linear-gradient(top,#fee 0,#ffd6d6 100%); background-image: linear-gradient(to bottom,#fee 0,#ffd6d6 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffeeee',endColorstr='#ffffd6d6' )"; } | |||
.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button > span.oo-ui-labelElement-label { color:rgb(51, 51, 51); } | |||
.editButtons span.oo-ui-buttonElement-frameless a:hover { border-color:#b55 } | |||
Revision as of 23:52, 7 September 2019
/* General body setup */ html, body { min-height: 100%; height: auto !important; } html { background-color: #F3F3F3; background-image: url("/images/3/3c/Skin_footer.png"), url("/images/b/b0/Skin_page_bg_gradient.png"); background-repeat: repeat-x, repeat-x; background-position: left bottom -75px, left top; } body { font-size: 0.8125em; line-height: 1.538em; width: 100%; background: none !important; } body div#globalWrapper{ font-size: 100%; background: none !important; } div#column-content { background-image: url(""); background-position: top left; background-repeat: no-repeat; background-color: transparent; width: 100%; position: static; min-height: 249px; } div#content { margin-top: 5.2em !important; margin-left: 12.2em !important; box-shadow: rgba(0, 0, 0, 0.15) 0 0.1em 0.75em; border: 1px solid #ccc; border-radius: 0; padding: 1.2em 1.5em; border-right-width: 0; position: relative; } #bodyContent { padding-top: 0.1em; position: relative; } #mw-dismissable-notice { margin-bottom: 1em; } /* Footer */ #footer { background-color: transparent !important; margin-left: 12.2em !important; padding: 1em !important; border-width: 0 !important; text-align: left !important; font-size: 1em !important; } #footer #f-list { margin: 0 14em 0 0; padding: 0 88px 0 0; position: absolute; } #footer li { display: block !important; font-size: 0.923em; line-height: 1.667em; margin: 0 !important; padding: 0; } #footer #f-list #privacy, #footer #f-list #about, #footer #f-list #disclaimer { float: left; margin-right: 1em !important; margin-top: 0.833em !important; } /* Text sizes */ h1, #bodyContent > h1 { font-family: "EasonPro","Times New Roman", serif !important; font-size: 2.231em; font-weight: normal; line-height: 1.2em; margin-top: 0.724em; margin-bottom: 0.690em; padding: 0; } #firstHeading { font-size: 2.231em; margin-top: 0; padding: 0; } h2, #bodyContent > h2 { font-family: "EasonPro","Times New Roman", serif !important; font-weight: normal; font-size: 1.923em; line-height: 1.2em; margin-top: 1em; margin-bottom: 0.4em; padding: 0; } h3, #bodyContent > h3 { font-family: Arial, sans-serif !important; font-weight: bold; font-size: 1.3077em; line-height: 1.15em; margin-top: 1.353em; margin-bottom: 0.588em; padding: 0; } h4, #bodyContent > h4 { font-family: Arial, sans-serif !important; font-size: 1.154em; font-weight: bold; line-height: 1.1em; margin-top: 1em; margin-bottom: 0.667em; padding: 0; } h5, #bodyContent > h5 { font-family: Arial, sans-serif !important; font-size: 1em; font-weight: bold; line-height: 1.15em; margin-top: 1.308em; margin-bottom: 0.769em; padding: 0; } h6, #bodyContent > h6 { font-family: Arial, sans-serif !important; font-size: 0.923em; font-weight: bold; line-height: 1em; margin-top: 1.5em; margin-bottom: 0.833em; padding: 0; } table.table th > h1, table.table th > h2, table.table th > h3, table.table th > h4, table.table th > h5, table.table th > h6 { margin-top:0.25em; margin-bottom:0.25em; border: none; } p, ul, ol, dl { margin-top: 0.769em; margin-bottom: 0.769em; line-height: 1.538em; } dd, dt, li { margin-top: 0; margin-bottom: 0; line-height: 1.538em; } .mw-changeslist-legend dt, .mw-changeslist-legend dd { line-height: 1.2em; } li > ul, li > ol { margin-top: 0 !important; margin-bottom: 0 !important; } sup, sub { line-height: 0; } div#globalWrapper, input, select { font-family: Arial, sans-serif; line-height: 1.538em; } input, select { font-size: 1em; } div#content #toc { margin: 10px 0px; } .special li { line-height: 1.538em; } span.mw-editsection { font-family: Arial, sans-serif; font-size: 13px !important; line-height: inherit; vertical-align: middle; } textarea, pre, xmp, plaintext, listing { font-size: 12px; font-family: monospace; } pre, xmp, plaintext, listing { white-space: pre-wrap; } /** Page tabs **/ #p-cactions { position: absolute; top: 3em; left: 0; margin: 0 0 0 12.2em; font-size: 1em; width: 76%; padding: 0; z-index: 2; /* fixme */ } #p-cactions .pBody { font-size: 0.923em; padding: 0; margin: 0; position: absolute; width: 100%; } #p-cactions ul { margin: 0 0 0 1px; list-style-type: none; list-style-image: none; list-style-position: outside; } #p-cactions li.selected, #p-cactions li { padding: 0; display: inline-block; } #p-cactions li { border: 1px solid #aaa; border-bottom-color: #ccc; background-color: #eee; display: block; float: left; height: 2.3em; line-height: 2.3em; margin: 0 0 0 -1px; } #p-cactions li#ca-talk { margin-right: 1.7em; } #p-cactions li.selected { background-color: #fff; background-image: none; border: 1px solid #ccc; border-bottom-width: 0px; font-weight: normal; margin: 0 0 0 -1px; padding-bottom: 1px !important; overflow: visible; } #p-cactions li.selected a, #p-cactions li.selected a:hover { color: #000; } #p-cactions li:hover { background-color: #F8F8F8; } #p-cactions li:first-child, #p-cactions li:nth-child(3) { border-top-left-radius:0.7em } #p-cactions li:nth-child(2), #p-cactions li:last-child { border-top-right-radius:0.7em } #p-cactions li a, #p-cactions li a:hover, #p-cactions li.istalk a, #p-cactions #ca-addsection a { padding: 0.6em 1em; background: none; } #p-cactions li.selected a { background: none; } /* Left of page elements */ #p-logo a, #p-logo a:hover { width: 12.25em; } #p-logo { height: 160px; margin: 0; width: 12.25em; background-color: transparent; } #p-navigation { margin-top: 1.5em; } #p-navigation h3 { display: none; } .portlet { width: 11em; position: relative; font-size: 1em; margin: 0.833em 0.5em 0.833em; } .portlet h5, .portlet h3 { color: #4d4d4d; font-size: 1em; font-weight: bold; line-height: 1.333em; text-transform: none; display: block; margin: 0; padding: 0.2em 0.9em 0.5em; width: 9.2em; } .portlet .pBody, #p-search .pBody { border: 0; padding: 0.333em; line-height: 1.429em; background-color: transparent; } .portlet .pBody { margin: 0 0.5em; padding: 0; } .portlet ul { font-size: 1em; list-style-image: none; list-style-type: none; margin: 0em 0em 0em 0.5em; } .pBody ul { padding-inline-start: 0em; } .pBody li { line-height: 1.667em; } #searchInput { font-size: 1em; width: 10em; } /* Top of page elements */ /** Personal portlet **/ .pBody { font-size: 0.923em; } #p-personal { text-align: right; } #p-personal .pBody { width: auto; display: inline-block; padding-right: 0.75em; border-radius: 0 0 0 0.5em; background-color: #fff; margin-left: 12em; } #p-personal ul { padding: 0; line-height: 1.667em; } #p-personal li { font-size: 1em; margin: 0.5em 0 0.5em 1em; } #p-personal li a { color: #002BB8; } #p-personal li a:hover { padding: 0; background-color: transparent; } li#pt-userpage { background: none; padding-left: 0px !important; } /* Editing panel */ /** Red cancel button **/ .editButtons span.oo-ui-buttonElement-frameless a { height:33px; border:1px solid #ccc; background-image: -webkit-gradient(linear,right top,right bottom,color-stop(0,#fee),color-stop(100%,#ffd6d6)); background-image: -webkit-linear-gradient(top,#fee 0,#ffd6d6 100%); background-image: -moz-linear-gradient(top,#fee 0,#ffd6d6 100%); background-image: linear-gradient(to bottom,#fee 0,#ffd6d6 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffeeee',endColorstr='#ffffd6d6' )"; } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button > span.oo-ui-labelElement-label { color:rgb(51, 51, 51); } .editButtons span.oo-ui-buttonElement-frameless a:hover { border-color:#b55 }