101 lines
2.1 KiB
CSS
101 lines
2.1 KiB
CSS
/* ── ShooterHub custom styles ──────────────────────────────────────────────── */
|
|
|
|
body {
|
|
background-color: #f8f9fa;
|
|
min-height: 100vh;
|
|
}
|
|
|
|
/* Avatar circle (initials) in navbar */
|
|
.avatar-circle {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 32px;
|
|
height: 32px;
|
|
border-radius: 50%;
|
|
background: #0d6efd;
|
|
color: #fff;
|
|
font-size: 0.8rem;
|
|
font-weight: 600;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
/* Avatar circle large (profile page) */
|
|
.avatar-circle-lg {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 80px;
|
|
height: 80px;
|
|
border-radius: 50%;
|
|
background: #0d6efd;
|
|
color: #fff;
|
|
font-size: 1.8rem;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.avatar-img {
|
|
width: 80px;
|
|
height: 80px;
|
|
border-radius: 50%;
|
|
object-fit: cover;
|
|
}
|
|
|
|
/* Page hero on landing */
|
|
.hero {
|
|
background: linear-gradient(135deg, #0d1117 0%, #1a2535 100%);
|
|
color: #fff;
|
|
padding: 80px 0;
|
|
}
|
|
|
|
.hero h1 { font-size: 3rem; font-weight: 700; }
|
|
.hero p.lead { font-size: 1.25rem; color: #adb5bd; }
|
|
|
|
/* Feature cards */
|
|
.feature-card {
|
|
border: none;
|
|
box-shadow: 0 2px 8px rgba(0,0,0,.08);
|
|
transition: transform .2s, box-shadow .2s;
|
|
}
|
|
.feature-card:hover {
|
|
transform: translateY(-4px);
|
|
box-shadow: 0 6px 20px rgba(0,0,0,.12);
|
|
}
|
|
.feature-icon {
|
|
font-size: 2.5rem;
|
|
color: #0d6efd;
|
|
}
|
|
|
|
/* Recipe sidebar */
|
|
.recipe-item {
|
|
cursor: pointer;
|
|
border-left: 3px solid transparent;
|
|
transition: border-color .15s, background-color .15s;
|
|
}
|
|
.recipe-item.active, .recipe-item:hover {
|
|
background-color: #e8f0fe;
|
|
border-left-color: #0d6efd;
|
|
}
|
|
|
|
/* Rig card */
|
|
.rig-card .rig-items-list {
|
|
max-height: 180px;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
/* Subtle table striping */
|
|
.table-hover > tbody > tr:hover { background-color: #f0f4ff; }
|
|
|
|
/* Toast container */
|
|
#toastContainer {
|
|
position: fixed;
|
|
bottom: 1.5rem;
|
|
right: 1.5rem;
|
|
z-index: 1100;
|
|
}
|
|
|
|
/* Utility */
|
|
.cursor-pointer { cursor: pointer; }
|
|
.hover-lift { transition: transform .15s, box-shadow .15s; }
|
|
.hover-lift:hover { transform: translateY(-2px); box-shadow: 0 4px 16px rgba(0,0,0,.1) !important; }
|