blob: 7a98c09a924c9165b9387b25350c17514d48ce27 [file] [log] [blame]
body {
font: 11px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
color: #41464D;
margin: 0;
padding: 0;
background: #F3F1F1;
}
/*main rules*/
a:link, a:visited {
color: #528CE0;
}
a:hover, a:active {
color: #C65F5E;
}
p {
font-size: 13px;
margin: 0;
padding: 3px 0;
}
iframe {
height: 1px;
width: 1px;
visibility: hidden;
}
span.clr {
display: block;
clear: both;
}
/*header*/
h1 {
font-family: Georgia;
margin: 0;
padding: 0;
background: url(logo.png) no-repeat top left;
height: 69px;
width: 280px;
}
h1 span {
display: none;
}
h2 {
margin: 0;
padding: 10px 0;
font-size: 15px;
}
#container {
padding: 30px;
}
/*controls*/
#controls a:link, #controls a:visited {
display: block;
float: right;
background: #D0C8C8;
padding: 7px 10px;
font-size: 13px;
font-weight: bold;
margin-left: 10px;
text-align: center;
text-decoration: none;
border: 3px solid #fff;
color: #41464D;
text-shadow: 2px 2px 1px #B9ACAC;
}
#controls a:hover, #controls a:active {
text-shadow: none;
background: #F3F1F1;
color: #528CE0;
}
/*table*/
table {
border-collapse: collapse;
width: 100%;
min-width: 800px;
margin: 0;
padding: 0;
}
#legend td {
padding: 15px;
}
td, th {
background: #C8CBD0;
padding: 5px 8px;
margin: 0;
width: 150px;
font-weight: bold;
border: 3px solid #fff;
}
th {
font-weight: bold;
background: #D0C8C8;
color: #8A7575;
}
th.framework {
font-size: 15px;
text-shadow: 2px 2px 1px #B9ACAC;
}
td.test, td.empty, th {
text-align: right;
}
td.normal {
color: #636A75;
}
td.mismatch {
color: #AD7520;
}
td.good {
color: #657528;
background: #CFE773;
}
td.bad {
color: #B33F3F;
background: #EE9A9A;
}
td.exception {
color: #F3F1F1;
background: #41464D;
}
span.exception {
color: #DBEAF0;
text-decoration: underline;
cursor: help;
}
td.zero {
color: #F3F1F1;
background: #41464D;
}
th.selector {
background: #D2E0E6;
color: #528CE0;
text-align: left;
}
th.score-title, th.selectors-title {
text-align: left;
font-size: 12px;
width: 180px;
}
td.score {
color: #8A7575;
background: #D0C8C8;
text-align: center;
font-size: 12px;
}
td.mismatch {
background: #E8C896;
}
/*page footer*/
div#footer {
padding: 20px 0;
}
div#footer p {
font-size: 11px;
color: #B9ACAC;
}