Difference between revisions of "Team:Glasgow/test"

Line 1: Line 1:
 +
{{GlasgowNavbar}}
 
<html>
 
<html>
−
<head>
+
<meta name="viewport" content="width=device-width, initial-scale=1">
−
<link rel="stylesheet" href="https://2015.igem.org/Team:Glasgow/bootstrap?action=raw&ctype=text/css" type="text/css">
+
  <head>
−
<link rel="stylesheet prefetch" href="//2015.igem.org/Team:Glasgow/bootstrapcss?action=raw&ctype=text/css">
+
    <meta charset="utf-8">
−
<link rel="stylesheet prefetch" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
+
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
−
<script src="https://2015.igem.org/Team:Glasgow/bootstrapjs?action=raw&ctype=text/javascript" type="text/javascript" ></script>
+
    <meta name="viewport" content="width=device-width, initial-scale=1">
−
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js" ></script>
+
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
−
</head>
+
    <meta name="description" content="">
−
<footer>
+
    <meta name="author" content="">
 +
    <link href="https://2015.igem.org/Team:Glasgow/bootstrap.min.css?action=raw&ctype=text/css" rel="stylesheet">
 +
    <script src="https://2015.igem.org/Team:Glasgow/bootstrap.min.js?action=raw&ctype=text/css"></script>
 +
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
 +
    <!-- Custom styles for this template -->
 +
    <link href="carousel.css" rel="stylesheet">
 +
    <link href='http://fonts.googleapis.com/css?family=Unkempt' rel='stylesheet' type='text/css'>
 +
  </head>
 
<style>
 
<style>
−
#content {
+
.firstHeading{
−
    width:auto;
+
      display:none;
−
    height:auto;
+
}
−
    padding:0px 0px 0px 0px;
+
#bodybackground {
 +
  background:url(https://static.igem.org/mediawiki/2015/7/7c/GLasgow_7323.jpg) no-repeat center center;
 +
  font-family: 'Nixie One', Helvetica, Arial, sans-serif;
 +
  font-size: 50px;
 +
  height:45vh;
 +
  background-size:cover;
 +
}
 +
@font-face {
 +
  font-family: 'Nixie One';
 +
  font-style: normal;
 +
  font-weight: 400;
 +
  src: local('Nixie One'), local('NixieOne-Regular'), url(http://fonts.gstatic.com/s/nixieone/v7/gQ0PT3rPU_Et2ExNz-ahmpBw1xU1rKptJj_0jans920.woff2) format('woff2');
 +
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
 +
}
 +
@font-face {
 +
  font-family: 'League Script';
 +
  font-style: normal;
 +
  font-weight: 400;
 +
  src: local('League Script'), local('LeagueScript'), url(http://fonts.gstatic.com/s/leaguescript/v7/wnRFLvfabWK_DauqppD6vTLKmjGCnkmx1ziy0T7wKLI.woff2) format('woff2');
 +
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
 +
}
 +
.container3 {
 +
    display: flex;
 +
    flex-direction: row;
 +
    flex-wrap: wrap;
 +
    justify-content: center;
 +
    align-items: center;
 +
    line-height:7vh;
 +
    padding-top:50px;
 
      
 
      
 
}
 
}
−
@import url('http://weloveiconfonts.com/api/?family=entypo');
+
.sign {
−
 
+
  -ms-transform: rotate(-3deg);
−
* {
+
   -webkit-transform: rotate(-3deg);
−
   margin: 0;
+
   transform: rotate(-3deg);
−
   padding: 0;
+
   margin-top:10vh;
−
   box-sizing: border-box;
+
 
}
 
}
−
 
+
#title {
−
body {
+
   font-size: 10vh;
−
   background: #ddd;
+
 
}
 
}
−
 
+
#trav {
−
.wrapper {
+
  -webkit-animation: blink 0.01s infinite alternate;
−
   padding: 120px 0 0;
+
  -moz-animation: blink 0.01s infinite alternate;
 +
  -o-animation: blink 0.01s infinite alternate;
 +
  animation: blink 0.01s infinite alternate;
 +
}
 +
#fade {
 +
   opacity: 0.6;
 +
  color: #ebffff;
 +
  text-shadow: 2px 2px 1px rgba(0,0,0,0.3), 0 0px 15px #fff, 0 0 10px #38eeff, 0 0 50px #38eeff;
 +
  -webkit-animation: fade 3s infinite alternate;
 +
  -moz-animation: fade 3s infinite alternate;
 +
  -o-animation: fade 3s infinite alternate;
 +
  animation: fade 3s infinite alternate;
 +
}
 +
.neon-blue {
 +
  margin: 0 auto;
 
   text-align: center;
 
   text-align: center;
 +
  color: #ebffff;
 +
  text-shadow: 2px 2px 1px rgba(0,0,0,0.3), 0 0px 15px #fff, 0 0 10px #38eeff, 0 0 50px #38eeff;
 +
  font-size:4vw;
 
}
 
}
−
 
