kube-rails 0.0.1

data/vendor/kube/forms.less

@@ -0,0 +1,219 @@
+/* =Forms
+-----------------------------------------------------------------------------*/
+.forms label {
+	display: block;
+	margin-bottom: 2px;
+}
+.descr {
+	color: @colorGrayLight; 
+	font-size: @smallFontSize; 
+	line-height: @baseLine/@em;
+}
+div.descr {
+	margin: 4px 0;
+}
+.columnar div.descr { 
+	margin-bottom: 10px;
+}
+.forms ul {
+    list-style: none;
+    margin: 0;
+}
+.forms ul li {
+    margin-bottom: 10px;
+}
+.forms.columnar ul li {
+    margin-bottom: 15px;
+}
+
+/* liner fieldset */
+fieldset.liner {
+	border: none;
+	padding: 0;
+}
+fieldset.liner legend {
+	padding: 0;
+	width: 100%;
+	padding-bottom: 12px;		
+}
+fieldset.liner legend span {
+	padding: 0;
+	padding-bottom: 8px;
+	border-bottom: 1px solid #eee;
+	display: block;	
+}
+/* multicolumn */
+.forms ul.multicolumn {
+	.clearfixing();
+}
+.forms ul.multicolumn li {
+	float: left;
+	margin-right: 12px;
+	margin-bottom: 0;
+	line-height: 1.8em;
+}
+.forms ul.multicolumn li label {
+	margin-bottom: 0;
+}
+.forms ul.multicolumn li.width-50 {
+	width: 48%;
+	margin-right: 2%;
+}
+.forms ul.multicolumn li.width-33 {
+	width: 31%;
+	margin-right: 2%;	
+}
+/* columnar */
+.forms.columnar legend {
+	margin-bottom: 1em;
+}
+.forms.columnar label  {
+	float: left;
+	width: @columnarWidth;
+	text-align: right;
+	margin-right: @columnarMargin;
+}
+.forms.columnar .push, .forms.columnar div.descr {
+	margin-left: @columnarWidth + @columnarMargin;
+}
+.forms.columnar li fieldset label {
+	float: none;
+	width: auto;
+	text-align: left;
+	margin-right: 0;
+}
+.forms.columnar li fieldset {
+	border: none;
+	padding: 0;
+	margin: 0;
+	padding-left: @columnarWidth + @columnarMargin;
+	position: relative;
+}
+.forms.columnar li fieldset section {
+	padding: 0;
+	position: absolute;
+	width: @columnarWidth;
+	text-align: right;
+	left: 0;
+	top: 0;
+}
+.forms.columnar li fieldset section label {
+	float: none;
+	width: auto;
+	margin-right: 0;
+	text-align: right;
+}
+.forms.columnar li fieldset div.descr {
+	margin-left: 0;
+}
+
+
+/* section */
+.forms li.form-section {
+	font-weight: bold;
+	border-bottom: 1px solid #eee;
+	padding: 1.5em 0 .7em 0;
+	font-size: 1.1em;
+	margin-bottom: 1.5em;
+}
+.columnar li.form-section {
+	padding-left: @columnarWidth + @columnarMargin;
+}
+
+
+/* tableforms */
+table.tableforms td {
+	font-size: 90%;
+	padding: 1px 10px 3px 0 !important;
+	border: none;
+}
+table.tableforms tr.labels td {
+	padding-top: .8em !important;
+	font-weight: bold;
+}
+
+input[type="radio"],
+input[type="checkbox"] {
+	position: relative;
+	top: -1px;
+}
+
+input[type="text"],
+input[type="password"],
+input[type="email"], 
+textarea {
+	position: relative;
+	z-index: 2;
+	font-family: @inputFontFamily;
+	height: 23px;
+	border: 1px solid #ccc;
+	margin: 0;
+	padding: 1px 2px;
+	background-color: white;
+	color: #333;
+	font-size: 13px;
+	line-height: 1;
+	border-radius: 1px;
+	box-shadow: 0 1px 2px rgba(0, 0, 0, .2) inset;	
+	.transition(border .3s ease-in);
+}
+textarea {
+	line-height: 1.4em;
+}
+
+/* Errors and Success */
+.error, 
+.success { 
+	margin-left: 5px; 
+	font-weight: normal; 
+	font-size: @smallFontSize; 
+}
+input.input-error, textarea.input-error, select.input-error, .input-error {
+	border-color: #da3e5a;
+	box-shadow: 0 0 0 2px rgba(218, 62, 90, .3),0 1px 2px rgba(0, 0, 0, .2) inset;  
+
+}
+input.input-success, textarea.input-success, select.input-success, .input-success  {
+	border-color: #18a011 ;
+	box-shadow: 0 0 0 2px rgba(24, 160, 17, .3),0 1px 2px rgba(0, 0, 0, .2) inset;  
+}
+input.input-gray, textarea.input-gray, select.input-gray, .input-gray  {
+	border-color: #ccc;
+	box-shadow: 0 0 0 2px rgba(204, 204, 204, .3),0 1px 2px rgba(0, 0, 0, .2) inset;  
+}
+
+input:focus, textarea:focus {
+	outline: none;
+	border-color: #5ca9e4;
+	box-shadow: 0 0 0 2px rgba(70, 161, 231, .3), 0 1px 2px rgba(0, 0, 0, .2) inset; 	
+
+	
+}
+input.input-search, input[type="search"] {
+	padding-right: 10px;
+	padding-left: 10px;
+	margin-bottom: 0;
+	border-radius: 15px;
+}
+.input-append, .input-prepend {
+	display: inline-block;
+	background-color: #eee;
+	height: 23px;
+	border: 1px solid #ccc;
+	margin: 0;
+	padding: 1px 8px;
+	color: #333;
+	font-size: 14px;
+	line-height: 23px;
+}
+.input-prepend {
+	margin-right: -1px;
+}
+
+.input-append {
+	position: relative;
+	z-index: 1;
+	margin-left: -1px;
+}
+
+

