MediaWiki:Timeless.css
From Hytale Wiki
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* All CSS here will be loaded for users of the Timeless skin */
/* All CSS here will be loaded for users of the Timeless skin */
/* ********** TIMELESS CSS **************/
/* 1. Root
2. Layout
3. Fonts */
/* ROOT */
:root {
--main-background: url("https://i.imgur.com/996dCqj.png");
--footer-background: url("https://i.imgur.com/EHbLbVo.jpeg");
--box-background-color: #e4eff7;
--h-color: #1d0e47;
--p-color: #10161e;
--a-color: #1f6ac1;
--a-hover-color: #ecbc62;
--fonts: "Noto Sans", arial;
--bar-color1: #edb548;
--bar-color2: #3c91c5;
}
/* LAYOUT */
body {
background: var(--main-background);
font-family: var(--fonts);
}
#mw-content-container {
background: var(--main-background);
border-bottom: solid 4px var(--bar-color2);
}
#mw-content {
background: var(--box-background-color);
}
#mw-footer-container {
background: var(--footer-background);
padding-bottom: 40px;
}
@media screen and (min-width: 1100px) and (max-width: 1339px) #mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk {
border: 5px solid blue;
background: yellow;
}
@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;
}
.mw-wiki-logo {
display: inline-block;
}
}
#mw-header-container {
background-color: var(--box-background-color);
}
.color-middle {
background: var(--bar-color1);
}
.color-right {
background: var(--bar-color1);
}
.color-left {
background: var(--bar-color1);
}
/* FONTS */
p {
color: var(--p-color);
}
h1 {
color: var(--h-color);
font-family: var(--fonts);
}
h2 {
color: var(--h-color);
}
h3 {
color: var(--h-color);
}
h4 {
color: var(--h-color);
}
h5 {
color: var(--h-color);
}
a {
color: var(--a-color);
}
a.mw-selflink {
font-weight: normal;
}
a:hover {
color: var(--a-hover-color);
}
a:visited {
color: var(--a-color);
}
#mw-content-container li {
list-style-image: url(https://svgur.com/i/f1R.svg);
color: var(--p-color);
}
.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt {
font-family: var(--fonts);
}
