Difference between revisions of "Team:Glasgow/test"

 
(11 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">
−
<script type="text/javascript">
+
    <meta name="viewport" content="width=device-width, initial-scale=1">
−
$('nav').click(function() {
+
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
−
  $('.menu').css('background-color', '#ff5e1a');
+
    <meta name="description" content="">
−
  $('.dropDown').slideDown("slow");
+
    <meta name="author" content="">
−
});
+
    <link href="https://2015.igem.org/Team:Glasgow/bootstrap.min.css?action=raw&ctype=text/css" rel="stylesheet">
−
$('nav').mouseleave(function() {
+
    <script src="https://2015.igem.org/Team:Glasgow/bootstrap.min.js?action=raw&ctype=text/css"></script>
−
  $('.menu').css('background-color', '#ff782e');
+
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
−
  $('.dropDown').slideUp("slow", function() {
+
    <!-- Custom styles for this template -->
−
    $(this).fadeOut(2000);
+
    <link href="carousel.css" rel="stylesheet">
−
   });
+
    <link href='http://fonts.googleapis.com/css?family=Unkempt' rel='stylesheet' type='text/css'>
−
    });
+
   </head>
−
</script>
+
 
<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;
+
−
}
+
−
body {
+
−
    background-color: #313233;
+
−
    font-family: arial, san-serif;
+
 
}
 
}
−
nav {
+
@font-face {
−
    width: 300px;
+
  font-family: 'Nixie One';
−
    margin:0 auto;
+
  font-style: normal;
−
    margin-top:50px
+
  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;
 
}
 
}
−
.menu {
+
@font-face {
−
    /* height:70px; */
+
  font-family: 'League Script';
−
    background-color: #ff782e;
+
  font-style: normal;
−
    border-radius:10px;  
+
  font-weight: 400;
−
    color:#fff;
+
  src: local('League Script'), local('LeagueScript'), url(http://fonts.gstatic.com/s/leaguescript/v7/wnRFLvfabWK_DauqppD6vTLKmjGCnkmx1ziy0T7wKLI.woff2) format('woff2');
−
    display:block;
+
  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;
−
    position: relative;
+
−
    font-size: 20px;
+
−
    padding:20px;
+
−
-webkit-transition: 300ms ease;
+
−
-moz-transition: 300ms ease;
+
−
-o-transition: 300ms ease;
+
−
-ms-transition: 300ms ease;
+
−
transition: 300ms ease;
+
−
    border-bottom: 3px solid #cc6025;
+
 
}
 
}
−
 
+
.container3 {
−
.dropdownIcon {      
+
     display: flex;
−
     display: block;
+
     flex-direction: row;
−
     width:24px;
+
     flex-wrap: wrap;
−
     margin-top:2px;
+
     justify-content: center;
−
     /* position: absolute;
+
     align-items: center;
−
     right:0; */
+
     line-height:7vh;
−
     float:right;
+
    padding-top:50px;
 +
   
 
}
 
}
−
.dropdownIcon span {
+
.sign {
−
    width:24px;
+
  -ms-transform: rotate(-3deg);
−
    height:4px;
+
  -webkit-transform: rotate(-3deg);
−
    border-radius:3px;
+
  transform: rotate(-3deg);
−
    color:#fff;
+
  margin-top:10vh;
−
    display:block;
+
−
    background: white;
+
−
    margin:2px
+
 
}
 
}
−
 
+
#title {
−
nav:hover .menu{
+
  font-size: 10vh;
−
    cursor:pointer;
+
−
    background: #ff853a;  
+
 
}
 
}
−
 
+
#trav {
−
.menu:hover .dropdownIcon span{
+
  -webkit-animation: blink 0.01s infinite alternate;
−
    -webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.3);
+
  -moz-animation: blink 0.01s infinite alternate;
−
    -moz-box-shadow:   0px 3px 5px 0px rgba(50, 50, 50, 0.3);
+
  -o-animation: blink 0.01s infinite alternate;
−
    box-shadow:         0px 3px 5px 0px rgba(50, 50, 50, 0.3);
