81 lines
1.0 KiB
CSS
81 lines
1.0 KiB
CSS
body{
|
|
padding:0;
|
|
margin:0;
|
|
font-family:sans-serif;
|
|
font-size:14px;
|
|
color:#bdae93;
|
|
background:#282828;
|
|
min-width:350px;
|
|
}
|
|
|
|
.header{
|
|
padding:4px 10px;
|
|
font-weight:bold;
|
|
font-size:24px;
|
|
border-bottom:1px solid #282828;
|
|
background:#3c3836;
|
|
overflow:hidden;
|
|
line-height:32px;
|
|
font-family:monospace;
|
|
color:#d5c4a1;
|
|
}
|
|
|
|
.header img{
|
|
float:left;
|
|
margin-right:7px;
|
|
}
|
|
|
|
.content{
|
|
margin:10px 10px 27px 10px;
|
|
}
|
|
|
|
.title{
|
|
font-size:18px;
|
|
font-weight:bold;
|
|
display:block;
|
|
margin-bottom:10px;
|
|
}
|
|
|
|
.title::before{
|
|
content:"#";
|
|
color:#a89984;
|
|
}
|
|
|
|
label{
|
|
display:block;
|
|
color:#a89984;
|
|
}
|
|
|
|
.option-wrapper{
|
|
margin-bottom:10px;
|
|
}
|
|
|
|
input{
|
|
all:unset;
|
|
display:block;
|
|
width:100%;
|
|
background:#1d2021;
|
|
border:1px solid #504545;
|
|
padding:4px 7px;
|
|
box-sizing:border-box;
|
|
}
|
|
|
|
input:focus{
|
|
border-color:#928374;
|
|
}
|
|
|
|
#status{
|
|
font-size:14px;
|
|
overflow:hidden;
|
|
line-height:18px;
|
|
padding:4px 10px;
|
|
border-bottom:1px solid #504545;
|
|
background:#1d2021;
|
|
font-family:monospace;
|
|
}
|
|
|
|
#status img{
|
|
float:left;
|
|
margin-right:4px;
|
|
}
|