c80_estate 0.1.0.12 → 0.1.0.13

data/app/assets/stylesheets/c80_estate/lib/slick-carousel-custom.scss

@@ -0,0 +1,174 @@
+$width: 825px;
+$width_padd: 855px;
+
+
+#slider_wrapper {
+  padding: 0;
+  height: 305px;
+  margin-top: 15px;
+  margin-left: 56px;
+  /*overflow: hidden;*/
+  background: transparent image-url("wslider-bg.png") no-repeat;
+}
+
+#slider {
+
+  width: 859px;
+  margin: 18px 0 0 2px;
+  text-align: center;
+  font-family: "HelveticaRegular", Arial, Helvetica, sans-serif;
+
+  .img-holder {
+    width: $width_padd;
+    height: 245px;
+    /*padding: 15px 0;*/
+  }
+
+  img {
+    display: block;
+    margin: 0 auto;
+    max-width: 100%;
+    max-height: 245px;
+  }
+
+  button {
+
+    z-index: 999;
+  }
+
+  .frame {
+    padding: 0;
+    outline: none;
+    overflow: hidden;
+  }
+
+  .img-holder
+  {
+    /*background: #F8F6F5;*/
+  }
+
+  .desc {
+    overflow: hidden;
+    padding: 0;
+  }
+
+
+}
+
+.slick-prev,
+.slick-next{
+
+  &:before,
+  &:before{
+    font-size: 60px;
+    color: #FECC00;
+    content: '';
+  }
+
+    width: 50px !important;
+    height: 51px !important;
+    cursor: pointer;
+    position: absolute;
+
+  &.slick-prev {
+    background: image-url("arrows.png") no-repeat top left ;
+    top: 105px;
+    left: -53px;
+    &:hover {
+      background: image-url("arrows.png") no-repeat bottom left;
+    }
+  }
+
+  &.slick-next {
+    background: image-url("arrows.png") no-repeat top right;
+    top: 105px;
+    right: -49px;
+    &:hover {
+      background: image-url("arrows.png") no-repeat bottom right;
+    }    
+  }
+
+}
+
+.slick-dots {
+  float: left;
+  position: relative;
+  top: 16px;
+  width: 100%;
+  z-index: 999;
+}
+
+.slick-dots li {
+  margin: 0;
+}
+
+.slick-dots li button {
+
+  background: transparent image-url("slide.png") no-repeat top center;
+
+  width: 12px;
+  height: 14px;
+  border-radius: 999px;
+  cursor: pointer;
+  overflow: hidden;
+  display: block;
+
+
+  &:before {
+    content:"";
+    width: 0;
+    position: absolute;
+    /* font-size: 6px;
+     line-height: 20px;
+     position: absolute;
+     top: 0px;
+     left: 0px;
+     width: 20px;
+     height: 20px;
+     text-align: center;
+     opacity: 0.25;
+     color: #000;*/
+  }
+
+}
+
+.slick-active button {
+  background: image-url("slide-hower.png") no-repeat top center !important;
+}
+
+/*-------------------[фон под слайдер в шапке]------------------------------------------------------------------*/
+
+$width_home: 553px;
+$width_home_padd: 583px;
+
+body#index,
+body#about_company,
+body#price,
+body#info,
+body#hot_offers,
+body#stenovye-materialy,
+body#landshaftnye-materialy,
+body#krovelnye-materialy,
+body#drugie-tovarnye-gruppy,
+body#metallicheskie-resheniya,
+body#contacts
+{
+  #slider_wrapper {
+    background: transparent image-url("slider-bg.png") no-repeat;
+    margin-left: 35px;
+  }
+  #slider {
+    width: $width_home;
+    left:-18px;
+  }
+  .img-holder {
+    width: $width_home_padd;
+  }
+  .slick-prev {
+    left: -38px;
+  }
+  .slick-next {
+    right: -69px;
+  }
+}
+

data/app/assets/stylesheets/c80_estate/lib/slick-theme.scss

