Di Stefano olivier lekooka
lekooka
/ dabblet.css
Created
December 6, 2012 10:15
The first commented line is your dabblet’s title
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * The first commented line is your dabblet’s title | |
| */ | |
| html{ | |
| background: #f06; | |
| background: linear-gradient(45deg, #f06, yellow); | |
| min-height: 100%; | |
| font-family:helvetica; | |
| } |
lekooka
/ dabblet.css
Created
December 6, 2012 11:16
— forked from dgmid/dabblet.css
CSS3 Isometric Text Demo v2
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * CSS3 Isometric Text Demo v2 | |
| */ | |
| @font-face { | |
| font-family: 'LeagueGothicRegular'; | |
| src: url('http://www.midwinter-dg.com/blog_demos/css-text-shadows/fonts/league_gothic-webfont.eot'); | |
| src: url('http://www.midwinter-dg.com/blog_demos/css-text-shadows/fonts/league_gothic-webfont.eot?iefix') format('eot'), | |
| url('http://www.midwinter-dg.com/blog_demos/css-text-shadows/fonts/league_gothic-webfont.woff') format('woff'), | |
| url('http://www.midwinter-dg.com/blog_demos/css-text-shadows/fonts/league_gothic-webfont.ttf') format('truetype'), |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| *{ | |
| margin:0px; | |
| } | |
| html { | |
| height:100%; | |
| width:100%; | |
| } | |
| body { | |
| margin: 0; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| *{ | |
| margin:0; | |
| padding:0; | |
| border:0; | |
| } | |
| @font-face { | |
| font-family: 'LeagueGothicRegular'; | |
| src: url('http://www.midwinter-dg.com/blog_demos/css-text-shadows/fonts/league_gothic-webfont.eot'); | |
| src: url('http://www.midwinter-dg.com/blog_demos/css-text-shadows/fonts/league_gothic-webfont.eot?iefix') format('eot'), |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * Form experiment css3 150ans test | |
| */ | |
| /* === Remove input autofocus webkit === */ | |
| *:focus {outline: none;} | |
| /* === Form Typography === */ | |
| body {font: 14px/21px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;} |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * BLUR EXPERIMENT | |
| */ | |
| img { | |
| -webkit-filter: blur(10px); | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * Open folder css3 | |
| */ | |
| * { box-sizing: border-box; } | |
| body { | |
| padding: 5rem; | |
| text-align: center; | |
| background-image: -webkit-radial-gradient(center top, circle farthest-corner, #FFFFFF 0%, #D8DFE9 100%); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * Vertical Align | |
| demo on http://blog.themeforest.net/tutorials/vertical-centering-with-css/ | |
| french explanation on http://www.lesintegristes.net/2009/03/02/centrer-un-texte-en-hauteur/ | |
| ***http://www.lafermeduweb.net/billet/centrer-verticalement-des-objets-html-en-css-memo-289.html | |
| ***http://www.alsacreations.com/tuto/lire/1032-comment-centrer-verticalement-sur-tous-les-navigateurs.html#cv_bloc | |
| *****http://www.alsacreations.com/tuto/lire/1032-comment-centrer-verticalement-sur-tous-les-navigateurs.html#cv_blocs | |
| */ | |
| div{ |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * vertical align 2 | |
| */ | |
| body | |
| { | |
| background-color:red; | |
| } | |
| div.conteneur { | |
| text-align:center; /* centrage horizontal */ |