Raw .scss for Pew Pew Laser Blog. Current as of 2013-11-06.

_base.scss

// Reset Stylesheet originally from html5doctor.com
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
// pre { padding: 15px; white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word;  }
body { line-height: 1; }
html { -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
nav ul { list-style: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ins { background-color: $rgba-lighten; color: $text-dark; text-decoration: none; }
mark { background-color: $rgba-lighten; color: $text-dark; font-style: inherit; font-weight: bold; }
del { text-decoration: line-through; }
em { font-style: italic; }
strong { font-weight: bold; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px dashed $text-light; width: 80%; margin: 1em auto; padding: 0; }
input, select { vertical-align: middle; }
// End reset stylesheet

body { text-rendering: optimizeLegibility; line-height: 150%; font-family: "Bitter", "Geneva", "Georgia", "Droid Serif", serif; font-size: large; }
h1 { font-size: 2em; line-height: 100%; margin-top: .5em; margin-bottom: .5em; }
h2 { font-size: 1.1667em; line-height: 128.6%; margin-top: 1.143em; /*margin-bottom: 1.929em;*/ }
h3 { margin-bottom: .5em; }
p, ul, ol, dl, pre, blockquote { font-size: 1em; margin-bottom: 1.5em; }
li { margin-bottom: .75%; }
small, aside { font-size: $font-small; }

_print.scss

body, #main, * { color: #000 !important; background-image: none !important; background-color: #FFF !important; text-shadow: none !important; border-color: #FFF !important; }
#main { float: none; width: auto; }
h1, h2, h3, h4, h5, h6 { text-align: center !important; width: 100% !important; margin: 0 0 1em 0 !important; padding: 0 !important; }
p, ul { margin: 0 0 1em 0; padding: 0; }
div.date { margin-right: .15em; }
img { border: none; }
a { color: black; text-decoration: none; }
a[href]:after { content: " ("attr(href)")"; font-size: smaller; color: gray; }
hr.fancy { background: none; margin-top: 1em; margin-bottom: 1em; border-bottom: dashed #000 1px; }

/* Hide 'em all */
nav, .sm-links, #sidebar, body#recipes .recipe_toc, body#recipes .conclusion, #gas_container { display: none; margin: 0;}

footer a[href]:after { content: none; text-decoration: none; }
footer ul { margin-bottom: 0; text-align: center; list-style-type: none; }
footer { text-align: left; }

main.scss

$text-dark: #492A35;
$text-light: #BDC1AD;
$border-light: #BDC1AD;
$rgba-lighten: rgba(255, 255, 255, 0.4);
$rgba-darken: rgba(0, 0, 0, 0.65);
$font-small: .75em;

@mixin border-underline { text-decoration: none; border-bottom: 1px solid $text-light; }

@mixin quotenote($bgimage: none) { border-left: solid 5px $text-light; background-color: $rgba-darken; padding: 1%; width: 80%; margin-bottom: 1.5em;

	@if $bgimage != none {
		background: image-url("#{$bgimage}") $rgba-darken no-repeat 5px 8px;
		padding-left: 45px;
	}

	a { color: inherit; border-bottom-color: inherit; }
	.source { font-size: 80%; text-align: right; margin-bottom: 0; }
}

//	#492A35 - Dark Purple: background,
//	#BDC1AD - Lt. Tan: text-light, borders
//	#E6D684 - Lt. Yellow: ads
//	#453D6B - Blue: future
//	#858674 - Tan: future

@import "_base.scss";

$sm-links-layout: diagonal;
@import "sm-links/*.png"; // Relative to images_dir as defined in config.rb
@include all-sm-links-sprites;

body { color: $text-light; background: #492A35 image-url("bg.jpg") left top; }

h1 { color: $text-light; width: 58%; float: left; margin-left: 1%; padding-left: 1%; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8); }
h2 { color: $text-light; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8); }
h3 { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8); }

article { clear: right; border-top: dashed $text-light 1px; overflow: auto;
	&:first-of-type { border-top: none; }
	img { float: right; margin-bottom: .5em; margin-left: .5em; }
}

img { border: solid $rgba-darken 1px; border-radius: 5px; box-shadow: 1px 1px 2px $rgba-darken; }

a { color: $text-light; @include border-underline;
	&:hover, &:focus, &:active { color: $text-dark; background-color: $text-light; }
}

pre { color: #000; background-color: $rgba-lighten;
	font-family: "Source Code Pro", "Courier New", "Droid Mono", "Courier", monospace;
	padding: .5em; margin-bottom: 1.5333em; line-height: 100%; overflow: auto;
	a { color: inherit; border-bottom-color: inherit; }
}
code { @extend pre; padding: .1em .25em; }

kbd { color: #FFF; background-color: $rgba-darken;
	font-family: "Source Code Pro", "Courier New", "Droid Mono", "Courier", monospace;
	border-radius: 5px; padding: 2px;
}

dd { @include quotenote; border-top: 1px solid $text-light; }

nav { overflow: auto;
	li { margin-bottom: 0; }
	a { display: block; float: left; width: 19%; margin-right: 1%; margin-bottom: 1%; background: $rgba-darken;
		box-sizing: border-box; -moz-box-sizing: border-box; color: $text-light; box-shadow: 0 0 15px #000;
		text-decoration: none; font-size: 1.6em; border-right: 1px solid $text-light;
		padding: .3em;  }
 }

body#home a.home, body#articles a.articles, body#recipes a.recipes, body#pictures a.pictures, body#contact a.contact, body#archives a.archives
 { color: $text-dark; background-color: $text-light; }

date { font-style: italic; font-size: $font-small; display: block; text-align: right; padding-right: .1em; }

#main { color: $text-light; background-color: rgba(52, 52, 45, 0.65); border-radius: .4em; float: left; padding-right: 1%; padding-left: 1%;
	width: 58%; margin: 1%; box-sizing: border-box; -moz-box-sizing: border-box;
	ol, dl, ul { padding-left: 2em;
	  ol, dl, ul { margin-bottom: 0; }
	  & blockquote, & pre { margin-bottom: 0; }
	}
	ul { list-style-type: disc; }
}

