Difference between revisions of "Team:Glasgow/test"

 
(15 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
{{GlasgowNavbar}}
 
<html>
 
<html>
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<meta name="viewport" content="width=device-width, initial-scale=1">
−
<meta charset="utf-8">
+
  <head>
−
<head>
+
    <meta charset="utf-8">
−
<meta name="viewport" content="width=device-width, initial-scale=1">
+
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
−
 
+
    <meta name="viewport" content="width=device-width, initial-scale=1">
 +
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
 +
    <meta name="description" content="">
 +
    <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>
 
.firstHeading{
 
.firstHeading{
 
       display:none;
 
       display:none;
 
}
 
}
−
#content{
+
#bodybackground {
−
height:90px;
+
   background:url(https://static.igem.org/mediawiki/2015/7/7c/GLasgow_7323.jpg) no-repeat center center;
−
   padding: 0px 0px 0px 0px;
+
   font-family: 'Nixie One', Helvetica, Arial, sans-serif;
−
  border-left: 0px solid #444444;
+
   font-size: 50px;
−
  border-right: 0px solid #444444;
+
  height:45vh;
−
  background:transparent;
+
  background-size:cover;
−
  width:auto;
+
−
  height: auto;
+
−
}
+
−
*{
+
−
  padding: 0;
+
−
  margin: 0;
+
−
   font-family: 'Lato', sans-serif;
+
−
   box-sizing: border-box;
+
 
}
 
}
−
.float-right{
+
@font-face {
−
   float: right;
+
   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;
 
}
 
}
−
.fa{
+
@font-face {
−
font-size: .8em;
+
  font-family: 'League Script';
−
   line-height: 22px !important;
+
  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;
 
}
 
}
−
dropdown{
+
.container3 {
−
  display: inline-block;
+
    display: flex;
−
  margin: 20px 50px;  
+
    flex-direction: row;
 +
    flex-wrap: wrap;
 +
    justify-content: center;
 +
    align-items: center;
 +
    line-height:7vh;
 +
    padding-top:50px;
 +
   
 
}
 
}
−
dropdown label, dropdown ul li{
+
.sign {
−
   display: block;
+
   -ms-transform: rotate(-3deg);
−
   width: 200px;
+
   -webkit-transform: rotate(-3deg);
−
   background: #ECF0F1;
+
   transform: rotate(-3deg);
−
   padding: 15px 20px;
+
   margin-top:10vh;
 
}
 
}
−
dropdown label:hover, dropdown ul li:hover{
+
#title {
−
   background: #1ABC9C;
+
   font-size: 10vh;
−
  color: white;
+
−
  cursor: pointer;
+
 
}
 
}
−
dropdown label{
+
#trav {
−
   color: #1ABC9C;
+
   -webkit-animation: blink 0.01s infinite alternate;
−
   border-left: 4px solid #1ABC9C;
+
   -moz-animation: blink 0.01s infinite alternate;
−
   border-radius: 0 5px 0 0;  
+
   -o-animation: blink 0.01s infinite alternate;
−
   position: relative;
+
   animation: blink 0.01s infinite alternate;
−
  z-index: 2;
+
 
}
 
}
−
dropdown input{
+
#fade {
−
   display: none;
+
   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;
 
}
 
}
−
dropdown input ~ ul{
+
.neon-blue {
−
   position: relative;
+
   margin: 0 auto;
−
   visibility: hidden;
+
   text-align: center;
−
   opacity: 0;
+
   color: #ebffff;
−
   top: -20px;
+
   text-shadow: 2px 2px 1px rgba(0,0,0,0.3), 0 0px 15px #fff, 0 0 10px #38eeff, 0 0 50px #38eeff;
−
   z-index: 1;
+
   font-size:4vw;
 
}
 
}
−
dropdown input:checked + label{
+
.neon-purple {
−
   background: #1ABC9C;
+
   font-family: 'League Script', Helvetica, Arial, sans-serif;
−
   color: white;
+
  font-size: 130px;
 +
  margin: 0 auto;
 +
  text-align: center;
 +
   color: #6CA7FF;
 +
  text-shadow: 2px 2px 1px rgba(0,0,0,0.5), 0 0 5px #fff, 0 0 10px #7d26cd, 0 0 35px #7d26cd;
 +
  font-size:8vh;
 
}
 
}
−
 
