User:Fen/Portals/Products/styles.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 121: | Line 121: | ||
margin: 0 auto; | margin: 0 auto; | ||
border-radius: 4px; | border-radius: 4px; | ||
} | |||
@media screen { | |||
html.skin-theme-clientpref-night .products-portal-wrapper, | |||
html.skin-theme-clientpref-os .products-portal-wrapper { | |||
background: #1b1d1f; | |||
color: #e0e0e0; | |||
} | |||
html.skin-theme-clientpref-night .products-header, | |||
html.skin-theme-clientpref-os .products-header { | |||
background: #003e66; | |||
color: #ffffff; | |||
border-left-color: #ff6b6b; | |||
} | |||
html.skin-theme-clientpref-night .products-title, | |||
html.skin-theme-clientpref-os .products-title { | |||
color: #f2f2f2; | |||
} | |||
html.skin-theme-clientpref-night .products-subtitle, | |||
html.skin-theme-clientpref-os .products-subtitle { | |||
color: #cccccc; | |||
opacity: 0.85; | |||
} | |||
html.skin-theme-clientpref-night .products-card, | |||
html.skin-theme-clientpref-os .products-card { | |||
background-color: #26292b; | |||
border: 1px solid #3a3d3f; | |||
box-shadow: 0 2px 6px rgba(0,0,0,0.4); | |||
} | |||
html.skin-theme-clientpref-night .products-card-title, | |||
html.skin-theme-clientpref-os .products-card-title { | |||
color: #ffb3b3; | |||
border-left-color: #ff6b6b; | |||
} | |||
html.skin-theme-clientpref-night .products-card-body, | |||
html.skin-theme-clientpref-os .products-card-body { | |||
color: #dddddd; | |||
} | |||
html.skin-theme-clientpref-night .products-card-body a[href*="Category:"], | |||
html.skin-theme-clientpref-os .products-card-body a[href*="Category:"] { | |||
background: #2d3337; | |||
border: 1px solid #555; | |||
color: #ffb3b3; | |||
} | |||
html.skin-theme-clientpref-night .products-card-body a[href*="Category:"]:hover, | |||
html.skin-theme-clientpref-os .products-card-body a[href*="Category:"]:hover { | |||
background: #3a4146; | |||
border-color: #ff6b6b; | |||
color: #ffe0e0; | |||
} | |||
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: #66b2ff; | |||
} | |||
html.skin-theme-clientpref-night a:hover, | |||
html.skin-theme-clientpref-os a:hover { | |||
color: #99ccff; | |||
} | |||
} | } | ||