Template:Team:Tsinghua/CSS/Icon-Style

From 2014.igem.org

(Difference between revisions)
(Created page with "<html> <style> - →Icons Buttons Styling: .iconContainer { position: relative; border: 0 auto 0; padding: 20px 30px 20px; height: 300px; } .iconLeft, .iconRight { display: ...")
Line 22: Line 22:
right: 50px;
right: 50px;
}
}
 +
.icon1, .icon2, .icon3 {
 +
display: block;
 +
position: absolute;
 +
width: 200px;
 +
height: 200px;
 +
border-radius: 13px;
 +
box-shadow: 5px 5px 3px #aaaaaa;
 +
}
 +
#intro_diabetes {
#intro_diabetes {
Line 66: Line 75:
}
}
-
/* Preload images */
+
#notebook_lablog {
-
div#preload { display: none; }
+
background-image: url("https://static.igem.org/mediawiki/2014/3/30/Tsinghua_Icon_Notebook_Lablog.gif");
 +
}
 +
#notebook_lablog:hover {
 +
background-image: url("https://static.igem.org/mediawiki/2014/3/34/Tsinghua_Icon_Notebook_Lablog_active.gif");
 +
cursor:pointer;
 +
}
 +
#notebook_protocol {
 +
background-image: url("https://static.igem.org/mediawiki/2014/2/2c/Tsinghua_Icon_Notebook_Protocol.gif");
 +
}
 +
#notebook_protocol:hover {
 +
background-image: url("https://static.igem.org/mediawiki/2014/3/31/Tsinghua_Icon_Notebook_Protocol_active.gif");
 +
cursor:pointer;
 +
}
 +
 +
#hp_gallery {
 +
background-image: url("https://static.igem.org/mediawiki/2014/b/be/Tsinghua_Icon_HP_Gallery.gif");
 +
}
 +
#hp_gallery:hover {
 +
background-image: url("https://static.igem.org/mediawiki/2014/5/50/Tsinghua_Icon_HP_Gallery_active.gif");
 +
cursor:pointer;
 +
}
 +
 +
#hp_outreach {
 +
background-image: url("https://static.igem.org/mediawiki/2014/0/0e/Tsinghua_Icon_HP_Outreach.gif");
 +
}
 +
#hp_outreach:hover {
 +
background-image: url("https://static.igem.org/mediawiki/2014/e/ef/Tsinghua_Icon_HP_Outreach_active.gif");
 +
cursor:pointer;
 +
}
 +
 +
#hp_video {
 +
background-image: url("https://static.igem.org/mediawiki/2014/b/bd/Tsinghua_Icon_HP_Video.gif");
 +
}
 +
#hp_video:hover {
 +
background-image: url("https://static.igem.org/mediawiki/2014/9/99/Tsinghua_Icon_HP_Video_active.gif");
 +
cursor:pointer;
 +
}
</style>
</style>
</html>
</html>

Revision as of 11:03, 16 October 2014

Retrieved from "http://2014.igem.org/Template:Team:Tsinghua/CSS/Icon-Style"