Difference between revisions of "Team:Glasgow/test"

 
(40 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 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{
−
/*===== Navigation Bar =====*/
+
      display:none;
−
 
+
−
.mainNav {
+
−
    background: url(https://static.igem.org/mediawiki/2015/2/29/Dna_banner.png);
+
−
    background-size: cover;
+
−
    background-color:black;
+
−
    height:50px;
+
−
    padding: 0px;
+
−
    margin: 0px;
+
−
    position: fixed;
+
−
    width:100%;
+
−
    top:16px;
+
−
    left:0;
+
−
    z-index:99;
+
 
}
 
}
−
           
+
#bodybackground {
−
nav ul {
+
  background:url(https://static.igem.org/mediawiki/2015/7/7c/GLasgow_7323.jpg) no-repeat center center;
−
    height:50px;
+
  font-family: 'Nixie One', Helvetica, Arial, sans-serif;
−
    width: 92%;
+
  font-size: 50px;
−
    margin: 0 auto;
+
  height:45vh;
−
    padding: 0px;
+
  background-size:cover;
 
}
 
}
−
           
+
@font-face {
−
li a img {
+
  font-family: 'Nixie One';
−
    height:42px;
+
  font-style: normal;
−
    width: 67px;
+
  font-weight: 400;
−
    padding: 0px;
+
  src: local('Nixie One'), local('NixieOne-Regular'), url(http://fonts.gstatic.com/s/nixieone/v7/gQ0PT3rPU_Et2ExNz-ahmpBw1xU1rKptJj_0jans920.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;
−
    margin: auto;
+
−
    margin-top:4px;
+
−
    margin-right:66px;
+
 
}
 
}
−
           
+
@font-face {
−
nav ul li {
+
  font-family: 'League Script';
−
    list-style: none;
+
  font-style: normal;
−
    width:14%;
+
  font-weight: 400;
−
    max-height: 50px;  
+
  src: local('League Script'), local('LeagueScript'), url(http://fonts.gstatic.com/s/leaguescript/v7/wnRFLvfabWK_DauqppD6vTLKmjGCnkmx1ziy0T7wKLI.woff2) format('woff2');
−
    float: left;
+
  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;
−
    text-align: center;
+
−
    padding: 0px;
+
−
    margin: 0px;
+
 
}
 
}
−
       
+
.container3 {
−
nav ul li a, nav ul li a:active, nav ul li a:visited {
+
     display: flex;
−
     text-decoration: none;
+
     flex-direction: row;
−
     color: white;
+
     flex-wrap: wrap;
−
    line-height: 50px;
+
     justify-content: center;
−
     display:block;
+
     align-items: center;
−
    padding: 0px;
+
     line-height:7vh;
−
    margin: 0px;
+
     padding-top:50px;
−
    font-family: sans-serif;
+
      
−
}
+
−
/*       
+
−
li a:hover {
+
−
     background-color:white;
+
−
     color:black;
+
−
    height:50px;
+
−
}*/
+
−
           
+
−
li .ball {
+
−
    height: 45px;
+
−
    width: 45px;
+
−
    background-color: yellow;
+
−
     position:absolute;
+
−
    border-radius:50%;
+
−
     margin-top:2px;
+
−
     opacity: 0;
+
−
}
+
−
 
+
−
.dropNav {
+
−
    background-color:black;
+
−
    width:1400px;
+
−
    height:20px;
+
−
    display:none;
+
−
    position:absolute;
+
−
    left:0;
+
−
    margin:0px auto;
+
 
}
 
}
−
 
+
.sign {
−
/*
+
  -ms-transform: rotate(-3deg);
−
.dropNav ul li {
+
  -webkit-transform: rotate(-3deg);
−
    float:left;
+
  transform: rotate(-3deg);
−
    text-align: center;
+
  margin-top:10vh;
−
    margin: 0px auto;
+
−
    position:relative;
+
−
    padding:5px;
+
 
}
 
}
−
 
+
#title {
−
.dropNav ul {
+
  font-size: 10vh;
−
    margin: 0px auto;
+
−
    border: 1px solid red;
+
−
    width:450px;
+
−
    height:25px;   
+
−
}*/
+
−
 
+
−
 
+
−
 
+
−
span.project {
+
−
    margin-right: 15px;
+
 
}
 
}
−
 
+
#trav {
−
span.team {
+
  -webkit-animation: blink 0.01s infinite alternate;
−
    margin-right: 10px;
+
  -moz-animation: blink 0.01s infinite alternate;
 +
  -o-animation: blink 0.01s infinite alternate;
 +
  animation: blink 0.01s infinite alternate;
 
}
 
}
−
 
+
#fade {
−
span.journal {
+
  opacity: 0.6;
−
    margin-right: 5px;
+
  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 {
−
span.modelling {
+
  margin: 0 auto;
−
    margin-left: -20px;
+
  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 {
−
span.application {
+
  font-family: 'League Script', Helvetica, Arial, sans-serif;
−
    margin-left: 10px;
+
  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 {
−
span.contact {
+
  70% {
−
     margin-left: 15px;
+
     opacity: 0.7;
 +
  }
 
}
 
}
−
 
+
@-webkit-keyframes blink {
−
 
+
  45% {
−
 
+
     opacity: 0.5;
−
 
+
  }
−
 
+
−
div.project {
+
−
     margin-left: 20px;
+
 
}
 
}
−
 
+
@-o-keyframes blink {
−
div.team {
+
  70% {
−
     margin-left: 22px;
+
     opacity: 0.7;
 +
  }
 
}
 
}
−
 
+
@keyframes blink {
−
div.journal {
+
  70% {
−
     margin-left: 25px;
+
     opacity: 0.7;
 +
  }
 
}
 
}
−
 
+
@-moz-keyframes fade {
−
div.modelling {
+
  40% {
−
     margin-left: 7px;
+
    opacity: 0.8;
 +
  }
 +
  42% {
 +
     opacity: 0.1;
 +
  }
 +
  43% {
 +
    opacity: 0.8;
 +
  }
 +
  45% {
 +
    opacity: 0.1;
 +
  }
 +
  46% {
 +
    opacity: 0.8;
 +
  }
 
}
 
}
−
 
+
@-webkit-keyframes fade {
−
div.application {
+
  40% {
−
     margin-left: 33px;
+
    opacity: 0.8;
 +
  }
 +
  42% {
 +
     opacity: 0.1;
 +
  }
 +
  43% {
 +
    opacity: 0.8;
 +
  }
 +
  45% {
 +
    opacity: 0.1;
 +
  }
 +
  46% {
 +
    opacity: 0.8;
 +
  }
 
}
 
}
−
 
+
@-o-keyframes fade {
−
div.contact {
+
  40% {
−
     margin-left: 36px;
+
    opacity: 0.8;
 +
  }
 +
  42% {
 +
     opacity: 0.1;
 +
  }
 +
  43% {
 +
    opacity: 0.8;
 +
  }
 +
  45% {
 +
    opacity: 0.1;
 +
  }
 +
  46% {
 +
    opacity: 0.8;
 +
  }
 
}
 
}
−
 
+
@keyframes fade {
−
ul li ul {
+
  40% {
−
     display:none;
+
     opacity: 0.8;
−
     position:relative;
+
  }
−
      
+
  42% {
 +
     opacity: 0.1;
 +
  }
 +
  43% {
 +
     opacity: 0.8;
 +
  }
 +
  45% {
 +
    opacity: 0.1;
 +
  }
 +
  46% {
 +
    opacity: 0.8;
 +
  }
 
}
 
}
  
−
ul li ul li {
+
/*Table style*/
−
    list-style: none;
+
td {
−
    display:block;
+
            padding:10px;
−
    width:140px;
+
            text-align: center;
−
    float:none;
+
            border: 1px solid black;
−
    background-color:black;
+
        }  
−
    color:white;
+
−
    padding:10px;
+
−
}
+
−
/*
+
−
ul li:hover .dropNav {
+
−
  display: block;
+
−
}*/
+
  
−
ul li:hover ul {
+
table {
−
    display:block;
+
          padding:50px;
 +
          margin:20px 91px;
 
}
 
}
  
−
.dim {
+
th {  
−
    opacity:0.3;
+
  text-align: center;
 
}
 
}
−
           
 
−
.dim:hover {
 
−
    opacity:1;
 
−
}
 
−
 
−
/*===== //Navigation Bar ====*/
 
  
 
</style>
 
</style>
−
 
+
</head>
 
<body>
 
<body>
 +
</br>
 +
<div id="bodybackground">
 +
  <div  class="container3">
 +
  <div class="sign">
 +
      <div class="neon-blue" id="title">Glas<span id="fade">glow</span> </div>
 +
      <div class="neon-blue"><br><span class="neon-purple"><strong>Parts</strong></span></div>
 +
  </div>
 +
  </div>
 +
</div>
  
−
<!-- Navigation bar -->
+
<div id="content" class="mw-body" role="main">
−
     
+
    <a id="top"></a>
−
        <nav class="mainNav">
+
    <h1 id="firstHeading" class="firstHeading">
−
            <ul>
+
        <span dir="auto">Team:Glasgow/Parts test</span>
−
                <li style="padding-left:20px"><!--<div class="ball project"></div>--><a href='#'><span class="project">Project</span></a>
+
    </h1>
−
                <nav><ul>
+
    <div id="bodyContent">
−
                        <li><a href="#">Description</a></li>
+
<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>
−
                        <li><a href="#">Biology</a></li>
+
<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>
−
                        <li><a href="#">More Biology</a></li>                  
+
−
                    </ul></nav>             
+
−
               
+
−
                </li>
+
−
                <li><!--<div class="ball team"></div>--><a href='pages/team/team.html'><span class="team">About Us</span></a>
+
−
                <nav>
+
−
                <ul>
+
−
                        <li><a href="https://2015.igem.org/Team:Glasgow/Team">Team</a></li>
+
−
                        <li><a href="https://2015.igem.org/Team:Glasgow/Attributions">Attributions</a></li>
+
−
                        <li><a href="https://2015.igem.org/Team:Glasgow/Sponsors">Sponsors</a></li>               
+
−
                    </ul></nav>
+
−
                </li>
+
−
                <li><!--<div class="ball journal"></div>--><a href='https://2015.igem.org/Team:Glasgow/Notebook'><span class="journal">Notebook</span></a>             
+
−
                </li>
+
−
                <li><a href='https://2015.igem.org/Team:Glasgow'><img class="main" src="https://static.igem.org/mediawiki/2015/0/0b/Uni-inverted.jpg"/></a></li>
+
−
               
+
−
                <li><!--<div class="ball modelling"></div>--><a href='#'><span class="modelling">Modelling</span></a>
+
−
                    <nav><ul>
+
−
                        <li><a href='#'>Modelling</a></li>
+
−
                        <li><a href='#'>Top Modelling</a></li>
+
−
                        <li><a href="#">Super Top Modelling</a></li>                   
+
−
                    </ul></nav>
+
−
                </li>   
+
−
               
+
−
                <li><!--<div class="ball application"></div>--><a href='#'><span class="application">Application</span></a></li>        
+
−
                <li><!--<div class="ball contact"></div>--><a href='#'><span class="contact">Contact</span></a></li>       
+
−
            </ul>   
+
−
        </nav>
+
−
 
+
−
  <!-- //Navigation bar -->
+
−
 
+
−
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+
−
 
+
−
<script>
+
−
 
+
−
 
+
−
 
+
−
$(window).scroll(function() {
+
−
            if ($(this).scrollTop() > 50) {
+
−
                $('nav').addClass("dim");
+
−
            }
+
−
            else {  
+
−
                $('nav').removeClass("dim");
+
−
            }
+
−
        });
+
−
 
+
−
</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