compass-foundation 0.1

data/stylesheets/compass-foundation/_reveal.css.scss

@@ -0,0 +1,107 @@
+/*	--------------------------------------------------
+	Reveal Modals
+	-------------------------------------------------- */
+
+.reveal-modal-bg {
+  position: fixed;
+  height: 100%;
+  width: 100%;
+  background: #000;
+  z-index: 2000;
+  display: none;
+  top: 0;
+  left: 0; }
+
+.reveal-modal {
+  visibility: hidden;
+  top: 100px;
+  left: 50%;
+  margin-left: -300px;
+  width: 520px;
+  background: #eeeeee url(../images/misc/modal-gloss.png) no-repeat -200px -80px;
+  position: absolute;
+  z-index: 2001;
+  padding: 30px 40px 34px;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  border-radius: 5px;
+  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
+  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
+  &.small {
+    width: 200px;
+    margin-left: -140px; }
+  &.medium {
+    width: 400px;
+    margin-left: -240px; }
+  &.large {
+    width: 600px;
+    margin-left: -340px; }
+  &.xlarge {
+    width: 800px;
+    margin-left: -440px; }
+  .close-reveal-modal {
+    font-size: 22px;
+    line-height: .5;
+    position: absolute;
+    top: 8px;
+    right: 11px;
+    color: #aaa;
+    text-shadow: 0 -1px 1px rbga(0, 0, 0, 0.6);
+    font-weight: bold;
+    cursor: pointer; } }
+
+/* Mobile */
+
+@media handheld, only screen and (device-width: 768px), (device-width: 800px) {
+  .reveal-modal-bg {
+    position: absolute; }
+  .reveal-modal {
+    width: 60%;
+    top: 30%;
+    left: 15%;
+    margin-left: 0px;
+    padding: 5%;
+    height: auto;
+    &.small, &.medium, &.large, &.xlarge {
+      width: 60%;
+      top: 30%;
+      left: 15%;
+      margin-left: 0px;
+      padding: 5%;
+      height: auto; } } }
+
+@media handheld, only screen and (max-width: 767px) {
+  .reveal-modal-bg {
+    position: absolute; }
+  .reveal-modal {
+    width: 80%;
+    top: 15%;
+    left: 5%;
+    margin-left: 0px;
+    padding: 5%;
+    height: auto;
+    &.small, &.medium, &.large, &.xlarge {
+      width: 80%;
+      top: 15%;
+      left: 5%;
+      margin-left: 0px;
+      padding: 5%;
+      height: auto; } } }
+
+/*
+		
+NOTES
+
+Close button entity is ×
+
+Example markup
+
+<div id="myModal" class="reveal-modal">
+	<h2>Awesome. I have it.</h2>
+	<p class="lead">Your couch.  I it's mine.</p>
+	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>
+	<a class="close-reveal-modal">&#215;</a>
+</div>
+
+*/

data/stylesheets/compass-foundation/_typography.css.scss

