Template:Lyon-INSA/homeCss

From 2012.igem.org

(Difference between revisions)
Line 62: Line 62:
   background-color:#CDEFB4;
   background-color:#CDEFB4;
   border:none;
   border:none;
-
width:975px;
+
  width:975px;
}
}
-
#menu
 
-
{
 
-
  height:100%;
 
-
  width:100%;
 
-
  display:inline-block;
 
-
  overflow:hidden; 
 
-
}
 
-
 
-
.titreMenu
 
-
{
 
-
  margin-bottom:50px;
 
-
  font-size:30px;
 
-
  text-align:center;
 
-
  margin-top:5px;
 
-
}
 
-
 
-
.sousTitreMenu
 
-
{
 
-
  margin-left:20px;
 
-
}
 
-
 
-
#mycontent{
 
-
margin-right:auto;
 
-
margin-left:auto;
 
-
width:900px;
 
-
height:100%
 
-
}
 
-
 
-
#page
 
-
{
 
-
  width:1200px;
 
-
  height:1000px;
 
-
  display:none;
 
-
  opacity:0;
 
-
}
 
-
 
-
#team
 
-
{
 
-
    margin-top:10%;
 
-
    background-color:#825FE9;
 
-
    display:inline-block;
 
-
}
 
-
 
-
#project
 
-
{
 
-
    margin-top:10%;
 
-
    display:inline-block;
 
-
    background-color:#F8CD56;
 
-
}
 
-
 
-
#sponsoring
 
-
{
 
-
    background-color:#F74F53; 
 
-
    display:inline-block;
 
-
}
 
-
 
-
#sep
 
-
{
 
-
  display:block;
 
-
  height:5px;
 
-
}
 
-
 
-
#ourCity
 
-
{
 
-
    background-color:#75EF56;
 
-
    display:inline-block;
 
-
}         
 
-
 
-
.choixMenu
 
-
{           
 
-
box-shadow: 0px 0px 20px 0px #000;
 
-
-moz-box-shadow: 0px 0px 20px 0px #000;
 
-
-webkit-box-shadow: 0px 0px 20px 0px #000;
 
-
  height:200px;
 
-
  width:400px;
 
-
  border:1px solid black;
 
-
  cursor:pointer;
 
-
  vertical-align:top;
 
-
border-radius:15px;
 
-
  margin-bottom:10px;
 
-
  margin-right:10px;
 
-
}
 
-
 
-
#backMenu
 
-
{
 
-
  cursor:pointer;
 
-
  display:inline-block;
 
-
  vertical-align:top;
 
-
}
 
-
 
-
#pageContent
 
-
{
 
-
display:inline-block;
 
-
vertical-align:top;
 
-
}
 
-
 
-
.titreExp
 
-
{
 
-
margin-top:20px;
 
-
color:red;
 
-
display:inline-block;
 
-
}
 
-
 
-
.dateExp
 
-
{
 
-
display:inline-block;
 
-
}
 
-
 
-
.month
 
-
{
 
-
cursor:pointer;
 
-
padding:5px 5px 5px 5px;
 
-
}
 
-
 
-
#notebookContent
 
-
{
 
-
display:none;
 
-
}
 
-
 
-
#projectDescriptionContent
 
-
{
 
-
display:none;
 
-
}
 
-
 
-
#contentProject
 
-
{
 
-
margin-top:30px;
 
-
}
 
-
 
-
#banniere
 
-
{
 
-
  vertical-align:top; 
 
-
}
 
-
 
-
.ongletsContent
 
-
{
 
-
  margin-left:400px;
 
-
  display:inline-block;
 
-
  vertical-align:top; 
 
-
}
 
-
 
-
.boutonOnglet
 
-
{     
 
-
  vertical-align:top;       
 
-
border-top:1px solid #666666;
 
-
border-bottom:1px solid #666666;
 
-
border-left:1px solid #666666;
 
-
margin-top:35px;
 
-
padding:5px;
 
-
cursor:pointer;
 
-
background: #b8e1fc; /* Old browsers */
 
-
background: -moz-linear-gradient(top, #b8e1fc 0%, #a9d2f3 10%, #90bae4 25%, #90bcea 37%, #90bff0 50%, #6ba8e5 51%, #a2daf5 83%, #bdf3fd 100%); /* FF3.6+ */
 
-
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b8e1fc), color-stop(10%,#a9d2f3), color-stop(25%,#90bae4), color-stop(37%,#90bcea), color-stop(50%,#90bff0), color-stop(51%,#6ba8e5), color-stop(83%,#a2daf5), color-stop(100%,#bdf3fd)); /* Chrome,Safari4+ */
 
-
background: -webkit-linear-gradient(top, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* Chrome10+,Safari5.1+ */
 
-
background: -o-linear-gradient(top, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* Opera 11.10+ */
 
-
background: -ms-linear-gradient(top, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* IE10+ */
 
-
background: linear-gradient(to bottom, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* W3C */
 
-
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#bdf3fd',GradientType=0 ); /* IE6-9 */
 
-
 
-
}
 
-
 
-
.ongletFin
 
-
{
 
-
border-top-right-radius:5px;
 
-
border-bottom-right-radius:5px;
 
-
border-right:1px solid #666666;
 
-
float:left;
 
-
 
-
}
 
-
 
-
.ongletDebut
 
-
{
 
-
border-top-left-radius:5px;
 
-
border-bottom-left-radius:5px;
 
-
float:left;
 
-
}
 
-
 
-
 
-
 
-
#jourSuivant
 
-
{
 
-
cursor:pointer;
 
-
vertical-align:top;
 
-
margin-top:150px;
 
-
display:inline-block;
 
-
-webkit-transform: rotate(180deg);
 
-
-moz-transform: rotate(180deg);
 
-
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
 
-
}
 
-
 
-
#jourPrecedent
 
-
{
 
-
cursor:pointer;
 
-
margin-top:150px;
 
-
vertical-align:top;
 
-
display:inline-block;
 
-
}
 
-
 
-
.textContent
 
-
{                 
 
-
vertical-align:top;
 
-
display:inline-block;
 
-
}
 
-
 
-
#notebookContent
 
-
{
 
-
  opacity:0;
 
-
}
 
-
 
-
#projectDescriptionContent
 
-
{
 
-
  opacity:0;
 
-
}
 
</style>
</style>

Revision as of 10:34, 19 July 2012