|
|
| (176 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;
| + | |
| - | }
| + | |
| - | p{
| + | |
| - | font: 400 14px/1.5 'Share Tech Mono', Times, serif;
| + | |
| - | } | + | |
| | | | |
| - | /* Navigation */ | + | </script> |
| - | @import url(http://fonts.googleapis.com/css?family=Open+Sans:700);
| + | |
| - | #cssmenu {
| + | <style type="text/css"> |
| - | background: #aabceb;
| + | body { |
| - | width: auto; | + | 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: 'Open Sans', 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>RHS iGEM</h1>
| + | <div class="page-real-main"> |
| - | | + | </div> |
| - | <!-- Navigation -->
| + | |
| - | <div id='cssmenu'> | + | |
| - | <ul> | + | |
| - | <li class='active'><a href='index.html'><span>Home</span></a></li>
| + | |
| - | <li><a href='#'><span>Products</span></a></li>
| + | |
| - | <li><a href='#'><span>About</span></a></li>
| + | |
| - | <li class='last'><a href='#'><span>Contact</span></a></li>
| + | |
| - | </ul>
| + | |
| | </div> | | </div> |
| | | | |
| | </body> | | </body> |
| - |
| |
| | </html> | | </html> |
"
