1bd55c6b2ca5e3ca23b012d05c536a5cde71ed98
[fnpeditor.git] / editor.css
1 body {\r
2     padding-top: 5px;\r
3 }\r
4 \r
5 #publication_content {\r
6     height: 300px;\r
7     overflow-y: scroll;\r
8 }\r
9 \r
10 .rng-tab-content {\r
11     display: none;\r
12 }\r
13 \r
14 #rng-skelton {\r
15     position: relative;\r
16 }\r
17 \r
18 #rng-skelton-menu {\r
19     float: right;\r
20 }\r
21 \r
22 #rng-skelton-menu li {\r
23     display: inline;\r
24 }\r
25 \r
26 #rng-skelton-messages {\r
27     position: absolute;\r
28     top: -22px;\r
29     width:100%;\r
30     text-align:center;\r
31 }\r
32 \r
33 #rng-skelton-messages span {\r
34     font-weight: bold;\r
35     background: #f9edbe;\r
36     padding: 2px 5px;\r
37     border: solid 1px #f6e39c;\r
38 }\r
39 \r
40 #rng-skelton-menu ul {\r
41     list-style-type: none;\r
42 }\r
43 \r
44 .rng-visualEditor-nodeHoverTag {\r
45     position:absolute;\r
46     height:20px;\r
47     top:-20px;\r
48     left:0;\r
49     background: #bd362f;\r
50     color: white;\r
51     font-size:9px;\r
52     font-weight: normal;\r
53     font-style: normal;\r
54     font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\r
55     padding: 0 5px;\r
56     text-indent: 0;\r
57 }\r
58 \r
59 #rng-visualEditor-mainArea {\r
60     margin-top:10px;\r
61 }\r
62 \r
63 #rng-visualEditor-contentWrapper {\r
64     border-color: #ddd;\r
65     border-style: solid;\r
66     border-width: 1px;\r
67     float:left;\r
68     width: 600px;\r
69     height: 450px;\r
70     overflow-y: scroll;\r
71     padding: 5px 10px;\r
72 }\r
73 \r
74 #rng-visualEditor-contentWrapper::-webkit-scrollbar,\r
75 #rng-visualEditor-editPaneNavigation::-webkit-scrollbar\r
76 {\r
77     width: 9px;\r
78 }\r
79  \r
80 #rng-visualEditor-contentWrapper::-webkit-scrollbar-track,\r
81 #rng-visualEditor-editPaneNavigation::-webkit-scrollbar-track\r
82  {\r
83     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); \r
84     -webkit-border-radius: 10px;\r
85     border-radius: 10px;\r
86 }\r
87 \r
88 #rng-visualEditor-contentWrapper::-webkit-scrollbar-thumb,\r
89 #rng-visualEditor-editPaneNavigation::-webkit-scrollbar-thumb\r
90 {\r
91     -webkit-border-radius: 10px;\r
92     border-radius: 10px;\r
93     background: rgba(73,175,205,0.8); \r
94     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); \r
95 }\r
96 #rng-visualEditor-contentWrapper::-webkit-scrollbar-thumb:window-inactive,\r
97 #rng-visualEditor-editPaneNavigation::-webkit-scrollbar-thumb:window-inactive\r
98  {\r
99     background: rgba(73,175,205,0.4); \r
100 }\r
101 \r
102 \r
103 #rng-visualEditor-content {\r
104 \r
105     outline: 0px solid transparent;\r
106 }\r
107 \r
108 #rng-visualEditor-sidebar {\r
109     float:right;\r
110     width: 266px;\r
111     height:450px;\r
112     position:relative;\r
113     border-width: 1px 1px 1px 1px;\r
114     border-style: solid;\r
115     border-color: #ddd;\r
116     padding: 5px 15px;\r
117 \r
118 }\r
119 \r
120 #rng-visualEditor-sidebar,\r
121 #rng-visualEditor-sidebar p,\r
122 #rng-visualEditor-sidebar td,\r
123 #rng-visualEditor-sidebar label,\r
124 #rng-visualEditor-sidebar input,\r
125 #rng-visualEditor-sidebar select {\r
126     font-size: 11px;\r
127     line-height:13px;\r
128 }\r
129 \r
130 #rng-visualEditor-sidebar select {\r
131     -webkit-appearance: button;\r
132     -moz-appearance: button;\r
133     appearance: button;\r
134     height: auto;\r
135     line-height: 14px;\r
136 }\r
137 \r
138 #rng-visualEditor-sidebar label + select {\r
139     position:relative;\r
140     top: 5px;\r
141 }\r
142 \r
143 #rng-visualEditor-sidebarButtons {\r
144             /*-webkit-transform: rotate(90deg);\r
145             -moz-transform: rotate(90deg);\r
146             -ms-transform: rotate(90deg); */\r
147             \r
148             position:absolute;\r
149             top:-1px;\r
150             right:-50px;\r
151             border-width: 1px 1px 1px 0px;\r
152             border-style: solid;\r
153             border-color: #ddd;\r
154             padding: 5px;\r
155             background: #ededed;\r
156 }\r
157 \r
158 #rng-visualEditor-sidebarButtons  ul {\r
159     margin-bottom: 0px;\r
160 }\r
161 \r
162 .rng-visualEditor-editPaneNodeForm  label ,\r
163 .rng-visualEditor-editPaneSelectionForm  label\r
164 {\r
165     width: 50px;\r
166     display: inline-block;\r
167 }\r
168 \r
169 .rng-visualEditor-editPaneNodeForm  select,\r
170 .rng-visualEditor-editPaneSelectionForm  select\r
171  {\r
172     width: 100px;\r
173 }\r
174 \r
175 \r
176 \r
177 #rng-visualEditor-toolbar {\r
178     margin: -15px 0 10px 0;\r
179     white-space:nowrap; \r
180     word-spacing:0;\r
181 }\r
182 \r
183 #rng-visualEditor-toolbar select {\r
184     line-height: 14px;\r
185     font-size:9px;\r
186     height: auto;\r
187     width: 50px;\r
188     padding: 1px;\r
189 -webkit-appearance: button;\r
190 -moz-appearance: button;\r
191 appearance: button;\r
192     margin-bottom: 0;\r
193 }\r
194 \r
195 .rng-visualEditor-toolbarGroup {\r
196     border-width: 0 1px 0 0;\r
197     border-style: solid;\r
198     border-color: #ddd;\r
199     padding: 0 8px 0 0;\r
200     margin: 0 8px 0 0;\r
201     float:left;\r
202 }\r
203 \r
204 #rng-visualEditor-statusbar {\r
205     margin: 10px 5px;\r
206     font-size:0.9em;\r
207 }\r
208 \r
209 .rng-visualEditor-sidebarContentItem fieldset {\r
210     margin-bottom: 10px;\r
211 }\r
212 \r
213 .rng-visualEditor-sidebarContentItem  legend {\r
214     font-size:11px;\r
215     height:30px;\r
216 }\r
217 \r
218 #rng-visualEditor-meta table {\r
219     margin-bottom:10px;\r
220 }\r
221 \r
222 #rng-visualEditor-meta table [contenteditable] {\r
223     cursor: pointer;\r
224 }\r
225 \r
226 #rng-visualEditor-meta table li:last-child {\r
227     border-bottom: none !important;\r
228 }\r
229 \r
230 #rng-visualEditor-meta table tr td:nth-child(1){\r
231     width: 20%;\r
232 }\r
233 \r
234 #rng-visualEditor-meta table tr td:nth-child(2)  {\r
235     width:80%;\r
236 }\r
237 \r
238 #rng-visualEditor-meta .rng-visualEditor-metaAddBtn {\r
239     float:right;\r
240     margin-right:6px;\r
241 }\r
242 \r
243 #rng-visualEditor-meta .btn{\r
244     padding:3px;\r
245     line-height:10px;\r
246 }\r
247 \r
248 #rng-visualEditor-editPaneNavigation {\r
249     overflow-y: scroll;\r
250     max-height: 150px;\r
251     width:100%;\r
252     margin-top:10px;\r
253 }\r
254 #rng-visualEditor-editPaneNavigation table {\r
255     width: 90%;\r
256     margin: 0;\r
257 }\r
258 #rng-visualEditor-editPaneNavigation table tr td:nth-child(1) {\r
259     width: 30%;\r
260 }\r
261 #rng-visualEditor-editPaneNavigation table tr td:nth-child(2) {\r
262     width: 70%;\r
263 }\r
264 \r
265 #rng-visualEditor-editPaneNavigation table tr td ul {\r
266     list-style-type: none;\r
267     margin: 0;\r
268 }\r
269 #rng-sourceEditor-editor {\r
270     width: 940px;\r
271     height: 500px;\r
272 }\r
273 \r
274 [wlxml-tag] {\r
275     float: none !important; /* temporaty workaround for Bootstrap's influence via [class*="span"] { float: left; } */\r
276     border-color: white;\r
277     border-style:solid;\r
278     border-width:1px;\r
279     min-height:20px;\r
280     position:relative;\r
281 }\r
282 \r
283 span[wlxml-tag] {\r
284     display:inline-block;\r
285     min-width: 10px;\r
286 }\r
287 \r
288 [wlxml-tag=header] {\r
289     font-size: 13px;\r
290     font-weight: bold;\r
291     margin-bottom: 10px;\r
292 }\r
293 \r
294 [wlxml-tag=section] {\r
295     margin-top: 10px;\r
296     margin-bottom: 10px;\r
297 }\r
298 \r
299 [wlxml-tag=section] [wlxml-tag=section] {\r
300     margin-left:10px;\r
301 }\r
302 \r
303 [wlxml-class|="cite"] {\r
304     font-style: italic;\r
305 }\r
306 \r
307 [wlxml-class|="cite-code"] {\r
308     font-family: monospace;\r
309 }\r
310 \r
311 [wlxml-class|="cite-code-xml"] {\r
312     color: blue;\r
313 }\r
314 \r
315 [wlxml-tag=header] > [wlxml-class=author] {\r
316     font-size: 14px;\r
317 }\r
318 \r
319 [wlxml-tag=header] > [wlxml-class=title] {\r
320     font-size:18px;\r
321 }\r
322 \r
323 [wlxml-class|="uri"] {\r
324     color: blue;\r
325     text-decoration: underline;\r
326 }\r
327 \r
328 [wlxml-class|="p"] {\r
329     text-indent: 1.5em;\r
330 }\r
331 \r
332 [wlxml-class|="emph-tech"] {\r
333     font-style: italic;\r
334 }\r
335 \r
336 [wlxml-tag]  metadata {\r
337     display:none;\r
338 }\r
339 \r
340 .rng-hover {\r
341     border-color: red;\r
342     border-style:solid;\r
343     border-width:1px;\r
344 }\r
345 \r
346 .rng-current {\r
347     background: #fffacd;\r
348     border-color: grey;\r
349     border-style:dashed;\r
350     border-width:1px;\r
351 }