view NCBI Blast reference example_files/results.css @ 120:2729c2326235

Fix for Rikilt issue 13 Hit e-value and identity% should be taken from the hsp with the highest bit score. Previously each of these values was calculated independently. Also use arrays for cover calculation instead of python lists and refactor the hit_info() code a bit.
author Jan Kanis <jan.code@jankanis.nl>
date Thu, 31 Jul 2014 16:14:36 +0200
parents 344cd76f6fd2
children
line wrap: on
line source

#summary {
font-size:1.2em;
}
#summary {
margin-top:0pt;
padding-bottom:1em;
padding-top:0.5em;
font-family:Verdana,Arial,Sans-Serif;
font-size:90%;

}
#summarylists {
margin:1em 0pt 0pt;
overflow:hidden;
}
#seealso {
margin-left:2em;
}
#querysummary {
float:left;
padding:0pt;
width:49%;
}
#dbsummary {
margin-left:51%;
padding:0pt;
}
#summary dl {
margin:0pt 0pt 0.5em;
padding:0pt;
}
#summary dt, #summary dd {
line-height:1.4em;
}
#summary dt {
float:left;
font-weight:bold;
text-align:right;
width:10em;
margin-top:0;
}
#summary dd {
margin-left:11em;
white-space:normal !important;
overflow:hidden;
}
#summary h3 {
color:#444444;
font-style:italic;
margin-bottom:-0.5em;
margin-top:0pt;
text-align:center;
}

#multipleSeqs {
font-weight: bold;
}
#multipleSeqs a {
font-size:80%;
font-weight:normal;
}
#breadcrumb {
background:transparent url(images/right-arrow.gif) no-repeat scroll left center;
font-size:93%;
font-weight:bold;
margin-top:-5px;
padding:0pt 6px 0pt 12px;
}
#breadcrumb a {
color:#336699;
}

#jobTitle
{
color:#669;
/*color:#2A6980;*/
font-weight:bold;
margin-bottom:-0.5em;
}

#type-a #content-wrap {white-space:normal; padding-bottom:2em;}

#statInfo
{
    font-size:100%;
}


#resMsg 
{
background-color:#FFFFCC;
font-size:110%;
/*margin-top:4em;
padding-left:0.5em;*/
text-align:center;
}

#seealso label
{
    display:inline;    
}    

#seealso a 
{
    padding: 0,4px;
}

a.shown 
{
    display:inline;
}


table.dbInfo
{
    width:50%;
    border:solid 1px gray;
    font-size:100%;
    border-collapse:collapse; 
    margin-top:1em;       
}
table.dbInfo td,
table.dbInfo caption 
{
   border:solid 1px gray;   
   padding: 1px 4px;   
}
table.dbInfo caption {
    background-color:#acf;
    text-align:center;
    border-bottom:none;
    margin-bottom:-0.2em;        
    font-weight:bold;
    margin-top:1em;
}
#resStat, #dbDetails
{
    padding-left:25%;
}

table.dbInfo td
{
    text-align:left;
}

table.dbInfo th {
visibility:hidden;
/*padding:0;*/
}


table.dbInfo th div {
height:0;
}

table#Kappa pre
{
    font-size:120%;
}


/****** Mark new rules ************/
/* override main.css rules */
#type-a #content {
margin: 0 2em;
}

#type-a h1 {
font-size: 150%;
margin-bottom: 1em;
border-top: solid 1px #ccc;
}

#type-a h2 {
font-size: 125%;
color: #666;
}

#type-a h3 {
border: none;
font-size: 110%;
}
#graphic {
text-align: center;
margin: auto;
}

#multipleSeqs label {
width: 9em;
height: 1em;
text-align: right;
margin-right: 0;
padding: 0 1em;
float: left;
}
#multipleSeqs select {
margin-right: 1em;
font-size: 95%;
}
#multipleSeqs input {
font-size: 95%;
margin-top: -0.25em;
margin-right: 1em;
}
label.other {
font-size: 110%;
font-weight: bold;
}
form#results
{
    display:none;
}

#hdLink
{
    margin-top:-1.2em;
    float:right;
}

