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;
}