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 ; ...")
m
 
(18 intermediate revisions not shown)
Line 1: Line 1:
 +
<!-- vim: set ft=html: -->
<html>
<html>
-
<style>
+
<style type="text/css">
-
 
+
.hokkaidou-team-profile-container{
-
.hokkaidou-team-profile-yamazaki span{
+
    width: 900px;
-
  background-image:url(https://static.igem.org/mediawiki/2011/3/36/IGEM_HokkaidoU_team_face.png);
+
    margin: 0 25px;
-
  background-position: 0 0 ;
+
}
}
-
.hokkaidou-team-profile-yamazaki:hover span{
+
.hokkaidou-profile {
-
  background-image:url(https://static.igem.org/mediawiki/2011/3/36/IGEM_HokkaidoU_team_face.png);
+
    position: relative;
-
  background-position: -100px 0 ;
+
    width: 380px;
 +
    height: 100px;
 +
    float: left;
 +
    margin: 10px;
 +
    padding: 20px;
 +
    border: 1px double #e4e4e4;
 +
    -webkit-border-radius: 4px;
 +
    -moz-border-radius: 4px;
 +
    border-radius: 4px;
 +
    background: #f7f7f7;
 +
    color: #ababab;
 +
    overflow: hidden;
}
}
-
.hokkaidou-team-profile-fukamizu span{
+
.hokkaidou-profile:hover,
-
  background-image:url(https://static.igem.org/mediawiki/2011/3/36/IGEM_HokkaidoU_team_face.png);
+
.hokkaidou-profile:hover h3{
-
   background-position: -200px 0 ;
+
   color:#3d3d3d;
}
}
-
.hokkaidou-team-profile-fukamizu:hover span{
+
.hokkaidou-profile h3{
-
   background-image:url(https://static.igem.org/mediawiki/2011/3/36/IGEM_HokkaidoU_team_face.png);
+
   color:#ababab;
-
  background-position: -300px 0 ;
+
}
}
-
 
+
.hokkaidou-profile a{
-
.hokkaidou-team-profile-endoh span{
+
   color:#ababab;
-
   background-image:url(https://static.igem.org/mediawiki/2011/3/36/IGEM_HokkaidoU_team_face.png);
+
   text-decoration:underline;
-
   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{
+
.hokkaidou-profile a:hover{
-
  background-image:url(https://static.igem.org/mediawiki/2011/3/36/IGEM_HokkaidoU_team_face.png);
+
   text-decoration:none;
-
  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{
+
.hokkaidou-profile p{
-
   background-image:url(https://static.igem.org/mediawiki/2011/3/36/IGEM_HokkaidoU_team_face.png);
+
   text-indent: 0;
-
  background-position: 0 -300px;
+
}
}
-
.hokkaidou-team-profile-makino:hover span{
+
.hokkaidou-profile h3:before {
-
  background-image:url(https://static.igem.org/mediawiki/2011/3/36/IGEM_HokkaidoU_team_face.png);
+
    content: "";
-
  background-position: -100px -300px;
+
    position: absolute;
 +
    display: block;
 +
    width: 66px;
 +
    height: 100px;
 +
    border: 1px solid #dedede;
 +
    background: url(https://static.igem.org/mediawiki/2011/3/36/IGEM_HokkaidoU_team_face.png) no-repeat;
}
}
-
 
+
.hokkaidou-profile h3:before {
-
.hokkaidou-team-profile-matsumoto span{
+
    left: 20px;
-
  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{
+
.hokkaidou-profile h3,
-
  background-image:url(https://static.igem.org/mediawiki/2011/3/36/IGEM_HokkaidoU_team_face.png);
+
.hokkaidou-profile p {
-
  background-position: -300px -300px;
+
    margin-left: 90px;
}
}
-
.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{
+
#hokkaidou-team-profile-yamazaki h3:before {background-position: 0 0;}
-
  background-image:url(https://static.igem.org/mediawiki/2011/3/36/IGEM_HokkaidoU_team_face.png);
+
#hokkaidou-team-profile-yamazaki:hover h3:before {background-position: -66px 0;}
-
  background-position: -200px -450px;
+
#hokkaidou-team-profile-fukamizu h3:before {background-position: -132px 0;}
-
}
+
#hokkaidou-team-profile-fukamizu:hover h3:before {background-position: -198px 0;}
-
.hokkaidou-team-profile-asai:hover span{
+
#hokkaidou-team-profile-endoh h3:before { background-position: 0 -100px;}
-
  background-image:url(https://static.igem.org/mediawiki/2011/3/36/IGEM_HokkaidoU_team_face.png);
+
#hokkaidou-team-profile-endoh:hover h3:before {background-position: -66px -100px;}
-
  background-position: -300px -450px;
+
#hokkaidou-team-profile-laury h3:before {background-position: -132px -100px;}
-
}
+
#hokkaidou-team-profile-laury:hover h3:before {background-position: -198px -100px;}
 +
#hokkaidou-team-profile-makino h3:before {background-position: 0 -200px;}
 +
#hokkaidou-team-profile-makino:hover h3:before {background-position: -66px -200px;}
 +
#hokkaidou-team-profile-matsumoto h3:before {background-position: -132px -200px;}
 +
#hokkaidou-team-profile-matsumoto:hover h3:before {background-position: -198px -200px;}
 +
#hokkaidou-team-profile-takahashi h3:before {background-position: 0 -300px;}
 +
#hokkaidou-team-profile-takahashi:hover h3:before {background-position: -66px -300px;}
 +
#hokkaidou-team-profile-asai h3:before {background-position: -132px -300px;}
 +
#hokkaidou-team-profile-asai:hover h3:before {background-position: -198px -300px;}
 +
#hokkaidou-team-profile-miki h3:before {background-position: 0 -400px;}
 +
#hokkaidou-team-profile-miki:hover h3:before {background-position: -66px -400px;}
 +
#hokkaidou-team-profile-ishida h3:before {background-position: -132px -400px;}
 +
#hokkaidou-team-profile-ishida:hover h3:before {background-position: -198px -400px;}
 +
#hokkaidou-team-profile-ishibashi h3:before {background-position: 0 -500px;}
 +
#hokkaidou-team-profile-ishibashi:hover h3:before {background-position: -66px -500px;}
 +
#hokkaidou-team-profile-nitta h3:before {background-position: -132px -500px;}
 +
#hokkaidou-team-profile-nitta:hover h3:before {background-position: -198px -500px;}
 +
#hokkaidou-team-profile-itoh h3:before {background-position: 0 -600px;}
 +
#hokkaidou-team-profile-itoh:hover h3:before {background-position: -66px -600px;}
 +
#hokkaidou-team-profile-sao h3:before {background-position: -132px -600px;}
 +
#hokkaidou-team-profile-sao:hover h3:before {background-position: -198px -600px;}
 +
#hokkaidou-team-profile-sugama h3:before {background-position: 0 -700px;}
 +
#hokkaidou-team-profile-sugama:hover h3:before {background-position: -66px -700px;}
 +
#hokkaidou-team-profile-mine h3:before {background-position: -132px -700px;}
 +
#hokkaidou-team-profile-mine:hover h3:before {background-position: -198px -700px;}
 +
#hokkaidou-team-profile-okamura h3:before {background-position: 0 -800px;}
 +
#hokkaidou-team-profile-okamura:hover h3:before {background-position: -66px -800px;}
 +
#hokkaidou-team-profile-muroi h3:before {background-position: -132px -800px;}
 +
#hokkaidou-team-profile-muroi:hover h3:before {background-position: -198px -800px;}
-
.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{
 
-
  margin-left:85px;
 
-
  margin-right:85px;
 
-
}
 
-
 
-
.profile {
 
-
  width:750px;
 
-
  height:150px;
 
-
  margin:5px;
 
-
  margin-left: 30px;
 
-
  float:left;
 
-
  border-style: double;
 
-
  border-color:#e4e4e4;
 
-
  overflow:hidden;
 
-
  color:#ababab;
 
-
}
 
-
.profile:hover{
 
-
  color:#3d3d3d;
 
-
}
 
-
h3{
 
-
  color:#ababab;
 
-
}
 
-
.profile:hover h3{
 
-
  color:#3d3d3d;
 
-
}
 
-
.profile img {
 
-
  margin:0;
 
-
  width: 100px;
 
-
  height: 150px;
 
-
}
 
-
.profileimg-left{
 
-
  height: 150px;
 
-
  width: 100px;
 
-
  margin:0;
 
-
  float:left;
 
-
}
 
-
.profileimg-right{
 
-
  height: 150px;
 
-
  width: 100px;
 
-
  margin:0;
 
-
  float:right;
 
-
}
 
-
.profiletext-right{
 
-
  float:right;
 
-
  width:600px;
 
-
  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;
 
-
}
 
</style>
</style>

Latest revision as of 18:00, 22 October 2011