Difference between revisions of "MediaWiki:Common.css"
From Biohacking Wiki
| (23 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 73: | Line 82: | ||
.sidebox { | .sidebox { | ||
| − | + | background: #eee; | |
| − | + | border: 1px solid #aaa; | |
| − | + | float: right; | |
| − | + | margin: 0 0 1em 1em; | |
| − | padding: 1em; | + | /* padding: 1em; */ |
| − | + | width: 400px; | |
| + | border-radius: 5px; | ||
} | } | ||
| + | |||
| + | |||
.sidebox-title { | .sidebox-title { | ||
| − | + | font-size: 1.2em; | |
| − | + | font-weight: bold; | |
| + | text-align: center; | ||
| + | color: white; | ||
| + | background: #009688; | ||
| + | padding: 5px; | ||
} | } | ||
| + | |||
.sidebox-image { | .sidebox-image { | ||
| − | text-align: center; | + | 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 { | .sidebox th { | ||
| − | + | text-align: right; | |
| − | + | vertical-align: top; | |
| − | + | width: 120px; | |
| + | color: #009688; | ||
} | } | ||
| + | |||
.sidebox td { | .sidebox td { | ||
| − | + | vertical-align: top; | |
| + | text-align: center; | ||
| + | font-style: italic; | ||
| + | width: 100%; | ||
| + | } | ||
| + | |||
| + | .toc { | ||
| + | display: inline-block !important; | ||
| + | display:table; | ||
} | } | ||
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;
}