User:Fen/Portals/UserGuides/styles.css: Difference between revisions
No edit summary |
dark theme |
||
| (One intermediate revision by the same user not shown) | |||
| Line 108: | Line 108: | ||
color: #8c1e46; | color: #8c1e46; | ||
text-decoration: underline; | text-decoration: underline; | ||
} | |||
.org-card-body a[href*="Category:"] { | |||
display: inline-block; | |||
background-color: #eef0f2; | |||
border: 1px solid #bbb; | |||
padding: 0.3em 0.6em; | |||
margin: 0.2em; | |||
font-weight: bold; | |||
text-decoration: none; | |||
color: #222; | |||
font-size: 0.8em; | |||
border-radius: 4px; | |||
transition: background-color 0.2s ease; | |||
} | |||
.org-card-body a[href*="Category:"]:hover { | |||
background-color: #d0d5d9; | |||
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; | |||
} | |||
} | } | ||