Difference between revisions of "Team:UCL/Parts"

 
(472 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{CSS_UCL5}}
+
{{CSS_UCL6}}
 
<html>
 
<html>
 
<head>
 
<head>
 +
<script src="https://cferdinandi.github.io/smooth-scroll/dist/js/smooth-scroll.js"></script>
 +
<script>
 +
smoothScroll.init({
 +
speed: 1000,
 +
easing: 'easeInOutCubic',
 +
offset: 0,
 +
updateURL: true,
 +
callbackBefore: function ( toggle, anchor ) {},
 +
callbackAfter: function ( toggle, anchor ) {}
 +
});
 +
</script>
 +
 +
 
<style>
 
<style>
−
h5 {
+
 
−
font-size:900%
+
 
 +
 
 +
#header2:before
 +
{
 +
content: "";
 +
background-image: url('https://static.igem.org/mediawiki/2015/0/07/UCL_MG_6269.jpg');
 +
-webkit-mask-image: -webkit-gradient(linear, 0 0, 0 80%, from(rgba(0,0,0,1)), to(rgba(0,0,0,0.2)));
 +
 
 +
  background-repeat: no-repeat;
 +
  background-attachment: fixed;
 +
  -webkit-background-size: cover;
 +
  -moz-background-size: cover;
 +
  -o-background-size: cover;
 +
  background-size: cover;
 +
-webkit-box-sizing: border-box;
 +
-moz-box-sizing: border-box;
 +
box-sizing: border-box;
 +
 
 +
    position: absolute;
 +
    top: 0px;
 +
    left: 0px;
 +
margin: 0;
 +
padding: 0;
 +
    width: 100%;
 +
    height: 100%;}
 +
 
 +
#header2 {width: 100%;
 +
min-height: 100%;
 +
height: auto;
 +
position: relative;
 +
margin: 0 auto;
 +
padding: 0;
 +
top: 0;
 +
font-family: Raleway;
 +
letter-spacing: 1.1px; font-size: 13px;
 +
text-align: center;
 
}
 
}
−
</style>
 
  
−
</head>
 
  
−
<body>
+
table {font-family: Raleway !important; font-size: 17px !important;}
−
<div id="main">
+
td {font-size: 15px !important; padding: 20px !important;}
 +
#groupparts td + td {padding: 10px !important;}
 +
.topspace {height: 150px; margin: 0; padding: 0;}
 +
#groupparts:before {content: "Parts"; margin: 0; padding: 0; color: #000; font-family: Satisfy; font-size: 60px; position: relative; left: 0;color:black;}
 +
#groupparts {margin: 0 auto; position: relative; border: 30px #fff solid; border-radius: 30px; width: 70% !important; background: #fff; -webkit-mask-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0,1)), to(rgba(0,0,0,0.7))); }
  
−
<h5>Parts</h5>
+
#groupparts table {padding: 10px !important; border: none; display: table !important;}
 +
#groupparts th { background: #493C54; border: none; color: #fff; font-size: 13px; letter-spacing: 4px; text-transform: uppercase; font-weight: bold; padding: 15px !important;}
 +
#groupparts td {border: 0px; font-size: 15px;
 +
line-height: 1.6;
 +
letter-spacing: 1.2px; }
 +
#groupparts td a {color: #318A8B; font-weight: bold;}
 +
#groupparts td a:visited {color: #318A8B; font-weight: bold;}
 +
.heart13 {background-image: url('https://static.igem.org/mediawiki/2015/c/c0/UCL_heart_parts.png') !important; background-size: 70%; background-position: center center; background-color: none !important;}
 +
table.pgrouptable td:nth-child(1) {width: 7% !important;}
 +
table.pgrouptable td:nth-child(2) {display: none;}
 +
table.pgrouptable td:nth-child(3) {display: none;}
 +
table.pgrouptable th:nth-child(2) {display: none;}
 +
table.pgrouptable th:nth-child(3) {display: none;}
  
−
<div style="height:50px"></div>
+
table.pgrouptable td:nth-child(4) {width: 7% !important;}
  
−
<h2>Simple parts</h2>
+
table.pgrouptable td:nth-child(5) {width: 7% !important;}
  
−
<h3> Tryptophan Hydroxylase 1 (<i>TPH1</i>)</h3>
+
table.pgrouptable td:nth-child(6) {width: 57% !important; }
−
<a href="http://parts.igem.org/Part:BBa_K1598001">BBa_K1598001</a>
+
table.pgrouptable td:nth-child(7) {width: 34% !important; align: right;}
  
 +
