1
|
@font-face {
|
2
|
font-family: 'Comfortaa';
|
3
|
src: url("../fonts/Comfortaa/Comfortaa_Regular.eot"); }
|
4
|
|
5
|
@font-face {
|
6
|
font-family: 'Comfortaa-Bold';
|
7
|
src: url("../fonts/Comfortaa/Comfortaa-Bold.eot"); }
|
8
|
|
9
|
@font-face {
|
10
|
font-family: 'Comfortaa-Light';
|
11
|
src: url("../fonts/Comfortaa/Comfortaa-Light.eot"); }
|
12
|
|
13
|
@font-face {
|
14
|
font-family: Comfortaa;
|
15
|
src: url("../fonts/Comfortaa/Comfortaa-Regular.ttf") format("truetype"); }
|
16
|
|
17
|
@font-face {
|
18
|
font-family: Comfortaa-Bold;
|
19
|
src: url("../fonts/Comfortaa/Comfortaa-Bold.ttf") format("truetype"); }
|
20
|
|
21
|
@font-face {
|
22
|
font-family: Comfortaa-Light;
|
23
|
src: url("../fonts/Comfortaa/Comfortaa-Light.ttf") format("truetype"); }
|
24
|
|
25
|
.no-opacity article {
|
26
|
background: #c8c8c8; }
|
27
|
.no-opacity footer {
|
28
|
background: #c8c8c8; }
|
29
|
|
30
|
.no-cssgradients article#main nav ul li a:hover {
|
31
|
color: white;
|
32
|
font-style: italic; }
|
33
|
|
34
|
/* Sass Varaibles */
|
35
|
html, body {
|
36
|
height: 100%; }
|
37
|
|
38
|
body {
|
39
|
background: #ffffff;
|
40
|
background-image: -moz-linear-gradient(left center, #bfd255 0%, #6aa900 67%, #9ecb2d 100%) repeat scroll 0 0 transparent;
|
41
|
background-image: url("../../static/images/background.png");
|
42
|
background-position: center;
|
43
|
font-family: Verdana, Arial; }
|
44
|
|
45
|
.wrapper {
|
46
|
height: 100%;
|
47
|
height: auto !important;
|
48
|
margin: 0 auto -210px;
|
49
|
min-height: 100%; }
|
50
|
|
51
|
.push {
|
52
|
height: 210px; }
|
53
|
|
54
|
footer {
|
55
|
border-radius: 6px;
|
56
|
box-shadow: 0px 0px 3px 1px rgba(120, 120, 120, 0.85);
|
57
|
background: none repeat scroll 0 0 rgba(220, 220, 220, 0.5);
|
58
|
color: black;
|
59
|
margin: 25px auto 10px;
|
60
|
min-height: 100px;
|
61
|
padding: 8px;
|
62
|
position: relative;
|
63
|
top: 0;
|
64
|
width: 900px; }
|
65
|
footer section {
|
66
|
border-radius: 6px;
|
67
|
box-shadow: 0px 0px 3px 1px rgba(120, 120, 120, 0.85);
|
68
|
background: #faf8ee;
|
69
|
padding: 15px; }
|
70
|
footer section figure {
|
71
|
padding: 0px 0px 10px;
|
72
|
text-align: center; }
|
73
|
footer section figure img {
|
74
|
margin: 0 50px;
|
75
|
vertical-align: middle; }
|
76
|
footer section p {
|
77
|
font-size: 12px;
|
78
|
padding: 10px 0px 0px; }
|
79
|
footer section p a {
|
80
|
color: black; }
|
81
|
footer section p a:hover {
|
82
|
text-decoration: underline; }
|
83
|
|
84
|
header {
|
85
|
color: black;
|
86
|
font-family: Comfortaa;
|
87
|
margin: 30px auto 0;
|
88
|
min-height: 120px;
|
89
|
width: 900px; }
|
90
|
header h1 {
|
91
|
font-family: Comfortaa;
|
92
|
font-size: 36px;
|
93
|
margin: 10px 0px; }
|
94
|
header h2 {
|
95
|
font-size: 24px;
|
96
|
margin: 10px 0px; }
|
97
|
|
98
|
article {
|
99
|
border-radius: 6px;
|
100
|
box-shadow: 0px 0px 3px 1px rgba(120, 120, 120, 0.85);
|
101
|
background: none repeat scroll 0 0 rgba(220, 220, 220, 0.5);
|
102
|
font-size: 14px;
|
103
|
margin: 0 auto;
|
104
|
padding: 8px;
|
105
|
width: 900px; }
|
106
|
article#main nav {
|
107
|
display: block;
|
108
|
text-align: center; }
|
109
|
article#main nav ul li {
|
110
|
border-left: 1px solid #444444;
|
111
|
display: inline-block;
|
112
|
font-family: Comfortaa-Bold;
|
113
|
font-size: 18px;
|
114
|
height: 32px;
|
115
|
margin: 10px 0; }
|
116
|
article#main nav ul li:first-child {
|
117
|
border-left: 0px; }
|
118
|
article#main nav ul li a {
|
119
|
color: black;
|
120
|
padding: 10px;
|
121
|
position: relative;
|
122
|
text-decoration: none;
|
123
|
top: -8px;
|
124
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#00FFFFFF',GradientType=1); }
|
125
|
article#main nav ul li a:hover {
|
126
|
background: rgba(255, 255, 255, 0) 75%;
|
127
|
background: -moz-radial-gradient(center, ellipse cover, white 0%, rgba(255, 255, 255, 0) 75%);
|
128
|
/* FF3.6+ */
|
129
|
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(rgba(255, 255, 255, 0) 75%), color-stop(white 0%));
|
130
|
/* Chrome,Safari4+ */
|
131
|
background: -webkit-radial-gradient(center, ellipse cover, white 0%, rgba(255, 255, 255, 0) 75%);
|
132
|
/* Chrome10+,Safari5.1+ */
|
133
|
background: -o-radial-gradient(center, ellipse cover, white 0%, rgba(255, 255, 255, 0) 75%);
|
134
|
/* Opera 12+ */
|
135
|
background: -ms-radial-gradient(center, ellipse cover, white 0%, rgba(255, 255, 255, 0) 75%);
|
136
|
/* IE10+ */
|
137
|
background: radial-gradient(ellipse at center, white 0%, rgba(255, 255, 255, 0) 75%);
|
138
|
/* W3C */
|
139
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#00FFFFFF',GradientType=1); }
|
140
|
article#main nav ul li a img {
|
141
|
position: relative;
|
142
|
top: 8px; }
|
143
|
article#main nav ul li a span {
|
144
|
left: 2px;
|
145
|
position: relative;
|
146
|
top: 0px;
|
147
|
/*&:hover {
|
148
|
text-shadow: 0 4px 4px #FFFFFF;
|
149
|
}*/ }
|
150
|
article .content {
|
151
|
border-radius: 6px;
|
152
|
box-shadow: 0px 0px 3px 1px rgba(120, 120, 120, 0.85);
|
153
|
background: #faf8ee;
|
154
|
line-height: 1.2em;
|
155
|
padding: 10px 25px 25px; }
|
156
|
article .content h1 {
|
157
|
clear: both;
|
158
|
font-size: 18px;
|
159
|
font-weight: bold;
|
160
|
margin: 20px 0px; }
|
161
|
article .content h2 {
|
162
|
clear: both;
|
163
|
font-size: 16px;
|
164
|
font-weight: bold;
|
165
|
margin: 30px 0px 20px; }
|
166
|
article .content h3 {
|
167
|
clear: both;
|
168
|
font-size: 16px;
|
169
|
font-weight: bold;
|
170
|
margin: 20px 0px 8px; }
|
171
|
article .content ul {
|
172
|
margin: 15px 0px 15px 30px;
|
173
|
list-style: disc; }
|
174
|
article .content ul li {
|
175
|
margin: 3px 0px; }
|
176
|
article .content #file_upload_form form {
|
177
|
margin: 20px 0px; }
|
178
|
article .content #file_upload_form form input {
|
179
|
margin: 0px 10px; }
|
180
|
article .content #file_upload_form form input[type="file"] {
|
181
|
/*border: 1px solid #000;
|
182
|
box-shadow: 0 0 4px rgba(25, 0, 0, 0.4) inset, 0 0 0 rgba(50, 50, 50, 0.3);*/ }
|
183
|
article .content fieldset {
|
184
|
background: #f6f6f6;
|
185
|
border: 1px solid #666666;
|
186
|
border-radius: 6px;
|
187
|
padding: 15px; }
|
188
|
article .content fieldset legend {
|
189
|
font-size: 16px;
|
190
|
font-weight: bold; }
|
191
|
article .content fieldset img.upload-image {
|
192
|
float: right;
|
193
|
right: 15px;
|
194
|
opacity: 0.5;
|
195
|
position: relative;
|
196
|
top: -12px; }
|
197
|
article .content fieldset input {
|
198
|
position: relative;
|
199
|
left: 0px;
|
200
|
top: 20px; }
|
201
|
article .content fieldset input[type="file"] {
|
202
|
border: 1px solid black; }
|
203
|
article .content section.summary {
|
204
|
padding-left: 25px; }
|
205
|
article .content section.summary div {
|
206
|
font-size: 14px;
|
207
|
padding: 0.5em 0; }
|
208
|
article .content section.summary div b {
|
209
|
font-weight: bold;
|
210
|
padding-right: 5px; }
|
211
|
article .content section.summary div .processing {
|
212
|
font-weight: bold;
|
213
|
padding: 3px 0px; }
|
214
|
article .content section.summary div span.success {
|
215
|
/*background: -moz-linear-gradient(top, rgba(180,227,145,1) 0%, rgba(97,196,25,1) 25%, rgba(97,196,25,1) 75%, rgba(180,227,145,1) 100%);*/
|
216
|
background: #ffffff;
|
217
|
background: -moz-linear-gradient(top, #ffffff, #6699FF 40%, #6699FF 60%, #ffffff);
|
218
|
/* FF3.6+ */
|
219
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(#ffffff), color-stop(#6699FF 40%), color-stop(#6699FF 60%), color-stop(#ffffff));
|
220
|
/* Chrome,Safari4+ */
|
221
|
background: -webkit-linear-gradient(top, #ffffff, #6699FF 40%, #6699FF 60%, #ffffff);
|
222
|
/* Chrome10+,Safari5.1+ */
|
223
|
background: -o-linear-gradient(top, #ffffff, #6699FF 40%, #6699FF 60%, #ffffff);
|
224
|
/* Opera 11.10+ */
|
225
|
background: -ms-linear-gradient(top, #ffffff, #6699FF 40%, #6699FF 60%, #ffffff);
|
226
|
/* IE10+ */
|
227
|
background: linear-gradient(to bottom, #ffffff, #6699FF 40%, #6699FF 60%, #ffffff);
|
228
|
/* W3C */
|
229
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFB4E391', endColorstr='#FFB4E391',GradientType=0);
|
230
|
border: 1px solid #6699FF;
|
231
|
border-radius: 4px;
|
232
|
color: #fff;
|
233
|
display: inline-block;
|
234
|
padding: 4px;
|
235
|
text-transform: capitalize; }
|
236
|
article .content section.summary div span.failure {
|
237
|
/*background: -moz-linear-gradient(top, rgba(254,187,187,1) 0%, #FF3333 25%, #FF3333 75%, rgba(254,144,144,1) 100%); */
|
238
|
background: #fe9090;
|
239
|
background: -moz-linear-gradient(top, #febbbb, #ff3333 25%, #ff3333 75%, #fe9090);
|
240
|
/* FF3.6+ */
|
241
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(#febbbb), color-stop(#ff3333 25%), color-stop(#ff3333 75%), color-stop(#fe9090));
|
242
|
/* Chrome,Safari4+ */
|
243
|
background: -webkit-linear-gradient(top, #febbbb, #ff3333 25%, #ff3333 75%, #fe9090);
|
244
|
/* Chrome10+,Safari5.1+ */
|
245
|
background: -o-linear-gradient(top, #febbbb, #ff3333 25%, #ff3333 75%, #fe9090);
|
246
|
/* Opera 11.10+ */
|
247
|
background: -ms-linear-gradient(top, #febbbb, #ff3333 25%, #ff3333 75%, #fe9090);
|
248
|
/* IE10+ */
|
249
|
background: linear-gradient(to bottom, #febbbb, #ff3333 25%, #ff3333 75%, #fe9090);
|
250
|
/* W3C */
|
251
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFEBBBB', endColorstr='#FFFE9090',GradientType=0);
|
252
|
border: 1px solid red;
|
253
|
border-radius: 4px;
|
254
|
color: #fff;
|
255
|
display: inline-block;
|
256
|
padding: 4px;
|
257
|
text-transform: capitalize; }
|
258
|
|
259
|
table#task_table {
|
260
|
width: 100%; }
|
261
|
table#task_table tr {
|
262
|
/*border-top: 1px solid #333;*/
|
263
|
/*background: #eee;*/ }
|
264
|
table#task_table tr th {
|
265
|
background: #3B3B3B;
|
266
|
/*background: -moz-linear-gradient(center top , #4F4F4F 0%, #3F3F3F 50%, #2F2F2F 100%);*/
|
267
|
background: #2f2f2f 100%;
|
268
|
background: -moz-linear-gradient(top, #4f4f4f 0%, #2f2f2f 100%);
|
269
|
/* FF3.6+ */
|
270
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(#4f4f4f 0%), color-stop(#2f2f2f 100%));
|
271
|
/* Chrome,Safari4+ */
|
272
|
background: -webkit-linear-gradient(top, #4f4f4f 0%, #2f2f2f 100%);
|
273
|
/* Chrome10+,Safari5.1+ */
|
274
|
background: -o-linear-gradient(top, #4f4f4f 0%, #2f2f2f 100%);
|
275
|
/* Opera 11.10+ */
|
276
|
background: -ms-linear-gradient(top, #4f4f4f 0%, #2f2f2f 100%);
|
277
|
/* IE10+ */
|
278
|
background: linear-gradient(to bottom, #4f4f4f 0%, #2f2f2f 100%);
|
279
|
/* W3C */
|
280
|
color: #fff;
|
281
|
font-weight: bold;
|
282
|
border-right: 1px solid #eeeeee; }
|
283
|
table#task_table tr th:first-child {
|
284
|
border-radius: 0.75em 0em 0em; }
|
285
|
table#task_table tr th:last-child {
|
286
|
border-radius: 0em 0.75em 0em 0em;
|
287
|
border-right: 0px solid #3f3f3f; }
|
288
|
table#task_table tr th, table#task_table tr td {
|
289
|
margin: 5px 0px;
|
290
|
padding: 8px 5px; }
|
291
|
table#task_table tr td {
|
292
|
border-right: 1px solid #3f3f3f;
|
293
|
border-bottom: 1px solid #3f3f3f;
|
294
|
text-align: left; }
|
295
|
table#task_table tr td:first-child {
|
296
|
border-left: 1px solid #3f3f3f; }
|
297
|
table#task_table tr td:last-child {
|
298
|
border-right: 1px solid #3f3f3f; }
|
299
|
table#task_table tr td.status {
|
300
|
text-align: center; }
|
301
|
table#task_table tr td.status span {
|
302
|
display: inline-block;
|
303
|
font-weight: bold;
|
304
|
width: 74px; }
|
305
|
table#task_table tr td.status span[status=SUCCESS] {
|
306
|
color: #5C8AE6;
|
307
|
padding: 3px 0px; }
|
308
|
table#task_table tr td.status span[status=FAILURE] {
|
309
|
color: #990000;
|
310
|
padding: 3px 0px; }
|
311
|
|
312
|
table.summaryTable {
|
313
|
margin: 10px 0px 0px;
|
314
|
|
315
|
border: 5px;
|
316
|
}
|
317
|
table.summaryTable tr th, table.summaryTable tr td {
|
318
|
padding: 6px 0px;border: 5px;
|
319
|
}
|
320
|
table.summaryTable tr th {
|
321
|
font-weight: bold;
|
322
|
text-align: left; }
|
323
|
|
324
|
.animation {
|
325
|
margin: 0px auto 0px;
|
326
|
position: relative;
|
327
|
text-align: center; }
|
328
|
.animation .block {
|
329
|
background: #008AE6;
|
330
|
border: 1px solid #007ACC;
|
331
|
border-radius: 4px;
|
332
|
display: inline-block;
|
333
|
margin: 20px;
|
334
|
position: relative;
|
335
|
height: 18px;
|
336
|
width: 18px; }
|
337
|
|
338
|
#xml-mining {
|
339
|
height: 200px;
|
340
|
margin: 0px auto;
|
341
|
position: relative;
|
342
|
width: 500px; }
|
343
|
#xml-mining #axe, #xml-mining #article {
|
344
|
position: absolute; }
|
345
|
#xml-mining #article {
|
346
|
left: 175px;
|
347
|
top: 35px; }
|
348
|
#xml-mining #xml-parser {
|
349
|
font-size: 16px;
|
350
|
font-weight: bold;
|
351
|
left: 200px;
|
352
|
position: absolute;
|
353
|
top: 150px; }
|
354
|
|
355
|
.ui-widget .ui-state-error {
|
356
|
margin: 1em 0em; }
|
357
|
.ui-widget .ui-state-error p {
|
358
|
padding: 0.7em; }
|