source: extensions/AdminTools/template/style.css @ 25833

Last change on this file since 25833 was 25833, checked in by rvelices, 10 years ago

admin tools nicer mobile display

File size: 4.0 KB
Line 
1.icon-ato-null:before { content: ' '; }
2
3.token-input-dropdown {
4  z-index:10000 !important;
5}
6
7#ato_header, #ato_header_closed {
8  display:none;
9}
10#ato_header, #ato_header_closed:not(.smartpocket) {
11  position:fixed;
12  top:0;
13  left:0;
14  background:#464646;
15  background-image:linear-gradient(to bottom, #383838 0%, #464646 20%, #464646 80%, #383838 100%);
16  z-index:1000;
17}
18  #ato_header {
19    width:100%;
20  }
21  #ato_header_root {
22    padding:0;
23    margin:0;
24  }
25
26#ato_header_root li {
27  list-style:none;
28  line-height:16px;
29  font-size:13px;
30  white-space:nowrap;
31}
32  #ato_header_root li a, #ato_header_closed:not(.smartpocket) a {
33    display:inline-block;
34    padding:5px 10px;
35    border:none;
36    text-decoration:none;
37  }
38  #ato_header_root li a:before {
39    font-size:16px;
40    margin-right:0.5em;
41  }
42
43#ato_header_root>li {
44  float:left;
45  display:inline-block;
46  position:relative;
47  overflow:visible;
48}
49  #ato_header_root>li.right {
50    float:right;
51  }
52  #ato_header_root>li:not(:first-child) {
53    border-left:1px solid #666;
54  }
55  #ato_header_root>li:not(:last-child) {
56    border-right:1px solid #222;
57  }
58  #ato_header_root>li a, #ato_header_closed:not(.smartpocket) a {
59    color:#ddd;
60    text-shadow:1px 1px 0px #222;
61  }
62  #ato_header_root>li.disabled a {
63    color:#888;
64    text-shadow:none;
65  }
66  #ato_header_root>li:not(.disabled):hover, #ato_header_closed:not(.smartpocket):hover {
67    background:#222;
68    background-image:linear-gradient(to bottom, #222, #353535);
69  }
70
71#ato_header_root ul {
72  display:none;
73  position:absolute;
74  top:27px;
75  left:0;
76  min-width:100%;
77  background:#fefefe;
78  padding:0;
79  margin:0;
80  box-shadow:3px 3px 5px rgba(0,0,0,0.5);
81}
82  #ato_header_root>li.right ul {
83    left:auto;
84    right:0;
85  }
86  #ato_header_root ul li {
87  }
88  #ato_header_root ul li:hover {
89    background:#dedede;
90  }
91  #ato_header_root ul li a {
92    color:#444;
93    text-shadow:1px 1px 0px #eee;
94  }
95  #ato_header_root ul label {
96    font-weight:bold;
97    color:#777;
98    display:inline-block;
99    width:80px;
100    padding:5px;
101    text-align:right;
102    font-size:11px;
103  }
104  #ato_header_root ul select, #ato_header_root ul option {
105    font-size:13px;
106    line-height:15px;
107    color:#444;
108    background:#fefefe;
109    border-radius:2px;
110  }
111    #ato_header_root ul select {
112      border:1px solid #777;
113      height:22px;
114      padding:2px 3px;
115    }
116
117#ato_header_closed:not(.smartpocket) {
118  left:10px;
119  font-size:20px;
120  border-radius:0 0 20% 20%;
121  box-shadow:1px 1px 1px rgba(0,0,0,0.5);
122  width:35px;
123  height:35px;
124}
125  #ato_header_closed:not(.smartpocket) a {
126    padding:4px;
127  }
128#ato_header_closed.smartpocket {
129  float:left;
130  margin-right:10px;
131}
132  #ato_header_closed.smartpocket .ui-btn-inner {
133    display:none;
134  }
135
136#ato_header_root a.close-panel {
137  padding:6px 1px 4px 5px;
138}
139#ato_header_root a.close-panel:hover {
140  color:#d00;
141}
142
143
144#ato_quick_edit {
145  padding:10px;
146}
147  #ato_quick_edit fieldset {
148    margin:0;
149    padding:0;
150    border:none;
151  }
152  #ato_quick_edit fieldset.left {
153    float:left;
154    width:100px;
155    text-align:center;
156  }
157    #ato_quick_edit fieldset.left img {
158      border-radius:2px;
159      border:1px solid #111;
160    }
161  #ato_quick_edit fieldset.main {
162    margin:0 0 0 110px;
163  }
164    #ato_quick_edit label {
165      display:block;
166      font-weight:bold;
167    }
168    #ato_quick_edit input, #ato_quick_edit textarea, #ato_quick_edit select {
169      width:100%;
170      margin:0 0 1em 0;
171      border-radius:2px;
172      padding:2px;
173      -moz-box-sizing:border-box;
174      box-sizing:border-box;
175    }
176    #ato_quick_edit textarea {
177      height:110px;
178    }
179    #ato_quick_edit input[type="submit"] {
180      margin:1.5em 0;
181      cursor:pointer;
182      background:#e60;
183      border:none;
184      color:#fff;
185    }
186      #ato_quick_edit input[type="submit"]:hover {
187        background:#EF962F;
188      }
189    #ato_quick_edit ul.token-input-list {
190      width:100%;
191      margin:0 0 1em 0;
192    }
193
194
195@media (max-width:640px) {
196        .atoHideable1 {
197                display:none;
198        }
199}
200
201@media (max-width:360px) {
202        .atoHideable2 {
203                display:none;
204        }
205}
Note: See TracBrowser for help on using the repository browser.