From The Mana World
(small test) |
|||
(20 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
/* | /* Fix styling issue */ | ||
h1, h2, h3, h4, h5, h6 { color: #332100; } | |||
/* use of url() is forbidden inline, so they must go here */ | |||
.fancy-border { border-image-slice: 20; border-image-width: 20px; border-image-repeat: round; border-image-outset: 15px; border-image-source: url('/images/4/46/Border.png'); padding: 1rem; } | |||
} | |||
/* Add the word Legacy in the sidebar on Legacy namespace pages */ | |||
.ns-108 #p-Game-label::after { content: ' Legacy'; } | |||
} | |||
/* Fix weird issues with framed images inside a spoiler tag, and other spoiler issues */ | |||
.mw-collapsible { clear: both; } | |||
.tleft { background: none; } | |||
.mw-collapsible-content { display: none; } | |||
.mw-collapsible-content::after { | |||
content: ""; | |||
clear: both; | |||
display: table; | |||
} | } | ||
/* Add margin to spoiler toggle button */ | |||
.mw-collapsible-toggle { margin-left: 1em; } | |||
} | |||
. | /* Media queries can't be inline, so they must go here too */ | ||
.grid-2-columns { | |||
display: grid; | |||
grid-template-columns: 1fr; | |||
} | } | ||
. | @media only screen and (min-width: 900px) { | ||
.grid-2-columns { | |||
grid-template-columns: 1fr 1fr; | |||
} | } | ||
} | } |
Latest revision as of 18:05, 10 July 2020
/* Fix styling issue */
h1, h2, h3, h4, h5, h6 { color: #332100; }
/* use of url() is forbidden inline, so they must go here */
.fancy-border { border-image-slice: 20; border-image-width: 20px; border-image-repeat: round; border-image-outset: 15px; border-image-source: url('/images/4/46/Border.png'); padding: 1rem; }
/* Add the word Legacy in the sidebar on Legacy namespace pages */
.ns-108 #p-Game-label::after { content: ' Legacy'; }
/* Fix weird issues with framed images inside a spoiler tag, and other spoiler issues */
.mw-collapsible { clear: both; }
.tleft { background: none; }
.mw-collapsible-content { display: none; }
.mw-collapsible-content::after {
content: "";
clear: both;
display: table;
}
/* Add margin to spoiler toggle button */
.mw-collapsible-toggle { margin-left: 1em; }
/* Media queries can't be inline, so they must go here too */
.grid-2-columns {
display: grid;
grid-template-columns: 1fr;
}
@media only screen and (min-width: 900px) {
.grid-2-columns {
grid-template-columns: 1fr 1fr;
}
}