56 lines
677 B
CSS
56 lines
677 B
CSS
|
body{
|
|||
|
width:100%;
|
|||
|
height:100%;
|
|||
|
}
|
|||
|
ul{
|
|||
|
list-style:none;
|
|||
|
}
|
|||
|
#container{
|
|||
|
width:450px;
|
|||
|
height:400px;
|
|||
|
margin:0 auto;
|
|||
|
border:1px solid #ccc;
|
|||
|
border-radius: 3px;
|
|||
|
padding:5px;
|
|||
|
position: relative;
|
|||
|
}
|
|||
|
#tete{
|
|||
|
/*en haut à gauche*/
|
|||
|
position: absolute;
|
|||
|
width:154px;
|
|||
|
height:154px;
|
|||
|
top: 4px;
|
|||
|
left: 4px;
|
|||
|
border: 2px solid #CCC;
|
|||
|
padding:2px;
|
|||
|
}
|
|||
|
#elements{
|
|||
|
/*en haut à droite*/
|
|||
|
position: absolute;
|
|||
|
top: 4px;
|
|||
|
right: 4px;
|
|||
|
border: 2px solid #CCC;
|
|||
|
padding:2px;
|
|||
|
overflow:auto;
|
|||
|
}
|
|||
|
#elements li{
|
|||
|
float:left;
|
|||
|
}
|
|||
|
#colors{
|
|||
|
/* en bas à droite */
|
|||
|
position: absolute;
|
|||
|
bottom: 4px;
|
|||
|
right: 4px;
|
|||
|
border: 2px solid #CCC;
|
|||
|
padding:2px;
|
|||
|
overflow:auto;
|
|||
|
}
|
|||
|
#colors li{
|
|||
|
float:left;
|
|||
|
}
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|