|
|
| (One intermediate revision by the same user not shown) |
| Line 1: |
Line 1: |
| − | <html class='no-js' lang='en'>
| |
| − | <!--<![endif]-->
| |
| − | <head>
| |
| − | <meta charset='utf-8' />
| |
| − | <meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible' />
| |
| − | <title>iGEM TOULOUSE 2015</title>
| |
| − |
| |
| − | <link rel="shortcut icon" href="favicon.ico" />
| |
| − | <link rel="apple-touch-icon" href="favicon.png" />
| |
| − |
| |
| − | <!--CSS 1-->
| |
| − | <style type="text/css">
| |
| − | .mc-hide-scrolls{
| |
| − | overflow:hidden;
| |
| − | }
| |
| − | body .mc-cycle {
| |
| − | height:100%;
| |
| − | left:0;
| |
| − | overflow:hidden;
| |
| − | position:fixed;
| |
| − | top:0;
| |
| − | width:100%;
| |
| − | z-index:-1;
| |
| − | }
| |
| − | div.mc-image {
| |
| − | /*NOTE: Mozilla flickers when fading and using 'all', so we have to be specific with what property we want to transition:
| |
| − | If you are using fading transitions, use 'opacity: */
| |
| − | -webkit-transition: opacity 1s ease-in-out;
| |
| − | -moz-transition: opacity 1s ease-in-out;
| |
| − | -o-transition: opacity 1s ease-in-out;
| |
| − | transition: opacity 1s ease-in-out;
| |
| − | /*If you are using horizontal slide transitions, use the following CSS:
| |
| − | -webkit-transition: left 1s ease-in-out;
| |
| − | -moz-transition: left 1s ease-in-out;
| |
| − | -o-transition: left 1s ease-in-out;
| |
| − | transition: left 1s ease-in-out;*/
| |
| − | -webkit-background-size: cover;
| |
| − | -moz-background-size: cover;
| |
| − | -o-background-size: cover;
| |
| − | background-size: cover;
| |
| − | background-position:center center;
| |
| − | background-repeat:no-repeat;
| |
| − | height:100%;
| |
| − | overflow:hidden;
| |
| − | width:100%;
| |
| − | }
| |
| − | .mc-old-browser .mc-image {
| |
| − | overflow:hidden;
| |
| − | }
| |
| − |
| |
| − | @import url(http://fonts.googleapis.com/css?family=Coustard|Open+Sans);
| |
| | | | |
| − | body {
| |
| − | font-family: 'Open Sans', sans-serif;
| |
| − | font-size: 14px;
| |
| − | line-height: 21px;
| |
| − | font-weight:400;
| |
| − | -webkit-font-smoothing: antialiased;
| |
| − | font-smoothing: antialiased;
| |
| − | color: #777;
| |
| − | background: #000;
| |
| − | }
| |
| − | h1, h2, h3, h4, h5, h6{
| |
| − | font-family: 'Coustard', serif;
| |
| − | color:#fff;
| |
| − | font-weight: normal;
| |
| − | letter-spacing: 1px;
| |
| − | }
| |
| − | h1{font-size: 63px; line-height: 70px; padding: 0; margin: 0;}
| |
| − | h5{font-size: 28px; line-height: 35px; padding: 0; margin: 0; color: #b7b7b7;}
| |
| − |
| |
| − | a {
| |
| − | color: #b7b7b7;
| |
| − | text-decoration:none;
| |
| − | font-weight: normal;
| |
| − | }
| |
| − | a:hover {text-decoration:underline;}
| |
| − |
| |
| − |
| |
| − | #maximage {
| |
| − | display:none;
| |
| − | position:fixed !important;
| |
| − | }
| |
| − |
| |
| − | .gradient {
| |
| − | left:0;
| |
| − | height:100%;
| |
| − | position:absolute;
| |
| − | top:0;
| |
| − | width:100%;
| |
| − | z-index:999;
| |
| − | }
| |
| − |
| |
| − | .show{display: block;}
| |
| − | .hide{opacity: 0;}
| |
| − |
| |
| − | /* Set Page Elements */
| |
| − | .content {
| |
| − | float:left;
| |
| − | margin:40px;
| |
| − | position:absolute;
| |
| − | top:200px;
| |
| − | width:600px;
| |
| − | z-index:9999;
| |
| − | -webkit-font-smoothing:antialiased;
| |
| − | }
| |
| − |
| |
| − | #logo {
| |
| − | font-family: 'Coustard', serif;
| |
| − | font-size: 30px;
| |
| − | bottom:40px;
| |
| − | height:auto;
| |
| − | left:40px;
| |
| − | position:absolute;
| |
| − | width:20%;
| |
| − | z-index:1000;
| |
| − | color: #fff;
| |
| − | }
| |
| − |
| |
| − | .main-nav{
| |
| − | position:absolute;
| |
| − | bottom: 23px;
| |
| − | left:210px;
| |
| − | z-index:1001;
| |
| − | }
| |
| − | .main-nav ul li {
| |
| − | list-style: none;
| |
| − | display: inline;
| |
| − | padding-right: 10px;
| |
| − | padding-left: 10px;
| |
| − | border-left: 1px solid #b7b7b7;
| |
| − | }
| |
| − | .main-nav ul li a.active {color: #ffa800;}
| |
| − |
| |
| − | .social-nav {
| |
| − | position:absolute;
| |
| − | top: 0px;
| |
| − | left: 40px;
| |
| − | }
| |
| − | .social-nav ul {margin: 0; padding:0;}
| |
| − | .social-nav ul li{
| |
| − | list-style: none;
| |
| − | display:block;
| |
| − | float: left;
| |
| − | background: #393939;
| |
| − | padding:100px 10px 5px 10px;
| |
| − | margin: 1px;
| |
| − | opacity: .5;
| |
| − | }
| |
| − | .social-nav ul li:hover {opacity: 1;}
| |
| − |
| |
| − | button.full-screen{
| |
| − | position: absolute;
| |
| − | top: 0;
| |
| − | right: 0;
| |
| − | width: 31px;
| |
| − | height: 31px;
| |
| − | border: 0;
| |
| − | cursor: pointer;
| |
| − | opacity: .7;
| |
| − | }
| |
| − | button.full-screen:hover {opacity: 1;}
| |
| − |
| |
| − | #arrow_left, #arrow_right {
| |
| − | bottom:30px;
| |
| − | height:42px;
| |
| − | position:absolute;
| |
| − | right:40px;
| |
| − | width:42px;
| |
| − | z-index:1000;
| |
| − | }
| |
| − | #arrow_left {
| |
| − | right:95px;
| |
| − | }
| |
| − | </style>
| |
| − | </head>
| |
| − | </html>
| |