116 lines
1.7 KiB
CSS
116 lines
1.7 KiB
CSS
@font-face {
|
|
font-family: "awesome";
|
|
src: url("../fontawesome-webfont.woff");
|
|
}
|
|
|
|
a {
|
|
color: orange;
|
|
}
|
|
body {
|
|
background: black;
|
|
color: orange;
|
|
margin: 0;
|
|
}
|
|
|
|
fieldset {
|
|
border: 1px solid orange;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
input{
|
|
background: black;
|
|
border: 1px dotted orange;
|
|
border-radius: 4px;
|
|
padding: 3px;
|
|
margin: 3px;
|
|
color: orange;
|
|
}
|
|
|
|
button{
|
|
background: orange;
|
|
border-radius: 5px;
|
|
padding: 5px 7px;
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
border-color: yellow red red yellow;
|
|
}
|
|
footer {
|
|
position: fixed;
|
|
bottom: 0;
|
|
width: 100%;
|
|
text-align: center;
|
|
margin: 5px;
|
|
background: black;
|
|
}
|
|
nav {
|
|
position: sticky;
|
|
top: 0;
|
|
background: #26220c;
|
|
padding: 5px;
|
|
margin: 0 0 10px 0;
|
|
border-bottom: 1px solid orange;
|
|
}
|
|
.error {
|
|
background: red;
|
|
color: black;
|
|
padding: 5px;
|
|
border-radius: 6px;
|
|
}
|
|
|
|
fieldset[tabindex="0"]{
|
|
max-height: 55px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
fieldset[tabindex="0"]:focus-within{
|
|
max-height: unset;
|
|
}
|
|
td, tr{
|
|
vertical-align: baseline;
|
|
}
|
|
.customer,
|
|
.sender,
|
|
.invoice_meta{
|
|
float: left;
|
|
}
|
|
|
|
.clear{
|
|
clear: both;
|
|
}
|
|
.position_selector{
|
|
background: rgba(0,0,0,0.7);
|
|
backdrop-filter: blur(3px);
|
|
}
|
|
.task.cancelled > .name {
|
|
text-decoration: line-through;
|
|
color: gray;
|
|
}
|
|
.task.started > .name {
|
|
color: green;
|
|
}
|
|
.task.pending > .name {
|
|
color: gray;
|
|
}
|
|
.task.complete > .name {
|
|
color: green;
|
|
}
|
|
.task.complete > .name:before {
|
|
content: "✓ ";
|
|
}
|
|
|
|
.symbol {
|
|
font-family: awesome;
|
|
font-size: 20px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.settings {
|
|
position: fixed;
|
|
background: black;
|
|
top: 60px;
|
|
left: 10px;
|
|
right: 10px;
|
|
padding: 10px;
|
|
border: 1px solid orange;
|
|
border-radius: 5px;
|
|
} |