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