User:Fen/Portals/UserGuides/styles.css: Difference between revisions
No edit summary |
dark theme |
||
| Line 127: | Line 127: | ||
background-color: #d0d5d9; | background-color: #d0d5d9; | ||
color: #000; | color: #000; | ||
} | |||
@media screen { | |||
html.skin-theme-clientpref-night .guides-portal-wrapper, | |||
html.skin-theme-clientpref-os .guides-portal-wrapper { | |||
background: #1a0f14; | |||
color: #ffe6f1; | |||
} | |||
html.skin-theme-clientpref-night .guides-header, | |||
html.skin-theme-clientpref-os .guides-header { | |||
background: linear-gradient(to right, #a8325a, #912a4d); | |||
color: #fff0f6; | |||
box-shadow: 0 0 12px rgba(168, 50, 90, 0.4); | |||
} | |||
html.skin-theme-clientpref-night .guides-card, | |||
html.skin-theme-clientpref-os .guides-card { | |||
background: #24161c; | |||
border: 1px solid #3a1f2a; | |||
border-left: 6px solid #b3456a; | |||
box-shadow: 0 2px 6px rgba(0,0,0,0.3); | |||
} | |||
html.skin-theme-clientpref-night .guides-card-title, | |||
html.skin-theme-clientpref-os .guides-card-title { | |||
color: #ff99b9; | |||
border-bottom-color: #663546; | |||
} | |||
html.skin-theme-clientpref-night .guides-card-body, | |||
html.skin-theme-clientpref-os .guides-card-body { | |||
color: #ffd9e6; | |||
} | |||
html.skin-theme-clientpref-night .guides-card-body a[href*="Category:"], | |||
html.skin-theme-clientpref-os .guides-card-body a[href*="Category:"] { | |||
background: #3a1f2a; | |||
border: 1px solid #663546; | |||
color: #ffb3c9; | |||
} | |||
html.skin-theme-clientpref-night .guides-card-body a[href*="Category:"]:hover, | |||
html.skin-theme-clientpref-os .guides-card-body a[href*="Category:"]:hover { | |||
background: #4d2a37; | |||
color: #ffccdc; | |||
} | |||
html.skin-theme-clientpref-night a:link, | |||
html.skin-theme-clientpref-night a:visited, | |||
html.skin-theme-clientpref-os a:link, | |||
html.skin-theme-clientpref-os a:visited { | |||
color: #ff99b9; | |||
} | |||
html.skin-theme-clientpref-night a:hover, | |||
html.skin-theme-clientpref-os a:hover { | |||
color: #ffccd9; | |||
} | |||
html.skin-theme-clientpref-night .org-card-body a[href*="Category:"], | |||
html.skin-theme-clientpref-os .org-card-body a[href*="Category:"] { | |||
background-color: #2e2e2e; | |||
border: 1px solid #555; | |||
color: #ddd; | |||
} | |||
html.skin-theme-clientpref-night .org-card-body a[href*="Category:"]:hover, | |||
html.skin-theme-clientpref-os .org-card-body a[href*="Category:"]:hover { | |||
background-color: #444; | |||
color: #fff; | |||
} | |||
} | } | ||