diff --git a/httpdocs/theme/react/assets/css/homepage.css b/httpdocs/theme/react/assets/css/homepage.css index c4cd6dccd..3e5abb6c9 100644 --- a/httpdocs/theme/react/assets/css/homepage.css +++ b/httpdocs/theme/react/assets/css/homepage.css @@ -1 +1 @@ -.startpage-store{background-color:#f1f1f1}.startpage-store .sidebar-left{border:0}.startpage-store .content{padding:15px 30px 0 30px;min-width:400px !important;border-left:1px solid #ccc;background-color:white}.startpage-store .sidebar-right{padding:20px 0;min-width:auto !important}#opendesktop-homepage .container{width:100% !important;max-width:100% !important;padding:0}#spotlight-product{width:100%}#spotlight-product .container{width:100%;padding-left:300px;position:relative}#spotlight-product .container .spotlight-image{position:absolute;top:0;left:0}.product-carousel{padding-bottom:10px;border-bottom:1px solid #ccc}.product-carousel .product-carousel-header{height:auto;overflow:auto}.product-carousel .product-carousel-header h2{font-size:25px !important;float:left;display:block;width:auto;padding-right:20px;position:relative;width:auto !important;margin-bottom:20px}.product-carousel .product-carousel-header h2 a{color:#007aa6}.product-carousel .product-carousel-header h2 i,.product-carousel .product-carousel-header h2 span.glyphicon{display:inline-block;position:absolute;right:0;top:8px;font-size:16px}.product-carousel .product-carousel-wrapper{width:100%;height:120px;position:relative}.product-carousel .product-carousel-wrapper .product-carousel-left{position:absolute;top:0;left:0;height:100%}.product-carousel .product-carousel-wrapper .product-carousel-right{right:0;position:absolute;top:0;width:10px;height:100%}.product-carousel .product-carousel-wrapper .carousel-arrow{position:absolute;top:50%;width:50px;height:50px;margin-top:-35px;border-radius:100%;border:1px solid #ccc;background-color:white;z-index:10;margin-left:-25px;cursor:pointer;opacity:0;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}.product-carousel .product-carousel-wrapper .carousel-arrow i,.product-carousel .product-carousel-wrapper .carousel-arrow span.glyphicon{position:absolute;top:50%;left:50%;margin-left:-7px;margin-top:-7px}.product-carousel .product-carousel-wrapper .carousel-arrow:active{background-color:#e6e6e6}.product-carousel .product-carousel-wrapper:hover .carousel-arrow{opacity:1}.product-carousel .product-carousel-container{width:100%;overflow:hidden;position:relative;height:120px}.product-carousel .product-carousel-container .product-carousel-slider{position:absolute;top:0;left:0;height:120px;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}.product-carousel .product-carousel-container .product-carousel-item{float:left;height:120px}.product-carousel .product-carousel-container .product-carousel-item figure{margin:0;width:100%;float:left;margin-bottom:10px}.product-carousel .product-carousel-container .product-carousel-item figure img{height:48px;width:48px;float:left}.product-carousel .product-carousel-container .product-carousel-item .product-info span{display:block;float:left;width:100%;height:22px;line-height:22px}.product-carousel .product-carousel-container .product-carousel-item .product-info span.product-info-title{color:#007aa6;text-overflow:ellipsis;word-break:break-word;display:block;overflow:hidden;white-space:nowrap;padding-right:20px;font-size:16px}.product-carousel .product-carousel-container .product-carousel-item .product-info span.product-info-user{color:#666;font-size:15px} \ No newline at end of file +.startpage-store{background-color:#f1f1f1}.startpage-store .sidebar-left{border:0}.startpage-store .content{padding:15px 30px 0 30px;min-width:400px !important;border-left:1px solid #ccc;background-color:white}.startpage-store .sidebar-right{padding:20px 0;min-width:auto !important}#opendesktop-homepage .container{width:100% !important;max-width:100% !important;padding:0}#spotlight-product{width:100%;font-size:14px}#spotlight-product .container{width:100%;padding-left:300px;position:relative}#spotlight-product .container .spotlight-image{position:absolute;top:0;left:0}#spotlight-product .container .spotlight-info .user-info img{width:30px;height:30px;border-radius:50%;margin-right:10px}.product-carousel{padding-bottom:10px;border-bottom:1px solid #ccc}.product-carousel .product-carousel-header{height:auto;overflow:auto}.product-carousel .product-carousel-header h2{font-size:25px !important;float:left;display:block;width:auto;padding-right:20px;position:relative;width:auto !important;margin-bottom:20px}.product-carousel .product-carousel-header h2 a{color:#007aa6}.product-carousel .product-carousel-header h2 i,.product-carousel .product-carousel-header h2 span.glyphicon{display:inline-block;position:absolute;right:0;top:8px;font-size:16px}.product-carousel .product-carousel-wrapper{width:100%;height:120px;position:relative}.product-carousel .product-carousel-wrapper .product-carousel-left{position:absolute;top:0;left:0;height:100%}.product-carousel .product-carousel-wrapper .product-carousel-right{right:0;position:absolute;top:0;width:10px;height:100%}.product-carousel .product-carousel-wrapper .carousel-arrow{position:absolute;top:50%;width:50px;height:50px;margin-top:-35px;border-radius:100%;border:1px solid #ccc;background-color:white;z-index:10;margin-left:-25px;cursor:pointer;opacity:0;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}.product-carousel .product-carousel-wrapper .carousel-arrow i,.product-carousel .product-carousel-wrapper .carousel-arrow span.glyphicon{position:absolute;top:50%;left:50%;margin-left:-7px;margin-top:-7px}.product-carousel .product-carousel-wrapper .carousel-arrow:active{background-color:#e6e6e6}.product-carousel .product-carousel-wrapper:hover .carousel-arrow{opacity:1}.product-carousel .product-carousel-container{width:100%;overflow:hidden;position:relative;height:120px}.product-carousel .product-carousel-container .product-carousel-slider{position:absolute;top:0;left:0;height:120px;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}.product-carousel .product-carousel-container .product-carousel-item{float:left;height:120px}.product-carousel .product-carousel-container .product-carousel-item figure{margin:0;width:100%;float:left;margin-bottom:10px}.product-carousel .product-carousel-container .product-carousel-item figure img{height:48px;width:48px;float:left}.product-carousel .product-carousel-container .product-carousel-item .product-info span{display:block;float:left;width:100%;height:22px;line-height:22px}.product-carousel .product-carousel-container .product-carousel-item .product-info span.product-info-title{color:#007aa6;text-overflow:ellipsis;word-break:break-word;display:block;overflow:hidden;white-space:nowrap;padding-right:20px;font-size:16px}.product-carousel .product-carousel-container .product-carousel-item .product-info span.product-info-user{color:#666;font-size:15px} \ 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 ee933574a..29046779f 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","/Users/davidnelband/Sites/git/ocs-webserver/httpdocs/theme/react/assets/less/elements.less"],"names":[],"mappings":"AAEA,iBACE,yBADF,gBAGE,eACE,SAJJ,gBAOE,UACE,wBAAA,CACA,eAAA,YACA,0BAAA,CACA,uBAXJ,gBAcE,gBACE,cAAA,CACA,cAAA,YAIJ,qBACE,YACI,UAAA,YACA,cAAA,YACA,UAIN,mBACE,WADF,kBAEE,YACE,UAAA,CACA,kBAAA,CACA,kBALJ,kBAEE,WAKE,kBACE,iBAAA,CACA,KAAA,CACA,OAKN,kBACE,mBAAA,CACA,6BAFF,iBAIE,0BACE,WAAA,CACA,cANJ,iBAIE,yBAIE,IACE,cAAA,YACA,UAAA,CACA,aAAA,CACA,UAAA,CACA,kBAAA,CACA,iBAAA,CACA,UAAA,YACA,mBAhBN,iBAIE,yBAIE,GAUE,GACE,cAnBR,iBAIE,yBAIE,GAcE,GAtBN,iBAIE,yBAIE,GAeE,KAAI,WACF,oBAAA,CACA,iBAAA,CACA,OAAA,CACA,OAAA,CACA,eA5BR,iBAiCE,2BACE,UAAA,CACA,YAAA,CACA,kBApCJ,iBAiCE,0BAKE,wBACE,iBAAA,CACA,KAAA,CACA,MAAA,CACA,YA1CN,iBAiCE,0BAYE,yBACE,OAAA,CACA,iBAAA,CACA,KAAA,CACA,UAAA,CACA,YAlDN,iBAiCE,0BAoBE,iBACE,iBAAA,CACA,OAAA,CACA,UAAA,CACA,WAAA,CACA,gBAAA,CACA,kBAAA,CACA,qBAAA,CACA,sBAAA,CACA,UAAA,CACA,iBAAA,CACA,cAAA,CACA,SAAA,CCPF,mCAAA,CACA,gCAAA,CACA,8BAAA,CACA,4BD7DJ,iBAiCE,0BAoBE,gBAeE,GApEN,iBAiCE,0BAoBE,gBAgBE,KAAI,WACF,iBAAA,CACA,OAAA,CACA,QAAA,CACA,gBAAA,CACA,gBAGF,iBA5CJ,0BAoBE,gBAwBG,QACC,yBAIJ,iBAjDF,0BAiDG,MACC,iBACE,UApFR,iBAyFE,6BACE,UAAA,CACA,eAAA,CACA,iBAAA,CACA,aA7FJ,iBAyFE,4BAME,0BACE,iBAAA,CACA,KAAA,CACA,MAAA,CACA,YAAA,CCzCF,mCAAA,CACA,gCAAA,CACA,8BAAA,CACA,4BD7DJ,iBAyFE,4BAcE,wBACE,UAAA,CACA,aAzGN,iBAyFE,4BAcE,uBAIE,QACE,QAAA,CACA,UAAA,CACA,UAAA,CACA,mBA/GR,iBAyFE,4BAcE,uBAIE,OAME,KACE,WAAA,CACA,UAAA,CACA,WApHV,iBAyFE,4BAcE,uBAiBE,cACE,MACE,aAAA,CACA,UAAA,CACA,UAAA,CACA,WAAA,CACA,iBAEA,iBAvCR,4BAcE,uBAiBE,cACE,KAOG,oBACC,aAAA,CACA,sBAAA,CACA,qBAAA,CACA,aAAA,CACA,eAAA,CACA,kBAAA,CACA,kBAAA,CACA,eAGF,iBAlDR,4BAcE,uBAiBE,cACE,KAkBG,mBACC,UAAA,CACA"} \ No newline at end of file +{"version":3,"sources":["homepage.less","/Users/davidnelband/Sites/git/ocs-webserver/httpdocs/theme/react/assets/less/elements.less"],"names":[],"mappings":"AAEA,iBACE,yBADF,gBAGE,eACE,SAJJ,gBAOE,UACE,wBAAA,CACA,eAAA,YACA,0BAAA,CACA,uBAXJ,gBAcE,gBACE,cAAA,CACA,cAAA,YAIJ,qBACE,YACI,UAAA,YACA,cAAA,YACA,UAIN,mBACE,UAAA,CACA,eAFF,kBAIE,YACE,UAAA,CACA,kBAAA,CACA,kBAPJ,kBAIE,WAKE,kBACE,iBAAA,CACA,KAAA,CACA,OAZN,kBAIE,WAWE,gBACE,WACE,KACE,UAAA,CACA,WAAA,CACA,iBAAA,CACA,kBAOV,kBACE,mBAAA,CACA,6BAFF,iBAIE,0BACE,WAAA,CACA,cANJ,iBAIE,yBAIE,IACE,cAAA,YACA,UAAA,CACA,aAAA,CACA,UAAA,CACA,kBAAA,CACA,iBAAA,CACA,UAAA,YACA,mBAhBN,iBAIE,yBAIE,GAUE,GACE,cAnBR,iBAIE,yBAIE,GAcE,GAtBN,iBAIE,yBAIE,GAeE,KAAI,WACF,oBAAA,CACA,iBAAA,CACA,OAAA,CACA,OAAA,CACA,eA5BR,iBAiCE,2BACE,UAAA,CACA,YAAA,CACA,kBApCJ,iBAiCE,0BAKE,wBACE,iBAAA,CACA,KAAA,CACA,MAAA,CACA,YA1CN,iBAiCE,0BAYE,yBACE,OAAA,CACA,iBAAA,CACA,KAAA,CACA,UAAA,CACA,YAlDN,iBAiCE,0BAoBE,iBACE,iBAAA,CACA,OAAA,CACA,UAAA,CACA,WAAA,CACA,gBAAA,CACA,kBAAA,CACA,qBAAA,CACA,sBAAA,CACA,UAAA,CACA,iBAAA,CACA,cAAA,CACA,SAAA,CCpBF,mCAAA,CACA,gCAAA,CACA,8BAAA,CACA,4BDhDJ,iBAiCE,0BAoBE,gBAeE,GApEN,iBAiCE,0BAoBE,gBAgBE,KAAI,WACF,iBAAA,CACA,OAAA,CACA,QAAA,CACA,gBAAA,CACA,gBAGF,iBA5CJ,0BAoBE,gBAwBG,QACC,yBAIJ,iBAjDF,0BAiDG,MACC,iBACE,UApFR,iBAyFE,6BACE,UAAA,CACA,eAAA,CACA,iBAAA,CACA,aA7FJ,iBAyFE,4BAME,0BACE,iBAAA,CACA,KAAA,CACA,MAAA,CACA,YAAA,CCtDF,mCAAA,CACA,gCAAA,CACA,8BAAA,CACA,4BDhDJ,iBAyFE,4BAcE,wBACE,UAAA,CACA,aAzGN,iBAyFE,4BAcE,uBAIE,QACE,QAAA,CACA,UAAA,CACA,UAAA,CACA,mBA/GR,iBAyFE,4BAcE,uBAIE,OAME,KACE,WAAA,CACA,UAAA,CACA,WApHV,iBAyFE,4BAcE,uBAiBE,cACE,MACE,aAAA,CACA,UAAA,CACA,UAAA,CACA,WAAA,CACA,iBAEA,iBAvCR,4BAcE,uBAiBE,cACE,KAOG,oBACC,aAAA,CACA,sBAAA,CACA,qBAAA,CACA,aAAA,CACA,eAAA,CACA,kBAAA,CACA,kBAAA,CACA,eAGF,iBAlDR,4BAcE,uBAiBE,cACE,KAkBG,mBACC,UAAA,CACA"} \ 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 046a7c9c5..346b61ffb 100644 --- a/httpdocs/theme/react/assets/less/homepage.less +++ b/httpdocs/theme/react/assets/less/homepage.less @@ -1,196 +1,208 @@ out: ../css/homepage.css, sourcemap: true, compress: true @import "elements.less"; .startpage-store { background-color: #f1f1f1; .sidebar-left { border: 0; } .content { padding: 15px 30px 0 30px; min-width: 400px !important; border-left: 1px solid #ccc; background-color: white; } .sidebar-right { padding: 20px 0; min-width: auto !important; } } #opendesktop-homepage { .container { width: 100% !important; max-width: 100% !important; padding: 0; } } #spotlight-product { width: 100%; - + font-size: 14px; + .container { width: 100%; padding-left: 300px; position: relative; .spotlight-image { position: absolute; top: 0; left: 0; } + + .spotlight-info { + .user-info { + img { + width: 30px; + height: 30px; + border-radius: 50%; + margin-right: 10px; + } + } + } } } .product-carousel { padding-bottom: 10px; border-bottom: 1px solid #ccc; .product-carousel-header { height: auto; overflow: auto; h2 { font-size: 25px !important; float: left; display: block; width: auto; padding-right: 20px; position: relative; width: auto !important; margin-bottom: 20px; a { color: #007aa6; } i, span.glyphicon{ display: inline-block; position: absolute; right: 0; top: 8px; font-size: 16px; } } } .product-carousel-wrapper { width: 100%; height: 120px; position: relative; .product-carousel-left { position: absolute; top: 0; left: 0; height: 100%; } .product-carousel-right { right:0; position: absolute; top: 0; width: 10px; height: 100%; } .carousel-arrow { position: absolute; top: 50%; width: 50px; height: 50px; margin-top: -35px; border-radius: 100%; border:1px solid #ccc; background-color: white; z-index: 10; margin-left: -25px; cursor: pointer; opacity: 0; .transition(); i , span.glyphicon { position: absolute; top: 50%; left: 50%; margin-left: -7px; margin-top: -7px; } &:active { background-color: darken(white,10%); } } &:hover { .carousel-arrow { opacity: 1; } } } .product-carousel-container { width: 100%; overflow: hidden; position: relative; height: 120px; .product-carousel-slider { position: absolute; top: 0; left: 0; height: 120px; .transition(); } .product-carousel-item { float: left; height: 120px; figure { margin: 0; width: 100%; float: left; margin-bottom: 10px; img { height: 48px; width: 48px; float: left; } } .product-info { span { display: block; float: left; width: 100%; height: 22px; line-height: 22px; &.product-info-title { color: #007aa6; text-overflow: ellipsis; word-break: break-word; display: block; overflow: hidden; white-space: nowrap; padding-right: 20px; font-size: 16px; } &.product-info-user { color: #666; font-size: 15px; } } } } } }