Team:TAS Taipei

From 2014hs.igem.org

(Difference between revisions)
(Testing out style reset from 2013 heidelberg wiki)
m
Line 2: Line 2:
<head>
<head>
<style>
<style>
 +
.navigation{
 +
    margin: 0px auto;
 +
    font-family: Arial, sans-serif;
 +
    font-size: 28px;
 +
    font-style: normal;
 +
    letter-spacing: 1.2px;
 +
}
 +
.navigation .item{
 +
    position:relative;
 +
}
 +
.team{
 +
    top:120px;
 +
    left:2%;
 +
    width:30px;
 +
}
 +
.project{
 +
  top:40px;
 +
  left:15%;
 +
  width:30px;
 +
}
 +
.software{
 +
    top:140px;
 +
    left:77%;
 +
    width:30px;
 +
}
 +
.parts{
 +
    top:250px;
 +
    left:90%;
 +
    width:30px; 
 +
}
 +
.notebook{
 +
    top:1%;
 +
    left:36%;
 +
    width:30px;
-
__NOTOC__
+
}
-
<html>
+
.safety{
 +
    top:355px;
 +
    left:101%;
 +
    width:30px;
 +
}
 +
.human{
 +
  top:52px;
 +
  left:60%;
 +
  width:30px;
 +
}
 +
.model{
 +
    top:480px;
 +
    left:105%;
 +
    width:30px;
 +
}
 +
 
 +
a.icon{
 +
    width:53px;
 +
    height:53px;
 +
    position:absolute;
 +
    top:0px;
 +
    left:0px;
 +
    cursor:pointer;
 +
}
 +
.team a.icon{
 +
    background:transparent url("https://static.igem.org/mediawiki/2013/9/92/Heidelberg_symbol_team.png") no-repeat 0px 0px;
 +
}
 +
.project a.icon{
 +
    background:transparent url("https://static.igem.org/mediawiki/2013/b/b0/Heidelberg_symbol_project3.png") no-repeat 0px 0px;
 +
}
 +
.notebook a.icon{
 +
    background:transparent url("https://static.igem.org/mediawiki/2013/a/a4/Heidelberg_symbol_parts.png") no-repeat 0px 0px;
 +
}
 +
.parts a.icon{
 +
    background:transparent url("https://static.igem.org/mediawiki/2013/9/93/Heidelberg_symbol_parts2.png") no-repeat 0px 0px;
 +
}
 +
.software a.icon{
 +
    background:transparent url("https://static.igem.org/mediawiki/2013/f/f7/Heidelberg_symbol_software.png") no-repeat 0px 0px;
 +
}
 +
.safety a.icon{
 +
    background:transparent url("https://static.igem.org/mediawiki/2013/7/72/Heidelberg_symbol_safety.png") no-repeat 0px 0px;
 +
}
 +
.human a.icon{
 +
    background:transparent url("https://static.igem.org/mediawiki/2013/5/5b/Heidelberg_symbol_human.png") no-repeat 0px 0px;
 +
}
 +
.model a.icon{
 +
    background:transparent url("https://static.igem.org/mediawiki/2013/7/78/Heidelberg_model.png") no-repeat 0px 0px;
 +
}
 +
.navigation .item a.active{
 +
    background-position:0px -52px;
 +
}
 +
.item img.circle{
 +
    position:absolute;
 +
    border-radius:50%;
 +
    top:0px;
 +
    left:0px;
 +
    width:52px;
 +
    height:52px;
 +
    opacity:0.3;
 +
    z-index: 7;
 +
}
 +
.item ul img .new{
 +
  position:relative;
 +
  max-width:40px;
 +
  max-height:40px;
 +
}
 +
.item h2{
 +
    position:absolute;
 +
    width:300px;
 +
    height:52px;
 +
    color:#222;
 +
    font-size:18px;
 +
    font-weight: '600';
 +
    top:-10px;
 +
    left:50px;
 +
    text-indent:10px;
 +
    line-height:52px;
 +
   
 +
    text-transform:uppercase;
 +
}
 +
 
 +
.item img.active{
 +
z-index:2;
 +
}
 +
.item a.active{
 +
visibility:hidden;
 +
}
 +
.item h2.active{
 +
    color:#ffcc00;
 +
    font-size:20px;
 +
    font-weight:400;
 +
    text-shadow:1px 1px 4px #666;
 +
z-index:1;
 +
}
 +
.item ul{
 +
    list-style:none;
 +
    position:absolute;
 +
    top:60px;
 +
    left:57px;
 +
    display:none;
 +
}
 +
.item ul li a{
 +
    font-size:15px;
 +
    text-decoration:none;
 +
    letter-spacing:1.5px;
 +
    text-transform:uppercase;
 +
    color:#fff;
 +
   
 +
    padding:3px;
 +
    float:left;
 +
    clear:both;
 +
    width:auto;
 +
    white-space:nowrap;
 +
 +
 
 +
}
 +
.item ul li a:hover{
 +
    background-color:#fff;
 +
    color:#444;
 +
    -moz-border-radius:5px;
 +
    -webkit-border-radius:5px;
 +
    border-radius:5px;
 +
    -moz-box-shadow:1px 1px 4px #666;
 +
    -webkit-box-shadow:1px 1px 4px #666;
 +
    box-shadow:1px 1px 4px #666;
 +
 +
}
 +
 
 +
.item ul.active{
 +
z-index:1;
 +
}
 +
*{
 +
                margin:0;
 +
                padding:0;
 +
            }
 +
            body{
 +
                content: "";
 +
                /*opacity: 0.8;*/
 +
                background-position:left top;
 +
background-repeat:no-repeat;
 +
                z-index: -1;
 +
 +
            }
 +
 
 +
/*#nav{
 +
min-width:800px;
 +
}*/
 +
div#WelcomeText{
 +
font-style: normal;
 +
border-style:solid;
 +
border-color:#999999;
 +
border-width:1px;
 +
padding:10px;
 +
border-radius: 15px;
 +
float:right;
 +
margin:0 20 0 0;
 +
}
 +
#logo{
 +
float:right;
 +
}
 +
.popover-content {
 +
                text-align: justify;
 +
                font-family: Arial, sans-serif;
 +
                font-size: 14px;
 +
            }
 +
 
 +
.popover.left {
 +
                margin-left:
 +
            }
 +
 
 +
            .popover {
 +
                max-width: 850px;
 +
                margin-top: 0px;
 +
                opacity:0.4;
 +
                filter:alpha(opacity=40);
 +
            }
 +
            .btn-lg {
 +
                font-size: 24px;
 +
                font-weight: 900;
 +
            }
 +
            #content {
 +
                padding:0;
 +
            }
 +
            @media (max-width: 991px) { /* bootstrap md: 992px*/
 +
                .col-logo {
 +
                    margin-top: 1%;
 +
                }
 +
            }
 +
.lang label{
 +
width: 5px;
 +
height: 2px;
 +
background-repeat: no-repeat;
 +
background-size: auto 80%;
 +
background-position: center;
 +
}
 +
 
 +
.lang label.active{
 +
background-color:#999999;
 +
background-image: url("https://static.igem.org/mediawiki/2013/b/b8/Heidelberg_start_flags_France.png");
 +
background-repeat: no-repeat;
 +
background-size: auto 80%;
 +
background-position: center;
 +
}
 +
 
 +
.lang label.english{
 +
background-image: url("https://static.igem.org/mediawiki/2013/5/59/Heidelberg_start_flags_English.png");
 +
}
 +
 
 +
.lang label.active.english{
 +
background-image: url("https://static.igem.org/mediawiki/2013/5/59/Heidelberg_start_flags_English.png");
 +
}
 +
 
 +
 
 +
.lang label.french{
 +
background-image: url("https://static.igem.org/mediawiki/2013/b/b8/Heidelberg_start_flags_France.png");
 +
}
 +
 
 +
.lang label.active.french{
 +
background-image: url("https://static.igem.org/mediawiki/2013/b/b8/Heidelberg_start_flags_France.png");
 +
}
 +
 
 +
.lang label.italian{
 +
background-image: url("https://static.igem.org/mediawiki/2013/c/c0/Heidelberg_start_flags_Italy.png");
 +
}
 +
 
 +
.lang label.active.italian{
 +
background-image: url("https://static.igem.org/mediawiki/2013/c/c0/Heidelberg_start_flags_Italy.png");
 +
}
 +
 
 +
