Difference between revisions of "Team:ASIJ Tokyo/Team"

Line 1: Line 1:
−
{{ASIJ_Tokyo/CSS}}
 
 
{{:Team:ASIJ_Tokyo/bar}}
 
{{:Team:ASIJ_Tokyo/bar}}
 
<html>
 
<html>
 +
    <head>
 +
    </head>
 
<style>
 
<style>
 +
    #wrapper {
 +
  margin-left: 10%;
 +
  margin-right: 10%;
 +
    }
 
     #top {
 
     #top {
 
       height:960px;
 
       height:960px;
Line 14: Line 19:
 
position: relative;
 
position: relative;
 
height: 700px;
 
height: 700px;
−
width: 310px;
+
width: 30%;
 
margin: 10px;
 
margin: 10px;
 
background-color: #e8ebf0;
 
background-color: #e8ebf0;
Line 22: Line 27:
 
     #member img{
 
     #member img{
 
       position:relative;
 
       position:relative;
−
       width: 200px;
+
       width: 330%;
 
       height: 200px;
 
       height: 200px;
 
       top: -300px;
 
       top: -300px;
Line 30: Line 35:
  
 
.member-text {
 
.member-text {
−
position: absolute;
+
position: relative;
 
top: 300px;
 
top: 300px;
−
width: 280px;
+
width: 80%;
−
margin: 20px;
+
    margin: 10% 10%;
 +
    text-align: center;
 
}
 
}
  
Line 48: Line 54:
 
       position: absolute;
 
       position: absolute;
 
       top: -70px;
 
       top: -70px;
−
       width: 300px;
+
       width: 500%;
 
       text-align: left;
 
       text-align: left;
 
       font-weight: 100;
 
       font-weight: 100;
 
     }
 
     }
 
      
 
      
−
    .pinkbox h2{
+
.pinkbox h2{
−
      position:absolute;
+
    position:absolute;
−
      top: -100px;
+
    top: -100px;
−
      font-weight: 100;
+
    font-weight: 100;
−
    }
+
−
#team {
+
−
    padding-top: 40px;
+
−
    padding-left: 10%;
+
 
}
 
}
  
 
#boxes {
 
#boxes {
−
    width: 100%;
 
 
     margin: 0 auto;
 
     margin: 0 auto;
 
     height: 100%;
 
     height: 100%;
 
}
 
}
−
</style>
 
  
 +
.grade {
 +
    text-align: center;
 +
}
 +
 +
.name {
 +
    text-align: center;
 +
}
 +
html body {
 +
    background: #C7E0F3;
 +
}
 +
 +
#HQ_page {
 +
    font-family: "Avenir",Gadget,sans-serif;
 +
}
 +
 +
#sideMenu,
 +
#top_title {
 +
    display: none;
 +
}
 +
 +
#content {
 +
    width: 100vw;
 +
    padding: 0px;
 +
    border: none;
 +
    color: black;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
    background-color: #C7E0F3;
 +
    position: relative;
 +
}
 +
 +
#globalWrapper {
 +
    font-size: inherit;
 +
    padding-bottom: 0;
 +
}
 +
 +
#top_menu_under {
 +
    height: 0px;
 +
}
 +
 +
ul {
 +
    list-style-image: none;
 +
}
 +
 +
.MathJax nobr>span.math>span {
 +
    border-left-width: 0 !important;
 +
}
 +
 +
#HQ_page h1, h2, h3, h4, h5 {
 +
    font-family: "Avenir",Gadget,sans-serif;
 +
    border-bottom: none;
 +
    font-weight: bold;
 +
}
 +
 +
#HQ_page p {
 +
    font-family: "Avenir",Gadget,sans-serif;
 +
    border-bottom: none;
 +
}
 +
 +
#bodyContent h2 {
 +
    margin-bottom: 0;
 +
}
 +
 +
hr {
 +
    color: #2F5F8A;
 +
    border-style: solid;
 +
    height: 2px;
 +
    background-color: #2F5F8A;
 +
    border: 0;
 +
    margin: .2em 0 .2em 0;
 +
}
 +
 +
h1 {
 +
    color: #25313A;
 +
    font-size: 30px!important;
 +
}
 +
 +
#everything a {
 +
    text-decoration: underline;
 +
}
 +
 +
h4 {
 +
    color: #25313A;
 +
    font-size: 18px!important;
 +
    line-height: 1.5!important;
 +
}
 +
 +
h2 {
 +
    color: #25313A;
 +
    font-size: 25px!important;
 +
}
 +
 +
p {
 +
    color: #25313A;
 +
    font-size: 17px!important; 
 +
    margin: 0em 0 .5em 0;
 +
    line-height: 1.5em;
 +
    padding-top: 0.4em;
 +
}
 +
 +
