diff --git a/httpdocs/theme/react/assets/css/homepage.css b/httpdocs/theme/react/assets/css/homepage.css index 5057e7608..1a91209d4 100644 --- a/httpdocs/theme/react/assets/css/homepage.css +++ b/httpdocs/theme/react/assets/css/homepage.css @@ -1 +1 @@ -.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}.startpage-store .sidebar-left{border:0;float:left;width:20%;padding:20px 15px 20px 15px;flex:1}.startpage-store .content{padding:15px 30px 0 30px;min-width:400px !important;border-left:1px solid #ccc;background-color:white;float:left;width:80%}.startpage-store .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-info .score-number{width:100%;text-align:center;margin-bottom:5px}.score-info .score-bar-container{width:100%;height:10px;background:#ccc;margin-bottom:5px}.score-info .score-bar-container .score-bar{height:9px;background-color:#30c830;border-bottom:1px solid #2bb32b}#opendesktop-homepage .container{width:100% !important;max-width:100% !important;padding:0}#opendesktop-homepage .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}#spotlight-product .container{padding-left:300px;height:230px;position:relative;border:1px solid #DFDCDA;border-radius:5px}#spotlight-product .container .spotlight-image{position:absolute;top:0;left:0;overflow:hidden;width:300px;height:230px}#spotlight-product .container .spotlight-image .product-image{filter:blur(2px);width:100%;height:100%}#spotlight-product .container .spotlight-image 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:0 2px 5px rgba(0,0,0,0.5)}#spotlight-product .container .spotlight-image figure.user-avatar img{width:100%;height:100%;background-color:#eee}#spotlight-product .container .spotlight-info{float:left;padding:10px;width:100%;height:230px;overflow:hidden;padding-bottom:30px}#spotlight-product .container .spotlight-info .spotlight-info-wrapper{overflow:hidden;width:100%;height:100%}#spotlight-product .container .spotlight-info .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}#spotlight-product .container .spotlight-info .featured-label.plinged{background-color:#ee6d09}#spotlight-product .container .spotlight-info .info-top{padding-right:40%;position:relative;margin-bottom:20px}#spotlight-product .container .spotlight-info .info-top h2,#spotlight-product .container .spotlight-info .info-top h3{margin:0;font-weight:normal}#spotlight-product .container .spotlight-info .info-top h2{font-size:15px;margin-bottom:3px}#spotlight-product .container .spotlight-info .info-top h3{font-size:13px}#spotlight-product .container .spotlight-info .info-top .user-info{margin:20px 0 5px 0}#spotlight-product .container .spotlight-info .info-top .user-info img{width:30px;height:30px;border-radius:50%;margin-right:10px;box-shadow:0 2px 2px rgba(0,0,0,0.5)}#spotlight-product .container .spotlight-info .info-top .score-info{width:40%;position:absolute;top:20px;right:0}#spotlight-product .container .spotlight-info .spotlight-menu{position:absolute;bottom:0;right:0;padding:5px}#spotlight-product .container .spotlight-info .spotlight-menu a{margin-left:5px;cursor:pointer}#spotlight-product .container.dummy-product .spotlight-image{background-color:#eee}#spotlight-product .container.dummy-product .spotlight-info .spotlight-info-wrapper .info-top{padding-right:40%;position:relative;margin-bottom:20px;float:left;width:100%}#spotlight-product .container.dummy-product .spotlight-info .spotlight-info-wrapper .info-top h2{height:16px;width:80%;background-color:#eee;margin-bottom:5px}#spotlight-product .container.dummy-product .spotlight-info .spotlight-info-wrapper .info-top h3{height:14px;width:90%;background-color:#eee}#spotlight-product .container.dummy-product .spotlight-info .spotlight-info-wrapper .info-top .user-info{float:left;width:100%;margin-bottom:10px}#spotlight-product .container.dummy-product .spotlight-info .spotlight-info-wrapper .info-top .user-info 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)}#spotlight-product .container.dummy-product .spotlight-info .spotlight-info-wrapper .info-top .user-info figure span{font-size:24px;text-align:center}#spotlight-product .container.dummy-product .spotlight-info .spotlight-info-wrapper .info-top .user-info>span{height:12px;display:block;width:30%;float:left;background-color:#eee;margin:8px 0 0 10px}#spotlight-product .container.dummy-product .spotlight-info .spotlight-info-wrapper .info-top .comments-count{display:block;float:left;width:50%;background-color:#eee;height:12px}#spotlight-product .container.dummy-product .spotlight-info .spotlight-info-wrapper .score-info .score-bar-container .score-bar{height:9px;background-color:#eee;border-bottom:0}#spotlight-product .container.dummy-product .spotlight-info .spotlight-info-wrapper .info-description{float:left;width:100%}#spotlight-product .container.dummy-product .spotlight-info .spotlight-info-wrapper .info-description span{height:12px;display:block;float:left;background-color:#eee;width:100%;margin-bottom:5px}#spotlight-product .container.dummy-product .spotlight-info .spotlight-info-wrapper .info-description span.half{width:60%}#spotlight-product #loading-container{width:100%;height:230px;float:left}#spotlight-product #loading-container .ajax-loader{display:table;margin:95px auto;float:none}#spotlight-user-container{max-width:800px;margin:0 auto}#spotlight-user-container #spotlight-user .user-container{padding-left:90px;position:relative;margin-bottom:10px;width:auto;height:80px;display:table;margin:0 auto}#spotlight-user-container #spotlight-user .user-container 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}#spotlight-user-container #spotlight-user .user-container figure img{width:100%;height:100%}#spotlight-user-container #spotlight-user .user-container h2{margin:0;height:80px;line-height:80px;font-size:24px}#spotlight-user-container #spotlight-user .products-container{background:#eee;border-radius:5px;overflow:hidden;display:table;margin:10px auto 20px auto;border:1px solid #ccc}#spotlight-user-container #spotlight-user .products-container .spotlight-user-product{float:left;overflow:hidden;position:relative}#spotlight-user-container #spotlight-user .products-container .spotlight-user-product figure{width:100%;height:100%}#spotlight-user-container #spotlight-user .products-container .spotlight-user-product figure img{width:100%;height:100%}#spotlight-user-container #spotlight-user .products-container .spotlight-user-product .product-title-overlay{padding:5px;position:absolute;bottom:0;left:0;z-index:100;width:100%}#spotlight-user-container #spotlight-user .products-container .spotlight-user-product .product-title-overlay .product-title{padding:5px 10px;background-color:rgba(0,0,0,0.5);color:white;min-height:44px;font-size:14px;border-radius:3px}#spotlight-user-container #spotlight-user .products-container .spotlight-user-product .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}#spotlight-user-container #spotlight-user .products-container .spotlight-user-product .product-plings-counter img{width:20px;height:20px;margin-right:5px;float:left}#spotlight-user-container #spotlight-user .products-container .spotlight-user-product .product-plings-counter span{display:block;height:100%;float:left;line-height:20px}#spotlight-user-container .spotlight-user-buttons{display:table;margin:10px auto}#spotlight-user-container .spotlight-user-buttons a{cursor:pointer}#spotlight-user-container .spotlight-user-buttons a+a{margin-left:5px}#spotlight-user-container .loading-container{width:100%;padding:127px 0 128px 0}#spotlight-user-container .loading-container .ajax-loader{display:table;margin:0 auto}#spotlight-user-container.v-two .loading-container{padding:88px 0 88px 0}#spotlight-user-container.v-two #spotlight-user{position:relative;padding-left:200px;height:200px;border:1px solid #eee;background-color:white;border-radius:5px;overflow:hidden}#spotlight-user-container.v-two #spotlight-user .user-container{width:200px;height:200px;margin:0;position:absolute;left:0;top:0;padding:20px 30px 0 30px;background-color:#eee;display:block}#spotlight-user-container.v-two #spotlight-user .user-container figure{width:140px;height:140px;position:relative;border-color:white}#spotlight-user-container.v-two #spotlight-user .user-container h2{float:left;width:100%;height:auto;line-height:inherit;text-align:center;font-size:20px}#spotlight-user-container.v-two #spotlight-user .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-container.v-two #spotlight-user .product-container .spotlight-user-product{width:33.3% !important;height:100% !important}.content-version-two{padding:0 !important}.content-version-two #main-content,.content-version-two #carousel-module-container{padding:0 30px;float:left;width:100%}.content-version-two #main-content{margin-top:15px}#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}.startpage-store .content{width:100%}}@media (min-width:700px) and (max-width:900px){.startpage-store{display:block}.startpage-store .sidebar-left{width:100%;flex:none;border-bottom:1px solid #ccc}.startpage-store .content{width:100%}.startpage-store .content #spotlight-product .container{padding-left:0;height:auto;max-width:100%}.startpage-store .content #spotlight-product .container .spotlight-image{position:relative;border-bottom:1px solid #ccc;max-width:100%}.startpage-store .content #spotlight-product .container .spotlight-image img{width:100%;max-width:100%}}@media (max-width:700px){.startpage-store{display:block;padding-right:0}.startpage-store .sidebar-left{width:100%;flex:none;border-bottom:1px solid #ccc}.startpage-store .content{width:100%;border-bottom:1px solid #ccc;padding:10px}.startpage-store .content #spotlight-product .container{padding-left:0;height:auto;width:100%}.startpage-store .content #spotlight-product .container .spotlight-image{position:relative;border-bottom:1px solid #ccc;max-width:100%}.startpage-store .content #spotlight-product .container .spotlight-image img{width:100%;max-width:100%}.startpage-store .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-product .spotlight-image{max-width:380px}} \ No newline at end of file +.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}.startpage-store .sidebar-left{border:0;float:left;width:20%;padding:20px 15px 20px 15px;flex:1}.startpage-store .content{padding:15px 30px 0 30px;min-width:400px !important;border-left:1px solid #ccc;background-color:white;float:left;width:80%}.startpage-store .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-info .score-number{width:100%;text-align:center;margin-bottom:5px}.score-info .score-bar-container{width:100%;height:10px;background:#ccc;margin-bottom:5px}.score-info .score-bar-container .score-bar{height:9px;background-color:#30c830;border-bottom:1px solid #2bb32b}#opendesktop-homepage .container{width:100% !important;max-width:100% !important;padding:0}#opendesktop-homepage .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}#spotlight-product .container{padding-left:300px;height:230px;position:relative;border:1px solid #DFDCDA;border-radius:5px}#spotlight-product .container .spotlight-image{position:absolute;top:0;left:0;overflow:hidden;width:300px;height:230px}#spotlight-product .container .spotlight-image .product-image{filter:blur(2px);width:100%;height:100%}#spotlight-product .container .spotlight-image 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:0 2px 5px rgba(0,0,0,0.5)}#spotlight-product .container .spotlight-image figure.user-avatar img{width:100%;height:100%;background-color:#eee}#spotlight-product .container .spotlight-info{float:left;padding:10px;width:100%;height:230px;overflow:hidden;padding-bottom:30px}#spotlight-product .container .spotlight-info .spotlight-info-wrapper{overflow:hidden;width:100%;height:100%}#spotlight-product .container .spotlight-info .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}#spotlight-product .container .spotlight-info .featured-label.plinged{background-color:#ee6d09}#spotlight-product .container .spotlight-info .info-top{padding-right:40%;position:relative;margin-bottom:20px}#spotlight-product .container .spotlight-info .info-top h2,#spotlight-product .container .spotlight-info .info-top h3{margin:0;font-weight:normal}#spotlight-product .container .spotlight-info .info-top h2{font-size:15px;margin-bottom:3px}#spotlight-product .container .spotlight-info .info-top h3{font-size:13px}#spotlight-product .container .spotlight-info .info-top .user-info{margin:20px 0 5px 0}#spotlight-product .container .spotlight-info .info-top .user-info img{width:30px;height:30px;border-radius:50%;margin-right:10px;box-shadow:0 2px 2px rgba(0,0,0,0.5)}#spotlight-product .container .spotlight-info .info-top .score-info{width:40%;position:absolute;top:20px;right:0}#spotlight-product .container .spotlight-info .spotlight-menu{position:absolute;bottom:0;right:0;padding:5px}#spotlight-product .container .spotlight-info .spotlight-menu a{margin-left:5px;cursor:pointer}#spotlight-product .container.dummy-product .spotlight-image{background-color:#eee}#spotlight-product .container.dummy-product .spotlight-image figure .ajax-loader{margin:68px auto}#spotlight-product .container.dummy-product .spotlight-info .spotlight-info-wrapper .info-top{padding-right:40%;position:relative;margin-bottom:20px;float:left;width:100%}#spotlight-product .container.dummy-product .spotlight-info .spotlight-info-wrapper .info-top h2{height:16px;width:80%;background-color:#eee;margin-bottom:5px}#spotlight-product .container.dummy-product .spotlight-info .spotlight-info-wrapper .info-top h3{height:14px;width:90%;background-color:#eee}#spotlight-product .container.dummy-product .spotlight-info .spotlight-info-wrapper .info-top .user-info{float:left;width:100%;margin-bottom:10px}#spotlight-product .container.dummy-product .spotlight-info .spotlight-info-wrapper .info-top .user-info 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)}#spotlight-product .container.dummy-product .spotlight-info .spotlight-info-wrapper .info-top .user-info figure span{font-size:24px;text-align:center}#spotlight-product .container.dummy-product .spotlight-info .spotlight-info-wrapper .info-top .user-info>span{height:12px;display:block;width:30%;float:left;background-color:#eee;margin:8px 0 0 10px}#spotlight-product .container.dummy-product .spotlight-info .spotlight-info-wrapper .info-top .comments-count{display:block;float:left;width:50%;background-color:#eee;height:12px}#spotlight-product .container.dummy-product .spotlight-info .spotlight-info-wrapper .score-info .score-bar-container .score-bar{height:9px;background-color:#eee;border-bottom:0}#spotlight-product .container.dummy-product .spotlight-info .spotlight-info-wrapper .info-description{float:left;width:100%}#spotlight-product .container.dummy-product .spotlight-info .spotlight-info-wrapper .info-description span{height:12px;display:block;float:left;background-color:#eee;width:100%;margin-bottom:5px}#spotlight-product .container.dummy-product .spotlight-info .spotlight-info-wrapper .info-description span.half{width:60%}#spotlight-product #loading-container{width:100%;height:230px;float:left}#spotlight-product #loading-container .ajax-loader{display:table;margin:95px auto;float:none}#spotlight-user-container{max-width:800px;margin:0 auto}#spotlight-user-container #spotlight-user .user-container{padding-left:90px;position:relative;margin-bottom:10px;width:auto;height:80px;display:table;margin:0 auto}#spotlight-user-container #spotlight-user .user-container 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}#spotlight-user-container #spotlight-user .user-container figure img{width:100%;height:100%}#spotlight-user-container #spotlight-user .user-container h2{margin:0;height:80px;line-height:80px;font-size:24px}#spotlight-user-container #spotlight-user .products-container{background:#eee;border-radius:5px;overflow:hidden;display:table;margin:10px auto 20px auto;border:1px solid #ccc}#spotlight-user-container #spotlight-user .products-container .spotlight-user-product{float:left;overflow:hidden;position:relative}#spotlight-user-container #spotlight-user .products-container .spotlight-user-product figure{width:100%;height:100%}#spotlight-user-container #spotlight-user .products-container .spotlight-user-product figure img{width:100%;height:100%}#spotlight-user-container #spotlight-user .products-container .spotlight-user-product .product-title-overlay{padding:5px;position:absolute;bottom:0;left:0;z-index:100;width:100%}#spotlight-user-container #spotlight-user .products-container .spotlight-user-product .product-title-overlay .product-title{padding:5px 10px;background-color:rgba(0,0,0,0.5);color:white;min-height:44px;font-size:14px;border-radius:3px}#spotlight-user-container #spotlight-user .products-container .spotlight-user-product .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}#spotlight-user-container #spotlight-user .products-container .spotlight-user-product .product-plings-counter img{width:20px;height:20px;margin-right:5px;float:left}#spotlight-user-container #spotlight-user .products-container .spotlight-user-product .product-plings-counter span{display:block;height:100%;float:left;line-height:20px}#spotlight-user-container .spotlight-user-buttons{display:table;margin:10px auto}#spotlight-user-container .spotlight-user-buttons a{cursor:pointer}#spotlight-user-container .spotlight-user-buttons a+a{margin-left:5px}#spotlight-user-container .loading-container{width:100%;padding:127px 0 128px 0}#spotlight-user-container .loading-container .ajax-loader{display:table;margin:0 auto}#spotlight-user-container.v-two .loading-container{padding:88px 0 88px 0}#spotlight-user-container.v-two #spotlight-user{position:relative;padding-left:200px;height:200px;border:1px solid #eee;background-color:white;border-radius:5px;overflow:hidden}#spotlight-user-container.v-two #spotlight-user .user-container{width:200px;height:200px;margin:0;position:absolute;left:0;top:0;padding:20px 30px 0 30px;background-color:#eee;display:block}#spotlight-user-container.v-two #spotlight-user .user-container figure{width:140px;height:140px;position:relative;border-color:white}#spotlight-user-container.v-two #spotlight-user .user-container h2{float:left;width:100%;height:auto;line-height:inherit;text-align:center;font-size:20px}#spotlight-user-container.v-two #spotlight-user .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-container.v-two #spotlight-user .product-container .spotlight-user-product{width:33.3% !important;height:100% !important}.content-version-two{padding:0 !important}.content-version-two #main-content,.content-version-two #carousel-module-container{padding:0 30px;float:left;width:100%}.content-version-two #main-content{margin-top:15px}#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}.startpage-store .content{width:100%}}@media (min-width:700px) and (max-width:900px){.startpage-store{display:block}.startpage-store .sidebar-left{width:100%;flex:none;border-bottom:1px solid #ccc}.startpage-store .content{width:100%}.startpage-store .content #spotlight-product .container{padding-left:0;height:auto;max-width:100%}.startpage-store .content #spotlight-product .container .spotlight-image{position:relative;border-bottom:1px solid #ccc;max-width:100%}.startpage-store .content #spotlight-product .container .spotlight-image img{width:100%;max-width:100%}}@media (max-width:700px){.startpage-store{display:block;padding-right:0}.startpage-store .sidebar-left{width:100%;flex:none;border-bottom:1px solid #ccc}.startpage-store .content{width:100%;border-bottom:1px solid #ccc;padding:10px}.startpage-store .content #spotlight-product .container{padding-left:0;height:auto;width:100%}.startpage-store .content #spotlight-product .container .spotlight-image{position:relative;border-bottom:1px solid #ccc;max-width:100%}.startpage-store .content #spotlight-product .container .spotlight-image img{width:100%;max-width:100%}.startpage-store .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-product .spotlight-image{max-width:380px}} \ No newline at end of file diff --git a/httpdocs/theme/react/assets/css/homepage.css.map b/httpdocs/theme/react/assets/css/homepage.css.map index d9d2a6afd..75570b89c 100644 --- a/httpdocs/theme/react/assets/css/homepage.css.map +++ b/httpdocs/theme/react/assets/css/homepage.css.map @@ -1 +1 @@ -{"version":3,"sources":["homepage.less"],"names":[],"mappings":"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"} \ No newline at end of file +{"version":3,"sources":["homepage.less"],"names":[],"mappings":"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"} \ No newline at end of file diff --git a/httpdocs/theme/react/assets/less/homepage.less b/httpdocs/theme/react/assets/less/homepage.less index 7454c6866..d03704d28 100644 --- a/httpdocs/theme/react/assets/less/homepage.less +++ b/httpdocs/theme/react/assets/less/homepage.less @@ -1,658 +1,663 @@ 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; + 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; } } }