Template:Lyon-INSA/2012style

From 2012.igem.org

(Difference between revisions)
(Created page with "<html> <style type="text/css"> /* - - - - - - - - - - - Source : http://casualconnect.net/iGEM/overall.css - - - - - - - - - - - */ - →BEGIN CSS RESET v1.0 | 20080212: html...")
Line 1: Line 1:
<html>
<html>
-
 
<style type="text/css">
<style type="text/css">
-
/* - - - - - - - - - - - Source : http://casualconnect.net/iGEM/overall.css - - - - - - - - - - - */
 
 +
p {
 +
      line-height: 2em;
 +
      text-indent: 20px;
 +
      text-align:justify;
 +
      font-family:Verdana, "Trebuchet MS", Arial, police3, police4,serif;
 +
}
-
/* BEGIN CSS RESET v1.0 | 20080212 */
+
 
-
html, body, div, span, applet, object, iframe,
+
 
-
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+
/* -------------------------------------------------------------------------------------------- */
-
a, abbr, acronym, address, big, cite, code,
+
/* --------------------- position des différentes "boîtes de textes" -------------------------- */
-
del, dfn, em, font, img, ins, kbd, q, s, samp,
+
/* -------------------------------------------------------------------------------------------- */
-
small, strike, strong, sub, sup, tt, var,
+
 
-
b, u, i, center,
+
 
-
dl, dt, dd, ol, ul, li,
+
 
-
fieldset, form, label, legend,
+
#corps p a {font-weight: bold;
-
table, caption, tbody, tfoot, thead, tr, th, td {
+
-
margin: 0;
+
-
padding: 0;
+
-
border: 0;
+
-
outline: 0;
+
-
vertical-align: baseline;
+
-
background: transparent;
+
-
line-height: 1;
+
}
}
-
body {
+
.colonnedroite p a {font-weight: bold;
-
margin: auto;
+
-
width: 900px center;
+
-
line-height: 1px;
+
-
background: white; /*#c6e2ec rgb(206,224,200) http://www.graffitiwallpaper.com/pics/listings/217-1920.jpg */
+
}
}
-
ol, ul {
+
 
-
list-style: none;
+
{
-
}
+
      text-indent: 30px;
-
blockquote, q {
+
      text-align: justify;
-
quotes: none;
+
      color : #0101DF;
-
}
+
-
blockquote:before, blockquote:after,
+
-
q:before, q:after {
+
-
content: '';
+
-
content: none;
+
}
}
-
/* remember to define focus styles! */
+
#contenu {
-
:focus {
+
        padding: 10px;
-
outline: 0;
+
    /* border: 3px solid;*/
 +
      text-indent: 40px;
 +
      text-align: justify;
 +
      background-color:#666666;
 +
 
}
}
-
/* remember to highlight inserts somehow! */
+
h2 {
-
ins {
+
      text-indent: 40px;
-
text-decoration: none;
+
      text-align: justify;
 +
      font-weight: bold;
}
}
-
del {
+
h3 {
-
text-decoration: line-through;
+
      text-indent: 30px;
 +
      text-align: justify;
}
}
-
/* tables still need 'cellspacing="0"' in the markup */
+
 
-
table {
+
h5 {
-
border-collapse: collapse;
+
      /* color : #0101DF; */
-
border-spacing: 0;
+
      color : #006600;
 +
      font-size: medium;
 +
      text-align: center;
 +
      font-size: 2.5em;
}
}
-
/* END CSS RESET */
 
-
 
+
h6 {
-
.tabbed_content .slide_content {
+
      color : #006600;
-
overflow: hidden;
+
      font-size: medium;
-
width: 460px;
+
      text-align: center;
-
}
+
      font-size: 1.5em;
-
.slide_content {
+
-
margin-top: -2em!important;
+
-
}
+
-
.tabslider {
+
-
width: 10000px;
+
-
overflow: auto;
+
}
}
-
.tabslider ul {
+
/* -------------------------------------------------------------------------------------------- */
-
float: left;
+
/* --------------------- position des différentes "boîtes de textes" -------------------------- */
-
width: 460px;
+
/* -------------------------------------------------------------------------------------------- */
 +
 
 +
 
 +
#language{
 +
        text-align : right;
 +
        margin-right : 20 px;
}
}
-
.lavaLampBottomStyle {
+
 
-
position: relative;
+
#bandeau {
-
height: 29px;
+
      /* text-indent: 100px;*/
-
width: 640px;
+
width:100%;
-
padding: 15px;
+
height:50px;
-
margin: 0 5px 0 0;
+
background-color:transparent; #00CCFF;
-
overflow: hidden;
+
      /*text-align:center; */
-
}
+
}
-
.lavaLampBottomStyle li {
+
 
-
float: left;
+
#menu {
-
list-style: none;
+
 
-
}
+
        float:left;
