Warning, /webapps/ocs-webserver/httpdocs/widget/style.less is written in an unsupported language. File is not indexed.
0001 #opendesktop-widget-container{
0002 line-height: 1.231;
0003 color: #4e4e4e;
0004 font-family: 'Open Sans',sans-serif;
0005 font-size: 12px;
0006 a{
0007 color: #337ab7;
0008 }
0009 a:link {
0010 text-decoration: none;
0011 }
0012 .hide{
0013 display: none !important;
0014 }
0015
0016 i.fa-spinner{
0017 font-size: 30px;
0018 }
0019
0020 i.fa-angle-double-left{
0021 font-size: 20px;
0022 padding-right: 10px;
0023 }
0024 .slick-prev:before, .slick-next:before {
0025 color:#ccc !important;
0026 }
0027 .slick-slide{
0028 img{
0029 margin: 0 auto;
0030 }
0031 }
0032 button.gonext, button.goprev{
0033
0034 position: absolute;
0035 top: 50%;
0036 display: block;
0037 width: 40px;
0038 height: 80px;
0039 padding: 0;
0040 -webkit-transform: translate(0, -50%);
0041 -ms-transform: translate(0, -50%);
0042 transform: translate(0, -50%);
0043 cursor: pointer;
0044 color: #ccc;
0045 border: none;
0046 outline: none;
0047 background: transparent;
0048 font-size: 4em;
0049
0050 }
0051
0052 button.gonext{
0053 right: -40px;
0054 }
0055 button.goprev{
0056 left: -40px;
0057 }
0058 .opendesktop-widget-btn {
0059 display: inline-block;
0060 padding: 6px 12px;
0061 margin-bottom: 0;
0062 font-size: 14px;
0063 font-weight: 400;
0064 line-height: 1.42857143;
0065 text-align: center;
0066 white-space: nowrap;
0067 vertical-align: middle;
0068 -ms-touch-action: manipulation;
0069 touch-action: manipulation;
0070 cursor: pointer;
0071 -webkit-user-select: none;
0072 -moz-user-select: none;
0073 -ms-user-select: none;
0074 user-select: none;
0075 background-image: none;
0076 border: 1px solid #adadad;
0077 border-radius: 4px;
0078 margin-right: 10px;
0079 background-color: #fff;
0080 color: #4e4e4e;
0081 }
0082
0083
0084 // rewrite bootrap nav a
0085 @pling-nav-tabs-active-color: #2673b0;
0086 @pling-nav-tabs-onhover-color: #222;
0087 @pling-nav-tabs-color: #777;
0088 .pling-nav-tabs-a{
0089 border: 0 ;
0090 position: relative;
0091 color: @pling-nav-tabs-color;
0092 font-size: 13px;
0093 transition: color 0s;
0094 bottom: -1px;
0095 border-bottom-width: 2px;
0096 border-bottom-style: solid;
0097 border-bottom-color: transparent;
0098 background-color:transparent;
0099 display: block;
0100 padding: 10px 15px;
0101 cursor: pointer;
0102 }
0103
0104
0105 .pling-nav-tabs{
0106 ul{
0107 list-style: none;
0108
0109
0110 > li{
0111 background-color:transparent;
0112 margin-bottom: 0px ;
0113 position: relative;
0114 display: block;
0115 float: left;
0116 > a{
0117 .pling-nav-tabs-a;
0118 }
0119 > a:hover{
0120 .pling-nav-tabs-a;
0121 color: @pling-nav-tabs-active-color;
0122 svg{
0123 fill:@pling-nav-tabs-active-color;
0124 }
0125 }
0126 > a:focus{
0127 .pling-nav-tabs-a;
0128 }
0129 svg{
0130 fill:@pling-nav-tabs-color;
0131 }
0132
0133 &.active{
0134 > a {
0135 .pling-nav-tabs-a;
0136 color: @pling-nav-tabs-active-color;
0137 border-bottom-color: @pling-nav-tabs-active-color;
0138 font-weight: bold;
0139 }
0140 > a:hover{
0141 .pling-nav-tabs-a;
0142 color: @pling-nav-tabs-active-color;
0143 border-bottom-color: @pling-nav-tabs-active-color;
0144 font-weight: bold;
0145
0146 }
0147 > a:focus{
0148 .pling-nav-tabs-a;
0149 color: @pling-nav-tabs-active-color;
0150 border-bottom-color: @pling-nav-tabs-active-color;
0151 font-weight: bold;
0152 }
0153 svg {
0154 fill: @pling-nav-tabs-active-color;
0155 }
0156
0157 }
0158 }
0159 }
0160 }
0161
0162
0163 /** nav tabs end**/
0164
0165 .opendesktopwidgetheader{
0166 height: 50px;
0167 position: relative;
0168 background: #23282D;
0169 border: 1px solid #e1e1e1;
0170 display: block;
0171 .opendesktoplogo{
0172 width: 200px;
0173 display: block;
0174 float: right;
0175 margin-top: 7px;
0176 }
0177 .profile_image{
0178 width: 4.5em;
0179 height: 4.5em;
0180 padding: .2em;
0181 border: 1px solid #dbdbdb;
0182 background: #fff;
0183 -webkit-border-radius: 999px;
0184 -moz-border-radius: 999px;
0185 border-radius: 999px;
0186 -webkit-background-clip: padding-box;
0187 -moz-background-clip: padding;
0188 background-clip: padding-box;
0189 display: block;
0190 float: left;
0191 margin-left: 10px;
0192 margin-top:15px;
0193 }
0194
0195 }
0196
0197 #opendesktopwidget-main{
0198 padding-top: 20px;
0199 }
0200
0201 #opendesktopwidget-main-container{
0202 display: flex;
0203 flex-wrap: wrap;
0204 flex-direction: row;
0205 /* justify-content: center;*/
0206 .opendesktopwidgetrow{
0207 width: 200px;
0208 padding: 0;
0209 margin: 20px;
0210 border: 1px solid #dedede;
0211 border-radius: 2px;
0212 margin: 10px 10px 10px 10px;
0213 position: relative;
0214 text-align: center;
0215 cursor: pointer;
0216 img.image_small{
0217 width: 170px;
0218 height: 140px;
0219 vertical-align: middle;
0220 padding-top: 10px;
0221 padding-bottom: 10px;
0222 }
0223 .description-container{
0224 background: linear-gradient(#fff,#EDEDED);
0225 border-bottom-left-radius: 2px;
0226 border-bottom-right-radius: 2px;
0227 width: 100%;
0228 overflow-x:hidden;
0229 padding-bottom: 10px;
0230
0231 .description{
0232 display: block;
0233 .title{
0234 font-size: 12px;
0235 font-weight: bold;
0236 color:#2673b0;
0237 padding-left: 10px;
0238 white-space: nowrap;
0239 }
0240 .version{
0241 font-size: 12px;
0242 color:#2673b0;
0243 padding-left: 10px;
0244 }
0245 .cat_name{
0246 display: block;
0247 color: #4e4e4e;
0248 font-size: 12px;
0249 padding-top: 5px;
0250
0251 }
0252 .count_comments{
0253 display: none;
0254 color: #4e4e4e;
0255 font-size: 12px;
0256 padding-top: 5px;
0257 }
0258 }
0259 .progress {
0260 overflow: hidden;
0261 background-color: #f5f5f5;
0262 border-radius: 4px;
0263 -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
0264 box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
0265 margin-bottom: 0;
0266 height: 12px;
0267 opacity: 1;
0268 background-color: transparent;
0269 box-shadow: none;
0270 padding: 2px;
0271
0272 }
0273 .progress-bar {
0274 width: 0;
0275 float: left;
0276 height: 100%;
0277 font-size: 12px;
0278 line-height: 12px;
0279 color: #fff;
0280 text-align: center;
0281 background-color: #337ab7;
0282 -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
0283 box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
0284 -webkit-transition: width .6s ease;
0285 -o-transition: width .6s ease;
0286 transition: width .6s ease;
0287
0288 background-color: #c8c8c8;
0289 width: 50%;
0290 }
0291 .center-block {
0292 display: block;
0293 margin-right: auto;
0294 margin-left: auto;
0295 }
0296 .text-center {
0297 text-align: center;
0298 }
0299 .rating{
0300 width: 100px;
0301 display: block;
0302
0303 padding-top: 10px;
0304 margin: 0 auto;
0305 color:#4e4e4e;
0306 .rating-text{
0307 font-size: 12px;
0308 display: none;
0309 }
0310 .updatetime{
0311 display: block;
0312 font-size: 11px;
0313 }
0314
0315 }
0316 }
0317 }
0318
0319
0320
0321 }
0322
0323 .opendesktopwidget-main-detail-container-body-content{
0324 height: 600px;
0325 max-height: 600px;
0326 padding-top:20px;
0327 overflow: auto;
0328 }
0329
0330 #opendesktopwidget-main-detail-container{
0331 .opendesktopwidget-subnavi{
0332 display: block;
0333 line-height: 2;
0334 background-color: #eee;
0335 padding: 5px;
0336 font-size: 18px;
0337 a.backtolist{
0338 .opendesktop-widget-btn;
0339 cursor: pointer;
0340 margin-left: 50px;
0341 }
0342 }
0343 .opendesktopwidget-main-detail-container-body{
0344 padding: 10px;
0345 .opendesktopwidget-main-detail-container-body-header{
0346 height: 90px;
0347 display: flex;
0348 flex-direction: row;
0349 border-bottom: 1px solid #eee;
0350 .opendesktopwidget-img-member{
0351 float: left;
0352 width: 85px;
0353 img{
0354 max-height: 85px;
0355 max-width: 85px;
0356 padding-right: 15px;
0357 border-radius: 0px;
0358 }
0359 }
0360 div.opendesktopwidget-description{
0361 font-size: 25px;
0362 color: #2673b0;
0363 font-weight: bold;
0364 flex-grow: 1;
0365 padding-left: 15px;
0366 span.opendesktopwidget-category{
0367 display: block;
0368 font-size: 12px;
0369 font-weight: normal;
0370 width: 200px;
0371 }
0372
0373
0374 }
0375
0376 div.opendesktopwidget-rating{
0377 float: right;
0378 width: 100px;
0379 display: block;
0380 padding-top: 10px;
0381 margin: 0 auto;
0382 color:#4e4e4e;
0383 .progress {
0384 overflow: hidden;
0385 background-color: #f5f5f5;
0386 border-radius: 4px;
0387 -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
0388 box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
0389 margin-bottom: 0;
0390 height: 12px;
0391 opacity: 1;
0392 background-color: transparent;
0393 box-shadow: none;
0394 padding: 2px;
0395
0396 }
0397 .progress-bar {
0398 width: 0;
0399 float: left;
0400 height: 100%;
0401 font-size: 12px;
0402 line-height: 12px;
0403 color: #fff;
0404 text-align: center;
0405 background-color: #337ab7;
0406 -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
0407 box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
0408 -webkit-transition: width .6s ease;
0409 -o-transition: width .6s ease;
0410 transition: width .6s ease;
0411
0412 background-color: #c8c8c8;
0413 width: 50%;
0414 }
0415 .center-block {
0416 display: block;
0417 margin-right: auto;
0418 margin-left: auto;
0419 }
0420 .text-center {
0421 text-align: center;
0422 }
0423
0424 .rating-text{
0425 font-size: 12px;
0426 }
0427 }
0428
0429
0430
0431 }
0432 .opendesktopwidget-imgs{
0433 display: block;
0434 text-align: center;
0435 img{
0436 max-width: 600px;
0437 max-height: 400px;
0438 }
0439
0440 .opendesktop-navi{
0441 font-size: 18px;
0442 }
0443 }
0444 .opendesktopwidget-content{
0445 display: flex;
0446 flex-direction: column;
0447
0448 .pling-nav-tabs{
0449 display:block;
0450 border-bottom: 1px solid #ddd;
0451 }
0452 .opendesktopwidget-tab-pane{
0453 padding-left: 20px;
0454 padding-top: 20px;
0455 clear: both;
0456
0457 }
0458 #opendesktopwidget-content-description{
0459 .description{
0460 display: block;
0461 font-size: 18px;
0462 font-weight: bold;
0463 padding-top: 20px;
0464 padding-bottom: 20px;
0465 clear: both;
0466 }
0467 }
0468
0469 }
0470 }
0471
0472 span.title{
0473 font-size: 18px;
0474 padding-top: 20px;
0475 padding-bottom: 20px;
0476 display: block;
0477 }
0478 .opendesktoppploadfiles{
0479 padding-top: 20px;
0480 padding-bottom: 10px;
0481 width: 100%;
0482 overflow-x: auto;
0483 }
0484
0485 table.opendesktoppploadfilestable{
0486 border-spacing: 0;
0487 border-collapse: collapse;
0488 background-color: #fff;
0489 th{
0490 border-bottom: 2px solid #ddd;
0491 padding: 8px;
0492 vertical-align: bottom;
0493 line-height: 1.42857143;
0494 text-align: left;
0495 background-color: #ccc;
0496 }
0497 td.opendesktoppploadfilestabletdright{
0498 text-align: right;
0499 }
0500
0501 td{
0502 padding: 8px;
0503 line-height: 1.42857143;
0504 vertical-align: top;
0505 border-top: 1px solid #ddd;
0506 }
0507
0508 }
0509 }
0510
0511 #opendesktopwidget-main-detail-carousel{
0512 height:420px;
0513 width: 612px;
0514 margin: 0 auto;
0515 }
0516
0517 #opendesktopwidget-main-container-comments{
0518 .opendesktopwidgetcommentrow{
0519
0520 padding-top: 10px;
0521 padding-bottom: 10px;
0522
0523 .image_small{
0524 float: left;
0525 width: 60px;
0526 height: 60px;
0527 border-radius: 50%;
0528 border: 1px solid #ccc;
0529
0530 }
0531 .opendesktopwidgetcommentrow-header{
0532 display: flex;
0533 flex-grow: 1;
0534 border-bottom: 1px dashed #ccc;
0535 margin-left: 70px;
0536 .username{
0537 display: flex;
0538 flex-grow: 1;
0539 font-size: 14px;
0540 font-weight: bold;
0541 color: rgb(102, 189, 221);
0542 }
0543 .updatetime{
0544 float: right;
0545 }
0546 }
0547
0548
0549 .opendesktopwidgetcomment_content{
0550 display: block;
0551 margin-left: 70px;
0552 padding-top: 15px;
0553 padding-right: 50px;
0554
0555
0556 }
0557
0558 &.level1{
0559 padding-left: 0px;
0560
0561 }
0562
0563 &.level2{
0564 padding-left: 40px;
0565 .image_small{
0566 width: 40px;
0567 height: 40px;
0568 }
0569 .opendesktopwidgetcomment_content, .opendesktopwidgetcommentrow-header{
0570 margin-left: 50px;
0571 }
0572
0573 }
0574
0575 &.level3{
0576 padding-left: 80px;
0577 .image_small{
0578 width: 40px;
0579 height: 40px;
0580 }
0581 .opendesktopwidgetcomment_content, .opendesktopwidgetcommentrow-header{
0582 margin-left: 50px;
0583 }
0584 }
0585 &.level4{
0586 padding-left: 120px;
0587 .image_small{
0588 width: 40px;
0589 height: 40px;
0590 }
0591 .opendesktopwidgetcomment_content, .opendesktopwidgetcommentrow-header{
0592 margin-left: 50px;
0593 }
0594 }
0595 &.level5{
0596 padding-left: 160px;
0597 .image_small{
0598 width: 40px;
0599 height: 40px;
0600 }
0601 .opendesktopwidgetcomment_content, .opendesktopwidgetcommentrow-header{
0602 margin-left: 50px;
0603 }
0604 }
0605 }
0606
0607
0608 }
0609 .opendesktopwidgetcomments{
0610 width: 75%;
0611 .fa-spinner{
0612 font-size: 30px;
0613 }
0614 }
0615
0616 .opendesktopwidgetpager{
0617 display: flex;
0618 justify-content: right;
0619 align-items: center;
0620 justify-content: flex-end;
0621 ul.opendesktopwidgetpager{
0622 display: inline-block;
0623 padding-left: 0;
0624 margin: 20px 0;
0625 border-radius: 4px;
0626 > li {
0627 display: inline;
0628 >span{
0629 cursor: pointer;
0630 position: relative;
0631 float: left;
0632 margin-left: -1px;
0633 line-height: 1.42857143;
0634 color: #337ab7;
0635 text-decoration: none;
0636 background-color: #fff;
0637 border: 1px solid #ddd;
0638 padding: 5px 10px;
0639 font-size: 12px;
0640 }
0641 }
0642 >.active > span{
0643 z-index: 2;
0644 color: #fff;
0645 cursor: default;
0646 background-color: #337ab7;
0647 border-color: #337ab7;
0648 }
0649 }
0650 }
0651
0652 .opendesktopwidget-tab-pane{
0653 display: none;
0654 }
0655
0656 .active{
0657 display: block;
0658 }
0659
0660 #opendesktopwidget-changelogs{
0661 .opendesktopwidget-changelogs-title{
0662 display: flex;
0663 padding-top: 20px;
0664 padding-bottom: 20px;
0665 align-items: baseline;
0666 span{
0667 float: left;
0668 }
0669 .opendesktopwidget-changelogs-title-1{
0670 color: #2673b0;
0671 padding-bottom: 0;
0672 font-size: 18px;
0673 font-weight: bold;
0674 }
0675 .opendesktopwidget-changelogs-title-2{
0676 padding-left: 10px;
0677 font-size: 75%;
0678 padding-bottom: 0;
0679
0680 }
0681
0682 }
0683 .opendesktopwidget-changelogs-text{
0684 display: block;
0685 clear: both;
0686 margin: 0 0 10px;
0687 }
0688 }
0689
0690 #opendesktopwidget-reviews{
0691 .opendesktopwidget-reviews-rows-inactive{
0692 display: none;
0693 }
0694 .opendesktopwidget-reviews-rows-active{
0695 display: block;
0696 }
0697 .opendesktopwidget-reviews-filters{
0698 display: flex;
0699 justify-content: flex-end;
0700 }
0701 .opendesktopwidget-reviews-activeRating {
0702 border: 2px solid #2673B0;
0703 }
0704 .opendesktopwidget-reviews-rows{
0705 .opendesktopwidget-reviews-title{
0706 display: flex;
0707 padding-top: 20px;
0708 padding-bottom: 20px;
0709 align-items: center;
0710 span{
0711 float: left;
0712 }
0713 .opendesktopwidget-reviews-userimg {
0714 border-radius: 50%;
0715 border: 1px solid #ccc;
0716 width: 40px;
0717 height: 40px;
0718 float: left;
0719
0720 }
0721 .opendesktopwidget-reviews-title-1{
0722 color: #2673b0;
0723 padding-bottom: 0;
0724 font-size: 18px;
0725 font-weight: bold;
0726 padding-left: 5px;
0727
0728 }
0729 .opendesktopwidget-reviews-title-2{
0730 padding-left: 10px;
0731 font-size: 75%;
0732 padding-bottom: 0;
0733
0734 }
0735 .opendesktopwidget-like{
0736 color:green;
0737 font-size:18px;
0738 padding-left: 20px;
0739 }
0740 .opendesktopwidget-dislike{
0741 color:red;
0742 font-size:18px;
0743 padding-left: 20px;
0744 }
0745
0746 }
0747 .opendesktopwidget-reviews-text{
0748 display: block;
0749 clear: both;
0750 margin: 0 0 10px;
0751 padding-left: 50px;
0752 }
0753
0754
0755 }
0756 .opendesktopwidget-reviews-rows-inactive{
0757 .opendesktopwidget-reviews-text{
0758 color:#ddd;
0759 }
0760 }
0761
0762 }
0763
0764 div.modal-wrapper {
0765 position: fixed;
0766 height: 100%;
0767 width: 100%;
0768 top: 0px;
0769 left: 0px;
0770 -right: 0px;
0771 -bottom: 0px;
0772 overflow: auto;
0773 overflow-y: scroll;
0774 z-index: 100000;
0775 background-color: rgb(0,0,0); /* Fallback color */
0776 background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
0777 }
0778 div.modal {
0779 position: relative !important;
0780 top: auto !important;
0781 left: auto !important;
0782 z-index: 1050;
0783 height: 800px !important;
0784 max-height: 800px !important;
0785 overflow: hidden;
0786 width: 1200px;
0787 margin: 2em auto !important;
0788 display: block !important;
0789 background-color: #ffffff;
0790 border: 1px solid #999;
0791 border: 1px solid rgba(0, 0, 0, 0.3);
0792 border: 1px solid #999;
0793 -webkit-border-radius: 6px;
0794 -moz-border-radius: 6px;
0795 border-radius: 6px;
0796 -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
0797 -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
0798 box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
0799 -webkit-background-clip: padding-box;
0800 -moz-background-clip: padding-box;
0801 background-clip: padding-box;
0802 }
0803
0804 div.modal-header {
0805 clear: both;
0806 height: 30px !important;
0807 overflow: hidden;
0808 padding: 0px;
0809 padding-left: 18px;
0810
0811 a.close {
0812 position: absolute;
0813 top: 5px;
0814 right: 10px;
0815 margin-top: 2px;
0816 float: right;
0817 font-size: 20px;
0818 font-weight: bold;
0819 line-height: 18px;
0820 color: #000000;
0821 text-shadow: 0 1px 0 #ffffff;
0822 opacity: 0.2;
0823 }
0824 }
0825
0826 div.modal-body{
0827 padding:20px;
0828 }
0829
0830 }