Template:Lyon-INSA-ENS/blocStyle

From 2011.igem.org

(Difference between revisions)
(Created page with "<html> <style type="text/css"> p { line-height: 1.3em; text-indent: 30px; text-align:justify; font-family:Verdana, "Trebuchet MS", Arial, police3,...")
 
(381 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: 30px;  
+
       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;
-
}
+
-
#corps2 li a {
+
-
      font-weight: bold;
+
-
}
+
-
#corps3 li a {font-weight: bold;
+
-
}
+
-
#corps4 li a {font-weight: bold;
+
-
}
+
-
#corps li a {font-weight: bold;
+
-
}
+
-
#corps2 p a {
+
-
      font-weight: bold;
+
-
}
+
-
#corps4 p a {font-weight: bold;
+
}
}
-
#corps3 p a {font-weight: bold;
+
 
-
}
+
 
 +
/* -------------------------------------------------------------------------------------------- */
 +
/* --------------------- position des différentes "boîtes de textes" -------------------------- */
 +
/* -------------------------------------------------------------------------------------------- */
 +
 
 +
 
#corps p a {font-weight: bold;
#corps p a {font-weight: bold;
Line 32: Line 23:
}
}
-
ol li {
+
{
-
       line-height: 1.3em;
+
       text-indent: 30px;
-
       text-align:justify;  
+
       text-align: justify;
-
       font-family:Verdana, "Trebuchet MS", Arial, police3, police4;
+
       color : #0101DF;
}
}
-
exp{
+
#contenu {
-
       vertical-align: super;
+
        padding: 10px;
-
       font-size: 70%;
+
    /* border: 3px solid;*/
-
       line-height: 80%;
+
       text-indent: 40px;
-
}  
+
       text-align: justify;
 +
       background-color:#666666;
 +
 
 +
}
h2 {
h2 {
Line 54: 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;
 +
}
/* -------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */
Line 61: Line 69:
-
.colonnegauche {
+
#language{
-
        width: 130px;
+
        text-align : right;
-
        height: 100%;
+
        margin-right : 20 px;
-
         float: left;
+
}
-
         margin-left: 5px;
+
 
-
         margin-top: 60px;  
+
 
-
         padding-top: -1px;
+
#bandeau {
-
        padding-bottom:5px;
+
      /* text-indent: 100px;*/
 +
width:100%;
 +
height:50px;
 +
background-color:transparent; #00CCFF;
 +
      /*text-align:center; */
 +
}
 +
 
 +
#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;
         -moz-border-radius: 10px;
         -webkit-border-radius: 10px;  
         -webkit-border-radius: 10px;  
-
         -goog-ms-border-radius: 10px;      
+
         -goog-ms-border-radius: 10px;  
-
         border-radius: 10px;      
+
         border-radius: 10px;
-
      /* position: relative; */
+
    }
-
         background-color: white/* #1fe14d */ /* #e89024 */;
+
 
 +
 
 +
.contenu {
 +
position : relative;
 +
        top : -50px;
 +
        margin-left: 10px; 
 +
        margin-right : 5px;
 +
float:left;
 +
width:100%;
 +
        position: relative;
 +
        min-height: 100%; 
 +
background-color:  transparent; /*#FFCC00;*/
 +
        font-family:Verdana, "Trebuchet MS", Arial, police3, police4,serif;
 +
}
 +
 
 +
.contenugrand {
 +
float:left;
 +
width:95%;
 +
        margin-right : 10px;
 +
        position: relative;
 +
        min-height: 100%; 
 +
background-color:transparent; /* #FFCC00;*/
 +
         font-family:Verdana, "Trebuchet MS", Arial, police3, police4,serif;
 +
}
 +
 
 +
.contenugrand2 {
 +
float:left;
 +
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%;
 +
        position: relative;
 +
        min-height: 100%; 
 +
background-color:transparent; /*#FFCC00;*/
 +
        font-family:Verdana, "Trebuchet MS", Arial, police3, police4,serif;
 +
}
 +
 
 +
.titredroite{   
 +
    text-align:center;
 +
    background-color:#FFCC00;
 +
    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: 210px;
 +
    height: 100%;
 +
  /* float: left; */
 +
  /* margin-top: 30px; */
 +
  /* margin-right: 5px; */
 +
    /*padding: 8px;*/
 +
    position: relative;
}
}
 +
 +
 +
