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

Last change on this file since 26061 was 26061, checked in by mistic100, 10 years ago

add configuration page

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