.lang label.dutch{
 +
background-image: url("https://static.igem.org/mediawiki/2013/b/bd/Heidelberg_Flag_of_the_Netherlands.png");
 +
}
 +
 
 +
.lang label.active.dutch{
 +
background-image: url("https://static.igem.org/mediawiki/2013/b/bd/Heidelberg_Flag_of_the_Netherlands.png");
 +
}
 +
 
 +
.lang label.polish{
 +
background-image: url("https://static.igem.org/mediawiki/2013/3/32/Heidelberg_Flag_of_Poland.png");
 +
}
 +
 
 +
.lang label.active.polish{
 +
background-image: url("https://static.igem.org/mediawiki/2013/3/32/Heidelberg_Flag_of_Poland.png");
 +
}
 +
 
 +
.lang label.cypriot{
 +
background-image: url("https://static.igem.org/mediawiki/2013/c/c9/Heidelberg_start_flags_Greece.png");
 +
}
 +
 
 +
.lang label.active.cypriot{
 +
background-image: url("https://static.igem.org/mediawiki/2013/c/c9/Heidelberg_start_flags_Greece.png");
 +
}
 +
 
 +
.lang label.ukrain{
 +
background-image: url("https://static.igem.org/mediawiki/2013/3/3f/Heidelberg_start_flags_Ukraine.png");
 +
}
 +
 
 +
.lang label.active.ukrain{
 +
background-image: url("https://static.igem.org/mediawiki/2013/3/3f/Heidelberg_start_flags_Ukraine.png");
 +
}
 +
 
 +
.lang label.vietnamese{
 +
background-image: url("https://static.igem.org/mediawiki/2013/4/42/Heidelberg_Flag_of_Vietnam.png");
 +
}
 +
 
 +
.lang label.active.vietnamese{
 +
background-image: url("https://static.igem.org/mediawiki/2013/4/42/Heidelberg_Flag_of_Vietnam.png");
 +
}
 +
 
 +
.lang label.usbek{
 +
background-image: url("https://static.igem.org/mediawiki/2013/3/37/Heidelberg_Flag_of_Uzbekistan.png");
 +
}
 +
 
 +
.lang label.active.usbek{
 +
background-image: url("https://static.igem.org/mediawiki/2013/3/37/Heidelberg_Flag_of_Uzbekistan.png");
 +
}
 +
 
 +
.lang label.chinese{
 +
background-image: url("https://static.igem.org/mediawiki/2013/b/b0/Heidelberg_start_flags_China.png");
 +
}
 +
 
 +
.lang label.active.chinese{
 +
background-image: url("https://static.igem.org/mediawiki/2013/b/b0/Heidelberg_start_flags_China.png");
 +
}
 +
 
 +
.lang label.mandarin{
 +
background-image: url("https://static.igem.org/mediawiki/2013/1/1a/Heidelberg_Flag_of_the_Republic_of_China.png");
 +
}
 +
 
 +
.lang label.active.mandarin{
 +
background-image: url("https://static.igem.org/mediawiki/2013/1/1a/Heidelberg_Flag_of_the_Republic_of_China.png");
 +
}
 +
 
 +
.lang label.korean{
 +
background-image: url("https://static.igem.org/mediawiki/2013/0/03/Heidelberg_Flag_of_South_Korea.png");
 +
}
 +
 
 +
.lang label.active.korean{
 +
background-image: url("https://static.igem.org/mediawiki/2013/0/03/Heidelberg_Flag_of_South_Korea.png");
 +
}
 +
 
 +
.lang label.german{
 +
background-image: url("https://static.igem.org/mediawiki/2013/2/25/Heidelberg_start_flags_Germany.png");
 +
}
 +
 
 +
.lang label.active.german{
 +
background-image: url("https://static.igem.org/mediawiki/2013/2/25/Heidelberg_start_flags_Germany.png");
 +
}
 +
 
 +
.lang label.portuguese{
 +
background-image: url("https://static.igem.org/mediawiki/2013/c/cb/Heidelberg_start_flags_Brazil_and_Portugal.png");
 +
}
 +
 
 +
.lang label.active.portuguese{
 +
background-image: url("https://static.igem.org/mediawiki/2013/c/cb/Heidelberg_start_flags_Brazil_and_Portugal.png");
 +
}
 +
 
 +
.lang label.indonesian{
 +
background-image: url("https://static.igem.org/mediawiki/2013/f/f5/Heidelberg_Flag_of_Indonesia.png");
 +
}
 +
 
 +
.lang label.active.indonesian{
 +
background-image: url("https://static.igem.org/mediawiki/2013/f/f5/Heidelberg_Flag_of_Indonesia.png");
 +
}
 +
 
 +
.lang label.spanisch{
 +
background-image: url("https://static.igem.org/mediawiki/2013/a/ae/Heidelberg_start_flags_Spanish.png");
 +
}
 +
 
 +
.lang label.active.spanisch{
 +
background-image: url("https://static.igem.org/mediawiki/2013/a/ae/Heidelberg_start_flags_Spanish.png");
 +
}
 +
 
 +
.lang label.russian{
 +
background-image: url("https://static.igem.org/mediawiki/2013/d/d7/Heidelberg_start_flags_Russia.png");
 +
}
 +
 
 +
.lang label.active.russian{
 +
background-image: url("https://static.igem.org/mediawiki/2013/d/d7/Heidelberg_start_flags_Russia.png");
 +
}
 +
 
 +
 
 +
.lang label.turki{
 +
background-image: url("https://static.igem.org/mediawiki/2013/1/1c/Heidelberg_start_flags_Turkey.png");
 +
}
 +
 
 +
.lang label.active.turki{
 +
background-image: url("https://static.igem.org/mediawiki/2013/1/1c/Heidelberg_start_flags_Turkey.png");
 +
}
 +
 
 +
.lang label.bulgarian{
 +
background-image: url("https://static.igem.org/mediawiki/2013/5/5e/Heidelberg_Flag_of_Bulgaria.png");
 +
}
 +
 
 +
.lang label.active.bulgarian{
 +
background-image: url("https://static.igem.org/mediawiki/2013/5/5e/Heidelberg_Flag_of_Bulgaria.png");
 +
}
 +
 
 +
.lang label.romanian{
 +
background-image: url("https://static.igem.org/mediawiki/2013/7/7c/Heidelberg_Flag_of_Romania.png");
 +
}
 +
 
 +
.lang label.active.romanian{
 +
background-image: url("https://static.igem.org/mediawiki/2013/7/7c/Heidelberg_Flag_of_Romania.png");
 +
}
 +
 
 +
.lang label.luxembourg{
 +
background-image: url("https://static.igem.org/mediawiki/2013/7/77/Heidelberg_Flag_of_Luxembourg.png");
 +
}
 +
 
 +
.lang label.active.luxembourg{
 +
background-image: url("https://static.igem.org/mediawiki/2013/7/77/Heidelberg_Flag_of_Luxembourg.png");
 +
}
 +
 
 +
.lang label.phillipine{
 +
background-image: url("https://static.igem.org/mediawiki/2013/a/a8/Heidelberg_Flag_of_the_Philippines.png");
 +
}
 +
 
 +
.lang label.active.phillipine{
 +
background-image: url("https://static.igem.org/mediawiki/2013/a/a8/Heidelberg_Flag_of_the_Philippines.png");
 +
}
 +
 
 +
.lang label.serbo{
 +
background-image: url("https://static.igem.org/mediawiki/2013/e/e9/800px-Serbo-Croatian_language_flag.gif");
 +
}
 +
 
 +
.lang label.active.serbo{
 +
background-image: url("https://static.igem.org/mediawiki/2013/e/e9/800px-Serbo-Croatian_language_flag.gif");
 +
}
 +
 
 +
.lang label.tamil{
 +
background-image: url("https://static.igem.org/mediawiki/2013/d/d5/Heidelberg_start_flags_India.png");
 +
}
 +
 
 +
.lang label.active.tamil{
 +
background-image: url("https://static.igem.org/mediawiki/2013/d/d5/Heidelberg_start_flags_India.png");
 +
}
 +
 
 +
.lang label.urdu{
 +
background-image: url("https://static.igem.org/mediawiki/2013/6/62/Heidelberg_Flag_of_Pakistan.png");
 +
}
 +
 
 +
.lang label.active.urdu{
 +
background-image: url("https://static.igem.org/mediawiki/2013/6/62/Heidelberg_Flag_of_Pakistan.png");
 +
}
 +
 
 +
