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