Warning, /webapps/ocs-webserver/httpdocs/theme/react/assets/less/homepage.less is written in an unsupported language. File is not indexed.

 out: ../css/homepage.css, sourcemap: true, compress: true
 @import "elements.less";
 
 
 .ajax-loader {
   height: 24px;
   width: 24px;
   background-image: url('../img/ajax-loader.gif');
   background-position: center center;
   background-repeat: no-repeat;
 }
 
 .startpage-store {
   background-color: #f1f1f1;
   position: relative;
   padding-right: 320px;
 
   .sidebar-left {
     border: 0;
     float: left;
     width: 20%;
     padding: 20px 15px 20px 15px;
     flex: 1;
   }
 
   .content {
     padding: 15px 30px 0 30px;
     min-width: 400px !important;
     border-left: 1px solid #ccc;
     background-color: white;
     float: left;
     width: 80%;
   }
 
   .sidebar-right {
     min-width: auto !important;
     width: 320px;
     height: 100%;
     float: right;
     padding: 20px 15px;
     position: absolute;
     top: 0;
     right:0;
   }
 }
 
 .score-info {
   text-align: center;
 
   .score-number {
     width: 100%;
     text-align: center;
     margin-bottom: 5px;
   }
 
   .score-bar-container {
     width: 100%;
     height: 10px;
     background: #ccc;
     margin-bottom: 5px;
 
     .score-bar {
       height: 9px;
       background-color: #30c830;
       border-bottom: 1px solid darken( #30c830,5%);
     }
   }
 }
 
 #opendesktop-homepage {
   .container {
       width: 100% !important;
       max-width: 100% !important;
       padding: 0;
   }
 
   .section {
     &:last-of-type {
       .container {
         .product-carousel {
           border-bottom: 0;
         }
       }
     }
   }
 }
 
 #spotlight-product {
   width: 100%;
   font-size: 14px;
   max-width: 800px;
   display: block;
   margin: 0 auto;
 
   .container {
     padding-left: 300px;
     height: 230px;
     position: relative;
     border: 1px solid #DFDCDA;
     border-radius: 5px;
 
     .spotlight-image {
       position: absolute;
       top: 0;
       left: 0;
       overflow: hidden;
       width: 300px;
       height: 230px;
 
       .product-image {
         filter: blur(2px);
         width: 100%;
         height: 100%;
       }
 
       figure.user-avatar {
         position: absolute;
         top: 50%;
         left: 50%;
         width: 170px;
         height: 170px;
         overflow: hidden;
         border-radius: 100%;
         border: 5px solid white;
         margin-left: -85px;
         margin-top: -85px;
         box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
 
         img {
           width: 100%;
           height: 100%;
           background-color: #eee;
         }
       }
 
     }
 
     .spotlight-info {
       float: left;
       padding: 10px;
       width: 100%;
       height: 230px;
       overflow: hidden;
       padding-bottom: 30px;
 
       .spotlight-info-wrapper {
         overflow: hidden;
         width: 100%;
         height: 100%;
       }
 
       .featured-label {
         position: absolute;
         top: 0;
         right: 0;
         height: auto;
         padding: 5px;
         border-radius: 0 4px 0 4px;
         font-size: 12px;
         background-color: #5bc0de;
         color: white;
 
         &.plinged {
           background-color: #ee6d09;
         }
       }
 
       .info-top {
         padding-right: 40%;
         position: relative;
         margin-bottom: 20px;
 
         h2,h3 {
           margin: 0;
           font-weight: normal;
         }
 
         h2 {
           font-size: 15px;
           margin-bottom: 3px;
         }
 
         h3 {
           font-size: 13px;
 
         }
 
         .user-info {
           margin: 20px 0 5px 0;
 
           img {
             width: 30px;
             height: 30px;
             border-radius: 50%;
             margin-right: 10px;
             box-shadow: 0 2px 2px rgba(0,0,0,0.5);
           }
         }
 
         .score-info {
           width: 40%;
           position: absolute;
           top: 20px;
           right: 0;
         }
       }
 
       .spotlight-menu {
         position: absolute;
         bottom: 0;
         right: 0;
         padding: 5px;
 
         a {
           margin-left: 5px;
           cursor: pointer;
         }
       }
     }
 
     &.dummy-product {
 
       .spotlight-image {
         background-color: #eee;
         figure {
           .ajax-loader {
             margin: 68px auto;
           }
         }
       }
 
       .spotlight-info {
         .spotlight-info-wrapper {
           .info-top {
             padding-right: 40%;
             position: relative;
             margin-bottom: 20px;
             float: left;
             width: 100%;
 
             h2 {
               height: 16px;
               width: 80%;
               background-color: #eee;
               margin-bottom: 5px;
             }
 
             h3 {
               height: 14px;
               width: 90%;
               background-color: #eee;
             }
 
             .user-info {
               float: left;
               width: 100%;
               margin-bottom: 10px;
 
               figure {
                 height: 30px;
                 width: 30px;
                 border: 3px solid #eee;
                 border-radius: 100%;
                 overflow: hidden;
                 float: left;
                 box-shadow: 0 2px 2px rgba(0,0,0,0.5);
 
                 span {
                   font-size: 24px;
                   text-align: center;
                 }
               }
 
               > span {
                 height: 12px;
                 display: block;
                 width: 30%;
                 float: left;
                 background-color: #eee;
                 margin: 8px 0 0 10px;
               }
             }
 
             .comments-count {
               display: block;
               float: left;
               width: 50%;
               background-color: #eee;
               height: 12px;
             }
           }
 
           .score-info {
             .score-bar-container {
               .score-bar {
                   height: 9px;
                   background-color: #eee;
                   border-bottom: 0;
               }
             }
           }
 
           .info-description {
             float: left;
             width: 100%;
 
             span {
               height: 12px;
               display: block;
               float: left;
               background-color: #eee;
               width: 100%;
               margin-bottom: 5px;
 
               &.half {
                 width: 60%;
               }
             }
           }
         }
       }
 
     }
   }
 
   #loading-container {
     width: 100%;
     height: 230px;
     float: left;
 
     .ajax-loader {
       display: table;
       margin: 95px auto;
       float: none;
     }
   }
 }
 
 
 #spotlight-user-container {
   max-width: 800px;
   margin: 0 auto;
 
   #spotlight-user {
 
     .user-container {
       padding-left: 90px;
       position: relative;
       margin-bottom: 10px;
       width: auto;
       height: 80px;
       display: table;
       margin: 0 auto;
 
       figure {
         border: 5px solid #eee;
         float: left;
         margin-right: 10px;
         border-radius: 100%;
         overflow: hidden;
         width: 80px;
         height: 80px;
         position: absolute;
         left: 0;
         top: 0;
 
         img {
           width: 100%;
           height: 100%;
         }
       }
 
       h2 {
         margin: 0;
         height: 80px;
         line-height: 80px;
         font-size: 24px;
       }
     }
 
     .products-container {
       background: #eee;
       border-radius: 5px;
       overflow: hidden;
       display: table;
       margin: 10px auto 20px auto;
       border: 1px solid #ccc;
 
       .spotlight-user-product {
         float: left;
         overflow: hidden;
         position: relative;
 
         figure {
           width: 100%;
           height: 100%;
 
           img {
             width: 100%;
             height: 100%;
           }
         }
 
         .product-title-overlay {
           padding: 5px;
           position: absolute;
           bottom: 0;
           left: 0;
           z-index: 100;
           width: 100%;
 
           .product-title {
             padding: 5px 10px;
             background-color: rgba(0,0,0,0.5);
             color: white;
             min-height: 44px;
             font-size: 14px;
             border-radius: 3px;
           }
         }
 
         .product-plings-counter {
           position: absolute;
           top: 5px;
           left: 5px;
           padding: 3px;
           background: rgba(0,0,0,0.5);
           border-radius: 17px;
           color: white;
           font-size: 12px;
           padding-right: 10px;
 
           img {
             width: 20px;
             height: 20px;
             margin-right: 5px;
             float: left;
           }
 
           span {
             display: block;
             height: 100%;
             float: left;
             line-height: 20px;
           }
         }
       }
     }
   }
 
   .spotlight-user-buttons {
     display: table;
     margin: 10px auto;
 
     a {
       cursor: pointer;
     }
 
     a + a{
       margin-left: 5px;
     }
   }
 
   .loading-container {
     width: 100%;
     padding: 127px 0 128px 0;
 
     .ajax-loader {
       display: table;
       margin:  0 auto;
     }
   }
 
   &.v-two {
 
     .loading-container {
       padding: 88px 0 88px 0;
     }
 
     #spotlight-user {
       position: relative;
       padding-left: 200px;
       height: 200px;
       border: 1px solid #eee;
       background-color: white;
       border-radius: 5px;
       overflow: hidden;
 
       .user-container {
         width: 200px;
         height: 200px;
         margin: 0;
         position: absolute;
         left: 0;
         top: 0;
         padding: 20px 30px 0 30px;
         background-color: #eee;
         display: block;
 
         figure {
           width: 140px;
           height: 140px;
           position: relative;
           border-color: white;
         }
 
         h2 {
           float: left;
           width: 100%;
           height: auto;
           line-height: inherit;
           text-align: center;
           font-size: 20px;
         }
       }
 
       .product-container {
         background: #eee;
         border-radius: 5px;
         overflow: hidden;
         display: table;
         margin: 10px auto 20px auto;
         border: 1px solid #ccc;
         width: 100%;
         border: 0;
         background-color: transparent;
         padding: 11px 5px;
         margin: 0;
         height: 200px;
         border-radius: 0;
 
         .spotlight-user-product {
           width: 33.3% !important;
           height: 100% !important;
         }
       }
     }
   }
 }
 
 .content-version-two {
   padding: 0 !important;
 
   #main-content,
   #carousel-module-container {
     padding: 0 30px;
     float: left;
     width: 100%;
   }
 
   #main-content {
     margin-top: 15px;
     // background-color: #f9f6f6;
     // border-bottom: 1px solid #eee;
   }
 }
 
 #main-content {
   width: 100%;
   float: left;
 }
 
 @media (min-width:900px) and (max-width:1100px){
   .startpage-store {
     .sidebar-left {
       width: 100%;
       flex: none;
       border-bottom: 1px solid #ccc;
     }
     .content {
       width: 100%;
     }
   }
 }
 
 @media (min-width:700px) and (max-width:900px){
   .startpage-store {
     display: block;
     .sidebar-left {
       width: 100%;
       flex: none;
       border-bottom: 1px solid #ccc;
     }
     .content {
       width: 100%;
       #spotlight-product {
         .container {
           padding-left: 0;
           height: auto;
           max-width: 100%;
 
           .spotlight-image {
             position: relative;
             border-bottom: 1px solid #ccc;
             max-width: 100%;
 
             img {
               width: 100%;
               max-width: 100%;
             }
 
           }
         }
       }
     }
   }
 }
 
 @media (max-width:700px){
   .startpage-store {
     display: block;
     padding-right: 0;
 
     .sidebar-left {
       width: 100%;
       flex:none;
       border-bottom: 1px solid #ccc;
     }
 
     .content {
       width: 100%;
       border-bottom: 1px solid #ccc;
       padding: 10px;
 
       #spotlight-product {
         .container {
           padding-left: 0;
           height: auto;
           width: 100%;
 
           .spotlight-image {
             position: relative;
             border-bottom: 1px solid #ccc;
             max-width: 100%;
 
             img {
               width: 100%;
               max-width: 100%;
             }
           }
         }
       }
     }
 
     .sidebar-right {
       border:0;
       width: 320px;
       position: relative;
       margin: 0 auto;
       display: table;
       float: none;
     }
   }
 }
 
 @media (max-width:401px){
   #spotlight-product {
     max-width: 380px;
     .spotlight-image {
       max-width: 380px;
     }
   }
 }