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