MediaWiki:Common.css
From Biohacking Wiki
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* 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;
}