|
|
| Line 1: |
Line 1: |
| - | <!-- TEMPLATE -->
| |
| | | | |
| - | <html>
| |
| - | <link href="http://as.coquel.free.fr/zoombox/zoombox.css" rel="stylesheet" type="text/css" />
| |
| - | <style type="text/css">
| |
| - |
| |
| - |
| |
| - | /************* MEDIAWIKI CSS ************/
| |
| - |
| |
| - | input.searchButton {
| |
| - | background:none repeat scroll 0 0 transparent;
| |
| - | border:medium none;
| |
| - | color: #333333;
| |
| - | font-size:100%;
| |
| - | font-weight:bold;
| |
| - | margin:1px 10px 0;
| |
| - | }
| |
| - |
| |
| - | #search-controls {
| |
| - | margin-top: 40px;
| |
| - | display: block;
| |
| - | background: none;
| |
| - | position: absolute;
| |
| - | }
| |
| - |
| |
| - | .left-menu {
| |
| - | width: 300px;
| |
| - | margin-top: -75px;
| |
| - | border: none;
| |
| - | }
| |
| - |
| |
| - | .left-menu ul {
| |
| - | border: none;
| |
| - | }
| |
| - |
| |
| - | #searchform {
| |
| - | background: none;
| |
| - | display: block;
| |
| - | float: right;
| |
| - | }
| |
| - |
| |
| - | #menubar.right-menu {
| |
| - | width: 300px;
| |
| - | display: block;
| |
| - | float: left;
| |
| - | margin-top: -75px;
| |
| - | border: none;
| |
| - | }
| |
| - |
| |
| - | .right-menu ul {
| |
| - | border: none;
| |
| - | }
| |
| - |
| |
| - | #top-section {
| |
| - | height: 0px;
| |
| - | width: 970px;
| |
| - | margin-top: 0px;
| |
| - | margin-bottom: 0px;
| |
| - | margin-left: auto;
| |
| - | padding:0;
| |
| - | position: relative;
| |
| - | border: none;
| |
| - | }
| |
| - |
| |
| - | #p-logo {
| |
| - | height: 0px;
| |
| - | overflow: hidden;
| |
| - | display: none;
| |
| - | border: none;
| |
| - | }
| |
| - |
| |
| - | #footer-box {
| |
| - | border: 0;
| |
| - | width: 970px;
| |
| - | margin-left: auto;
| |
| - | margin-right: auto;
| |
| - | padding: 0;
| |
| - | border: 1px solid #444444;
| |
| - |
| |
| - | /* background: [[Image:banner2.jpg]] */
| |
| - | font-size: 11px;
| |
| - | }
| |
| - |
| |
| - | .firstHeading {
| |
| - | display: none;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | ol.references {
| |
| - | text-align: left;
| |
| - | font-size: smaller;
| |
| - | }
| |
| - |
| |
| - | ul.references {
| |
| - | text-align: left;
| |
| - | font-size: smaller;
| |
| - | }
| |
| - |
| |
| - | /*reset*/
| |
| - | p {
| |
| - | display:none;
| |
| - | margin:0;
| |
| - | }
| |
| - |
| |
| - | .editsection {
| |
| - | font-size: 100%;
| |
| - | font-weight: normal;
| |
| - | font-color:#b0310e;
| |
| - | }
| |
| - |
| |
| - | ol.references > li:target {
| |
| - | background-color: #def;
| |
| - | }
| |
| - |
| |
| - | /* hide table of contents */
| |
| - | #toc {
| |
| - | display: none;
| |
| - | }
| |
| - |
| |
| - | h1 {
| |
| - | font-size: 160%;
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - | /************* GENERAL CSS ************/
| |
| - |
| |
| - |
| |
| - |
| |
| - | body {
| |
| - | background: #CCCCCC url(https://static.igem.org/mediawiki/2010/2/26/Background.png);
| |
| - | width: auto;
| |
| - | text-align: justify;
| |
| - | font-family: Verdana, Arial, Helvetica, sans-serif;
| |
| - | color: #333333;
| |
| - | }
| |
| - |
| |
| - | h1, h2, h3, h4, h5, h6 {
| |
| - | font-family: Georgia, "Times New Roman", Times, serif;
| |
| - | color: #000000;
| |
| - | }
| |
| - |
| |
| - | a {
| |
| - | font-weight: bold;
| |
| - | text-decoration: none;
| |
| - | color: #484848 ;
| |
| - | }
| |
| - |
| |
| - | a:visited {
| |
| - | font-weight: bold;
| |
| - | text-decoration: none;
| |
| - | color: #303030;
| |
| - | }
| |
| - |
| |
| - | a:hover {
| |
| - | text-decoration: underline;
| |
| - | color: #484848 ;
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - | /************* HEADER STUFF ************/
| |
| - |
| |
| - |
| |
| - |
| |
| - | #header {
| |
| - | width: 970px;
| |
| - | border-top: 1px solid #444444;
| |
| - | height: 140px;
| |
| - | background: #FFFBFD url(https://static.igem.org/mediawiki/2010/0/03/Bannière_last-01.jpg);
| |
| - | }
| |
| - |
| |
| - | #header h1 {
| |
| - | margin: 0px;
| |
| - | padding: 0px 0px 0px 10px;
| |
| - | text-align: left;
| |
| - | color: #3399FF;
| |
| - | font-size: 3em;
| |
| - | text-transform: uppercase;
| |
| - | }
| |
| - |
| |
| - | #header h2 {
| |
| - | margin: 0px;
| |
| - | padding: 0px 0px 0px 20px;
| |
| - | text-align: left;
| |
| - | font-size: 1.5em;
| |
| - | text-transform: uppercase;
| |
| - | }
| |
| - |
| |
| - | #logo_left .plainlinks a {
| |
| - | width: 240px;
| |
| - | height: 80px;
| |
| - | z-index: 100;
| |
| - | position: absolute;
| |
| - | top: 32px;
| |
| - | left: 45px;
| |
| - | text-decoration: none;
| |
| - | background: transparent;
| |
| - | padding: 0;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | /************* MENU ************/
| |
| - |
| |
| - |
| |
| - |
| |
| - | #menu {
| |
| - | width: 970px;
| |
| - | margin: 0px auto;
| |
| - | padding: 5px 0px 5px 0px;
| |
| - | background-color: #000000;
| |
| - | font-size: 13px;
| |
| - | }
| |
| - |
| |
| - | #menu ul {
| |
| - | margin: 0px;
| |
| - | padding: 0px;
| |
| - | list-style: none;
| |
| - | text-align: center;
| |
| - | }
| |
| - |
| |
| - | #menu li {
| |
| - | display: inline;
| |
| - | }
| |
| - |
| |
| - | #menu a {
| |
| - | padding: 6px 15px;
| |
| - | text-transform: uppercase;
| |
| - | text-decoration: none;
| |
| - | font-size: 12px;
| |
| - | font-weight: bold;
| |
| - | color: #FFFFFF;
| |
| - | }
| |
| - |
| |
| - | #menu a:hover {
| |
| - | background-color: #333333;
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - | /************* CONTENT ************/
| |
| - |
| |
| - |
| |
| - |
| |
| - | #content {
| |
| - | width: 970px;
| |
| - | margin: 0px auto;
| |
| - | padding: 0px 0px 0px 0px;
| |
| - | font-size: 13px;
| |
| - | }
| |
| - |
| |
| - | #content h2, #content h3, #content h4, #content h5, #content h6 {
| |
| - | font-weight: normal;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | #content p, #content ul, #content ol {
| |
| - | line-height: 150%;
| |
| - | }
| |
| - |
| |
| - | #page p {
| |
| - | display: block;
| |
| - | }
| |
| - |
| |
| - | #frame {
| |
| - | float: left;
| |
| - | width: 910px;
| |
| - | background: #FFFFFF;
| |
| - | padding: 20px 29px 40px 29px;
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - | /************* TEAM ************/
| |
| - |
| |
| - |
| |
| - |
| |
| - | .leftcolumn {
| |
| - | float: left;
| |
| - | margin: 0px 10px 10px 20px;
| |
| - | width: 80px;
| |
| - | display: inline;
| |
| - | }
| |
| - |
| |
| - | .rightcolumn {
| |
| - | float: right;
| |
| - | margin: 0px 10px 10px 20px;
| |
| - | width: 630px;
| |
| - | display: inline;
| |
| - | text-align:justify;
| |
| - | }
| |
| - |
| |
| - | .spacer {
| |
| - | clear: both;
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - | /************* SUBMENU ************/
| |
| - |
| |
| - |
| |
| - |
| |
| - | .submenu ul {
| |
| - | background: #393a3d;
| |
| - | float: left;
| |
| - | list-style: none;
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - | width: 100%;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | .submenu li {
| |
| - | float: left;
| |
| - | font: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | .submenu a {
| |
| - | background: #393a3d url("https://static.igem.org/mediawiki/2010/5/58/EPFL_Menu_Seperator.gif") bottom right no-repeat;
| |
| - | color: #fff;
| |
| - | display: block;
| |
| - | float: left;
| |
| - | margin: 0;
| |
| - | padding: 8px 12px;
| |
| - | text-decoration: none;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | #submenu_1 a:hover {
| |
| - | background: #ffaa8f;
| |
| - | color: #fff;
| |
| - | padding-bottom: 8px;
| |
| - | }
| |
| - |
| |
| - | #submenu_2 a:hover {
| |
| - | background: #9CE3D5;
| |
| - | color: #fff;
| |
| - | padding-bottom: 8px;
| |
| - | }
| |
| - |
| |
| - | #submenu_3 a:hover {
| |
| - | background: #3882c2;
| |
| - | color: #fff;
| |
| - | padding-bottom: 8px;
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - | /************* NOTEBOOK ************/
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | #calendar {
| |
| - | margin: 20px 0px 20px 0px;
| |
| - | }
| |
| - |
| |
| - | #july {
| |
| - | float: left;
| |
| - | margin: 0px 0px 0px 70px;
| |
| - | }
| |
| - |
| |
| - | #august {
| |
| - | margin-left: auto;
| |
| - | margin-right: auto;
| |
| - | }
| |
| - |
| |
| - | #september {
| |
| - | float: right;
| |
| - | margin: 0px 70px 0px 0px;
| |
| - | }
| |
| - |
| |
| - | </style>
| |
| - |
| |
| - | <script language="JavaScript">
| |
| - | /************** Javascript Content *************/
| |
| - |
| |
| - | //PLF-http://www.jejavascript.net/
| |
| - | var coeff=2;
| |
| - | var speed=60;
| |
| - | var coeffinit=coeff;
| |
| - | function i_change() {
| |
| - | if (document.image.width < i_width) {
| |
| - | coeff = coeff-0.2;
| |
| - | document.image.width = Math.round(i_width/coeff);
| |
| - | document.image.height = Math.round(i_height/coeff);
| |
| - | chang=window.setTimeout('i_change();',speed);
| |
| - | }
| |
| - | else {window.clearTimeout(chang);}
| |
| - | }
| |
| - | function initial() {
| |
| - | if (document.image.width > i_width/coeffinit) {
| |
| - | window.clearTimeout(chang);
| |
| - | coeff = coeff+0.2;
| |
| - | document.image.width = Math.round(i_width/coeff);
| |
| - | document.image.height = Math.round(i_height/coeff);
| |
| - |
| |
| - | initi=window.setTimeout('initial();',speed);
| |
| - | }
| |
| - | else {window.clearTimeout(initi);}
| |
| - | }
| |
| - | </script>
| |
| - |
| |
| - | <script src="http://as.coquel.free.fr/zoombox/jquery.js" type="text/javascript"></script>
| |
| - | <script src="http://as.coquel.free.fr/zoombox/zoombox.js" type="text/javascript"></script>
| |
| - |
| |
| - | <div id="header">
| |
| - | <div id="logo_left"><span class="plainlinks"><a title="igem.org" href="https://2010.igem.org/" > </a></span></div>
| |
| - | <h1></h1>
| |
| - | </div>
| |
| - |
| |
| - | <div id="menu">
| |
| - | <ul>
| |
| - | <li><a href="https://2010.igem.org/Team:Paris_Liliane_Bettencourt">home</a></li>
| |
| - | <li><a href="https://2010.igem.org/Team:Paris_Liliane_Bettencourt/Project">projects</a></li>
| |
| - | <li><a href="https://2010.igem.org/Team:Paris_Liliane_Bettencourt/Parts">parts</a></li>
| |
| - | <li><a href="https://2010.igem.org/Team:Paris_Liliane_Bettencourt/Team">team</a></li>
| |
| - | <li><a href="https://2010.igem.org/Team:Paris_Liliane_Bettencourt/Notebook">notebook</a></li>
| |
| - | <li><a href="https://2010.igem.org/Team:Paris_Liliane_Bettencourt/Safety">safety</a></li>
| |
| - | <li><a href="https://2010.igem.org/Team:Paris_Liliane_Bettencourt/Brainstorming">Brainstorming</a></li>
| |
| - | <li><a href="https://2010.igem.org/Team:Paris_Liliane_Bettencourt/Acknowledgements">acknowledgements</a></li>
| |
| - | </ul>
| |
| - | </div>
| |
| - |
| |
| - | <div id="content">
| |
| - | <div id="frame">
| |
| - |
| |
| - | </html>
| |
"
