Difference between revisions of "MediaWiki:Common.css"
From OdleWiki
m |
m (Changed Google Fonts from http to https) |
||
(30 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(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 { | code { | ||
background: #f6f6f6; | background: #f6f6f6; | ||
− | color: # | + | color: #000066; |
padding: 18px | padding: 18px | ||
margin: 12px 12px 12px 0; | 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; | ||
} | } |
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; }