MediaWiki:Common.css: Difference between revisions
From Posstack.com Documentation
No edit summary |
No edit summary |
||
(12 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
body {color: #5C5F62; font-family: Arial, Helvetica, sans-serif;} | |||
.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt {color: #202223; font-family: Arial, Helvetica, sans-serif;} | |||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
li#ca-history, li#ca-talk, li#ca-viewsource, li#ca-nstab-main, li#ca-unwatch, | li#ca-history, li#ca-talk, li#ca-viewsource, li#ca-nstab-main, li#ca-unwatch, | ||
Line 13: | Line 15: | ||
width: 80px; | width: 80px; | ||
} | } | ||
} | |||
#bodyContent img { | |||
border: solid 3px #eaecf0; | |||
margin: 20px 0; | |||
} | } | ||
Line 18: | Line 25: | ||
.note { | .note { | ||
background-position: left 7px top 50%; | background-position: left 7px top 50%; | ||
padding: | padding: 1.0em 0.5em 1.0em 40px; | ||
margin: 0.5em 0; | margin: 0.5em 0; | ||
overflow: hidden; | overflow: hidden; | ||
background-color: #f8f9fa; | background-color: #f8f9fa; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
border: | border-left: 5px solid #ddd; | ||
} | } | ||
.note-inline { | .note-inline { | ||
Line 62: | Line 69: | ||
border-color: #c33; | border-color: #c33; | ||
min-height: 28px; | min-height: 28px; | ||
} | |||
@media screen and (min-width: 1200px) { | |||
#content { | |||
margin-right: 300px; | |||
} | |||
#toc { | |||
width: 200px; | |||
position: fixed; | |||
right: 30px; | |||
top: 50px; | |||
float: right; | |||
} | |||
#toc > ul { | |||
height: 80vh; | |||
overflow: scroll; | |||
} | |||
} | |||
.mw-body-content img, .mw-body-content table a > img, .mw-body-content table .floatnone > img, iframe { | |||
max-width: 100% !important; | |||
} | |||
img.external-image { | |||
min-height: 200px; | |||
background: #eee; | |||
} | } |
Latest revision as of 07:21, 28 May 2024
body {color: #5C5F62; font-family: Arial, Helvetica, sans-serif;} .mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt {color: #202223; font-family: Arial, Helvetica, sans-serif;} /* CSS placed here will be applied to all skins */ li#ca-history, li#ca-talk, li#ca-viewsource, li#ca-nstab-main, li#ca-unwatch, #site-tools, #footer-list { display: none; } .mw-body h1.firstHeading, .mw-body .mw-parser-output h1:after, .mw-body .mw-parser-output h2:after, .tools-inline li {border-bottom: none;} #mw-related-navigation {display:none;} @media screen and (min-width: 851px) { .mw-wiki-logo.timeless-logo img { width: 80px; } } #bodyContent img { border: solid 3px #eaecf0; margin: 20px 0; } /*Template Note*/ .note { background-position: left 7px top 50%; padding: 1.0em 0.5em 1.0em 40px; margin: 0.5em 0; overflow: hidden; background-color: #f8f9fa; background-repeat: no-repeat; border-left: 5px solid #ddd; } .note-inline { display: inline-block; vertical-align: middle; } .note-info { background-color: #f6efe5; /* [[File:OOjs_UI_icon_reference_20_ac6600.svg]] */ background-image: url(https://upload.wikimedia.org/wikipedia/commons/d/d5/OOjs_UI_icon_reference_20_ac6600.svg); background-size: 25px; border-color: #ac6600; padding-left: 40px; min-height: 28px; } .note-reminder { background-color: #fff9ea; /* [[File:OOjs_UI_icon_lightbulb-yellow.svg]] */ background-image: url(https://upload.wikimedia.org/wikipedia/commons/a/a8/OOjs_UI_icon_lightbulb-yellow.svg); background-size: 25px; border-color: #fc3; min-height: 28px; } .note-warn { background-color: #fff9ea; /* [[File:OOjs_UI_icon_alert-warning.svg]] */ background-image: url(https://upload.wikimedia.org/wikipedia/commons/3/3b/OOjs_UI_icon_alert-warning.svg); background-size: 25px; border-color: #fc3; min-height: 28px; } .note-error { background-color: #fee7e6; /* [[File:OOjs_UI_icon_notice-destructive.svg]] */ background-image: url(https://upload.wikimedia.org/wikipedia/commons/b/bf/OOjs_UI_icon_notice-destructive.svg); background-size: 25px; border-color: #c33; min-height: 28px; } @media screen and (min-width: 1200px) { #content { margin-right: 300px; } #toc { width: 200px; position: fixed; right: 30px; top: 50px; float: right; } #toc > ul { height: 80vh; overflow: scroll; } } .mw-body-content img, .mw-body-content table a > img, .mw-body-content table .floatnone > img, iframe { max-width: 100% !important; } img.external-image { min-height: 200px; background: #eee; }