1@media only screen and (max-width: 760px) {
2
3/* admin */
4.dokuwiki div.ui-admin {
5    ul.admin_tasks,
6    ul.admin_plugins {
7        float: none;
8        width: 90%;
9        margin: 0;
10    }
11}
12// before "Frusterick Manners"
13.dokuwiki ul.admin_tasks {
14    float: none;
15    width: auto;
16    margin: 0;
17}
18
19/* config */
20#config__manager {
21    fieldset {
22        legend {
23            padding: 0;
24        }
25        td.label,
26        td.value {
27            display: block;
28            width: auto !important;
29        }
30        td.label {
31            padding: .2em .4em;
32            border: none;
33        }
34        td.value {
35            padding: .4em .4em 1.2em;
36            border: none;
37            background: @ini_background;
38        }
39        div.selection {
40            float: none;
41            width: auto;
42            margin-right: 0;
43        }
44    }
45}
46
47/* media manager */
48#mediamanager__page {
49    .panel {
50        float: none;
51    }
52    .namespaces {
53        width: auto;
54    }
55    .filelist {
56        width: auto;
57        min-width: 0;
58        ul {
59            margin: 0;
60        }
61        ul.rows li {
62            display: inline-block;
63            float: left;
64            width: 50%;
65            max-height: none !important;
66
67            dt,
68            dd {
69                float: none !important;
70                width: auto !important;
71            }
72            dt {
73                height: 60px;
74            }
75            dt a {
76                text-align: left;
77                vertical-align: top;
78                width: auto;
79                height: 60px;
80                padding: 0;
81            }
82            dt a img {
83                max-width: none;
84                max-height: 60px;
85            }
86        }
87        ul.rows li:nth-child(2n+1) {
88            background: none;
89        }
90        ul.rows li:hover {
91            background: @ini_background_alt;
92        }
93    }
94    .panelHeader {
95        margin-right: 0;
96        h3 {
97            float: none;
98        }
99        form.options {
100            float: none;
101        }
102        ul li.listType {
103            margin-left: -2px;
104        }
105    }
106    .panelContent {
107        margin: 0 0 20px 0;
108    }
109    .file {
110        width: auto;
111
112    }
113    .ui-resizable-e {
114        display: none !important;
115    }
116}
117
118} /* @media for 760px */
119
120
121@media only screen and (max-width: 480px) {
122    /* TOC */
123    #dw__toc {
124        display: block;
125    }
126
127    /* WRAP plugin */
128    .dokuwiki .wrap_left,
129    .dokuwiki .wrap_right,
130    .dokuwiki .wrap_center,
131    .dokuwiki .wrap_column {
132        float: inherit;
133        width: 100% !important;
134        margin: 0;
135    }
136} /* @media for 480px */
137