Team:Evry/css v1
From 2013.igem.org
/*--------------------- Wiki hack ---------------------------------------------*/
body {
color: #333333; background-image:url(); background-repeat:repeat-x; background-size: cover; background-color : transparent; 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.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: block; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius: 15px; position: relative; margin:auto; height: 150px; text-align: center; background-color: #505052;
}
- ban
{
display: block; margin-left: auto; margin-right: auto; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius: 5px; 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("") no-repeat scroll 50% 5px transparent;
}*/
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.08%; width: 100%; font-size: 25px;
}
aside table {
background-color: transparent;
}
aside ul {
padding: 5%; list-style: none;
}
aside li a {
color: #364d01; text-transform: Capitalize; font-weight:bold;
}
.second li a {
text-transform: none; font-weight: normal; font-size: 80%;
}
/* ------------------------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%; min-height: 400px;
}
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%;
}