+
@-moz-keyframes blink {
−
dropdown input:checked ~ ul{
+
   70% {
−
   visibility: visible;
+
    opacity: 0.7;
−
  opacity: 1;
+
   }
−
   top: 0;
+
 
}
 
}
−
$colors: #E74C3C, #0072B5, #2C3E50;
+
@-webkit-keyframes blink {
−
 
+
  45% {
−
@for $i from 1 through length($colors) {
+
    opacity: 0.5;
−
   dropdown ul li:nth-child(#{$i}) {
+
  }
−
     border-left: 4px solid nth($colors, $i);
+
}
−
     .fa{
+
@-o-keyframes blink {
−
      color: nth($colors, $i);
+
   70% {
−
     }
+
    opacity: 0.7;
−
     &:hover {
+
  }
−
        background: nth($colors, $i);
+
}
−
        color: white;
+
@keyframes blink {
−
      .fa{
+
  70% {
−
        color: white;  
+
    opacity: 0.7;
−
      }
+
  }
−
     }
+
}
 +
@-moz-keyframes fade {
 +
  40% {
 +
    opacity: 0.8;
 +
  }
 +
  42% {
 +
     opacity: 0.1;
 +
  }
 +
  43% {
 +
    opacity: 0.8;
 +
  }
 +
  45% {
 +
    opacity: 0.1;
 +
  }
 +
  46% {
 +
    opacity: 0.8;
 +
  }
 +
}
 +
@-webkit-keyframes fade {
 +
  40% {
 +
    opacity: 0.8;
 +
  }
 +
  42% {
 +
     opacity: 0.1;
 +
  }
 +
  43% {
 +
    opacity: 0.8;
 +
  }
 +
  45% {
 +
     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;
 
   }
 
   }
 
}
 
}
  
−
.animate{
+
/*Table style*/
−
  -webkit-transition: all .3s;
+
td {
−
  -moz-transition: all .3s;
+
            padding:10px;
−
  -ms-transition: all .3s;
+
            text-align: center;
−
  -ms-transition: all .3s;
+
            border: 1px solid black;
−
  transition: all .3s;  
+
        }   
−
  backface-visibility:hidden;
+
 
−
  -webkit-backface-visibility:hidden; /* Chrome and Safari */
+
  table {
−
  -moz-backface-visibility:hidden; /* Firefox */
+
          padding:50px;
−
  -ms-backface-visibility:hidden; /* Internet Explorer */
+
          margin:20px 91px;
 
}
 
}
 +
 +
th {
 +
  text-align: center;
 +
}
 +
 
</style>
 
</style>
 +
</head>
 
<body>
 
<body>
−
<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900' rel='stylesheet' type='text/css'>
+
</br>
−
<link rel="stylesheet" href="http://fontawesome.io/assets/font-awesome/css/font-awesome.css">
+
<div id="bodybackground">
−
<dropdown>
+
  <div  class="container3">
−
  <input id="toggle1" type="checkbox" checked>
+
  <div class="sign">
−
  <label for="toggle1" class="animate">MENU<i class="fa fa-bars float-right"></i></label>
+
      <div class="neon-blue" id="title">Glas<span id="fade">glow</span> </div>
−
  <ul class="animate">
+
      <div class="neon-blue"><br><span class="neon-purple"><strong>Parts</strong></span></div>
−
    <li class="animate">Code<i class="fa fa-code float-right"></i></li>
+
  </div>
−
    <li class="animate">Zoom<i class="fa fa-arrows-alt float-right"></i></li>
+
  </div>
−
    <li class="animate">Settings<i class="fa fa-cog float-right"></i></li>
+
</div>
−
  </ul>
+
 
−
</dropdown>
+
<div id="content" class="mw-body" role="main">
 +
    <a id="top"></a>
 +
    <h1 id="firstHeading" class="firstHeading">
 +
        <span dir="auto">Team:Glasgow/Parts test</span>
 +
    </h1>
 +
    <div id="bodyContent">
 +
<div id="mw-content-text" lang="en" dir="ltr" class="mw-content-ltr"><h2><span class="mw-headline" id="Summary_table" style="text-align:center;">Summary table</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/wiki/index.php?title=Team:Glasgow/Parts_test&amp;action=edit&amp;section=1" title="Edit section: Summary table">edit</a><span class="mw-editsection-bracket">]</span></span></h2>
 +
<div id='groupparts' style='min-height:100px;width:700px;'><div style='width:300px;margin:2px;padding:20px;color:gray;border:1px solid gray'>Loading.....</div></div><script>$('#groupparts').load('/cgi/api/groupparts.cgi', { t:'iGEM015', g:'Glasgow' },function(){ $('#groupparts .tablesorter').tablesorter();} );</script>
  
−
<dropdown>
 
−
  <input id="toggle2" type="checkbox">
 
−
  <label for="toggle2" class="animate">Menu<i class="fa fa-bars float-right"></i></label>
 
−
  <ul class="animate">
 
−
    <li class="animate">Code<i class="fa fa-code float-right"></i></li>
 
−
    <li class="animate">Zoom<i class="fa fa-arrows-alt float-right"></i></li>
 
−
    <li class="animate">Settings<i class="fa fa-cog float-right"></i></li>
 
−
  </ul>
 
−
</dropdown>
 
 
</body>
 
</body>
 
</html>
 
</html>
 +
{{Glasgowfooter}}

Latest revision as of 10:49, 15 September 2015


Glasglow

Parts

Team:Glasgow/Parts test

Summary table[edit]

Loading.....

Location

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

Follow Us On