Template:Team:Tsinghua/CSS/Icon-Style

From 2014.igem.org

(Difference between revisions)
 
Line 28: Line 28:
right: 50px;
right: 50px;
}
}
-
.icon1, .icon2, .icon3 {
+
 
 +
.icon1, .icon2, .icon3, .iconLeft_200, .iconRight_200 {
display: block;
display: block;
position: absolute;
position: absolute;
Line 45: Line 46:
right: 50px;
right: 50px;
}
}
 +
.iconLeft_200 {
 +
left: 140px;
 +
}
 +
.iconRight_200 {
 +
right: 140px;
 +
}
 +
#intro_diabetes {
#intro_diabetes {
 +
background-size: 100%;
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");
}
}
#intro_diabetes:hover {
#intro_diabetes:hover {
 +
background-size: 100%;
background-image: url("https://static.igem.org/mediawiki/2014/8/8c/Tsinghua_Icon_Intro_Diabetes_active.gif");
background-image: url("https://static.igem.org/mediawiki/2014/8/8c/Tsinghua_Icon_Intro_Diabetes_active.gif");
cursor:pointer;
cursor:pointer;
}
}
#intro_genetherapy{
#intro_genetherapy{
 +
background-size: 100%;
background-image: url("https://static.igem.org/mediawiki/2014/4/4e/Tsinghua_Icon_Intro_GeneTherapy.gif");
background-image: url("https://static.igem.org/mediawiki/2014/4/4e/Tsinghua_Icon_Intro_GeneTherapy.gif");
}
}
#intro_genetherapy:hover {
#intro_genetherapy:hover {
 +
background-size: 100%;
background-image: url("https://static.igem.org/mediawiki/2014/4/4b/Tsinghua_Icon_Intro_GeneTherapy_active.gif");
background-image: url("https://static.igem.org/mediawiki/2014/4/4b/Tsinghua_Icon_Intro_GeneTherapy_active.gif");
cursor:pointer;
cursor:pointer;
}
}
#project_cocktail {
#project_cocktail {
 +
background-size: 100%;
background-image: url("https://static.igem.org/mediawiki/2014/2/2c/Tsinghua_Icon_Project_Cocktail.gif");
background-image: url("https://static.igem.org/mediawiki/2014/2/2c/Tsinghua_Icon_Project_Cocktail.gif");
}
}
#project_cocktail:hover {
#project_cocktail:hover {
 +
background-size: 100%;
background-image: url("https://static.igem.org/mediawiki/2014/9/9b/Tsinghua_Icon_Project_Cocktail_active.gif");
background-image: url("https://static.igem.org/mediawiki/2014/9/9b/Tsinghua_Icon_Project_Cocktail_active.gif");
cursor:pointer;
cursor:pointer;
}
}
#project_drug {
#project_drug {
 +
background-size: 100%;
background-image: url("https://static.igem.org/mediawiki/2014/e/ee/Tsinghua_Icon_Project_Drug.gif");
background-image: url("https://static.igem.org/mediawiki/2014/e/ee/Tsinghua_Icon_Project_Drug.gif");
}
}
#project_drug:hover {
#project_drug:hover {
 +
background-size: 100%;
background-image: url("https://static.igem.org/mediawiki/2014/8/8e/Tsinghua_Icon_Project_Drug_active.gif");
background-image: url("https://static.igem.org/mediawiki/2014/8/8e/Tsinghua_Icon_Project_Drug_active.gif");
cursor:pointer;
cursor:pointer;
}
}
#project_microbe {
#project_microbe {
 +
background-size: 100%;
background-image: url("https://static.igem.org/mediawiki/2014/a/a2/Tsinghua_Icon_Project_Microbe.gif");
background-image: url("https://static.igem.org/mediawiki/2014/a/a2/Tsinghua_Icon_Project_Microbe.gif");
}
}
#project_microbe:hover {
#project_microbe:hover {
 +
background-size: 100%;
background-image: url("https://static.igem.org/mediawiki/2014/2/29/Tsinghua_Icon_Project_Microbe_active.gif");
background-image: url("https://static.igem.org/mediawiki/2014/2/29/Tsinghua_Icon_Project_Microbe_active.gif");
cursor:pointer;
cursor:pointer;
}
}
#project_virus {
#project_virus {
 +
background-size: 100%;
background-image: url("https://static.igem.org/mediawiki/2014/2/22/Tsinghua_Icon_Project_Virus.gif");
background-image: url("https://static.igem.org/mediawiki/2014/2/22/Tsinghua_Icon_Project_Virus.gif");
}
}
#project_virus:hover {
#project_virus:hover {
 +
background-size: 100%;
background-image: url("https://static.igem.org/mediawiki/2014/6/60/Tsinghua_Icon_Project_Virus_active.gif");
background-image: url("https://static.igem.org/mediawiki/2014/6/60/Tsinghua_Icon_Project_Virus_active.gif");
cursor:pointer;
cursor:pointer;
Line 89: Line 109:
#notebook_lablog {
#notebook_lablog {
 +
background-size: 100%;
background-image: url("https://static.igem.org/mediawiki/2014/3/30/Tsinghua_Icon_Notebook_Lablog.gif");
background-image: url("https://static.igem.org/mediawiki/2014/3/30/Tsinghua_Icon_Notebook_Lablog.gif");
}
}
#notebook_lablog:hover {
#notebook_lablog:hover {
 +
background-size: 100%;
background-image: url("https://static.igem.org/mediawiki/2014/3/34/Tsinghua_Icon_Notebook_Lablog_active.gif");
background-image: url("https://static.igem.org/mediawiki/2014/3/34/Tsinghua_Icon_Notebook_Lablog_active.gif");
cursor:pointer;
cursor:pointer;
Line 97: Line 119:
#notebook_protocol {
#notebook_protocol {
 +
background-size: 100%;
background-image: url("https://static.igem.org/mediawiki/2014/2/2c/Tsinghua_Icon_Notebook_Protocol.gif");
background-image: url("https://static.igem.org/mediawiki/2014/2/2c/Tsinghua_Icon_Notebook_Protocol.gif");
}
}
#notebook_protocol:hover {
#notebook_protocol:hover {
 +
background-size: 100%;
background-image: url("https://static.igem.org/mediawiki/2014/3/31/Tsinghua_Icon_Notebook_Protocol_active.gif");
background-image: url("https://static.igem.org/mediawiki/2014/3/31/Tsinghua_Icon_Notebook_Protocol_active.gif");
cursor:pointer;
cursor:pointer;

Latest revision as of 18:12, 16 October 2014