|
|
(25 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: 0 0 30% 30%;
| |
- | -moz-border-radius:5px;
| |
- | -webkit-border-radius:5px;
| |
- | border-radius: 15px;
| |
- | border-radius: 5px;
| |
- | text-align: center;
| |
- | }
| |
- |
| |
- | /* ---------------------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: 0;
| |
- | }
| |
- |
| |
- | .navbar-fixed-top
| |
- | {
| |
- | opacity: 0.65;
| |
- | margin-bottom: 0;
| |
- | position: relative;
| |
- | margin: auto;
| |
- | z-index: 1030;
| |
- | }
| |
- | .navbar {
| |
- | color: #FFFFFF;
| |
- | margin-bottom: 18px;
| |
- | overflow: visible;
| |
- | }
| |
- |
| |
- | /*input, button, select, textarea
| |
- | {
| |
- | font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
| |
- | }
| |
- | label, input, button, select, textarea
| |
- | {
| |
- | font-size: 13px;
| |
- | font-weight: normal;
| |
- | line-height: 18px;
| |
- | }
| |
- | button, input[type="button"], input[type="reset"], input[type="submit"]
| |
- | {
| |
- | cursor: pointer;
| |
- | }
| |
- | button, input
| |
- | {
| |
- | line-height: normal;
| |
- | }
| |
- | button, input, select, textarea
| |
- | {
| |
- | font-size: 100%;
| |
- | margin: 0;
| |
- | vertical-align: middle;
| |
- | }*/
| |
- |
| |
- | .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: 1%;
| |
- | width: 11%;
| |
- | -moz-border-radius:15px;
| |
- | -webkit-border-radius:15px;
| |
- | border-radius: 15px;
| |
- | box-shadow: 0px 4px 4px #1c1a19;
| |
- |
| |
- | }
| |
- |
| |
- |
| |
- | /* ------------------------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
| |
- | {
| |
- | line-height:1em;
| |
- | }
| |
- |
| |
- | /* -----------------------Footer---------------------------------*/
| |
- | #footer
| |
- | {
| |
- | width: auto;
| |
- | bottom: 2px;
| |
- | padding: 0px;
| |
- | font-size: 70%;
| |
- | }
| |