Difference between revisions of "Team:UCL/People"

 
(58 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{CSS_UCL2}}
+
{{CSS_UCL5}}
 
<html>
 
<html>
 
<head>
 
<head>
 
<style>
 
<style>
  
−
h5 {
+
#bodyContent {
−
font-size:900%;
+
background: #F8FFFF;
 
}
 
}
  
−
#TeamButton {
+
.Button {
 
float:left;
 
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:1%;
 
}
 
}
  
−
#AdvisorsButton {
+
.Button a {
−
float:left;
+
font-size:23px;
 
}
 
}
  
−
#SponsorsButton {
+
a:hover {color: #70C4BB;
−
float:left;
+
    -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 23: Line 47:
 
</head>
 
</head>
 
<body>
 
<body>
−
 
+
<div id="main">
 
<h5>People</h5>
 
<h5>People</h5>
  
−
<div id="TeamButton">
+
<div class="Button">
−
<a href="https://2015.igem.org/wiki/index.php?title=Team:UCL/Team&action=submit"><!--<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/wiki/index.php?title=Team:UCL/Advisors&action=submit"><!--<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/wiki/index.php?title=Team:UCL/Sponsors&action=submit"><!--<img src=-->Sponsors</a>
+
<a href="https://2015.igem.org/Team:UCL/Sponsors"><!--<img src=-->Sponsors</a>
 
</div>
 
</div>
  
 +
<div class="Button">
 +
<a href="https://2015.igem.org/Team:UCL/Attributions"><!--<img src=-->Attributions</a>
 +
</div>
 +
</div>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 10:35, 22 August 2015