f2ca8c1dcb3a85708bf4cf34aae723a4773e390b
[redakcja.git] / project / static / css / master.css
1 body {
2     margin: 0;
3     font: 10pt Helvetica, Verdana, sans-serif;
4     overflow: hidden;
5 }
6
7 #header { 
8     position: relative;
9     padding: 0.2em 0.5em;
10     background-color: #CDCDCD;
11         border-bottom: 1px solid black;
12         height: 1.8em;
13         line-height: 1.8em;
14         vertical-align: center;
15 }
16
17 #header #breadcrumbs {
18 }
19
20 #header-right-toolbar {
21         position: absolute;
22         right: 1em;
23 }
24
25 #header button {
26         vertical-align: center;
27 }
28
29 ul {
30     margin: 20px;
31     padding: 0;
32 }
33
34 li {
35     margin: 0;
36     padding: 0;
37     list-style: none;
38 }
39
40 a {
41     text-decoration: none;
42 }
43
44 a:hover {
45     text-decoration: underline;
46 }
47
48 li a {
49     display: block;
50     padding: 5px 20px;
51     width: 480px;
52 }
53
54 li a:hover {
55     background-color: #BCD6E9;
56 }
57
58 #tabs {
59     border-bottom: 1px solid #858585;
60     background-color: #B7B7B7;
61 }
62
63 #tabs a {
64     display: block;
65     border-right: 1px solid #858585;
66     float: left;
67     padding: 5px 10px;
68 }
69
70 #tabs a.active {
71     background-color: #909090;
72 }
73
74 .theme-begin {
75     display: none;
76 }
77
78 label {
79     display: block;
80 }
81
82 #text_id {
83     width: 480px;
84     height: 480px;
85 }
86
87 #file-text {
88     padding: 5px 10px;
89     overflow-x: hidden;
90     overflow-y: scroll;
91 }
92
93 /* ========== */
94 /* = Panels = */
95 /* ========== */
96
97 #panels {
98         position: absolute;
99         bottom: 0px; left: 0px; right: 0px; top: 1em;
100 }
101
102 .panel-wrap {
103     overflow: hidden;
104         position: absolute; /* absolute to relation with #panels */
105         top: 0px;
106         bottom: 0px;
107 }
108
109 #left-panel-wrap {
110         left: 0px;
111         width: 8px; /* initial width */
112 }
113
114 #right-panel-wrap {
115         right: 0px;
116         width: auto;
117         left: 8px; /* initial width of the left panel */
118 }
119
120 /* contents */
121 .panel-content {
122         position: absolute;
123         overflow: auto;
124         top: 22px; left: 0px; bottom:0px; right: 0px;
125 }
126
127 .panel-overlay {
128         position: absolute;
129         top: 0px; bottom: 0px; left: 0px; right: 0px;
130         z-index: 10;
131         background: gray;
132         opacity: 0.8;
133         text-align: center;
134         overflow: hidden;
135         display: none;
136 }
137
138 .panel-content-overlay {
139 }
140
141 .panel-wrap.last-panel .panel-content {
142         right: 0px;
143 }
144
145 /* Toolbars with select box to change panel contents*/
146 .panel-toolbar {
147     position: absolute;
148     top: 0px; left:0px; right: 0px; height: 20px;
149
150     padding: 0 0 2px 0;
151     border-top: 1px solid #AAA;
152     border-bottom: 1px solid #AAA;
153     font-size: 12px;
154     line-height: 20px;
155     background-color: #DDD;
156     white-space: nowrap;
157     overflow: hidden;
158 }
159
160 .panel-toolbar label {
161     display: block;
162     float: left;
163     margin: 0 10px 0 2px;
164 }
165
166 /* Slider between panels */
167 .panel-wrap .panel-slider {
168     position: absolute;
169         background-color: #DDD;
170
171     top: 0px; bottom: 0px; right: 0px; width: 6px;
172
173     border-left: 1px solid #999;
174     border-right: 1px solid #999;
175     border-top: none;
176     border-bottom: none;
177
178         z-index: 5;
179 }
180
181 .panel-wrap .panel-slider:hover {
182     background-color: #999;
183     cursor: hand;
184 }
185
186 .panel-content-overlay.panel-wrap .panel-slider {
187         background-color: #DDD;
188 }
189
190 /* ================= */
191 /* = Gallery panel = */
192 /* ================= */
193 .images-wrap, .panel-htmleditor {
194     overflow-x: hidden;
195     overflow-y: scroll;
196 }
197
198
199 /* ==================== */
200 /* = XML Editor panel = */
201 /* ==================== */
202
203 .toolbar {
204     height: 48px;
205     overflow: hidden;
206 }
207
208 .toolbar, .toolbar ol {
209 /*    overflow: hidden;*/
210     display: block;
211     margin: 0;
212     padding: 0;
213     background-color: #CCC;
214     border-top: 1px solid #AAA;
215 }
216
217 .toolbar-tabs li {
218     font-size: 14px;
219     display: block;
220     float: left;
221     margin: 4px 0 -1px 4px;
222     padding: 2px 10px 0 10px;
223     background-color: #CCC;
224     border: 1px solid #AAA;
225     border-radius-topleft: 8px;
226     border-radius-topright: 8px;
227     -moz-border-radius-topleft: 8px;
228     -moz-border-radius-topright: 8px;
229     -webkit-border-top-left-radius: 8px;
230     -webkit-border-top-right-radius: 8px;
231 }
232
233 .toolbar-tabs {
234     height: 21px;
235     z-index: 1000;
236 /*    overflow: hidden;*/
237 }
238
239 .toolbar-tabs li:hover, .toolbar-tabs li.active {
240     cursor: default;
241     background-color: #EEE;
242     border-bottom: 1px solid #EEE;
243 }
244
245 .toolbar-buttons {
246     background-color: #EEE;
247     border-bottom: 1px solid #AAA;
248 }
249
250 .toolbar-buttons li {
251     display: block;
252     font-size: 12px;
253     padding: 1px 8px;
254     margin: 4px;
255     border-radius: 10px;
256     -moz-border-radius: 10px;
257     -webkit-border-radius: 8px;
258     float: left;
259 }
260
261 .toolbar-buttons li:hover {
262     background-color: #777;
263     color: #FFF;
264     cursor: default;
265 }
266
267 /* =========================== */
268 /* = DublinCore Editor panel = */
269 /* =========================== */
270 .panel-dceditor {
271     padding: 10px;
272 }
273
274 .panel-dceditor label {
275     font-size: 12px;
276     margin-top: 10px;
277     color: #666;
278     font-weight: bold;
279 }
280
281 .panel-dceditor input, .panel-dceditor textarea {
282     width: 400px;
283 }
284
285 div.isection {
286         margin: 1em auto;
287         border: 1px solid black;
288         padding: 0.5em 2em;
289         background: #9f9ffa;
290
291         width: 60%;
292 }
293
294 div.isection p {
295         margin: 0.5em 1em;
296 }
297
298 .change-notification {
299     color: red;
300 }