Skip to content

Instantly share code, notes, and snippets.

View gcyrillus's full-sized avatar

gcyrillus gcyrillus

View GitHub Profile
@gcyrillus
gcyrillus / dabblet.css
Created June 9, 2012 09:56 — forked from anonymous/dabblet.css
CSS By Gcyrillus find me on facebook or twitter
/* 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%);
@gcyrillus
gcyrillus / dabblet.css
Created June 9, 2012 10:15 — forked from anonymous/dabblet.css
CSS By Gcyrillus find me on facebook or twitter
/* 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%);
@gcyrillus
gcyrillus / dabblet.css
Created June 9, 2012 10:59
CSS By Gcyrillus find me on facebook or twitter
/* 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%);
@gcyrillus
gcyrillus / dabblet.css
Created June 10, 2012 00:57
click or tab me menu by GCyrillus http://dabblet.com/gist/2903285
/* 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;
@gcyrillus
gcyrillus / dabblet.css
Created June 10, 2012 01:06 — forked from anonymous/dabblet.css
fake 2 colums in one div and separate center using :before
/* 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;
@gcyrillus
gcyrillus / dabblet.css
Created June 10, 2012 16:24
2 sub-level click or tab me menu by GCyrillus (Griboval Cyrille) http://dabblet.com/gist/2906473
/* 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;
@gcyrillus
gcyrillus / dabblet.css
Created June 10, 2012 16:53
2 sub-level click or tab me menu by GCyrillus (Griboval Cyrille) http://dabblet.com/gist/2906473
/* 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;
@gcyrillus
gcyrillus / dabblet.css
Created June 11, 2012 00:02
tab & click accordeon entrance (Gcyrillus)
/** 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;
@gcyrillus
gcyrillus / dabblet.css
Created June 12, 2012 12:07
by Gcyrillus
/** 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;}
@gcyrillus
gcyrillus / dabblet.css
Last active October 6, 2015 02:07
by Gcyrillus bread-crumbs, where you are and what next
/** 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 {