table.pgrouptable td:nth-child(8) {width: 2% !important;  align: right;}
  
−
<h2>Composite parts</h2>
 
  
−
<h3> BBa_K314103-BBa_K1598001</h3>
+
@media(max-width:1256px) {#groupparts td {padding: 7px !important;}
−
<a href="http://parts.igem.org/Part:BBa_K1598002">BBa_K1598002</a>
+
#groupparts td + td {padding: 5px !important;}
−
</html>
+
}
−
<groupparts>iGEM015 UCL</groupparts>
+
−
<html>
+
−
</body>
+
  
  
 +
 +
 +
@media(max-width:1050px) {
 +
#groupparts td + td {padding: 8px !important;}
 +
#groupparts td {font-size: 14px !important; line-height: 1.4 !important; padding: 15px !important;}
 +
 +
#groupparts th {padding: 9px !important;}
 +
 +
 +
}
 +
 +
 +
 +
 +
 +
@media(max-width:960px) {#groupparts {width: 75% !important; border: 20px #fff solid; border-radius: 20px;  }
 +
}
 +
 +
 +
 +
@media(max-width:910px){
 +
 +
#groupparts td {font-size: 13px !important; padding: 10px !important;}
 +
#groupparts td + td {padding: 7px !important;}
 +
#groupparts th {padding: 8px !important; font-size: 11px! important;}
 +
.topspace {height: 120px;}
 +
}
 +
 +
@media(max-width:820px){
 +
#groupparts td {font-size: 13px !important; letter-spacing: 1 !important; padding: 10px !important;}
 +
#groupparts td + td {padding: 7px !important;}
 +
#groupparts th {padding: 6px !important; font-size: 10px! important; letter-spacing: 3px;}
 +
#groupparts {width: 75% !important;}
 +
 +
}
 +
 +
 +
 +
@media(max-width:786px){
 +
#groupparts td {font-size: 13px !important;  padding: 10px !important; }
 +
#groupparts td + td {padding: 5px !important;}
 +
#groupparts th {padding: 6px !important; font-size: 10px! important; letter-spacing: 2.2px;}
 +
#groupparts {border: 15px #fff solid; width: 82% !important; border-radius: 15px; }
 +
table.pgrouptable th:nth-child(7) {display: none;}
 +
table.pgrouptable td:nth-child(7) {display: none;}
 +
 +
}
 +
 +
 +
@media(max-width:680px){
 +
#groupparts td {font-size: 13px !important;}
 +
#groupparts td + td {}
 +
#groupparts th {padding: 6px !important; font-size: 10px! important; letter-spacing: 1.8px;}
 +
 +
 +
}
 +
 +
@media(max-width: 640px){
 +
 +
#groupparts {border: 10px #fff solid; border-radius: 10px;  width: 90% !important; }
 +
 +
.topspace {height: 100px;}
 +
 +
 +
 +
 +
#groupparts:before {top: 5px;}
 +
 +
 +
 +
}
 +
 +
 +
@media(max-width:500px){
 +
 +
 +
table.pgrouptable td:nth-child(1) {display: none;}
 +
table.pgrouptable th:nth-child(1) {display: none;}
 +
#groupparts td {font-size: 13px !important;}
 +
#groupparts th {padding: 4px !important; font-size: 9px! important; letter-spacing: 1.4px;}
 +
#groupparts {border: 5px #fff solid; border-radius: 5px;  width: 90% !important;}
 +
.topspace {height: 70px;}
 +
 +
 +
 +
}
 +
 +
 +
 +
 +
@media(max-width: 420px) {
 +
table.pgrouptable td:nth-child(5) {display: none;}
 +
table.pgrouptable th:nth-child(5) {display: none;}
 +
}
 +
 +
 +
</style>
 +
 +
 +
 +
</head>
 +
 +
<body>
 +
 +
<div id="header2"><div class="topspace"></div>
 +
</html>
 +
<groupparts>iGEM015 UCL</groupparts><html> <div style="height: 350px;"></div>
 +
</div>
 
</div>
 
</div>
  
 +
</body>
 
</html>
 
</html>

Latest revision as of 01:42, 19 September 2015

'

<groupparts>iGEM015 UCL</groupparts>