"
Team:Heidelberg/Templates/style-css
From 2013.igem.org
(Difference between revisions)
| (77 intermediate revisions not shown) | |||
| Line 17: | Line 17: | ||
} | } | ||
.project{ | .project{ | ||
| - | top: | + | top:40px; |
left:15%; | left:15%; | ||
width:30px; | width:30px; | ||
} | } | ||
.software{ | .software{ | ||
| - | top: | + | top:140px; |
| - | left: | + | left:77%; |
width:30px; | width:30px; | ||
} | } | ||
.parts{ | .parts{ | ||
| - | + | top:250px; | |
| - | + | left:90%; | |
| - | + | width:30px; | |
} | } | ||
.notebook{ | .notebook{ | ||
| - | + | top:1%; | |
| - | + | left:36%; | |
| - | + | width:30px; | |
| + | |||
} | } | ||
.safety{ | .safety{ | ||
| - | top: | + | top:355px; |
| - | left: | + | left:101%; |
width:30px; | width:30px; | ||
} | } | ||
.human{ | .human{ | ||
| - | top: | + | top:52px; |
| - | left: | + | 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- | + | font-weight: '600'; |
top:-10px; | top:-10px; | ||
left:50px; | left:50px; | ||
| Line 110: | Line 125: | ||
} | } | ||
.item h2.active{ | .item h2.active{ | ||
| - | color:# | + | 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: | + | width:auto; |
| + | white-space:nowrap; | ||
| Line 222: | Line 240: | ||
background-position: center; | 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{ | .lang label.french{ | ||
| Line 240: | Line 267: | ||
.lang label.dutch{ | .lang label.dutch{ | ||
| - | background-image: url("https://static.igem.org/mediawiki/2013/ | + | background-image: url("https://static.igem.org/mediawiki/2013/b/bd/Heidelberg_Flag_of_the_Netherlands.png"); |
} | } | ||
.lang label.active.dutch{ | .lang label.active.dutch{ | ||
| - | background-image: url("https://static.igem.org/mediawiki/2013/ | + | background-image: url("https://static.igem.org/mediawiki/2013/b/bd/Heidelberg_Flag_of_the_Netherlands.png"); |
} | } | ||
.lang label.polish{ | .lang label.polish{ | ||
| - | background-image: url("https://static.igem.org/mediawiki/2013/ | + | background-image: url("https://static.igem.org/mediawiki/2013/3/32/Heidelberg_Flag_of_Poland.png"); |
} | } | ||
.lang label.active.polish{ | .lang label.active.polish{ | ||
| - | background-image: url("https://static.igem.org/mediawiki/2013/ | + | background-image: url("https://static.igem.org/mediawiki/2013/3/32/Heidelberg_Flag_of_Poland.png"); |
} | } | ||
.lang label.cypriot{ | .lang label.cypriot{ | ||
| - | background-image: url("https://static.igem.org/mediawiki/2013/ | + | background-image: url("https://static.igem.org/mediawiki/2013/c/c9/Heidelberg_start_flags_Greece.png"); |
} | } | ||
.lang label.active.cypriot{ | .lang label.active.cypriot{ | ||
| - | background-image: url("https://static.igem.org/mediawiki/2013/ | + | background-image: url("https://static.igem.org/mediawiki/2013/c/c9/Heidelberg_start_flags_Greece.png"); |
} | } | ||
.lang label.ukrain{ | .lang label.ukrain{ | ||
| - | background-image: url("https://static.igem.org/mediawiki/2013/ | + | background-image: url("https://static.igem.org/mediawiki/2013/3/3f/Heidelberg_start_flags_Ukraine.png"); |
} | } | ||
.lang label.active.ukrain{ | .lang label.active.ukrain{ | ||
| - | background-image: url("https://static.igem.org/mediawiki/2013/ | + | background-image: url("https://static.igem.org/mediawiki/2013/3/3f/Heidelberg_start_flags_Ukraine.png"); |
} | } | ||
.lang label.vietnamese{ | .lang label.vietnamese{ | ||
| - | background-image: url("https://static.igem.org/mediawiki/2013/ | + | background-image: url("https://static.igem.org/mediawiki/2013/4/42/Heidelberg_Flag_of_Vietnam.png"); |
} | } | ||
.lang label.active.vietnamese{ | .lang label.active.vietnamese{ | ||
| - | background-image: url("https://static.igem.org/mediawiki/2013/ | + | background-image: url("https://static.igem.org/mediawiki/2013/4/42/Heidelberg_Flag_of_Vietnam.png"); |
} | } | ||
.lang label.usbek{ | .lang label.usbek{ | ||
| - | background-image: url("https://static.igem.org/mediawiki/2013/ | + | background-image: url("https://static.igem.org/mediawiki/2013/3/37/Heidelberg_Flag_of_Uzbekistan.png"); |
} | } | ||
.lang label.active.usbek{ | .lang label.active.usbek{ | ||
| - | background-image: url("https://static.igem.org/mediawiki/2013/ | + | background-image: url("https://static.igem.org/mediawiki/2013/3/37/Heidelberg_Flag_of_Uzbekistan.png"); |
} | } | ||
| Line 296: | Line 323: | ||
.lang label.mandarin{ | .lang label.mandarin{ | ||
| - | background-image: url("https://static.igem.org/mediawiki/2013/ | + | background-image: url("https://static.igem.org/mediawiki/2013/1/1a/Heidelberg_Flag_of_the_Republic_of_China.png"); |
} | } | ||
.lang label.active.mandarin{ | .lang label.active.mandarin{ | ||
| - | background-image: url("https://static.igem.org/mediawiki/2013/ | + | background-image: url("https://static.igem.org/mediawiki/2013/1/1a/Heidelberg_Flag_of_the_Republic_of_China.png"); |
} | } | ||
.lang label.korean{ | .lang label.korean{ | ||
| - | background-image: url("https://static.igem.org/mediawiki/2013/ | + | background-image: url("https://static.igem.org/mediawiki/2013/0/03/Heidelberg_Flag_of_South_Korea.png"); |
} | } | ||
.lang label.active.korean{ | .lang label.active.korean{ | ||
| - | background-image: url("https://static.igem.org/mediawiki/2013/ | + | background-image: url("https://static.igem.org/mediawiki/2013/0/03/Heidelberg_Flag_of_South_Korea.png"); |
} | } | ||
| Line 320: | Line 347: | ||
.lang label.portuguese{ | .lang label.portuguese{ | ||
| - | background-image: url("https:// | + | background-image: url("https://static.igem.org/mediawiki/2013/c/cb/Heidelberg_start_flags_Brazil_and_Portugal.png"); |
} | } | ||
.lang label.active.portuguese{ | .lang label.active.portuguese{ | ||
| - | background-image: url("https:// | + | background-image: url("https://static.igem.org/mediawiki/2013/c/cb/Heidelberg_start_flags_Brazil_and_Portugal.png"); |
} | } | ||
.lang label.indonesian{ | .lang label.indonesian{ | ||
| - | background-image: url("https://static.igem.org/mediawiki/2013/ | + | background-image: url("https://static.igem.org/mediawiki/2013/f/f5/Heidelberg_Flag_of_Indonesia.png"); |
} | } | ||
.lang label.active.indonesian{ | .lang label.active.indonesian{ | ||
| - | background-image: url("https://static.igem.org/mediawiki/2013/ | + | background-image: url("https://static.igem.org/mediawiki/2013/f/f5/Heidelberg_Flag_of_Indonesia.png"); |
} | } | ||
| - | .lang label. | + | .lang label.spanisch{ |
background-image: url("https://static.igem.org/mediawiki/2013/a/ae/Heidelberg_start_flags_Spanish.png"); | background-image: url("https://static.igem.org/mediawiki/2013/a/ae/Heidelberg_start_flags_Spanish.png"); | ||
} | } | ||
| - | .lang label.active. | + | .lang label.active.spanisch{ |
background-image: url("https://static.igem.org/mediawiki/2013/a/ae/Heidelberg_start_flags_Spanish.png"); | background-image: url("https://static.igem.org/mediawiki/2013/a/ae/Heidelberg_start_flags_Spanish.png"); | ||
} | } | ||
| Line 369: | Line 396: | ||
.lang label.romanian{ | .lang label.romanian{ | ||
| - | background-image: url("https://static.igem.org/mediawiki/2013/ | + | background-image: url("https://static.igem.org/mediawiki/2013/7/7c/Heidelberg_Flag_of_Romania.png"); |
} | } | ||
.lang label.active.romanian{ | .lang label.active.romanian{ | ||
| - | background-image: url("https://static.igem.org/mediawiki/2013/ | + | background-image: url("https://static.igem.org/mediawiki/2013/7/7c/Heidelberg_Flag_of_Romania.png"); |
} | } | ||
.lang label.luxembourg{ | .lang label.luxembourg{ | ||
| - | background-image: url("https://static.igem.org/mediawiki/2013/ | + | background-image: url("https://static.igem.org/mediawiki/2013/7/77/Heidelberg_Flag_of_Luxembourg.png"); |
} | } | ||
.lang label.active.luxembourg{ | .lang label.active.luxembourg{ | ||
| - | background-image: url("https://static.igem.org/mediawiki/2013/ | + | background-image: url("https://static.igem.org/mediawiki/2013/7/77/Heidelberg_Flag_of_Luxembourg.png"); |
} | } | ||
.lang label.phillipine{ | .lang label.phillipine{ | ||
| - | background-image: url("https://static.igem.org/mediawiki/2013/ | + | background-image: url("https://static.igem.org/mediawiki/2013/a/a8/Heidelberg_Flag_of_the_Philippines.png"); |
} | } | ||
.lang label.active.phillipine{ | .lang label.active.phillipine{ | ||
| - | background-image: url("https://static.igem.org/mediawiki/2013/ | + | background-image: url("https://static.igem.org/mediawiki/2013/a/a8/Heidelberg_Flag_of_the_Philippines.png"); |
} | } | ||
.lang label.serbo{ | .lang label.serbo{ | ||
| - | background-image: url("https://static.igem.org/mediawiki/2013/ | + | background-image: url("https://static.igem.org/mediawiki/2013/e/e9/800px-Serbo-Croatian_language_flag.gif"); |
} | } | ||
.lang label.active.serbo{ | .lang label.active.serbo{ | ||
| - | background-image: url("https://static.igem.org/mediawiki/2013/ | + | background-image: url("https://static.igem.org/mediawiki/2013/e/e9/800px-Serbo-Croatian_language_flag.gif"); |
} | } | ||
| Line 409: | Line 436: | ||
.lang label.urdu{ | .lang label.urdu{ | ||
| - | background-image: url("https://static.igem.org/mediawiki/2013/ | + | background-image: url("https://static.igem.org/mediawiki/2013/6/62/Heidelberg_Flag_of_Pakistan.png"); |
} | } | ||
.lang label.active.urdu{ | .lang label.active.urdu{ | ||
| - | background-image: url("https://static.igem.org/mediawiki/2013/ | + | background-image: url("https://static.igem.org/mediawiki/2013/6/62/Heidelberg_Flag_of_Pakistan.png"); |
} | } | ||
| Line 430: | Line 457: | ||
.lang label.active.arabic{ | .lang label.active.arabic{ | ||
background-image: url("https://static.igem.org/mediawiki/2013/9/9a/Heidelberg_start_flags_Egypt.png"); | 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
