Websites/webkit.org/perf/slickspeed/style.css

   1 body {
   2         font: 11px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
   3         color: #41464D;
   4         margin: 0;
   5         padding: 0;
   6         background: #F3F1F1;
   7 }
   8
   9 /*main rules*/
  10
  11 a:link, a:visited {
  12         color: #528CE0;
  13 }
  14
  15 a:hover, a:active {
  16         color: #C65F5E;
  17 }
  18
  19 p {
  20         font-size: 13px;
  21         margin: 0;
  22         padding: 3px 0;
  23 }
  24
  25 iframe {
  26         height: 1px;
  27         width: 1px;
  28         visibility: hidden;
  29 }
  30
  31 span.clr {
  32         display: block;
  33         clear: both;
  34 }
  35
  36 /*header*/
  37
  38 h1 {
  39         font-family: Georgia;
  40         margin: 0;
  41         padding: 0;
  42         background: url(logo.png) no-repeat top left;
  43         height: 69px;
  44         width: 280px;
  45 }
  46
  47 h1 span {
  48         display: none;
  49 }
  50
  51 h2 {
  52         margin: 0;
  53         padding: 10px 0;
  54         font-size: 15px;
  55 }
  56
  57 #container {
  58         padding: 30px;
  59 }
  60
  61 /*controls*/
  62
  63 #controls a:link, #controls a:visited {
  64         display: block;
  65         float: right;
  66         background: #D0C8C8;
  67         padding: 7px 10px;
  68         font-size: 13px;
  69         font-weight: bold;
  70         margin-left: 10px;
  71         text-align: center;
  72         text-decoration: none;
  73         border: 3px solid #fff;
  74         color: #41464D;
  75         text-shadow: 2px 2px 1px #B9ACAC;
  76 }
  77
  78 #controls a:hover, #controls a:active {
  79         text-shadow: none;
  80         background: #F3F1F1;
  81         color: #528CE0;
  82 }
  83
  84 /*table*/
  85
  86 table {
  87         border-collapse: collapse;
  88         width: 100%;
  89         min-width: 800px;
  90         margin: 0;
  91         padding: 0;
  92 }
  93
  94 #legend td {
  95         padding: 15px;
  96 }
  97
  98 td, th {
  99         background: #C8CBD0;
 100         padding: 5px 8px;
 101         margin: 0;
 102         width: 150px;
 103         font-weight: bold;
 104         border: 3px solid #fff;
 105 }
 106
 107 th {
 108         font-weight: bold;
 109         background: #D0C8C8;
 110         color: #8A7575;
 111 }
 112
 113 th.framework {
 114         font-size: 15px;
 115         text-shadow: 2px 2px 1px #B9ACAC;
 116 }
 117
 118 td.test, td.empty, th {
 119         text-align: right;
 120 }
 121
 122 td.normal {
 123         color: #636A75;
 124 }
 125
 126 td.mismatch {
 127         color: #AD7520;
 128 }
 129
 130 td.good {
 131         color: #657528;
 132         background: #CFE773;
 133 }
 134
 135 td.bad {
 136         color: #B33F3F;
 137         background: #EE9A9A;
 138 }
 139
 140 td.exception {
 141         color: #F3F1F1;
 142         background: #41464D;
 143 }
 144
 145 span.exception {
 146         color: #DBEAF0;
 147         text-decoration: underline;
 148         cursor: help;
 149 }
 150
 151 td.zero {
 152         color: #F3F1F1;
 153         background: #41464D;
 154 }
 155
 156 th.selector {
 157         background: #D2E0E6;
 158         color: #528CE0;
 159         text-align: left;
 160 }
 161
 162 th.score-title, th.selectors-title {
 163         text-align: left;
 164         font-size: 12px;
 165         width: 180px;
 166 }
 167
 168 td.score {
 169         color: #8A7575;
 170         background: #D0C8C8;
 171         text-align: center;
 172         font-size: 12px;
 173 }
 174
 175 td.mismatch {
 176         background: #E8C896;
 177 }
 178
 179 /*page footer*/
 180
 181 div#footer {
 182         padding: 20px 0;
 183 }
 184
 185 div#footer p {
 186         font-size: 11px;
 187         color: #B9ACAC;
 188 }
 189