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
 
(2 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 {
columns:2;
margin-top:1.5em;
margin-top:1.5em;
}
}
Line 7: Line 45:
text-align:center;
text-align:center;
background:#574385;
background:#574385;
color:white;
padding:5px;
}
}


Line 22: Line 60:
border:5px #574385 solid;
border:5px #574385 solid;
text-align:left;
text-align:left;
}

#recommended-articles p {
padding:0 15px 15px;
}
}


#major-articles {
#major-articles {
break-inside: avoid-column;
break-inside: avoid-column;
padding:0 15px 15px;
border:5px #574385 solid;
border:5px #574385 solid;
text-align:left;
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;
}