89 lines
1.4 KiB
CSS
89 lines
1.4 KiB
CSS
body {
|
|
-webkit-user-select: none;
|
|
}
|
|
|
|
.pure-u-3-5 {
|
|
margin-top: 1.5%;
|
|
margin-bottom: 1.5%;
|
|
}
|
|
|
|
.chromebook {
|
|
font-family: Lato;
|
|
padding-left:2%;
|
|
margin-left:3%;
|
|
margin-bottom: 1%;
|
|
margin-top: 1%;
|
|
box-shadow: 3px 3px 10px #c2c2c2;
|
|
color: #000000;
|
|
height: 10%;
|
|
max-width: 81%;
|
|
max-height: 10%;
|
|
}
|
|
|
|
.checkout, .teacher {
|
|
min-width: 94%;
|
|
}
|
|
|
|
.chromebook:hover {
|
|
box-shadow: 5px 0 12px #919191, -5px 0 12px #919191;
|
|
outline: #25abd9 solid 3px;
|
|
}
|
|
|
|
.timestamp {
|
|
color: #6D6E6D;
|
|
float: right;
|
|
}
|
|
|
|
.icons {
|
|
float: right;
|
|
margin-top: -7.5%;
|
|
margin-left: 2%;
|
|
color: #5A5A5A;
|
|
transition: color 0.5s;
|
|
}
|
|
.icons.yield.fa.fa-exclamation-triangle.fa-lg, .icons.yieldc.fa.fa-exclamation-triangle.fa-lg {
|
|
margin-right: 6%;
|
|
}
|
|
|
|
|
|
.cross:hover, .crossc:hover{
|
|
color: #E14C2B;
|
|
}
|
|
|
|
.user {
|
|
font-size: 65%;
|
|
margin-top: 2%;
|
|
padding-top: 0%;
|
|
margin-bottom: 0%;
|
|
text-align: right;
|
|
padding-right: 10%;
|
|
transition: color 0.5s;
|
|
}
|
|
.time {
|
|
margin-top: 0%;
|
|
font-size: 50%;
|
|
text-align: right;
|
|
padding-right: 10%;
|
|
margin-bottom: 0%;
|
|
transition: color 0.5s;
|
|
}
|
|
|
|
.available {
|
|
background-color:#72D376;
|
|
transition: background-color 1s;
|
|
}
|
|
|
|
.checkedout {
|
|
background-color:#F9DB45;
|
|
transition: background-color 1s;
|
|
}
|
|
|
|
.unavailable {
|
|
background-color:#E14C2B;
|
|
transition: background-color 1s;
|
|
}
|
|
|
|
.unavailable .user, .unavailable .time {
|
|
color: white;
|
|
}
|