action_ui 0.0.1

data/vendor/assets/stylesheets/sd/sd/_sliders.scss

@@ -0,0 +1,218 @@
+
+/*!
+ * jQuery UI Slider 1.10.4
+ * http://jqueryui.com
+ *
+ * Copyright 2014 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://api.jqueryui.com/slider/#theming
+ */
+.ui-slider {
+	position: relative;
+	text-align: left;
+}
+.ui-slider .ui-slider-handle {
+	position: absolute;
+	z-index: 2;
+	width: 1.2em;
+	height: 1.2em;
+	cursor: default;
+}
+.ui-slider .ui-slider-range {
+	position: absolute;
+	z-index: 1;
+	font-size: .7em;
+	display: block;
+	border: 0;
+	background-position: 0 0;
+}
+
+/* For IE8 - See #6727 */
+.ui-slider.ui-state-disabled .ui-slider-handle,
+.ui-slider.ui-state-disabled .ui-slider-range {
+	filter: inherit;
+}
+
+.ui-slider-horizontal {
+	height: 4px;
+}
+.ui-slider-horizontal .ui-slider-handle {
+    margin-left: -10px;
+    top: -7px;
+}
+.ui-slider-horizontal .ui-slider-range {
+	top: 0;
+	height: 100%;
+}
+.ui-slider-horizontal .ui-slider-range-min {
+	left: 0;
+}
+.ui-slider-horizontal .ui-slider-range-max {
+	right: 0;
+}
+
+.ui-slider-vertical {
+	width: .8em;
+	height: 100px;
+}
+.ui-slider-vertical .ui-slider-handle {
+	left: -.3em;
+	margin-left: 0;
+	margin-bottom: -.6em;
+}
+.ui-slider-vertical .ui-slider-range {
+	left: 0;
+	width: 100%;
+}
+.ui-slider-vertical .ui-slider-range-min {
+	bottom: 0;
+}
+.ui-slider-vertical .ui-slider-range-max {
+	top: 0;
+}
+
+/* Component containers
+----------------------------------*/
+.ui-widget {
+	font-size: 1.1em/*{fsDefault}*/;
+}
+.ui-widget .ui-widget {
+	font-size: 1em;
+}
+.ui-widget input,
+.ui-widget select,
+.ui-widget textarea,
+.ui-widget button {
+	font-size: 1em;
+}
+.ui-widget-content {
+	background-color: #E5E5E5;
+}
+.ui-widget-content a {
+	color: #222222/*{fcContent}*/;
+}
+.ui-widget-header {
+	background: #999999;
+	color: #222222;
+	font-weight: bold;
+}
+.ui-widget-header a {
+	color: #222222;
+}
+
+.slider-primary .ui-widget-header{
+   background-color: #3472F7;
+}
+.slider-info .ui-widget-header{
+    background-color: #2C93FF;
+}
+.slider-success .ui-widget-header{
+   background-color: #05AE0E;
+}
+.slider-warning .ui-widget-header{
+   background-color: #FF9500;
+}
+.slider-danger .ui-widget-header{
+   background-color: #FF3B30;
+}
+
+/* Interaction states
+----------------------------------*/
+.ui-state-default,
+.ui-widget-content .ui-state-default,
+.ui-widget-header .ui-state-default {
+	background: rgb(255,255,255); /* Old browsers */
+    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,242,1) 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(241,241,242,1))); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,242,1) 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,242,1) 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,242,1) 100%); /* IE10+ */
+    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,242,1) 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f2',GradientType=0 ); /* IE6-9 */
+    
+    border-radius: 50%;
+    box-shadow: 0 1px 1px #FFFFFF inset, 0 1px 2px rgba(0, 0, 0, 0.4);
+	height:15px;
+	width:15px;
+	cursor:pointer;
+}
+.ui-state-default a,
+.ui-state-default a:link,
+.ui-state-default a:visited {
+	color: #555555/*{fcDefault}*/;
+	text-decoration: none;
+}
+
+.ui-state-hover a,
+.ui-state-hover a:hover,
+.ui-state-hover a:link,
+.ui-state-hover a:visited,
+.ui-state-focus a,
+.ui-state-focus a:hover,
+.ui-state-focus a:link,
+.ui-state-focus a:visited {
+	color: #212121/*{fcHover}*/;
+	text-decoration: none;
+}
+.ui-state-active a,
+.ui-state-active a:link,
+.ui-state-active a:visited {
+	color: #212121/*{fcActive}*/;
+	text-decoration: none;
+}
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-highlight,
+.ui-widget-content .ui-state-highlight,
+.ui-widget-header .ui-state-highlight {
+	border: 1px solid #fcefa1;
+	background: #fbf9ee;
+	color: #363636;
+}
+.ui-state-highlight a,
+.ui-widget-content .ui-state-highlight a,
+.ui-widget-header .ui-state-highlight a {
+	color: #363636;
+}
+.ui-state-error,
+.ui-widget-content .ui-state-error,
+.ui-widget-header .ui-state-error {
+	border: 1px solid $danger-color/*{borderColorError}*/;
+	background-color: $danger-color;
+	color: $danger-color/*{fcError}*/;
+}
+.ui-state-error a,
+.ui-widget-content .ui-state-error a,
+.ui-widget-header .ui-state-error a {
+	color: $danger-color/*{fcError}*/;
+}
+.ui-state-error-text,
+.ui-widget-content .ui-state-error-text,
+.ui-widget-header .ui-state-error-text {
+	color: $danger-color/*{fcError}*/;
+}
+.ui-priority-primary,
+.ui-widget-content .ui-priority-primary,
+.ui-widget-header .ui-priority-primary {
+	font-weight: bold;
+}
+.ui-priority-secondary,
+.ui-widget-content .ui-priority-secondary,
+.ui-widget-header .ui-priority-secondary {
+	opacity: .7;
+	filter:Alpha(Opacity=70);
+	font-weight: normal;
+}
+.ui-state-disabled,
+.ui-widget-content .ui-state-disabled,
+.ui-widget-header .ui-state-disabled {
+	opacity: .35;
+	filter:Alpha(Opacity=35);
+	background-image: none;
+}
+.ui-state-disabled .ui-icon {
+	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
+}

