Poprawki stylu pokazywania przypisów.
[redakcja.git] / platforma / static / css / master.css
1 body {
2     margin: 0;
3     overflow: hidden;
4     padding: 0;
5     min-width: 960px;
6     width: 100%;
7     height: 100%;
8 }
9
10 .vsplitbar {
11     position: absolute;
12     top: 25px;
13     bottom: 0;
14     right: 0;;
15     width: 13px;
16     background: #C1C1C1 url(../img/gallery.png) no-repeat scroll center center;
17     border-left: 1px solid #999;
18     border-right: 1px solid #999;
19     cursor: w-resize;
20 }
21
22 .vsplitbar.active {
23     cursor: e-resize;
24 }
25
26 #source-editor, #simple-editor {
27     position: absolute;
28     top: 25px;
29     bottom: 0;
30     left: 0;
31     right: 15px;
32     overflow: hidden;
33 }
34
35 #html-view {
36     overflow: auto;
37     position: absolute;
38     top: 27px;
39     bottom: 0;
40     left: 0;
41     right: 0;
42 }
43
44 #sidebar {
45     position: absolute;
46     overflow: hidden;
47     top: 25px;
48     right: 0;
49     bottom: 0;
50     width: 0;
51     display: none;
52     background-color: #FFF;
53 }
54
55 #header {
56     margin: 0;
57     padding: 0;
58     background-color: #C1C1C1;
59     background-image: -webkit-gradient(linear, left top, left bottom, from(#C1C1C1), color-stop(0.9, #A2A2A2));
60     font: 11px Helvetica, Verdana, sans-serif;
61     font-weight: bold;
62 }
63
64 #header h1, #header h1 a {
65     margin: 0;
66     padding: 0;
67     font: 17px Helvetica, Verdana, sans-serif;
68     font-weight: bold;
69     float: left;
70     padding: 3px 6px 2px 6px;
71     color: #222;
72     line-height: 20px;
73 }
74
75 #header h1 a {
76     text-decoration: none;
77     color: #222;
78 }
79
80 #tabs {
81     margin: 0;
82     padding: 0;
83     
84     width: 100%;
85     height: 22px;
86     padding-top: 2px;
87     border-bottom: 1px solid #999;
88 }
89
90 #tabs li {
91     -webkit-user-select: none;
92     cursor: default;
93     display: block;
94     float: left;
95     padding: 5px 12px 3px 12px;
96     border: 1px solid #999;
97     -webkit-border-radius: 4px;
98     -webkit-border-bottom-left-radius: 0;
99     -webkit-border-bottom-right-radius: 0;
100     font-weight: bold;
101     color: #222;
102     height: 13px;
103     -webkit-box-shadow: 1px -1px 2px rgba(127, 127, 127, 0.25);
104     margin-left: 4px;
105     margin-bottom: -1px;
106     background-color: #A2A2A2;
107 }
108
109 #tabs li.active {
110     background-color: #C1C1C1;
111     border-bottom: 1px solid #C1C1C1;
112 }
113
114 .toolbar {
115     width: 100%;
116     border-bottom: 1px solid #777;
117     background-color: #C1C1C1;
118     margin: 0;
119     padding: 2px;
120     z-index: 10;
121 /*    height: 22px;*/
122 }
123
124 .toolbar button {
125     display: block;
126     float: left;
127     margin: 4px 0 2px 0;
128     padding: 2px 5px;
129     border: none;
130     background: none;
131 }
132
133 .toolbar button img {
134         margin: 0;
135         padding: 0;     
136         margin-bottom: -3px;
137 }
138
139
140 .toolbar select {
141     float: left;
142     margin: 1px 5px 1px 0;
143     background: none;
144     border: 1px solid #999;
145     padding: 1px;
146 }
147
148 .toolbar input {
149     float: left;
150     font-size: 11px;
151     padding: 0;
152     margin: 4px 5px 0px 5px;
153         vertical-align:baseline;
154 }
155
156 .toolbar-end {
157     clear: both;
158 }
159
160 .toolbar button:hover, .toolbar button:active {
161     background: #777;
162     color: #FFF;
163     -webkit-border-radius: 10px;
164     -moz-border-radius: 10px;
165     border-radius: 10px;
166 }
167
168 /* Remove extra padding in Firefox */
169 button::-moz-focus-inner { 
170     border: 0;
171     padding: 0;
172 }
173
174 p { margin: 0;}
175
176 .htmlview *[x-editable] {
177     background-color: white;
178 }
179
180 .htmlview .active[x-editable] {
181     background-color: #FAFAFA;
182     border: 1px solid #DDD;
183 /*    -webkit-transition: all 1s linear;*/
184 }
185
186
187 /* =========== */
188 /* = Gallery = */
189 /* =========== */
190 .change-gallery-panel {
191     width: 100%;
192     border-bottom: 1px solid #777;
193     background-color: #C1C1C1;
194     margin: 0;
195     padding: 2px;
196     z-index: 10;
197 }
198
199 .gallery-image {
200     position: absolute;
201     top: 30px;
202     right: 0;
203     bottom: 0;
204     left: 0;
205     margin: 0;
206     border: none;
207     background-color: #000;
208     overflow: hidden;
209 }
210
211 .gallery-image img {
212     position: absolute;
213     -moz-drag: none;
214     user-select: none;
215     -webkit-user-select: none;
216     -khtml-user-select: none;
217     -moz-user-select: none;
218     cursor: pointer;
219 }
220
221
222 #body-wrap {
223     height: 100%;
224     width: 100%;
225 }
226 #content {
227     height: 100%;
228     width: 100%;
229 }
230
231 #loading-overlay {
232     background-color: #FFF;
233     position: absolute;
234     z-index: 1000;
235     padding: 0;
236     top: 0;
237     left: 0;
238     width: 100%;
239     height: 100%;
240 }
241
242 #loading-message {
243     position: absolute;
244     height: 20px;
245     width: 120px;
246     left: 50%;
247     margin-left: -60px;
248     top: 50%;
249     margin-top: -10px;
250 /*    text-align: center;*/
251 }
252
253 #loading-message img {
254     float: left;
255     margin-right: 10px;
256     margin-top: -6px;
257 }
258
259
260 .xml-iframe {
261         margin-left: 40px;      
262 }
263
264 /*
265  * CodeMirror 
266  */
267 .CodeMirror-line-numbers {
268         background: #e6ddd5;
269         padding-top: 0.35em;    
270 }
271
272 .CodeMirror-line-numbers div {
273         padding: 0;
274         padding-right: 4px;
275         
276         font-size: 8pt;
277         line-height: 17px;
278         text-align: right;
279         
280         width: 40px;            
281
282