841467e499d9d1eb865868f0b4603e54ec88eb0c
[redakcja.git] / project / static / css / master.css
1 body {
2     margin: 0;
3     font: 10pt Helvetica, Verdana, sans-serif;
4     overflow: hidden;
5     background: #AAA;
6 }
7
8 #header { 
9     position: absolute;
10     padding: 0.2em 0.5em;
11     background-color: #CDCDCD;
12         border-bottom: 0.1px solid black;
13         height: 1.8em;
14         line-height: 1.8em;
15         vertical-align: center;
16
17     top: 0px; left: 0px; right: 0px; 
18     z-index: 300;
19 }
20
21 #header #breadcrumbs {
22 }
23
24 #header-right-toolbar {
25         position: absolute;
26         right: 1em;
27 }
28
29 #header button {
30         vertical-align: center;
31 }
32
33 #content {
34     position: absolute;
35     top: 2.4em; left: 0px; right: 0px; bottom: 0px;
36     overflow: auto;    
37     background-color: white;
38     padding: 0.2em 1em;
39 }
40
41 ul {
42     margin: 20px;
43     padding: 0;
44 }
45
46 li {
47     margin: 0;
48     padding: 0;
49     list-style: none;
50 }
51
52 a {
53     text-decoration: none;
54 }
55
56 a:hover {
57     text-decoration: underline;
58 }
59
60 li a {
61     display: block;
62     padding: 5px 20px;
63     width: 480px;
64 }
65
66 li a:hover {
67     background-color: #BCD6E9;
68 }
69
70 #tabs {
71     border-bottom: 1px solid #858585;
72     background-color: #B7B7B7;
73 }
74
75 #tabs a {
76     display: block;
77     border-right: 1px solid #858585;
78     float: left;
79     padding: 5px 10px;
80 }
81
82 #tabs a.active {
83     background-color: #909090;
84 }
85
86 .theme-begin {
87     display: none;
88 }
89
90 label {
91     display: block;
92 }
93
94 #text_id {
95     width: 480px;
96     height: 480px;
97 }
98
99 #file-text {
100     padding: 5px 10px;
101     overflow-x: hidden;
102     overflow-y: scroll;
103 }
104
105 /* ========== */
106 /* = Panels = */
107 /* ========== */
108
109 #panels {
110         position: absolute;
111         bottom: 0px; left: 0px; right: 0px; top: 0px;
112 }
113
114 .panel-wrap {
115     overflow: hidden;
116         position: absolute; /* absolute to relation with #panels */
117         top: 0px;
118         bottom: 0px;
119 }
120
121 #left-panel-wrap {
122         left: 0px;
123         width: 8px; /* initial width */
124 }
125
126 #right-panel-wrap {
127         right: 0px;
128         width: auto;
129         left: 8px; /* initial width of the left panel */
130 }
131
132 /* contents */
133 .panel-content {
134         position: absolute;
135         overflow: auto;
136         overflow-x: hidden;
137         top: 22px; left: 0px; bottom:0px; right: 0px;
138 }
139
140 .panel-overlay {
141         position: absolute;
142         top: 0px; bottom: 0px; left: 0px; right: 0px;
143         z-index: 100;
144         background: gray;
145         opacity: 0.8;
146         text-align: center;
147         overflow: hidden;
148         display: none;
149         cursor: col-resize;
150 }
151
152 .panel-content-overlay {
153 }
154
155 .panel-wrap.last-panel .panel-content {
156         right: 0px;
157 }
158
159 .panel-wrap.last-panel .panel-slider {
160     display: none;
161 }
162
163 /* Toolbars with select box to change panel contents*/
164 .panel-toolbar {
165     position: absolute;
166     top: 0px; left:0px; right: 0px; height: 20px;
167
168     padding: 0 0 2px 0;
169     /* border-top: 1px solid #AAA; */
170     border-bottom: 1px solid #AAA;
171     font-size: 12px;
172     line-height: 20px;
173     background-color: #DDD;
174     white-space: nowrap;
175     overflow: hidden;
176     z-index: 80;
177 }
178
179 .panel-toolbar label {
180     display: block;
181     float: left;
182     margin: 0 10px 0 2px;
183 }
184
185 /* Slider between panels */
186 .panel-wrap .panel-slider {
187     position: absolute;
188         background-color: #DDD;
189
190     top: 0px; bottom: 0px; right: 0px; width: 4px;
191
192     border-left: 1px solid #999;
193     border-right: 1px solid #999;
194     border-top: none;
195     border-bottom: none;
196
197         z-index: 90;
198         cursor: col-resize;
199 }
200
201 .panel-wrap .panel-slider:hover {
202     background-color: #999;
203 }
204
205 .panel-content-overlay.panel-wrap .panel-slider {
206         background-color: #DDD;
207 }
208
209
210 /* ================= */
211 /* = Gallery panel = */
212 /* ================= */
213 .images-wrap {
214     overflow-x: hidden;
215     overflow-y: scroll;
216 }
217
218
219 /* ==================== */
220 /* = XML Editor panel = */
221 /* ==================== */
222
223 .toolbar {
224     overflow: hidden;
225     z-index: 70;
226 }
227
228 .toolbar, .toolbar ol {
229 /*    overflow: hidden;*/
230     display: block;
231     margin: 0;
232     padding: 0;
233     background-color: #CCC;
234     border-top: 1px solid #AAA;
235 }
236
237 .toolbar-tabs li {
238     font-size: 14px;
239     display: block;
240     float: left;
241     margin: 4px 0 -1px 4px;
242     padding: 2px 10px 0 10px;
243     background-color: #CCC;
244     border: 1px solid #AAA;
245     border-radius-topleft: 8px;
246     border-radius-topright: 8px;
247     -moz-border-radius-topleft: 8px;
248     -moz-border-radius-topright: 8px;
249     -webkit-border-top-left-radius: 8px;
250     -webkit-border-top-right-radius: 8px;
251 }
252
253 .toolbar-tabs {
254     height: 21px;
255 }
256
257 .toolbar-tabs li:hover, .toolbar-tabs li.active {
258     cursor: default;
259     background-color: #EEE;
260     border-bottom: 1px solid #EEE;
261 }
262
263 .toolbar-buttons {
264     background-color: #EEE;
265     border-bottom: 1px solid #AAA;
266     z-index: 71;
267 }
268
269 .toolbar-buttons li {
270     display: block;
271     font-size: 12px;
272     padding: 1px 8px;
273     margin: 4px;
274     border-radius: 10px;
275     -moz-border-radius: 10px;
276     -webkit-border-radius: 8px;
277     float: left;
278 }
279
280 .toolbar-buttons li:hover {
281     background-color: #777;
282     color: #FFF;
283     cursor: default;
284 }
285
286 .change-font-size {
287     width: 45px;
288     height: 18px;
289     padding: 3px 0 0;
290     position: absolute;
291     top: 0;
292     right: 0;
293 }
294
295 .change-font-size div {
296     float: left;
297     text-align: center;
298     width: 20px;
299     font-size: 13px;
300     margin: 1px;
301     cursor: default;
302     border-radius: 2px;
303     -moz-border-radius: 2px;
304     -webkit-border-radius: 2px;
305 }
306
307 .change-font-size div:hover {
308     background-color: #EEE;
309     border: 1px solid #AAA;
310     margin: 0;
311 }
312
313 /* =========================== */
314 /* = DublinCore Editor panel = */
315 /* =========================== */
316 .panel-dceditor {
317     padding: 10px;
318 }
319
320 .panel-dceditor label {
321     display: block;
322     font-size: 12px;
323     margin-top: 10px;
324     color: #666;
325     font-weight: bold;
326 }
327
328 .panel-dceditor input, .panel-dceditor textarea {
329     width: 400px;
330     display: block;
331 }
332
333 div.isection {
334         margin: 1em auto;
335         border: 1px solid black;
336         padding: 0.5em 2em;
337         background: #9f9ffa;
338
339         width: 60%;
340 }
341
342 div.isection p {
343         margin: 0.5em 1em;
344 }
345
346 .change-notification {
347     color: red;
348 }
349
350 /*
351  * Popups
352  */
353 #message-box {
354     position: fixed;
355     top: 2px;
356     left: 35%;
357     width: 33%;  
358 }
359
360 .msg-error, .msg-success, .msg-warning {
361     overflow: hidden;
362     padding: 0.1em 0.5em;
363     text-align: center;
364     border: 1px solid;
365     -moz-border-radius: 8px;
366     -webkit-border-radius: 8px;
367     font-size: 10pt;
368     line-height: 11pt;
369     display: none;
370
371     width: 100%;
372 }
373
374
375 .msg-error {
376     background-color: red;
377     border-color: red;
378     color: white;
379     font-weight: bold;
380 }
381
382 .msg-success {
383     background-color: lightgreen;
384     border-color: lightgreen;
385 }
386
387 .msg-warning {
388     background-color: yellow;
389     border-color: yellow;   
390 }
391
392
393 /*
394  * Object list table
395  */
396  table.object-list {
397     border-top: 2px solid black;
398     border-left: 2px solid black;
399     border-right: 1px solid black;
400     border-bottom: 1px solid black;
401     width: 60%;
402     margin: auto;
403  }
404
405
406  table.object-list td, table.object-list th {
407      border-bottom: 1px solid black;
408      border-right: 1px solid black;
409      padding: 0.2em 0.5em;
410  }
411
412  table.object-list th {
413      text-align: center;
414      background-color: #8080d0;
415      font-size: 120%
416  }
417
418  table.object-list td.page-navigation {
419      position: relative;
420      text-align: center;
421      background-color: #CCC;
422  }