.logo_2018 {
 +
    margin-top: 0px;
 +
    width: 150px;
 +
    float: left;
 +
    display: none;
 +
}
 +
 +
.groupparts {
 +
    margin-right: 0;
 +
    width: 100%;
 +
}
 +
 +
/* Structure ================================================== */
 +
html body {
 +
    font-family: "Avenir" !important;
 +
    padding: 0;
 +
    margin: 0;
 +
    height: 100%;
 +
    background-color: #C7E0F3;
 +
}
 +
 +
.wrapper {
 +
  margin-left: 10%;
 +
  margin-right: 10% !important;
 +
  color: transparent;
 +
}
 +
 +
</style>
 +
<body>
 
<main>
 
<main>
 
<div id = "top">
 
<div id = "top">
 
   <img src = "https://static.igem.org/mediawiki/2018/c/cc/T--ASIJ_Tokyo--teamphoto.jpg">
 
   <img src = "https://static.igem.org/mediawiki/2018/c/cc/T--ASIJ_Tokyo--teamphoto.jpg">
 
</div>
 
</div>
−
 
+
<div id="wrapper">
−
<h1 id="team">Team Members</h1>
+
<h1>Team Members</h1>
 
<div id="boxes">
 
<div id="boxes">
 
<div id="member">
 
<div id="member">
 
     <div class = "pinkbox">
 
     <div class = "pinkbox">
 
       <img src = "https://upload.wikimedia.org/wikipedia/commons/4/4e/Albert_Einstein_1947_square_cropped.jpg">
 
       <img src = "https://upload.wikimedia.org/wikipedia/commons/4/4e/Albert_Einstein_1947_square_cropped.jpg">
−
       <h2 style = "left: -5px">Senior</h2>
+
       <h2 style = "left: -5px" class="grade">Senior</h2>
−
       <h1 style = "left:-70px">Albert Einstein</h1>
+
       <h1 style = "left:-60px" class="name">Albert Einstein</h1>
 
     </div>
 
     </div>
 
     <div class = "member-text">
 
     <div class = "member-text">
Line 92: Line 221:
 
       <img src = "https://upload.wikimedia.org/wikipedia/commons/6/6e/Mona_Lisa_bw_square.jpeg">
 
       <img src = "https://upload.wikimedia.org/wikipedia/commons/6/6e/Mona_Lisa_bw_square.jpeg">
 
       <h2 style = "left: 0px">Junior</h2>
 
       <h2 style = "left: 0px">Junior</h2>
−
       <h1 style = "left:-80px">Lisa Gherardini</h1>
+
       <h1 style = "left:-73px">Lisa Gherardini</h1>
 
     </div>
 
     </div>
 
     <div class = "member-text">
 
     <div class = "member-text">
Line 103: Line 232:
 
       <img src = "https://cdn.invitations4u.com/media/type/image/vincent_van_gogh_self_portrait_invitation-rf3b1c2568133467181f02a61222a5a57_zk918_530.jpg">
 
       <img src = "https://cdn.invitations4u.com/media/type/image/vincent_van_gogh_self_portrait_invitation-rf3b1c2568133467181f02a61222a5a57_zk918_530.jpg">
 
       <h2 style = "left: -35px">Sophomore</h2>
 
       <h2 style = "left: -35px">Sophomore</h2>
−
       <h1 style = "left:-100px">Vincent van Gogh</h1>
+
       <h1 style = "left:-80px">Vincent van Gogh</h1>
 
     </div>
 
     </div>
 
     <div class = "member-text">
 
     <div class = "member-text">
Line 110: Line 239:
 
</div>
 
</div>
 
</div>
 
</div>
−
 
+
</div>
 
</main>
 
</main>
 +
</body>
 
</html>
 
</html>
 
{{ASIJ_Tokyo/footer}}
 
{{ASIJ_Tokyo/footer}}

Revision as of 10:47, 16 October 2018

Team Members

Senior

Albert Einstein

This is just an example of some sample text that you could have in this box. Really, you could have information about where you were born, where you lived, what your favorite subject is, why you chose to do iGEM, what you plan to do in the future, all that jazz. But here it's just for alignment purposes.

Junior

Lisa Gherardini

This is just an example of some sample text that you could have in this box. Really, you could have information about where you were born, where you lived, what your favorite subject is, why you chose to do iGEM, what you plan to do in the future, all that jazz. But here it's just for alignment purposes.

Sophomore

Vincent van Gogh

This is just an example of some sample text that you could have in this box. Really, you could have information about where you were born, where you lived, what your favorite subject is, why you chose to do iGEM, what you plan to do in the future, all that jazz. But here it's just for alignment purposes.