+
  animation: blink 0.01s infinite alternate;
 
}
 
}
−
 
+
#fade {
−
.dropDown {
+
  opacity: 0.6;
−
    background: #f0f0f0;
+
  color: #ebffff;
−
    border-radius: 10px;
+
  text-shadow: 2px 2px 1px rgba(0,0,0,0.3), 0 0px 15px #fff, 0 0 10px #38eeff, 0 0 50px #38eeff;
−
    text-align: center;
+
  -webkit-animation: fade 3s infinite alternate;
−
    margin:0;
+
  -moz-animation: fade 3s infinite alternate;
−
    padding:0;
+
  -o-animation: fade 3s infinite alternate;
−
    list-style:none;
+
  animation: fade 3s infinite alternate;
−
    position: relative;
+
−
    margin-top:20px;
+
−
    display:none;
+
−
   
+
 
}
 
}
−
 
+
.neon-blue {
−
.dropDown:before {
+
  margin: 0 auto;
−
    content: "";
+
  text-align: center;
−
    position:absolute;
+
  color: #ebffff;
−
    border: 15px solid #f0f0f0;
+
  text-shadow: 2px 2px 1px rgba(0,0,0,0.3), 0 0px 15px #fff, 0 0 10px #38eeff, 0 0 50px #38eeff;
−
    border-top: 0 solid transparent!important;
+
  font-size:4vw;
−
    border-right: 15px solid transparent!important;
+
−
    border-left: 15px solid transparent!important;
+
−
    right:10px;
+
−
    top:-15px
+
 
}
 
}
−
 
+
.neon-purple {
−
.dropDown a {
+
  font-family: 'League Script', Helvetica, Arial, sans-serif;
−
  color: #494b4d;
+
  font-size: 130px;
−
  text-decoration: none;
+
  margin: 0 auto;
−
    display:block;
+
  text-align: center;
−
    padding:20px 0;
+
  color: #6CA7FF;
−
    font-weight:700;
+
  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:16px
+
  font-size:8vh;
 
}
 
}
−
 
+
@-moz-keyframes blink {
−
.dropDown li:nth-child(even) a {
+
  70% {
−
     background:#ebebeb
+
    opacity: 0.7;
 +
  }
 +
}
 +
@-webkit-keyframes blink {
 +
  45% {
 +
    opacity: 0.5;
 +
  }
 +
}
 +
@-o-keyframes blink {
 +
  70% {
 +
     opacity: 0.7;
 +
  }
 +
}
 +
@keyframes blink {
 +
  70% {
 +
    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;
 +
  }
 
}
 
}
  
−
/*nav:hover .dropDown{
+
/*Table style*/
−
    display:block;
+
td {
−
}*/
+
            padding:10px;
 +
            text-align: center;
 +
            border: 1px solid black;
 +
        }  
  
−
.credit {
+
table {
−
  position:absolute;
+
          padding:50px;
−
  bottom:0;
+
          margin:20px 91px;
−
  color:#aaa;
+
−
  font-size:12px;
+
 
}
 
}
  
−
.credit a {
+
th {  
−
  color: #eee;
+
  text-align: center;
 
}
 
}
−
</style>
 
  
 +
</style>
 +
</head>
 
<body>
 
<body>
−
<nav>
+
</br>
−
    <div class="menu">
+
<div id="bodybackground">
−
        <span>Menu</span>
+
  <div  class="container3">
−
        <div class="dropdownIcon">
+
  <div class="sign">
−
            <span></span>
+
      <div class="neon-blue" id="title">Glas<span id="fade">glow</span> </div>
−
            <span></span>
+
      <div class="neon-blue"><br><span class="neon-purple"><strong>Parts</strong></span></div>
−
            <span></span>
+
  </div>
−
        </div>
+
  </div>
−
    </div>
+
</div>
−
    <ul class="dropDown">
+
−
        <li><a href="#">Menu Item 1</a></li>
+
−
        <li><a href="#">Menu Item 2</a></li>
+
−
        <li><a href="#">Menu Item 3</a></li>
+
−
    </ul>
+
−
</nav>
+
  
 +
<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>
  
 
</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