« back to all changes in this revision
Viewing changes to public/ulysses.css
- browse files at revision 18.2.12
- compare with another revision
- download diff
- download tarball
- view history from revision 18.2.12
- Committer: Stephen Stewart
- Date: 2014-02-24 03:08:57 UTC
- mfrom: (27 trunk)
- mto: This revision was merged to the branch mainline in revision 28.
- Revision ID: stephen.stewart@canonical.com-20140224030857-ss0njx58nunycjui
update tests, commit to check casperjs issue on os x
- files added:
- HISTORY.md
- public
- release
- release/0.1.0
- test/js
- test/visual
- files removed:
- README.md
- files renamed:
- config/ => test/visual/config/
- config/phantomcss-tests.js => test/visual/config/desktop.js
- screenshots/ => test/visual/screenshots/
- files modified:
- .bzrignore
added
removed
public/ulysses.css
1
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
2
3
/* ==========================================================================
4
HTML5 display definitions
5
========================================================================== */
6
7
/**
8
* Correct `block` display not defined in IE 8/9.
9
*/
10
11
article,
12
aside,
13
details,
14
figcaption,
15
figure,
16
footer,
17
header,
18
hgroup,
19
main,
20
nav,
21
section,
22
summary {
23
display: block;
24
}
25
26
/**
27
* Correct `inline-block` display not defined in IE 8/9.
28
*/
29
30
audio,
31
canvas,
32
video {
33
display: inline-block;
34
}
35
36
/**
37
* Prevent modern browsers from displaying `audio` without controls.
38
* Remove excess height in iOS 5 devices.
39
*/
40
41
audio:not([controls]) {
42
display: none;
43
height: 0;
44
}
45
46
/**
47
* Address `[hidden]` styling not present in IE 8/9.
48
* Hide the `template` element in IE, Safari, and Firefox < 22.
49
*/
50
51
[hidden],
52
template {
53
display: none;
54
}
55
56
/* ==========================================================================
57
Base
58
========================================================================== */
59
60
/**
61
* 1. Set default font family to sans-serif.
62
* 2. Prevent iOS text size adjust after orientation change, without disabling
63
* user zoom.
64
*/
65
66
html {
67
font-family: sans-serif; /* 1 */
68
-ms-text-size-adjust: 100%; /* 2 */
69
-webkit-text-size-adjust: 100%; /* 2 */
70
}
71
72
/**
73
* Remove default margin.
74
*/
75
76
body {
77
margin: 0;
78
}
79
80
/* ==========================================================================
81
Links
82
========================================================================== */
83
84
/**
85
* Remove the gray background color from active links in IE 10.
86
*/
87
88
a {
89
background: transparent;
90
}
91
92
/**
93
* Address `outline` inconsistency between Chrome and other browsers.
94
*/
95
96
a:focus {
97
outline: thin dotted;
98
}
99
100
/**
101
* Improve readability when focused and also mouse hovered in all browsers.
102
*/
103
104
a:active,
105
a:hover {
106
outline: 0;
107
}
108
109
/* ==========================================================================
110
Typography
111
========================================================================== */
112
113
/**
114
* Address variable `h1` font-size and margin within `section` and `article`
115
* contexts in Firefox 4+, Safari 5, and Chrome.
116
*/
117
118
h1 {
119
font-size: 2em;
120
margin: 0.67em 0;
121
}
122
123
/**
124
* Address styling not present in IE 8/9, Safari 5, and Chrome.
125
*/
126
127
abbr[title] {
128
border-bottom: 1px dotted;
129
}
130
131
/**
132
* Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
133
*/
134
135
b,
136
strong {
137
font-weight: bold;
138
}
139
140
/**
141
* Address styling not present in Safari 5 and Chrome.
142
*/
143
144
dfn {
145
font-style: italic;
146
}
147
148
/**
149
* Address differences between Firefox and other browsers.
150
*/
151
152
hr {
153
-moz-box-sizing: content-box;
154
box-sizing: content-box;
155
height: 0;
156
}
157
158
/**
159
* Address styling not present in IE 8/9.
160
*/
161
162
mark {
163
background: #ff0;
164
color: #000;
165
}
166
167
/**
168
* Correct font family set oddly in Safari 5 and Chrome.
169
*/
170
171
code,
172
kbd,
173
pre,
174
samp {
175
font-family: monospace, serif;
176
font-size: 1em;
177
}
178
179
/**
180
* Improve readability of pre-formatted text in all browsers.
181
*/
182
183
pre {
184
white-space: pre-wrap;
185
}
186
187
/**
188
* Set consistent quote types.
189
*/
190
191
q {
192
quotes: "\201C" "\201D" "\2018" "\2019";
193
}
194
195
/**
196
* Address inconsistent and variable font size in all browsers.
197
*/
198
199
small {
200
font-size: 80%;
201
}
202
203
/**
204
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
205
*/
206
207
sub,
208
sup {
209
font-size: 75%;
210
line-height: 0;
211
position: relative;
212
vertical-align: baseline;
213
}
214
215
sup {
216
top: -0.5em;
217
}
218
219
sub {
220
bottom: -0.25em;
221
}
222
223
/* ==========================================================================
224
Embedded content
225
========================================================================== */
226
227
/**
228
* Remove border when inside `a` element in IE 8/9.
229
*/
230
231
img {
232
border: 0;
233
}
234
235
/**
236
* Correct overflow displayed oddly in IE 9.
237
*/
238
239
svg:not(:root) {
240
overflow: hidden;
241
}
242
243
/* ==========================================================================
244
Figures
245
========================================================================== */
246
247
/**
248
* Address margin not present in IE 8/9 and Safari 5.
249
*/
250
251
figure {
252
margin: 0;
253
}
254
255
/* ==========================================================================
256
Forms
257
========================================================================== */
258
259
/**
260
* Define consistent border, margin, and padding.
261
*/
262
263
fieldset {
264
border: 1px solid #c0c0c0;
265
margin: 0 2px;
266
padding: 0.35em 0.625em 0.75em;
267
}
268
269
/**
270
* 1. Correct `color` not being inherited in IE 8/9.
271
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
272
*/
273
274
legend {
275
border: 0; /* 1 */
276
padding: 0; /* 2 */
277
}
278
279
/**
280
* 1. Correct font family not being inherited in all browsers.
281
* 2. Correct font size not being inherited in all browsers.
282
* 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
283
*/
284
285
button,
286
input,
287
select,
288
textarea {
289
font-family: inherit; /* 1 */
290
font-size: 100%; /* 2 */
291
margin: 0; /* 3 */
292
}
293
294
/**
295
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
296
* the UA stylesheet.
297
*/
298
299
button,
300
input {
301
line-height: normal;
302
}
303
304
/**
305
* Address inconsistent `text-transform` inheritance for `button` and `select`.
306
* All other form control elements do not inherit `text-transform` values.
307
* Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
308
* Correct `select` style inheritance in Firefox 4+ and Opera.
309
*/
310
311
button,
312
select {
313
text-transform: none;
314
}
315
316
/**
317
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
318
* and `video` controls.
319
* 2. Correct inability to style clickable `input` types in iOS.
320
* 3. Improve usability and consistency of cursor style between image-type
321
* `input` and others.
322
*/
323
324
button,
325
html input[type="button"], /* 1 */
326
input[type="reset"],
327
input[type="submit"] {
328
-webkit-appearance: button; /* 2 */
329
cursor: pointer; /* 3 */
330
}
331
332
/**
333
* Re-set default cursor for disabled elements.
334
*/
335
336
button[disabled],
337
html input[disabled] {
338
cursor: default;
339
}
340
341
/**
342
* 1. Address box sizing set to `content-box` in IE 8/9/10.
343
* 2. Remove excess padding in IE 8/9/10.
344
*/
345
346
input[type="checkbox"],
347
input[type="radio"] {
348
box-sizing: border-box; /* 1 */
349
padding: 0; /* 2 */
350
}
351
352
/**
353
* 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
354
* 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
355
* (include `-moz` to future-proof).
356
*/
357
358
input[type="search"] {
359
-webkit-appearance: textfield; /* 1 */
360
-moz-box-sizing: content-box;
361
-webkit-box-sizing: content-box; /* 2 */
362
box-sizing: content-box;
363
}
364
365
/**
366
* Remove inner padding and search cancel button in Safari 5 and Chrome
367
* on OS X.
368
*/
369
370
input[type="search"]::-webkit-search-cancel-button,
371
input[type="search"]::-webkit-search-decoration {
372
-webkit-appearance: none;
373
}
374
375
/**
376
* Remove inner padding and border in Firefox 4+.
377
*/
378
379
button::-moz-focus-inner,
380
input::-moz-focus-inner {
381
border: 0;
382
padding: 0;
383
}
384
385
/**
386
* 1. Remove default vertical scrollbar in IE 8/9.
387
* 2. Improve readability and alignment in all browsers.
388
*/
389
390
textarea {
391
overflow: auto; /* 1 */
392
vertical-align: top; /* 2 */
393
}
394
395
/* ==========================================================================
396
Tables
397
========================================================================== */
398
399
/**
400
* Remove most spacing between table cells.
401
*/
402
403
table {
404
border-collapse: collapse;
405
border-spacing: 0;
406
}
407
408
/** anything you want to add to normalize.css or base css like stuff */
409
.ues-button {
410
background-color: #dedede;
411
background-image: -o-linear-gradient(to bottom, #f7f7f7 0%, #e6e6e6 100%);
412
background-image: -ms-linear-gradient(to bottom, #f7f7f7 0%, #e6e6e6 100%);
413
background-image: -moz-linear-gradient(to bottom, #f7f7f7 0%, #e6e6e6 100%);
414
background-image: -webkit-linear-gradient(to bottom, #f7f7f7 0%, #e6e6e6 100%);
415
background-image: linear-gradient(to bottom, #f7f7f7 0%, #e6e6e6 100%);
416
display: inline-block;
417
font-weight: 300;
418
font-size: 13px;
419
line-height: 20px;
420
padding: 5px 19px;
421
text-align: center;
422
vertical-align: baseline;
423
text-transform: uppercase;
424
border: 1px solid #ccc;
425
-o-border-radius: 3px;
426
-ms-border-radius: 3px;
427
-moz-border-radius: 3px;
428
-webkit-border-radius: 3px;
429
border-radius: 3px;
430
}
431
432
.ues-button:hover {
433
background-color: #e6e6e6;
434
background-image: -o-linear-gradient(to bottom, #fff 0%, #e6e6e6 100%);
435
background-image: -ms-linear-gradient(to bottom, #fff 0%, #e6e6e6 100%);
436
background-image: -moz-linear-gradient(to bottom, #fff 0%, #e6e6e6 100%);
437
background-image: -webkit-linear-gradient(to bottom, #fff 0%, #e6e6e6 100%);
438
background-image: linear-gradient(to bottom, #fff 0%, #e6e6e6 100%);
439
}
440
441
.ues-button:focus {
442
-o-box-shadow: #f7f6f5 0 0 0 1px;
443
-ms-box-shadow: #f7f6f5 0 0 0 1px;
444
-moz-box-shadow: #f7f6f5 0 0 0 1px;
445
-webkit-box-shadow: #f7f6f5 0 0 0 1px;
446
box-shadow: #f7f6f5 0 0 0 1px;
447
}
448
449
.ues-button:focus,
450
.ues-button:active {
451
background-color: #e6e6e6;
452
background-image: -o-linear-gradient(to bottom, #e6e6e6 0%, #cdcdcd 90%, #fff 100%);
453
background-image: -ms-linear-gradient(to bottom, #e6e6e6 0%, #cdcdcd 90%, #fff 100%);
454
background-image: -moz-linear-gradient(to bottom, #e6e6e6 0%, #cdcdcd 90%, #fff 100%);
455
background-image: -webkit-linear-gradient(to bottom, #e6e6e6 0%, #cdcdcd 90%, #fff 100%);
456
background-image: linear-gradient(to bottom, #e6e6e6 0%, #cdcdcd 90%, #fff 100%);
457
}
458
459
.ues-button-primary {
460
background-color: #dd4814;
461
background-image: -o-linear-gradient(to bottom, #f39455 0%, #ef5e1f 5%, #dd4814 100%);
462
background-image: -ms-linear-gradient(to bottom, #f39455 0%, #ef5e1f 5%, #dd4814 100%);
463
background-image: -moz-linear-gradient(to bottom, #f39455 0%, #ef5e1f 5%, #dd4814 100%);
464
background-image: -webkit-linear-gradient(to bottom, #f39455 0%, #ef5e1f 5%, #dd4814 100%);
465
background-image: linear-gradient(to bottom, #f39455 0%, #ef5e1f 5%, #dd4814 100%);
466
color: #fff;
467
border-color: #ad2e03;
468
}
469
470
.ues-button-primary:hover {
471
background-color: #f28a45;
472
background-image: -o-linear-gradient(to bottom, #f39455 0%, #f28a45 5%, #dd4814 100%);
473
background-image: -ms-linear-gradient(to bottom, #f39455 0%, #f28a45 5%, #dd4814 100%);
474
background-image: -moz-linear-gradient(to bottom, #f39455 0%, #f28a45 5%, #dd4814 100%);
475
background-image: -webkit-linear-gradient(to bottom, #f39455 0%, #f28a45 5%, #dd4814 100%);
476
background-image: linear-gradient(to bottom, #f39455 0%, #f28a45 5%, #dd4814 100%);
477
}
478
479
.ues-button-primary:focus,
480
.ues-button-primary:active {
481
background-color: #dd4814;
482
background-image: -o-linear-gradient(to bottom, #dd4814 0%, #bf3b0d 5%, #f39455 100%);
483
background-image: -ms-linear-gradient(to bottom, #dd4814 0%, #bf3b0d 5%, #f39455 100%);
484
background-image: -moz-linear-gradient(to bottom, #dd4814 0%, #bf3b0d 5%, #f39455 100%);
485
background-image: -webkit-linear-gradient(to bottom, #dd4814 0%, #bf3b0d 5%, #f39455 100%);
486
background-image: linear-gradient(to bottom, #dd4814 0%, #bf3b0d 5%, #f39455 100%);
487
border-color: #333;
488
}
489
490
.ues-button-tertiary {
491
background-color: white;
492
background-image: none;
493
border: 1px solid #c8c8c8;
494
}
495
496
.ues-button-tertiary:hover {
497
background-color: #e6e6e6;
498
background-image: none;
499
border-color: #cdcdcd;
500
}
501
502
.ues-button-tertiary:focus,
503
.ues-button-tertiary:active {
504
background-color: #e6e6e6;
505
background-image: none;
506
border-color: #dd4814;
507
}
508
509
a.ues-button {
510
color: inherit;
511
}
512
513
.ues-button-small {
514
font-size: 11px;
515
padding: 0 5px;
516
font-weight: 400;
517
-o-border-radius: 3px;
518
-ms-border-radius: 3px;
519
-moz-border-radius: 3px;
520
-webkit-border-radius: 3px;
521
border-radius: 3px;
522
}
523
524
.ues-button-large {
525
font-size: 16px;
526
padding: 14px 38px;
527
-o-border-radius: 7px;
528
-ms-border-radius: 7px;
529
-moz-border-radius: 7px;
530
-webkit-border-radius: 7px;
531
border-radius: 7px;
532
}
533
534
.ues-button-block {
535
margin: 0.5em 0;
536
display: block;
537
width: 100%;
538
}
539
540
/** a non text button needs less padding */
541
542
.ues-button-icon {
543
padding-left: 7px;
544
padding-right: 7px;
545
}
546
547
.ues-button-group {
548
position: relative;
549
display: inline-block;
550
vertical-align: middle;
551
}
552
553
.ues-button-group:before,
554
.ues-button-group:after {
555
content: ' ';
556
display: table;
557
}
558
559
.ues-button-group:after {
560
clear: both;
561
}
562
563
.ues-button-group .ues-button,
564
.ues-button-group input[type="search"] {
565
float: left;
566
}
567
568
/** first child of >1 buttons **/
569
570
.ues-button-group > input[type="search"]:first-child:not(:last-child):not(.ues-dropdown-toggle),
571
.ues-button-group > .ues-button:first-child:not(:last-child):not(.ues-dropdown-toggle) {
572
border-top-right-radius: 0px;
573
border-bottom-right-radius: 0px;
574
border-right: none;
575
}
576
577
/** last child of >1 buttons **/
578
579
.ues-button-group > input[type="search"]:last-child:not(:first-child),
580
.ues-button-group > .ues-button:last-child:not(:first-child),
581
.ues-button-group > .ues-dropdown-toggle:not(:first-child) {
582
border-top-left-radius: 0px;
583
border-bottom-left-radius: 0px;
584
}
585
586
/** any button surrounded by other buttons **/
587
588
.ues-button-group > .ues-button:not(:first-child):not(:last-child):not(.ues-dropdown-toggle) {
589
border-right: none;
590
-o-border-radius: 0px;
591
-ms-border-radius: 0px;
592
-moz-border-radius: 0px;
593
-webkit-border-radius: 0px;
594
border-radius: 0px;
595
}
596
.ues-dropdown {
597
position: relative;
598
}
599
600
.ues-dropdown-menu {
601
font-size: 13px;
602
position: absolute;
603
display: none;
604
top: 100%;
605
left: 0px;
606
z-index: 10000000;
607
float: left;
608
min-width: 160px;
609
padding: 5px 0;
610
list-style: none;
611
background-clip: padding-box;
612
background-color: #fff;
613
color: #333;
614
margin: 0;
615
border: 1px solid #ddd;
616
border-top: none;
617
-o-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
618
-ms-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
619
-moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
620
-webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
621
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
622
}
623
624
.open .ues-dropdown-menu {
625
display: block;
626
}
627
628
.ues-dropdown-menu > li > a {
629
display: block;
630
white-space: nowrap;
631
clear: both;
632
padding: 0 15px;
633
}
634
635
.ues-dropdown-menu > li > a:hover {
636
background-color: #eee;
637
}
638
639
.ues-dropdown-divider {
640
height: 1px;
641
margin: 5px 0;
642
overflow: hidden;
643
background-color: #ddd;
644
}
645
646
.ues-dropdown-header {
647
display: block;
648
padding: 2px 20px;
649
color: #999;
650
}
651
form {
652
margin: 15px 0;
653
}
654
655
fieldset {
656
margin: 0 0 15px 0;
657
padding: 0;
658
border: 0;
659
}
660
661
legend {
662
display: block;
663
width: 100%;
664
font-size: 23px;
665
line-height: inherit;
666
border: 0;
667
margin: 0 0 15px 0;
668
}
669
670
label {
671
display: block;
672
margin: 10px 0 5px;
673
}
674
675
input[type="checkbox"],
676
input[type="radio"] {
677
margin-right: 5px;
678
}
679
680
/** use a span or div depending on what you want for block/inline **/
681
682
.ues-form-help {
683
font-size: 14px;
684
padding: 0em 15px;
685
background-color: #eee;
686
color: #555;
687
position: relative;
688
margin: 10px 0;
689
-o-border-radius: 3px;
690
-ms-border-radius: 3px;
691
-moz-border-radius: 3px;
692
-webkit-border-radius: 3px;
693
border-radius: 3px;
694
}
695
696
span.ues-form-help {
697
display: inline-block;
698
margin: 0;
699
}
700
701
/** TODO move to base? **/
702
703
.ues-inline {
704
display: inline-block;
705
margin-right: 10px;
706
}
707
708
input[type="text"],
709
input[type="password"],
710
input[type="email"],
711
input[type="url"],
712
input[type="date"],
713
input[type="month"],
714
input[type="time"],
715
input[type="datetime"],
716
input[type="datetime-local"],
717
input[type="week"],
718
input[type="number"],
719
input[type="search"],
720
input[type="tel"],
721
input[type="color"],
722
select,
723
textarea {
724
width: 100%;
725
padding: 8px;
726
margin: 0 0 8px 0;
727
display: block;
728
border: 1px solid #ccc;
729
line-height: 14px;
730
font-weight: inherit;
731
-o-border-radius: 2px;
732
-ms-border-radius: 2px;
733
-moz-border-radius: 2px;
734
-webkit-border-radius: 2px;
735
border-radius: 2px;
736
-o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
737
-ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
738
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
739
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
740
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
741
-o-transition: 0.3s linear border;
742
-ms-transition: 0.3s linear border;
743
-moz-transition: 0.3s linear border;
744
-webkit-transition: 0.3s linear border;
745
transition: 0.3s linear border;
746
}
747
748
input[type="text"]:focus,
749
input[type="password"]:focus,
750
input[type="email"]:focus,
751
input[type="url"]:focus,
752
input[type="date"]:focus,
753
input[type="month"]:focus,
754
input[type="time"]:focus,
755
input[type="datetime"]:focus,
756
input[type="datetime-local"]:focus,
757
input[type="week"]:focus,
758
input[type="number"]:focus,
759
input[type="search"]:focus,
760
input[type="tel"]:focus,
761
input[type="color"]:focus,
762
select:focus,
763
textarea:focus {
764
outline: 0;
765
outline: thin dotted \9;
766
/* IE6-9 */
767
border-color: #129FEA;
768
}
769
770
input[type="file"]:focus,
771
input[type="radio"]:focus,
772
input[type="checkbox"]:focus {
773
outline: thin dotted #333;
774
outline: 1px auto #129FEA;
775
}
776
777
input[type="text"][disabled],
778
input[type="password"][disabled],
779
input[type="email"][disabled],
780
input[type="url"][disabled],
781
input[type="date"][disabled],
782
input[type="month"][disabled],
783
input[type="time"][disabled],
784
input[type="datetime"][disabled],
785
input[type="datetime-local"][disabled],
786
input[type="week"][disabled],
787
input[type="number"][disabled],
788
input[type="search"][disabled],
789
input[type="tel"][disabled],
790
input[type="color"][disabled],
791
select[disabled],
792
textarea[disabled] {
793
cursor: not-allowed;
794
background-color: #eaeded;
795
color: #cad2d3;
796
}
797
798
input[readonly],
799
select[readonly],
800
textarea[readonly] {
801
background: #eee;
802
/* menu hover bg color */
803
color: #777;
804
/* menu text color */
805
border-color: #ccc;
806
}
807
808
input:focus:invalid,
809
textarea:focus:invalid,
810
select:focus:invalid {
811
color: #b94a48;
812
border: 1px solid #ee5f5b;
813
}
814
815
input:focus:invalid:focus,
816
textarea:focus:invalid:focus,
817
select:focus:invalid:focus {
818
border-color: #e9322d;
819
}
820
821
input[type="file"]:focus:invalid:focus,
822
input[type="radio"]:focus:invalid:focus,
823
input[type="checkbox"]:focus:invalid:focus {
824
outline-color: #e9322d;
825
}
826
827
select {
828
display: inline-block;
829
width: auto;
830
}
831
832
.ues-form-inline label,
833
.ues-form-inline input {
834
width: auto;
835
display: inline-block;
836
}
837
838
/** Maybe this is something better left out of the scaffold? **/
839
840
.ues-form-inline label {
841
margin-left: 1em;
842
margin-right: 1em;
843
}
844
/*!
845
Pure v0.3.0
846
Copyright 2013 Yahoo! Inc. All rights reserved.
847
Licensed under the BSD License.
848
https://github.com/yui/pure/blob/master/LICENSE.md
849
*/
850
851
/*csslint regex-selectors:false, known-properties:false, duplicate-properties:false*/
852
853
.ues-g {
854
letter-spacing: -0.31em;
855
/* Webkit: collapse white-space between units */
856
*letter-spacing: normal;
857
/* reset IE < 8 */
858
*word-spacing: -0.43em;
859
/* IE < 8: collapse white-space between units */
860
text-rendering: optimizespeed;
861
/* Webkit: fixes text-rendering: optimizeLegibility */
862
/*
863
Sets the font stack to fonts known to work properly with the above letter
864
and word spacings. See: https://github.com/yui/pure/issues/41/
865
866
The following font stack makes Pure Grids work on all known environments.
867
868
* FreeSans: Ships with many Linux distros, including Ubuntu
869
870
* Arimo: Ships with Chrome OS. Arimo has to be defined before Helvetica and
871
Arial to get picked up by the browser, even though neither is available
872
in Chrome OS.
873
874
* Droid Sans: Ships with all versions of Android.
875
876
* Helvetica, Arial, sans-serif: Common font stack on OS X and Windows.
877
*/
878
font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
879
/*
880
Use flexbox when possible to avoid `letter-spacing` side-effects.
881
882
NOTE: Firefox (as of 25) does not currently support flex-wrap, so the
883
`-moz-` prefix version is omitted.
884
*/
885
display: -webkit-flex;
886
-webkit-flex-flow: row wrap;
887
/* IE10 uses display: flexbox */
888
display: -ms-flexbox;
889
-ms-flex-flow: row wrap;
890
}
891
892
/* Opera as of 12 on Windows needs word-spacing.
893
The ".opera-only" selector is used to prevent actual prefocus styling
894
and is not required in markup.
895
*/
896
897
.opera-only :-o-prefocus,
898
.ues-g {
899
word-spacing: -0.43em;
900
}
901
902
.ues-u {
903
display: inline-block;
904
*display: inline;
905
/* IE < 8: fake inline-block */
906
zoom: 1;
907
letter-spacing: normal;
908
word-spacing: normal;
909
vertical-align: top;
910
text-rendering: auto;
911
}
912
913
/*
914
Resets the font family back to the OS/browser's default sans-serif font,
915
this the same font stack that Normalize.css sets for the `body`.
916
*/
917
918
.ues-g [class *= "pure-u"] {
919
font-family: sans-serif;
920
}
921
922
.ues-u-1,
923
.ues-u-1-2,
924
.ues-u-1-3,
925
.ues-u-2-3,
926
.ues-u-1-4,
927
.ues-u-3-4,
928
.ues-u-1-5,
929
.ues-u-2-5,
930
.ues-u-3-5,
931
.ues-u-4-5,
932
.ues-u-1-6,
933
.ues-u-5-6,
934
.ues-u-1-8,
935
.ues-u-3-8,
936
.ues-u-5-8,
937
.ues-u-7-8,
938
.ues-u-1-12,
939
.ues-u-5-12,
940
.ues-u-7-12,
941
.ues-u-11-12,
942
.ues-u-1-24,
943
.ues-u-5-24,
944
.ues-u-7-24,
945
.ues-u-11-24,
946
.ues-u-13-24,
947
.ues-u-17-24,
948
.ues-u-19-24,
949
.ues-u-23-24 {
950
display: inline-block;
951
*display: inline;
952
/* IE < 8: fake inline-block */
953
zoom: 1;
954
letter-spacing: normal;
955
word-spacing: normal;
956
vertical-align: top;
957
text-rendering: auto;
958
}
959
960
.ues-u-1 {
961
width: 100%;
962
}
963
964
.ues-u-1-2 {
965
width: 50%;
966
*width: 49.969%;
967
}
968
969
.ues-u-1-3 {
970
width: 33.3333%;
971
*width: 33.3023%;
972
}
973
974
.ues-u-2-3 {
975
width: 66.6667%;
976
*width: 66.6357%;
977
}
978
979
.ues-u-1-4 {
980
width: 25%;
981
*width: 24.969%;
982
}
983
984
.ues-u-3-4 {
985
width: 75%;
986
*width: 74.969%;
987
}
988
989
.ues-u-1-5 {
990
width: 20%;
991
*width: 19.969%;
992
}
993
994
.ues-u-2-5 {
995
width: 40%;
996
*width: 39.969%;
997
}
998
999
.ues-u-3-5 {
1000
width: 60%;
1001
*width: 59.969%;
1002
}
1003
1004
.ues-u-4-5 {
1005
width: 80%;
1006
*width: 79.969%;
1007
}
1008
1009
.ues-u-1-6 {
1010
width: 16.6667%;
1011
*width: 16.6357%;
1012
}
1013
1014
.ues-u-5-6 {
1015
width: 83.3333%;
1016
*width: 83.3023%;
1017
}
1018
1019
.ues-u-1-8 {
1020
width: 12.5%;
1021
*width: 12.469%;
1022
}
1023
1024
.ues-u-3-8 {
1025
width: 37.5%;
1026
*width: 37.469%;
1027
}
1028
1029
.ues-u-5-8 {
1030
width: 62.5%;
1031
*width: 62.469%;
1032
}
1033
1034
.ues-u-7-8 {
1035
width: 87.5%;
1036
*width: 87.469%;
1037
}
1038
1039
.ues-u-1-12 {
1040
width: 8.3333%;
1041
*width: 8.3023%;
1042
}
1043
1044
.ues-u-5-12 {
1045
width: 41.6667%;
1046
*width: 41.6357%;
1047
}
1048
1049
.ues-u-7-12 {
1050
width: 58.3333%;
1051
*width: 58.3023%;
1052
}
1053
1054
.ues-u-11-12 {
1055
width: 91.6667%;
1056
*width: 91.6357%;
1057
}
1058
1059
.ues-u-1-24 {
1060
width: 4.1667%;
1061
*width: 4.1357%;
1062
}
1063
1064
.ues-u-5-24 {
1065
width: 20.8333%;
1066
*width: 20.8023%;
1067
}
1068
1069
.ues-u-7-24 {
1070
width: 29.1667%;
1071
*width: 29.1357%;
1072
}
1073
1074
.ues-u-11-24 {
1075
width: 45.8333%;
1076
*width: 45.8023%;
1077
}
1078
1079
.ues-u-13-24 {
1080
width: 54.1667%;
1081
*width: 54.1357%;
1082
}
1083
1084
.ues-u-17-24 {
1085
width: 70.8333%;
1086
*width: 70.8023%;
1087
}
1088
1089
.ues-u-19-24 {
1090
width: 79.1667%;
1091
*width: 79.1357%;
1092
}
1093
1094
.ues-u-23-24 {
1095
width: 95.8333%;
1096
*width: 95.8023%;
1097
}
1098
1099
/*csslint regex-selectors:false, known-properties:false, duplicate-properties:false*/
1100
1101
.ues-g-r {
1102
letter-spacing: -0.31em;
1103
*letter-spacing: normal;
1104
*word-spacing: -0.43em;
1105
/*
1106
Sets the font stack to fonts known to work properly with the above letter
1107
and word spacings. See: https://github.com/yui/pure/issues/41/
1108
1109
The following font stack makes Pure Grids work on all known environments.
1110
1111
* FreeSans: Ships with many Linux distros, including Ubuntu
1112
1113
* Arimo: Ships with Chrome OS. Arimo has to be defined before Helvetica and
1114
Arial to get picked up by the browser, even though neither is available
1115
in Chrome OS.
1116
1117
* Droid Sans: Ships with all versions of Android.
1118
1119
* Helvetica, Arial, sans-serif: Common font stack on OS X and Windows.
1120
*/
1121
font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
1122
/*
1123
Use flexbox when possible to avoid `letter-spacing` side-effects.
1124
1125
NOTE: Firefox (as of 25) does not currently support flex-wrap, so the
1126
`-moz-` prefix version is omitted.
1127
*/
1128
display: -webkit-flex;
1129
-webkit-flex-flow: row wrap;
1130
/* IE10 uses display: flexbox */
1131
display: -ms-flexbox;
1132
-ms-flex-flow: row wrap;
1133
}
1134
1135
/* Opera as of 12 on Windows needs word-spacing.
1136
The ".opera-only" selector is used to prevent actual prefocus styling
1137
and is not required in markup.
1138
*/
1139
1140
.opera-only :-o-prefocus,
1141
.ues-g-r {
1142
word-spacing: -0.43em;
1143
}
1144
1145
/*
1146
Resets the font family back to the OS/browser's default sans-serif font,
1147
this the same font stack that Normalize.css sets for the `body`.
1148
*/
1149
1150
.ues-g-r [class *= "pure-u"] {
1151
font-family: sans-serif;
1152
}
1153
1154
.ues-g-r img {
1155
max-width: 100%;
1156
height: auto;
1157
}
1158
1159
@media (min-width: 980px) {
1160
.ues-visible-phone {
1161
display: none;
1162
}
1163
1164
.ues-visible-tablet {
1165
display: none;
1166
}
1167
1168
.ues-hidden-desktop {
1169
display: none;
1170
}
1171
}
1172
1173
@media (max-width: 480px) {
1174
.ues-g-r > .pure-u,
1175
.ues-g-r > [class *= "pure-u-"] {
1176
width: 100%;
1177
}
1178
}
1179
1180
@media (max-width: 767px) {
1181
.ues-g-r > .pure-u,
1182
.ues-g-r > [class *= "pure-u-"] {
1183
width: 100%;
1184
}
1185
1186
.ues-hidden-phone {
1187
display: none;
1188
}
1189
1190
.ues-visible-desktop {
1191
display: none;
1192
}
1193
}
1194
1195
@media (min-width: 768px) and (max-width: 979px) {
1196
.ues-hidden-tablet {
1197
display: none;
1198
}
1199
1200
.ues-visible-desktop {
1201
display: none;
1202
}
1203
}
1204
/**
1205
* Grids.css is an import of YUI Pure framework grids CSS which is prepended
1206
* to this file, therefore anything to add to grids.css goes here.
1207
*/
1208
/**
1209
* FIXME
1210
* add a build option to create two version of final css with border-box
1211
* on the ues- namespace (for backward compat) and:
1212
* *, *::before, *::after { box-sizing: border-box }
1213
*/
1214
1215
[class*="ues-"],
1216
[class*="ues-"]:before,
1217
[class*="ues-"]:after,
1218
[class*="ues-"] *,
1219
[class*="ues-"] *:before,
1220
[class*="ues-"] *:after {
1221
-o-box-sizing: border-box;
1222
-ms-box-sizing: border-box;
1223
-moz-box-sizing: border-box;
1224
-webkit-box-sizing: border-box;
1225
box-sizing: border-box;
1226
}
1227
1228
.ues-page {
1229
width: 984px;
1230
margin: 0 auto;
1231
}
1232
1233
/** modifiers/globals **/
1234
1235
.pull-left {
1236
float: left;
1237
}
1238
1239
.pull-right {
1240
float: right;
1241
}
1242
1243
/**
1244
* http://nicolasgallagher.com/micro-clearfix-hack/
1245
*/
1246
1247
.clear:before,
1248
.clear:after {
1249
content: " ";
1250
display: table;
1251
}
1252
1253
.clear:after {
1254
clear: both;
1255
}
1256
1257
/**
1258
* Footer
1259
*/
1260
1261
.ues-footer > .ues-footer-row {
1262
font-size: 11px;
1263
padding: 2em 1em;
1264
background-color: #f7f6f5;
1265
border-top: 1px solid #d8d8d8;
1266
}
1267
1268
.ues-footer > .ues-footer-row + .ues-footer-row {
1269
font-size: 12px;
1270
background-color: #efedec;
1271
border-top: 1px solid #d8d8d8;
1272
}
1273
1274
@media screen and (max-width: 320px) {
1275
.ues-footer > .ues-footer-row {
1276
font-size: 14px;
1277
}
1278
}
1279
1280
.ues-footer a {
1281
color: #333;
1282
}
1283
1284
.ues-footer a:hover {
1285
color: #dd4814;
1286
text-decoration: underline;
1287
}
1288
1289
.ues-footer-column {
1290
margin: 0 20px 0 0;
1291
}
1292
1293
.ues-footer .yui3-u-1-6:last-child .ues-footer-column {
1294
margin: 0;
1295
}
1296
1297
.ues-footer-copyright p {
1298
margin: 0;
1299
}
1300
1301
/**
1302
* Boxes
1303
*/
1304
1305
.ues-box {
1306
padding: 20px;
1307
margin: 0 0 20px 0;
1308
-o-border-radius: 12px;
1309
-ms-border-radius: 12px;
1310
-moz-border-radius: 12px;
1311
-webkit-border-radius: 12px;
1312
border-radius: 12px;
1313
}
1314
1315
.ues-box form {
1316
margin: 0;
1317
}
1318
1319
.ues-box label:first-child {
1320
margin-top: 0;
1321
}
1322
1323
.ues-box-solid {
1324
background: #f7f6f5;
1325
}
1326
1327
.ues-box-bordered {
1328
border: 1px solid #ccc;
1329
}
1330
1331
.ues-box-shadowed {
1332
-o-box-shadow: 0px 1px 6px 0px #C2C2C2;
1333
-ms-box-shadow: 0px 1px 6px 0px #C2C2C2;
1334
-moz-box-shadow: 0px 1px 6px 0px #C2C2C2;
1335
-webkit-box-shadow: 0px 1px 6px 0px #C2C2C2;
1336
box-shadow: 0px 1px 6px 0px #C2C2C2;
1337
}
1338
1339
.ues-well {
1340
-o-border-radius: 4px;
1341
-ms-border-radius: 4px;
1342
-moz-border-radius: 4px;
1343
-webkit-border-radius: 4px;
1344
border-radius: 4px;
1345
-o-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) inset;
1346
-ms-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) inset;
1347
-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) inset;
1348
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) inset;
1349
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) inset;
1350
}
1351
.ues-message {
1352
padding: 0.5em 0.6em;
1353
background-color: #E6E4E2;
1354
border-color: #AEA79F;
1355
color: #555;
1356
-o-border-radius: 2px;
1357
-ms-border-radius: 2px;
1358
-moz-border-radius: 2px;
1359
-webkit-border-radius: 2px;
1360
border-radius: 2px;
1361
}
1362
1363
.ues-message a:link {
1364
color: inherit;
1365
color: rgba(0,0,0,0.75);
1366
text-decoration: underline;
1367
}
1368
1369
.ues-message a:hover {
1370
color: #000;
1371
}
1372
1373
.ues-message-inline {
1374
display: inline-block;
1375
}
1376
1377
.ues-message-bordered {
1378
border-width: 1px;
1379
border-style: solid;
1380
-o-box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.25);
1381
-ms-box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.25);
1382
-moz-box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.25);
1383
-webkit-box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.25);
1384
box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.25);
1385
}
1386
1387
.ues-message-stack li {
1388
border-top-width: 0;
1389
border-bottom-color: #000;
1390
border-bottom-color: rgba(0,0,0,0.25);
1391
-o-border-radius: 0;
1392
-ms-border-radius: 0;
1393
-moz-border-radius: 0;
1394
-webkit-border-radius: 0;
1395
border-radius: 0;
1396
}
1397
1398
.ues-message-stack :first-child {
1399
border-top-width: 1px;
1400
-o-border-radius: 2px 2px 0 0;
1401
-ms-border-radius: 2px 2px 0 0;
1402
-moz-border-radius: 2px 2px 0 0;
1403
-webkit-border-radius: 2px 2px 0 0;
1404
border-radius: 2px 2px 0 0;
1405
}
1406
1407
.ues-message-stack :last-child {
1408
border-bottom-width: 1px;
1409
-o-border-radius: 0 0 2px 2px;
1410
-ms-border-radius: 0 0 2px 2px;
1411
-moz-border-radius: 0 0 2px 2px;
1412
-webkit-border-radius: 0 0 2px 2px;
1413
border-radius: 0 0 2px 2px;
1414
}
1415
1416
.ues-message-closeable {
1417
position: relative;
1418
cursor: pointer;
1419
overflow: hidden;
1420
max-height: 1000px;
1421
-o-transition: 0.3s ease all;
1422
-ms-transition: 0.3s ease all;
1423
-moz-transition: 0.3s ease all;
1424
-webkit-transition: 0.3s ease all;
1425
transition: 0.3s ease all;
1426
}
1427
1428
.ues-message-closeable:after {
1429
content: "✖";
1430
position: absolute;
1431
right: 0.6em;
1432
opacity: 0;
1433
}
1434
1435
.ues-message-closeable:hover:after {
1436
opacity: 1;
1437
}
1438
1439
.ues-message-closed {
1440
max-height: 0;
1441
padding: 0;
1442
border: none;
1443
margin: 0;
1444
opacity: 0;
1445
-o-box-shadow: none;
1446
-ms-box-shadow: none;
1447
-moz-box-shadow: none;
1448
-webkit-box-shadow: none;
1449
box-shadow: none;
1450
}
1451
1452
.ues-disabled {
1453
color: #999;
1454
border-color: #ccc;
1455
}
1456
1457
.ues-success {
1458
background-color: #AFE1B6;
1459
border-color: #38B44A;
1460
color: #114918;
1461
}
1462
1463
.ues-warning {
1464
background-color: #F8E2B1;
1465
border-color: #EFB73E;
1466
color: #68563F;
1467
}
1468
1469
.ues-error {
1470
background-color: #F5C2BF;
1471
border-color: #DF382C;
1472
color: #A11E1A;
1473
}
1474
1475
@keyframes ues-error-pulsating {
1476
from {
1477
background: #FFE6E5;
1478
}
1479
1480
to {
1481
background: #FFA09B;
1482
}
1483
}
1484
1485
.ues-error-pulsating {
1486
-o-animation: ues-error-pulsating 0.7s ease-in-out infinite alternate;
1487
-ms-animation: ues-error-pulsating 0.7s ease-in-out infinite alternate;
1488
-moz-animation: ues-error-pulsating 0.7s ease-in-out infinite alternate;
1489
-webkit-animation: ues-error-pulsating 0.7s ease-in-out infinite alternate;
1490
animation: ues-error-pulsating 0.7s ease-in-out infinite alternate;
1491
}
1492
1493
.ues-information {
1494
background-color: #B9E9FA;
1495
border-color: #19B6EE;
1496
color: #40525C;
1497
}
1498
1499
@-o-keyframes ues-error-pulsating {
1500
from {
1501
background: #FFE6E5;
1502
}
1503
1504
to {
1505
background: #FFA09B;
1506
}
1507
}
1508
1509
@-ms-keyframes ues-error-pulsating {
1510
from {
1511
background: #FFE6E5;
1512
}
1513
1514
to {
1515
background: #FFA09B;
1516
}
1517
}
1518
1519
@-moz-keyframes ues-error-pulsating {
1520
from {
1521
background: #FFE6E5;
1522
}
1523
1524
to {
1525
background: #FFA09B;
1526
}
1527
}
1528
1529
@-webkit-keyframes ues-error-pulsating {
1530
from {
1531
background: #FFE6E5;
1532
}
1533
1534
to {
1535
background: #FFA09B;
1536
}
1537
}
1538
/** menus **/
1539
1540
.ues-menu {
1541
margin: 0;
1542
padding: 0;
1543
}
1544
1545
.ues-menu:before,
1546
.ues-menu:after {
1547
content: " ";
1548
display: table;
1549
}
1550
1551
.ues-menu:after {
1552
clear: both;
1553
}
1554
1555
.ues-menu > li {
1556
display: block;
1557
position: relative;
1558
margin: 0;
1559
padding: 0;
1560
list-style-type: none;
1561
border-bottom: 1px solid #ccc;
1562
}
1563
1564
.ues-menu > li > a,
1565
.ues-menu > li > span {
1566
display: block;
1567
position: relative;
1568
padding: 10px 15px;
1569
/* don't use em's as we need predictable spacing */
1570
}
1571
1572
.ues-menu > li > a:hover,
1573
.ues-menu > li > a:focus {
1574
background-color: #f7f6f5;
1575
}
1576
1577
.ues-menu-horizontal.ues-menu > li {
1578
border-bottom: none;
1579
}
1580
1581
.ues-menu-horizontal > li {
1582
float: left;
1583
}
1584
1585
.ues-menu-selected {
1586
background-color: #f7f6f5;
1587
}
1588
1589
.ues-menu-selected a:after {
1590
content: '\25B8';
1591
float: right;
1592
color: #333;
1593
font-size: 120%;
1594
}
1595
1596
/** navbar **/
1597
1598
.ues-navbar {
1599
position: relative;
1600
background-color: #dd4814;
1601
font-size: 13px;
1602
/**
1603
* 34px is height of standard button (20px + (7px x 2) )
1604
* so this allows us to put in buttons and search inputs
1605
*/
1606
line-height: 34px;
1607
min-height: 54px;
1608
}
1609
1610
.ues-navbar.ues-navbar-invert {
1611
background: white;
1612
font-weight: 400;
1613
}
1614
1615
.ues-navbar .ues-container {
1616
position: relative;
1617
}
1618
1619
.ues-navbar-secondary-nav {
1620
float: right;
1621
}
1622
1623
.ues-navbar-brand,
1624
.ues-navbar-primary-nav {
1625
float: left;
1626
}
1627
1628
.ues-navbar,
1629
.ues-navbar > a,
1630
.ues-navbar-brand,
1631
.ues-navbar-brand > a,
1632
.ues-navbar .ues-menu > li,
1633
.ues-navbar .ues-menu > li > a {
1634
color: white;
1635
}
1636
1637
.ues-navbar-invert,
1638
.ues-navbar-invert > a,
1639
.ues-navbar-invert .ues-navbar-brand,
1640
.ues-navbar-invert .ues-navbar-brand > a,
1641
.ues-navbar-invert.ues-navbar .ues-menu > li,
1642
.ues-navbar-invert.ues-navbar .ues-menu > li > a {
1643
color: #dd4814;
1644
}
1645
1646
/**
1647
* set all navbar items top and bottom padding.
1648
* pretty much all navbar content needs to be in one of
1649
* these to be correctly positioned in the navbar.
1650
*
1651
* **/
1652
1653
.ues-navbar-toggle,
1654
.ues-navbar-text,
1655
.ues-navbar-brand > a,
1656
.ues-navbar .ues-menu > a,
1657
.ues-navbar .ues-menu > span {
1658
display: block;
1659
padding: 10px;
1660
}
1661
1662
.ues-navbar-text {
1663
margin: 0;
1664
}
1665
1666
.ues-navbar .ues-button-group {
1667
display: block;
1668
}
1669
1670
.ues-navbar .ues-button-toolbar > .ues-button-group {
1671
display: inline-block;
1672
}
1673
1674
.ues-navbar .ues-menu > li,
1675
.ues-navbar .ues-menu > li > a {
1676
position: relative;
1677
}
1678
1679
.ues-navbar .ues-menu > li > a:hover {
1680
background-color: #f75216;
1681
}
1682
1683
.ues-navbar-invert .ues-menu > li > a:hover {
1684
background-color: #fcece7;
1685
}
1686
1687
/** toggle **/
1688
1689
.ues-navbar-toggle {
1690
display: none;
1691
float: right;
1692
}
1693
1694
.ues-icon-bar {
1695
background-color: white;
1696
height: 2px;
1697
width: 24px;
1698
display: block;
1699
-o-border-radius: 3px;
1700
-ms-border-radius: 3px;
1701
-moz-border-radius: 3px;
1702
-webkit-border-radius: 3px;
1703
border-radius: 3px;
1704
}
1705
1706
.ues-icon-bar + .ues-icon-bar {
1707
margin-top: 4px;
1708
}
1709
1710
.ues-navbar-toggle .ues-button {
1711
position: relative;
1712
background: #dd4814;
1713
border-color: #ad2e03;
1714
color: white;
1715
padding: 9px;
1716
}
1717
1718
.ues-navbar-invert .ues-navbar-toggle .ues-button {
1719
background: white;
1720
border-color: #dd4814;
1721
color: #dd4814;
1722
}
1723
1724
.ues-navbar-invert .ues-icon-bar {
1725
background-color: #dd4814;
1726
}
1727
1728
/** small screen navbar **/
1729
1730
@media (max-width: 480px) {
1731
.ues-navbar-secondary-nav,
1732
.ues-navbar-primary-nav {
1733
display: none;
1734
}
1735
1736
.ues-navbar-toggle {
1737
display: block;
1738
}
1739
}
1740
1741
.ues-pagination {
1742
display: inline-block;
1743
font-size: 12px;
1744
font-weight: 400;
1745
margin: 10px 0;
1746
-o-border-radius: 8px;
1747
-ms-border-radius: 8px;
1748
-moz-border-radius: 8px;
1749
-webkit-border-radius: 8px;
1750
border-radius: 8px;
1751
}
1752
1753
.ues-pagination li {
1754
padding: 0;
1755
float: left;
1756
list-style: none;
1757
}
1758
1759
.ues-pagination a {
1760
padding: 10px;
1761
position: relative;
1762
}
1763
1764
.ues-pagination .ues-active a {
1765
text-decoration: underline;
1766
}
1767
1768
.ues-pagination .ues-disabled a {
1769
cursor: not-allowed;
1770
color: #999;
1771
}
1772
1773
.ues-pagination-break span {
1774
padding: 10px 5px;
1775
color: #999;
1776
}
1777
1778
.ues-navbar .ues-breadcrumb {
1779
margin: 0;
1780
}
1781
1782
.ues-breadcrumb {
1783
padding: 10px 0px;
1784
margin: 0 0 15px 0;
1785
list-style: none;
1786
}
1787
1788
.ues-breadcrumb > li {
1789
display: inline-block;
1790
}
1791
1792
.ues-breadcrumb .active {
1793
color: #999;
1794
}
1795
1796
.ues-breadcrumb > li + li:before {
1797
padding: 0 5px;
1798
color: #ccc;
1799
content: "\203A";
1800
}
1801
.ues-table {
1802
border-collapse: collapse;
1803
border-spacing: 0;
1804
empty-cells: show;
1805
border: 1px dotted #AEA79F;
1806
}
1807
1808
.ues-table caption {
1809
font-style: italic;
1810
font-size: 13px;
1811
line-height: 1;
1812
padding: 1em 0;
1813
text-align: center;
1814
}
1815
1816
.ues-table td,
1817
.ues-table th {
1818
background-color: #F0EDEA;
1819
border-left: 1px dotted #AEA79F;
1820
border-width: 0 0 0 1px;
1821
padding: 15px 10px;
1822
overflow: visible;
1823
}
1824
1825
.ues-table-small td,
1826
.ues-table-small th {
1827
padding: 5px 10px;
1828
}
1829
1830
.ues-table td:first-child,
1831
.ues-table th:first-child {
1832
border-left-width: 0;
1833
}
1834
1835
.ues-table thead {
1836
background-color: #FEE3D2;
1837
color: #333;
1838
text-align: left;
1839
font-weight: normal;
1840
vertical-align: bottom;
1841
}
1842
1843
.ues-table thead th {
1844
border-collapse: separate;
1845
border-spacing: 0 10px;
1846
background-color: transparent;
1847
}
1848
1849
.ues-table tfoot th,
1850
.ues-table tbody th {
1851
font-weight: 300;
1852
}
1853
1854
/* bordered */
1855
1856
.ues-table-bordered th,
1857
.ues-table-bordered td {
1858
border-bottom: 1px dotted #AEA79F;
1859
}
1860
1861
.ues-table-bordered tbody > tr:last-child td,
1862
.ues-table-horizontal tbody > tr:last-child td {
1863
border-bottom-width: 0;
1864
}
1865
1866
/* horizontally bordered */
1867
1868
.ues-table-horizontal td,
1869
.ues-table-horizontal th {
1870
border-width: 0 0 1px 0;
1871
border-bottom: 1px dotted #cbcbcb;
1872
}
1873
1874
.ues-table-horizontal tbody > tr:last-child td {
1875
border-bottom-width: 0;
1876
}
1877
1878
/* striped */
1879
1880
.ues-table-striped tr:nth-child(2n-1) td {
1881
background-color: #F7F7F7;
1882
}
1883
html,
1884
body {
1885
font-family: "Ubuntu", Arial, "libra sans", sans-serif;
1886
font-weight: 300;
1887
font-style: normal;
1888
font-size: 16px;
1889
line-height: 25px;
1890
color: #333;
1891
}
1892
1893
.ues-g [class *= "ues-u"],
1894
.ues-g-r [class *= "ues-u"] {
1895
font-family: "Ubuntu", Arial, "libra sans", sans-serif;
1896
}
1897
1898
/** headlines **/
1899
1900
h1,
1901
h2,
1902
h3,
1903
h4,
1904
h5,
1905
h6 {
1906
font-weight: 300;
1907
padding: 0 0 0 0;
1908
margin: 0.5em 0 1em 0;
1909
line-height: 1;
1910
}
1911
1912
p + h2,
1913
p + h3,
1914
p + h4,
1915
p + h5,
1916
p + h6 {
1917
margin-top: 1em;
1918
}
1919
1920
.ues-hdisplay {
1921
font-size: 45px;
1922
}
1923
1924
.ues-hmain,
1925
h1 {
1926
font-size: 32px;
1927
}
1928
1929
.ues-hmedium,
1930
h2 {
1931
font-size: 23px;
1932
}
1933
1934
.ues-hlight,
1935
h3,
1936
h4,
1937
h5,
1938
h6 {
1939
font-size: 18px;
1940
}
1941
1942
.ues-hinline {
1943
display: inline;
1944
font-weight: 400;
1945
font-size: 1em;
1946
line-height: inherit;
1947
padding: 0;
1948
margin-left: 0;
1949
margin-right: 0;
1950
}
1951
1952
/** paragraph styles **/
1953
1954
p {
1955
margin: 0 0 1em;
1956
}
1957
1958
p:last-child {
1959
margin: 0;
1960
}
1961
1962
.ues-lead {
1963
font-size: 23px;
1964
line-height: 1.5;
1965
margin: 0 0 0.5em;
1966
}
1967
1968
/** links **/
1969
1970
a {
1971
color: #dd4814;
1972
text-decoration: none;
1973
}
1974
1975
/** lists **/
1976
1977
ul,
1978
ol {
1979
margin: 0.5em 0;
1980
padding: 0;
1981
}
1982
1983
ul li {
1984
list-style: none;
1985
}
1986
1987
.ues-list {
1988
padding-left: 40px;
1989
margin-bottom: 15px;
1990
}
1991
1992
.ues-list li {
1993
list-style: disc;
1994
}
1995
1996
ol.ues-list li {
1997
list-style: decimal;
1998
}
1999
2000
dl.ues-list {
2001
padding: 0;
2002
}
2003
2004
dl.ues-list dd {
2005
list-style: disc;
2006
}
2007
2008
.ues-list-bordered {
2009
padding: 0;
2010
}
2011
2012
.ues-list-bordered li {
2013
list-style: none;
2014
border-bottom: 1px dotted #ccc;
2015
padding: 0.3em;
2016
}
2017
2018
.ues-list-inline {
2019
display: inline;
2020
overflow: hidden;
2021
margin-left: 0.3em;
2022
padding: 0;
2023
}
2024
2025
.ues-list-inline li {
2026
list-style: none;
2027
display: inline-block;
2028
}
2029
2030
.ues-list-inline li:after {
2031
content: ' |';
2032
margin: 0 0.15em;
2033
}
2034
2035
.ues-list-inline li:last-child:after {
2036
content: '';
2037
}
2038
2039
/** everything else **/
2040
2041
pre {
2042
margin: 0.5em 0;
2043
}
2044
2045
pre,
2046
code {
2047
font-family: "Ubuntu Mono", Monaco, Menlo, Consolas, "Courier New", monospace;
2048
font-weight: 300;
2049
}
2050
2051
abbr {
2052
border-bottom: 1px solid #333;
2053
}
2054
2055
/** logos **/
2056
2057
.ues-u1-logo {
2058
display: inline-block;
2059
width: 143px;
2060
height: 57px;
2061
background-image: url(svg/u1-logo-sprite.svg);
2062
background-color: transparent;
2063
background-repeat: no-repeat;
2064
background-size: 288px 60px;
2065
text-indent: -9000px;
2066
direction: ltr;
2067
}
2068
2069
.ues-u1-logo-on-white {
2070
background-position: -145px 0;
2071
}
b'\\ No newline at end of file'
Loggerhead is a web-based interface for Breezy
Version: 2.0.1