119 lines
2.1 KiB
CSS
119 lines
2.1 KiB
CSS
:root{
|
|
--bg-dark:#121212;
|
|
--bg-card:#1e1e1e;
|
|
--text-light:#f5f5f5;
|
|
--text-muted:#b3b3b3;
|
|
--accent:#d4af37;
|
|
}
|
|
|
|
body{
|
|
background:var(--bg-dark);
|
|
color:var(--text-light);
|
|
font-family:'Inter',sans-serif;
|
|
}
|
|
|
|
.container-narrow{max-width:860px}
|
|
|
|
.navbar{
|
|
background:linear-gradient(90deg,#1a1a1a,#333);
|
|
box-shadow:0 2px 15px rgba(0,0,0,.6);
|
|
}
|
|
.navbar .navbar-brand{
|
|
color:var(--accent)!important;
|
|
font-weight:600;
|
|
letter-spacing:.5px;
|
|
}
|
|
.navbar .navbar-text{
|
|
color:var(--text-light)!important;
|
|
}
|
|
.navbar a.btn-outline-accent{
|
|
border-color:var(--accent)!important;
|
|
color:var(--accent)!important;
|
|
}
|
|
.navbar a.btn-outline-accent:hover{
|
|
background:var(--accent);
|
|
color:#000!important;
|
|
}
|
|
|
|
h1,h2,h3,h4,h5{color:var(--text-light);margin:0 0 .6rem}
|
|
.item-title{color:var(--text-light)}
|
|
.text-muted{color:var(--text-muted)!important}
|
|
|
|
.card{
|
|
background:var(--bg-card);
|
|
border:1px solid #2d2d2d;
|
|
box-shadow:0 8px 25px rgba(0,0,0,.5);
|
|
color:var(--text-light);
|
|
border-radius:10px;
|
|
}
|
|
|
|
.btn-accent{
|
|
background:var(--accent);
|
|
color:#000;
|
|
border:0;
|
|
font-weight:600;
|
|
transition:.25s;
|
|
}
|
|
.btn-accent:hover{
|
|
background:#b8952d;
|
|
color:#000;
|
|
}
|
|
|
|
.btn-outline-accent{
|
|
background:transparent;
|
|
border:1px solid var(--accent);
|
|
color:var(--accent);
|
|
font-weight:600;
|
|
transition:.25s;
|
|
}
|
|
.btn-outline-accent:hover{
|
|
background:var(--accent);
|
|
color:#000;
|
|
}
|
|
|
|
.btn-danger{
|
|
background:#b51c1c;
|
|
border:none;
|
|
color:#fff;
|
|
font-weight:600;
|
|
transition:.25s;
|
|
}
|
|
.btn-danger:hover{
|
|
background:#d62828;
|
|
color:#fff;
|
|
}
|
|
|
|
.form-control,textarea{
|
|
background:#2a2a2a;
|
|
border:1px solid #444;
|
|
color:var(--text-light);
|
|
}
|
|
.form-control:focus,textarea:focus{
|
|
border-color:var(--accent);
|
|
box-shadow:0 0 0 .15rem rgba(212,175,55,.25);
|
|
background:#2f2f2f;
|
|
color:#fff;
|
|
}
|
|
|
|
.alert{
|
|
background:#2d2d2d;
|
|
color:#ccc;
|
|
border:none;
|
|
}
|
|
.list-group-item{
|
|
background:#1c1c1c;
|
|
border:1px solid #333;
|
|
}
|
|
.list-group-item .text-muted{
|
|
color:var(--text-muted)!important;
|
|
}
|
|
|
|
a{
|
|
color:var(--accent);
|
|
text-decoration:none;
|
|
font-weight:500;
|
|
}
|
|
a:hover{
|
|
text-decoration:underline;
|
|
color:#f1c94e;
|
|
} |