.cadre{
 +
    text-align:center;
 +
    width :600px;
 +
    height:float;
 +
    margin-top : 20px;
 +
    border: 4px solid green;
 +
    -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 ---------------------------------- */
 +
/* ----------------------------------------------------------------------------------------------- */
 +
 +
 +
.important{
 +
color:maroon;
 +
}
 +
 +
.sponsorsH1 {
 +
font-family: Verdana, Serif;
 +
padding-left: 30px;
 +
margin-top: 50px
 +
}
 +
 +
.sponsors {
 +
    margin: 10px 8px 20px 8px;
 +
    padding: 10px;
 +
    border: 3px solid;
 +
    -moz-border-radius: 10px;
 +
    -webkit-border-radius: 10px;
 +
    -goog-ms-border-radius: 10px;
 +
    border-radius: 10px;
 +
}
 +
.sponsors img{
 +
float: left;
 +
padding: 5px;
 +
}
 +
 +
.sponsors p{
 +
padding: 5px;
 +
text-align: justify;
 +
}
 +
 +
/* End of the code used in the sponsors page */
 +
 +
 +
 +
.support {
 +
border:2px solid #95b3d7;
 +
background-color:#fff;
 +
top:-3px;
 +
left:-3x;
 +
position:relative;
 +
z-index:1;
 +
padding: 10px;
 +
-moz-border-radius : 10px;
 +
        -webkit-border-radius: 10px;
 +
        -goog-ms-border-radius: 10px;
 +
        border-radius: 10px;
 +
}
 +
div.ombre.noimg {
 +
-moz-border-radius: 10px;
 +
        -webkit-border-radius: 10px;
 +
        -goog-ms-border-radius: 10px;
 +
        border-radius: 10px;
 +
display:block;
 +
}
 +
.ombredeux {
 +
border:0;
 +
background-color:#999;
 +
padding:0;
 +
padding-top:0;
 +
padding-right:3px;
 +
border-left:0;
 +
-moz-border-radius: 10px;
 +
        -webkit-border-radius: 10px;
 +
        -goog-ms-border-radius: 10px;
 +
        border-radius: 10px;
 +
}
 +
#coins-arrondis {
 +
        -moz-border-radius: 10px;
 +
        -webkit-border-radius: 10px;
 +
        -goog-ms-border-radius: 10px;
 +
        border-radius: 10px;
 +
}
 +
.maincontent {
 +
      position : relative;
 +
        top : -50px;
 +
        width: 600px;
 +
position: relative;
 +
        margin: 10px 10px 30px 0;
 +
        float: left;       
 +
}
 +
.othercontent {
 +
        width: 330px;
 +
position:relative;
 +
        float: right;
 +
        margin: 10px 0 30px 0;
 +
}
 +
 +
 +
 +
 +
/* ----------------------------------------------------------------------------------------------- */
 +
/* ------------------------- Alignement hors template de Groningen ------------------------------- */
 +
/* ----------------------------------------------------------------------------------------------- */
 +
Line 112: 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 146: Line 432:
#corps {
#corps {
-
         width: 56.8%;
+
         width: 120px;
         margin: 30px 10px 10px 10px;
         margin: 30px 10px 10px 10px;
         padding: 8px;
         padding: 8px;
Line 217: 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 227: 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 293: Line 580:
         border-radius: 10px;
         border-radius: 10px;
}
}
-
 
-
 
-
/* ----------------------------------------------------------------------------------------------- */
 
-
/* ----------------------------- Code used in the sponsors page ---------------------------------- */
 
-
/* ----------------------------------------------------------------------------------------------- */
 
-
 
-
 
-
.sponsorsH1 {
 
-
font-family: Verdana, Serif;
 
-
padding-left: 30px;
 
-
margin-top: 50px
 
-
}
 
-
 
-
.sponsors {
 
-
    margin: 10px 8px 20px 8px;
 
-
    padding: 10px;
 
-
    border: 3px solid;
 
-
    -moz-border-radius: 10px;
 
-
    -webkit-border-radius: 10px;
 
-
    -goog-ms-border-radius: 10px;
 
-
    border-radius: 10px;
 
-
}
 
-
.sponsors img{
 
-
float: left;
 
-
padding: 5px;
 
-
}
 
-
 
-
.sponsors p{
 
-
padding: 5px;
 
-
text-align: justify;
 
-
}
 
-
 
-
/* End of the code used in the sponsors page */
 
-
 
Line 379: 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"