Javascript refactoring. History view now displays tags
[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         height: 30px;    
106         padding-left: 1em;      
107 }
108
109 #tabs li {
110         height: 24px;
111         margin-top: 6px;        
112         
113     -webkit-user-select: none;  
114     cursor: pointer;
115     display: block;
116     float: left;
117         
118         padding-left: 12px;
119         padding-right: 12px;
120         padding-top: 5px;
121         
122     font-weight: bold;
123     color: #222;
124     margin-left: 4px;    
125         
126     background-color: #A2A2A2;
127         
128         -moz-box-shadow: 1px -1px 2px rgba(127, 127, 127, 0.25);
129     -webkit-box-shadow: 1px -1px 2px rgba(127, 127, 127, 0.25);
130
131     border: 1px solid #999;     
132         -moz-border-radius: 4px 4px 0px 0px;
133         -webkit-border-radius: 4px;
134     -webkit-border-bottom-left-radius: 0px;
135     -webkit-border-bottom-right-radius: 0px;
136 }
137
138 #tabs li.active {
139     background-color: #C1C1C1;    
140 }
141
142 #tools {
143         float: right;
144         clear: right;
145         overflow: hidden;
146     margin: 0;
147         padding: 0;
148         height: 30px;  
149         margin-right: 5px;
150         line-height: 30px;
151         font-size: 10px;
152         vertical-align: middle;
153 }
154
155
156 /*
157  * Toolbars
158  */
159
160 .toolbar {
161     width: 100%;
162     border-bottom: 1px solid #777;
163     background-color: #C1C1C1;
164     margin: 0;
165     padding: 2px;
166     z-index: 100;
167     height: 28px;
168 }
169
170 .toolbar button {
171     display: block;
172     float: left;
173     margin: 4px 0 2px 0;
174     padding: 2px 5px;
175     border: none;
176     background: none;
177 }
178
179 .toolbar button img {
180         margin: 0;
181         padding: 0;     
182         margin-bottom: -3px;
183 }
184
185
186 .toolbar select {
187     float: left;
188     margin: 1px 5px 1px 0;
189     background: none;
190     border: 1px solid #999;
191     padding: 1px;
192 }
193
194 .toolbar input {
195     float: left;
196     font-size: 11px;
197     padding: 0;
198     margin: 4px 5px 0px 5px;
199         vertical-align:baseline;
200 }
201
202 .toolbar-end {
203     clear: both;
204 }
205
206 .toolbar button:hover, .toolbar button:active {
207     background: #777;
208     color: #FFF;
209     -webkit-border-radius: 10px;
210     -moz-border-radius: 10px;
211 }
212
213 /* Remove extra padding in Firefox */
214 button::-moz-focus-inner { 
215     border: 0;
216     padding: 0;
217 }
218
219 p { margin: 0;}
220
221 #body-wrap {
222     height: 100%;
223     width: 100%;
224 }
225 #content {
226     height: 100%;
227     width: 100%;
228 }
229
230 #loading-overlay {
231     background-color: #FFF;
232     position: absolute;
233     z-index: 1000;
234     padding: 0;
235     top: 0;
236     left: 0;
237     width: 100%;
238     height: 100%;
239 }
240
241 #loading-message {
242     position: absolute;
243     height: 20px;
244     width: 120px;
245     left: 50%;
246     margin-left: -60px;
247     top: 50%;
248     margin-top: -10px;
249 /*    text-align: center;*/
250 }
251
252 #loading-message img {
253     float: left;
254     margin-right: 10px;
255     margin-top: -6px;
256 }
257
258 /*
259  * CodeMirror 
260  */
261
262 .CodeMirror-line-numbers {
263         padding: 0px;
264         padding-top: 5px;               
265         text-align: right;
266         overflow: hidden;
267         width: 40px;
268         border-right: 1px solid black;
269         background-color: #e6e6fa;
270 }
271
272 .CodeMirror-line-numbers div {
273         display: block;  
274         font-family:"Lucida Console", monospace;
275     font-size: 13px;
276     line-height: 18px;
277         padding-right: 5px;
278 }
279
280
281 /*
282  * HTML Editor view
283  */ 
284  
285 .htmlview {
286         z-index: 1;
287         overflow: hidden;
288 }
289
290 .htmlview *[x-editable] {
291     background-color: white;
292         
293 }
294 .htmlview .active[x-editable] {
295     background-color: #FAFAFA;
296     border: 1px solid #DDD;
297 /*    -webkit-transition: all 1s linear;*/
298 }
299
300 .blockOverlay {
301         background-color: black;
302         opacity: 0.4;
303 }