]>
Commit | Line | Data |
---|---|---|
64f81bc3 TC |
1 | /* ========================================================================== |
2 | Media queries | |
3 | ========================================================================== */ | |
4 | ||
f99ebec0 TC |
5 | @media only screen and (min-width: 992px) { |
6 | nav, | |
ef7f187f | 7 | body:not(.entry):not(.login) main, |
64f81bc3 | 8 | footer { |
f99ebec0 | 9 | padding-left: 240px; |
64f81bc3 | 10 | } |
f836b98f S |
11 | |
12 | .pagination { | |
13 | margin-left: auto; | |
14 | } | |
fb7dedf3 KD |
15 | |
16 | .card-tag-labels li { | |
17 | max-width: 50%; | |
18 | } | |
f99ebec0 | 19 | } |
64f81bc3 | 20 | |
f99ebec0 TC |
21 | @media only screen and (max-width: 992px) { |
22 | header, | |
64f81bc3 | 23 | main, |
f99ebec0 TC |
24 | footer, |
25 | nav { | |
64f81bc3 TC |
26 | padding-left: 0; |
27 | } | |
28 | ||
a6e56375 S |
29 | table { |
30 | display: block; | |
31 | overflow: auto; | |
32 | } | |
33 | ||
34 | iframe { | |
35 | max-width: 100%; | |
36 | height: auto; | |
37 | } | |
38 | ||
64f81bc3 TC |
39 | .nav-panels .action { |
40 | padding-right: 0.75rem; | |
41 | } | |
42 | ||
43 | .nav-panel-buttom { | |
f072829c | 44 | justify-content: space-between; |
64f81bc3 TC |
45 | } |
46 | ||
47 | #article { | |
48 | max-width: 35em; | |
49 | margin-left: auto; | |
50 | margin-right: auto; | |
51 | font-size: 18px; | |
52 | ||
53 | > header > h1 { | |
54 | font-size: 1.33em; | |
55 | } | |
56 | } | |
57 | ||
58 | .reader-mode { | |
59 | width: 240px !important; | |
60 | ||
61 | span { | |
62 | opacity: 1; | |
63 | } | |
64 | } | |
65 | ||
66 | .tabs { | |
67 | display: inline-block; | |
68 | height: auto; | |
69 | } | |
70 | ||
71 | .tab { | |
72 | min-width: 100%; | |
73 | } | |
74 | ||
75 | .indicator { | |
76 | display: none; | |
77 | } | |
78 | ||
f836b98f S |
79 | .pagination li { |
80 | margin-bottom: 0.5rem; | |
81 | ||
82 | &.prev, | |
83 | &.next { | |
84 | width: auto; | |
85 | } | |
64f81bc3 TC |
86 | } |
87 | ||
88 | .drag-target + .drag-target { | |
89 | height: 50%; | |
90 | } | |
91 | ||
92 | .drag-target + .drag-target + .drag-target { | |
93 | top: 50%; | |
94 | } | |
95 | } | |
96 | ||
97 | @media only screen and (min-width: 1200px) and (max-width: 1650px) { | |
98 | .row .col.l3 { | |
99 | width: 33.33333%; | |
100 | margin-left: 0; | |
101 | } | |
102 | } | |
103 | ||
104 | @media only screen and (min-width: 993px) and (max-width: 1200px) { | |
105 | .row { | |
106 | .col.l1 { | |
107 | width: 25%; | |
108 | margin-left: 0; | |
109 | } | |
110 | ||
111 | .col.l2 { | |
112 | width: 33.33333%; | |
113 | margin-left: 0; | |
114 | } | |
115 | ||
116 | .col.l3 { | |
117 | width: 41.66667%; | |
118 | margin-left: 0; | |
119 | } | |
120 | ||
121 | .col.l4 { | |
122 | width: 50%; | |
123 | margin-left: 0; | |
124 | } | |
125 | ||
126 | .col.l5 { | |
127 | width: 58.33333%; | |
128 | margin-left: 0; | |
129 | } | |
130 | ||
131 | .col.l6 { | |
132 | width: 66.66667%; | |
133 | margin-left: 0; | |
134 | } | |
135 | ||
136 | .col.l7 { | |
137 | width: 75%; | |
138 | margin-left: 0; | |
139 | } | |
140 | ||
141 | .col.l8 { | |
142 | width: 83.33333%; | |
143 | margin-left: 0; | |
144 | } | |
145 | ||
146 | .col.l9 { | |
147 | width: 91.66667%; | |
148 | margin-left: 0; | |
149 | } | |
150 | ||
151 | .col.l10 { | |
152 | width: 100%; | |
153 | margin-left: 0; | |
154 | } | |
155 | } | |
156 | } | |
157 | ||
158 | @media only screen and (max-width: 350px) { | |
159 | .nb-results { | |
160 | display: none; | |
161 | } | |
162 | ||
163 | main ul.row { | |
164 | padding: 0; | |
165 | } | |
166 | ||
167 | .row .col { | |
168 | padding: 0; | |
169 | } | |
170 | } |