@@ -0,0 +1,169 @@
+/* Arfully Masterminded by ZURB */
+
+/*	--------------------------------------------------
+    :: Typography
+	-------------------------------------------------- */
+
+h1, h2, h3, h4, h5, h6 {
+  color: #181818;
+  font-weight: bold;
+  line-height: 1.25; }
+
+h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
+  font-weight: inherit; }
+
+h1 {
+  font-size: 46px;
+  font-size: 4.6rem;
+  margin-bottom: 12px; }
+
+h2 {
+  font-size: 35px;
+  font-size: 3.5rem;
+  margin-bottom: 9px; }
+
+h3 {
+  font-size: 28px;
+  font-size: 2.8rem;
+  margin-bottom: 9px; }
+
+h4 {
+  font-size: 21px;
+  font-size: 2.1rem;
+  margin-bottom: 3px; }
+
+h5 {
+  font-size: 18px;
+  font-size: 1.8rem;
+  font-weight: normal;
+  margin-bottom: 3px; }
+
+h6 {
+  font-size: 15px;
+  font-size: 1.5rem;
+  font-weight: normal; }
+
+.subheader {
+  color: #777;
+  font-weight: 300;
+  margin-bottom: 24px; }
+
+p {
+  line-height: 17px;
+  margin: 0 0 18px;
+  img {
+    margin: 0; }
+  &.lead {
+    font-size: 18px;
+    font-size: 1.8rem;
+    line-height: 24px; } }
+
+/* Mobile */
+
+@media handheld, only screen and (max-width: 767px) {
+  body, p {
+    font-size: 15px;
+    font-size: 1.5rem;
+    line-height: 1.4; } }
+
+em, i {
+  font-style: italic;
+  line-height: inherit; }
+
+strong, b {
+  font-weight: bold;
+  line-height: inherit; }
+
+small {
+  font-size: 60%;
+  line-height: inherit; }
+
+h1 small, h2 small, h3 small, h4 small, h5 small {
+  color: #777; }
+
+/*	Blockquotes  */
+
+blockquote {
+  line-height: 20px;
+  color: #777;
+  p {
+    line-height: 20px;
+    color: #777; }
+  margin: 0 0 18px;
+  padding: 9px 20px 0 19px;
+  border-left: 1px solid #ddd;
+  cite {
+    display: block;
+    font-size: 12px;
+    font-size: 1.2rem;
+    color: #555;
+    &:before {
+      content: "\2014 \0020"; }
+    a {
+      color: #555;
+      &:visited {
+        color: #555; } } } }
+
+hr {
+  border: solid #ddd;
+  border-width: 1px 0 0;
+  clear: both;
+  margin: 12px 0 18px;
+  height: 0; }
+
+abbr, acronym {
+  text-transform: uppercase;
+  font-size: 90%;
+  color: #222;
+  border-bottom: 1px solid #ddd;
+  cursor: help; }
+
+abbr {
+  text-transform: none; }
+
+	/**
+ 	 * Print styles.
+	 *
+	 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
+	 * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
+	 */
+@media print {
+  * {
+    background: transparent !important;
+    color: black !important;
+    text-shadow: none !important;
+    filter: none !important;
+    -ms-filter: none !important; }
+  /* Black prints faster: sanbeiji.com/archives/953 */
+  p a {
+    color: #444 !important;
+    text-decoration: underline;
+    &:visited {
+      color: #444 !important;
+      text-decoration: underline; }
+    &[href]:after {
+      content: " (" attr(href) ")"; } }
+  abbr[title]:after {
+    content: " (" attr(title) ")"; }
+  .ir a:after {
+    content: ""; }
+  a {
+    &[href^="javascript:"]:after, &[href^="#"]:after {
+      content: ""; } }
+  /* Don't show links for images, or javascript/internal links */
+  pre, blockquote {
+    border: 1px solid #999;
+    page-break-inside: avoid; }
+  thead {
+    display: table-header-group; }
+  /* css-discuss.incutio.com/wiki/Printing_Tables */
+  tr, img {
+    page-break-inside: avoid; }
+  @page {
+    margin: 0.5cm; }
+
+  p, h2, h3 {
+    orphans: 3;
+    widows: 3; }
+  h2, h3 {
+    page-break-after: avoid; } }

data/stylesheets/compass-foundation/_ui.css.scss

@@ -0,0 +1,338 @@
+/* Artfully masterminded by ZURB  */
+
+/* -------------------------------------------------- 
+   Table of Contents
+-----------------------------------------------------
+:: Buttons
+:: Alerts
+:: Notices/Alerts
+:: Tabs
+:: Pagination
+:: Lists
+:: Panels
+*/
+
+/*	--------------------------------------------------
+	Buttons
+	-------------------------------------------------- */
+
+.button {
+  background: #00a6fc;
+  display: inline-block;
+  text-align: center;
+  padding: 9px 34px 11px;
+  color: #fff;
+  text-decoration: none;
+  font-weight: bold;
+  line-height: 1;
+  font-family: "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;
+  position: relative;
+  cursor: pointer;
+  border: none;
+  &.nice {
+    background: #00a6fc url(../images/misc/button-gloss.png) repeat-x 0 -34px;
+    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
+    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
+    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.28);
+    background: #00a6fc url(../images/misc/button-gloss.png) repeat-x 0 -34px, -moz-linear-gradient(top, rgba(255, 255, 255, 0.4) 0%, transparent 100%);
+    background: #00a6fc url(../images/misc/button-gloss.png) repeat-x 0 -34px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.4)), color-stop(100%, transparent));
+    border: 1px solid #0593dc;
+    -webkit-transition: background-color .15s ease-in-out;
+    -moz-transition: background-color .15s ease-in-out;
+    -o-transition: background-color .15s ease-in-out; }
+  &.radius {
+    -moz-border-radius: 3px;
+    -webkit-border-radius: 3px;
+    border-radius: 3px; }
+  &.round {
+    -moz-border-radius: 1000px;
+    -webkit-border-radius: 1000px;
+    border-radius: 1000px; }
+  &.full-width {
+    width: 100%;
+    padding-left: 0 !important;
+    padding-right: 0 !important;
+    text-align: center; }
+  &.left-align {
+    text-align: left;
+    text-indent: 12px; }
+  &:active {} }
+
+/* Sizes ---------- */
+
+.small.button {
+  font-size: 11px;
+  padding: 8px 20px 10px;
+  width: auto; }
+
+.medium.button {
+  font-size: 13px;
+  width: auto; }
+
+.large.button {
+  font-size: 18px;
+  padding: 11px 48px 13px;
+  width: auto; }
+
+/* Nice Sizes ---------- */
+
+.nice {
+  &.small.button {
+    background-position: 0 -36px; }
+  &.large.button {
+    background-position: 0 -30px; } }
+
+/* Colors ---------- */
+
+.blue.button {
+  background-color: #00a6fc; }
+
+.red.button {
+  background-color: #e91c21; }
+
+.white.button {
+  background-color: #e9e9e9;
+  color: #333; }
+
+.black.button {
+  background-color: #141414; }
+
+/* Nice Colors ---------- */
+
+.nice {
+  &.blue.button {
+    border: 1px solid #0593dc; }
+  &.red.button {
+    border: 1px solid #b90b0b; }
+  &.white.button {
+    border: 1px solid #cacaca;
+    text-shadow: none !important; }
+  &.black.button {
+    border: 1px solid #000; } }
+
+/* Hovers ---------- */
+
+.button:hover {
+  background-color: #0192dd;
+  color: #fff; }
+
+.blue.button:hover {
+  background-color: #0192dd; }
+
+.red.button:hover {
+  background-color: #d01217; }
+
+.white.button:hover {
+  background-color: #dadada;
+  color: #333; }
+
+.black.button:hover {
+  background-color: #000; }
+
+/* Disabled ---------- */
+
+.button {
+  &.disabled, &[disabled] {
+    opacity: 0.6;
+    cursor: default; } }
+
+/*	--------------------------------------------------
+	Alerts
+	-------------------------------------------------- */
+
+div.alert-box {
+  display: block;
+  padding: 6px 7px;
+  font-weight: bold;
+  font-size: 13px;
+  background: #eee;
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  margin-bottom: 12px;
+  border-radius: 3px;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  text-shadow: 0px 1px rgba(255, 255, 255, 0.9);
+  position: relative; }
+
+.alert-box {
+  &.success {
+    background-color: #7fae00;
+    color: #fff;
+    text-shadow: 0px -1px rgba(0, 0, 0, 0.3); }
+  &.warning {
+    background-color: #c08c00;
+    color: #fff;
+    text-shadow: 0px -1px rgba(0, 0, 0, 0.3); }
+  &.error {
+    background-color: #c00000;
+    color: #fff;
+    text-shadow: 0px -1px rgba(0, 0, 0, 0.3); }
+  a.close {
+    color: #000;
+    position: absolute;
+    right: 4px;
+    top: 0px;
+    font-size: 18px;
+    opacity: 0.2;
+    padding: 4px;
+    &:hover {
+      opacity: 0.4; } } }
+
+/*    --------------------------------------------------
+    Tabs
+    -------------------------------------------------- */
+
+dl.tabs {
+  display: block;
+  margin: 0 0 20px 0;
+  padding: 0;
+  height: 30px;
+  border-bottom: solid 1px #ddd;
+  dt {
+    display: block;
+    width: auto;
+    height: 30px;
+    padding: 0px 9px 0 20px;
+    line-height: 30px;
+    float: left;
+    color: #999;
+    font-size: 11px;
+    text-transform: uppercase;
+    cursor: default;
+    &:first-child {
+      padding: 0 9px 0 0px; } }
+  dd {
+    display: block;
+    width: auto;
+    height: 30px;
+    padding: 0;
+    float: left;
+    a {
+      display: block;
+      width: auto;
+      height: 29px;
+      padding: 0px 9px;
+      line-height: 30px;
+      border: solid 1px #ddd;
+      margin: 0 -1px 0 0;
+      color: #555;
+      background: #eee;
+      &.active {
+        background: #fff;
+        border-width: 1px 1px 0px 1px;
+        height: 30px; } } } }
+
+.nice.tabs {
+  border-bottom: solid 1px #eee;
+  margin: 0 0 30px 0;
+  height: 43px;
+  dd {
+    a {
+      padding: 7px 18px 9px;
+      font-size: 15px;
+      font-size: 1.5rem;
+      color: #555555;
+      background: none;
+      border: none;
+      &.active {
+        font-weight: bold;
+        color: #333;
+        background: #fff;
+        border-left: 1px solid #eee;
+        border-right: 1px solid #eee;
+        border-top: 3px solid #00a6fc;
+        margin: 0 10px;
+        position: relative;
+        top: -5px; } }
+    &:first-child a.active {
+      margin-left: 0; } } }
+
+ul.tabs-content {
+  margin: 0;
+  display: block;
+  > li {
+    display: none;
+    &.active {
+      display: block; } } }
+
+dl {
+  &.contained, &.nice.contained {
+    margin-bottom: 0px; }
+  &.contained.tabs dd a {
+    padding: 0px 14px; }
+  &.nice.contained.tabs dd a {
+    padding: 7px 18px 9px; } }
+
+ul {
+  &.contained.tabs-content {
+    padding: 0;
+    li {
+      padding: 20px;
+      border: solid 0px #ddd;
+      border-width: 0px 1px 1px 1px; } }
+  &.nice.contained.tabs-content li {
+    border-color: #eee; }
+  &.pagination {
+    display: block;
+    height: 24px;
+    margin-left: -5px;
+    li {
+      float: left;
+      display: block;
+      height: 24px;
+      color: #999;
+      font-size: 15px;
+      margin-left: 5px;
+      a {
+        display: block;
+        padding: 6px 7px 4px;
+        color: #555; }
+      &.current a, &:hover a {
+        border-bottom: solid 2px #00a6fc;
+        color: #141414; }
+      &.unavailable {
+        a {
+          cursor: default;
+          color: #999; }
+        &:hover a {
+          border-bottom: none; } } } }
+  &.nice {
+    list-style: none;
+    margin: 0; } }
+
+/*  --------------------------------------------------
+    Pagination
+    -------------------------------------------------- */
+
+/*  --------------------------------------------------
+    Lists
+    -------------------------------------------------- */
+
+ol.nice {
+  list-style: none;
+  margin: 0; }
+
+ul.nice li, ol.nice li {
+  padding-left: 13px;
+  position: relative; }
+
+ul.nice li span.bullet, ol.nice li span.number {
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  color: #ccc; }
+
+/*	--------------------------------------------------
+	Panels
+	-------------------------------------------------- */
+
+div.panel {
+  padding: 20px 20px 2px 20px;
+  background: #efefef;
+  background: -moz-linear-gradient(top, white 0%, #f4f4f4 100%);
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #f4f4f4));
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F4F4F4',GradientType=0 );
+  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
+  -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
+  -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
+  margin: 0 0 20px 0; }

data/vendor/assets/javascripts/app.js

@@ -0,0 +1,48 @@
+$(document).ready(function() {
+
+	/* Use this js doc for all application specific JS */
+
+	/* TABS --------------------------------- */
+	/* Remove if you don't need :) */
+	
+	var tabs = $('dl.tabs');
+		tabsContent = $('ul.tabs-content')
+	
+	tabs.each(function(i) {
+		//Get all tabs
+		var tab = $(this).children('dd').children('a');
+		tab.click(function(e) {
+			
+			//Get Location of tab's content
+			var contentLocation = $(this).attr("href")
+			contentLocation = contentLocation + "Tab";
+			
+			//Let go if not a hashed one
+			if(contentLocation.charAt(0)=="#") {
+			
+				e.preventDefault();
+			
+				//Make Tab Active
+				tab.removeClass('active');
+				$(this).addClass('active');
+				
+				//Show Tab Content
+				$(contentLocation).parent('.tabs-content').children('li').css({"display":"none"});
+				$(contentLocation).css({"display":"block"});
+				
+			} 
+		});
+	});
+	
+	
+	/* PLACEHOLDER FOR FORMS ------------- */
+	/* Remove this and jquery.placeholder.min.js if you don't need :) */
+	
+	$('input, textarea').placeholder();
+	
+	
+	/* DISABLED BUTTONS ------------- */
+	/* Gives elements with a class of 'disabled' a return: false; */
+	
+	
+});