MediaWiki:Common.css: Difference between revisions

Help

Revision as of 17:21, 27 September 2021

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

/***** CSS placed here will be applied to all skins on the entire site. *****/
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;}

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

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

#content{
	background-color: #cebe8a;
}

#content h1{
	font-family:"Rubik", Light;
}
#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;
}
.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;
}



/*Test Slideshow */
.wrapper {
  position: absolute;
  top: 1%;
  width: 4000px;
-webkit-animation: 60s credits linear infinite;
-moz-animation: 60s credits linear infinite;
-ms-animation:60s credits linear infinite;
-o-animation: 60s credits linear infinite;
animation: 60s credits linear infinite;
}

.wrapper img:hover {
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -o-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
    cursor: pointer;
}

.wrapper:hover{
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    -ms-animation-play-state: paused;
    cursor: pointer;
}

@keyframes credits {
  0% {
    margin-left: 0px;
 }
 100% {
    margin-left: -4000px;
 }
 
}

@-webkit-keyframes credits {
  0% {
   margin-left: 0px;
  }
100% {
    margin-left: -4000px;
  }

}
@-moz-keyframes credits {
  0% {
    margin-left: 0px;
 }
 100% {
    margin-left: -4000px;
 }
 
}
@-o-keyframes credits {
  0% {
    margin-left: 0px;
 }
 100% {
    margin-left: -4000px;
 }
 
}