Difference between revisions of "Team:Glasgow/Basic Part"
(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | {{ | + | {{GlasgowNavbar}} |
<html> | <html> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
+ | <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> | ||
+ | .firstHeading{ | ||
+ | display:none; | ||
+ | } | ||
+ | #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; | ||
+ | |||
+ | } | ||
+ | .sign { | ||
+ | -ms-transform: rotate(-3deg); | ||
+ | -webkit-transform: rotate(-3deg); | ||
+ | transform: rotate(-3deg); | ||
+ | margin-top:10vh; | ||
+ | } | ||
+ | #title { | ||
+ | font-size: 10vh; | ||
+ | } | ||
+ | #trav { | ||
+ | -webkit-animation: blink 0.01s infinite alternate; | ||
+ | -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; | ||
+ | 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 { | ||
+ | font-family: 'League Script', Helvetica, Arial, sans-serif; | ||
+ | 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 { | ||
+ | 70% { | ||
+ | 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; | ||
+ | } | ||
+ | } | ||
− | + | /*Table style*/ | |
+ | td { | ||
+ | padding:10px; | ||
+ | text-align: center; | ||
+ | border: 1px solid black; | ||
+ | } | ||
+ | table { | ||
+ | padding:50px; | ||
+ | margin:20px 91px; | ||
+ | } | ||
− | <div | + | th { |
− | < | + | text-align: center; |
− | < | + | } |
+ | |||
+ | </style> | ||
+ | </head> | ||
+ | <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> | </div> | ||
− | < | + | <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&action=edit&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> | ||
</html> | </html> | ||
+ | {{Glasgowfooter}} |
Revision as of 13:01, 16 September 2015
Glasglow
Parts