1/* desbest edit */
2@media screen and (max-width: 480px){
3  fieldset,
4  #mediamanager__page,
5  #mediamanager__page .filelist{
6    max-width: 100%; min-width: unset;
7  }
8  #mediamanager__page .file,
9  #mediamanager__page .namespaces,
10  #mediamanager__page .panel {
11    width: 100%; clear: both; float: none;
12  }
13  li, dd { margin: 1.15em 0px !important; }
14  #config__manager tr { }
15  #config__manager td { display: block;  padding: 1.15em 0px; max-width: 100%;  }
16
17  #config__manager fieldset td.value { width: unset; }
18
19    /* make <select> not exceed it's parent div's width */
20    /* https://stackoverflow.com/q/44810056/337306 */
21    div.input { display: flex; } select { width: 100%; flex-shrink: 1; }
22
23  td.label { word-wrap: anywhere; }
24
25  #config__manager td .input,
26  #config__manager fieldset td.value,
27  #config__manager td input.edit {
28    max-width: 100%;
29    width: unset;
30  }
31
32  /* fictive specific */
33  .breadcrumbs { margin-top: 1em; }
34
35}
36
37
38.mobile { display: none; }
39
40@media screen and (max-width: 51em) {
41  .desktop { display: none; }
42  .mobile { display: block; }
43}
44
45@media screen and (max-width: 51em) {
46  .pingback .edit-link,
47  .trackback .edit-link {
48    clear: both;
49    float: none;
50    margin: 0;
51  }
52}
53
54@media screen and (max-width: 51em) {
55  .pingback .comment-body,
56  .trackback .comment-body {
57    padding: 24px;
58  }
59}
60
61@media screen and (max-width: 51em) {
62  .comment-author .avatar-wrapper {
63    margin-left: -30px;
64    top: -30px;
65    width: 60px;
66    height: 60px;
67  }
68}
69
70@media screen and (max-width: 51em) {
71  .comment-metadata, .comment-metadata a {
72    text-align: left;
73  }
74}
75
76@media screen and (max-width: 51em) {
77  .comments-title {
78    padding: 0 24px;
79    text-align: center;
80  }
81}
82
83@media screen and (max-width: 51em) {
84  .widget_search input[type="submit"] {
85    font-size: 1.25em;
86    line-height: 1.2em;
87    display: block;
88  }
89}
90
91@media screen and (max-width: 51em) {
92  #infinite-handle span {
93    border-radius: 0;
94    width: 100%;
95  }
96}
97
98@media screen and (max-width: 51em) {
99  .entry-format, .hentry:before {
100    border-radius: 0 0 80px 80px;
101    font-size: 26px;
102    line-height: 22px;
103    width: 60px;
104    height: 30px;
105    top: 0;
106    margin-left: -30px;
107  }
108}
109
110@media screen and (max-width: 51em) {
111  /*
112  button,
113  input[type="button"],
114  input[type="reset"],
115  input[type="submit"] {
116    font-size: 0.8125em;
117    line-height: 1.84615em;
118    padding: 12px;
119    width: 100%;
120  }
121  */
122  /*desbest edit*/
123}
124
125@media screen and (max-width: 51em) {
126  input[type="text"],
127  input[type="email"],
128  input[type="url"],
129  input[type="password"],
130  input[type="search"] {
131    padding: 12px;
132    width: 100%;
133  }
134}
135
136@media screen and (max-width: 51em) {
137  textarea {
138    padding: 12px;
139    width: 100%;
140  }
141}
142
143@media screen and (max-width: 65em) {
144  .site {
145    max-width: 51em;
146  }
147}
148
149@media screen and (max-width: 65em) {
150  .site-content {
151    max-width: 51em;
152  }
153}
154@media screen and (max-width: 51em) {
155  .site-content {
156    clear: both;
157    float: none;
158    margin-top: 7px;
159    width: 100%;
160  }
161}
162
163@media screen and (max-width: 51em) {
164  .site-footer {
165    margin: 0 auto;
166    padding: 24px;
167  }
168}
169
170@media screen and (max-width: 65em) {
171  .site-info {
172    max-width: 51em;
173  }
174}
175
176@media screen and (max-width: 65em) {
177  .site-header .header-image {
178    opacity: 1;
179  }
180}
181@media screen and (max-width: 65em) {
182  .site-header {
183    width: 14.79em;
184  }
185}
186@media screen and (max-width: 51em) {
187  .site-header {
188    clear: both;
189    float: none;
190    margin: 0 auto;
191    width: 100%;
192  }
193}
194
195@media screen and (max-width: 65em) {
196  .site-branding:after {
197    width: ~"-webkit-calc(100% + 3px)";
198  }
199}
200@media screen and (max-width: 51em) {
201  .site-branding:after {
202    width: 100%;
203    left: 0;
204  }
205}
206@media screen and (max-width: 51em) {
207  .site-branding {
208		margin-top: 72px;
209    margin-bottom: 0;
210    border-left: 0;
211    border-right: 0;
212  }
213  .has-header-image .site-branding {
214    margin-top: 0;
215  }
216}
217
218@media screen and (max-width: 51em) {
219  .main-navigation li {
220    margin: 0;
221  }
222}
223
224@media screen and (max-width: 51em) {
225  .main-navigation {
226    margin: 0;
227    max-width: 100%;
228  }
229  .main-navigation a {
230    border-top: 1px solid rgba(255, 255, 255, 0.2);
231    display: block;
232    margin: 0;
233  }
234}
235
236@media screen and (max-width: 51em) {
237  .menu-toggle {
238    display: block;
239  }
240}
241
242@media screen and (max-width: 51em) {
243  .header-search {
244    display: block;
245  }
246}
247
248@media screen and (max-width: 51em) {
249  /* desbest edit */
250  .main-navigation,
251  .document-tools,
252  .widget-area,
253  .header-search {
254    display: none;
255  }
256}
257
258@media screen and (max-width: 51em) {
259  .hentry-wrapper {
260    margin: 0;
261  }
262}
263
264
265@media screen and (max-width: 51em) {
266  .hentry:after {
267    left: 0;
268    width: 100%;
269  }
270}
271
272@media screen and (max-width: 51em) {
273  .hentry.format-link .entry-title a:after {
274    font-size: 1.25em;
275    line-height: 1.2em;
276  }
277}
278
279@media screen and (max-width: 51em) {
280  .hentry {
281    margin-top: 0;
282    margin-bottom: 0;
283    padding: 48px 24px 24px;
284    border-left: 0;
285    border-right: 0;
286    border-radius: 0;
287  }
288}
289
290@media screen and (max-width: 65em) {
291  .entry-thumbnail img {
292    opacity: 1;
293  }
294}
295
296@media screen and (max-width: 51em) {
297  .entry-title {
298    font-size: 1.625em;
299    line-height: 1.84615em;
300    line-height: 1.15385em;
301  }
302}
303
304@media screen and (max-width: 51em) {
305  header .entry-meta, header .entry-meta a, .entry-meta header a, header .pingback .edit-link, .pingback header .edit-link,
306  header .trackback .edit-link,
307  .trackback header .edit-link, header #cancel-comment-reply-link, header .reply {
308    text-align: left;
309  }
310}
311
312@media screen and (max-width: 51em) {
313  .comments-link,
314  .post-date,
315  .sticky .post-date,
316  .byline,
317  .edit-link,
318  a .post-date {
319    clear: both;
320    display: block;
321    float: none;
322    margin: 0;
323    width: 100%;
324  }
325}
326
327@media screen and (max-width: 51em) {
328  .page-title {
329    margin: 17px 0 24px;
330    padding: 0 24px;
331    text-align: center;
332  }
333}
334
335@media screen and (max-width: 51em) {
336  .author-archives-header {
337    border: 0;
338    border-radius: 0;
339    margin: 0;
340    padding: 24px;
341  }
342}
343
344@media screen and (max-width: 51em) {
345  .site-content [class*="paging-navigation"] a:before,
346  .site-content [class*="post-navigation"] a:before {
347    font-size: 28px;
348    line-height: 60px;
349    width: 60px;
350    height: 60px;
351  }
352}
353
354@media screen and (max-width: 51em) {
355  .site-content [class*="paging-navigation"] .nav-next a:before,
356  .site-content [class*="post-navigation"] .nav-next a:before {
357    margin-right: -35px;
358  }
359}
360
361@media screen and (max-width: 51em) {
362  .site-content .comment-navigation {
363    padding: 0 24px;
364  }
365}
366
367@media screen and (max-width: 51em) {
368  div#respond {
369    padding: 24px;
370    border-left: 0;
371    border-right: 0;
372    border-radius: 0;
373  }
374}
375
376@media screen and (max-width: 51em) {
377  .comment-body {
378    padding: 48px 24px 24px;
379    border-left: 0;
380    border-right: 0;
381  }
382}
383
384@media screen and (max-width: 51em) {
385  .content-area {
386    clear: both;
387    float: none;
388    margin: 0 auto;
389  }
390}
391
392@media screen and (max-width: 51em) {
393  .site-content [class*="paging-navigation"] .nav-previous a:before,
394  .site-content [class*="post-navigation"] .nav-previous a:before {
395    margin-left: -35px;
396  }
397}