32ed073ffca70c1176ca0e176f3d39cf6af0f65f
[redakcja.git] / project / static / css / master.css
1 body {
2     margin: 0;
3     font: 12px 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: middle;
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: middle;
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 }
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     height: 100%;
111     width: 100%;
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: 25px; 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-wrap .panel-toolbar {
165     position: absolute;
166     top: 0px; left:0px; right: 0px; height: 26px;
167     padding: 0px;
168
169     /* border-top: 1px solid #AAA; */
170     border-bottom: 1px solid #AAA;
171     z-index: 80;
172 }
173
174 .panel-toolbar label {
175     display: inline;
176 }
177
178 .panel-toolbar p {
179     /* position: relative; */
180     font-size: 12px;
181     line-height: 26px;
182     background-color: #DDD;
183     white-space: nowrap;
184     overflow: hidden;
185     
186     margin: 0px;
187     padding: 0px 1em;
188
189     width: auto;
190     height: 26px;
191 }
192
193 .panel-toolbar .toolbar-button-groups-container .panel-toolbar-extra button {
194     /* this is uber specific */
195     font-size: 12px;
196     font-family: Sans-Serif;
197     padding: 2px 5px;
198     margin: 0px;
199     border: 0px solid black;
200     vertical-align: bottom;
201 }
202
203 /* Slider between panels */
204 .panel-wrap .panel-slider {
205     position: absolute;
206     background-color: #DDD;
207
208     top: 0px; bottom: 0px; right: 0px; width: 4px;
209
210     border-left: 1px solid #999;
211     border-right: 1px solid #999;
212     border-top: none;
213     border-bottom: none;
214
215     z-index: 90;
216     cursor: col-resize;
217 }
218
219 .panel-wrap .panel-slider:hover {
220     background-color: #999;
221 }
222
223 .panel-content-overlay.panel-wrap .panel-slider {
224     background-color: #DDD;
225 }
226
227 /* ================= */
228 /* = Gallery panel = */
229 /* ================= */
230 .image-gallery-view-template {
231     position: absolute;
232     top: 0px; left: 0px; right: 0px; bottom: 0px;
233     overflow: hidden;
234 }
235
236 .image-gallery-header {
237     position: absolute;
238     bottom: 0px;
239     left: 0px;
240     right: 0px;
241     height: 30px;
242
243     background: blue;
244     border: 1px solid green;
245 }
246
247 .image-gallery-header p {
248     margin: 0px;
249     padding: 3px 1em;
250     height: 30px;
251     line-height: 24px;
252     text-align: center;
253 }
254
255 .image-gallery-page-list {
256     position: absolute;
257     top: 0px;
258     left: 0px;
259     right: 0px;
260     bottom: 30px;
261     border: 1px solid red;
262     background: black;
263     z-index: 0;
264     
265     overflow: hidden;
266 }
267 .image-gallery-page-container {
268     display: none;        
269     border: none;
270
271     position: absolute;
272     top: 0px; left: 0px;
273         
274     text-align: center;    
275     padding: 0px;
276 }
277
278 .image-gallery-page-container img {
279     /* border: 2px solid green; */
280     margin: 0px;
281 }
282
283
284 /* =========================== */
285 /* = DublinCore Editor panel = */
286 /* =========================== */
287 .panel-dceditor {
288     padding: 10px;
289 }
290
291 .panel-dceditor label {
292     display: block;
293     font-size: 12px;
294     margin-top: 10px;
295     color: #666;
296     font-weight: bold;
297 }
298
299 .panel-dceditor input, .panel-dceditor textarea {
300     width: 400px;
301     display: block;
302 }
303
304 div.isection {
305     margin: 1em auto;
306     border: 1px solid black;
307     padding: 0.5em 2em;
308     background: #9f9ffa;
309
310     width: 60%;
311 }
312
313 div.isection p {
314     margin: 0.5em 1em;
315 }
316
317 .change-notification {
318     color: red;
319 }
320
321 /*
322  * Popups
323 */
324 #message-box {
325     position: fixed;
326     top: 2px;
327     left: 35%;
328     width: 33%;  
329 }
330
331 .msg-error, .msg-success, .msg-warning, .msg-info {
332     overflow: hidden;
333     padding: 0.1em 0.5em;
334     text-align: center;
335     border: 1px solid;
336     -moz-border-radius: 8px;
337     -webkit-border-radius: 8px;
338     font-size: 10pt;
339     line-height: 11pt;
340     display: none;
341
342     width: 100%;
343 }
344
345 #message-box * p {
346     padding: 0em;
347     margin: 0.1em;
348 }
349
350 .msg-error {
351     background-color: red;
352     border-color: red;
353     color: white;
354     font-weight: bold;
355 }
356
357 .msg-success {
358     background-color: lightgreen;
359     border-color: lightgreen;
360 }
361
362 .msg-info {
363     background-color: lightblue;
364     border-color: lightblue;
365 }
366
367 .msg-warning {
368     background-color: yellow;
369     border-color: yellow;   
370 }
371
372 /* Commit dialog */
373 #commit-dialog-error-empty-message {
374     color: red;
375     display: none;
376     font-weight: bold;
377 }
378
379 text#commit-dialog-message {
380     width: 80%;
381     margin: auto;
382 }
383
384 #split-dialog .container-box form {
385     margin: 0.2em 1em;
386 }
387
388 #split-dialog .container-box fieldset {
389     margin: 0.5em;
390 }
391
392 /* ======= */
393 /* = New = */
394 /* ======= */
395 #splitview {
396     width: 100%;
397     height: 100%;
398     padding: 0;
399     margin: 0;
400 }
401
402 .splitview-splitbar {
403     width: 5px;
404     border-left: 1px solid #999;
405     border-right: 1px solid #999;
406     height: 100%;
407     background-color: #CCC;
408     z-index: 100;
409 }
410
411 .splitview-overlay {
412     z-index: 90;
413     background: #FFF;
414     opacity: 0.5;
415 }
416
417 .panel-container {
418     height: 100%;
419     position: relative;
420 }
421
422 .content-view {
423     position: absolute;
424     top: 20px;
425     right: 0;
426     bottom: 0;
427     left: 0;
428     overflow: none;
429 }
430
431 .panel-container select {
432     z-index: 1100;
433 }
434
435 .xmlview {
436     height: 100%;
437 }
438
439 .view-overlay {
440     z-index: 1000;
441     background: #FFF;
442     opacity: 0.8;
443     text-align: center;
444     text-valign: center;
445 }
446
447 .view-overlay p {
448     display: block;
449     position: relative;
450     top: auto;
451     bottom: auto;
452     height: 40px;
453 }
454
455 .buttontoolbarview {
456     display: block;
457     background-color: #CCC;
458 }
459
460 .buttontoolbarview a {
461     color: #000;
462     text-decoration: none;
463 }