Difference between revisions of "Team:UCL/People"

 
(14 intermediate revisions by the same user not shown)
Line 4: Line 4:
 
<style>
 
<style>
  
−
#TeamButton {
+
#bodyContent {
−
float:left;
+
background: #F8FFFF;
−
width:30%;
+
−
padding-top:10%;
+
−
padding-bottom:10%;
+
−
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%;
Line 25: Line 15:
 
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;
Line 32: Line 22:
 
}
 
}
  
−
#SponsorsButton {
+
.Button a {
−
float:left;
+
−
width:30%;
+
−
padding-top:10%;
+
−
padding-bottom:10%;
+
−
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:450px) {
+
@media(max-width:571px) {
−
#SponsorsButton, #AdvisorsButton, #TeamButton a {
+
.Button a {
−
font-size:16px;
+
font-size:23px;
 +
}
 +
.Button {
 +
width:70%;
 +
padding-left:10%;
 +
padding-right:10%;
 +
margin-left:5%;
 +
margin-right:5%;
 +
float:none;
 
}
 
}
 
}
 
}
Line 66: 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