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