The Wiki for Tale 8 is in read-only mode and is available for archival and reference purposes only. Please visit the current Tale 11 Wiki in the meantime.
If you have any issues with this Wiki, please post in #wiki-editing on Discord or contact Brad in-game.
Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
m (Adding a basic CSS helper for announcements at the top of a page) |
m |
||
(14 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
+ | /* Language Bar Styles */ | ||
+ | |||
+ | .language-bar { | ||
+ | position: relative; | ||
+ | top: -4em; | ||
+ | float: right; | ||
+ | border: 1px solid black; | ||
+ | border-spacing: 0; | ||
+ | } | ||
+ | .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; | ||
+ | } | ||
+ | |||
+ | /* Infobox Styles */ | ||
+ | |||
.infobox { | .infobox { | ||
float: right; | float: right; | ||
Line 27: | Line 56: | ||
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; | ||
+ | } | ||
+ | |||
+ | .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 { | .announcement { | ||
background-color: white; | background-color: white; | ||
Line 32: | Line 267: | ||
border: 2px dotted darkgray; | border: 2px dotted darkgray; | ||
margin: 1rem auto; | 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; | ||
+ | } | ||
+ | |||
+ | #mw-indicator-smw-entity-examiner { | ||
+ | display: none; | ||
} | } |
Latest revision as of 00:46, 5 May 2021
/* Language Bar Styles */
.language-bar {
position: relative;
top: -4em;
float: right;
border: 1px solid black;
border-spacing: 0;
}
.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;
}
/* 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;
}
#mw-indicator-smw-entity-examiner {
display: none;
}