User:Fen/Portals/Legislation/styles.css: Difference between revisions
Created page with ".law-portal-wrapper { font-family: "Georgia", serif; background-color: #fdfcf9; padding: 2em; max-width: 1200px; margin: 0 auto; } .law-header { background: linear-gradient(135deg, #004225, #002e1b); color: #f1f1f1; padding: 1.8em; border-radius: 8px; text-align: center; margin-bottom: 2em; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.3); } .law-title { font-size: 2em; font-weight: bold; margin-bottom: 0.4em; } .law-subtitle { font-size: 1.1e..." |
No edit summary |
||
| (2 intermediate revisions by the same user not shown) | |||
| Line 44: | Line 44: | ||
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08); | box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08); | ||
} | } | ||
. | .law-card:hover { | ||
transform: translateY(-2px); | transform: translateY(-2px); | ||
box-shadow: 0 4px 10px rgba(0,0,0,0.05); | box-shadow: 0 4px 10px rgba(0,0,0,0.05); | ||
} | } | ||
. | .law-card.wide { | ||
grid-column: 1 / -1; | grid-column: 1 / -1; | ||
} | } | ||
| Line 77: | Line 77: | ||
color: #004422; | color: #004422; | ||
text-decoration: underline; | text-decoration: underline; | ||
} | |||
@media screen { | |||
html.skin-theme-clientpref-night .law-portal-wrapper, | |||
html.skin-theme-clientpref-os .law-portal-wrapper { | |||
background-color: #131813; | |||
color: #e0e0e0; | |||
} | |||
html.skin-theme-clientpref-night .law-header, | |||
html.skin-theme-clientpref-os .law-header { | |||
background: linear-gradient(135deg, #003319, #001c10); | |||
color: #e2ffe2; | |||
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.6); | |||
} | |||
html.skin-theme-clientpref-night .law-card, | |||
html.skin-theme-clientpref-os .law-card { | |||
background: #1c1f1c; | |||
border: 1px solid #333; | |||
border-left: 6px solid #228b22; | |||
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); | |||
} | |||
html.skin-theme-clientpref-night .law-card-title, | |||
html.skin-theme-clientpref-os .law-card-title { | |||
color: #66ff66; | |||
} | |||
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: #7fff7f; | |||
} | |||
html.skin-theme-clientpref-night a:hover, | |||
html.skin-theme-clientpref-os a:hover { | |||
color: #b3ffb3; | |||
} | |||
} | } | ||