Difference between revisions of "MediaWiki:Timeless.css"
From Drawn to Life Wiki
| Line 3: | Line 3: | ||
/* Pseudo-official Snippets */ | /* Pseudo-official Snippets */ | ||
| − | /* Indefinite content width | + | /* Indefinite content width |
@media screen and (min-width: 851px) { | @media screen and (min-width: 851px) { | ||
| Line 9: | Line 9: | ||
.ts-inner { max-width: none; } | .ts-inner { max-width: none; } | ||
} | } | ||
| + | */ | ||
/* Max content size | /* Max content size | ||
| Line 16: | Line 17: | ||
*/ | */ | ||
/******************/ | /******************/ | ||
| − | /* One-sided navigation menu | + | /* One-sided navigation menu |
@media (min-width: 1340px) { | @media (min-width: 1340px) { | ||
#mw-content-block { | #mw-content-block { | ||
| Line 38: | Line 39: | ||
} | } | ||
} | } | ||
| − | + | */ | |
| − | /* Align top colour bar with page columns | + | /* Align top colour bar with page columns |
.ts-inner { | .ts-inner { | ||
padding: 0 0 0 1em; | padding: 0 0 0 1em; | ||
} | } | ||
| − | + | */ | |
| − | /* Re-aligning bottom logos | + | /* Re-aligning bottom logos |
#footer { padding-right: 1em; } | #footer { padding-right: 1em; } | ||
| − | + | */ | |
.mw-headline:target { | .mw-headline:target { | ||
Revision as of 21:04, 8 April 2021
/* All CSS here will be loaded for users of the Timeless skin */
/* https://www.mediawiki.org/wiki/Skin:Timeless */
/* Pseudo-official Snippets */
/* Indefinite content width
@media screen and (min-width: 851px) {
.color-middle-container,
.ts-inner { max-width: none; }
}
*/
/* Max content size
.ts-inner {
max-width: 145em;
}
*/
/******************/
/* One-sided navigation menu
@media (min-width: 1340px) {
#mw-content-block {
display: block;
}
#mw-content,
#content-bottom-stuff {
margin-left: 14em;
}
#mw-content-wrapper {
float: right;
margin-left: -14em;
width: 100%;
}
#mw-related-navigation {
width: 14em;
padding: 0 1em 0 0;
}
div.color-middle {
margin-right: 0;
}
}
*/
/* Align top colour bar with page columns
.ts-inner {
padding: 0 0 0 1em;
}
*/
/* Re-aligning bottom logos
#footer { padding-right: 1em; }
*/
.mw-headline:target {
background-color: #ffef008a;
transition: 0.8s;
border-radius: 10px;
padding: 0 3px 0 3px;
}
