jetpack-rails 0.1.0

data/vendor/assets/stylesheets/jetpack/mixins.css.scss

@@ -0,0 +1,60 @@
+// UNIVERSAL MIXINS
+@mixin clearfix { &:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden; } }
+
+@mixin border-radius( $radius: 5px) {
+	-webkit-border-radius: $radius;
+	-moz-border-radius: $radius;
+	border-radius: $radius;
+}
+
+@mixin box-shadow($shadow: 0 1px 3px rgba(0,0,0,.25)) {
+	-webkit-box-shadow: $shadow;
+		 -moz-box-shadow: $shadow;
+					box-shadow: $shadow;
+}
+
+@mixin font( $size: $base_size, $stack: $sans, $weight: $base_weight, $line_height: $baseline ) {
+	font-size: $size;
+	font-family: $stack;
+	font-weight: $weight;
+	line-height: $line_height;
+}
+
+@mixin gradient($startColor: #555, $endColor: #333) {
+	background-color: $endColor;
+	background-repeat: repeat-x;
+	background-image: -khtml-gradient(linear, left top, left bottom, from($startColor), to($endColor)); // Konqueror
+	background-image: -moz-linear-gradient(top, $startColor, $endColor); // FF 3.6+
+	background-image: -ms-linear-gradient(top, $startColor, $endColor); // IE10
+	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, $startColor), color-stop(100%, $endColor)); // Safari 4+, Chrome 2+
+	background-image: -webkit-linear-gradient(top, $startColor, $endColor); // Safari 5.1+, Chrome 10+
+	background-image: -o-linear-gradient(top, $startColor, $endColor); // Opera 11.10
+	background-image: linear-gradient(top, $startColor, $endColor); // The standard
+}
+
+@mixin buttonize($primaryColor, $secondaryColor) {
+	@include gradient($primaryColor, $secondaryColor);
+	text-shadow: 0 1px 0 lighten($secondaryColor, 15%);
+	border: 1px solid;
+	border-color: darken($primaryColor, 10%) darken($secondaryColor, 8%) darken($secondaryColor, 20%);
+}
+
+@mixin opacity($opacity: 100) {
+	filter: alpha(opacity=$opacity);
+	-khtml-opacity: $opacity / 100;
+		-moz-opacity: $opacity / 100;
+				 opacity: $opacity / 100;
+}
+
+@mixin transition($transition) {
+	-webkit-transition: $transition;
+		 -moz-transition: $transition;
+					transition: $transition;
+}
+
+// Background clipping
+@mixin background-clip($clip) {
+	-webkit-background-clip: $clip;
+		 -moz-background-clip: $clip;
+					background-clip: $clip;
+}

data/vendor/assets/stylesheets/jetpack/navigation.css.scss

@@ -0,0 +1,53 @@
+/* Navigation +
+ * Based on Twitter Bootstrap
+ * ---------------------------------------------------------------------------------------- */
+ 
+.tab_container div, .pill_container div {
+	display: none;
+	&.active { display: block; }
+}
+
+// Common tab and pill styles
+.tabs, .pills { margin: 0 0 20px; padding: 0; @include clearfix();
+	li {
+		display: inline;
+		a { float: left; width: auto; }
+	}
+}
+
+// Basic Tabs
+.tabs {
+	width: 100%; border-bottom: 1px solid $light2;
+	li {
+		a {
+			margin: 0 0 -1px 2px; padding: 0 15px; line-height: ($baseline * 2) - 1; @include border-radius(3px 3px 0 0);
+			&:hover { background: $light1; border-bottom: 1px solid $light2; color: $dark2; text-decoration: none; }
+			&.active { background: $color1; padding: 0 14px; border: 1px solid $light2; border-bottom: 0; color: $dark1; text-decoration: none; }
+		}
+	}
+}
+
+// Basic pill nav
+.pills {
+	li {
+		a {
+			margin: 5px 3px 5px 0; padding: 0 15px; text-shadow: 0 1px 1px $white; line-height: 30px; @include border-radius(15px);
+			&:hover { background: $light1; color: $dark2; text-decoration: none; text-shadow: 0 1px $white; }
+			&.active { background: $color1; color: $dark2; text-shadow: 0 1px lighten( $color1, 15% ); text-decoration: none; }
+		}
+	}
+}
+
+// PAGINATION
+.pagination { height: $baseline * 2; margin: $baseline 0;
+	ul {
+		float: left; margin: 0; border: 1px solid $light2; @include border-radius(3px); @include box-shadow(0 1px 2px rgba(0,0,0,.05)); clear: both;
+		li {
+			display: inline;
+			a { float: left; padding: 0 14px; line-height: ($baseline * 2) - 2; border-right: 1px solid; border-right-color: $light2; text-decoration: none; }
+			a:hover, &.active a { background-color: $color1; color: $white; }
+			&.disabled a, &.disabled a:hover { background-color: transparent; color: $light2; }
+			&.next a { border: 0; }
+		}
+	}
+}

