Team:Heidelberg/Templates/style-css
From 2013.igem.org
(Difference between revisions)
m |
|||
(14 intermediate revisions not shown) | |||
Line 23: | Line 23: | ||
.software{ | .software{ | ||
top:140px; | top:140px; | ||
- | left: | + | left:77%; |
width:30px; | width:30px; | ||
} | } | ||
.parts{ | .parts{ | ||
- | + | top:250px; | |
- | + | left:90%; | |
- | + | width:30px; | |
} | } | ||
.notebook{ | .notebook{ | ||
- | top: | + | top:1%; |
- | left: | + | left:36%; |
width:30px; | width:30px; | ||
Line 39: | Line 39: | ||
.safety{ | .safety{ | ||
top:355px; | top:355px; | ||
- | left: | + | left:101%; |
width:30px; | width:30px; | ||
} | } | ||
.human{ | .human{ | ||
- | + | top:52px; | |
- | + | left:60%; | |
- | + | width:30px; | |
} | } | ||
.model{ | .model{ | ||
top:480px; | top:480px; | ||
- | left: | + | left:105%; |
width:30px; | width:30px; | ||
} | } | ||
Line 507: | Line 507: | ||
} | } | ||
+ | .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 { | .highlight_button { | ||
Line 521: | Line 567: | ||
} | } | ||
- | @-moz-keyframes | + | @-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); | ||
+ | } | ||
} | } | ||
Line 533: | Line 674: | ||
background-position:left; | background-position:left; | ||
display:inline-block; | display:inline-block; | ||
- | -moz-animation: | + | -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; | ||
} | } | ||
Latest revision as of 11:49, 20 November 2013