MediaWiki:Common.css
From WikiLectures
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* ====================== Common.css ==========================
description: these styles will affect all skins
documentation: [[Forum:Common.css (documentation)]]
============================================================ */
#wpUploadDescription {
font-family: monospace, monospace;
}
/* =================== USER AND INLINE STYLES ================== */
/* box with correct example */
.corect_example {
background-color: #DAFFDA;
}
/* box with incorrect example */
.incorrect_example {
background-color: #FFE5F5;
}
/* note "under the line" */
.note {
background-color: #E6E6FA;
margin-left: 5em;
margin-right: 5em;
font-size: smaller;
}
/* cave */
.cave {
font-weight: bold;
// waiting for correct image:
// padding-left: 20px;
// background: url() no-repeat left;
}
/* example form practice or illustration */
.example {
background-color: #F0FFFF;
margin-left: 5em;
margin-right: 5em;
font-style: italic;
}
/* petit */
.petit {
font-size: 80%;
}
/* strikethrough of text or editorial details - used in editorial process button */
.strikethrough {
text-decoration: line-through;
}
.mainHeadBox {
background-color: #FFBB05;
padding: 4px !important;
font-size: 110%;
font-weight: bold;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.mainContentBox {
background-color: #FFFFFF;
padding: 7px;
margin-bottom: 15px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.helpContentBox {
border: 1px solid #FFBB05;
padding: 7px;
margin-bottom: 15px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.mainTopBox {
width:100%;
padding:5px;
border: 1px solid #ececec;
background-color: #FFFFFF;
margin-bottom: 12px;
margin-top: -17px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
.forumHeadBox {
background-color: #A4C9F6;
padding: 4px !important;
font-size: 110%;
font-weight: bold;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.forumContentBox {
border: 1px solid #A4C9F6;
padding: 7px;
margin-bottom: 15px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.contactsHeadBox {
background-color: #FFD740;
padding: 4px !important;
font-size: 110%;
font-weight: bold;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.contactsContentBox {
border: 1px solid #FFD740;
padding: 7px;
margin-bottom: 15px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.otherHeadBox {
padding: 4px !important;
font-size: 110%;
font-weight: bold;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.otherContentBox {
border: 1px solid;
padding: 7px;
margin-bottom: 15px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.imagemapBox {
padding: 2px;
width: 98%;
border: 2px solid #A6D8FF;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.portalMainBox {
padding: 4px !important;
font-size: 20pt;
font-weight: bold;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.button {
border: 1px solid #AAA;
border-radius: 2px;
box-shadow: 1px 2px 2px #ddd;
background-color: #F9F9F9;
padding: 2px;
font-size: 85%;
}
/* infoboxy */
.infobox {
border: 1px solid #888888;
border-collapse: separate;
clear: right;
float: right;
margin: 0.5rem 2rem 2rem;
padding:1em;
}
.infobox th, .infobox td {
vertical-align: top;
}
/* navboxy */
div.navbox {
border: 1px solid transparent;
clear: both;
font-size: 88%;
padding: 2px;
text-align: center;
margin-top: 2em;
}
div.navbox + div.navbox {
margin-top: 0;
}
div.navbox tr.navbox-padding {
height: 2px;
}
div.navbox th.navbox-název,
div.navbox td.navbox-nadpod,
div.navbox th {
padding-left: 1em;
padding-right: 1em;
text-align: center;
}
div.navbox td.navbox-skupina {
font-weight: bold;
padding-left: 1em;
padding-right: 1em;
text-align: right;
white-space: nowrap;
}
div.navbox table.navbox-navbox,
div.navbox table.navbox-podskupina,
div.navbox td.navbox-skupina + th.navbox-název,
div.navbox td.navbox-seznam {
width: 100%;
}
div.navbox td.navbox-seznam {
padding: 0;
}
div.navbox td.navbox-skupina + td.navbox-seznam {
border-left: 2px solid transparent;
text-align: left;
}
div.navbox td.navbox-seznam div {
padding: 0 .25em;
}
div.navbox td.navbox-skupina + th.navbox-název {
border-left: 2px solid transparent;
}
div.navbox table.navbox-navbox th.navbox-název span.navbox-názevtext {
font-size: 110%;
}
div.navbox table.navbox-podskupina th.navbox-název span.navbox-názevtext {
font-size: 100%;
}
div.navbox td.navbox-obrázekleft {
padding: 0 2px 0 0;
width: 0;
}
div.navbox td.navbox-obrázek {
padding: 0 0 0 2px;
width: 0;
}
div.navbox .collapseButton {
width: 6em;
}
div.navbox {
border-color: #aaa;
}
div.navbox,
div.navbox table.navbox-podskupina {
background-color: #fdfdfd;
}
div.navbox table.navbox-navbox {
background-color: transparent;
color: inherit;
}
div.navbox td.navbox-skupina + th.navbox-název ,
div.navbox td.navbox-skupina + td.navbox-seznam {
border-color: #fdfdfd;
}
div.navbox th.navbox-název,
div.navbox th {
background-color: #FDA600;
}
div.navbox td.navbox-nadpod,
div.navbox td.navbox-skupina,
div.navbox table.navbox-podskupina td.navbox-název {
background-color: #fdaa2c;
}
div.navbox table.navbox-podskupina td.navbox-skupina,
div.navbox table.navbox-podskupina td.navbox-nadpod {
background-color: #fdaa2c;
}
div.navbox td.navbox-even {
background-color: #ffcb7b;
}
div.navbox td.navbox-odd {
background-color: #ffcb7b;
}
table.navboxes {
border: 1px solid #aaa;
clear: both;
font-size: 88%;
text-align: center;
width: 100%;
}
table.navboxes th {
background-color: #F6AE41;
padding-left: 1em;
padding-right: 1em;
}
table.navboxes .collapseButton {
width: 6em;
}
table.navboxes div.navbox {
font-size: 88%;
}
table.navboxes + table.navboxes,
table.navboxes + div.navbox,
div.navbox + table.navboxes,
div.navbox + div.navbox {
margin-top: -1px;
}
.collapseButton {
float: right;
font-weight: normal;
text-align: right;
width: auto;
}
.navBoxHeader {
padding:8px 10px 8px 35px;
font-weight:bold;
color:#ffffff;
background-color:#fdaa2c;
border-top-left-radius:1rem;
border-top-right-radius:1rem;
}
.navBoxContent {
padding:0px 0px 20px 8px;
background-color: #ffe1b5;
}
.navBoxContent > ul {
padding:10px 10px 20px 15px;
}
.navBoxContent > ul ul {
margin-left: 20px;
}
.navBoxContent > ul li {
list-style-type: none;
margin: 2px 10px;
position: relative;
padding: 0px 5px;
font-size: 0.9rem;
line-height: 1rem;
}
.navBoxContent > ul li::before {
content: "";
position: absolute;
top: -5px; /*-4*/
left: -20px;
border-left: 1px solid #d3941c;
border-bottom: 1px solid #d3941c;
width: 20px;
height: 12px;
}
.navBoxContent > ul li::after {
position: absolute;
content: "";
top: 7px;
left: -20px;
border-left: 1px solid #d3941c;
border-top: 1px solid #d3941c;
width: 20px;
height: 100%;
}
.navBoxContent > ul li:last-child::after,
.navBoxContent > ul > li:first-child::before {
display:none;
}
.navBoxFooter {
border-bottom-left-radius:1rem;
border-bottom-right-radius:1rem;
padding:0px 10px 20px 35px;
background-color: #f7c06c;
margin:0px;
font-size:0.9rem;
}