Skip to content

Instantly share code, notes, and snippets.

@haggen
Created March 14, 2012 20:04
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save haggen/2039112 to your computer and use it in GitHub Desktop.
Save haggen/2039112 to your computer and use it in GitHub Desktop.
Untitled
body{font: 14px/1.6 sans-serif;}
* {margin: 0; padding: 0;}
body {
background: #666;
color: #f0f0f0;
}
a {
color: #fff;
font-weight: 700;
}
h1 {
font: 400 32px/1 Palatino;
text-transform: uppercase;
}
article {
background: #444;
box-shadow: 0 2px 8px #111, 0 -1px #808080, 0 1px #444, inset 0 4px 12px -4px #666;;
border-radius: 4px;
margin: 24px auto;
padding: 24px;
width: 640px;
}
article p:nth-child(2) {
box-shadow: inset 0 2px 2px #333, inset 0 -1px #4f4f4f;
background: #404040;
font-size: 12px;
padding: 8px 12px;
margin: 12px 0;
margin-left: -24px;
position: relative;
}
span.fade {
background: -webkit-linear-gradient(left, transparent, #444 40%);
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 40%;
}
<article>
<h1>Hello world</h1>
<p>by Arthur, 10 hours ago, in <a href="#">social</a>, <a href="#">code</a> <span class="fade"></span></p>
<p>Bacon ipsum dolor sit amet shoulder cow sausage pork belly, frankfurter drumstick swine chicken speck pastrami venison meatloaf strip steak ribeye ham.</p>
<p>Cow ham hock beef, hamburger pork belly shoulder meatball. Tenderloin strip steak turducken boudin frankfurter. T-bone turducken beef, pork sausage capicola bacon ham shankle pancetta prosciutto rump corned beef frankfurter. Ribeye tri-tip salami, ham hock pork loin shank jowl meatball t-bone. Sirloin meatball hamburger biltong.Short ribs venison short loin, ribeye kielbasa strip steak biltong beef ribs prosciutto cow pig shoulder turkey pork loin. Salami jerky tri-tip leberkas biltong, drumstick cow shoulder speck.</p>
<p>Beef ribs short ribs leberkas, jowl meatball ribeye tongue pork chop swine spare ribs ground round ham hock shankle pork sirloin. Turkey tenderloin prosciutto, filet mignon tongue flank biltong salami short loin pork loin.</p>
</article>
{"view":"split","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment