Skip to content

Instantly share code, notes, and snippets.

View elizabethsusan's full-sized avatar

elizabethsusan

View GitHub Profile
.ff_btn {
border: 0 none;
border-radius: 2px 2px 2px 2px;
color: #fff;
cursor: pointer;
display: inline-block;
font-family: Arial,sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 20px;
<a class="ff_btn btn_green" href="#">Button</a>
<a class="ff_btn btn_red" href="#">Button</a>
<a class="ff_btn btn_blue" href="#">Button</a>
<a class="ff_btn btn_pink" href="#">Button</a>
<a class="ff_btn btn_yellow" href="#">Button</a>
<a class="ff_btn btn_purple" href="#">Button</a>
<a class="ff_btn btn_grey" href="#">Button</a>
<a class="ff_btn btn_aero" href="#">Button</a>
<a class="ff_btn btn_orange" href="#">Button</a>
<br />
a {
color: #9b4849;
text-decoration: none;
display: block; }
a:hover {
color: #783839; }
#lid a {
width: 100%;
@elizabethsusan
elizabethsusan / dabblet.css
Created May 5, 2014 14:25 — forked from pehaa/dabblet.css
FANCY CONTACT FORM 3D
a {
color: #9b4849;
text-decoration: none;
display: block; }
a:hover {
color: #783839; }
#lid a {
width: 100%;
@elizabethsusan
elizabethsusan / dabblet.css
Created May 5, 2014 14:18 — forked from dgmid/dabblet.css
Animated HTML5 / CSS3 image caption - Example 1
/**
* Animated HTML5 / CSS3 image caption - Example 1
*/
/* page styles */
body{
background: #fff;
min-height:100%;
}
@elizabethsusan
elizabethsusan / dabblet.css
Created May 5, 2014 14:18 — forked from dgmid/dabblet.css
Animated HTML5 / CSS3 image caption - Example 2
/**
* Animated HTML5 / CSS3 image caption - Example 2
*/
/* page styles */
body{
background: #fff;
min-height:100%;
}
@elizabethsusan
elizabethsusan / dabblet.css
Created May 5, 2014 14:16 — forked from dgmid/dabblet.css
Animated HTML5 / CSS3 image caption - Example 3
/**
* Animated HTML5 / CSS3 image caption - Example 3
*/
/* page styles */
body{
background: #fff;
min-height:100%;
}
@elizabethsusan
elizabethsusan / dabblet.css
Created May 5, 2014 14:15 — forked from dgmid/dabblet.css
Animated HTML5 / CSS3 image caption - Example 4
/**
* Animated HTML5 / CSS3 image caption - Example 4
*/
/* page styles */
body{
background: #fff;
min-height:100%;
}