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