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