src/scss/bootstrap-4.0.0-alpha.6/js/tests/vendor/qunit.css

   1 /*!
   2  * QUnit 2.0.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-07-23T19:39Z
  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 (excluding toolbar) */
  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-banner {
  56         height: 5px;
  57 }
  58
  59 #qunit-filteredTest {
  60         padding: 0.5em 1em 0.5em 1em;
  61         color: #366097;
  62         background-color: #F4FF77;
  63 }
  64
  65 #qunit-userAgent {
  66         padding: 0.5em 1em 0.5em 1em;
  67         color: #FFF;
  68         background-color: #2B81AF;
  69         text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 1px;
  70 }
  71
  72
  73 /** Toolbar */
  74
  75 #qunit-testrunner-toolbar {
  76         padding: 0.5em 1em 0.5em 1em;
  77         color: #5E740B;
  78         background-color: #EEE;
  79 }
  80
  81 #qunit-testrunner-toolbar .clearfix {
  82         height: 0;
  83         clear: both;
  84 }
  85
  86 #qunit-testrunner-toolbar label {
  87         display: inline-block;
  88 }
  89
  90 #qunit-testrunner-toolbar input[type=checkbox],
  91 #qunit-testrunner-toolbar input[type=radio] {
  92         margin: 3px;
  93         vertical-align: -2px;
  94 }
  95
  96 #qunit-testrunner-toolbar input[type=text] {
  97         box-sizing: border-box;
  98         height: 1.6em;
  99 }
 100
 101 .qunit-url-config,
 102 .qunit-filter,
 103 #qunit-modulefilter {
 104         display: inline-block;
 105         line-height: 2.1em;
 106 }
 107
 108 .qunit-filter,
 109 #qunit-modulefilter {
 110         float: right;
 111         position: relative;
 112         margin-left: 1em;
 113 }
 114
 115 .qunit-url-config label {
 116         margin-right: 0.5em;
 117 }
 118
 119 #qunit-modulefilter-search {
 120         box-sizing: border-box;
 121         width: 400px;
 122 }
 123
 124 #qunit-modulefilter-search-container:after {
 125         position: absolute;
 126         right: 0.3em;
 127         content: "\25bc";
 128         color: black;
 129 }
 130
 131 #qunit-modulefilter-dropdown {
 132         /* align with #qunit-modulefilter-search */
 133         box-sizing: border-box;
 134         width: 400px;
 135         position: absolute;
 136         right: 0;
 137         top: 50%;
 138         margin-top: 0.8em;
 139
 140         border: 1px solid #D3D3D3;
 141         border-top: none;
 142         border-radius: 0 0 .25em .25em;
 143         color: #000;
 144         background-color: #F5F5F5;
 145         z-index: 99;
 146 }
 147
 148 #qunit-modulefilter-dropdown a {
 149         color: inherit;
 150         text-decoration: none;
 151 }
 152
 153 #qunit-modulefilter-dropdown .clickable.checked {
 154         font-weight: bold;
 155         color: #000;
 156         background-color: #D2E0E6;
 157 }
 158
 159 #qunit-modulefilter-dropdown .clickable:hover {
 160         color: #FFF;
 161         background-color: #0D3349;
 162 }
 163
 164 #qunit-modulefilter-actions {
 165         display: block;
 166         overflow: auto;
 167
 168         /* align with #qunit-modulefilter-dropdown-list */
 169         font: smaller/1.5em sans-serif;
 170 }
 171
 172 #qunit-modulefilter-dropdown #qunit-modulefilter-actions > * {
 173         box-sizing: border-box;
 174         max-height: 2.8em;
 175         display: block;
 176         padding: 0.4em;
 177 }
 178
 179 #qunit-modulefilter-dropdown #qunit-modulefilter-actions > button {
 180         float: right;
 181         font: inherit;
 182 }
 183
 184 #qunit-modulefilter-dropdown #qunit-modulefilter-actions > :last-child {
 185         /* insert padding to align with checkbox margins */
 186         padding-left: 3px;
 187 }
 188
 189 #qunit-modulefilter-dropdown-list {
 190         max-height: 200px;
 191         overflow-y: auto;
 192         margin: 0;
 193         border-top: 2px groove threedhighlight;
 194         padding: 0.4em 0 0;
 195         font: smaller/1.5em sans-serif;
 196 }
 197
 198 #qunit-modulefilter-dropdown-list li {
 199         white-space: nowrap;
 200         overflow: hidden;
 201         text-overflow: ellipsis;
 202 }
 203
 204 #qunit-modulefilter-dropdown-list .clickable {
 205         display: block;
 206         padding-left: 0.15em;
 207 }
 208
 209
 210 /** Tests: Pass/Fail */
 211
 212 #qunit-tests {
 213         list-style-position: inside;
 214 }
 215
 216 #qunit-tests li {
 217         padding: 0.4em 1em 0.4em 1em;
 218         border-bottom: 1px solid #FFF;
 219         list-style-position: inside;
 220 }
 221
 222 #qunit-tests > li {
 223         display: none;
 224 }
 225
 226 #qunit-tests li.running,
 227 #qunit-tests li.pass,
 228 #qunit-tests li.fail,
 229 #qunit-tests li.skipped {
 230         display: list-item;
 231 }
 232
 233 #qunit-tests.hidepass {
 234         position: relative;
 235 }
 236
 237 #qunit-tests.hidepass li.running,
 238 #qunit-tests.hidepass li.pass {
 239         visibility: hidden;
 240         position: absolute;
 241         width:   0;
 242         height:  0;
 243         padding: 0;
 244         border:  0;
 245         margin:  0;
 246 }
 247
 248 #qunit-tests li strong {
 249         cursor: pointer;
 250 }
 251
 252 #qunit-tests li.skipped strong {
 253         cursor: default;
 254 }
 255
 256 #qunit-tests li a {
 257         padding: 0.5em;
 258         color: #C2CCD1;
 259         text-decoration: none;
 260 }
 261
 262 #qunit-tests li p a {
 263         padding: 0.25em;
 264         color: #6B6464;
 265 }
 266 #qunit-tests li a:hover,
 267 #qunit-tests li a:focus {
 268         color: #000;
 269 }
 270
 271 #qunit-tests li .runtime {
 272         float: right;
 273         font-size: smaller;
 274 }
 275
 276 .qunit-assert-list {
 277         margin-top: 0.5em;
 278         padding: 0.5em;
 279
 280         background-color: #FFF;
 281
 282         border-radius: 5px;
 283 }
 284
 285 .qunit-source {
 286         margin: 0.6em 0 0.3em;
 287 }
 288
 289 .qunit-collapsed {
 290         display: none;
 291 }
 292
 293 #qunit-tests table {
 294         border-collapse: collapse;
 295         margin-top: 0.2em;
 296 }
 297
 298 #qunit-tests th {
 299         text-align: right;
 300         vertical-align: top;
 301         padding: 0 0.5em 0 0;
 302 }
 303
 304 #qunit-tests td {
 305         vertical-align: top;
 306 }
 307
 308 #qunit-tests pre {
 309         margin: 0;
 310         white-space: pre-wrap;
 311         word-wrap: break-word;
 312 }
 313
 314 #qunit-tests del {
 315         color: #374E0C;
 316         background-color: #E0F2BE;
 317         text-decoration: none;
 318 }
 319
 320 #qunit-tests ins {
 321         color: #500;
 322         background-color: #FFCACA;
 323         text-decoration: none;
 324 }
 325
 326 /*** Test Counts */
 327
 328 #qunit-tests b.counts                       { color: #000; }
 329 #qunit-tests b.passed                       { color: #5E740B; }
 330 #qunit-tests b.failed                       { color: #710909; }
 331
 332 #qunit-tests li li {
 333         padding: 5px;
 334         background-color: #FFF;
 335         border-bottom: none;
 336         list-style-position: inside;
 337 }
 338
 339 /*** Passing Styles */
 340
 341 #qunit-tests li li.pass {
 342         color: #3C510C;
 343         background-color: #FFF;
 344         border-left: 10px solid #C6E746;
 345 }
 346
 347 #qunit-tests .pass                          { color: #528CE0; background-color: #D2E0E6; }
 348 #qunit-tests .pass .test-name               { color: #366097; }
 349
 350 #qunit-tests .pass .test-actual,
 351 #qunit-tests .pass .test-expected           { color: #999; }
 352
 353 #qunit-banner.qunit-pass                    { background-color: #C6E746; }
 354
 355 /*** Failing Styles */
 356
 357 #qunit-tests li li.fail {
 358         color: #710909;
 359         background-color: #FFF;
 360         border-left: 10px solid #EE5757;
 361         white-space: pre;
 362 }
 363
 364 #qunit-tests > li:last-child {
 365         border-radius: 0 0 5px 5px;
 366 }
 367
 368 #qunit-tests .fail                          { color: #000; background-color: #EE5757; }
 369 #qunit-tests .fail .test-name,
 370 #qunit-tests .fail .module-name             { color: #000; }
 371
 372 #qunit-tests .fail .test-actual             { color: #EE5757; }
 373 #qunit-tests .fail .test-expected           { color: #008000; }
 374
 375 #qunit-banner.qunit-fail                    { background-color: #EE5757; }
 376
 377 /*** Skipped tests */
 378
 379 #qunit-tests .skipped {
 380         background-color: #EBECE9;
 381 }
 382
 383 #qunit-tests .qunit-skipped-label {
 384         background-color: #F4FF77;
 385         display: inline-block;
 386         font-style: normal;
 387         color: #366097;
 388         line-height: 1.8em;
 389         padding: 0 0.5em;
 390         margin: -0.4em 0.4em -0.4em 0;
 391 }
 392
 393 /** Result */
 394
 395 #qunit-testresult {
 396         padding: 0.5em 1em 0.5em 1em;
 397
 398         color: #2B81AF;
 399         background-color: #D2E0E6;
 400
 401         border-bottom: 1px solid #FFF;
 402 }
 403 #qunit-testresult .module-name {
 404         font-weight: 700;
 405 }
 406
 407 /** Fixture */
 408
 409 #qunit-fixture {
 410         position: absolute;
 411         top: -10000px;
 412         left: -10000px;
 413         width: 1000px;
 414         height: 1000px;
 415 }