diff options
Diffstat (limited to 'resources/src/mediawiki.skinning/content.css')
-rw-r--r-- | resources/src/mediawiki.skinning/content.css | 227 |
1 files changed, 227 insertions, 0 deletions
diff --git a/resources/src/mediawiki.skinning/content.css b/resources/src/mediawiki.skinning/content.css new file mode 100644 index 00000000..7a417081 --- /dev/null +++ b/resources/src/mediawiki.skinning/content.css @@ -0,0 +1,227 @@ +/** + * MediaWiki style sheet for general styles on complex content + * + * Styles for complex things which are a standard part of page content + * (ie: the CSS classing built into the system), like the TOC. + */ + +/* Table of Contents */ +#toc, +.toc, +.mw-warning { + border: 1px solid #aaa; + background-color: #f9f9f9; + padding: 5px; + font-size: 95%; +} + +/** + * We want to display the ToC element with intrinsic width in block mode. The fit-content + * value for width is however not supported by large groups of browsers. + * + * We use display:table. Even though it should only contain other table-* display + * elements, there are no known problems with using this. + * + * Because IE < 8, FF 2 and other older browsers don't support display:table, we fallback to + * using inline-block mode, which features at least intrinsic width, but won't clear preceding + * inline elements. In practice inline elements surrounding the TOC are uncommon enough that + * this is an acceptable sacrifice. + */ +#toc, +.toc { + display: -moz-inline-block; + display: inline-block; + display: table; + + /* IE7 and earlier */ + zoom: 1; + *display: inline; + + padding: 7px; +} + +/* CSS for backwards-compatibility with cached page renders and creative uses in wikitext */ +table#toc, +table.toc { + border-collapse: collapse; +} + +/* Remove additional paddings inside table-cells that are not present in <div>s */ +table#toc td, +table.toc td { + padding: 0; +} + +#toc h2, +.toc h2 { + display: inline; + border: none; + padding: 0; + font-size: 100%; + font-weight: bold; +} + +#toc #toctitle, +.toc #toctitle, +#toc .toctitle, +.toc .toctitle { + text-align: center; +} + +#toc ul, +.toc ul { + list-style-type: none; + list-style-image: none; + margin-left: 0; + padding: 0; + text-align: left; +} + +#toc ul ul, +.toc ul ul { + margin: 0 0 0 2em; +} + +#toc .toctoggle, +.toc .toctoggle { + font-size: 94%; +} + +.toccolours { + border: 1px solid #aaa; + background-color: #f9f9f9; + padding: 5px; + font-size: 95%; +} + +/* Warning */ +.mw-warning { + margin-left: 50px; + margin-right: 50px; + text-align: center; +} + +/* Images */ +/* @noflip */div.floatright, table.floatright { + margin: 0 0 .5em .5em; + border: 0; +} + +div.floatright p { + font-style: italic; +} + +/* @noflip */div.floatleft, table.floatleft { + margin: 0 .5em .5em 0; + border: 0; +} + +div.floatleft p { + font-style: italic; +} + +/* Thumbnails */ +div.thumb { + margin-bottom: .5em; + width: auto; + background-color: transparent; +} + +div.thumbinner { + border: 1px solid #ccc; + padding: 3px; + background-color: #f9f9f9; + font-size: 94%; + text-align: center; + overflow: hidden; +} + +html .thumbimage { + border: 1px solid #ccc; +} + +html .thumbcaption { + border: none; + line-height: 1.4em; + padding: 3px; + font-size: 94%; + /* Default styles when there's no .mw-content-ltr or .mw-content-rtl, overridden below */ + text-align: left; +} + +div.magnify { + /* Default styles when there's no .mw-content-ltr or .mw-content-rtl, overridden below */ + float: right; + margin-left: 3px; +} + +div.magnify a { + display: block; + /* Hide the text… */ + text-indent: 15px; + white-space: nowrap; + overflow: hidden; + /* …and replace it with the image */ + width: 15px; + height: 11px; + /* Default styles when there's no .mw-content-ltr or .mw-content-rtl, overridden below */ + /* @embed */ + background: url(images/magnify-clip-ltr.png) center center no-repeat; + /* Don't annoy people who copy-paste everything too much */ + -moz-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; +} + +img.thumbborder { + border: 1px solid #dddddd; +} + +/* Directionality-specific styles for thumbnails - their positioning depends on content language */ + +/* @noflip */ +.mw-content-ltr .thumbcaption { + text-align: left; +} + +/* @noflip */ +.mw-content-ltr .magnify { + float: right; + margin-left: 3px; + margin-right: 0; +} + +/* @noflip */ +.mw-content-ltr div.magnify a { + /* @embed */ + background-image: url(images/magnify-clip-ltr.png); +} + +/* @noflip */ +.mw-content-rtl .thumbcaption { + text-align: right; +} + +/* @noflip */ +.mw-content-rtl .magnify { + float: left; + margin-left: 0; + margin-right: 3px; +} + +/* @noflip */ +.mw-content-rtl div.magnify a { + /* @embed */ + background-image: url(images/magnify-clip-rtl.png); +} + +/* @noflip */ +div.tright { + margin: .5em 0 1.3em 1.4em; +} + +/* @noflip */ +div.tleft { + margin: .5em 1.4em 1.3em 0; +} |