data/vendor/assets/stylesheets/sd/sd/_social-buttons.scss

@@ -0,0 +1,76 @@
+.btn-social { 
+	//@include btn-styles($default-color, $default-states-color);
+	opacity: 0.85;
+	padding: 8px 9px;
+
+	.fa {
+		font-size: 18px;
+		vertical-align: middle;
+		display: inline-block;
+	}
+
+	&.btn-round {
+		padding: 9px 10px;
+	}
+
+	&.btn-simple {
+		padding: 9px 5px;
+		font-size: 16px;
+
+		.fa{
+			font-size: 20px;
+			position: relative;
+			top: -2px;
+			width: 24px;
+		}
+	}
+
+}
+
+.btn-facebook {
+	@include social-buttons-color($social-facebook);
+}
+
+.btn-twitter {
+	@include social-buttons-color($social-twitter);
+}
+
+.btn-pinterest {
+	@include social-buttons-color($social-pinterest);
+}
+
+.btn-google {
+	@include social-buttons-color($social-google);
+}
+
+.btn-linkedin {
+	@include social-buttons-color($social-linkedin);
+}
+
+.btn-dribbble {
+	@include social-buttons-color($social-dribbble);
+}
+
+.btn-github {
+	@include social-buttons-color($social-github);
+}
+
+.btn-youtube {
+	@include social-buttons-color($social-youtube);
+}
+
+.btn-stumbleupon {
+	@include social-buttons-color($social-stumbleupon);
+}
+
+.btn-reddit {
+	@include social-buttons-color($social-reddit);
+}
+
+.btn-tumblr {
+	@include social-buttons-color($social-tumblr);
+}
+
+.btn-behance{
+	@include social-buttons-color($social-behance);
+}

data/vendor/assets/stylesheets/sd/sd/_tables.scss

