gcyrillus gcyrillus
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 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
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
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 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 11, 2012 01:51
— forked from anonymous/dabblet.css
modal (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
| /**modal (gcyrillus)*/ | |
| #modal {outline:none;} | |
| #modal > div {border:solid; | |
| position:absolute; | |
| transform:scale(0); | |
| left:50%;top:50%; | |
| margin-left:-250px; | |
| background:rgba(0,0,0,0.5); | |
| transition:transform 1s;} | |
| #modal:before {content:'ouvrir X';} |
gcyrillus
/ dabblet.css
Created
November 10, 2012 19:04
— 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,body {height:100%;width:100%;position:relative;} | |
| #boite {display:inline-block; | |
| height:50px;width:50px; | |
| text-align:center; | |
| line-height:50px; | |
| border:solid; | |
| position:relative;; | |
| background:yellow; | |
| box-shadow:0 0 15px black; | |
| animation: move 5s infinite; |
gcyrillus
/ dabblet.css
Created
November 7, 2012 20:17
— forked from anonymous/dabblet.css
ex de gcyrillus pour http://forum.alsacreations.com/topic-4-64523-1-CSS-et-bords-arrondies-sur-un-tableau-.html#lastofpage
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
| /* ex de gcyrillus pour http://forum.alsacreations.com/topic-4-64523-1-CSS-et-bords-arrondies-sur-un-tableau-.html#lastofpage */ | |
| table { | |
| font-size: .8em; | |
| margin: 0 auto; | |
| width: 96%; | |
| background-color: #A41F1F; | |
| border-collapse: separate; | |
| border-spacing: 0px; | |
| border-radius: 14px; | |
| border:solid 2px #5D1212; |
gcyrillus
/ dabblet.css
Created
October 30, 2012 20:05
— forked from anonymous/dabblet.css
----------------------------
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
| /* ---------------------------- */ | |
| /* == Header */ | |
| /* ---------------------------- */ | |
| #header { | |
| height: 150px; | |
| background : url(../img/ordilogie_header_background.png) repeat-x; | |
| } |
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
| a { | |
| text-decoration:none; | |
| padding:0px 10px; | |
| background:#eee; | |
| line-height:45px; | |
| display:inline-block; | |
| color:#555; | |
| text-shadow:1px 1px 3px white; | |
| } | |
| a.radius { |