-
.lavaLampBottomStyle li.back {
+
width:180px;
-
border-bottom: 5px solid #bab599;
+
background-color:transparent; /*#00CCFF;*/
-
width: 9px;
+
        margin-right: 10px;
-
height: 30px;
+
        min-height: 100%;
-
z-index: 8;
+
        margin-left : 15px;
-
position: absolute;
+
-
}
+
-
.lavaLampBottomStyle li a {
+
-
font: bold 10pt verdana ;
+
-
text-decoration: none;
+
-
color: #000;
+
-
outline: none;
+
-
text-align: center;
+
-
top: 7px;
+
-
letter-spacing: 0;
+
-
z-index: 10;
+
-
display: block;
+
-
float: left;
+
-
height: 30px;
+
-
position: relative;
+
-
overflow: hidden;
+
-
margin: auto 10px;
+
-
} 
+
-
.lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {
+
-
border: none;
+
}
}
 +
#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;
 +
    }
-
/* - - - - - - - - - - - Wiki Hacks - START - - - - - - - - - - - - */
 
-
#globalWrapper {
+
#menu li a, #menu li .selflink {  
-
background-color: transparent;
+
    text-decoration: none ;
-
border: 0px;
+
    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;
}
}
-
#content {
+
#menu li.sousmenu {
-
background-color: transparent;
+
    background: #008000 ;
-
border: 0px;
+
    }
 +
 
 +
 
 +
#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;
 +
       
}
}
-
#bodyContent {
+
 
 +
 
 +
 
 +
#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;
position : relative;
-
margin-top : -58px;
+
        top : -50px;
-
background-color: white;
+
        margin-left: 10px;  
-
padding:0;
+
        margin-right : 5px;
-
padding-bottom: 5px;
+
float:left;
-
margin-bottom: 30px;
+
width:100%;
-
border: 0px;
+
        position: relative;
-
-moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 12px 7px;
+
        min-height: 100%;
-
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 12px 7px;
+
background-color: transparent; /*#FFCC00;*/
-
-goog-ms-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 12px 7px;
+
        font-family:Verdana, "Trebuchet MS", Arial, police3, police4,serif;
-
box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 12px 7px;
+
}
-
}
+
-
#top-section
+
.contenugrand {
-
{
+
float:left;
-
width:750px;
+
width:95%;
-
border: 0;
+
        margin-right : 10px;
-
border-bottom: 0px solid gray;  /* mettre 1px si on veut une fine bordure sous les "boutons" en haut de la page */
+
        position: relative;
-
color: black;
+
        min-height: 100%;
-
margin-top: 4px;
+
background-color:transparent; /* #FFCC00;*/
-
margin-bottom: 70px;
+
        font-family:Verdana, "Trebuchet MS", Arial, police3, police4,serif;
-
height: 10px;
+
}
-
overflow: visible;
+
-
}
+
-
#top-section a {
+
-
color: black;
+
-
background-color: transparent;
+
-
}
+
-
#top-section a:visited {
+
-
color: black;
+
-
background-color: transparent;
+
-
}
+
-
#top-section a:focus {
+
-
color: #d4e0e8;
+
-
background-color: transparent;
+
-
}
+
 +
.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;
 +
}
-
#p-logo img {
+
.contenusupergrand {
-
  display: none;
+
float:left;
-
}
+
width:100%;
 +
        position: relative;
 +
        min-height: 100%; 
 +
