/************/ /** HEADER **/ /************/ #Big_header{ background: url("./images/HeaderStriscia.jpg") repeat-x; height:131px; } #header{ #background: url("./images/HeaderPintron.jpg") no-repeat; background: url("./images/HeaderNew.jpg") no-repeat; height:129px; border-bottom-color: #888888; border-bottom-width: 2px; border-bottom-style: solid; } /************/ /** STRIPE **/ /************/ .top_stripe{ background-color: #FFFFFF; width:100%; height:32px; } #top_left{ background-color: #FFFFFF; float:left; width:200px; height:32px; } #top_right_box{ background-color:#FFFF99; width:100%; height:32px; } #top_right{ padding-left:220px; font-family:"Trebuchet MS","Bitstream Vera Sans", Verdana, Arial; font-size:12px; color:#003366; } #space{ height:250px; } /************/ /** SEARCH **/ /************/ #search_left{ background-color: #FFFFFF; float:left; width:200px; height:32px; } #search_box{ /* background-color: #FF9933; */ width:100%; height:32px; } #search{ padding-left:220px; padding-top:7px; font-family:"Trebuchet MS","Bitstream Vera Sans", Verdana, Arial; font-size:14px; font-weight:bold; } /********************/ /** Lateral Column **/ /********************/ #Column_left{ text-align:center; border-color: #888888; border-width: 2px; border-style: solid; border-left-width: 0px; border-top-width: 0px; background-color: #FFFFFF ; background: url("./images/column-bg.png") repeat-y; float:left; width:195px; } #Column_right{ background-color: #FFFF99; float:right; width:200px; height:600px; } /************/ /*** MAIN ***/ /************/ body { padding: 0; margin: 0;} #main{ font-family:"Trebuchet MS","Bitstream Vera Sans", Verdana, Arial; background-color: #FFFFFF; padding: 30px 0 0 240px; text-align:justify; font-size: 12px; color:#003366; } /******************/ /*** Menu table ***/ /******************/ table.header{ border:0px; } table.header td{ font-family:"Trebuchet MS","Bitstream Vera Sans", Verdana, Arial; font-size:12px; padding:2px; vertical-align:bottom; } table.header a{ text-decoration:none; } table.header a:link{ color:#003366; } table.header a:visited{ color:#003366; } table.tableView td:hover { background-color: #669ACC; color: #003366; } /* GENE INFO */ table.ginfo { width:850px; } table.ginfo td{ border: 1px #003366 solid; font-family:"Trebuchet MS","Bitstream Vera Sans", Verdana, Arial; font-size:12px; vertical-align:middle; padding-left:15px; padding-top:5px; background-color: #9CCEFF; color: #003366; } table.ginfo td.side{ border: 1px #006699 solid; font-weight:bold; font-family:"Trebuchet MS","Bitstream Vera Sans", Verdana, Arial; font-size:14px; padding-left:0px; padding-right:15px; width:280px; text-align:right; vertical-align:middle; } table.ginfo td:hover { background-color: #669ACC; color: #003366; } table.results{ width: 900px; } table.results th{ border: 1px #003366 solid; font-family:"Trebuchet MS","Bitstream Vera Sans", Verdana, Arial; font-size:12px; font-weight:bold; padding:10px; vertical-align:bottom; background-color: #9CCEFF; color: #003366; } table.results td.side{ border: 1px #003366 solid; font-weight:bold; font-family:"Trebuchet MS","Bitstream Vera Sans", Verdana, Arial; font-size:13px; padding:10px; vertical-align:middle; background-color: #9CCEFF; color: #003366; } table.results td.good_uniprot { text-align: center; } table.results td.bad_uniprot a{ color: #A00; } table.results td.bad_uniprot { text-align:center; } table.results td.good_uniprot a{ color: #003366; } table.results td{ border: 1px #003366 solid; font-family:"Trebuchet MS","Bitstream Vera Sans", Verdana, Arial; font-size:11px; padding:10px; vertical-align:bottom; background-color: #DDDDDD; color: #003366; } table.results td.even{ border: 1px #003366 solid; font-family:"Trebuchet MS","Bitstream Vera Sans", Verdana, Arial; font-size:11px; padding:10px; vertical-align:bottom; background-color: #FFFFFF; color: #888888; } table.results td:hover { background-color: #669ACC; color: #003366; } /* Tabella tooltip */ table.tooltip{ width: 300px; } table.tooltip th{ font-family:"Trebuchet MS","Bitstream Vera Sans", Verdana, Arial; font-size:14px; font-weight:bold; padding:10px; vertical-align:bottom; background-color: #669ACC; color: #003366; } table.tooltip td{ border: 1px #003366 solid; font-family:"Trebuchet MS","Bitstream Vera Sans", Verdana, Arial; font-size:11px; padding:10px; vertical-align:bottom; background-color: #9CCEFF; color: #003366; } table.tooltip_large{ width: 400px; } table.tooltip_large th{ font-family:"Trebuchet MS","Bitstream Vera Sans", Verdana, Arial; font-size:12px; font-weight:bold; padding:8px; vertical-align:bottom; background-color: #669ACC; color: #003366; } table.tooltip_large td{ border: 1px #003366 solid; font-family:"Trebuchet MS","Bitstream Vera Sans", Verdana, Arial; font-size:10px; padding:8px; vertical-align:bottom; background-color: #9CCEFF; color: #003366; } table.stats { width:150px; border-spacing: 0; margin: 1px; border: 1px #003366 solid; } table.stats th { font-family:"Trebuchet MS","Bitstream Vera Sans", Verdana, Arial; font-size:12px; font-weight:bold; padding:10px; border-bottom: 1px #003366 solid; background: url(./images/title-row.gif) repeat-x #9CCEFF; color: #003366; } table.stats td { font-family:"trebuchet ms","bitstream vera sans", verdana, arial; font-size:10px; padding:5px; background-color: #EEEEEE; border-bottom: 1px #888888 solid; color: #003366; } table.stats td.title{ font-family:"trebuchet ms","bitstream vera sans", verdana, arial; font-size:10px; padding:5px; background-color: #DDDDDD; border-bottom: 1px #888888 solid; background-color: #DDDDDD; color: #003366; } table.statsbig { width:400px; border-spacing: 0; margin: 1px; border: 1px #003366 solid; } table.statsbig th { font-family:"Trebuchet MS","Bitstream Vera Sans", Verdana, Arial; font-size:14px; font-weight:bold; padding:10px; border-bottom: 1px #003366 solid; background: url(./images/title-row.gif) repeat-x #9CCEFF; color: #003366; } table.statsbig td { font-family:"trebuchet ms","bitstream vera sans", verdana, arial; font-size:12px; padding:4px; background-color: #EEEEEE; border-bottom: 1px #888888 solid; color: #003366; } table.statsbig td.title{ font-family:"trebuchet ms","bitstream vera sans", verdana, arial; font-size:12px; padding:4px; background-color: #DDDDDD; border-bottom: 1px #888888 solid; background-color: #DDDDDD; color: #003366; } /* Blast form */ table.blast_form{ border-spacing: 0; margin: 1px; border: 1px #003366 solid; width:500px; } table.blast_form th{ font-family:"Trebuchet MS","Bitstream Vera Sans", Verdana, Arial; font-size:14px; font-weight:bold; padding:10px; vertical-align:bottom; border-bottom: 1px #003366 solid; background: url(./images/title-row.gif) repeat-x #9CCEFF; color: #003366; } table.blast_form td { font-family:"trebuchet ms","bitstream vera sans", verdana, arial; font-size:13px; padding:10px; vertical-align:bottom; background-color: #DDDDDD; border-bottom: 1px #888888 solid; color: #003366; } table.blast_form td.title{ font-family:"Trebuchet MS","Bitstream Vera Sans", Verdana, Arial; font-size:13px; padding:10px; width:120px; vertical-align:top; background: url(./images/table-left.png) repeat-y left #9CCEFF; border-right: 1px #888888 solid; color: #003366; } table.blast_form td.radio{ width: 25%; border: 0; } /* Search Form */ table.adv_search { border-spacing: 0; margin: 1px; border: 1px #003366 solid; width:700px; } table.adv_search th{ font-family:"Trebuchet MS","Bitstream Vera Sans", Verdana, Arial; font-size:14px; font-weight:bold; padding:10px; vertical-align:bottom; border-bottom: 1px #003366 solid; background: url(./images/title-row.gif) repeat-x #9CCEFF; color: #003366; } table.adv_search td { font-family:"trebuchet ms","bitstream vera sans", verdana, arial; font-size:13px; padding:10px; vertical-align:bottom; background-color: #DDDDDD; border-bottom: 1px #888888 solid; color: #003366; } table.adv_search td.title{ font-family:"Trebuchet MS","Bitstream Vera Sans", Verdana, Arial; font-size:13px; padding:10px; width:120px; vertical-align:top; background: url(./images/table-left.png) repeat-y left #9CCEFF; border-right: 1px #888888 solid; color: #003366; } table.adv_search td.radio{ width: 25%; border: 0; } /************/ /*** NEWS ***/ /************/ #news{ position:relative; float:right; margin-top:30px; margin-right: -155px; width: 180px; height:235px; } #news_button { margin: 0; margin-bottom: 5px; font-family:"Trebuchet MS","Bitstream Vera Sans", Verdana, Arial; font-weight: bold; font-size: 15px; display: block; padding: 5px 0px 5px 15px; background-color: #006699; color: #FFFF99; } /***************/ /*** RESULTS MENU ***/ /***************/ #navlist ul { margin: 0; padding: 0; border: none; text-align: left; } #navlist li { margin: 0; padding: 0; height:25px; text-align: left; } #navlist a:link, #navlist a:visited { background-color: #FFCC33; text-decoration: none; } #navlist a:hover { background-color: #669ACC; } .mylink, .mylink:visited { color: #FFFF99; font-family:"Trebuchet MS","Bitstream Vera Sans", Verdana, Arial; font-weight: bold; font-size: 15px; } .mylink:hover { color: #006699; background-color: #FFFF99; font-family:"Trebuchet MS","Bitstream Vera Sans", Verdana, Arial; font-weight: bold; font-size: 15px; } /***************/ /*** BUTTONS ***/ /***************/ #abuttons{ position:relative; float:left; margin-top:30px; margin-left: -155px; width: 180px; height:200px; text-align:right; } .people { position:static; margin-top:0px; margin-left:0px; padding-top:0px; padding-left:80px; width: 280px; height:200px; text-align:left; } .second_people { position:static; margin-left:0px; margin-top:0px; padding-top:0px; padding-left:280px; width: 380px; height:200px; text-align:right; } table.empty { font-family:"Trebuchet MS","Bitstream Vera Sans", Verdana, Arial; font-weight: bold; font-size: 12px; } #abuttons ul{ list-style: none; margin: 0; padding: 0; border: none; } #abuttons li{ margin: 0; margin-bottom: 5px; } #abuttons li a:hover { background-color: #003366; color:#FFFF99; } #abuttons a.diff { background-color:#9CCEFF ; color:#003366; } #abuttons li a { font-family:"Trebuchet MS","Bitstream Vera Sans", Verdana, Arial; font-weight: bold; font-size: 15px; display: block; padding: 5px 15px 5px 0px; background-color:#669ACC ; color:#003366; text-decoration: none; text-align:right; width: 180px; } #mybuttons{ margin-top:30px; width: 180px; border-color: #003366; border-width: 0px; border-style: solid; text-align:center; } #mybuttons ul{ text-align:center; list-style: none; margin: 0; padding: 0; border: none; } #mybuttons li{ /*border-bottom: 1px solid #90bade;*/ margin-top: 10px; margin-left: 10px; } #mybuttons li a { display: block; text-decoration: none; width: 160px; height: 40px; font-family:"Trebuchet MS","Bitstream Vera Sans", Verdana, Arial; font-weight: bold; font-size: 15px; background-image: url("./images/pulsante.png"); color:#003366; text-align:center; vertical-align:bottom; line-height:40px; } #mybuttons li a:hover { color:#FFFF99; } /*************/ /*** LOGOS ***/ /*************/ #logos{ background-color:#FFFF99; border: 1px #006699 solid; position:relative; float:left; margin-top:500px; margin-left: -200px; width: 240px; height:60px; text-align:center; } /**************/ /*** FOOTER ***/ /**************/ #footer{ background-color: #FF9933; width:100%; height:30px; text-align:right; } /******************/ /*** Search DIV ***/ /******************/ #title_row{ text-align:center; border: 0px; width:700px; font-family:"Trebuchet MS","Bitstream Vera Sans", Verdana, Arial; font-size:14px; font-weight:bold; padding:10px; vertical-align:bottom; background: url("./images/title-row.gif") repeat-x #9CCEFF; color: #003366; border: 1px solid #003366; border-bottom: none; } .search_row{ width:700px; background-color: #DDDDDD; border: 1px solid #003366; padding:10px; text-align:center; } .row{ width:700px; background-color: #DDDDDD; border: 1px solid #003366; border-bottom: none; padding-right:20px; } .left{ float:left; font-family:"Trebuchet MS","Bitstream Vera Sans", Verdana, Arial; font-size:13px; padding:12px; width:180px; vertical-align:top; background: url(./images/table-left.png) repeat-y left #DDDDDD; color: #003366; } .right{ width:490px; margin-left:180px; font-family:"trebuchet ms","bitstream vera sans", verdana, arial; font-size:13px; padding:10px; text-align:center; vertical-align:bottom; background-color: #DDDDDD; color: #003366; } #mystats{ margin-top:20px; width: 180px; height:250px; text-align:left; background-color:#FFFFFF ; color:#003366; border-color: #003366; border-width: 1px; border-style: solid; text-align:center; } tableView { border-color: #003366; border-width: 2px; border-style: solid; WIDTH: 850px; BORDER-COLLAPSE: collapse; } .tdView { BORDER: 2px inset blue; PADDING: 10px; } /***** newgraphics2 TOOLTIP *****/ div.e0 p { margin: 0; padding: 28px 0 0 160px; line-height: 25px; font-size: 11px; font-family: "Verdana", sans-serif; } div.e3 p { margin: 0; padding: 28px 0 0 160px; line-height: 25px; font-size: 11px; font-family: "Verdana", sans-serif; } div.e5 p { margin: 0; padding: 28px 0 0 160px; line-height: 25px; font-size: 11px; font-family: "Verdana", sans-serif; } div.e8 p { margin: 0; padding: 28px 0 0 160px; line-height: 25px; font-size: 11px; font-family: "Verdana", sans-serif; } div.i p { margin: 0; padding: 28px 0 0 160px; line-height: 25px; font-size: 11px; font-family: "Verdana", sans-serif; } div.t1 p { margin: 0; padding: 28px 0 0 160px; line-height: 25px; font-size: 11px; font-family: "Verdana", sans-serif; } div.t2 p { margin: 0; padding: 28px 0 0 160px; line-height: 25px; font-size: 11px; font-family: "Verdana", sans-serif; } div.e0 { /* exon senza 5'UTR o 3'UTR */ margin: 0; padding: 0; background: url(images/tooltip/tooltip_exon.png) no-repeat; height: 178px; width: 296px; } div.e3 { /* exon con 3'UTR */ margin: 0; padding: 0; background: url(images/tooltip/tooltip_exon3.png) no-repeat; height: 203px; width: 296px; } div.e5 /* exon con 5'UTR*/{ margin: 0; padding: 0; background: url(images/tooltip/tooltip_exon5.png) no-repeat; height: 203px; width: 296px; } div.e8 { /* exon con 5'UTR e 3'UTR */ margin: 0; padding: 0; background: url(images/tooltip/tooltip_exon53.png) no-repeat; height: 223px; width: 296px; } div.i { margin: 0; padding: 0; background: url(images/tooltip/tooltip_intron.png); height: 178px; width: 296px; } div.t1 { /* trascritto senza proteina associata */ margin: 0; padding: 0; background: url(images/tooltip/tooltip_transcript1.png); height: 128px; width: 296px; } div.t2 { /* trascritto con proteina associata */ margin: 0; padding: 0; background: url(images/tooltip/tooltip_transcript2.png); height: 153px; width: 296px; }