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