comparison NCBI Blast reference example_files/main.css @ 31:344cd76f6fd2

rename NCBI reference example
author Jan Kanis <jan.code@jankanis.nl>
date Thu, 15 May 2014 16:59:18 +0200
parents Blast output page example_files/main.css@bad241dc701f
children
comparison
equal deleted inserted replaced
30:2143f62809d0 31:344cd76f6fd2
1 /*
2 LEGAL
3 =====
4 Copyright: Daemon Pty Limited 1995-2006, http://www.daemon.com.au & http://www.mollio.org/
5 License: Released Under the "Common Public License 1.0", http://www.opensource.org/licenses/cpl.php
6 Version: 010306
7 */
8 body {padding: 0 0 10px;background: #fff url("images/body_bg-ncbi.gif") repeat-x 0 100%;color:#333;font:83%/1.5 arial,tahoma,verdana,sans-serif;}
9 body { margin: 0; padding: 0; }
10 /* LINKS */
11 a,a:link,a:link,a:link,a:hover {text-decoration:underline;cursor:pointer}
12 a:link {color:#369}
13 /* Original: a:visited {color:#999} */
14 a:visited {color:#664E99;}
15 a:hover,a:active {color:#069}
16 /* FORMS */
17 form {margin: 0 0 1.5em}
18 input {font-family: arial,tahoma,verdana,sans-serif;margin: 2px 0 0}
19 label {display:block;padding: 5px 0}
20 label br {clear:left}
21 #desc {font-weight: bold;margin-bottom: 5px;}
22 #desc a {font-weight: normal;}
23 #logolink, #logolink img {float: left;border: 0;margin: 0;}
24
25 /* TYPOGRAPHY */
26 p, ul, ol {margin: 0 0 1.5em}
27 /* Original: h1, h2, h3, h4, h5, h6 {letter-spacing: -1px;font-family: arial,verdana,sans-serif;margin: 1.2em 0 .3em;color:#000;border-bottom: 1px solid #eee;padding-bottom: .1em}*/
28 h1, h2, h3, h4, h5, h6 { letter-spacing: -1px;font-family: arial,verdana,sans-serif;margin: 1.2em 0 .3em;color:#2A6979;border-bottom: 1px solid #ccc;padding-bottom: .1em}
29 h1 {font-size: 196%;margin-top:.6em}
30 h2 {font-size: 136%}
31 h3 {font-size: 126%}
32 h4 {font-size: 116%}
33 h5 {font-size: 106%}
34 h6 {font-size: 96%}
35 .highlight {color:#4E8999; padding: 3px; border: solid 1px #ccc;}
36 .featured { background-color: #ffc; padding: 0.25em 0.5em;margin:0; }
37 .subdued {color:#999}
38
39 small {font-size:11px}
40
41 /* LISTS */
42 ul {margin: .3em 0 1.5em 0;list-style-type:none}
43 ul.related {margin-top: -1em}
44 ol {margin: .5em .5em 1.5em}
45 ol li {margin-left: 1.4em;padding-left: 0;background: none; list-style-type: decimal}
46 .section li {line-height: 1.4em;padding-left: 25px;background: transparent url("images/sprites-ncbi.gif") no-repeat 0 0}*/
47 li.doc {background-position: 3px -500px}
48 ul.nomarker li {background:none;padding-left:0}
49 dl {margin: 0 0 1em 0}
50 dt {font-weight:bold;margin-top: 1.3em}
51 dl dl {margin: 0 0 1.5em 30px}
52
53 /* GENERAL */
54 /*img {border:none} */
55 hr {margin: 1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}
56 .clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px}
57 /* LAYOUT - HEADER */
58 #header {background: #204174 url("images/sprites-ncbi.gif") repeat-x 0 100%;margin: 0 0 3px;padding: 0 0 8px;white-space:nowrap;}
59 #header #site-name {font: 120% arial;letter-spacing: -.05em;margin: 0 ;padding:3px 0; color:#ffffff;font-weight: bold;}
60 #header #site-name h1 {font-style: italic; letter-spacing: 0; color: #68a; margin:0 0 0 5em; position: relative; left: 200px;font-size:85%;border:none;padding-bottom:0;display:inline;}
61 #header {min-width:770px;position:relative;}
62 /* NAV - top horizontal nav */
63 #nav, #nav ul {padding: 0;margin: 0;list-style: none}
64 #nav {font-weight:bold;height:2.09em;font: bold 95% arial;margin: 0 105px 0 40px; width: 430px;}
65 #nav li {background: #999;float: left;width: auto;display:block;margin: 0;border-bottom: 3px solid #666;border-right: 3px solid #252525;padding:0}
66 #nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {text-decoration:none;cursor:pointer;color:#fff;display: block;padding: 4px 10px 2px}
67 #nav a:hover {color:#000}
68 #nav li ul {border-left: 1px solid #ccc;background: #eee;width:22.8em;font-size:90%;margin-top:3px;position: absolute;font-weight:normal;left: -999em}
69 #nav li:hover ul, #nav li.sfhover ul {left: 0;z-index:99999;}
70 #nav li li {background:none;float:none;border:none;border: 1px solid #999;border-top:1px solid #fff;border-right:solid 1px #ccc;border-left:none;padding-left:0}
71 #nav li li.last {border-bottom:solid 1px #ccc;}
72 #nav li li a, #nav li li a:link, #nav li li a:visited, #nav li li a:hover {color:#000;padding: 3px 10px 2px;width:21em}
73 #nav li li a:hover {color:#fff;background:#4E8999}
74 #nav li.active {background: #4E8999;border-bottom: 3px solid #4E8999}
75 #nav li.active a:link, #nav li.active a:visited, #nav li.active a:hover, #nav li.active a:active {}
76 #nav li.active a:hover {color:#000}
77 #nav li.active li {border:none;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
78 #nav li.active li {border: solid 1px #ccc;border-right: solid 1px #4E8999;border-left: solid 1px #4E8999;}
79 #nav li.active li.last {border-bottom: solid 1px #4E8999;}
80 #nav li.active li a:link, #nav li.active li a:visited, #nav li.active li a:hover, #nav li.active li a:active {color:#000}
81 #nav li.active li a:hover {background: #666 url("images/sprites-ncbi.gif") repeat-x 0 99%;color:#fff; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/sprites-ncbi.gif', sizingMethod='crop');}
82 #nav li.active li.active a:link, #nav li.active li.active a:visited, #nav li.active li.active a:hover, #nav li.active li.active a:active {color:#fff;font-weight:bold;background: #666 url("images/sprites-ncbi.gif") repeat-x 0 99%; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/sprites-ncbi.gif', sizingMethod='crop');}
83
84 /* hide from IE mac \*/
85 #nav li {width:auto}
86 /* end hiding from IE5 mac */
87
88 /* SEARCH */
89 #search {color:#fff;font-weight:bold;position:absolute;top:10px;right:4em}
90 #search form {margin:0}
91 #search input {width:8em;margin: 0 0 -1px;height:1.2em}
92 #search label {padding:5px 0 0;display:inline}
93 #search input.f-submit {width:auto;font-size:81%;margin:0 0 -.15em;height:1.95em}
94 #content {margin: 0;}
95 #type-d #content {margin: 0 0 0 40px;}
96 #breadcrumb {margin-top:-5px;font-size:93%;font-weight:bold; margin-left: 1em; margin-bottom: 0; padding: 0 6px 0 12px;; background: url("images/right-arrow.gif") no-repeat center left;display:inline;}
97 #breadcrumb strong{font-weight:bold;}
98 #breadcrumb a:link, #breadcrumb a:visited {text-decoration:none}
99 #breadcrumb a:hover, #breadcrumb a:active {text-decoration:underline}
100 /* CODE - formatting for code inserted into body - more here: http://dizque.lacalabaza.net/temp/lipt/ */
101 ol.code {font-family: monospace;position:relative}
102 ol.code li {color: #666;margin-bottom: 1px}
103 ol.code code {color: #000;display: block}
104 ol.code .cmt {color: #4077d2}
105 li.tab0 code {padding-left: 4em}
106 li.tab1 code {padding-left: 8em}
107 li.tab2 code {padding-left: 12em}
108 li.tab3 code {padding-left: 16em}
109 li.tab4 code {padding-left: 20em}
110 li.tab5 code {padding-left: 24em}
111 ol.code li {background: #f3f3f3}
112 p.note {margin: 1em;border: 1px solid #ddd;background: #f0f0f0;padding: 1em}
113
114 /* LAYOUT TYPE A */
115 #type-a #content-wrap { width: 100%; margin: 0; padding: 0; white-space:nowrap;margin-top:-0.3em;}
116 #type-a #content { margin: 0 40px; }
117 /* LAYOUT - FOOTER */
118 #footer p {margin:0; padding: 0;padding-bottom:1.5em;}
119
120 #footer a:link {color:#999}
121 #footer {clear:both;border-top: 1px solid #E3E8EE;padding: 4px 10px 0 10px;font-size:86%;color:#999; margin: 0;}
122 #breadcrumb a.help {margin-left: 1em;font-weight:normal;text-decoration: underline;}
123 div#search {border: solid 1px #aaa;}
124 div#search td{padding: 1px;}
125 /* Mozilla-only rule */
126 html > body div#search td{padding: 2px;font-weight: bold;font-size: 80%;}
127 div#search {background-color: white;position: absolute;right: 4px;top: 4px;color: #369; /* new rule: text by default is white */}
128 #jtitle{margin-left:1em;}
129 .hidden {display: none;}
130 .shown {display: block;}
131 a#moreHelp {font-weight:bold;text-decoration:underline;font-size:80%;padding-left:5px;background:none;}
132 /* These next two rules replace the text of <a class="helplink"><span>[?]</span></a>
133 * with a 16x16 help link image with transparent background
134 */
135 .helpbox, .resBox {font-size: 95%;color: #666;border: solid 1px #ccc;background-color: #def;margin-left: 1em;padding: 0.5em;margin-bottom: 0.5em;zoom:1;}
136 .help, .helpbox, .resBox {font-size: 95%;color: #666;white-space:normal;}
137 .helplink {padding-left: 16px;background:transparent url(images/help.gif) center left no-repeat;list-style: none;}
138 .helplink span {visibility: hidden;}
139 a.helplink {text-decoration: none;}
140 .helpbox a {background:none;text-decoration:underline;font-size:90%;}
141 a.arrowlink:hover {text-decoration: underline;}
142 a.arrowlink{
143 padding-left: 16px;
144 background-image: url(images/right.gif);
145 background-repeat: no-repeat;
146 background-position: center left;
147 -moz-outline-style: none;
148 text-decoration: none;
149 text-decoration: underline;
150 }
151
152 #orgns {float: right;}
153
154 ul.msg, ul.msg li {
155 padding:0;
156 text-indent:0;
157 margin: 0;
158 }
159
160 ul.msg {
161 margin-top: 1em;
162 }
163
164 ul.msg li {
165 margin-bottom: 3px;
166 display: none;
167 font-weight: bold;
168 background: transparent url(images/gradient30down.png) repeat-x top left;
169 }
170 /* IE6 doesn't have alpha transparency, so hack it out */
171 * html ul.msg li {
172 background-image: none;
173 }
174
175 ul.msg li p, ul.msg li div.msInf {
176 padding: 3px;
177 padding-left: 28px;
178 margin:0;
179 white-space:normal;
180 }
181
182 ul.msg li a.small {
183 font-weight: normal;
184 font-size: 90%;
185 }
186
187 ul.msg li.error {
188 background-color: #fbb;
189 border: solid 1px #c00;
190 color: #c00;
191 }
192
193 ul.msg li.error p, ul.msg li.error div.msInf{
194 background: transparent url(images/error.png) no-repeat 6px center;
195 }
196
197 ul.msg li.warning {
198 background-color: #ffc;
199 border: solid 1px #cc0;
200 color: #444;
201 }
202
203 ul.msg li.warning p, ul.msg li.warning div.msInf {
204 background: transparent url(images/warn.png) no-repeat 6px center;
205 }
206
207 ul.msg li.success {
208 background-color: #dfd;
209 border: solid 1px #0d0;
210 color: #060;
211 }
212
213 ul.msg li.success p,ul.msg li.success div.msInf {
214 background: transparent url(images/ok.png) no-repeat 6px center;
215 }
216
217 ul.msg li.info {
218 background-color: #ace;
219 color: #444;
220 border: solid 1px #369;
221 padding: 1px;
222 }
223
224 ul.msg li.info p,ul.msg li.info div.msInf {
225 background: transparent url(images/info.png) no-repeat 6px center;
226 }
227
228 ul.msg li.warning,ul.msg li.error,ul.msg li.success,ul.msg li.info
229 {
230 display:block;
231 }
232 ul.msg li p
233 {
234 display:block;
235 }
236
237 ul.msg li.error p.warning {
238 background: transparent url(images/warn.png) no-repeat 6px center;
239 }
240
241 ul.msg li .helpbox
242 {
243 font-weight:normal;
244 margin-left:0;
245 }
246
247 a.errorHelp
248 {
249 /*float:right;
250 margin-right:2em;
251 margin-top:-2em;*/
252 margin-left:0.5em;
253 }
254
255 .msInf a.shown
256 {
257 display:inline;
258 }
259
260 #tryNew
261 {
262 color:Red;
263 }
264 .orgHint
265 {
266 color:#AAAAAA;
267 }
268
269
270 span.acPromt,.skp
271 {
272 position:absolute;
273 left:-9999px;
274 }
275
276
277
278 #rgs
279 {
280 margin-left:35em;
281 white-space:nowrap;
282 }
283
284 #trdm
285 {
286 vertical-align:super;
287 font-size:small;
288 }
289
290 .print-log-res { position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden; }
291 .print-log-res li { list-style-image: none; }
292
293 /* jig toggler adjustments */
294 #content .ui-ncbitoggler.ui-widget, #content a.ui-ncbitoggler-open, #content a.ui-ncbitoggler-slave-open
295 {
296 font-size:100%;
297 }
298
299 .helplink.ui-widget
300 {
301 display:inline;
302 }
303
304
305 #content a.ui-ncbitoggler.ui-widget, #content a.ui-ncbitoggler-open
306 {
307 color:#336699;
308 }
309
310 #moreHelp span
311 {
312 visibility:visible;
313 }
314
315
316 #content #moreHelp.ui-ncbitoggler, #content #moreHelp.ui-ncbitoggler-open
317 {
318 font-size:80%;
319 }
320
321 #content .ui-ncbitoggler-slave-open
322 {
323 line-height:1.4em;
324 }
325
326 div.ui-ncbiautocomplete-holder {
327 font-size: 80%;
328 }
329 ul.ui-ncbiautocomplete-options li span{ color: red;}
330 .ytb,.section a.ytb
331 {
332 margin-bottom:-5px;
333 background: url("/core/assets/guide/images/YouTube.png") no-repeat scroll left center transparent !important;
334 height:22px;
335 padding-left:55px;
336 font-weight:normal;
337 }