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

From 2011.igem.org

(Difference between revisions)
m
 
(13 intermediate revisions not shown)
Line 3: Line 3:
<style type="text/css">
<style type="text/css">
.hokkaidou-team-profile-container{
.hokkaidou-team-profile-container{
-
     width: 810px;
+
     width: 900px;
-
     margin: 0 auto;
+
     margin: 0 25px;
}
}
.hokkaidou-profile {
.hokkaidou-profile {
     position: relative;
     position: relative;
-
     width: 100%;
+
     width: 380px;
-
     min-height: 150px;
+
     height: 100px;
-
     margin: 20px 0;
+
    float: left;
-
     padding: 20px 30px;
+
     margin: 10px;
 +
     padding: 20px;
     border: 1px double #e4e4e4;
     border: 1px double #e4e4e4;
     -webkit-border-radius: 4px;
     -webkit-border-radius: 4px;
Line 20: Line 21:
     overflow: hidden;
     overflow: hidden;
}
}
-
.hokkaidou-profile:nth-child(odd){
+
 
-
    text-align: right;
+
-
}
+
.hokkaidou-profile:hover,
.hokkaidou-profile:hover,
.hokkaidou-profile:hover h3{
.hokkaidou-profile:hover h3{
Line 29: Line 28:
.hokkaidou-profile h3{
.hokkaidou-profile h3{
   color:#ababab;
   color:#ababab;
 +
}
 +
.hokkaidou-profile a{
 +
  color:#ababab;
 +
  text-decoration:underline;
 +
}
 +
 +
.hokkaidou-profile a:hover{
 +
  text-decoration:none;
 +
}
 +
 +
.hokkaidou-profile p{
 +
  text-indent: 0;
}
}
.hokkaidou-profile h3:before {
.hokkaidou-profile h3:before {
     content: "";
     content: "";
     position: absolute;
     position: absolute;
-
    top: 20px;
 
     display: block;
     display: block;
-
     width: 100px;
+
     width: 66px;
-
     height: 150px;
+
     height: 100px;
     border: 1px solid #dedede;
     border: 1px solid #dedede;
     background: url(https://static.igem.org/mediawiki/2011/3/36/IGEM_HokkaidoU_team_face.png) no-repeat;
     background: url(https://static.igem.org/mediawiki/2011/3/36/IGEM_HokkaidoU_team_face.png) no-repeat;
}
}
-
.hokkaidou-profile:nth-child(odd) h3:before {
+
.hokkaidou-profile h3:before {
-
     left: 30px;
+
     left: 20px;
}
}
-
.hokkaidou-profile:nth-child(even) h3:before {
+
.hokkaidou-profile h3,
-
    right: 30px;
+
.hokkaidou-profile p {
-
}
+
     margin-left: 90px;
-
.hokkaidou-profile:nth-child(odd) h3,
+
-
.hokkaidou-profile:nth-child(odd) p {
+
-
     margin-left: 130px;
+
-
}
+
-
.hokkaidou-profile:nth-child(even) h3,
+
-
.hokkaidou-profile:nth-child(even) p {
+
-
    margin-right: 130px;
+
}
}
 +
#hokkaidou-team-profile-yamazaki h3:before {background-position: 0 0;}
#hokkaidou-team-profile-yamazaki h3:before {background-position: 0 0;}
-
#hokkaidou-team-profile-yamazaki:hover h3:before {background-position: -100px 0;}
+
#hokkaidou-team-profile-yamazaki:hover h3:before {background-position: -66px 0;}
-
#hokkaidou-team-profile-fukamizu h3:before {background-position: -200px 0;}
+
#hokkaidou-team-profile-fukamizu h3:before {background-position: -132px 0;}
-
#hokkaidou-team-profile-fukamizu:hover h3:before {background-position: -300px 0;}
+
#hokkaidou-team-profile-fukamizu:hover h3:before {background-position: -198px 0;}
-
#hokkaidou-team-profile-endoh h3:before { background-position: 0 -150px;}
+
#hokkaidou-team-profile-endoh h3:before { background-position: 0 -100px;}
-
#hokkaidou-team-profile-endoh:hover h3:before {background-position: -100px -150px;}
+
#hokkaidou-team-profile-endoh:hover h3:before {background-position: -66px -100px;}
-
#hokkaidou-team-profile-laury h3:before {background-position: -200px -150px;}
+
#hokkaidou-team-profile-laury h3:before {background-position: -132px -100px;}
-
#hokkaidou-team-profile-laury:hover h3:before {background-position: -300px -150px;}
+
#hokkaidou-team-profile-laury:hover h3:before {background-position: -198px -100px;}
-
#hokkaidou-team-profile-makino h3:before {background-position: 0 -300px;}
+
#hokkaidou-team-profile-makino h3:before {background-position: 0 -200px;}
-
#hokkaidou-team-profile-makino:hover h3:before {background-position: -100px -300px;}
+
#hokkaidou-team-profile-makino:hover h3:before {background-position: -66px -200px;}
-
#hokkaidou-team-profile-matsumoto h3:before {background-position: -200px -300px;}
+
#hokkaidou-team-profile-matsumoto h3:before {background-position: -132px -200px;}
-
#hokkaidou-team-profile-matsumoto:hover h3:before {background-position: -300px -300px;}
+
#hokkaidou-team-profile-matsumoto:hover h3:before {background-position: -198px -200px;}
-
#hokkaidou-team-profile-takahashi h3:before {background-position: 0 -450px;}
+
#hokkaidou-team-profile-takahashi h3:before {background-position: 0 -300px;}
-
#hokkaidou-team-profile-takahashi:hover h3:before {background-position: -100px -450px;}
+
#hokkaidou-team-profile-takahashi:hover h3:before {background-position: -66px -300px;}
-
#hokkaidou-team-profile-asai h3:before {background-position: -200px -450px;}
+
#hokkaidou-team-profile-asai h3:before {background-position: -132px -300px;}
-
#hokkaidou-team-profile-asai:hover h3:before {background-position: -300px -450px;}
+
#hokkaidou-team-profile-asai:hover h3:before {background-position: -198px -300px;}
-
#hokkaidou-team-profile-miki h3:before {background-position: 0 -600px;}
+
#hokkaidou-team-profile-miki h3:before {background-position: 0 -400px;}
-
#hokkaidou-team-profile-miki:hover h3:before {background-position: -100px -600px;}
+
#hokkaidou-team-profile-miki:hover h3:before {background-position: -66px -400px;}
-
#hokkaidou-team-profile-ishida h3:before {background-position: -200px -600px;}
+
#hokkaidou-team-profile-ishida h3:before {background-position: -132px -400px;}
-
#hokkaidou-team-profile-ishida:hover h3:before {background-position: -300px -600px;}
+
#hokkaidou-team-profile-ishida:hover h3:before {background-position: -198px -400px;}
-
#hokkaidou-team-profile-ishibashi h3:before {background-position: 0 -750px;}
+
#hokkaidou-team-profile-ishibashi h3:before {background-position: 0 -500px;}
-
#hokkaidou-team-profile-ishibashi:hover h3:before {background-position: -100px -750px;}
+
#hokkaidou-team-profile-ishibashi:hover h3:before {background-position: -66px -500px;}
-
#hokkaidou-team-profile-nitta h3:before {background-position: -200px -750px;}
+
#hokkaidou-team-profile-nitta h3:before {background-position: -132px -500px;}
-
#hokkaidou-team-profile-nitta:hover h3:before {background-position: -300px -750px;}
+
#hokkaidou-team-profile-nitta:hover h3:before {background-position: -198px -500px;}
-
#hokkaidou-team-profile-itoh h3:before {background-position: 0 -900px;}
+
#hokkaidou-team-profile-itoh h3:before {background-position: 0 -600px;}
-
#hokkaidou-team-profile-itoh:hover h3:before {background-position: -100px -900px;}
+
#hokkaidou-team-profile-itoh:hover h3:before {background-position: -66px -600px;}
-
#hokkaidou-team-profile-sao h3:before {background-position: -200px -900px;}
+
#hokkaidou-team-profile-sao h3:before {background-position: -132px -600px;}
-
#hokkaidou-team-profile-sao:hover h3:before {background-position: -300px -900px;}
+
#hokkaidou-team-profile-sao:hover h3:before {background-position: -198px -600px;}
-
#hokkaidou-team-profile-sugama h3:before {background-position: 0 -1050px;}
+
#hokkaidou-team-profile-sugama h3:before {background-position: 0 -700px;}
-
#hokkaidou-team-profile-sugama:hover h3:before {background-position: -100px -1050px;}
+
#hokkaidou-team-profile-sugama:hover h3:before {background-position: -66px -700px;}
-
#hokkaidou-team-profile-mine h3:before {background-position: -200px -1050px;}
+
#hokkaidou-team-profile-mine h3:before {background-position: -132px -700px;}
-
#hokkaidou-team-profile-mine:hover h3:before {background-position: -300px -1050px;}
+
#hokkaidou-team-profile-mine:hover h3:before {background-position: -198px -700px;}
-
#hokkaidou-team-profile-okamura h3:before {background-position: 0 -1200px;}
+
#hokkaidou-team-profile-okamura h3:before {background-position: 0 -800px;}
-
#hokkaidou-team-profile-okamura:hover h3:before {background-position: -100px -1200px;}
+
#hokkaidou-team-profile-okamura:hover h3:before {background-position: -66px -800px;}
-
#hokkaidou-team-profile-muroi h3:before {background-position: -200px -1200px;}
+
#hokkaidou-team-profile-muroi h3:before {background-position: -132px -800px;}
-
#hokkaidou-team-profile-muroi:hover h3:before {background-position: -300px -1200px;}
+
#hokkaidou-team-profile-muroi:hover h3:before {background-position: -198px -800px;}
</style>
</style>

Latest revision as of 18:00, 22 October 2011