background-color:transparent; /*#FFCC00;*/
 +
        font-family:Verdana, "Trebuchet MS", Arial, police3, police4,serif;
 +
}
-
#p-logo {                      /* bannière de l'igem (display:none  -> invisible) */
+
.titredroite{   
-
width: 129%;
+
    text-align:center;
-
height:1px;
+
    background-color:#FFCC00;  
-
-moz-border-radius: 0 0 20px 20px;
+
    border: 1px solid #7caed4;
-
-webkit-border-radius: 0 0 20px 20px;
+
    -moz-border-radius: 10px;
-
-goog-ms-border-radius: 0 0 20px 20px;
+
    -webkit-border-radius: 10px;  
-
border-radius: 0 0 20px 20px;
+
    -goog-ms-border-radius: 10px;  
-
background-color: transparent;
+
    border-radius: 10px;
-
background-image: none;
+
    text-indent: 20px; background:white; color:#6e6e6e; border-bottom: 1px solid #6e6e6e; margin-bottom: -25px;
-
background-repeat: no-repeat;
+
    width: 210px;
-
background-position: left;
+
    height: 100%;
-
overflow:hidden;
+
  /* float: left; */
-
display: block;
+
  /* margin-top: 30px; */
-
position: top left;
+
  /* margin-right: 5px; */
-
margin-left: -14.9%;
+
    /*padding: 8px;*/
-
float: left;
+
    position: relative;
-
margin-top: 20px;
+
-
margin-bottom: 0px;
+
-
border: 1.5px solid white;
+
-
font-family:Verdana, "Trebuchet MS", Arial, police3, police4,serif;
+
}
}
-
#p-logo a {
+
.cadre{
-
margin-left: 4%;
+
    text-align:center;
-
display: block;
+
    width :600px;
-
width:80px;
+
    height:float;
-
height:45px;
+
    margin-top : 20px;
-
margin-bottom: 50px;
+
    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%;
}
}
-
#search-controls { display:none; }
 
 +
/* ----------------------------------------------------------------------------------------------- */
 +
/* ----------------------------- Code used in the sponsors page ---------------------------------- */
 +
/* ----------------------------------------------------------------------------------------------- */
-
#footer-box {
 
-
background-color: transparent;
 
-
border: 0px;
 
-
color: white;
 
-
}
 
-
#footer {
+
.important{
-
border: 0px;
+
color:maroon;
}
}
-
.firstHeading {
+
.sponsorsH1 {
-
margin-top: 10px;
+
font-family: Verdana, Serif;
 +
padding-left: 30px;
 +
margin-top: 50px
}
}
-
#f-list a {
+
.sponsors {
-
color: #333;
+
    margin: 10px 8px 20px 8px;
-
font-size: 10px;
+
    padding: 10px;
 +
    border: 3px solid;
 +
    -moz-border-radius: 10px;
 +
    -webkit-border-radius: 10px;
 +
    -goog-ms-border-radius: 10px;  
 +
    border-radius: 10px;
}
}
-
 
+
.sponsors img{
-
#f-list a:hover {
+
float: left;
-
color: #666;
+
padding: 5px;
}
}
-
#footer ul {
+
.sponsors p{
-
margin: 0;
+
padding: 5px;
-
padding: 0;
+
text-align: justify;
}
}
-
#footer ul li {
+
/* End of the code used in the sponsors page */
-
margin-top: 0;
+
-
margin-bottom: 0;
+
-
margin-left: 10px;
+
-
margin-right: 10px;
+
-
padding: 0;
+
-
}
+
-
/* - - - - - - - - - - Wiki Hacks - END - Thanks TU-Delft, saved a lot of trouble! - - - - - - - - - - -*/
 
-
 
+
.support {
-
html {
+
border:2px solid #95b3d7;
-
height: 100%;
+
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;
}
}
-
#overallMask {
+
div.ombre.noimg {
-
position: relative;
+
-moz-border-radius: 10px;  
-
margin: 3% auto 2em auto;
+
        -webkit-border-radius: 10px;  
-
width: 660px;
+
        -goog-ms-border-radius: 10px;
 +
        border-radius: 10px;
 +
display:block;
}
}
-
#contentWrapper {
+
.ombredeux {
-
position : relative;
+
border:0;
-
top : -50px;
+
background-color:#999;
-
height: 100%;
+
padding:0;
-
padding-bottom: 4em;
+
padding-top:0;
-
min-height: 500px;
+
padding-right:3px;
-
border-top: 1px solid #bab599;
+
border-left:0;
-
-moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 12px 5px;
+
-moz-border-radius: 10px;
-
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 12px 5px;
+
        -webkit-border-radius: 10px;  
-
box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 12px 5px;
+
        -goog-ms-border-radius: 10px;  
-
background-color: #fffbe7;
+
        border-radius: 10px;
}
}
-
@font-face {
+
#coins-arrondis {
-
font-family: Sertig;
+
        -moz-border-radius: 10px;
-
src: url('http://casualconnect.net/iGEM/Sertig.otf');
+
        -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;
}
}
-
#headerWrapper {
+
 
