Difference between revisions of "MediaWiki:Common.css"

Latest revision as of 18:26, 7 May 2021

@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;
    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: #f2ebe6;
    border: 1px solid #805940;
}
.ib-art-and-music {
    background-color: #f0e6f2;
    border: 1px solid #504080;
}
.ib-harmony {
    background-color: #faf4ca;
    border: 1px solid #b7986d;
}
.ib-leadership {
    background-color: #fac5b9;
    border: 1px solid #903540;
}
.ib-natural-philosophy {
    background-color: #f2e6e8;
    border: 1px solid #804048;
}
.ib-the-human-body {
    background-color: #f2f1e6;
    border: 1px solid #805c40;
}
.ib-thought {
    background-color: #de6f1f2;
    border: 1px solid #406480;
}
.ib-worship {
    background-color: #e6f2ed;
    border: 1px solid #408064;
}

.ib-architecture .ibname, 
.ib-architecture .ibtype,
.ib-architecture .ib-tabulated th {
    background-color: #e5ad8a;
}

.ib-art-and-music .ibname,
.ib-art-and-music .ibtype,
.ib-art-and-music .ib-tabulated th  {
    background-color: #b08ae5;
}

.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-natural-philosophy .ibname,
.ib-natural-philosophy .ibtype,
.ib-natural-philosophy .ib-tabulated th  {
    background-color: #e58a94;
}

.ib-the-human-body .ibname,
.ib-the-human-body .ibtype,
.ib-the-human-body .ib-tabulated th  {
    background-color: #e5c18a;
}

.ib-thought .ibname,
.ib-thought .ibtype,
.ib-thought .ib-tabulated th  {
    background-color: #8ac5e5;
}

.ib-worship .ibname,
.ib-worship .ibtype,
.ib-worship .ib-tabulated th  {
    background-color: #8ae5b9;
}

.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;
}

.ib-task .ibname,
.ib-task .ibtype,
.ib-task .ib-tabulated th  {
    background-color: #900;
    color: #fff;
}

.ibname, 
.ibtype,
.ib-tabulated th {
    background-color: #ccc;
}

.ib-architecture .ib-tabulated {
    width: 100%;
    border-collapse: collapse;
    background-color: #f2ebe6;
}

.ib-art-and-music .ib-tabulated {
    width: 100%;
    border-collapse: collapse;
    background-color: #f0e6f2;
}

.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-natural-philosophy .ib-tabulated {
    width: 100%;
    border-collapse: collapse;
    background-color: #f2e6e8;
}

.ib-the-human-body .ib-tabulated {
    width: 100%;
    border-collapse: collapse;
    background-color: #f2f1e6;
}

.ib-thought .ib-tabulated {
    width: 100%;
    border-collapse: collapse;
    background-color: #e6f1f2;
}

.ib-worship .ib-tabulated {
    width: 100%;
    border-collapse: collapse;
    background-color: #e6f2ed;
}

.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: #805940;
}

.ib-art-and-music .ib-tabulated td {
    border-color: #504080;
}

.ib-harmony .ib-tabulated td {
    border-color: #b7986d;
}

.ib-leadership .ib-tabulated td {
    border-color: #903540;
}

.ib-natural-philosophy .ib-tabulated td {
    border-color: #804048;
}

.ib-the-human-body .ib-tabulated td {
    border-color: #805c40;
}

.ib-thought .ib-tabulated td {
    border-color: #406480;
}

.ib-worship .ib-tabulated td {
    border-color: #408064;
}

.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;
}

/* Verification System */

.verification {
    position: relative;
    top: 1.05em;
    padding: 0.4em 0.6em;
    margin: 0 0.4em;
}

v {
    color: #155724;
    background-color: #d4edda;
    border: 1px solid transparent;
    border-color: #c3e6cb;
	border-radius: 0.8em;
	-moz-border-radius: 0.8em;
	-webkit-border-radius: 0.8em;
	display: inline-block;
	font-weight: bold;
	line-height: 1.2em;
	margin-right: 3px;
	text-align: center;
	width: 1.2em; 
}

uv {
    color: #721c24;
    background-color: #f8d7da;
    border: 1px solid transparent;
    border-color: #f5c6cb;
	border-radius: 0.8em;
	-moz-border-radius: 0.8em;
	-webkit-border-radius: 0.8em;
	display: inline-block;
	font-weight: bold;
	line-height: 1.2em;
	margin-right: 3px;
	text-align: center;
	width: 1.2em; 
}

