Template:INSA-Lyon/maincontent

From 2010.igem.org

(Difference between revisions)
m
 
(59 intermediate revisions not shown)
Line 8: Line 8:
       text-align:justify;  
       text-align:justify;  
       font-family:Verdana, "Trebuchet MS", Arial, police3, police4;
       font-family:Verdana, "Trebuchet MS", Arial, police3, police4;
 +
}
 +
#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;
 +
}
 +
 +
#corps p a {font-weight: bold;
 +
}
 +
.colonnedroite p a {font-weight: bold;
}
}
Line 57: Line 79:
.colonnedroite {
.colonnedroite {
-
         width: 22.8%;
+
         width: 22.7%;
         height: 100%;
         height: 100%;
         float: right;  
         float: right;  
         margin-top: 30px;
         margin-top: 30px;
         margin-right: 5px;   
         margin-right: 5px;   
-
         padding: 5px;
+
         padding: 8px;
       /* position: relative; */
       /* position: relative; */
         background-color: #d4e0e8; /* #b3e5b7 */
         background-color: #d4e0e8; /* #b3e5b7 */
Line 71: Line 93:
         border-radius: 10px;
         border-radius: 10px;
}
}
 +
 +
 +
.colonnedroite2 {
 +
        width: 70%;
 +
        height: 100%;
 +
        margin-top: 5px;
 +
        margin-right: 10px; 
 +
        margin-left: 15px;
 +
        padding: 8px;
 +
      /* position: relative; */
 +
        background-color: #d4e0e8; /* #b3e5b7 */
 +
        border: 1px solid #7caed4;
 +
        -moz-border-radius: 10px;
 +
        -webkit-border-radius: 10px;
 +
        -goog-ms-border-radius: 10px;
 +
        border-radius: 10px;
 +
}
 +
.titredroite {
.titredroite {
Line 79: Line 119:
border-radius: 10px;
border-radius: 10px;
text-indent: 20px; background:white; color:#6e6e6e; border-bottom: 1px solid #6e6e6e; margin-bottom: -25px;
text-indent: 20px; background:white; color:#6e6e6e; border-bottom: 1px solid #6e6e6e; margin-bottom: -25px;
-
width: 22.8%;
+
width: 22.7%;
height: 100%;
height: 100%;
float: right;  
float: right;  
margin-top: 30px;
margin-top: 30px;
margin-right: 5px;   
margin-right: 5px;   
-
padding: 5px;
+
padding: 8px;
/* position: relative; */
/* position: relative; */
}
}
 +
.titredroite2 {
 +
border: 1px solid #7caed4;
 +
-moz-border-radius: 10px;
 +
-webkit-border-radius: 10px;
 +
-goog-ms-border-radius: 10px;
 +
border-radius: 10px;
 +
text-indent: 0px; background:white; color:#6e6e6e; border-bottom: 1px solid #6e6e6e; margin-bottom: -0px;
 +
text-align:center;
 +
width: 70%;
 +
height: 100%;
 +
margin-top: 5px;
 +
margin-right: 10px; 
 +
margin-left: 15px;
 +
padding: 8px;
 +
/* position: relative; */
 +
}
#corps {
#corps {
-
         width: 57.4%;
+
         width: 56.8%;
         margin: 30px 10px 10px 10px;
         margin: 30px 10px 10px 10px;
         padding: 8px;
         padding: 8px;
Line 107: Line 163:
         margin: 30px 5px 10px 10px;
         margin: 30px 5px 10px 10px;
         padding: 8px;
         padding: 8px;
-
         border: 1px solid #6e6e6e /* #83ad3e */;  <!-- juste pour voir ou sa se place, sinon quand on aura les articles, on pourra les enlever -->
+
         border: 1px solid #6e6e6e /* #6e6e6e */;  <!-- juste pour voir ou sa se place, sinon quand on aura les articles, on pourra les enlever -->
         background-color: white;
         background-color: white;
         -moz-border-radius: 10px;
         -moz-border-radius: 10px;
Line 118: Line 174:
#corps3 {
#corps3 {
-
         width: 72%;
+
         width: 70%;
         margin: 30px 5px 10px 5px;
         margin: 30px 5px 10px 5px;
         padding: 8px;
         padding: 8px;
Line 132: Line 188:
#corps4 {
#corps4 {
-
         width: 97.7%;
+
         width: 97.1%;
         margin: 20px 5px 10px 5px;
         margin: 20px 5px 10px 5px;
         padding: 8px;
         padding: 8px;
         border: 1px solid #6e6e6e;  <!-- juste pour voir ou sa se place, sinon quand on aura les articles, on pourra les enlever -->
         border: 1px solid #6e6e6e;  <!-- juste pour voir ou sa se place, sinon quand on aura les articles, on pourra les enlever -->
 +
        position: center;
         background-color: white;
         background-color: white;
         -moz-border-radius: 10px;
         -moz-border-radius: 10px;
Line 145: Line 202:
.boite1 {  
.boite1 {  
-
         width: 47.5%;
+
         width: 46.5%;
-
         margin: 20px 2.5px 10px 5px;
+
         margin: 20px 5px 10px 10px;
         padding: 8px;
         padding: 8px;
         border: 1px solid #6e6e6e;
         border: 1px solid #6e6e6e;
Line 157: Line 214:
.boite2 {  
.boite2 {  
-
         width: 47.5%;
+
         width: 46.5%;
-
         margin: 20px 5px 10px 2.5px;
+
         margin: 20px 10px 10px 5px;
         padding: 8px;
         padding: 8px;
         border: 1px solid #6e6e6e;
         border: 1px solid #6e6e6e;
Line 193: Line 250:
.boite5 {  
.boite5 {  
-
         width: 22.5%;
+
         width: 22.6%;
-
         margin: 30px 5px 10px 0px;
+
         margin: 30px 10px 10px 0px;
         padding: 8px;
         padding: 8px;
         border: 1px solid #6e6e6e;
         border: 1px solid #6e6e6e;
Line 204: Line 261:
}
}
 +
.boite6 {
 +
        width: 30%;
 +
        margin: 20px 5px 10px 2.5px;
 +
        padding: 8px;
 +
        border: 0px solid #6e6e6e;
 +
        -moz-border-radius: 10px;
 +
        -webkit-border-radius: 10px;
 +
        -goog-ms-border-radius: 10px;
 +
        border-radius: 10px;
 +
}
 +
 +
.boite7 {
 +
        width: 30%;
 +
        margin: 20px 5px 10px 2.5px;
 +
        padding: 8px;
 +
        border: 0px solid #6e6e6e;
 +
        -moz-border-radius: 10px;
 +
        -webkit-border-radius: 10px;
 +
        -goog-ms-border-radius: 10px;
 +
        border-radius: 10px;
 +
}
 +
 +
.boite8 {
 +
        width: 30%;
 +
        margin: 20px 5px 10px 2.5px;
 +
        padding: 8px;
 +
        border: 0px solid #6e6e6e;
 +
        -moz-border-radius: 10px;
 +
        -webkit-border-radius: 10px;
 +
        -goog-ms-border-radius: 10px;
 +
        border-radius: 10px;
 +
}
 +
 +
 +
.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 {
 +
        width: 600px;
 +
position: relative;
 +
        margin: 10px 10px 30px 0;
 +
        float: left;       
 +
}
 +
.othercontent {
 +
        width: 330px;
 +
position:relative;
 +
        float: right;
 +
        margin: 10px 0 30px 0;
 +
}
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
Line 298: Line 439:
</style>  
</style>  
-
 
</html>
</html>

Latest revision as of 19:35, 24 April 2011