1 | @charset "UTF-8";
|
2 | body {
|
3 | font: 20px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
|
4 | padding: 60px 50px;
|
5 | }
|
6 |
|
7 | #mocha ul, #mocha li {
|
8 | margin: 0;
|
9 | padding: 0;
|
10 | }
|
11 |
|
12 | #mocha ul {
|
13 | list-style: none;
|
14 | }
|
15 |
|
16 | #mocha h1, #mocha h2 {
|
17 | margin: 0;
|
18 | }
|
19 |
|
20 | #mocha h1 {
|
21 | margin-top: 15px;
|
22 | font-size: 1em;
|
23 | font-weight: 200;
|
24 | }
|
25 |
|
26 | #mocha h1 a {
|
27 | text-decoration: none;
|
28 | color: inherit;
|
29 | }
|
30 |
|
31 | #mocha h1 a:hover {
|
32 | text-decoration: underline;
|
33 | }
|
34 |
|
35 | #mocha .suite .suite h1 {
|
36 | margin-top: 0;
|
37 | font-size: .8em;
|
38 | }
|
39 |
|
40 | #mocha h2 {
|
41 | font-size: 12px;
|
42 | font-weight: normal;
|
43 | cursor: pointer;
|
44 | }
|
45 |
|
46 | #mocha .suite {
|
47 | margin-left: 15px;
|
48 | }
|
49 |
|
50 | #mocha .test {
|
51 | margin-left: 15px;
|
52 | }
|
53 |
|
54 | #mocha .test:hover h2::after {
|
55 | position: relative;
|
56 | top: 0;
|
57 | right: -10px;
|
58 | content: '(view source)';
|
59 | font-size: 12px;
|
60 | font-family: arial;
|
61 | color: #888;
|
62 | }
|
63 |
|
64 | #mocha .test.pending:hover h2::after {
|
65 | content: '(pending)';
|
66 | font-family: arial;
|
67 | }
|
68 |
|
69 | #mocha .test.pass.medium .duration {
|
70 | background: #C09853;
|
71 | }
|
72 |
|
73 | #mocha .test.pass.slow .duration {
|
74 | background: #B94A48;
|
75 | }
|
76 |
|
77 | #mocha .test.pass::before {
|
78 | content: '✓';
|
79 | font-size: 12px;
|
80 | display: block;
|
81 | float: left;
|
82 | margin-right: 5px;
|
83 | color: #00d6b2;
|
84 | }
|
85 |
|
86 | #mocha .test.pass .duration {
|
87 | font-size: 9px;
|
88 | margin-left: 5px;
|
89 | padding: 2px 5px;
|
90 | color: white;
|
91 | -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.2);
|
92 | -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.2);
|
93 | box-shadow: inset 0 1px 1px rgba(0,0,0,.2);
|
94 | -webkit-border-radius: 5px;
|
95 | -moz-border-radius: 5px;
|
96 | -ms-border-radius: 5px;
|
97 | -o-border-radius: 5px;
|
98 | border-radius: 5px;
|
99 | }
|
100 |
|
101 | #mocha .test.pass.fast .duration {
|
102 | display: none;
|
103 | }
|
104 |
|
105 | #mocha .test.pending {
|
106 | color: #0b97c4;
|
107 | }
|
108 |
|
109 | #mocha .test.pending::before {
|
110 | content: '◦';
|
111 | color: #0b97c4;
|
112 | }
|
113 |
|
114 | #mocha .test.fail {
|
115 | color: #c00;
|
116 | }
|
117 |
|
118 | #mocha .test.fail pre {
|
119 | color: black;
|
120 | }
|
121 |
|
122 | #mocha .test.fail::before {
|
123 | content: '✖';
|
124 | font-size: 12px;
|
125 | display: block;
|
126 | float: left;
|
127 | margin-right: 5px;
|
128 | color: #c00;
|
129 | }
|
130 |
|
131 | #mocha .test pre.error {
|
132 | color: #c00;
|
133 | }
|
134 |
|
135 | #mocha .test pre {
|
136 | display: inline-block;
|
137 | font: 12px/1.5 monaco, monospace;
|
138 | margin: 5px;
|
139 | padding: 15px;
|
140 | border: 1px solid #eee;
|
141 | border-bottom-color: #ddd;
|
142 | -webkit-border-radius: 3px;
|
143 | -webkit-box-shadow: 0 1px 3px #eee;
|
144 | }
|
145 |
|
146 | #report.pass .test.fail {
|
147 | display: none;
|
148 | }
|
149 |
|
150 | #report.fail .test.pass {
|
151 | display: none;
|
152 | }
|
153 |
|
154 | #error {
|
155 | color: #c00;
|
156 | font-size: 1.5 em;
|
157 | font-weight: 100;
|
158 | letter-spacing: 1px;
|
159 | }
|
160 |
|
161 | #stats {
|
162 | position: fixed;
|
163 | top: 15px;
|
164 | right: 10px;
|
165 | font-size: 12px;
|
166 | margin: 0;
|
167 | color: #888;
|
168 | }
|
169 |
|
170 | #stats .progress {
|
171 | float: right;
|
172 | padding-top: 0;
|
173 | }
|
174 |
|
175 | #stats em {
|
176 | color: black;
|
177 | }
|
178 |
|
179 | #stats a {
|
180 | text-decoration: none;
|
181 | color: inherit;
|
182 | }
|
183 |
|
184 | #stats a:hover {
|
185 | border-bottom: 1px solid #eee;
|
186 | }
|
187 |
|
188 | #stats li {
|
189 | display: inline-block;
|
190 | margin: 0 5px;
|
191 | list-style: none;
|
192 | padding-top: 11px;
|
193 | }
|
194 |
|
195 | code .comment { color: #ddd }
|
196 | code .init { color: #2F6FAD }
|
197 | code .string { color: #5890AD }
|
198 | code .keyword { color: #8A6343 }
|
199 | code .number { color: #2F6FAD }
|