"
Team:Bordeaux/css main
From 2014.igem.org
(Difference between revisions)
| Line 479: | Line 479: | ||
.week{ | .week{ | ||
width : 100%; | width : 100%; | ||
| - | height : | + | height : 65px; |
} | } | ||
| Line 485: | Line 485: | ||
float : left; | float : left; | ||
width : 14%; | width : 14%; | ||
| - | height : | + | height : 60px; |
border : 1px solid black; | border : 1px solid black; | ||
} | } | ||
Revision as of 15:45, 14 September 2014
body {
width: 100%; margin: 0px auto; background-color: #FFF; background-position: 100% 0px;
}
- barregrise
{
background-image: url(); background-repeat: repeat-x; width:100%;
}
- banniere
{
background-color:white; width:100%; margin-top: 2.2%; text-align:center;
}
h1 {
color:white; text-align:center;
}
p {
color:white; text-align:center; text-align: justify; margin-left:20%; margin-right:20%;
}
.logo2
{
margin-left:25%;
}
.cible {
margin-left: 10%;
}
- cadrepourpre
{
background-image: url(); background-repeat: repeat-x; width:100%; margin-top: 2%; height:5em; overflow: hidden;
}
- cadrerose
{
margin-top: 0%; margin-left: 0%; width: 100%;
}
.cadrerose {
margin-top:-22%; border-width:2px; border-color:black;
}
.points1 { margin-top:-22%; margin-left:2%; }
- text
{
width:100%;
}
.photogroupe
{
margin-top: -25%;
}
- maincontainer_bordeaux2014
{
width: 100%; margin: 0px auto; background-color: #18000E; background-position: 100% 0px;
}
/* la barre titre (banniere igem+ menu haut)*/
- top-section
{
height: 5px; width: auto; margin-bottom: -1.5em; border: 0 /*none transport*/;
}
/* la barre de menu du haut */
- menubar
{
background: none repeat scroll 0 0 transparent !important; color: black !important; position: absolute; top: 0px; 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: transparent;
}
/* les lien du login */ .right-menu a {
color:transparent; text-decoration: transparent; background-color: transparent;
}
- menubar *
{ color: #18000E !important; background: #18000E !important; }
- top-section:hover #menubar *
{ color: white !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: #18000E; border:none; padding:none; margin:none; line-height:1em; color: white;
}
- globalWrapper
{
font-size: 150%;
}
/*titre de page */ .firstHeading {
display:none; border: none;
}
- footer-wrapper
{
width: 100%; margin: 0% auto; background-color: #18000E; background-position: 100% 0px;
}
- f-copyrightico
{
margin: 1% 0 1% 1%;
}
- f-poweredbyico
{
margin: 1% 1% 1% 0;
}
/* la boite en bas de page */
- footer-box
{
background-color: #18000e; width: 100%; border: 1px solid #fff; padding: 0%; display:none;
}
- footer {
font-size: 72%;
}
- catlinks
{
display: none;
}
ul {
list-style-image: none; line-height: 1.2em; margin: 0px;
}
- maincontainer
{
margin: auto; text-align: justify; width: 70%;
}
- mainTextcontainer
{
padding-left: 1.5%; padding-right: 1.5%; text-align: center;
}
/* Site settings */
a {
text-decoration: underline;
}
a:link {
color: #927D9E; cursor: pointer;
}
a:visited {
color: #927D9E;
}
a:hover {
color: #E56FCC;
}
a * {
color: #927D9E; text-decoration: underline;
}
sup {
font-size: 0.7em; vertical-align: 0.3em;
}
sub { font-size: 0.7em; }
/*********| HEADER |*************/
- header
{
width: 100%; margin: 0px auto; background-color: #18000E; background-position: 100% 0px;
}
- menu {
padding:8px; text-align:center; display: align-flex; overflow: auto; height:1em; overflow: hidden;
}
- menu ul {
position: absolute; top: 5.5em; top: 5.5vw; left:0; max-height:0em; margin:0 !important; padding:0; overflow:hidden; transition: 0.5s max-height 0.3s; border-radius: 0 0 8px 8px;
}
- menu li {
display: inline-block; list-style: none; /* for IE7 */ margin: -10% 0 3.7% -1%; padding-bottom: 0;
}
- menu > li, #menu > li li {
position: relative; display:inline-block; padding: auto;
}
- menu > li li {
width: 100%; padding: 3% 0;
}
- menu a {
display:inline-block; margin: auto; color: #FFF; text-decoration:none; width: 100%;
}
- menu a span{
display: block; margin: auto; width: 50%;
}
- menu > li li { background: transparent none; }
- menu > li li a { color: #FFF; }
- menu > li li:hover a
{
color: #F5DF00;
}
- menu > li li:hover
{
background:#888888;
}
- menu > li:first-child {
border-left: 0;
}
- menu > li li:first-child {
border-bottom: 1px solid #F5DF00;
}
- menu > li li + li{
border-top: 1px solid #aaa; border-bottom: 1px solid #F5DF00;
}
- menu > li li:last-child {
border-top: 1px solid #aaa; border-right: 0;
}
- menu > li:hover {
}
- menu > li:hover ul {
max-height:20em;
}
.cadriage {
text-align:center;
}
- team1
{
text-align:center;
}
- commentaire
{
float:left;
}
- commentaire2
{
float:right;
}
- commentaire3
{
float:right;
}
- menupied
{
text-align:center;
}
#igame
{
text-align:center;
}
td {
padding:10px; border: thin solid #6495ed; text-align: left; background-color: #18000E; color: white;
}
/* ----------- CSS Calendar ----------- */
.calendar{
margin : auto; width : 80%; align : center; background : #FFFFFF; border : 3px solid #FF1493; border-radius : 25px;
}
.month{
height : 40px; width : 100%; text-align : center; padding-top : 20px; color : #FFFFFF; background : #808080; font-size : 20px; border-top-left-radius : 25px; border-top-right-radius : 25px;
}
.days{
width : 100%; height : 26px; font-size : 16px; padding-top : 10px; color : black; background : #D3D3D3;
}
.week{
width : 100%; height : 65px;
}
.day{
float : left; width : 14%; height : 60px; border : 1px solid black;
}
.number{
height : 50%; color : black; font-size: 12px; vertical-align : top; text-align : left;
}
.calendar-bottom{
width : 100% height : 10 px; background : #D3D3D3;
}
