Template:Lyon-INSA-ENS/blocStyle

From 2011.igem.org

(Difference between revisions)
 
(336 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
 
<style type="text/css">
<style type="text/css">
-
 
p {
p {
-
       line-height: 1.3em;
+
       line-height: 2em;
-
       text-indent: 140px;  
+
       text-indent: 20px;  
       text-align:justify;  
       text-align:justify;  
-
       font-family:Verdana, "Trebuchet MS", Arial, police3, police4;
+
       font-family:Verdana, "Trebuchet MS", Arial, police3, police4,serif;
}
}
Line 25: Line 23:
}
}
 +
{
 +
      text-indent: 30px;
 +
      text-align: justify;
 +
      color : #0101DF;
 +
}
 +
 +
#contenu {
 +
        padding: 10px;
 +
    /* border: 3px solid;*/
 +
      text-indent: 40px;
 +
      text-align: justify;
 +
      background-color:#666666;
 +
 +
}
h2 {
h2 {
Line 36: Line 48:
}
}
 +
h5 {
 +
      /* color : #0101DF; */
 +
      color : #006600;
 +
      font-size: medium;
 +
      text-align: center;
 +
      font-size: 2.5em;
 +
}
 +
 +
h6 {
 +
      color : #006600;
 +
      font-size: medium;
 +
      text-align: center;
 +
      font-size: 1.5em;
 +
}
/* -------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */
/* --------------------- position des différentes "boîtes de textes" -------------------------- */
/* --------------------- position des différentes "boîtes de textes" -------------------------- */
/* -------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */
 +
 +
 +
#language{
 +
        text-align : right;
 +
        margin-right : 20 px;
 +
}
#bandeau {
#bandeau {
-
width:600px;
+
      /* text-indent: 100px;*/
 +
width:100%;
height:50px;
height:50px;
-
background-color:#00CCFF;
+
background-color:transparent; #00CCFF;
 +
      /*text-align:center; */
}
}
#menu {
#menu {
 +
 +
        float:left;
 +
width:180px;
 +
background-color:transparent; /*#00CCFF;*/
 +
        margin-right: 10px;
 +
        min-height: 100%;
 +
        margin-left : 15px;
 +
}
 +
 +
 +
 +
#menu ul {
 +
    padding: 0;
 +
    width: 170px;
 +
    border:0px solid;
 +
    margin:0px;
 +
    margin-top:80px;
 +
    }
 +
 +
#menu ul li {
 +
    background: #333333 ;
 +
    color:#008000  ;
 +
    position:relative;
 +
    list-style: none; /*on enleve les icones de liste*/
 +
    height : auto;
 +
    margin-bottom: 25px;
 +
    padding : 10px;
 +
    /*border: 10px solid; */
 +
    border-color : #333333 ;
 +
    -moz-border-radius: 10px;
 +
    -webkit-border-radius: 10px;
 +
    -goog-ms-border-radius: 10px;
 +
    border-radius:10px;
 +
    }
 +
 +
 +
#menu li a, #menu li .selflink {
 +
    text-decoration: none ;
 +
    color : white;
 +
    position : relative;
 +
    padding : 10px 15 px;
 +
    font-family : Times;
 +
    font-weight :bold;
 +
    font-size : large;
 +
    margin-left : 15px;
 +
    }
 +
 +
#menu li.actif a, #menu li.actif .selflink {
 +
  text-decoration: underline;
 +
}
 +
 +
#menu li.sousmenu {
 +
    background: #008000 ;
 +
    }
 +
 +
 +
#menu li:hover {
 +
    background:#228B22;
 +
    border-color:#228B22;
 +
    }
 +
 +
#menu ul li.actif {
 +
       
 +
        height: auto;
 +
        /*border: 15px solid #555;*/
 +
        border-color :#666666;
 +
        font-family : Times;
 +
font-weight: bold;
 +
        font-size : large;
 +
color: white;
 +
        background:#666666;
 +
       
 +
}
 +
 +
 +
 +
 +
#menudroite    {
 +
float:right;
 +
width:210px;
 +
 +
background-color:#00CCFF;
 +
        margin-right: 10px;
 +
        min-height: 100%;
 +
 +
        }
 +
 +
body { 
 +
        height: 100%; 
 +
        background-color: #CCFFCC;
 +
        -moz-border-radius: 10px;
 +
        -webkit-border-radius: 10px;
 +
        -goog-ms-border-radius: 10px;
 +
        border-radius: 10px;
 +
    }
 +
 +
 +
.contenu {
 +
position : relative;
 +
        top : -50px;
 +
        margin-left: 10px; 
 +
        margin-right : 5px;
float:left;
float:left;
-
width:200px;
+
width:100%;
-
height:400px;
+
        position: relative;
-
background-color:transparent;
+
        min-height: 100%;
 +
background-color: transparent; /*#FFCC00;*/
 +
        font-family:Verdana, "Trebuchet MS", Arial, police3, police4,serif;
}
}
-
.contenu {
+
.contenugrand {
float:left;
float:left;
-
width:550px;
+
width:95%;
-
height:600px;
+
        margin-right : 10px;
-
background-color:#FFCC00;
+
        position: relative;
-
         border-left: 5px;
+
        min-height: 100%;
-
        margin-left: 5px;
+
background-color:transparent; /* #FFCC00;*/
 +
         font-family:Verdana, "Trebuchet MS", Arial, police3, police4,serif;
}
}
-
#pied_page {
+
.contenugrand2 {
-
         text-align:center;
+
float:left;
-
clear:both;
+
width:75%;
 +
         margin-right : 5px;
 +
        margin-left : 10px;
 +
        position: relative;
 +
        min-height: 100%; 
 +
background-color:transparent; /* #FFCC00;*/
 +
        font-family:Verdana, "Trebuchet MS", Arial, police3, police4,serif;
 +
}
 +
 
 +
