Difference between revisions of "Team:UCL/People"

 
(41 intermediate revisions by the same user not shown)
Line 4: Line 4:
 
<style>
 
<style>
  
−
#TeamButton {
+
#bodyContent {
−
float:left;
+
background: #F8FFFF;
−
padding:80px;
+
−
text-align: center;
+
−
display: block;
+
−
    background: #70C4BB;
+
−
/*border: solid 1px #493C54;*/
+
−
border-radius: 4px;
+
−
box-shadow:1.5px 1.5px lightgrey;
+
−
margin:10px;
+
 
}
 
}
  
−
#AdvisorsButton {
+
.Button {
 
float:left;
 
float:left;
−
padding:80px;
+
width:30%;
 +
padding-top:10%;
 +
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: 4px;
+
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;
+
font-size:23px;
−
padding:80px;
+
−
text-align: center;
+
−
display: block;
+
−
    background: #70C4BB;
+
−
/*border: solid 1px #493C54;*/
+
−
border-radius: 4px;
+
−
box-shadow:1.5px 1.5px lightgrey;
+
−
margin:10px;
+
 
}
 
}
  
−
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 50: 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