MediaWiki:Timeless.css: Difference between revisions
From Research Realm
No edit summary |
style: implement first custom property |
||
| Line 1: | Line 1: | ||
/* All CSS here will be loaded for users of the Timeless skin */ | /* All CSS here will be loaded for users of the Timeless skin */ | ||
:root { | |||
--brand-primary: #ffe10f | |||
} | |||
#mw-content-container { | #mw-content-container { | ||
| Line 7: | Line 11: | ||
.color-middle { | .color-middle { | ||
background: | background: var(--brand-primary); | ||
} | } | ||
.color-left { | .color-left { | ||
background: | background: var(--brand-primary); | ||
} | } | ||
.color-right { | .color-right { | ||
background: | background: var(--brand-primary); | ||
} | } | ||
Revision as of 23:05, 13 October 2025
/* All CSS here will be loaded for users of the Timeless skin */
:root {
--brand-primary: #ffe10f
}
#mw-content-container {
background: #00a4a8;
border-bottom: solid 4px #ffe10f;
}
.color-middle {
background: var(--brand-primary);
}
.color-left {
background: var(--brand-primary);
}
.color-right {
background: var(--brand-primary);
}
/* #p-logo { */
/* using p-logo just makes it more off center */
.mw-wiki-logo.timeless-logo {
height: 164px;
width: 164px;
background-color: #eee;
border-radius: 50%;
border: 2px solid #bbb;
display: inline-block;
box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2), 1px -1px 5px 0 rgba(0, 0, 0, 0.2) inset;
margin-top: 10px;
}
.mw-wiki-logo.timeless-logo img {
margin-top: 1.00em;
}