#hdTitle
{
    margin-left:5em;
}
.shownInl
{
    display:inline;
}

#psiHd
{
    margin-top:1em;
}

#phiInfo
{
    text-align:center;
    color:Green;    
    font-size:110%;
    margin-top:1em;    
}
#ht
{    
font-weight:bold;
margin-bottom:-0.9em;
margin-top:0.2em;
text-align:center;
}

.psiThresh
{
    text-align:center;
    color:Green;
    font-weight:bold;
}

#psiThreshA span.shown,#psiThreshB span.shown
{
    display:inline;
}

a.resArr
{
    color:#666;
    font-size:120%;
    font-weight:bold;    
}

a.arrowlink.showing 
{
    background-image: url(images/down.gif);
}

#graphic table
{
    background-color:White;
}

#type-a #content
{
    background-color:#D3DFF5;
    border:1px solid #888888;
    padding:0 0.5em;
    zoom:1;
}

.resBox
{
    background-color:#eee;
    margin-right:1em;
    color:#222;
    zoom:1;
}

.resBox1
{
    background-color:white;    
}

#tryNew,.hl
{
    color:Red;
}

/*#tryNew
{
    margin-right:20em;
}*/


div#vecSrceen {
margin-bottom:0pt;
margin-left:17%;
margin-top:0pt;
padding-left:2em;
white-space:pre;
width:64%;
zoom:1;
}

.psiInp
{
    white-space:normal;
    margin-bottom:1.5em;
}

.seqlinks label
{
    display:inline;
}

.seqlinks input
{
   margin-left:1em;
}
.seqlinks a.ln
{
   margin-left:2em;
}

.seqlinks a.lnt
{
   margin-left:0.5em;
}

form.getseq
{
    margin:0;
}

#queryList option.nohits
{
    color:Gray;
}   

#queryList
{
    float:left;
}

p#qb
{
    margin-top:0;
    margin-bottom:0;
}

#dn
{
    margin-left:5em;
}

#dnf
{
    font-size:80%;
}

/*#FormatForm
{
    margin-left:2em;
}*/
table.options
{
    width:80%;
    margin-top:0.5em;
    margin-left:10%;
    border-collapse:collapse;
    max-width:70em;
}

form.resbox label
{
    display:inline;
}

#onPageReformat
{
    position:absolute;
    right:0.5em;    
    border:none;
    padding-bottom:1px;
    bottom:0.1em;
}

table.dwnl
{
    width:60%;
    margin-left:20%;
    height:3em;
}
table.dwnl td
{
    padding-right:0.5em;
}
/*
a#showStat
{
    margin-left:-0.4em;
}
*/
a.resArrowLinkB:hover,a.resArrowLinkW:hover {text-decoration: underline;}
a.resArrowLinkB,a.resArrowLinkW{
   padding-left: 12px;
   background-image: url(images/rightSmallArrow.gif);
   background-repeat: no-repeat;   
   background-position: center left;
   -moz-outline-style: none;
   text-decoration: none;
   text-decoration: underline;
}
a.resArrowLinkB.showing
{
   background-image: url(images/downSmallArrow.gif);   
}

a.resArrowLinkW{
   background-image: url(images/rightSmallWArrow.gif);   
}

a.resArrowLinkW.showing 
{
    background-image: url(images/downSmallWArrow.gif);
}
td.dnl
{
    border-left:solid 1px gray;
}
.dnLinks a
{
    margin-left:1em;
}

.dnLinks
{
    text-align:center;
}
#tdal
{
    width:30em;
}

.dnHeader
{
    font-size:100%;
    font-weight:bold;   
    text-align:center;
}
#dnHelp
{
    display:inline;
    position:relative;
    padding-left:0;
}

table td.frh
{
    background-color:#E0E0E0;
    color:Gray;
    text-align:center;    
}

#type-a h3.tb,#type-a div.tb
{
    display:inline;
    color:Gray;
    letter-spacing:normal;
    font-size:120%;
    font-weight:bold;
}

#content a.resLink
{
	display:inline;
}

#content a.resLink.hide
{
	display:none;
}

