Skip to content

Instantly share code, notes, and snippets.

View gcyrillus's full-sized avatar

gcyrillus gcyrillus

View GitHub Profile
/* menu */
ul ul {position:absolute;max-height:0;
overflow:hidden;
left:2px;
display:inline-block;
width:300px;
margin:0;
transition:max-height 0.5s;
box-shadow: 0 0 5px;
text-align:center;
@gcyrillus
gcyrillus / dabblet.css
Created June 29, 2012 15:18 — forked from anonymous/dabblet.css
Untitled
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 {
a {
text-decoration:none;
padding:0px 10px;
background:#eee;
line-height:45px;
display:inline-block;
color:#555;
text-shadow:1px 1px 3px white;
}
.radius {
@gcyrillus
gcyrillus / dabblet.css
Created June 30, 2012 21:49
GCyrillus, exemple ruban-ribbon xtrm-kitchmas
/* GCyrillus, exemple ruban-ribbon xtrm-kitchmas*/
html {
background: #548FC5;
text-align:center;
line-height:45px;
padding:5em;
font-size:20px;
text-shadow:0 0 2px black;
font-style:italic;
font-family: georgia ;
@gcyrillus
gcyrillus / dabblet.css
Created July 2, 2012 19:33
CSS Document
@charset "utf-8";
/* CSS Document */
@font-face {
font-family: 'helveticacondensed';
font-weight:normal;
font-style:normal;
src:url("../helveticacondensed/helvcond.eot") format('eot'); /* IE */
src: url("../helveticacondensed/helvcond.woff") format("woff"),
url("../helveticacondensed/helvcond.ttf") format("truetype"),
@gcyrillus
gcyrillus / dabblet.css
Created July 10, 2012 19:06
Gcyrillus, fake float-center , a remake since i do not remenber where stands the first version partially dedicated to IE6
/* Gcyrillus, fake float-center , a remake since i do not remenber where stands the first version partially dedicated to IE6 */
html , a {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
box-shadow:0 0 7px 3px white;
border-radius:5px;
text-align:center;
}
.float-center {margin:0;padding:0;}
@gcyrillus
gcyrillus / dabblet.css
Created July 13, 2012 17:39
Gcyrillus - exemple
/* Gcyrillus - exemple */
html {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
}
@keyframes hover_me {
0%, 100% {font-size:1em;}
50% {font-size:5em;}
}
@gcyrillus
gcyrillus / dabblet.css
Created July 14, 2012 15:34
gcyrillus ribbon
/* gcyrillus ribbon */
html {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;}
body {
transform-style:preserve-3;
perspective:100px;
}
p {
@gcyrillus
gcyrillus / dabblet.css
Created July 17, 2012 19:21
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
html , h1, h1:before{
background: #f06;
background: linear-gradient(45deg, #f06 25px , yellow);
min-height: 100%;
}
h1 {display:inline-block;
/*gab by gcyrillus, oldish framelike */
html {height:100%;background:#333;}
header, footer , body > section > article , p{
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
margin:0;
border-radius:15px/45px 5px ;
}
body {height:100%; width:1200px; margin:auto;position:relative;text-align:center;}
body >header, body >footer, body > section{