MediaWiki:Cosmos.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

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

/* All CSS here will be loaded for users of the Cosmos skin */
body {
    background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0.52), rgb(222, 208, 173) 15%), url(https://quelmarwiki.com/images/backgroundimage.png);
}

.ts-inner {
	max-width:90%;
}

.ts-container{
	padding-top:2%;
}

#mw-content-wrapper{
	width:auto;
}

.cosmos-header{
	margin-top: 2%;
	padding-top: 20px;
}

.cosmos-header:before {
  position:absolute;
  z-index:-1;
  display:block;
  width:100%;
  height:100%;
  background:#0000000;
  content:''
 }

.cosmos-header__wordmark{
	margin-top:0;
	margin-bottom:0;
}

 .cosmos-header .cosmos-header__counter {
  color:#8e397d;
 }
 
 /*Firefox can display the counter with the proper stroke order. Other browsers don't get the stroke*/
 @-moz-document url-prefix() {
  .cosmos-header .cosmos-header__counter {
  	  color:#DEADD4;
    -webkit-text-stroke: 5px #8e397d;
    paint-order: stroke fill;
  }
}
 
.cosmos-header .wds-tabs .wds-tabs__tab-label a{
  color:black;
 }

#cosmos-banner {
  filter: drop-shadow(0px 10px 4px rgba(125,119,67,0.7));
   background-color:#DEADD4;
 }

#cosmos-footer{
	background-color:#492320;	
}

div.ve-ce-branchNode{
	background-color:#ffe9b669;
	border:none;
}

ul.gallery{
	display:contents;
}

li.gallerybox div.thumb img {
  filter: drop-shadow(10px 10px 4px #7d7743);
}

.cosmos-header__sitename {
	display: none; 
}

.cosmos-header__top-container{
	float:right;
}

.cosmos-header__local-navigation {
    display: -webkit-inline-box;
}

.wds-tabs {
    display: inherit;
}

@media screen and (max-width: 900px) {
  .cosmos-header__local-navigation {
    display: none;
  }
}

.CosmosRail {
 width:300px;
 border: #4923203d;
 border-style: groove;
}
.CosmosRail .recentchanges-module li {
 padding-bottom:10px;
 font-size:17px;
 list-style:none;
 font-weight: bold;
}

.ve-init-mw-desktopArticleTarget .ve-init-mw-target-surface .ve-ce-documentNode, .ve-init-mw-desktopArticleTarget .ve-init-mw-target-surface .ve-ui-surface-placeholder{
	padding-bottom:10em;
}

 .page-header__categories-links{
 	line-height:inherit;
 }
 
#cosmos-toolbar{
 	max-width:27%;
}