.lang label.danish{
 +
background-image: url("https://static.igem.org/mediawiki/2013/1/17/Heidelberg_Flag_of_Denmark.png");
 +
}
 +
 
 +
.lang label.active.danish{
 +
background-image: url("https://static.igem.org/mediawiki/2013/1/17/Heidelberg_Flag_of_Denmark.png");
 +
}
 +
 
 +
.lang label.arabic{
 +
background-image: url("https://static.igem.org/mediawiki/2013/9/9a/Heidelberg_start_flags_Egypt.png");
 +
}
 +
 
 +
.lang label.active.arabic{
 +
background-image: url("https://static.igem.org/mediawiki/2013/9/9a/Heidelberg_start_flags_Egypt.png");
 +
}
 +
 
 +
.lang label.israel{
 +
background-image: url("https://static.igem.org/mediawiki/2013/f/fc/Heidelberg_start_flags_Israel.png");
 +
}
 +
 
 +
.lang label.active.israel{
 +
background-image: url("https://static.igem.org/mediawiki/2013/f/fc/Heidelberg_start_flags_Israel.png");
 +
}
 +
 
 +
.lang label.litauisch{
 +
background-image: url("https://static.igem.org/mediawiki/2013/1/1a/Heidelberg_Flag_of_Lithuania.png");
 +
}
 +
 
 +
.lang label.active.litauisch{
 +
background-image: url("https://static.igem.org/mediawiki/2013/1/1a/Heidelberg_Flag_of_Lithuania.png");
 +
}
 +
 
 +
.lang label.active.creol{
 +
background-image: url("https://static.igem.org/mediawiki/2013/9/94/CapeVerde.png");
 +
}
 +
 
 +
.lang label.creol{
 +
background-image: url("https://static.igem.org/mediawiki/2013/9/94/CapeVerde.png");
 +
}
 +
 
 +
.lang label.active.japanese{
 +
background-image: url("https://static.igem.org/mediawiki/2013/c/c9/Heidelberg_Japan.png");
 +
}
 +
 
 +
.lang label.japanese{
 +
background-image: url("https://static.igem.org/mediawiki/2013/c/c9/Heidelberg_Japan.png");
 +
}
 +
 
 +
.lang label.active.afrikaans{
 +
background-image: url("https://static.igem.org/mediawiki/2013/e/eb/Heidelberg_afrikaans.png");
 +
}
 +
 
 +
.lang label.afrikaans{
 +
background-image: url("https://static.igem.org/mediawiki/2013/e/eb/Heidelberg_afrikaans.png");
 +
}
 +
 
 +
.lang label.active.asery{
 +
background-image: url("https://static.igem.org/mediawiki/2013/7/75/Heidelberg_Azerbaijan.png");
 +
}
 +
 
 +
.lang label.asery{
 +
background-image: url("https://static.igem.org/mediawiki/2013/7/75/Heidelberg_Azerbaijan.png");
 +
}
 +
 
 +
.lang label.active.persian{
 +
background-image: url("https://static.igem.org/mediawiki/2013/7/75/Heidelberg_start_flags_Iran.png");
 +
}
 +
 
 +
.lang label.persian{
 +
background-image: url("https://static.igem.org/mediawiki/2013/7/75/Heidelberg_start_flags_Iran.png");
 +
}
 +
 
 +
.lang label.active.sorbian{
 +
background-image: url("https://static.igem.org/mediawiki/2013/2/26/Heidelberg_start_flags_Sorbian.png");
 +
}
 +
 
 +
.lang label.sorbian{
 +
background-image: url("https://static.igem.org/mediawiki/2013/2/26/Heidelberg_start_flags_Sorbian.png");
 +
}
 +
 
 +
.lang label.active.swedish{
 +
background-image: url("https://static.igem.org/mediawiki/2013/1/1e/Heidelberg_swedish.png");
 +
}
 +
 
 +
.lang label.swedish{
 +
background-image: url("https://static.igem.org/mediawiki/2013/1/1e/Heidelberg_swedish.png");
 +
}
 +
.lang label.marathi{
 +
background-image: url("https://static.igem.org/mediawiki/2013/d/d5/Heidelberg_start_flags_India.png");
 +
}
 +
 
 +
.lang label.active.marathi{
 +
background-image: url("https://static.igem.org/mediawiki/2013/d/d5/Heidelberg_start_flags_India.png");
 +
}
 +
 
 +
.lang label.hungarian{
 +
background-image: url("https://static.igem.org/mediawiki/2013/f/f3/Heidelberg_Hungary.png");
 +
}
 +
 
 +
.lang label.active.hungarian{
 +
background-image: url("https://static.igem.org/mediawiki/2013/f/f3/Heidelberg_Hungary.png");
 +
}
 +
 
 +
.lang label.hindi{
 +
background-image: url("https://static.igem.org/mediawiki/2013/d/d5/Heidelberg_start_flags_India.png");
 +
}
 +
 
 +
.lang label.active.hindi{
 +
background-image: url("https://static.igem.org/mediawiki/2013/d/d5/Heidelberg_start_flags_India.png");
 +
}
 +
 
 +
.highlight_button {
 +
    background-repeat:no-repeat;
 +
    width:80px;
 +
    height:80px;
 +
    background-size:160px 80px;
 +
    background-position:left;
 +
    display:inline-block;
 +
}
 +
 
 +
.highlight_button:hover {
 +
    background-position:right;
 +
}
 +
 
 +
@-webkit-keyframes bounceIn {
 +
0% {
 +
opacity: 0;
 +
-webkit-transform: scale(.3);
 +
}
 +
 +
15% {
 +
opacity: 1;
 +
-webkit-transform: scale(1.05);
 +
}
 +
 +
23% {
 +
-webkit-transform: scale(.9);
 +
}
 +
 +
30% {
 +
-webkit-transform: scale(1);
 +
}
 +
}
 +
 
 +
@-moz-keyframes bounceIn {
 +
0% {
 +
opacity: 0;
 +
-moz-transform: scale(.3);
 +
}
 +
 +
15% {
 +
opacity: 1;
 +
-moz-transform: scale(1.05);
 +
}
 +
 +
23% {
 +
-moz-transform: scale(.9);
 +
}
 +
 +
30% {
 +
-moz-transform: scale(1);
 +
}
 +
}
 +
 
 +
@-ms-keyframes bounceIn {
 +
0% {
 +
opacity: 0;
 +
-ms-transform: scale(.3);
 +
}
 +
 +
15% {
 +
opacity: 1;
 +
-ms-transform: scale(1.05);
 +
}
 +
 +
23% {
 +
-ms-transform: scale(.9);
 +
}
 +
 +
30% {
 +
-ms-transform: scale(1);
 +
}
 +
}
 +
 
 +
@-o-keyframes bounceIn {
 +
0% {
 +
opacity: 0;
 +
-o-transform: scale(.3);
 +
}
 +
 +
15% {
 +
opacity: 1;
 +
-o-transform: scale(1.05);
 +
}
 +
 +
23% {
 +
-o-transform: scale(.9);
 +
}
 +
 +
30% {
 +
-o-transform: scale(1);
 +
}
 +
}
 +
 
 +
@keyframes bounceIn {
 +
0% {
 +
opacity: 0;
 +
transform: scale(.3);
 +
}
 +
 +
15% {
 +
opacity: 1;
 +
transform: scale(1.05);
 +
}
 +
 +
23% {
 +
transform: scale(.9);
 +
}
 +
 +
30% {
 +
transform: scale(1);
 +
}
 +
}
 +
 
 +
.highlight_button_pulse {
 +
    background-repeat:no-repeat;
 +
    width:80px;
 +
    height:80px;
 +
    background-size:160px 80px;
 +
    background-position:left;
 +
    display:inline-block;
 +
    -webkit-animation: bounceIn 6s linear infinite;
 +
    -moz-animation: bounceIn 6s linear infinite;
 +
    -ms-animation: bounceIn 6s linear infinite;
 +
    -o-animation: bounceIn 6s linear infinite;
 +
    animation: bounceIn 6s linear infinite;
 +
}
 +
 
 +
.highlight_button_pulse:hover {
 +
    background-position:right;
 +
}
   <style type="text/css">
   <style type="text/css">
#contentSub, #search-controls, .firstHeading, /*#footer-box,*/ #catlinks, #p-logo {
#contentSub, #search-controls, .firstHeading, /*#footer-box,*/ #catlinks, #p-logo {
Line 315: Line 995:
   <!--customized scrollbar-->
   <!--customized scrollbar-->
   <!--<link href="custom-scrollbar-plugin/jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css" />-->
   <!--<link href="custom-scrollbar-plugin/jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css" />-->
