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