Template:IndexGrid/styles.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
.index-grid{background:rgba(10,10,10,0.75);border:1px solid rgba(120,165,255,0.2);border-radius:12px;padding:24px;text-align:center;} | .index-grid{background:rgba(10,10,10,0.75);border:1px solid rgba(120,165,255,0.2);border-radius:12px;padding:24px;text-align:center;} | ||
.index-grid__header{font-size:22px;font-weight:700;color:#FAB243;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px;} | .index-grid__header{font-size:22px;font-weight:700;color:#FAB243;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px;} | ||
.index-grid__container{display:grid;grid-template-columns:repeat(auto-fit,minmax( | .index-grid__container{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:20px;justify-items:center;} | ||
.index-card{background:#141414;border:1px solid rgba(120,165,255,0.25);border-radius:10px | .index-card-image{background:#141414;border:1px solid rgba(120,165,255,0.25);border-radius:10px;padding:14px;transition:all .25s ease;display:flex;align-items:center;justify-content:center;width:100px;height:100px;} | ||
.index-card:hover{border-color:#78A5FF;background:#1c1e25;transform:translateY(-4px);} | .index-card-image:hover{border-color:#78A5FF;background:#1c1e25;transform:translateY(-4px);} | ||
.index-card | .index-card-label{font-size:16px;font-weight:600;color:#FAB243;margin-top:6px;} | ||
.index-card | .index-card-label a{color:#FAB243;text-decoration:none;} | ||
.index-card-label a:hover{text-decoration:underline;} | |||
Latest revision as of 05:30, 3 November 2025
.index-grid{background:rgba(10,10,10,0.75);border:1px solid rgba(120,165,255,0.2);border-radius:12px;padding:24px;text-align:center;}
.index-grid__header{font-size:22px;font-weight:700;color:#FAB243;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px;}
.index-grid__container{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:20px;justify-items:center;}
.index-card-image{background:#141414;border:1px solid rgba(120,165,255,0.25);border-radius:10px;padding:14px;transition:all .25s ease;display:flex;align-items:center;justify-content:center;width:100px;height:100px;}
.index-card-image:hover{border-color:#78A5FF;background:#1c1e25;transform:translateY(-4px);}
.index-card-label{font-size:16px;font-weight:600;color:#FAB243;margin-top:6px;}
.index-card-label a{color:#FAB243;text-decoration:none;}
.index-card-label a:hover{text-decoration:underline;}