| blob | 95e27745b0d13836427e9ae6f99fa6cc8571c790 |
1 /* NOTE: SGN blue is #ccccff */
2 /******************** GENERAL SITE STYLES **********************/
3 body {
9 }
11 }
15 }
19 }
22 }
23 table {
29 }
33 }
34 li {
36 }
37 td {
39 }
41 /*various places on the site use various headline size tags, so let's try to make them all the same*/
46 }
47 dt {
50 }
51 dd {
54 }
58 }
60 /* where to put the title image */
63 }
64 img {
66 }
68 img#sgnlogo {
70 }
71 img#sgntext {
73 }
79 }
86 }
90 }
98 }
102 }
107 }
112 }
118 }
122 }
126 }
131 }
136 }
138 /* this is a centered page title, like 'BAC P00343' or 'Marker TM2' or whatever */
143 }
148 }
150 /* Developer Toolbar Style */
159 }
160 /**Everything visible is in a table, use this to style fonts**/
163 }
165 /* general div to make something a little more indented */
168 }
171 }
173 /* same effect as above, except for table cells. Don't make new pages that use this. */
176 }
177 /*generic text-align tags*/
180 }
183 }
186 }
188 /* the little tables at the top of search forms with */
189 /* the title of the search and a "select random" link */
192 }
197 }
200 }
203 }
206 }
208 /***************************** LINKS ************************************************************/
209 /* */
214 }
218 }
222 }
225 }
229 }
233 }
237 }
241 }
244 /* background: #ccccff; */
245 /* border: 1px solid #9f9fc7; */
246 }
248 /*makes a submit button that looks more like a link*/
255 }
256 /*makes a submit button that looks more like a link*/
263 }
265 /* for little "what's this" links leading to help pages */
270 }
274 }
278 }
280 /***************************** FONTS ************************************************************/
281 /*Don't add one if you can use one that's already here. It will keep our fonts more consistent. */
283 pre {
287 }
288 /* sequences should be displayed in a monospace font */
291 }
295 }
299 }
302 }
305 }
308 }
311 /*some old style used by koni in est.pl and unigene.pl*/
317 }
321 }
322 /* example text used in search pages */
326 }
329 }
332 }
335 }
337 /***************************** TEXT AND BACKGROUND COLORS ***************************************/
338 /*Don't add one if you can use one that's already here. It will keep our color scheme more consistent. */
340 /*bgcolorstatuses 1-4 show statuses with color (used on BAC registry, for instance)
342 span.bgcolorstatus1,
343 span.bgcolorstatus2,
344 span.bgcolorstatus3,
345 span.bgcolorstatus4,
346 span.bgcoloralt,
347 span.bgcolorselected a {
348 padding-left: 0.2em;
349 padding-right: 0.2em;
350 line-height: 1.3;
351 border: 1px solid #444444;
352 }
354 */
361 }
367 }
373 }
379 }
381 /*for lists of things with alternating colored backgrounds*/
384 }
387 }
388 /*to discreetly highlight an item*/
391 }
392 /*use class="sgnblue" instead of bgcolor="sgnblue"*/
395 }
396 /*important warning*/
401 }
402 /*not quite so important warning*/
406 }
409 }
410 /* used to highlight things in yellow, like bad regions of sequences */
413 }
414 /* used to indicate something is disabled or relatively unimportant. just like, um, ghosts */
417 }
418 /* used for special notices that are unusual, and to which the user's attention should be drawn */
421 }
425 }
426 /* for things you want to put in a subtly set-off box */
429 }
439 }
444 }
447 /*nothing different*/
448 }
450 /***************************** INFO SECTIONS *******************************************************/
451 /*
452 You will probably not need these, because you can
453 just call the info_section_html() function that uses them
454 */
456 /*
457 these make a blue box like we like to use to divide
458 info pages into sections.
459 */
463 .sub_infosectionhead_empty
464 {
471 /* margin-right: 1em; */
473 }
474 /* sub-infosections have a gray heading */
476 .sub_infosectionhead_empty
477 {
481 }
483 /* empty infosections don't have such a big bottom margin */
485 .sub_infosectionhead_empty
486 {
488 }
493 .sub_infosectiontitle_empty
494 {
498 }
502 td.sub_infosectionsubtitle_empty
503 {
507 }
509 td.sub_infosectionsubtitle_empty
510 {
513 }
515 div.sub_infosectioncontent
516 {
518 }
520 td.sub_infosection_emptymessage
521 {
525 }
528 /************* COLLAPSIBLE THINGS (used by CXGN::Page::Widgets::collapser) ********************/
532 }
535 }
541 }
543 /************* TABBED PAGES ********************/
544 /* You will probably not need these, because you can
545 just call the tabset function that uses them */
547 /* styles for a set of tabs generated with SGN::tabset */
548 /* like those on bulk download and direct search */
549 /* classes to make a rounded box with some fill around an */
550 /* element */
555 }
559 /* width: 8em; */
560 }
567 }
572 }
578 /* position: absolute; */
580 }
583 }
586 }
592 }
597 }
602 }
609 }
614 }
619 }
625 }
631 }
637 }
644 }
651 }
653 /* now for the background images */
660 /* padding-top: 2px; */
661 }
668 }
670 /***************************** MULTILEVEL SELECT BOX *****************************************/
672 a.multilevel_modesel, a.multilevel_modesel:visited, a.multilevel_modesel_active, a.multilevel_modesel_active:visited,
673 a.multilevel_modesel_parent, a.multilevel_modesel_parent:visited, a.multilevel_modesel_parent_active, a.multilevel_modesel_parent_active:visited
674 {
689 }
694 }
700 }
704 }
708 }
711 }
714 }
717 }
723 }
728 }
733 }
737 }
742 }
745 /***************************** PAGINATED SEARCH RESULTS *****************************************/
747 /* for pagination next page and previous page */
748 /* buttons on search pages */
754 }
757 }
759 }
764 }
768 }
770 }
775 }
779 }
784 }
786 /* styles for paginated search results pages like bacsearch.pl and markersearch.pl*/
789 }
793 }
796 }
798 /***************************** HOME PAGE STUFF *********************/
799 /*Feel free to use elsewhere if you like. */
800 .boxheading
801 {
811 }
812 .boxcontent
813 {
816 }
817 .boxsubcontent
818 {
822 }
823 .subheading
824 {
826 }
827 .boxbgcolor1
828 {
831 }
832 .boxbgcolor2
833 {
840 }
841 .boxbgcolor3
842 {
849 }
850 .boxbgcolor4
851 {
857 }
858 .boxbgcolor5
859 {
865 }
866 .boxbgcolor6
872 }
874 /*********** TOOLBARS W/DROPDOWN MENUS ****************/
876 table#siteheader {
879 }
884 }
888 }
896 }
903 }
907 }
922 }
923 a.toolbar_item_first, a.toolbar_item_first:link, a.toolbar_item_first:visited, a.toolbar_item_first:active,
924 a.toolbar_item, a.toolbar_item:link, a.toolbar_item:visited, a.toolbar_item:active, span.toolbar_item {
933 }
939 }
944 }
948 }
955 }
960 }
970 }
975 }
978 /***************************** ODDS AND ENDS ****************************************************/
979 /*If you can't find what you need above, you can make a custom style here. */
981 .developererrorbox
982 {
989 }
991 table#developer_message_table {
994 }
997 }
999 div.optional_show
1000 {
1007 }
1016 }
1020 }
1023 }
1031 }
1034 }
1037 /*style for displaying a link instead of a button for 'optional_show' contents */
1042 }
1048 }
1050 /* style for displaying lists of links to file folders */
1051 /* currently used on bulk download ftp listing */
1055 }
1059 /* vertical-align: top; */
1060 }
1065 /* font-style: italic; */
1066 }
1070 }
1073 /* styles for displaying automatic (i.e. BLAST) annotation hits */
1077 }
1080 }
1084 }
1088 }
1091 }
1095 }
1099 }
1102 }
1105 }
1108 }
1114 }
1120 }
1125 }
1130 }
1133 /* styles for little info tables generated with CXGN::FormattingHelpers::info_table_html */
1138 }
1145 }
1148 }
1152 /* padding: 0 0.3em 0.4em 0.3em; */
1157 }
1161 }
1166 }
1170 }
1173 }
1177 /* font-family: monospace; */
1179 }
1183 /* background: #F5F5F5; */
1184 /* border: 1px solid #E5E5E5; */
1185 }
1189 }
1192 }
1195 /* styles for numerical range input in FormattingHelpers */
1198 }
1203 }
1205 /* Styles for SOL forum */
1213 }
1222 }
1224 /* styles for gbrowse (CGI::Toggle) */
1230 }
1234 }
1238 /* Re-style the inline MochiKit Logging Pane!: */
1239 div#_MochiKit_LoggingPane {
1241 }
1246 }
1247 /* publication styles */
1252 }
1259 }
1263 }
1269 }
1272 }
1274 /* styles for standard renderings of CrossReference objects */
1278 }
1281 }
1290 }
1293 }
1298 }
1301 /* styles for jquery.simpletooltip */
1307 }