-
</html>
+
.navigation{
 +
    margin: 0px auto;
 +
    font-family: Arial, sans-serif;
 +
    font-size: 28px;
 +
    font-style: normal;
 +
    letter-spacing: 1.2px;
 +
}
 +
.navigation .item{
 +
    position:relative;
 +
}
 +
.team{
 +
    top:120px;
 +
    left:2%;
 +
    width:30px;
 +
}
 +
.project{
 +
  top:40px;
 +
  left:15%;
 +
  width:30px;
 +
}
 +
.software{
 +
    top:140px;
 +
    left:77%;
 +
    width:30px;
 +
}
 +
.parts{
 +
    top:250px;
 +
    left:90%;
 +
    width:30px; 
 +
}
 +
.notebook{
 +
    top:1%;
 +
    left:36%;
 +
    width:30px;
 +
}
 +
.safety{
 +
    top:355px;
 +
    left:101%;
 +
    width:30px;
 +
}
 +
.human{
 +
  top:52px;
 +
  left:60%;
 +
  width:30px;
 +
}
 +
.model{
 +
    top:480px;
 +
    left:105%;
 +
    width:30px;
 +
}
 +
 +
a.icon{
 +
    width:53px;
 +
    height:53px;
 +
    position:absolute;
 +
    top:0px;
 +
    left:0px;
 +
    cursor:pointer;
 +
}
 +
.team a.icon{
 +
    background:transparent url("https://static.igem.org/mediawiki/2013/9/92/Heidelberg_symbol_team.png") no-repeat 0px 0px;
 +
}
 +
.project a.icon{
 +
    background:transparent url("https://static.igem.org/mediawiki/2013/b/b0/Heidelberg_symbol_project3.png") no-repeat 0px 0px;
 +
}
 +
.notebook a.icon{
 +
    background:transparent url("https://static.igem.org/mediawiki/2013/a/a4/Heidelberg_symbol_parts.png") no-repeat 0px 0px;
 +
}
 +
.parts a.icon{
 +
    background:transparent url("https://static.igem.org/mediawiki/2013/9/93/Heidelberg_symbol_parts2.png") no-repeat 0px 0px;
 +
}
 +
.software a.icon{
 +
    background:transparent url("https://static.igem.org/mediawiki/2013/f/f7/Heidelberg_symbol_software.png") no-repeat 0px 0px;
 +
}
 +
.safety a.icon{
 +
    background:transparent url("https://static.igem.org/mediawiki/2013/7/72/Heidelberg_symbol_safety.png") no-repeat 0px 0px;
 +
}
 +
.human a.icon{
 +
    background:transparent url("https://static.igem.org/mediawiki/2013/5/5b/Heidelberg_symbol_human.png") no-repeat 0px 0px;
 +
}
 +
.model a.icon{
 +
    background:transparent url("https://static.igem.org/mediawiki/2013/7/78/Heidelberg_model.png") no-repeat 0px 0px;
 +
}
 +
.navigation .item a.active{
 +
    background-position:0px -52px;
 +
}
 +
.item img.circle{
 +
    position:absolute;
 +
    border-radius:50%;
 +
    top:0px;
 +
    left:0px;
 +
    width:52px;
 +
    height:52px;
 +
    opacity:0.3;
 +
    z-index: 7;
 +
}
 +
.item ul img .new{
 +
  position:relative;
 +
  max-width:40px;
 +
  max-height:40px;
 +
}
 +
.item h2{
 +
    position:absolute;
 +
    width:300px;
 +
    height:52px;
 +
    color:#222;
 +
    font-size:18px;
 +
    font-weight: '600';
 +
    top:-10px;
 +
    left:50px;
 +
    text-indent:10px;
 +
    line-height:52px;
 +
   
 +
    text-transform:uppercase;
 +
}
 +
 +
.item img.active{
 +
z-index:2;
 +
}
 +
.item a.active{
 +
visibility:hidden;
 +
}
 +
.item h2.active{
 +
    color:#ffcc00;
 +
    font-size:20px;
 +
    font-weight:400;
 +
    text-shadow:1px 1px 4px #666;
 +
z-index:1;
 +
}
 +
.item ul{
 +
    list-style:none;
 +
    position:absolute;
 +
    top:60px;
 +
    left:57px;
 +
    display:none;
 +
}
 +
.item ul li a{
 +
    font-size:15px;
 +
    text-decoration:none;
 +
    letter-spacing:1.5px;
 +
    text-transform:uppercase;
 +
    color:#fff;
 +
   
 +
    padding:3px;
 +
    float:left;
 +
    clear:both;
 +
    width:auto;
 +
    white-space:nowrap;
 +
 +
 +
}
 +
.item ul li a:hover{
 +
    background-color:#fff;
 +
    color:#444;
 +
    -moz-border-radius:5px;
 +
    -webkit-border-radius:5px;
 +
    border-radius:5px;
 +
    -moz-box-shadow:1px 1px 4px #666;
 +
    -webkit-box-shadow:1px 1px 4px #666;
 +
    box-shadow:1px 1px 4px #666;
 +
 +
}
 +
 +
.item ul.active{
 +
z-index:1;
 +
}
 +
*{
 +
                margin:0;
 +
                padding:0;
 +
            }
 +
            body{
 +
                content: "";
 +
                /*opacity: 0.8;*/
 +
                background-position:left top;
 +
background-repeat:no-repeat;
 +
                z-index: -1;
 +
 +
            }
 +
 +
/*#nav{
 +
min-width:800px;
 +
}*/
 +
div#WelcomeText{
 +
font-style: normal;
 +
border-style:solid;
 +
border-color:#999999;
 +
border-width:1px;
 +
padding:10px;
 +
border-radius: 15px;
 +
float:right;
 +
margin:0 20 0 0;
 +
}
 +
#logo{
 +
float:right;
 +
}
 +
.popover-content {
 +
                text-align: justify;
 +
                font-family: Arial, sans-serif;
 +
                font-size: 14px;
 +
            }
 +
 +
.popover.left {
 +
                margin-left:
 +
            }
 +
 +
            .popover {
 +
                max-width: 850px;
 +
                margin-top: 0px;
 +
                opacity:0.4;
 +
                filter:alpha(opacity=40);
 +
            }
 +
            .btn-lg {
 +
                font-size: 24px;
 +
                font-weight: 900;
 +
            }
 +
            #content {
 +
                padding:0;
 +
            }
 +
            @media (max-width: 991px) { /* bootstrap md: 992px*/
 +
                .col-logo {
 +
                    margin-top: 1%;
 +
                }
 +
            }
 +
.lang label{
 +
width: 5px;
 +
height: 2px;
 +
background-repeat: no-repeat;
 +
background-size: auto 80%;
 +
background-position: center;
 +
}
 +
 +
.lang label.active{
 +
background-color:#999999;
 +
background-image: url("https://static.igem.org/mediawiki/2013/b/b8/Heidelberg_start_flags_France.png");
 +
background-repeat: no-repeat;
 +
background-size: auto 80%;
 +
background-position: center;
 +
}
 +
 +
.lang label.english{
 +
background-image: url("https://static.igem.org/mediawiki/2013/5/59/Heidelberg_start_flags_English.png");
 +
}
 +
 +
.lang label.active.english{
 +
background-image: url("https://static.igem.org/mediawiki/2013/5/59/Heidelberg_start_flags_English.png");
 +
}
 +
 +
 +
.lang label.french{
 +
background-image: url("https://static.igem.org/mediawiki/2013/b/b8/Heidelberg_start_flags_France.png");
 +
}
 +
 +
.lang label.active.french{
 +
background-image: url("https://static.igem.org/mediawiki/2013/b/b8/Heidelberg_start_flags_France.png");
 +
}
 +
 +
.lang label.italian{
 +
background-image: url("https://static.igem.org/mediawiki/2013/c/c0/Heidelberg_start_flags_Italy.png");
 +
}
 +
 +
.lang label.active.italian{
 +
background-image: url("https://static.igem.org/mediawiki/2013/c/c0/Heidelberg_start_flags_Italy.png");
 +
}
 +
 +
.lang label.dutch{
 +
background-image: url("https://static.igem.org/mediawiki/2013/b/bd/Heidelberg_Flag_of_the_Netherlands.png");
 +
}
 +
 +
