mirror of
https://github.com/YunoHost-Apps/mediawiki_ynh.git
synced 2024-09-03 19:46:05 +02:00
178 lines
3.3 KiB
CSS
178 lines
3.3 KiB
CSS
/**
|
|
* 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 !important;
|
|
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 !important;
|
|
font-size: 94%;
|
|
}
|
|
div.magnify {
|
|
border: none !important;
|
|
background: none !important;
|
|
margin-left: 3px;
|
|
}
|
|
div.magnify a, div.magnify img {
|
|
display: block;
|
|
border: none !important;
|
|
background: none !important;
|
|
}
|
|
/* @noflip */div.tright {
|
|
margin: .5em 0 1.3em 1.4em;
|
|
}
|
|
/* @noflip */div.tleft {
|
|
margin: .5em 1.4em 1.3em 0;
|
|
}
|
|
img.thumbborder {
|
|
border: 1px solid #dddddd;
|
|
}
|
|
|
|
/**
|
|
* Edit forms
|
|
*/
|
|
#editform textarea {
|
|
display: block;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
/**
|
|
* Basic styles for the user login and create account forms
|
|
*/
|
|
#userlogin, #userloginForm {
|
|
border: solid 1px #cccccc;
|
|
padding: 1.2em;
|
|
margin: 0.5em;
|
|
}
|
|
|
|
#loginend {
|
|
margin: 0.5em;
|
|
}
|
|
|
|
#loginend table {
|
|
width: 100%;
|
|
}
|