Juice/static/juice.css

95 lines
1.3 KiB
CSS
Raw Normal View History

2019-06-05 16:04:44 -04:00
body {
2019-06-13 10:46:59 -04:00
font-family: Helvetica,sans-serif;
background-color: lightblue;
2019-06-18 12:49:01 -04:00
margin: 0;
2019-06-05 16:04:44 -04:00
}
2019-06-20 07:48:11 -04:00
.font-awesome {
font-family: FontAwesome;
2019-06-20 09:01:14 -04:00
font-style: normal;
2019-06-20 07:48:11 -04:00
}
nav {
background-color: whitesmoke;
border-bottom: 1px solid darkgray;
display: flex;
}
nav span {
color: dimgrey;
cursor: pointer;
transition: 0.1s;
padding: 0.5em;
margin-left: 0.5em;
margin-right: 0.5em;
}
2019-06-22 18:37:16 -04:00
nav a {
text-decoration: none;
color: inherit;
}
2019-06-20 07:48:11 -04:00
nav span:hover {
background-color: lightgray;
}
2019-06-18 12:49:01 -04:00
#devices {
padding: 5%;
2019-06-16 18:22:47 -04:00
display: flex;
2019-06-20 07:49:29 -04:00
flex-wrap: wrap;
2019-06-16 18:22:47 -04:00
justify-content: center;
}
2019-06-05 16:04:44 -04:00
.device {
2019-06-13 10:46:59 -04:00
border: 2px solid darkgray;
border-radius: 0.5em;
padding: 3em;
margin: 3em;
2019-06-05 16:04:44 -04:00
display: flex;
flex-direction: column;
align-items: center;
2019-06-13 10:46:59 -04:00
background-color: whitesmoke;
}
.ip_address {
font-size: 0.8em;
2019-06-20 09:01:14 -04:00
font-style: italic;
2019-06-13 10:46:59 -04:00
color: darkgray;
margin: 0.2em;
2019-06-05 16:04:44 -04:00
}
.sub_devices {
display: flex;
}
.sub_device {
2019-06-13 10:46:59 -04:00
border: 2px solid darkgray;
border-radius: 0.5em;
2019-06-05 16:04:44 -04:00
padding: 1em;
margin: 1em;
2019-06-05 23:26:22 -04:00
display: flex;
flex-direction: column;
align-items: center;
}
.outlet_image {
width: 5em;
height: 5em;
2019-06-05 16:04:44 -04:00
}
2019-06-13 10:46:59 -04:00
@font-face {
font-family: FontAwesome;
src: url("/static/fontawesome-webfont.woff2");
}
2019-06-20 14:51:00 -04:00
.edit, .save, .lock, .unlock, .delete {
2019-06-13 10:46:59 -04:00
font-size: 0.8em;
color: dimgrey;
margin-left: 0.4em;
2019-06-13 10:46:59 -04:00
}
2019-06-20 14:51:00 -04:00
.edit:hover, .save:hover, .lock:hover, .unlock:hover, .delete:hover {
2019-06-13 10:46:59 -04:00
color: red;
cursor: pointer;
}