.lang label.active.dutch{
 +
background-image: url("https://static.igem.org/mediawiki/2013/b/bd/Heidelberg_Flag_of_the_Netherlands.png");
 +
}
 +
 +
.lang label.polish{
 +
background-image: url("https://static.igem.org/mediawiki/2013/3/32/Heidelberg_Flag_of_Poland.png");
 +
}
 +
 +
.lang label.active.polish{
 +
background-image: url("https://static.igem.org/mediawiki/2013/3/32/Heidelberg_Flag_of_Poland.png");
 +
}
 +
 +
.lang label.cypriot{
 +
background-image: url("https://static.igem.org/mediawiki/2013/c/c9/Heidelberg_start_flags_Greece.png");
 +
}
 +
 +
.lang label.active.cypriot{
 +
background-image: url("https://static.igem.org/mediawiki/2013/c/c9/Heidelberg_start_flags_Greece.png");
 +
}
 +
 +
.lang label.ukrain{
 +
background-image: url("https://static.igem.org/mediawiki/2013/3/3f/Heidelberg_start_flags_Ukraine.png");
 +
}
 +
 +
.lang label.active.ukrain{
 +
background-image: url("https://static.igem.org/mediawiki/2013/3/3f/Heidelberg_start_flags_Ukraine.png");
 +
}
 +
 +
.lang label.vietnamese{
 +
background-image: url("https://static.igem.org/mediawiki/2013/4/42/Heidelberg_Flag_of_Vietnam.png");
 +
}
 +
 +
.lang label.active.vietnamese{
 +
background-image: url("https://static.igem.org/mediawiki/2013/4/42/Heidelberg_Flag_of_Vietnam.png");
 +
}
 +
 +
.lang label.usbek{
 +
background-image: url("https://static.igem.org/mediawiki/2013/3/37/Heidelberg_Flag_of_Uzbekistan.png");
 +
}
 +
 +
.lang label.active.usbek{
 +
background-image: url("https://static.igem.org/mediawiki/2013/3/37/Heidelberg_Flag_of_Uzbekistan.png");
 +
}
 +
 +
.lang label.chinese{
 +
background-image: url("https://static.igem.org/mediawiki/2013/b/b0/Heidelberg_start_flags_China.png");
 +
}
 +
 +
.lang label.active.chinese{
 +
background-image: url("https://static.igem.org/mediawiki/2013/b/b0/Heidelberg_start_flags_China.png");
 +
}
 +
 +
.lang label.mandarin{
 +
background-image: url("https://static.igem.org/mediawiki/2013/1/1a/Heidelberg_Flag_of_the_Republic_of_China.png");
 +
}
 +
 +
.lang label.active.mandarin{
 +
background-image: url("https://static.igem.org/mediawiki/2013/1/1a/Heidelberg_Flag_of_the_Republic_of_China.png");
 +
}
 +
 +
.lang label.korean{
 +
background-image: url("https://static.igem.org/mediawiki/2013/0/03/Heidelberg_Flag_of_South_Korea.png");
 +
}
 +
 +
.lang label.active.korean{
 +
background-image: url("https://static.igem.org/mediawiki/2013/0/03/Heidelberg_Flag_of_South_Korea.png");
 +
}
 +
 +
.lang label.german{
 +
background-image: url("https://static.igem.org/mediawiki/2013/2/25/Heidelberg_start_flags_Germany.png");
 +
}
 +
 +
.lang label.active.german{
 +
background-image: url("https://static.igem.org/mediawiki/2013/2/25/Heidelberg_start_flags_Germany.png");
 +
}
 +
 +
.lang label.portuguese{
 +
background-image: url("https://static.igem.org/mediawiki/2013/c/cb/Heidelberg_start_flags_Brazil_and_Portugal.png");
 +
}
 +
 +
.lang label.active.portuguese{
 +
background-image: url("https://static.igem.org/mediawiki/2013/c/cb/Heidelberg_start_flags_Brazil_and_Portugal.png");
 +
}
 +
 +
.lang label.indonesian{
 +
background-image: url("https://static.igem.org/mediawiki/2013/f/f5/Heidelberg_Flag_of_Indonesia.png");
 +
}
 +
 +
.lang label.active.indonesian{
 +
background-image: url("https://static.igem.org/mediawiki/2013/f/f5/Heidelberg_Flag_of_Indonesia.png");
 +
}
 +
 +
.lang label.spanisch{
 +
background-image: url("https://static.igem.org/mediawiki/2013/a/ae/Heidelberg_start_flags_Spanish.png");
 +
}
 +
 +
.lang label.active.spanisch{
 +
background-image: url("https://static.igem.org/mediawiki/2013/a/ae/Heidelberg_start_flags_Spanish.png");
 +
}
 +
 +
.lang label.russian{
 +
background-image: url("https://static.igem.org/mediawiki/2013/d/d7/Heidelberg_start_flags_Russia.png");
 +
}
 +
 +
.lang label.active.russian{
 +
background-image: url("https://static.igem.org/mediawiki/2013/d/d7/Heidelberg_start_flags_Russia.png");
 +
}
 +
 +
 +
.lang label.turki{
 +
background-image: url("https://static.igem.org/mediawiki/2013/1/1c/Heidelberg_start_flags_Turkey.png");
 +
}
 +
 +
.lang label.active.turki{
 +
background-image: url("https://static.igem.org/mediawiki/2013/1/1c/Heidelberg_start_flags_Turkey.png");
 +
}
 +
 +
.lang label.bulgarian{
 +
background-image: url("https://static.igem.org/mediawiki/2013/5/5e/Heidelberg_Flag_of_Bulgaria.png");
 +
}
 +
 +
.lang label.active.bulgarian{
 +
background-image: url("https://static.igem.org/mediawiki/2013/5/5e/Heidelberg_Flag_of_Bulgaria.png");
 +
}
 +
 +
.lang label.romanian{
 +
background-image: url("https://static.igem.org/mediawiki/2013/7/7c/Heidelberg_Flag_of_Romania.png");
 +
}
 +
 +
.lang label.active.romanian{
 +
background-image: url("https://static.igem.org/mediawiki/2013/7/7c/Heidelberg_Flag_of_Romania.png");
 +
}
 +
 +
.lang label.luxembourg{
 +
background-image: url("https://static.igem.org/mediawiki/2013/7/77/Heidelberg_Flag_of_Luxembourg.png");
 +
}
 +
 +
.lang label.active.luxembourg{
 +
background-image: url("https://static.igem.org/mediawiki/2013/7/77/Heidelberg_Flag_of_Luxembourg.png");
 +
}
 +
 +
.lang label.phillipine{
 +
background-image: url("https://static.igem.org/mediawiki/2013/a/a8/Heidelberg_Flag_of_the_Philippines.png");
 +
}
 +
 +
.lang label.active.phillipine{
 +
background-image: url("https://static.igem.org/mediawiki/2013/a/a8/Heidelberg_Flag_of_the_Philippines.png");
 +
}
 +
 +
.lang label.serbo{
 +
background-image: url("https://static.igem.org/mediawiki/2013/e/e9/800px-Serbo-Croatian_language_flag.gif");
 +
}
 +
 +
.lang label.active.serbo{
 +
background-image: url("https://static.igem.org/mediawiki/2013/e/e9/800px-Serbo-Croatian_language_flag.gif");
 +
}
 +
 +
.lang label.tamil{
 +
background-image: url("https://static.igem.org/mediawiki/2013/d/d5/Heidelberg_start_flags_India.png");
 +
}
 +
 +
.lang label.active.tamil{
 +
background-image: url("https://static.igem.org/mediawiki/2013/d/d5/Heidelberg_start_flags_India.png");
 +
}
 +
 +
.lang label.urdu{
 +
background-image: url("https://static.igem.org/mediawiki/2013/6/62/Heidelberg_Flag_of_Pakistan.png");
 +
}
 +
 +
.lang label.active.urdu{
 +
background-image: url("https://static.igem.org/mediawiki/2013/6/62/Heidelberg_Flag_of_Pakistan.png");
 +
}
 +
 +
.lang label.danish{
 +
background-image: url("https://static.igem.org/mediawiki/2013/1/17/Heidelberg_Flag_of_Denmark.png");
 +
}
 +
 +
.lang label.active.danish{
 +
background-image: url("https://static.igem.org/mediawiki/2013/1/17/Heidelberg_Flag_of_Denmark.png");
 +
}
 +
 +
.lang label.arabic{
 +
background-image: url("https://static.igem.org/mediawiki/2013/9/9a/Heidelberg_start_flags_Egypt.png");
 +
}
 +
 +
