|
|
(183 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 Default Stuff */
| + | $(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> |
- | body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, input, textarea, blockquote {
| + | |
- | margin: 0; padding: 0; border: 0;
| + | <style type="text/css"> |
- | }
| + | |
| body { | | body { |
- | background: #909eab url(bg.png);
| + | overflow-x: hidden; |
- | font-family: Helvetica, sans-serif; font-size: 18px; line-height: 24px;
| + | height: 100%; |
| + | } |
| + | .real { |
| + | position: absolute; |
| + | width: 100%; |
| + | height: 99%; |
| + | background-color: white; |
| + | top: 0%; |
| + | left: 0%; |
| + | overflow: hidden; |
| + | z-index: 999; |
| } | | } |
- | nav {
| |
- | margin: 100px auto;
| |
- | text-align: center;
| |
- | }
| |
- | nav ul ul {
| |
- | display: none;
| |
- | }
| |
- | nav ul li:hover > ul {
| |
- | display: block;
| |
- | }
| |
- | nav ul {
| |
- | background: #efefef;
| |
- | background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);
| |
- | background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%);
| |
- | background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%);
| |
- | box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
| |
- | padding: 0 20px;
| |
- | border-radius: 10px;
| |
- | list-style: none;
| |
- | position: relative;
| |
- | display: inline-table;
| |
- | }
| |
- | nav ul:after {
| |
- | content: ""; clear: both; display: block;
| |
- | }
| |
- | nav ul li {
| |
- | float: left;
| |
- | }
| |
- | nav ul li:hover {
| |
- | background: #4b545f;
| |
- | background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
| |
- | background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
| |
- | background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
| |
- | }
| |
- | nav ul li:hover a {
| |
- | color: #fff;
| |
- | }
| |
- | nav ul li a {
| |
- | display: block; padding: 25px 40px;
| |
- | color: #757575; text-decoration: none;
| |
- | }
| |
- | nav ul ul {
| |
- | background: #5f6975; border-radius: 0px; padding: 0;
| |
- | position: absolute; top: 100%;
| |
- | }
| |
- | nav ul ul li {
| |
- | float: none;
| |
- | border-top: 1px solid #6b727c;
| |
- | border-bottom: 1px solid #575f6a; position: relative;
| |
- | }
| |
- | nav ul ul li a {
| |
- | padding: 15px 40px;
| |
- | color: #fff;
| |
- | }
| |
- | nav ul ul li a:hover {
| |
- | background: #4b545f;
| |
- | }
| |
- |
| |
- | nav ul ul ul {
| |
- | position: absolute; left: 100%; top:0;
| |
- | }
| |
- |
| |
| </style> | | </style> |
| | | |
| + | </head> |
| <body> | | <body> |
| | | |
- | <!-- Logo --> | + | <div id="page-contain"> |
- | <h1>RHS iGEM</h1>
| + | <div class="page-real-main"> |
- | | + | </div> |
- | <!-- Navigation -->
| + | </div> |
- | <nav>
| + | |
- | <ul>
| + | |
- | <li><a href="#">Team</a></li>
| + | |
- | <li><a href="#">Project</a></li> | + | |
- | <li><a href="#">Notebook</a></li>
| + | |
- | <li><a href="#">Sponsors</a></li>
| + | |
- | </li>
| + | |
- | </ul> | + | |
- | </nav> | + | |
| | | |
| </body> | | </body> |
- |
| |
| </html> | | </html> |