MediaWiki:Common.css: Difference between revisions

Help

Revision as of 18:47, 27 September 2022

@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");
}

#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: #e0bbf2;
 	background-image: none;
 }
.cat-Astral #content{
	background-color: #cb97e4;
}
.cat-Astral #mw-content{
	background-color: #cb97e4;
}
.cat-Astral .cosmos-header::before{ 
	background: linear-gradient(to bottom,transparent,#cb97e4);
}
.cat-Astral .wds-dropdown{
	background-color: #cb97e4;	
}
.cat-Astral .toc, .cat-Astral #toc{
	background-color: #e0bbf2;
}
.cat-Astral .infobox{
	background: #cb97e4;
	border: 1px solid #452049;
}
.cat-Astral .infobox-title{
	background: #452049;
}
.cat-Astral #catlinks{
	background: #cb97e4
}
.cat-Astral #cosmos-banner {
	filter: drop-shadow(0px 10px 4px rgba(0, 0, 0, 0.7))
}
.cat-Astral table.wikitable th {
	background:#e0bbf2
}
.cat-Astral table.wikitable tr {
	background:#e0bbf2
}
.cat-Astral div.thumbinner{
	background-color:#e0bbf2;
}













/*Hething page*/

.torn_container{
	float:left;
	clear:both;
	margin-bottom:1.2em;
	position:relative;
}
.torn_container>div:first-child{
	margin-left:var(--torn-shadow-offset-x);
	margin-top:var(--torn-shadow-offset-y);
	left:0px;
	top:0px;
	right:calc(0px - var(--torn-shadow-offset-x));
	bottom:calc(0px - var(--torn-shadow-offset-y));
	position:absolute;
	z-index:1;
	filter:blur(var(--torn-shadow-blur));
}
.torn_container>div:nth-child(2), .torn_container>div:nth-child(2)>span{
	vertical-align:middle;
}
.torn_container>div:nth-child(2), .torn_left>div:nth-child(2):before, .torn_right>div:nth-child(2):after{
	background-color:var(--torn-background-color);
}
.torn_container>div:nth-child(2), .torn_container>div:nth-child(2){
	display:inline-block;
	position:relative;
	z-index:2;
	padding:0.4em;
}
.torn_left>div:nth-child(2):before, .torn_left>div:first-child:before{
	content:'';
	position:absolute;
	left:calc(0em - var(--torn-left-width));
	top:0px;
	width:var(--torn-left-width);
	bottom:0px;
	-webkit-clip-path:var(--torn-left-clip-path);
	clip-path:var(--torn-left-clip-path);
}
.torn_container>div:first-child, .torn_left>div:first-child:before, .torn_right>div:first-child:after{
	background-color:var(--torn-shadow-background-color);
}
.torn_right>div:nth-child(2):after, .torn_right>div:first-child:after{
	content:'';
	position:absolute;
	left:100%;
	top:0px;
	right:calc(0px - var(--torn-right-width));
	bottom:0px;
	-webkit-clip-path:var(--torn-right-clip-path);
	clip-path:var(--torn-right-clip-path);
}
.torn_right>div:nth-child(2):after{
	left:calc(100% - 0.5px);
}