Difference between revisions of "MediaWiki:Common.css"

Latest revision as of 07:13, 12 December 2019

/* CSS placed here will be applied to all skins */

@import url('https://fonts.googleapis.com/css?family=Aleo:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');

@font-face {
    font-family: Fontawesome;
    src: url("https://fotw.tretola.cc/FontAwesome.otf") format("opentype");
}

/* LINKS */

.vectorTabs #ca-watch.icon a{
background-image:none;
height: auto;
width: auto;
padding: 16px 0 0 0;
}

.vectorTabs #ca-watch.icon a:hover, .vectorTabs #ca-watch.icon a:focus{
background-image:none;
}

.vectorTabs #ca-watch.icon a:before{
font-family: "Fontawesome";
content: '\f006';
margin-right: 2px;
}

a, #mw-panel .portal .body li a, #mw-head a{
color: #6c9842;
}

a:visited, #mw-panel .portal .body li a:visited, #mw-head a:visited{
color: #4B6A2E;
}

a.new, #p-personal a.new, #mw-panel .portal .body li a.new, #mw-head #p-personal a.new, a.new:visited, #p-personal a.new:visited, #mw-panel .portal .body li a.new:visited, #mw-head #p-personal a.new:visited{	
color: #916943;
}

a.new:before{
content: '\f044';
font-family: "Fontawesome";
font-size: 90%;
margin-right: 1px;
color: #916943;
}

textarea{
outline: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

#mw-panel, #mw-head{
font-family: "Lato", sans-serif;
}

.mw-wiki-logo{
background-size: cover;
}

.vectorTabs, .vectorTabs a, .vectorTabs span, .vectorTabs ul, .vectorTabs ul li, .vectorTabs li, #mw-head .vectorMenu h3, .vectorTabs li.selected{
background-image: none;
}

.vectorTabs li.selected{
border-top: 2px solid #594f4f;
margin-top: -2px;
background-color: #fff;
}

.editButtons input{
font-family: "Aleo", serif;
}

h1, h2, h3, h4, h5, h6{
border-bottom-color: #594f4f;
}

.toc{
border-top: 2px solid #594f4f;
border-right:none;
border-bottom:none;
border-left:none;
padding: 15px;
font-style: italic;
}

.toc .toctitle{
text-align: left;
}

.toc .toctitle h2{
text-transform: uppercase;
color: #594f4f;
font-size: 18px;
}

.toc .toctext{
font-weight: 300;
}

.toc .tocnumber{
color: #594f4f;
}

.mw-body{
border: none;
margin-right: 15px;
}

.mw-body .selflink{
color: #594f4f;
font-weight: 600;
}

h1.firstHeading{
font-family: "Aleo", serif;
color: #594f4f;
}

.mw-body-content{
font-family: "Lato", sans-serif;
color: #333;
line-height: 1.4;
}

.mw-headline, #mw-pages h2, #mw-pages h3{
font-family: "Aleo", serif;
color: #594f4f;
}

.toctogglespan, .toctogglelabel{
font-family: "Lato", sans-serif;
font-weight: 300;
color: #594f4f;
font-style: italic;
}

.mw-editsection, .mw-editsection-like{
font-family: "Lato", sans-serif;
font-weight: 300;
color: #594f4f;
font-style: italic;
float: right;
padding-right: 15px;
}

.mw-editsection a, .mw-editsection-like a{
color: #594f4f;
}

div.thumbinner{
font-weight: 300;
font-style: italic;
border: none;
border-top: 2px solid #594f4f;
padding: 15px;
color: #594f4f;
}

#mw-imagepage-content{
background-color: #f8f9fa;
padding: 15px;
border-top: 2px solid #594f4f;
margin-top: 15px;
}

#mw-imagepage-content .mw-parser-output:before{
content: 'Description';
text-transform: uppercase;
color: #594f4f;
font-size: 18px;
font-style: italic;
font-weight: 600;
}

#catlinks{
border: none;
border-top: 2px solid #594f4f;
padding: 15px;
color: #594f4f;
}

/* SIDEBAR */
#n-Fifth-of-Trees a:before{
font-family:"Fontawesome";
content: '\f1bb';
margin-right: 5px;
}

#n-Forest-Regions a:before{
font-family:"Fontawesome";
content: '\f278';
margin-right: 5px;
}

#n-Silvans a:before{
font-family:"Fontawesome";
content: '\f047';
margin-right: 5px;
}

#n-mainpage-description a:before{
font-family:"Fontawesome";
content: '\f0ac';
margin-right: 5px;
}

#n-All-pages a:before{
font-family:"Fontawesome";
content: '\f02d';
margin-right: 5px;
}

table.regnav{
width: 100%;
font-size: 12px;
}

table.regnav td.rncat{
background-color: #eaecf0;
font-weight: 600;
text-align: center;
}

table.regnav ul{
margin: 0;
}

table.regnav ul li{
display: inline-block;
}

table.regnav ul li a, table.regnav ul li span{
vertical-align: middle;
}

table.regnav ul li:after{
content: "•";
padding: 0 2px 0 5px;
vertical-align: middle;
font-size: 10px;
}

table.regnav ul li:last-child:after{
display: none;
}

span.rnedit{
font-family: "Fontawesome";
font-size: 90%;
margin-right: 1px;
color: #916943;
float: left;
}

#footer-places-about, #footer-places-privacy, #footer-places-disclaimer{
display:none;
}