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