data/vendor/kube/goodies.less

@@ -0,0 +1,119 @@
+/* =Goodies
+-----------------------------------------------------------------------------*/
+.image-left {
+	float: left;
+	margin: 0 @floatingMargin @floatingMargin 0;
+}
+.image-right {
+	float: right;
+	margin: 0 0 @floatingMargin @floatingMargin;
+}	
+.image-left img, .image-right img {
+	position: relative;
+	top: .4em;
+}
+p.lead {
+	font-size: @bigFontSize;  
+}
+.supersmall {
+	font-size: @superSmallFontSize;
+}
+.small {
+	font-size: @smallFontSize;
+}
+.big {
+  font-size: @bigFontSize;
+}
+input.big {
+  padding: 2px 0;
+  font-size: @bigFontSize;  
+}
+.text-centered {
+	text-align: center;
+}
+.uppercase {
+	text-transform: uppercase;
+}
+.nowrap {
+	white-space: nowrap;
+}
+.clear {
+	clear: both;
+}
+.last {
+	margin-right: 0 !important;
+}
+.end {
+	margin-bottom: 0 !important;
+}
+.handle {
+	cursor: move;
+}
+.normal {
+	font-weight: normal;
+}
+.bold {
+	font-weight: bold;
+}
+.italic {
+	font-style: italic;
+}
+.req, .required {
+	font-weight: normal;
+	color: @colorRed;
+}
+.highlight {
+	background-color: #e5ecf5 !important;
+}
+
+/* Width */
+.width-33 {
+  width: 33%;
+}
+.width-50 {
+  width: 50%;
+}
+.width-100 {
+  width: 100%;
+}
+input.width-100 {
+  width: 98.6%;
+}
+textarea.width-100 {
+  width: 99.4%;
+}
+select.width-100 {
+  width: 99.4%;
+}
+
+/* Colors */
+.black {
+	color: @colorBlack;
+}
+.gray-dark {
+	color: @colorGrayDark;
+}
+.gray {
+	color: @colorGray;
+}
+.gray-light {
+	color: @colorGrayLight;
+}
+.white {
+	color: @colorWhite;
+}
+.red, .error {
+	color: @colorRed;
+}
+.green, .success { 
+	color: @colorGreen;
+}
+
+/* Link Colors Hover */
+a.white:hover {
+	color: darken(@colorWhite, 15%);
+	color: rgba(255, 255, 255, .8);
+}
+a.green:hover, a.red:hover, a.error:hover  {
+	color: @colorBlack;
+}

