Skip to content

Instantly share code, notes, and snippets.

View groenewege's full-sized avatar

Gunther Groenewege groenewege

View GitHub Profile
@groenewege
groenewege / HTML_insert.vim
Created April 26, 2011 12:50
vim - insert html
" Version 1.2
" Script create :IMG command, whitch insert HTML IMG tag
" with fill atributes width and height.
"
" It's need _identify_ utility from ImageMagic!
"
" (c) Petr Mach <gsl@seznam.cz>, 2003
" http://iglu.cz/wraith/
"
" Call it without parameter for file browser for selecting image.
@groenewege
groenewege / gist:3957647
Created October 26, 2012 08:35
css - line input
.line {
display: block;
border: none;
color: #333;
background: transparent;
border-bottom: 1px dotted black;
padding: 5px 2px 0 2px;
}
.line:focus {
@groenewege
groenewege / gist:3957627
Created October 26, 2012 08:31
css - gradient
div[class*="gradient"]{
background-color: #DEB8A0;
box-shadow: 0 0 0 1px #a27b62;
}
.gradient-light-linear {
background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
}
.gradient-dark-linear {
@groenewege
groenewege / gist:3957642
Created October 26, 2012 08:34
css - simple input
.simple-input {
display: block;
padding: 5px;
border: 4px solid #F1B720;
border-radius: 5px;
color: #333;
transition: all 0.3s ease-out;
}
.simple-input:hover {
@groenewege
groenewege / gist:3957631
Created October 26, 2012 08:32
css - inline link
.inline-link-1 {
display: inline-block;
margin: 0 0.2em;
padding: 3px;
background: #97CAF2;
border-radius: 2px;
transition: all 0.3s ease-out;
/* Font styles */
text-decoration: none;
font-weight: bold;
@groenewege
groenewege / gist:3957629
Created October 26, 2012 08:31
css - rounded corners
div[class*="rounded"] {
background: #fca1cc;
}
.light-rounded {
border-radius: 3px;
}
.heavy-rounded {
border-radius: 8px;
@groenewege
groenewege / gist:3957619
Created October 26, 2012 08:29
css - emphasize
div[class*="emphasize-"] {
background: #69D2E7;
}
.emphasize-dark {
box-shadow: 0 0 5px 2px rgba(0,0,0,.35)
}
.emphasize-light {
box-shadow: 0 0 0 10px rgba(255,255,255,.25)
@groenewege
groenewege / gist:3957577
Created October 26, 2012 08:13
css - dropshadow
.drop-shadow {
background: #9479fa;
}
.drop-shadow.top {
box-shadow: 0 -4px 2px -2px rgba(0,0,0,0.4)
}
.drop-shadow.right {
box-shadow: 4px 0 2px -2px rgba(0,0,0,0.4)
@groenewege
groenewege / responsive_table.scss
Created October 26, 2012 07:44 — forked from chriseppstein/responsive_table.scss
sass - responsive tables
@include handhelds {
table.responsive {
width: 100%;
thead {
display: none;
}
tr {
display: block;
}
td, th {
@groenewege
groenewege / gist:3957646
Created October 26, 2012 08:34
css - depth input
.depth {
display: block;
border: 1px solid rgba(255,255,255,0.6);
background: linear-gradient(#eee, #fff);
transition: all 0.3s ease-out;
box-shadow:
inset 0 1px 4px rgba(0,0,0,0.4);
padding: 5px;
color: #555;
}