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 (Changing fonts to Montserrat)
m (Reverting to styles from before skin change)
Line 1: Line 1:
@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
 
 
 
/* Language Bar Styles */
 
/* Language Bar Styles */
  
 
.language-bar {
 
.language-bar {
     position: absolute;
+
     position: relative;
     top: 1.65em;
+
     top: -4em;
     right: 1.6em;
+
     float: right;
 
     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 28: Line 25:
 
     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.25em;
 
  }
 
 
}
 
 
@media (max-width: 600px) {
 
 
  .language-bar {
 
    font-size: 0.8em;
 
  top: 3.6em;
 
    right: 1.95em;
 
  }
 
 
 
  body.page-Main_Page .language-bar {
 
    top: 1.3em;
 
  }
 
 
 
}
 
 
  
 
/* Infobox Styles */
 
/* Infobox Styles */

Revision as of 17:46, 19 August 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;
}