This file contains 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
/* CSS By Gcyrillus find me on facebook or twitter | |
Send me a message even if it is not | |
to introduce yourself before requesting friendship :) | |
have fun with this one ! */ | |
body { | |
background:#333; | |
} | |
div {width:185px; | |
background:hsl(20, 13%, 28%); |
This file contains 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
/* CSS By Gcyrillus find me on facebook or twitter | |
Send me a message even if it is not | |
to introduce yourself before requesting friendship :) | |
have fun with this one ! */ | |
body { | |
background:#333; | |
} | |
div.menu {width:185px; | |
background:hsl(20, 13%, 28%); |
This file contains 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
/* CSS By Gcyrillus find me on facebook or twitter | |
Send me a message even if it is not | |
to introduce yourself before requesting friendship :) | |
have fun with this one ! */ | |
body { | |
background:#333; | |
} | |
div {width:185px; | |
background:hsl(20, 13%, 28%); |
This file contains 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
/* click or tab me menu by GCyrillus http://dabblet.com/gist/2903285 */ | |
html {height:100%;margin:0;padding:0;} | |
body {margin:0;padding:0; | |
background-image:radial-gradient(50% 80%, hsla(204, 67%, 61%, 0.7), #444),linear-gradient(-90deg,#000,#09a) ; | |
} | |
#tabmenu {font-family:arial;font-size:16px;line-height:1.8em;background:#333; | |
display:table; | |
padding:0;margin:1em auto; |
This file contains 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
/* fake 2 colums in one div and separate center using :before | |
https://gist.github.com/gcyrillus */ | |
div { | |
/* preparation visuel facultative pour l'exemple */ | |
border:ridge 3px; | |
min-height:200px; | |
width:410px; | |
margin:3em auto; | |
padding:5px; | |
background:#ddd; |
This file contains 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
/* 2 sub-level click or tab me menu by GCyrillus (Griboval Cyrille) http://dabblet.com/gist/2906473 */ | |
html {height:100%;margin:0;padding:0;} | |
body {margin:0;padding:0; | |
background-image:radial-gradient(50% 80%, hsla(204, 67%, 61%, 0.7), #444),linear-gradient(-90deg,#000,#09a) ; | |
} | |
#tabmenu {font-family:arial;font-size:16px;line-height:1.8em;background:#333; | |
display:table; | |
padding:0;margin:1em auto; | |
border-spacing:0;padding:0.5em; | |
border-radius:0.5em;border:1px solid #777;box-shadow:0 0 3px #999; |
This file contains 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
/* 2 sub-level click or tab me menu by GCyrillus (Griboval Cyrille) http://dabblet.com/gist/2906473 */ | |
html {height:100%;margin:0;padding:0;} | |
body {margin:0;padding:0; | |
background-image:radial-gradient(50% 80%, hsla(204, 67%, 61%, 0.7), #444),linear-gradient(-90deg,#000,#09a) ; | |
} | |
#tabmenu {font-family:arial;font-size:16px;line-height:1.8em;background:#333; | |
display:table; | |
padding:0;margin:1em auto; | |
border-spacing:0;padding:0.5em; | |
border-radius:0.5em;border:1px solid #777;box-shadow:0 0 3px #999; |
This file contains 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
/** tab & click accordeon entrance (Gcyrillus) */ | |
h1, p , html , body {margin:0;padding:0;} | |
html,body { | |
height:100%;width:100%; | |
} | |
body { | |
display:box; | |
box-orient:vertical; | |
box-pack:center; | |
box-align:center; |
This file contains 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
/** by Gcyrillus | |
* bread-crumbs, where you are and what next | |
*/ | |
html { | |
background: #f06; | |
background: linear-gradient(45deg, #f06, yellow); | |
min-height: 100%; | |
} | |
ul {background:rgba(0,0,0,0.1);list-style-type:none;font-variant:small-caps;font-size:1.5em;color:white; | |
text-shadow:0 1px 2px black;} |
This file contains 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
/** by Gcyrillus bread-crumbs, where you are and what next | |
*/ | |
html { | |
background: #f06; | |
background: linear-gradient(45deg, #f06, yellow); | |
min-height: 100%; | |
} | |
ul {background:rgba(0,0,0,0.1);list-style-type:none;font-variant:small-caps;font-size:1.5em;color:white; | |
text-shadow:0 1px 2px black;margin:2em;position:relative;text-align:center;} | |
ul:before,ul:after { |
OlderNewer