| blob | 05b613c65ba2382ff78bcc8216fdd67c2ce6263e |
1 /* NOTE: SGN blue is #ccccff */
2 /******************** GENERAL SITE STYLES **********************/
3 /*various places on the site use various headline size tags, so let's try to make them all the same*/
6 body {
12 }
13 dt {
16 }
17 dd {
20 }
24 }
26 /* where to put the title image */
29 }
30 img {
32 }
34 img#sgnlogo {
36 }
37 img#sgntext {
39 }
45 }
51 }
55 }
64 }
65 /*a.external, a[href ^="http:"] {
66 background: url(/documents/img/external.png) center right no-repeat;
67 padding-right: 13px;
68 }*/
73 }
78 }
84 }
88 }
92 }
97 }
102 }
104 /* this is a centered page title, like 'BAC P00343' or 'Marker TM2' or whatever */
109 }
114 }
116 /* Developer Toolbar Style */
125 }
126 /**Everything visible is in a table, use this to style fonts**/
129 }
131 /* general div to make something a little more indented */
134 }
137 }
139 /* same effect as above, except for table cells. Don't make new pages that use this. */
142 }
143 /*generic text-align tags*/
146 }
149 }
152 }
154 /* the little tables at the top of search forms with */
155 /* the title of the search and a "select random" link */
158 }
163 }
166 }
169 }
172 }
174 /***************************** LINKS ************************************************************/
175 /* */
180 }
184 }
188 }
192 }
196 }
200 }
204 }
208 }
211 /* background: #ccccff; */
212 /* border: 1px solid #9f9fc7; */
213 }
215 /*makes a submit button that looks more like a link*/
222 }
223 /*makes a submit button that looks more like a link*/
230 }
232 /* for little "what's this" links leading to help pages */
237 }
241 }
245 }
247 /***************************** FONTS ************************************************************/
248 /*Don't add one if you can use one that's already here. It will keep our fonts more consistent. */
250 pre {
254 }
255 /* sequences should be displayed in a monospace font */
258 }
262 }
266 }
269 }
272 }
275 }
278 /*some old style used by koni in est.pl and unigene.pl*/
284 }
288 }
289 /* example text used in search pages */
293 }
296 }
299 }
302 }
304 /***************************** TEXT AND BACKGROUND COLORS ***************************************/
305 /*Don't add one if you can use one that's already here. It will keep our color scheme more consistent. */
307 /*bgcolorstatuses 1-4 show statuses with color (used on BAC registry, for instance)
309 span.bgcolorstatus1,
310 span.bgcolorstatus2,
311 span.bgcolorstatus3,
312 span.bgcolorstatus4,
313 span.bgcoloralt,
314 span.bgcolorselected a {
315 padding-left: 0.2em;
316 padding-right: 0.2em;
317 line-height: 1.3;
318 border: 1px solid #444444;
319 }
321 */
328 }
334 }
340 }
346 }
348 /*for lists of things with alternating colored backgrounds*/
351 }
354 }
355 /*to discreetly highlight an item*/
358 }
359 /*use class="sgnblue" instead of bgcolor="sgnblue"*/
362 }
363 /*important warning*/
368 }
369 /*not quite so important warning*/
373 }
376 }
377 /* used to highlight things in yellow, like bad regions of sequences */
380 }
381 /* used to indicate something is disabled or relatively unimportant. just like, um, ghosts */
384 }
385 /* used for special notices that are unusual, and to which the user's attention should be drawn */
388 }
392 }
393 /* for things you want to put in a subtly set-off box */
396 }
406 }
411 }
414 /*nothing different*/
415 }
417 /***************************** INFO SECTIONS *******************************************************/
418 /*
419 You will probably not need these, because you can
420 just call the info_section_html() function that uses them
421 */
423 /*
424 these make a blue box like we like to use to divide
425 info pages into sections.
426 */
430 .sub_infosectionhead_empty
431 {
432 /*width: 99%;*/
435 /*margin-bottom: 6px;
436 margin-left: 5px;
437 padding: 1px 0px 3px 2px;*/
438 /*margin-right: 1em; */
439 /*border: 1px solid #9f9fc7;*/
446 }
447 /* sub-infosections have a gray heading */
449 .sub_infosectionhead_empty
450 {
451 /* background: #efefef;
452 border-color: #c2c2c2;
453 border-width: 1px;*/
458 }
460 /* empty infosections don't have such a big bottom margin */
462 .sub_infosectionhead_empty
463 {
465 }
470 .sub_infosectiontitle_empty
471 {
476 }
480 td.sub_infosectionsubtitle_empty
481 {
485 }
487 td.sub_infosectionsubtitle_empty
488 {
491 }
493 div.sub_infosectioncontent
494 {
496 }
498 td.sub_infosection_emptymessage
499 {
503 }
506 /************* COLLAPSIBLE THINGS (used by CXGN::Page::Widgets::collapser) ********************/
510 }
513 }
519 }
521 /************* TABBED PAGES ********************/
522 /* You will probably not need these, because you can
523 just call the tabset function that uses them */
525 /* styles for a set of tabs generated with SGN::tabset */
526 /* like those on bulk download and direct search */
527 /* classes to make a rounded box with some fill around an */
528 /* element */
533 }
537 /* width: 8em; */
538 }
545 }
550 }
556 /* position: absolute; */
558 }
561 }
564 }
570 }
575 }
580 }
587 }
592 }
597 }
603 }
609 }
615 }
622 }
629 }
631 /* now for the background images */
638 /* padding-top: 2px; */
639 }
646 }
648 /***************************** MULTILEVEL SELECT BOX *****************************************/
650 a.multilevel_modesel, a.multilevel_modesel:visited, a.multilevel_modesel_active, a.multilevel_modesel_active:visited,
651 a.multilevel_modesel_parent, a.multilevel_modesel_parent:visited, a.multilevel_modesel_parent_active, a.multilevel_modesel_parent_active:visited
652 {
667 }
672 }
678 }
682 }
686 }
689 }
692 }
695 }
701 }
706 }
711 }
715 }
720 }
723 /***************************** PAGINATED SEARCH RESULTS *****************************************/
725 /* for pagination next page and previous page */
726 /* buttons on search pages */
732 }
735 }
737 }
742 }
747 }
750 }
755 }
758 }
764 }
766 /* styles for paginated search results pages like bacsearch.pl and markersearch.pl*/
769 }
773 }
776 }
778 /***************************** HOME PAGE STUFF *********************/
779 /*Feel free to use elsewhere if you like. */
780 .boxheading
781 {
792 }
793 .boxcontent
794 {
797 }
798 .boxsubcontent
799 {
803 }
804 .subheading
805 {
807 }
808 .boxbgcolor1
809 {
812 }
813 .boxbgcolor2
814 {
821 }
822 .boxbgcolor3
823 {
830 }
831 .boxbgcolor4
832 {
838 }
839 .boxbgcolor5
840 {
846 }
847 .boxbgcolor6
853 }
855 /*********** TOOLBARS W/DROPDOWN MENUS ****************/
857 table#siteheader {
860 }
868 }
872 }
880 }
887 }
891 }
906 }
907 a.toolbar_item_first, a.toolbar_item_first:link, a.toolbar_item_first:visited, a.toolbar_item_first:active,
908 a.toolbar_item, a.toolbar_item:link, a.toolbar_item:visited, a.toolbar_item:active, span.toolbar_item {
917 }
923 }
928 }
932 }
939 }
944 }
954 }
959 }
962 /***************************** ODDS AND ENDS ****************************************************/
963 /*If you can't find what you need above, you can make a custom style here. */
965 .developererrorbox
966 {
973 }
975 table#developer_message_table {
978 }
981 }
983 div.optional_show
984 {
991 }
1000 }
1004 }
1007 }
1015 }
1018 }
1021 /*style for displaying a link instead of a button for 'optional_show' contents */
1026 }
1032 }
1034 /* style for displaying lists of links to file folders */
1035 /* currently used on bulk download ftp listing */
1039 }
1043 /* vertical-align: top; */
1044 }
1049 /* font-style: italic; */
1050 }
1054 }
1057 /* styles for displaying automatic (i.e. BLAST) annotation hits */
1061 }
1064 }
1068 }
1072 }
1075 }
1079 }
1083 }
1086 }
1089 }
1092 }
1098 }
1104 }
1109 }
1114 }
1117 /* styles for little info tables generated with CXGN::FormattingHelpers::info_table_html */
1122 }
1129 }
1132 }
1136 /* padding: 0 0.3em 0.4em 0.3em; */
1141 }
1145 }
1150 }
1154 }
1157 }
1161 /* font-family: monospace; */
1163 }
1167 }
1172 }
1175 }
1178 /* styles for numerical range input in FormattingHelpers */
1181 }
1186 }
1188 /* Styles for SOL forum */
1196 }
1205 }
1207 /* styles for gbrowse (CGI::Toggle) */
1213 }
1217 }
1221 /* Re-style the inline MochiKit Logging Pane!: */
1222 div#_MochiKit_LoggingPane {
1224 }
1229 }
1230 /* publication styles */
1235 }
1242 }
1246 }
1252 }
1255 }
1257 /* styles for standard renderings of CrossReference objects */
1261 }
1264 }
1274 }
1277 }
1282 }
1285 /* styles for jquery.simpletooltip */
1291 }
1298 }
1302 }
1306 /* cassavabase additions */
1309 /* CSS Document */
1312 h1,
1313 h2,
1314 h3,
1315 h4,
1316 h5,
1317 h6 {
1323 }
1328 h4,
1329 h5,
1365 }
1373 /* Buttons in IE7 don't get borders, so darken on hover */
1381 }
1386 hr {
1391 }
1426 }