|
|
Line 4: |
Line 4: |
| <html> | | <html> |
| <style> | | <style> |
| + | .background { |
| + | position : relative; |
| + | background : rgb(255,0,99); |
| + | } |
| | | |
| #topheader { | | #topheader { |
- | margin-left : 20%;
| + | width : 100%; |
- | width : 60%; | + | height : 300px; |
- | height : 400px; | + | |
| margin-top : 40px; | | margin-top : 40px; |
| + | background-image : url("https://static.igem.org/mediawiki/2014/5/53/Sweat_it.png"); |
| + | background-size : cover; |
| + | background-color : transparent; |
| } | | } |
| | | |
- | p {
| + | .separation { |
- | text-align : justify;
| + | width : 100%; |
- | text-indent : 3em;
| + | height : 300px; |
- | color : rgb(0,0,0);
| + | background : transparent; |
- | margin-left : 2%;
| + | |
- | margin-right : 2%;
| + | |
| } | | } |
- | #PBlogo {
| |
- | float : left;
| |
- | width: 122px;
| |
- | margin-left : 23%;
| |
- | }
| |
- |
| |
| | | |
| h2 { | | h2 { |
| font-family : Times; | | font-family : Times; |
- | font-size : 30px; | + | font-size : 30px; |
- | margin-left : 40%;
| + | width : 150px; |
| + | margin-left : auto; |
| + | margin-right : auto; |
| + | background-color : transparent; |
| } | | } |
| | | |
- | #shadow {
| + | p { |
- | margin-left : 2%;
| + | margin-left : 200px; |
- | float : left;
| + | margin-right : 200px; |
- | border-radius : 5px;
| + | text-align : justify; |
- | box-shadow : -1px 2px 10px 3px rgb(190,190,190) inset;
| + | text-indent : 10px; |
- | }
| + | background-color : transparent; |
| + | } |
| | | |
- | #menu-accordeon {
| |
- | padding:0;
| |
- | margin:0;
| |
- | list-style:none;
| |
- | width: 180px;
| |
- | }
| |
- | #menu-accordeon ul {
| |
- | padding:0;
| |
- | margin:0;
| |
- | list-style:none;
| |
- | }
| |
| | | |
- | #menu-accordeon li {
| |
- | border-radius: 6px;
| |
- | margin-bottom:2px;
| |
- | }
| |
- |
| |
- | #menu-accordeon li li {
| |
- | max-height:0;
| |
- | overflow: hidden;
| |
- | transition: all .5s;
| |
- | border-radius:0;
| |
- | box-shadow: none;
| |
- | border:none;
| |
- | margin-left : 20px;
| |
- | }
| |
- | #menu-accordeon a {
| |
- | display:block;
| |
- | text-decoration: none;
| |
- | color: rgb(0,0,0);
| |
- | padding: 8px 0;
| |
- | font-family: verdana;
| |
- | }
| |
- |
| |
- |
| |
- | #menu-accordeon ul li:last-child {
| |
- | border-radius: 0 0 6px 6px;
| |
- | border:none;
| |
- | }
| |
- | #menu-accordeon li:hover li {
| |
- | max-height: 15em;
| |
- | }
| |
| </style> | | </style> |
| + | <body> |
| + | <div class=background> |
| + | <div id="topheader"></div> |
| + | <h2>Don't sweat it</h2> |
| | | |
| | | |
- | <head>
| |
| | | |
- | <!-- Upload : https://2014.igem.org/Special:Upload-->
| |
- |
| |
- | <div id="topheader">
| |
- |
| |
- | <img id="PBlogo" src="https://static.igem.org/mediawiki/2013/3/3a/PB_logoParis.gif"/>
| |
- |
| |
- | <h2>Paris Bettencourt 2014</h2>
| |
| | | |
| + | <p> |
| + | </p> |
| + | <div class=separation></div> |
| </div> | | </div> |
- |
| |
- |
| |
- | </head>
| |
- |
| |
- | <body>
| |
- | <div id="shadow">
| |
- | <ul id="menu-accordeon">
| |
- | <li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Project/Odor_Library">+ Odor Library</a></li>
| |
- | <li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Project/Old_People_Smell">+ Old People Smell</a></li>
| |
- | <li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Project/TMAU">+ TMAU</a></li>
| |
- | <li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Project/Foot_Odor" id="link">+ Foot Odor</a></li>
| |
- | <li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Project/Eliminate_Smell" id="link">+ Eliminate Smell</a></li>
| |
- | <li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Project/Gym_Class_Heroes" id="link">+ Gym Class Heroes</a></li>
| |
- | <li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Project/Interlab_Study" id="link">+ Interlab Study</a></li>
| |
- | </ul>
| |
- | </div>
| |
| </body> | | </body> |
- |
| |
| </html> | | </html> |