MediaWiki:Common.css: Difference between revisions
From Ascension Sojourns
No edit summary |
No edit summary |
||
| (29 intermediate revisions by the same user not shown) | |||
| Line 101: | Line 101: | ||
/* Site background */ |
/* Site background */ |
||
| − | + | .skin-timeless #mw-content-container { |
|
| ⚫ | |||
| − | --c1: #8294a0; |
||
| + | background-image: url(/wiki/images/f/f9/Bkgd.gif); |
||
| − | --c2: #dddddd; |
||
| ⚫ | |||
| − | --c3: #a2eeef; |
||
| + | |||
| − | --c4: #b6bde1; |
||
| − | background-image: |
||
| − | conic-gradient(from 160deg at 70px 168.5px, var(--c1) 0deg 90deg, transparent 90deg), |
||
| − | conic-gradient(from 21deg at 168px 71px, var(--c1) 0deg 90deg, transparent 90deg), |
||
| − | conic-gradient(from 21deg at 141px 141px, var(--c2) 0deg 114deg, transparent 114deg), |
||
| − | conic-gradient(from -21deg at 96.5px 44px, var(--c3) 0deg 131.5deg, transparent 131.5deg), |
||
| − | conic-gradient(from -70deg at 43.5px 97px, var(--c1) 0deg 115.5deg, transparent 115.5deg), |
||
| − | conic-gradient(from 135.5deg at 141px 142px, var(--c3) 0deg 114.5deg, transparent 114deg), |
||
| − | conic-gradient(from 160deg at 43.5px 97px, var(--c2) 0deg 130.5deg, transparent 120deg 360deg); |
||
| ⚫ | |||
| − | background-size: 195px 195px; |
||
| − | background-position: -30px -30px; |
||
| ⚫ | |||
} |
} |
||
| − | |||
| ⚫ | |||
| − | backdrop-filter: saturate(80%) brightness(70%); |
||
| ⚫ | |||
| − | |||
body.mediawiki.skin-timeless #mw-content-container .sidebar-inner { |
body.mediawiki.skin-timeless #mw-content-container .sidebar-inner { |
||
background-color: transparent; |
background-color: transparent; |
||
} |
} |
||
| − | |||
/* sidebar */ |
/* sidebar */ |
||
| Line 138: | Line 120: | ||
} |
} |
||
| + | @media screen and (min-width: 0px) { |
||
.skin-timeless #mw-content-container .sidebar-chunk a, |
.skin-timeless #mw-content-container .sidebar-chunk a, |
||
.skin-timeless #mw-content-container .sidebar-chunk a:visited, |
.skin-timeless #mw-content-container .sidebar-chunk a:visited, |
||
| − | .skin-timeless #mw-content-container .sidebar-chunk a:hover |
+ | .skin-timeless #mw-content-container .sidebar-chunk a:hover, |
| ⚫ | |||
| − | color: # |
+ | color: #000000; |
| + | font-weight: bold !important; |
||
} |
} |
||
| ⚫ | |||
| + | #mw-site-navigation .sidebar-chunk h3, #mw-related-navigation .sidebar-chunk h3 { |
||
| + | font-weight: normal; |
||
| + | font-size: 1em; |
||
| + | margin: 0.25em 0 0.75em 0; |
||
| + | padding-bottom: 0.15em; |
||
| + | border-bottom: solid 2px black; |
||
| + | } |
||
| + | |||
/* Page Header */ |
/* Page Header */ |
||
Latest revision as of 07:41, 22 September 2023
* CSS placed here will be applied to all skins */
/* Timeless */
/* Global */
@import url('https://fonts.googleapis.com/css2?family=Fugaz+One&family=Sorts+Mill+Goudy&display=swap');
img {
max-width: 100%;
width: auto;
height: auto;
}
.mw-wiki-logo.fallback {
background-size: contain;
}
@media screen and (min-width: 851px) {
body.skin-timeless #p-logo-text {
display: none;
}
body.skin-timeless #mw-header-nav-hack {
border-top: none;
}
}
@media screen and (max-width: 850px) {
body.skin-timeless #p-logo-text {
max-width: none;
}
}
@media screen {
body.skin-timeless #mw-header-container,
body.skin-timeless #mw-header-nav-hack,
body.skin-timeless #mw-header-container #p-logo-text a,
body.skin-timeless #personal-inner,
body.skin-timeless .sidebar-inner
{
background-color: #62879e;
color: #dddddd;
border-color: #000000;
}
body.skin-timeless #site-navigation h2,
body.skin-timeless #site-tools h2,
body.skin-timeless #user-tools h2 {
color: #000000;
filter: invert(0%);
}
}
body.skin-timeless {
font-family: 'Garamond', 'Times New Roman', Serif;
background-color: #62879e;
}
body.skin-timeless #mw-header #p-banner {
font-family: 'Cascadia Code', 'Segoe UI', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Times New Roman', Serif;
}
.skin-timeless .mw-body {
line-height: 1.4;
}
.skin-timeless .mw-body h1,
.skin-timeless .mw-body h2,
.skin-timeless .mw-body h3,
.skin-timeless .mw-body h4,
.skin-timeless .mw-body h5,
.skin-timeless .mw-body h6,
.skin-timeless .mw-body dt {
font-family: 'Garamond', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Times New Roman', Serif;
}
.skin-timeless a,
.skin-timeless a:hover,
.skin-timeless a:visited,
.skin-timeless a.external,
.skin-timeless a.external:hover,
.skin-timeless a.external:visited {
color: #000066;
}
.skin-timeless a.new,
.skin-timeless a.new:hover,
.skin-timeless a.new:visited {
color: #000066;
}
.gamepage {
border: 10px solid #eaecf0;
background-color: #eaecf0;
font-family: monospace;
color: #000000;
font-size: 12pt;
margin-left: 0em;
}
/* Site background */
.skin-timeless #mw-content-container {
background-color: #eeeeff;
background-image: url(/wiki/images/f/f9/Bkgd.gif);
background-repeat: repeat;
}
body.mediawiki.skin-timeless #mw-content-container .sidebar-inner {
background-color: transparent;
}
/* sidebar */
.skin-timeless #mw-content-block .sidebar-chunk {
background-color: transparent;
border: none;
font-size: 1.1em;
color: #000000;
}
@media screen and (min-width: 0px) {
.skin-timeless #mw-content-container .sidebar-chunk a,
.skin-timeless #mw-content-container .sidebar-chunk a:visited,
.skin-timeless #mw-content-container .sidebar-chunk a:hover,
.skin-timeless #mw-content-container .sidebar-chunk .sidebar-inner * {
color: #000000;
font-weight: bold !important;
}
}
#mw-site-navigation .sidebar-chunk h3, #mw-related-navigation .sidebar-chunk h3 {
font-weight: normal;
font-size: 1em;
margin: 0.25em 0 0.75em 0;
padding-bottom: 0.15em;
border-bottom: solid 2px black;
}
/* Page Header */
.skin-timeless .color-left {
background: #b6bde1;
}
.skin-timeless .color-middle {
background: #8cc2e3;
}
.skin-timeless .color-right {
background: #b6bde1;
}
/* Article headings */
.skin-timeless .tools-inline li.selected {
border-bottom-color: #b6bde1;
}
.skin-timeless .mw-body h1.firstHeading {
border-bottom-color: #62879e;
}
/* footer */
.skin-timeless #mw-content-container {
border-bottom-color: #b6bde1;
}
.skin-timeless #mw-footer {
background-color: #62879e;
color: #000000;
}
/* Tables */
@media (max-width: 990px) {
table[width="100%"] td {
display: block;
width: auto;
}
}