.sm-links { width: 39%; margin-right: 1%; float: left; overflow: auto; margin-top: 1.1795em; line-height: 75%;
	a { color: $text-light; width: 24%; margin-right: 1%; margin-bottom: 2%; min-height: 32px; background-repeat: no-repeat; background-position: left center; border-bottom: none; padding-top: 1em; padding-left: 1em; box-sizing: border-box; -moz-box-sizing: border-box; font-weight: bold; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.8), 1px 1px 1px rgba(0, 0, 0, 0.8); float: left; display: block;
		&:hover, &:focus, &:active { color: $text-dark; background-color: $text-light; text-shadow: none; }
	}
	.twitter { @extend .sm-links-twitter; }
	.rss { @extend .sm-links-rss; }
	.pinterest { @extend .sm-links-pinterest; }
	.dropbox { @extend .sm-links-dropbox; }
	.stack-overflow { @extend .sm-links-books; }
	.codepen { @extend .sm-links-script; }
	.github { @extend .sm-links-link; }
}

#sidebar { float: left; width: 39%; margin-right: 1%;
  iframe#twitter-widget-0 { margin-top: 1.5333em; }
 }

.pictures { overflow: auto;
	figure { width: 30%; margin-right: 2%; float: left;
	&:nth-of-type(3n+1) { clear: left; }
		img { max-width: 100%; display: block; }
	}
	figcaption { margin: .25em .1em 1em; font-style: italic; font-size: $font-small; line-height: 153.333%; }
	a:hover, a:focus, a:active { color: inherit; }
}

footer { width: 96%; margin: 1%; padding: 1%; border-top: 4px double $border-light; border-bottom: 4px double $border-light; clear: both; float: left; font-size: .8em; text-align: center; color: $text-light; background: none repeat scroll 0 0 $rgba-darken; margin-top: .5em;
	p { margin-bottom: 0; }
	ul { list-style-type: none; margin-top: .75em; margin-bottom: .75em;
		li { display: inline;
			&:after { content: " \00A6 "; }
			&:last-child:after { content: none; }
		}
	}
}