@@ -0,0 +1,202 @@
+@charset "UTF-8";
+/* Slider */
+.slick-loading .slick-list
+{
+  background: #fff url( image_path('slick/ajax-loader.gif') ) center center no-repeat;
+}
+
+/* Icons */
+@font-face
+{
+  font-family: 'slick';
+  font-weight: normal;
+  font-style: normal;
+
+  src: url( asset_path('slick.eot') );
+  src: url( asset_path('slick.eot?#iefix') ) format('embedded-opentype'),
+  url( asset_path('slick.woff') ) format('woff'),
+  url( asset_path('slick.ttf') ) format('truetype'),
+  url( asset_path('slick.svg#slick') ) format('svg');
+}
+/* Arrows */
+.slick-prev,
+.slick-next
+{
+  font-size: 0;
+  line-height: 0;
+
+  position: absolute;
+  top: 50%;
+
+  display: block;
+
+  width: 20px;
+  height: 20px;
+  margin-top: -10px;
+  padding: 0;
+
+  cursor: pointer;
+
+  color: transparent;
+  border: none;
+  outline: none;
+  background: transparent;
+}
+.slick-prev:hover,
+.slick-prev:focus,
+.slick-next:hover,
+.slick-next:focus
+{
+  color: transparent;
+  outline: none;
+  background: transparent;
+}
+.slick-prev:hover:before,
+.slick-prev:focus:before,
+.slick-next:hover:before,
+.slick-next:focus:before
+{
+  opacity: 1;
+}
+.slick-prev.slick-disabled:before,
+.slick-next.slick-disabled:before
+{
+  opacity: .25;
+}
+
+.slick-prev:before,
+.slick-next:before
+{
+  font-family: 'slick';
+  font-size: 20px;
+  line-height: 1;
+
+  opacity: .75;
+  color: white;
+
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.slick-prev
+{
+  left: -25px;
+}
+[dir='rtl'] .slick-prev
+{
+  right: -25px;
+  left: auto;
+}
+.slick-prev:before
+{
+  content: '←';
+}
+[dir='rtl'] .slick-prev:before
+{
+  content: '→';
+}
+
+.slick-next
+{
+  right: -25px;
+}
+[dir='rtl'] .slick-next
+{
+  right: auto;
+  left: -25px;
+}
+.slick-next:before
+{
+  content: '→';
+}
+[dir='rtl'] .slick-next:before
+{
+  content: '←';
+}
+
+/* Dots */
+.slick-slider
+{
+  margin-bottom: 30px;
+}
+
+.slick-dots
+{
+
+  display: block;
+
+  width: 100%;
+  padding: 0;
+
+  list-style: none;
+
+  text-align: center;
+}
+.slick-dots li
+{
+  position: relative;
+
+  display: inline-block;
+
+  width: 20px;
+  height: 20px;
+  margin: 0 5px;
+  padding: 0;
+
+  cursor: pointer;
+}
+.slick-dots li button
+{
+  font-size: 0;
+  line-height: 0;
+
+  display: block;
+
+  width: 20px;
+  height: 20px;
+  padding: 5px;
+
+  cursor: pointer;
+
+  color: transparent;
+  border: 0;
+  outline: none;
+  background: transparent;
+}
+.slick-dots li button:hover,
+.slick-dots li button:focus
+{
+  outline: none;
+}
+.slick-dots li button:hover:before,
+.slick-dots li button:focus:before
+{
+  opacity: 1;
+}
+.slick-dots li button:before
+{
+  font-family: 'slick';
+  font-size: 6px;
+  line-height: 20px;
+
+  position: absolute;
+  top: 0;
+  left: 0;
+
+  width: 20px;
+  height: 20px;
+
+  content: '•';
+  text-align: center;
+
+  opacity: .25;
+  color: black;
+
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+.slick-dots li.slick-active button:before
+{
+  opacity: .75;
+  color: black;
+}

data/app/assets/stylesheets/c80_estate/lib/slick.scss

@@ -0,0 +1,116 @@
+/* Slider */
+.slick-slider
+{
+  position: relative;
+
+  display: block;
+
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+
+  -webkit-touch-callout: none;
+  -khtml-user-select: none;
+  -ms-touch-action: pan-y;
+  touch-action: pan-y;
+  -webkit-tap-highlight-color: transparent;
+}
+
+.slick-list
+{
+  position: relative;
+
+  display: block;
+  overflow: hidden;
+
+  margin: 0;
+  padding: 0;
+}
+.slick-list:focus
+{
+  outline: none;
+}
+.slick-list.dragging
+{
+  cursor: pointer;
+  cursor: hand;
+}
+
+.slick-slider .slick-track,
+.slick-slider .slick-list
+{
+  -webkit-transform: translate3d(0, 0, 0);
+  -moz-transform: translate3d(0, 0, 0);
+  -ms-transform: translate3d(0, 0, 0);
+  -o-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+}
+
+.slick-track
+{
+  position: relative;
+  top: 0;
+  left: 0;
+
+  display: block;
+}
+.slick-track:before,
+.slick-track:after
+{
+  display: table;
+
+  content: '';
+}
+.slick-track:after
+{
+  clear: both;
+}
+.slick-loading .slick-track
+{
+  visibility: hidden;
+}
+
+.slick-slide
+{
+  display: none;
+  float: left;
+
+  height: 100%;
+  min-height: 1px;
+}
+[dir='rtl'] .slick-slide
+{
+  float: right;
+}
+.slick-slide img
+{
+  display: block;
+}
+.slick-slide.slick-loading img
+{
+  display: none;
+}
+.slick-slide.dragging img
+{
+  pointer-events: none;
+}
+.slick-initialized .slick-slide
+{
+  display: block;
+}
+.slick-loading .slick-slide
+{
+  visibility: hidden;
+}
+.slick-vertical .slick-slide
+{
+  display: block;
+
+  height: auto;
+
+  border: 1px solid transparent;
+}