| blob | 7cac9cd23ba728d97e94900afe7f3db5a3b3e987 |
1 /* NOTE: SGN blue is #ccccff */
2 /******************** GENERAL SITE STYLES **********************/
3 body {
9 }
11 }
15 }
19 }
22 }
23 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 {
67 }
69 img#sgnlogo {
71 }
72 img#sgntext {
74 }
80 }
87 }
91 }
99 }
103 }
108 }
113 }
119 }
123 }
127 }
132 }
137 }
139 /* this is a centered page title, like 'BAC P00343' or 'Marker TM2' or whatever */
144 }
149 }
151 /* Developer Toolbar Style */
160 }
161 /**Everything visible is in a table, use this to style fonts**/
164 }
166 /* general div to make something a little more indented */
169 }
172 }
174 /* same effect as above, except for table cells. Don't make new pages that use this. */
177 }
178 /*generic text-align tags*/
181 }
184 }
187 }
189 /* the little tables at the top of search forms with */
190 /* the title of the search and a "select random" link */
193 }
198 }
201 }
204 }
207 }
209 /***************************** LINKS ************************************************************/
210 /* */
215 }
219 }
223 }
226 }
230 }
234 }
238 }
242 }
245 /* background: #ccccff; */
246 /* border: 1px solid #9f9fc7; */
247 }
249 /*makes a submit button that looks more like a link*/
256 }
257 /*makes a submit button that looks more like a link*/
264 }
266 /* for little "what's this" links leading to help pages */
271 }
275 }
279 }
281 /***************************** FONTS ************************************************************/
282 /*Don't add one if you can use one that's already here. It will keep our fonts more consistent. */
284 pre {
288 }
289 /* sequences should be displayed in a monospace font */
292 }
296 }
300 }
303 }
306 }
309 }
312 /*some old style used by koni in est.pl and unigene.pl*/
318 }
322 }
323 /* example text used in search pages */
327 }
330 }
333 }
336 }
338 /***************************** TEXT AND BACKGROUND COLORS ***************************************/
339 /*Don't add one if you can use one that's already here. It will keep our color scheme more consistent. */
341 /*bgcolorstatuses 1-4 show statuses with color (used on BAC registry, for instance)
343 span.bgcolorstatus1,
344 span.bgcolorstatus2,
345 span.bgcolorstatus3,
346 span.bgcolorstatus4,
347 span.bgcoloralt,
348 span.bgcolorselected a {
349 padding-left: 0.2em;
350 padding-right: 0.2em;
351 line-height: 1.3;
352 border: 1px solid #444444;
353 }
355 */
362 }
368 }
374 }
380 }
382 /*for lists of things with alternating colored backgrounds*/
385 }
388 }
389 /*to discreetly highlight an item*/
392 }
393 /*use class="sgnblue" instead of bgcolor="sgnblue"*/
396 }
397 /*important warning*/
402 }
403 /*not quite so important warning*/
407 }
410 }
411 /* used to highlight things in yellow, like bad regions of sequences */
414 }
415 /* used to indicate something is disabled or relatively unimportant. just like, um, ghosts */
418 }
419 /* used for special notices that are unusual, and to which the user's attention should be drawn */
422 }
426 }
427 /* for things you want to put in a subtly set-off box */
430 }
440 }
445 }
448 /*nothing different*/
449 }
451 /***************************** INFO SECTIONS *******************************************************/
452 /*
453 You will probably not need these, because you can
454 just call the info_section_html() function that uses them
455 */
457 /*
458 these make a blue box like we like to use to divide
459 info pages into sections.
460 */
464 .sub_infosectionhead_empty
465 {
472 /* margin-right: 1em; */
474 }
475 /* sub-infosections have a gray heading */
477 .sub_infosectionhead_empty
478 {
482 }
484 /* empty infosections don't have such a big bottom margin */
486 .sub_infosectionhead_empty
487 {
489 }
494 .sub_infosectiontitle_empty
495 {
500 }
504 td.sub_infosectionsubtitle_empty
505 {
509 }
511 td.sub_infosectionsubtitle_empty
512 {
515 }
517 div.sub_infosectioncontent
518 {
520 }
522 td.sub_infosection_emptymessage
523 {
527 }
530 /************* COLLAPSIBLE THINGS (used by CXGN::Page::Widgets::collapser) ********************/
534 }
537 }
543 }
545 /************* TABBED PAGES ********************/
546 /* You will probably not need these, because you can
547 just call the tabset function that uses them */
549 /* styles for a set of tabs generated with SGN::tabset */
550 /* like those on bulk download and direct search */
551 /* classes to make a rounded box with some fill around an */
552 /* element */
557 }
561 /* width: 8em; */
562 }
569 }
574 }
580 /* position: absolute; */
582 }
585 }
588 }
594 }
599 }
604 }
611 }
616 }
621 }
627 }
633 }
639 }
646 }
653 }
655 /* now for the background images */
662 /* padding-top: 2px; */
663 }
670 }
672 /***************************** MULTILEVEL SELECT BOX *****************************************/
674 a.multilevel_modesel, a.multilevel_modesel:visited, a.multilevel_modesel_active, a.multilevel_modesel_active:visited,
675 a.multilevel_modesel_parent, a.multilevel_modesel_parent:visited, a.multilevel_modesel_parent_active, a.multilevel_modesel_parent_active:visited
676 {
691 }
696 }
702 }
706 }
710 }
713 }
716 }
719 }
725 }
730 }
735 }
739 }
744 }
747 /***************************** PAGINATED SEARCH RESULTS *****************************************/
749 /* for pagination next page and previous page */
750 /* buttons on search pages */
756 }
759 }
761 }
766 }
771 }
774 }
779 }
782 }
788 }
790 /* styles for paginated search results pages like bacsearch.pl and markersearch.pl*/
793 }
797 }
800 }
802 /***************************** HOME PAGE STUFF *********************/
803 /*Feel free to use elsewhere if you like. */
804 .boxheading
805 {
815 }
816 .boxcontent
817 {
820 }
821 .boxsubcontent
822 {
826 }
827 .subheading
828 {
830 }
831 .boxbgcolor1
832 {
835 }
836 .boxbgcolor2
837 {
844 }
845 .boxbgcolor3
846 {
853 }
854 .boxbgcolor4
855 {
861 }
862 .boxbgcolor5
863 {
869 }
870 .boxbgcolor6
876 }
878 /*********** TOOLBARS W/DROPDOWN MENUS ****************/
880 table#siteheader {
883 }
891 }
895 }
903 }
910 }
914 }
929 }
930 a.toolbar_item_first, a.toolbar_item_first:link, a.toolbar_item_first:visited, a.toolbar_item_first:active,
931 a.toolbar_item, a.toolbar_item:link, a.toolbar_item:visited, a.toolbar_item:active, span.toolbar_item {
940 }
946 }
951 }
955 }
962 }
967 }
977 }
982 }
985 /***************************** ODDS AND ENDS ****************************************************/
986 /*If you can't find what you need above, you can make a custom style here. */
988 .developererrorbox
989 {
996 }
998 table#developer_message_table {
1001 }
1004 }
1006 div.optional_show
1007 {
1014 }
1023 }
1027 }
1030 }
1038 }
1041 }
1044 /*style for displaying a link instead of a button for 'optional_show' contents */
1049 }
1055 }
1057 /* style for displaying lists of links to file folders */
1058 /* currently used on bulk download ftp listing */
1062 }
1066 /* vertical-align: top; */
1067 }
1072 /* font-style: italic; */
1073 }
1077 }
1080 /* styles for displaying automatic (i.e. BLAST) annotation hits */
1084 }
1087 }
1091 }
1095 }
1098 }
1102 }
1106 }
1109 }
1112 }
1115 }
1121 }
1127 }
1132 }
1137 }
1140 /* styles for little info tables generated with CXGN::FormattingHelpers::info_table_html */
1145 }
1152 }
1155 }
1159 /* padding: 0 0.3em 0.4em 0.3em; */
1164 }
1168 }
1173 }
1177 }
1180 }
1184 /* font-family: monospace; */
1186 }
1190 }
1195 }
1198 }
1201 /* styles for numerical range input in FormattingHelpers */
1204 }
1209 }
1211 /* Styles for SOL forum */
1219 }
1228 }
1230 /* styles for gbrowse (CGI::Toggle) */
1236 }
1240 }
1244 /* Re-style the inline MochiKit Logging Pane!: */
1245 div#_MochiKit_LoggingPane {
1247 }
1252 }
1253 /* publication styles */
1258 }
1265 }
1269 }
1275 }
1278 }
1280 /* styles for standard renderings of CrossReference objects */
1284 }
1287 }
1297 }
1300 }
1305 }
1308 /* styles for jquery.simpletooltip */
1314 }
1321 }
1325 }