ul.msg li p.info {
background: transparent url(images/info.png) no-repeat 6px center;
}

.blRes
{
    background-color:White;
    border:solid 1px #CCCCCC;
    padding: 1em;
    margin:1em;
    /*font-size:110%;*/
    zoom:1;    
}
/* Check this for many results */
div#content
{
    min-width:80em;
}
#hitmtImg
{
    
    padding:1em;
    border:solid 2px gray;
    padding-bottom:2em;
}
#qgr
{
    margin-top:-1.8em;
    /*writing-mode:tb-rl;*/
}
#htmb
{
    margin-top:-2em;
    margin-left:11em;
    border:solid 1px gray;
}

#hitMatrixView
{
    margin-top:1em;
}

#hitMatrixInfo
{
    text-align:center;
}

#bl2ovrInfo
{
    text-align:left;
}

.newMln
{
    height:12px;
    margin-left:-0.5em;
}

/***** New staff neew to remove all table#descs from blastRes.css, a.resArr, .psiThresh after formatter upadte *******/

h2.resArr a
{
    color:#666;
    font-size:105%;
    font-weight:bold;
    font-family:arial,tahoma,verdana,sans-serif;   
    white-space:nowrap;
}

h2.resArr
{
    border-bottom:none;
    letter-spacing:normal; 
    margin:0;
    padding:0;
    width:15%;   
}

.psiThresh h3
{
    text-align:center;
    color:Green;
    font-weight:bold;
}

/*#alignments
{
    font-size:115%;
    font-family:Monospace;
    white-space:pre;
    line-height:1;      
}
*/
table.defln 
{
font-family: Verdana, Sans-Serif;
font-size: 80%;
_font-size: 86%;
border-collapse: collapse;
width: 100%;
border-bottom:1px solid #018AAC;
}

table.defln caption
{
font-weight:bold;
text-align:left;    
}

table.hideCap caption
{
visibility:hidden;
height:0;
font-size:1%;
}

table.defln th a {
/*text-decoration: none;*/
color: #00c;
}

table.defln th a:visited {
color: #00c;
}

table.defln th a:hover {position: relative;
text-decoration: underline;
}

table.defln tr th.l,
table.defln tr td.l {
text-align: left;
}

table.defln tr th.sp {
background-color: #def;
}

table.defln tr th,
table.defln tr td {
text-align: center;
padding: 1px 4px;
}

table.defln tr.first th {
padding-left:18px;
border-left: solid 1px #A0ceff;
border-top: solid 1px #A0ceff;
border-bottom: solid 1px #018aac;
border-right: solid 1px #018aac;
border-top: 1px solid #018AAC;
padding-right: 8px;
padding-bottom: 3px;
background-color: #9cf;
white-space:normal;
line-height: 1.2em
}


table.defln td {
border: solid 1px #ccc;
border-width: 0px 1px;
white-space:nowrap;
overflow: hidden;
}

table.defln tr.first th.sel {
background: #9cf url(images/up.gif) no-repeat center left;
padding-left: 18px;
padding-right: 18px;
}

table.defln tr:hover {
/*background-color: #def;*/
}

/* accessebility styles */
table.defln.noCaption caption
{
    display:none;
}


/* accessebility styles */
.hdnHeader {
/*visibility:hidden;*/
font-size:0;
height:0;
}

div.chs
{
    margin-bottom: -1em;
}

.psiInp label
{
    display:inline;
}

h3.tgl
{
    letter-spacing:normal;  
    margin:0;  
}
h3.tgl a
{
    font-size:80%;
    color:#222222;
    font-family:Verdana,Sans-Serif;
}
div.tgl
{
    margin-top:0;
    background-color:White;    
    border:none;
}
div.tgl table.defln a
{
    font-size:100%;
}

/************ new alignment styles ************/

.sumN, .aln_frame
{
    display: none;
}
    
table.alnParams
{
    border:solid 1px #a0a0a0;    
    border-collapse:collapse; 
    font-family:Verdana,Arial,Sans-Serif;
    font-size:87%;
    width:60%;
    margin-bottom:1em;
}

