Template:Team:HokkaidoU Japan/About Us/CSS
From 2014.igem.org
(Difference between revisions)
Line 77: | Line 77: | ||
.show-sone{ | .show-sone{ | ||
cursor: pointer; | cursor: pointer; | ||
- | position: | + | position: relative; |
} | } | ||
Line 96: | Line 96: | ||
border: 8px solid transparent; | border: 8px solid transparent; | ||
border-bottom-color: #000; | border-bottom-color: #000; | ||
- | position: | + | position: relative; |
right: 50%; | right: 50%; | ||
top: -6px; | top: -6px; | ||
Line 104: | Line 104: | ||
.overlay-content-sone{ | .overlay-content-sone{ | ||
color: white; | color: white; | ||
- | position: | + | position: relative; |
margin: 40px auto; | margin: 40px auto; | ||
width 100%; text-align:center; top: -20px; | width 100%; text-align:center; top: -20px; | ||
Line 111: | Line 111: | ||
.show-hana{ | .show-hana{ | ||
cursor: pointer; | cursor: pointer; | ||
- | position: | + | position: relative; |
} | } | ||
Line 119: | Line 119: | ||
color: white; | color: white; | ||
height: 200px; | height: 200px; | ||
- | position: | + | position: relative; |
width:500px; | width:500px; | ||
display:none; left:-30%; | display:none; left:-30%; | ||
Line 129: | Line 129: | ||
border: 8px solid transparent; | border: 8px solid transparent; | ||
border-bottom-color: #000; | border-bottom-color: #000; | ||
- | position: | + | position: relative; |
right: 50%; | right: 50%; | ||
top: -6px; | top: -6px; | ||
Line 137: | Line 137: | ||
.overlay-content-hana{ | .overlay-content-hana{ | ||
color: white; | color: white; | ||
- | position: | + | position: relative; |
margin: 40px auto; | margin: 40px auto; | ||
width 100%; text-align:center; top: -20px; | width 100%; text-align:center; top: -20px; | ||
Line 144: | Line 144: | ||
.show-ryotaro{ | .show-ryotaro{ | ||
cursor: pointer; | cursor: pointer; | ||
- | position: | + | position: relative; |
} | } | ||
Line 152: | Line 152: | ||
color: white; | color: white; | ||
height: 200px; | height: 200px; | ||
- | position: | + | position: relative; |
width:500px; | width:500px; | ||
display:none; left:-30%; | display:none; left:-30%; | ||
Line 162: | Line 162: | ||
border: 8px solid transparent; | border: 8px solid transparent; | ||
border-bottom-color: #000; | border-bottom-color: #000; | ||
- | position: | + | position: relative; |
right: 50%; | right: 50%; | ||
top: -6px; | top: -6px; | ||
Line 171: | Line 171: | ||
color: white; | color: white; | ||
- | position: | + | position: relative; |
margin: 40px auto; | margin: 40px auto; | ||
width 100%; text-align:center; top: -20px; | width 100%; text-align:center; top: -20px; | ||
Line 178: | Line 178: | ||
.show-ayano{ | .show-ayano{ | ||
cursor: pointer; | cursor: pointer; | ||
- | position: | + | position: relative; |
} | } | ||
Line 186: | Line 186: | ||
color: white; | color: white; | ||
height: 200px; | height: 200px; | ||
- | position: | + | position: relative; |
width:500px; | width:500px; | ||
display:none; left:-30%; | display:none; left:-30%; | ||
Line 196: | Line 196: | ||
border: 8px solid transparent; | border: 8px solid transparent; | ||
border-bottom-color: #000; | border-bottom-color: #000; | ||
- | position: | + | position: relative; |
right: 50%; | right: 50%; | ||
top: -6px; | top: -6px; | ||
Line 205: | Line 205: | ||
color: white; | color: white; | ||
- | position: | + | position: relative; |
margin: 40px auto; | margin: 40px auto; | ||
width 100%; text-align:center; top: -20px; | width 100%; text-align:center; top: -20px; | ||
Line 212: | Line 212: | ||
.show-naoya{ | .show-naoya{ | ||
cursor: pointer; | cursor: pointer; | ||
- | position: | + | position: relative; |
} | } | ||
Line 220: | Line 220: | ||
color: white; | color: white; | ||
height: 200px; | height: 200px; | ||
- | position: | + | position: relative; |
width:500px; | width:500px; | ||
display:none; left:-30%; | display:none; left:-30%; | ||
Line 230: | Line 230: | ||
border: 8px solid transparent; | border: 8px solid transparent; | ||
border-bottom-color: #000; | border-bottom-color: #000; | ||
- | position: | + | position: relative; |
right: 50%; | right: 50%; | ||
top: -6px; | top: -6px; | ||
Line 239: | Line 239: | ||
color: white; | color: white; | ||
- | position: | + | position: relative; |
margin: 40px auto; | margin: 40px auto; | ||
width 100%; text-align:center; top: -20px; | width 100%; text-align:center; top: -20px; | ||
Line 246: | Line 246: | ||
.show-osamu{ | .show-osamu{ | ||
cursor: pointer; | cursor: pointer; | ||
- | position: | + | position: relative; |
} | } | ||
Line 254: | Line 254: | ||
color: white; | color: white; | ||
height: 200px; | height: 200px; | ||
- | position: | + | position: relative; |
width:500px; | width:500px; | ||
display:none; left:-30%; | display:none; left:-30%; | ||
Line 264: | Line 264: | ||
border: 8px solid transparent; | border: 8px solid transparent; | ||
border-bottom-color: #000; | border-bottom-color: #000; | ||
- | position: | + | position: relative; |
right: 50%; | right: 50%; | ||
top: -6px; | top: -6px; | ||
Line 273: | Line 273: | ||
color: white; | color: white; | ||
- | position: | + | position: relative; |
margin: 40px auto; | margin: 40px auto; | ||
width 100%; text-align:center; top: -20px; | width 100%; text-align:center; top: -20px; | ||
Line 280: | Line 280: | ||
.show-eri{ | .show-eri{ | ||
cursor: pointer; | cursor: pointer; | ||
- | position: | + | position: relative; |
} | } | ||
Line 288: | Line 288: | ||
color: white; | color: white; | ||
height: 200px; | height: 200px; | ||
- | position: | + | position: relative; |
width:500px; | width:500px; | ||
display:none; left:-30%; | display:none; left:-30%; | ||
Line 298: | Line 298: | ||
border: 8px solid transparent; | border: 8px solid transparent; | ||
border-bottom-color: #000; | border-bottom-color: #000; | ||
- | position: | + | position: relative; |
right: 50%; | right: 50%; | ||
top: -6px; | top: -6px; | ||
Line 307: | Line 307: | ||
color: white; | color: white; | ||
- | position: | + | position: relative; |
margin: 40px auto; | margin: 40px auto; | ||
width 100%; text-align:center; top: -20px; | width 100%; text-align:center; top: -20px; | ||
Line 314: | Line 314: | ||
.show-tori{ | .show-tori{ | ||
cursor: pointer; | cursor: pointer; | ||
- | position: | + | position: relative; |
} | } | ||
Line 322: | Line 322: | ||
color: white; | color: white; | ||
height: 200px; | height: 200px; | ||
- | position: | + | position: relative; |
width:500px; | width:500px; | ||
display:none; left:-30%; | display:none; left:-30%; | ||
Line 332: | Line 332: | ||
border: 8px solid transparent; | border: 8px solid transparent; | ||
border-bottom-color: #000; | border-bottom-color: #000; | ||
- | position: | + | position: relative; |
right: 50%; | right: 50%; | ||
top: -6px; | top: -6px; | ||
Line 341: | Line 341: | ||
color: white; | color: white; | ||
- | position: | + | position: relative; |
margin: 40px auto; | margin: 40px auto; | ||
width 100%; text-align:center; top: -20px; | width 100%; text-align:center; top: -20px; | ||
Line 348: | Line 348: | ||
.show-mami{ | .show-mami{ | ||
cursor: pointer; | cursor: pointer; | ||
- | position: | + | position: relative; |
} | } | ||
Line 356: | Line 356: | ||
color: white; | color: white; | ||
height: 200px; | height: 200px; | ||
- | position: | + | position: relative; |
width:500px; | width:500px; | ||
display:none; left:-30%; | display:none; left:-30%; | ||
Line 366: | Line 366: | ||
border: 8px solid transparent; | border: 8px solid transparent; | ||
border-bottom-color: #000; | border-bottom-color: #000; | ||
- | position: | + | position: relative; |
right: 50%; | right: 50%; | ||
top: -6px; | top: -6px; | ||
Line 375: | Line 375: | ||
color: white; | color: white; | ||
- | position: | + | position: relative; |
margin: 40px auto; | margin: 40px auto; | ||
width 100%; text-align:center; top: -20px; | width 100%; text-align:center; top: -20px; | ||
Line 382: | Line 382: | ||
.show-tamaro{ | .show-tamaro{ | ||
cursor: pointer; | cursor: pointer; | ||
- | position: | + | position: relative; |
} | } | ||
Line 390: | Line 390: | ||
color: white; | color: white; | ||
height: 200px; | height: 200px; | ||
- | position: | + | position: relative; |
width:500px; | width:500px; | ||
display:none; left:-30%; | display:none; left:-30%; | ||
Line 400: | Line 400: | ||
border: 8px solid transparent; | border: 8px solid transparent; | ||
border-bottom-color: #000; | border-bottom-color: #000; | ||
- | position: | + | position: relative; |
right: 50%; | right: 50%; | ||
top: -6px; | top: -6px; | ||
Line 409: | Line 409: | ||
color: white; | color: white; | ||
- | position: | + | position: relative; |
margin: 40px auto; | margin: 40px auto; | ||
width 100%; text-align:center; top: -20px; | width 100%; text-align:center; top: -20px; | ||
Line 416: | Line 416: | ||
.show-sanbon{ | .show-sanbon{ | ||
cursor: pointer; | cursor: pointer; | ||
- | position: | + | position: relative; |
} | } | ||
Line 424: | Line 424: | ||
color: white; | color: white; | ||
height: 200px; | height: 200px; | ||
- | position: | + | position: relative; |
width:500px; | width:500px; | ||
display:none; left:-30%; | display:none; left:-30%; | ||
Line 434: | Line 434: | ||
border: 8px solid transparent; | border: 8px solid transparent; | ||
border-bottom-color: #000; | border-bottom-color: #000; | ||
- | position: | + | position: relative; |
right: 50%; | right: 50%; | ||
top: -6px; | top: -6px; | ||
Line 443: | Line 443: | ||
color: white; | color: white; | ||
- | position: | + | position: relative; |
margin: 40px auto; | margin: 40px auto; | ||
width 100%; text-align:center; top: -20px; | width 100%; text-align:center; top: -20px; | ||
Line 450: | Line 450: | ||
.show-liu{ | .show-liu{ | ||
cursor: pointer; | cursor: pointer; | ||
- | position: | + | position: relative; |
} | } | ||
Line 458: | Line 458: | ||
color: white; | color: white; | ||
height: 200px; | height: 200px; | ||
- | position: | + | position: relative; |
width:500px; | width:500px; | ||
display:none; left:-30%; | display:none; left:-30%; | ||
Line 468: | Line 468: | ||
border: 8px solid transparent; | border: 8px solid transparent; | ||
border-bottom-color: #000; | border-bottom-color: #000; | ||
- | position: | + | position: relative; |
right: 50%; | right: 50%; | ||
top: -6px; | top: -6px; | ||
Line 477: | Line 477: | ||
color: white; | color: white; | ||
- | position: | + | position: relative; |
margin: 40px auto; | margin: 40px auto; | ||
width 100%; text-align:center; top: -20px; | width 100%; text-align:center; top: -20px; | ||
Line 484: | Line 484: | ||
.show-shehata{ | .show-shehata{ | ||
cursor: pointer; | cursor: pointer; | ||
- | position: | + | position: relative; |
} | } | ||
Line 492: | Line 492: | ||
color: white; | color: white; | ||
height: 200px; | height: 200px; | ||
- | position: | + | position: relative; |
width:500px; | width:500px; | ||
display:none; left:-30%; | display:none; left:-30%; | ||
Line 502: | Line 502: | ||
border: 8px solid transparent; | border: 8px solid transparent; | ||
border-bottom-color: #000; | border-bottom-color: #000; | ||
- | position: | + | position: relative; |
right: 50%; | right: 50%; | ||
top: -6px; | top: -6px; | ||
Line 511: | Line 511: | ||
color: white; | color: white; | ||
- | position: | + | position: relative; |
margin: 40px auto; | margin: 40px auto; | ||
width 100%; text-align:center; top: -20px; | width 100%; text-align:center; top: -20px; | ||
Line 518: | Line 518: | ||
.show-kensuke{ | .show-kensuke{ | ||
cursor: pointer; | cursor: pointer; | ||
- | position: | + | position: relative; |
} | } | ||
Line 526: | Line 526: | ||
color: white; | color: white; | ||
height: 200px; | height: 200px; | ||
- | position: | + | position: relative; |
width:500px; | width:500px; | ||
display:none; left:-30%; | display:none; left:-30%; | ||
Line 536: | Line 536: | ||
border: 8px solid transparent; | border: 8px solid transparent; | ||
border-bottom-color: #000; | border-bottom-color: #000; | ||
- | position: | + | position: relative; |
right: 50%; | right: 50%; | ||
top: -6px; | top: -6px; | ||
Line 545: | Line 545: | ||
color: white; | color: white; | ||
- | position: | + | position: relative; |
margin: 40px auto; | margin: 40px auto; | ||
width 100%; text-align:center; top: -20px; | width 100%; text-align:center; top: -20px; | ||
Line 552: | Line 552: | ||
.show-itoh{ | .show-itoh{ | ||
cursor: pointer; | cursor: pointer; | ||
- | position: | + | position: relative; |
} | } | ||
Line 560: | Line 560: | ||
color: white; | color: white; | ||
height: 200px; | height: 200px; | ||
- | position: | + | position: relative; |
width:500px; | width:500px; | ||
display:none; left:-30%; | display:none; left:-30%; | ||
Line 570: | Line 570: | ||
border: 8px solid transparent; | border: 8px solid transparent; | ||
border-bottom-color: #000; | border-bottom-color: #000; | ||
- | position: | + | position: relative; |
right: 50%; | right: 50%; | ||
top: -6px; | top: -6px; | ||
Line 579: | Line 579: | ||
color: white; | color: white; | ||
- | position: | + | position: relative; |
margin: 40px auto; | margin: 40px auto; | ||
width 100%; text-align:center; top: -20px; | width 100%; text-align:center; top: -20px; | ||
Line 586: | Line 586: | ||
.show-kawahata{ | .show-kawahata{ | ||
cursor: pointer; | cursor: pointer; | ||
- | position: | + | position: relative; |
} | } | ||
Line 594: | Line 594: | ||
color: white; | color: white; | ||
height: 200px; | height: 200px; | ||
- | position: | + | position: relative; |
width:500px; | width:500px; | ||
display:none; left:-30%; | display:none; left:-30%; | ||
Line 604: | Line 604: | ||
border: 8px solid transparent; | border: 8px solid transparent; | ||
border-bottom-color: #000; | border-bottom-color: #000; | ||
- | position: | + | position: relative; |
right: 50%; | right: 50%; | ||
top: -6px; | top: -6px; | ||
Line 613: | Line 613: | ||
color: white; | color: white; | ||
- | position: | + | position: relative; |
margin: 40px auto; | margin: 40px auto; | ||
width 100%; text-align:center; top: -20px; | width 100%; text-align:center; top: -20px; |
Revision as of 11:09, 29 September 2014