Team:Paris Bettencourt/header
From 2013.igem.org
(Difference between revisions)
Line 20: | Line 20: | ||
<title>iGEM Paris Bettencourt 2013</title> | <title>iGEM Paris Bettencourt 2013</title> | ||
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> | <meta http-equiv="content-type" content="text/html; charset=utf-8" /> | ||
- | <link rel="stylesheet" type="text/css" href="https://2013.igem.org/wiki/index.php?title=Team:Paris_Bettencourt/css/style.css&action=purge&direction=cur&action=raw&ctype=text/css"/> | + | <!--<link rel="stylesheet" type="text/css" href="https://2013.igem.org/wiki/index.php?title=Team:Paris_Bettencourt/css/style.css&action=purge&direction=cur&action=raw&ctype=text/css"/>--> |
+ | <style type="text/css"> | ||
+ | /* | ||
+ | Design by Free CSS Templates | ||
+ | http://www.freecsstemplates.org | ||
+ | Released for free under a Creative Commons Attribution 3.0 License | ||
+ | |||
+ | Name : Big Business 2.0 | ||
+ | Description: A two-column, fixed-width design with a bright color scheme. | ||
+ | Version : 1.0 | ||
+ | Released : 20120624 | ||
+ | */ | ||
+ | |||
+ | /* | ||
+ | div.thumb { | ||
+ | border: 1px solid; | ||
+ | padding: 20px 0px; | ||
+ | width: auto; | ||
+ | margin: 0px 15px; | ||
+ | } | ||
+ | |||
+ | div.thumb div { | ||
+ | border:none | ||
+ | } | ||
+ | */ | ||
+ | div.thumb div a img { | ||
+ | background-color:white; | ||
+ | padding: 6px 0px; | ||
+ | } | ||
+ | |||
+ | #globalWrapper {/* the wiki */ | ||
+ | background-color: rgba(0, 0, 0, 0.1); | ||
+ | background-image:url(''); | ||
+ | width : 100% | ||
+ | } | ||
+ | #top-section{/* the igem flag + top menu)*/ | ||
+ | height: auto; | ||
+ | margin-top: 0 px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | margin-bottom: 0 !important; | ||
+ | /* margin-bottom: 10px; */ | ||
+ | padding:0; | ||
+ | border: none; | ||
+ | display: display; | ||
+ | } | ||
+ | #p-logo{/*le conteneur de la banière igem avec un lien vers igem*/ | ||
+ | display:none; | ||
+ | border:none; | ||
+ | margin:none; | ||
+ | } | ||
+ | #menubar{/* la barre de menu du haut */ | ||
+ | background-color:transparent; | ||
+ | } | ||
+ | #menubar a{/*les lien de la barre de menu du haut */ | ||
+ | text-decoration:none; | ||
+ | color:black; | ||
+ | background:transparent; | ||
+ | } | ||
+ | .left-menu{/* le menu de haut gauche */ | ||
+ | background-color:transparent; | ||
+ | /*display:none;*/ | ||
+ | } | ||
+ | |||
+ | .right-menu{/* le menu de login haut droite*/ | ||
+ | color:#ffffff; | ||
+ | text-decoration:none; | ||
+ | background-color:transparent; | ||
+ | } | ||
+ | .right-menu a{/* les lien du login */ | ||
+ | color:#ffffff; | ||
+ | text-decoration:transparent; | ||
+ | background-color:transparent; | ||
+ | } | ||
+ | #search-controls{/* la barre de recherche*/ | ||
+ | display:none; | ||
+ | } | ||
+ | #content{/* le body de la page*/ | ||
+ | border:none; | ||
+ | padding:none; | ||
+ | margin:none; | ||
+ | z-index:0; | ||
+ | line-height:1; | ||
+ | width: 1000px; | ||
+ | background : transparent; | ||
+ | } | ||
+ | .firstHeading {/*titre de page */ | ||
+ | display:none; | ||
+ | border: none; | ||
+ | } | ||
+ | #bodyContent{/* contenu de page*/ | ||
+ | background-color: white; | ||
+ | border:none; | ||
+ | border-color:none; | ||
+ | padding:none; | ||
+ | margin:none; | ||
+ | } | ||
+ | |||
+ | #footer-wrapper{ | ||
+ | position: absolute; | ||
+ | width: 941px; | ||
+ | left: -1px; | ||
+ | margin-top:20px; | ||
+ | margin-bottom:30px; | ||
+ | padding: 7px 15px 7px 15px; | ||
+ | background-color:#ffffff; | ||
+ | /*border: 1px solid black;*/ | ||
+ | } | ||
+ | |||
+ | #footer-box{/* la boite en bas de page*/ | ||
+ | /*display: none;*/ | ||
+ | width:955px; | ||
+ | border:none; | ||
+ | background:none; | ||
+ | position:relative; | ||
+ | bottom:-120px; | ||
+ | margin-bottom: 10px; | ||
+ | } | ||
+ | |||
+ | #catlinks{/* le cadre sous le body useless */ | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | /* ####### fin du wiki hack ####### */ | ||
+ | |||
+ | a { | ||
+ | text-decoration:none; | ||
+ | color: #990000; | ||
+ | } | ||
+ | a:visited { | ||
+ | color: #559DD5; | ||
+ | } | ||
+ | |||
+ | a:hover { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | color: #2c2b2b; | ||
+ | line-height: 1.75em; | ||
+ | background: #FFFFFF; | ||
+ | } | ||
+ | |||
+ | body,input { | ||
+ | font-family: Cambria, serif; | ||
+ | } | ||
+ | |||
+ | code{ | ||
+ | font-family : Consolas,'Courier New',Courier,monospace; | ||
+ | } | ||
+ | |||
+ | strong { | ||
+ | /*color: #2C2B2B;*/ | ||
+ | font-weight: bolder; | ||
+ | } | ||
+ | |||
+ | br.clearfix { | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | h1,h2,h3,h4 { | ||
+ | font-weight: normal; | ||
+ | letter-spacing: 0 px; | ||
+ | border-bottom:none; | ||
+ | /*line-height: 25px;*/ | ||
+ | } | ||
+ | |||
+ | h2 { | ||
+ | color: #990000; /* */ | ||
+ | border-bottom: 2px solid; | ||
+ | font-size: 400%; | ||
+ | /*font-weight: bold;*/ | ||
+ | } | ||
+ | |||
+ | h3 { | ||
+ | color: #990000; /* */ | ||
+ | font-size: 300%; | ||
+ | /*margin-bottom: 1em; | ||
+ | position:relative; | ||
+ | left:25px;*/ | ||
+ | } | ||
+ | |||
+ | h4 { | ||
+ | color: #990000; /* */ | ||
+ | font-size: 200%; | ||
+ | } | ||
+ | |||
+ | img.alignleft { | ||
+ | margin: 5px 20px 20px 0; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | img.aligntop { | ||
+ | margin: 5px 0 20px 0; | ||
+ | } | ||
+ | |||
+ | img.pic { | ||
+ | padding: 5px; | ||
+ | border: solid 1px #D4D4D4; | ||
+ | } | ||
+ | |||
+ | p { | ||
+ | margin-bottom: 2px; | ||
+ | width:95%; | ||
+ | } | ||
+ | |||
+ | ul{ | ||
+ | margin : 0 1.5em 1.5em 2.5em; | ||
+ | padding : 0; | ||
+ | list-style-type:disc; | ||
+ | list-style-image:none; | ||
+ | } | ||
+ | |||
+ | ul.disc{ | ||
+ | list-style-type:disc; | ||
+ | } | ||
+ | |||
+ | ul h4 { | ||
+ | margin-bottom: 0.35em; | ||
+ | } | ||
+ | |||
+ | .box { | ||
+ | overflow: hidden; | ||
+ | margin-bottom: 1em; | ||
+ | } | ||
+ | |||
+ | .date-list{ | ||
+ | list-style:none; | ||
+ | position:relative; | ||
+ | left:-10px; | ||
+ | line-height:1.8; | ||
+ | } | ||
+ | |||
+ | .date { | ||
+ | background: rgb(176,18,31) /*#6E6E6E*/; | ||
+ | padding: 5px 6px 5px 6px; | ||
+ | margin: 0 6px 0 0; | ||
+ | color: #FFFFFF; | ||
+ | font-size: 0.8em; | ||
+ | border-radius: 2px; | ||
+ | list-style-type:none; | ||
+ | } | ||
+ | |||
+ | #content1 { | ||
+ | width: 70%; | ||
+ | float: left; | ||
+ | left:-30px | ||
+ | padding: 20px; | ||
+ | line-height:1; | ||
+ | } | ||
+ | |||
+ | #content-box1 { | ||
+ | width: 320px; | ||
+ | float: left; | ||
+ | |||
+ | } | ||
+ | |||
+ | #content-box2 { | ||
+ | margin: 0 0 0 345px; | ||
+ | width: 320px; | ||
+ | } | ||
+ | |||
+ | #footer1 { | ||
+ | margin: 40px 0 120px 0; | ||
+ | text-align: center; | ||
+ | color: #8C8B8B; | ||
+ | text-shadow: 0 1px 0 #FFFFFF; | ||
+ | } | ||
+ | |||
+ | #footer1 a { | ||
+ | color: #8C8B8B; | ||
+ | } | ||
+ | |||
+ | |||
+ | #header { | ||
+ | height: 75px; | ||
+ | /* background: #000066; blue */ /*#6E6E6E url(images/img03.jpg) top left no-repeat*/; | ||
+ | padding: 45px; | ||
+ | margin-top:20px; | ||
+ | } | ||
+ | |||
+ | #logo { | ||
+ | /*line-height: 160px; | ||
+ | height: 160px; | ||
+ | padding: 5px 0 0 0; | ||
+ | position: absolute; | ||
+ | top: 0px; | ||
+ | /*left: 45px;*/*/ | ||
+ | } | ||
+ | |||
+ | #logo a { | ||
+ | text-decoration: none; | ||
+ | color: #FFFFFF; | ||
+ | text-shadow: 0 1px 1px #3E3E3E; | ||
+ | } | ||
+ | |||
+ | #logo h1 { | ||
+ | font-size: 3.25em; | ||
+ | } | ||
+ | |||
+ | #slogan { | ||
+ | line-height: 160px; | ||
+ | height: 160px; | ||
+ | padding: 5px 0 0 0; | ||
+ | position: absolute; | ||
+ | right: 45px; | ||
+ | top: 0; | ||
+ | } | ||
+ | |||
+ | #slogan h2 { | ||
+ | color: rgba(228,150,30,0.9) /* --> Jaune#BEBEBE*/; | ||
+ | font-size: 1.25em; | ||
+ | /*text-shadow: 0 1px 1px #3E3E3E;*/ | ||
+ | } | ||
+ | |||
+ | #menubarbleu { | ||
+ | background: #559DD5 /*bleu menu*/ /*#209D9D url(images/img02.gif) repeat-x top left*/; | ||
+ | height: 60px; | ||
+ | border-top: solid 1px #e7f2fa /*#5AD7D7*/; | ||
+ | border-bottom: solid 1px #1d5b8a /*#1C7575*/; | ||
+ | text-shadow: 0 1px 1px #10304a /*#007D7D*/; | ||
+ | |||
+ | } | ||
+ | |||
+ | #menubarbleu.sticky{ | ||
+ | position : fixed; | ||
+ | top:0; | ||
+ | /* width:965px;*/ | ||
+ | } | ||
+ | |||
+ | #menubarbleu ul { | ||
+ | list-style: none; | ||
+ | padding-top: 12px; | ||
+ | position: relative; | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | #menubarbleu ul li { | ||
+ | padding: 5px 10px; | ||
+ | margin-right: 10px; | ||
+ | display: inline-block; | ||
+ | |||
+ | } | ||
+ | |||
+ | #menubarbleu ul li a, #menubarbleu ul li span { | ||
+ | text-decoration: none; | ||
+ | color: #FFFFFF; | ||
+ | letter-spacing: 0px; | ||
+ | font-size: 1.2em; | ||
+ | } | ||
+ | |||
+ | #menubarbleu ul li span b { | ||
+ | display: inline-block; | ||
+ | border-left: 6px solid transparent; | ||
+ | border-right: 6px solid transparent; | ||
+ | border-top: 7px solid #1d6094 /*#1C7575*/; | ||
+ | margin-left: 8px; | ||
+ | position: relative; | ||
+ | top: -1px; | ||
+ | } | ||
+ | |||
+ | #menubarbleu ul li.active { | ||
+ | background: rgb(29,96,148) /*#1C7575*/; | ||
+ | border-top: solid 1px #1d5b8a /*#1A6B6B*/; | ||
+ | border-bottom: solid 1px #e7f2fa /*#5AD7D7*/; | ||
+ | border-radius: 3px; | ||
+ | padding-top: 4px; | ||
+ | padding-bottom: 4px; | ||
+ | } | ||
+ | |||
+ | #menubarbleu ul li.active span b { | ||
+ | border-top-color: #165E5E; | ||
+ | } | ||
+ | |||
+ | #grouptitle { | ||
+ | text-align:center; | ||
+ | font-size:2.75em; | ||
+ | font-weight:bold; | ||
+ | margin: -30px auto 30px; | ||
+ | color:#272727; | ||
+ | line-height: 1.2; | ||
+ | } | ||
+ | |||
+ | .dropotron { | ||
+ | background: #559DD5; | ||
+ | border-top: solid 1px #e7f2fa; /* + clair*/ | ||
+ | border-bottom: solid 1px #1d5b8a ; /* + sombre*/ | ||
+ | text-shadow: 0 1px 1px #10304a; /* ++ sombre*/ | ||
+ | list-style: none; | ||
+ | margin: 0; | ||
+ | padding: 15px 10px 15px 10px; | ||
+ | min-width: 200px; | ||
+ | border-radius: 6px; | ||
+ | box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.2); | ||
+ | line-height:2em; | ||
+ | |||
+ | } | ||
+ | |||
+ | .dropotron a, .dropotron span { | ||
+ | color: #FFFFFF; | ||
+ | text-decoration: none; | ||
+ | letter-spacing: 0px; | ||
+ | display: block; | ||
+ | width: 100%; | ||
+ | position: relative; | ||
+ | font-size:11.5pt; | ||
+ | } | ||
+ | |||
+ | .dropotron span b { | ||
+ | display: inline-block; | ||
+ | border-top: 6px solid transparent; | ||
+ | border-bottom: 6px solid transparent; | ||
+ | border-left: 7px solid rgb(29,96,148) /*#1C7575*/; | ||
+ | position: absolute; | ||
+ | right: 0px; | ||
+ | top: 4px; | ||
+ | } | ||
+ | |||
+ | .dropotron li:hover span b { | ||
+ | border-left-color: #1d5b8a /*#165E5E*/; | ||
+ | } | ||
+ | |||
+ | .dropotron li { | ||
+ | padding: 3px 10px 3px 10px; | ||
+ | margin: 2px 0 2px 0; | ||
+ | border-radius: 3px; | ||
+ | } | ||
+ | |||
+ | .dropotron li:hover, .dropotron li.active { | ||
+ | padding-top: 2px; | ||
+ | padding-bottom: 2px; | ||
+ | background: rgba(43,133,203,0.8) /*rgba(28,117,117,0.9)*/; | ||
+ | border-top: solid 1px #1d5b8a /* #1A6B6B*/; | ||
+ | border-bottom: solid 1px #e7f2fa /*#5AD7D7*/; | ||
+ | } | ||
+ | |||
+ | .dropotron-level-1 { | ||
+ | border-top-left-radius: 0; | ||
+ | border-top-right-radius: 0; | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | Back to top button | ||
+ | http://webdesignerwall.com/tutorials/animated-scroll-to-top | ||
+ | */ | ||
+ | #back-top { | ||
+ | position: fixed; | ||
+ | bottom: 30px; | ||
+ | margin-left: 1000px; | ||
+ | } | ||
+ | #back-top a { | ||
+ | width: 80px; | ||
+ | display: block; | ||
+ | text-align: center; | ||
+ | font: 11px/100% Arial, Helvetica, sans-serif; | ||
+ | text-transform: uppercase; | ||
+ | text-decoration: none; | ||
+ | color: #bbb; | ||
+ | /* background color transition */ | ||
+ | -webkit-transition: 1s; | ||
+ | -moz-transition: 1s; | ||
+ | transition: 1s; | ||
+ | } | ||
+ | #back-top a:hover { | ||
+ | color: #000; | ||
+ | } | ||
+ | /* arrow icon (span tag) */ | ||
+ | #back-top span { | ||
+ | width: 80px; | ||
+ | height: 80px; | ||
+ | display: block; | ||
+ | margin-bottom: 7px; | ||
+ | background: #ddd url() no-repeat center center; | ||
+ | /* rounded corners */ | ||
+ | -webkit-border-radius: 15px; | ||
+ | -moz-border-radius: 15px; | ||
+ | border-radius: 15px; | ||
+ | /* background color transition */ | ||
+ | -webkit-transition: 1s; | ||
+ | -moz-transition: 1s; | ||
+ | transition: 1s; | ||
+ | } | ||
+ | #back-top a:hover span { | ||
+ | background-color: #777; | ||
+ | } | ||
+ | |||
+ | #page { | ||
+ | padding: 45px 45px 0px 45px; | ||
+ | text-align:justify; | ||
+ | |||
+ | } | ||
+ | |||
+ | #page .section-list { | ||
+ | list-style: none; | ||
+ | padding-left: 0; | ||
+ | } | ||
+ | |||
+ | #page .section-list li { | ||
+ | clear: both; | ||
+ | padding: 30px 0 30px 0; | ||
+ | } | ||
+ | |||
+ | /*#page ul { | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | #page ul li { | ||
+ | border-top: dotted 1px #C4C4C4; | ||
+ | padding: 15px 0 15px 0; | ||
+ | } | ||
+ | |||
+ | #page ul li.first { | ||
+ | padding-top: 0; | ||
+ | border-top: 0; | ||
+ | } | ||
+ | */ | ||
+ | |||
+ | #page-bottom { | ||
+ | position: relative; | ||
+ | margin: 0; | ||
+ | background: #6E6E6E url(images/img03.jpg) top left no-repeat; | ||
+ | border: solid 1px #7E7E7E; | ||
+ | width: 888px; | ||
+ | padding: 45px 45px 0 45px; | ||
+ | color: #DCDCDC; | ||
+ | border-bottom-left-radius: 5px; | ||
+ | border-bottom-right-radius: 5px; | ||
+ | text-shadow: 0 1px 1px #444444; | ||
+ | } | ||
+ | |||
+ | #page-bottom a { | ||
+ | color: #F5F5F5; | ||
+ | } | ||
+ | |||
+ | #page-bottom h2, #page-bottom h3, #page-bottom h4 { | ||
+ | color: #FFFFFF; | ||
+ | } | ||
+ | |||
+ | #page-bottom ul { | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | #page-bottom ul li { | ||
+ | border-top: dotted 1px #8F8F8F; | ||
+ | padding: 15px 0 15px 0; | ||
+ | } | ||
+ | |||
+ | #page-bottom ul li.first { | ||
+ | padding-top: 0; | ||
+ | border-top: 0; | ||
+ | } | ||
+ | |||
+ | #page-bottom-content { | ||
+ | width: 665px; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | #page-bottom-sidebar { | ||
+ | width: 200px; | ||
+ | margin: 0 0 0 690px; | ||
+ | } | ||
+ | |||
+ | #search input.form-submit { | ||
+ | margin-left: 1em; | ||
+ | color: #FFFFFF; | ||
+ | padding: 10px; | ||
+ | background: #2FACAC; | ||
+ | border: 0; | ||
+ | } | ||
+ | |||
+ | #search input.form-text { | ||
+ | border: solid 1px #8F8F8F; | ||
+ | padding: 10px; | ||
+ | } | ||
+ | |||
+ | #sidebar { | ||
+ | width: 20%; | ||
+ | padding: 20px; | ||
+ | /*margin: 0 0 0 690px;*/ | ||
+ | left:-10px; | ||
+ | float:right; | ||
+ | position:relative; | ||
+ | top:-15px; | ||
+ | text-align:left; | ||
+ | } | ||
+ | |||
+ | #slider { | ||
+ | position: relative; | ||
+ | margin: 45px 45px 0px 45px; | ||
+ | width: 890px; | ||
+ | } | ||
+ | |||
+ | #slider .viewer { | ||
+ | width: 890px; | ||
+ | height: 250px; | ||
+ | border: solid 1px #D4D4D4; | ||
+ | border-radius: 3px; | ||
+ | } | ||
+ | |||
+ | #slider .slide { | ||
+ | width: 890px; | ||
+ | height: 250px; | ||
+ | padding: 10px; | ||
+ | } | ||
+ | |||
+ | #slider .indicator { | ||
+ | position: relative; | ||
+ | z-index: 1; | ||
+ | text-align: center; | ||
+ | margin: 20px 0 0 0; | ||
+ | } | ||
+ | |||
+ | #slider .indicator span { | ||
+ | display: inline-block; | ||
+ | text-indent: -9999em; | ||
+ | width: 12px; | ||
+ | height: 12px; | ||
+ | background: #E3DFDF; | ||
+ | border-radius: 6px; | ||
+ | margin: 0 2px 0 2px; | ||
+ | } | ||
+ | |||
+ | #slider .indicator span.active { | ||
+ | background: #6E6E6E; | ||
+ | } | ||
+ | |||
+ | #wrapper { | ||
+ | border-radius:10px; | ||
+ | box-shadow: 0px 5px 20px 2px rgba(0,0,0,0.1); | ||
+ | font-size:11.5pt; | ||
+ | background:#FFFFFF; | ||
+ | } | ||
+ | </style> | ||
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.js"></script> | <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.js"></script> | ||
<script type="text/javascript" src="https://2012.igem.org/Team:Paris_Bettencourt/js/drop?action=raw&ctype=text/javascript"></script> | <script type="text/javascript" src="https://2012.igem.org/Team:Paris_Bettencourt/js/drop?action=raw&ctype=text/javascript"></script> |
Revision as of 17:13, 30 July 2013
iGEM Paris Bettencourt 2013