@@ -0,0 +1,110 @@
+.table{
+   > thead > tr > th{
+       border-bottom-width: 1px;
+       font-size: $font-size-h5;
+       font-weight: $font-weight-light;
+   }  
+   
+   .radio,
+   .checkbox{
+       margin-top: 0;
+       margin-bottom: 0;
+       padding: 0;
+       width: 15px;
+       
+       .icons{
+           position: relative;
+       }
+   }
+   > thead > tr > th,
+   > tbody > tr > th,
+   > tfoot > tr > th,
+   > thead > tr > td,
+   > tbody > tr > td,
+   > tfoot > tr > td{
+       padding: 12px 8px;
+       vertical-align: middle;
+   }
+
+   .th-description{
+       max-width: 150px;
+   }
+   .td-price{
+       font-size: 26px;
+       font-weight: $font-weight-light;
+       margin-top: 5px;
+       text-align: right;
+   }
+   .td-total{
+        font-weight: $font-weight-bold;
+        font-size: $font-size-h5;
+        padding-top: 20px;
+        text-align: right;
+    }
+    
+   .td-actions .btn{
+        @include opacity(0.36);
+    
+        &.btn-xs{
+            padding-left: 3px;
+            padding-right: 3px;
+        }
+    }
+    
+    > tbody > tr{
+        position: relative;
+        
+        &:hover{
+            .td-actions .btn{
+                @include opacity(1);
+            }
+        }
+    }
+} 
+
+.table-shopping{
+    > thead > tr > th{
+        font-size: $font-size-h6;
+        text-transform: uppercase;
+        color: $dark-gray;
+        font-weight: $font-weight-normal;
+    }
+    > tbody > tr > td{
+        font-size: $font-paragraph;
+        
+        b{
+            display: block;
+            margin-bottom: 5px;
+        }
+    } 
+    .td-name,
+    .td-number{
+       font-weight: $font-weight-light;
+       font-size: $font-size-h4;
+   }
+    .td-name{
+        min-width: 200px;
+    }
+    .td-number{
+        text-align: right;
+        min-width: 70px;
+        
+        small{
+            margin-right: 3px;
+        }
+    }
+    
+    .img-container{
+        width: 120px;
+        height: 120px;
+        overflow: hidden;
+        display: block;
+        
+        border-radius: $border-radius-large;
+        
+        img{
+            width: 100%;
+        }    
+    }
+}
+

data/vendor/assets/stylesheets/sd/sd/_tabs-navs-pagination.scss