+
.neon-purple {
−
.social {
+
   font-family: 'League Script', Helvetica, Arial, sans-serif;
−
   display: inline-block;
+
   font-size: 130px;
−
  width: 50px;
+
   margin: 0 auto;
−
  height: 50px;
+
−
  margin: 0 10px;
+
−
  line-height: 50px;
+
−
   font-family: Entypo;
+
−
   font-size: 28px;
+
 
   text-align: center;
 
   text-align: center;
−
   color: #555;
+
   color: #6CA7FF;
−
   border-radius: 10px;
+
   text-shadow: 2px 2px 1px rgba(0,0,0,0.5), 0 0 5px #fff, 0 0 10px #7d26cd, 0 0 35px #7d26cd;
−
  background: #eee;
+
   font-size:8vh;
−
   overflow: hidden;
+
−
  cursor: pointer;
+
 
}
 
}
−
 
+
@-moz-keyframes blink {
−
.social {
+
   70% {
−
   box-shadow: rgb(210, 210, 210) 1px 1px,
+
     opacity: 0.7;
−
     rgb(210, 210, 210) 2px 2px,
+
  }
−
    rgb(211, 211, 211) 3px 3px,
+
−
    rgb(211, 211, 211) 4px 4px,
+
−
    rgb(211, 211, 211) 5px 5px,
+
−
    rgb(212, 212, 212) 6px 6px,
+
−
    rgb(212, 212, 212) 7px 7px,
+
−
    rgb(212, 212, 212) 8px 8px,
+
−
    rgb(213, 213, 213) 9px 9px,
+
−
    rgb(213, 213, 213) 10px 10px,
+
−
    rgb(214, 214, 214) 11px 11px,
+
−
    rgb(214, 214, 214) 12px 12px,
+
−
    rgb(214, 214, 214) 13px 13px,
+
−
    rgb(215, 215, 215) 14px 14px,
+
−
    rgb(215, 215, 215) 15px 15px,
+
−
    rgb(215, 215, 215) 16px 16px,
+
−
    rgb(216, 216, 216) 17px 17px,
+
−
    rgb(216, 216, 216) 18px 18px,
+
−
    rgb(216, 216, 216) 19px 19px,
+
−
    rgb(217, 217, 217) 20px 20px,
+
−
    rgb(217, 217, 217) 21px 21px,
+
−
    rgb(218, 218, 218) 22px 22px,
+
−
    rgb(218, 218, 218) 23px 23px,
+
−
    rgb(218, 218, 218) 24px 24px,
+
−
    rgb(219, 219, 219) 25px 25px,
+
−
    rgb(219, 219, 219) 26px 26px,
+
−
    rgb(219, 219, 219) 27px 27px,
+
−
    rgb(220, 220, 220) 28px 28px,
+
−
    rgb(220, 220, 220) 29px 29px,
+
−
    rgb(221, 221, 221) 30px 30px;
+
−
  text-shadow: rgb(226, 226, 226) 1px 1px,
+
−
    rgb(227, 227, 227) 2px 2px,
+
−
    rgb(227, 227, 227) 3px 3px,
+
−
    rgb(228, 228, 228) 4px 4px,
+
−
    rgb(229, 229, 229) 5px 5px,
+
−
    rgb(229, 229, 229) 6px 6px,
+
−
    rgb(230, 230, 230) 7px 7px,
+
−
    rgb(230, 230, 230) 8px 8px,
+
−
    rgb(231, 231, 231) 9px 9px,
+
−
    rgb(232, 232, 232) 10px 10px,
+
−
    rgb(232, 232, 232) 11px 11px,
+
−
    rgb(233, 233, 233) 12px 12px,
+
−
    rgb(233, 233, 233) 13px 13px,
+
−
    rgb(234, 234, 234) 14px 14px,
+
−
    rgb(235, 235, 235) 15px 15px,
+
−
    rgb(235, 235, 235) 16px 16px,
+
−
    rgb(236, 236, 236) 17px 17px,
+
−
    rgb(236, 236, 236) 18px 18px,
+
−
    rgb(237, 237, 237) 19px 19px,
+
−
    rgb(238, 238, 238) 20px 20px;
+
 
}
 
}
−
h4{
+
@-webkit-keyframes blink {
−
font-size:20px;
+
  45% {
−
color:white;
+
    opacity: 0.5;
−
text-align:center;
+
  }
 
}
 
}
−
.footerinfo{
+
@-o-keyframes blink {
−
color:white;
+
  70% {
−
text-align:center;
+
    opacity: 0.7;
 +
  }
 
}
 
}
−
.jumbotron{
+
@keyframes blink {
−
background-color:#120D0D;
+
  70% {
−
   margin-bottom: -30px;
+
    opacity: 0.7;
 +
   }
 
}
 
}
−
</style>
+
@-moz-keyframes fade {
−
<div class="jumbotron">
+
  40% {
−
<div class="container">
+
    opacity: 0.8;
−
<div class="col-md-4">
+
  }
−
                    <h4><strong>Location</storng></h4>
+
  42% {
−
                    <p><div class="footerinfo">
+
    opacity: 0.1;
−
                    Bower Building, Wilkins Teaching Laboratory<br>
+
  }
−
                    University of Glasgow  <br>
+
  43% {
−
                    University Avenue <br>
+
    opacity: 0.8;
−
                    G12 8QQ</div>
+
  }
−
                    </p>
+
  45% {
−
</div>
+
    opacity: 0.1;
−
<div class="col-md-4">
+
  }
−
   <h4>
+
  46% {
−
  <strong>Follow Us On</strong>
+
    opacity: 0.8;
−
   </h4>
+
  }
−
      <p>
+
}
−
<div class="wrapper">
+
@-webkit-keyframes fade {
−
   <div class="social">&#62220;</div>
+
   40% {
−
   <div class="social">&#62217;</div>
+
    opacity: 0.8;
−
</div>
+
   }
−
</p>
+
  42% {
−
</div>
+
    opacity: 0.1;
−
<div class="col-md-4">
+
   }
−
<img src="https://static.igem.org/mediawiki/2015/f/f0/AttemptHD.png" style="max-width:200px; margin-right:50px;">
+
  43% {
−
</div>
+
    opacity: 0.8;
−
</div>
+
   }
−
</br>
+
  45% {
−
</br>
+
    opacity: 0.1;
 +
  }
 +
  46% {
 +
    opacity: 0.8;
 +
  }
 +
}
 +