data/vendor/kube/grid.less

@@ -0,0 +1,149 @@
+
+/* =Grid
+-----------------------------------------------------------------------------*/
+.row {
+	margin-bottom: @baseLine/@em;
+}
+.container.row {
+	margin-bottom: 0;
+}
+.container:after, .row:after {
+  content: ".";
+  display: block;
+  height: 0;
+  clear: both;
+  visibility: hidden;
+}
+
+.half, 
+.third, 
+.quarter, 
+.fifth, 
+.sixth, 
+.twothird, 
+.twofifth, 
+.threefifth, 
+.fourfifth, 
+.fivesixth,
+.threequarter {
+	margin-left: @gridGutterWidth/(@gridWidth/100)*1%;
+	float: left;
+	min-height: 1px;
+}
+.half:first-child, 
+.third:first-child, 
+.quarter:first-child, 
+.fifth:first-child, 
+.sixth:first-child, 
+.twothird:first-child, 
+.twofifth:first-child, 
+.threefifth:first-child, 
+.fourfifth:first-child, 
+.fivesixth:first-child,
+.threequarter:first-child {
+	margin-left: 0; 
+}
+
+.sixth 		  { .column(6); }
+.fifth 		  { .column(5); } 
+.quarter 	  { .column(4); } 
+.third 		  { .column(3); } 
+.half 		  { .column(2); } 
+
+.threequarter { .columns(3, 4); }
+.twothird 	  { .columns(2, 3); }
+.twofifth 	  { .columns(2, 5); }
+.threefifth   { .columns(3, 5); }
+.fourfifth 	  { .columns(4, 5); }
+.fivesixth 	  { .columns(5, 6); }
+
+
+.push-half,
+.push-threequarter,
+.push-quarter,
+.push-third,
+.push-twothird,
+.push-fifth,
+.push-twofifth,
+.push-threefifth, 
+.push-fourfifth,
+.push-sixth,
+.push-fivesixth {
+	position: relative;
+}
+
+
+.push-half         { .column-push(2); }
+.push-third        { .column-push(3); }
+.push-quarter      { .column-push(4); }
+.push-fifth        { .column-push(5); }
+.push-sixth        { .column-push(6); }
+
+.push-threequarter { .columns-push(3, 4); }
+.push-twothird     { .columns-push(2, 3); }
+.push-twofifth     { .columns-push(2, 5); }
+.push-threefifth   { .columns-push(3, 5); }
+.push-fourfifth    { .columns-push(4, 5); }
+.push-fivesixth    { .columns-push(5, 6); }
+
+
+.split .half, 
+.split .third, 
+.split .quarter, 
+.split .fifth, 
+.split .sixth, 
+.split .twothird, 
+.split .twofifth, 
+.split .threefifth, 
+.split .fourfifth, 
+.split .fivesixth,
+.split .threequarter {
+	margin-left: 0;	
+	
+}
+
+.split .half         { width: 50%;   }
+.split .threequarter { width: 75%;   }
+.split .quarter      { width: 25%;   }
+.split .third        { width: 33.3%; }
+.split .twothird     { width: 66.6%; }
+.split .fifth        { width: 20%;   }
+.split .twofifth     { width: 40%;   }
+.split .threefifth   { width: 60%;   }
+.split .fourfifth    { width: 80%;   }
+.split .sixth        { width: 16.6%; }
+.split .fivesixth    { width: 83.4%; }
+
+.inner {
+	padding: @baseLine/@em;
+}
+.inner-left {
+	padding-left: @baseLine/@em;
+}
+.inner-right {
+	padding-right: @baseLine/@em;
+}
+.inner-nobottom {
+	padding-bottom: 1px;
+}
+.inner-double {
+	padding: (@baseLine*2)/@em;
+}
+.inner-double-left {
+	padding-left: (@baseLine*2)/@em;
+}
+.inner-double-right {
+	padding-right: (@baseLine*2)/@em;
+}
+.inner-double-nobottom {
+	padding-bottom: 1px;
+}
+
+.row .push-right {
+	float: right;
+}
+
+.row .centered { 
+	float: none; 
+	margin: 0 auto; 
+}