table.alnParams th
{
    background-color:#e8e8e8;
    color:#606060;
    border:solid 1px #a0a0a0;
    padding: 1px 4px;    
    font-size:86%;
}

table.alnParams td
{
   border:solid 1px #a0a0a0;   
   padding: 1px 4px;
   white-space:nowrap;      
}


.aln_feat.hidden
{
width:0;
padding:0;
}

a.sortAlnArrowLinkB
{
   padding-left: 12px;
   background-image: url(images/downSmallArrow.gif);
   background-repeat: no-repeat;   
   background-position: center left;
}

a.sortAlnArrowLinkW
{
   padding-left: 12px;
   background-image: url(images/downSmallWArrow.gif);   
   background-repeat: no-repeat;   
   background-position: center left;   
}

.seqlinks span
{
    margin-left:1em;
}

.alnSortSeq
{
	margin-bottom:2em;
	display:inline;
}

.alnSortSeq a
{
    font-size:90%;    
}
table.alnParams a
{
    display:block;
    padding:3px 3px;
    font-size:90%;
}

table.alSeqInf td
{
vertical-align:top;
}
td.alSeq
{
padding-left:1em;
}

td.alSeq.alFirst
{
white-space:nowrap;
padding-left:0;
}

td.alTitle
{
font-size:90%;
}

img.imn
{
/*    width:30px;
    height:15px;
*/
}

img.imc
{
    width:15px;
    height:15px;
}
td.l img.hidden
{
    display:inline;
    visibility:hidden;
}


.dflLnk a
{
	padding-left:1em;
	font-size:110%;
}

table.defln td.dflLnk
{
	text-align:left;
	padding-bottom:0.5em;
	font-size:11px;
}

.dflLnk label
{
	font-weight:bold;
	display:inline;
}
.oneSeqAln .dflLnk
{
font-family: Verdana, Sans-Serif;
font-size: 80%;
padding-bottom:1em;
width:60%;
}

table.alnDefln tr td.l
{
    text-align:left;     
}

table.alnDefln td
{
    /*overflow:hidden;*/
    white-space:nowrap;    
    vertical-align:top;
}

table.alnDefln td.lim
{
    white-space:normal;
    font-size:98%;    
}

/* check specific browser file */
table.alnDefln div.lim
{
    width:35em;
}

table.defln tr.dflnAln.shown 
{
    display:table-row;
}

table.alnDefln tr.shown 
{
    display:table-row;
}

.alnDflLn label
{
    font-weight:bold;
    display:inline;
    font-size:80%;
    color:#444444;
    padding-right:3px;
    padding-left:3px;
}

.alnDflLn
{
    margin-left:2em;
}

.alnSortSeq.alnDflLn
{
    margin-left:0.5em;
    float:left;
    position:absolute;
}

.alnDflLn input
{
   margin-left:1em;
   border:none;
}
.alnDflLn label.hidden
{
    display:none;
}

h3.sAlnHdr
{
    color:#444444;
    display:inline;
    letter-spacing:normal;
}

h3.sAlnHdr a
{
    color:#444444;    
    text-decoration:none;
    margin-left:2em;
    font-size:85%;
}

.alnHdr
{
    padding-top:0.1em;    
    padding-bottom:0.1em;
}

.oneSeqAln
{
    padding-left:1em;
    padding-top:0.2em;
}

table.defln tr.dflnAln td
{
    text-align:left;    
    border:none;
    background-color:White;
}

table.defln tr.dflnAln td input.ch,table.defln tr.dflnAln td h3
{
    display:none;
}


tr.dflnAln .oneSeqAln
{
    font-size:120%;
}

tr.dflnAln .alnDflLn{
    
    margin-left:0;
}

tr.dflnAln .alnHdr
{
   padding:0;   
}

tr.dflnAln .alnHdr label
{
   font-size:90%;
}
.hil
{
background-color: #def;
}


table.defln tr.odd
{
    background-color:#f8f8f8;
}

table.defln tr.even
{
    background-color:#e8e8e8;
}
a.dflSeq
{
    color:Gray;
    font-weight:bold;
    text-decoration:none;
    padding-left:0;
    display:inline-block;
    width:13em;
}
a.dflSeq.nogi
{
    color:#336699;
    text-decoration:underline;
}
td.lim
{
    font-size:13px;
}

