OLD | NEW |
1 * { box-sizing: border-box; } | 1 * { box-sizing: border-box; } |
2 | 2 |
3 html, body { | 3 html, body { |
4 margin: 0; | 4 margin: 0; |
5 padding: 0; | 5 padding: 0; |
6 | 6 |
7 font-size: 16px; | 7 font-size: 16px; |
8 font-family: Helvetica, sans-serif; | 8 font-family: Helvetica, sans-serif; |
9 | 9 |
10 background-color: #E4E4E4; | 10 background-color: #f2f2f2; |
11 } | 11 } |
12 | 12 |
13 h1 { font-size: 1.8rem; } | 13 h1 { font-size: 1.7rem; } |
14 h2 { font-size: 1.4rem; } | 14 h2 { font-size: 1.4rem; } |
15 h3 { font-size: 1.1rem; } | 15 h3 { font-size: 1.1rem; } |
16 | 16 |
17 .center { text-align: center; } | 17 |
18 | 18 /* Site Header/Footer */ |
19 .abp-container { | 19 |
| 20 .site-header { |
| 21 height: 4em; |
| 22 background-color: #c70d2c; |
| 23 } |
| 24 |
| 25 #site-header-logo, #site-header-logo > * { |
| 26 float: left; |
| 27 } |
| 28 |
| 29 #site-header-logo { |
| 30 padding: 0em 1em; |
| 31 color: #fff; |
| 32 } |
| 33 |
| 34 #site-header-logo:hover, |
| 35 #site-header-logo:active, |
| 36 #site-header-logo:focus |
| 37 { |
| 38 background-color: #AE0013; |
| 39 text-decoration: none; |
| 40 } |
| 41 |
| 42 #site-header-logo img { |
| 43 height: 4em; |
| 44 padding: 0.5em 0em; |
| 45 margin: 0em 1em 0em 0em; |
| 46 } |
| 47 |
| 48 #site-header-logo > span { |
| 49 line-height: 2.51em; |
| 50 font-size: 1.5em; |
| 51 } |
| 52 |
| 53 .site-footer { |
| 54 color: #ececec; |
| 55 background-color: #292929; |
| 56 font-size: 0.9em; |
| 57 margin: 1rem 0 0 0 ; |
| 58 padding: .5rem; |
| 59 } |
| 60 |
| 61 .site-footer .site-update { |
| 62 text-align: center; |
| 63 font-size: 0.7rem; |
| 64 } |
| 65 |
| 66 |
| 67 /* Site Colours/Patterns */ |
| 68 |
| 69 .stripes-grey { |
| 70 border: 2px solid #bcbcbc; |
| 71 background-image: repeating-linear-gradient(45deg, #ccc, #ccc 10px, #dbdbdb 10
px, #dbdbdb 20px); |
| 72 } |
| 73 |
| 74 .stripes-green { |
| 75 border: 2px solid #02c219; |
| 76 background-image: repeating-linear-gradient(45deg, #22b522, #22b522 10px, #0c0
10px, #0c0 20px); |
| 77 } |
| 78 |
| 79 .stripes-red { |
| 80 border: 2px solid #12bd1f; |
| 81 background-image: repeating-linear-gradient(45deg, #f00, #f00 10px, #c00 10px,
#c00 20px); |
| 82 } |
| 83 |
| 84 |
| 85 /* Site Layout/Panels */ |
| 86 |
| 87 .site-container { |
| 88 width: 1000px; |
| 89 max-width: 100%; |
| 90 margin: 0 auto 0 auto; |
| 91 padding: 0 .75rem 0 .75rem; |
| 92 } |
| 93 |
| 94 .site-panel { |
| 95 background-color: white; |
| 96 padding: 1rem; |
| 97 margin-top: .5rem; |
| 98 } |
| 99 |
| 100 .site-panel h2 { |
| 101 margin-top: 0; |
| 102 margin-bottom: 0; |
| 103 } |
| 104 |
| 105 .site-panel h2 + p { |
| 106 margin-top: .5rem; |
| 107 margin-bottom: 0; |
| 108 } |
| 109 |
| 110 .site-pagelist { |
| 111 margin: 0; |
| 112 padding: 0; |
| 113 list-style: none; |
| 114 } |
| 115 |
| 116 .site-pagelist li { |
| 117 background-color: #f3f3f3; |
| 118 display: inline-block; |
20 width: 100%; | 119 width: 100%; |
21 border-width: 1px 1px 1px; | 120 margin-top: .25rem; |
22 border-style: solid solid solid; | 121 } |
23 border-color: #D9D9D9 #D9D9D9 #D9D9D9; | 122 .site-pagelist li:hover { |
24 box-shadow: 1px 1px 0px 0px #D9D9D9; | 123 background-color: #eee; |
25 margin-left: auto; | 124 } |
26 margin-right: auto; | 125 |
27 color: #7D7D7D; | 126 .site-pagelist li a { |
28 border-radius: 0px 0px 5px 5px; | 127 padding: .5rem; |
29 padding: .50rem; | 128 color: #222; |
30 margin-top: .5rem; | 129 text-decoration: none; |
| 130 display: inline-block; |
| 131 width: 100%; |
| 132 } |
| 133 |
| 134 .site-pagelist li a h3 { |
| 135 font-weight: bold; |
| 136 margin: 0; |
| 137 } |
| 138 |
| 139 .site-button { |
| 140 padding: .5rem; |
| 141 background-color: #f3f3f3; |
| 142 text-decoration: none; |
| 143 } |
| 144 |
| 145 .site-button:hover { |
| 146 background-color: #eee; |
| 147 } |
| 148 |
| 149 |
| 150 |
| 151 |
| 152 /* Testcase */ |
| 153 |
| 154 .testcase-container { |
| 155 background-color: #f2f2f2; |
| 156 min-height: 10rem; |
| 157 padding: .5rem; |
| 158 margin-top: .5rem; |
| 159 border: 1px solid #ababab; |
| 160 } |
| 161 |
| 162 .testcase-content { |
| 163 color: white; |
| 164 background-color: grey; |
| 165 height: 100%; |
| 166 width: auto; |
| 167 overflow: hidden; |
| 168 border: 2px solid #bcbcbc; |
| 169 padding: .5rem; |
| 170 } |
| 171 |
| 172 .testcase-contentaside { |
| 173 color: white; |
| 174 width: 20%; |
| 175 vertical-align: top; |
| 176 height: 35%; |
| 177 padding: .5rem; |
| 178 background-color: red; |
| 179 float:right; |
| 180 margin-left: .5rem; |
| 181 display: table-cell; |
| 182 } |
| 183 |
| 184 .testcase-image { |
| 185 height: 5rem; |
| 186 } |
| 187 |
| 188 .testcase-row { |
31 background-color: white; | 189 background-color: white; |
32 } | 190 padding: .5rem; |
33 | 191 margin-top: .5rem; |
34 .abp-container h1, h2, h3 { | 192 } |
35 » margin: 0; | 193 |
36 » border-bottom: 1px solid #D9D9D9; | 194 .testcase-row:first-of-type { |
37 } | 195 margin-top: 0; |
38 | 196 } |
39 .abp-container h3 { | 197 |
40 margin-top: .5rem; | 198 .testcase-column { |
41 } | 199 background-color: white; |
42 | 200 display: inline-block; |
43 .abp-container p { | 201 width: 50%; |
44 margin-top: .5rem; | 202 vertical-align: top; |
| 203 height: 10rem; |
| 204 padding: .5rem; |
| 205 border: 1px solid #ababab; |
| 206 } |
| 207 |
| 208 .testcase-row > h3 { |
| 209 margin-top: 0; |
45 margin-bottom: .5rem; | 210 margin-bottom: .5rem; |
46 } | 211 } |
47 .abp-container p:last-of-type | 212 |
48 { | 213 .testcase-filter { |
49 margin-bottom: 0; | 214 border: 0px solid #ababab; |
50 } | 215 |
51 | 216 margin-top: .5rem; |
52 .abp-container hr { | 217 } |
53 » border: 0; | 218 |
54 » border-bottom: 1px solid #D9D9D9; | 219 .testcase-filter .filter { |
55 } | 220 background-color: #e0e0e0; |
56 | 221 margin: 0; |
57 .abp-header h1 { | 222 padding: .5rem; |
58 margin: 0; | 223 padding-bottom: .75rem; |
59 display: inline-block; | 224 padding-top: .75rem; |
60 vertical-align: top; | 225 border-bottom: 1px solid #ccc; |
61 margin-top: .8rem; | 226 font-family: monospace; |
62 } | 227 overflow-x: scroll; |
63 | 228 word-break: keep-all; |
64 .abp-header a { | 229 } |
65 color: #7D7D7D; | 230 |
66 } | 231 .testcase-filter .description { |
67 | 232 background-color: #f2f2f2; |
68 .abp-logo { | 233 margin: 0; |
69 width: 64px; | 234 padding: .5rem; |
70 height: 64px; | 235 } |
71 } | 236 |
72 | 237 .testcase-es-prop { |
73 .abp-breadcrumbs { | 238 width: 213px; |
74 margin-top: 0.5rem; | 239 } |
75 border-radius: 2px; | 240 |
76 } | 241 .testcase-es-chained { |
77 | 242 width: 214px; |
78 .abp-pagelist { | 243 } |
79 list-style-type: none; | 244 |
80 min-width: 45%; | 245 .testcase-es-case { |
81 margin-left: .5rem; | 246 width: 215px; |
82 margin-right: 1rem; | 247 } |
83 margin-top: .5rem; | 248 |
84 padding: 0; | 249 .testcase-es-wildcard { |
85 display: inline-block; | 250 width: 216px; |
86 vertical-align: top; | 251 height: 50px; |
87 } | 252 cursor: pointer; |
88 | 253 } |
89 .abp-pagelist h3 { | 254 |
90 | 255 .testcase-es-regex-1 { |
91 margin-bottom: .5rem; | 256 width: 121px; |
92 } | 257 } |
93 | 258 .testcase-es-regex-2 { |
94 | 259 width: 122px; |
95 .abp-testsuitelist { | 260 } |
96 width: 98%; | 261 .testcase-es-regex-3 { |
97 list-style-type: none; | 262 width: 100px; |
98 margin-left: .5rem; | |
99 margin-right: .5rem; | |
100 padding: 0; | |
101 display: inline-block; | |
102 vertical-align: top; | |
103 } | |
104 | |
105 .abp-bubble { | |
106 padding: .5rem; | |
107 background-color: #ECECEC; | |
108 display: inline-block; | |
109 vertical-align: top; | |
110 border-radius: 4px; | |
111 margin-right: .25rem; | |
112 margin-top: .5rem; | |
113 } | |
114 | |
115 .abp-bubble p { margin-top: 0; } | |
116 | |
117 .abp-bubble h4 { | |
118 margin: 0; | |
119 border-bottom: 1px solid #ccc; | |
120 } | |
121 | |
122 .abp-bubble a { | |
123 margin-right: .25rem; | |
124 vertical-align: middle; | |
125 } | |
126 | |
127 .abp-bubble a:hover { | |
128 color: #aaa; | |
129 } | |
130 | |
131 .abp-bubble a img { | |
132 margin-top: .5rem; | |
133 } | |
134 .abp-customfilterlist { | |
135 | |
136 display: inline-block; | |
137 } | |
138 | |
139 .abp-linkset | |
140 { | |
141 padding: 0; | |
142 } | |
143 | |
144 .abp-linkset li | |
145 { | |
146 display: inline-block; | |
147 margin-right: .5rem; | |
148 } | |
149 | |
150 .abp-lastupdate | |
151 { | |
152 margin-bottom: 0; | |
153 } | |
154 | |
155 .abp-feature-table td,th | |
156 { | |
157 padding-left: .5rem; | |
158 padding-right: .5rem; | |
159 text-align: center; | |
160 border: 1px solid #cacaca; | |
161 } | |
162 | |
163 .abp-filterlist { | |
164 margin-bottom: .5rem; | |
165 } | |
166 | |
167 | |
168 .abp-reference-image { | |
169 padding: .5rem; | |
170 border: 1px solid #cacaca; | |
171 width: 100%; | |
172 } | |
173 | |
174 .abp-testcase-information { | |
175 border: 1px solid #cacaca; | |
176 border-radius: 2px; | |
177 width: 100%; | |
178 margin-top: .5rem; | |
179 } | |
180 | |
181 .abp-testcase-information th { | |
182 min-width: 100px; | |
183 text-align: right; | |
184 padding: .5rem; | |
185 vertical-align: top; | |
186 } | |
187 .abp-testcase-information td { | |
188 padding: .5rem; | |
189 border: 1px solid #cacaca; | |
190 } | |
191 | |
192 .abp-testsuite-testcase { | |
193 margin-top: .5rem; | |
194 border: 1px solid #cacaca; | |
195 border-radius: 2px; | |
196 padding: .25rem; | |
197 min-height: 50px; | |
198 } | |
199 .abp-testsuite-testcase-inner { | |
200 position: relative; | |
201 | |
202 min-height: 50px; | |
203 text-align: center; | |
204 line-height: 25px; | |
205 | |
206 } | |
207 | |
208 .abp-testsuite-pass { | |
209 border: 4px solid #33B30B; | |
210 padding: .5rem; | |
211 color: white; | |
212 font-weight: bold; | |
213 text-align: center; | |
214 background-color: #3CC943; | |
215 position: absolute; | |
216 top: 0; | |
217 left: 0; | |
218 right: 0; | |
219 bottom: 0; | |
220 display: block; | |
221 min-width: 350px; | |
222 | |
223 vertical-align: middle; | |
224 } | |
225 | |
226 .abp-testsuite-fail { | |
227 border: 4px solid #B30B0B; | |
228 padding: .5rem; | |
229 color: white; | |
230 font-weight: bold; | |
231 text-align: center; | |
232 background-color: #C93C3C; | |
233 min-width: 350px; | |
234 position: absolute; | |
235 top: 0; | |
236 left: 0; | |
237 right: 0; | |
238 bottom: 0; | |
239 } | |
240 | |
241 .abp-testsuite-image | |
242 { | |
243 vertical-align: top; | |
244 position: absolute; | |
245 top: 0; | |
246 left: 0; | |
247 } | |
248 | |
249 .abp-testsuite-result { | |
250 border: 4px solid #D3D74C; | |
251 padding: .5rem; | |
252 color: #A4A83B; | |
253 font-weight: bold; | |
254 text-align: center; | |
255 background-color: yellow; | |
256 position: absolute; | |
257 display: block; | |
258 } | |
259 | |
260 .abp-testsuite-iframe { | |
261 position: absolute; | |
262 display: block; | |
263 height: 75px; | |
264 border: none; | |
265 } | |
266 | |
267 .abp-testsuite-03-img { | |
268 vertical-align: top; | |
269 position: absolute; | |
270 left: 0; | |
271 top: 0; | |
272 } | |
273 | |
274 .abp-testsuite-04 { | |
275 vertical-align: top; | |
276 position: absolute; | |
277 left: 0; | |
278 top: 0; | |
279 background-color: yellow; | |
280 border: 4px solid yellow; | |
281 } | |
282 | |
283 .abp-testcase-img-04 { | |
284 position: relative; | |
285 height: 150px; | |
286 } | |
287 | |
288 .abp-testcase-img-04 img { | |
289 position: absolute; | |
290 } | |
291 | |
292 .abp-testcase-img-04-overlay { | |
293 width: 150px; | |
294 height: 150px; | |
295 background-color: rgba( 255, 0, 0, 0.5 ); | |
296 position: absolute; | |
297 } | |
298 | |
299 .abp-testcase-img-05 { | |
300 width: 160px; | |
301 height: 160px; | |
302 border: 0; | |
303 } | |
304 | |
305 .abp-testcase-css-01 { | |
306 width: 150px; | |
307 height: 150px; | |
308 background-image: url( '/images/test-image-01.png' ); | |
309 } | |
310 | |
311 .abp-testcase-css-02 { | |
312 width: 150px; | |
313 height: 150px; | |
314 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCA
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
8AAAAASUVORK5CYII=); | |
315 } | |
316 | |
317 .abp-testcase-css-03::before { | |
318 width: 128px; | |
319 height: 128px; | |
320 content: url( '/images/test-image-01.png' ); | |
321 } | 263 } |
322 | 264 |
323 @media( min-width: 720px ) { | 265 @media( min-width: 720px ) { |
324 .abp-container { | 266 .abp-container { |
325 width: 75%; | 267 width: 75%; |
326 » max-width: 1000px; | 268 » max-width: 900px; |
327 } | 269 } |
328 } | 270 } |
OLD | NEW |