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