Main Page.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 197: | Line 197: | ||
border-bottom-color: rgba(0, 64, 128, 0.35); | border-bottom-color: rgba(0, 64, 128, 0.35); | ||
} | } | ||
} | |||
/* Category buttons */ | |||
.cat-but-grid { | |||
display: grid; | |||
grid-template-columns: repeat(auto-fill, minmax(11em, 1fr)); | |||
gap: 0.5em; | |||
} | |||
.cat-but { | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
gap: 0.5em; | |||
padding: 0.65em 0.9em; | |||
border-radius: 8px; | |||
background: #ffffff; | |||
border: 1px solid #d6dbe3; | |||
color: #004080; | |||
font-weight: 700; | |||
text-decoration: none; | |||
box-sizing: border-box; | |||
} | |||
.cat-but-icon { | |||
font-size: 1.05em; | |||
line-height: 1; | |||
} | |||
.cat-but-label { | |||
line-height: 1.1; | |||
} | |||
/* Hover */ | |||
.cat-but:hover { | |||
background: #f3f6fb; | |||
border-color: #004080; | |||
} | |||
/* Dark mode */ | |||
html.skin-theme-clientpref-night .cat-but, | |||
html.skin-theme-clientpref-os .cat-but { | |||
background: #0f1a2b; | |||
border-color: #24314a; | |||
color: #ffffff; | |||
} | |||
html.skin-theme-clientpref-night .cat-but:hover, | |||
html.skin-theme-clientpref-os .cat-but:hover { | |||
background: #16223a; | |||
border-color: #3a5a9a; | |||
} | } | ||