Warning, /webapps/ocs-webserver/httpdocs/theme/react/assets/less/carousel.less is written in an unsupported language. File is not indexed.
0001 // out: ../css/carousel.css, sourcemap: true, compress: true
0002 @import "elements.less";
0003
0004 .score-info {
0005 text-align: center;
0006
0007 .score-number {
0008 width: 100%;
0009 text-align: center;
0010 margin-bottom: 5px;
0011 }
0012
0013 .score-bar-container {
0014 width: 100%;
0015 height: 10px;
0016 background: #ccc;
0017 margin-bottom: 5px;
0018
0019 .score-bar {
0020 height: 9px;
0021 background-color: #30c830;
0022 border-bottom: 1px solid darken( #30c830,5%);
0023 }
0024 }
0025 }
0026
0027
0028 #carousel-module-container {
0029 width: 100%;
0030 float: left;
0031 position: relative;
0032
0033 #carousels-module {
0034 width: 100%;
0035 float: left;
0036 position: relative;
0037 }
0038
0039 .container {
0040 width: 100% !important;
0041 max-width: 100% !important;
0042 padding: 0;
0043 }
0044
0045 .product-carousel {
0046 padding-bottom: 10px;
0047 border-bottom: 0px solid #ccc;
0048
0049 .product-carousel-header {
0050 height: auto;
0051 overflow: auto;
0052 width: 100%;
0053
0054 h2 {
0055 font-size: 25px !important;
0056 float: left;
0057 display: block;
0058 width: auto;
0059 padding-right: 20px;
0060 position: relative;
0061 width: auto !important;
0062 margin-bottom: 20px;
0063 line-height: 30px;
0064
0065 a {
0066 color: #007aa6;
0067 }
0068
0069 i,
0070 span.glyphicon{
0071 display: inline-block;
0072 position: absolute;
0073 right: 0;
0074 top: 8px;
0075 font-size: 16px;
0076 }
0077 }
0078 }
0079
0080 .product-carousel-wrapper {
0081 width: 100%;
0082 height: 120px;
0083 position: relative;
0084
0085 .product-carousel-left {
0086 position: absolute;
0087 top: 0;
0088 left: 0;
0089 height: 100%;
0090 }
0091
0092 .product-carousel-right {
0093 right:0;
0094 position: absolute;
0095 top: 0;
0096 width: 10px;
0097 height: 100%;
0098 }
0099
0100 .carousel-arrow {
0101 position: absolute;
0102 top: 50%;
0103 width: 50px;
0104 height: 50px;
0105 margin-top: -35px;
0106 border-radius: 100%;
0107 border:1px solid #ccc;
0108 background-color: white;
0109 z-index: 10;
0110 margin-left: -25px;
0111 cursor: pointer;
0112 opacity: 1 !important;
0113 .transition();
0114
0115 i ,
0116 span.glyphicon {
0117 position: absolute;
0118 top: 50%;
0119 left: 50%;
0120 margin-left: -7px;
0121 margin-top: -7px;
0122 color: #2673b0;
0123 }
0124
0125 &:active {
0126 background-color: darken(white,10%);
0127 }
0128
0129 &.disabled {
0130 color: darkgray;
0131 }
0132 }
0133
0134 &:hover {
0135 .carousel-arrow {
0136 opacity: 1;
0137 }
0138 }
0139 }
0140
0141 .product-carousel-container {
0142 width: 100%;
0143 overflow: hidden;
0144 position: relative;
0145 height: 120px;
0146
0147 .product-carousel-slider {
0148 position: absolute;
0149 top: 0;
0150 left: 0;
0151 height: 120px;
0152 .transition();
0153 }
0154
0155 .product-carousel-item {
0156 float: left;
0157 height: 120px;
0158
0159 figure {
0160 margin: 0;
0161 width: 100%;
0162 float: left;
0163 margin-bottom: 10px;
0164
0165 img {
0166 height: 48px;
0167 width: 48px;
0168 float: left;
0169 }
0170 }
0171
0172 .product-info {
0173
0174 span {
0175 display: block;
0176 float: left;
0177 width: 100%;
0178 line-height: 14px;
0179 height: auto;
0180
0181 &.product-info-title {
0182 color: #007aa6;
0183 display: block;
0184 }
0185
0186 &.product-info-user {
0187 color: #666;
0188 }
0189 }
0190 }
0191 }
0192 }
0193
0194 &.one {
0195
0196 .product-carousel-container .product-carousel-item .product-info span {
0197 height: 22px;
0198 line-height: 22px;
0199 }
0200
0201 .product-carousel-container .product-carousel-item .product-info span.product-info-title {
0202 text-overflow: ellipsis;
0203 word-break: break-word;
0204 overflow: hidden;
0205 white-space: nowrap;
0206 padding-right: 20px;
0207 font-size: 16px;
0208 }
0209
0210 .product-carousel-container .product-carousel-item .product-info span.product-info-user {
0211 font-size: 15px;
0212 }
0213 }
0214
0215 &.two {
0216 .product-carousel-wrapper {
0217 height: 220px;
0218 }
0219 .product-carousel-container {
0220 height: inherit !important;
0221 .product-carousel-slider {
0222 height: inherit !important;
0223 .product-carousel-item {
0224 padding: 10px;
0225 height: inherit !important;
0226
0227 .product-carousel-item-wrapper {
0228 width: 100%;
0229 height: 100%;
0230 border: 1px solid #ccc;
0231 border-radius: 5px;
0232 position: relative;
0233 }
0234
0235 a {
0236 display: block;
0237 width: 100%;
0238 height: inherit !important;
0239 }
0240
0241 figure {
0242 border-bottom: 1px solid #ccc;
0243 margin-bottom: 0;
0244 height: 50%;
0245 overflow: hidden;
0246 position: absolute;
0247 top: 0;
0248 left: 0;
0249 width: 100%;
0250
0251 img {
0252 height: 100%;
0253 width: 100%;
0254 }
0255 }
0256
0257 .product-info {
0258 height: 100%;
0259 padding: 5px;
0260 font-size: 14px;
0261 position: relative;
0262
0263 span {
0264 color: #888;
0265 font-size: 12px;
0266
0267 &.product-info-title {
0268 max-height: 37px;
0269 overflow: hidden;
0270 margin-bottom: 5px;
0271 color: #007aa6;
0272 }
0273 }
0274
0275 .score-info {
0276 position: absolute;
0277 bottom: 5px;
0278 width: 40%;
0279 right: 5px;
0280
0281 .score-number {
0282 margin-bottom: 2px;
0283 font-size: 11px;
0284 line-height: 12px;
0285 color: #2673b0;
0286 }
0287 }
0288
0289 .plings
0290 {
0291 position: absolute;
0292 bottom: 5px;
0293 left: 5px;
0294 img{
0295 width: 20px;
0296 height: 20px;
0297 }
0298 }
0299
0300 }
0301 }
0302 }
0303 }
0304 }
0305 }
0306
0307 &.app-images-hub {
0308 float: none;
0309 margin: 0 auto;
0310 padding: 0 10px;
0311 display: none !important;
0312 }
0313 }