|
|
| (130 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| | + | {{:Team:Paris_Bettencourt/Wiki}} |
| | + | {{:Team:Paris_Bettencourt/Menu}} |
| | + | <body> |
| | <html> | | <html> |
| - | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> | + | <style> |
| - | </html>
| + | #pagebanner { |
| - | | + | width:1100px; |
| - | <html>
| + | height:220px; |
| - | <head>
| + | background-image:url('https://static.igem.org/mediawiki/2013/2/2b/PB_ProjectBanner.jpg'); |
| - | | + | margin-top:0; |
| - | <meta name="description" content="" />
| + | border-bottom:4px solid rgba(228,45,51,0.9); |
| - | <meta name="keywords" content="" />
| + | background-size:cover; |
| - | <title>iGEM Paris Bettencourt 2013</title>
| + | |
| - | <meta http-equiv="content-type" content="text/html; charset=utf-8" />
| + | |
| - | | + | |
| - | <style type="text/css">
| + | |
| - | | + | |
| - | 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 ####### */
| |
| - |
| |
| - | /* Body */
| |
| - | body {
| |
| - | color: #2c2b2b;
| |
| - | /*line-height: 1em;*/
| |
| - | background: #FFFFFF;
| |
| - | }
| |
| - | body,input {
| |
| - | font-family: Cambria, serif;
| |
| - | font-size: 12px;
| |
| - | }
| |
| - |
| |
| - | /* Headers */
| |
| - | h1,h2,h3,h4 {
| |
| - | font-weight: normal;
| |
| - | letter-spacing: 0 px;
| |
| - | border-bottom:none;
| |
| - | /*line-height: 25px;*/
| |
| - | }
| |
| - |
| |
| - | h2 {
| |
| - | color: #990000; /* */
| |
| - | border-bottom: 1px solid;
| |
| - | /*font-weight: bold;*/
| |
| - | }
| |
| - |
| |
| - | h3,h4 {
| |
| - | color: #333333; /* */
| |
| - | /*margin-bottom: 1em;
| |
| - | position:relative;
| |
| - | left:25px;*/
| |
| - | }
| |
| - |
| |
| - | /* Paragraphs */
| |
| - | p {
| |
| - | margin-bottom: 2px;
| |
| - | width:95%;
| |
| - | }
| |
| - |
| |
| - | strong {
| |
| - | /*color: #2C2B2B;*/
| |
| - | font-weight: bolder;
| |
| - | }
| |
| - | br.clearfix {
| |
| - | clear: both;
| |
| - | }
| |
| - |
| |
| - | /* a */
| |
| - | a {
| |
| - | text-decoration:none;
| |
| - | color: #559DD5;
| |
| - | }
| |
| - | a:visited {
| |
| - | color: #559DD5;
| |
| - | }
| |
| - | a:hover {
| |
| - | text-decoration: none;
| |
| - | }
| |
| - |
| |
| - | /* Images */
| |
| - | img.alignleft {
| |
| - | margin: 5px 20px 20px 0;
| |
| - | float: left;
| |
| - | }
| |
| - | img.aligntop {
| |
| - | margin: 5px 0 20px 0;
| |
| - | }
| |
| - | img.pic {
| |
| - | padding: 5px;
| |
| - | border: solid 1px #D4D4D4;
| |
| - | }
| |
| - |
| |
| - | /* === Extra Stuff === */
| |
| - | /* Page top title */
| |
| - | #grouptitle {
| |
| - | text-align:center;
| |
| - | font-size:2.75em;
| |
| - | font-weight:bold;
| |
| - | margin: -30px auto 30px;
| |
| - | color:#272727;
| |
| - | line-height: 1.2;
| |
| - | }
| |
| - |
| |
| - | /*
| |
| - | 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;
| |
| - | }
| |
| - |
| |
| | </style> | | </style> |
| - | </head> | + | <div id="pagebanner"></div> |
| | </html> | | </html> |
| - |
| |
| - | <html>
| |
| - | <body>
| |
| - |
| |
| - | <p id="back-top">
| |
| - | <a href="#top"><span></span>Back to Top</a>
| |
| - | </p>
| |
| - |
| |
| - | <h1>Heading 1</h1>
| |
| - | <p> some text </p>
| |
| - | <h2> Heading 2 </h2>
| |
| - | <h3> Heading 3 </h3>
| |
| - | <h4> Heading 4 </h4>
| |
| - |
| |
| - | </body>
| |
"