table
  {	border: solid #000 1px; border-collapse: collapse; line-height: 1;
  	thead { color: #000; background-color: $text-light; color: $text-dark; font-weight: bold; text-align: center; }
  	td { border: solid #666 1px; padding: .25em;
  		a { border-bottom: none; text-decoration: underline; }
  	}
  	&.tags, &.history { float: left; width: 48%; margin-right: 1%; }
	}

hr.fancy
  {	background: transparent image-url("hr.png") center center no-repeat;
	width: 100%; height: 27px; margin-top: 2em; margin-bottom: 2em; border: none; }

blockquote { @include quotenote; }
blockquote.song { @include quotenote($bgimage: "music_notes.gif"); background-repeat: repeat-y; border-left-color: #FFF; }
blockquote.sql_pirate { @include quotenote($bgimage: "sql_pirate.png");  }
.caution { @include quotenote($bgimage: "caution.png"); }
.note { @include quotenote($bgimage: "note.png"); }

.comment
  {	font-size: small; overflow: auto; border-bottom: dotted $border-light 1px; padding-top: .5em; padding-bottom: .5em;
  	.who { float: left; width: 20%; text-align: center;
  		a { display: block; margin-right: auto; margin-left: auto; border: none; }
  	img { box-shadow: none; border: none; max-width: 50px; }
	}
	blockquote { padding: 1%; float: left; width: 79%; max-width: inherit; margin-bottom: 0; -moz-box-sizing: border-box; box-sizing: border-box; }
	&:last-of-type { border-bottom: none; }
}

form { outline: solid #666 1px; width: 28em; padding: .5em; margin-left: auto; margin-right: auto; }
fieldset { border: none; }
label { width: 6em; float: left; text-align: right; margin: .5em 1em; clear: both; }
input, textarea { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: small; margin: .5em 0; width: 17em; }
input[type="submit"] { float: none; clear: both; width: auto; margin-bottom: 1em; margin-left: 8em; }
form br { clear: both; }

body#recipes #main li { margin-bottom: 0; }
body#recipes #main img { border: 2px solid #FFFFFF; float: right; margin-left: .25em; padding: 0; }

body#archives table tr:hover { background-color: $text-light; }
body#archives table tr:hover, body#archives table tr:hover a { color: $text-dark !important; }

body#pix #main img { display: block; margin: 0 auto 1.5333em; max-width: 98%; }
body#pix #main article:hover:before { color: rgba(189, 193, 172, 0.48); content: " #" attr(id); float: right; margin-top: 1.1em; }

/*	Google AdSense iframe CSS  */
#gas_container
  {	width: 58%; margin: 1%; }

#affiliate_container
  {	margin: 20px auto 0; width: 728px; font-size: 13px; }

#gas_container a, #affiliate_container a
  {	color: #E6D684; font-weight: bold; }

@media only screen and (max-width: 950px) and (min-width: 571px) { /* Medium (Most tablets) */
  h1 { font-size: 1.5em; }
  h1, #main { width: 73%; float: left; margin-right: 1%; margin-left: 0; }
  #sidebar, #gas_container { width: 25%;  }
  .sm-links { display: none; }
  nav a { font-size: 1em; width: 24%; }
  .pictures figure { width: 98%; margin-right: 1%; margin-left: 1%; float: none; }
  .pictures figure:nth-of-type(3n+1) { clear: none; }
}

@media only screen and (max-width: 570px) { /* Small (Most phones) */
  h1 { font-size: 1.5em; }
  h1, #main, #sidebar, #gas_container { width: 98%; float: none; margin-right: 1%; margin-left: 1%; }
  .sm-links { display: none; }
  nav a { font-size: 1em; width: 32%; }
  .pictures figure { width: 98%; margin-right: 1%; margin-left: 1%; float: none; }
  .pictures figure:nth-of-type(3n+1) { clear: none; }
}

@media only print {
	@import "_print.scss";
}