resources/lib/qunitjs/qunit.css

   1 /*!
   2  * QUnit 1.23.1
   3  * https://qunitjs.com/
   4  *
   5  * Copyright jQuery Foundation and other contributors
   6  * Released under the MIT license
   7  * https://jquery.org/license
   8  *
   9  * Date: 2016-04-12T17:29Z
  10  */
  11
  12 /** Font Family and Sizes */
  13
  14 #qunit-tests, #qunit-header, #qunit-banner, #qunit-testrunner-toolbar, #qunit-filteredTest, #qunit-userAgent, #qunit-testresult {
  15         font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial, sans-serif;
  16 }
  17
  18 #qunit-testrunner-toolbar, #qunit-filteredTest, #qunit-userAgent, #qunit-testresult, #qunit-tests li { font-size: small; }
  19 #qunit-tests { font-size: smaller; }
  20
  21
  22 /** Resets */
  23
  24 #qunit-tests, #qunit-header, #qunit-banner, #qunit-filteredTest, #qunit-userAgent, #qunit-testresult, #qunit-modulefilter {
  25         margin: 0;
  26         padding: 0;
  27 }
  28
  29
  30 /** Header */
  31
  32 #qunit-header {
  33         padding: 0.5em 0 0.5em 1em;
  34
  35         color: #8699A4;
  36         background-color: #0D3349;
  37
  38         font-size: 1.5em;
  39         line-height: 1em;
  40         font-weight: 400;
  41
  42         border-radius: 5px 5px 0 0;
  43 }
  44
  45 #qunit-header a {
  46         text-decoration: none;
  47         color: #C2CCD1;
  48 }
  49
  50 #qunit-header a:hover,
  51 #qunit-header a:focus {
  52         color: #FFF;
  53 }
  54
  55 #qunit-testrunner-toolbar label {
  56         display: inline-block;
  57         padding: 0 0.5em 0 0.1em;
  58 }
  59
  60 #qunit-banner {
  61         height: 5px;
  62 }
  63
  64 #qunit-testrunner-toolbar {
  65         padding: 0.5em 1em 0.5em 1em;
  66         color: #5E740B;
  67         background-color: #EEE;
  68         overflow: hidden;
  69 }
  70
  71 #qunit-filteredTest {
  72         padding: 0.5em 1em 0.5em 1em;
  73         background-color: #F4FF77;
  74         color: #366097;
  75 }
  76
  77 #qunit-userAgent {
  78         padding: 0.5em 1em 0.5em 1em;
  79         background-color: #2B81AF;
  80         color: #FFF;
  81         text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 1px;
  82 }
  83
  84 #qunit-modulefilter-container {
  85         float: right;
  86         padding: 0.2em;
  87 }
  88
  89 .qunit-url-config {
  90         display: inline-block;
  91         padding: 0.1em;
  92 }
  93
  94 .qunit-filter {
  95         display: block;
  96         float: right;
  97         margin-left: 1em;
  98 }
  99
 100 /** Tests: Pass/Fail */
 101
 102 #qunit-tests {
 103         list-style-position: inside;
 104 }
 105
 106 #qunit-tests li {
 107         padding: 0.4em 1em 0.4em 1em;
 108         border-bottom: 1px solid #FFF;
 109         list-style-position: inside;
 110 }
 111
 112 #qunit-tests > li {
 113         display: none;
 114 }
 115
 116 #qunit-tests li.running,
 117 #qunit-tests li.pass,
 118 #qunit-tests li.fail,
 119 #qunit-tests li.skipped {
 120         display: list-item;
 121 }
 122
 123 #qunit-tests.hidepass {
 124         position: relative;
 125 }
 126
 127 #qunit-tests.hidepass li.running,
 128 #qunit-tests.hidepass li.pass {
 129         visibility: hidden;
 130         position: absolute;
 131         width:   0;
 132         height:  0;
 133         padding: 0;
 134         border:  0;
 135         margin:  0;
 136 }
 137
 138 #qunit-tests li strong {
 139         cursor: pointer;
 140 }
 141
 142 #qunit-tests li.skipped strong {
 143         cursor: default;
 144 }
 145
 146 #qunit-tests li a {
 147         padding: 0.5em;
 148         color: #C2CCD1;
 149         text-decoration: none;
 150 }
 151
 152 #qunit-tests li p a {
 153         padding: 0.25em;
 154         color: #6B6464;
 155 }
 156 #qunit-tests li a:hover,
 157 #qunit-tests li a:focus {
 158         color: #000;
 159 }
 160
 161 #qunit-tests li .runtime {
 162         float: right;
 163         font-size: smaller;
 164 }
 165
 166 .qunit-assert-list {
 167         margin-top: 0.5em;
 168         padding: 0.5em;
 169
 170         background-color: #FFF;
 171
 172         border-radius: 5px;
 173 }
 174
 175 .qunit-source {
 176         margin: 0.6em 0 0.3em;
 177 }
 178
 179 .qunit-collapsed {
 180         display: none;
 181 }
 182
 183 #qunit-tests table {
 184         border-collapse: collapse;
 185         margin-top: 0.2em;
 186 }
 187
 188 #qunit-tests th {
 189         text-align: right;
 190         vertical-align: top;
 191         padding: 0 0.5em 0 0;
 192 }
 193
 194 #qunit-tests td {
 195         vertical-align: top;
 196 }
 197
 198 #qunit-tests pre {
 199         margin: 0;
 200         white-space: pre-wrap;
 201         word-wrap: break-word;
 202 }
 203
 204 #qunit-tests del {
 205         background-color: #E0F2BE;
 206         color: #374E0C;
 207         text-decoration: none;
 208 }
 209
 210 #qunit-tests ins {
 211         background-color: #FFCACA;
 212         color: #500;
 213         text-decoration: none;
 214 }
 215
 216 /*** Test Counts */
 217
 218 #qunit-tests b.counts                       { color: #000; }
 219 #qunit-tests b.passed                       { color: #5E740B; }
 220 #qunit-tests b.failed                       { color: #710909; }
 221
 222 #qunit-tests li li {
 223         padding: 5px;
 224         background-color: #FFF;
 225         border-bottom: none;
 226         list-style-position: inside;
 227 }
 228
 229 /*** Passing Styles */
 230
 231 #qunit-tests li li.pass {
 232         color: #3C510C;
 233         background-color: #FFF;
 234         border-left: 10px solid #C6E746;
 235 }
 236
 237 #qunit-tests .pass                          { color: #528CE0; background-color: #D2E0E6; }
 238 #qunit-tests .pass .test-name               { color: #366097; }
 239
 240 #qunit-tests .pass .test-actual,
 241 #qunit-tests .pass .test-expected           { color: #999; }
 242
 243 #qunit-banner.qunit-pass                    { background-color: #C6E746; }
 244
 245 /*** Failing Styles */
 246
 247 #qunit-tests li li.fail {
 248         color: #710909;
 249         background-color: #FFF;
 250         border-left: 10px solid #EE5757;
 251         white-space: pre;
 252 }
 253
 254 #qunit-tests > li:last-child {
 255         border-radius: 0 0 5px 5px;
 256 }
 257
 258 #qunit-tests .fail                          { color: #000; background-color: #EE5757; }
 259 #qunit-tests .fail .test-name,
 260 #qunit-tests .fail .module-name             { color: #000; }
 261
 262 #qunit-tests .fail .test-actual             { color: #EE5757; }
 263 #qunit-tests .fail .test-expected           { color: #008000; }
 264
 265 #qunit-banner.qunit-fail                    { background-color: #EE5757; }
 266
 267 /*** Skipped tests */
 268
 269 #qunit-tests .skipped {
 270         background-color: #EBECE9;
 271 }
 272
 273 #qunit-tests .qunit-skipped-label {
 274         background-color: #F4FF77;
 275         display: inline-block;
 276         font-style: normal;
 277         color: #366097;
 278         line-height: 1.8em;
 279         padding: 0 0.5em;
 280         margin: -0.4em 0.4em -0.4em 0;
 281 }
 282
 283 /** Result */
 284
 285 #qunit-testresult {
 286         padding: 0.5em 1em 0.5em 1em;
 287
 288         color: #2B81AF;
 289         background-color: #D2E0E6;
 290
 291         border-bottom: 1px solid #FFF;
 292 }
 293 #qunit-testresult .module-name {
 294         font-weight: 700;
 295 }
 296
 297 /** Fixture */
 298
 299 #qunit-fixture {
 300         position: absolute;
 301         top: -10000px;
 302         left: -10000px;
 303         width: 1000px;
 304         height: 1000px;
 305 }