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