040549e1a7fdff154f348ad9264df6672a7864eb
[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: 40%;   
357 }
358
359 .msg-error, .msg-success, .msg-warning {
360     overflow: hidden;
361     padding: 0.1em 0.2em;
362     text-align: center;
363     border: 1px solid;
364     -moz-border-radius: 8px;
365     -webkit-border-radius: 8px;
366     font-size: 10pt;
367     line-height: 11pt;
368     display: none;
369
370     width: 200px;
371 }
372
373
374 .msg-error {
375     background-color: red;
376     border-color: red;
377 }
378
379 .msg-success {
380     background-color: lightgreen;
381     border-color: lightgreen;
382 }
383
384 .msg-warning {
385     background-color: yellow;
386     border-color: yellow;   
387 }
388
389
390 /*
391  * Object list table
392  */
393  table.object-list {
394     border-top: 2px solid black;
395     border-left: 2px solid black;
396     border-right: 1px solid black;
397     border-bottom: 1px solid black;
398     width: 60%;
399     margin: auto;
400  }
401
402
403  table.object-list td, table.object-list th {
404      border-bottom: 1px solid black;
405      border-right: 1px solid black;
406      padding: 0.2em 0.5em;
407  }
408
409  table.object-list th {
410      text-align: center;
411      background-color: #8080d0;
412      font-size: 120%
413  }
414
415  table.object-list td.page-navigation {
416      position: relative;
417      text-align: center;
418      background-color: #CCC;
419  }