User:Fen/Portals/Individuals/styles.css: Difference between revisions
Created page with ".individuals-portal-wrapper { font-family: "IBM Plex Sans", "Segoe UI", sans-serif; background: #f4f5f6; padding: 2em; max-width: 1200px; margin: auto; color: #1e1e1e; } →Header: .individuals-header { background: linear-gradient(to right, #2e2e2e, #1a1a1a); color: #f0f0f0; padding: 1.8em; border-radius: 0.5em; margin-bottom: 2em; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); } .individuals-title { font-size: 2.3em; font-weight: 900; letter..." |
No edit summary |
||
| Line 109: | Line 109: | ||
color: #8f6d1e; | color: #8f6d1e; | ||
text-decoration: underline; | text-decoration: underline; | ||
} | |||
@media screen { | |||
html.skin-theme-clientpref-night .individuals-portal-wrapper, | |||
html.skin-theme-clientpref-os .individuals-portal-wrapper { | |||
background: #121212; | |||
color: #e0e0e0; | |||
} | |||
html.skin-theme-clientpref-night .individuals-header, | |||
html.skin-theme-clientpref-os .individuals-header { | |||
background: linear-gradient(to right, #444, #222); | |||
color: #f5f5f5; | |||
box-shadow: 0 2px 10px rgba(0,0,0,0.6); | |||
} | |||
html.skin-theme-clientpref-night .individuals-subtitle, | |||
html.skin-theme-clientpref-os .individuals-subtitle { | |||
color: #aaaaaa; | |||
} | |||
html.skin-theme-clientpref-night .individuals-card, | |||
html.skin-theme-clientpref-os .individuals-card { | |||
background: #1c1c1c; | |||
border: 1px solid #333; | |||
border-left: 5px solid #d1b35a; | |||
box-shadow: 0 2px 6px rgba(0,0,0,0.4); | |||
} | |||
html.skin-theme-clientpref-night .individuals-card-title, | |||
html.skin-theme-clientpref-os .individuals-card-title { | |||
color: #f0e6c1; | |||
border-bottom-color: #444; | |||
} | |||
html.skin-theme-clientpref-night .individuals-card-body, | |||
html.skin-theme-clientpref-os .individuals-card-body { | |||
color: #d9d9d9; | |||
} | |||
html.skin-theme-clientpref-night .individuals-card-body a[href*="Category:"], | |||
html.skin-theme-clientpref-os .individuals-card-body a[href*="Category:"] { | |||
background: #2a2a2a; | |||
border: 1px solid #555; | |||
color: #e0d4a5; | |||
} | |||
html.skin-theme-clientpref-night .individuals-card-body a[href*="Category:"]:hover, | |||
html.skin-theme-clientpref-os .individuals-card-body a[href*="Category:"]:hover { | |||
background: #3a3a3a; | |||
color: #fff2c6; | |||
} | |||
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: #d6b85d; | |||
} | |||
html.skin-theme-clientpref-night a:hover, | |||
html.skin-theme-clientpref-os a:hover { | |||
color: #ffe27a; | |||
} | |||
} | } | ||