|
|
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> |