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