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"

From A Wiki in the Desert
Jump to navigation Jump to search
m (Added styles for the Language bar (see Template:Languages))
m (Added some subtle formatting to the "samp" tag which will be used by the Menu template)
Line 277: Line 277:
 
text-align: center;
 
text-align: center;
 
vertical-align: middle;
 
vertical-align: middle;
 +
}
 +
 +
/* Miscellaneous Styles */
 +
 +
samp {
 +
background-color: #fbfcfc;
 
}
 
}

Revision as of 12:59, 16 January 2019

/* 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;
}