226 lines
3.3 KiB
Plaintext
226 lines
3.3 KiB
Plaintext
.container {
|
|
table {
|
|
width: 100%;
|
|
}
|
|
|
|
.row {
|
|
margin-top: 40px;
|
|
.admin-form {
|
|
min-width: 150px;
|
|
max-width: 500px;
|
|
width: 100%;
|
|
margin-top: 50px;
|
|
|
|
.input-wrapper {
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.admin-full-width {
|
|
width: 100%;
|
|
}
|
|
}
|
|
}
|
|
.example-button-row button,
|
|
.example-button-row a {
|
|
margin-right: 8px;
|
|
}
|
|
}
|
|
|
|
table {
|
|
width: 100%;
|
|
}
|
|
|
|
.machine-row {
|
|
margin-top: 60px;
|
|
|
|
.machine-text {
|
|
color: #000000;
|
|
font-size: 36px;
|
|
font-weight: 300;
|
|
letter-spacing: 2px;
|
|
}
|
|
|
|
.machine-status {
|
|
color: #000000;
|
|
font-size: 23px;
|
|
font-weight: 300;
|
|
margin-left: 30px;
|
|
margin-top: 50px;
|
|
letter-spacing: 0.5px;
|
|
|
|
img {
|
|
width: 15px;
|
|
margin-top: -3px;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
span {
|
|
font-size: 24px;
|
|
margin-left: 15px;
|
|
top: -10px;
|
|
}
|
|
}
|
|
.machine-status2 {
|
|
color: #000000;
|
|
font-size: 23px;
|
|
font-weight: 300;
|
|
margin-left: 30px;
|
|
margin-top: 10px;
|
|
letter-spacing: 0.5px;
|
|
|
|
img {
|
|
width: 15px;
|
|
margin-top: -3px;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
span {
|
|
font-size: 24px;
|
|
margin-left: 15px;
|
|
top: -10px;
|
|
}
|
|
}
|
|
|
|
.machine-image {
|
|
width: 230px;
|
|
margin-top: 0px;
|
|
margin-left: 50px;
|
|
}
|
|
}
|
|
|
|
.stat-wrapper {
|
|
margin-left: 30px;
|
|
color: #000000;
|
|
font-size: 23px;
|
|
font-weight: 300;
|
|
|
|
.stat-text {
|
|
color: #000000;
|
|
font-size: 36px;
|
|
font-weight: 300;
|
|
letter-spacing: 2px;
|
|
margin-bottom: 30px;
|
|
}
|
|
}
|
|
|
|
.button-use {
|
|
margin-left: 30px;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.boldMe {
|
|
font-weight: 400;
|
|
}
|
|
|
|
.lists {
|
|
text-align: center;
|
|
font-size: 20px;
|
|
}
|
|
|
|
.machine-list {
|
|
margin-right: 0px;
|
|
margin-top: 60px;
|
|
text-align: center;
|
|
}
|
|
|
|
.row-list {
|
|
width: 700px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.room-button {
|
|
border-radius: 12px;
|
|
background-color: white;
|
|
border: solid 1px red;
|
|
color: red;
|
|
padding: 10px;
|
|
width: 120px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.room-button:hover {
|
|
-webkit-box-shadow: inset 0 0 0 2px #24a1fc;
|
|
box-shadow: inset 0 0 0 2px #24a1fc;
|
|
}
|
|
.room-button:active {
|
|
-webkit-box-shadow: inset 0 0 0 2px #24a1fc;
|
|
box-shadow: inset 0 0 0 2px #24a1fc;
|
|
}
|
|
.room-button:focus {
|
|
-webkit-box-shadow: inset 0 0 0 2px #24a1fc;
|
|
box-shadow: inset 0 0 0 2px #24a1fc;
|
|
}
|
|
@media only screen and (max-width: 1000px) {
|
|
.machine-image {
|
|
margin-left: 50px;
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 800px) {
|
|
.machine-row {
|
|
.machine-text {
|
|
font-size: 30px;
|
|
}
|
|
}
|
|
.stat-wrapper {
|
|
.stat-text {
|
|
font-size: 30px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.col-xs-3 {
|
|
margin-left: -5px;
|
|
}
|
|
|
|
@media only screen and (max-width: 700px) {
|
|
.row-list {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 600px) {
|
|
.room-button {
|
|
width: 100px;
|
|
font-size: 12px;
|
|
padding: 3px;
|
|
}
|
|
.machine-list {
|
|
margin-top: 60px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 500px) {
|
|
table {
|
|
width: 50%;
|
|
}
|
|
|
|
.room-button {
|
|
width: 80px;
|
|
font-size: 10px;
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.machine-row {
|
|
.machine-text {
|
|
font-size: 24px;
|
|
}
|
|
}
|
|
.stat-wrapper {
|
|
.stat-text {
|
|
font-size: 20px;
|
|
font-weight: 600;
|
|
}
|
|
}
|
|
|
|
.stat-wrapper {
|
|
.list-group {
|
|
span {
|
|
font-size: 18px;
|
|
}
|
|
}
|
|
}
|
|
}
|