|
|
| Line 1: |
Line 1: |
| − | <html>
| + | {{CSS}} |
| − | <head>
| + | |
| − | | + | |
| − | | + | |
| − | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
| + | |
| − | <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">
| + | |
| − | <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
| + | |
| − | <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Raleway" />
| + | |
| − | | + | |
| − | <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
| + | |
| − | | + | |
| − | <style type="text/css">
| + | |
| − | | + | |
| − | /* wiki width fixing */
| + | |
| − | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
| + | |
| − | display:none;}
| + | |
| − | #top-section {
| + | |
| − | border: none;
| + | |
| − | height: 0px;}
| + | |
| − | | + | |
| − | #p-logo, h1.firstHeading,#search-controls,#catlinks {display:none;}
| + | |
| − | #footer #f-list {margin-top:0;}
| + | |
| − | #top-section,#footer-box{margin:0;padding:0;width:100%;height:0}
| + | |
| − | table{visibility:hidden;height:0;}
| + | |
| − | #contentSub {margin: 0;}
| + | |
| − | | + | |
| − | #globalWrapper, #content {
| + | |
| − | width: 100%;
| + | |
| − | height: 100%;
| + | |
| − | border: 0px;
| + | |
| − | background-color: #fff;
| + | |
| − | margin: 0px;
| + | |
| − | padding: 0px;
| + | |
| − | }
| + | |
| − | | + | |
| − | html, #bodyContent, body, #container {
| + | |
| − | width:100%;
| + | |
| − | height:100%;
| + | |
| − | overflow:hidden;
| + | |
| − | box-sizing: border-box;
| + | |
| − | | + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | /* blocks */
| + | |
| − | | + | |
| − | #main {background: #fff; margin: -5px; text-align: center; width: 100%;
| + | |
| − | height: 100%;
| + | |
| − | position: relative;
| + | |
| − | display: block;
| + | |
| − | margin: 0;
| + | |
| − | padding: 0;
| + | |
| − | margin-top: -10px;
| + | |
| − | top: 0;
| + | |
| − | bottom: 0;
| + | |
| − | box-sizing: border-box;
| + | |
| − | | + | |
| − | -webkit-background-size: cover;
| + | |
| − | -moz-background-size: cover;
| + | |
| − | -o-background-size: cover;
| + | |
| − | background-size: cover;
| + | |
| − | -webkit-box-sizing: border-box;
| + | |
| − | -moz-box-sizing: border-box;
| + | |
| − | box-sizing: border-box;
| + | |
| − | | + | |
| − | vertical-align: middle; }
| + | |
| − |
| + | |
| − | #abstract {background: #fff;
| + | |
| − | width: 100%;
| + | |
| − | height: 100%;
| + | |
| − | position: relative;
| + | |
| − | display: block;
| + | |
| − | margin: 0;
| + | |
| − | padding: 0;
| + | |
| − | top: 0;
| + | |
| − | bottom: 0;
| + | |
| − | box-sizing: border-box;
| + | |
| − | | + | |
| − | -webkit-background-size: cover;
| + | |
| − | -moz-background-size: cover;
| + | |
| − | -o-background-size: cover;
| + | |
| − | background-size: cover;
| + | |
| − | -webkit-box-sizing: border-box;
| + | |
| − | -moz-box-sizing: border-box;
| + | |
| − | box-sizing: border-box;}
| + | |
| − | | + | |
| − | | + | |
| − | /* buttons */
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | .buttonscenter {
| + | |
| − | padding-top: 20px; color: #FFFFFF;
| + | |
| − | text-align: center;
| + | |
| − | }
| + | |
| − | | + | |
| − | .buttonscenter a { color: #FFFFFF; text-decoration: none;}
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | .buttonc1 { display: inline-block;
| + | |
| − | margin-bottom: 10px;
| + | |
| − | margin-right: 5px;
| + | |
| − | margin-left: 5px;
| + | |
| − | font-size: 14px;
| + | |
| − | font-weight: normal;
| + | |
| − | line-height: 1.428571429;
| + | |
| − | text-align: center;
| + | |
| − | white-space: nowrap;
| + | |
| − | vertical-align: middle;
| + | |
| − | border: 1px solid transparent;
| + | |
| − | border-radius: 4px;
| + | |
| − | -webkit-user-select: none;
| + | |
| − | -moz-user-select: none;
| + | |
| − | -ms-user-select: none;
| + | |
| − | -o-user-select: none;
| + | |
| − | user-select: none;
| + | |
| − | color: #FFFFFF;
| + | |
| − | border: none;
| + | |
| − | padding: 10px 16px;
| + | |
| − | line-height: 1.33;
| + | |
| − | text-decoration: none;
| + | |
| − | width:140px; background-color: #F49794;
| + | |
| − | font-family: Raleway;
| + | |
| − | letter-spacing: 1.5px;
| + | |
| − | | + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | .buttonc2 { display: inline-block;
| + | |
| − | margin-bottom: 10px;
| + | |
| − | margin-right: 5px;
| + | |
| − | margin-left: 5px;
| + | |
| − | font-size: 14px;
| + | |
| − | font-weight: normal;
| + | |
| − | line-height: 1.428571429;
| + | |
| − | text-align: center;
| + | |
| − | white-space: nowrap;
| + | |
| − | vertical-align: middle;
| + | |
| − | border: 1px solid transparent;
| + | |
| − | border-radius: 4px;
| + | |
| − | -webkit-user-select: none;
| + | |
| − | -moz-user-select: none;
| + | |
| − | -ms-user-select: none;
| + | |
| − | -o-user-select: none;
| + | |
| − | user-select: none;
| + | |
| − | color: #FFFFFF;
| + | |
| − | border: none;
| + | |
| − | padding: 10px 16px;
| + | |
| − | line-height: 1.33;
| + | |
| − | text-decoration: none;
| + | |
| − | width: 140px; background-color: #61D9D2;
| + | |
| − | font-family: Raleway;
| + | |
| − | letter-spacing: 1.5px;
| + | |
| − | }
| + | |
| − | .buttonc3
| + | |
| − | {
| + | |
| − | display: inline-block;
| + | |
| − | margin-bottom: 10px;
| + | |
| − | margin-right: 5px;
| + | |
| − | margin-left: 5px;
| + | |
| − | font-size: 14px;
| + | |
| − | font-weight: normal;
| + | |
| − | line-height: 1.428571429;
| + | |
| − | text-align: center;
| + | |
| − | white-space: nowrap;
| + | |
| − | vertical-align: middle;
| + | |
| − | border: 1px solid transparent;
| + | |
| − | border-radius: 4px;
| + | |
| − | -webkit-user-select: none;
| + | |
| − | -moz-user-select: none;
| + | |
| − | -ms-user-select: none;
| + | |
| − | -o-user-select: none;
| + | |
| − | user-select: none;
| + | |
| − | color: #FFFFFF;
| + | |
| − | border: none;
| + | |
| − | padding: 10px 16px;
| + | |
| − | line-height: 1.33;
| + | |
| − | text-decoration: none;
| + | |
| − | width: 140px; background-color: #006C93;
| + | |
| − | font-family: Raleway;
| + | |
| − | letter-spacing: 1.5px;
| + | |
| − | }
| + | |
| − | | + | |
| − | #buttonc4
| + | |
| − | {
| + | |
| − | display: inline-block;
| + | |
| − | margin-bottom: 10px;
| + | |
| − | margin-right: 5px;
| + | |
| − | margin-left: 5px;
| + | |
| − | font-size: 14px;
| + | |
| − | font-weight: normal;
| + | |
| − | line-height: 1.428571429;
| + | |
| − | text-align: center;
| + | |
| − | white-space: nowrap;
| + | |
| − | vertical-align: middle;
| + | |
| − | border: 1px solid transparent;
| + | |
| − | border-radius: 4px;
| + | |
| − | -webkit-user-select: none;
| + | |
| − | -moz-user-select: none;
| + | |
| − | -ms-user-select: none;
| + | |
| − | -o-user-select: none;
| + | |
| − | user-select: none;
| + | |
| − | color: #FFFFFF;
| + | |
| − | border: none;
| + | |
| − | padding: 10px 16px;
| + | |
| − | line-height: 1.33;
| + | |
| − | text-decoration: none;
| + | |
| − | width: 140px; background-color: #019966;
| + | |
| − | font-family: Raleway;
| + | |
| − | letter-spacing: 1.5px;
| + | |
| − | }
| + | |
| − | | + | |
| − | .buttonc1:hover {text-decoration: none; background-color: #FE6C68;}
| + | |
| − | .buttonc2:hover {text-decoration: none; background-color: #4EAEA8;}
| + | |
| − | .buttonc3:hover {text-decoration: none; background-color: #1E6073}
| + | |
| − | #buttonc4:hover {text-decoration: none; background-color: #03b576}
| + | |
| − | | + | |
| − | | + | |
| − | /*abstractstyle*/
| + | |
| − | #main {height: 80%;
| + | |
| − | width: 80%;
| + | |
| − | float: left;
| + | |
| − | margin: auto;
| + | |
| − | padding-left: 15%;
| + | |
| − | padding-top: 6%;
| + | |
| − | font-family: Raleway;
| + | |
| − | letter-spacing: 1.2px; line-height: 2;
| + | |
| − | text-align: justify;
| + | |
| − | font-size: 15px;
| + | |
| − | | + | |
| − | }
| + | |
| − |
| + | |
| − | #abstracttext p { line-height: 2; text-align: justify; font-size: 15px;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | /*icons*/
| + | |
| − | @import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css");
| + | |
| − | .glyphicon {
| + | |
| − | font-family: 'Glyphicons Halflings';
| + | |
| − | font-style: normal;
| + | |
| − | font-weight: normal;
| + | |
| − | line-height: 1;
| + | |
| − | font-size: 40px;
| + | |
| − | position: relative;
| + | |
| − | }
| + | |
| − | | + | |
| − | .icon {
| + | |
| − | font-family: 'FontAwesome';
| + | |
| − | font-style: normal;
| + | |
| − | font-weight: normal;
| + | |
| − | line-height: 1;
| + | |
| − | font-size: 50px;
| + | |
| − | position: relative;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | .icondiv {text-align: center; width: 100%; padding-top: 20px; padding-bottom: 20px; color: #F0F0F5;}
| + | |
| − | | + | |
| − | .glyphicon-globe {color: #006C93;}
| + | |
| − | .glyphicon-stats {color: #61D9D2;}
| + | |
| − | .glyphicon-piggy-bank {color: #019966;}
| + | |
| − | .glyphicon-blackboard {color: #104A57;}
| + | |
| − | .icon-user-md {color: #FE6C68;}
| + | |
| − | .icon-group {color: #FFCD55;}
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | /*menu*/
| + | |
| − | | + | |
| − | .fixed-nav-bar {
| + | |
| − | position: fixed;
| + | |
| − | top: 18px;
| + | |
| − | left: 0;
| + | |
| − | z-index: 9999;
| + | |
| − | width: 100%;
| + | |
| − | height: 60px;
| + | |
| − | background: #fff;
| + | |
| − | border-bottom: 1px solid #787172;
| + | |
| − | border-top: 1px solid #787172;
| + | |
| − | font-size: 14px;
| + | |
| − | }
| + | |
| − | | + | |
| − | .menu-items {display: inline-block; width: 100%; text-align: center; margin-top: -10px; margin-left: -25px;
| + | |
| − | }
| + | |
| − | | + | |
| − | .menu-items li {
| + | |
| − | display: inline-block;
| + | |
| − | margin-right: 10px;
| + | |
| − | margin-left: 10px;
| + | |
| − | }
| + | |
| − | .menu-items a {color: #473E4F; text-decoration: none; font-family: Raleway;}
| + | |
| − | | + | |
| − | | + | |
| − | </style>
| + | |
| − | | + | |
| − | </head>
| + | |
| − | | + | |
| − | <body>
| + | |
| − | <div style="clear: both;"></div>
| + | |
| − | <div id="container">
| + | |
| − | | + | |
| − | <nav class="fixed-nav-bar">
| + | |
| − | <div id="menu" class="menu">
| + | |
| − | | + | |
| − | | + | |
| − | <ul class="menu-items">
| + | |
| − | <a href="https://2015.igem.org/Team:UCL/Home"><li>Home</li></a>
| + | |
| − | <a href="https://2015.igem.org/Team:UCL/Description"><li>Project</li></a>
| + | |
| − | <a href="https://2015.igem.org/Team:UCL/Parts"><li>Parts</li></a>
| + | |
| − | <a href="https://2015.igem.org/Team:UCL/Experiments"><li>Experiments & Protocols</li></a>
| + | |
| − | | + | |
| − | <img src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-xpf1/v/t1.0-1/c3.0.160.160/p160x160/11012987_837961202954933_8011043740998938490_n.png?oh=a7923468802678158915746d51d9856f&oe=56338EDF&__gda__=1444695053_c0cc41228f96cc256abdf883df5eb1ca" style="width: 50px; height: 50px; margin-top: 13px;">
| + | |
| − | | + | |
| − | <a href="https://2015.igem.org/Team:UCL/Collaborations"><li>Collaborations</li></a>
| + | |
| − | <a href="https://2015.igem.org/Team:UCL/Notebook"><li>Notebook</li></a>
| + | |
| − | <a href="https://2015.igem.org/Team:UCL/Team"><li>Team</li></a>
| + | |
| − | <a href="https://2015.igem.org/Team:UCL/Interlabstudy"><li>InterLab Study</li></a>
| + | |
| − | </ul>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | | + | |
| − | </nav>
| + | |
| − |
| + | |
| − | | + | |
| − | <div id="main">
| + | |
| | | | |
| | text | | text |