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

From Otherkin Wiki
Content added Content deleted
imported>Jazzhorse
imported>Jazzhorse
No edit summary
 
(10 intermediate revisions by the same user not shown)
Line 1: Line 1:
#hero {
#welcome::first-letter {
margin-bottom: 30px;
background: lightyellow;
}
border: 10px solid #000;

color: orange;
#logo-search {
font-weight: bold;
margin-right: 1em;
max-width:550px;
padding: 2em;
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;
}
}

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