neo-hpstr-jekyll-theme 1.0.0

data/_sass/_coderay.scss

@@ -0,0 +1,66 @@
+.CodeRay {
+  font-family: $code-font;
+  @include font(12);
+  color: #d0d0d0;
+  margin-bottom: 1.5em;
+  @include rounded(3px);
+}
+
+.CodeRay .code pre {
+  margin: 0;
+  padding: 1em;
+  background-color: #272822;
+  border: 1px solid darken($body-color, 5);
+}
+
+div.CodeRay { }
+span.CodeRay { white-space: pre; border: 0px; padding: 2px }
+
+table.CodeRay { border-collapse: collapse; width: 100%; padding: 2px }
+table.CodeRay td {
+  padding: 1em 0.5em;
+  vertical-align: top;
+}
+
+.CodeRay .line-numbers, .CodeRay .no {
+  color: #8f908a;
+  text-align: right;
+}
+
+.CodeRay .line-numbers a {
+  color: #8f908a;
+}
+
+.CodeRay .line-numbers tt { font-weight: bold }
+.CodeRay .line-numbers .highlighted { color: red }
+.CodeRay .line { display: block; float: left; width: 100%; }
+.CodeRay span.line-numbers { padding: 0 24px 0 4px; }
+.CodeRay .code { width: 100% }
+
+ol.CodeRay { font-size: 10pt }
+ol.CodeRay li { white-space: pre }
+
+.CodeRay .code pre { overflow: auto }
+.CodeRay .debug { color:white ! important; background:blue ! important; }
+
+.CodeRay .doctype,
+.CodeRay .key,
+.CodeRay .instance-variable { color: #f8f8f2; }
+.CodeRay .attribute-name { color: #a6e22e;}
+.CodeRay .symbol,
+.CodeRay .integer,
+.CodeRay .float { color: #ff658b; }
+.CodeRay .string { color: #2dc900; }
+.CodeRay .keyword { color: #66d9ef; }
+.CodeRay .function,
+.CodeRay .class { color: #a6e22e; }
+.CodeRay .regexp,
+.CodeRay .constant,
+.CodeRay .tag { color: #f92672; }
+.CodeRay .modifier,
+.CodeRay .predefined-constant { color: #ff84e4; }
+.CodeRay .comment { color: #75715e; }
+.CodeRay .error { color: #ecc; }
+.CodeRay .content { color: #e6db74; }
+.CodeRay .delimiter { color: #e6db74; }
+.CodeRay .inline { color: #e6db74; }

data/_sass/_dl-menu.scss

@@ -0,0 +1,370 @@
+.dl-menuwrapper {
+	width: 100%;
+	position: absolute;
+	top: 0;
+	left: 0;
+	z-index: 1000;
+	-webkit-perspective: 1000px;
+	-moz-perspective: 1000px;
+	perspective: 1000px;
+	-webkit-perspective-origin: 50% 200%;
+	-moz-perspective-origin: 50% 200%;
+	perspective-origin: 50% 200%;
+	@media #{$medium} {
+		position: fixed;
+		max-width: 175px;
+		top: 25px;
+		left: 25px;
+	}
+	button {
+		top: 0;
+		left: 0;
+		background: $comp-color;
+		border: none;
+		width: 48px;
+		height: 45px;
+		text-indent: -900em;
+		overflow: hidden;
+		position: relative;
+		cursor: pointer;
+		outline: none;
+		@include border-radius(0,3px,0,0);
+		opacity: 0.6;
+		@media #{$medium} {
+			@include border-radius(3px,3px,3px,3px);
+		}
+	}
+	button:hover,
+	button.dl-active,
+	ul {
+		background: #aaa;
+	}
+	button:after {
+		content: '';
+		position: absolute;
+		width: 68%;
+		height: 5px;
+		background: $white;
+		top: 10px;
+		left: 16%;
+		box-shadow: 
+			0 10px 0 $white, 
+			0 20px 0 $white;
+	}
+	button.dl-active {
+		display: none;
+	}
+	ul {
+		padding: 0;
+		list-style: none;
+		-webkit-transform-style: preserve-3d;
+		-moz-transform-style: preserve-3d;
+		transform-style: preserve-3d;
+	}
+	li {
+		position: relative;
+		h4 {
+			margin:0;
+			padding: 15px 20px 0;
+			color: rgba($white,0.9);
+		}
+		p {
+			margin: 0;
+			padding: 15px 20px;
+			@include font-rem(14);
+			color: rgba($white,0.8);
+			font-weight: 300;
+			a {
+				display: inline;
+				padding: 0;
+				@include font-rem(14);
+			}
+		}
+		i {
+			// display: inline-block;
+		}
+		a {
+			display: block;
+			position: relative;
+			padding: 15px 20px;
+			@include font-rem(14);
+			line-height: 20px;
+			font-weight: 400;
+			color: $white;
+			outline: none;
+		}
+		&.dl-back > a {
+			padding-left: 30px;
+			background: rgba(0,0,0,0.2);
+		}
+		&.dl-back:after,
+		> a:not(:only-child):after {
+			position: absolute;
+			top: 0;
+			line-height: 50px;
+			font-family: 'fontawesome';
+			color: $white;
+			speak: none;
+			-webkit-font-smoothing: antialiased;
+			content: "\f105";
+		}
+		&.dl-back:after {
+			left: 10px;
+			color: rgba(212,204,198,0.5);
+			-webkit-transform: rotate(180deg);
+			-moz-transform: rotate(180deg);
+			transform: rotate(180deg);
+		}
+		> a:after {
+			right: 10px;
+			color: rgba(0,0,0,0.15);
+		}
+	}
+	.dl-menu {
+		margin: 0;
+		position: absolute;
+		width: 100%;
+		max-width: 400px;
+		overflow-y: auto;
+		max-height: 600px;
+		opacity: 0;
+		pointer-events: none;
+		box-shadow: 0 12px 24px rgba($black,0.4);
+		-webkit-transform: translateY(10px);
+		-moz-transform: translateY(10px);
+		transform: translateY(10px);
+		-webkit-backface-visibility: hidden;
+		-moz-backface-visibility: hidden;
+		backface-visibility: hidden;
+		@media #{$medium} {
+			@include border-radius(3px,3px,3px,3px);
+			max-height: 650px;
+		}
+	}
+	.dl-menu.dl-menu-toggle {
+		-webkit-transition: all 0.3s ease;
+		-moz-transition: all 0.3s ease;
+		transition: all 0.3s ease;
+	}
+	.dl-menu.dl-menuopen {
+		opacity: 1;
+		pointer-events: auto;
+		-webkit-transform: translateY(0px);
+		-moz-transform: translateY(0px);
+		transform: translateY(0px);
+	}
+	.dl-submenu {
+		@include rounded(3px);
+		box-shadow: 0 12px 24px rgba($black,0.4);
+		.btn {
+			margin-bottom: 0;
+		}
+	}
+	/* Hide the inner submenus */
+	li .dl-submenu {
+		display: none;
+	}
+}
+/* 
+When a submenu is openend, we will hide all li siblings.
+For that we give a class to the parent menu called "dl-subview".
+We also hide the submenu link. 
+The opened submenu will get the class "dl-subviewopen".
+All this is done for any sub-level being entered.
+*/
+.dl-menu.dl-subview li,
+.dl-menu.dl-subview li.dl-subviewopen > a,
+.dl-menu.dl-subview li.dl-subview > a {
+	display: none;
+}
+.dl-menu.dl-subview li.dl-subview,
+.dl-menu.dl-subview li.dl-subview .dl-submenu,
+.dl-menu.dl-subview li.dl-subviewopen,
+.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
+.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
+	display: block;
+}
+/* Animation classes for moving out and in */
+.dl-menu.dl-animate-out {
+	-webkit-animation: MenuAnimOut 0.4s ease;
+	-moz-animation: MenuAnimOut 0.4s ease;
+	animation: MenuAnimOut 0.4s ease;
+}
+@-webkit-keyframes MenuAnimOut {
+	100% {
+		-webkit-transform: translateZ(300px);
+		opacity: 0;
+	}
+}
+@-moz-keyframes MenuAnimOut {
+	100% {
+		-moz-transform: translateZ(300px);
+		opacity: 0;
+	}
+}
+@keyframes MenuAnimOut {
+	100% {
+		transform: translateZ(300px);
+		opacity: 0;
+	}
+}
+.dl-menu.dl-animate-in {
+	-webkit-animation: MenuAnimIn 0.4s ease;
+	-moz-animation: MenuAnimIn 0.4s ease;
+	animation: MenuAnimIn 0.4s ease;
+}
+@-webkit-keyframes MenuAnimIn {
+	0% {
+		-webkit-transform: translateZ(300px);
+		opacity: 0;
+	}
+	100% {
+		-webkit-transform: translateZ(0px);
+		opacity: 1;
+	}
+}
+@-moz-keyframes MenuAnimIn {
+	0% {
+		-moz-transform: translateZ(300px);
+		opacity: 0;
+	}
+	100% {
+		-moz-transform: translateZ(0px);
+		opacity: 1;
+	}
+}
+@keyframes MenuAnimIn {
+	0% {
+		transform: translateZ(300px);
+		opacity: 0;
+	}
+	100% {
+		transform: translateZ(0px);
+		opacity: 1;
+	}
+}
+.dl-menuwrapper > .dl-submenu.dl-animate-in {
+	-webkit-animation: SubMenuAnimIn 0.4s ease;
+	-moz-animation: SubMenuAnimIn 0.4s ease;
+	animation: SubMenuAnimIn 0.4s ease;
+}
+@-webkit-keyframes SubMenuAnimIn {
+	0% {
+		-webkit-transform: translateZ(-300px);
+		opacity: 0;
+	}
+	100% {
+		-webkit-transform: translateZ(0px);
+		opacity: 1;
+	}
+}
+@-moz-keyframes SubMenuAnimIn {
+	0% {
+		-moz-transform: translateZ(-300px);
+		opacity: 0;
+	}
+	100% {
+		-moz-transform: translateZ(0px);
+		opacity: 1;
+	}
+}
+@keyframes SubMenuAnimIn {
+	0% {
+		transform: translateZ(-300px);
+		opacity: 0;
+	}
+	100% {
+		transform: translateZ(0px);
+		opacity: 1;
+	}
+}
+.dl-menuwrapper > .dl-submenu.dl-animate-out {
+	-webkit-animation: SubMenuAnimOut 0.4s ease;
+	-moz-animation: SubMenuAnimOut 0.4s ease;
+	animation: SubMenuAnimOut 0.4s ease;
+}
+@-webkit-keyframes SubMenuAnimOut {
+	0% {
+		-webkit-transform: translateZ(0px);
+		opacity: 1;
+	}
+	100% {
+		-webkit-transform: translateZ(-300px);
+		opacity: 0;
+	}
+}
+@-moz-keyframes SubMenuAnimOut {
+	0% {
+		-moz-transform: translateZ(0px);
+		opacity: 1;
+	}
+	100% {
+		-moz-transform: translateZ(-300px);
+		opacity: 0;
+	}
+}
+@keyframes SubMenuAnimOut {
+	0% {
+		transform: translateZ(0px);
+		opacity: 1;
+	}
+	100% {
+		transform: translateZ(-300px);
+		opacity: 0;
+	}
+}
+/* No Touch Fallback */
+.no-touch .dl-menuwrapper li a:hover {
+	background: rgba(255,248,213,0.1);
+}
+/* No JS Fallback */
+.no-js {
+	.dl-trigger {
+		display: none;
+	}
+	.dl-menuwrapper {
+		position: initial;
+		@media #{$medium} {
+			position: absolute;
+		}
+	}
+	.dl-menuwrapper .dl-menu {
+		position: relative;
+		opacity: 1;
+		pointer-events: auto;
+		-webkit-transform: none;
+		-moz-transform: none;
+		transform: none;
+	}
+	.dl-menuwrapper li .dl-submenu {
+		display: block;
+	}
+	.dl-menuwrapper li.dl-back {
+		display: none;
+	}
+	.dl-menuwrapper li > a:not(:only-child) {
+		background: rgba(0,0,0,0.1);
+	}
+	.dl-menuwrapper li > a:not(:only-child):after {
+		content: '';
+	}
+	.dl-menu {
+		max-height: 100%;
+	}
+	.dl-menu li {
+		display: block;
+	}
+}
+// Menu Color
+.dl-menuwrapper button:hover,
+.dl-menuwrapper button.dl-active,
+.dl-menuwrapper ul {
+	background: $comp-color;
+}
+// Fix for IE
+.dl-menu li {
+	display: none
+}
+.dl-menuopen li {
+	display: block
+}

data/_sass/_elements.scss

@@ -0,0 +1,156 @@
+hr {
+    display: block;
+    margin: 1em 0;
+    padding: 0;
+    height: 1px;
+    border: 0;
+    border-top: 1px solid #ccc;
+    border-bottom: 1px solid #fff;
+}
+
+// Figures and images
+// --------------------------------------------------
+figure {
+  margin: 0;
+  padding-top: 10px;
+  padding-bottom: 10px;
+  @include clearfix();
+  img {
+    margin-bottom: 10px;
+  }
+  a {
+    img {
+      @include translate(0, 0);
+      -webkit-transition-duration: 0.25s;
+      -moz-transition-duration: 0.25s;
+      -o-transition-duration: 0.25s;
+      &:hover {
+        @include translate(0, -5px);
+        @include box-shadow(0 0 10px fade($base-color, 20));
+      }
+    }
+  }
+  &.half {
+    @media #{$large} {
+      img {
+        width: 310px;
+        float: left;
+        margin-right: 10px;
+      }
+      figcaption {
+        clear: left;
+      }
+    }
+  }
+  &.third {
+    @media #{$large} {
+      img {
+        width: 200px;
+        float: left;
+        margin-right: 10px;
+      }
+      figcaption {
+        clear: left;
+      }
+    }
+  }
+}
+svg:not(:root) {
+  overflow: hidden;
+}
+figure.center{
+  text-align: center;
+}
+
+figure.center img{
+  float: none;
+}
+// Buttons
+// --------------------------------------------------
+.btn {
+  display: inline-block;
+  margin-bottom: 20px;
+  padding: 8px 20px;
+  @include font-rem(14);
+  background-color: $primary;
+  color: $white;
+  border-width: 2px !important;
+  border-style: solid !important;
+  border-color: $primary;
+  @include rounded(3px);
+  &:visited {
+    color: $white;
+  }
+  &:hover {
+    background-color: $white;
+    color: $primary;
+  }
+}
+.btn-inverse {
+  background-color: $white;
+  color: $primary;
+  border-color: $white;
+  &:visited {
+    color: $primary;
+  }
+  &:hover {
+    background-color: $primary;
+    color: $white;
+  }
+}
+.btn-success {
+  background-color: $success;
+  color: $white;
+  border-color: $success;
+  &:visited {
+    color: $white;
+  }
+  &:hover {
+    background-color: $white;
+    color: $success;
+  }
+}
+.btn-warning {
+  background-color: $warning;
+  color: $white;
+  border-color: $warning;
+  &:visited {
+    color: $white;
+  }
+  &:hover {
+    background-color: $white;
+    color: $warning;
+  }
+}
+.btn-danger {
+  background-color: $danger;
+  color: $white;
+  border-color: $danger;
+  &:visited {
+    color: $white;
+  }
+  &:hover {
+    background-color: $white;
+    color: $danger;
+  }
+}
+.btn-info {
+  background-color: $info;
+  color: $white;
+  border-color: $info;
+  &:visited {
+    color: $white;
+  }
+  &:hover {
+    background-color: $white;
+    color: $info;
+  }
+}
+
+// Well
+// --------------------------------------------------
+.well {
+  padding: 20px;
+  border: 1px solid $comp-color;
+  @include rounded(4px);
+}