"
Team:Virginia/HumanPractices
From 2014.igem.org
(Difference between revisions)
| Line 6: | Line 6: | ||
<style> | <style> | ||
| - | + | #virginiabadge{ | |
background: url("https://static.igem.org/mediawiki/2014/6/6a/Virginia_Badge2.png"); | background: url("https://static.igem.org/mediawiki/2014/6/6a/Virginia_Badge2.png"); | ||
background-size:250px; | background-size:250px; | ||
| Line 13: | Line 13: | ||
background-repeat:no-repeat; | background-repeat:no-repeat; | ||
} | } | ||
| - | + | ||
#virginiabadge:hover{ | #virginiabadge:hover{ | ||
background: url("https://static.igem.org/mediawiki/2014/2/2b/File-Virginia-Images-Badge1.png"); | background: url("https://static.igem.org/mediawiki/2014/2/2b/File-Virginia-Images-Badge1.png"); | ||
| Line 80: | Line 80: | ||
h2{ | h2{ | ||
border-bottom:0px; | border-bottom:0px; | ||
| - | |||
| - | |||
| - | |||
| - | |||
} | } | ||
header{ | header{ | ||
| - | background: url("http:// | + | background: url("http://www.listofimages.com/wp-content/uploads/2013/12/sun-field-mountain-nature-wallpaper.jpg"); |
background-size:120% auto; | background-size:120% auto; | ||
background-position: -140px -39px; | background-position: -140px -39px; | ||
| Line 93: | Line 89: | ||
} | } | ||
| - | . | + | .active1 { |
| - | background-color: | + | background-color: #99FF66; |
| + | } | ||
| + | .active2{ | ||
| + | background-color: #FFCC66; | ||
| + | } | ||
| + | .active3 { | ||
| + | background-color: #ACD6FF; | ||
| + | } | ||
| + | .active4{ | ||
| + | background-color: #FFB0B0; | ||
| + | } | ||
| + | .active5{ | ||
| + | background-color: #FFFF66; | ||
| + | } | ||
| + | .active6{ | ||
| + | background-color: #D685FF; | ||
} | } | ||
| Line 104: | Line 115: | ||
$("#tabLi1").click(function(){ | $("#tabLi1").click(function(){ | ||
| - | $(".tabLi").removeClass(" | + | $(".tabLi").removeClass("active1 active2 active3 active4 active5 active6"); |
| - | $(this).addClass(" | + | $(this).addClass("active1"); |
var vis = $("#tab1").is(":visible"); | var vis = $("#tab1").is(":visible"); | ||
if(!vis){ | if(!vis){ | ||
| Line 115: | Line 126: | ||
$("#tabLi2").click(function(){ | $("#tabLi2").click(function(){ | ||
| - | $(".tabLi").removeClass(" | + | $(".tabLi").removeClass("active1 active2 active3 active4 active5 active6"); |
| - | $(this).addClass(" | + | $(this).addClass("active2"); |
var vis = $("#tab2").is(":visible"); | var vis = $("#tab2").is(":visible"); | ||
if(!vis){ | if(!vis){ | ||
| Line 125: | Line 136: | ||
$("#tabLi3").click(function(){ | $("#tabLi3").click(function(){ | ||
| - | $(".tabLi").removeClass(" | + | $(".tabLi").removeClass("active1 active2 active3 active4 active5 active6"); |
| - | $(this).addClass(" | + | $(this).addClass("active3"); |
var vis = $("#tab3").is(":visible"); | var vis = $("#tab3").is(":visible"); | ||
if(!vis){ | if(!vis){ | ||
| Line 135: | Line 146: | ||
$("#tabLi4").click(function(){ | $("#tabLi4").click(function(){ | ||
| - | $(".tabLi").removeClass(" | + | $(".tabLi").removeClass("active1 active2 active3 active4 active5 active6"); |
| - | $(this).addClass(" | + | $(this).addClass("active4"); |
var vis = $("#tab4").is(":visible"); | var vis = $("#tab4").is(":visible"); | ||
if(!vis){ | if(!vis){ | ||
| Line 145: | Line 156: | ||
$("#tabLi5").click(function(){ | $("#tabLi5").click(function(){ | ||
| - | $(".tabLi").removeClass(" | + | $(".tabLi").removeClass("active1 active2 active3 active4 active5 active6"); |
| - | $(this).addClass(" | + | $(this).addClass("active5"); |
var vis = $("#tab5").is(":visible"); | var vis = $("#tab5").is(":visible"); | ||
if(!vis){ | if(!vis){ | ||
| Line 155: | Line 166: | ||
$("#tabLi6").click(function(){ | $("#tabLi6").click(function(){ | ||
| - | $(".tabLi").removeClass(" | + | $(".tabLi").removeClass("active1 active2 active3 active4 active5 active6"); |
| - | $(this).addClass(" | + | $(this).addClass("active6"); |
var vis = $("#tab6").is(":visible"); | var vis = $("#tab6").is(":visible"); | ||
if(!vis){ | if(!vis){ | ||
| Line 226: | Line 237: | ||
<div class="tabDiv" id="tab1"><h2>First</h2><p>Lorem ipsum dolor sit amet, per no electram sententiae liberavisse, sea ne menandri definitiones. Sea ad hinc posidonium, an noluisse percipit pro, nisl detraxit at qui. Vix et wisi alienum eligendi, no meis option pri. Ex sea vitae constituto. Cu mei commodo oblique, virtute tacimates ut qui. Te per quis habemus reformidans, vim an debet malorum graecis. Duo id impetus vulputate.</p></div> | <div class="tabDiv" id="tab1"><h2>First</h2><p>Lorem ipsum dolor sit amet, per no electram sententiae liberavisse, sea ne menandri definitiones. Sea ad hinc posidonium, an noluisse percipit pro, nisl detraxit at qui. Vix et wisi alienum eligendi, no meis option pri. Ex sea vitae constituto. Cu mei commodo oblique, virtute tacimates ut qui. Te per quis habemus reformidans, vim an debet malorum graecis. Duo id impetus vulputate.</p></div> | ||
| - | <div class="tabDiv" id="tab2"><h2>Second</h2><p>Cum wisi consulatu et, has sanctus persecuti cu, vel quaeque scriptorem at. At sale utamur argumentum ius, cum et numquam forensibus sadipscing. Illum iusto qualisque te vix, commodo scriptorem concludaturque pri no, te exerci luptatum per. Mei sumo nihil definitiones ne. Ut his dignissim scripserit, homero quodsi est in.</p> <div id="virginiabadge"> | + | <div class="tabDiv" id="tab2"><h2>Second</h2><p>Cum wisi consulatu et, has sanctus persecuti cu, vel quaeque scriptorem at. At sale utamur argumentum ius, cum et numquam forensibus sadipscing. Illum iusto qualisque te vix, commodo scriptorem concludaturque pri no, te exerci luptatum per. Mei sumo nihil definitiones ne. Ut his dignissim scripserit, homero quodsi est in.</p></div> |
| + | <div class="tabDiv" id="tab3"><h2>Third</h2><p>Harum regione periculis ius ex. Cu vis rebum iudico sadipscing, ei pro corpora persequeris, id facer oportere dissentias vel. No cum quod commodo vivendum, vim saperet civibus phaedrum ad. Apeirian nominati liberavisse te qui. His ei velit philosophia, albucius offendit oporteat ex cum.</p></div> | ||
| + | <div class="tabDiv" id="tab4"><h2>Fourth</h2><p>Mel munere fastidii conceptam at, movet ridens vim te, viderer aperiri ei nam. Ei per voluptua definitiones, at cum hinc nibh discere. Eum eu illum mundi dicam, dico alia adolescens sit eu. Prima aliquip regione at sit, mel nobis eirmod utroque ne. Cu vim veritus officiis referrentur. | ||
| + | </p> <div id="virginiabadge"> | ||
<a href= | <a href= | ||
"https://2014.igem.org/Team:Virginia/HumanPractices"><img height="180" | "https://2014.igem.org/Team:Virginia/HumanPractices"><img height="180" | ||
| Line 232: | Line 246: | ||
width="250"></a> | width="250"></a> | ||
</div></div> | </div></div> | ||
| - | |||
| - | |||
| - | |||
<div class="tabDiv" id="tab5"><h2>Fifth</h2><p>Harum regione periculis ius ex. Cu vis rebum iudico sadipscing, ei pro corpora persequeris, id facer oportere dissentias vel. No cum quod commodo vivendum, vim saperet civibus phaedrum ad. Apeirian nominati liberavisse te qui. His ei velit philosophia, albucius offendit oporteat ex cum.</p></div> | <div class="tabDiv" id="tab5"><h2>Fifth</h2><p>Harum regione periculis ius ex. Cu vis rebum iudico sadipscing, ei pro corpora persequeris, id facer oportere dissentias vel. No cum quod commodo vivendum, vim saperet civibus phaedrum ad. Apeirian nominati liberavisse te qui. His ei velit philosophia, albucius offendit oporteat ex cum.</p></div> | ||
<div class="tabDiv" id="tab6"><h2>Sixth</h2><p>Mel munere fastidii conceptam at, movet ridens vim te, viderer aperiri ei nam. Ei per voluptua definitiones, at cum hinc nibh discere. Eum eu illum mundi dicam, dico alia adolescens sit eu. Prima aliquip regione at sit, mel nobis eirmod utroque ne. Cu vim veritus officiis referrentur. | <div class="tabDiv" id="tab6"><h2>Sixth</h2><p>Mel munere fastidii conceptam at, movet ridens vim te, viderer aperiri ei nam. Ei per voluptua definitiones, at cum hinc nibh discere. Eum eu illum mundi dicam, dico alia adolescens sit eu. Prima aliquip regione at sit, mel nobis eirmod utroque ne. Cu vim veritus officiis referrentur. | ||
Revision as of 18:54, 7 July 2014
Human Practices
- First
- Second
- Third
- Fourth
- Fifth
- Sixth
First
Lorem ipsum dolor sit amet, per no electram sententiae liberavisse, sea ne menandri definitiones. Sea ad hinc posidonium, an noluisse percipit pro, nisl detraxit at qui. Vix et wisi alienum eligendi, no meis option pri. Ex sea vitae constituto. Cu mei commodo oblique, virtute tacimates ut qui. Te per quis habemus reformidans, vim an debet malorum graecis. Duo id impetus vulputate.
Second
Cum wisi consulatu et, has sanctus persecuti cu, vel quaeque scriptorem at. At sale utamur argumentum ius, cum et numquam forensibus sadipscing. Illum iusto qualisque te vix, commodo scriptorem concludaturque pri no, te exerci luptatum per. Mei sumo nihil definitiones ne. Ut his dignissim scripserit, homero quodsi est in.
Third
Harum regione periculis ius ex. Cu vis rebum iudico sadipscing, ei pro corpora persequeris, id facer oportere dissentias vel. No cum quod commodo vivendum, vim saperet civibus phaedrum ad. Apeirian nominati liberavisse te qui. His ei velit philosophia, albucius offendit oporteat ex cum.
Fourth
Mel munere fastidii conceptam at, movet ridens vim te, viderer aperiri ei nam. Ei per voluptua definitiones, at cum hinc nibh discere. Eum eu illum mundi dicam, dico alia adolescens sit eu. Prima aliquip regione at sit, mel nobis eirmod utroque ne. Cu vim veritus officiis referrentur.
Fifth
Harum regione periculis ius ex. Cu vis rebum iudico sadipscing, ei pro corpora persequeris, id facer oportere dissentias vel. No cum quod commodo vivendum, vim saperet civibus phaedrum ad. Apeirian nominati liberavisse te qui. His ei velit philosophia, albucius offendit oporteat ex cum.
Sixth
Mel munere fastidii conceptam at, movet ridens vim te, viderer aperiri ei nam. Ei per voluptua definitiones, at cum hinc nibh discere. Eum eu illum mundi dicam, dico alia adolescens sit eu. Prima aliquip regione at sit, mel nobis eirmod utroque ne. Cu vim veritus officiis referrentur.
