User:Fen/Portals/Services/styles.css: Difference between revisions
add css for services |
No edit summary |
||
| Line 114: | Line 114: | ||
color: #b14e00; | color: #b14e00; | ||
text-decoration: underline; | text-decoration: underline; | ||
} | |||
@media screen { | |||
html.skin-theme-clientpref-night .services-portal-wrapper, | |||
html.skin-theme-clientpref-os .services-portal-wrapper { | |||
background: #1b1b1b; | |||
color: #e0e0e0; | |||
} | |||
html.skin-theme-clientpref-night .services-header, | |||
html.skin-theme-clientpref-os .services-header { | |||
background: #2a2520; | |||
border-left-color: #ff914d; | |||
box-shadow: inset 0 -1px 0 #3a3129; | |||
} | |||
html.skin-theme-clientpref-night .services-title, | |||
html.skin-theme-clientpref-os .services-title { | |||
color: #f0e0d0; | |||
} | |||
html.skin-theme-clientpref-night .services-subtitle, | |||
html.skin-theme-clientpref-os .services-subtitle { | |||
color: #aaa; | |||
} | |||
html.skin-theme-clientpref-night .services-card, | |||
html.skin-theme-clientpref-os .services-card { | |||
background: #242424; | |||
border: 1px solid #333; | |||
border-top: 4px solid #ff914d; | |||
box-shadow: 0 2px 6px rgba(0,0,0,0.4); | |||
} | |||
html.skin-theme-clientpref-night .services-card-title, | |||
html.skin-theme-clientpref-os .services-card-title { | |||
color: #ffe0c2; | |||
border-bottom-color: #444; | |||
} | |||
html.skin-theme-clientpref-night .services-card-body, | |||
html.skin-theme-clientpref-os .services-card-body { | |||
color: #ddd; | |||
} | |||
html.skin-theme-clientpref-night .services-card-body a[href*="Category:"], | |||
html.skin-theme-clientpref-os .services-card-body a[href*="Category:"] { | |||
background: #2e2e2e; | |||
border: 1px solid #555; | |||
color: #ffb273; | |||
} | |||
html.skin-theme-clientpref-night .services-card-body a[href*="Category:"]:hover, | |||
html.skin-theme-clientpref-os .services-card-body a[href*="Category:"]:hover { | |||
background: #3a3a3a; | |||
border-color: #ff914d; | |||
color: #ffd9b3; | |||
} | |||
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: #ffa366; | |||
} | |||
html.skin-theme-clientpref-night a:hover, | |||
html.skin-theme-clientpref-os a:hover { | |||
color: #ffc799; | |||
} | |||
} | } | ||