Difference between revisions of "Team:UCL/People"

(Undo revision 64873 by Superjack15 (talk))
 
(25 intermediate revisions by the same user not shown)
Line 4: Line 4:
 
<style>
 
<style>
  
#TeamButton {
+
#bodyContent {
float:left;
+
background: #F8FFFF;
/*width:30%;
+
padding-top:80px;
+
padding-bottom:80px;
+
text-align: center;
+
display: block;
+
    background: #70C4BB;
+
/*border: solid 1px #493C54;*/
+
border-radius: 40px;
+
box-shadow:1.5px 1.5px lightgrey;
+
margin:10px;*/
+
 
}
 
}
  
#AdvisorsButton {
+
.Button {
 
float:left;
 
float:left;
/*width:30%;
+
width:30%;
padding-top:80px;
+
padding-top:10%;
padding-bottom:80px;
+
padding-bottom:10%;
 
text-align: center;
 
text-align: center;
 
display: block;
 
display: block;
     background: #70C4BB;
+
     background:#70C4BB;
 
/*border: solid 1px #493C54;*/
 
/*border: solid 1px #493C54;*/
 
border-radius: 40px;
 
border-radius: 40px;
 
box-shadow:1.5px 1.5px lightgrey;
 
box-shadow:1.5px 1.5px lightgrey;
margin:10px;*/
+
margin:1%;
 
}
 
}
  
#SponsorsButton {
+
.Button a {
float:left;
+
/*width:30%;
+
padding-top:80px;
+
padding-bottom:80px;
+
text-align: center;
+
display: block;
+
    background: #70C4BB;
+
/*border: solid 1px #493C54;*/
+
border-radius: 40px;
+
box-shadow:1.5px 1.5px lightgrey;
+
margin:10px;*/
+
}
+
 
+
#SponsorsButton, #AdvisorsButton, #TeamButton a {
+
 
font-size:23px;
 
font-size:23px;
 
}
 
}
  
a:hover {color: #fff;
+
a:hover {color: #70C4BB;
 
     -webkit-transition: color ease-in-out 150ms;
 
     -webkit-transition: color ease-in-out 150ms;
 +
}
 +
 +
@media(max-width:571px) {
 +
.Button a {
 +
font-size:23px;
 +
}
 +
.Button {
 +
width:70%;
 +
padding-left:10%;
 +
padding-right:10%;
 +
margin-left:5%;
 +
margin-right:5%;
 +
float:none;
 +
}
 
}
 
}
  
Line 60: Line 50:
 
<h5>People</h5>
 
<h5>People</h5>
  
<div id="TeamButton">
+
<div class="Button">
 
<a href="https://2015.igem.org/Team:UCL/Team"><!--<img src=-->Team</a>
 
<a href="https://2015.igem.org/Team:UCL/Team"><!--<img src=-->Team</a>
 
</div>
 
</div>
  
<div id="AdvisorsButton">
+
<div class="Button">
 
<a href="https://2015.igem.org/Team:UCL/Advisors"><!--<img src=-->Advisors</a>
 
<a href="https://2015.igem.org/Team:UCL/Advisors"><!--<img src=-->Advisors</a>
 
</div>
 
</div>
  
<div id="SponsorsButton">
+
<div class="Button">
 
<a href="https://2015.igem.org/Team:UCL/Sponsors"><!--<img src=-->Sponsors</a>
 
<a href="https://2015.igem.org/Team:UCL/Sponsors"><!--<img src=-->Sponsors</a>
 +
</div>
 +
 +
<div class="Button">
 +
<a href="https://2015.igem.org/Team:UCL/Attributions"><!--<img src=-->Attributions</a>
 
</div>
 
</div>
 
</div>
 
</div>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 10:35, 22 August 2015