MediaWiki:Timeless.css: Difference between revisions
From Progressbar95 Wiki
Content deleted Content added
Timeless custom theme |
m Indentation fix |
||
Line 3: | Line 3: | ||
:root { |
:root { |
||
--alt-color: #4672aa; |
|||
--accent-color: #27548d; |
|||
} |
} |
||
body { |
body { |
||
background: var(--alt-color); |
background: var(--alt-color); |
||
} |
} |
||
#mw-content-container { |
#mw-content-container { |
||
background: url('/resources/assets/background.jpg'); |
|||
border-bottom: solid 4px var(--accent-color); |
|||
background-repeat: no-repeat; |
|||
background-attachment: fixed; |
|||
background-size: cover; |
|||
} |
} |
||
h1.firstHeading { |
h1.firstHeading { |
||
border-bottom-color: var(--accent-color) !important; |
border-bottom-color: var(--accent-color) !important; |
||
} |
} |
||
.tools-inline li.selected { |
.tools-inline li.selected { |
||
border-bottom-color: var(--accent-color); |
border-bottom-color: var(--accent-color); |
||
} |
} |
||
a { |
a { |
||
color: var(--accent-color); |
color: var(--accent-color); |
||
} |
} |
||
a:visited { |
a:visited { |
||
color: var(--accent-color); |
color: var(--accent-color); |
||
} |
} |
||
.sidebar-chunk { |
.sidebar-chunk { |
||
background: #f8f8f8aa !important; |
background: #f8f8f8aa !important; |
||
backdrop-filter: blur(15px); |
backdrop-filter: blur(15px); |
||
/* dark mode: |
/* dark mode: |
||
background: #0d0d0daa !important; |
background: #0d0d0daa !important; |
||
*/ |
*/ |
||
border-color: #0000 !important; |
border-color: #0000 !important; |
||
} |
} |
||
.sidebar-chunk h3 { |
.sidebar-chunk h3 { |
||
border-bottom: solid 2px #fff4 !important; |
border-bottom: solid 2px #fff4 !important; |
||
} |
} |
||
#mw-content { |
#mw-content { |
||
background: #fffd; |
background: #fffd; |
||
/* dark mode: |
/* dark mode: |
||
background: #000d; |
background: #000d; |
||
*/ |
*/ |
||
backdrop-filter: blur(25px); |
backdrop-filter: blur(25px); |
||
} |
} |
||
#mw-header-container { |
#mw-header-container { |
||
background: var(--alt-color) !important; |
background: var(--alt-color) !important; |
||
color: white; |
color: white; |
||
/* dark mode: |
/* dark mode: |
||
color: white; |
color: white; |
||
*/ |
*/ |
||
} |
} |
||
.wordmark img { |
.wordmark img { |
||
filter: invert(1) hue-rotate(180deg) |
filter: invert(1) hue-rotate(180deg) |
||
/* dark mode: |
|||
filter: invert(1) hue-rotate(180deg) |
filter: invert(1) hue-rotate(180deg) |
||
*/ |
*/ |
||
} |
} |
||
.color-middle, .color-left, .color-right { |
.color-middle, .color-left, .color-right { |
||
background: var(--accent-color); |
|||
} |
} |
||
.mw-footer-container { |
.mw-footer-container { |
||
border-top: solid 1px rgba(0,0,0,0.1) |
border-top: solid 1px rgba(0,0,0,0.1) |
||
} |
} |
||
#p-personal-label { |
#p-personal-label { |
||
color:black; |
color:black; |
||
} |
} |
Revision as of 13:29, 4 November 2023
/* All CSS here will be loaded for users of the Timeless skin */
/* "Progressbar95" Theme */
:root {
--alt-color: #4672aa;
--accent-color: #27548d;
}
body {
background: var(--alt-color);
}
#mw-content-container {
background: url('/resources/assets/background.jpg');
border-bottom: solid 4px var(--accent-color);
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}
h1.firstHeading {
border-bottom-color: var(--accent-color) !important;
}
.tools-inline li.selected {
border-bottom-color: var(--accent-color);
}
a {
color: var(--accent-color);
}
a:visited {
color: var(--accent-color);
}
.sidebar-chunk {
background: #f8f8f8aa !important;
backdrop-filter: blur(15px);
/* dark mode:
background: #0d0d0daa !important;
*/
border-color: #0000 !important;
}
.sidebar-chunk h3 {
border-bottom: solid 2px #fff4 !important;
}
#mw-content {
background: #fffd;
/* dark mode:
background: #000d;
*/
backdrop-filter: blur(25px);
}
#mw-header-container {
background: var(--alt-color) !important;
color: white;
/* dark mode:
color: white;
*/
}
.wordmark img {
filter: invert(1) hue-rotate(180deg)
/* dark mode:
filter: invert(1) hue-rotate(180deg)
*/
}
.color-middle, .color-left, .color-right {
background: var(--accent-color);
}
.mw-footer-container {
border-top: solid 1px rgba(0,0,0,0.1)
}
#p-personal-label {
color:black;
}