init
This commit is contained in:
79
static/style.css
Normal file
79
static/style.css
Normal file
@@ -0,0 +1,79 @@
|
||||
body{
|
||||
font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;
|
||||
max-width:900px;
|
||||
margin:2rem auto;
|
||||
padding:0 1rem;
|
||||
background:#fff
|
||||
}
|
||||
|
||||
header{
|
||||
display:flex;
|
||||
justify-content:space-between;
|
||||
align-items:center;
|
||||
margin-bottom:1rem
|
||||
}
|
||||
|
||||
nav a{margin-right:.5rem}
|
||||
|
||||
table{
|
||||
border-collapse:collapse;
|
||||
width:100%
|
||||
}
|
||||
|
||||
th,td{
|
||||
border:1px solid #ddd;
|
||||
padding:.5rem
|
||||
}
|
||||
|
||||
th{
|
||||
background:#f6f8fa;
|
||||
text-align:left
|
||||
}
|
||||
tr:nth-child(even){
|
||||
background:#fafbfc
|
||||
}
|
||||
|
||||
.btn{
|
||||
display:inline-block;
|
||||
padding:.35rem .6rem;
|
||||
border:1px solid #888;
|
||||
border-radius:.4rem;
|
||||
text-decoration:none
|
||||
}
|
||||
.btn.primary{
|
||||
background:#0a7;
|
||||
color:#fff;
|
||||
border-color:#0a7
|
||||
}
|
||||
.btn.warn{
|
||||
background:#e33;
|
||||
color:#fff;
|
||||
border-color:#e33
|
||||
}
|
||||
input[type=text], input[type=email]{
|
||||
width:100%;
|
||||
padding:.4rem;
|
||||
border:1px solid #bbb;
|
||||
border-radius:.35rem
|
||||
}
|
||||
|
||||
form .row{
|
||||
display:grid;
|
||||
grid-template-columns:150px 1fr;
|
||||
gap:.5rem;
|
||||
margin:.4rem 0
|
||||
}
|
||||
footer{
|
||||
margin-top:2rem;
|
||||
color:#666;
|
||||
font-size:.9rem
|
||||
}
|
||||
.alert{
|
||||
padding:.5rem .6rem;
|
||||
background:#eef9ff;
|
||||
border:1px solid #b5def7;
|
||||
border-radius:.35rem;
|
||||
margin:.6rem 0
|
||||
}
|
||||
.actions{display:flex;gap:.4rem}
|
||||
.actions form{display:inline}
|
||||
Reference in New Issue
Block a user