|
1 /* |
|
2 * Typos styles |
|
3 */ |
|
4 |
|
5 @font-face { |
|
6 font-family: 'Ubuntu'; |
|
7 src: url('./fonts/Ubuntu-C.eot'); |
|
8 src: url('./fonts/Ubuntu-C.eot?#iefix') format('embedded-opentype'), |
|
9 url('./fonts/Ubuntu-C.woff') format('woff'), |
|
10 url('./fonts/Ubuntu-C.ttf') format('truetype'), |
|
11 url('./fonts/Ubuntu-C.svg') format('svg'); |
|
12 font-weight: normal; |
|
13 font-style: normal; |
|
14 } |
|
15 |
|
16 @font-face { |
|
17 font-family: 'Ubuntu-Light'; |
|
18 src: url('./fonts/Ubuntu-L.eot'); |
|
19 src: url('./fonts/Ubuntu-L.eot?#iefix') format('embedded-opentype'), |
|
20 url('./fonts/Ubuntu-L.woff') format('woff'), |
|
21 url('./fonts/Ubuntu-L.ttf') format('truetype'), |
|
22 url('./fonts/Ubuntu-L.svg') format('svg'); |
|
23 font-weight: normal; |
|
24 font-style: normal; |
|
25 } |
|
26 |
|
27 @font-face { |
|
28 font-family: 'Ubuntu-Bold'; |
|
29 src: url('./fonts/Ubuntu-B.eot'); |
|
30 src: url('./fonts/Ubuntu-B.eot?#iefix') format('embedded-opentype'), |
|
31 url('./fonts/Ubuntu-B.woff') format('woff'), |
|
32 url('./fonts/Ubuntu-B.ttf') format('truetype'), |
|
33 url('./fonts/Ubuntu-B.svg') format('svg'); |
|
34 font-weight: bold; |
|
35 font-style: normal; |
|
36 } |
|
37 |
|
38 html, |
|
39 body { |
|
40 font-family: Ubuntu, Arial, Helvetica, sans-serif; |
|
41 } |
|
42 |
|
43 a:active, |
|
44 a:focus, |
|
45 a:hover, |
|
46 button, |
|
47 button:active, |
|
48 button:focus, |
|
49 embed, |
|
50 input::-moz-focus-inner, |
|
51 object { |
|
52 outline: 0; |
|
53 } |
|
54 |
|
55 .hidden { |
|
56 display: none; |
|
57 } |
|
58 .hidden-desktop { |
|
59 display: none!important; |
|
60 } |
|
61 |
|
62 .no-visible { |
|
63 visibility: hidden!important; |
|
64 } |
|
65 |
|
66 .pull-right { |
|
67 float: right!Important; |
|
68 } |
|
69 .pull-left { |
|
70 float: left!Important; |
|
71 } |
|
72 |
|
73 .align-top { |
|
74 vertical-align: top; |
|
75 } |
|
76 |
|
77 .disabled { |
|
78 color: #fff; |
|
79 .btn-default& { |
|
80 color: #999; |
|
81 } |
|
82 } |
|
83 |
|
84 xmp { |
|
85 overflow: auto; |
|
86 } |
|
87 |
|
88 .nowrap { |
|
89 white-space: nowrap; |
|
90 } |
|
91 .truncated { |
|
92 white-space: nowrap; |
|
93 overflow: hidden; |
|
94 text-overflow: ellipsis; |
|
95 } |
|
96 |
|
97 .no-space { |
|
98 margin: 0; |
|
99 |
|
100 >[class*=col-] { |
|
101 margin: 0!important; |
|
102 padding-right: 0; |
|
103 padding-left: 0; |
|
104 } |
|
105 } |
|
106 |
|
107 .no-margin { |
|
108 margin: 0!important; |
|
109 } |
|
110 .no-x-margin { |
|
111 margin-left: 0!important; |
|
112 margin-right: 0!important; |
|
113 } |
|
114 .no-y-margin { |
|
115 margin-top: 0!important; |
|
116 margin-bottom: 0!important; |
|
117 } |
|
118 |
|
119 .margin { |
|
120 &-5 { |
|
121 margin: 5px !important; |
|
122 } |
|
123 &-10 { |
|
124 margin: 10px !important; |
|
125 } |
|
126 &-20 { |
|
127 margin: 20px !important; |
|
128 } |
|
129 &-top-0 { |
|
130 margin-top: 0!important; |
|
131 } |
|
132 &-top-5 { |
|
133 margin-top: 5px!important; |
|
134 } |
|
135 &-top-10 { |
|
136 margin-top: 10px!important; |
|
137 } |
|
138 &-top-20 { |
|
139 margin-top: 20px!important; |
|
140 } |
|
141 &-bottom-0 { |
|
142 margin-bottom: 0!important; |
|
143 } |
|
144 &-bottom-5 { |
|
145 margin-bottom: 5px!important; |
|
146 } |
|
147 &-bottom-10 { |
|
148 margin-bottom: 10px!important; |
|
149 } |
|
150 &-bottom-20 { |
|
151 margin-bottom: 20px!important; |
|
152 } |
|
153 &-left-0 { |
|
154 margin-left: 0!important; |
|
155 } |
|
156 &-left-5 { |
|
157 margin-left: 5px!important; |
|
158 } |
|
159 &-left-10 { |
|
160 margin-left: 10px!important; |
|
161 } |
|
162 &-left-20 { |
|
163 margin-left: 20px!important; |
|
164 } |
|
165 &-right-0 { |
|
166 margin-right: 0!important; |
|
167 } |
|
168 &-right-5 { |
|
169 margin-right: 5px!important; |
|
170 } |
|
171 &-right-10 { |
|
172 margin-right: 10px!important; |
|
173 } |
|
174 &-right-20 { |
|
175 margin-right: 20px!important; |
|
176 } |
|
177 } |
|
178 |
|
179 .bordered { |
|
180 border: 1px solid rgba(0, 0, 0, .2); |
|
181 |
|
182 &:hover { |
|
183 border: 1px solid rgba(0, 0, 0, .4); |
|
184 } |
|
185 } |
|
186 |
|
187 .no-border { |
|
188 &, |
|
189 .well[class*=" bg-"]& { |
|
190 border-width: 0!important; |
|
191 } |
|
192 &-transparent { |
|
193 border-color: transparent!important; |
|
194 } |
|
195 &-radius { |
|
196 border-radius: 0; |
|
197 } |
|
198 } |
|
199 |
|
200 .border { |
|
201 &-0 { |
|
202 border-width: 0!important; |
|
203 } |
|
204 &-1 { |
|
205 border-width: 1px!important; |
|
206 } |
|
207 } |
|
208 |
|
209 .width { |
|
210 &-100 { |
|
211 width: 100px; |
|
212 max-width: 100px; |
|
213 } |
|
214 &-200 { |
|
215 width: 200px; |
|
216 max-width: 200px; |
|
217 } |
|
218 &-300 { |
|
219 width: 300px; |
|
220 max-width: 300px; |
|
221 } |
|
222 &-400 { |
|
223 width: 400px; |
|
224 max-width: 400px; |
|
225 } |
|
226 &-500 { |
|
227 width: 500px; |
|
228 max-width: 500px; |
|
229 } |
|
230 } |
|
231 |
|
232 .padding { |
|
233 &-5 { |
|
234 padding: 5px!important; |
|
235 } |
|
236 &-7 { |
|
237 padding: 7px!important; |
|
238 } |
|
239 &-10 { |
|
240 padding: 10px!important; |
|
241 } |
|
242 &-20 { |
|
243 padding: 20px!important; |
|
244 } |
|
245 &-top-0 { |
|
246 padding-top: 0!important; |
|
247 } |
|
248 &-top-5 { |
|
249 padding-top: 5px!important; |
|
250 } |
|
251 &-top-10 { |
|
252 padding-top: 10px!important; |
|
253 } |
|
254 &-top-20 { |
|
255 padding-top: 20px!important; |
|
256 } |
|
257 &-bottom-0 { |
|
258 padding-bottom: 0!important; |
|
259 } |
|
260 &-bottom-5 { |
|
261 padding-bottom: 5px!important; |
|
262 } |
|
263 &-bottom-10 { |
|
264 padding-bottom: 10px!important; |
|
265 } |
|
266 &-bottom-20 { |
|
267 padding-bottom: 20px!important; |
|
268 } |
|
269 &-left-0 { |
|
270 padding-left: 0!important; |
|
271 } |
|
272 &-left-5 { |
|
273 padding-left: 5px!important; |
|
274 } |
|
275 &-left-10 { |
|
276 padding-left: 10px!important; |
|
277 } |
|
278 &-left-20 { |
|
279 padding-left: 20px!important; |
|
280 } |
|
281 &-right-0 { |
|
282 padding-right: 0!important; |
|
283 } |
|
284 &-right-5 { |
|
285 padding-right: 5px!important; |
|
286 } |
|
287 &-right-10 { |
|
288 padding-right: 10px!important; |
|
289 } |
|
290 &-right-20 { |
|
291 padding-right: 20px!important; |
|
292 } |
|
293 } |
|
294 |
|
295 .no-padding { |
|
296 padding: 0!important; |
|
297 |
|
298 .md-editor, |
|
299 .widget-body& .cke_chrome { |
|
300 border: 0; |
|
301 } |
|
302 >pre { |
|
303 margin: 30px; |
|
304 } |
|
305 .dataTables_wrapper table, |
|
306 >table { |
|
307 border: 0!important; |
|
308 margin-bottom: 0!important; |
|
309 border-bottom-width: 0!important; |
|
310 } |
|
311 .dataTables_wrapper table, |
|
312 >table { |
|
313 tr td:first-child, |
|
314 tr th:first-child { |
|
315 border-left: 0!important; |
|
316 } |
|
317 tr td:last-child, |
|
318 tr th:last-child { |
|
319 border-right: 0!important; |
|
320 } |
|
321 tr:last-child td { |
|
322 border-bottom: 0; |
|
323 } |
|
324 } |
|
325 &-bottom { |
|
326 padding-bottom: 0!important; |
|
327 } |
|
328 } |
|
329 .no-x-padding { |
|
330 padding-left: 0!important; |
|
331 padding-right: 0!important; |
|
332 } |
|
333 .no-y-padding { |
|
334 padding-top: 0!important; |
|
335 padding-bottom: 0!important; |
|
336 } |
|
337 |
|
338 .no-content-padding { |
|
339 margin: -10px -14px 0 -14px; |
|
340 |
|
341 @media (min-width:768px) and (max-width:880px) { |
|
342 margin: 0 -14px!important; |
|
343 } |
|
344 @media (max-width:767px) { |
|
345 margin: 0 -5px!important; |
|
346 } |
|
347 @media only screen and (min-width:0) and (max-width:679px) { |
|
348 margin: 0 -5px!important; |
|
349 } |
|
350 @media only screen and (min-width:320px) and (max-width:479px) { |
|
351 margin: 0 -5px!important; |
|
352 } |
|
353 } |
|
354 |
|
355 .clearfix, |
|
356 .inner-space:after { |
|
357 zoom: 1; |
|
358 } |
|
359 |
|
360 .clearfix, |
|
361 .inner-space { |
|
362 &:after { |
|
363 clear: both; |
|
364 } |
|
365 &:after, |
|
366 &:before { |
|
367 display: block; |
|
368 visibility: hidden; |
|
369 overflow: hidden; |
|
370 content: "\0020"; |
|
371 height: 0; |
|
372 font-size: 0; |
|
373 line-height: 0; |
|
374 } |
|
375 } |
|
376 |
|
377 .display-inline { |
|
378 display: inline-block!important; |
|
379 } |
|
380 |
|
381 .display-normal { |
|
382 display: inline!important; |
|
383 } |
|
384 |
|
385 .hover-transparent { |
|
386 opacity: .5; |
|
387 |
|
388 &:hover { |
|
389 opacity: 1; |
|
390 } |
|
391 } |
|
392 |
|
393 .row-seperator-header { |
|
394 margin: 15px 14px 20px; |
|
395 border-bottom: 0; |
|
396 display: block; |
|
397 color: #646464; |
|
398 font-size: 20px; |
|
399 font-weight: 400; |
|
400 } |
|
401 |
|
402 .text-align-center, |
|
403 .text-center { |
|
404 text-align: center!important; |
|
405 } |
|
406 |
|
407 .text-align-left, |
|
408 .text-left { |
|
409 text-align: left!important; |
|
410 } |
|
411 |
|
412 .text-align-right, |
|
413 .text-right { |
|
414 text-align: right!important; |
|
415 } |
|
416 |
|
417 .center-canvas, |
|
418 .center-child-canvas >canvas { |
|
419 display: block!important; |
|
420 margin: 0 auto!important; |
|
421 } |
|
422 |
|
423 .semi-bold { |
|
424 font-weight: 400!important; |
|
425 } |
|
426 |
|
427 .ultra-light { |
|
428 font-weight: 300!important; |
|
429 } |
|
430 |
|
431 .font-xs { |
|
432 font-size: 85%!important; |
|
433 } |
|
434 |
|
435 .font-sm { |
|
436 font-size: 95%!important; |
|
437 } |
|
438 |
|
439 .font-md { |
|
440 font-size: 130%!important; |
|
441 } |
|
442 |
|
443 .font-lg { |
|
444 font-size: 160%!important; |
|
445 } |
|
446 |
|
447 .font-xl { |
|
448 font-size: 200%!important; |
|
449 } |
|
450 |
|
451 .font-400 { |
|
452 font-size: 400%!important; |
|
453 } |
|
454 |
|
455 .badge { |
|
456 font-size: 11px; |
|
457 padding: 4px 6px 1px; |
|
458 } |
|
459 |
|
460 .label { |
|
461 padding: 0.3em .6em .1em; |
|
462 } |
|
463 |
|
464 .cursor-pointer { |
|
465 cursor: pointer; |
|
466 } |
|
467 |
|
468 .selected { |
|
469 border: 1px solid #0091d9!important; |
|
470 |
|
471 &:before { |
|
472 display: block; |
|
473 position: absolute; |
|
474 content: "\f00c"; |
|
475 color: #fff; |
|
476 right: 4px; |
|
477 font-family: FontAwesome; |
|
478 z-index: 1002; |
|
479 } |
|
480 &:after { |
|
481 width: 0; |
|
482 height: 0; |
|
483 border-top: 35px solid #0091d9; |
|
484 border-left: 35px solid rgba(0, 0, 0, 0); |
|
485 position: absolute; |
|
486 display: block; |
|
487 right: 0; |
|
488 content: "."; |
|
489 top: 0; |
|
490 z-index: 1001; |
|
491 } |
|
492 } |