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 }