flatui/css/style.css

0001 /*---------------------------
0002   GENERAL STYLES
0003 ---------------------------*/
0004
0005 /*---------------------------
0006   ADD PRODUCT PAGE 2
0007 ---------------------------*/
0008
0009 /*---------------------------
0010   SUPPORT BUTTON
0011 ---------------------------*/
0012
0013 /*---------------------------
0014   SHARE BUTTON
0015 ---------------------------*/
0016
0017 /*---------------------------
0018   REPORT BUTTON
0019 ---------------------------*/
0020
0021 /*---------------------------
0022   LOGIN PAGE
0023 ---------------------------*/
0024
0025 /*---------------------------
0026   SEARCH PAGE
0027 ---------------------------*/
0028
0029 .search-info {
0030   margin: 20px 0;
0031 }
0032
0033 .icon-search-large {
0034   margin-top: 20px;
0035   width: 26px;
0036   height: 26px;
0037   background: url(../img/icon-search-large.png);
0038   cursor: pointer;
0039 }
0040
0041 form.search-form input.search {
0042   border: none;
0043   color: #34495e;
0044   font-weight: bold;
0045   font-size: 28px;
0046   margin-top: 5px;
0047 }
0048
0049 form.search-form {
0050   margin-bottom: 0;
0051 }
0052
0053 .content-search {
0054   border-bottom: 2px solid #bdc3c7;
0055 }
0056
0057 /*---------------------------
0058   TERMS PAGE
0059 ---------------------------*/
0060
0061 .terms-heading {
0062   margin-top: 80px;
0063 }
0064
0065 .terms-heading hr {
0066   height: 0px;
0067   border-bottom: 1px solid #ecf0f1;
0068   margin: 80px auto;
0069 }
0070
0071 h3.terms-title {
0072   margin-bottom: 30px;
0073 }
0074
0075 .term h3 {
0076   font-size: 18px;
0077   margin-bottom: 30px;
0078   font-weight: normal;
0079 }
0080
0081 .term-description {
0082   margin-bottom: 60px;
0083   margin-left: 20px;
0084 }
0085
0086 .term ol li {
0087     list-style: lower-latin;
0088 }
0089
0090 /*---------------------------
0091   SUPPORTERS PAGE
0092 ---------------------------*/
0093
0094 .supporter {
0095     padding: 40px 0;
0096     border-bottom: 1px solid #ccc;
0097     clear: both;
0098 }
0099
0100 .supporter-image {
0101     position: relative;
0102     float: left;
0103     width: 112px;
0104     height: 112px;
0105 }
0106
0107 .supporter-image img{
0108     width: 112px;
0109 }
0110
0111 .supporter-image-overlay {
0112     position: absolute;
0113     top: 0px;
0114     left: 0px;
0115     width: 112px;
0116     height: 112px;
0117     background-image: url(../img/profile-image-supporter-overlay.png);
0118 }
0119
0120 .supporter-details {
0121     float: left;
0122     margin: 5px 0px 0px 15px;
0123 }
0124
0125 .supporter-name, .supporter-comment {
0126     max-width: 600px;
0127 }
0128
0129 .no-comment {
0130     margin-top: 30px;
0131 }
0132
0133 .no-supporters {
0134     padding: 50px 0px 0px 250px;
0135     font-size: 15px;
0136 }
0137
0138 .comment-text {
0139     margin: 15px 0 0 0 !important;
0140     padding: 0;
0141 }
0142
0143 /*---------------------------
0144   ABOUT ME PAGE
0145 ---------------------------*/
0146
0147 .social-icons {
0148   margin-top: -5px;
0149 }
0150
0151 .social-icon {
0152   margin-left: 4px;
0153 }
0154
0155 /* TODO: auf myproducts verrutscht */
0156
0157 .disabled .comment-carousel-control {
0158     color: #bdc3c7;
0159 }
0160
0161 .no-comments {
0162     margin: 15px;
0163 }
0164
0165 .carousel {
0166     margin-bottom: 0px;
0167 }
0168
0169 .comments {
0170     height: 170px;
0171 }
0172
0173 .product-row, .supporters-row {
0174   margin-top: 10px;
0175 }
0176
0177 .product-thumbnail {
0178         position: relative;
0179         width: 50px;
0180         height: 50px;
0181         padding: 10px;
0182         margin: 10px;
0183 }
0184
0185 .product-thumbnail img{
0186   border-radius: 5px;
0187   border: 1px solid #b2b2b2;
0188   height: 50px;
0189   width: 50px;
0190 }
0191
0192 .sidebar-content-section {
0193   margin: 15px 0;
0194 }
0195
0196 .profile-image-overlay-3 {
0197   width: 100%;
0198   height: 100%;
0199   background: url(../img/profile-image-overlay-3.png) no-repeat;
0200   background-size: contain;
0201 }
0202
0203
0204 /*---------------------------
0205   NEWSFEED PAGE
0206 ---------------------------*/
0207
0208 h3.product-newsfeed-update {
0209   font-size: 18px;
0210   font-weight: normal;
0211 }
0212
0213 .friend-activity {
0214   padding: 20px 0;
0215   border-bottom: 1px solid #bdc3c6;
0216 }
0217
0218 .friend-activity:last-child {
0219   border: none;
0220 }
0221
0222 .friend-activity-summary {
0223   margin-top: 10px;
0224 }
0225
0226 /*---------------------------
0227   PRODUCT PAGE
0228 ---------------------------*/
0229
0230 .product-header {
0231   height: 300px;
0232   color: white;
0233 }
0234
0235 .profile-header-bg-overlay {
0236   width: 100%;
0237   height: 300px;
0238   background: url(../img/profile-header-bg-overlay.png);
0239   z-index: 1;
0240 }
0241
0242 .profile-header-bg {
0243   width: 100%;
0244   height: 300px;
0245   background-image: none; /* Will set property in the style attribute */
0246   background-position: center center;
0247   background-repeat: no-repeat;
0248   background-size: cover;
0249 }
0250
0251 .product-header-no-image {
0252   height: 206px;
0253   background: white;
0254 }
0255
0256
0257 .product-header-website {
0258     top: 230px;
0259     left: 70px;
0260 }
0261
0262 .product-header-website a {
0263     color: white;
0264 }
0265
0266 .product-avatar-no-image {
0267   top: 50px;
0268   left: 100px;
0269 }
0270
0271 .product-header-title-no-image {
0272   top: 50px;
0273   left: 250px;
0274   min-width: 450px;
0275 }
0276
0277 .product-header-title a {
0278     color: white;
0279 }
0280
0281 .product-header-title a:hover,
0282 .product-header-title a:active,
0283 .product-header-title a:focus {
0284     color: #08a5c1;
0285 }
0286 /*
0287 .pling {
0288   margin-top: 15px;
0289   padding: 0;
0290 }
0291 */
0292
0293 .btn-pling-1 {
0294     font-size: 18px;
0295     font-weight: 400;
0296     padding: 7px 15px;
0297     height: 41px;
0298     margin: 0;
0299     background: #08a5c1;
0300     color: white;
0301     border-radius: 5px 0 0 5px;
0302     border: 1px solid #7f7f7f;
0303 }
0304
0305 .auth-popup .auth-popup-form {
0306     padding-left: 50px;
0307 }
0308
0309 .auth-required-error p {
0310     font-size: 14px;
0311     color: #34495e;
0312     margin-bottom: 2px;
0313 }
0314
0315 .auth-required-error {
0316     padding-bottom: 20px;
0317 }
0318
0319
0320 .num-plings {
0321     font-size: 18px;
0322     font-weight: 300;
0323     padding: 7px 15px;
0324     margin-left: -4px;
0325     background: white;
0326     color: #000;
0327     border-radius: 0 5px 5px 0;
0328     border: 1px solid #7f7f7f;
0329 }
0330
0331 h3.product-heading {
0332   font-weight: normal;
0333   color: #2c3e50;
0334   font-size: 18px;
0335   font-weight: bold;
0336   margin-bottom: 20px;
0337   padding-top: 40px;
0338 }
0339
0340 .product-details p{
0341   margin-bottom: 20px;
0342 }
0343
0344 button.btn-new-version {
0345   font-size: 14px;
0346   padding: 5px 10px;
0347   margin-left: 20px;
0348 }
0349
0350 h3.product-update-heading {
0351   margin-bottom: 0;
0352   padding-bottom: 0;
0353 }
0354
0355 .product-update-date {
0356   margin-bottom: 20px;
0357 }
0358
0359 .sidebar-profile-image {
0360     width: 95px;
0361     height: 95px;
0362     margin-left: 6px;
0363     margin-top: 6px;
0364 }
0365
0366
0367
0368
0369 .product-maker-summary h4, .supporter-comment h4 {
0370   color: #2c3e50;
0371   font-size: 18px;
0372   font-weight: normal;
0373   border: none;
0374   margin-bottom: 5px;
0375   padding-bottom: 0;
0376 }
0377
0378 .product-maker-summary .social-icons {
0379   margin-top: 15px;
0380 }
0381
0382 .supporter-thumbnail {
0383     margin-top: 10px;
0384 }
0385
0386 .supporter-comment-side {
0387     padding: 0px 25px 0px 20px;
0388     height: 120px;
0389     line-height: 110px;
0390 }
0391
0392 .supporter-comment-side div {
0393     line-height: 15px;
0394     vertical-align: middle;
0395     display: inline-block;
0396 }
0397
0398 .supporter-comment-donation {
0399     text-align: center;
0400     margin-top: 10px;
0401     font-size: 16px;
0402 }
0403
0404
0405 /******************************************
0406 /* PRODUCT DESCRIPTION
0407 /*******************************************/
0408
0409 #product-description {
0410     padding: 0px 0 30px 0;
0411 }
0412
0413 #description {
0414     padding: 0px 0 30px 0;
0415     border-bottom: 1px solid #ccc;
0416 }
0417
0418 /******************************************
0419 /* PRODUCT EMBED CODE
0420 /*******************************************/
0421
0422 #embed_code {
0423     padding: 20px 0 30px 0;
0424     border-bottom: 1px solid #ccc;
0425 }
0426
0427 /******************************************
0428 /* PRODUCT DOWNLOAD LINK
0429 /*******************************************/
0430
0431 #download_link {
0432     border-bottom: 1px solid #ccc;
0433 }
0434
0435
0436 /*---------------------------
0437   Static Content PAGE
0438 ---------------------------*/
0439
0440 /******************************************
0441 /* FOOTER
0442 /*******************************************/
0443
0444
0445 /*---------------------------
0446   REGISTER PAGE
0447 ---------------------------*/
0448
0449
0450 /******************************************
0451 /* OVERLAYS
0452 /*******************************************/
0453
0454 #overlays {
0455     position: absolute;
0456     top: 0;
0457 }
0458
0459 #overlays .modal-footer {
0460     background-color: #34495c;
0461     padding: 2px 15px 0px;
0462 }
0463
0464 .overlay {
0465     display: block;
0466     position: fixed;
0467     width: 100%;
0468     height: 100%;
0469     z-index: 2;
0470     overflow-y: scroll;
0471     top: 0;
0472     left: 0;
0473 }
0474
0475 #login-overlay {
0476     background: rgba(256, 256, 256, 0.9);
0477 }
0478
0479 #thank-you-overlay {
0480     font-size: 14px;
0481 }
0482
0483 #thank-you-overlay h3 {
0484     font-size: 2.4em;
0485 }
0486
0487 #login-box {
0488     position: absolute;
0489     width: 370px;
0490     height: 525px;
0491     margin: auto;
0492     top: 0;
0493     left: 0;
0494     right: 0;
0495     bottom: 0;
0496 }
0497
0498 #close-button {
0499     background: url(../images/system/btn-close.jpg);
0500     width: 28px;
0501     height: 28px;
0502     position: absolute;
0503     right: -28px;
0504     top: 28px;
0505     cursor: pointer;
0506     display: inline-block;
0507 }
0508
0509 #login-box form button.login{
0510     background: url(../images/system/btn-login-bg.jpg);
0511 }
0512
0513 #login-box form button.facebook{
0514     background: url(../images/system/btn-fb-bg.jpg);
0515     padding-left: 41px;
0516     margin: 0 15px 0 15px;
0517 }
0518
0519 #login-box form button.twitter{
0520     background: url(../images/system/btn-twitter-bg.jpg);
0521     padding-left: 41px;
0522 }
0523
0524 #login-box #social-login {
0525     margin-top: 50px;
0526     border-top: 1px solid #ccc;
0527 }
0528
0529 .facebook-login, .twitter-login {
0530     padding-bottom: 0px;
0531 }
0532
0533 #social-login-heading {
0534     text-align: center;
0535     position: relative;
0536     top: -15px;
0537 }
0538
0539 #social-login-heading-text{
0540     font-size: 15px;
0541     padding: 0 15px 0 15px;
0542     background: white;
0543 }
0544
0545
0546 .overlay.welcome-thanks{
0547     background: rgba(35, 47, 61, 0.9);
0548 }
0549
0550 .white-box.welcome-thanks {
0551     position: relative;
0552     width: 370px;
0553     height: 350px;
0554     margin: 3em auto 30px auto;
0555 }
0556
0557 .welcome-thanks h3, #welcome-overlay h3
0558 {
0559 /*    font-weight: 300;
0560     font-size: 40px;
0561     margin: 20px 0 0 0; */
0562 }
0563
0564 .welcome-thanks p {
0565     margin: 30px auto 60px auto;
0566     width: 220px;
0567 }
0568
0569 #welcome-box p {
0570     margin-bottom: 50px;
0571 }
0572
0573 .welcome-thanks form button.home{
0574     background: url(../images/system/btn-login-bg.jpg);
0575 }
0576
0577 .welcome-thanks form button.settings{
0578     margin-top: 5px;
0579     background: url(../images/system/btn-settings-bg.jpg);
0580     padding-left: 41px;
0581 }
0582
0583 .container-checkbox-remember-me {
0584     height: 20px;
0585     clear: both;
0586     margin-bottom: 10px;
0587 }
0588
0589 .container-checkbox-remember-me input {
0590     height: 20px;
0591     margin: 0 5px;
0592     float: left;
0593
0594 }
0595
0596  /*
0597 .fancybox-lock .fancybox-overlay {
0598    background-color: #000;
0599   }
0600 .fancybox-skin{
0601   padding:0px !important;
0602 }
0603 .fancybox-close
0604 {
0605       top: 0;
0606        right: 18px;
0607        position: fixed;
0608        z-index: 3000;
0609
0610 }
0611  */
0612
0613 a.partial{
0614
0615   padding:3px 6px;
0616 }
0617 a.partialreview{
0618   padding:3px 6px;
0619 }
0620
0621 .dropdown:hover .dropdown-menu {
0622     display: block;
0623     margin-top: 0; /*remove the gap so it doesn't close*/
0624  }
0625  .metamenu a{
0626             color:#6a7686;
0627         }
0628 .pling-nav-top > li > a{
0629     padding:0px 5px ;
0630 }
0631
0632
0633 .carousel-control.left
0634 {
0635   background-image:none;
0636 }
0637 .carousel-control.right
0638 {
0639   background-image:none;
0640 }
0641
0642 .carousel-control.right.disabled
0643 {
0644   cursor: not-allowed;
0645 }
0646
0647 .carousel-control.left.disabled
0648 {
0649  cursor: not-allowed;
0650 }
0651
0652 #product-main #product-header #product-maker {
0653     padding-top: 12px;
0654   }
0655
0656
0657
0658 .carouselContainer img{
0659   cursor: pointer;
0660   cursor: -webkit-zoom-in;
0661   cursor: -moz-zoom-in;
0662 }
0663
0664
0665 .imgfull img{
0666     cursor: pointer;
0667     cursor: -webkit-zoom-out;
0668     cursor: -moz-zoom-out;
0669     max-height: 100% !important;
0670 }
0671
0672
0673
0674 .product-main-img .carouselContainer
0675 {
0676   /*padding-left: 100px;*/
0677   padding-bottom: 30px;
0678 }
0679
0680 .product-main-img{
0681   padding-left: 0px !important;
0682   padding-right: 0px !important;
0683 }
0684
0685 .nopaddingleftright
0686 {
0687   padding-left: 0px !important;
0688   padding-right: 0px !important;
0689 }
0690
0691 #widget-rating
0692 {
0693   width:200px;
0694 }
0695
0696 .carousel-inner > .item > img {
0697     display: block;
0698     margin-left: auto;
0699     margin-right: auto;
0700 }
0701
0702
0703
0704 .imgsmall .carousel-inner > .item > img {
0705   max-width: 800px;
0706   max-height: 550px;
0707 }
0708
0709  .standard-form.partialpaypal input
0710  {
0711   padding-right: 0px !important;
0712  }
0713 .prod-widget-box #comments figure{
0714   padding:0px;
0715 }
0716 #product-maker
0717 {
0718   float: right;
0719 }
0720
0721 .prod-widget-box
0722 {
0723   width: 95% !important;
0724   margin-bottom: 10px !important;
0725   /*background: linear-gradient(#eee,#fff);*/
0726 }
0727
0728 input#amount{
0729 width: 94%;
0730 height: 30px;
0731 padding: 0;
0732 border-width: 1px;
0733 background-clip: padding-box;
0734 text-align: right;
0735 padding-right: 5px;
0736 -webkit-border-radius: 5px;
0737 -moz-border-radius: 5px;
0738 border-radius: 5px;
0739 -webkit-background-clip: padding-box;
0740 -moz-background-clip: padding;
0741 -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.15);
0742 -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.15);
0743 box-shadow: inset 0 1px 1px rgba(0,0,0,0.15);
0744 padding-right: 5px !important;
0745 float: right;
0746 }
0747
0748 .donation-box .payment-options .options
0749 {
0750   width: 100%;
0751   float: right;
0752 }
0753 .donation-box .payment-options .options span.option{
0754   float: right;
0755   display: inline-block;
0756   padding-left: 5px;
0757   font-size: 14px;
0758   color: #2673b0;
0759   cursor: pointer;
0760 }
0761 .donation-box .payment-options .options span.optionPkt{
0762   float: right;
0763   padding-left: 4px;
0764   }
0765
0766
0767
0768 input[type=number]::-webkit-outer-spin-button,
0769 input[type=number]::-webkit-inner-spin-button {
0770     -webkit-appearance: none;
0771     margin: 0;
0772 }
0773
0774 input[type=number] {
0775     -moz-appearance:textfield;
0776 }
0777
0778
0779   .project-share-new .social {
0780           overflow: visible;
0781           height: 30px;
0782       }
0783
0784   .project-share-new a.share-button:first-of-type {
0785       border-radius: 6px 0 0 6px;
0786   }
0787   .project-share-new a.twitter{
0788
0789       padding-right: 15px;
0790   }
0791   .project-share-new a.facebook {
0792       background-position: -80px 0;
0793       border-radius: 0 6px 6px 0;
0794       background: url(/images/system/facebook_ocs.png) no-repeat;
0795       background-position: 5px 50%;
0796   }
0797   .project-share-new a.twitter{
0798       background: url(/images/system/twitter_ocs.png) no-repeat;
0799       background-position: 5px 50%;
0800   }
0801   .project-share-new a.gplus{
0802
0803       background: url(/images/system/gplus_pling.png) no-repeat;
0804   }
0805   .project-share-new .share-button {
0806
0807       display: inline-block;
0808       -moz-box-sizing: border-box;
0809       -webkit-box-sizing: border-box;
0810       box-sizing: border-box;
0811       height: 28px;
0812       width: 70px;
0813       margin: 0;
0814       font: 12px trebuchet ms,sans-serif;
0815       color: blue;
0816       text-decoration: none;
0817       text-shadow: 1px 0 0 rgba(0,0,0,0.1);
0818       border: 1px solid #F5F5F5;
0819       background: #2673B0;
0820       background: -webkit-linear-gradient(top, #21659B, #80B3F5);
0821       background: -moz-linear-gradient(top, #21659B, #80B3F5);
0822       background: linear-gradient(top, #21659B, #80B3F5);
0823       /*box-shadow: inset 0 1px 0 #fff,inset 0 0 0 1px rgba(244,247,197,0.45),0 1px 2px rgba(0,0,0,0.1),0 0 0 1px rgba(0,0,0,0.05);*/
0824       -ms-user-select: none;
0825       -moz-user-select: none;
0826       -webkit-user-select: none;
0827       user-select: none;
0828       text-align: center;
0829       padding-top: 6px;
0830       padding-left: 3px;
0831       position: relative;
0832        float: left;
0833        padding-left: 25px;
0834
0835   }
0836
0837   .project-share-new .share-button {
0838      display: inline-block;
0839
0840   }
0841   .project-share-new .share-button img{
0842
0843       float: left;
0844   }
0845
0846
0847 iframe[id^="oauth2relay"] { position: fixed !important; }
0848
0849 .sidebar-content  .product-maker-thumbnail > a .sidebar-profile-image {
0850     width: 40px;
0851     height: 40px;
0852     margin-left: 0px;
0853     margin-top: 0px;
0854     border-radius: 999px;
0855     background-clip: padding-box;
0856 }
0857
0858 .label
0859 {
0860   padding: .0em 1em 0em;
0861   margin-left: 3px;
0862 }
0863
0864 #pling-box .product-maker-thumbnail > a .sidebar-profile-image
0865 {
0866   width: 40px;
0867   height: 40px;
0868   margin-left: 0px;
0869   margin-top: 0px;
0870   border-radius: 999px;
0871   background-clip: padding-box;
0872 }
0873
0874 #comments-container .user
0875 {
0876   float:left;
0877   margin-right: 10px;
0878 }
0879
0880 #comments-container .user .u-wrap img
0881 {
0882   width: 100px;
0883   height:100px;
0884   border-radius: 50%;
0885 }
0886
0887 #supporters-product-detail-panel img
0888 {
0889    width: 100px;
0890    height:100px;
0891    border-radius: 50%;
0892 }
0893
0894 /**** Explore index ****************/
0895  .modal.bootstrap-dialog.in .modal-header {
0896     background-color: #fff;
0897     height: 1px;
0898     z-index: 9999;
0899     border: 0;
0900   }
0901
0902   .modal.bootstrap-dialog.in .modal-body {
0903     position: relative;
0904     padding: 0;
0905     top: -34px;
0906     border: 0;
0907
0908   }
0909
0910   .modal.bootstrap-dialog.in .modal-content {
0911     -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
0912     box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
0913     border: 0;
0914     height: 100%;
0915     background-color: white;
0916     padding: 0;
0917     margin: 0;
0918   }
0919
0920   .modal.in .modal-dialog {
0921     /*width: 100%;
0922     margin-top: 0px;
0923     */
0924     width: 500px;
0925     margin-top: 100px;
0926     margin-bottom: 0px;
0927     border: 0px;
0928   }
0929
0930   .modal .bootstrap-dialog > .modal-dialog {
0931     width: 100%;
0932   }
0933
0934   .modal.bootstrap-dialog.in .modal-content .modal-body .bootstrap-dialog-body .bootstrap-dialog-message header {
0935     color: #6a7686;
0936     height: auto;
0937     font-size: 10pt;
0938     font-weight: 300;
0939     width: 80%;
0940     left: 10%;
0941     position: relative;
0942   }
0943
0944   .modal.bootstrap-dialog.in .modal-header .close {
0945     font-size: 50px;
0946   }
0947
0948 div.explore-product-details span.packagetypeos
0949 {
0950
0951 }
0952 span.packagetypeos
0953 {
0954   background-color: #5bc0de;
0955   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
0956   display: inline;
0957   padding: .2em .6em .3em;
0958   font-size: 75%;
0959   font-weight: 700;
0960   line-height: 1;
0961   color: #fff;
0962   text-align: center;
0963   white-space: nowrap;
0964   vertical-align: baseline;
0965   border-radius: .25em;
0966   font-size: smaller;
0967   float: left;
0968   margin: 2px;
0969 }
0970
0971 .comments-list .user_name{
0972         font-size:14px;
0973         font-weight: bold;
0974         color: rgb(102, 189, 221);
0975         border-bottom: 1px dashed #ccc;
0976         margin-left: 10px;
0977     }
0978   .comments-list .user_name a{
0979         color: rgb(102, 189, 221) !important;
0980     }
0981 .comments-list .media-body{
0982     border-bottom: 1px solid #000;
0983 }
0984 .comments-list .media-body .text{
0985     padding-left: 10px
0986 }
0987  .comments-list img{
0988     border-radius: 50%;
0989     width: 40px;
0990     height: 40px;
0991     border: 1px solid #ccc;
0992 }
0993
0994 .comments-list img.img1{
0995     width: 60px;
0996     height: 60px;
0997 }
0998 .comments-list .history{
0999     color: rgb(200, 199, 199);
1000 }
1001
1002 .comments-list #product-discussion .container {
1003     padding: 0;
1004     margin: 0;
1005 }
1006 .comments-list .modal-header .close {
1007     margin-top: -15px;
1008 }
1009
1010
1011 .comments-list #comment-report img {
1012     border-radius: 0;
1013     width: inherit;
1014 }
1015
1016 .comments-list .creator-badge-1{
1017   position: absolute;
1018   right: 0px;
1019   bottom: 0px;
1020   background: blue;
1021   text-align: center;
1022   border-radius: 30px 30px 30px 30px;
1023   color: #fff;
1024   padding: 5px 10px;
1025   font-size: 12px;
1026 }
1027
1028 .comments-list .creator-badge-2{
1029   position: absolute;
1030   right: 0px;
1031   bottom: 0px;
1032   background: blue;
1033   text-align: center;
1034   border-radius: 15px 15px 15px 15px;
1035   color: #fff;
1036   padding: 2px 5px;
1037   font-size: 9px;
1038 }
1039
1040 .comments-list .supporter-badge-1{
1041     position: absolute;
1042     left: 0px;
1043     bottom: 0px;
1044     background:#EE6E09;
1045     text-align: center;
1046     /*border-radius: 30px 30px 30px 30px;*/
1047     color: #fff;
1048     /*padding: 5px 10px;*/
1049     font-size: 12px;
1050     border-radius: 999px;
1051     padding:5px;
1052 }
1053 .comments-list .supporter-badge-2{
1054     position: absolute;
1055     left: 0px;
1056     bottom: 0px;
1057     background: #EE6E09;
1058     text-align: center;
1059     /*border-radius: 15px 15px 15px 15px;*/
1060     color: #fff;
1061     /*padding: 2px 5px;*/
1062     font-size: 9px;
1063     border-radius: 999px;
1064     padding:2px;
1065 }
1066
1067 .comments-list .supporter-badge-1.inactive,.comments-list .supporter-badge-2.inactive{
1068   background: #ccc;
1069 }
1070
1071 .comments-list .mod-badge-1{
1072     text-align: center;
1073     font-size: 12px;
1074     font-weight: bold;
1075 }
1076
1077 .glyphicon.spinning {
1078     animation: spin 1s infinite linear;
1079     -webkit-animation: spin2 1s infinite linear;
1080     float:left;
1081     margin-top:5px;
1082     margin-right:5px;
1083 }
1084
1085 @keyframes spin {
1086     from { transform: scale(1) rotate(0deg); }
1087     to { transform: scale(1) rotate(360deg); }
1088 }
1089
1090 @-webkit-keyframes spin2 {
1091     from { -webkit-transform: rotate(0deg); }
1092     to { -webkit-transform: rotate(360deg); }
1093 }