User:Jazzhorse/Main page sandbox/styles.css: Difference between revisions

From Otherkin Wiki
Content deleted Content added
imported>Jazzhorse
No edit summary
imported>Jazzhorse
No edit summary
 
(6 intermediate revisions by the same user not shown)
Line 1: Line 1:
#hero {
margin-bottom: 30px;
}

#logo-search {
max-width:550px;
float:left;
}

#logo-search form {
margin-top:1.5em;
}

#logo-search form .mw-ui-button {
background-color:#B529A7;
}

@media only screen and (max-width: 1031px) {
#main-illustration {
display:none;
}
#logo-search {
max-width:100%;
float:none;
}
#logo-search img {
max-width:100%;
height:auto;
}
}

.firstHeading {
display:none;
}
.mw-searchInput {
max-width: 80%;
}

#staging-boxes {
#staging-boxes {
margin-top:1.5em;
}
}


#staging-boxes h2 {
#staging-boxes .infobox-title {
text-align:center;
text-align:center;
background:#574385;
background:#574385;
padding:5px;
}

#staging-boxes .infobox-title h2 {
color:white;
color:white;
}

#staging-boxes .infobox-body {
padding:15px;
}

#recommended-articles {
break-inside: avoid-column;
border:5px #574385 solid;
text-align:left;
}

#major-articles {
break-inside: avoid-column;
border:5px #574385 solid;
text-align:left;
}
}

Latest revision as of 14:06, 19 July 2023

#hero {
	margin-bottom: 30px;
}

#logo-search {
  	max-width:550px;
  	float:left;
}

#logo-search form {
	margin-top:1.5em;
}

#logo-search form .mw-ui-button {
	background-color:#B529A7;
}

@media only screen and (max-width: 1031px) {
  #main-illustration {
    display:none;
  }
  #logo-search {
  	max-width:100%;
  	float:none;
  }
  
  #logo-search img {
  	max-width:100%;
  	height:auto;
  }
}

.firstHeading {
    display:none;
}
.mw-searchInput {
    max-width: 80%;
}

#staging-boxes {
	margin-top:1.5em;
}

#staging-boxes .infobox-title {
  text-align:center;
  background:#574385;
  padding:5px;
}

#staging-boxes .infobox-title h2 {
  color:white;
}

#staging-boxes .infobox-body {
  padding:15px;
}

#recommended-articles {
	break-inside: avoid-column;
	border:5px #574385 solid;
	text-align:left;
}

#major-articles {
	break-inside: avoid-column;
	border:5px #574385 solid;
	text-align:left;
}