Skip to content

Instantly share code, notes, and snippets.

cahnory

  • Marseille, France
Block or report user

Report or block cahnory

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View dabblet.css
/**
* Embed buttons
*/
body {
background: #3a3f48;
}
.button {
background: linear-gradient(#525866, #292C33);
border: none;
border-radius: 4px;
@cahnory
cahnory / dabblet.css
Created Jan 25, 2012
The first commented line is your dabblet’s title
View dabblet.css
/**
* The first commented line is your dabblet’s title
*/
.button {
background: #EEE;
border: 1px solid #DDD;
border-bottom: 2px solid #BBB;
border-radius: 2px;
background: linear-gradient(90deg, #DDD, #EEE);
box-shadow: inset 0 1px #F8F8F8, inset 0 0 0 1px rgba(255,255,255,.2),0 2px 2px -1px rgba(0,0,0,.6);
@cahnory
cahnory / dabblet.css
Created Jan 27, 2012
A grey "3D" button
View dabblet.css
/**
* A grey "3D" button
*/
.button {
background: #EEE;
border: 1px solid #DDD;
border-bottom: 2px solid #BBB;
border-radius: 2px;
background: linear-gradient(90deg, #DDD, #EEE);
box-shadow: inset 0 1px #F8F8F8, inset 0 0 0 1px rgba(255,255,255,.2),0 2px 2px -1px rgba(0,0,0,.6);
@cahnory
cahnory / dabblet.css
Created Jan 30, 2012
The first commented line is your dabblet’s title
View dabblet.css
/**
* The first commented line is your dabblet’s title
*/
body {background:#444; }
.button {
background: linear-gradient(rgba(255,255,255,.6),rgba(255,255,255,.2));
border:none;
border-radius: 3px;
box-shadow: inset 0 1px rgba(255,255,255,.15), 0 2px rgba(0,0,0,.3), 0 0 0 4px rgba(0,0,0,.2), 0 1px 0 4px rgba(255,255,255,.2);
color: black;
@cahnory
cahnory / dabblet.css
Created Jan 30, 2012
The first commented line is your dabblet’s title
View dabblet.css
/**
* The first commented line is your dabblet’s title
*/
button {
border:1px solid white;
border-radius:3px;
color:#fff;
background: #000;
View dabblet.css
#container {
margin: 0 auto;
width: 700px;
}
.menu-button {
background: #F8F8F8;
background-image: linear-gradient(#FFF, #F0F0F0);
border: 1px solid #FFF;
border-color: #FFF #EEE #FEFEFE #FFF;
color: #3B5998;
View gist:1723575
// Need jQuery
var res = {
'userAgent': navigator.userAgent,
'results': {}
};
$('.tests dl').each(function() {
var el = $(this),
test = {};
el.children().each(function() {
test[$(this).text()] = $(this).attr('class');
@cahnory
cahnory / dabblet.css
Created Feb 2, 2012
Clear float, technique définitive
View dabblet.css
/* Clear float, technique définitive */
li { float: left }
ul { *zoom: 1 }
ul:after {
clear: left;
content: ' '; /* Attention, c'est un espace insécable (alt+space) */
display: block;
height: 0;
}
@cahnory
cahnory / dabblet.css
Created Feb 3, 2012
Centrage horizontal et vertical — navigateurs modernes
View dabblet.css
/**
* Centrage horizontal et vertical — navigateurs modernes
*/
html, body {
height: 100%;
margin: 0;
width: 100%;
}
.layout {
display: table;
@cahnory
cahnory / dabblet.css
Created Feb 3, 2012
Centrage horizontal et vertical — universel
View dabblet.css
/**
* Centrage horizontal et vertical — universel
*/
html, body {
height: 100%;
margin: 0;
width: 100%;
}
.layout {
You can’t perform that action at this time.