79 lines
1.3 KiB
CSS
79 lines
1.3 KiB
CSS
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} |