179 lines
3.3 KiB
CSS
179 lines
3.3 KiB
CSS
|
|
body {
|
|
font-family: helvetica, arial, sans-serif;
|
|
background: white url("site_bg.jpg") no-repeat scroll 0px 0px;
|
|
color: #535353;
|
|
}
|
|
|
|
.pretty_table {
|
|
-moz-border-radius-bottomleft:5px;
|
|
-webkit-border-bottom-left-radius:5px;
|
|
border-bottom-left-radius:5px;
|
|
|
|
-moz-border-radius-bottomright:5px;
|
|
-webkit-border-bottom-right-radius:5px;
|
|
border-bottom-right-radius:5px;
|
|
|
|
-moz-border-radius-topright:5px;
|
|
-webkit-border-top-right-radius:5px;
|
|
border-top-right-radius:5px;
|
|
|
|
-moz-border-radius-topleft:5px;
|
|
-webkit-border-top-left-radius:5px;
|
|
border-top-left-radius:5px;
|
|
}
|
|
|
|
.pretty_table table {
|
|
width:100%;
|
|
height:100%;
|
|
border-spacing: 10px;
|
|
border-collapse: separate;
|
|
}
|
|
|
|
.pretty_table tr:last-child td:last-child {
|
|
-moz-border-radius-bottomright: 5px;
|
|
-webkit-border-bottom-right-radius: 5px;
|
|
border-bottom-right-radius: 5px;
|
|
}
|
|
|
|
.pretty_table tr:first-child td:first-child {
|
|
-moz-border-radius-topleft: 5px;
|
|
-webkit-border-top-left-radius: 5px;
|
|
border-top-left-radius: 5px;
|
|
}
|
|
|
|
.pretty_table tr:first-child td:last-child {
|
|
-moz-border-radius-topright: 5px;
|
|
-webkit-border-top-right-radius: 5px;
|
|
border-top-right-radius: 5px;
|
|
}
|
|
|
|
.pretty_table tr:last-child td:first-child {
|
|
-moz-border-radius-bottomleft: 5px;
|
|
-webkit-border-bottom-left-radius: 5px;
|
|
border-bottom-left-radius: 5px;
|
|
}
|
|
|
|
.pretty_table td {
|
|
vertical-align: middle;
|
|
text-align: center;
|
|
padding: 5px;
|
|
border: solid 1px grey;
|
|
color: black;
|
|
}
|
|
|
|
.pretty_table_header {
|
|
background-color:#F1F1F1;
|
|
text-align: center;
|
|
color: black;
|
|
border: solid 1px grey;
|
|
padding: 5px;
|
|
}
|
|
|
|
.pretty_table_header:hover {
|
|
cursor: pointer;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.success {
|
|
background-color: #00FF00;
|
|
}
|
|
|
|
.success:hover {
|
|
cursor: pointer;
|
|
border: solid 1px #3C763D;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.fail {
|
|
background-color: #FF3300;
|
|
}
|
|
|
|
.fail:hover {
|
|
cursor:pointer;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.unknown {
|
|
background-color: #FF0000;
|
|
}
|
|
|
|
.unknown:hover {
|
|
cursor:pointer;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.no_result {
|
|
background-color: white;
|
|
opacity: 0.75;
|
|
}
|
|
|
|
.scoreboard_container {
|
|
margin-top: 10px;
|
|
margin-left: 10px;
|
|
width: 90%;
|
|
}
|
|
|
|
.query_box_container {
|
|
margin-top: 15px;
|
|
margin-left: 10px;
|
|
background: rgba(255, 255, 255, 0);
|
|
width: 90%;
|
|
color: #535353;
|
|
}
|
|
|
|
.query_box {
|
|
padding: 10px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.query_box_title {
|
|
font-size: 150%;
|
|
display: inline-block;
|
|
color: #264D69;
|
|
margin: 2px;s
|
|
}
|
|
|
|
.query_box input {
|
|
margin-top: 2px;
|
|
margin-bottom: 2px;
|
|
margin-left: 10px;
|
|
margin-right: 10px;
|
|
border: solid 1px #bbb;
|
|
/* padding: 5px; */
|
|
}
|
|
|
|
.overlay_opaque {
|
|
opacity: 0.75;
|
|
background-color: #4C4C4C;
|
|
position: fixed;
|
|
width: 100%;
|
|
height: 100%;
|
|
top: 0px;
|
|
left: 0px;
|
|
z-index: 10000;
|
|
}
|
|
|
|
.overlay_title {
|
|
width: 100%;
|
|
font-size: 125%;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
position: absolute;
|
|
bottom: 0;
|
|
z-index: 100001;
|
|
}
|
|
|
|
.overlay_clear {
|
|
background-color:rgba(0, 0, 0, 0.5)
|
|
position: fixed;
|
|
width: 100%;
|
|
height: 100%;
|
|
top: 0px;
|
|
left: 0px;
|
|
z-index: 100000; /* more than the opaque one */
|
|
}
|
|
|
|
#logo {
|
|
margin-left: 10px;
|
|
} |