Team:Evry/css v1
From 2013.igem.org
/*--------------------- Wiki hack ---------------------------------------------*/
body {
color: #333333; background-repeat:repeat-x; background-size: cover; background-color : #FFF; margin:0px 0px 0px 0px; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto;
}
/* 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
{ 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; background-color: transparent;
/* -moz-border-radius:15px;
-webkit-border-radius:15px; border-radius: 15px; box-shadow: 0px 4px 4px #1c1a19;*/
}
- f-copyrightico
{
margin: 1% 0 1% 1%;
}
- f-poweredbyico
{
margin: 1% 1% 1% 0;
}
/* la boite en bas de page*/
- footer-box
{
display: none; margin-bottom: 10px;
}
/* le cadre sous le body useless */
- catlinks
{
display: none;
}
ul {
list-style-image: none; line-height: 1.2em;
}
/* ----------------End of the wiki hack -------------------------------------*/
/*---------------------------Header-----------------------*/
- header
{
width: auto; height: auto; margin: -5px 0 0 -5px; padding:0; border: none; background: transparent;
}
- banniere
{
display: block; position: relative; margin:auto; height: 150px; text-align: center; background-color: #7B0000;
}
- ban
{
display: block; margin-left: auto; margin-right: auto; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius: 5px; height: 100%;
}
/* ---------------------Navigator -------------------------------------*/
.home-link {
background: url("") no-repeat scroll 50% 5px / 60px 60px transparent;
}
.home-link:hover{
background: url("") no-repeat scroll 50% 5px / 60px 60px transparent;
}
.project-link {
background: url("") no-repeat scroll 50% 5px / 60px 60px transparent;
}
.project-link:hover {
background: url("") no-repeat scroll 50% 5px / 60px 60px transparent;
}
.team-link {
background: url("") no-repeat scroll 50% 5px / 60px 60px transparent;
}
.team-link:hover {
background: url("") no-repeat scroll 50% 5px / 60px 60px transparent;
}
.model-link {
background: url("") no-repeat scroll 50% 5px / 60px 60px transparent;
}
.model-link:hover {
background: url("") no-repeat scroll 50% 5px / 60px 60px transparent;
}
.biology-link {
background: url("") no-repeat scroll 50% 5px / 60px 60px transparent;
}
.biology-link:hover {
background: url("") no-repeat scroll 50% 5px / 60px 60px transparent;
}
.practice-link {
background: url("") no-repeat scroll 50% 5px / 60px 60px transparent;
}
.practice-link:hover {
background: url("") no-repeat scroll 50% 5px / 60px 60px transparent;
}
.notebook-link {
background: url("") no-repeat scroll 50% 5px / 60px 60px transparent;
}
.notebook-link:hover {
background: url("") no-repeat scroll 50% 5px / 60px 60px transparent;
}
.ref-link {
background: url("") no-repeat scroll 50% 5px / 60px 60px transparent;
}
.ref-link:hover {
background: url("") no-repeat scroll 50% 5px / 60px 60px transparent;
}
.spon-link {
background: url("") no-repeat scroll 50% 5px / 60px 60px transparent;
}
.spon-link:hover {
background: url("") no-repeat scroll 50% 5px / 60px 60px transparent;
}
.igem-link {
background: url("") no-repeat scroll 50% 5px transparent;
}
/*-------------------------------------------------------Menu---------------------------------------*/
- menu{
font-family: Cursive, Helvetica, Arial, Sans serif; padding: 0; margin: 0; text-align: center; font-size: 80%; font-size: 1.3ch; font-size: 0.98vw; font-weight: bold; background-color: #777; background-image: -webkit-linear-gradient(#505052, #888888 50%, #777777 50%, #999999); background-image: -moz-linear-gradient(#505052, #888888 50%, #777777 50%, #999999); background-image: -ms-linear-gradient(#505052, #888888 50%, #777777 50%, #999999); background-image: -o-linear-gradient(#505052, #888888 50%, #777777 50%, #999999); background-image: linear-gradient(#505052, #888 50%, #777 50%,#999);
}
- menu ul {
position: absolute; top: 5.1em; top: 5.1vw; left:0; max-height:0em; margin:0; padding:0; background-color:#ddd; background-image: linear-gradient(#fff,#ddd); overflow:hidden; transition: 1s max-height 0.3s; border-radius: 0 0 8px 8px;
}
- menu li {
display: inline-block; list-style: none; /* for IE7 */ margin-bottom: 0;
}
- menu > li {
width: 8%; }
- menu > li, #menu > li li {
position: relative; display:inline-block; padding: auto; background-color: transparent;
}
- menu > li li {
width: 100%; padding: 3% 0; }
- menu a {
display:inline-block; margin: auto; color: #fff; text-decoration:none;
}
- menu a span{
display: block; margin: auto; width: 50%;
}
- menu > li li { background: transparent none; }
- menu > li li a { color: #444; }
- menu > li li:hover a { color: #FFF; }
- menu > li li:hover {
background:#888888;
}
- menu > li:first-child {
border-right: 1px solid #777; border-radius: 8px 0 0 8px;
}
- menu > li + li {
border-left: 1px solid #aaa; border-right: 1px solid #777;
}
- menu > li:last-child {
border-right:0; border-left: 1px solid #aaa; border-radius: 0 8px 8px 0 ;
}
- menu > li li:first-child {
border-bottom: 1px solid #777; }
- menu > li li + li{
border-top: 1px solid #aaa; border-bottom: 1px solid #777; }
- menu > li li:last-child {
border-top: 1px solid #aaa; }
- menu > li:hover {
background-color: #999; background-image: linear-gradient(#ccc, #aaa 50%, #999 50%,#bbb);
}
- menu > li:hover ul {
/* need an adaptation, lower is better, but see it large */ max-height:16em;
}
/*------------------------------aside--------------*/ aside {
background: #cbc9ba; float: left; margin-left: 0.3%; 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(#505052, #888888 50%, #777777 50%, #999999); background-image: -moz-linear-gradient(#505052, #888888 50%, #777777 50%, #999999); background-image: -ms-linear-gradient(#505052, #888888 50%, #777777 50%, #999999); background-image: -o-linear-gradient(#505052, #888888 50%, #777777 50%, #999999); background-image: linear-gradient(#505052, #888888 50%, #777777 50%, #999999); 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.08%; width: 100%; font-size: 25px;
}
aside table {
background-color: transparent;
}
aside ul {
padding: 0; list-style: none; margin: 5% 0 5% 5%;
}
aside ul li {
list-style: none;
}
aside li a {
color: #364d01; text-transform: Capitalize; font-weight:bold;
}
.second {
padding: 0.1%; margin: 0 0 0 10%;
}
.second li {
list-style: disc inside none;
}
.second li a {
text-transform: none; font-weight: normal; font-size: 80%;
}
/* ------------------------ Notebook onglet -------------- */
.onglet {
left: 84.8%; margin: 0; padding: 0.1%; position: absolute; top: 265px;
}
.onglet ul {
padding:0; margin:0; list-style-type:none;
}
.onglet ul li {
margin-bottom: 1px; padding: 0; list-style: none outside none; border: 1px solid black; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}
.onglet ul li a {
width:auto; color: #FFF; font-style: bold; text-decoration:none; text-align:center; padding:5px;
}
ul li a:hover {
background-color:00CCFF;
}
.hide {
display: none;
}
.hide li {
width: 70px; background-color:#8EB4E3;
}
.onglet ul:hover .hide, .onglet ul:active .hide {
display: block;
}
.onglet > ul > .vis {
background-color:#4F81BD !important; width: 100px; text-align: center;
}
.onglet .vis a {
display: inline-block; text-align: center; text-decoration: none; word-wrap: break-word; margin: 0 0 2% 0;
}
ul li .vis a:hover {
background-color:#D3D3D3;
}
/* ------------------------Body--------------------------- */
- maincontainer_evry2013
{
padding-bottom: 15px; margin-top: 30px; background: transparent; margin: auto; text-align:justify; width:70%; /*940px*/ heigth:auto; border-bottom: 2px solid black; /* -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;*/
}
- maincontainer_evry2013notebook
{
padding-bottom: 15px; margin-top: 30px; background-color: transparent; background-image: url('https://static.igem.org/mediawiki/2013/8/8a/Spirale.png'); background-repeat: repeat-y; background-size: 4%; background-position:-2% 0%; margin: auto; text-align:justify; width:70%; /*940px*/ heigth:auto; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius: 15px; border: 2px solid black;
}
- mainTextcontainer
{
padding-left: 3%; padding-right: 3%; min-height: 450px;
}
- mainTextcontainer_notebook
{
margin-left: 3%; margin-right: 3%; min-height: 450px; background: url('https://static.igem.org/mediawiki/2013/8/81/Cahier.jpg');
}
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 ;
}
- maincontainer_evry2013notebook h1
{
border-bottom: 2px solid red; border-top: 2px solid red; background-color: #FFF;
}
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;
}
ul li {
list-style: disc outside none; margin-bottom: 0.3em;
}
.Tab {
text-indent: 15px;
}
.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 {
table-layout:fixed; word-wrap: break-word; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; -o-hyphens: none; hyphens: none;
}
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;
}
table p {
text-indent: 0px;
}
- primer p
{
max-width: 300px;
}
table h3 {
margin-top: 5px;
}
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 ;
}
- affiliation
{
text-indent: 0px; font-size: 60%; line-height: 0.5em;
}
- construct_bouton,
- construct_bouton:hover
{
display: inline; float: right; max-width: 150px; margin: 0% -3% 0 0; padding: 1%; background-color: #cbc9ba; color: #FFF; text-decoration: none; font-style: normal; font-weight:bold;
}
.captionedPicture {
border: 1px solid black; margin: 0.5em;
}
.Picture {
border: 1px solid black; display: block; margin: 0.8%; width: 98%;
}
.caption {
padding: auto; margin-bottom: 0.3em; text-align: center;
}
.tick {
list-style-image : url();
}
/* -----------------------Footer---------------------------------*/
- footer
{
width: auto; bottom: 2px; padding: 0px; font-size: 70%;
}