/**
* Styles dump for the Chameleon skin
*
* @todo This is a mess. Needs rework.
*
* This file is part of the MediaWiki skin Chameleon.
*
* @copyright 2013 - 2017, Stephan Gambke
* @license GNU General Public License, version 3 (or any later version)
*
* The Chameleon skin is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by the Free
* Software Foundation, either version 3 of the License, or (at your option) any
* later version.
*
* The Chameleon skin is distributed in the hope that it will be useful, but
* WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
* FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more
* details.
*
* You should have received a copy of the GNU General Public License along
* with this program. If not, see .
*
* @author Stephan Gambke
* @since 1.0
* @ingroup Skins
*/
html {
.box-sizing(border-box);
}
*, *:before, *:after {
.box-sizing(inherit);
}
.mw-body {
padding: 0 2em;
margin: 1em 0;
position: relative;
z-index: 0;
}
/* Display editsection links smaller and next to headings */
.mw-editsection-like {
font-size: @font-size-small;
font-weight: normal;
margin-left: 1em;
vertical-align: baseline;
/* Reset line-height; headings tend to have it set to larger values */
line-height: 1em;
/* As .mw-editsection is a (inline element), it is treated as part */
/* of the heading content when selecting text by multiple clicks and thus */
/* selected together with heading content, despite the user-select: none; */
/* rule set above. This enforces non-selection without changing the look. */
display: inline-block;
}
.mw-editsection {
.mw-editsection-like();
}
/* Correct directionality when page directionality is different from site/user directionality */
/* @noflip */
.mw-content-ltr .mw-editsection,
.mw-content-rtl .mw-content-ltr .mw-editsection {
margin-left: 1em;
}
/* @noflip */
.mw-content-rtl .mw-editsection,
.mw-content-ltr .mw-content-rtl .mw-editsection {
margin-right: 1em;
}
.mw-jump {
height: 0;
overflow: hidden;
}
/**
* Table of contents
*/
.mw-body .toc {
#toctitle {
margin-bottom: 1ex;
h2 {
display: inline;
font-size: @toctitle-font-size;
border: none;
}
.toctoggle {
.mw-editsection-like();
}
}
ul {
list-style: none;
margin-left: 0.5em;
padding: 0;
text-align: left;
text-indent: 0;
li {
a {
.tocnumber {
display: inline-block;
text-align: right;
margin-right: .5ex;
min-width: 2ex; //up to two digits
}
}
ul li {
a .tocnumber {
min-width: 3.5ex; // two digits + dot + digit
}
ul li {
a .tocnumber {
min-width: 5ex; // two digits + dot + digit + dot + digit
}
}
}
}
}
}
/* have to insert id based rule here to over-rule MW core's shared.css */
#toc ul {
margin-left: 0.5em;
}
.catlinks {
margin: 2em 0 0;
}
.firstHeading {
border-bottom: 1px solid @hr-border;
padding-bottom: .2em;
margin-bottom: .2em;
}
.contentHeader {
margin: 1em 0 1.5em;
border-bottom: 0;
padding-bottom: 0;
}
.footer-info {
padding-left: 5px;
}
.p-tb {
&.navbar {
min-height: 0;
}
.navbar-nav > li > a {
&, &:hover {
padding: @toolbar-padding-vertical @toolbar-padding-horizontal;
}
}
}
.newtalk-notifier {
margin-bottom: 10px;
}
.p-contentnavigation {
a.selected {
font-style: italic;
}
a.new {
color: #aaaaaa;
}
}
.p-personal-tools {
margin: 0 0 0 1ex;
}
#siteSub {
display: none
}
#wpTextbox1 {
width: 100%;
}
// style horizontal toolbar
#preftoc {
.nav;
.nav-tabs;
margin-bottom: 2ex;
> li.selected > a {
&,
&:hover,
&:focus {
color: @nav-tabs-active-link-hover-color;
background-color: @nav-tabs-active-link-hover-bg;
border: 1px solid @nav-tabs-active-link-hover-border-color;
border-bottom-color: transparent;
cursor: default;
}
}
}
.navbar .p-contentnavigation li {
display: block;
}
/**
* Links
*/
a {
.link(@link-color);
}
a.new, #p-personal a.new {
.link(@link-new-color);
}
.mw-body {
a.stub {
.link(@link-stub-color);
}
/* Interwiki Styling */
a.extiw {
.link(@link-interwiki-color);
}
/* External links */
a.external {
.link(@link-external-color);
}
}
/**
* Lists
*/
.mw-body {
ol {
list-style: outside none decimal;
}
ul {
.bullet();
}
ol, ul {
padding-left: @list-level-indent;
margin: 0;
.list-inline {
.list-inline;
}
ul {
.bullet( @list-bullet-color, @list-bullet-size*.9);
}
ol, ul {
ul {
.bullet( @list-bullet-color, @list-bullet-size*.7);
}
}
}
}
// no bullets for File namespace
.ns-6 .mw-body ul {
list-style: none;
padding: 0;
}
.catlinks {
ul {
text-indent: 0;
padding-left: 0;
> li:before {
content: none;
}
}
}
dt {
font-weight: bold;
margin-bottom: .1em;
}
dl {
margin-top: .2em;
margin-bottom: .5em;
}
dd {
line-height: 1.5em;
margin-left: 1.6em;
margin-bottom: .1em;
}
/* IE 6 and 7 lack support for quotes aroud the element ('::before' and '::after'
pseudoelements, 'quotes' property). Let's italicize it instead (using the star hack). */
q {
*font-style: italic;
}
pre, code, tt, kbd, samp, .mw-code {
/*
* Some browsers will render the monospace text too small, namely Firefox, Chrome and Safari.
* Specifying any valid, second value will trigger correct behavior without forcing a different font.
*/
font-family: monospace, Courier;
}
code {
color: black;
background-color: #f9f9f9;
border: 1px solid #ddd;
border-radius: 2px;
padding: 1px 4px;
}
pre, .mw-code {
color: black;
background-color: #f9f9f9;
border: 1px solid #ddd;
padding: 1em;
}
/* Tables */
table {
font-size: 100%;
}
.skin-chameleon .mw-specialpages-table {
margin-bottom: 0;
margin-top: 0;
}
/* Forms */
fieldset {
border: 1px solid #2f6fab;
margin: 1em 0 1em 0;
padding: 0 1em 1em;
line-height: 1.5em;
}
fieldset.nested {
margin: 0 0 0.5em 0;
padding: 0 0.5em 0.5em;
}
legend {
padding: .5em;
font-size: 95%;
}
form {
border: none;
margin: 0;
}
textarea {
width: 100%;
padding: .1em;
display: block;
}
select {
vertical-align: top;
}
/* Small for tables and similar */
.small {
font-size: 94%;
}
table.small {
font-size: 100%;
}
.mw-warning {
border: 1px solid #aaa;
background-color: #f9f9f9;
padding: 5px;
font-size: 95%;
margin-left: 50px;
margin-right: 50px;
text-align: center;
}
.mw-changeslist-legend {
dt {
clear: left;
}
dt, dd {
line-height: 1.3em;
}
}
table.mw-recentchanges-table {
width: 100%;
}
.layout-fixedhead, .layout-stickyhead, .layout-clean {
h1, h2, h3, h4, h5, h6 {
>span.mw-headline:before {
content: "";
display: inline-block;
height: @navbar-height;
margin-top: 0-@navbar-height;
}
}
}
.mw-headline-anchor {
display: none;
}
.mw-indicators {
float: right;
line-height: 1.6;
font-size: @font-size-small;
position: relative;
z-index: 1;
.mw-indicator {
display: inline-block;
}
}