1b428fdebf2327c7af24ed7c7873fc9360d79f5e
[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         overflow-x: hidden;
125         top: 22px; left: 0px; bottom:0px; right: 0px;
126 }
127
128 .panel-overlay {
129         position: absolute;
130         top: 0px; bottom: 0px; left: 0px; right: 0px;
131         z-index: 100;
132         background: gray;
133         opacity: 0.8;
134         text-align: center;
135         overflow: hidden;
136         display: none;
137         cursor: col-resize;
138 }
139
140 .panel-content-overlay {
141 }
142
143 .panel-wrap.last-panel .panel-content {
144         right: 0px;
145 }
146
147 .panel-wrap.last-panel .panel-slider {
148     display: none;
149 }
150
151 /* Toolbars with select box to change panel contents*/
152 .panel-toolbar {
153     position: absolute;
154     top: 0px; left:0px; right: 0px; height: 20px;
155
156     padding: 0 0 2px 0;
157     border-top: 1px solid #AAA;
158     border-bottom: 1px solid #AAA;
159     font-size: 12px;
160     line-height: 20px;
161     background-color: #DDD;
162     white-space: nowrap;
163     overflow: hidden;
164     z-index: 80;
165 }
166
167 .panel-toolbar label {
168     display: block;
169     float: left;
170     margin: 0 10px 0 2px;
171 }
172
173 /* Slider between panels */
174 .panel-wrap .panel-slider {
175     position: absolute;
176         background-color: #DDD;
177
178     top: 0px; bottom: 0px; right: 0px; width: 4px;
179
180     border-left: 1px solid #999;
181     border-right: 1px solid #999;
182     border-top: none;
183     border-bottom: none;
184
185         z-index: 90;
186         cursor: col-resize;
187 }
188
189 .panel-wrap .panel-slider:hover {
190     background-color: #999;
191 }
192
193 .panel-content-overlay.panel-wrap .panel-slider {
194         background-color: #DDD;
195 }
196
197
198 /* ================= */
199 /* = Gallery panel = */
200 /* ================= */
201 .images-wrap {
202     overflow-x: hidden;
203     overflow-y: scroll;
204 }
205
206
207 /* ==================== */
208 /* = XML Editor panel = */
209 /* ==================== */
210
211 .toolbar {
212     overflow: hidden;
213     z-index: 70;
214 }
215
216 .toolbar, .toolbar ol {
217 /*    overflow: hidden;*/
218     display: block;
219     margin: 0;
220     padding: 0;
221     background-color: #CCC;
222     border-top: 1px solid #AAA;
223 }
224
225 .toolbar-tabs li {
226     font-size: 14px;
227     display: block;
228     float: left;
229     margin: 4px 0 -1px 4px;
230     padding: 2px 10px 0 10px;
231     background-color: #CCC;
232     border: 1px solid #AAA;
233     border-radius-topleft: 8px;
234     border-radius-topright: 8px;
235     -moz-border-radius-topleft: 8px;
236     -moz-border-radius-topright: 8px;
237     -webkit-border-top-left-radius: 8px;
238     -webkit-border-top-right-radius: 8px;
239 }
240
241 .toolbar-tabs {
242     height: 21px;
243 /*    z-index: 1000;*/
244 /*    overflow: hidden;*/
245 }
246
247 .toolbar-tabs li:hover, .toolbar-tabs li.active {
248     cursor: default;
249     background-color: #EEE;
250     border-bottom: 1px solid #EEE;
251 }
252
253 .toolbar-buttons {
254     background-color: #EEE;
255     border-bottom: 1px solid #AAA;
256 }
257
258 .toolbar-buttons li {
259     display: block;
260     font-size: 12px;
261     padding: 1px 8px;
262     margin: 4px;
263     border-radius: 10px;
264     -moz-border-radius: 10px;
265     -webkit-border-radius: 8px;
266     float: left;
267 }
268
269 .toolbar-buttons li:hover {
270     background-color: #777;
271     color: #FFF;
272     cursor: default;
273 }
274
275 /* =========================== */
276 /* = DublinCore Editor panel = */
277 /* =========================== */
278 .panel-dceditor {
279     padding: 10px;
280 }
281
282 .panel-dceditor label {
283     display: block;
284     font-size: 12px;
285     margin-top: 10px;
286     color: #666;
287     font-weight: bold;
288 }
289
290 .panel-dceditor input, .panel-dceditor textarea {
291     width: 400px;
292     display: block;
293 }
294
295 div.isection {
296         margin: 1em auto;
297         border: 1px solid black;
298         padding: 0.5em 2em;
299         background: #9f9ffa;
300
301         width: 60%;
302 }
303
304 div.isection p {
305         margin: 0.5em 1em;
306 }
307
308 .change-notification {
309     color: red;
310 }