|
|
| Line 1: |
Line 1: |
| | <html> | | <html> |
| - | <style type="text/css">
| |
| | | | |
| - | /* - - - - - - - - - - - Source : http://casualconnect.net/iGEM/overall.css - - - - - - - - - - - */
| |
| - |
| |
| - |
| |
| - | /* BEGIN CSS RESET v1.0 | 20080212 */
| |
| - | html, body, div, span, applet, object, iframe,
| |
| - | h1, h2, h3, h4, h5, h6, p, blockquote, pre,
| |
| - | a, abbr, acronym, address, big, cite, code,
| |
| - | del, dfn, em, font, img, ins, kbd, q, s, samp,
| |
| - | small, strike, strong, sub, sup, tt, var,
| |
| - | b, u, i, center,
| |
| - | dl, dt, dd, ol, ul, li,
| |
| - | fieldset, form, label, legend,
| |
| - | table, caption, tbody, tfoot, thead, tr, th, td {
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - | border: 0;
| |
| - | outline: 0;
| |
| - | vertical-align: baseline;
| |
| - | background: transparent;
| |
| - | line-height: 1;
| |
| - | }
| |
| - | body {
| |
| - | margin: auto;
| |
| - | width: 900px center;
| |
| - | line-height: 1px;
| |
| - | background: white; /*#c6e2ec rgb(206,224,200) http://www.graffitiwallpaper.com/pics/listings/217-1920.jpg */
| |
| - | }
| |
| - | ol, ul {
| |
| - | list-style: none;
| |
| - | }
| |
| - | blockquote, q {
| |
| - | quotes: none;
| |
| - | }
| |
| - | blockquote:before, blockquote:after,
| |
| - | q:before, q:after {
| |
| - | content: '';
| |
| - | content: none;
| |
| - | }
| |
| - |
| |
| - | /* remember to define focus styles! */
| |
| - | :focus {
| |
| - | outline: 0;
| |
| - | }
| |
| - |
| |
| - | /* remember to highlight inserts somehow! */
| |
| - | ins {
| |
| - | text-decoration: none;
| |
| - | }
| |
| - | del {
| |
| - | text-decoration: line-through;
| |
| - | }
| |
| - | /* tables still need 'cellspacing="0"' in the markup */
| |
| - | table {
| |
| - | border-collapse: collapse;
| |
| - | border-spacing: 0;
| |
| - | }
| |
| - |
| |
| - | /* END CSS RESET */
| |
| - |
| |
| - |
| |
| - | .tabbed_content .slide_content {
| |
| - | overflow: hidden;
| |
| - | width: 460px;
| |
| - | }
| |
| - | .slide_content {
| |
| - | margin-top: -2em!important;
| |
| - | }
| |
| - | .tabslider {
| |
| - | width: 10000px;
| |
| - | overflow: auto;
| |
| - | }
| |
| - |
| |
| - | .tabslider ul {
| |
| - | float: left;
| |
| - | width: 460px;
| |
| - | }
| |
| - |
| |
| - | .lavaLampBottomStyle {
| |
| - | position: relative;
| |
| - | height: 29px;
| |
| - | width: 640px;
| |
| - | padding: 15px;
| |
| - | margin: 0 5px 0 0;
| |
| - | overflow: hidden;
| |
| - | }
| |
| - | .lavaLampBottomStyle li {
| |
| - | float: left;
| |
| - | list-style: none;
| |
| - | }
| |
| - | .lavaLampBottomStyle li.back {
| |
| - | border-bottom: 5px solid #bab599;
| |
| - | width: 9px;
| |
| - | height: 30px;
| |
| - | z-index: 8;
| |
| - | position: absolute;
| |
| - | }
| |
| - | .lavaLampBottomStyle li a {
| |
| - | font: bold 10pt verdana ;
| |
| - | text-decoration: none;
| |
| - | color: #000;
| |
| - | outline: none;
| |
| - | text-align: center;
| |
| - | top: 7px;
| |
| - | letter-spacing: 0;
| |
| - | z-index: 10;
| |
| - | display: block;
| |
| - | float: left;
| |
| - | height: 30px;
| |
| - | position: relative;
| |
| - | overflow: hidden;
| |
| - | margin: auto 10px;
| |
| - | }
| |
| - | .lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {
| |
| - | border: none;
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | /* - - - - - - - - - - - Wiki Hacks - START - - - - - - - - - - - - */
| |
| - |
| |
| - | #globalWrapper {
| |
| - | background-color: transparent;
| |
| - | border: 0px;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | #content {
| |
| - | background-color: transparent;
| |
| - | border: 0px;
| |
| - | }
| |
| - |
| |
| - | #bodyContent {
| |
| - | background-color: white;
| |
| - | -moz-border-radius: 0 0 20px 20px;
| |
| - | -webkit-border-radius: 0 0 20px 20px;
| |
| - | -goog-ms-border-radius: 0 0 20px 20px;
| |
| - | border-radius: 0 0 20px 20px;
| |
| - | padding:0;
| |
| - | padding-bottom: 5px;
| |
| - | margin-bottom: 30px;
| |
| - | border: 0px;
| |
| - | -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 12px 7px;
| |
| - | -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 12px 7px;
| |
| - | -goog-ms-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 12px 7px;
| |
| - | box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 12px 7px;
| |
| - | }
| |
| - |
| |
| - | #top-section
| |
| - | {
| |
| - | width:750px;
| |
| - | border: 0;
| |
| - | border-bottom: 0px solid gray; /* mettre 1px si on veut une fine bordure sous les "boutons" en haut de la page */
| |
| - | color: black;
| |
| - | margin-top: 4px;
| |
| - | margin-bottom: 70px;
| |
| - | height: 15px;
| |
| - | overflow: visible;
| |
| - | }
| |
| - | #top-section a {
| |
| - | color: black;
| |
| - | background-color: transparent;
| |
| - | }
| |
| - | #top-section a:visited {
| |
| - | color: black;
| |
| - | background-color: transparent;
| |
| - | }
| |
| - | #top-section a:focus {
| |
| - | color: #d4e0e8;
| |
| - | background-color: transparent;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | #p-logo img {
| |
| - | display: none;
| |
| - | }
| |
| - |
| |
| - | #p-logo { /* bannière de l'igem (display:none -> invisible) */
| |
| - | width: 129%;
| |
| - | height:55px;
| |
| - | -moz-border-radius: 0 0 20px 20px;
| |
| - | -webkit-border-radius: 0 0 20px 20px;
| |
| - | -goog-ms-border-radius: 0 0 20px 20px;
| |
| - | border-radius: 0 0 20px 20px;
| |
| - | background-color: #d4e0e8;
| |
| - | background-image: url("https://static.igem.org/mediawiki/2010/6/67/Team_INSA-Lyon_IGEM_Home.png");
| |
| - | background-repeat: no-repeat;
| |
| - | background-position: left;
| |
| - | overflow:hidden;
| |
| - | display: block;
| |
| - | position: top left;
| |
| - | margin-left: -14.9%;
| |
| - | float: left;
| |
| - | margin-top: 24px;
| |
| - | margin-bottom: 50px;
| |
| - | border: 1.5px solid #7caed4;
| |
| - | -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 12px 7px;
| |
| - | -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 12px 7px;
| |
| - | -goog-ms-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 12px 7px;
| |
| - | box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 12px 7px;
| |
| - | font-family:Verdana, "Trebuchet MS", Arial, police3, police4,serif;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | #p-logo a {
| |
| - | margin-left: 4%;
| |
| - | display: block;
| |
| - | width:80px;
| |
| - | height:45px;
| |
| - | margin-bottom: 50px;
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - | #search-controls { /* google search (display:none -> invisible) */
| |
| - | position: absolute top right;
| |
| - | margin-top: 15px;
| |
| - | margin-bottom: 50px;
| |
| - | padding: 5px 5px 0px 0px;
| |
| - | background-color: #d4e0e8;
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - | #mw-searchButton { /* Pour enlever le bouton search qui nous cause des problèmes !!! */
| |
| - | display:none;
| |
| - | }
| |
| - |
| |
| - | #footer-box {
| |
| - | background-color: transparent;
| |
| - | border: 0px;
| |
| - | color: white;
| |
| - | }
| |
| - |
| |
| - | #footer {
| |
| - | border: 0px;
| |
| - | }
| |
| - |
| |
| - | .firstHeading {
| |
| - | margin-top: 20px;
| |
| - | }
| |
| - |
| |
| - | #f-list a {
| |
| - | color: #333;
| |
| - | font-size: 10px;
| |
| - | }
| |
| - |
| |
| - | #f-list a:hover {
| |
| - | color: #666;
| |
| - | }
| |
| - |
| |
| - | #footer ul {
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - | }
| |
| - |
| |
| - | #footer ul li {
| |
| - | margin-top: 0;
| |
| - | margin-bottom: 0;
| |
| - | margin-left: 10px;
| |
| - | margin-right: 10px;
| |
| - | padding: 0;
| |
| - | }
| |
| - |
| |
| - | /* - - - - - - - - - - Wiki Hacks - END - Thanks TU-Delft, saved a lot of trouble! - - - - - - - - - - -*/
| |
| - |
| |
| - |
| |
| - |
| |
| - | html {
| |
| - | height: 100%;
| |
| - | }
| |
| - | #overallMask {
| |
| - | position: relative;
| |
| - | margin: 3% auto 2em auto;
| |
| - | width: 660px;
| |
| - | }
| |
| - | #contentWrapper {
| |
| - | height: 100%;
| |
| - | padding-bottom: 4em;
| |
| - | min-height: 500px;
| |
| - | border-top: 1px solid #bab599;
| |
| - | -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 12px 5px;
| |
| - | -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 12px 5px;
| |
| - | box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 12px 5px;
| |
| - | background-color: #fffbe7;
| |
| - | }
| |
| - | @font-face {
| |
| - | font-family: Sertig;
| |
| - | src: url('http://casualconnect.net/iGEM/Sertig.otf');
| |
| - | }
| |
| - |
| |
| - | #headerWrapper {
| |
| - | font-family: Sertig, Futura, Impact, sans-serif;
| |
| - | -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; border-top-left-radius: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; border-top-right-radius: 8px;
| |
| - | font-size: 21pt; color: #fffbe7;
| |
| - | background: url("https://static.igem.org/mediawiki/2010/4/42/94acce-50.png") repeat;
| |
| - | height: 100px;
| |
| - | padding-top: 50px;
| |
| - | }
| |
| - | #headerWrapper img {
| |
| - | margin-left: 20px;
| |
| - | margin-top: -40px;
| |
| - | }
| |
| - | #otherContent {
| |
| - | padding: 0em 0 2em 2em;
| |
| - | width: 450px;
| |
| - | }
| |
| - | #otherContent * {
| |
| - | line-height: 1.3em;
| |
| - | }
| |
| - | #textWrapper {
| |
| - | width: 450px;
| |
| - | text-align: justify;
| |
| - | font-family: Verdana, sans-serif;
| |
| - | font-size: 9pt;
| |
| - | }
| |
| - | #textWrapper, #textWrapper * {
| |
| - | margin-top: 20px;
| |
| - | }
| |
| - | #textWrapper .head {
| |
| - | font-family: "Lucida Grande", Tahoma, Helvetica, Verdana, Arial, sans-serif;
| |
| - | color: #a1bf29;
| |
| - | line-height: 1!important;
| |
| - | padding: 0; margin: 0; /* again oh boy do I screw up */
| |
| - | font-weight: bold;
| |
| - | font-size: 16pt;
| |
| - | }
| |
| - | #sponsorWrapper {
| |
| - | position: absolute;
| |
| - | left: 510px;
| |
| - | z-index: 1000;
| |
| - | width: 150px;
| |
| - | height: auto;
| |
| - | background-color: #fffbe7;
| |
| - | margin-top: -4px; /* stupid fix to make sure the top of the text does not leak */
| |
| - | }
| |
| - |
| |
| - | .texte{
| |
| - | font-family: "Lucida Grande", Tahoma, Helvetica, Verdana, Arial, sans-serif;}
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | </style>
| |
| | | | |
| | | | |
| | </html> | | </html> |
"
