Difference between revisions of "MediaWiki:Common.css"

From Heroes of Hammerwatch wiki
Jump to: navigation, search
 
(9 intermediate revisions by 2 users not shown)
Line 5: Line 5:
 
}
 
}
 
*/
 
*/
 +
/* Force site logo */
 +
.mw-wiki-logo,
 +
#p-logo a {
 +
  background-image: url("/images/logo.png") !important;
 +
  background-repeat: no-repeat !important;
 +
  background-position: center center !important;
 +
  background-size: contain !important;
 +
}
 +
 +
/* Give the logo a visible box if it ends up 0×0 */
 +
/* Edited to center the logo with the sidebar */
 +
.mw-wiki-logo,
 +
#p-logo a {
 +
/* width: 135px !important; */
 +
height: 135px !important;
 +
display: block !important;
 +
}
 +
 +
#firstHeading, .printfooter, #siteSub, #jump-to-nav {
 +
display: none;
 +
}
  
 
.menu {
 
.menu {
    align-content: center;
+
align-content: center;
    margin: auto;
+
margin: auto;
 
}
 
}
  
Line 18: Line 39:
 
}
 
}
 
.rowsmall {
 
.rowsmall {
width: 25vw;
+
width: 15vw;
 
margin-top: auto;
 
margin-top: auto;
 
}
 
}
 
.rowlarge {
 
.rowlarge {
width: 50vw;
+
width: 70vw;
 
margin: auto;
 
margin: auto;
 
}
 
}
Line 34: Line 55:
  
 
.logo-img img {
 
.logo-img img {
max-width: 100%;
+
max-width: 60%;
 
height: auto;
 
height: auto;
 
}
 
}

Latest revision as of 05:56, 25 January 2026

/* CSS placed here will be applied to all skins
body {
   background-image: url("images/1/15/Background1440p.png");

}
*/
/* Force site logo */
.mw-wiki-logo,
#p-logo a {
  background-image: url("/images/logo.png") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: contain !important;
}

/* Give the logo a visible box if it ends up 0×0 */
/* Edited to center the logo with the sidebar */
.mw-wiki-logo,
#p-logo a {
/* 	width: 135px !important; */
	height: 135px !important;
	display: block !important;
}

#firstHeading, .printfooter, #siteSub, #jump-to-nav { 
	display: none; 
}

.menu {
	align-content: center;
	margin: auto;
}

.rowcontainer {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
}
.rowsmall {
	width: 15vw;
	margin-top: auto;
}
.rowlarge {
	width: 70vw;
	margin: auto;
}

.res-img img {
	max-width: 100%;
	height: auto;
	position: relative;
	float: left;
}

.logo-img img {
	max-width: 60%;
	height: auto;
}