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 some subtle formatting to the "samp" tag which will be used by the Menu template)
Line 1: Line 1:
 +
@import url('https://fonts.googleapis.com/css?family=Crimson+Pro&display=swap');
 +
 
/* Language Bar Styles */
 
/* Language Bar Styles */
  
 
.language-bar {
 
.language-bar {
     position: relative;
+
     position: absolute;
     top: -4em;
+
     top: 1.5em;
     float: right;
+
     right: 1.6em;
 
     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 25: Line 28:
 
     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.1em;
 +
  }
 +
 +
}
 +
 +
@media (max-width: 600px) {
 +
 +
  .language-bar {
 +
    font-size: 0.8em;
 +
  top: 3.4em;
 +
    right: 1.9em;
 +
  }
 +
 
 +
  body.page-Main_Page .language-bar {
 +
    top: 1.3em;
 +
  }
 +
 
 +
}
 +
  
 
/* Infobox Styles */
 
/* Infobox Styles */

Revision as of 02:01, 7 August 2019

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

/* Language Bar Styles */

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

@media (max-width: 600px) {

  .language-bar {
    font-size: 0.8em;
  	top: 3.4em;
    right: 1.9em;
  }
  
  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;
}