furatto 0.0.1 → 0.0.2

data/vendor/assets/stylesheets/furatto/_responsive_tables.scss

@@ -8,7 +8,7 @@
  * Designed and built @kurenn  
  */
 
-@media only screen and (max-width: 767px) {
+@media only screen and (max-width: 768px) {
 	
 	table.responsive { margin-bottom: 0; }
 	

data/vendor/assets/stylesheets/furatto/_responsive_utilities.scss

@@ -0,0 +1,182 @@
+/*------------------------------------*\
+    $RESPONSIVE UTILITIES
+\*------------------------------------*/
+/**
+ * Designed and built @kurenn  
+ */
+
+.hidden {
+  display: none !important;
+  visibility: hidden !important;
+}
+
+
+.visible-xs {
+  @include responsive-invisibility();
+  @media (max-width: $screen-xs-max) {
+    @include responsive-visibility();
+  }
+  &.visible-sm {
+    @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
+      @include responsive-visibility();
+    }
+  }
+  &.visible-md {
+    @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
+      @include responsive-visibility();
+    }
+  }
+  &.visible-lg {
+    @media (min-width: $screen-lg-min) {
+      @include responsive-visibility();
+    }
+  }
+}
+.visible-sm {
+  @include responsive-invisibility();
+  &.visible-xs {
+    @media (max-width: $screen-xs-max) {
+      @include responsive-visibility();
+    }
+  }
+  @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
+    @include responsive-visibility();
+  }
+  &.visible-md {
+    @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
+      @include responsive-visibility();
+    }
+  }
+  &.visible-lg {
+    @media (min-width: $screen-lg-min) {
+      @include responsive-visibility();
+    }
+  }
+}
+.visible-md {
+  @include responsive-invisibility();
+  &.visible-xs {
+    @media (max-width: $screen-xs-max) {
+      @include responsive-visibility();
+    }
+  }
+  &.visible-sm {
+    @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
+      @include responsive-visibility();
+    }
+  }
+  @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
+    @include responsive-visibility();
+  }
+  &.visible-lg {
+    @media (min-width: $screen-lg-min) {
+      @include responsive-visibility();
+    }
+  }
+}
+.visible-lg {
+  @include responsive-invisibility();
+  &.visible-xs {
+    @media (max-width: $screen-xs-max) {
+      @include responsive-visibility();
+    }
+  }
+  &.visible-sm {
+    @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
+      @include responsive-visibility();
+    }
+  }
+  &.visible-md {
+    @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
+      @include responsive-visibility();
+    }
+  }
+  @media (min-width: $screen-lg-min) {
+    @include responsive-visibility();
+  }
+}
+
+.hidden-xs {
+  @include responsive-visibility();
+  @media (max-width: $screen-xs-max) {
+    @include responsive-invisibility();
+  }
+  &.hidden-sm {
+    @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
+      @include responsive-invisibility();
+    }
+  }
+  &.hidden-md {
+    @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
+      @include responsive-invisibility();
+    }
+  }
+  &.hidden-lg {
+    @media (min-width: $screen-lg-min) {
+      @include responsive-invisibility();
+    }
+  }
+}
+.hidden-sm {
+  @include responsive-visibility();
+  &.hidden-xs {
+    @media (max-width: $screen-xs-max) {
+      @include responsive-invisibility();
+    }
+  }
+  @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
+    @include responsive-invisibility();
+  }
+  &.hidden-md {
+    @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
+      @include responsive-invisibility();
+    }
+  }
+  &.hidden-lg {
+    @media (min-width: $screen-lg-min) {
+      @include responsive-invisibility();
+    }
+  }
+}
+.hidden-md {
+  @include responsive-visibility();
+  &.hidden-xs {
+    @media (max-width: $screen-xs-max) {
+      @include responsive-invisibility();
+    }
+  }
+  &.hidden-sm {
+    @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
+      @include responsive-invisibility();
+    }
+  }
+  @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
+    @include responsive-invisibility();
+  }
+  &.hidden-lg {
+    @media (min-width: $screen-lg-min) {
+      @include responsive-invisibility();
+    }
+  }
+}
+.hidden-lg {
+  @include responsive-visibility();
+  &.hidden-xs {
+    @media (max-width: $screen-xs-max) {
+      @include responsive-invisibility();
+    }
+  }
+  &.hidden-sm {
+    @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
+      @include responsive-invisibility();
+    }
+  }
+  &.hidden-md {
+    @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
+      @include responsive-invisibility();
+    }
+  }
+  @media (min-width: $screen-lg-min) {
+    @include responsive-invisibility();
+  }
+}

