Template:Team:Tsinghua/CSS/Icon-Style
From 2014.igem.org
(Difference between revisions)
Line 30: | Line 30: | ||
box-shadow: 5px 5px 3px #aaaaaa; | box-shadow: 5px 5px 3px #aaaaaa; | ||
} | } | ||
- | + | .icon1 { | |
- | + | left: 50px; | |
+ | } | ||
+ | .icon2 { | ||
+ | left: 290px; | ||
+ | } | ||
+ | .icon3 { | ||
+ | right: 50px; | ||
+ | } | ||
#intro_diabetes { | #intro_diabetes { | ||
background-image: url("https://static.igem.org/mediawiki/2014/1/10/Tsinghua_Icon_Intro_Diabetes.gif"); | background-image: url("https://static.igem.org/mediawiki/2014/1/10/Tsinghua_Icon_Intro_Diabetes.gif"); | ||
Line 92: | Line 99: | ||
#hp_gallery { | #hp_gallery { | ||
+ | background-size: 100%; | ||
background-image: url("https://static.igem.org/mediawiki/2014/b/be/Tsinghua_Icon_HP_Gallery.gif"); | background-image: url("https://static.igem.org/mediawiki/2014/b/be/Tsinghua_Icon_HP_Gallery.gif"); | ||
} | } | ||
- | #hp_gallery:hover { | + | #hp_gallery:hover { |
+ | background-size: 100%; | ||
background-image: url("https://static.igem.org/mediawiki/2014/5/50/Tsinghua_Icon_HP_Gallery_active.gif"); | background-image: url("https://static.igem.org/mediawiki/2014/5/50/Tsinghua_Icon_HP_Gallery_active.gif"); | ||
cursor:pointer; | cursor:pointer; | ||
Line 100: | Line 109: | ||
#hp_outreach { | #hp_outreach { | ||
+ | background-size: 100%; | ||
background-image: url("https://static.igem.org/mediawiki/2014/0/0e/Tsinghua_Icon_HP_Outreach.gif"); | background-image: url("https://static.igem.org/mediawiki/2014/0/0e/Tsinghua_Icon_HP_Outreach.gif"); | ||
} | } | ||
#hp_outreach:hover { | #hp_outreach:hover { | ||
+ | background-size: 100%; | ||
background-image: url("https://static.igem.org/mediawiki/2014/e/ef/Tsinghua_Icon_HP_Outreach_active.gif"); | background-image: url("https://static.igem.org/mediawiki/2014/e/ef/Tsinghua_Icon_HP_Outreach_active.gif"); | ||
cursor:pointer; | cursor:pointer; | ||
Line 108: | Line 119: | ||
#hp_video { | #hp_video { | ||
+ | background-size: 100%; | ||
background-image: url("https://static.igem.org/mediawiki/2014/b/bd/Tsinghua_Icon_HP_Video.gif"); | background-image: url("https://static.igem.org/mediawiki/2014/b/bd/Tsinghua_Icon_HP_Video.gif"); | ||
} | } | ||
#hp_video:hover { | #hp_video:hover { | ||
+ | background-size: 100%; | ||
background-image: url("https://static.igem.org/mediawiki/2014/9/99/Tsinghua_Icon_HP_Video_active.gif"); | background-image: url("https://static.igem.org/mediawiki/2014/9/99/Tsinghua_Icon_HP_Video_active.gif"); | ||
cursor:pointer; | cursor:pointer; |
Revision as of 11:56, 16 October 2014