147 lines
2.2 KiB
CSS
Executable File
147 lines
2.2 KiB
CSS
Executable File
/*TAG Styles*/
|
|
body{
|
|
background-color: rgb(93, 95, 95);
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size:16px;
|
|
/*background-image: url("../images/background.jpg");*/
|
|
}
|
|
|
|
div{
|
|
|
|
}
|
|
table{
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
th{
|
|
|
|
}
|
|
td{
|
|
|
|
}
|
|
/*Class Styles*/
|
|
.header{
|
|
background-color: #F1F1F1;
|
|
text-align: center;
|
|
padding: 20px;
|
|
border-radius: 15px;
|
|
font-size: 200%;
|
|
font-weight: bolder;
|
|
}
|
|
.navbar {
|
|
overflow: hidden;
|
|
background-color: rgb(65, 17, 17);
|
|
border-radius: 4px;
|
|
display: block;
|
|
}
|
|
|
|
.navbar_item{
|
|
float: left;
|
|
display: inline;
|
|
color: #f2f2f2;
|
|
text-align: center;
|
|
padding: 14px 16px;
|
|
text-decoration: none;
|
|
}
|
|
.navbar_item:hover{
|
|
background-color: #ddd;
|
|
color: black;
|
|
cursor: pointer;
|
|
}
|
|
.main_container{
|
|
text-align: center;
|
|
display: block;
|
|
|
|
|
|
}
|
|
.prompt{
|
|
color: #e6e3c8;
|
|
display: inline-block;
|
|
padding: 5px;
|
|
margin: 5px;
|
|
}
|
|
.field{
|
|
display: inline-block;
|
|
padding: 5px;
|
|
margin: 5px;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
|
|
.footer{
|
|
display: block;
|
|
background-color:#F1F1F1;
|
|
text-align: center;
|
|
padding: 10px;
|
|
border-radius: 15px;
|
|
display: block;
|
|
margin-top: 10px;
|
|
|
|
position: absolute;
|
|
bottom: 0;
|
|
width: 95%;
|
|
|
|
}
|
|
.footer_item{
|
|
display: inline;
|
|
}
|
|
.button{
|
|
cursor: pointer;
|
|
color:blue;
|
|
margin:5px;
|
|
background-color: rgb(194, 194, 194);
|
|
border-radius: 5px;
|
|
display: inline-block;
|
|
padding: 5px;
|
|
}
|
|
.button:hover{
|
|
background-color: #ddd;
|
|
color: black;
|
|
cursor: pointer;
|
|
}
|
|
/* Tooltip text */
|
|
.tooltiptext {
|
|
visibility: hidden;
|
|
width: 120px;
|
|
background-color: black;
|
|
color: #fff;
|
|
text-align: center;
|
|
padding: 5px 0;
|
|
border-radius: 6px;
|
|
top: -5px;
|
|
left: 105%;
|
|
|
|
/* Position the tooltip text - see examples below! */
|
|
position: absolute;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* Show the tooltip text when you mouse over the tooltip container */
|
|
.td:hover .tooltiptext {
|
|
visibility: visible;
|
|
}
|
|
.tooltiptext::after {
|
|
content: " ";
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 100%; /* To the left of the tooltip */
|
|
margin-top: -5px;
|
|
border-width: 5px;
|
|
border-style: solid;
|
|
border-color: transparent black transparent transparent;
|
|
}
|
|
|
|
.form_container{
|
|
display: block;
|
|
text-align: center;
|
|
}
|
|
|
|
/*ID styles*/
|
|
#active_monitors_label{
|
|
font-size: 150%;
|
|
font-weight: bolder;
|
|
margin: 10px;
|
|
}
|
|
|
|
|