MediaWiki:Common.css: Difference between revisions

Help

Revision as of 20:41, 5 July 2023

@import url("https://fonts.googleapis.com/css?family=Noto+Sans|BioRhyme|Rubik|Architects+Daughter");

/***** CSS placed here will be applied to all skins on the entire site. *****/
/*Main Site Font*/
body, .category-gallery-item .snippet .text, wikia-button, .wikia-single-button a, .wikia-menu-button, input, .button, button, select, tabbernav {font-family:Rubik;line-height: 27px;}

.toc, #toc { 
	background-color: #f2e5bb; 
}

div.thumbinner{ 
	background-color: #f2e5bb; 
}
li.gallerybox div.thumb{
	background-color:transparent;
	border:0;
}

body{
	background-image: url("/images/backgroundimage.png");
}

span.keeptogether {
  white-space: nowrap ;
} 

#mw-page-base{
	background-image: url("/images/backgroundimage.png");
}

#.mw-page-container{
    background-color: #cebe8a;
}

#content{
	background-color: #cebe8a;
}

#content h1{
	font-family:"Rubik", Light;
	display: contents;
}
#content h2,
#content h3 {
	font-family: "BioRhyme", regular;
}

.infobox {
    background: #cebe8a;
    border: 1px solid #cebe8a;
    float: right;
    margin: 0 0 1em 1em;
    padding: 1em;
    width: 400px;
    box-sizing:border-box;
}
.infobox-title {
    font-size: 2em;
    text-align: center;
    background:#492320;
    color: white;
}
.infobox-image {
    text-align: center;
}
.infobox th {
    text-align: right;
    vertical-align: top;
    width: 120px;
}
.infobox td {
    vertical-align: top;
}

.wikitable{
	border: 0;
}

/*header rows in wikitable*/
table.wikitable th{
 background: #c0b180;
 padding:5px;
 border-left: 0 solid #cebe8a;
 border-right: 0 solid #cebe8a;
 border-top: 1px solid #A99D76;
 border-bottom: 1px solid #A99D76;
}

/*Item Rows in wiki Table*/
table.wikitable td{
 background: #CABA87;
 border-left: 0 solid #cebe8a;
 border-right: 0 solid #cebe8a;
 border-top: 1px solid #A99D76;
 border-bottom: 1px solid #A99D76;
}

blockquote{
	display:inline-block;
	background-image: url("/images/backgroundimage.png");
	font-family:"Architects Daughter", regular;
	filter: drop-shadow(0 0.2rem 0.25rem rgba(0, 0, 0, 0.2));
	width:fit-content(20em);
	border:none;
}


#audio { width: 30px; height: 30px;}

 .wds-dropdown {
  position:relative;
  display:flex;
  height:100%;
  background: #cebe8a;
  border-radius: 15px 15px 0px 0px;
 }
 
 
/*** THE BELOW RETHEMES THE WIKI FOR CR TAGGED PAGES TO DIFFERENTIATE THE ERAS ***/
.cat-CR {
 	background-image: url("/images/backgroundimagecr.jpg");
 }
.cat-CR #content{
	background-color: #b9b9b9;
}
.cat-CR #mw-content{
	background-color: #b9b9b9;
}
.cat-CR .cosmos-header::before{ 
	background: linear-gradient(to bottom,transparent,#b9b9b9);
}
.cat-CR .wds-dropdown{
	background-color: #b9b9b9;	
}
.cat-CR .toc, .cat-CR #toc{
	background-color: #ffffff;
}
.cat-CR .infobox{
	background: #ffffff;
}
.cat-CR .infobox-title{
	background: #000000;
}
.cat-CR #catlinks{
	background: #ffffff
}
.cat-CR #cosmos-banner {
	filter: drop-shadow(0px 10px 4px rgba(0, 0, 0, 0.7))
}
.cat-CR table.wikitable th {
	background:#a4cce3
}
.cat-CR table.wikitable tr {
	background:#a4cce3
}
.cat-CR div.thumbinner{
	background-color:#ffffff;
}


/*** THE BELOW RETHEMES THE WIKI FOR ASTRAL TAGGED PAGES TO DIFFERENTIATE THE COOL SPACE STUFF ***/
.cat-Astral {
 	background-color: #e1d7f9;
 	background-image: none;
 }
.cat-Astral #content{
	background-color: #d4c5fa;
}
.cat-Astral #mw-content{
	background-color: #d4c5fa;
}
.cat-Astral .cosmos-header::before{ 
	background: linear-gradient(to bottom,transparent,#d4c5fa);
}
.cat-Astral .wds-dropdown{
	background-color: #d4c5fa;	
}
.cat-Astral .toc, .cat-Astral #toc{
	background-color: #e1d7f9;
}
.cat-Astral .infobox{
	background: #d4c5fa;
	border: 1px solid #452049;
}
.cat-Astral .infobox-title{
	background: #452049;
}
.cat-Astral #catlinks{
	background: #d4c5fa
}
.cat-Astral #cosmos-banner {
	filter: drop-shadow(0px 10px 4px rgba(0, 0, 0, 0.7))
}
.cat-Astral table.wikitable th {
	background:#e1d7f9
}
.cat-Astral table.wikitable tr {
	background:#e1d7f9
}
.cat-Astral div.thumbinner{
	background-color:#e1d7f9;
}

.torn_container{
    border-style: solid; 
    border-width: 40px 40px 40px; 
       -moz-border-image: url('https://quelmarwiki.com/images/d/df/Torn-edge-top-300x23.png') 80 80 80 repeat; 
    -webkit-border-image: url('https://quelmarwiki.com/images/d/df/Torn-edge-top-300x23.png') 80 80 80 repeat; 
         -o-border-image: url('https://quelmarwiki.com/images/d/df/Torn-edge-top-300x23.png') 80 80 80 repeat; 
            border-image: url('https://quelmarwiki.com/images/d/df/Torn-edge-top-300x23.png') 80 80 80 repeat;
}