Added buttons to scroll toolbar buttons. Fixes #606.
[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 }
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 #editor.readonly .editor {
47         right: 0px;
48 }
49
50 #html-view {
51     overflow: auto;
52     position: absolute;
53     top: 33px;
54     bottom: 0;
55     left: 0;
56     right: 0;
57         z-index: 1;
58 }
59
60 #splitter {
61         position: fixed;
62         top: 31px;
63         left: 0px;
64         right: 0px;
65         bottom: 0px;
66         overflow: hidden;
67 }
68
69
70 #header {
71         position: fixed;
72         top: 0px;
73         right: 0px;
74         left: 0px;
75         height: 30px;
76         border-bottom: 1px solid #999; 
77         
78     margin: 0;
79     padding: 0;
80     background-color: #C1C1C1;
81     background-image: -webkit-gradient(linear, left top, left bottom, from(#C1C1C1), color-stop(0.9, #A2A2A2));
82         
83         /* Firefox 3.6 */
84         background-image: -moz-linear-gradient(top left, #C1C1C1, #A2A2A2, 90%);
85         
86     font: 11px Helvetica, Verdana, sans-serif;
87     font-weight: bold;
88 }
89
90 #header h1, #header h1 a {
91     margin: 0;
92     padding: 0;
93     font: 17px Helvetica, Verdana, sans-serif;
94     font-weight: bold;
95     float: left;
96     padding: 3px 6px 2px 6px;
97     color: #222;
98     line-height: 20px;
99 }
100
101 #header h1 a {
102     text-decoration: none;
103     color: #222;
104 }
105
106 #tabs {
107         overflow: hidden;
108     margin: 0;
109         padding: 0;
110         height: 31px;
111         border: 0px;    
112         padding-left: 1em;      
113 }
114
115 #tabs li {
116         height: 18px;
117         margin-top: 6px;
118         margin-bottom: 0px;     
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         border-bottom-width: 0px;       
140         -moz-border-radius: 4px 4px 0px 0px;
141         -webkit-border-radius: 4px;
142     -webkit-border-bottom-left-radius: 0px;
143     -webkit-border-bottom-right-radius: 0px;
144 }
145
146 #tabs li.active {
147     background-color: #C1C1C1;    
148 }
149
150 #tools {
151         float: right;
152         clear: right;
153         overflow: hidden;
154     margin: 0;
155         padding: 0;
156         height: 30px;  
157         margin-right: 5px;
158         line-height: 30px;
159         font-size: 10px;
160         vertical-align: middle;
161 }
162
163 /* Remove extra padding in Firefox */
164 button::-moz-focus-inner { 
165     border: 0;
166     padding: 0;
167 }
168
169 p { margin: 0;}
170
171 #body-wrap {
172     height: 100%;
173     width: 100%;
174 }
175
176 #content {
177     height: 100%;
178     width: 100%;
179 }
180
181 #loading-overlay {
182     background-color: #FFF;
183     position: absolute;
184     z-index: 1000;
185     padding: 0;
186     top: 0;
187     left: 0;
188     width: 100%;
189     height: 100%;
190 }
191
192 #loading-message {
193     position: absolute;
194     height: 20px;
195     width: 120px;
196     left: 50%;
197     margin-left: -60px;
198     top: 50%;
199     margin-top: -10px;
200 /*    text-align: center;*/
201 }
202
203 #loading-message img {
204     float: left;
205     margin-right: 10px;
206     margin-top: -6px;
207 }
208
209 /*
210  * CodeMirror 
211  */
212
213 .CodeMirror-line-numbers {
214         padding: 0px;
215         padding-top: 5px;               
216         text-align: right;
217         overflow: hidden;
218         width: 40px;
219         border-right: 1px solid black;
220         background-color: #e6e6fa;
221 }
222
223 .CodeMirror-line-numbers div {
224         display: block;  
225         font-family:"Lucida Console", monospace;
226     font-size: 13px;
227     line-height: 18px;
228         padding-right: 5px;
229 }
230
231 img.tabclose {
232         padding-left: 8px;
233         width: 16px;
234         height: 16px;   
235         vertical-align: middle;
236         vertical-align: text-bottom;
237 }
238
239
240 /*
241  * HTML Editor view
242  */ 
243  
244 .htmlview {
245         z-index: 1;
246         overflow: hidden;
247 }
248
249 .htmlview *[x-editable] {
250     background-color: white;
251         
252 }
253 .htmlview .active[x-editable] {
254     background-color: #FAFAFA;
255     border: 1px solid #DDD;
256 /*    -webkit-transition: all 1s linear;*/
257 }
258
259 .blockOverlay {
260         background-color: black;
261         opacity: 0.4;
262 }