gcyrillus gcyrillus
gcyrillus
/ dabblet.css
Created
November 17, 2012 01:22
— forked from anonymous/dabblet.css
scroll liste infinite, no js
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
| /* scroll liste infinite, no js */ | |
| html,body {background: #f06;background: linear-gradient(45deg, #f06, yellow);min-height: 100%;} | |
| div {border:solid;overflow:hidden;background: rgba(100,100,100,0.5);} | |
| div ul , div:hover ul:hover { | |
| animation-name:marquee; | |
| animation-timing-function:linear; | |
| animation-iteration-count:infinite; | |
| animation-duration:30s; | |
| animation-play-state:paused;} | |
| div ul { |
gcyrillus
/ dabblet.css
Created
November 17, 2012 19:12
— forked from anonymous/dabblet.css
Untitled
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
| html {background-image:linear-gradient(45deg , blue, green);min-height:100%;} | |
| .marquee {border:solid;white-space:nowrap;overflow:hidden;background-color:rgba(0,0,0,0.5);border-radius: 2em/5em;background-image:linear-gradient(rgba(0,0,0,0.25), rgba(255,255,255,0.25) )} | |
| .marquee > * {position:relative; left:100%;animation : marquee infinite 20s linear;display:inline-block;color:#fff;text-shadow:0 0 1px white;vertical-align:middle; font-family:courier;font-size:20px;opacity:1;} | |
| .marquee > * > * {display:inline-block;} | |
| .marquee:hover > * {animation-play-state:paused;} | |
| @keyframes marquee { | |
| 0% {left:100%;opacity:1;} | |
| 5%,15%,25%,45%,55%,65%,75%,85%,95% {opacity:0;} | |
| 10%,20%,30%,40%,50%,60%,70%,80%,90% {opacity:1;} | |
| 35% {left:0;opacity:1;} |
gcyrillus
/ dabblet.css
Created
November 30, 2012 15:37
— forked from anonymous/dabblet.css
contenu centré et fluide
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
| /* contenu centré et fluide */ | |
| html, body {margin:0;padding:0;border-collapse:collapse;height:100%;width:100%;background: linear-gradient(45deg, #33f, #00f,#f90);} | |
| html {display:table;} | |
| body {display:table-cell;vertical-align:middle;text-align:center;} | |
| #main | |
| { | |
| max-width: 555px; | |
| display:inline-block; |
gcyrillus
/ dabblet.css
Created
December 4, 2012 16:00
— forked from anonymous/dabblet.css
filtre CSS IE8 avec :before et ::before
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
| /* filtre CSS IE8 avec :before et ::before */ | |
| body:before {content:'=ie8';position:absolute;} | |
| body::before {content:'!=ie8';position:relative;} |
gcyrillus
/ dabblet.css
Created
December 11, 2012 11:39
— forked from anonymous/dabblet.css
coté cliquables
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
| /* coté cliquables */ | |
| html { | |
| background: #f06; | |
| background: linear-gradient(180deg, green , yellow ) yellow no-repeat top; | |
| height: 100%; | |
| background-size:300%; | |
| } | |
| body { min-height:100%; | |
| position:relative; | |
| width:900px; |
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; |
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 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 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
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;} |