🎉 Hello world
This commit is contained in:
55
assets/css/custom.css
Normal file
55
assets/css/custom.css
Normal file
@@ -0,0 +1,55 @@
|
||||
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;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
97
assets/css/main.css
Normal file
97
assets/css/main.css
Normal file
@@ -0,0 +1,97 @@
|
||||
html, body, div, span, object, iframe,
|
||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
|
||||
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
|
||||
fieldset, form, label, legend,
|
||||
table, caption, tbody, tfoot, thead, tr, th, td,
|
||||
article, aside, canvas, details, figcaption, figure,
|
||||
footer, header, hgroup, menu, nav, section, summary,
|
||||
time, mark, audio, video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: 100%;
|
||||
/*font: inherit;*/
|
||||
vertical-align: baseline;
|
||||
}
|
||||
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;
|
||||
width: 280px;
|
||||
}
|
||||
#elements li{
|
||||
float:left;
|
||||
padding:0 10px;
|
||||
}
|
||||
#colors{
|
||||
/* en bas à droite */
|
||||
position: absolute;
|
||||
bottom: 4px;
|
||||
right: 4px;
|
||||
border: 2px solid #CCC;
|
||||
padding:2px;
|
||||
overflow:auto;
|
||||
width: 280px;
|
||||
}
|
||||
#colors li{
|
||||
float:left;
|
||||
padding:0 10px;
|
||||
}
|
||||
|
||||
#element{
|
||||
/* milieu droite */
|
||||
position: absolute;
|
||||
top: 90px;
|
||||
right: 4px;
|
||||
border: 2px solid #CCC;
|
||||
padding:2px;
|
||||
width: 280px;
|
||||
height: 240px;
|
||||
}
|
||||
|
||||
#save{
|
||||
/* sous l'image */
|
||||
position: absolute;
|
||||
top: 180px;
|
||||
left: 4px;
|
||||
}
|
||||
|
||||
.button{
|
||||
/* joli style de bouton :) */
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
Reference in New Issue
Block a user