Fix problem with test data for RNAalifold
[jabaws.git] / website / ws.css
1 \r
2 #banner {\r
3         background-color:white;\r
4 }\r
5 \r
6 #mainpagefeatures {\r
7         margin: 0 2em 0 2em;\r
8 }\r
9 \r
10 #wrapper #mainpagefeatures table, #wrapper #mainpagefeatures th, #wrapper #mainpagefeatures td, #wrapper #mainpagefeatures tr{\r
11         border:none;\r
12         border-collapse:collapse;\r
13         background-color: #fff;\r
14         padding-bottom:2em;\r
15 }\r
16 \r
17 #jabaws_on_cloud img {\r
18         border:1px solid #6994AF;\r
19         clear:both;\r
20         margin: 2em 0;\r
21 }\r
22 \r
23 #wrapper #choicematrix table, #wrapper #choicematrix th, #wrapper #choicematrix td, #wrapper #choicematrix tr{\r
24         border:1px solid grey;\r
25         background-color: #fff;\r
26         padding:1em;\r
27 }\r
28 \r
29 #wrapper #choicematrix th {\r
30         background-image:url(images/brickhead2.jpg);\r
31         background-repeat:repeat-x;\r
32 }\r
33 \r
34 .brick {\r
35         padding-bottom:1em;\r
36         border: 2px solid #999;\r
37         -webkit-border-radius:20px;\r
38         -moz-border-radius:20px;\r
39         border-radius: 20px;\r
40         background-image:url(images/brickhead2_line.jpg);\r
41         background-repeat:repeat-x;\r
42 }\r
43 \r
44 .brick_header {\r
45         display:block;\r
46         background:none;\r
47 }\r
48 \r
49 .brick_header h2 {\r
50         font-weight: bold;\r
51         border:none;\r
52         background:none;\r
53         margin: 0.7em 0 0 0.5em;\r
54 }\r
55 \r
56 .brick_content {\r
57         position:relative;\r
58         padding: 2em 1.5em 0em 1.5em;\r
59 }\r
60 \r
61 #panel {\r
62         width:161px;\r
63         background:url("images/panel_bg_long.png") repeat-y ;\r
64         float:left;\r
65         font-family:Verdana, Arial, Helvetica, sans-serif;\r
66         padding-top:1em;\r
67 }\r
68 \r
69 #content {\r
70         margin-left:170px;\r
71         border-bottom:solid 1px #6994af;\r
72         margin-right:0.9em;\r
73 }\r
74 \r
75 #page {\r
76         margin: 0;\r
77         background-color:#fff;\r
78 }\r
79 \r
80 #copyright {\r
81         text-align:right;\r
82         color:#999999;\r
83         font-family:Verdana, Arial, Helvetica, sans-serif;\r
84         font-size:smaller;\r
85         line-height:1em;\r
86         padding:0.3em 0.9em 1em 0;\r
87 }\r
88 \r
89 #wrapper {\r
90         background:url("images/panel_bg_long.png") repeat-y left top;\r
91         margin:0;\r
92         padding:0;\r
93 }\r
94 \r
95 ul {\r
96         list-style-type: circle;\r
97 }\r
98 \r
99 #panel a:link, #panel a:visited {\r
100         text-decoration: none;\r
101         display:block;\r
102         line-height: 1em;\r
103         padding:10px;\r
104         color:#000000;\r
105 }\r
106 \r
107 #panel a:hover {\r
108         background-color: transparent;\r
109         text-decoration: underline;\r
110 }\r
111 \r
112 #panel a.selected {\r
113         text-decoration:underline;\r
114         font-weight:bolder;\r
115 }\r
116 \r
117 #panel #submenu a {\r
118         margin-left: 1.5em;\r
119         margin-left: 20px;\r
120         padding: 5px;\r
121 }\r
122 \r
123 strong {\r
124         font-weight:bold;\r
125         color:#003366;\r
126 }\r
127 \r
128 pre {\r
129         font-family:Arial, Helvetica, sans-serif;\r
130 }\r
131 \r
132 p {\r
133         line-height: 1.4em;\r
134 }\r
135 \r
136 .i {\r
137         font-style:italic;\r
138 }\r
139 \r
140 .hightlight {\r
141         font-style:italic;\r
142         font-family:"Courier New", Courier, monospace;\r
143 }\r
144 \r
145 .code {\r
146         color:black;\r
147         background-color:#F5F5F5;\r
148         font-family:"Courier New",Courier,monospace;\r
149         font-style:normal;\r
150         margin:1em 0;\r
151         padding: 0.5em;\r
152         border: 1px dashed black;\r
153         display:block;\r
154 }\r
155 \r
156 .box {\r
157         color:black;\r
158         background-color:#F5F5F5;\r
159         font-family:Arial, Helvetica, sans-serif;\r
160         font-style:normal;\r
161         margin:1em 0;\r
162         padding: 0.5em;\r
163         border: 1px solid black;\r
164         display:block;\r
165 }\r
166 \r
167 .u {\r
168         text-decoration: underline;\r
169 }\r
170 \r
171 .headeru {\r
172         text-shadow:0 1px 3px black;\r
173         border-bottom: 1px solid white;\r
174 }\r
175 \r
176 #banner h1 {\r
177         font-family:Helvetica, Arial, sans-serif;\r
178         white-space:nowrap;\r
179         color: white;\r
180         font-weight:bold;\r
181         text-shadow:0 1px 3px #100F0E;\r
182         font-size: 27px;\r
183 }\r
184 \r
185 h3 {\r
186         border-bottom: 1px solid grey;\r
187         margin-top: 2em;\r
188 }\r
189 \r
190 #headtitle {\r
191         margin:0;\r
192         padding-top:1em;\r
193         text-align:center;\r
194         color:#003b62;\r
195         font-weight:600;\r
196 }\r
197 \r
198 h2 {\r
199         margin:1.8em 0 0 0;\r
200         color:#003b62;\r
201         font-weight:600;\r
202 }\r
203 \r
204 /* Table styles */\r
205 #wrapper table {\r
206         border-collapse: collapse;\r
207         border: 1px solid #666;\r
208         margin: 20px 0 20px 0;\r
209         width: 100%;\r
210 }\r
211 \r
212 #wrapper th, #wrapper td {\r
213         margin: 2px 4px 2px 4px;\r
214         padding: 0 5px;\r
215         text-align: left;\r
216         border: 1px solid #666;\r
217 }\r
218 \r
219 #wrapper table caption {\r
220         font: 1.5em Georgia, "Times New Roman", Times, serif;\r
221         padding: 1em;\r
222         background-color: #9c9;\r
223 }\r
224 \r
225 #wrapper tr {\r
226         background-color: #eee;\r
227 }\r
228 \r
229 #wrapper tr:nth-child(odd) {\r
230         background-color: #ccc;\r
231 }\r
232 \r
233 span.directory {\r
234         background: transparent url(images/dir.gif) no-repeat scroll left center;\r
235         color:#666666;\r
236         font-family:"Courier New",Courier,monospace;\r
237         font-style:normal;\r
238         padding:0 0 0 15px;\r
239 }\r
240 \r
241 .attention {\r
242         color:#993333;\r
243 }\r
244 \r
245 /* open/closed box related styles */\r
246 \r
247 .source {\r
248         border:1px solid #858789;\r
249         display:block;\r
250         margin:26px 0;\r
251         overflow:visible;\r
252 }\r
253 \r
254 /* OPEN state styles */\r
255 .source .body {\r
256         background:#F5F5F5 none repeat scroll right 0;\r
257         color:#434546;\r
258         padding:7px 15px;\r
259         white-space:normal;\r
260 }\r
261 \r
262 .source .header {\r
263         background:#E9EAEC url(images/minus.png) no-repeat scroll 98% center;\r
264         color:#3B3D3F;\r
265         cursor:pointer;\r
266         font-weight:bold;\r
267         height:30px;\r
268         line-height:30px;\r
269         padding:0 15px 0 15px;\r
270 }\r
271 \r
272 /* CLOSED state styles */\r
273 .source .body.collapsed {\r
274         display:none;\r
275 }\r
276 \r
277 .source .header.collapsed {\r
278         background:#E9EAEC url(images/plus.png) no-repeat scroll 98% center;\r
279         padding:0 15px 0 15px;\r
280 }\r
281 \r
282 .body .code {\r
283         margin:0;\r
284         padding:0;\r
285         border:0;\r
286         font-family:"Courier New",Courier,monospace;\r
287         font-style:normal;\r
288 }\r
289 \r
290 body {\r
291         font-family:Arial, Helvetica, sans-serif;\r
292         font: 12px/170% Verdana;\r
293         background-image:url(images/matrix_bg6.jpg);\r
294         background-repeat:repeat;\r
295         line-height: 2em;\r
296         min-width: 760px;\r
297         max-width: 1100px;\r
298         margin:0 auto;\r
299 }\r
300 \r
301 #banner table {\r
302         border-collapse: collapse;\r
303         border: none;\r
304         padding:0;\r
305         margin:0;\r
306         line-height:0.5em;\r
307         color:white;\r
308         text-align:center;\r
309         vertical-align:middle;\r
310         width: 100%;\r
311 }\r
312 \r
313 #banner td.bg {\r
314         border-collapse: collapse;\r
315         background-image:url("images/banner_bg.gif");\r
316         background-repeat: repeat-x;\r
317         background-color:transparent;\r
318         background-position:inherit;\r
319 }\r
320 \r
321 img.logo {\r
322         border:none;\r
323         margin:0;\r
324         padding:0;\r
325         display:inline\r
326         float:left;\r
327 }\r
328 \r
329 .mid {\r
330         vertical-align:middle;\r
331         height:80px;\r
332         border:none;\r
333 }\r
334 \r