| blob | cf190f7300b5a0c46362cffbfe6f22173146594c |
1 /* NOTE: SGN blue is #ccccff */
2 /******************** GENERAL SITE STYLES **********************/
3 body {
10 }
12 }
16 }
20 }
23 }
24 table {
30 }
34 }
35 li {
37 }
38 td {
40 }
42 /*various places on the site use various headline size tags, so let's try to make them all the same*/
47 }
48 dt {
51 }
52 dd {
55 }
59 }
61 /* where to put the title image */
64 }
65 img#sgnlogo {
67 }
68 img#sgntext {
70 }
76 }
83 }
87 }
95 }
99 }
104 }
109 }
115 }
119 }
123 }
128 }
133 }
135 /* this is a centered page title, like 'BAC P00343' or 'Marker TM2' or whatever */
140 }
142 /* Developer Toolbar Style */
151 }
152 /**Everything visible is in a table, use this to style fonts**/
155 }
157 /* general div to make something a little more indented */
160 }
163 }
165 /* same effect as above, except for table cells. Don't make new pages that use this. */
168 }
169 /*generic text-align tags*/
172 }
175 }
178 }
180 /* the little tables at the top of search forms with */
181 /* the title of the search and a "select random" link */
184 }
189 }
192 }
195 }
198 }
200 /***************************** LINKS ************************************************************/
201 /* */
206 }
210 }
214 }
217 }
221 }
225 }
229 }
233 }
236 /* background: #ccccff; */
237 /* border: 1px solid #9f9fc7; */
238 }
240 /*makes a submit button that looks more like a link*/
247 }
248 /*makes a submit button that looks more like a link*/
255 }
257 /* for little "what's this" links leading to help pages */
262 }
266 }
270 }
272 /***************************** FONTS ************************************************************/
273 /*Don't add one if you can use one that's already here. It will keep our fonts more consistent. */
275 pre {
279 }
280 /* sequences should be displayed in a monospace font */
283 }
287 }
291 }
294 }
297 }
300 }
303 /*some old style used by koni in est.pl and unigene.pl*/
309 }
313 }
314 /* example text used in search pages */
318 }
321 }
324 }
327 }
329 /***************************** TEXT AND BACKGROUND COLORS ***************************************/
330 /*Don't add one if you can use one that's already here. It will keep our color scheme more consistent. */
332 /*bgcolorstatuses 1-4 show statuses with color (used on BAC registry, for instance)
334 span.bgcolorstatus1,
335 span.bgcolorstatus2,
336 span.bgcolorstatus3,
337 span.bgcolorstatus4,
338 span.bgcoloralt,
339 span.bgcolorselected a {
340 padding-left: 0.2em;
341 padding-right: 0.2em;
342 line-height: 1.3;
343 border: 1px solid #444444;
344 }
346 */
353 }
359 }
365 }
371 }
373 /*for lists of things with alternating colored backgrounds*/
376 }
379 }
380 /*to discreetly highlight an item*/
383 }
384 /*use class="sgnblue" instead of bgcolor="sgnblue"*/
387 }
388 /*important warning*/
393 }
394 /*not quite so important warning*/
398 }
401 }
402 /* used to highlight things in yellow, like bad regions of sequences */
405 }
406 /* used to indicate something is disabled or relatively unimportant. just like, um, ghosts */
409 }
410 /* used for special notices that are unusual, and to which the user's attention should be drawn */
413 }
417 }
418 /* for things you want to put in a subtly set-off box */
421 }
431 }
433 /* for things with tooltips. This styling indicates that a tooltip is available; you must remember to supply the tooltip also. For example:
434 <span class="help" onmouseover="return escape('have no fear, help is here')>Asdf</span>
435 <script language="javascript" type="text/javascript" src="/documents/inc/wz_tooltip.js></script>" */
440 }
443 /*nothing different*/
444 }
446 /***************************** INFO SECTIONS *******************************************************/
447 /*
448 You will probably not need these, because you can
449 just call the info_section_html() function that uses them
450 */
452 /*
453 these make a blue box like we like to use to divide
454 info pages into sections.
455 */
459 .sub_infosectionhead_empty
460 {
467 /* margin-right: 1em; */
469 }
470 /* sub-infosections have a gray heading */
472 .sub_infosectionhead_empty
473 {
477 }
479 /* empty infosections don't have such a big bottom margin */
481 .sub_infosectionhead_empty
482 {
484 }
489 .sub_infosectiontitle_empty
490 {
494 }
498 td.sub_infosectionsubtitle_empty
499 {
503 }
505 td.sub_infosectionsubtitle_empty
506 {
509 }
511 div.sub_infosectioncontent
512 {
514 }
516 td.sub_infosection_emptymessage
517 {
521 }
524 /************* COLLAPSIBLE THINGS (used by CXGN::Page::Widgets::collapser) ********************/
528 }
531 }
537 }
539 /************* TABBED PAGES ********************/
540 /* You will probably not need these, because you can
541 just call the tabset function that uses them */
543 /* styles for a set of tabs generated with SGN::tabset */
544 /* like those on bulk download and direct search */
545 /* classes to make a rounded box with some fill around an */
546 /* element */
551 }
555 /* width: 8em; */
556 }
563 }
568 }
574 /* position: absolute; */
576 }
579 }
582 }
588 }
593 }
598 }
605 }
610 }
615 }
621 }
627 }
633 }
640 }
647 }
649 /* now for the background images */
656 /* padding-top: 2px; */
657 }
664 }
666 /***************************** MULTILEVEL SELECT BOX *****************************************/
668 a.multilevel_modesel, a.multilevel_modesel:visited, a.multilevel_modesel_active, a.multilevel_modesel_active:visited,
669 a.multilevel_modesel_parent, a.multilevel_modesel_parent:visited, a.multilevel_modesel_parent_active, a.multilevel_modesel_parent_active:visited
670 {
685 }
690 }
696 }
700 }
704 }
707 }
710 }
713 }
719 }
724 }
729 }
733 }
738 }
741 /***************************** PAGINATED SEARCH RESULTS *****************************************/
743 /* for pagination next page and previous page */
744 /* buttons on search pages */
750 }
753 }
755 }
760 }
764 }
766 }
771 }
775 }
777 /* styles for paginated search results pages like bacsearch.pl and markersearch.pl*/
780 }
784 }
787 }
789 /***************************** HOME PAGE STUFF *********************/
790 /*Feel free to use elsewhere if you like. */
791 .boxheading
792 {
802 }
803 .boxcontent
804 {
807 }
808 .boxsubcontent
809 {
813 }
814 .subheading
815 {
817 }
818 .boxbgcolor1
819 {
822 }
823 .boxbgcolor2
824 {
831 }
832 .boxbgcolor3
833 {
840 }
841 .boxbgcolor4
842 {
848 }
849 .boxbgcolor5
850 {
856 }
857 .boxbgcolor6
863 }
864 .creativitylinks
865 {
867 }
870 /*********** TOOLBARS W/DROPDOWN MENUS ****************/
872 table#siteheader {
875 }
880 }
884 }
892 }
899 }
903 }
918 }
919 a.toolbar_item_first, a.toolbar_item_first:link, a.toolbar_item_first:visited, a.toolbar_item_first:active,
920 a.toolbar_item, a.toolbar_item:link, a.toolbar_item:visited, a.toolbar_item:active, span.toolbar_item {
929 }
935 }
940 }
944 }
951 }
956 }
966 }
971 }
974 /***************************** ODDS AND ENDS ****************************************************/
975 /*If you can't find what you need above, you can make a custom style here. */
977 .developererrorbox
978 {
985 }
987 table#developer_message_table {
990 }
993 }
998 {
1008 }
1012 }
1023 }
1028 }
1029 div.optional_show
1030 {
1032 }
1034 /*style for displaying a link instead of a button for 'optional_show' contents */
1039 }
1045 }
1047 /* style for displaying lists of links to file folders */
1048 /* currently used on bulk download ftp listing */
1052 }
1056 /* vertical-align: top; */
1057 }
1062 /* font-style: italic; */
1063 }
1067 }
1070 /* styles for displaying automatic (i.e. BLAST) annotation hits */
1074 }
1077 }
1081 }
1085 }
1088 }
1092 }
1096 }
1099 }
1102 }
1105 }
1111 }
1117 }
1122 }
1127 }
1130 /* styles for little info tables generated with CXGN::FormattingHelpers::info_table_html */
1135 }
1142 }
1145 }
1149 /* padding: 0 0.3em 0.4em 0.3em; */
1154 }
1158 }
1163 }
1167 }
1170 }
1174 /* font-family: monospace; */
1176 }
1180 /* background: #F5F5F5; */
1181 /* border: 1px solid #E5E5E5; */
1182 }
1186 }
1189 }
1192 /* styles for numerical range input in FormattingHelpers */
1195 }
1200 }
1202 /* Styles for SOL forum */
1210 }
1219 }
1221 /* for ajax fun */
1224 }
1226 /* styles for gbrowse (CGI::Toggle) */
1232 }
1236 }
1240 /* Re-style the inline MochiKit Logging Pane!: */
1241 div#_MochiKit_LoggingPane {
1243 }
1247 /* ----------------------------------------------------------------------------------------------------------------*/
1248 /* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
1249 /* ----------------------------------------------------------------------------------------------------------------*/
1251 /* ----------------------------------------------------------------------------------------------------------------*/
1252 /* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
1253 /* ----------------------------------------------------------------------------------------------------------------*/
1257 }
1262 }
1270 /* ----------------------------------------------------------------------------------------------------------------*/
1271 /* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
1272 /* ----------------------------------------------------------------------------------------------------------------*/
1280 }
1288 }
1292 height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
1293 }
1305 }
1309 margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
1310 }
1319 }
1325 }
1331 }
1338 }
1344 }
1349 }
1357 }
1361 }
1365 }
1376 }
1380 margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
1381 }
1395 }
1399 height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
1400 }
1408 }