data/vendor/assets/stylesheets/furatto/_responsiveslides.scss

@@ -8,195 +8,178 @@
  * Designed and built @kurenn  
  */
 
-.rslides {
-  position: relative;
-  list-style: none;
-  overflow: hidden;
-  width: 100%;
-  padding: 0;
-  margin: 0;
-  }
-
-.rslides li {
-  -webkit-backface-visibility: hidden;
-  position: absolute;
-  display: none;
-  width: 100%;
-  left: 0;
-  top: 0;
-  }
-
-.rslides li:first-child {
-  position: relative;
-  display: block;
-  float: left;
+.swiper-container {
+	margin:0 auto;
+	position:relative;
+	overflow:hidden;
+	-webkit-backface-visibility:hidden;
+	-moz-backface-visibility:hidden;
+	-ms-backface-visibility:hidden;
+	-o-backface-visibility:hidden;
+	backface-visibility:hidden;
+	/* Fix of Webkit flickering */
+	z-index:1;
+
+  img {
+    margin: 0;
   }
-
-.rslides img {
-  display: block;
+}
+.swiper-wrapper {
+	position:relative;
+	width:100%;
+	-webkit-transition-property:-webkit-transform, left, top;
+	-webkit-transition-duration:0s;
+	-webkit-transform:translate3d(0px,0,0);
+	-webkit-transition-timing-function:ease;
+	
+	-moz-transition-property:-moz-transform, left, top;
+	-moz-transition-duration:0s;
+	-moz-transform:translate3d(0px,0,0);
+	-moz-transition-timing-function:ease;
+	
+	-o-transition-property:-o-transform, left, top;
+	-o-transition-duration:0s;
+	-o-transform:translate3d(0px,0,0);
+	-o-transition-timing-function:ease;
+	-o-transform:translate(0px,0px);
+	
+	-ms-transition-property:-ms-transform, left, top;
+	-ms-transition-duration:0s;
+	-ms-transform:translate3d(0px,0,0);
+	-ms-transition-timing-function:ease;
+	
+	transition-property:transform, left, top;
+	transition-duration:0s;
+	transform:translate3d(0px,0,0);
+	transition-timing-function:ease;
+}
+.swiper-free-mode > .swiper-wrapper {
+	-webkit-transition-timing-function: ease-out;
+	-moz-transition-timing-function: ease-out;
+	-ms-transition-timing-function: ease-out;
+	-o-transition-timing-function: ease-out;
+	transition-timing-function: ease-out;
+	margin: 0 auto;
+}
+.swiper-slide {
+	float: left;
+
+  img {
+    width: 100%;
+  }
+}
+
+/* IE10 Windows Phone 8 Fixes */
+.swiper-wp8-horizontal {
+	-ms-touch-action: pan-y;
+}
+.swiper-wp8-vertical {
+	-ms-touch-action: pan-x;
+}
+
+/* ===============================================================
+Your custom styles, here you need to specify container's and slide's
+sizes, pagination, etc.
+================================================================*/
+.swiper-container {
+	/* Specify Swiper's Size: */
+
+	/*width:200px;
+	height: 100px;*/
+}
+.swiper-slide {
+	/* Specify Slides's Size: */
+	
+	/*width: 100%;
+	height: 100%;*/
+}
+.swiper-slide-active {
+	/* Specific active slide styling: */
+	
+}
+.swiper-slide-visible {
+	/* Specific visible slide styling: */	
+
+}
+/* ===============================================================
+Pagination Styles
+================================================================*/
+.swiper-pagination-switch {
+	/* Stylize pagination button: */	
+
+}
+.swiper-active-switch {
+	/* Specific active button style: */	
+	
+}
+.swiper-visible-switch {
+	/* Specific visible button style: */	
+	
+}
+
+.swiper-container, .swiper-slide {
   height: auto;
-  float: left;
-  width: 100%;
-  border: 0;
-  }
+}
 
-.rslides {
-  margin: 0 auto;
-  }
-
-.rslides_container {
-  /*margin-bottom: 50px;*/
-  position: relative;
-  float: left;
-  /*width: 100%;*/
-  }
-
-.centered-btns_nav {
-  z-index: 3;
+.arrow-left, .arrow-right {
   position: absolute;
-  -webkit-tap-highlight-color: rgba(0,0,0,0);
   top: 50%;
-  left: 0;
-  opacity: 0.7;
-  text-indent: -9999px;
-  overflow: hidden;
-  text-decoration: none;
-  height: 61px;
-  width: 38px;
-  background: transparent url(/assets/themes.gif) no-repeat left top;
-  margin-top: -45px;
-  }
+  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
+}
 
-.centered-btns_nav:active {
-  opacity: 1.0;
-  }
-
-.centered-btns_nav.next {
-  left: auto;
-  background-position: right top;
-  right: 0;
-  }
-
-.transparent-btns_nav {
-  z-index: 3;
+.swiper-control {
   position: absolute;
-  -webkit-tap-highlight-color: rgba(0,0,0,0);
-  top: 0;
-  left: 0;
-  display: block;
-  background: $white; /* Fix for IE6-9 */
-  opacity: 0;
-  filter: alpha(opacity=1);
-  width: 48%;
-  text-indent: -9999px;
-  overflow: hidden;
-  height: 91%;
-  }
-
-.transparent-btns_nav.next {
-  left: auto;
-  right: 0;
-  }
-
-.large-btns_nav {
-  z-index: 3;
-  position: absolute;
-  -webkit-tap-highlight-color: rgba(0,0,0,0);
-  opacity: 0.6;
-  text-indent: -9999px;
-  overflow: hidden;
   top: 0;
+  z-index: 1;
+  color: #FFF;
+  font-size: 30px;
+  cursor: pointer;
+  height: 100%;
   bottom: 0;
-  left: 0;
-  background: #000 url(/assets/themes.gif) no-repeat left 50%;
-  width: 38px;
-  }
-
-.large-btns_nav:active {
-  opacity: 1.0;
-  }
+  width: 15%;
+  text-align: center;
 
-.large-btns_nav.next {
-  left: auto;
-  background-position: right 50%;
-  right: 0;
+  &.right {
+    right: 0;
   }
 
-.centered-btns_nav:focus,
-.transparent-btns_nav:focus,
-.large-btns_nav:focus {
-  outline: none;
+  &.left {
+    left: 0;
   }
+}
 
-.centered-btns_tabs,
-.transparent-btns_tabs,
-.large-btns_tabs {
-  margin-top: 10px;
+.swiper-caption {
   text-align: center;
-  }
+}
 
-.centered-btns_tabs li,
-.transparent-btns_tabs li,
-.large-btns_tabs li {
-  display: inline;
-  float: none;
-  _float: left;
-  *float: left;
-  margin-right: 5px;
-  }
+.swiper-pagination {
+  text-align: center;
+  width: 100%;
+}
 
-.centered-btns_tabs a,
-.transparent-btns_tabs a,
-.large-btns_tabs a {
-  text-indent: -9999px;
-  overflow: hidden;
-  -webkit-border-radius: 15px;
-  -moz-border-radius: 15px;
-  border-radius: 15px;
-  background: #ccc;
-  background: rgba(0,0,0, .2);
+.swiper-pagination-switch {
   display: inline-block;
-  _display: block;
-  *display: block;
-  -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
-  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
-  box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
-  width: 9px;
-  height: 9px;
-  }
-
-.centered-btns_here a,
-.transparent-btns_here a,
-.large-btns_here a {
-  background: #222;
-  background: rgba(0,0,0, .8);
-  }
-
-  .rslides .caption {
-    display: block;
-    position: absolute;
-    z-index: 2;
-    text-shadow: none;
-    color: $white !important;
-    background: #000;
-    background: rgba(0,0,0, .8);
-    left: 0;
-    right: 0;
-    bottom: 0;
-    padding: 10px 20px;
-    margin: 0;
-    max-width: none;
-    line-height: 20px;
-
-    .caption-header {
-      color: $white;
-      margin: 0;
-      margin-bottom: 10px;
-      font-size: 25px;
-    }
-
-    .caption-text {
-      color: $white;
-      font-size: 15px;
-    }
-  }
+  width: 10px;
+  height: 10px;
+  border-radius: 10px;
+  background: #999;
+  box-shadow: 0px 1px 2px #555 inset;
+  margin: 0 3px;
+  cursor: pointer;
+}
+
+.swiper-active-switch {
+  background: #fff;
+}
+
+@media (max-width: 767px) {
+  .swiper-caption {
+    font-size: 0.8em;
+  }
+}
+
+@media (min-device-width: 768px) and (max-device-with: 1024px) {
+  .swiper-caption {
+    font-size: 0.8em;
+  }
+}