0
|
1 /** Font Family and Sizes */
|
|
2
|
|
3 #qunit-tests, #qunit-header, #qunit-banner, #qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult {
|
|
4 font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial;
|
|
5 }
|
|
6
|
|
7 #qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult, #qunit-tests li { font-size: small; }
|
|
8 #qunit-tests { font-size: smaller; }
|
|
9
|
|
10
|
|
11 /** Resets */
|
|
12
|
|
13 #qunit-tests, #qunit-tests li ol, #qunit-header, #qunit-banner, #qunit-userAgent, #qunit-testresult {
|
|
14 margin: 0;
|
|
15 padding: 0;
|
|
16 }
|
|
17
|
|
18
|
|
19 /** Header */
|
|
20
|
|
21 #qunit-header {
|
|
22 padding: 0.5em 0 0.5em 1em;
|
|
23
|
|
24 color: #fff;
|
|
25 text-shadow: rgba(0, 0, 0, 0.5) 4px 4px 1px;
|
|
26 background-color: #0d3349;
|
|
27
|
|
28 border-radius: 15px 15px 0 0;
|
|
29 -moz-border-radius: 15px 15px 0 0;
|
|
30 -webkit-border-top-right-radius: 15px;
|
|
31 -webkit-border-top-left-radius: 15px;
|
|
32 }
|
|
33
|
|
34 #qunit-header a {
|
|
35 text-decoration: none;
|
|
36 color: white;
|
|
37 }
|
|
38
|
|
39 #qunit-banner {
|
|
40 height: 5px;
|
|
41 }
|
|
42
|
|
43 #qunit-testrunner-toolbar {
|
|
44 padding: 0em 0 0.5em 2em;
|
|
45 }
|
|
46
|
|
47 #qunit-userAgent {
|
|
48 padding: 0.5em 0 0.5em 2.5em;
|
|
49 background-color: #2b81af;
|
|
50 color: #fff;
|
|
51 text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 1px;
|
|
52 }
|
|
53
|
|
54
|
|
55 /** Tests: Pass/Fail */
|
|
56
|
|
57 #qunit-tests {
|
|
58 list-style-position: inside;
|
|
59 }
|
|
60
|
|
61 #qunit-tests li {
|
|
62 padding: 0.4em 0.5em 0.4em 2.5em;
|
|
63 border-bottom: 1px solid #fff;
|
|
64 list-style-position: inside;
|
|
65 }
|
|
66
|
|
67 #qunit-tests li strong {
|
|
68 cursor: pointer;
|
|
69 }
|
|
70
|
|
71 #qunit-tests li ol {
|
|
72 margin-top: 0.5em;
|
|
73 padding: 0.5em;
|
|
74
|
|
75 background-color: #fff;
|
|
76
|
|
77 border-radius: 15px;
|
|
78 -moz-border-radius: 15px;
|
|
79 -webkit-border-radius: 15px;
|
|
80
|
|
81 box-shadow: inset 0px 2px 13px #999;
|
|
82 -moz-box-shadow: inset 0px 2px 13px #999;
|
|
83 -webkit-box-shadow: inset 0px 2px 13px #999;
|
|
84 }
|
|
85
|
|
86 #qunit-tests li li {
|
|
87 margin: 0.5em;
|
|
88 padding: 0.4em 0.5em 0.4em 0.5em;
|
|
89 background-color: #fff;
|
|
90 border-bottom: none;
|
|
91 list-style-position: inside;
|
|
92 }
|
|
93
|
|
94 /*** Passing Styles */
|
|
95
|
|
96 #qunit-tests li li.pass {
|
|
97 color: #5E740B;
|
|
98 background-color: #fff;
|
|
99 border-left: 26px solid #C6E746;
|
|
100 }
|
|
101
|
|
102 #qunit-tests li.pass { color: #528CE0; background-color: #D2E0E6; }
|
|
103 #qunit-tests li.pass span.test-name { color: #366097; }
|
|
104
|
|
105 #qunit-tests li li.pass span.test-actual,
|
|
106 #qunit-tests li li.pass span.test-expected { color: #999999; }
|
|
107
|
|
108 strong b.pass { color: #5E740B; }
|
|
109
|
|
110 #qunit-banner.qunit-pass { background-color: #C6E746; }
|
|
111
|
|
112 /*** Failing Styles */
|
|
113
|
|
114 #qunit-tests li li.fail {
|
|
115 color: #710909;
|
|
116 background-color: #fff;
|
|
117 border-left: 26px solid #EE5757;
|
|
118 }
|
|
119
|
|
120 #qunit-tests li.fail { color: #000000; background-color: #EE5757; }
|
|
121 #qunit-tests li.fail span.test-name,
|
|
122 #qunit-tests li.fail span.module-name { color: #000000; }
|
|
123
|
|
124 #qunit-tests li li.fail span.test-actual { color: #EE5757; }
|
|
125 #qunit-tests li li.fail span.test-expected { color: green; }
|
|
126
|
|
127 strong b.fail { color: #710909; }
|
|
128
|
|
129 #qunit-banner.qunit-fail,
|
|
130 #qunit-testrunner-toolbar { background-color: #EE5757; }
|
|
131
|
|
132
|
|
133 /** Footer */
|
|
134
|
|
135 #qunit-testresult {
|
|
136 padding: 0.5em 0.5em 0.5em 2.5em;
|
|
137
|
|
138 color: #2b81af;
|
|
139 background-color: #D2E0E6;
|
|
140
|
|
141 border-radius: 0 0 15px 15px;
|
|
142 -moz-border-radius: 0 0 15px 15px;
|
|
143 -webkit-border-bottom-right-radius: 15px;
|
|
144 -webkit-border-bottom-left-radius: 15px;
|
|
145 }
|
|
146
|
|
147 /** Fixture */
|
|
148
|
|
149 #qunit-fixture {
|
|
150 position: absolute;
|
|
151 top: -10000px;
|
|
152 left: -10000px;
|
|
153 }
|