"
Team:Heidelberg/Templates/style-css
From 2013.igem.org
(Difference between revisions)
Nils.kurzawa (Talk | contribs) m |
|||
| (90 intermediate revisions not shown) | |||
| Line 12: | Line 12: | ||
} | } | ||
.team{ | .team{ | ||
| - | top: | + | top:120px; |
left:2%; | left:2%; | ||
width:30px; | width:30px; | ||
} | } | ||
.project{ | .project{ | ||
| - | top: | + | top:40px; |
| - | left: | + | 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; | ||
} | } | ||
a.icon{ | a.icon{ | ||
| - | width: | + | width:53px; |
| - | height: | + | height:53px; |
position:absolute; | position:absolute; | ||
top:0px; | top:0px; | ||
| Line 56: | Line 62: | ||
} | } | ||
.team a.icon{ | .team a.icon{ | ||
| - | background:transparent url(../ | + | background:transparent url("https://static.igem.org/mediawiki/2013/9/92/Heidelberg_symbol_team.png") no-repeat 0px 0px; |
} | } | ||
.project a.icon{ | .project a.icon{ | ||
| - | background:transparent url(../ | + | background:transparent url("https://static.igem.org/mediawiki/2013/b/b0/Heidelberg_symbol_project3.png") no-repeat 0px 0px; |
} | } | ||
.notebook a.icon{ | .notebook a.icon{ | ||
| - | background:transparent url(../ | + | background:transparent url("https://static.igem.org/mediawiki/2013/a/a4/Heidelberg_symbol_parts.png") no-repeat 0px 0px; |
} | } | ||
.parts a.icon{ | .parts a.icon{ | ||
| - | background:transparent url(../ | + | background:transparent url("https://static.igem.org/mediawiki/2013/9/93/Heidelberg_symbol_parts2.png") no-repeat 0px 0px; |
} | } | ||
.software a.icon{ | .software a.icon{ | ||
| - | background:transparent url(../ | + | background:transparent url("https://static.igem.org/mediawiki/2013/f/f7/Heidelberg_symbol_software.png") no-repeat 0px 0px; |
} | } | ||
.safety a.icon{ | .safety a.icon{ | ||
| - | background:transparent url(../ | + | background:transparent url("https://static.igem.org/mediawiki/2013/7/72/Heidelberg_symbol_safety.png") no-repeat 0px 0px; |
} | } | ||
.human a.icon{ | .human a.icon{ | ||
| - | background:transparent url(../ | + | 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 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
