|
|
(7 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | body
| |
- | {
| |
- | width: auto;
| |
- | color: #333333;
| |
- | /*background:#e9e4de;*/
| |
- | background-image:url(https://static.igem.org/mediawiki/2013/a/a2/Hemochromatose.jpg);
| |
- | background-repeat: no-repeat;
| |
- | background-size: cover;
| |
- | background-attachment : fixed;
| |
| | | |
- | margin:0px 0px 0px 0px;
| |
- | }
| |
- |
| |
- | /* la barre titre (baniere igem+ menu haut)*/
| |
- | #top-section
| |
- | {
| |
- | height: auto;
| |
- | margin-top: 0 px;
| |
- | margin-left: auto;
| |
- | margin-right: auto;
| |
- | margin-bottom: 0 !important;
| |
- | padding:0;
| |
- | border: none;
| |
- | display: display;
| |
- | }
| |
- |
| |
- | /*le conteneur de la banière igem avec un lien vers igem*/
| |
- | #p-logo
| |
- | {
| |
- | display:none;
| |
- | border:none;
| |
- | margin:none;
| |
- | }
| |
- |
| |
- | /* la barre de menu du haut */
| |
- | #menubar
| |
- | {
| |
- | color:#000000;
| |
- | }
| |
- |
| |
- | /*les lien de la barre de menu du haut */
| |
- | #menubar a
| |
- | {
| |
- | text-decoration:none;
| |
- | color:#000000;
| |
- | }
| |
- |
| |
- | /* le menu de haut gauche */
| |
- | .left-menu
| |
- | {
| |
- | background-color:transparent;
| |
- | /*display:none;*/
| |
- | }
| |
- |
| |
- | /* le menu de login haut droite*/
| |
- | .right-menu
| |
- | {
| |
- | color:transparent;
| |
- | text-decoration:none;
| |
- | background-color:none;
| |
- | right: 15px;
| |
- | }
| |
- |
| |
- | /* les lien du login */
| |
- | .right-menu a
| |
- | {
| |
- | color:transparent;
| |
- | text-decoration:transparent;
| |
- | background-color:none;
| |
- | }
| |
- |
| |
- | /* la barre de recherche*/
| |
- | #search-controls
| |
- | {
| |
- | display:none;
| |
- | }
| |
- |
| |
- | /* le body de la page*/
| |
- | #content
| |
- | {
| |
- | background-color: transparent;
| |
- | border:none;
| |
- | padding:none;
| |
- | margin:none;
| |
- | line-height:1em;
| |
- | }
| |
- |
| |
- | /*titre de page */
| |
- | .firstHeading
| |
- | {
| |
- | display:none;
| |
- | border: none;
| |
- | }
| |
- |
| |
- | /* contenu de page*/
| |
- | #bodyContent
| |
- | {
| |
- | }
| |
- |
| |
- | #footer-wrapper
| |
- | {
| |
- | position: absolute;
| |
- | width: 941px;
| |
- | left: -1px;
| |
- | margin-top:25px;
| |
- | margin-bottom:30px;
| |
- | padding: 7px 15px 7px 15px;
| |
- | background-color:#ffffff;
| |
- | -moz-border-radius-topright:15px;
| |
- | -moz-border-radius-bottomright:15px;
| |
- | -webkit-border-top-right-radius:15px;
| |
- | -webkit-border-bottom-right-radius:15px;
| |
- | border-top-right-radius:15px;
| |
- | border-bottom-right-radius:15px;
| |
- | border-radius: 15px;
| |
- | /*border: 1px solid black;*/
| |
- | }
| |
- |
| |
- | /* la boite en bas de page*/
| |
- | #footer-box
| |
- | {
| |
- | display: none;
| |
- | margin-bottom: 10px;
| |
- | }
| |
- |
| |
- | /* le cadre sous le body useless */
| |
- | #catlinks
| |
- | {
| |
- | display: none;
| |
- | }
| |
- |
| |
- | /* ----------------End of the wiki hack -------------------------------------*/
| |
- |
| |
- | /* position of the logo */
| |
- | #evry_logo
| |
- | {
| |
- | position:absolute;
| |
- | top:25px;
| |
- | left: 35px;
| |
- | width:200px;
| |
- | /*background-color:#FFA500;*/
| |
- | }
| |
- |
| |
- | /* Position of the banner */
| |
- | #evry_banner{
| |
- | position:absolute;
| |
- | top:16px;
| |
- | width:720px;
| |
- | left:230px;
| |
- | /*background-color:#800080;*/
| |
- | }
| |
- |
| |
- |
| |
- | /*white font over the grey one on the top*/
| |
- | #white_thingy
| |
- | {
| |
- | position:relative;
| |
- | top:-20px;
| |
- | height:200px;
| |
- | background-color:#ffffff;
| |
- | -moz-border-radius-topright:15px;
| |
- | -moz-border-radius-bottomright:15px;
| |
- | -webkit-border-top-right-radius:15px;
| |
- | -webkit-border-bottom-right-radius:15px;
| |
- | border-top-right-radius:15px;
| |
- | border-bottom-right-radius:15px;
| |
- | border-radius: 15px;
| |
- | }
| |
- |
| |
- | #back_image
| |
- | {
| |
- | position:absolute;
| |
- | top:147px;
| |
- | left:-155px;
| |
- | height:900px;
| |
- | width:1280px;
| |
- | background-color:transparent;
| |
- | /*background-image:url(http://files.myopera.com/gokuss1234/albums/8827422/Opera-Background-Blue-Bubbles.png);*/
| |
- | background-position:center;
| |
- | background-repeat:no-repeat;
| |
- | background-attachment:fixed;
| |
- | }
| |
- |
| |
- | /* notre page !*/
| |
- | #main_evry2012
| |
- | {
| |
- | position:absolute;
| |
- | top:0px;
| |
- | left:50%;
| |
- | margin-left:-486px;
| |
- | margin-bottom: 10px;
| |
- | width: 972px;
| |
- | height: 100%;
| |
- | text-align: center;
| |
- | }
| |
- |
| |
- | /* conteneur du texte wiki*/
| |
- | #maincontainer_evry2012
| |
- | {
| |
- | padding:15px 15px 15px 15px;
| |
- | background:#ffffff;
| |
- | margin-bottom: 10px;
| |
- |
| |
- | /*border:1px solid black;*/
| |
- | position:absolute;
| |
- | text-align:justify;
| |
- | top:210px;/*178px*/
| |
- | width:940px;/*940px*/
| |
- | heigth:auto;
| |
- | -moz-border-radius-topright:15px;
| |
- | -moz-border-radius-bottomright:15px;
| |
- | -webkit-border-top-right-radius:15px;
| |
- | -webkit-border-bottom-right-radius:15px;
| |
- | border-top-right-radius:15px;
| |
- | border-bottom-right-radius:15px;
| |
- | border-radius: 15px;
| |
- | }
| |
- |
| |
- | /* conteneur du texte wiki pour la page d'acueil*/
| |
- | #maincontainer_evry2012bis
| |
- | {
| |
- | padding:15px 15px 15px 15px;
| |
- | background:transparent;
| |
- | margin-bottom: 10px;
| |
- | color:white;
| |
- |
| |
- |
| |
- | /*border:1px solid black;*/
| |
- | position:absolute;
| |
- | text-align:justify;
| |
- | top:210px;/*178px*/
| |
- | width:940px;
| |
- | heigth:auto;
| |
- | -moz-border-radius-topright:15px;
| |
- | -moz-border-radius-bottomright:15px;
| |
- | -webkit-border-top-right-radius:15px;
| |
- | -webkit-border-bottom-right-radius:15px;
| |
- | border-top-right-radius:15px;
| |
- | border-bottom-right-radius:15px;
| |
- | border-radius: 15px;
| |
- | }
| |
- |
| |
- | /* ------- Menu -----------*/
| |
- |
| |
- | /* Frame containg the entire menu (transparent) */
| |
- | #menu_evry2012
| |
- | {
| |
- | text-align:center;
| |
- | position:absolute;
| |
- | z-index:10;
| |
- | left:220px;
| |
- | top:163px;
| |
- | float:center;
| |
- | font-weight:bold;
| |
- | }
| |
- |
| |
- | #menu_evry2012 a
| |
- | {
| |
- | color:#505050;
| |
- | text-decoration:none;
| |
- | display:block;
| |
- | padding:8px;
| |
- | margin: 0px 0px 0px 0px;
| |
- | /*height:18px;*/
| |
- | width:auto;
| |
- | background-color:#ffffff;
| |
- | font-size:11px;
| |
- | }
| |
- |
| |
- | #menu_evry2012 .menu_list_item_evry2012 ul a
| |
- | {
| |
- | color:#696969;
| |
- | font-size:11px;
| |
- | width:120px; /* Size of the scroling menu*/
| |
- | border: 1px solid #e6e1db;
| |
- | }
| |
- |
| |
- | #menu_evry2012 a:hover
| |
- | {
| |
- | background-color:#e6e1db;
| |
- | display:block;
| |
- | width:auto; /* size of the hover block */
| |
- | position:relative;
| |
- | }
| |
- |
| |
- | #menu_evry2012 a:active
| |
- | {
| |
- | background-color:#e6e1db;
| |
- | display:block;
| |
- | }
| |
- |
| |
- |
| |
- |
| |
- |
| |
- | /* Style of the menu level1 */
| |
- | #menu_list_evry2012
| |
- | {
| |
- | list-style:none;
| |
- | text-align:center;
| |
- | margin-left:0px;
| |
- | margin-top:0px;
| |
- | padding:0px;
| |
- | border:none;
| |
- | position:relative;
| |
- | }
| |
- |
| |
- | .menu_list_item_evry2012
| |
- | {
| |
- | float: left;
| |
- | width: 80px;
| |
- | padding: 0;
| |
- | border:0;
| |
- | }
| |
- |
| |
- | /*Second level menu*/
| |
- | .menu_list_item_evry2012 ul
| |
- | {
| |
- | display:none; /* initially hide the entire list hierarchy */
| |
- | padding:2px; /* this is our box border width */
| |
- | list-style: none;
| |
- | width:110px;
| |
- | }
| |
- |
| |
- | /* 2nd level drop-down box */
| |
- | .menu_list_item_evry2012:hover ul,
| |
- | .menu_list_item_evry2012 a:hover ul
| |
- | {
| |
- | display:block;
| |
- | position:relative;
| |
- | margin:0;
| |
- | top:0px; /* place us just up underneath the top-level images */
| |
- | left:-2px; /* left-align our drop-down to the previous button border */
| |
- | height:auto; /* the drop-down height will be determiend by line count */
| |
- | width:110px;
| |
- | background-color:transparent; /* this sets our menu's effective "border" color */
| |
- | font-size:12px; /* this (and also below) sets the menu's font size */
| |
- | list-style: none;
| |
- | }
| |
- |
| |
- | /*Third level menu*/
| |
- |
| |
- | /* hide inactive 3rd-level menus */
| |
- | .menu_list_item_evry2012:hover ul li ul,
| |
- | .menu_list_item_evry2012 a:hover ul li a ul
| |
- | {
| |
- | display:none;
| |
- | }
| |
- |
| |
- | .menu_list_item_evry2012:hover ul li:hover ul,
| |
- | /* 3rd level drop-down box */
| |
- | .menu_list_item_evry2012 a:hover ul li a:hover ul
| |
- | {
| |
- | display:block;
| |
- | position:absolute;
| |
- | top:0px;
| |
- | left:140px;
| |
- | }
| |
- |
| |
- |
| |
- | /* End of the menu */
| |
- |
| |
- |
| |
- | /* scroling buttons */
| |
- |
| |
- | #scroll_left
| |
- | {
| |
- | display:block;
| |
- | height:350px;
| |
- | width:140px;
| |
- | background-color:transparent;
| |
- | z-index:400;
| |
- | position:fixed;
| |
- | top:400px;
| |
- | left:5px;
| |
- | }
| |
- |
| |
- | #scroll_left a
| |
- | {
| |
- | font-size:11px;
| |
- | color:#273572;
| |
- | font-weight:bold;
| |
- | }
| |
- |
| |
- | #scroll_right
| |
- | {
| |
- | display:block;
| |
- | height:350px;
| |
- | width:100px;
| |
- | background-color:transparent;
| |
- | z-index:400;
| |
- | position:fixed;
| |
- | top:400px;
| |
- | right:5px;
| |
- | }
| |
- |
| |
- | #scroll_right a
| |
- | {
| |
- | font-size:11px;
| |
- | color:#273572;
| |
- | font-weight:bold;
| |
- | }
| |
- |
| |
- |
| |
- |
| |
- | /*TEXT formating*/
| |
- | .legende_schema
| |
- | {
| |
- | font-style:italic;
| |
- | text-align: center;
| |
- | }
| |
- |
| |
- | a
| |
- | {
| |
- | text-decoration:none;
| |
- | }
| |
- |
| |
- | #title
| |
- | {
| |
- | display:block;
| |
- | top:-400px;
| |
- | left:60px;
| |
- | }
| |
- |
| |
- | h1
| |
- | {
| |
- | font-style: normal;
| |
- | text-decoration: none;
| |
- | border: none;
| |
- | line-height:1em;
| |
- | padding:15px 0px 15px 0px;
| |
- | font-weight:bold;
| |
- | font-size: 30px;
| |
- | color:#990000;
| |
- | }
| |
- |
| |
- | h2
| |
- | {
| |
- | font-style: normal;
| |
- | font-weight:bold;
| |
- | font-style:italic;
| |
- | font-size: 22px;
| |
- | line-height:1em;
| |
- | text-decoration:none;
| |
- | border:none;
| |
- | padding:0px 0px 10px 0px;
| |
- | color:#364d01;
| |
- | margin-top:25px;
| |
- | }
| |
- |
| |
- | h3
| |
- | {
| |
- | padding-left:25px;
| |
- | font-style:bold;
| |
- | font-size: 18px;
| |
- | text-decoration:none;
| |
- | border:none;
| |
- | line-height:1em;
| |
- | padding:0px 0px 5px 5px;
| |
- | margin-top:20px;
| |
- | }
| |
- |
| |
- | h4
| |
- | {
| |
- | font-style:italic;
| |
- | }
| |
- |
| |
- | /*block for paper citations*/
| |
- | #citation_box
| |
- | {
| |
- | margin-top:30px;
| |
- | padding:10px;
| |
- | border-style:none;
| |
- | border-width:2px;
| |
- | border-color:#BDFEBC;
| |
- | background-color:#ECECEC;
| |
- | text-align:left;
| |
- | }
| |
- |
| |
- | #citation_box ol,li
| |
- | {
| |
- | text-style:italic;
| |
- | }
| |
- |
| |
- | #references
| |
- | {
| |
- | text-style:bold;
| |
- | text-size:14px;
| |
- | }
| |
- |
| |
- | table.parameter
| |
- | {
| |
- | width:100%;
| |
- | display: block;
| |
- | margin-left: auto;
| |
- | margin-right: auto;
| |
- | cellpadding:0px;
| |
- | cellspacing:0px;Experimentals_Parameters
| |
- | align:middle;
| |
- | }
| |
- |
| |
- | table.parameter td
| |
- | {
| |
- | padding:5px;
| |
- | }
| |
- |
| |
- | #table-fixed-size
| |
- | {
| |
- | table-layout:fixed;
| |
- | word-wrap: break-word;
| |
- | width:100px;
| |
- | }
| |
- |
| |
- | em {
| |
- | color: #cb6228;
| |
- | font-style: normal;
| |
- | font-weight:bold;
| |
- | }
| |
- |
| |
- | strong {
| |
- | color: #364d01;
| |
- | }
| |
- |
| |
- | .orange, a.orange:visited
| |
- | {
| |
- | color:#cb6228;
| |
- | }
| |
- |
| |
- | .green, a.green:visited
| |
- | {
| |
- | color:#364d01;
| |
- | }
| |
- |
| |
- | .red, a.red:visited
| |
- | {
| |
- | color:#990000;
| |
- | }
| |
- |
| |
- | .yellow, a.yellow:visited
| |
- | {
| |
- | color:#ffd810;
| |
- | }
| |
- |
| |
- | #param
| |
- | {
| |
- | border-collapse:collapse;
| |
- | text-align:center;
| |
- | }
| |
- |
| |
- | #param td, #param th
| |
- | {
| |
- | border: 1px solid black;
| |
- | padding:10px;
| |
- | }
| |
- |
| |
- | #team
| |
- | {
| |
- | padding:5px;
| |
- | }
| |
- |
| |
- | #team td
| |
- | {
| |
- | align:left;
| |
- | vertical-align:top;
| |
- | }
| |
- |
| |
- | .moredetails
| |
- | {
| |
- | width: 320px;
| |
- | text-align: left;
| |
- | background-color: #CEE9F4;
| |
- | border-radius: 7px;
| |
- | margin-left: 313px;
| |
- | }
| |
- |
| |
- | .moredetails a
| |
- | {
| |
- | font-style: italic;
| |
- | font-weight: bold;
| |
- | }
| |
- |
| |
- | .moredetails a:hover
| |
- | {
| |
- | text-decoration:underline
| |
- | }
| |
- |
| |
- | .ania
| |
- | {
| |
- | color:#cb6228;
| |
- | }
| |