Template:INSA-Lyon/maincontent

From 2010.igem.org

(Difference between revisions)
m
 
(117 intermediate revisions not shown)
Line 4: Line 4:
p {
p {
-
       line-height: 130%;
+
       line-height: 1.3em;
-
       text-indent: 30px;
+
       text-indent: 30px;
 +
      text-align:justify;
 +
      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;
 +
}
 +
 
 +
ol li {
 +
      line-height: 1.3em;
 +
      text-align:justify;
 +
      font-family:Verdana, "Trebuchet MS", Arial, police3, police4;
 +
}
 +
 
 +
exp{
 +
      vertical-align: super;
 +
      font-size: 70%;
 +
      line-height: 80%;
 +
}
 +
 
 +
h2 {
 +
      text-indent: 40px;
       text-align: justify;
       text-align: justify;
 +
      font-weight: bold;
}
}
h3 {
h3 {
Line 12: Line 53:
       text-align: justify;
       text-align: justify;
}
}
 +
 +
 +
 +
/* -------------------------------------------------------------------------------------------- */
 +
/* --------------------- position des différentes "boîtes de textes" -------------------------- */
 +
/* -------------------------------------------------------------------------------------------- */
 +
 +
.colonnegauche {
.colonnegauche {
         width: 130px;
         width: 130px;
Line 30: Line 79:
.colonnedroite {
.colonnedroite {
-
         width: 23%;
+
         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: #b3e5b7;
+
         background-color: #d4e0e8; /* #b3e5b7 */
-
         border: 1px solid #2e8b57;
+
         border: 1px solid #7caed4;
         -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;
 +
}
 +
 +
 +
.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 {
 +
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 {
 +
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 {
 +
        width: 56.8%;
 +
        margin: 30px 10px 10px 10px;
 +
        padding: 8px;
 +
 +
        border: 1px solid #6e6e6e;  <!-- juste pour voir ou sa se place, sinon quand on aura les articles, on pourra les enlever -->
 +
        background-color: white;
 +
        -moz-border-radius: 10px;
 +
        -webkit-border-radius: 10px;
 +
        -goog-ms-border-radius: 10px;
 +
        border-radius: 10px;
 +
        float: left;
}
}
          
          
Line 49: Line 163:
         margin: 30px 5px 10px 10px;
         margin: 30px 5px 10px 10px;
         padding: 8px;
         padding: 8px;
-
         border: 1px solid #1fe14d /* #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 58: Line 172:
}
}
-
#corps {
+
 
-
         width: 57.4%;
+
#corps3 {
-
         margin: 30px 10px 10px 10px;
+
         width: 70%;
 +
         margin: 30px 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 -->
 +
        background-color: white;
 +
        -moz-border-radius: 10px;
 +
        -webkit-border-radius: 10px;
 +
        -goog-ms-border-radius: 10px;
 +
        border-radius: 10px;
 +
        float: left;
 +
}
-
         border: 1px solid #7F5217;  <!-- juste pour voir ou sa se place, sinon quand on aura les articles, on pourra les enlever -->
+
 
 +
#corps4 {
 +
        width: 97.1%;
 +
        margin: 20px 5px 10px 5px;
 +
        padding: 8px;
 +
         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 71: Line 200:
         float: left;
         float: left;
}
}
-
/* Code used in the sponsors page */
+
 
 +
.boite1 {
 +
        width: 46.5%;
 +
        margin: 20px 5px 10px 10px;
 +
        padding: 8px;
 +
        border: 1px solid #6e6e6e;
 +
        -moz-border-radius: 10px;
 +
        -webkit-border-radius: 10px;
 +
        -goog-ms-border-radius: 10px;
 +
        border-radius: 10px;
 +
        float: left;
 +
}
 +
 
 +
.boite2 {
 +
        width: 46.5%;
 +
        margin: 20px 10px 10px 5px;
 +
        padding: 8px;
 +
        border: 1px solid #6e6e6e;
 +
        -moz-border-radius: 10px;
 +
        -webkit-border-radius: 10px;
 +
        -goog-ms-border-radius: 10px;
 +
        border-radius: 10px;
 +
        float: right;
 +
}
 +
 
 +
.boite3 {
 +
        width: 60%;
 +
        margin: 20px 2.5px 10px 5px;
 +
        padding: 8px;
 +
        border: 1px solid #6e6e6e;
 +
        -moz-border-radius: 10px;
 +
        -webkit-border-radius: 10px;
 +
        -goog-ms-border-radius: 10px;
 +
        border-radius: 10px;
 +
        float: left;
 +
}
 +
 
 +
.boite4 {
 +
        width: 35.8%;
 +
        margin: 20px 5px 10px 2.5px;
 +
        padding: 8px;
 +
        border: 1px solid #6e6e6e;
 +
        -moz-border-radius: 10px;
 +
        -webkit-border-radius: 10px;
 +
        -goog-ms-border-radius: 10px;
 +
        border-radius: 10px;
 +
        float: right;
 +
}
 +
 
 +
.boite5 {
 +
        width: 22.6%;
 +
        margin: 30px 10px 10px 0px;
 +
        padding: 8px;
 +
        border: 1px solid #6e6e6e;
 +
        -moz-border-radius: 10px;
 +
        -webkit-border-radius: 10px;
 +
        -goog-ms-border-radius: 10px;
 +
        border-radius: 10px;
 +
        float: right;
 +
}
 +
 
 +
.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;
 +
}
 +
 
 +
/* ----------------------------------------------------------------------------------------------- */
 +
/* ----------------------------- Code used in the sponsors page ---------------------------------- */
 +
/* ----------------------------------------------------------------------------------------------- */
 +
 
.sponsorsH1 {
.sponsorsH1 {
Line 95: Line 373:
.sponsors p{
.sponsors p{
padding: 5px;
padding: 5px;
 +
text-align: justify;
}
}
Line 100: Line 379:
-
#corps3 {
 
-
        width: 72%;
 
-
        margin: 30px 10px 10px 5px;
 
-
        padding: 8px;
 
-
        border: 1px solid #7F5217;  <!-- juste pour voir ou sa se place, sinon quand on aura les articles, on pourra les enlever -->
 
-
        background-color: white;
 
-
        -moz-border-radius: 10px;
 
-
        -webkit-border-radius: 10px;
 
-
        -goog-ms-border-radius: 10px;
 
-
        border-radius: 10px;
 
-
        float: left;
 
-
}
 
-
 
-
 
-
#corps4 {
 
-
        width: 97.7%;
 
-
        margin: 20px 5px 10px 5px;
 
-
        padding: 5px;
 
-
        border: 1px solid #1fe14d;  <!-- juste pour voir ou sa se place, sinon quand on aura les articles, on pourra les enlever -->
 
-
        background-color: white;
 
-
        -moz-border-radius: 10px;
 
-
        -webkit-border-radius: 10px;
 
-
        -goog-ms-border-radius: 10px;
 
-
        border-radius: 10px;
 
-
        float: left;
 
-
}
 
.support {
.support {
Line 178: Line 431:
}
}
-
</style>
 
 +
 +
 +
/* ----------------------------------------------------------------------------------------------- */
 +
/* ------------------------- Alignement hors template de Groningen ------------------------------- */
 +
/* ----------------------------------------------------------------------------------------------- */
 +
 +
</style>
</html>
</html>

Latest revision as of 19:35, 24 April 2011