« back to all changes in this revision
Viewing changes to core/admin/theme/plucss.css
- browse files at revision 8
- compare with another revision
- download diff
- download tarball
- view history from revision 8
- Committer: Package Import Robot
- Author(s): Tanguy Ortolo
- Date: 2015-07-22 14:22:20 UTC
- mfrom: (1.1.3)
- Revision ID: package-import@ubuntu.com-20150722142220-m5tzuyfq6klb44vs
Tags: 5.4-1
* New upstream release.
* debian/dirs: update to new layout (data/images/ replaced by data/medias).
* debian/postinst:
+ migrate images from data/images/ to data/medias/.
+ update main configuration file (version has changed, and a parameter
was added).
+ use `command -v` instead of `test` to check for lighty-enable-mod
existence, to avoid using a fully qualified path.
* debian/postrm:
+ use `command -v` instead of `test` to check for lighty-disable-mod, ucf
and ucfr existence, to avoid using a fully qualified path.
* debian/rules: remove some JavaScript minimizing rules (that file is no
longer part of PluXml).
* debian/control:
+ no longer depend on slimit (no more JavaScript minimizing).
+ use a line per build dependency and order them alphabetically.
+ update Standards-Version to 3.9.6 (no change needed).
* debian/copyright: remove everything about respond.js which is no longer
part of PluXml.
* debian/links: update to new layout (data/images replaced by data/medias).
* debian/NEWS: added, to document the migration to 5.4 layout.
* debian/dirs: update to new layout (data/images/ replaced by data/medias).
* debian/postinst:
+ migrate images from data/images/ to data/medias/.
+ update main configuration file (version has changed, and a parameter
was added).
+ use `command -v` instead of `test` to check for lighty-enable-mod
existence, to avoid using a fully qualified path.
* debian/postrm:
+ use `command -v` instead of `test` to check for lighty-disable-mod, ucf
and ucfr existence, to avoid using a fully qualified path.
* debian/rules: remove some JavaScript minimizing rules (that file is no
longer part of PluXml).
* debian/control:
+ no longer depend on slimit (no more JavaScript minimizing).
+ use a line per build dependency and order them alphabetically.
+ update Standards-Version to 3.9.6 (no change needed).
* debian/copyright: remove everything about respond.js which is no longer
part of PluXml.
* debian/links: update to new layout (data/images replaced by data/medias).
* debian/NEWS: added, to document the migration to 5.4 layout.
- files added:
- README.md
- core/lang/oc
- files removed:
- core/admin/theme/auth.css
- debian/addons
- themes/defaut/js
- files modified:
- changelog.txt
added
removed
core/admin/theme/plucss.css
1
/*
2
# ------------------ BEGIN LICENSE BLOCK ------------------
3
#
4
# This file is part of PluXml : http://www.pluxml.org
5
#
6
# Package plucss.css
7
# Version 1.1
8
# Copyright (c) 2014, 2015 PluXml
9
# Authors Jos
10
# Licensed under the GPL license.
11
# See http://www.gnu.org/licenses/gpl.html
12
#
13
# ------------------- END LICENSE BLOCK -------------------
14
*/
15
16
*,
17
*:after,
18
*:before {
19
-moz-box-sizing: border-box;
20
-webkit-box-sizing: border-box;
21
box-sizing: border-box;
22
}
23
html {
24
font-size: 93.7%;
25
}
26
body {
27
color: #444;
28
font-family: helvetica, arial, sans-serif;
29
line-height: 1.4;
30
margin: 0;
31
}
32
article,
33
aside,
34
details,
35
figcaption,
36
figure,
37
footer,
38
header,
39
main,
40
nav,
41
section,
42
summary {
43
display: block;
44
}
45
audio,
46
canvas,
47
progress,
48
video {
49
display: inline-block;
50
vertical-align: baseline;
51
}
52
audio:not([controls]) {
53
display: none;
54
height: 0;
55
}
56
figure {
57
margin: 0;
58
}
59
60
/* TYPOGRAPHY
61
------------------------------ */
62
63
a {
64
background: transparent;
65
color: #258fd6;
66
text-decoration: none;
67
}
68
a:active,
69
a:hover {
70
color: #444;
71
outline: 0;
72
text-decoration: underline;
73
}
74
abbr {
75
border-bottom: 1px dotted;
76
cursor: help;
77
}
78
address {
79
font-style: normal;
80
}
81
b,
82
strong {
83
font-weight: bold;
84
}
85
blockquote {
86
font-style: italic;
87
}
88
cite:before {
89
content: "— ";
90
}
91
code,
92
kbd,
93
pre,
94
samp {
95
font-family: monospace, monospace;
96
font-size: 1rem;
97
}
98
dfn {
99
font-style: italic;
100
}
101
dt {
102
font-weight: bold;
103
}
104
dd {
105
margin-left: 0;
106
}
107
h1,
108
h2,
109
h3,
110
h4,
111
h5,
112
h6 {
113
font-weight: 500;
114
line-height: 1;
115
margin: 2rem 0 1rem 0;
116
}
117
.h1,
118
.h2,
119
.h3,
120
.h4,
121
.h5,
122
.h6 {
123
height: auto;
124
}
125
h1,
126
.h1 {
127
font-size: 2.2rem;
128
}
129
h2,
130
.h2 {
131
font-size: 1.8rem;
132
}
133
h3,
134
.h3 {
135
font-size: 1.5rem;
136
}
137
h4,
138
.h4 {
139
font-size: 1.2rem;
140
}
141
h5,
142
.h5 {
143
font-size: 1rem;
144
}
145
h6,
146
.h6 {
147
font-size: 0.8rem;
148
}
149
hr {
150
height: 0;
151
}
152
mark {
153
background: #ff0;
154
color: #000;
155
}
156
pre {
157
overflow: auto;
158
}
159
small {
160
font-size: .8rem;
161
}
162
sub,
163
sup {
164
font-size: .8rem;
165
line-height: 0;
166
position: relative;
167
vertical-align: baseline;
168
}
169
sup {
170
top: -0.5rem;
171
}
172
sub {
173
bottom: -0.25rem;
174
}
175
.text-blue {
176
color: #258fd6;
177
}
178
.text-green {
179
color: #239c56;
180
}
181
.text-orange {
182
color: #da7418;
183
}
184
.text-red {
185
color: #e43d29;
186
}
187
ul.inline-list {
188
font-size: 0rem;
189
margin: 1rem 0;
190
padding-left: 0;
191
}
192
ul.inline-list li {
193
display: inline-block;
194
list-style-type: none;
195
margin-left: .5rem;
196
font-size: 1rem;
197
}
198
ul.inline-list li:first-child {
199
margin-left: 0;
200
}
201
ul.unstyled-list {
202
padding-left: 0;
203
}
204
ul.unstyled-list li {
205
list-style-type: none;
206
}
207
208
/* TABLE
209
------------------------------ */
210
211
caption,
212
th {
213
text-align: left;
214
}
215
table {
216
border-collapse: collapse;
217
border-spacing: 0;
218
}
219
td,
220
th {
221
border: 1px solid #bbb;
222
padding: .4rem .7rem;
223
}
224
tfoot,
225
thead {
226
background-color: #e1e1e1;
227
}
228
tr:hover {
229
background-color: #fff8dc;
230
}
231
tfoot tr:hover,
232
thead tr:hover {
233
background-color: inherit;
234
}
235
.scrollable-table {
236
overflow: auto;
237
}
238
239
/* FORM
240
------------------------------ */
241
242
form .col {
243
margin-bottom: 1rem;
244
}
245
form.inline-form button,
246
form.inline-form input,
247
form.inline-form label,
248
form.inline-form select,
249
form.inline-form textarea {
250
display: inline-block;
251
width: auto;
252
}
253
form .col.label-centered {
254
margin-bottom: 0;
255
}
256
form .label-centered label {
257
padding-top: .3rem;
258
}
259
fieldset {
260
border: none;
261
padding: 0;
262
}
263
legend {
264
margin-bottom: 1rem;
265
padding: 0;
266
}
267
label {
268
display: block;
269
padding-bottom: .3rem;
270
}
271
button,
272
input,
273
optgroup,
274
select,
275
textarea {
276
color: inherit;
277
font: inherit;
278
margin: 0;
279
}
280
button,
281
input,
282
select,
283
textarea {
284
border: 1px solid #bbb;
285
outline: none;
286
padding: .35rem .4rem;
287
width: 100%;
288
}
289
textarea {
290
height: auto;
291
overflow: auto;
292
}
293
select {
294
padding-left: .2rem;
295
padding-right: 0;
296
}
297
optgroup {
298
font-weight: bold;
299
}
300
input:focus,
301
select:focus,
302
textarea:focus {
303
border: 1px solid #258fd6;
304
}
305
button,
306
input[type="button"],
307
input[type="reset"],
308
input[type="submit"] {
309
background-color: #777;
310
border-color: transparent;
311
color: #fff;
312
cursor: pointer;
313
padding-left: .7rem;
314
padding-right: .7rem;
315
width: auto;
316
}
317
button:hover,
318
input[type="button"]:hover,
319
input[type="reset"]:hover,
320
input[type="submit"]:hover {
321
background-color: #616161;
322
}
323
button[disabled],
324
input[disabled],
325
select[disabled],
326
textarea[disabled],
327
button[disabled]:hover,
328
input[disabled]:hover,
329
select[disabled]:hover,
330
textarea[disabled]:hover {
331
background-color: #ddd;
332
color: #777;
333
cursor: not-allowed;
334
}
335
button::-moz-focus-inner,
336
input::-moz-focus-inner {
337
border: 0;
338
padding: 0;
339
}
340
input[type="checkbox"],
341
input[type="radio"] {
342
height: auto;
343
padding: 0;
344
width: auto;
345
}
346
input[type="file"] {
347
border: none;
348
height: auto;
349
padding: 0;
350
}
351
button.blue,
352
input[type="button"].blue,
353
input[type="reset"].blue,
354
input[type="submit"].blue {
355
background-color: #258fd6;
356
color: #eee;
357
}
358
button.blue:hover,
359
input[type="button"].blue:hover,
360
input[type="reset"].blue:hover,
361
input[type="submit"].blue:hover {
362
background-color: #1f77b1;
363
}
364
button.green,
365
input[type="button"].green,
366
input[type="reset"].green,
367
input[type="submit"].green {
368
background-color: #239c56;
369
color: #eee;
370
}
371
button.green:hover,
372
input[type="button"].green:hover,
373
input[type="reset"].green:hover,
374
input[type="submit"].green:hover {
375
background-color: #1c7943;
376
}
377
button.orange,
378
input[type="button"].orange,
379
input[type="reset"].orange,
380
input[type="submit"].orange {
381
background-color: #da7418;
382
color: #eee;
383
}
384
button.orange:hover,
385
input[type="button"].orange:hover,
386
input[type="reset"].orange:hover,
387
input[type="submit"].orange:hover {
388
background-color: #b46014;
389
}
390
button.red,
391
input[type="button"].red,
392
input[type="reset"].red,
393
input[type="submit"].red {
394
background-color: #e43d29;
395
color: #eee;
396
}
397
button.red:hover,
398
input[type="button"].red:hover,
399
input[type="reset"].red:hover,
400
input[type="submit"].red:hover {
401
background-color: #bc2818;
402
}
403
404
/* IMAGE
405
------------------------------ */
406
407
img {
408
border: 0;
409
height: auto;
410
max-width: 100%;
411
}
412
413
/* NAVIGATION
414
------------------------------ */
415
416
.menu {
417
font-size: 0rem;
418
margin: 0;
419
padding-left: 0;
420
}
421
.menu li {
422
display: inline-block;
423
font-size: 1rem;
424
list-style-type: none;
425
margin-left: 1rem;
426
}
427
.menu li:first-child {
428
margin-left: 0;
429
}
430
.menu li.active a {
431
color: #444;
432
}
433
.menu.vertical li {
434
display: block;
435
margin-left: 0;
436
}
437
.menu.expanded li {
438
margin-left: 0;
439
}
440
.menu.expanded li:hover {
441
background-color: #ddd;
442
}
443
.menu.expanded li a {
444
display: block;
445
padding: .425rem .7rem;
446
}
447
.menu.expanded li a:hover {
448
text-decoration: none;
449
}
450
.menu.breadcrumb li + li:before,
451
.menu.expanded.breadcrumb > li + li a:before {
452
content: "/";
453
}
454
.menu.breadcrumb li + li:before,
455
.menu.expanded.breadcrumb > li + li:before,
456
.menu.expanded.breadcrumb > li + li a:before {
457
margin-right: .7rem;
458
}
459
.menu.expanded.breadcrumb > li + li:before {
460
content: none;
461
}
462
.menu.expanded li.active a,
463
.menu.expanded li.active:hover {
464
background-color: #258fd6;
465
color: #fff;
466
}
467
.responsive-menu label {
468
background-color: #444;
469
color: #fff;
470
cursor: pointer;
471
text-align: center;
472
}
473
.responsive-menu label,
474
.responsive-menu input[type=checkbox] {
475
display: none;
476
}
477
.responsive-menu label {
478
padding: .425rem .7rem;
479
}
480
.responsive-menu input[type=checkbox]:checked+ul {
481
display: block;
482
}
483
484
@media (max-width: 767px) {
485
.responsive-menu ul {
486
display: none;
487
}
488
.responsive-menu label,
489
.responsive-menu ul li {
490
display: block;
491
margin-left: 0
492
}
493
.responsive-menu ul li:hover {
494
background-color: #ddd;
495
}
496
.responsive-menu ul li a {
497
display: block;
498
padding: .425rem .7rem;
499
}
500
.responsive-menu ul li a:hover {
501
text-decoration: none;
502
}
503
.responsive-menu .menu.breadcrumb li + li:before,
504
.responsive-menu .menu.expanded.breadcrumb > li + li a:before {
505
content: none;
506
}
507
.responsive-menu ul li.active a,
508
.responsive-menu ul li.active:hover {
509
background-color: #258fd6;
510
color: #fff;
511
}
512
}
513
514
/* OTHER COMPONENTS
515
------------------------------ */
516
517
.gallery {
518
list-style: none;
519
margin-left: -1rem;
520
margin-right: -1rem;
521
overflow: hidden;
522
padding-left: 0;
523
}
524
.gallery li {
525
float: left;
526
padding: 0 1rem 1rem 1rem;
527
}
528
.alert {
529
margin-bottom: 1rem;
530
padding: 1rem;
531
}
532
.alert a,
533
.alert a:hover {
534
color: inherit;
535
}
536
.alert.blue {
537
background-color: #dbedf9;
538
color: #258fd6;
539
}
540
.alert.green {
541
background-color: #d3f5e2;
542
color: #239c56;
543
}
544
.alert.orange {
545
background-color: #fbe8d9;
546
color: #da7418;
547
}
548
.alert.red {
549
background-color: #fce4e2;
550
color: #e43d29;
551
}
552
.button {
553
background-color: #777;
554
color: #fff;
555
padding: .525rem .7rem;
556
}
557
.button:hover {
558
background-color: #616161;
559
color: #fff;
560
text-decoration: none;
561
}
562
.button.blue {
563
background-color: #258fd6;
564
color: #eee;
565
}
566
.button.blue:hover {
567
background-color: #1f77b1;
568
}
569
.button.green {
570
background-color: #239c56;
571
color: #eee;
572
}
573
.button.green:hover {
574
background-color: #1c7943;
575
}
576
.button.orange {
577
background-color: #da7418;
578
color: #eee;
579
}
580
.button.orange:hover {
581
background-color: #b46014;
582
}
583
.button.red {
584
background-color: #e43d29;
585
color: #eee;
586
}
587
.button.red:hover {
588
background-color: #bc2818;
589
}
590
.progress {
591
background-color: #fff;
592
border: 1px solid #bbb;
593
position: relative;
594
width: 100%;
595
}
596
.progress span {
597
background-color: #258fd6;
598
color: #fff;
599
display: block;
600
min-width: 2.2rem;
601
overflow: hidden;
602
padding: .35rem;
603
position: relative;
604
text-align: center;
605
}
606
.progress span[style="width: 0%;"] {
607
background: none;
608
color: #444;
609
}
610
.badge,
611
.label {
612
background-color: #258fd6;
613
color: #fff;
614
display: inline-block;
615
margin-left: .4rem;
616
}
617
.badge {
618
line-height: 1;
619
padding: .15rem;
620
}
621
.menu.expanded .active a .badge {
622
background-color: #fff;
623
color: #258fd6;
624
}
625
.menu.vertical .badge {
626
float: right;
627
}
628
.label {
629
padding: .25rem .4rem;
630
}
631
.frame {
632
height: 0;
633
padding-top: 56.25%;
634
position: relative;
635
}
636
.frame embed,
637
.frame iframe,
638
.frame object,
639
.frame video {
640
height: 100%;
641
left: 0;
642
position: absolute;
643
top: 0;
644
width: 100%;
645
}
646
647
/* HELPER
648
------------------------------ */
649
650
.text-left {
651
text-align: left;
652
}
653
.text-center {
654
text-align: center;
655
}
656
.text-right {
657
text-align: right;
658
}
659
.text-justify {
660
text-align: justify;
661
}
662
.float-left {
663
float: left;
664
}
665
.float-center {
666
display: block;
667
margin-left: auto;
668
margin-right: auto;
669
}
670
.float-right {
671
float: right;
672
}
673
.float-none {
674
float: none;
675
}
676
.show {
677
display: block;
678
}
679
.hide {
680
display: none;
681
}
682
.full-width {
683
width: 100%;
684
}
685
.width-auto {
686
width: auto;
687
}
688
.no-margin {
689
margin: 0;
690
}
691
.no-padding {
692
padding: 0;
693
}
694
695
/* GRID, GALLERY, HELPER
696
------------------------------ */
697
698
.container {
699
margin: 0 auto;
700
max-width: 1280px;
701
padding-left: 1rem;
702
padding-right: 1rem;
703
width: 100%;
704
}
705
.grid {
706
overflow: hidden;
707
margin-left: -1rem;
708
margin-right: -1rem;
709
}
710
.col {
711
float: left;
712
position: relative;
713
min-height: 1px;
714
padding-left: 1rem;
715
padding-right: 1rem;
716
width: 100%;
717
}
718
.col.sml-1,
719
.gallery.sml-1 li {
720
width: 8.3333%;
721
}
722
.col.sml-2,
723
.gallery.sml-2 li {
724
width: 16.6666%;
725
}
726
.col.sml-3,
727
.gallery.sml-3 li {
728
width: 25%;
729
}
730
.col.sml-4,
731
.gallery.sml-4 li {
732
width: 33.3333%;
733
}
734
.col.sml-5,
735
.gallery.sml-5 li {
736
width: 41.6666%;
737
}
738
.col.sml-6,
739
.gallery.sml-6 li {
740
width: 50%;
741
}
742
.col.sml-7,
743
.gallery.sml-7 li {
744
width: 58.3333%;
745
}
746
.col.sml-8,
747
.gallery.sml-8 li {
748
width: 66.6666%;
749
}
750
.col.sml-9,
751
.gallery.sml-9 li {
752
width: 75%;
753
}
754
.col.sml-10,
755
.gallery.sml-10 li {
756
width: 83.3333%;
757
}
758
.col.sml-11,
759
.gallery.sml-11 li {
760
width: 91.6666%;
761
}
762
.col.sml-12,
763
.gallery.sml-12 li {
764
width: 100%;
765
}
766
.col.sml-push-0 {
767
left: auto;
768
}
769
.col.sml-push-1 {
770
left: 8.3333%;
771
}
772
.col.sml-push-2 {
773
left: 16.6666%;
774
}
775
.col.sml-push-3 {
776
left: 25%;
777
}
778
.col.sml-push-4 {
779
left: 33.3333%;
780
}
781
.col.sml-push-5 {
782
left: 41.6666%;
783
}
784
.col.sml-push-6 {
785
left: 50%;
786
}
787
.col.sml-push-7 {
788
left: 58.3333%;
789
}
790
.col.sml-push-8 {
791
left: 66.6666%;
792
}
793
.col.sml-push-9 {
794
left: 75%;
795
}
796
.col.sml-push-10 {
797
left: 83.3333%;
798
}
799
.col.sml-push-11 {
800
left: 91.6666%;
801
}
802
.col.sml-push-12 {
803
left: 100%;
804
}
805
.col.sml-pull-0 {
806
right: auto;
807
}
808
.col.sml-pull-1 {
809
right: 8.3333%;
810
}
811
.col.sml-pull-2 {
812
right: 16.6666%;
813
}
814
.col.sml-pull-3 {
815
right: 25%;
816
}
817
.col.sml-pull-4 {
818
right: 33.3333%;
819
}
820
.col.sml-pull-5 {
821
right: 41.6666%;
822
}
823
.col.sml-pull-6 {
824
right: 50%;
825
}
826
.col.sml-pull-7 {
827
right: 58.3333%;
828
}
829
.col.sml-pull-8 {
830
right: 66.6666%;
831
}
832
.col.sml-pull-9 {
833
right: 75%;
834
}
835
.col.sml-pull-10 {
836
right: 83.3333%;
837
}
838
.col.sml-pull-11 {
839
right: 91.6666%;
840
}
841
.col.sml-pull-12 {
842
right: 100%;
843
}
844
.col.sml-offset-0 {
845
margin-left: 0;
846
}
847
.col.sml-offset-1 {
848
margin-left: 8.3333%;
849
}
850
.col.sml-offset-2 {
851
margin-left: 16.6666%;
852
}
853
.col.sml-offset-3 {
854
margin-left: 25%;
855
}
856
.col.sml-offset-4 {
857
margin-left: 33.3333%;
858
}
859
.col.sml-offset-5 {
860
margin-left: 41.6666%;
861
}
862
.col.sml-offset-6 {
863
margin-left: 50%;
864
}
865
.col.sml-offset-7 {
866
margin-left: 58.3333%;
867
}
868
.col.sml-offset-8 {
869
margin-left: 66.6666%;
870
}
871
.col.sml-offset-9 {
872
margin-left: 75%;
873
}
874
.col.sml-offset-10 {
875
margin-left: 83.3333%;
876
}
877
.col.sml-offset-11 {
878
margin-left: 91.6666%;
879
}
880
.col.sml-offset-12 {
881
margin-left: 100%;
882
}
883
.col.sml-centered {
884
float: none;
885
margin-left: auto;
886
margin-right: auto;
887
}
888
.col.sml-uncentered {
889
float: left;
890
}
891
.sml-h1 {
892
font-size: 2.2rem;
893
}
894
.sml-h2 {
895
font-size: 1.8rem;
896
}
897
.sml-h3 {
898
font-size: 1.5rem;
899
}
900
.sml-h4 {
901
font-size: 1.2rem;
902
}
903
.sml-h5 {
904
font-size: 1rem;
905
}
906
.sml-h6 {
907
font-size: 0.8rem;
908
}
909
.sml-text-left {
910
text-align: left;
911
}
912
.sml-text-center {
913
text-align: center;
914
}
915
.sml-text-right {
916
text-align: right;
917
}
918
.sml-text-justify {
919
text-align: justify;
920
}
921
.sml-float-left {
922
float: left;
923
}
924
.sml-float-center {
925
margin-left: auto;
926
margin-right: auto;
927
}
928
.sml-float-right {
929
float: right;
930
}
931
.sml-float-none {
932
float: none;
933
}
934
.sml-show {
935
display: block;
936
}
937
.sml-hide {
938
display: none;
939
}
940
.sml-full-width {
941
width: 100%;
942
}
943
.sml-width-auto {
944
width: auto;
945
}
946
.sml-no-margin {
947
margin: 0;
948
}
949
.sml-no-padding {
950
padding: 0;
951
}
952
953
@media (min-width: 768px) {
954
955
.container {
956
padding-left: 2rem;
957
padding-right: 2rem;
958
}
959
.col.med-1,
960
.gallery.med-1 li {
961
width: 8.3333%;
962
}
963
.col.med-2,
964
.gallery.med-2 li {
965
width: 16.6666%;
966
}
967
.col.med-3,
968
.gallery.med-3 li {
969
width: 25%;
970
}
971
.col.med-4,
972
.gallery.med-4 li {
973
width: 33.3333%;
974
}
975
.col.med-5,
976
.gallery.med-5 li {
977
width: 41.6666%;
978
}
979
.col.med-6,
980
.gallery.med-6 li {
981
width: 50%;
982
}
983
.col.med-7,
984
.gallery.med-7 li {
985
width: 58.3333%;
986
}
987
.col.med-8,
988
.gallery.med-8 li {
989
width: 66.6666%;
990
}
991
.col.med-9,
992
.gallery.med-9 li {
993
width: 75%;
994
}
995
.col.med-10,
996
.gallery.med-10 li {
997
width: 83.3333%;
998
}
999
.col.med-11,
1000
.gallery.med-11 li {
1001
width: 91.6666%;
1002
}
1003
.col.med-12,
1004
.gallery.med-12 li {
1005
width: 100%;
1006
}
1007
.col.med-push-0 {
1008
left: auto;
1009
}
1010
.col.med-push-1 {
1011
left: 8.3333%;
1012
}
1013
.col.med-push-2 {
1014
left: 16.6666%
1015
}
1016
.col.med-push-3 {
1017
left: 25%;
1018
}
1019
.col.med-push-4 {
1020
left: 33.3333%;
1021
}
1022
.col.med-push-5 {
1023
left: 41.6666%;
1024
}
1025
.col.med-push-6 {
1026
left: 50%;
1027
}
1028
.col.med-push-7 {
1029
left: 58.3333%;
1030
}
1031
.col.med-push-8 {
1032
left: 66.6666%;
1033
}
1034
.col.med-push-9 {
1035
left: 75%;
1036
}
1037
.col.med-push-10 {
1038
left: 83.3333%;
1039
}
1040
.col.med-push-11 {
1041
left: 91.6666%;
1042
}
1043
.col.med-push-12 {
1044
left: 100%;
1045
}
1046
.col.med-pull-0 {
1047
right: auto;
1048
}
1049
.col.med-pull-1 {
1050
right: 8.3333%;
1051
}
1052
.col.med-pull-2 {
1053
right: 16.6666%;
1054
}
1055
.col.med-pull-3 {
1056
right: 25%;
1057
}
1058
.col.med-pull-4 {
1059
right: 33.3333%;
1060
}
1061
.col.med-pull-5 {
1062
right: 41.6666%;
1063
}
1064
.col.med-pull-6 {
1065
right: 50%;
1066
}
1067
.col.med-pull-7 {
1068
right: 58.3333%;
1069
}
1070
.col.med-pull-8 {
1071
right: 66.6666%;
1072
}
1073
.col.med-pull-9 {
1074
right: 75%;
1075
}
1076
.col.med-pull-10 {
1077
right: 83.3333%;
1078
}
1079
.col.med-pull-11 {
1080
right: 91.6666%;
1081
}
1082
.col.med-pull-12 {
1083
right: 100%;
1084
}
1085
.col.med-offset-0 {
1086
margin-left: 0;
1087
}
1088
.col.med-offset-1 {
1089
margin-left: 8.3333%;
1090
}
1091
.col.med-offset-2 {
1092
margin-left: 16.6666%;
1093
}
1094
.col.med-offset-3 {
1095
margin-left: 25%;
1096
}
1097
.col.med-offset-4 {
1098
margin-left: 33.3333%;
1099
}
1100
.col.med-offset-5 {
1101
margin-left: 41.6666%;
1102
}
1103
.col.med-offset-6 {
1104
margin-left: 50%;
1105
}
1106
.col.med-offset-7 {
1107
margin-left: 58.3333%;
1108
}
1109
.col.med-offset-8 {
1110
margin-left: 66.6666%;
1111
}
1112
.col.med-offset-9 {
1113
margin-left: 75%;
1114
}
1115
.col.med-offset-10 {
1116
margin-left: 83.3333%;
1117
}
1118
.col.med-offset-11 {
1119
margin-left: 91.6666%;
1120
}
1121
.col.med-offset-12 {
1122
margin-left: 100%;
1123
}
1124
.col.med-centered {
1125
float: none;
1126
margin-left: auto;
1127
margin-right: auto;
1128
}
1129
.col.med-uncentered {
1130
float: left;
1131
}
1132
.med-h1 {
1133
font-size: 2.2rem;
1134
}
1135
.med-h2 {
1136
font-size: 1.8rem;
1137
}
1138
.med-h3 {
1139
font-size: 1.5rem;
1140
}
1141
.med-h4 {
1142
font-size: 1.2rem;
1143
}
1144
.med-h5 {
1145
font-size: 1rem;
1146
}
1147
.med-h6 {
1148
font-size: 0.8rem;
1149
}
1150
.med-text-left {
1151
text-align: left;
1152
}
1153
.med-text-center {
1154
text-align: center;
1155
}
1156
.med-text-right {
1157
text-align: right;
1158
}
1159
.med-text-justify {
1160
text-align: justify;
1161
}
1162
.med-float-left {
1163
float: left;
1164
}
1165
.med-float-center {
1166
margin-left: auto;
1167
margin-right: auto;
1168
}
1169
.med-float-right {
1170
float: right;
1171
}
1172
.med-float-none {
1173
float: none;
1174
}
1175
.med-show {
1176
display: block;
1177
}
1178
.med-hide {
1179
display: none;
1180
}
1181
.med-full-width {
1182
width: 100%;
1183
}
1184
.med-width-auto {
1185
width: auto;
1186
}
1187
.med-no-margin {
1188
margin: 0;
1189
}
1190
.med-no-padding {
1191
padding: 0;
1192
}
1193
}
1194
1195
@media (min-width: 1024px) {
1196
1197
.container {
1198
padding-left: 3rem;
1199
padding-right: 3rem;
1200
}
1201
.col.lrg-1,
1202
.gallery.lrg-1 li {
1203
width: 8.3333%;
1204
}
1205
.col.lrg-2,
1206
.gallery.lrg-2 li {
1207
width: 16.6666%;
1208
}
1209
.col.lrg-3,
1210
.gallery.lrg-3 li {
1211
width: 25%;
1212
}
1213
.col.lrg-4,
1214
.gallery.lrg-4 li {
1215
width: 33.3333%;
1216
}
1217
.col.lrg-5,
1218
.gallery.lrg-5 li {
1219
width: 41.6666%;
1220
}
1221
.col.lrg-6,
1222
.gallery.lrg-6 li {
1223
width: 50%;
1224
}
1225
.col.lrg-7,
1226
.gallery.lrg-7 li {
1227
width: 58.3333%;
1228
}
1229
.col.lrg-8,
1230
.gallery.lrg-8 li {
1231
width: 66.6666%;
1232
}
1233
.col.lrg-9,
1234
.gallery.lrg-9 li {
1235
width: 75%;
1236
}
1237
.col.lrg-10,
1238
.gallery.lrg-10 li {
1239
width: 83.3333%;
1240
}
1241
.col.lrg-11,
1242
.gallery.lrg-11 li {
1243
width: 91.6666%;
1244
}
1245
.col.lrg-12,
1246
.gallery.lrg-12 li {
1247
width: 100%;
1248
}
1249
.col.lrg-push-0 {
1250
left: auto;
1251
}
1252
.col.lrg-push-1 {
1253
left: 8.3333%;
1254
}
1255
.col.lrg-push-2 {
1256
left: 16.6666%;
1257
}
1258
.col.lrg-push-3 {
1259
left: 25%;
1260
}
1261
.col.lrg-push-4 {
1262
left: 33.3333%;
1263
}
1264
.col.lrg-push-5 {
1265
left: 41.6666%;
1266
}
1267
.col.lrg-push-6 {
1268
left: 50%;
1269
}
1270
.col.lrg-push-7 {
1271
left: 58.3333%;
1272
}
1273
.col.lrg-push-8 {
1274
left: 66.6666%;
1275
}
1276
.col.lrg-push-9 {
1277
left: 75%;
1278
}
1279
.col.lrg-push-10 {
1280
left: 83.3333%;
1281
}
1282
.col.lrg-push-11 {
1283
left: 91.6666%;
1284
}
1285
.col.lrg-push-12 {
1286
left: 100%;
1287
}
1288
.col.lrg-pull-0 {
1289
right: auto;
1290
}
1291
.col.lrg-pull-1 {
1292
right: 8.3333%;
1293
}
1294
.col.lrg-pull-2 {
1295
right: 16.6666%;
1296
}
1297
.col.lrg-pull-3 {
1298
right: 25%;
1299
}
1300
.col.lrg-pull-4 {
1301
right: 33.3333%;
1302
}
1303
.col.lrg-pull-5 {
1304
right: 41.6666%;
1305
}
1306
.col.lrg-pull-6 {
1307
right: 50%;
1308
}
1309
.col.lrg-pull-7 {
1310
right: 58.3333%;
1311
}
1312
.col.lrg-pull-8 {
1313
right: 66.6666%;
1314
}
1315
.col.lrg-pull-9 {
1316
right: 75%;
1317
}
1318
.col.lrg-pull-10 {
1319
right: 83.3333%;
1320
}
1321
.col.lrg-pull-11 {
1322
right: 91.6666%;
1323
}
1324
.col.lrg-pull-12 {
1325
right: 100%;
1326
}
1327
.col.lrg-offset-0 {
1328
margin-left: 0;
1329
}
1330
.col.lrg-offset-1 {
1331
margin-left: 8.3333%;
1332
}
1333
.col.lrg-offset-2 {
1334
margin-left: 16.6666%;
1335
}
1336
.col.lrg-offset-3 {
1337
margin-left: 25%;
1338
}
1339
.col.lrg-offset-4 {
1340
margin-left: 33.3333%;
1341
}
1342
.col.lrg-offset-5 {
1343
margin-left: 41.6666%;
1344
}
1345
.col.lrg-offset-6 {
1346
margin-left: 50%;
1347
}
1348
.col.lrg-offset-7 {
1349
margin-left: 58.3333%;
1350
}
1351
.col.lrg-offset-8 {
1352
margin-left: 66.6666%;
1353
}
1354
.col.lrg-offset-9 {
1355
margin-left: 75%;
1356
}
1357
.col.lrg-offset-10 {
1358
margin-left: 83.3333%;
1359
}
1360
.col.lrg-offset-11 {
1361
margin-left: 91.6666%;
1362
}
1363
.col.lrg-offset-12 {
1364
margin-left: 100%;
1365
}
1366
.col.lrg-centered {
1367
float: none;
1368
margin-left: auto;
1369
margin-right: auto;
1370
}
1371
.col.lrg-uncentered {
1372
float: left;
1373
}
1374
.lrg-h1 {
1375
font-size: 2.2rem;
1376
}
1377
.lrg-h2 {
1378
font-size: 1.8rem;
1379
}
1380
.lrg-h3 {
1381
font-size: 1.5rem;
1382
}
1383
.lrg-h4 {
1384
font-size: 1.2rem;
1385
}
1386
.lrg-h5 {
1387
font-size: 1rem;
1388
}
1389
.lrg-h6 {
1390
font-size: 0.8rem;
1391
}
1392
.lrg-text-left {
1393
text-align: left;
1394
}
1395
.lrg-text-center {
1396
text-align: center;
1397
}
1398
.lrg-text-right {
1399
text-align: right;
1400
}
1401
.lrg-text-justify {
1402
text-align: justify;
1403
}
1404
.lrg-float-left {
1405
float: left;
1406
}
1407
.lrg-float-center {
1408
margin-left: auto;
1409
margin-right: auto;
1410
}
1411
.lrg-float-right {
1412
float: right;
1413
}
1414
.lrg-float-none {
1415
float: none;
1416
}
1417
.lrg-show {
1418
display: block;
1419
}
1420
.lrg-hide {
1421
display: none;
1422
}
1423
.lrg-full-width {
1424
width: 100%;
1425
}
1426
.lrg-width-auto {
1427
width: auto;
1428
}
1429
.lrg-no-margin {
1430
margin: 0;
1431
}
1432
.lrg-no-padding {
1433
padding: 0;
1434
}
1435
}
Loggerhead is a web-based interface for Breezy
Version: 2.0.1