Difference between revisions of "MediaWiki:Timeless.css"
From Drawn to Life Wiki
(organizing) |
(Reinsert code for side nav) |
||
| Line 63: | Line 63: | ||
display: inline-flex; | display: inline-flex; | ||
} | } | ||
| + | |||
| + | |||
| + | /******************/ | ||
| + | /* 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%; | ||
| + | margin-top: 1em; | ||
| + | } | ||
| + | #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; } | ||
| + | */ | ||
Revision as of 17:56, 28 May 2021
/* All CSS here will be loaded for users of the Timeless skin */
/* https://www.mediawiki.org/wiki/Skin:Timeless */
/********/
/* Body */
/********/
#mw-content-container {
background: #71bdf7;
background-image: url("https://drawntolife.wiki/w/images/0/0b/WikiBackground.png");
background-attachment: fixed;
background-size: cover;
background-position: bottom;
}
/* Footer color */
body {
background: #353c49;
}
/* Logo */
.mw-wiki-logo {
background-image: url(https://drawntolife.wiki/w/images/0/0b/DTLWIKIBig.png);
background-size: 100%;
}
.mw-wiki-logo:hover {
background-image: url(https://drawntolife.wiki/w/images/1/1d/DTLWikiAnimated.png);
background-size: 100%;
}
/* Content width
.ts-inner {
max-width: 145em;
}
*/
/* Toc */
/* Left borders */
.mw-content-ltr .toc ul ul, .mw-content-rtl .mw-content-ltr .toc ul ul {
border-left: 2px solid #c8ccd1;
padding-left: 0.5em;
}
.tocnumber {
display: none;
}
/* Highlight */
.mw-headline:target {
background-color: #ffef008a;
transition: 0.8s;
border-radius: 10px;
padding: 0 3px 0 3px;
}
/* Header H3 */
.mw-body h3 {
border-bottom: solid 2px #c8ccd1;
font-size: 1.4em;
}
/* Experimental and inefficient edit button text remover */
span.mw-editsection a {
color: transparent;
width: 1px;
display: inline-flex;
}
/******************/
/* 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%;
margin-top: 1em;
}
#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; }
*/