Template:INSA-Lyon/maincontent

From 2010.igem.org

(Difference between revisions)
 
(206 intermediate revisions not shown)
Line 2: Line 2:
<style type="text/css">
<style type="text/css">
 +
 +
p {
 +
      line-height: 1.3em;
 +
      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;
 +
      font-weight: bold;
 +
}
 +
h3 {
 +
      text-indent: 30px;
 +
      text-align: justify;
 +
}
 +
 +
 +
 +
/* -------------------------------------------------------------------------------------------- */
 +
/* --------------------- position des différentes "boîtes de textes" -------------------------- */
 +
/* -------------------------------------------------------------------------------------------- */
 +
.colonnegauche {
.colonnegauche {
Line 8: Line 66:
         float: left;
         float: left;
         margin-left: 5px;
         margin-left: 5px;
-
         margin-top: 20px;  
+
         margin-top: 60px;  
-
         padding-top: 5px;
+
         padding-top: -1px;
         padding-bottom:5px;
         padding-bottom:5px;
         -moz-border-radius: 10px;
         -moz-border-radius: 10px;
Line 16: Line 74:
         border-radius: 10px;       
         border-radius: 10px;       
       /* position: relative; */
       /* position: relative; */
-
         background-color: #1fe14d;
+
         background-color: white/* #1fe14d */ /* #e89024 */;
}
}
.colonnedroite {
.colonnedroite {
-
         width: 23%;
+
         width: 22.7%;
         height: 100%;
         height: 100%;
         float: right;  
         float: right;  
-
         margin-top: 20px;
+
         margin-top: 30px;
         margin-right: 5px;   
         margin-right: 5px;   
-
         padding: 5px;
+
         padding: 8px;
       /* position: relative; */
       /* position: relative; */
-
         background-color: #1fe14d;
+
         background-color: #d4e0e8; /* #b3e5b7 */
 +
        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;
}
}
          
          
#corps2 {
#corps2 {
-
         width: 82.1%;
+
         width: 82.3%;
-
         margin: 20px 5px 60px 10px;
+
         margin: 30px 5px 10px 10px;
         padding: 8px;
         padding: 8px;
-
         border: 3px 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 48: Line 172:
}
}
-
#corps {
 
-
        width: 57%;
 
-
        margin: 20px 10px 60px 10px;
 
-
        padding: 8px;
 
-
         border: 3px solid #1fe14d;  <!-- juste pour voir ou sa se place, sinon quand on aura les articles, on pourra les enlever -->
+
#corps3 {
 +
        width: 70%;
 +
        margin: 30px 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 -->
         background-color: white;
         background-color: white;
         -moz-border-radius: 10px;
         -moz-border-radius: 10px;
Line 62: Line 186:
}
}
-
.sponsors
+
 
-
{
+
#corps4 {
-
  height: 100%;
+
        width: 97.1%;
-
  margin: auto;
+
        margin: 20px 5px 10px 5px;
-
  margin-bottom: 20px;
+
        padding: 8px;
-
  padding-left: 5px;
+
        border: 1px solid #6e6e6e;  <!-- juste pour voir ou sa se place, sinon quand on aura les articles, on pourra les enlever -->
-
  padding-right: 5px;
+
        position: center;
-
  border: 2px solid black;
+
        background-color: white;
-
position: relative;
+
        -moz-border-radius: 10px;
 +
        -webkit-border-radius: 10px;  
 +
        -goog-ms-border-radius: 10px;
 +
        border-radius: 10px;
 +
        float: left;
}
}
-
.sponsors img{
+
.boite1 {  
-
float: left;
+
        width: 46.5%;
-
padding: 5px;
+
        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;
}
}
-
.sponsors p{
+
.boite2 {  
-
padding: 5px;
+
        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;
}
}
-
#corps3 {
+
.boite3 {  
-
         width: 71%;
+
         width: 60%;
-
         margin: 20px 10px 60px 5px;
+
         margin: 20px 2.5px 10px 5px;
         padding: 8px;
         padding: 8px;
-
         border: 3px solid #1fe14d;  <!-- juste pour voir ou sa se place, sinon quand on aura les articles, on pourra les enlever -->
+
         border: 1px solid #6e6e6e;
-
        background-color: white;
+
         -moz-border-radius: 10px;
         -moz-border-radius: 10px;
         -webkit-border-radius: 10px;  
         -webkit-border-radius: 10px;  
Line 94: Line 236:
         float: left;
         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 {
.support {
border:2px solid #95b3d7;
border:2px solid #95b3d7;
Line 144: Line 345:
         margin: 10px 0 30px 0;
         margin: 10px 0 30px 0;
}
}
 +
 +
/* ----------------------------------------------------------------------------------------------- */
 +
/* ----------------------------- 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 */
 +
 +
 +
 +
.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;
 +
}
 +
 +
 +
 +
 +
/* ----------------------------------------------------------------------------------------------- */
 +
/* ------------------------- Alignement hors template de Groningen ------------------------------- */
 +
/* ----------------------------------------------------------------------------------------------- */
</style>  
</style>  
 +
</html>
</html>

Latest revision as of 19:35, 24 April 2011