data/vendor/kube/kube.less

@@ -0,0 +1,18 @@
+@import "variables.less";
+@import "mixins.less";
+
+@import "base.less";
+@import "typo.less";
+
+@import "tables.less";
+@import "forms.less";
+
+@import "buttons.less";
+
+@import "grid.less";
+@import "blocks.less";
+
+@import "goodies.less";
+
+
+@import "responsive.less";

data/vendor/kube/mixins.less

@@ -0,0 +1,76 @@
+// Dropshadows
+.box-shadow(@shadow: 0 1px 3px #999) {
+  -webkit-box-shadow: @shadow;
+     -moz-box-shadow: @shadow;
+          box-shadow: @shadow;
+}
+
+.box-shadow-inset(@shadow: 0 1px 3px #999 inset) {
+  -webkit-box-shadow: @shadow;
+     -moz-box-shadow: @shadow;
+          box-shadow: @shadow;
+}
+
+.gradient(@startColor: #555, @endColor: #333) {
+    background-color: mix(@startColor, @endColor, 60%);
+    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, 0 0, 0 100%, from(@startColor), to(@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
+    filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); // IE9 and down
+}
+
+.transition(@transition) {
+  -webkit-transition: @transition;
+     -moz-transition: @transition;
+      -ms-transition: @transition;
+       -o-transition: @transition;
+          transition: @transition;
+}
+
+
+// BorderRadius
+.border-radius(@radius: 5px) {
+  -webkit-border-radius: @radius;
+     -moz-border-radius: @radius;
+          border-radius: @radius;
+}
+
+// Opacity
+.opacity(@opacity: 100) {
+  filter: e(%("alpha(opacity=%d)", @opacity));
+    -moz-opacity: @opacity / 100;
+         opacity: @opacity / 100;
+}
+
+.clearfixing() {
+	&:after {
+		content: ".";
+		display: block;
+		height: 0;
+		clear: both;
+		visibility: hidden;
+	}
+}
+
+.block(@num) {
+	width: ((@gridWidth - (@gridGutterWidth * @num)) / @num / (@gridWidth / 100)) * 1%;
+}
+
+.column(@num) {
+	width: ((@gridWidth - (@gridGutterWidth * (@num - 1))) / @num / (@gridWidth / 100)) * 1%;
+}
+
+.columns(@factor, @num) {
+	width: (((@gridWidth - (@gridGutterWidth * (@num - 1))) / @num / (@gridWidth / 100)) * @factor) + ((@gridGutterWidth / (@gridWidth / 100)) * (@factor - 1)) * 1%;
+}
+
+.column-push(@num) {
+	left: (((@gridWidth - (@gridGutterWidth * (@num - 1))) / @num / (@gridWidth / 100)) + @gridGutterWidth/(@gridWidth/100)) * 1%;
+}
+
+.columns-push(@factor, @num) {
+	left: ((((@gridWidth - (@gridGutterWidth * (@num - 1))) / @num / (@gridWidth / 100)) * @factor) + ((@gridGutterWidth / (@gridWidth / 100)) * (@factor - 1)) + @gridGutterWidth/(@gridWidth/100)) * 1%;
+}

