resources/jquery/jquery.qunit.css

   1 /**
   2  * QUnit - A JavaScript Unit Testing Framework
   3  *
   4  * http://docs.jquery.com/QUnit
   5  *
   6  * Copyright (c) 2011 John Resig, Jörn Zaefferer
   7  * Dual licensed under the MIT (MIT-LICENSE.txt)
   8  * or GPL (GPL-LICENSE.txt) licenses.
   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-tests ol, #qunit-header, #qunit-banner, #qunit-userAgent, #qunit-testresult {
  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: 15px 15px 0 0;
  42         -moz-border-radius: 15px 15px 0 0;
  43         -webkit-border-top-right-radius: 15px;
  44         -webkit-border-top-left-radius: 15px;
  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-banner {
  58         height: 5px;
  59 }
  60
  61 #qunit-testrunner-toolbar {
  62         padding: 0.5em 0 0.5em 2em;
  63         color: #5E740B;
  64         background-color: #eee;
  65 }
  66
  67 #qunit-userAgent {
  68         padding: 0.5em 0 0.5em 2.5em;
  69         background-color: #2b81af;
  70         color: #fff;
  71         text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 1px;
  72 }
  73
  74
  75 /** Tests: Pass/Fail */
  76
  77 #qunit-tests {
  78         list-style-position: inside;
  79 }
  80
  81 #qunit-tests li {
  82         padding: 0.4em 0.5em 0.4em 2.5em;
  83         border-bottom: 1px solid #fff;
  84         list-style-position: inside;
  85 }
  86
  87 #qunit-tests.hidepass li.pass, #qunit-tests.hidepass li.running  {
  88         display: none;
  89 }
  90
  91 #qunit-tests li strong {
  92         cursor: pointer;
  93 }
  94
  95 #qunit-tests li a {
  96         padding: 0.5em;
  97         color: #c2ccd1;
  98         text-decoration: none;
  99 }
 100 #qunit-tests li a:hover,
 101 #qunit-tests li a:focus {
 102         color: #000;
 103 }
 104
 105 #qunit-tests ol {
 106         margin-top: 0.5em;
 107         padding: 0.5em;
 108
 109         background-color: #fff;
 110
 111         border-radius: 15px;
 112         -moz-border-radius: 15px;
 113         -webkit-border-radius: 15px;
 114
 115         box-shadow: inset 0px 2px 13px #999;
 116         -moz-box-shadow: inset 0px 2px 13px #999;
 117         -webkit-box-shadow: inset 0px 2px 13px #999;
 118 }
 119
 120 #qunit-tests table {
 121         border-collapse: collapse;
 122         margin-top: .2em;
 123 }
 124
 125 #qunit-tests th {
 126         text-align: right;
 127         vertical-align: top;
 128         padding: 0 .5em 0 0;
 129 }
 130
 131 #qunit-tests td {
 132         vertical-align: top;
 133 }
 134
 135 #qunit-tests pre {
 136         margin: 0;
 137         white-space: pre-wrap;
 138         word-wrap: break-word;
 139 }
 140
 141 #qunit-tests del {
 142         background-color: #e0f2be;
 143         color: #374e0c;
 144         text-decoration: none;
 145 }
 146
 147 #qunit-tests ins {
 148         background-color: #ffcaca;
 149         color: #500;
 150         text-decoration: none;
 151 }
 152
 153 /*** Test Counts */
 154
 155 #qunit-tests b.counts                       { color: black; }
 156 #qunit-tests b.passed                       { color: #5E740B; }
 157 #qunit-tests b.failed                       { color: #710909; }
 158
 159 #qunit-tests li li {
 160         margin: 0.5em;
 161         padding: 0.4em 0.5em 0.4em 0.5em;
 162         background-color: #fff;
 163         border-bottom: none;
 164         list-style-position: inside;
 165 }
 166
 167 /*** Passing Styles */
 168
 169 #qunit-tests li li.pass {
 170         color: #5E740B;
 171         background-color: #fff;
 172         border-left: 26px solid #C6E746;
 173 }
 174
 175 #qunit-tests .pass                          { color: #528CE0; background-color: #D2E0E6; }
 176 #qunit-tests .pass .test-name               { color: #366097; }
 177
 178 #qunit-tests .pass .test-actual,
 179 #qunit-tests .pass .test-expected           { color: #999999; }
 180
 181 #qunit-banner.qunit-pass                    { background-color: #C6E746; }
 182
 183 /*** Failing Styles */
 184
 185 #qunit-tests li li.fail {
 186         color: #710909;
 187         background-color: #fff;
 188         border-left: 26px solid #EE5757;
 189         white-space: pre;
 190 }
 191
 192 #qunit-tests > li:last-child {
 193         border-radius: 0 0 15px 15px;
 194         -moz-border-radius: 0 0 15px 15px;
 195         -webkit-border-bottom-right-radius: 15px;
 196         -webkit-border-bottom-left-radius: 15px;
 197 }
 198
 199 #qunit-tests .fail                          { color: #000000; background-color: #EE5757; }
 200 #qunit-tests .fail .test-name,
 201 #qunit-tests .fail .module-name             { color: #000000; }
 202
 203 #qunit-tests .fail .test-actual             { color: #EE5757; }
 204 #qunit-tests .fail .test-expected           { color: green;   }
 205
 206 #qunit-banner.qunit-fail                    { background-color: #EE5757; }
 207
 208
 209 /** Result */
 210
 211 #qunit-testresult {
 212         padding: 0.5em 0.5em 0.5em 2.5em;
 213
 214         color: #2b81af;
 215         background-color: #D2E0E6;
 216
 217         border-bottom: 1px solid white;
 218 }
 219
 220 /** Fixture */
 221
 222 #qunit-fixture {
 223         position: absolute;
 224         top: -10000px;
 225         left: -10000px;
 226 }