.lang label.active.arabic{
 +
background-image: url("https://static.igem.org/mediawiki/2013/9/9a/Heidelberg_start_flags_Egypt.png");
 +
}
 +
 +
.lang label.israel{
 +
background-image: url("https://static.igem.org/mediawiki/2013/f/fc/Heidelberg_start_flags_Israel.png");
 +
}
 +
 +
.lang label.active.israel{
 +
background-image: url("https://static.igem.org/mediawiki/2013/f/fc/Heidelberg_start_flags_Israel.png");
 +
}
 +
 +
.lang label.litauisch{
 +
background-image: url("https://static.igem.org/mediawiki/2013/1/1a/Heidelberg_Flag_of_Lithuania.png");
 +
}
 +
 +
.lang label.active.litauisch{
 +
background-image: url("https://static.igem.org/mediawiki/2013/1/1a/Heidelberg_Flag_of_Lithuania.png");
 +
}
 +
 +
.lang label.active.creol{
 +
background-image: url("https://static.igem.org/mediawiki/2013/9/94/CapeVerde.png");
 +
}
 +
 +
.lang label.creol{
 +
background-image: url("https://static.igem.org/mediawiki/2013/9/94/CapeVerde.png");
 +
}
 +
 +
.lang label.active.japanese{
 +
background-image: url("https://static.igem.org/mediawiki/2013/c/c9/Heidelberg_Japan.png");
 +
}
 +
 +
.lang label.japanese{
 +
background-image: url("https://static.igem.org/mediawiki/2013/c/c9/Heidelberg_Japan.png");
 +
}
 +
 +
.lang label.active.afrikaans{
 +
background-image: url("https://static.igem.org/mediawiki/2013/e/eb/Heidelberg_afrikaans.png");
 +
}
 +
 +
.lang label.afrikaans{
 +
background-image: url("https://static.igem.org/mediawiki/2013/e/eb/Heidelberg_afrikaans.png");
 +
}
 +
 +
.lang label.active.asery{
 +
background-image: url("https://static.igem.org/mediawiki/2013/7/75/Heidelberg_Azerbaijan.png");
 +
}
 +
 +
.lang label.asery{
 +
background-image: url("https://static.igem.org/mediawiki/2013/7/75/Heidelberg_Azerbaijan.png");
 +
}
 +
 +
.lang label.active.persian{
 +
background-image: url("https://static.igem.org/mediawiki/2013/7/75/Heidelberg_start_flags_Iran.png");
 +
}
 +
 +
.lang label.persian{
 +
background-image: url("https://static.igem.org/mediawiki/2013/7/75/Heidelberg_start_flags_Iran.png");
 +
}
 +
 +
.lang label.active.sorbian{
 +
background-image: url("https://static.igem.org/mediawiki/2013/2/26/Heidelberg_start_flags_Sorbian.png");
 +
}
 +
 +
.lang label.sorbian{
 +
background-image: url("https://static.igem.org/mediawiki/2013/2/26/Heidelberg_start_flags_Sorbian.png");
 +
}
 +
 +
.lang label.active.swedish{
 +
background-image: url("https://static.igem.org/mediawiki/2013/1/1e/Heidelberg_swedish.png");
 +
}
 +
 +
.lang label.swedish{
 +
background-image: url("https://static.igem.org/mediawiki/2013/1/1e/Heidelberg_swedish.png");
 +
}
 +
.lang label.marathi{
 +
background-image: url("https://static.igem.org/mediawiki/2013/d/d5/Heidelberg_start_flags_India.png");
 +
}
 +
 +
.lang label.active.marathi{
 +
background-image: url("https://static.igem.org/mediawiki/2013/d/d5/Heidelberg_start_flags_India.png");
 +
}
 +
 +
.lang label.hungarian{
 +
background-image: url("https://static.igem.org/mediawiki/2013/f/f3/Heidelberg_Hungary.png");
 +
}
 +
 +
.lang label.active.hungarian{
 +
background-image: url("https://static.igem.org/mediawiki/2013/f/f3/Heidelberg_Hungary.png");
 +
}
 +
 +
.lang label.hindi{
 +
background-image: url("https://static.igem.org/mediawiki/2013/d/d5/Heidelberg_start_flags_India.png");
 +
}
 +
 +
.lang label.active.hindi{
 +
background-image: url("https://static.igem.org/mediawiki/2013/d/d5/Heidelberg_start_flags_India.png");
 +
}
 +
 +
.highlight_button {
 +
    background-repeat:no-repeat;
 +
    width:80px;
 +
    height:80px;
 +
    background-size:160px 80px;
 +
    background-position:left;
 +
    display:inline-block;
 +
}
 +
 +
.highlight_button:hover {
 +
    background-position:right;
 +
}
 +
 +
@-webkit-keyframes bounceIn {
 +
0% {
 +
opacity: 0;
 +
-webkit-transform: scale(.3);
 +
}
 +
 +
15% {
 +
opacity: 1;
 +
-webkit-transform: scale(1.05);
 +
}
 +
 +
23% {
 +
-webkit-transform: scale(.9);
 +
}
 +
 +
30% {
 +
-webkit-transform: scale(1);
 +
}
 +
}
 +
 +
@-moz-keyframes bounceIn {
 +
0% {
 +
opacity: 0;
 +
-moz-transform: scale(.3);
 +
}
 +
 +
15% {
 +
opacity: 1;
 +
-moz-transform: scale(1.05);
 +
}
 +
 +
23% {
 +
-moz-transform: scale(.9);
 +
}
 +
 +
30% {
 +
-moz-transform: scale(1);
 +
}
 +
}
 +
 +
@-ms-keyframes bounceIn {
 +
0% {
 +
opacity: 0;
 +
-ms-transform: scale(.3);
 +
}
 +
 +
15% {
 +
opacity: 1;
 +
-ms-transform: scale(1.05);
 +
}
 +
 +
23% {
 +
-ms-transform: scale(.9);
 +
}
 +
 +
30% {
 +
-ms-transform: scale(1);
 +
}
 +
}
 +
 +
@-o-keyframes bounceIn {
 +
0% {
 +
opacity: 0;
 +
-o-transform: scale(.3);
 +
}
 +
 +
15% {
 +
opacity: 1;
 +
-o-transform: scale(1.05);
 +
}
 +
 +
23% {
 +
-o-transform: scale(.9);
 +
}
 +
 +
30% {
 +
-o-transform: scale(1);
 +
}
 +
}
 +
 +
@keyframes bounceIn {
 +
0% {
 +
opacity: 0;
 +
transform: scale(.3);
 +
}
 +
 +
15% {
 +
opacity: 1;
 +
transform: scale(1.05);
 +
}
 +
 +
23% {
 +
transform: scale(.9);
 +
}
 +
 +
30% {
 +
transform: scale(1);
 +
}
 +
}
 +
 +
.highlight_button_pulse {
 +
    background-repeat:no-repeat;
 +
    width:80px;
 +
    height:80px;
 +
    background-size:160px 80px;
 +
    background-position:left;
 +
    display:inline-block;
 +
    -webkit-animation: bounceIn 6s linear infinite;
 +
    -moz-animation: bounceIn 6s linear infinite;
 +
    -ms-animation: bounceIn 6s linear infinite;
 +
    -o-animation: bounceIn 6s linear infinite;
 +
    animation: bounceIn 6s linear infinite;
 +
}
 +
 +
.highlight_button_pulse:hover {
 +
    background-position:right;
 +
}
</body>
</body>
</html>
</html>

Revision as of 07:19, 15 April 2014

