My Wiki

Template:IndexGrid/styles.css: Difference between revisions

< Template:IndexGrid
Administrator (talk | contribs)
Bureaucrats, Interface administrators, Administrators
245 edits
Created page with ".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(160px, 1fr)); gap: 20px; justify-items: center; } .index-card..."
 
No edit summary
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
.index-grid {
.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;}
  background: rgba(10, 10, 10, 0.75);
.index-grid__header{font-size:22px;font-weight:700;color:#FAB243;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px;}
  border: 1px solid rgba(120,165,255,0.2);
.index-grid__container{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:20px;justify-items:center;}
  border-radius: 12px;
.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;}
  padding: 24px;
.index-card-image:hover{border-color:#78A5FF;background:#1c1e25;transform:translateY(-4px);}
  text-align: center;
.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;}
.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(160px, 1fr));
  gap: 20px;
  justify-items: center;
}
 
.index-card {
  background: #141414;
  border: 1px solid rgba(120,165,255,0.25);
  border-radius: 10px;
  width: 160px;
  height: 160px;
  text-align: center;
  padding: 14px;
  text-decoration: none;
  transition: all 0.25s ease;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
 
.index-card:hover {
  border-color: #78A5FF;
  background: #1c1e25;
  transform: translateY(-4px);
}
 
.index-card img {
  width: 64px;
  height: 64px;
  margin-bottom: 10px;
  filter: drop-shadow(0 0 3px rgba(120,165,255,0.4));
}
 
.index-card span {
  font-size: 16px;
  font-weight: 600;
  color: #FAB243;
}

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;}
Retrieved from "https://wiki.2bz.org/index.php?title=Template:IndexGrid/styles.css&oldid=86"