diff --git a/httpdocs/theme/react/assets/css/homepage.css b/httpdocs/theme/react/assets/css/homepage.css index 2d67cd547..07f098940 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;float:left;width:16.5%;padding:20px 15px 20px 15px}.startpage-store .content{padding:15px 30px 0 30px;min-width:400px !important;border-left:1px solid #ccc;background-color:white;float:left;width:58%}.startpage-store .sidebar-right{padding:20px 0;min-width:auto !important;width:25.5%;float:right;padding:20px 15px}#opendesktop-homepage .container{width:100% !important;max-width:100% !important;padding:0}#spotlight-product{width:100%;font-size:14px}#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}#spotlight-product .container .spotlight-info{float:left;padding:10px;width:100%;height:230px;position:relative}#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 .info-top{padding-right:40%;position:relative}#spotlight-product .container .spotlight-info .info-top h2,#spotlight-product .container .spotlight-info .info-top h3{margin:0;font-size:17px}#spotlight-product .container .spotlight-info .info-top .user-info{margin:20px 0}#spotlight-product .container .spotlight-info .info-top .user-info img{width:30px;height:30px;border-radius:50%;margin-right:10px}#spotlight-product .container .spotlight-info .info-top .score-info{width:40%;position:absolute;top:20px;right:0}#spotlight-product .container .spotlight-info .info-top .score-info .score-number{width:100%;text-align:center;margin-bottom:5px}#spotlight-product .container .spotlight-info .info-top .score-info .score-bar-container{width:100%;height:10px;background:#ccc;margin-bottom:5px}#spotlight-product .container .spotlight-info .info-top .score-info .score-bar-container .score-bar{height:9px;background-color:#30c830;border-bottom:1px solid #2bb32b}.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}@media (min-width:755px) and (max-width:910px){.startpage-store .content{padding:15px 30px 0 30px;min-width:400px !important;border-left:1px solid #ccc;background-color:white;float:left;width:53%}.startpage-store .sidebar-right{width:30.5%}}@media (min-width:600px) and (max-width:755px){.startpage-store .sidebar-left{width:25%}.startpage-store .content{padding:15px 30px 0 30px;min-width:400px !important;border-left:1px solid #ccc;background-color:white;float:left;width:75%}.startpage-store .sidebar-right{width:100%}} \ No newline at end of file +.startpage-store{background-color:#f1f1f1}.startpage-store .sidebar-left{border:0;float:left;width:16.5%;padding:20px 15px 20px 15px}.startpage-store .content{padding:15px 30px 0 30px;min-width:400px !important;border-left:1px solid #ccc;background-color:white;float:left;width:58%}.startpage-store .sidebar-right{padding:20px 0;min-width:auto !important;width:25.5%;float:right;padding:20px 15px}#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}#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}#spotlight-product .container .spotlight-info{float:left;padding:10px;width:100%;height:230px;position:relative}#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 .info-top{padding-right:40%;position:relative}#spotlight-product .container .spotlight-info .info-top h2,#spotlight-product .container .spotlight-info .info-top h3{margin:0;font-size:17px}#spotlight-product .container .spotlight-info .info-top .user-info{margin:20px 0}#spotlight-product .container .spotlight-info .info-top .user-info img{width:30px;height:30px;border-radius:50%;margin-right:10px}#spotlight-product .container .spotlight-info .info-top .score-info{width:40%;position:absolute;top:20px;right:0}#spotlight-product .container .spotlight-info .info-top .score-info .score-number{width:100%;text-align:center;margin-bottom:5px}#spotlight-product .container .spotlight-info .info-top .score-info .score-bar-container{width:100%;height:10px;background:#ccc;margin-bottom:5px}#spotlight-product .container .spotlight-info .info-top .score-info .score-bar-container .score-bar{height:9px;background-color:#30c830;border-bottom:1px solid #2bb32b}.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}@media (min-width:755px) and (max-width:910px){.startpage-store .content{width:53%}.startpage-store .sidebar-right{width:30.5%}}@media (min-width:600px) and (max-width:755px){.startpage-store .sidebar-left{width:25%}.startpage-store .content{width:75%}.startpage-store .sidebar-right{width:100%}} \ 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 70db1ef51..cb78cda4c 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":"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"} \ 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":"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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 730394290..166d31c5b 100644 --- a/httpdocs/theme/react/assets/less/homepage.less +++ b/httpdocs/theme/react/assets/less/homepage.less @@ -1,304 +1,314 @@ out: ../css/homepage.css, sourcemap: true, compress: true @import "elements.less"; .startpage-store { background-color: #f1f1f1; .sidebar-left { border: 0; float: left; width: 16.5%; padding: 20px 15px 20px 15px; } .content { padding: 15px 30px 0 30px; min-width: 400px !important; border-left: 1px solid #ccc; background-color: white; float: left; width: 58%; } .sidebar-right { padding: 20px 0; min-width: auto !important; width: 25.5%; float: right; padding: 20px 15px; } } #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; .container { padding-left: 300px; height: 230px; position: relative; border: 1px solid #DFDCDA; border-radius: 5px; .spotlight-image { position: absolute; top: 0; left: 0; } .spotlight-info { float: left; padding: 10px; width: 100%; height: 230px; position: relative; .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; } .info-top { padding-right: 40%; position: relative; h2,h3 { margin: 0; font-size: 17px; } .user-info { margin: 20px 0; img { width: 30px; height: 30px; border-radius: 50%; margin-right: 10px; } } .score-info { width: 40%; position: absolute; top: 20px; right: 0; .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%); } } } } } } } .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; } } } } } } @media (min-width:755px) and (max-width:910px){ .startpage-store { .content { width: 53%; } .sidebar-right { width: 30.5%; } } } @media (min-width:600px) and (max-width:755px){ .startpage-store { .sidebar-left { width: 25%; } .content { width: 75%; } .sidebar-right { width: 100%; } } }