aff73833462037715a8a9052830423ba52cdba77
1 body, html {
2 border:0;
3 margin:0;
4 background-color:#FFF;
5 color:#000;
6 font-size:12px;
7 font-family:"Lucida Grande",Arial,Verdana,sans-serif;
8 height:100%;
9 }
11 .left{
12 float:left;
13 }
15 .right{
16 float:right;
17 }
19 .v-spacer{
20 height:8px;
21 }
23 hr {
24 border:0;
25 border-bottom:1px solid #CCC;
26 }
28 input[type=text]{
29 border:1px solid #CCC;
30 padding:3px;
31 }
33 input[type=text]:active, input[type=text]:focus{
34 border:1px solid #777;
35 }
37 input[type=text]:hover{
38 border-color:#777;
39 }
41 h1, h2, h3 {
42 margin-top:2px;
43 }
45 h3 {
46 font-size:12px;
47 font-weight:bold;
48 }
51 /* Title bar definitions */
53 div.title-bar{
54 padding:0px;
55 height:40px;
56 border-top:1px solid #111;
57 border-bottom:1px solid #222;
58 background:url('images/title-bar.png') repeat-x;
59 color:#FFF;
60 cursor:default;
61 }
63 div.title-bar ul, div.title-bar ul li{
64 list-style:none;
65 display:inline;
66 margin:0;
67 padding:0;
68 }
70 span.logged-in-user{
71 font-style:italic;
72 }
74 li.table-wrapper {
75 display:table;
76 }
78 div.logged-in-label {
79 display:table-cell;
80 height:40px;
81 vertical-align:middle;
82 padding:0 5px 0 5px;
83 }
85 div.logout-label {
86 display:table-cell;
87 height:40px;
88 vertical-align:middle;
89 padding:0 5px 0 5px;
90 }
92 #log-out{
93 width:16px;
94 height:16px;
95 border:0;
96 background-color:transparent;
97 background-image:url('images/btn-logout.png');
98 cursor:pointer;
99 }
101 #log-out:hover{
102 background-image:url('images/btn-logout-hover.png')
103 }
106 /* Screen areas */
108 div.navigation {
109 float:left;
110 position:absolute;
111 width:150px;
112 min-height:600px;
113 padding-left:6px;
114 margin-top:8px;
115 }
117 div.plugin-area {
118 float:right;
119 position:absolute;
120 left:164px;
121 right:0;
122 padding-right:6px;
123 min-height:600px;
124 min-width:700px;
125 cursor:default;
126 }
129 /* Plugin decorations */
131 .plugin {
132 clear:both;
133 padding:5px 8px;
134 position:relative;
135 border:1px solid #CCC;
136 border-radius:5px;
137 box-shadow: 0 1px 0 rgba(0,0,0,0.2);
138 -webkit-border-radius:5px;
139 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
140 -moz-border-radius:5px;
141 -moz-box-shadow: 0 1px 0px rgba(0,0,0,0.2);
142 }
144 .plugin-actions {
145 padding-top:5px;
146 text-align:right;
147 }
150 /* Plugin navigation bar */
152 .plugin-path {
153 margin-top:8px;
154 margin-bottom:8px;
155 height:32px;
156 background-color:#F8F8F8;
157 border:1px solid #CCC;
158 border-radius:5px;
159 -moz-border-radius:5px;
160 -webkit-border-radius:5px;
161 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
162 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
163 }
165 ul.path-navigation {
166 list-style:none;
167 cursor:pointer;
168 padding:0;
169 margin:0;
170 color:#666;
171 }
173 ul.path-navigation li {
174 display:inline;
175 padding:5px;
176 padding-top:8px;
177 height:19px;
178 }
180 ul.path-navigation li:hover {
181 background-color: #E0E0E0;
182 background: -webkit-gradient(linear, 0 0, 0 100%, from(#EEE), to(#E0E0E0));
183 background: -moz-linear-gradient(top, #EEE, #E0E0E0);
184 }
186 div.nav-home {
187 height:14px;
188 width:20px;
189 background-image:url(images/home.png);
190 }
192 .right-border {
193 border-right:1px solid #C2C2C2;
194 }
196 .left-border {
197 border-left:1px solid #C2C2C2;
198 }
201 /* Side menu */
203 div.menu {
204 background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#F5F5F5));
205 background: -moz-linear-gradient(top, #FFF, #F5F5F5);
206 }
208 div.menu div {
209 height:3px;
210 border-right:1px solid #C2C2C2;
211 border-left:1px solid #C2C2C2;
212 border-bottom:1px solid #C2C2C2;
213 border-bottom-left-radius:5px;
214 border-bottom-right-radius:5px;
215 box-shadow: 0 1px 0 rgba(0,0,0,0.2);
216 -webkit-border-bottom-left-radius:5px;
217 -webkit-border-bottom-right-radius:5px;
218 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
219 -moz-border-radius:5px;
220 -moz-box-shadow: 0 1px 0px rgba(0,0,0,0.2);
221 }
223 div.menu ul {
224 list-style:none;
225 margin:0;
226 padding:0;
227 }
229 div.menu ul li {
230 padding:5px;
231 cursor:pointer;
232 border-left:1px solid #C2C2C2;
233 border-right:1px solid #C2C2C2;
234 }
236 div.menu ul li:hover {
237 background-color: #E0E0E0;
238 }
240 div.menu ul li.menu-header {
241 cursor:default;
242 text-align:center;
243 font-weight:bold;
244 color:#FFF;
245 border:0;
246 background-color: #415A84;
247 background: -webkit-gradient(linear, 0 0, 0 100%, from(#5B6B8E), to(#2A4A79));
248 background: -moz-linear-gradient(top, #5B6B8E, #2A4A79);
249 border-top-left-radius:5px;
250 border-top-right-radius:5px;
251 -moz-border-radius-topleft:5px;
252 -moz-border-radius-topright:5px;
253 -webkit-border-top-left-radius:5px;
254 -webkit-border-top-right-radius:5px;
255 }
258 /* Buttons */
260 .button {
261 padding:2px 6px;
262 margin:0;
263 background-color:#F8F8F8;
264 background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#BBB));
265 background: -moz-linear-gradient(top, #FFF, #BBB);
266 border:1px solid #BBB;
267 border-radius:2px;
268 -webkit-border-radius:2px;
269 -moz-border-radius:2px;
270 outline:none;
271 }
273 .button:active {
274 background-color:#CCC;
275 background: -webkit-gradient(linear, 0 100%, 0 0, from(#FFF), to(#BBB));
276 background: -moz-linear-gradient(top, #BBB, #FFF);
277 }
279 .button:hover {
280 cursor:pointer;
281 border-color:#777 !important;
282 }
284 .button:focus, .button:active {
285 border-color:#777;
286 }
289 /* Tabs */
291 .tabs {
292 width:100%;
293 height:25px;
294 }
296 .tab-content {
297 padding:5px 8px;
298 z-index:0;
299 margin-top:-2px;
300 position:relative;
301 border:1px solid #CCC;
302 border-top-right-radius:5px;
303 border-bottom-right-radius:5px;
304 border-bottom-left-radius:5px;
305 box-shadow: 0 1px 0 rgba(0,0,0,0.2);
306 -webkit-border-top-right-radius:5px;
307 -webkit-border-bottom-right-radius:5px;
308 -webkit-border-bottom-left-radius:5px;
309 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
310 -moz-border-radius-topright:5px;
311 -moz-border-radius-bottomright:5px;
312 -moz-border-radius-bottomleft:5px;
313 -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.2);
314 }
316 .tabs ul {
317 margin:0;
318 padding:0;
319 list-style:none;
320 }
322 .tabs li {
323 float:left;
324 margin:0;
325 padding:4px 8px;
326 border-top:1px solid #C8C8C8;
327 border-left:1px solid #C8C8C8;
328 border-right:1px solid #C8C8C8;
329 border-top-right-radius:5px;
330 border-top-left-radius:5px;
331 -webkit-border-top-right-radius:5px;
332 -webkit-border-top-left-radius:5px;
333 -moz-border-radius-topleft:5px;
334 -moz-border-radius-topright:5px;
335 background-color:#F8F8F8;
336 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
337 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
338 color:#AAA;
339 }
341 .tabs li.current {
342 background-color:#FFF;
343 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#FFF));
344 background: -moz-linear-gradient(top, #F8F8F8, #FFF);
345 margin-top:-2px;
346 max-height:14px;
347 padding-bottom:6px;
348 border-bottom:1px solid #FFF;
349 position:relative;
350 z-index:1;
351 color:#000;
352 }
354 .tabs a {
355 float:left;
356 display:block;
357 text-decoration:none;
358 font-weight:bold;
359 color:#777;
360 }
362 .tabs li a:visited {
363 color:#777;
364 }
366 .tabs li.current a:visited {
367 color:#000;
368 }
371 /* Fieldsets */
373 fieldset {
374 border:0;
375 padding:4px;
376 margin:0;
377 }
379 fieldset legend{
380 text-align:left;
381 padding:0px 0px;
382 margin-left:0px;
383 font-weight:bold;
384 }
386 fieldset label{
387 width:8em;
388 float:left;
389 text-align:left;
390 clear:left;
391 padding-top:3px;
392 margin-top:3px;
393 }
395 fieldset input[type=text]{
396 float:left;
397 width:10em;
398 margin-top:3px;
399 }
401 fieldset input[type=checkbox]{
402 clear:left;
403 float:left;
404 margin-top:1px;
405 margin-left:0;
406 }
408 fieldset select{
409 margin-top:5px;
410 }
412 fieldset textarea{
413 width:100%;
414 resize:none;
415 border:1px solid #CCC;
416 }
418 fieldset textarea:hover{
419 border-color:#777;
420 }
422 .fieldset-left {
423 padding-right:10px;
424 border-right:1px solid #CCC;
425 height:100%;
426 }
428 .fieldset-middle {
429 padding:0 10px;
430 border-right:1px solid #CCC;
431 height:100%;
432 }
434 .fieldset-right {
435 padding:0 10px;
436 height:100%;
437 }
439 /* Containers */
441 .container{
442 float:none;
443 clear:both;
444 height:100%;
445 }
447 .container-element{
448 float:left;
449 height:100%;
450 }
452 .clear-left{
453 clear:left;
454 }
456 .clear{
457 clear:both;
458 }
460 .line-clear{
461 clear:both;
462 padding:2px 0;
463 border-bottom:1px solid #CCC;
464 }
467 /* Icon menu */
469 .icon-menu-item{
470 float:left;
471 background-repeat:no-repeat;
472 padding:0 10px 10px 56px;
473 }
475 .icon-menu-item:hover{
476 background-color: #E0E0E0;
477 }
479 .icon-menu-item h1{
480 font-size:16px;
481 font-weight:bold;
482 margin:0;
483 }
485 .icon-menu-item p{
486 margin:0;
487 }
490 /* Errors */
492 .error {
493 border-color:red ! important;
494 }