nunify 0.5.3 → 0.5.4

data/vendor/assets/stylesheets/nunify/plugins.scss

@@ -0,0 +1,542 @@
+/*   
+ * Template Name: Unify - Responsive Bootstrap Template
+ * Description: Business, Corporate, Portfolio and Blog Theme.
+ * Version: 1.4
+ * Author: @htmlstream
+ * Website: http://htmlstream.com
+*/
+
+/*Parallax Slider (Main)
+------------------------------------*/
+.slider-inner .da-slider {
+   box-shadow: none;
+   border-bottom: 2px solid #ddd;
+}
+
+.slider-inner .da-dots {
+  z-index: 10;
+}
+
+@media (max-width: 450px) {
+   .da-slide p {
+      display:none;
+   }   
+}
+
+@media (max-width: 900px) {
+   /*Slider Parallax*/
+   .da-slide .da-img {
+      display:none;
+   }
+}
+
+/*Layer Slider
+------------------------------------*/
+.layer_slider {
+   overflow: hidden;
+}
+
+.ls-ct-half, .ls-ct-center {
+   border-radius: 100px !important;
+}
+
+/*Sequence Slider (Home Page)
+------------------------------------*/
+@media (max-width: 900px) {
+   #sequence-theme .info {
+      top:80px !important;
+      width:60% !important;
+      margin-right:50px;
+   }
+}
+
+@media (max-width: 450px) {
+   #sequence-theme .info {
+      top:70px !important;
+      width:70% !important;
+      margin-right:25px;
+   }
+   #sequence-theme h2 {
+      font-size:30px !important;
+   }
+   #sequence-theme .info p {
+      font-size:18px !important;
+   }
+}
+
+/*Clients Carousel (Flexslider)
+------------------------------------*/
+.clients {
+   box-shadow:none !important;
+   margin-bottom: 0 !important;    
+}
+.clients li {
+   float: left;
+   overflow: hidden;
+   margin-left: 1px;
+   position: relative;
+   background: #fafafa;
+}
+.clients li:hover {
+   background: #f6f6f6;
+}
+.clients li img.color-img {
+   top: 0;
+   left: 0;
+   display: none;
+   position: absolute;
+}
+.clients li:hover img.color-img { 
+   display: block;
+}
+.clients li img {
+   filter: gray; /* IE6-9 */
+   float: none !important;
+   margin: 0 auto !important;
+}
+.clients li img:hover {
+    filter: none;
+}
+.clients, 
+.flexslider.home {
+    border: 0;
+    overflow: hidden;
+    margin-top: 10px;      
+    margin-bottom: 30px;      
+}
+
+.flexslider { 
+   margin-top: 10px !important;
+   background: none !important;
+}
+.flexslider .flex-direction-nav a {
+   margin-top: -10px !important;
+}
+
+/*Fancybox
+------------------------------------*/
+/*For Topbar*/
+.fancybox-overlay.fancybox-overlay-fixed {
+   z-index:9999;
+}
+
+/*FancyBox Hover Effect*/
+.zoomer:hover .overlay-zoom .zoom-icon{
+   opacity:0.4;   
+   -webkit-transform: scale(1);
+   -moz-transform: scale(1);
+   -o-transform: scale(1);
+   -ms-transform: scale(1);
+   transform: scale(1);
+   filter: alpha(opacity = 50);
+}
+
+.overlay-zoom {
+   z-index: 90;
+   width: 100%;
+   height: 100%;
+   display: block;
+   cursor: pointer;
+   position: relative;     
+   -webkit-transition: all 0.1s ease-in-out;
+   -moz-transition: all 0.1s ease-in-out;
+   -o-transition: all 0.1s ease-in-out;
+   -ms-transition: all 0.1s ease-in-out;
+   transition: all 0.1s ease-in-out;
+}
+
+.overlay-zoom .zoom-icon {
+   top:0;   
+   opacity: 0; 
+   z-index: 100;
+   width: inherit;
+   height: inherit;
+   position: absolute;
+   background-color: #000;
+   background-position: 50%;
+   background-repeat: no-repeat;
+   background-image:image-url("unify/img/overlay-icon.png");
+   filter: alpha(opacity = 0);
+   -webkit-backface-visibility: hidden;
+   -webkit-transition: all 0.4s ease-in-out;
+   -moz-transition: all 0.4s ease-in-out;
+   -o-transition: all 0.4s ease-in-out;
+   -ms-transition: all 0.4s ease-in-out;
+   transition: all 0.4s ease-in-out;
+   -webkit-transform: scale(0);
+   -moz-transform: scale(0);
+   -o-transform: scale(0);
+   -ms-transform: scale(0);
+   transform: scale(0);
+}
+
+@media (max-width: 768px) {
+   .fancybox-overlay {
+      background: none !important;
+   }
+}
+
+/*Owl Carousel
+------------------------------------*/
+.owl-btn {
+  color: #777;
+  cursor: pointer;
+  font-size: 18px;
+  padding: 2px 9px;
+  text-align: center;
+  background: #f5f5f5;
+}
+
+.owl-btn:hover {
+  color: #fff;
+  background: #72c02c;
+}
+
+/*Owl Carousel v1*/
+.owl-carousel-v1 .owl-navigation {
+  text-align: right;
+  margin-bottom: 20px;
+}
+
+.owl-carousel-v1 .item {
+  margin: 0 15px;
+}
+
+.owl-carousel-v1 .item img {
+  text-align: center;
+}
+
+.owl-carousel-v1 .owl-pagination {
+  display: none;
+}
+
+/*Owl Carousel v2*/
+.owl-carousel-v2 .owl-slider-v2 {
+  margin-bottom: 20px;
+}
+
+.owl-carousel-v2 .item {
+  margin: 0 15px;
+}
+
+.owl-carousel-v2 .item img {
+  text-align: center;
+}
+
+.owl-carousel-v2 .owl-navigation {
+  text-align: center;
+}
+
+.owl-carousel-v2 .owl-pagination {
+  display: none;
+}
+
+/*Owl Carousel v3*/
+.owl-carousel-v3 .item {
+  margin: 0 15px;
+}
+
+.owl-carousel-v3 .item img {
+  text-align: center;
+}
+
+.owl-carousel-v3 .owl-pagination {
+  display: none;
+}
+
+/*Owl Carousel v4*/
+.owl-carousel-v4 .owl-wrapper-outer {
+  margin-bottom: 20px;
+}
+
+.owl-carousel-v4 .item {
+  margin: 0 3px;
+}
+
+.owl-carousel-v4 .item img {
+  width: 100%;
+}
+
+/*Owl Pagination*/
+.owl-pagination {
+  text-align: center !important;
+}
+
+.owl-theme .owl-controls .owl-page.active span,
+.owl-theme .owl-controls.clickable .owl-page:hover span {
+  opacity: 1;
+  filter: Alpha(Opacity=100);/*IE7 fix*/
+}
+
+.owl-theme .owl-controls .owl-page {
+  zoom: 1;
+  display: inline-block;
+  *display: inline;/*IE7 life-saver */
+}
+
+.owl-theme .owl-controls .owl-page span {
+  width: 12px;
+  height: 12px;
+  opacity: 0.3;
+  display: block;
+  margin: 5px 7px;
+  background: #bbb;
+  filter: Alpha(Opacity=50);/*IE7 fix*/
+  -webkit-border-radius: 50% !important;
+  -moz-border-radius: 50% !important;
+  border-radius: 50% !important;
+}
+
+
+/*Owl Carousel Style v1*/
+.owl-carousel-style-v1 img {
+  width: 120px;
+  height: auto;
+}
+
+/*Owl Carousel Style v2*/
+.owl-carousel-style-v2 .item {
+  margin: 0 3px;
+  background: #fafafa;
+  text-align: center;
+  border: solid 1px #eee;
+}
+
+.owl-carousel-style-v2 .item img {
+  padding: 0 3px;
+  display: inline-block;
+}
+
+.owl-carousel-style-v2 .item:hover {
+  background: #f7f7f7;
+  border-color: #e5e5e5;
+  transition: all 0.4s ease-in-out;
+}
+
+.owl-carousel-style-v2 .owl-pagination {
+  display: none;
+}
+
+/*Pie Chart
+------------------------------------*/
+.pie-progress-charts .inner-pchart {
+  text-align: center;
+}
+
+.pie-progress-charts .circle {
+  color: #555;
+  font-weight: 200;
+  margin-bottom: 20px;
+}
+
+.pie-progress-charts .circle-title {
+  font-size: 22px;
+}
+
+@media (max-width: 767px) {
+  .pie-progress-charts .inner-pchart {
+    margin-bottom: 40px;
+  }
+}
+
+/*Counter
+------------------------------------*/
+.counters {
+  color: #555;
+  text-align: center;
+}
+
+@media (max-width: 767px) {
+  .counters {
+    margin-bottom: 30px;
+  }
+}
+
+.counters span {
+  font-size: 35px;
+}
+
+.counters span.counter-icon {
+   display: block;
+   margin-bottom: 10px;
+}
+
+.counters span.counter-icon i {
+   color: #fff;
+   padding: 16px;
+   min-width: 65px;
+   font-size: 30px;
+   position: relative;
+   background: #72c02c;
+}
+
+.counters span.counter-icon i:after {
+   width: 0; 
+   height: 0;
+   left: 38%;
+   content: " "; 
+   bottom: -7px;
+   display: block; 
+   position: absolute;
+   border-top: 7px solid #72c02c;
+   border-left: 7px solid transparent;
+   border-right: 7px solid transparent;
+   border-left-style: inset; /*FF fixes*/
+   border-right-style: inset; /*FF fixes*/
+}
+
+.counters:hover span.counter-icon i {
+   border-color: #000;
+}
+
+/*Style Switcher
+------------------------------------*/
+i.style-switcher-btn {
+   right: 0;
+   top: 37px;
+   color: #fff;
+   font-size: 18px;
+   cursor: pointer;
+   z-index: 555555;
+   position: fixed;
+   padding: 7px 9px;
+   background: #585f69;
+   border-radius: 6px 0 0 6px !important;   
+}
+
+i.style-switcher-btn:hover {
+   background:#707985;
+}
+
+i.style-switcher-btn-option {
+   top: 38px;
+   background: #9097a0;
+}
+
+i.style-switcher-btn-option:hover {
+   background: #707985;
+}
+
+.style-switcher {
+   right: 0;
+   top: 37px;
+   width: 205px;
+   display: none;
+   z-index: 555555;
+   position: fixed;
+   background: #585f69;
+   border: solid 1px #666d76;
+   padding: 15px 15px 15px 20px;
+   border-radius: 6px 0 0 6px !important;
+}
+
+.style-switcher-inner {
+   background: #9097a0;
+}
+
+.style-switcher .theme-close {
+   top: 10px;
+   right: 6px;
+   position: absolute;
+}
+
+.style-switcher .theme-close i {
+   color: #fff;
+   cursor: pointer;
+   font-size: 22px;
+   padding: 5px;
+}
+
+.style-switcher .theme-close i:hover {
+   color: #464e5b;
+   background: #fff;
+ }
+
+.style-switcher .theme-heading {
+   color: #fff;
+   font-size: 16px;
+   margin-bottom: 10px;
+   text-transform: uppercase;
+}
+
+.style-switcher-logo  {
+   margin-top: 10px;
+   padding-top: 15px;
+   border-top: solid 1px #4c5159;
+}
+
+.style-switcher-logo a {
+   display: block;
+   text-align: center;
+}
+
+.style-switcher ul {
+   margin-bottom: 0;
+}
+
+.style-switcher li {
+   width: 26px;
+   height: 26px;
+   cursor: pointer;
+   background: #c00;
+   margin: 0 5px 5px 0;
+   display: inline-block;
+   border-radius: 10% !important;
+}
+
+.style-switcher li.last {
+   margin-right: 0;
+}
+
+.style-switcher li:hover,
+.style-switcher li.theme-active {
+   border: solid 2px #fff;
+}
+
+.style-switcher a.btn-u {
+  border: solid 1px transparent;
+}
+
+.style-switcher a.btn-u-sea.active-switcher-btn,
+.style-switcher a.btn-u-green.active-switcher-btn {
+   border: solid 1px #eee;
+}
+
+.style-switcher a.btn-u-sea.active-switcher-btn {
+   background: #1abc9c !important;
+}
+
+.style-switcher a.btn-u-green.active-switcher-btn {
+   background: #2ecc71 !important;
+}
+
+.style-switcher li.theme-default {
+   background: #72c02c;
+}
+.style-switcher li.theme-blue {
+   background: #3498db;
+}
+.style-switcher li.theme-orange {
+   background: #e67e22;
+}
+.style-switcher li.theme-red {
+   background: #e74c3c;
+}
+.style-switcher li.theme-light {
+   background: #ecf0f1;
+}
+.style-switcher li.theme-purple {
+   background: #9b6bcc;
+}
+.style-switcher li.theme-aqua {
+   background: #27d7e7;
+}
+.style-switcher li.theme-brown {
+   background: #9c8061;
+}
+.style-switcher li.theme-dark-blue {
+   background: #4765a0;
+}
+.style-switcher li.theme-light-green {
+   background: #79d5b3;
+}