presentations

Presentations
Log | Files | Refs

qunit-2.5.0.css (7875B)


      1 /*!
      2  * QUnit 2.5.0
      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: 2018-01-10T02:56Z
     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 #qunit-tests li.aborted {
    231 	display: list-item;
    232 }
    233 
    234 #qunit-tests.hidepass {
    235 	position: relative;
    236 }
    237 
    238 #qunit-tests.hidepass li.running,
    239 #qunit-tests.hidepass li.pass:not(.todo) {
    240 	visibility: hidden;
    241 	position: absolute;
    242 	width:   0;
    243 	height:  0;
    244 	padding: 0;
    245 	border:  0;
    246 	margin:  0;
    247 }
    248 
    249 #qunit-tests li strong {
    250 	cursor: pointer;
    251 }
    252 
    253 #qunit-tests li.skipped strong {
    254 	cursor: default;
    255 }
    256 
    257 #qunit-tests li a {
    258 	padding: 0.5em;
    259 	color: #C2CCD1;
    260 	text-decoration: none;
    261 }
    262 
    263 #qunit-tests li p a {
    264 	padding: 0.25em;
    265 	color: #6B6464;
    266 }
    267 #qunit-tests li a:hover,
    268 #qunit-tests li a:focus {
    269 	color: #000;
    270 }
    271 
    272 #qunit-tests li .runtime {
    273 	float: right;
    274 	font-size: smaller;
    275 }
    276 
    277 .qunit-assert-list {
    278 	margin-top: 0.5em;
    279 	padding: 0.5em;
    280 
    281 	background-color: #FFF;
    282 
    283 	border-radius: 5px;
    284 }
    285 
    286 .qunit-source {
    287 	margin: 0.6em 0 0.3em;
    288 }
    289 
    290 .qunit-collapsed {
    291 	display: none;
    292 }
    293 
    294 #qunit-tests table {
    295 	border-collapse: collapse;
    296 	margin-top: 0.2em;
    297 }
    298 
    299 #qunit-tests th {
    300 	text-align: right;
    301 	vertical-align: top;
    302 	padding: 0 0.5em 0 0;
    303 }
    304 
    305 #qunit-tests td {
    306 	vertical-align: top;
    307 }
    308 
    309 #qunit-tests pre {
    310 	margin: 0;
    311 	white-space: pre-wrap;
    312 	word-wrap: break-word;
    313 }
    314 
    315 #qunit-tests del {
    316 	color: #374E0C;
    317 	background-color: #E0F2BE;
    318 	text-decoration: none;
    319 }
    320 
    321 #qunit-tests ins {
    322 	color: #500;
    323 	background-color: #FFCACA;
    324 	text-decoration: none;
    325 }
    326 
    327 /*** Test Counts */
    328 
    329 #qunit-tests b.counts                       { color: #000; }
    330 #qunit-tests b.passed                       { color: #5E740B; }
    331 #qunit-tests b.failed                       { color: #710909; }
    332 
    333 #qunit-tests li li {
    334 	padding: 5px;
    335 	background-color: #FFF;
    336 	border-bottom: none;
    337 	list-style-position: inside;
    338 }
    339 
    340 /*** Passing Styles */
    341 
    342 #qunit-tests li li.pass {
    343 	color: #3C510C;
    344 	background-color: #FFF;
    345 	border-left: 10px solid #C6E746;
    346 }
    347 
    348 #qunit-tests .pass                          { color: #528CE0; background-color: #D2E0E6; }
    349 #qunit-tests .pass .test-name               { color: #366097; }
    350 
    351 #qunit-tests .pass .test-actual,
    352 #qunit-tests .pass .test-expected           { color: #999; }
    353 
    354 #qunit-banner.qunit-pass                    { background-color: #C6E746; }
    355 
    356 /*** Failing Styles */
    357 
    358 #qunit-tests li li.fail {
    359 	color: #710909;
    360 	background-color: #FFF;
    361 	border-left: 10px solid #EE5757;
    362 	white-space: pre;
    363 }
    364 
    365 #qunit-tests > li:last-child {
    366 	border-radius: 0 0 5px 5px;
    367 }
    368 
    369 #qunit-tests .fail                          { color: #000; background-color: #EE5757; }
    370 #qunit-tests .fail .test-name,
    371 #qunit-tests .fail .module-name             { color: #000; }
    372 
    373 #qunit-tests .fail .test-actual             { color: #EE5757; }
    374 #qunit-tests .fail .test-expected           { color: #008000; }
    375 
    376 #qunit-banner.qunit-fail                    { background-color: #EE5757; }
    377 
    378 
    379 /*** Aborted tests */
    380 #qunit-tests .aborted { color: #000; background-color: orange; }
    381 /*** Skipped tests */
    382 
    383 #qunit-tests .skipped {
    384 	background-color: #EBECE9;
    385 }
    386 
    387 #qunit-tests .qunit-todo-label,
    388 #qunit-tests .qunit-skipped-label {
    389 	background-color: #F4FF77;
    390 	display: inline-block;
    391 	font-style: normal;
    392 	color: #366097;
    393 	line-height: 1.8em;
    394 	padding: 0 0.5em;
    395 	margin: -0.4em 0.4em -0.4em 0;
    396 }
    397 
    398 #qunit-tests .qunit-todo-label {
    399 	background-color: #EEE;
    400 }
    401 
    402 /** Result */
    403 
    404 #qunit-testresult {
    405 	color: #2B81AF;
    406 	background-color: #D2E0E6;
    407 
    408 	border-bottom: 1px solid #FFF;
    409 }
    410 #qunit-testresult .clearfix {
    411 	height: 0;
    412 	clear: both;
    413 }
    414 #qunit-testresult .module-name {
    415 	font-weight: 700;
    416 }
    417 #qunit-testresult-display {
    418 	padding: 0.5em 1em 0.5em 1em;
    419 	width: 85%;
    420 	float:left;
    421 }
    422 #qunit-testresult-controls {
    423 	padding: 0.5em 1em 0.5em 1em;
    424   width: 10%;
    425 	float:left;
    426 }
    427 
    428 /** Fixture */
    429 
    430 #qunit-fixture {
    431 	position: absolute;
    432 	top: -10000px;
    433 	left: -10000px;
    434 	width: 1000px;
    435 	height: 1000px;
    436 }