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