Juice/static/juice.css

65 lines
890 B
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-18 12:49:01 -04:00
#devices {
padding: 5%;
2019-06-16 18:22:47 -04:00
display: flex;
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;
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");
}
.edit, .save {
font-family: FontAwesome;
font-size: 0.8em;
color: dimgrey;
}
.edit:hover, .save:hover {
color: red;
cursor: pointer;
}