diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 225 |
1 files changed, 152 insertions, 73 deletions
@@ -5,90 +5,119 @@ <style> *{box-sizing: border-box;} body {font-family: "Lato", sans-serif;} -/* Style the tab */ -div.tab { - float: left; - border: 1px solid #ccc; - background-color: #f1f1f1; - width: 20%; - height: 250px; -} -/* Style the buttons inside the tab */ -div.tab button { - display: block; - background-color: inherit; - color: black; - padding: 22px 16px; - width: 100%; - border: none; - outline: none; - text-align: left; - cursor: pointer; - transition: 0.3s; - font-size: 17px; +/* Menu Styles */ +.third-level-menu +{ + position: absolute; + top: 0; + right: -150px; + width: 150px; + list-style: none; + padding: 0; + margin: 0; + display: none; } -/* Change background color of buttons on hover */ -div.tab button:hover { - background-color: #ddd; -} -/* Create an active/current "tab button" class */ -div.tab button.active { - background-color: #1acefc; + +.third-level-menu > li +{ + height: 30px; + background: #ddd; } -/* Style the tab content */ -.tabcontent { - float: left; - padding: 0px 12px; - border: 1px solid #ccc; - width: 80%; - min-height: 250px; +.third-level-menu > li:hover { background: #1acefc; } + +.second-level-menu +{ + position: absolute; + top: 30px; + left: 0; + width: 150px; + list-style: none; + padding: 0; + margin: 0; + display: none; } -#carousel{ - overflow: hidden; - width: 500px; - height: 333px; - border: 1px solid #333; + +.second-level-menu > li +{ + position: relative; + height: 30px; + background: #ddd; } +.second-level-menu > li:hover { background: #1acefc; } -.panels{ - margin: 0; - padding: 0; +.top-level-menu +{ + list-style: none; + padding: 0; + margin: 0; } -.panel{ - float: left; - list-style: none; - margin: 0; - padding: 0; +.top-level-menu > li +{ + position: relative; + float: left; + height: 30px; + width: 150px; + background: #ddd; } -.panel img{ +.top-level-menu > li:hover { background: #1acefc; } + +.top-level-menu li:hover > ul +{ + /* On hover, display the next level's menu */ + display: inline; } -figure { - float: right; - width: 30%; - text-align: center; - font-size: smaller; - text-indent: 0; - margin: 0.5em; - padding: 0.5em; + +/* Menu Link Styles */ + +.top-level-menu a /* Apply to all links inside the multi-level menu */ +{ + font: bold 14px Arial, Helvetica, sans-serif; + color: black; + text-decoration: none; + padding: 0 0 0 10px; + + /* Make the link cover the entire list item-container */ + display: block; + line-height: 30px; } -img.scaled { - width: 100%; +.top-level-menu a:hover { color: black; } + +.tabcontent { + float: left; + padding: 0px 12px; + border: 1px solid #ccc; + width: 100%; + min-height: 250px; } </style> </head> -<body> + <p>Welcome to CRESSdna.org</p> -<div class="tab"> - <button class="tablinks" onclick="openTab(event, 'Home')" id="defaultOpen"class>Home</button> - <button class="tablinks" onclick="openTab(event, 'Circoviridae')"><i>Circoviridae</i></button> - <button class="tablinks" onclick="openTab(event, 'Classifier')">Classifier</button> - <button class="tablinks" onclick="openTab(event, 'Contact')">Contact</button> - <button class="tablinks" onclick="openTab(event, 'Results')">Results</button> -</div> +<ul class="top-level-menu"> + <li><a href="#" class="tablinks" onclick="openTab(event, 'Home')" id="defaultOpen">Home</a></li> + <li> + <a href="#">Taxonomy</a> + <ul class="second-level-menu"> + <li><a href="#" class="tablinks" onclick="openTab(event, 'Circoviridae')">Circoviridae</a></li> + <li><a href="#" class="tablinks" onclick="openTab(event, 'Nanoviridae')">Nanoviridae</a></li> + <li><a href="#"><i>more on the way</i></a></li> + </ul> + </li> + <li> + <a href="#">Classifier</a> + <ul class="second-level-menu"> + <li><a href="#" class="tablinks" onclick="openTab(event, 'Classifier')">Run the classifier</a></li> + <li><a href="#" class="tablinks" onclick="openTab(event, 'Results')" id="defaultOpen">Results</a></li> + </ul> + </li> + <li><a href="#" class="tablinks" onclick="openTab(event, 'Contributers')">Contributers</a></li> + <li><a href="#" class="tablinks" onclick="openTab(event, 'Contact')">Contact</a></li> + +</ul> <div id="Home" class="tabcontent"> <h3>Home</h3> @@ -101,7 +130,6 @@ img.scaled { <h3><i>Circoviridae</i></h3> <p> -<br> Many animal-infecting CRESS-DNA viruses are classified into the <a href="http://jgv.microbiologyresearch.org/content/journal/jgv/10.1099/jgv.0.000871"><i>Circoviridae</i> family</a>. There are two genera within the group, the older <i>Circovirus</i> and the more recently codified <i>Cyclovirus</i>, but both are well represented. At least one disease of economic importance is associated with circovirus infections: <a href="https://www.ncbi.nlm.nih.gov/pmc/articles/PMC3652492/">post-weaning maturation wasting syndrome</a> in pigs (caused in part by porcine circovirus 2, which is now largely controlled through <a hfref="https://www.ncbi.nlm.nih.gov/pubmed/27769529">vaccination in commercial hog production</a>). However, several worldwide veterinary diseases are due to circoviruses, including <a href="https://en.wikipedia.org/wiki/Psittacine_beak_and_feather_disease">beak and feather disease</a> and <a href="https://www.ncbi.nlm.nih.gov/pubmed/28242782">fatal acute diarrhea</a> in dogs. </p> @@ -120,7 +148,7 @@ While some of the environmental isolates assigned to <i>Circoviridae</i> have ge </p> <p> -Both cycloviruses and circoviruses have non-enveloped, icosahedral virions of 15-25nm encapsidating their circular, ssDNA genomes, but while members of <i>Circovirus</i> are found infecting or associated with mammals, birds and fish, cycloviruses have been found infecting or associated with mammals, birds and insects. Sequences assigned to <i>Circovirus</i> have ambisense genomes, with the Rep gene in sense, sequences in Cyclovirus typically are ambisense in the opposite orientation (Rep gene in anti-senese). +Both cycloviruses and circoviruses have non-enveloped, icosahedral virions of 15-25nm encapsidating their circular, ssDNA genomes, but while members of <i>Circovirus</i> are found infecting or associated with mammals, birds and fish, cycloviruses have been found infecting or associated with mammals, birds and insects. Sequences assigned to <i>Circovirus</i> have ambisense genomes, with the Rep gene in sense, sequences in Cyclovirus typically are ambisense in the opposite orientation (Rep gene in anti-sense). </p> <p> @@ -130,20 +158,66 @@ A great <a href="http://jgv.microbiologyresearch.org/content/journal/jgv/10.1099 <p> For more information about <i>Circovirus</i>: <br> -<a href="https://talk.ictvonline.org/ictv-reports/ictv_online_report/ssdna-viruses/w/circoviridae/659/genus-circovirus">ICTV report</a> on circovirus<br> +<a href="https://talk.ictvonline.org/ictv-reports/ictv_online_report/ssdna-viruses/w/circoviridae/659/genus-circovirus">ICTV report</a> on circovirus +<br> <a href="https://viralzone.expasy.org/118">ExPASy ViralZone summary of circovirus</a> +<br> Type species: <i>Porcine circovirus</i> 1 (<a href="https://www.ncbi.nlm.nih.gov/nuccore/12280941">NC_001792.2</a>) </p> <p> -FOr more information about <i>Cyclovirus</i>: +For more information about <i>Cyclovirus</i>: +<br> +<a href="https://talk.ictvonline.org/ictv-reports/ictv_online_report/ssdna-viruses/w/circoviridae/660/genus-cyclovirus">ICTV report</a> on cyclovirus <br> -<a href="https://talk.ictvonline.org/ictv-reports/ictv_online_report/ssdna-viruses/w/circoviridae/660/genus-cyclovirus">ICTV report</a> on cyclovirus<br> <a href="https://viralzone.expasy.org/7296">ExPASy ViralZone summary of cyclovirus</a> +<br> Type species: <i>Human-associated cyclovirus 8</i> (<a href="https://www.ncbi.nlm.nih.gov/nuccore/KF031466">KF031466</a>) +</div> +<div id="Nanoviridae" class="tabcontent"> +<h3><i>Nanoviridae</i></h3> +<p> +The plant infecting CRESS-DNA viruses with more than two genomic segments belong in the family <a href="https://talk.ictvonline.org/ictv-reports/ictv_9th_report/ssdna-viruses-2011/w/ssdna_viruses/149/nanoviridae"><i>Nanoviridae</i></a>, +which includes the genera <i>Babuvirus</i> and <i>Nanovirus</i>. One of the most economically important species in the family <i>Nanoviridae</i> is Banana bunchy top virus (BBTV), the type species of babuvirus. BBTV causes +<a href="http://www.promusa.org/Bunchy+top">banana bunchy top disease</a>, which is common in banana growing areas such as Southeast Asia, the South Pacific, India and Africa. This virus is transmitted by the banana aphid and causes +<a href="http://www.musarama.org/en/image/bunchy-top-symptom-81.html">plant crumpling, shrinking and chlorosis</a>, which may develop into necrosis. +<br> +<figure> + <img class=scaled src="../bbv.jpg", alt='missing', width="512", height="384"/> + <figcaption>Banana bunchy top, caused by Banana bunchy top virus (BBTV). CC-BY Scott Nelson 2014.</figcaption> +</figure> +<p> +Viruses in the family Nanoviridae have <a href="https://talk.ictvonline.org/ictv-reports/ictv_9th_report/ssdna-viruses-2011/w/ssdna_viruses/149/nanoviridae">multipartite genomes</a> +consisting of 6 to 8 ~1000 nucleotide segments of circular ssDNA. Five of these DNA components are shared between babuviruses and nanoviruses. +<a href="https://talk.ictvonline.org/ictv-reports/ictv_9th_report/ssdna-viruses-2011/w/ssdna_viruses/150/nanoviridae-figures">(DNA-R, -N, -S, -C and –M)</a>. + Nanoviruses infect <a href="http://theseedsite.co.uk/monocots2.html">dicots</a>, have 8 genomic DNAs and may include three other DNA components with functions + that have yet to be determined (DNA-U1, -U2 and –U4). Babuviruses infect <a href="http://theseedsite.co.uk/monocots2.html">monocots</a>, have 6 genomic DNAs + and may include another DNA component with an unknown function (DNA-U4). Each of these components encode a single ORF that is transcribed in one direction, + though a second putative ORF has been identified on one segment of BBTV (DNA-R). The virions of these viruses are non-enveloped, sized 17-20nm in diameter + and have one CP (coat protein). Additional DNA segments (alphasatellites) are also associated with many viruses in the family and can alter disease symptoms. -</div> +</p> +<p> +For more information about Nanovirus: +<br> +<a href="https://talk.ictvonline.org/ictv-reports/ictv_9th_report/ssdna-viruses-2011/w/ssdna_viruses/149/nanoviridae">ICTV report</a> on nanovirus. +<br> +<a href="https://viralzone.expasy.org/565?outline=all_by_species">ExPASy ViralZone summary of nanovirus</a> +<br> +Type Species: <i>Subterranean clover stunt virus</i> (<a href="https://www.ncbi.nlm.nih.gov/nuccore/NC_003818.1">NC_003818.1</a>) +</p> + +<p> +For more information about Babuvirus: +<br> +<a href="https://talk.ictvonline.org/ictv-reports/ictv_9th_report/ssdna-viruses-2011/w/ssdna_viruses/149/nanoviridae">ICTV report</a> on babuvirus. +<br> +<a href="https://viralzone.expasy.org/564?outline=all_by_species">ExPASy ViralZone summary of babuvirus</a> +<br> +Type Species: <i>Banana bunchy top virus</i> (<a href="https://www.ncbi.nlm.nih.gov/nuccore/NC_003479.1">NC_003479.1</a>) +</p> +</div> <div id="Classifier" class="tabcontent"> <h3>Classifier</h3> @@ -197,6 +271,11 @@ MPSKKSGPQPHKRWVFTLNNPSEEEKNKIRELPISLFDYFVCGEEGLEEGRTAHLQGFANFAKKQTFNKVKWYFGARCHI </ul> </p> </div> +<div id="Contributers" class="tabcontent"> + <h3>Contributers</h3> + <p>This site is under construction</p> + <p>Please be patient while we tidy up a bit!</p> +</div> <div id="Contact" class="tabcontent"> <h3>Contact</h3> |