gcyrillus gcyrillus
gcyrillus
/ dabblet.css
Created
January 21, 2013 17:06
— forked from anonymous/dabblet.css
colonne factice via liear-gradient
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
| /* colonne factice via liear-gradient */ | |
| html { | |
| background: linear-gradient(90deg, #777777 , #777777 20%, #333333 20%, #777777 22%, #777777 75%, #333333 75%, #777777 77%); | |
| min-height: 100%; | |
| } | |
| nav, article, aside {display:inline-block;padding:.5em 2em;vertical-align:top;} | |
| nav , aside {width:21%;box-sizing:border-box;} | |
| article {width:56%;box-sizing:border-box;} |
gcyrillus
/ dabblet.css
Created
January 20, 2013 22:14
— forked from anonymous/dabblet.css
buggy ol display in chrome cause of ul in front
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
| /* buggy ol display in chrome cause of ul in front */ | |
| ul , dl{display:table;border:white solid;} | |
| ol {display:block;} | |
| ol li , dd , dt {display:table-cell;} | |
| li, dt , dd {border:solid;} | |
| html { | |
| background: #f06; | |
| background: linear-gradient(45deg, #f06, yellow); |
gcyrillus
/ dabblet.css
Created
January 20, 2013 18:21
— forked from anonymous/dabblet.css
Début menu
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
| /* Début menu */ | |
| .menu-horiz | |
| { | |
| margin: 10px 0 0 0; | |
| white-space:nowrap; | |
| line-height: 25px; | |
| background: #ddd4be; | |
| border-top: 1px solid black; | |
| border-bottom: 1px solid black; | |
| position: relative; |
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
| div {opacity:0;animation:5s hide 1 ;} | |
| @keyframes hide { | |
| 0%,80% {opacity:1;} | |
| 100% {opacity:0;} | |
| } | |
| /* layout */ |
gcyrillus
/ dabblet.css
Created
January 7, 2013 19:44
— forked from anonymous/dabblet.css
basic, page a onglet en bas
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
| /* basic, page a onglet en bas */ | |
| *{ | |
| margin:0; | |
| padding:0; | |
| } | |
| li li {border:solid 10px;vertical-align:top;} | |
| #page1{ | |
| display:inline-block; | |
| width:630px; | |
| height:120px; |
gcyrillus
/ dabblet.css
Created
January 3, 2013 21:21
— forked from anonymous/dabblet.css
flux & direction ltr/rtl
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
| /* flux & direction ltr/rtl */ | |
| .tbl ,body{display:table;margin:0 auto;padding:0;text-shadow:1px 1px 1px white,1px 1px 2px pink, 0 0 15px white;;background:#D49442;color:#777;font-family:arial;} | |
| .ib , .ib li {display:inline-block;margin:0.125em;} | |
| .itbl {display:inline-table;} | |
| .tbl li , .itbl li, div {display:table-cell;} | |
| .rtl {direction:rtl;background:#A0C366;} | |
| .ltr {direction:ltr;background:turquoise;} |
gcyrillus
/ dabblet.css
Created
December 28, 2012 17:43
— forked from anonymous/dabblet.css
topic http://forum.alsacreations.com/topic-4-65175-1.html gcyrillus
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
| /* topic http://forum.alsacreations.com/topic-4-65175-1.html gcyrillus*/ | |
| html { | |
| background: #f06; | |
| background: linear-gradient(340deg, #f06, yellow); | |
| height: 100%; | |
| } | |
| body {height:100%;display:table;width:800px;border-collapse:collapse;margin:0 auto; | |
| background-image: | |
| url(http://dabblet.com/img/noise.png), | |
| linear-gradient(-45deg,transparent 0%, rgba(255,255,255,0.05) 50%, transparent 100%), |
gcyrillus
/ dabblet.css
Created
December 19, 2012 20:35
— forked from anonymous/dabblet.css
footer all the way down , simply from IE8 and young browsers : Gcyrillus
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
| /* footer all the way down , simply from IE8 and young browsers : Gcyrillus */ | |
| html { background: #f06;background: linear-gradient(90deg, #f06, yellow);padding:0; | |
| /* ! */ height: 100%; | |
| } | |
| body { | |
| /* ! */ display:table; | |
| /* ! */ height:100%; /* en fait c'est un min-height */ width:60%;box-shadow:0 0 15px ;border-spacing:0;margin:0 auto;background: linear-gradient(-150deg, #f06, yellow); | |
| } | |
| header,section,footer { | |
| /* ! */ display:table-row;} |
gcyrillus
/ dabblet.css
Created
December 13, 2012 20:12
— forked from cahnory/dabblet.css
A11y navigation — toc & map
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
| /** | |
| * A11y navigation — toc & map | |
| */ | |
| .menu { | |
| background: #333; | |
| } | |
| .menu li { | |
| position: relative; | |
| } |
gcyrillus
/ dabblet.css
Created
December 11, 2012 21:19
— forked from anonymous/dabblet.css
sort galerie via CSS, gcyrillus
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
| /* sort galerie via CSS, gcyrillus */ | |
| html { | |
| background: #333; | |
| min-height: 100%; | |
| font-size:65%; | |
| } | |
| body {font-family:georgia;font-size:1.2em;} | |
| img { | |
| vertical-align:top; | |
| width:200px; |