build
[semainetech_django.git] / project / media / admin_tools / css / dashboard.css
1 /* Utilities {{{ */
2
3 .float-right {
4 float: right;
5 }
6
7 /* }}} */
8 /* Dashboard general styles {{{ */
9
10 .warning {
11 color: red;
12 background: transparent url(../images/admin-tools.png) 0 -412px no-repeat;
13 padding-left: 25px;
14 }
15
16 .dashboard #content {
17 display: block;
18 width: auto; !important;
19 }
20
21 .dashboard-container {
22 clear: both;
23 }
24
25 h1.dashboard-title {
26 float: left;
27 }
28
29 #dashboard-panel {
30 margin: 0 10px 0 0;
31 float: right;
32 }
33
34 #dashboard-panel h3 a {
35 padding: 5px;
36 min-width: 100px;
37 display: block;
38 text-align: center;
39 border: 1px solid #e5e5e5;
40 -moz-border-radius: 6px;
41 -webkit-border-radius: 6px;
42 }
43
44 #dashboard-panel ul {
45 display: none;
46 position: absolute;
47 top: auto;
48 right: 25px;
49 margin-top: -1px;
50 }
51
52 #dashboard-panel ul li {
53 padding: 5px;
54 border: 1px solid #e5e5e5;
55 background-color: white;
56 }
57
58 #dashboard-panel ul li a {
59 display: block;
60 }
61
62 #dashboard-panel:hover ul {
63 display: block;
64 }
65
66 .dashboard ul {
67 margin: 0;
68 padding: 0;
69 list-style: none;
70 }
71
72 .dashboard ul li {
73 list-style: none;
74 }
75
76 .dashboard-column {
77 width: 49.9%;
78 float: left;
79 min-height: 200px;
80 }
81
82 .dashboard-module {
83 margin: 10px 10px 5px 10px;
84 padding: 1px;
85 border: 1px solid #e5e5e5;
86 -moz-border-radius: 6px;
87 -webkit-border-radius: 6px;
88 }
89
90 .dashboard-placeholder {
91 border: 2px dashed #cbe0ff;
92 background-color: #fafafa;
93 margin: 10px 10px 5px 10px;
94 }
95
96 .dashboard-module h2 {
97 margin: 0;
98 padding: 7px 5px 8px 8px;
99 text-align: left;
100 font-weight: normal;
101 background: url(../images/admin-tools.png) repeat-x 0 -245px;
102 height: 20px;
103 color: #555;
104 }
105
106 .dashboard-module.draggable h2 {
107 cursor: move;
108 }
109
110 .dashboard-module h2 a.toggle-icon,
111 .dashboard-module h2 a.close-icon {
112 text-indent: -9999px;
113 display: block;
114 float: right;
115 height: 20px;
116 width: 17px;
117 margin: 0 0 0 5px;
118 cursor: pointer;
119 background-image: url(../images/admin-tools.png);
120 background-repeat: no-repeat;
121 }
122
123 .dashboard-module h2 a.toggle-icon {
124 background-position: 0 -45px;
125 }
126
127 .dashboard-module h2 a.toggle-icon:hover {
128 background-position: 0 -65px;
129 }
130
131 .dashboard-module h2 a.toggle-icon.collapsed {
132 background-position: 0 -85px;
133 }
134
135 .dashboard-module h2 a.toggle-icon.collapsed:hover {
136 background-position: 0 -105px;
137 }
138
139 .dashboard-module h2 a.close-icon {
140 background-position: 0 -125px;
141 }
142
143 .dashboard-module h2 a.close-icon:hover {
144 background-position: 0 -145px;
145 }
146
147 .fixed h2 span.toggle-icon,
148 .fixed h2 span.close-icon {
149 display: none;
150 }
151
152 .dashboard-module h3 {
153 padding: 5px 10px;
154 margin: 0;
155 background: transparent url(../images/admin-tools.png) repeat-x 0 -325px;
156 text-indent: 12px;
157 height: 22px;
158 }
159
160 .dashboard-module h3 a {
161 color: #808080;
162 font-size: 13px;
163 font-weight: 600;
164 }
165
166 .dashboard-module-content {
167 border-top: 1px solid #ececec;
168 }
169
170 .dashboard-module-content a {
171 color: #5B80B2;
172 }
173
174 .dashboard-module-content p {
175 margin: 10px;
176 }
177
178 .dashboard-module ul li {
179 vertical-align: top;
180 padding: 5px 8px;
181 line-height: 20px;
182 }
183
184 .dashboard-module ul li.odd {
185 background: #f5f5f5;
186 }
187
188 .dashboard-module ul li.even {
189 background: #ffffff;
190 }
191
192 .dashboard-module ul li a.external-link {
193 background-image: url(../images/admin-tools.png);
194 background-repeat: no-repeat;
195 background-position: -5px -168px;
196 padding-left: 15px;
197 }
198
199 .dashboard-module ul li ul {
200 float: right;
201 }
202
203 .dashboard-module ul li ul li {
204 display: block;
205 float: left;
206 border: 0;
207 padding: 0 5px;
208 vertical-align: top;
209 height: auto;
210 line-height: auto;
211 }
212
213 .dashboard-module ul li:hover {
214 background: #fffff4;
215 }
216
217 /* }}} */
218 /* link list specific styles {{{ */
219
220
221 .dashboard-module ul.inline {
222 display: block;
223 height: auto;
224 padding: 15px;
225 text-align: center;
226 }
227
228 .dashboard-module ul.inline li {
229 display: inline;
230 margin: 10px auto;
231 }
232
233 .dashboard-module ul.inline li.odd,
234 .dashboard-module ul.inline li.even {
235 background: none;
236 }
237
238 /* }}} */
239 /* Dashboard groups {{{ */
240
241 .group {
242 border: 0;
243 margin: 0;
244 padding: 0;
245 }
246
247 .group ul {
248 background: none;
249 background-color: #fafafa;
250 border-width: 0 0 1px 0;
251 border-color: #d3d3d3;
252 -moz-border-radius: 0;
253 -webkit-border-radius: 0;
254 border-radius: 0;
255 }
256
257 .group ul li.group-tabs-link {
258 margin-top: 7px;
259 }
260
261 .group ul li.group-tabs-link a:focus,
262 .group ul li.group-tabs-link a:active {
263 border: none;
264 outline: none;
265 }
266
267 .group .dashboard-module {
268 padding: 5px;
269 margin: 0;
270 }
271
272 .group-accordion .group-accordion-header {
273 display: block;
274 clear: both;
275 border: none;
276 -moz-border-radius: 0;
277 -webkit-border-radius: 0;
278 border-radius: 0;
279 border-bottom: 1px solid #d3d3d3;
280 margin: 0;
281 background: none;
282 background-color: #f6f6f6;
283 }
284
285 .group-accordion .group-accordion-header.ui-state-default {
286 background-color: #f0f0f0;
287 }
288
289 .group-accordion .dashboard-module {
290 border: 0;
291 }
292
293
294 /* }}} */