Difference between revisions of "MediaWiki:Common.css"
From A Wiki in the Desert
m (Adding a basic CSS helper for announcements at the top of a page) |
m (Updating in preparation for new Infobox templates) |
||
Line 27: | Line 27: | ||
font-weight: bold; | 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; | ||
+ | } | ||
+ | |||
+ | .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; | ||
+ | } | ||
+ | |||
.announcement { | .announcement { | ||
background-color: white; | background-color: white; |
Revision as of 11:16, 21 November 2018
.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;
}
.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;
}
.announcement {
background-color: white;
text-align: center;
border: 2px dotted darkgray;
margin: 1rem auto;
}