Difference between revisions of "MediaWiki:Common.css"
From OdleWiki
m (Added styling to portal pages) |
m (Changed Google Fonts from http to https) |
||
| (10 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
| − | @import url( | + | @import url(https://fonts.googleapis.com/css?family=Roboto:400,700,400italic,700italic); |
* {font-family: "Roboto", sans-serif;} | * {font-family: "Roboto", sans-serif;} | ||
| − | p, li {font-size: | + | div#content p, div#content li {font-size: 14px;} |
#toc *, .toc * {font-size: 1em;} | #toc *, .toc * {font-size: 1em;} | ||
| + | |||
| + | /* Repair top links too far to left */ | ||
| + | #left-navigation {margin-left: 12em;} | ||
| + | |||
code { | code { | ||
| Line 42: | Line 46: | ||
} | } | ||
| − | . | + | /* Add space to Atticus Finch category image */ |
| − | /* # | + | .page-Category_Atticus_Finch_Theme .thumbinner { |
| − | + | padding: 1em; | |
| + | } | ||
| + | .page-Category_Atticus_Finch_Theme .thumbimage { | ||
| + | border: none; | ||
| + | } | ||
| + | |||
| + | /* Hub box styling */ | ||
| + | .mainpage_hubbox { | ||
| + | box-sizing: border-box; | ||
| + | border: solid 1px #bbb; | ||
| + | float: left; | ||
| + | width: 32%; | ||
| + | width: calc(98% /3); | ||
| + | margin: 0.5%; | ||
| + | } | ||
| + | |||
| + | .mainpage_hubbox:first-child { | ||
| + | margin-left: 0; | ||
| + | } | ||
| + | |||
| + | .mainpage_hubbox:last-child { | ||
| + | margin-right: 0; | ||
| + | } | ||
| + | |||
| + | |||
| + | .mainpage_boxtitle { | ||
| + | font-size: 105%; | ||
| + | padding: 0.4em; | ||
| + | background-color: #eeeeee; | ||
| + | font-weight: bold; | ||
| + | min-height: 2em; | ||
| + | vertical-align: middle; | ||
| + | text-align: center; | ||
| + | } | ||
| + | |||
| + | .mainpage_boxtitle h3, | ||
| + | .mainpage_boxtitle h4 { | ||
| + | padding-top: 0; | ||
| + | margin-top: 0; | ||
| + | |||
| + | } | ||
| + | |||
| + | .mw-parser-output .mainpage_boxcontents { | ||
| + | background: #ffffff; | ||
| + | padding: 0.2em 0.4em; | ||
| + | } | ||
Latest revision as of 23:58, 25 September 2018
/* CSS placed here will be applied to all skins */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,400italic,700italic);
* {font-family: "Roboto", sans-serif;}
div#content p, div#content li {font-size: 14px;}
#toc *, .toc * {font-size: 1em;}
/* Repair top links too far to left */
#left-navigation {margin-left: 12em;}
code {
background: #f6f6f6;
color: #000066;
padding: 18px
margin: 12px 12px 12px 0;
}
.coltwo {
-moz-column-count:2; /* Firefox */
-webkit-column-count:2; /* Safari and Chrome */
column-count:2;
}
.colthree {
-moz-column-count:3; /* Firefox */
-webkit-column-count:3; /* Safari and Chrome */
column-count:3;
}
.colfour {
-moz-column-count:4; /* Firefox */
-webkit-column-count:4; /* Safari and Chrome */
column-count:4;
}
.sample {
border: solid 1px #9999ff;
margin: 0px;
padding: 10px;
}
.ns-200 div#Content {
background: #fafaff;
}
/* Add space to Atticus Finch category image */
.page-Category_Atticus_Finch_Theme .thumbinner {
padding: 1em;
}
.page-Category_Atticus_Finch_Theme .thumbimage {
border: none;
}
/* Hub box styling */
.mainpage_hubbox {
box-sizing: border-box;
border: solid 1px #bbb;
float: left;
width: 32%;
width: calc(98% /3);
margin: 0.5%;
}
.mainpage_hubbox:first-child {
margin-left: 0;
}
.mainpage_hubbox:last-child {
margin-right: 0;
}
.mainpage_boxtitle {
font-size: 105%;
padding: 0.4em;
background-color: #eeeeee;
font-weight: bold;
min-height: 2em;
vertical-align: middle;
text-align: center;
}
.mainpage_boxtitle h3,
.mainpage_boxtitle h4 {
padding-top: 0;
margin-top: 0;
}
.mw-parser-output .mainpage_boxcontents {
background: #ffffff;
padding: 0.2em 0.4em;
}
