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)
Line 1: Line 1:
@import url('https://fonts.googleapis.com/css?family=Crimson+Pro&display=swap');
+
@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
  
 
/* Language Bar Styles */
 
/* Language Bar Styles */
Line 5: Line 5:
 
.language-bar {
 
.language-bar {
 
     position: absolute;
 
     position: absolute;
     top: 1.5em;
+
     top: 1.65em;
 
     right: 1.6em;
 
     right: 1.6em;
 
     border: 1px solid black;
 
     border: 1px solid black;
Line 34: Line 34:
 
 
 
   .language-bar {
 
   .language-bar {
   top: 1.1em;
+
   top: 1.25em;
 
   }
 
   }
 
 
Line 43: Line 43:
 
   .language-bar {
 
   .language-bar {
 
     font-size: 0.8em;
 
     font-size: 0.8em;
   top: 3.4em;
+
   top: 3.6em;
     right: 1.9em;
+
     right: 1.95em;
 
   }
 
   }
 
    
 
    

Revision as of 23:13, 7 August 2019

@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');

/* Language Bar Styles */

.language-bar {
    position: absolute;
    top: 1.65em;
    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.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 {
    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;
}