.contenusupergrand {
 +
float:left;
width:100%;
width:100%;
-
height:50px;
+
        position: relative;
-
background-color:#33FF99;
+
        min-height: 100%;
 +
background-color:transparent; /*#FFCC00;*/
 +
        font-family:Verdana, "Trebuchet MS", Arial, police3, police4,serif;
}
}
-
.colonnegauche {
+
.titredroite{  
-
        width: 130px;
+
    text-align:center;
-
        height: 100%;
+
    background-color:#FFCC00;  
-
        float: left;
+
    border: 1px solid #7caed4;
-
        margin-left: 5px;
+
    -moz-border-radius: 10px;
-
        margin-top: 60px;  
+
    -webkit-border-radius: 10px;  
-
        padding-top: -1px;
+
    -goog-ms-border-radius: 10px;
-
        padding-bottom:5px;
+
    border-radius: 10px;
-
        -moz-border-radius: 10px;
+
    text-indent: 20px; background:white; color:#6e6e6e; border-bottom: 1px solid #6e6e6e; margin-bottom: -25px;
 +
    width: 210px;
 +
    height: 100%;
 +
  /* float: left; */
 +
  /* margin-top: 30px; */
 +
  /* margin-right: 5px; */
 +
    /*padding: 8px;*/
 +
    position: relative;
}
}
-
.menudroite{
+
 
-
float:left;
+
.cadre{  
-
width:200px;
+
    text-align:center;
-
height:600px;
+
    width :600px;
-
background-color:#00CCFF;
+
    height:float;  
-
        margin-left: 5px;
+
    margin-top : 20px;
-
        padding-top: -1px;
+
    border: 4px solid green;
-
        padding-bottom:5px;
+
    -moz-border-radius: 10px;
-
        -moz-border-radius: 10px;
+
    -webkit-border-radius: 10px;  
 +
    -goog-ms-border-radius: 10px;
 +
    border-radius: 10px;
 +
    -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 12px 7px;
 +
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 12px 7px;
 +
    -goog-ms-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 12px 7px;
 +
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 12px 7px;
 +
    }
 +
 
 +
/****** pour page plan du site  *****/
 +
 
 +
#colonne11{
 +
float: left;
 +
        margin-left : 20px;
 +
width: 30%;
}
}
 +
#colonne21 {
 +
float: right;
 +
width: 35%;
 +
}
 +
#centre1 {
 +
margin-left: 34%;
 +
margin-right: 30%;
 +
}
 +
 +
 +
 +
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------- Code used in the sponsors page ---------------------------------- */
/* ----------------------------- Code used in the sponsors page ---------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
 +
 +
.important{
 +
color:maroon;
 +
}
.sponsorsH1 {
.sponsorsH1 {
Line 167: Line 355:
}
}
.maincontent {
.maincontent {
 +
      position : relative;
 +
        top : -50px;
         width: 600px;
         width: 600px;
position: relative;
position: relative;
Line 186: Line 376:
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
-
        -webkit-border-radius: 10px;
 
-
        -goog-ms-border-radius: 10px;     
 
-
        border-radius: 10px;     
 
-
      /* position: relative; */
 
-
        background-color: white/* #1fe14d */ /* #e89024 */;
 
-
}
 
Line 228: Line 412:
-
.titredroite {
+
 
-
border: 1px solid #7caed4;
+
-
-moz-border-radius: 10px;
+
-
-webkit-border-radius: 10px;
+
-
-goog-ms-border-radius: 10px;
+
-
border-radius: 10px;
+
-
text-indent: 20px; background:white; color:#6e6e6e; border-bottom: 1px solid #6e6e6e; margin-bottom: -25px;
+
-
width: 22.7%;
+
-
height: 100%;
+
-
float: right;
+
-
margin-top: 30px;
+
-
margin-right: 5px; 
+
-
padding: 8px;
+
-
/* position: relative; */
+
-
}
+
.titredroite2 {
.titredroite2 {
Line 333: Line 503:
         margin: 20px 10px 10px 5px;
         margin: 20px 10px 10px 5px;
         padding: 8px;
         padding: 8px;
-
         border: 1px solid #6e6e6e;
+
         border: 3px solid #6e6e6e;
         -moz-border-radius: 10px;
         -moz-border-radius: 10px;
         -webkit-border-radius: 10px;  
         -webkit-border-radius: 10px;  
Line 343: Line 513:
.boite3 {  
.boite3 {  
         width: 60%;
         width: 60%;
-
         margin: 20px 2.5px 10px 5px;
+
         margin: 20px 50px;
         padding: 8px;
         padding: 8px;
-
         border: 1px solid #6e6e6e;
+
        background-color : blue;
 +
         border: 3px solid black;
         -moz-border-radius: 10px;
         -moz-border-radius: 10px;
         -webkit-border-radius: 10px;  
         -webkit-border-radius: 10px;  
Line 461: Line 632:
         margin: 10px 0 30px 0;
         margin: 10px 0 30px 0;
}
}
-
 
-
 
-
 
-
 
-
/* ----------------------------------------------------------------------------------------------- */
 
-
/* ------------------------- Alignement hors template de Groningen ------------------------------- */
 
-
/* ----------------------------------------------------------------------------------------------- */
 
</style>  
</style>  
-
 
-
 
-
 
</html>
</html>

Latest revision as of 16:01, 16 September 2011

Retrieved from "http://2011.igem.org/Template:Lyon-INSA-ENS/blocStyle"