.navigation{ margin: 0px auto; font-family: Arial, sans-serif; font-size: 28px; font-style: normal; letter-spacing: 1.2px; } .navigation .item{ position:relative; } .team{ top:120px; left:2%; width:30px; } .project{ top:40px; left:15%; width:30px; } .software{ top:140px; left:77%; width:30px; } .parts{ top:250px; left:90%; width:30px; } .notebook{ top:1%; left:36%; width:30px; } .safety{ top:355px; left:101%; width:30px; } .human{ top:52px; left:60%; width:30px; } .model{ top:480px; left:105%; width:30px; } a.icon{ width:53px; height:53px; position:absolute; top:0px; left:0px; cursor:pointer; } .team a.icon{ background:transparent url("https://static.igem.org/mediawiki/2013/9/92/Heidelberg_symbol_team.png") no-repeat 0px 0px; } .project a.icon{ background:transparent url("https://static.igem.org/mediawiki/2013/b/b0/Heidelberg_symbol_project3.png") no-repeat 0px 0px; } .notebook a.icon{ background:transparent url("https://static.igem.org/mediawiki/2013/a/a4/Heidelberg_symbol_parts.png") no-repeat 0px 0px; } .parts a.icon{ background:transparent url("https://static.igem.org/mediawiki/2013/9/93/Heidelberg_symbol_parts2.png") no-repeat 0px 0px; } .software a.icon{ background:transparent url("https://static.igem.org/mediawiki/2013/f/f7/Heidelberg_symbol_software.png") no-repeat 0px 0px; } .safety a.icon{ background:transparent url("https://static.igem.org/mediawiki/2013/7/72/Heidelberg_symbol_safety.png") no-repeat 0px 0px; } .human a.icon{ background:transparent url("https://static.igem.org/mediawiki/2013/5/5b/Heidelberg_symbol_human.png") no-repeat 0px 0px; } .model a.icon{ background:transparent url("https://static.igem.org/mediawiki/2013/7/78/Heidelberg_model.png") no-repeat 0px 0px; } .navigation .item a.active{ background-position:0px -52px; } .item img.circle{ position:absolute; border-radius:50%; top:0px; left:0px; width:52px; height:52px; opacity:0.3; z-index: 7; } .item ul img .new{ position:relative; max-width:40px; max-height:40px; } .item h2{ position:absolute; width:300px; height:52px; color:#222; font-size:18px; font-weight: '600'; top:-10px; left:50px; text-indent:10px; line-height:52px; text-transform:uppercase; } .item img.active{ z-index:2; } .item a.active{ visibility:hidden; } .item h2.active{ color:#ffcc00; font-size:20px; font-weight:400; text-shadow:1px 1px 4px #666; z-index:1; } .item ul{ list-style:none; position:absolute; top:60px; left:57px; display:none; } .item ul li a{ font-size:15px; text-decoration:none; letter-spacing:1.5px; text-transform:uppercase; color:#fff; padding:3px; float:left; clear:both; width:auto; white-space:nowrap; } .item ul li a:hover{ background-color:#fff; color:#444; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:1px 1px 4px #666; -webkit-box-shadow:1px 1px 4px #666; box-shadow:1px 1px 4px #666; } .item ul.active{ z-index:1; } *{ margin:0; padding:0; } body{ content: ""; /*opacity: 0.8;*/ background-position:left top; background-repeat:no-repeat; z-index: -1; } /*#nav{ min-width:800px; }*/ div#WelcomeText{ font-style: normal; border-style:solid; border-color:#999999; border-width:1px; padding:10px; border-radius: 15px; float:right; margin:0 20 0 0; } #logo{ float:right; } .popover-content { text-align: justify; font-family: Arial, sans-serif; font-size: 14px; } .popover.left { margin-left: } .popover { max-width: 850px; margin-top: 0px; opacity:0.4; filter:alpha(opacity=40); } .btn-lg { font-size: 24px; font-weight: 900; } #content { padding:0; } @media (max-width: 991px) { /* bootstrap md: 992px*/ .col-logo { margin-top: 1%; } } .lang label{ width: 5px; height: 2px; background-repeat: no-repeat; background-size: auto 80%; background-position: center; } .lang label.active{ background-color:#999999; background-image: url("https://static.igem.org/mediawiki/2013/b/b8/Heidelberg_start_flags_France.png"); background-repeat: no-repeat; background-size: auto 80%; background-position: center; } .lang label.english{ background-image: url("https://static.igem.org/mediawiki/2013/5/59/Heidelberg_start_flags_English.png"); } .lang label.active.english{ background-image: url("https://static.igem.org/mediawiki/2013/5/59/Heidelberg_start_flags_English.png"); } .lang label.french{ background-image: url("https://static.igem.org/mediawiki/2013/b/b8/Heidelberg_start_flags_France.png"); } .lang label.active.french{ background-image: url("https://static.igem.org/mediawiki/2013/b/b8/Heidelberg_start_flags_France.png"); } .lang label.italian{ background-image: url("https://static.igem.org/mediawiki/2013/c/c0/Heidelberg_start_flags_Italy.png"); } .lang label.active.italian{ background-image: url("https://static.igem.org/mediawiki/2013/c/c0/Heidelberg_start_flags_Italy.png"); } .lang label.dutch{ background-image: url("https://static.igem.org/mediawiki/2013/b/bd/Heidelberg_Flag_of_the_Netherlands.png"); } .lang label.active.dutch{ background-image: url("https://static.igem.org/mediawiki/2013/b/bd/Heidelberg_Flag_of_the_Netherlands.png"); } .lang label.polish{ background-image: url("https://static.igem.org/mediawiki/2013/3/32/Heidelberg_Flag_of_Poland.png"); } .lang label.active.polish{ background-image: url("https://static.igem.org/mediawiki/2013/3/32/Heidelberg_Flag_of_Poland.png"); } .lang label.cypriot{ background-image: url("https://static.igem.org/mediawiki/2013/c/c9/Heidelberg_start_flags_Greece.png"); } .lang label.active.cypriot{ background-image: url("https://static.igem.org/mediawiki/2013/c/c9/Heidelberg_start_flags_Greece.png"); } .lang label.ukrain{ background-image: url("https://static.igem.org/mediawiki/2013/3/3f/Heidelberg_start_flags_Ukraine.png"); } .lang label.active.ukrain{ background-image: url("https://static.igem.org/mediawiki/2013/3/3f/Heidelberg_start_flags_Ukraine.png"); } .lang label.vietnamese{ background-image: url("https://static.igem.org/mediawiki/2013/4/42/Heidelberg_Flag_of_Vietnam.png"); } .lang label.active.vietnamese{ background-image: url("https://static.igem.org/mediawiki/2013/4/42/Heidelberg_Flag_of_Vietnam.png"); } .lang label.usbek{ background-image: url("https://static.igem.org/mediawiki/2013/3/37/Heidelberg_Flag_of_Uzbekistan.png"); } .lang label.active.usbek{ background-image: url("https://static.igem.org/mediawiki/2013/3/37/Heidelberg_Flag_of_Uzbekistan.png"); } .lang label.chinese{ background-image: url("https://static.igem.org/mediawiki/2013/b/b0/Heidelberg_start_flags_China.png"); } .lang label.active.chinese{ background-image: url("https://static.igem.org/mediawiki/2013/b/b0/Heidelberg_start_flags_China.png"); } .lang label.mandarin{ background-image: url("https://static.igem.org/mediawiki/2013/1/1a/Heidelberg_Flag_of_the_Republic_of_China.png"); } .lang label.active.mandarin{ background-image: url("https://static.igem.org/mediawiki/2013/1/1a/Heidelberg_Flag_of_the_Republic_of_China.png"); } .lang label.korean{ background-image: url("https://static.igem.org/mediawiki/2013/0/03/Heidelberg_Flag_of_South_Korea.png"); } .lang label.active.korean{ background-image: url("https://static.igem.org/mediawiki/2013/0/03/Heidelberg_Flag_of_South_Korea.png"); } .lang label.german{ background-image: url("https://static.igem.org/mediawiki/2013/2/25/Heidelberg_start_flags_Germany.png"); } .lang label.active.german{ background-image: url("https://static.igem.org/mediawiki/2013/2/25/Heidelberg_start_flags_Germany.png"); } .lang label.portuguese{ background-image: url("https://static.igem.org/mediawiki/2013/c/cb/Heidelberg_start_flags_Brazil_and_Portugal.png"); } .lang label.active.portuguese{ background-image: url("https://static.igem.org/mediawiki/2013/c/cb/Heidelberg_start_flags_Brazil_and_Portugal.png"); } .lang label.indonesian{ background-image: url("https://static.igem.org/mediawiki/2013/f/f5/Heidelberg_Flag_of_Indonesia.png"); } .lang label.active.indonesian{ background-image: url("https://static.igem.org/mediawiki/2013/f/f5/Heidelberg_Flag_of_Indonesia.png"); } .lang label.spanisch{ background-image: url("https://static.igem.org/mediawiki/2013/a/ae/Heidelberg_start_flags_Spanish.png"); } .lang label.active.spanisch{ background-image: url("https://static.igem.org/mediawiki/2013/a/ae/Heidelberg_start_flags_Spanish.png"); } .lang label.russian{ background-image: url("https://static.igem.org/mediawiki/2013/d/d7/Heidelberg_start_flags_Russia.png"); } .lang label.active.russian{ background-image: url("https://static.igem.org/mediawiki/2013/d/d7/Heidelberg_start_flags_Russia.png"); } .lang label.turki{ background-image: url("https://static.igem.org/mediawiki/2013/1/1c/Heidelberg_start_flags_Turkey.png"); } .lang label.active.turki{ background-image: url("https://static.igem.org/mediawiki/2013/1/1c/Heidelberg_start_flags_Turkey.png"); } .lang label.bulgarian{ background-image: url("https://static.igem.org/mediawiki/2013/5/5e/Heidelberg_Flag_of_Bulgaria.png"); } .lang label.active.bulgarian{ background-image: url("https://static.igem.org/mediawiki/2013/5/5e/Heidelberg_Flag_of_Bulgaria.png"); } .lang label.romanian{ background-image: url("https://static.igem.org/mediawiki/2013/7/7c/Heidelberg_Flag_of_Romania.png"); } .lang label.active.romanian{ background-image: url("https://static.igem.org/mediawiki/2013/7/7c/Heidelberg_Flag_of_Romania.png"); } .lang label.luxembourg{ background-image: url("https://static.igem.org/mediawiki/2013/7/77/Heidelberg_Flag_of_Luxembourg.png"); } .lang label.active.luxembourg{ background-image: url("https://static.igem.org/mediawiki/2013/7/77/Heidelberg_Flag_of_Luxembourg.png"); } .lang label.phillipine{ background-image: url("https://static.igem.org/mediawiki/2013/a/a8/Heidelberg_Flag_of_the_Philippines.png"); } .lang label.active.phillipine{ background-image: url("https://static.igem.org/mediawiki/2013/a/a8/Heidelberg_Flag_of_the_Philippines.png"); } .lang label.serbo{ background-image: url("https://static.igem.org/mediawiki/2013/e/e9/800px-Serbo-Croatian_language_flag.gif"); } .lang label.active.serbo{ background-image: url("https://static.igem.org/mediawiki/2013/e/e9/800px-Serbo-Croatian_language_flag.gif"); } .lang label.tamil{ background-image: url("https://static.igem.org/mediawiki/2013/d/d5/Heidelberg_start_flags_India.png"); } .lang label.active.tamil{ background-image: url("https://static.igem.org/mediawiki/2013/d/d5/Heidelberg_start_flags_India.png"); } .lang label.urdu{ background-image: url("https://static.igem.org/mediawiki/2013/6/62/Heidelberg_Flag_of_Pakistan.png"); } .lang label.active.urdu{ background-image: url("https://static.igem.org/mediawiki/2013/6/62/Heidelberg_Flag_of_Pakistan.png"); } .lang label.danish{ background-image: url("https://static.igem.org/mediawiki/2013/1/17/Heidelberg_Flag_of_Denmark.png"); } .lang label.active.danish{ background-image: url("https://static.igem.org/mediawiki/2013/1/17/Heidelberg_Flag_of_Denmark.png"); } .lang label.arabic{ background-image: url("https://static.igem.org/mediawiki/2013/9/9a/Heidelberg_start_flags_Egypt.png"); } .lang label.active.arabic{ background-image: url("https://static.igem.org/mediawiki/2013/9/9a/Heidelberg_start_flags_Egypt.png"); } .lang label.israel{ background-image: url("https://static.igem.org/mediawiki/2013/f/fc/Heidelberg_start_flags_Israel.png"); } .lang label.active.israel{ background-image: url("https://static.igem.org/mediawiki/2013/f/fc/Heidelberg_start_flags_Israel.png"); } .lang label.litauisch{ background-image: url("https://static.igem.org/mediawiki/2013/1/1a/Heidelberg_Flag_of_Lithuania.png"); } .lang label.active.litauisch{ background-image: url("https://static.igem.org/mediawiki/2013/1/1a/Heidelberg_Flag_of_Lithuania.png"); } .lang label.active.creol{ background-image: url("https://static.igem.org/mediawiki/2013/9/94/CapeVerde.png"); } .lang label.creol{ background-image: url("https://static.igem.org/mediawiki/2013/9/94/CapeVerde.png"); } .lang label.active.japanese{ background-image: url("https://static.igem.org/mediawiki/2013/c/c9/Heidelberg_Japan.png"); } .lang label.japanese{ background-image: url("https://static.igem.org/mediawiki/2013/c/c9/Heidelberg_Japan.png"); } .lang label.active.afrikaans{ background-image: url("https://static.igem.org/mediawiki/2013/e/eb/Heidelberg_afrikaans.png"); } .lang label.afrikaans{ background-image: url("https://static.igem.org/mediawiki/2013/e/eb/Heidelberg_afrikaans.png"); } .lang label.active.asery{ background-image: url("https://static.igem.org/mediawiki/2013/7/75/Heidelberg_Azerbaijan.png"); } .lang label.asery{ background-image: url("https://static.igem.org/mediawiki/2013/7/75/Heidelberg_Azerbaijan.png"); } .lang label.active.persian{ background-image: url("https://static.igem.org/mediawiki/2013/7/75/Heidelberg_start_flags_Iran.png"); } .lang label.persian{ background-image: url("https://static.igem.org/mediawiki/2013/7/75/Heidelberg_start_flags_Iran.png"); } .lang label.active.sorbian{ background-image: url("https://static.igem.org/mediawiki/2013/2/26/Heidelberg_start_flags_Sorbian.png"); } .lang label.sorbian{ background-image: url("https://static.igem.org/mediawiki/2013/2/26/Heidelberg_start_flags_Sorbian.png"); } .lang label.active.swedish{ background-image: url("https://static.igem.org/mediawiki/2013/1/1e/Heidelberg_swedish.png"); } .lang label.swedish{ background-image: url("https://static.igem.org/mediawiki/2013/1/1e/Heidelberg_swedish.png"); } .lang label.marathi{ background-image: url("https://static.igem.org/mediawiki/2013/d/d5/Heidelberg_start_flags_India.png"); } .lang label.active.marathi{ background-image: url("https://static.igem.org/mediawiki/2013/d/d5/Heidelberg_start_flags_India.png"); } .lang label.hungarian{ background-image: url("https://static.igem.org/mediawiki/2013/f/f3/Heidelberg_Hungary.png"); } .lang label.active.hungarian{ background-image: url("https://static.igem.org/mediawiki/2013/f/f3/Heidelberg_Hungary.png"); } .lang label.hindi{ background-image: url("https://static.igem.org/mediawiki/2013/d/d5/Heidelberg_start_flags_India.png"); } .lang label.active.hindi{ background-image: url("https://static.igem.org/mediawiki/2013/d/d5/Heidelberg_start_flags_India.png"); } .highlight_button { background-repeat:no-repeat; width:80px; height:80px; background-size:160px 80px; background-position:left; display:inline-block; } .highlight_button:hover { background-position:right; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); } 15% { opacity: 1; -webkit-transform: scale(1.05); } 23% { -webkit-transform: scale(.9); } 30% { -webkit-transform: scale(1); } } @-moz-keyframes bounceIn { 0% { opacity: 0; -moz-transform: scale(.3); } 15% { opacity: 1; -moz-transform: scale(1.05); } 23% { -moz-transform: scale(.9); } 30% { -moz-transform: scale(1); } } @-ms-keyframes bounceIn { 0% { opacity: 0; -ms-transform: scale(.3); } 15% { opacity: 1; -ms-transform: scale(1.05); } 23% { -ms-transform: scale(.9); } 30% { -ms-transform: scale(1); } } @-o-keyframes bounceIn { 0% { opacity: 0; -o-transform: scale(.3); } 15% { opacity: 1; -o-transform: scale(1.05); } 23% { -o-transform: scale(.9); } 30% { -o-transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(.3); } 15% { opacity: 1; transform: scale(1.05); } 23% { transform: scale(.9); } 30% { transform: scale(1); } } .highlight_button_pulse { background-repeat:no-repeat; width:80px; height:80px; background-size:160px 80px; background-position:left; display:inline-block; -webkit-animation: bounceIn 6s linear infinite; -moz-animation: bounceIn 6s linear infinite; -ms-animation: bounceIn 6s linear infinite; -o-animation: bounceIn 6s linear infinite; animation: bounceIn 6s linear infinite; } .highlight_button_pulse:hover { background-position:right; }

Retrieved from "http://2014hs.igem.org/Team:TAS_Taipei"