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;
--alt-color: #4672aa;
--accent-color: #27548d;
--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');
background: url('/resources/assets/background.jpg');
border-bottom: solid 4px var(--accent-color);
border-bottom: solid 4px var(--accent-color);
background-repeat: no-repeat;
background-repeat: no-repeat;
background-attachment: fixed;
background-attachment: fixed;
background-size: cover;
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:
/* 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);
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;
}