A Wiki in the Desert
Log in

Difference between revisions of "MediaWiki:Common.css"

From A Wiki in the Desert
m (Changing fonts to Montserrat)
(Updated styling for new language functions)
Line 4: Line 4:
  
 
.language-bar {
 
.language-bar {
    position: absolute;
 
    top: 1.65em;
 
    right: 1.6em;
 
 
     border: 1px solid black;
 
     border: 1px solid black;
    border-spacing: 0;
 
 
     background-color: white;
 
     background-color: white;
 +
    position: relative;
 +
    top: 1.05em;
 
}
 
}
.language-bar td.top {
+
 
    height: 0.2em;
+
body.page-Main_Page .language-bar {
    background: #aaa;
+
  top: 0;
    border-bottom: 1px solid #888;
 
 
}
 
}
.language-bar td.language {
+
 
    border-left: 1px solid #888;
+
.language-bar li:last-child {
    padding: 0 1em;
+
border: 0;
 
}
 
}
.language-bar td.english {
+
 
    border-left: none;
+
.interlanguage-link {
}
+
float: left;
.language-bar td.bottom {
+
     margin: 0.4em 0;
     height: 0.2em;
+
     padding: 0 0.6em;
     background: #aaa;
+
border-right: 1px solid #b3a270;
    border-top: 1px solid #888;
 
 
}
 
}
  
/* Language Bar - Reponsive */
+
@media (max-width: 1000px) {
  
@media (max-width: 1000px) and (min-width: 601px) {
 
 
 
   .language-bar {
 
   .language-bar {
   top: 1.25em;
+
   top: 0.55em;
 +
  }
 +
 
 +
  body.page-Main_Page .language-bar {
 +
    top: 0;
 +
  }
 +
 
 +
}
 +
 
 +
@media (max-width: 820px) {
 +
 
 +
  body.page-Main_Page .language-bar {
 +
    top: 2em;
 
   }
 
   }
+
 
 
}
 
}
  
Line 42: Line 48:
  
 
   .language-bar {
 
   .language-bar {
    font-size: 0.8em;
+
   top: 5em;
   top: 3.6em;
+
  }
     right: 1.95em;
+
 
 +
  #small-toolbox-wrapper {
 +
     width: 4.1em;
 
   }
 
   }
 
    
 
    
 
   body.page-Main_Page .language-bar {
 
   body.page-Main_Page .language-bar {
     top: 1.3em;
+
     top: 0;
 
   }
 
   }
 
    
 
    
 +
}
 +
 +
#elang-selector-container {
 +
  float: right;
 +
}
 +
 +
#elang-selector-label {
 +
  display: inline-block;
 +
  margin-right: 0.5em;
 
}
 
}
  

Revision as of 20:35, 28 August 2019

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

/* Language Bar Styles */

.language-bar {
    border: 1px solid black;
    background-color: white;
    position: relative;
    top: 1.05em;
}

body.page-Main_Page .language-bar {
  top: 0;
}

.language-bar li:last-child {
	border: 0;
}

.interlanguage-link {
	float: left;
    margin: 0.4em 0;
    padding: 0 0.6em;
	border-right: 1px solid #b3a270;
}

@media (max-width: 1000px) {

  .language-bar {
  	top: 0.55em;
  }
  
  body.page-Main_Page .language-bar {
    top: 0;
  }
  
}

@media (max-width: 820px) {
  
  body.page-Main_Page .language-bar {
    top: 2em;
  }
  
}

@media (max-width: 600px) {

  .language-bar {
  	top: 5em;
  }
  
  #small-toolbox-wrapper {
    width: 4.1em;
  }
  
  body.page-Main_Page .language-bar {
    top: 0;
  }
  
}

#elang-selector-container {
  float: right;
}

#elang-selector-label {
  display: inline-block;
  margin-right: 0.5em;
}


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