cosy-jekyll 1.0.0

data/_sass/_reset.scss

@@ -0,0 +1,156 @@
+//
+// Reset CSS
+// Adapted from http://github.com/necolas/normalize.css
+// --------------------------------------------------
+
+*, *:after, *:before {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+
+// Display in IE6-9 and FF3
+// -------------------------
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+nav,
+section {
+  display: block;
+}
+
+// Display block in IE6-9 and FF3
+// -------------------------
+audio,
+canvas,
+video {
+  display: inline-block;
+  *display: inline;
+  *zoom: 1;
+}
+
+// Prevents modern browsers from displaying 'audio' without controls
+// -------------------------
+audio:not([controls]) {
+    display: none;
+}
+
+// Base settings
+// -------------------------
+html {
+  font-size: 100%;
+  -webkit-text-size-adjust: 100%;
+      -ms-text-size-adjust: 100%;
+}
+// Focus states
+a:focus {
+  @include tab-focus();
+}
+// Hover & Active
+a:hover,
+a:active {
+  outline: 0;
+}
+
+// Prevents sub and sup affecting line-height in all browsers
+// -------------------------
+sub,
+sup {
+  position: relative;
+  font-size: 75%;
+  line-height: 0;
+  vertical-align: baseline;
+}
+sup {
+  top: -0.5em;
+}
+sub {
+  bottom: -0.25em;
+}
+
+// Blockquote
+// -------------------------
+blockquote {
+  margin: 0;
+}
+
+// Img border in a's and image quality
+// -------------------------
+img,video {
+  /* Responsive images (ensure images don't scale beyond their parents) */
+  max-width: 100%; /* Part 1: Set a maxium relative to the parent */
+  width: auto\9; /* IE7-8 need help adjusting responsive images */
+  height: auto; /* Part 2: Scale the height according to the width, otherwise you get stretching */
+
+  vertical-align: middle;
+  border: 0;
+  -ms-interpolation-mode: bicubic;
+}
+
+// Full width tables
+// -------------------------
+table {
+  width: 100%;
+}
+
+// Prevent max-width from affecting Google Maps
+#map_canvas img,
+.google-maps img {
+  max-width: none;
+}
+
+// Forms
+// -------------------------
+// Font size in all browsers, margin changes, misc consistency
+button,
+input,
+select,
+textarea {
+  margin: 0;
+  font-size: 100%;
+  vertical-align: middle;
+}
+button,
+input {
+  *overflow: visible; // Inner spacing ie IE6/7
+  line-height: normal; // FF3/4 have !important on line-height in UA stylesheet
+}
+button::-moz-focus-inner,
+input::-moz-focus-inner { // Inner padding and border oddities in FF3/4
+  padding: 0;
+  border: 0;
+}
+button,
+html input[type="button"], // Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.
+input[type="reset"],
+input[type="submit"] {
+    -webkit-appearance: button; // Corrects inability to style clickable `input` types in iOS.
+    cursor: pointer; // Improves usability and consistency of cursor style between image-type `input` and others.
+}
+label,
+select,
+button,
+input[type="button"],
+input[type="reset"],
+input[type="submit"],
+input[type="radio"],
+input[type="checkbox"] {
+    cursor: pointer; // Improves usability and consistency of cursor style between image-type `input` and others.
+}
+input[type="search"] { // Appearance in Safari/Chrome
+  @include box-sizing(content-box);
+  -webkit-appearance: textfield;
+}
+input[type="search"]::-webkit-search-decoration,
+input[type="search"]::-webkit-search-cancel-button {
+  -webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5
+}
+textarea {
+  overflow: auto; // Remove vertical scrollbar in IE6-9
+  vertical-align: top; // Readability and alignment cross-browser
+}

data/_sass/_rouge.scss

@@ -0,0 +1,74 @@
+.highlight {
+	margin-bottom: 1.5em;
+	@include font(12);
+	color: #d0d0d0;
+	border: 1px solid darken($body-color, 5);
+	background-color: #272822;
+	@include rounded(3px);
+	pre {
+		position: relative;
+		margin: 0;
+		padding: 0.7em;
+    @include font-rem(14);
+  }
+	.lineno { padding-right: 24px; color: #8f908a;}
+	.hll { background-color: #49483e }
+	.c { color: #75715e } /* Comment */
+	.err { color: #960050; background-color: #1e0010 } /* Error */
+	.k { color: #66d9ef } /* Keyword */
+	.l { color: #ae81ff } /* Literal */
+	.n { color: #f8f8f2 } /* Name */
+	.o { color: #f92672 } /* Operator */
+	.p { color: #f8f8f2 } /* Punctuation */
+	.cm { color: #75715e } /* Comment.Multiline */
+	.cp { color: #75715e } /* Comment.Preproc */
+	.c1 { color: #75715e } /* Comment.Single */
+	.cs { color: #75715e } /* Comment.Special */
+	.ge { font-style: italic } /* Generic.Emph */
+	.gs { font-weight: bold } /* Generic.Strong */
+	.kc { color: #66d9ef } /* Keyword.Constant */
+	.kd { color: #66d9ef } /* Keyword.Declaration */
+	.kn { color: #f92672 } /* Keyword.Namespace */
+	.kp { color: #66d9ef } /* Keyword.Pseudo */
+	.kr { color: #66d9ef } /* Keyword.Reserved */
+	.kt { color: #66d9ef } /* Keyword.Type */
+	.ld { color: #e6db74 } /* Literal.Date */
+	.m { color: #ae81ff } /* Literal.Number */
+	.s { color: #e6db74 } /* Literal.String */
+	.na { color: #a6e22e } /* Name.Attribute */
+	.nb { color: #f8f8f2 } /* Name.Builtin */
+	.nc { color: #a6e22e } /* Name.Class */
+	.no { color: #66d9ef } /* Name.Constant */
+	.nd { color: #a6e22e } /* Name.Decorator */
+	.ni { color: #f8f8f2 } /* Name.Entity */
+	.ne { color: #a6e22e } /* Name.Exception */
+	.nf { color: #a6e22e } /* Name.Function */
+	.nl { color: #f8f8f2 } /* Name.Label */
+	.nn { color: #f8f8f2 } /* Name.Namespace */
+	.nx { color: #a6e22e } /* Name.Other */
+	.py { color: #f8f8f2 } /* Name.Property */
+	.nt { color: #f92672 } /* Name.Tag */
+	.nv { color: #f8f8f2 } /* Name.Variable */
+	.ow { color: #f92672 } /* Operator.Word */
+	.w { color: #f8f8f2 } /* Text.Whitespace */
+	.mf { color: #ae81ff } /* Literal.Number.Float */
+	.mh { color: #ae81ff } /* Literal.Number.Hex */
+	.mi { color: #ae81ff } /* Literal.Number.Integer */
+	.mo { color: #ae81ff } /* Literal.Number.Oct */
+	.sb { color: #e6db74 } /* Literal.String.Backtick */
+	.sc { color: #e6db74 } /* Literal.String.Char */
+	.sd { color: #e6db74 } /* Literal.String.Doc */
+	.s2 { color: #e6db74 } /* Literal.String.Double */
+	.se { color: #ae81ff } /* Literal.String.Escape */
+	.sh { color: #e6db74 } /* Literal.String.Heredoc */
+	.si { color: #e6db74 } /* Literal.String.Interpol */
+	.sx { color: #e6db74 } /* Literal.String.Other */
+	.sr { color: #e6db74 } /* Literal.String.Regex */
+	.s1 { color: #e6db74 } /* Literal.String.Single */
+	.ss { color: #e6db74 } /* Literal.String.Symbol */
+	.bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */
+	.vc { color: #f8f8f2 } /* Name.Variable.Class */
+	.vg { color: #f8f8f2 } /* Name.Variable.Global */
+	.vi { color: #f8f8f2 } /* Name.Variable.Instance */
+	.il { color: #ae81ff } /* Literal.Number.Integer.Long */
+}

data/_sass/_site.scss

@@ -0,0 +1,56 @@
+// Selection
+// --------------------------------------------------
+::-moz-selection {
+	background-color: lighten($base-color, 65%);
+	color: $base-color;
+	text-shadow: none;
+}
+::selection {
+	background-color: lighten($base-color, 65%);
+	color: $base-color;
+	text-shadow: none;
+}
+
+// Global Classes
+// --------------------------------------------------
+.wrap {
+	margin: 0 auto;
+}
+.all-caps {
+	text-transform: uppercase;
+}
+.image-left {
+	float: none;
+	@media #{$medium} {
+		float: left;
+	}
+}
+.image-right {
+	float: none;
+	@media #{$medium} {
+		float: right;
+	}
+}
+.unstyled-list {
+	list-style: none;
+	margin-left: 0;
+	padding-left: 0;
+	li {
+		list-style-type: none;
+	}
+}
+.inline-list {
+	list-style: none;
+	margin-left: 0;
+	padding-left: 0;
+	li {
+		list-style-type: none;
+		display: inline;
+	}
+}
+
+// Global Transition
+// ---------------------------------------------------
+b, i, strong, em, blockquote, p, q, span, figure, img, h1, h2, header, input, a {
+	@include transition(all .2s ease);
+}

data/_sass/_typography.scss

@@ -0,0 +1,125 @@
+// Body
+// --------------------------------------------------
+body {
+	font-family: $base-font;
+	color: $text-color;
+}
+
+// Headings
+// --------------------------------------------------
+h1, h2, h3, h4, h5, h6 {
+	font-family: $heading-font;
+}
+h1 {
+	@include font-rem(24);
+  margin: 12px 0;
+	@media #{$medium} {
+		@include font-rem(32);
+	}
+}
+
+// Links
+// --------------------------------------------------
+a {
+	text-decoration: none;
+	color: $link-color;
+	&:visited {
+		color: lighten($link-color, 20);
+	}
+	&:hover {
+		color: darken($link-color, 20);
+	}
+	&:focus {
+		outline: thin dotted;
+		color: darken($link-color, 20);
+	}
+	&:hover,
+	&:active {
+		outline: 0;
+	}
+}
+
+.link-arrow {
+	font-weight: 100;
+	text-decoration: underline;
+	font-style: normal;
+}
+
+// Figures
+// --------------------------------------------------
+figcaption {
+	padding-top: 10px;
+	@include font(14);
+	line-height: 1.3;
+	color: lighten($text-color, 10);
+}
+
+// Note text
+// --------------------------------------------------
+.notice {
+	margin-top: 1.5em;
+	padding: .5em 1em;
+	text-indent: 0;
+	@include font-rem(14);
+	background-color: $body-color;
+	border: 1px solid darken($body-color,20);
+	@include rounded(3px);
+}
+
+// Blockquotes
+// --------------------------------------------------
+blockquote {
+	font-family: $alt-font;
+	font-style: italic;
+	border-left: 8px solid $border-color;
+	padding-left: 20px;
+	@media #{$medium} {
+		margin-left: -28px;
+	}
+}
+
+// List items
+// --------------------------------------------------
+.entry-content li {
+	margin-bottom: 7px;
+}
+
+// Footnotes
+// --------------------------------------------------
+.entry-content .footnotes {
+	ol, li, p {
+		@include font-size(14);
+	}
+}
+
+// Code
+// --------------------------------------------------
+tt, code, kbd, samp, pre {
+	font-family: $code-font;
+}
+p,
+li {
+	code {
+		@include font-rem(12);
+		line-height: 1.5;
+		margin: 0 2px;
+		padding: 0 5px;
+		border: 1px solid lighten($black, 90);
+		background-color: lighten($black, 95);
+		@include rounded(3px);
+	}
+}
+pre {
+	@include font-rem(12);
+	line-height: 1.5;
+	overflow-x: auto;
+	&::-webkit-scrollbar {
+		height: 12px;
+		background-color: #34362e;
+		border-radius: 0 0 4px 4px;
+	}
+	&::-webkit-scrollbar-thumb:horizontal {
+		background-color: #6a6d5d;
+		@include rounded(4px);
+	}
+}

data/_sass/_variables.scss

@@ -0,0 +1,45 @@
+// Typography
+// --------------------------------------------------
+
+$base-font: Calibri, Arial, sans-serif;
+$heading-font: $base-font;
+$caption-font: $base-font;
+$code-font: monospace;
+$alt-font: serif;
+
+$doc-font-size: 16;
+$doc-line-height: 26;
+
+// set-up the body font-size / line-height
+body {
+  font-size: 0px + $doc-font-size;
+}
+
+// Colors
+// --------------------------------------------------
+$base-color: rgba(#222, 0.8);
+$header-color: #000;
+$header-active: #000;
+$menu-top: white;
+$menu-height: 60px;
+$menu-overflow: #000;
+$body-color: #e8e8e8;
+$text-color: rgba(#222, 0.8);
+$comp-color: complement(#222);
+$border-color: lighten(#222, 60);
+$white: #fff;
+$black: #000;
+$link-color: rgba(#222, 0.8);
+
+$primary: #222;
+$success: #5cb85c;
+$warning: #dd8338;
+$danger: #C64537;
+$info: #308cbc;
+
+// Screen Size
+// --------------------------------------------------
+
+$small: "only screen and (min-width: 30em)";
+$medium: "only screen and (min-width: 48em)";
+$large: "only screen and (min-width: 62.5em)";