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