|
|
| (2 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| - | /*--------------------- Wiki hack ---------------------------------------------*/
| |
| | | | |
| - | body
| |
| - | {
| |
| - | color: #333333;
| |
| - | background-image:url(https://static.igem.org/mediawiki/2013/b/b2/Fond_rose.jpg);
| |
| - | background-repeat:repeat-x;
| |
| - | background-size: cover;
| |
| - | background-color : transparent;
| |
| - | margin:0px 0px 0px 0px;
| |
| - | }
| |
| - |
| |
| - | /* la barre titre (banniere igem+ menu haut)*/
| |
| - | #top-section
| |
| - | {
| |
| - | height: 5px;
| |
| - | width: auto;
| |
| - | margin: 0;
| |
| - | margin-bottom: -1.5em;
| |
| - | padding: 0;
| |
| - | border: 0 /*none transport*/;
| |
| - | }
| |
| - |
| |
| - | /*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
| |
| - | {
| |
| - | background: none repeat scroll 0 0 transparent !important;
| |
| - | color: transparent !important;
| |
| - | position: absolute;
| |
| - | top: -6px;
| |
| - | display: table-cell;
| |
| - | }
| |
| - |
| |
| - | /*les lien de la barre de menu du haut */
| |
| - | #menubar a
| |
| - | {
| |
| - | text-decoration:none;
| |
| - | color:#000000;
| |
| - | }
| |
| - |
| |
| - | /* le menu de haut gauche */
| |
| - | #menubar .left-menu
| |
| - | {
| |
| - | width: 100%;
| |
| - | background-color:transparent;
| |
| - | /*display:none;*/
| |
| - | }
| |
| - |
| |
| - | /* le menu de login haut droite*/
| |
| - | .right-menu
| |
| - | {
| |
| - | color:transparent;
| |
| - | text-decoration:none;
| |
| - | text-align: right;
| |
| - | background-color:none;
| |
| - | right: 15px;
| |
| - | }
| |
| - |
| |
| - | /* les lien du login */
| |
| - | .right-menu a
| |
| - | {
| |
| - | color:transparent;
| |
| - | text-decoration:transparent;
| |
| - | background-color:none;
| |
| - | }
| |
| - |
| |
| - | #menubar *
| |
| - | {
| |
| - | color: transparent !important;
| |
| - | background: transparent !important;
| |
| - | }
| |
| - |
| |
| - | #top-section:hover #menubar *
| |
| - | {
| |
| - | color: blue !important;
| |
| - | }
| |
| - |
| |
| - | #top-section:hover #menubar.left-menu
| |
| - | {
| |
| - | background: rgba(255, 255, 255, 0.75) !important;
| |
| - | }
| |
| - |
| |
| - | /* la barre de recherche*/
| |
| - | #search-controls
| |
| - | {
| |
| - | display:none;
| |
| - | }
| |
| - |
| |
| - | /* le body de la page*/
| |
| - | #content
| |
| - | {
| |
| - | width: 100%;
| |
| - | background-color: transparent;
| |
| - | border:none;
| |
| - | padding:none;
| |
| - | margin:none;
| |
| - | line-height:1em;
| |
| - | }
| |
| - |
| |
| - | #globalWrapper
| |
| - | {
| |
| - | font-size: 150%;
| |
| - | }
| |
| - |
| |
| - | /*titre de page */
| |
| - | .firstHeading
| |
| - | {
| |
| - | display:none;
| |
| - | border: none;
| |
| - | }
| |
| - |
| |
| - | #footer-wrapper
| |
| - | {
| |
| - | position: relative;
| |
| - | width: 70%;
| |
| - | margin: auto;
| |
| - | margin-top:15px;
| |
| - | margin-bottom:5px;
| |
| - | padding: 7px 15px 7px 15px;
| |
| - | background-color:#ffffff;
| |
| - | -moz-border-radius:15px;
| |
| - | -webkit-border-radius:15px;
| |
| - | border-radius: 15px;
| |
| - | box-shadow: 0px 4px 4px #1c1a19;
| |
| - | }
| |
| - |
| |
| - | /* 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 -------------------------------------*/
| |
| - |
| |
| - | /*---------------------------Header-----------------------*/
| |
| - |
| |
| - | #header
| |
| - | {
| |
| - | width: 99%;
| |
| - | height: auto;
| |
| - | margin-bottom: 15px;
| |
| - | box-shadow: 0px 4px 4px #1c1a19;
| |
| - | -moz-border-radius:15px;
| |
| - | -webkit-border-radius:15px;
| |
| - | border-radius: 15px;
| |
| - | margin-left: 0!important;
| |
| - | margin-right: auto;
| |
| - | padding:0;
| |
| - | border: none;
| |
| - | background: transparent;
| |
| - | box-shadow: 0px 4px 4px #1c1a19;
| |
| - | }
| |
| - |
| |
| - | #banniere
| |
| - | {
| |
| - | display: inline-block;
| |
| - | -moz-border-radius:15px;
| |
| - | -webkit-border-radius:15px;
| |
| - | border-radius: 15px;
| |
| - | position: relative;
| |
| - | margin:auto;
| |
| - | height: 150px;
| |
| - | text-align: center;
| |
| - | }
| |
| - |
| |
| - | #ban
| |
| - | {
| |
| - | display: block;
| |
| - | margin-left: 18.5%;
| |
| - | -moz-border-radius:5px;
| |
| - | -webkit-border-radius:5px;
| |
| - | border-radius: 15px;
| |
| - | border-radius: 5px;
| |
| - | text-align: center;
| |
| - | height: 100%;
| |
| - | }
| |
| - |
| |
| - | /* ---------------------Navigator -------------------------------------*/
| |
| - |
| |
| - | .navbar-fixed-top .navbar-inner
| |
| - | {
| |
| - | -moz-border-top-right-radius:15px;
| |
| - | -moz-border-top-left-radius:15px;
| |
| - | -webkit-border-top-right-radius:15px;
| |
| - | -webkit-border-top-left-radius:15px;
| |
| - | border-top-right-radius:15px;
| |
| - | border-top-left-radius: 15px;
| |
| - | padding-left: 1%;
| |
| - | padding-right: 1%;
| |
| - | }
| |
| - |
| |
| - | .navbar-inner
| |
| - | {
| |
| - | background-color: transparent;
| |
| - | filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbc9ba',
| |
| - | endColorstr='#8a8e8d', GradientType=0);
| |
| - | background-image: -webkit-linear-gradient(top , #cbc9ba, #8a8e8d);
| |
| - | background-image: -moz-linear-gradient(top , #cbc9ba, #8a8e8d);
| |
| - | background-image: -ms-linear-gradient(top , #cbc9ba, #8a8e8d);
| |
| - | background-image: -o-linear-gradient(top , #cbc9ba, #8a8e8d);
| |
| - | background-image: linear-gradient(top , #cbc9ba, #8a8e8d);
| |
| - | background-repeat: repeat-x;
| |
| - | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), 0 -1px 0 rgba(0, 0, 0, 0.1) inset;
| |
| - | }
| |
| - |
| |
| - | div#globalWrapper #content
| |
| - | {
| |
| - | line-height: 1;
| |
| - | }
| |
| - |
| |
| - | .navbar-fixed-top
| |
| - | {
| |
| - | opacity: 0.65;
| |
| - | margin-bottom: 0;
| |
| - | position: relative;
| |
| - | margin: auto;
| |
| - | z-index: 1030;
| |
| - | }
| |
| - | .navbar {
| |
| - | color: #FFFFFF;
| |
| - | margin-bottom: 18px;
| |
| - | overflow: visible;
| |
| - | }
| |
| - |
| |
| - | .navbar .nav
| |
| - | {
| |
| - | display: inline-block;
| |
| - | margin: auto;
| |
| - | margin-bottom: 0.1%;
| |
| - | /*position: relative;*/
| |
| - | list-style: none outside none;
| |
| - | padding: 0;
| |
| - | list-style: disc outside none;
| |
| - | line-height: 1.5em;
| |
| - | list-style-image: url("bullet.gif");
| |
| - | list-style-type: square;
| |
| - | }
| |
| - |
| |
| - | .navbar .nav > li
| |
| - | {
| |
| - | display: block;
| |
| - | float: left;
| |
| - | }
| |
| - |
| |
| - | .nav li
| |
| - | {
| |
| - | line-height: 18px;
| |
| - | margin-bottom: 0.1em;
| |
| - | }
| |
| - |
| |
| - | #bodyContent a[href^="http://"], #bodyContent a[href^="gopher://"] {
| |
| - | }
| |
| - | .navbar .nav li > a
| |
| - | {
| |
| - | background-color: transparent;
| |
| - | color: #FFFFFF;
| |
| - | text-decoration: none;
| |
| - | }
| |
| - | .navbar .nav > li > a:active
| |
| - | {
| |
| - | background-color: #cbc9ba;
| |
| - | color: #FFFFFF;
| |
| - | text-decoration: none;
| |
| - | border-radius:3px;
| |
| - | box-shadow: inset 1px 1px 2px #1c1a19, /* haut foncé*/
| |
| - | inset -1px -1px 2px #c6d1c3 ,/* bas clair */
| |
| - | inset 0 10px 20px #1c1a19, /* partie haute foncée*/
| |
| - | inset 0 -10px 20px #c6d1c3 /* partie basse eclaircie */
| |
| - |
| |
| - | }
| |
| - |
| |
| - | .navbar .nav > li > a
| |
| - | {
| |
| - | color: #FFFFFF;
| |
| - | float: none;
| |
| - | font-size: 19px;
| |
| - | line-height: 19px;
| |
| - | padding: 56px 9px 0;
| |
| - | text-decoration: none;
| |
| - | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
| |
| - | }
| |
| - | .nav > li > a
| |
| - | {
| |
| - | display: block;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | a.home-link
| |
| - | {
| |
| - | background: url("http://note.woku1.com/images/img/home.png") no-repeat scroll 50% 5px transparent;
| |
| - | }
| |
| - |
| |
| - | a.home-link:hover{
| |
| - | background: url("http://img4.hostingpics.net/pics/175450homeColor.png") no-repeat;
| |
| - | }
| |
| - |
| |
| - | a.project-link {
| |
| - | background: url("http://note.woku1.com/images/img/project.png") no-repeat scroll 50% 5px transparent;
| |
| - | }
| |
| - |
| |
| - | a.team-link {
| |
| - | background: url("http://note.woku1.com/images/img/team.png") no-repeat scroll 50% 5px transparent;
| |
| - | }
| |
| - |
| |
| - | a.notebook-link {
| |
| - | background: url("http://note.woku1.com/images/img/notebook.png") no-repeat scroll 50% 5px transparent;
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - | /*------------------------------aside--------------*/
| |
| - | aside
| |
| - | {
| |
| - | background: #cbc9ba;
| |
| - | position: absolute;
| |
| - | top: 200px;
| |
| - | left: 20px;
| |
| - | padding: 0;
| |
| - | width: 13%;
| |
| - | -moz-border-radius:15px;
| |
| - | -webkit-border-radius:15px;
| |
| - | border-radius: 15px;
| |
| - | box-shadow: 0px 4px 4px #1c1a19;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | aside header
| |
| - | {
| |
| - | background-color: transparent;
| |
| - | filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbc9ba',
| |
| - | endColorstr='#8a8e8d', GradientType=0);
| |
| - | background-image: -webkit-linear-gradient(top , #cbc9ba, #8a8e8d);
| |
| - | background-image: -moz-linear-gradient(top , #cbc9ba, #8a8e8d);
| |
| - | background-image: -ms-linear-gradient(top , #cbc9ba, #8a8e8d);
| |
| - | background-image: -o-linear-gradient(top , #cbc9ba, #8a8e8d);
| |
| - | background-image: linear-gradient(top , #cbc9ba, #8a8e8d);
| |
| - | width: 100%;
| |
| - | color: #FFFFFF;
| |
| - | padding: 4%;
| |
| - | width: auto;
| |
| - | text-align: center;
| |
| - | text-transform: uppercase;
| |
| - | font-weight:bold;
| |
| - | position:relative;
| |
| - | -moz-border-top-right-radius:15px;
| |
| - | -moz-border-top-left-radius:15px;
| |
| - | -webkit-border-top-right-radius:15px;
| |
| - | -webkit-border-top-left-radius:15px;
| |
| - | border-top-right-radius:15px;
| |
| - | border-top-left-radius: 15px;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | aside h1
| |
| - | {
| |
| - | background-color: #8a8e8d;
| |
| - | width: 100%;
| |
| - | color: #FFFFFF;
| |
| - | padding: 0.1%;
| |
| - | width: 100%;
| |
| - | font-size: 25px;
| |
| - | }
| |
| - |
| |
| - | aside table
| |
| - | {
| |
| - | background-color: transparent;
| |
| - | }
| |
| - |
| |
| - | aside ul
| |
| - | {
| |
| - | padding: 5%;
| |
| - | list-style: none;
| |
| - | }
| |
| - | .second li a
| |
| - | {
| |
| - | text-transform: capitalize;
| |
| - | font-weight: none;
| |
| - | font-size: 20px;
| |
| - | }
| |
| - |
| |
| - | aside li a
| |
| - | {
| |
| - | color: #364d01;
| |
| - | text-transform: uppercase;
| |
| - | font-weight:bold;
| |
| - | }
| |
| - |
| |
| - | /* ------------------------Body--------------------------- */
| |
| - |
| |
| - | #maincontainer_evry2013
| |
| - | {
| |
| - | padding-bottom: 15px;
| |
| - | margin-top: 30px;
| |
| - | background:#ffffff;
| |
| - | margin: auto;
| |
| - | text-align:justify;
| |
| - | width:70%; /*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;
| |
| - | box-shadow: 0px 4px 4px #1c1a19;
| |
| - | }
| |
| - |
| |
| - | #mainTextcontainer
| |
| - | {
| |
| - | padding-right: 2%;
| |
| - | padding-left: 2%;
| |
| - | }
| |
| - |
| |
| - | 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;
| |
| - | text-align: center ;
| |
| - | }
| |
| - |
| |
| - | 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;
| |
| - | }
| |
| - |
| |
| - | p
| |
| - | {
| |
| - | text-indent: 15px;
| |
| - | }
| |
| - |
| |
| - | table p
| |
| - | {
| |
| - | text-indent: 0px;
| |
| - | }
| |
| - |
| |
| - | table h3
| |
| - | {
| |
| - | margin-top: 5px;
| |
| - | }
| |
| - |
| |
| - | .marg
| |
| - | {
| |
| - | margin-left: 1.9%;
| |
| - | margin-right: 1.9%;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | .marg img
| |
| - | {
| |
| - | margin-top: 2.5%;
| |
| - | margin-bottom: 2.5%
| |
| - | }
| |
| - |
| |
| - | #team
| |
| - | {
| |
| - | padding:5px;
| |
| - | line-height:1em;
| |
| - | }
| |
| - |
| |
| - | #team td
| |
| - | {
| |
| - | align:left;
| |
| - | vertical-align:top;
| |
| - | }
| |
| - |
| |
| - | #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;
| |
| - | word-wrap: break-word;
| |
| - | }
| |
| - |
| |
| - | #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:#ff900b ;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | /* -----------------------Footer---------------------------------*/
| |
| - | #footer
| |
| - | {
| |
| - | width: auto;
| |
| - | bottom: 2px;
| |
| - | padding: 0px;
| |
| - | font-size: 70%;
| |
| - | }
| |
"