@@ -0,0 +1,217 @@
+/*            Navigation menu                */
+.nav-pills {
+    > li + li {
+        margin-left: 0;
+    }
+    > li > a {
+        border: 1px solid $info-color;
+        border-radius: 0;
+        color: $info-color;
+        margin-left: -1px;
+
+        &:hover,
+        &:focus{
+            background-color: #F5F5F5;
+        }
+    }
+    > li.active > a,
+    > li.active > a:hover,
+    > li.active > a:focus {
+        background-color: $info-color;
+        color: #FFFFFF;
+    }
+    > li:first-child > a{
+        border-radius: $border-radius-base 0 0 $border-radius-base;
+        margin: 0;
+    }
+    > li:last-child > a{
+        border-radius: 0 $border-radius-base $border-radius-base 0;
+    }
+}
+.nav-stacked{
+    > li:first-child > a{
+        border-radius: $border-radius-base $border-radius-base 0 0;
+        margin-left: -1px;
+    }
+    > li:last-child > a{
+        border-radius: 0 0 $border-radius-base $border-radius-base;
+    }
+    >li+li{
+        margin-top: -1px;
+    }
+}
+.pagination.pagination-no-border > li > a,
+.pagination.pagination-no-border > li > span{
+    border: 0;
+}
+.pagination > li > a, .pagination > li > span, .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span{
+    border-radius: 50%;
+    margin: 0 2px;
+    color: $default-states-color;
+}
+.pagination > li.active > a, .pagination > li.active > span, .pagination > li.active > a:hover, .pagination > li.active > span:hover, .pagination > li.active > a:focus, .pagination > li.active > span:focus {
+    background-color: $info-color;
+    border: 0;
+    color: #FFFFFF;
+    padding: 7px 13px;
+}
+
+.nav-pills-blue > li.active > a,
+.nav-pills-blue > li.active > a:hover,
+.nav-pills-blue > li.active > a:focus,
+.pagination-blue > li.active > a,
+.pagination-blue > li.active > span,
+.pagination-blue > li.active > a:hover,
+.pagination-blue > li.active > span:hover,
+.pagination-blue > li.active > a:focus,
+.pagination-blue > li.active > span:focus{
+   background-color: $primary-color;
+}
+
+.nav-pills-azure > li.active > a,
+.nav-pills-azure > li.active > a:hover,
+.nav-pills-azure > li.active > a:focus,
+.pagination-azure > li.active > a,
+.pagination-azure > li.active > span,
+.pagination-azure > li.active > a:hover,
+.pagination-azure > li.active > span:hover,
+.pagination-azure > li.active > a:focus,
+.pagination-azure > li.active > span:focus{
+   background-color: $info-color;
+}
+
+.nav-pills-green >  li.active > a,
+.nav-pills-green >  li.active > a:hover,
+.nav-pills-green >  li.active > a:focus,
+.pagination-green > li.active > a,
+.pagination-green > li.active > span,
+.pagination-green > li.active > a:hover,
+.pagination-green > li.active > span:hover,
+.pagination-green > li.active > a:focus,
+.pagination-green > li.active > span:focus{
+   background-color: $success-color;
+}
+
+.nav-pills-orange > li.active > a,
+.nav-pills-orange > li.active > a:hover,
+.nav-pills-orange > li.active > a:focus,
+.pagination-orange > li.active > a,
+.pagination-orange > li.active > span,
+.pagination-orange > li.active > a:hover,
+.pagination-orange > li.active > span:hover,
+.pagination-orange > li.active > a:focus,
+.pagination-orange > li.active > span:focus{
+   background-color: $warning-color;
+}
+
+.nav-pills-red > li.active > a,
+.nav-pills-red > li.active > a:hover,
+.nav-pills-red > li.active > a:focus,
+.pagination-red > li.active > a,
+.pagination-red > li.active > span,
+.pagination-red > li.active > a:hover,
+.pagination-red > li.active > span:hover,
+.pagination-red > li.active > a:focus,
+.pagination-red > li.active > span:focus{
+   background-color: $danger-color;
+}
+.nav-pills-blue > li > a {
+    @include pill-style($primary-color);
+}
+.nav-pills-azure > li > a {
+    @include pill-style($info-color);
+}
+.nav-pills-green > li > a {
+    @include pill-style($success-color);
+}
+.nav-pills-orange > li > a {
+    @include pill-style($warning-color);
+}
+.nav-pills-red > li > a {
+    @include pill-style($danger-color);
+}
+
+.nav-text, .nav-icons{
+    margin: $margin-bottom;
+
+    > li > a{
+        display: block;
+        padding: 0px $padding-base-horizontal;
+        color: $dark-gray;
+        text-align: center;
+        @include opacity(0.8);
+
+        &:hover,
+        &:focus{
+            background-color: $transparent-bg;
+            @include opacity(1);
+        }
+    }
+    > li:first-child a{
+        padding-left: 0;
+    }
+    > li.active a{
+       color: $info-color;
+    }
+}
+.nav-icons > li{
+    display: inline-block;
+     > a{
+        padding: 0 10px;
+        margin-bottom: 10px;
+    }
+    > a i{
+        font-size: $font-size-h4;
+        margin-bottom: 10px;
+        width: $font-size-h4;
+    }
+}
+.nav-icons.nav-stacked > li{
+    display: block;
+    > a {
+        margin-bottom: 20px;
+    }
+}
+.nav-blue > li.active a{
+    color: $primary-color;
+}
+.nav-azure > li.active a{
+    color: $info-color;
+}
+.nav-green > li.active a{
+    color: $success-color;
+}
+.nav-orange > li.active a{
+    color: $warning-color;
+}
+.nav-red > li.active a{
+    color: $danger-color;
+}
+
+.nav-text{
+    margin: $margin-bottom;
+
+    > li > a{
+        font-size: $font-size-h6;
+        text-transform: uppercase;
+        padding: 3px 0;
+        text-align: left;
+        font-weight: $font-weight-semi;
+
+    }
+    > li:first-child > a{
+        padding-top: 0;
+    }
+    h4{
+        margin-top: 0;
+    }
+}
+
+.nav-text:not(.nav-stacked){
+    > li{
+        display: inline-block;
+    }
+    > li > a{
+        margin-right: 15px;
+    }
+}