Main Page.css: Difference between revisions
better color |
m Fen moved page User:Main Page.css to Main Page.css without leaving a redirect: had it on the wrong mainspace |
||
| (9 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* Light mode styles */ | /* Light mode styles */ | ||
.header-box a.external { | |||
background-image: none; | |||
} | |||
.header-box p { | |||
font-size: inherit; | |||
} | |||
.header-box { | .header-box { | ||
background: #e3f2fd; | background: #e3f2fd; | ||
| Line 26: | Line 34: | ||
.content-grid { | .content-grid { | ||
display: grid; | display: grid; | ||
gap: 1rem; | gap: 1rem; | ||
grid-template-columns: 1fr; | |||
margin-top: 1em; | margin-top: 1em; | ||
font- | overflow: hidden; | ||
color: # | min-width: 0; | ||
} | |||
@media screen and (min-width: 720px) { | |||
.content-grid { | |||
grid-template-columns: 1fr 1fr; | |||
} | |||
} | |||
.content-header { | |||
font-size: 1.5em; | |||
font-weight: bold; | |||
color: #2f4770; | |||
border-bottom: 2px solid #9bb9df; | |||
padding-bottom: 0.2em; | |||
margin-bottom: 0.5em; | |||
margin-top: 0 !important; | |||
} | } | ||
| Line 38: | Line 62: | ||
border-radius: 6px; | border-radius: 6px; | ||
padding: 1em; | padding: 1em; | ||
box-sizing: border-box; | |||
overflow: hidden; | |||
min-width: 0; | |||
} | |||
.content-section.wide { | |||
grid-column: 1 / -1; | |||
} | } | ||
| Line 52: | Line 83: | ||
@media screen { | @media screen { | ||
html.skin-theme-clientpref-night .header-box { | html.skin-theme-clientpref-night .header-box { | ||
background: # | background: #5d68bb; | ||
border-color: #444; | border-color: #444; | ||
color: #d0d8ff; | color: #d0d8ff; | ||
| Line 77: | Line 108: | ||
border-color: #536d9d; | border-color: #536d9d; | ||
} | } | ||
html.skin-theme-clientpref-os .content-header { | |||
color: #aabbee; | |||
border-bottom-color: #7881c7; | |||
} | |||
} | } | ||
/* OS dark mode */ | /* OS dark mode */ | ||
@media screen and (prefers-color-scheme: dark) { | @media screen and (prefers-color-scheme: dark) { | ||
html.skin-theme-clientpref- | html.skin-theme-clientpref-os .header-box { | ||
background: # | background: #5d68bb; | ||
border-color: #444; | border-color: #444; | ||
color: #d0d8ff; | color: #d0d8ff; | ||
} | } | ||
html.skin-theme-clientpref- | html.skin-theme-clientpref-os .content-section { | ||
background: #2b2f3a; | background: #2b2f3a; | ||
border-color: #444; | border-color: #444; | ||
| Line 106: | Line 143: | ||
color: #8ba4d4; | color: #8ba4d4; | ||
border-color: #536d9d; | border-color: #536d9d; | ||
} | |||
html.skin-theme-clientpref-os .content-header { | |||
color: #aabbee; | |||
border-bottom-color: #7881c7; | |||
} | } | ||
} | } | ||