Template:Team:HokkaidoU Japan/About Us/CSS

From 2014.igem.org

(Difference between revisions)
 
(25 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: 400px; height: 200px; margin: 20px 20px 20px 20px; position: relative; }
+
#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: 150px; height: 150px; position: relative; left: 130px;}
+
#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: 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: 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: 400px; }
+
#sponsor-list li:nth-child(2) { top: 20px; left: 300px; }
-
#sponsor-list li:nth-child(3) { top: 20px; left: 700px; }
+
#sponsor-list li:nth-child(3) { top: 20px; left: 520px; }
-
#sponsor-list li:nth-child(4) { top: 120px; right: 10px; }
+
#sponsor-list li:nth-child(4) { top: 120px; right: 200px; }
-
#sponsor-list li:nth-child(5) { top: 120px; left: 80px; }
+
#sponsor-list li:nth-child(5) { top: 120px; left: 70px; }
-
#sponsor-list li:nth-child(6) { top: 120px; left: 400px; }
+
#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: 140px;
+
     margin-top: 50px;
}
}
.member-header3 {
.member-header3 {
-
     margin-top: 140px;
+
     margin-top: 50px;
 +
    position: relative;
 +
    top:0px;
}
}
Line 58: Line 61:
   
   
.overlay{
.overlay{
-
     opacity:0.7;
+
     opacity:1;
     background: black;
     background: black;
     color: white;
     color: white;
-
     height: 200px;
+
     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: 50%;
+
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:80%; text-align:center; top:-20px;
+
     width:100%;
 +
    text-align:center;
 +
    top:-40px;
}​
}​

Latest revision as of 17:38, 11 October 2014

Retrieved from "http://2014.igem.org/Template:Team:HokkaidoU_Japan/About_Us/CSS"