Team:Heidelberg/Templates/style-css

From 2013.igem.org

(Difference between revisions)
 
(88 intermediate revisions not shown)
Line 12: Line 12:
}
}
.team{
.team{
-
     top:230px;
+
     top:120px;
     left:2%;
     left:2%;
     width:30px;
     width:30px;
}
}
.project{
.project{
-
   top:160px;
+
   top:40px;
-
   left:14%;
+
   left:15%;
   width:30px;
   width:30px;
}
}
.software{
.software{
-
     top:135px;
+
     top:140px;
-
     left:34%;
+
     left:77%;
     width:30px;
     width:30px;
}
}
.parts{
.parts{
-
  top:180px;
+
    top:250px;
-
  left:55%;
+
    left:90%;
-
  width:30px;
+
    width:30px;
}
}
.notebook{
.notebook{
-
  top:270px;
+
    top:1%;
-
  left:69%;
+
    left:36%;
-
  width:30px;
+
    width:30px;
 +
 
}
}
.safety{
.safety{
-
     top:500px;
+
     top:355px;
-
     left:80%;
+
     left:101%;
     width:30px;
     width:30px;
}
}
.human{
.human{
-
     top:380px;
+
  top:52px;
-
     left:77%;
+
  left:60%;
 +
  width:30px;
 +
}
 +
.model{
 +
     top:480px;
 +
     left:105%;
     width:30px;
     width:30px;
}
}
Line 75: Line 81:
.human a.icon{
.human a.icon{
     background:transparent url("https://static.igem.org/mediawiki/2013/5/5b/Heidelberg_symbol_human.png") no-repeat 0px 0px;
     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{
.navigation .item a.active{
Line 81: Line 90:
.item img.circle{
.item img.circle{
     position:absolute;
     position:absolute;
 +
    border-radius:50%;
     top:0px;
     top:0px;
     left:0px;
     left:0px;
Line 87: Line 97:
     opacity:0.3;
     opacity:0.3;
     z-index: 7;
     z-index: 7;
 +
}
 +
.item ul img .new{
 +
  position:relative;
 +
  max-width:40px;
 +
  max-height:40px;
}
}
.item h2{
.item h2{
Line 94: Line 109:
     color:#222;
     color:#222;
     font-size:18px;
     font-size:18px;
-
     font-style: bold;
+
     font-weight: '600';
     top:-10px;
     top:-10px;
     left:50px;
     left:50px;
Line 110: Line 125:
}
}
.item h2.active{
.item h2.active{
-
     color:#EEDF3E;
+
     color:#ffcc00;
 +
    font-size:20px;
 +
    font-weight:400;
     text-shadow:1px 1px 4px #666;
     text-shadow:1px 1px 4px #666;
z-index:1;
z-index:1;
Line 131: Line 148:
     float:left;
     float:left;
     clear:both;
     clear:both;
-
     width:160px;
+
     width:auto;
 +
    white-space:nowrap;
Line 149: Line 167:
.item ul.active{
.item ul.active{
z-index:1;
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>
</style>
</html>
</html>

Latest revision as of 11:49, 20 November 2013

Retrieved from "http://2013.igem.org/Team:Heidelberg/Templates/style-css"