"
Template:Team:HokkaidoU Japan/About Us/CSS
From 2014.igem.org
(Difference between revisions)
| (21 intermediate revisions not shown) | |||
| Line 12: | Line 12: | ||
#hokkaidou-contents .member-header3 h2 { font-size: 24px; line-height: 30px; } | #hokkaidou-contents .member-header3 h2 { font-size: 24px; line-height: 30px; } | ||
#hokkaidou-contents .member-list ul { list-style: none; margin: 0; } | #hokkaidou-contents .member-list ul { list-style: none; margin: 0; } | ||
| - | #hokkaidou-contents .member-list ul li { float: left; width: | + | #hokkaidou-contents .member-list ul li { float: left; width: 130px; height: 130px; margin: 10px 7px 60px 7px; position: relative; top:0px;} |
| - | #hokkaidou-contents .member-list ul li img { width: | + | #hokkaidou-contents .member-list ul li img { width: 130px; height: 130px; position: relative;} |
#hokkaidou-contents .member-list ul li h3 { font-size: 24px; line-height: 30px; position: relative; top: 20px; margin: 0; top: 12px; color: white; text-align: center;} | #hokkaidou-contents .member-list ul li h3 { font-size: 24px; line-height: 30px; position: relative; top: 20px; margin: 0; top: 12px; color: white; text-align: center;} | ||
| - | #hokkaidou-contents .member-list ul li p { font-size: 16px; line-height: 25px; position: relative; margin: 0 auto; width: 80%; overflow: auto; text-align: | + | #hokkaidou-contents .member-list ul li p { font-size: 16px; line-height: 25px; position: relative; margin: 0 auto; width: 80%; overflow: auto; text-align: left; |
top: 15px;} | top: 15px;} | ||
#hokkaidou-contents .member-list ul li p:first-letter { margin: 0;} | #hokkaidou-contents .member-list ul li p:first-letter { margin: 0;} | ||
| + | |||
#sponsor-list { list-style: none; position: relative; height: 200px; margin: 0;} | #sponsor-list { list-style: none; position: relative; height: 200px; margin: 0;} | ||
#sponsor-list li { position: absolute; } | #sponsor-list li { position: absolute; } | ||
#sponsor-list li:nth-child(1) { top: 20px; left: 40px; } | #sponsor-list li:nth-child(1) { top: 20px; left: 40px; } | ||
| - | #sponsor-list li:nth-child(2) { top: 20px; left: | + | #sponsor-list li:nth-child(2) { top: 20px; left: 300px; } |
| - | #sponsor-list li:nth-child(3) { top: 20px; left: | + | #sponsor-list li:nth-child(3) { top: 20px; left: 520px; } |
| - | #sponsor-list li:nth-child(4) { top: 120px; right: | + | #sponsor-list li:nth-child(4) { top: 120px; right: 200px; } |
| - | #sponsor-list li:nth-child(5) { top: 120px; left: | + | #sponsor-list li:nth-child(5) { top: 120px; left: 70px; } |
| - | #sponsor-list li:nth-child(6) { top: 120px; left: | + | #sponsor-list li:nth-child(6) { top: 120px; left: 305px; } |
#sponsor-list li:nth-child(7) { top: 120px; left: 560px; } | #sponsor-list li:nth-child(7) { top: 120px; left: 560px; } | ||
#sponsor-list li:nth-child(8) { top: 120px; right: 40px; } | #sponsor-list li:nth-child(8) { top: 120px; right: 40px; } | ||
| Line 35: | Line 36: | ||
.member-header2 { | .member-header2 { | ||
| - | margin-top: | + | margin-top: 50px; |
} | } | ||
.member-header3 { | .member-header3 { | ||
| - | margin-top: | + | margin-top: 50px; |
| + | position: relative; | ||
| + | top:0px; | ||
} | } | ||
| Line 58: | Line 61: | ||
.overlay{ | .overlay{ | ||
| - | opacity: | + | opacity:1; |
background: black; | background: black; | ||
color: white; | color: white; | ||
| - | height: | + | height: 240px; |
position: relative; | position: relative; | ||
width:400px; | width:400px; | ||
display:none; | display:none; | ||
top: 6px; | top: 6px; | ||
| + | right:130px; | ||
| + | z-index:5; | ||
} | } | ||
| Line 74: | Line 79: | ||
border-bottom-color: #000; | border-bottom-color: #000; | ||
position: relative; | position: relative; | ||
| - | left: | + | left: 45%; |
top: -6px; | top: -6px; | ||
margin-top: -8px; | margin-top: -8px; | ||
| + | z-index:5; | ||
} | } | ||
| Line 83: | Line 89: | ||
position: relative; | position: relative; | ||
margin: 40px auto; | margin: 40px auto; | ||
| - | width: | + | width:100%; |
text-align:center; | text-align:center; | ||
top:-40px; | top:-40px; | ||
Latest revision as of 17:38, 11 October 2014