data/vendor/kube/responsive.less

@@ -0,0 +1,93 @@
+/* =Responsive Mobile (Portrait)
+-----------------------------------------------------------------------------*/
+@media only screen and (max-width: 767px) {
+
+	.row .half,
+	.row .third, 
+	.row .quarter, 
+	.row .fifth, 
+	.row .sixth, 
+	.row .twothird, 
+	.row .twofifth, 
+	.row .threefifth, 
+	.row .fourfifth, 
+	.row .fivesixth,
+	.row .threequarter {	
+		margin-left: 0;	
+		width: 100%;
+	}
+	
+	.push-half, 
+	.push-threequarter, 
+	.push-quarter, 
+	.push-third, 
+	.push-twothird, 
+	.push-fifth, 
+	.push-twofifth, 
+	.push-threefifth, 
+	.push-fourfifth, 
+	.push-sixth, 
+	.push-fivesixth { 
+		left: 0; 
+	}	
+	
+	.row .pull-right {	
+		float: none;
+	}
+	
+	/*
+		Blocks
+	*/
+	.block-two,
+	.block-three,
+	.block-four,
+	.block-five,
+	.block-six {
+		margin-left: 0;
+		margin-bottom: @baseLine/@em;
+	}
+	
+	.block-two > li,
+	.block-three > li,
+	.block-four > li,
+	.block-five > li,
+	.block-six > li { 
+		float: none;
+		margin: 0;	
+		width: 100%;
+	}	
+
+	/*
+		Forms
+	*/
+	.forms.columnar label { 
+		float: none;
+		text-align: left;
+		width: auto;
+	}
+	.forms.columnar .push, .forms.columnar div.descr {
+		margin-left: 0;
+	}
+	.forms .multicolumn li {
+		float: none;
+		margin-right: 0;
+	}
+	.forms .multicolumn li.width-50, .forms .multicolumn li.width-33 {	
+		width: 100%;
+	}
+	.forms.columnar li fieldset, .forms.columnar li fieldset section {
+		width: 100%;
+		padding-left: 0;
+		text-align: left;
+		position: static;
+	}
+	.forms fieldset {
+		padding: 0;
+		padding-top: 1em;
+		border: none;
+	}
+	.forms fieldset legend {
+		padding: 0;
+	}
+
+}

data/vendor/kube/tables.less

@@ -0,0 +1,41 @@
+/* =Tables
+-----------------------------------------------------------------------------*/
+table caption {
+	text-transform: uppercase;
+	font-weight: bold;
+	padding-left: 0.5em;
+	color: #666;
+}
+table.simple td,
+table.simple th {
+  border: none;
+  padding: ((@baseLine / 2) / @em) 0.7em ((@baseLine / 2) / @em) 0;
+}
+table.bordered td,
+table.bordered th {
+  border: 1px solid #ddd;
+}
+table.stroked td,
+table.stroked th {
+  border-bottom: 1px solid #eee;
+}
+table.striped tbody tr:nth-child(odd) td {
+  background-color: #f8f8f8;
+}
+table.hovered tbody tr:hover td, table.hovered thead tr:hover th {
+	background-color: @colorHoveredTable;
+}
+
+.thead-gray td, .thead-gray th {
+	background-color: #f0f0f0;
+}
+.thead-black td, .thead-black th {
+	font-weight: normal;	
+	color: #f6f6f6;
+	color: rgba(255, 255, 255, .9);
+	background-color: #222;
+}
+table.bordered .thead-black td,
+table.bordered .thead-black th {
+	border: 1px solid #444;	
+}