03945987b703f88d25a875da59cf7381eec058fc
[redakcja.git] / src / redakcja / static / css / master.css
1 a, a:visited, a:active {
2         color: blue;
3         text-decoration: none;
4 }
5
6 a:hover {
7         text-decoration: underline;
8 }
9
10
11 body {
12     margin: 0;
13     overflow: hidden;
14     padding: 0;
15     min-width: 960px;
16     width: 100%;
17     height: 100%;
18 }
19
20 .vsplitbar {
21     position: absolute;
22     top: 0px;
23     bottom: 0;
24     right: 0;
25     width: 26px;
26     /*background: #C1C1C1 url(../img/gallery.png) no-repeat scroll center center;*/
27     border-left: 2px solid #999;
28     border-right: 2px solid #999;
29     cursor: pointer;  
30     background: #C1C1C1; 
31     z-index:100;
32     cursor: col-resize;
33 }
34
35 .vsplitbar:hover {
36         background-color: #E6E6E6;
37 }
38
39 .vsplitbar p {
40     font: 12px Helvetica,Verdana,sans-serif;
41
42   -moz-transform: rotate(270deg);
43   -moz-transform-origin: 50% 50%;
44   -webkit-transform: rotate(270deg);
45   -webkit-transform-origin: 50% 50%; 
46   -o-transform: rotate(-270deg);
47   -o-transform-origin:  bottom left;
48   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
49   margin: 250px auto;
50 }
51
52 #drag-layer {
53     position:absolute;
54     top:0;
55     bottom:0;
56     left:0;
57     right:0;
58     z-index:1000;
59     display: none;
60     cursor: col-resize;
61 }
62
63 .editor {
64     position: absolute;
65     top: 0px;
66     bottom: 0;
67     left: 0;
68     right: 30px;
69     overflow: hidden;
70 }
71
72 .sideless .editor {
73     right: 0;
74 }
75 .image-object {
76     padding-left: 1em;
77     font: 12px Sans, Helvetica, Verdana, sans-serif;
78 }
79 .image-object:hover {
80     cursor: pointer;
81 }
82 #objects-list .delete {
83     padding-left: 3px;
84     font: 10px Sans, Helvetica, Verdana, sans-serif;
85 }
86 #objects-list .delete:hover {
87     cursor: pointer;
88 }
89
90 #objects-list .active {
91     color: #800;
92 }
93
94
95 #editor.readonly .editor {
96         right: 0px;
97 }
98
99 #html-view {
100     overflow: auto;
101     position: absolute;
102     top: 33px;
103     bottom: 0;
104     left: 0;
105     right: 0;
106         z-index: 1;
107 }
108
109 #splitter {
110         position: fixed;
111         top: 31px;
112         left: 0px;
113         right: 0px;
114         bottom: 0px;
115         overflow: hidden;
116 }
117
118
119 #header {
120         position: fixed;
121         top: 0px;
122         right: 0px;
123         left: 0px;
124         height: 30px;
125         border-bottom: 1px solid #999;
126
127     margin: 0;
128     padding: 0;
129     background-color: #C1C1C1;
130     background-image: -webkit-gradient(linear, left top, left bottom, from(#C1C1C1), color-stop(0.9, #A2A2A2));
131
132         /* Firefox 3.6 */
133         background-image: -moz-linear-gradient(top left, #C1C1C1, #A2A2A2, 90%);
134
135     font: 11px Helvetica, Verdana, sans-serif;
136     font-weight: bold;
137
138     z-index: 100;
139 }
140
141
142 #header.saving {
143         background-color: #E1C1C1;
144 }
145 #header.saving #save-button {
146     display: none;
147 }
148 #save-attempt-info {
149     color: #801000;
150     display: none;
151 }
152 .saving #save-attempt-info {
153     display: inline;
154     font-weight: normal;
155 }
156
157
158 #header.out-of-date {
159     background-color: #E1C1C1;
160 }
161 #header.out-of-date #save-button {
162     display: none;
163 }
164 #out-of-date-info {
165     color: #801000;
166     display: none;
167 }
168 .out-of-date #out-of-date-info {
169     display: inline;
170 }
171
172
173
174 #header h1, #header h1 a {
175     margin: 0;
176     padding: 0;
177     font: 9px Helvetica, Verdana, sans-serif;
178     font-weight: bold;
179     float: left;
180     padding: 3px 3px 2px 3px;
181     color: #222;
182     #line-height: 20px;
183 }
184
185 #header h1 a {
186     text-decoration: none;
187     color: #222;
188 }
189
190 #header img {
191     border: 0;
192 }
193
194 .tabs {
195         overflow: hidden;
196     margin: 0;
197         padding: 0;
198         height: 31px;
199         border: 0px;
200         padding-left: 1em;
201     float: left;
202 }
203
204 .tabs a {
205     color: black;
206 }
207
208 #tabs-right {
209     float: right;
210     padding-right: 1em;
211 }
212
213 .tabs li {
214         margin-top: 6px;
215         margin-bottom: 0px;
216
217     -webkit-user-select: none;
218     cursor: pointer;
219     display: block;
220     float: left;
221
222     font-weight: bold;
223     color: #222;
224     margin-left: 4px;
225
226     background-color: #A2A2A2;
227
228         -moz-box-shadow: 1px -1px 2px rgba(127, 127, 127, 0.25);
229     -webkit-box-shadow: 1px -1px 2px rgba(127, 127, 127, 0.25);
230
231     border: 1px solid #999;
232         border-bottom-width: 0px;
233         -moz-border-radius: 4px 4px 0px 0px;
234         -webkit-border-radius: 4px;
235     -webkit-border-bottom-left-radius: 0px;
236     -webkit-border-bottom-right-radius: 0px;
237 }
238
239 #tabs li {
240     height: 18px;
241     padding-left: 12px;
242     padding-right: 12px;
243     padding-top: 5px;
244 }
245
246 .tabs li.active {
247     background-color: #C1C1C1;
248 }
249
250
251 #tabs-right li {
252     height: 20px;
253     padding-left: 12px;
254     padding-right: 12px;
255     padding-top: 3px;
256 }
257
258
259
260 #tools {
261         float: right;
262         clear: right;
263         overflow: hidden;
264     margin: 0;
265         padding: 0;
266         height: 30px;
267         margin-right: 5px;
268         line-height: 30px;
269         font-size: 10px;
270         vertical-align: middle;
271 }
272
273 /* Remove extra padding in Firefox */
274 button::-moz-focus-inner {
275     border: 0;
276     padding: 0;
277 }
278
279 p { margin: 0;}
280
281 #body-wrap {
282     height: 100%;
283     width: 100%;
284 }
285
286 #content {
287     height: 100%;
288     width: 100%;
289 }
290
291 #loading-overlay {
292     background-color: #FFF;
293     position: absolute;
294     z-index: 1000;
295     padding: 0;
296     top: 0;
297     left: 0;
298     width: 100%;
299     height: 100%;
300 }
301
302 #loading-message {
303     position: absolute;
304     height: 20px;
305     width: 120px;
306     left: 50%;
307     margin-left: -60px;
308     top: 50%;
309     margin-top: -10px;
310 /*    text-align: center;*/
311 }
312
313 #loading-message img {
314     float: left;
315     margin-right: 10px;
316     margin-top: -6px;
317 }
318
319 /*
320  * CodeMirror
321  */
322
323 .CodeMirror-line-numbers {
324         padding: 0px;
325         padding-top: 5px;
326         text-align: right;
327         overflow: hidden;
328         width: 40px;
329         border-right: 1px solid black;
330         background-color: #e6e6fa;
331 }
332
333 .CodeMirror-line-numbers div {
334         display: block;
335         font-family:"Lucida Console", monospace;
336     font-size: 13px;
337     line-height: 18px;
338         padding-right: 5px;
339 }
340
341 img.tabclose {
342         padding-left: 8px;
343         width: 16px;
344         height: 16px;
345         vertical-align: middle;
346         vertical-align: text-bottom;
347 }
348
349 /*
350  * HTML Editor view
351  */
352
353 .htmlview {
354         z-index: 1;
355         overflow: hidden;
356 }
357
358 .htmlview .active[x-editable] {
359     background-color: #FAFAFA;
360     border: 1px solid #DDD;
361 /*    -webkit-transition: all 1s linear;*/
362 }
363
364 .blockOverlay {
365         background-color: black;
366         opacity: 0.4;
367 }
368
369 .poezja_cyt {
370     margin:1.5em 2em 0;
371     font-size:0.875em
372 }
373
374 .wers_akap {
375         padding-left: 1em;
376 }
377
378 .saveNotify {
379     position:absolute; 
380     bottom:22px; 
381     right:7px; 
382     z-index:800;
383     background-color: #FFFF69; 
384     padding:10px; 
385     border: 1px solid black;
386     border-radius: 5px;
387     -moz-border-radius: 15px;
388 }
389
390 .notifyTip {
391     font-size:12px; float:right;
392 }
393
394 .saveNotify span {
395     font-weight: bold;
396 }
397
398
399
400 .scrolled {
401     position: absolute;
402     top: 0;
403     left: 0;
404     right: 0;
405     bottom: 0;
406     overflow: auto;
407 }