data/vendor/assets/stylesheets/jetpack/presets.css.scss

@@ -0,0 +1,33 @@
+// COLOR DEFINITIONS
+$light1: #EAEBEC;
+$light2: #9A9FA0;
+
+$dark1: #3C3E40;
+$dark2: #262728;
+
+$color1: #F4B84D;
+$color2: #E59013;
+
+$alt1: #4E7DF2;
+$alt2: #2C4A84;
+
+$success1: #D7EDC3;
+$success2: #68AF2F;
+
+$notice1: #FFFD7D;
+$notice2: #FFD939;
+
+$error1: #FFDCDC;
+$error2: #D64338;
+
+$white: #FFFFFF;
+$black: #000000;
+
+// TYPOGRAPHY DEFINITIONS
+$sans: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
+$serif: "Georgia", "Times", "Times New Roman", serif;
+$mono: "Monaco", "Andale Mono", "Courier New", monospace;
+
+$base_size: 13px;
+$base_weight: 400;
+$baseline: 18px;

data/vendor/assets/stylesheets/jetpack/resetize.css.scss

@@ -0,0 +1,535 @@
+/*
+ * Resetize
+ * A mashup of "Normalize" and "Formalize".
+ * -----------------------------------------------------------------------------------------*/
+ 
+
+
+/* Normalize.css +
+ * normalize.css 2011-08-31T22:02 UTC	 http://github.com/necolas/normalize.css
+ *
+ * with customizations to make it more "sassy" and more modular.
+ * ---------------------------------------------------------------------------------------- */
+
+/* =============================================================================
+	 HTML5 display definitions
+	 ========================================================================== */
+
+/*
+ * Corrects block display not defined in IE6/7/8/9 & FF3
+ */
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+nav,
+section {
+		display: block;
+}
+
+/*
+ * Corrects inline-block display not defined in IE6/7/8/9 & FF3
+ */
+audio,
+canvas,
+video {
+		display: inline-block;
+		*display: inline;
+		*zoom: 1;
+}
+
+/*
+ * Prevents modern browsers from displaying 'audio' without controls
+ */
+audio:not([controls]) {
+		display: none;
+}
+
+/*
+ * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
+ * Known issue: no IE6 support
+ */
+
+[hidden] {
+		display: none;
+}
+
+
+/* =============================================================================
+	 Base
+	 ========================================================================== */
+
+/*
+ * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
+ *		http://clagnut.com/blog/348/#c790
+ * 2. Keeps page centred in all browsers regardless of content height
+ * 3. Prevents iOS text size adjust after orientation change, without disabling user zoom
+ *		www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
+ */
+
+html {
+		font-size: 100%; /* 1 */
+		overflow-y: scroll; /* 2 */
+		-webkit-text-size-adjust: 100%; /* 3 */
+		-ms-text-size-adjust: 100%; /* 3 */
+}
+
+/*
+ * Addresses margins handled incorrectly in IE6/7
+ */
+
+body {
+		margin: 0;
+}
+
+/* 
+ * Addresses font-family inconsistency between 'textarea' and other form elements.
+ */
+
+body,
+button,
+input,
+select,
+textarea {
+		font-family: sans-serif;
+}
+
+
+/* =============================================================================
+	 Links
+	 ========================================================================== */
+
+a { color: $color1; text-decoration: none;
+	&:hover { text-decoration: underline; outline: 0; } // Improves readability when focused and also mouse hovered in all browsers
+	&:active { color: lighten( $color1, 10% ); }
+	&:visited { color: $color1; }
+	&:focus { outline: thin dotted;} // Addresses outline displayed oddly in Chrome
+}
+
+/* =============================================================================
+	 Typography
+	 ========================================================================== */
+
+/*
+ * Addresses styling not present in IE7/8/9, S5, Chrome
+ */
+
+abbr[title] {
+		border-bottom: 1px dotted;
+}
+
+/*
+ * Set address to not be italics by default.
+ */
+address { font-style: inherit; }
+
+/*
+ * Addresses style set to 'bolder' in FF3/4, S4/5, Chrome
+*/
+
+b, 
+strong { 
+		font-weight: bold; 
+}
+
+/*
+ * Addresses styling not present in S5, Chrome
+ */
+
+dfn {
+		font-style: italic;
+}
+
+/*
+ * Addresses styling not present in IE6/7/8/9
+ */
+
+mark {
+		background: #ff0;
+		color: #000;
+}
+
+/*
+ * Corrects font family set oddly in IE6, S4/5, Chrome
+ * en.wikipedia.org/wiki/User:Davidgothberg/Test59
+ */
+
+pre,
+code,
+kbd,
+samp {
+		font-family: monospace, serif;
+		_font-family: 'courier new', monospace;
+		font-size: 1em;
+}
+
+/*
+ * Improves readability of pre-formatted text in all browsers
+ */
+
+pre {
+		white-space: pre;
+		white-space: pre-wrap;
+		word-wrap: break-word;
+}
+
+/*
+ * 1. Addresses CSS quotes not supported in IE6/7
+ * 2. Addresses quote property not supported in S4
+ */
+
+/* 1 */
+
+q {
+		quotes: none;
+}
+
+/* 2 */
+
+q:before,
+q:after {
+		content: '';
+		content: none;
+}
+
+small {
+		font-size: 75%;
+}
+
+/*
+ * Prevents sub and sup affecting line-height in all browsers
+ * gist.github.com/413930
+ */
+
+sub,
+sup {
+		font-size: 75%;
+		line-height: 0;
+		position: relative;
+		vertical-align: baseline;
+}
+
+sup {
+		top: -0.5em;
+}
+
+sub {
+		bottom: -0.25em;
+}
+
+
+/* =============================================================================
+	 Lists
+	 ========================================================================== */
+
+ul, ol { margin: 0; padding: 0; }
+dd { margin: 0; }
+nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; }
+
+
+/* =============================================================================
+	 Embedded content
+	 ========================================================================== */
+
+/*
+ * 1. Removes border when inside 'a' element in IE6/7/8/9, F3
+ * 2. Improves image quality when scaled in IE7
+ *		code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
+ */
+
+img {
+		border: 0; /* 1 */
+		-ms-interpolation-mode: bicubic; /* 2 */
+}
+
+/*
+ * Corrects overflow displayed oddly in IE9 
+ */
+
+svg:not(:root) {
+		overflow: hidden;
+}
+
+
+/* =============================================================================
+	 Figures
+	 ========================================================================== */
+
+/*
+ * Addresses margin not present in IE6/7/8/9, S5, O11
+ */
+
+figure {
+		margin: 0;
+}
+
+/* =============================================================================
+	 Tables
+	 ========================================================================== */
+
+/* 
+ * Remove most spacing between table cells
+ */
+
+table {
+		border-collapse: collapse;
+		border-spacing: 0;
+}
+
+/* Formalize.css
+ * with customizations and adaptations to make it more "sassy".
+ * ---------------------------------------------------------------------------------------- */
+
+
+// UI Consistency for Form Elements
+::-moz-focus-inner {
+	border: 0;
+	padding: 0;
+}
+
+input[type="search"]::-webkit-search-decoration {
+	display: none;
+}
+
+input,
+button,
+select,
+textarea {
+	margin: 0;
+	vertical-align: middle;
+}
+
+input[type="radio"],
+input[type="checkbox"] {
+	position: relative;
+	vertical-align: top;
+	top: 2px;
+	/* IE8, IE9, IE10 */
+	top: 0\0;
+	/* IE7 */
+	*top: -3px;
+}
+
+/* iPad */
+@media (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 1024px) {
+	input[type="radio"],
+	input[type="checkbox"] {
+		vertical-align: baseline;
+		top: 2px;
+	}
+}
+
+/* iPhone 3 */
+@media (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 480px) {
+	input[type="radio"],
+	input[type="checkbox"] {
+		vertical-align: baseline;
+		top: 0;
+	}
+}
+
+/* iPhone 4 */
+@media (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 480px) {
+	input[type="radio"],
+	input[type="checkbox"] {
+		vertical-align: baseline;
+		top: 0;
+	}
+}
+
+button,
+input[type="reset"],
+input[type="submit"],
+input[type="button"] {
+	-webkit-appearance: none;
+	@include border-radius(4px);
+	-moz-background-clip: padding;
+	-webkit-background-clip: padding;
+	background-clip: padding-box;
+	@include buttonize( $white, $light1 );
+	cursor: pointer;
+	color: #333;
+	font: bold 12px/1.3 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif; //Helvetica Neue present, because it works better for line-height on buttons than Arial, on OS X.
+	outline: 0;
+	overflow: visible;
+	padding: 3px 10px;
+	text-shadow: #fff 0 1px 1px;
+	width: auto;
+	/* IE7 */
+	*padding-top: 2px;
+	*padding-bottom: 0px;
+}
+
+button {
+	/* IE7 */
+	*padding-top: 1px;
+	*padding-bottom: 1px;
+}
+
+textarea,
+select,
+input[type="date"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="email"],
+input[type="month"],
+input[type="number"],
+input[type="password"],
+input[type="search"],
+input[type="tel"],
+input[type="text"],
+input[type="time"],
+input[type="url"],
+input[type="week"] {
+	-webkit-appearance: none;
+	@include border-radius(0);
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	-moz-background-clip: padding;
+	-webkit-background-clip: padding;
+	background-clip: padding-box;
+	background-color: #fff;
+	border: 1px solid;
+	border-color: #848484 #c1c1c1 #e1e1e1;
+	color: #000;
+	outline: 0;
+	padding: 4px 5px;
+	font-size: 13px;
+	font-family: Arial, 'Liberation Sans', FreeSans, sans-serif;
+	height: 2.1em;
+	/* IE7 */
+	*padding-top: 2px;
+	*padding-bottom: 1px;
+	*height: auto;
+}
+
+// Separate rule for Firefox. Separate rule for IE, too. Cannot stack with WebKit's.
+::-webkit-input-placeholder { color: #888; }
+input:-moz-placeholder, textarea:-moz-placeholder { color: #888; }
+input.placeholder_text, textarea.placeholder_text { color: #888; }
+
+// Suppress red glow that Firefox adds to form fields by default, even when user is still typing.
+:invalid { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
+
+button:focus,
+button:active,
+input:focus,
+input:active,
+select:focus,
+select:active,
+textarea:focus,
+textarea:active {
+	-moz-box-shadow: #06f 0 0 7px;
+	-webkit-box-shadow: #06f 0 0 7px;
+	box-shadow: #06f 0 0 7px;
+
+	/* for Opera */
+	z-index: 1;
+}
+
+input[type="file"]:focus,
+input[type="file"]:active,
+input[type="radio"]:focus,
+input[type="radio"]:active,
+input[type="checkbox"]:focus,
+input[type="checkbox"]:active {
+	-moz-box-shadow: none;
+	-webkit-box-shadow: none;
+	box-shadow: none;
+}
+
+select[disabled],
+textarea[disabled],
+input[type="date"][disabled],
+input[type="datetime"][disabled],
+input[type="datetime-local"][disabled],
+input[type="email"][disabled],
+input[type="month"][disabled],
+input[type="number"][disabled],
+input[type="password"][disabled],
+input[type="search"][disabled],
+input[type="tel"][disabled],
+input[type="text"][disabled],
+input[type="time"][disabled],
+input[type="url"][disabled],
+input[type="week"][disabled] {
+	background-color: #eee;
+}
+
+button[disabled],
+input[disabled],
+select[disabled],
+select[disabled] option,
+select[disabled] optgroup,
+textarea[disabled] {
+	-moz-box-shadow: none;
+	-webkit-box-shadow: none;
+	box-shadow: none;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	user-select: none;
+	color: #888;
+	cursor: default;
+}
+
+textarea,
+select[size],
+select[multiple] {
+	height: auto;
+}
+
+/* Tweaks for Safari + Chrome. */
+@media (-webkit-min-device-pixel-ratio: 0) {
+	select {
+		background-image: url(../images/select_arrow.gif);
+		background-repeat: no-repeat;
+		background-position: right center;
+		padding-right: 20px;
+	}
+
+	select[size],
+	select[multiple] {
+		background-image: none;
+		padding: 0;
+	}
+
+	::-webkit-validation-bubble-message {
+		box-shadow: rgba(0, 0, 0, 0.5) 0 0 5px;
+		background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666), color-stop(1, #000));
+		border: 1px solid;
+		border-color: #747474 #5e5e5e #4f4f4f;
+		color: #fff;
+		font: 13px/17px 'Lucida Grande', Arial, 'Liberation Sans', FreeSans, sans-serif;
+		overflow: hidden;
+		padding: 15px 15px 17px;
+		text-shadow: #000 0 0 1px;
+		height: 16px;
+	}
+
+	::-webkit-validation-bubble-arrow,
+	::-webkit-validation-bubble-top-outer-arrow,
+	::-webkit-validation-bubble-top-inner-arrow {
+		-webkit-box-shadow: none;
+		box-shadow: none;
+		background: #666;
+		border: 0;
+	}
+}
+
+textarea {
+	min-height: 40px;
+	overflow: auto;
+	resize: vertical;
+	width: 100%;
+}
+
+optgroup {
+	color: #000;
+	font-style: normal;
+	font-weight: normal;
+}

data/vendor/assets/stylesheets/jetpack/tables.css.scss

@@ -0,0 +1,32 @@
+/* Tables +
+ * Largely taken from Twitter Bootstrap v1.3,
+ * with customizations and adaptations to make it more "sassy".
+ * ---------------------------------------------------------------------------------------- */
+
+
+// BASELINE STYLES
+table {
+	width: 100%; margin-bottom: $baseline; padding: 0; border: 1px solid $light1;
+	border-collapse: separate; // Done so we can round those corners!
+	*border-collapse: collapse; /* IE7, collapse table to remove spacing */
+	@include border-radius(4px);
+	th, td { padding: 10px 10px 9px; line-height: $baseline; text-align: left; }
+	th { padding-top: 9px; font-weight: bold; vertical-align: middle; border-bottom: 1px solid $light1; }
+	td { vertical-align: top; }
+	th + th, td + td { border-left: 1px solid #ddd; }
+	tr + tr td { border-top: 1px solid #ddd; }
+	tbody tr:first-child td:first-child { @include border-radius(4px 0 0 0); }
+	tbody tr:first-child td:last-child { @include border-radius(0 4px 0 0); }
+	tbody tr:last-child td:first-child { @include border-radius(0 0 0 4px); }
+	tbody tr:last-child td:last-child { @include border-radius(0 0 4px 0); }
+}
+
+
+// ZEBRA-STRIPING
+// Default zebra-stripe styles (alternating gray and transparent backgrounds)
+table.striped {
+	tbody {
+		tr:nth-child(odd) td { background-color: $light1; }
+		tr:hover td { background-color: darken( $light1, 5% ); }
+	}
+}