Skip to content

Instantly share code, notes, and snippets.

@strack
Created April 11, 2012 19:28
Show Gist options
  • Save strack/2361715 to your computer and use it in GitHub Desktop.
Save strack/2361715 to your computer and use it in GitHub Desktop.
Untitled
body{
color: #221111;
background-color:#EFEAE7;
font-size: 16px;
min-height: 100%;
font-family: Monaco, Consolas,
Inconsolata,
'Deja Vu Sans Mono',
'Droid Sans Mono',
'Andale Mono',
'Lucida Console', Consolas,
Inconsolata,
'Deja Vu Sans Mono',
'Droid Sans Mono',
'Andale Mono',
'Lucida Console', monospace;
}
div{
position: relative;
left:20px;
background-color:#DBA;
top:20px;
height:100px;
width:200px;
padding:5px 10px;
border: 2px dashed #fff;
margin: 10px;
border-top-left-radius: 3px; -moz-border-radius-topleft: 3px;
-webkit-border-top-left-radius: 3px;
border-bottom-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
-webkit-border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
-webkit-border-top-right-radius: 3px;
-moz-box-shadow: 0 0 0 4px #DBA, 2px 1px 8px 4px rgba(10,10,0,.5); -webkit-box-shadow: 0 0 0 4px #ff0030, 2px 1px 4px 4px rgba(10,10,0,.5);
box-shadow: 0 0 0 6px #DBA, 2px 1px 8px 6px rgba(10,10,0,.5);
}
.stitched {
background:#BA5555;
top:40px;
-moz-box-shadow: 0 0 0 4px #BA5555, 2px 1px 8px 4px rgba(10,10,0,.5); -webkit-box-shadow: 0 0 0 4px #ff0030, 2px 1px 4px 4px rgba(10,10,0,.5);
box-shadow: 0 0 0 6px #BA5555, 2px 1px 8px 6px rgba(10,10,0,.5);
}
<div id="stitched">lot's of great things go here </div>
<div class="stitched">lot's of great things go here </div>
{"view":"separate","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment