Specs/Assets/Styles/Specs.css

   1 /*
   2 File: Style.css
   3         Slick Style for JSSpec.
   4
   5 License:
   6         Copyright (c)2007 Valerio Proietti, <http://mad4milk.net>.
   7         You can only use this stylesheet to run MooTools JSSpec Runner.
   8 */
   9
  10 /* @group Reset */
  11
  12 * {
  13         margin: 0;
  14         padding: 0;
  15 }
  16
  17 ul {
  18         list-style: none;
  19 }
  20
  21 /* @end */
  22
  23 /* @group Base */
  24
  25 html {
  26         overflow: hidden;
  27 }
  28
  29 body {
  30         font: 11px/1.5 Lucida Grande, Helvetica, Arial, sans-serif;
  31         background: #F3F1F1;
  32         color: #41464D;
  33 }
  34
  35 body, #container {
  36         width: 100%;
  37         height: 100%;
  38         overflow: hidden;
  39 }
  40
  41 a {
  42         text-decoration:none;
  43 }
  44
  45 #title {
  46         position: absolute;
  47         top: 0;
  48         left: 0;
  49         width: 100%;
  50         padding: 5px 0;
  51         background: #aaa;
  52         background: #41464D;
  53         color: #F3F1F1;
  54         height: 30px;
  55 }
  56
  57 #list {
  58         position: absolute;
  59         width: 30%;
  60         overflow-y: auto;
  61         overflow-x: hidden;
  62         top: 40px;
  63         left: 0;
  64         bottom: 0;
  65         height: expression(document.body.clientHeight-40);
  66 }
  67
  68 #log {
  69         position: absolute;
  70         top: 40px;
  71         right: 0;
  72         bottom: 0;
  73         overflow-y: auto;
  74         overflow-x: hidden;
  75         width: 70%;
  76         height: expression(document.body.clientHeight-40);
  77 }
  78
  79 span.spc {
  80         display: block;
  81         height: 16px;
  82 }
  83
  84 #log-wrapper, #list-wrapper {
  85         overflow: hidden;
  86         padding: 4px 4px 0;
  87         background: #fff;
  88 }
  89
  90 #log-wrapper {
  91         margin: 16px 16px 0 8px;
  92 }
  93
  94 #list-wrapper {
  95         margin: 16px 8px 0 16px;
  96 }
  97
  98 .success a:link, .success a:visited {
  99         color: #657528;
 100 }
 101
 102 .exception a:link, .exception a:visited {
 103         color: #B33F3F;
 104 }
 105
 106 a:link, a:visited {
 107         color: #528CE0;
 108 }
 109
 110 a:hover, a:active {
 111         color: #41464D !important;
 112         cursor: pointer !important;
 113 }
 114
 115 #title h1 {
 116         font: 25px/1.1 Arial, sans-serif;
 117         font-weight: bolder;
 118         float: left;
 119         margin: 1px 0 2px 20px;
 120         text-shadow: 0 2px 2px rgba(0,0,0,0.4);
 121 }
 122
 123 #title h1 span {
 124         color: #D2E0E6;
 125 }
 126
 127 #title ul li {
 128         font-weight: bold;
 129         font-size: 12px;
 130         float: right;
 131         margin: 10px 5px 0;
 132 }
 133
 134 #title ul {
 135         margin-right: 20px;
 136 }
 137
 138 h2 {
 139         font-size: 14px;
 140         background: #D0C8C8;
 141         color: #8A7575;
 142         margin-bottom: 4px;
 143         padding: 2px 5px;
 144 }
 145
 146 h2#runner {
 147         cursor: pointer;
 148         background-color: #CFE773;
 149         color: #657528;
 150 }
 151
 152 h2#runner:hover {
 153         color: #41464D;
 154 }
 155
 156 h2#runner.disabled {
 157         color: #fff;
 158         background: #C8CBD0;
 159         cursor: default;
 160 }
 161
 162 br {
 163         display: none;
 164 }
 165
 166 h3 {
 167         font-size: 12px;
 168         padding: 3px 5px 1px;
 169 }
 170
 171 h4 {
 172         font-size: 11px;
 173         background: #C8CBD0;
 174         padding: 3px 5px 1px;
 175         margin-bottom: 4px;
 176 }
 177
 178 h3, h4 {
 179         cursor: default;
 180 }
 181
 182 #list h3 {
 183         background: #D2E0E6;
 184         color: #528CE0;
 185         margin-bottom: 4px;
 186 }
 187
 188 #log h3 {
 189         background: #D0C8C8;
 190         color: #8A7575;
 191         margin-bottom: 4px;
 192 }
 193
 194 #log li div {
 195         overflow: hidden;
 196         padding: 0 4px 4px;
 197 }
 198
 199 p {
 200         color: #575d67;
 201 }
 202
 203 p.uri {
 204         float: right;
 205         margin-top: -15px;
 206         font-size: 10px;
 207 }
 208
 209 p.left, p.uri {
 210         font-family: Monaco, Courier New, monospace;
 211 }
 212
 213 p#footer {
 214         text-align: right;
 215         padding: 10px 16px 0 0;
 216 }
 217
 218 /* @end */
 219
 220 /* @group Success/Failure Colors */
 221
 222 #log .exception h3 {
 223         color: #B33F3F;
 224         background: #EE9A9A;
 225 }
 226
 227 #log .exception h4 {
 228         color: #B33F3F;
 229         background: #eed8d8;
 230         cursor: pointer;
 231 }
 232
 233 #log .success h3 {
 234         background-color: #CFE773;
 235         color: #657528;
 236 }
 237
 238 #log .success h4 {
 239         background-color: #e2e5d2;
 240         color: #657528;
 241         cursor: default;
 242 }
 243
 244 #log .stub h4 {
 245         background-color: #e5e5e1;
 246         color: #a1a87e;
 247         cursor: default;
 248 }
 249
 250 #list .exception h3 {
 251         color: #B33F3F;
 252         background: #eed8d8;
 253 }
 254
 255 #list .success h3 {
 256         background-color: #e2e5d2;
 257         color: #657528;
 258 }
 259
 260 a.rerun {
 261         font-size: 11px;
 262         color: #fff !important;
 263 }
 264
 265 /* @end */
 266
 267 /* @group Code */
 268
 269 .number_value {
 270         color: red;
 271 }
 272
 273 .string_value {
 274         color: green;
 275 }
 276
 277 .regexp_value {
 278         color: olive;
 279 }
 280
 281 .boolean_value {
 282         color: red;
 283 }
 284
 285 .dom_value {
 286         color: purple;
 287 }
 288
 289 .undefined_value, .null_value {
 290         color: gray;
 291 }
 292
 293 /* @end */