Template:Team:HokkaidoU Japan/Team/style.css

From 2011.igem.org

(Difference between revisions)
(Created page with "<html> <style> .hokkaidou-team-profile-yamazaki span{ background-image:url(https://static.igem.org/mediawiki/2011/3/36/IGEM_HokkaidoU_team_face.png); background-position: 0 0 ; ...")
Line 1: Line 1:
 +
<!-- vim: set ft=html: -->
<html>
<html>
-
<style>
+
<style type="text/css">
-
 
+
-
.hokkaidou-team-profile-yamazaki span{
+
-
  background-image:url(https://static.igem.org/mediawiki/2011/3/36/IGEM_HokkaidoU_team_face.png);
+
-
  background-position: 0 0 ;
+
-
}
+
-
.hokkaidou-team-profile-yamazaki:hover span{
+
-
  background-image:url(https://static.igem.org/mediawiki/2011/3/36/IGEM_HokkaidoU_team_face.png);
+
-
  background-position: -100px 0 ;
+
-
}
+
-
 
+
-
.hokkaidou-team-profile-fukamizu span{
+
-
  background-image:url(https://static.igem.org/mediawiki/2011/3/36/IGEM_HokkaidoU_team_face.png);
+
-
  background-position: -200px 0 ;
+
-
}
+
-
.hokkaidou-team-profile-fukamizu:hover span{
+
-
  background-image:url(https://static.igem.org/mediawiki/2011/3/36/IGEM_HokkaidoU_team_face.png);
+
-
  background-position: -300px 0 ;
+
-
}
+
-
 
+
-
.hokkaidou-team-profile-endoh span{
+
-
  background-image:url(https://static.igem.org/mediawiki/2011/3/36/IGEM_HokkaidoU_team_face.png);
+
-
  background-position: 0 -150px ;
+
-
}
+
-
.hokkaidou-team-profile-endoh:hover span{
+
-
  background-image:url(https://static.igem.org/mediawiki/2011/3/36/IGEM_HokkaidoU_team_face.png);
+
-
  background-position: -100px -150px;
+
-
}
+
-
 
+
-
.hokkaidou-team-profile-laury span{
+
-
  background-image:url(https://static.igem.org/mediawiki/2011/3/36/IGEM_HokkaidoU_team_face.png);
+
-
  background-position: -200px -150px;
+
-
}
+
-
.hokkaidou-team-profile-laury:hover span{
+
-
  background-image:url(https://static.igem.org/mediawiki/2011/3/36/IGEM_HokkaidoU_team_face.png);
+
-
  background-position: -300px -150px;
+
-
}
+
-
 
+
-
.hokkaidou-team-profile-makino span{
+
-
  background-image:url(https://static.igem.org/mediawiki/2011/3/36/IGEM_HokkaidoU_team_face.png);
+
-
  background-position: 0 -300px;
+
-
}
+
-
.hokkaidou-team-profile-makino:hover span{
+
-
  background-image:url(https://static.igem.org/mediawiki/2011/3/36/IGEM_HokkaidoU_team_face.png);
+
-
  background-position: -100px -300px;
+
-
}
+
-
 
+
-
.hokkaidou-team-profile-matsumoto span{
+
-
  background-image:url(https://static.igem.org/mediawiki/2011/3/36/IGEM_HokkaidoU_team_face.png);
+
-
  background-position: -200px -300px;
+
-
}
+
-
.hokkaidou-team-profile-matsumoto:hover span{
+
-
  background-image:url(https://static.igem.org/mediawiki/2011/3/36/IGEM_HokkaidoU_team_face.png);
+
-
  background-position: -300px -300px;
+
-
}
+
-
 
+
-
.hokkaidou-team-profile-takahashi span{
+
-
  background-image:url(https://static.igem.org/mediawiki/2011/3/36/IGEM_HokkaidoU_team_face.png);
+
-
  background-position: 0 -450px;
+
-
}
+
-
.hokkaidou-team-profile-takahashi:hover span{
+
-
  background-image:url(https://static.igem.org/mediawiki/2011/3/36/IGEM_HokkaidoU_team_face.png);
+
-
  background-position: -100px -450px;
+
-
}
+
-
 
+
-
.hokkaidou-team-profile-asai span{
+
-
  background-image:url(https://static.igem.org/mediawiki/2011/3/36/IGEM_HokkaidoU_team_face.png);
+
-
  background-position: -200px -450px;
+
-
}
+
-
.hokkaidou-team-profile-asai:hover span{
+
-
  background-image:url(https://static.igem.org/mediawiki/2011/3/36/IGEM_HokkaidoU_team_face.png);
+
-
  background-position: -300px -450px;
+
-
}
+
-
 
+
-
.hokkaidou-team-profile-miki span{
+
-
  background-image:url(https://static.igem.org/mediawiki/2011/3/36/IGEM_HokkaidoU_team_face.png);
+
-
  background-position: 0 -600px;
+
-
}
+
-
.hokkaidou-team-profile-miki:hover span{
+
-
  background-image:url(https://static.igem.org/mediawiki/2011/3/36/IGEM_HokkaidoU_team_face.png);
+
-
  background-position: -100px -600px;
+
-
}
+
-
 
+
-
.hokkaidou-team-profile-ishida span{
+
-
  background-image:url(https://static.igem.org/mediawiki/2011/3/36/IGEM_HokkaidoU_team_face.png);
+
-
  background-position: -200px -600px;
+
-
}
+
-
.hokkaidou-team-profile-ishida:hover span{
+
-
  background-image:url(https://static.igem.org/mediawiki/2011/3/36/IGEM_HokkaidoU_team_face.png);
+
-
  background-position: -300px -600px;
+
-
}
+
-
 
+
-
.hokkaidou-team-profile-ishibashi span{
+
-
  background-image:url(https://static.igem.org/mediawiki/2011/3/36/IGEM_HokkaidoU_team_face.png);
+
-
  background-position: 0 -750px;
+
-
}
+
-
.hokkaidou-team-profile-ishibashi:hover span{
+
-
  background-image:url(https://static.igem.org/mediawiki/2011/3/36/IGEM_HokkaidoU_team_face.png);
+
-
  background-position: -100px -750px;
+
-
}
+
-
 
+
-
.hokkaidou-team-profile-nitta span{
+
-
  background-image:url(https://static.igem.org/mediawiki/2011/3/36/IGEM_HokkaidoU_team_face.png);
+
-
  background-position: -200px -750px;
+
-
}
+
-
.hokkaidou-team-profile-nitta:hover span{
+
-
  background-image:url(https://static.igem.org/mediawiki/2011/3/36/IGEM_HokkaidoU_team_face.png);
+
-
  background-position: -300px -750px;
+
-
}
+
-
 
+
-
.hokkaidou-team-profile-itoh span{
+
-
  background-image:url(https://static.igem.org/mediawiki/2011/3/36/IGEM_HokkaidoU_team_face.png);
+
-
  background-position: 0 -900px;
+
-
}
+
-
.hokkaidou-team-profile-itoh:hover span{
+
-
  background-image:url(https://static.igem.org/mediawiki/2011/3/36/IGEM_HokkaidoU_team_face.png);
+
-
  background-position: -100px -900px;
+
-
}
+
-
 
+
-
.hokkaidou-team-profile-sao span{
+
-
  background-image:url(https://static.igem.org/mediawiki/2011/3/36/IGEM_HokkaidoU_team_face.png);
+
-
  background-position: -200px -900px;
+
-
}
+
-
.hokkaidou-team-profile-sao:hover span{
+
-
  background-image:url(https://static.igem.org/mediawiki/2011/3/36/IGEM_HokkaidoU_team_face.png);
+
-
  background-position: -300px -900px;
+
-
}
+
-
 
+
-
.hokkaidou-team-profile-sugama span{
+
-
  background-image:url(https://static.igem.org/mediawiki/2011/3/36/IGEM_HokkaidoU_team_face.png);
+
-
  background-position: 0 -1050px;
+
-
}
+
-
.hokkaidou-team-profile-sugama:hover span{
+
-
  background-image:url(https://static.igem.org/mediawiki/2011/3/36/IGEM_HokkaidoU_team_face.png);
+
-
  background-position: -100px -1050px;
+
-
}
+
-
 
+
-
.hokkaidou-team-profile-mine span{
+
-
  background-image:url(https://static.igem.org/mediawiki/2011/3/36/IGEM_HokkaidoU_team_face.png);
+
-
  background-position: -200px -1050px;
+
-
}
+
-
.hokkaidou-team-profile-mine:hover span{
+
-
  background-image:url(https://static.igem.org/mediawiki/2011/3/36/IGEM_HokkaidoU_team_face.png);
+
-
  background-position: -300px -1050px;
+
-
}
+
-
 
+
-
.hokkaidou-team-profile-okamura span{
+
-
  background-image:url(https://static.igem.org/mediawiki/2011/3/36/IGEM_HokkaidoU_team_face.png);
+
-
  background-position: 0 -1200px;
+
-
}
+
-
.hokkaidou-team-profile-okamura:hover span{
+
-
  background-image:url(https://static.igem.org/mediawiki/2011/3/36/IGEM_HokkaidoU_team_face.png);
+
-
  background-position: -100px -1200px;
+
-
}
+
-
 
+
-
.hokkaidou-team-profile-muroi span{
+
-
  background-image:url(https://static.igem.org/mediawiki/2011/3/36/IGEM_HokkaidoU_team_face.png);
+
-
  background-position: -200px -1200px;
+
-
}
+
-
.hokkaidou-team-profile-muroi:hover span{
+
-
  background-image:url(https://static.igem.org/mediawiki/2011/3/36/IGEM_HokkaidoU_team_face.png);
+
-
  background-position: -300px -1200px;
+
-
}
+
-
 
+
.hokkaidou-team-profile-container{
.hokkaidou-team-profile-container{
-
  margin-left:85px;
+
    width: 810px;
-
  margin-right:85px;
+
    margin: 0 auto;
}
}
-
 
+
.hokkaidou-profile {
-
.profile {
+
    position: relative;
-
  width:750px;
+
    width: 100%;
-
  height:150px;
+
    height:150px;
-
  margin:5px;
+
    margin: 5px 0;
-
  margin-left: 30px;
+
    padding: 20px;
-
  float:left;
+
    border: 1px double #e4e4e4;
-
  border-style: double;
+
    color: #ababab;
-
  border-color:#e4e4e4;
+
    overflow: hidden;
-
  overflow:hidden;
+
-
  color:#ababab;
+
}
}
-
.profile:hover{
+
.hokkaidou-profile:hover,
 +
.hokkaidou-profile:hover h3{
   color:#3d3d3d;
   color:#3d3d3d;
}
}
-
h3{
+
.hokkaidou-profile h3{
   color:#ababab;
   color:#ababab;
}
}
-
.profile:hover h3{
+
.hokkaidou-profile h3:before {
-
  color:#3d3d3d;
+
    content: "";
 +
    position: absolute;
 +
    display: block;
 +
    width: 100px;
 +
    height: 150px;
 +
    background: url(https://static.igem.org/mediawiki/2011/3/36/IGEM_HokkaidoU_team_face.png) no-repeat;
}
}
-
.profile img {
+
.hokkaidou-profile:nth-child(odd) h3:before {
-
  margin:0;
+
    top: 0;
-
  width: 100px;
+
    left: 0;
-
  height: 150px;
+
}
}
-
.profileimg-left{
+
.hokkaidou-profile:nth-child(even) h3:before {
-
  height: 150px;
+
    top: 0;
-
  width: 100px;
+
    right: 0;
-
  margin:0;
+
-
  float:left;
+
}
}
-
.profileimg-right{
+
.hokkaidou-profile:nth-child(odd) h3,
-
  height: 150px;
+
.hokkaidou-profile:nth-child(odd) p {
-
  width: 100px;
+
    margin-left: 170px;
-
  margin:0;
+
-
  float:right;
+
}
}
-
.profiletext-right{
+
.hokkaidou-profile:nth-child(even) h3,
-
  float:right;
+
.hokkaidou-profile:nth-child(even) p {
-
  width:600px;
+
    margin-right: 170px;
-
  height:150px;
+
-
  padding-top:15px;
+
-
  padding-left:30px;
+
-
  background-image:none;
+
-
}
+
-
.profiletext-left{
+
-
  float:right;
+
-
  width:600px;
+
-
  height:150px;
+
-
  padding-top:15px;
+
-
  padding-left:30px;
+
-
  background-image:none;
+
}
}
 +
 +
#hokkaidou-team-profile-yamazaki h3:before {background-position: 0 0;}
 +
#hokkaidou-team-profile-yamazaki:hover h3:before {background-position: -100px 0;}
 +
#hokkaidou-team-profile-fukamizu h3:before {background-position: -200px 0;}
 +
#hokkaidou-team-profile-fukamizu:hover h3:before {background-position: -300px 0;}
 +
#hokkaidou-team-profile-endoh h3:before { background-position: 0 -150px;}
 +
#hokkaidou-team-profile-endoh:hover h3:before {background-position: -100px -150px;}
 +
#hokkaidou-team-profile-laury h3:before {background-position: -200px -150px;}
 +
#hokkaidou-team-profile-laury:hover h3:before {background-position: -300px -150px;}
 +
#hokkaidou-team-profile-makino h3:before {background-position: 0 -300px;}
 +
#hokkaidou-team-profile-makino:hover h3:before {background-position: -100px -300px;}
 +
#hokkaidou-team-profile-matsumoto h3:before {background-position: -200px -300px;}
 +
#hokkaidou-team-profile-matsumoto:hover h3:before {background-position: -300px -300px;}
 +
#hokkaidou-team-profile-takahashi h3:before {background-position: 0 -450px;}
 +
#hokkaidou-team-profile-takahashi:hover h3:before {background-position: -100px -450px;}
 +
#hokkaidou-team-profile-asai h3:before {background-position: -200px -450px;}
 +
#hokkaidou-team-profile-asai:hover h3:before {background-position: -300px -450px;}
 +
#hokkaidou-team-profile-miki h3:before {background-position: 0 -600px;}
 +
#hokkaidou-team-profile-miki:hover h3:before {background-position: -100px -600px;}
 +
#hokkaidou-team-profile-ishida h3:before {background-position: -200px -600px;}
 +
#hokkaidou-team-profile-ishida:hover h3:before {background-position: -300px -600px;}
 +
#hokkaidou-team-profile-ishibashi h3:before {background-position: 0 -750px;}
 +
#hokkaidou-team-profile-ishibashi:hover h3:before {background-position: -100px -750px;}
 +
#hokkaidou-team-profile-nitta h3:before {background-position: -200px -750px;}
 +
#hokkaidou-team-profile-nitta:hover h3:before {background-position: -300px -750px;}
 +
#hokkaidou-team-profile-itoh h3:before {background-position: 0 -900px;}
 +
#hokkaidou-team-profile-itoh:hover h3:before {background-position: -100px -900px;}
 +
#hokkaidou-team-profile-sao h3:before {background-position: -200px -900px;}
 +
#hokkaidou-team-profile-sao:hover h3:before {background-position: -300px -900px;}
 +
#hokkaidou-team-profile-sugama h3:before {background-position: 0 -1050px;}
 +
#hokkaidou-team-profile-sugama:hover h3:before {background-position: -100px -1050px;}
 +
#hokkaidou-team-profile-mine h3:before {background-position: -200px -1050px;}
 +
#hokkaidou-team-profile-mine:hover h3:before {background-position: -300px -1050px;}
 +
#hokkaidou-team-profile-okamura h3:before {background-position: 0 -1200px;}
 +
#hokkaidou-team-profile-okamura:hover h3:before {background-position: -100px -1200px;}
 +
#hokkaidou-team-profile-muroi h3:before {background-position: -200px -1200px;}
 +
#hokkaidou-team-profile-muroi:hover h3:before {background-position: -300px -1200px;}
 +
</style>
</style>

Revision as of 02:26, 6 October 2011