|
|
(170 intermediate revisions not shown) |
Line 1: |
Line 1: |
| <html> | | <html> |
| + | <head> |
| | | |
- | <link href='http://fonts.googleapis.com/css?family=Audiowide|Share+Tech+Mono' rel='stylesheet' type='text/css'> | + | <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> |
| | | |
- | <style> | + | <script type="text/javascript"> |
| | | |
- | /* Hide Defaults */
| + | $(document).ready(function(){ |
- | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
| + | |
- | display:none;}
| + | |
- | #top-section {
| + | |
- | border: none;
| + | |
- | height: 0px;}
| + | |
- | #content {
| + | |
- | border: none;}
| + | |
| | | |
- | /* Background */ | + | // PLEASE READ BELOW COMMENT |
- | body {
| + | // |
- | background-image:url("http://oi62.tinypic.com/2uek64o.jpg");
| + | // don't worry, we're open source --> https://github.com/raptor-igem/2014hs-website |
- | }
| + | // |
| + | // PLEASE READ ABOVE COMMENT |
| | | |
- | /* Text Styles */
| + | $("body.page-Team_Ravenwood_Raptors").append("<iframe class='real' src='http://raptor-igem.github.io/2014hs-website/'></iframe>"); |
- | h1{
| + | }); |
- | font: 400 45px/0.5 'Audiowide', Helvetica, sans-serif;
| + | |
- | text-align:center;
| + | |
- | }
| + | |
- | p{
| + | |
- | font: 400 14px/1.5 'Share Tech Mono', Times, serif;
| + | |
- | } | + | |
| | | |
- | /* Navigation */ | + | </script> |
- | #cssmenu {
| + | |
- | background: #b9babd;
| + | <style type="text/css"> |
- | width: auto; | + | body { |
| + | overflow-x: hidden; |
| + | height: 100%; |
| + | } |
| + | .real { |
| + | position: absolute; |
| + | width: 100%; |
| + | height: 99%; |
| + | background-color: white; |
| + | top: 0%; |
| + | left: 0%; |
| + | overflow: hidden; |
| + | z-index: 999; |
| } | | } |
- | #cssmenu ul {
| |
- | list-style: none;
| |
- | margin: 0;
| |
- | padding: 0;
| |
- | line-height: 1;
| |
- | display: block;
| |
- | zoom: 1;
| |
- | }
| |
- | #cssmenu ul:after {
| |
- | content: ' ';
| |
- | display: block;
| |
- | font-size: 0;
| |
- | height: 0;
| |
- | clear: both;
| |
- | visibility: hidden;
| |
- | }
| |
- | #cssmenu ul li {
| |
- | float: left;
| |
- | display: block;
| |
- | padding: 0;
| |
- | }
| |
- | #cssmenu ul li a {
| |
- | color: #ffffff;
| |
- | text-decoration: none;
| |
- | display: block;
| |
- | padding: 15px 25px;
| |
- | font-family: 'Share Tech Mono', sans-serif;
| |
- | font-weight: 700;
| |
- | text-transform: uppercase;
| |
- | font-size: 14px;
| |
- | position: relative;
| |
- | -webkit-transition: color .25s;
| |
- | -moz-transition: color .25s;
| |
- | -ms-transition: color .25s;
| |
- | -o-transition: color .25s;
| |
- | transition: color .25s;
| |
- | }
| |
- | #cssmenu ul li a:hover {
| |
- | color: #ffffff;
| |
- | }
| |
- | #cssmenu ul li a:hover:before {
| |
- | width: 100%;
| |
- | }
| |
- | #cssmenu ul li a:after {
| |
- | content: '';
| |
- | display: block;
| |
- | position: absolute;
| |
- | right: -3px;
| |
- | top: 19px;
| |
- | height: 6px;
| |
- | width: 6px;
| |
- | background: #ffffff;
| |
- | opacity: .5;
| |
- | }
| |
- | #cssmenu ul li a:before {
| |
- | content: '';
| |
- | display: block;
| |
- | position: absolute;
| |
- | left: 0;
| |
- | bottom: 0;
| |
- | height: 3px;
| |
- | width: 0;
| |
- | background: #ffffff;
| |
- | -webkit-transition: width .25s;
| |
- | -moz-transition: width .25s;
| |
- | -ms-transition: width .25s;
| |
- | -o-transition: width .25s;
| |
- | transition: width .25s;
| |
- | }
| |
- | #cssmenu ul li.last > a:after,
| |
- | #cssmenu ul li:last-child > a:after {
| |
- | display: none;
| |
- | }
| |
- | #cssmenu ul li.active a {
| |
- | color: #ffffff;
| |
- | }
| |
- | #cssmenu ul li.active a:before {
| |
- | width: 100%;
| |
- | }
| |
- | @media screen and (max-width: 768px) {
| |
- | #cssmenu ul li {
| |
- | float: none;
| |
- | }
| |
- | #cssmenu ul li a {
| |
- | width: 100%;
| |
- | -moz-box-sizing: border-box;
| |
- | -webkit-box-sizing: border-box;
| |
- | box-sizing: border-box;
| |
- | }
| |
- | #cssmenu ul li a:after {
| |
- | display: none;
| |
- | }
| |
- | #cssmenu ul li a:before {
| |
- | height: 1px;
| |
- | background: #ffffff;
| |
- | width: 100%;
| |
- | opacity: .2;
| |
- | }
| |
- | #cssmenu ul li.last > a:before,
| |
- | #cssmenu ul li:last-child > a:before {
| |
- | display: none;
| |
- | }
| |
- | }
| |
- |
| |
| </style> | | </style> |
| | | |
| + | </head> |
| <body> | | <body> |
| | | |
- | <!-- Logo -->
| + | <div id="page-contain"> |
- | <h1>Ravenwood Raptors</h1>
| + | <div class="page-real-main"> |
- | | + | </div> |
- | <!-- Navigation -->
| + | |
- | <div id='cssmenu'> | + | |
- | <ul> | + | |
- | <li class='active'><a href='https://2014hs.igem.org/Team:Ravenwood_Raptors'><span>Home</span></a></li>
| + | |
- | <li><a href='#'><span>Team</span></a></li>
| + | |
- | <li><a href='#'><span>Project</span></a></li>
| + | |
- | <li><a href='#'><span>Notebook</span></a></li>
| + | |
- | <li><a href='#'><span>Sponsors</span></a></li>
| + | |
- | </ul>
| + | |
| </div> | | </div> |
| | | |
| </body> | | </body> |
- |
| |
| </html> | | </html> |