scheduler styles
This commit is contained in:
parent
5778ef20b1
commit
615cbad803
118
static/style.css
118
static/style.css
@ -1180,3 +1180,121 @@ input[type=checkbox]:hover {
|
|||||||
#limit-msg {
|
#limit-msg {
|
||||||
color:red;
|
color:red;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
#scheduler-div {
|
||||||
|
width: 480px;
|
||||||
|
height: 430px;
|
||||||
|
border-radius:20px;
|
||||||
|
/* background-color: #282828;*/
|
||||||
|
background-color: rgba(5,5,5,0.7);
|
||||||
|
backdrop-filter: blur(6px);
|
||||||
|
border-color: #5D5D5D;
|
||||||
|
border-style: solid;
|
||||||
|
border-width: thin;
|
||||||
|
|
||||||
|
position: fixed; /*Can also be `fixed`*/
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
margin: auto;
|
||||||
|
/*Solves a problem in which the content is being cut when the div is smaller than its' wrapper:*/
|
||||||
|
max-width: 100%;
|
||||||
|
max-height: 100%;
|
||||||
|
overflow: auto;
|
||||||
|
z-index:98;
|
||||||
|
}
|
||||||
|
|
||||||
|
#scheduler-close-btn {
|
||||||
|
background-color: transparent;
|
||||||
|
border: none;
|
||||||
|
color: white;
|
||||||
|
text-decoration: underline;
|
||||||
|
margin-left:42%;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
#scheduler-close-btn:hover {
|
||||||
|
background-color: transparent;
|
||||||
|
border: none;
|
||||||
|
color: darkgray;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
#scheduler-close-btn:active {
|
||||||
|
background-color: transparent;
|
||||||
|
border: none;
|
||||||
|
color: #4B4B4B;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
#scheduler-p {
|
||||||
|
font-size:20px;
|
||||||
|
display: inline;
|
||||||
|
}
|
||||||
|
|
||||||
|
#scheduler-top {
|
||||||
|
margin-top:3%;
|
||||||
|
padding: 5%;
|
||||||
|
padding-top: 1%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hour-select {
|
||||||
|
width:22%;
|
||||||
|
display: inline;
|
||||||
|
margin-right: 2%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.scheduler-hour-select {
|
||||||
|
display: inline;
|
||||||
|
zoom:1.2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.minute-select {
|
||||||
|
width:22%;
|
||||||
|
display: inline;
|
||||||
|
margin-right: 2%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.timezone-select {
|
||||||
|
width:50%;
|
||||||
|
display: inline;
|
||||||
|
}
|
||||||
|
|
||||||
|
#shutdowns-p {
|
||||||
|
margin-top: 5%;
|
||||||
|
margin-bottom: 2%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#reboots-p {
|
||||||
|
margin-top:6%;
|
||||||
|
margin-bottom:2%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#inside-scheduler-div {
|
||||||
|
margin-left: 5%;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.btn-scheduler {
|
||||||
|
background-color: #003337;
|
||||||
|
border-color:#00CFDF;
|
||||||
|
color:white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-scheduler:hover {
|
||||||
|
color:white;
|
||||||
|
background-color:#008993;
|
||||||
|
border-color:#00EDFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-scheduler:active {
|
||||||
|
color:grey;
|
||||||
|
background-color:#002225;
|
||||||
|
border-color:#00CFDF;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user