qunit/qunit.css

   1 /**
   2  * QUnit v1.11.0pre - A JavaScript Unit Testing Framework
   3  *
   4  * http://qunitjs.com
   5  *
   6  * Copyright 2012 jQuery Foundation and other contributors
   7  * Released under the MIT license.
   8  * http://jquery.org/license
   9  */
  10
  11 /** Font Family and Sizes */
  12
  13 #qunit-tests, #qunit-header, #qunit-banner, #qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult {
  14         font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial, sans-serif;
  15 }
  16
  17 #qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult, #qunit-tests li { font-size: small; }
  18 #qunit-tests { font-size: smaller; }
  19
  20
  21 /** Resets */
  22
  23 #qunit-tests, #qunit-header, #qunit-banner, #qunit-userAgent, #qunit-testresult, #qunit-modulefilter {
  24         margin: 0;
  25         padding: 0;
  26 }
  27
  28
  29 /** Header */
  30
  31 #qunit-header {
  32         padding: 0.5em 0 0.5em 1em;
  33
  34         color: #8699a4;
  35         background-color: #0d3349;
  36
  37         font-size: 1.5em;
  38         line-height: 1em;
  39         font-weight: normal;
  40
  41         border-radius: 5px 5px 0 0;
  42         -moz-border-radius: 5px 5px 0 0;
  43         -webkit-border-top-right-radius: 5px;
  44         -webkit-border-top-left-radius: 5px;
  45 }
  46
  47 #qunit-header a {
  48         text-decoration: none;
  49         color: #c2ccd1;
  50 }
  51
  52 #qunit-header a:hover,
  53 #qunit-header a:focus {
  54         color: #fff;
  55 }
  56
  57 #qunit-testrunner-toolbar label {
  58         display: inline-block;
  59         padding: 0 .5em 0 .1em;
  60 }
  61
  62 #qunit-banner {
  63         height: 5px;
  64 }
  65
  66 #qunit-testrunner-toolbar {
  67         padding: 0.5em 0 0.5em 2em;
  68         color: #5E740B;
  69         background-color: #eee;
  70         overflow: hidden;
  71 }
  72
  73 #qunit-userAgent {
  74         padding: 0.5em 0 0.5em 2.5em;
  75         background-color: #2b81af;
  76         color: #fff;
  77         text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 1px;
  78 }
  79
  80 #qunit-modulefilter-container {
  81         float: right;
  82 }
  83
  84 /** Tests: Pass/Fail */
  85
  86 #qunit-tests {
  87         list-style-position: inside;
  88 }
  89
  90 #qunit-tests li {
  91         padding: 0.4em 0.5em 0.4em 2.5em;
  92         border-bottom: 1px solid #fff;
  93         list-style-position: inside;
  94 }
  95
  96 #qunit-tests.hidepass li.pass, #qunit-tests.hidepass li.running  {
  97         display: none;
  98 }
  99
 100 #qunit-tests li strong {
 101         cursor: pointer;
 102 }
 103
 104 #qunit-tests li a {
 105         padding: 0.5em;
 106         color: #c2ccd1;
 107         text-decoration: none;
 108 }
 109 #qunit-tests li a:hover,
 110 #qunit-tests li a:focus {
 111         color: #000;
 112 }
 113
 114 .qunit-assert-list {
 115         margin-top: 0.5em;
 116         padding: 0.5em;
 117
 118         background-color: #fff;
 119
 120         border-radius: 5px;
 121         -moz-border-radius: 5px;
 122         -webkit-border-radius: 5px;
 123 }
 124
 125 .qunit-collapsed {
 126         display: none;
 127 }
 128
 129 #qunit-tests table {
 130         border-collapse: collapse;
 131         margin-top: .2em;
 132 }
 133
 134 #qunit-tests th {
 135         text-align: right;
 136         vertical-align: top;
 137         padding: 0 .5em 0 0;
 138 }
 139
 140 #qunit-tests td {
 141         vertical-align: top;
 142 }
 143
 144 #qunit-tests pre {
 145         margin: 0;
 146         white-space: pre-wrap;
 147         word-wrap: break-word;
 148 }
 149
 150 #qunit-tests del {
 151         background-color: #e0f2be;
 152         color: #374e0c;
 153         text-decoration: none;
 154 }
 155
 156 #qunit-tests ins {
 157         background-color: #ffcaca;
 158         color: #500;
 159         text-decoration: none;
 160 }
 161
 162 /*** Test Counts */
 163
 164 #qunit-tests b.counts                       { color: black; }
 165 #qunit-tests b.passed                       { color: #5E740B; }
 166 #qunit-tests b.failed                       { color: #710909; }
 167
 168 #qunit-tests li li {
 169         padding: 5px;
 170         background-color: #fff;
 171         border-bottom: none;
 172         list-style-position: inside;
 173 }
 174
 175 /*** Passing Styles */
 176
 177 #qunit-tests li li.pass {
 178         color: #3c510c;
 179         background-color: #fff;
 180         border-left: 10px solid #C6E746;
 181 }
 182
 183 #qunit-tests .pass                          { color: #528CE0; background-color: #D2E0E6; }
 184 #qunit-tests .pass .test-name               { color: #366097; }
 185
 186 #qunit-tests .pass .test-actual,
 187 #qunit-tests .pass .test-expected           { color: #999999; }
 188
 189 #qunit-banner.qunit-pass                    { background-color: #C6E746; }
 190
 191 /*** Failing Styles */
 192
 193 #qunit-tests li li.fail {
 194         color: #710909;
 195         background-color: #fff;
 196         border-left: 10px solid #EE5757;
 197         white-space: pre;
 198 }
 199
 200 #qunit-tests > li:last-child {
 201         border-radius: 0 0 5px 5px;
 202         -moz-border-radius: 0 0 5px 5px;
 203         -webkit-border-bottom-right-radius: 5px;
 204         -webkit-border-bottom-left-radius: 5px;
 205 }
 206
 207 #qunit-tests .fail                          { color: #000000; background-color: #EE5757; }
 208 #qunit-tests .fail .test-name,
 209 #qunit-tests .fail .module-name             { color: #000000; }
 210
 211 #qunit-tests .fail .test-actual             { color: #EE5757; }
 212 #qunit-tests .fail .test-expected           { color: green;   }
 213
 214 #qunit-banner.qunit-fail                    { background-color: #EE5757; }
 215
 216
 217 /** Result */
 218
 219 #qunit-testresult {
 220         padding: 0.5em 0.5em 0.5em 2.5em;
 221
 222         color: #2b81af;
 223         background-color: #D2E0E6;
 224
 225         border-bottom: 1px solid white;
 226 }
 227 #qunit-testresult .module-name {
 228         font-weight: bold;
 229 }
 230
 231 /** Fixture */
 232
 233 #qunit-fixture {
 234         position: absolute;
 235         top: -10000px;
 236         left: -10000px;
 237         width: 1000px;
 238         height: 1000px;
 239 }