.ldsb
{
    padding-left:1em;
    color:Gray;    
    font-size:110%;
}

a.spr
{
    padding-right:3px;   
    border-right:solid 1px; 
}



#hlp11
{
    width:60%;
    margin-left:22%;    
    margin-top:0.5em;
}

/* jig toggler styles */
a.resLink.ui-ncbitoggler, a.jtg.ui-ncbitoggler,a.resLink.ui-ncbitoggler-open, a.jtg.ui-ncbitoggler-open
{
padding-left:13px;
color:#336699;
}

a.resLink.ui-ncbitoggler,a.resLink.ui-ncbitoggler-open
{
    font-size:100%;
}


table.options .helplink
{
    font-size:100%;
    display:inline;
}


span.ui-icon.ui-icon-triangle-1-e,span.ui-icon.ui-icon-triangle-1-s
{
   padding-left: 12px;
   background-repeat: no-repeat;      
   -moz-outline-style: none;   
   text-decoration: underline;
   /*height:18px;
   width:20px;   */
}



span.ui-icon.ui-icon-triangle-1-e
{   
   background-image: url(images/rightSmallArrow.gif);
}

span.ui-icon.ui-icon-triangle-1-s
{
    background-position: center left;
    background-image: url(images/downSmallArrow.gif); 
}

table.dbInfo.shown
{
    display:table;
}

#seealso a.hidden
{
    display:none;
}

#seealso a, #seealso a.hidden.shown
{
    display:inline-block;
}


a.ui-ncbitoggler.hidden.shown.jtg, a.ui-ncbitoggler-open.hidden.shown.jtg 
{
    display:inline;
}
/**Comment those line to display ncbi-toggler native icon - begin *
a.ui-ncbitoggler span.ui-icon-plus-minus-big, a.ui-ncbitoggler-open span.ui-icon-plus-minus-big-open 
{
   padding-left: 16px;
   background-image: url(images/down.gif);
   background-repeat: no-repeat;   
   background-position: center left;
   -moz-outline-style: none;
   text-decoration: none;
   text-decoration: underline;
}

a.ui-ncbitoggler span.ui-icon-plus-minus-big
{   
   background-image: url(images/right.gif);
}

a.ui-ncbitoggler-open span.ui-icon-plus-minus-big-open
{
     background-image: url(images/down.gif);
}
*Comment those line to diplay ncbi-toggler native icon - end **/

a.ui-ncbitoggler span.ui-icon-plus-minus-big, a.ui-ncbitoggler-open span.ui-icon-plus-minus-big-open {  
  background-image: url("images/ncbitoggler-plus-minus-big.gif");
}
a.helplink{display:inline}
#summary .ui-widget
{
font-family:Verdana,Arial,Sans-Serif  !important;
font-size:100%;
}
.resBox.ui-widget,.resbox.ui-widget
{
    font-size:100%;
}

.resetAll
{
    position:absolute;
    padding:0;    
    right:0;
    margin-right:5em;    
}

#nft
{
    padding-right:1em;
    vertical-align:baseline;
}
#advView
{
    margin-left:3em;
}
#SwitchDesign, a.fdb
{
    color:Red;     
}
a.fdb
{
    margin-top: -1.5em;
    float:right;
    margin-right:5%;    
}
#SwitchDesign
{
    left:50em;
    right:10em;
    position:absolute;
    white-space:nowrap;
}


#brFtp
{    
    margin-left:1em; 
}

#hnr 
{
    float:right;
}

#topLinks
{
    float:left;
}
#topLinksLeft
{
    float:right;
}

#summary h1
{
    border-top:none;
}

#dbPlusSpecies > div {
  width: 50%;
  margin-top:0.5em;
  padding-bottom:0.1em;
}

#nextDbSet,#lastDbSet {
  float: right;
}
#prevDbSet,#lastDbSet {
  padding-left:0.5em;
}
#dbSpecies,#dbSpecies caption 
{
    margin-top:auto;
}
.cpAdd
{
    font-size:80%;
}