Skip to content

Instantly share code, notes, and snippets.

*{margin: 0; padding : 0;}
body {background:linear-gradient(125deg,#00BA6D 0%, #00CF78 100%);}
section {
width: 600px;
height: 300px;
margin: auto;
}
#tuile1 {margin:5px;
width: 130px;
@dvnckr
dvnckr / dabblet.css
Created July 10, 2012 10:21
Untitled
* {margin:0;padding:0;}
@font-face {
font-family: Futura;
src: url('http://dl.dropbox.com/u/67963796/ttf/futura.ttf');}
#wrapper {
width: 1024px;
height:800px;
margin: auto;
background: url('http://dl.dropbox.com/u/67963796/fond/pattern1.png'),url('http://dl.dropbox.com/u/67963796/fond/landscape.jpg') no-repeat fixed top center;
font-family: Futura;
@dvnckr
dvnckr / dabblet.css
Created July 10, 2012 19:34
Untitled
* {margin:0;padding:0;}
@font-face {
font-family: Futura;
src: url('http://dl.dropbox.com/u/67963796/ttf/futura.ttf');}
#wrapper {
width: 1024px;
height:800px;
margin: auto;
background: url('http://dl.dropbox.com/u/67963796/fond/pattern1.png'),url('http://dl.dropbox.com/u/67963796/fond/landscape.jpg') no-repeat fixed top center;
font-family: Futura;
@dvnckr
dvnckr / dabblet.html
Created July 22, 2012 09:13
Untitled
<form>
<p>
<fieldset> <legend>Case à cocher</legend>
<input type="checkbox" id="un" checked/><label for="un">Case à cocher 1</label><br/>
<input type="checkbox" id="deux"/><label for="deux">Case à cocher 2</label>
</fieldset>
<fieldset><legend>OPTION</legend>
<input type="radio" id="uno" name="choix" value="uno" checked/><label for="uno"> Choix un</label> <br/>
<input type="radio" id="dos" name="choix" value="dos"/><label for="dos"> Choix deux</label> <br/>
@dvnckr
dvnckr / dabblet.html
Created July 26, 2012 10:31
Untitled
<header></header>
<nav>
<ul>
<li>Home</li>
<li>Blog</li>
<li>About</li></nav>
<section>
<article></article>
<aside></aside>
</section>
@dvnckr
dvnckr / dabblet.css
Created July 27, 2012 11:45
Untitled
* { padding:0; margin:0;}
#wrap {
width: 320px;
background:url('http://dl.dropbox.com/u/67963796/fond/pattern-mob.png') fixed repeat, url('http://dl.dropbox.com/u/67963796/fond/land-mob.jpg') fixed no-repeat;
}
header {
width: 320px;
height:15px;
margin-bottom: 5px;
@dvnckr
dvnckr / dabblet.css
Created July 31, 2012 21:05
Untitled
article {width: 90%; margin: auto;}
#un, #deux, #trois {
width:250px;
height:250px;
display:inline-block;
box-shadow: 0px 0px 10px black;
margin-left: 20px;}
#un {
background: linear-gradient(45deg, rgba(255,0,102,0.5), rgba(255,255,0,0.5)) ,url('http://25.media.tumblr.com/tumblr_m70uwiS0hm1r3hmd1o1_500.jpg') no-repeat;
background-size:100% 100%;}
svg {
background: #3B3B3B; }
canvas { background:red;}
@dvnckr
dvnckr / dabblet.css
Created August 14, 2012 11:12
Untitled
@font-face {
font-family: Gotham;
src: url('http://dl.dropbox.com/u/67963796/ttf/gothambold.ttf');
}
@font-face {
font-family: Avenir;
src: url('http://dl.dropbox.com/u/67963796/ttf/avenir.ttf');
}
body {
@dvnckr
dvnckr / dabblet.css
Created August 14, 2012 14:29
Untitled
section {
background: linear-gradient(top, #000000, #000020);
background: url("http://dl.dropbox.com/u/67963796/soc/paris_landscape-1280x720.jpg") top fixed no-repeat;
width:1280px;
height:720px;
margin:auto;}
article {
display:block;
width:1024px;