Difference between revisions of "MediaWiki:Common.css"
From A Wiki in the Desert
m (Changing fonts to Montserrat) |
(Updated styling for new language functions) |
||
Line 4: | Line 4: | ||
.language-bar { | .language-bar { | ||
− | |||
− | |||
− | |||
border: 1px solid black; | border: 1px solid black; | ||
− | |||
background-color: white; | background-color: white; | ||
+ | position: relative; | ||
+ | top: 1.05em; | ||
} | } | ||
− | .language-bar | + | |
− | + | body.page-Main_Page .language-bar { | |
− | + | top: 0; | |
− | |||
} | } | ||
− | .language-bar | + | |
− | + | .language-bar li:last-child { | |
− | + | border: 0; | |
} | } | ||
− | . | + | |
− | + | .interlanguage-link { | |
− | + | float: left; | |
− | + | margin: 0.4em 0; | |
− | + | padding: 0 0.6em; | |
− | + | border-right: 1px solid #b3a270; | |
− | |||
} | } | ||
− | + | @media (max-width: 1000px) { | |
− | |||
− | |||
.language-bar { | .language-bar { | ||
− | top: | + | top: 0.55em; |
+ | } | ||
+ | |||
+ | body.page-Main_Page .language-bar { | ||
+ | top: 0; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | |||
+ | @media (max-width: 820px) { | ||
+ | |||
+ | body.page-Main_Page .language-bar { | ||
+ | top: 2em; | ||
} | } | ||
− | + | ||
} | } | ||
Line 42: | Line 48: | ||
.language-bar { | .language-bar { | ||
− | + | top: 5em; | |
− | top: | + | } |
− | + | ||
+ | #small-toolbox-wrapper { | ||
+ | width: 4.1em; | ||
} | } | ||
body.page-Main_Page .language-bar { | body.page-Main_Page .language-bar { | ||
− | top: | + | top: 0; |
} | } | ||
+ | } | ||
+ | |||
+ | #elang-selector-container { | ||
+ | float: right; | ||
+ | } | ||
+ | |||
+ | #elang-selector-label { | ||
+ | display: inline-block; | ||
+ | margin-right: 0.5em; | ||
} | } | ||
Revision as of 20:35, 28 August 2019
@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
/* Language Bar Styles */
.language-bar {
border: 1px solid black;
background-color: white;
position: relative;
top: 1.05em;
}
body.page-Main_Page .language-bar {
top: 0;
}
.language-bar li:last-child {
border: 0;
}
.interlanguage-link {
float: left;
margin: 0.4em 0;
padding: 0 0.6em;
border-right: 1px solid #b3a270;
}
@media (max-width: 1000px) {
.language-bar {
top: 0.55em;
}
body.page-Main_Page .language-bar {
top: 0;
}
}
@media (max-width: 820px) {
body.page-Main_Page .language-bar {
top: 2em;
}
}
@media (max-width: 600px) {
.language-bar {
top: 5em;
}
#small-toolbox-wrapper {
width: 4.1em;
}
body.page-Main_Page .language-bar {
top: 0;
}
}
#elang-selector-container {
float: right;
}
#elang-selector-label {
display: inline-block;
margin-right: 0.5em;
}
/* Infobox Styles */
.infobox {
float: right;
margin: 0 0 0.5em 1em;
width: 256px;
clear: right;
background-color: #f8f9fa;
border: 1px solid darkgray;
font-size: 0.9em;
color: black;
padding: 0;
clear: right
}
.infobox td,
.infobox th {
vertical-align: top
}
.ibname {
color: #000;
font-size: larger;
font-weight: bold;
}
td.ibimage {
padding: 0
}
.ibtype {
color: #000;
font-weight: bold;
}
.ib-stacked th {
text-align: left;
}
.ib-stacked td {
padding-left: 1em;
}
.ib-architecture {
background-color: #fae9d9;
border: 1px solid #6e5240;
}
.ib-art-and-music {
background-color: #faebed;
border: 1px solid #534963;
}
.ib-harmony {
background-color: #faf4ca;
border: 1px solid #b7986d;
}
.ib-leadership {
background-color: #fac5b9;
border: 1px solid #903540;
}
.ib-the-human-body {
background-color: #fae7c5;
border: 1px solid #bf842b;
}
.ib-thought {
background-color: #d2eefa;
border: 1px solid #4674b8;
}
.ib-worship {
background-color: #d4faed;
border: 1px solid #49745f;
}
.ib-architecture .ibname,
.ib-architecture .ibtype,
.ib-architecture .ib-tabulated th {
background-color: #b49478;
}
.ib-art-and-music .ibname,
.ib-art-and-music .ibtype,
.ib-art-and-music .ib-tabulated th {
background-color: #9c858c;
}
.ib-harmony .ibname,
.ib-harmony .ibtype,
.ib-harmony .ib-tabulated th {
background-color: #ede39b;
}
.ib-leadership .ibname,
.ib-leadership .ibtype,
.ib-leadership .ib-tabulated th {
background-color: #e1876e;
}
.ib-the-human-body .ibname,
.ib-the-human-body .ibtype,
.ib-the-human-body .ib-tabulated th {
background-color: #e8cb99;
}
.ib-thought .ibname,
.ib-thought .ibtype,
.ib-thought .ib-tabulated th {
background-color: #739dae;
}
.ib-worship .ibname,
.ib-worship .ibtype,
.ib-worship .ib-tabulated th {
background-color: #84c0aa;
}
.ib-item .ibname,
.ib-item .ibtype,
.ib-item .ib-tabulated th {
background-color: #060;
color: #fff;
}
.ib-building .ibname,
.ib-building .ibtype,
.ib-building .ib-tabulated th {
background-color: #057;
color: #fff;
}
.ibname,
.ibtype,
.ib-tabulated th {
background-color: #ccc;
}
.ib-architecture .ib-tabulated {
width: 100%;
border-collapse: collapse;
background-color: #fae9d9;
}
.ib-art-and-music .ib-tabulated {
width: 100%;
border-collapse: collapse;
background-color: #faebed;
}
.ib-harmony .ib-tabulated {
width: 100%;
border-collapse: collapse;
background-color: #faf4ca;
}
.ib-leadership .ib-tabulated {
width: 100%;
border-collapse: collapse;
background-color: #fac5b9;
}
.ib-the-human-body .ib-tabulated {
width: 100%;
border-collapse: collapse;
background-color: #fae7c5;
}
.ib-thought .ib-tabulated {
width: 100%;
border-collapse: collapse;
background-color: #d2eefa;
}
.ib-worship .ib-tabulated {
width: 100%;
border-collapse: collapse;
background-color: #d4faed;
}
.ib-tabulated {
width: 100%;
border-collapse: collapse;
background-color: #f8f9fa;
}
.ib-tabulated-left {
border-style: solid;
border-width: 1px 0;
padding: 0 0.5em;
}
.ib-tabulated-right {
border-style: solid;
border-width: 1px 0;
padding: 0 0.5em;
text-align: right;
}
.ib-architecture .ib-tabulated td {
border-color: #6e5240;
}
.ib-art-and-music .ib-tabulated td {
border-color: #534963;
}
.ib-harmony .ib-tabulated td {
border-color: #b7986d;
}
.ib-leadership .ib-tabulated td {
border-color: #903540;
}
.ib-the-human-body .ib-tabulated td {
border-color: #bf842b;
}
.ib-thought .ib-tabulated td {
border-color: #4674b8;
}
.ib-worship .ib-tabulated td {
border-color: #49745f;
}
.ib-tabulated td {
border-color: darkgray;
}
.ib-row {
width: 100%;
border-collapse: collapse;
}
.ib-row th,
.ib-row td {
width: 50%;
}
.ib-row th {
text-align: left;
}
.announcement {
background-color: white;
text-align: center;
border: 2px dotted darkgray;
margin: 1rem auto;
}
.ib-factions {
width: 100%;
}
.ib-factions td {
width: 33.33%;
text-align: center;
vertical-align: middle;
}
/* Miscellaneous Styles */
samp {
background-color: #fbfcfc;
}