Skip to content

Instantly share code, notes, and snippets.

@mygists
mygists / gist:2386378
Created April 14, 2012 17:58
CSS: Outlines
outline: 1px solid aqua;
outline: 1px solid black;
outline: 1px solid blue;
outline: 1px solid brown;
outline: 1px solid cyan;
outline: 1px solid fuchsia;
outline: 1px solid green;
outline: 1px solid gold;
outline: 1px solid orange;
outline: 1px solid red;
@mygists
mygists / gist:2386274
Created April 14, 2012 17:52
CSS: Image replacement (H5BP)
.ir {
font: 0/0 a; text-shadow: none;
color: transparent; }
@mygists
mygists / gist:2386173
Created April 14, 2012 17:41
CSS: Image replacement (Scott Kellum)
.ir {
overflow: hidden;
text-indent: 100%; white-space: nowrap; }
@mygists
mygists / gist:2386166
Created April 14, 2012 17:40
HTML: Master form
<!-- =master-form | start -->
<form class="master-form" method="post" action="#dummy">
<fieldset>
<legend>Legend Lorem Ipsum Dolores</legend>
<p class="ctrlHolder clearfix error">
<label for="">Input Text</label>
<input id="" name="" type="text" required>
@mygists
mygists / gist:2386161
Created April 14, 2012 17:40
CSS — Text shadow
text-shadow: 0 1px rgba(0,0,0,1);
@mygists
mygists / gist:2386155
Created April 14, 2012 17:39
CSS: Text highlight
text-shadow: 0 1px rgba(255,255,255,1);
@mygists
mygists / gist:2386148
Created April 14, 2012 17:38
CSS: Opacity (cross-browser)
opacity: 1;
filter:Alpha(Opacity=100);/* IE7 and under */
-ms-filter: "Alpha(Opacity=100)"; /* IE8 */
@mygists
mygists / gist:2386140
Created April 14, 2012 17:36
CSS: Box highlight (1px, 90deg)
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,1);
-moz-box-shadow: 0 1px 0 rgba(255,255,255,1);
-o-box-shadow: 0 1px 0 rgba(255,255,255,1);
-ms-box-shadow: 0 1px 0 rgba(255,255,255,1);
box-shadow: 0 1px 0 rgba(255,255,255,1);
@mygists
mygists / gist:2386129
Created April 14, 2012 17:34
CSS: Transition (.2s, linear, opacity)
-webkit-transition: .2s linear opacity;
-moz-transition: .2s linear opacity;
-o-transition: .2s linear opacity;
-ms-transition: .2s linear opacity;
transition: .2s linear opacity;
@mygists
mygists / gist:2386125
Created April 14, 2012 17:33
CSS: Box shadow (1px, 90deg)
-webkit-box-shadow: 0 1px 0 rgba(0,0,0,1);
-moz-box-shadow: 0 1px 0 rgba(0,0,0,1);
-o-box-shadow: 0 1px 0 rgba(0,0,0,1);
-ms-box-shadow: 0 1px 0 rgba(0,0,0,1);
box-shadow: 0 1px 0 rgba(0,0,0,1);