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;
|
|
}
|
|
|
|
|
|
|
|
|
|
|