MediaWiki:Cosmos.css: Difference between revisions

Help

Revision as of 17:53, 19 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;}

/* 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-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: block ruby;
}

.wds-tabs {
    display: inherit;
}

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

.CosmosRail {
 width:300px;
 border: #4923203d;
 border-style: groove;
}


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