@-o-keyframes fade {
 +
  40% {
 +
    opacity: 0.8;
 +
  }
 +
  42% {
 +
    opacity: 0.1;
 +
  }
 +
  43% {
 +
    opacity: 0.8;
 +
  }
 +
  45% {
 +
    opacity: 0.1;
 +
  }
 +
  46% {
 +
    opacity: 0.8;
 +
  }
 +
}
 +
@keyframes fade {
 +
  40% {
 +
    opacity: 0.8;
 +
  }
 +
  42% {
 +
    opacity: 0.1;
 +
  }
 +
  43% {
 +
    opacity: 0.8;
 +
  }
 +
  45% {
 +
    opacity: 0.1;
 +
  }
 +
  46% {
 +
    opacity: 0.8;
 +
  }
 +
}
 +
 
 +
/*Table style*/
 +
td {
 +
            padding:10px;
 +
            text-align: center;
 +
            border: 1px solid black;
 +
        }   
 +
 
 +
table {
 +
          padding:50px;
 +
          margin:20px 91px;
 +
}
 +
 
 +
th {
 +
  text-align: center;
 +
}
 +
 
 +
</style>
 +
</head>
 +
<body>
 
</br>
 
</br>
−
<div>
+
<div id="bodybackground">
−
      <p>
+
  <div  class="container3">
−
<div>
+
  <div class="sign">
−
<a href="https://www.idtdna.com/site"><img src="https://static.igem.org/mediawiki/2015/0/0a/IDT_logo_trans.png" style="max-width:400px; padding-left:150px;"></a>
+
      <div class="neon-blue" id="title">Glas<span id="fade">glow</span> </div>
−
<a href="http://www.gla.ac.uk"><img src="https://static.igem.org/mediawiki/2015/7/77/2015-Glasgow-Glasgow.png" style="max-width:400px; padding-left:150px;"></a>
+
      <div class="neon-blue"><br><span class="neon-purple"><strong>Parts</strong></span></div>
−
<a href="http://www.glasgowsciencecentre.org"><img src="https://static.igem.org/mediawiki/2015/0/0b/2015-Glasgow-GSC.png" style="max-width:400px; padding-left:150px;"></a>
+
  </div>
−
<a href="http://www.msd-uk.com/Pages/home.aspx"><img src="https://static.igem.org/mediawiki/2015/5/5a/2015-Glasgow-MDS.png" style="max-width:400px;padding-left:150px;"></a>
+
  </div>
−
<a href="http://www.sulsa.ac.uk/"><img src="https://static.igem.org/mediawiki/2015/4/44/2015-Glasgow-SULSA.png" style="max-width:400px;padding-left:150px;"></a>
+
 
</div>
 
</div>
−
      </p>
+
 
−
</div>
+
==Summary table==
−
</div>
+
<groupparts>iGEM015 Glasgow</groupparts>
−
</footer>
+
 
−
    </div>
+
 
 +
</body>
 
</html>
 
</html>
 +
{{Glasgowfooter}}

Revision as of 10:45, 15 September 2015


Glasglow

Parts
==Summary table== iGEM015 Glasgow

Location

Bower Building, Wilkins Teaching Laboratory
University of Glasgow
University Avenue
G12 8QQ

Follow Us On