v-h {
    color: #155724;
    background-color: #d4edda;
    border: 1px solid transparent;
    border-radius: .25rem;
    border-color: #c3e6cb;
    padding: 0 0.2em;
}

v-h::before {
	content: "\2713  ";
	font-weight: bold;
}

uv-h {
    color: #721c24;
    background-color: #f8d7da;
    border: 1px solid transparent;
    border-radius: .25rem;
    border-color: #f5c6cb;
    padding: 0 0.2em;
}

uv-h::before {
	content: "?  ";
	font-weight: bold;
}

.verified-0 {
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
}
.verified-0 a {
    color: #721c24;
}
.verified-5 {
    background-color: #f9d9d9;
    border: 1px solid #f6c8ca;
}
.verified-5 a {
    color: #742022;
}
.verified-10 {
    background-color: #fadbd8;
    border: 1px solid #f7ccc8;
}
.verified-10 a {
    color: #76261f;
}
.verified-15 {
    background-color: #fbded6;
    border: 1px solid #f9d0c6;
}
.verified-15 a {
    color: #7a2e1b;
}
.verified-20 {
    background-color: #fce1d5;
    border: 1px solid #fbd4c4;
}
.verified-20 a {
    color: #7e3617;
}
.verified-25 {
    background-color: #fee5d3;
    border: 1px solid #fdd9c2;
}
.verified-25 a {
    color: #823f13;
}
.verified-30 {
    background-color: #ffe8d1;
    border: 1px solid #ffdec0;
}
.verified-30 a {
    color: #85470f;
}
.verified-35 {
    background-color: #ffebd0;
    border: 1px solid #ffe3be;
}
.verified-35 a {
    color: #85500b;
}
.verified-40 {
    background-color: #ffeecf;
    border: 1px solid #ffe7bc;
}
.verified-40 a {
    color: #855708;
}
.verified-45 {
    background-color: #fff3cd;
    border: 1px solid #ffeabb;
}
.verified-45 a {
    color: #856404;
}
.verified-50 {
    background-color: #fef3cd;
    border: 1px solid #feeeba;
}
.verified-50 a {
    color: #826404;
}
.verified-55 {
    background-color: #fbf3ce;
    border: 1px solid #faeebb;
}
.verified-55 a {
    color: #7b6405;
}
.verified-60 {
    background-color: #f7f3cf;
    border: 1px solid #f4eebc;
}
.verified-60 a {
    color: #716408;
}
.verified-65 {
    background-color: #f3f3d0;
    border: 1px solid #eeeebe;
}
.verified-65 a {
    color: #65640b;
}
.verified-70 {
    background-color: #eef2d1;
    border: 1px solid #e7eec0;
}
.verified-70 a {
    color: #58640f;
}
.verified-75 {
    background-color: #e9f1d3;
    border: 1px solid #e0ecc2;
}
.verified-75 a {
    color: #4b6113;
}
.verified-80 {
    background-color: #e3f0d5;
    border: 1px solid #d9ebc4;
}
.verified-80 a {
    color: #3d5f17;
}
.verified-85 {
    background-color: #dfefd6;
    border: 1px solid #d2e9c6;
}
.verified-85 a {
    color: #315c1b;
}
.verified-90 {
    background-color: #daeed8;
    border: 1px solid #cce8c8;
}
.verified-90 a {
    color: #255a1f;
}
.verified-95 {
    background-color: #d7edd9;
    border: 1px solid #c7e7ca;
}
.verified-95 a {
    color: #1c5822;
}
.verified-100 {
    background-color: #d4edda;
    border: 1px solid #c3e6cb;
}
.verified-100 a {
    color: #155724;
}
.verfified-full {
    background-color: #cce5ff;
    border: 1px solid #b8daff;
}
.verfified-full a {
    color: #004085;
}

@media (max-width: 1000px) {

  .verification {
  	top: 0.55em;
  }
  
}

@media (max-width: 600px) {

  .verification {
  	top: 5em;
  }
  
}

/* Miscellaneous Styles */

samp {
	background-color: #fbfcfc;
}

#mw-indicator-smw-entity-examiner {
	display: none;
}