-
font-family: Sertig, Futura, Impact, sans-serif;
+
 
-
-moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; border-top-left-radius: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; border-top-right-radius: 8px;
+
 
-
font-size: 21pt; color: #7CFC00;
+
/* ----------------------------------------------------------------------------------------------- */
-
background: url("https://static.igem.org/mediawiki/2010/4/42/94acce-50.png") repeat;
+
/* ------------------------- Alignement hors template de Groningen ------------------------------- */
-
height: 100px;
+
/* ----------------------------------------------------------------------------------------------- */
-
padding-top: 50px;
+
 
 +
 
 +
 
 +
.colonnedroite {
 +
        width: 22.7%;
 +
        height: 100%;
 +
        float: right;
 +
        margin-top: 30px;
 +
        margin-right: 5px; 
 +
        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;
}
}
-
#headerWrapper img {
+
 
-
margin-left: 20px;
+
 
-
margin-top: -40px;
+
.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;
}
}
-
#otherContent {  
+
 
-
padding: 0em 0 2em 2em;
+
 
-
width: 450px;
+
 
 +
 
 +
.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; */
}
}
-
#otherContent * {  
+
 
-
line-height: 1.3em;
+
#corps {
 +
        width: 120px;
 +
        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;
}
}
-
#textWrapper {
+
       
-
width: 450px;
+
#corps2 {
-
text-align: justify;
+
        width: 82.3%;
-
font-family:  Verdana, sans-serif;
+
        margin: 30px 5px 10px 10px;
-
font-size: 9pt;
+
        padding: 8px;
 +
        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;
 +
        -moz-border-radius: 10px;
 +
        -webkit-border-radius: 10px;
 +
        -goog-ms-border-radius: 10px;
 +
        border-radius: 10px;
 +
        float: left;
}
}
-
#textWrapper, #textWrapper * {
+
 
-
margin-top: 10px;
+
 
 +
#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;
 +
        -moz-border-radius: 10px;
 +
        -webkit-border-radius: 10px;
 +
        -goog-ms-border-radius: 10px;
 +
        border-radius: 10px;
 +
        float: left;
}
}
-
#textWrapper .head {
+
 
-
font-family: "Lucida Grande", Tahoma, Helvetica, Verdana, Arial, sans-serif;
+
 
-
color: #a1bf29;
+
#corps4 {
-
line-height: 1!important;
+
        width: 97.1%;
-
padding: 0; margin: 0; /* again oh boy do I screw up */
+
        margin: 20px 5px 10px 5px;
-
font-weight: bold;
+
        padding: 8px;
-
font-size: 16pt;
+
        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;
 +
        -moz-border-radius: 10px;
 +
        -webkit-border-radius: 10px;  
 +
        -goog-ms-border-radius: 10px;  
 +
        border-radius: 10px;
 +
        float: left;
}
}
-
#sponsorWrapper {
+
 
-
position: absolute;
+
.boite1 {  
-
left: 510px;
+
        width: 46.5%;
-
z-index: 1000;
+
        margin: 20px 5px 10px 10px;
-
width: 150px;
+
        padding: 8px;
-
height: auto;
+
        border: 1px solid #6e6e6e;
-
background-color: #fffbe7;
+
        -moz-border-radius: 10px;
-
margin-top: -4px; /* stupid fix to make sure the top of the text does not leak */
+
        -webkit-border-radius: 10px;  
 +
        -goog-ms-border-radius: 10px;
 +
        border-radius: 10px;
 +
        float: left;
}
}
-
.texte{
+
.boite2 {  
-
font-family: "Lucida Grande", Tahoma, Helvetica, Verdana, Arial, sans-serif;}
+
        width: 46.5%;
 +
        margin: 20px 10px 10px 5px;
 +
        padding: 8px;
 +
        border: 3px 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 50px;
 +
        padding: 8px;
 +
        background-color : blue;
 +
        border: 3px solid black;
 +
        -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;
 +
}
-
</style>
 
 +
.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;
 +
}
 +
</style>
</html>
</html>

Revision as of 12:29, 5 May 2012

Retrieved from "http://2012.igem.org/Template:Lyon-INSA/2012style"