Difference between revisions of "MediaWiki:Common.css"
From A Wiki in the Desert
m (Added some subtle formatting to the "samp" tag which will be used by the Menu template) |
|||
Line 1: | Line 1: | ||
+ | @import url('https://fonts.googleapis.com/css?family=Crimson+Pro&display=swap'); | ||
+ | |||
/* Language Bar Styles */ | /* Language Bar Styles */ | ||
.language-bar { | .language-bar { | ||
− | position: | + | position: absolute; |
− | top: | + | top: 1.5em; |
− | + | right: 1.6em; | |
border: 1px solid black; | border: 1px solid black; | ||
border-spacing: 0; | border-spacing: 0; | ||
+ | background-color: white; | ||
} | } | ||
.language-bar td.top { | .language-bar td.top { | ||
Line 25: | Line 28: | ||
border-top: 1px solid #888; | border-top: 1px solid #888; | ||
} | } | ||
+ | |||
+ | /* Language Bar - Reponsive */ | ||
+ | |||
+ | @media (max-width: 1000px) and (min-width: 601px) { | ||
+ | |||
+ | .language-bar { | ||
+ | top: 1.1em; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | |||
+ | @media (max-width: 600px) { | ||
+ | |||
+ | .language-bar { | ||
+ | font-size: 0.8em; | ||
+ | top: 3.4em; | ||
+ | right: 1.9em; | ||
+ | } | ||
+ | |||
+ | body.page-Main_Page .language-bar { | ||
+ | top: 1.3em; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | |||
/* Infobox Styles */ | /* Infobox Styles */ |
Revision as of 02:01, 7 August 2019
@import url('https://fonts.googleapis.com/css?family=Crimson+Pro&display=swap');
/* Language Bar Styles */
.language-bar {
position: absolute;
top: 1.5em;
right: 1.6em;
border: 1px solid black;
border-spacing: 0;
background-color: white;
}
.language-bar td.top {
height: 0.2em;
background: #aaa;
border-bottom: 1px solid #888;
}
.language-bar td.language {
border-left: 1px solid #888;
padding: 0 1em;
}
.language-bar td.english {
border-left: none;
}
.language-bar td.bottom {
height: 0.2em;
background: #aaa;
border-top: 1px solid #888;
}
/* Language Bar - Reponsive */
@media (max-width: 1000px) and (min-width: 601px) {
.language-bar {
top: 1.1em;
}
}
@media (max-width: 600px) {
.language-bar {
font-size: 0.8em;
top: 3.4em;
right: 1.9em;
}
body.page-Main_Page .language-bar {
top: 1.3em;
}
}
/* 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;
}