Difference between revisions of "MediaWiki:Common.css"
From Biohacking Wiki
(8 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 */ | ||
+ | |||
+ | .home-tagline { | ||
+ | font-size: 1.5em; | ||
+ | padding: 45px 15px; | ||
+ | font-style:italic; | ||
+ | text-align:center; | ||
+ | width:70%; | ||
+ | float:right; | ||
+ | } | ||
/* Infobox template style */ | /* Infobox template style */ | ||
.infobox { | .infobox { | ||
Line 81: | Line 90: | ||
border-radius: 5px; | border-radius: 5px; | ||
} | } | ||
+ | |||
.sidebox-title { | .sidebox-title { | ||
Line 99: | Line 109: | ||
color: #009688; | color: #009688; | ||
background: #e4e4e4; | background: #e4e4e4; | ||
− | font-size:1. | + | font-size:1.2rem; |
} | } | ||
Line 109: | Line 119: | ||
.sidebox h4 { | .sidebox h4 { | ||
display:block; | display:block; | ||
+ | font-size:0.9em; | ||
+ | font-weight:600; | ||
margin:0px; | margin:0px; | ||
padding:5px; | padding:5px; | ||
Line 114: | Line 126: | ||
color: #009688; | color: #009688; | ||
text-decoration:underline; | text-decoration:underline; | ||
+ | } | ||
+ | |||
+ | .sidebox-content-grid { | ||
+ | overflow:hidden; | ||
+ | display:grid; | ||
+ | grid-template-columns: 50% 50%; | ||
+ | |||
} | } | ||
.sidebox-content-right { | .sidebox-content-right { | ||
− | + | border-left: 1px solid #aaa; | |
− | + | ||
− | |||
} | } | ||
.sidebox-content-left { | .sidebox-content-left { | ||
− | + | ||
− | |||
− | |||
− | |||
} | } | ||
Latest revision as of 10:55, 11 July 2019
/* CSS placed here will be applied to all skins */ .home-tagline { font-size: 1.5em; padding: 45px 15px; font-style:italic; text-align:center; width:70%; float:right; } /* Infobox template style */ .infobox { border: 1px solid #a2a9b1; border-spacing: 3px; background-color: #f8f9fa; color: black; /* @noflip */ margin: 0.5em 0 0.5em 1em; padding: 0.2em; /* @noflip */ float: right; /* @noflip */ clear: right; font-size: 88%; line-height: 1.5em; } .infobox caption { font-size: 125%; font-weight: bold; padding: 0.2em; text-align: center; caption-side:top; } .infobox td, .infobox th { vertical-align: top; /* @noflip */ text-align: left; } .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { border: 1px solid #a2a9b1; } .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; } .infobox.sisterproject { width: 20em; font-size: 90%; } .infobox.standard-talk { border: 1px solid #c0c090; background-color: #f8eaba; } .infobox.standard-talk.bordered td, .infobox.standard-talk.bordered th { border: 1px solid #c0c090; } /* styles for bordered infobox with merged rows */ .infobox.bordered .mergedtoprow td, .infobox.bordered .mergedtoprow th { border: 0; border-top: 1px solid #a2a9b1; /* @noflip */ border-right: 1px solid #a2a9b1; } .infobox.bordered .mergedrow td, .infobox.bordered .mergedrow th { border: 0; /* @noflip */ border-right: 1px solid #a2a9b1; } .sidebox { background: #eee; border: 1px solid #aaa; float: right; margin: 0 0 1em 1em; /* padding: 1em; */ width: 400px; border-radius: 5px; } .sidebox-title { font-size: 1.2em; font-weight: bold; text-align: center; color: white; background: #009688; padding: 5px; } .sidebox-image { text-align: center; } .sidebox-heading, .sidebox-heading .mw-headline{ text-align: center; color: #009688; background: #e4e4e4; font-size:1.2rem; } .sidebox-heading h3 { margin: 0px; padding: 3px; } .sidebox h4 { display:block; font-size:0.9em; font-weight:600; margin:0px; padding:5px; text-align:center; color: #009688; text-decoration:underline; } .sidebox-content-grid { overflow:hidden; display:grid; grid-template-columns: 50% 50%; } .sidebox-content-right { border-left: 1px solid #aaa; } .sidebox-content-left { } .sidebox p { text-align: center; font-style: italic; } .sidebox th { text-align: right; vertical-align: top; width: 120px; color: #009688; } .sidebox td { vertical-align: top; text-align: center; font-style: italic; width: 100%; } .toc { display: inline-block !important; display:table; }