Initial commit : CMS Simplifié
This commit is contained in:
119
public/assets/style.css
Normal file
119
public/assets/style.css
Normal file
@@ -0,0 +1,119 @@
|
||||
: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;
|
||||
}
|
||||
Reference in New Issue
Block a user