User:Fen/Portals/Protocols/styles.css: Difference between revisions
Created page with "→Wrapper: .protocols-portal-wrapper { font-family: "Segoe UI", "Roboto", sans-serif; background: #f9fbfc; color: #1b1f23; padding: 2em; max-width: 1200px; margin: auto; } →Header: .protocols-header { background: linear-gradient(to right, #6e50a3, #2b4b91); color: #ffffff; padding: 1.6em; border-radius: 6px; margin-bottom: 2em; box-shadow: 0 0 12px rgba(60, 50, 140, 0.25); } .protocols-title { font-size: 2.2em; font-weight: 800; } .pro..." |
No edit summary |
||
| (3 intermediate revisions by the same user not shown) | |||
| Line 116: | Line 116: | ||
color: #503aa8; | color: #503aa8; | ||
text-decoration: underline; | text-decoration: underline; | ||
} | |||
@media screen { | |||
html.skin-theme-clientpref-night .protocols-portal-wrapper, | |||
html.skin-theme-clientpref-os .protocols-portal-wrapper { | |||
background: #12151a; | |||
color: #e3e6eb; | |||
} | |||
html.skin-theme-clientpref-night .protocols-header, | |||
html.skin-theme-clientpref-os .protocols-header { | |||
background: linear-gradient(to right, #4d3a73, #1f3366); | |||
color: #f0f1f7; | |||
box-shadow: 0 0 12px rgba(30, 25, 70, 0.4); | |||
} | |||
html.skin-theme-clientpref-night .protocols-card, | |||
html.skin-theme-clientpref-os .protocols-card { | |||
background: #1c1f28; | |||
border: 1px solid #2e3250; | |||
border-left: 6px solid #5d4fb2; | |||
box-shadow: 0 2px 6px rgba(0,0,0,0.3); | |||
} | |||
html.skin-theme-clientpref-night .protocols-card:nth-child(even), | |||
html.skin-theme-clientpref-os .protocols-card:nth-child(even) { | |||
border-left-color: #3a4ea8; | |||
} | |||
html.skin-theme-clientpref-night .protocols-card-title, | |||
html.skin-theme-clientpref-os .protocols-card-title { | |||
color: #b3a6ff; | |||
border-bottom-color: #3a3d57; | |||
} | |||
html.skin-theme-clientpref-night .protocols-card:nth-child(even) .protocols-card-title, | |||
html.skin-theme-clientpref-os .protocols-card:nth-child(even) .protocols-card-title { | |||
color: #9db4ff; | |||
} | |||
html.skin-theme-clientpref-night .protocols-card-body, | |||
html.skin-theme-clientpref-os .protocols-card-body { | |||
color: #d7d9e6; | |||
} | |||
html.skin-theme-clientpref-night .protocols-card-body a[href*="Category:"], | |||
html.skin-theme-clientpref-os .protocols-card-body a[href*="Category:"] { | |||
background: #26283b; | |||
border: 1px solid #3f4270; | |||
color: #b3a6ff; | |||
} | |||
html.skin-theme-clientpref-night .protocols-card-body a[href*="Category:"]:hover, | |||
html.skin-theme-clientpref-os .protocols-card-body a[href*="Category:"]:hover { | |||
background: #333654; | |||
color: #d3ccff; | |||
} | |||
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: #9db4ff; | |||
} | |||
html.skin-theme-clientpref-night a:hover, | |||
html.skin-theme-clientpref-os a:hover { | |||
color: #c2d0ff; | |||
} | |||
} | } | ||