diff --git a/application/modules/default/views/scripts/user/aboutme.phtml b/application/modules/default/views/scripts/user/aboutme.phtml index c0ff140cc..1dd56de9a 100644 --- a/application/modules/default/views/scripts/user/aboutme.phtml +++ b/application/modules/default/views/scripts/user/aboutme.phtml @@ -1,609 +1,596 @@ . **/ $helperBuildMemberUrl = new Default_View_Helper_BuildMemberUrl(); $helperImage = new Default_View_Helper_Image(); $helpTruncate = new Default_View_Helper_Truncate(); $this->headTitle($this->member->username . ' - ' . $_SERVER['HTTP_HOST'], 'SET'); $this->doctype(Zend_View_Helper_Doctype::XHTML1_RDFA); $desc= isset($this->mainProject->description) ? nl2br(strip_tags($this->mainProject->description)): $this->member->username; $this->headMeta()->setName('description', $helpTruncate->truncate($desc, 200, '...', false, true)); $this->headMeta()->setName('title', $this->member->username . ' - ' . $_SERVER['HTTP_HOST']); $this->headMeta()->appendProperty('og:url', $helperBuildMemberUrl->buildMemberUrl($this->member->username)); $this->headMeta()->appendProperty('og:type', 'website'); $this->headMeta()->appendProperty('og:title', $this->member->username); $this->headMeta()->appendProperty('og:description', $helpTruncate->truncate($desc, 200, '...', false, true)); $this->headMeta()->appendProperty('og:image', $helperImage->Image($this->member->profile_image_url,array('width' => 110, 'height' => 110, 'crop' => 2))); $helperFetchMainCategories = new Default_View_Helper_FetchMainCategories(); $helperRatingWidget = new Default_View_Helper_PrintRatingWidget(); $categories = $helperFetchMainCategories->fetchMainCategories(); $helperAddDefaultScheme = new Default_View_Helper_AddDefaultScheme(); $helperBuildProductUrl = new Default_View_Helper_BuildProductUrl(); $helperTruncate = new Default_View_Helper_Truncate(); $helperImage = new Default_View_Helper_Image(); $helperPrintDate = new Default_View_Helper_PrintDate(); $textCountryCity = $this->member->city; $textCountryCity .= $this->member->country ? ', ' . $this->member->country : ''; $helperMemberScore = new Default_View_Helper_FetchMemberScore(); $isSupporter = $this->stat['donationIssupporter']; $url_gitlab = Zend_Registry::get('config')->settings->client->default->url_gitlab; $url_forum = Zend_Registry::get('config')->settings->client->default->url_forum; $memberProfile = $helperImage->Image($this->member->profile_image_url,array('width' => 110, 'height' => 110, 'crop' => 2)); ?>
Image 01
S profile-image member->roleId==Default_Model_DbTable_Member::ROLE_ID_MODERATOR) { ?>
MODERATOR

member->username; ?>

member->firstname ) :?> member->firstname; ?> member->lastname; ?>
userRole(); ?>
link to hive delete user
member->pling_excluded == 1 ? ' checked=\'checked\' ' : ''; ?> /> user-pling-excluded
userProducts) { ?>
render('user/partials/aboutme-products.phtml'); ?>
stat['cntFProducts']>0){ ?>
userProducts = $this->userFeaturedProducts; $this->projectpage = 1; $this->total_records=0; if ($this->userProducts) { ?>
render('user/partials/aboutme-products.phtml'); ?>
render('user/partials/loopMyComments.phtml'); ?>
likes->getTotalItemCount()>0){ ?>
render('user/partials/aboutme-likes.phtml'); ?>
plings->getTotalItemCount()>0){ ?>
render('user/partials/aboutme-plings.phtml'); ?>
supportersplings->getTotalItemCount()>0){ ?>
render('user/partials/aboutme-supporters.phtml'); ?>
rated)>0){ ?>
render('user/partials/loopRated.phtml'); ?>
inlineScript()->appendScript( ' $(document).ready(function(){ InitActiveHashTab.setup(); AboutMeMyProjectsPaging.setup(); AboutMeMyProjectsPagingButton.setup(); TooltipUser.setup("tooltipuser","right"); $(\'[data-toggle="popover"]\').popover(); }); '); diff --git a/httpdocs/theme/flatui/css/stylesheet.css b/httpdocs/theme/flatui/css/stylesheet.css index 6d6b25cf2..d117ea87b 100644 --- a/httpdocs/theme/flatui/css/stylesheet.css +++ b/httpdocs/theme/flatui/css/stylesheet.css @@ -1 +1 @@ -.bg_sheet{background-image:url(../img/bg_sheet.png)}.bg_sheet_statistics{background-image:url(../img/statistics_sheet.png)}.unstyled_list{list-style-type:none;padding:0;margin:0}.hand-with-coin{display:inline-block;background-image:url(../img/new/button/hand-w-coin.png);height:61px;width:61px}.hand-with-coin.v-2{background-image:url(../img/new/button/hand-w-coin-2.png)}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(../css/fonts/open-sans-v15-latin-300.woff2) format('woff2'),url(../css/fonts/open-sans-v15-latin-300.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'),local('OpenSans-Regular'),url(../css/fonts/open-sans-v15-latin-regular.woff2) format('woff2'),url(../css/fonts/open-sans-v15-latin-regular.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans SemiBold'),local('OpenSans-SemiBold'),url(../css/fonts/open-sans-v15-latin-600.woff2) format('woff2'),url(../css/fonts/open-sans-v15-latin-600.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(../css/fonts/open-sans-v15-latin-700.woff2) format('woff2'),url(../css/fonts/open-sans-v15-latin-700.woff) format('woff')}body{color:#32353d;overflow-y:scroll;font-size:1.5em;line-height:1.231;color:#4e4e4e;font-family:'Open Sans',sans-serif;font-size:medium}footer,header,main,section{width:100%;float:left}footer section.wrapper,header section.wrapper,main section.wrapper,section section.wrapper{margin-left:auto;margin-right:auto;width:95%;float:none;height:auto}a{text-decoration:none;color:#2673b0;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out}a:hover{text-decoration:none}a:focus{outline:0}button::-moz-focus-inner{border:0}button,input,select,textarea{font-family:Lato,sans-serif;font-size:14px}h1{font-size:32px;font-weight:900}h3{font-size:24px;font-weight:700;margin-bottom:4px;margin-top:2px}h5{font-size:16px;font-weight:500;text-transform:uppercase}@media (max-width:1200px) and (min-width:992px){footer section.wrapper,header section.wrapper,main section.wrapper{width:95%;margin-left:2.5%;margin-right:2.5%}}body{padding-top:34px}body .navbar-gitlab{top:34px}body#git-body #metaheader{position:fixed!important}body#git-body .nav-sidebar{top:88px}body.category-general #metaheader #metaheader-nav #user-context-menu-container .user-dropdown .th-icon,body.category-themes-and-apps #metaheader #metaheader-nav #user-context-menu-container .user-dropdown .th-icon,body.navigation-topics #metaheader #metaheader-nav #user-context-menu-container .user-dropdown .th-icon,body[class*=category-] #metaheader #metaheader-nav #user-context-menu-container .user-dropdown .th-icon{margin-top:-5px}body.docked .d-header{top:34px}body.docked #metaheader{position:fixed}body.drawer-open{height:100%;overflow:hidden}.btn{background:#bdc3c7 none repeat scroll 0 0;border:medium none;border-radius:6px;box-shadow:none;color:#fff;line-height:22px;padding:9px 12px 10px;text-decoration:none;text-shadow:none;-webkit-transition:all .2 ease-out;-moz-transition:all .2 ease-out;-ms-transition:all .2 ease-out;-o-transition:all .2 ease-out}.btn.btn-large{font-size:17px;line-height:20px;padding:12px 18px 13px}.btn.btn-native{background-color:#2673b0;color:#fff}.btn.btn-pling-red{background-color:#e84310}.btn.btn-pling-green{background-color:green}.btn.btn-purple{background:#9b59b6;padding:10px 35px}.btn.btn-file-dropzone{font-size:10px;padding:8px 10px 10px;line-height:10px}.btn.btn-file-action{font-size:12px;padding:8px 10px 10px;line-height:16px;margin-left:5px}.pling-danger{background:#C9302C none repeat scroll 0 0}.standard-form input{height:41px}.standard-form input,.standard-form select,.standard-form textarea{border:1px solid #bdc3c7;padding:0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.standard-form .field{margin-bottom:15px}.icon-facebook,.icon-google,.icon-twitter{width:40px;height:40px;cursor:pointer;display:inline-block;background-image:url(../img/bg_sheet.png)}.icon-facebook{background-position:0 -105px}.icon-twitter{background-position:-40px -105px}.lightblue{color:#2673b0}.small{font-size:12px}.large{font-size:18px}.relative{position:relative}.absolute{position:absolute}.light{font-weight:300}.lightgrey{color:#95a5a6}.center{text-align:center}i.myfav{color:#8e44ad}h1.page-title{color:#34495e;font-weight:700;font-size:32px}.modal{overflow-y:hidden}.right{float:right}.left{float:left}em.icon{display:inline-block;background-image:url(../img/bg_sheet.png)}em.icon.info-icon{width:31px;height:30px;background-position:-289px -64px}.margin-bottom-10{margin-bottom:10px}.margin-top-15{margin-top:15px}.full-width{width:100%!important}.progress{height:8px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;margin-bottom:0}.opendesktopwidgetpager{display:flex;justify-content:right;align-items:center;justify-content:flex-end}.opendesktopwidgetpager ul.opendesktopwidgetpager{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.opendesktopwidgetpager ul.opendesktopwidgetpager>li{display:inline}.opendesktopwidgetpager ul.opendesktopwidgetpager>li>span{cursor:pointer;position:relative;float:left;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd;padding:5px 10px;font-size:12px}.opendesktopwidgetpager ul.opendesktopwidgetpager>.active>span{z-index:2;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.metamenu{width:100%;background-color:#fff;height:15px}.metamenu a#toggleStoreBtn{float:left;margin-left:20px;text-decoration:none}.metamenu a.home-link{float:left}.metamenu a.home-link img.logo{width:16px;height:16px}.meta-nav-top>li>a{padding:0 5px;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out}.meta-nav-top>li>a#ocs-stores img{width:16px;height:16px}ul.meta-nav-top{list-style:none}ul.meta-nav-top li{float:left}ul.meta-nav-top-right{margin:0;margin-right:30px;float:right}ul.meta-nav-top-right li{padding:0 10px}ul.meta-nav-top-left{float:left}#toggleStoreContainer{z-index:1000;display:none;width:60%;height:200px;top:12px;left:190px}#toggleStoreContainer a{display:block;font-size:16px}#toggleStoreContainer a:hover{color:#6a7686}#toggleStoreContainer b{text-decoration:underline;text-align:center;padding-left:20px;font-size:18px;cursor:default}#toggleStoreContainer ul{list-style:none;padding:0;padding-top:10px;padding-left:30px}#toggleStoreContainer ul li{font-size:14px}#toggleStoreContainer ul li:hover{background-color:transparent}header nav{border-bottom:transparent}header#page_header{color:#6a7686;height:auto;font-size:10pt;font-weight:400;width:100%;font-family:Arial,sans-serif}header#page_header nav#nav-top{margin-left:130px;width:84%}header .dropdown-header{width:175px;height:12px;background-image:url(../img/bg_sheet.png);background-position:-385px 0}header a{color:#fff}header .pull-left,header .pull-right{padding:0}header ul{margin-bottom:0}header ul.menu-icon{float:right;display:none}header ul li{list-style:none;display:inline-block;margin:0;cursor:pointer;position:relative;height:40px;line-height:40px;float:left}header ul li a{float:left;display:block;height:inherit;line-height:inherit;padding:0 20px}header ul li.profile-menu-container{padding-top:0;padding-left:40px}header ul li.profile-menu-container .header-profile-image{top:50%;left:10px;height:30px;width:30px;margin-top:-15px}header ul li.profile-menu-container .header-profile-image .supporter-badge{position:absolute;left:0;bottom:0;background:#EE6E09;text-align:center;border-radius:30px 30px 30px 30px;color:#fff;padding:5px 10px;font-size:12px}header ul li.profile-menu-container .header-profile-image img{height:30px;width:30px;float:left;-webkit-border-radius:999px;-moz-border-radius:999px;border-radius:999px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}header ul li.profile-menu-container>a{display:block}header ul li ul{width:165px;margin-left:0;position:absolute;left:-9999px;top:45px;border:none;font-size:14px;color:#7f8c8d;font-weight:400;padding:0;z-index:10001;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}header ul li ul.active{left:0;top:40px}header ul li ul li{text-align:left;display:block;width:100%;background:#ecf0f1;margin:0;padding:0;height:40px;border-bottom:1px solid #d6d7d9}header ul li ul li.first,header ul li ul li:first-of-type{-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}header ul li ul li:last-of-type{-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}header ul li ul li a{color:#6a7686;text-align:left;height:40px;line-height:40px}header .container{margin-left:auto;margin-right:auto;float:none;height:auto;width:100%;background-color:#e2e2e2}header .container.header{margin-left:auto;margin-right:auto;float:none;width:100%}header .container.header section.container{background-color:transparent}header .container.header section.container.backLink{background-color:#729ECD!important;height:30px}header .container.header section.container.backLink h4 a:hover{color:#1d1d1d}header .container.header section.container section.wrapper{height:40px;padding-left:80px;position:relative}header .container.header section.container+section.container{background-color:transparent;padding-left:0}header .container.header section.container+section.container>section.wrapper{padding-left:242px;height:50px}header .container.header nav{border-bottom:transparent}header .container.header nav #search{height:25px;padding:0;margin:6.5px 15px;line-height:25px;position:relative}header .container.header nav #search input.content-search{width:16em;height:25px;padding:0;border:1px solid #fff;margin-bottom:-1px;padding-right:30px;text-indent:5px;color:#6a7686;float:left;border-radius:6px;box-shadow:none}header .container.header nav #search div.icon-search-input{top:2px;right:0;width:25px;height:25px;background-image:url(/theme/flatui/img/icon-search-input-2.png);background-position:center center;position:absolute;cursor:pointer}header .container.header ul.menu-nav-tabs{bottom:0;display:inline-table;list-style-type:none;margin:0;padding:0;position:absolute;z-index:999}.pling-nav-tabs-a{border:0;position:relative;color:#777;font-size:13px;transition:color 0s;bottom:-1px;border-bottom-width:2px;border-bottom-style:solid;border-bottom-color:transparent;background-color:transparent}.pling-nav-tabs ul.nav-tabs>li{background-color:transparent;margin-bottom:0}.pling-nav-tabs ul.nav-tabs>li>a{border:0;position:relative;color:#777;font-size:13px;transition:color 0s;bottom:-1px;border-bottom-width:2px;border-bottom-style:solid;border-bottom-color:transparent;background-color:transparent}.pling-nav-tabs ul.nav-tabs>li>a:hover{border:0;position:relative;color:#777;font-size:13px;transition:color 0s;bottom:-1px;border-bottom-width:2px;border-bottom-style:solid;border-bottom-color:transparent;background-color:transparent;color:#2673b0}.pling-nav-tabs ul.nav-tabs>li>a:hover svg{fill:#2673b0}.pling-nav-tabs ul.nav-tabs>li>a:focus{border:0;position:relative;color:#777;font-size:13px;transition:color 0s;bottom:-1px;border-bottom-width:2px;border-bottom-style:solid;border-bottom-color:transparent;background-color:transparent}.pling-nav-tabs ul.nav-tabs>li svg{fill:#777}.pling-nav-tabs ul.nav-tabs>li.active>a{border:0;position:relative;color:#777;font-size:13px;transition:color 0s;bottom:-1px;border-bottom-width:2px;border-bottom-style:solid;border-bottom-color:transparent;background-color:transparent;color:#2673b0;border-bottom-color:#2673b0;font-weight:700}.pling-nav-tabs ul.nav-tabs>li.active>a:hover{border:0;position:relative;color:#777;font-size:13px;transition:color 0s;bottom:-1px;border-bottom-width:2px;border-bottom-style:solid;border-bottom-color:transparent;background-color:transparent;color:#2673b0;border-bottom-color:#2673b0;font-weight:700}.pling-nav-tabs ul.nav-tabs>li.active>a:focus{border:0;position:relative;color:#777;font-size:13px;transition:color 0s;bottom:-1px;border-bottom-width:2px;border-bottom-style:solid;border-bottom-color:transparent;background-color:transparent;color:#2673b0;border-bottom-color:#2673b0;font-weight:700}.pling-nav-tabs ul.nav-tabs>li.active svg{fill:#2673b0}footer{width:100%;float:left;padding:12px 0;border-bottom:5px solid #2673b0;border-top:1px solid #a9a9a9;background-color:#dcdcdc;font-size:9pt}footer h3{font-weight:400}footer h3#footer-heading{font-size:1.3em;margin:0}footer nav#footer-nav ul{margin-top:1em;list-style:none;padding:0;margin-right:1em;float:left;width:auto;margin-bottom:.2em}footer nav#footer-nav ul li{display:inline-block;margin-right:0;font-size:1em}footer nav#footer-nav ul li a{color:#666;font-weight:400}footer nav#footer-nav ul li+li{margin-left:10px}footer h3#footer-social-heading{color:#666;font-size:1em;margin:0 0 .4em 0}footer #footer-social{float:right}footer #footer-social a{width:30px;display:block;float:left}footer #footer-social a+a{margin-left:2px}footer section.wrapper .pull-left{padding:0}footer section.wrapper .pull-right{padding:0}body.home-page main section.wrapper .container{padding:150px 0;height:auto;float:none;max-width:95%;width:95%}body.home-page main section.wrapper#intro .container{padding-bottom:50px}body.home-page main section.wrapper#intro .container article{text-align:center;width:100%}body.home-page main section.wrapper#intro .container article>*{margin-bottom:40px}body.home-page main section.wrapper#intro .container article h2{font-size:40px;font-weight:700;margin-bottom:20px}body.home-page main section.wrapper#intro .container article h3{font-size:30px;font-weight:700;margin-top:2px}body.home-page main section.wrapper#intro .container article p{margin-bottom:0;text-align:center}body.home-page main section#cat-list{border-top:1px solid #cdd7dd}body.home-page main .card-wrapper{position:relative;max-width:960px;margin:auto;margin-bottom:2rem;background:#fff}body.home-page main .card-wrapper .card-item{position:absolute;padding:1rem;width:31.4%;border:1px solid gray;border-radius:7px}body.home-page main .card-wrapper .card-item .category a.title{font-size:14pt;font-weight:600;min-height:30px;line-height:30px;padding-right:30px}body.home-page main .card-wrapper .card-item .category a.title span.label{padding:2px 3px}body.home-page main .card-wrapper .card-item div a.title{font-size:11pt;min-height:20px;line-height:20px;padding-right:5px}body.home-page main .card-wrapper .card-item div a.title span.label{font-size:7pt;font-weight:300;vertical-align:top;margin-left:5px;padding:1px 3px}.card-item{border:1px solid gray}.card-item .category>a.title{color:#444}.card-item div>a.title{color:#6a6a6a}#indeximages{line-height:0;-webkit-column-count:20;-webkit-column-gap:0;-moz-column-count:20;-moz-column-gap:0;column-count:20;column-gap:0}#indeximages img{width:100%!important;height:auto!important;opacity:1}@media (max-width:1920px){#indeximages{-moz-column-count:20;-webkit-column-count:20;column-count:20}}@media (max-width:1200px){#indeximages{-moz-column-count:15;-webkit-column-count:4;column-count:4}}@media (max-width:1000px){#indeximages{-moz-column-count:12;-webkit-column-count:3;column-count:3}}@media (max-width:800px){#indeximages{-moz-column-count:9;-webkit-column-count:2;column-count:2}}@media (max-width:400px){#indeximages{-moz-column-count:7;-webkit-column-count:1;column-count:1}}#products-wrapper{padding-top:20px}.explore-products{padding-left:30px;padding-right:30px;margin-top:-10px}.explore-products .product-list{width:100%;float:left;padding:0 10px;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.explore-products .product-list .explore-product{padding:10px 0;font-size:12px;border-top:1px solid #ccc}.explore-products .product-list .explore-product .rownum{font-size:12px;float:left}.explore-products .product-list .explore-product .explore-product-imgcolumn{padding-left:5px;padding-right:5px}.explore-products .product-list .explore-product .imageContainer{height:167px;display:flex;justify-content:center;align-items:center}.explore-products .product-list .explore-product .explore-product-image{max-width:95%;max-height:167px}.explore-products .product-list .explore-product .contentLeft{float:left;padding-right:0;width:270px}.explore-products .product-list .explore-product .contentLeft img{max-width:167px;max-height:167px}.explore-products .product-list .explore-product .contentLeft div.productimg{width:167px;height:167px}.explore-products .product-list .explore-product .explore-product-details{padding-left:20px}.explore-products .product-list .explore-product .explore-product-details h3{font-size:24px;font-weight:700;color:#2673b0}.explore-products .product-list .explore-product .explore-product-details h3 span.version{font-size:smaller;padding-left:20px}.explore-products .product-list .explore-product .explore-product-details .title{display:block;margin-bottom:8px}.explore-products .product-list .explore-product .explore-product-details .title .username{padding-left:20px}.explore-products .product-list .explore-product .explore-product-details .description{display:block;margin-bottom:8px}.explore-products .product-list .explore-product .explore-product-details .packagetypes{display:block;float:left}.explore-products .product-list .explore-product .explore-product-details .packagetypes .packagetypeos{width:100px;float:left}.explore-products .product-list .explore-product .explore-product-details .productInfo{clear:left;padding-top:5px}.explore-products .product-list .explore-product .explore-product-details .productInfo span.cntSupporters{padding-right:20px}.explore-products .product-list .explore-product .explore-product-plings{padding:0}.explore-products .product-list .explore-product .explore-product-plings .rating{width:50%}.explore-products .product-list .explore-product .explore-product-plings .progress{margin-bottom:10px;padding:3px;opacity:0;margin-bottom:0;height:12px;opacity:1;background-color:transparent;box-shadow:none;padding:2px}.explore-products .product-list .explore-product .explore-product-plings .progress .bar{width:4px;max-width:100%;height:14px;background-color:#2673b0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:inset 0 6px 0 rgba(255,255,255,.2);-moz-box-shadow:inset 0 6px 0 rgba(255,255,255,.2);box-shadow:inset 0 6px 0 rgba(255,255,255,.2)}.explore-products .product-list .explore-product .explore-product-plings .progress .bar.no-goal{width:50%;opacity:0}.explore-products .product-list .explore-product .explore-product-plings .collected span{display:block;width:100%;float:left}.explore-products .product-list .explore-product:first-of-type{border-top:0}.explore-products .explore-footer{width:100%;text-align:center}.explore-products .explore-footer .projectPaginationControl{width:auto;display:table;margin:0 auto}.explore-products .explore-footer .projectPaginationControl ul#pagination-digg{padding:0;list-style-type:none;margin:20px 0;height:auto;overflow:hidden}.explore-products .explore-footer .projectPaginationControl ul#pagination-digg li{float:left;font-size:16px;font-weight:400;margin:0 4px}aside#explore-sidebar{padding-left:0;margin-bottom:20px}main#community-page .head-wrap{padding-top:1em;height:auto;background-size:cover;position:relative}main#community-page .head-wrap .wrapper{width:95%}main#community-page .head-wrap .page-title{height:3em;position:relative;margin-bottom:2em}main#community-page .head-wrap .page-title .center{position:absolute;top:0;left:0;width:100%;height:3em;text-align:center}main#community-page .head-wrap .page-title .center>div{background:rgba(246,246,246,.86);width:auto;display:table;float:none;margin:0 auto}main#community-page .head-wrap .page-title .center>div>h1{margin:0 .5em}main#community-page .head-wrap .page-title hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee;border-bottom:1px solid #fff;float:left;width:100%}main#community-page .banner{margin:0 auto;float:none;background:#fff;border:1px solid #e4e4e4;padding:0;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;text-align:center}main#community-page .banner .top{padding:1em;font-size:1em}main#community-page .banner .top .large{font-size:2em}main#community-page .banner .bottom{padding:1em;background:rgba(231,231,231,.4);border-top:1px solid #e4e4e4;-webkit-border-radius:0 0 9px 9px;-moz-border-radius:0 0 9px 9px;border-radius:0 0 9px 9px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}main#community-page .banner .bottom a{margin-right:5px}main#community-page .body-wrap{background:#fff;position:relative}main#community-page .body-wrap .wrapper{width:70%}main#community-page .body-wrap #user-lists{padding-top:1em}main#community-page .body-wrap #user-lists #community-tabs{margin-bottom:20px;text-align:center}main#community-page .body-wrap #user-lists #community-tabs .pling-nav-tabs .nav-tabs{text-align:center}main#community-page .body-wrap #user-lists #community-tabs .pling-nav-tabs .nav-pills>li,main#community-page .body-wrap #user-lists #community-tabs .pling-nav-tabs .nav-tabs>li{float:none;display:inline-block}main#community-page .body-wrap #user-lists .list{display:block;margin:auto;padding-right:15px;padding-left:15px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}main#community-page .body-wrap #user-lists .list .u-wrap{float:left;width:100%;padding:.3em;border:.35em solid #dee0e0;border-radius:5px;height:14em;margin-bottom:1em;background:#fff;width:115px;height:200px;margin-right:10px;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;position:relative;text-align:center}main#community-page .body-wrap #user-lists .list .u-wrap figure{float:left;padding:.25em;border:1px solid #dbdbdb;background:#f6f6f6;-webkit-border-radius:999px;-moz-border-radius:999px;border-radius:999px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}main#community-page .body-wrap #user-lists .list .u-wrap figure img{width:100%;border:1px solid #dbdbdb;-webkit-border-radius:999px;-moz-border-radius:999px;border-radius:999px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}main#community-page .body-wrap #user-lists .list .u-wrap h3{font-size:13px;font-weight:700;word-wrap:break-word;line-height:20px;height:20px;padding:0;margin:0}main#community-page .body-wrap #user-lists .list .u-wrap span.small{font-size:13px;color:#444;position:absolute;bottom:5px;right:5px}main#community-page .body-wrap #user-lists .list .u-wrap div.projecttitle{font-size:11px}main#community-page .body-wrap #user-lists .list .u-wrap span.rank{font-size:14px;position:absolute;bottom:5px;left:5px;color:#444;font-weight:700}#product-page-content{padding:0}#product-page-content #product-main-img #product-title-div{padding-left:30px;min-height:105px;padding-top:20px;display:flex}#product-page-content #product-main-img #product-title-div .product-title{flex:0 0 80%;font-size:25px;color:#2673b0;font-weight:700;padding-bottom:15px}#product-page-content #product-main-img #product-title-div .product-title-right{flex:1}#product-page-content #product-main-img #product-title-div img.logo{max-height:85px;max-width:85px;float:left;padding-right:15px;border-radius:0}#product-page-content #product-main-img #product-title-div .product-logo-container{float:left;width:95px}#product-page-content #product-main-img #product-title-div .product_category{font-size:small;display:block;font-weight:400}#product-page-content #product-main-img #product-title-div .topics{padding-right:20px;float:right}#product-page-content #product-main-img #product-title-div .topics .topic-tag{display:inline-block;padding:.3em .9em;margin:0 .5em .5em 0;white-space:nowrap;background-color:#f1f8ff;border-radius:3px}#product-page-content #product-main-img #product-title-div .topics .usertagslabelcat{background-color:#f1f1f1}#product-page-content #product-main-img #product-title-div .topics .topic-tag-link:hover{text-decoration:none;background-color:#def}#product-page-content #product-main-img #product-title-div .topics .btn-link{display:inline-block;padding:0;font-size:inherit;color:#0366d6;text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;float:right;padding-top:5px;padding-left:10px}#product-page-content #product-main-img #product-title-div .topics .topic-tags-saved{display:none;color:#0366d6;float:left;padding-top:5px;padding-left:10px}#product-page-content #product-main-img #product-title-div .topics .topic-tags-saved .fa-check{color:green}#product-page-content #product-main-img #product-title-div span.source{color:#4e4e4e}#product-page-content #product-main-img #product-title-div div.projectdetailRating{float:right;width:150px;z-index:100}#product-page-content #product-main-img #product-title-div div.projectdtailHeart{float:right;margin-right:5px;width:80px}#product-page-content #product-main-img #product-title-div div.projectdtailHeart .container-pling{position:relative;width:80px}#product-page-content #product-main-img #product-title-div div.projectdtailHeart .container-pling .partialbuttonfollowproject{text-align:center;width:80px;height:30px}#product-page-content #product-main-img #product-title-div div.projectdtailHeart .container-pling .partialbuttonplingproject{text-align:center}#product-page-content #product-main-img #product-title-div div.projectdtailHeart{float:right;z-index:100;margin-right:5px;width:50px}#product-page-content #product-main-img #product-title-div div.projectdtailHeart .container-pling{position:relative;width:50px}#product-page-content #product-main-img #product-title-div div.projectdtailHeart .container-pling .partialbuttonfollowproject{text-align:center;width:45px;height:45px}#product-page-content #product-main-img #product-title-div div.projectdtailHeart .container-pling .partialbuttonplingproject{text-align:center}#product-page-content #product-main-img #product-title-div .heartproject{position:relative;color:#8e44ad;font-size:45px;display:block}#product-page-content #product-main-img #product-title-div div.heartnumber{z-index:3;position:relative;top:-32px;display:block;margin:auto;color:#fff}#product-page-content #product-main-img #product-title-div .heartgrey{position:relative;color:#C8C8C8;font-size:45px;display:block}#product-page-content #product-main-img #product-title-div span.plingcircle{width:30px;height:30px;background-color:#fff;border:3px solid #C8C8C8;border-radius:50%;display:inline-block;font-size:17px;text-align:center;color:#C8C8C8;font-weight:700;transform:rotate(345deg)}#product-page-content #product-main-img #product-title-div span.active{border:3px solid #EE6E09;color:#EE6E09}#product-page-content #product-main-img #product-title-div div.heartnumberpurple{color:#8e44ad}#product-page-content #product-tabs-container{padding-top:30px}#product-page-content #product-tabs-container #product-actions{margin-top:25px;margin-right:10px}#product-page-content #product-tabs{font-size:10pt;padding-left:25px}#product-page-content #product-panels{background:none repeat scroll 0 0 #fff;height:auto;overflow:hidden;border-radius:0;padding:15px;float:left;width:100%;margin:0}#product-page-content #product-panels .tab-pane{width:100%;float:left;background-color:#fff;padding:4px}#product-page-content #product-panels .tab-pane h3{color:#2673b0;margin-bottom:20px;margin-top:0}#product-page-content #product-panels .tab-pane .panel-grey-part{padding:15px;background-color:#f3f3f3;color:#2673b0;border-left:1px solid #e5e5e5}#product-page-content #product-panels .tab-pane#about-panel #product-about{padding:20px 10px 10px 10px}#product-page-content #product-panels .tab-pane#about-panel #product-about article{padding-top:15px}#product-page-content #product-panels .tab-pane#about-panel #product-about article.lastchangelog{padding-top:50px}#product-page-content #product-panels .tab-pane#donations-panel #comments{width:100%;float:left;padding:15px}#product-page-content #product-panels .tab-pane#donations-panel .list#supporters{padding:15px}#product-page-content #product-panels .tab-pane#ratings-panel .productRating-rows-inactive{color:#ddd;display:none}#product-page-content #product-panels .tab-pane#ratings-panel .userimg{border-radius:50%;border:1px solid #ccc;width:40px;height:40px}#product-page-content #product-panels .tab-pane#ratings-panel span.o-thumbs-up{color:green;padding-left:10px;padding-top:10px}#product-page-content #product-panels .tab-pane#ratings-panel span.o-thumbs-down{color:red;padding-left:10px;padding-top:10px}#product-page-content #product-panels #files-panel{padding-top:30px}#product-page-content #product-panels #files-panel table.table-ocs-file td{padding:3px;vertical-align:middle;padding-left:8px}#product-page-content #product-panels #files-panel table.table-ocs-file th{padding-right:3px}#product-page-content #product-panels #files-panel .btn{padding:3px 5px}#product-page-content #product-panels #updates-panel span.product-update-date{padding-left:10px}#product-page-content #product-panels #gitlabissues-panel span.date{font-size:10pt}#product-page-content #product-panels #gitlabissues-panel span.title{font:12pt Trebuchet MS,sans-serif;display:block;padding-bottom:10px}#product-page-content #product-panels #gitlabissues-panel span.showmore{font-size:10pt}#product-page-content #product-panels #likes-panel .u-wrap{float:left;padding:.3em;border:.35em solid #dee0e0;border-radius:5px;height:14em;margin-bottom:1em;background:#fff;width:115px;height:200px;margin-right:10px;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out}#product-page-content #product-panels #likes-panel .u-wrap figure img{width:100%;border:1px solid #dbdbdb;-webkit-border-radius:999px;-moz-border-radius:999px;border-radius:999px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}#product-page-content #product-panels #likes-panel .u-wrap h3{font-size:13px;font-weight:700;word-wrap:break-word;line-height:20px;height:20px;padding:0;margin:0}#product-page-content #product-panels #likes-panel .u-wrap span.small{font-size:13px;text-align:right;color:#444;margin-top:50px;float:right}span.page-views{float:left;font-size:12px;padding:5px 15px 5px 0;color:#2673b0}#product-maker{background-color:#f1f1f1}#product-maker .project-share-new{padding-bottom:10px;padding-top:10px}#product-maker .project-share-new>.row{padding-left:30px}#product-maker .project-share-new .prod-user{margin-top:10px}#product-maker .project-share-new .prod-user .product-maker-thumbnail{float:right}#product-maker .project-share-new .prod-user .product-maker-thumbnail .supporter-badge{position:absolute;left:0;bottom:0;background:#EE6E09;text-align:center;border-radius:15px 15px 15px 15px;color:#fff;padding:2px 5px;font-size:10px}#product-maker .project-share-new .prod-user .product-maker-summary{float:right;padding-right:20px}#product-maker .project-share-new .prod-info{font-size:12px;padding-bottom:10px}#product-maker .project-share-new .prod-info>span{width:100%;float:left;padding-left:15px}#product-maker .project-share-new .prod-download>a{position:relative;display:block;float:left;color:#2673b0;background-image:-moz-linear-gradient(top,#E8E8E8,#D6D6D6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#E8E8E8),to(#D6D6D6));background-image:-webkit-linear-gradient(top,#E8E8E8,#D6D6D6);background-image:-o-linear-gradient(top,#E8E8E8,#D6D6D6);background-image:linear-gradient(to bottom,#E8E8E8,#D6D6D6);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='@from', endColorstr='@to', GradientType=0);-webkit-box-shadow:inset 0 0 0 1px rgba(154,154,154,.45);-moz-box-shadow:inset 0 0 0 1px rgba(154,154,154,.45);box-shadow:inset 0 0 0 1px rgba(154,154,154,.45);padding:10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;height:50px;font-size:16px;line-height:30px;padding-left:15px;margin-right:5px;margin-bottom:10px}#product-maker .project-share-new .prod-download>a .glyphicon{font-size:30px;margin:0;position:absolute;height:30px;width:30px;display:block;top:10px;left:10px}#product-maker .project-share-new .prod-download>a .txt{float:left;width:100%;height:30px}#product-maker .project-share-new .prod-download>a .txt>span{text-transform:capitalize}#product-maker .project-share-new #donation-box{margin:0 -10px}.prod-widget-box{border:1px solid #ccd4d8!important;font-size:10pt;padding:5px;margin-bottom:10px!important;width:95%!important}.prod-widget-box .product-row .product-thumbnail{width:75px;height:77px;margin:7px;padding:10px;position:relative}.prod-widget-box .product-row .product-thumbnail img{border-radius:5px;border:1px solid #b2b2b2;height:75px;width:75px}.prod-widget-box #pling-box .donation-box{padding-top:10px;padding-bottom:15px;width:100%;height:auto}.prod-widget-box #pling-box .donation-box>div{height:auto}.prod-widget-box #comments figure{width:40px;height:auto;text-align:center;border-top:1px solid #f5f5f5;padding:0 0 15px 0;float:left}.prod-widget-box #comments figure img{margin:0 auto;width:70%}.prod-widget-box.details span{line-height:1.65em;font-size:8.25pt}.prod-widget-box.details span.title{font:12pt Trebuchet MS,sans-serif;display:block;padding-bottom:10px}.prod-widget-box.details span.value{font-size:9pt}#product-donate{display:none;width:550px;height:300px;font-size:13px}main#reg-page{width:100%;height:100%}main#reg-page .form-control-feedback{line-height:40px}main#reg-page section#register-wrap{position:absolute;top:150px;left:50%;margin-left:-290px;width:580px}main#reg-page section#register-wrap input[type=text],main#reg-page section#register-wrap input[type=password]{border-width:1px;height:41px;margin:4px 0;width:100%;float:none;padding:0 5px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.15);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.15);box-shadow:inset 0 1px 1px rgba(0,0,0,.15)}main#reg-page section#register-wrap input[type=checkbox]{height:20px;width:auto}main#reg-page section#register-wrap label{font-size:12px}main#reg-page section#register-wrap button#login{margin-top:8px;width:120px}main#reg-page section#register-wrap #register{width:100%;margin:auto;background:#f5f5f5;padding:10px;border-radius:5px}main#reg-page section#register-wrap #register h3{text-align:center;font-weight:400;position:relative;margin:10px 0 13px 0}main#reg-page section#register-wrap #register #register-box{padding-left:0;padding-right:0;min-height:373px}main#reg-page section#register-wrap #register #register-box #register-form-box{background-color:#fff;margin-bottom:0;width:373px}main#reg-page section#register-wrap #register #social-register{padding-top:20px;padding-right:15px;padding-left:30px;float:right}main#reg-page section#register-wrap #register #social-register #social-login-elements{margin-bottom:91px}main#reg-page section#register-wrap #register #social-register>div{float:left;width:100%}main#reg-page section#register-wrap #register #social-register form button{background-image:url(../img/bg_sheet.png);font-size:14px;display:block;font-weight:300;color:#fff;width:140px;height:41px;margin:0;border:none;text-align:left;text-indent:10px;padding-left:41px}main#reg-page section#register-wrap #register #social-register form button.facebook{background-position:0 -189px;margin-top:4px}main#reg-page section#register-wrap #register #social-register form button.twitter{background-position:0 -232px;margin-top:7px}main#reg-page section#register-wrap #register #social-register .bottom .small{margin-bottom:6px;text-align:center}main#reg-page section#register-wrap #register #social-register .bottom .login2 a{width:100%}main#reg-page section#register-wrap #login-form-box{background-color:#fff;margin-bottom:0;position:absolute;top:0;bottom:0}main#reg-page #thumbs{z-index:-1;width:100%;min-height:1000px;overflow:hidden;position:relative;background:#000}main#reg-page #thumbs div.thumb{width:5.5555%;max-height:100px;padding:0;float:left;background:rgba(0,0,0,.8)}main#reg-page #thumbs div.thumb a{float:left;width:100%;height:auto;display:block;position:relative}main#reg-page #thumbs div.thumb a>span{width:100%;height:100%;display:block;position:absolute;top:0;left:0;background:rgba(0,0,0,.8);-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out}main#reg-page #thumbs div.thumb a img{width:100%;height:auto}.login-popup{position:relative;background:#fff;padding:0;width:420px;margin:0 auto}.login-popup .login-popup-form{background:#fff;border-radius:10px;padding:20px;float:left;margin:0;width:440px}.login-popup .login-popup-form .login-form-container{position:relative}.login-popup .login-popup-form .login-form-container form{margin:0}.login-popup .login-popup-form .login-form-container form input,.login-popup .login-popup-form .login-form-container form select,.login-popup .login-popup-form .login-form-container form textarea{border:1px solid #bdc3c7;padding:0;border-radius:5px}.login-popup .login-popup-form .login-form-container form .inputbox{border:1px solid #eaedf2;border-radius:3px;height:40px;padding:10px 0 10px 32px;width:100%;outline:0;margin-bottom:10px;font-family:inherit}.login-popup .login-popup-form .login-form-container form .email{background:#eaedf2 url(../img/email.png) 10px 15px no-repeat}.login-popup .login-popup-form .login-form-container form .password{background:#eaedf2 url(../img/password.png) 10px 10px no-repeat}.login-popup .login-popup-form .login-form-container form .container-checkbox-remember-me{height:20px;clear:both;margin-bottom:10px}.login-popup .login-popup-form .login-form-container form .container-checkbox-remember-me input{height:20px;margin:0 5px;float:left;width:auto}.login-popup .login-popup-form .login-form-container form .container-checkbox-remember-me label{display:inline-block;font-weight:700;font-size:13px;float:left}.login-popup .login-popup-form .login-form-links{position:absolute;bottom:10px;right:20px;font-size:13px}.login-popup .login-popup-form .login-form-links a{font-size:13px}.login-popup p{font-size:15px;margin-bottom:0;text-align:left}.login-popup .social{margin:20px 0 15px}.login-popup .social a{color:#fff;text-decoration:none;font-weight:700;border-radius:4px 4px 4px 4px;margin-right:10px;float:left;height:40px}.user-admin-page{position:relative}.user-admin-page .head-wrap{padding-top:1em;height:auto;background-size:cover;position:relative;padding-bottom:1.9em}.user-admin-page .head-wrap .about-me-header figure{width:6.9em;height:6.9em;padding:.3em;border:1px solid #dbdbdb;background:#fff;position:absolute;z-index:10;-webkit-border-radius:999px;-moz-border-radius:999px;border-radius:999px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.user-admin-page .head-wrap .about-me-header figure img{width:100%;height:100%;-webkit-border-radius:999px;-moz-border-radius:999px;border-radius:999px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.user-admin-page .head-wrap .about-me-header .user-menu{position:relative;height:auto;background:#fff;float:left;margin-top:1.5em;padding:.5em 2em .5em 8em;-webkit-border-radius:50px 0 0 50px;-moz-border-radius:50px 0 0 50px;border-radius:50px 0 0 50px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.user-admin-page .head-wrap .about-me-header .user-menu .intro{margin-top:0}.user-admin-page .body-wrap{background:#fff;position:relative}.user-admin-page .body-wrap .product-page{padding-top:1em}.user-admin-page .my-payments-page,.user-admin-page .my-products-page{padding-bottom:2em}.user-admin-page .my-payments-page .my-products-heading,.user-admin-page .my-products-page .my-products-heading{padding-bottom:20px;margin-bottom:20px;margin-top:20px;border-bottom:1px solid #c1c1c1;float:left;width:100%}.user-admin-page .my-payments-page .my-products-heading .num-products,.user-admin-page .my-products-page .my-products-heading .num-products{margin-top:35px}.user-admin-page .my-payments-page .my-products-list,.user-admin-page .my-products-page .my-products-list{float:left;width:100%}.user-admin-page .my-payments-page .my-product-item,.user-admin-page .my-products-page .my-product-item{margin-bottom:20px}.user-admin-page .my-payments-page .my-product-item figure,.user-admin-page .my-products-page .my-product-item figure{height:auto;padding:0}.user-admin-page .my-payments-page .my-product-item figure img.explore-product-image,.user-admin-page .my-products-page .my-product-item figure img.explore-product-image{width:101px;height:auto;padding-top:10px}.user-admin-page .my-payments-page .my-product-item article>div,.user-admin-page .my-products-page .my-product-item article>div{float:left;width:100%}.user-admin-page .my-payments-page .my-product-item article .title,.user-admin-page .my-products-page .my-product-item article .title{margin-bottom:10px}.user-admin-page .my-payments-page .my-product-item article .title h3,.user-admin-page .my-products-page .my-product-item article .title h3{margin:0;padding:0}.user-admin-page .my-payments-page .my-product-item article .info ul,.user-admin-page .my-products-page .my-product-item article .info ul{list-style-type:none;padding:0;margin:0}.user-admin-page .my-payments-page .my-product-item article .info ul li,.user-admin-page .my-products-page .my-product-item article .info ul li{float:left;width:auto;font-size:12px}.user-admin-page .my-payments-page .my-product-item article .info ul li span+span,.user-admin-page .my-products-page .my-product-item article .info ul li span+span{margin-left:5px;font-weight:700}.user-admin-page .my-payments-page .my-product-item article .info ul li+li,.user-admin-page .my-products-page .my-product-item article .info ul li+li{margin-left:15px}.user-admin-page .my-payments-page .my-product-item article .text,.user-admin-page .my-products-page .my-product-item article .text{font-size:12px;margin:5px 0 10px 0}.user-admin-page .my-payments-page .my-product-item article .text p,.user-admin-page .my-products-page .my-product-item article .text p{margin:0}.user-admin-page .my-payments-page .my-product-item article .buttons a.btn.btn-native,.user-admin-page .my-products-page .my-product-item article .buttons a.btn.btn-native{color:#fff;font-size:12px;padding:3px 6px}.user-admin-page .my-payments-page .my-product-item article .buttons a.btn.pling-danger,.user-admin-page .my-products-page .my-product-item article .buttons a.btn.pling-danger{background-color:#C82333}.user-admin-page .my-payments-page .my-product-divider,.user-admin-page .my-products-page .my-product-divider{border-bottom:1px solid #c1c1c1;margin-bottom:20px;width:97%;margin-left:15px}.user-admin-page .my-payments-page #my-earnings-list ul.nav-tabs,.user-admin-page .my-products-page #my-earnings-list ul.nav-tabs{top:0;position:relative;margin:0;border-radius:5px 5px 0 0;padding:10px;padding-bottom:0}.user-admin-page .my-payments-page #my-earnings-list ul.nav-tabs>li>a,.user-admin-page .my-products-page #my-earnings-list ul.nav-tabs>li>a{padding:.7em 1em;font-size:.9em;height:2.95em;color:#2673b0}.user-admin-page .my-payments-page #my-earnings-list #my-earnings-tabs,.user-admin-page .my-products-page #my-earnings-list #my-earnings-tabs{padding:10px;border:1px solid #ddd;border-radius:0 0 5px 5px}.user-admin-page .my-payments-page #my-earnings-list #my-earnings-tabs .tab-pane,.user-admin-page .my-products-page #my-earnings-list #my-earnings-tabs .tab-pane{font-weight:700}.user-admin-page .my-payments-page #my-earnings-list #my-earnings-tabs .tab-pane .row,.user-admin-page .my-products-page #my-earnings-list #my-earnings-tabs .tab-pane .row{margin:0}.user-admin-page .my-payments-page #my-earnings-list #my-earnings-tabs .tab-pane .row h3,.user-admin-page .my-products-page #my-earnings-list #my-earnings-tabs .tab-pane .row h3{margin:5px 0}.modal-ppload .content-modal{width:950px}.about-me-page .my-fav-list{width:1100px}.about-me-page .my-fav-list .totaldownloads{margin:0;padding:20px;text-align:right}.about-me-page .my-fav-list .smaller{font-size:smaller}.about-me-page .my-fav-list .row{border-bottom:1px solid #ccc;padding-top:15px;padding-bottom:15px}.about-me-page .my-fav-list .rating{width:60px!important;font-size:10pt}.about-me-page .my-fav-list .downloadhistory-image{width:50px;height:50px;float:left;margin-right:15px}.about-me-page .my-fav-list .nowrap{white-space:nowrap}.about-me-page .my-fav-list i.voteup{color:#409540;font-size:20px;padding-left:5px;padding-right:5px}.about-me-page .my-fav-list i.votedown{color:#C9302C;font-size:20px;padding-left:5px;padding-right:5px}.about-me-page .my-fav-list .newusers .u-wrap{float:left;width:100%;padding:.3em;border:.35em solid #dee0e0;border-radius:5px;height:14em;margin-bottom:1em;background:#fff;width:115px;height:200px;margin-right:10px;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;position:relative}.about-me-page .my-fav-list .newusers .u-wrap figure img{width:100%;border:1px solid #dbdbdb;-webkit-border-radius:999px;-moz-border-radius:999px;border-radius:999px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.about-me-page .my-fav-list .newusers .u-wrap h3{font-size:13px;font-weight:700;word-wrap:break-word;line-height:20px;height:20px;padding:0;margin:0}.about-me-page .my-fav-list .newusers .u-wrap div.small{font-size:13px;color:#444;position:absolute;bottom:5px;right:5px}.about-me-page .my-fav-list .newusers .u-wrap div.small img.plingactivesmall{width:20px;height:20px}.about-me-page .my-fav-list .newusers .u-wrap div.small .cntplings{line-height:20px}.about-me-page>.head-wrap{padding-top:1em;height:auto;background-size:cover;position:relative;padding-bottom:1em}.about-me-page>.head-wrap .page-title{height:3em;position:relative;margin-bottom:2em;margin-top:2em}.about-me-page>.head-wrap .page-title .center{position:absolute;top:0;left:0;width:100%;height:3em;text-align:center}.about-me-page>.head-wrap .page-title .center>div{background:#f6f6f6;width:auto;display:table;float:none;margin:0 auto}.about-me-page>.head-wrap .page-title .center>div>h1{margin:0 .5em}.about-me-page>.head-wrap .page-title hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee;border-bottom:1px solid #fff;float:left;width:100%}.about-me-page .header{height:auto;position:relative;margin-bottom:3em}.about-me-page .header>div.col-lg-8{padding-right:5px;padding-left:0}.about-me-page .header>div.col-lg-4{padding-right:0;padding-left:5px}.about-me-page .header .about{display:none}.about-me-page .header .about .well{background-color:#fff;padding:1em;height:22.5em}.about-me-page .header .about .well h2{font-size:1.4em;margin:0;min-height:1.4em;line-height:1.2em;border-bottom:1px solid #dbdbdb;font-weight:400}.about-me-page .header .about .well article{border-top:1px solid #f5f5f5;padding-top:.5em;width:100%;float:left;overflow:hidden;height:18.5em}.about-me-page .header .about .well article>.scroll-pane{height:18em}.about-me-page .header .summary{float:none;margin:0 auto}.about-me-page .header .summary article{padding:0;background-color:#fff;height:auto;float:left}.about-me-page .header .summary article .about-title{padding:1em;height:8.9em;padding-left:8.9em;position:relative;background:rgba(246,246,246,.45);border-bottom:1px solid #e1e1e1;float:left;width:100%}.about-me-page .header .summary article .about-title figure{width:6.9em;height:6.9em;padding:.3em;border:1px solid #dbdbdb;background:#fff;position:absolute;top:1em;left:1em;display:inline-block;-webkit-border-radius:999px;-moz-border-radius:999px;border-radius:999px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.about-me-page .header .summary article .about-title figure img{width:100%;height:100%;-webkit-border-radius:999px;-moz-border-radius:999px;border-radius:999px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.about-me-page .header .summary article .about-title .supporter-badge{position:absolute;left:0;bottom:0;background:#EE6E09;text-align:center;border-radius:30px 30px 30px 30px;color:#fff;padding:5px 10px;font-size:16px}.about-me-page .header .summary article .about-title .mod-badge{display:block;text-align:center;padding-top:3px;font-size:small}.about-me-page .header .summary article .about-title h1{margin:1.5em 0 0 0;font-size:1.5em;min-height:1.7em;line-height:1em}.about-me-page .header .summary article .about-content{padding:1em;float:left}.about-me-page .header .summary article .about-content>div{float:left;width:100%}.about-me-page .header .summary article .about-content>div span{float:left;display:block;line-height:1.25em}.about-me-page .header .summary article .about-content>div span.glyphicon{color:#939292;margin-right:.25em;font-size:1.25em}.about-me-page .header .summary article .about-content>div span+span{line-height:1.65em}.about-me-page .header .summary article .about-content>div.social-icons a{font-size:1.35em;height:1em;width:1em;display:block;float:left}.about-me-page .header .summary article .about-content>div.social-icons a img{width:100%;height:100%;vertical-align:top}.about-me-page .header .summary article .about-content>div.social-icons a+a{margin-left:.25em}.about-me-page .header .summary article .about-content div+div{margin-top:.25em}.about-me-page .header .summary article .about-footer{float:left;width:100%;padding:1em}.about-me-page .header .summary article .about-footer .info-div{width:100%;float:left}.about-me-page .header .summary article .about-footer .info-div+.info-div{margin-top:5px}.about-me-page .header .summary article .about-footer .social-share .social+.social{margin-left:.5em}.about-me-page .header .summary article .about-footer>.pull-right em.report-icon{height:1.5em;width:1.5em;margin-top:.5em;background-size:cover}.about-me-page .about-me-details{padding-left:0;padding-right:.5em}.about-me-page .about-me-details .tab-content{padding-top:20px}.about-me-page .about-me-details h3.about-me-heading{font-size:1.5em;margin:0;min-height:1.9em;line-height:1.9em;border-bottom:1px solid #dbdbdb;font-weight:400}.about-me-page .about-me-details article{padding-top:.5em;padding-bottom:1.5em;width:100%;float:left}.about-me-page .about-me-details .my-products-list h3{width:100%;margin-bottom:20px}.about-me-page .about-me-details .my-products-list .cat-title{padding:0 5px;position:relative;height:2em;margin-bottom:1em;margin-top:1.1em}.about-me-page .about-me-details .my-products-list .cat-title>div{position:absolute;top:0;left:1em;background:#fff;height:2em;width:auto;padding:0 .5em}.about-me-page .about-me-details .my-products-list .cat-title>div>h2{margin:0}.about-me-page .about-me-details .my-products-list .cat-title hr{float:left;width:100%;margin-top:1em;margin-bottom:1em;border-bottom:1px solid #F9F9F9}.about-me-page .about-me-details .my-products-list .mini-card{width:14.28571%;margin-bottom:10px}.about-me-page .about-me-details .my-products-list .mini-card p img{vertical-align:baseline}.about-me-page aside .details{float:left;width:100%;height:auto;padding:.5em}.about-me-page aside .details h3{line-height:2em;font-size:1em;margin:0;color:#a3a2a2;border-bottom:1px solid #e1e1e1}.about-me-page aside .details .box-content{padding:.5em 0 0 0;border-top:1px solid #ededed}.about-me-page aside .details .box-content>div{width:100%;float:left;height:auto;margin-top:.5em}.about-me-page aside .details .box-content>div .label{float:left;padding:0}.about-me-page aside .details .box-content>div .label img.accounts_icon{width:20px;padding-top:5px}.about-me-page aside .details .box-content>div .label em,.about-me-page aside .details .box-content>div .label span{font-size:1.7em;float:left;display:inline-block;color:#AAA}.about-me-page aside .details .box-content>div .label em{display:block;width:1em;height:1em;background-size:cover}.about-me-page aside .details .box-content>div .label em.fb-link{background-image:url(../img/social_icons/fb.png);background-size:100%;background-repeat:no-repeat;background-position:center}.about-me-page aside .details .box-content>div .label em.tw-link{background-image:url(../img/social_icons/tw.png);background-size:100%;background-repeat:no-repeat;background-position:center}.about-me-page aside .details .box-content>div .label em.gp-link{background-image:url(../img/social_icons/g_plus.png);background-size:100%;background-repeat:no-repeat;background-position:center}.about-me-page aside .details .box-content>div .label em.gt-link{background-image:url(../img/social_icons/github.png);background-size:100%;background-repeat:no-repeat;background-position:center}.about-me-page aside .details .box-content>div .label em.email-link{background-image:url(../img/email.png);background-size:100%;background-repeat:no-repeat;background-position:center}.about-me-page aside .details .box-content>div .text{width:90%;float:right;font-size:1em;min-height:1.5em;line-height:1.3em}.mini-card{padding:0 2px;width:14.28571%;margin-bottom:10px}.mini-card .u-wrap{float:left;width:100%;border:2px solid #DEE0E0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;height:15em;margin-bottom:4px;background:#fff;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out}.mini-card .u-wrap a{float:left;width:100%;height:100%;display:block;position:relative}.mini-card .u-wrap figure{width:100%;float:left;height:120px}.mini-card .u-wrap figure img{width:100%;height:120px;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.mini-card .u-wrap .rating{font-size:11px;position:absolute;right:10px;bottom:10px}.mini-card .u-wrap .u-content{width:100%;float:left;padding:3px;height:5.5em;position:relative;overflow:hidden}.mini-card .u-wrap .u-content .productCategory{color:#4e4e4e;display:block;font-size:11px}.mini-card .u-wrap .u-content>h3{font-size:12px;word-wrap:break-word;width:100%;margin:2px 0 4px 0}.mini-card .u-wrap .u-content>p{font-size:15px;position:absolute;bottom:0;right:3px;width:100%;margin:0;color:#000;font-weight:700;text-align:right;color:#444}.mini-card .u-wrap:hover{border-color:#DEE0E0;background:#f6f6f6}.mini-card .u-wrap:hover figure{background:#fff}@media (max-width:800px){.mini-card{width:16.6666667%}.mini-card .u-wrap{height:12em}}@media (max-width:550px){.mini-card{width:20%}.mini-card .u-wrap{height:14em}}@media (max-width:350px){.mini-card{width:33.333333%}.mini-card .u-wrap{height:16em}}.product-card{width:10%;padding:0 3px;margin-bottom:10px;height:auto}.product-card>a{display:block;float:left;width:100%;height:auto;position:relative}.product-card>a .card>.border{position:absolute;top:0;left:0;width:100%;background-color:#2673B0}.product-card>a .card>.p-wrap{width:100%;height:8.25em;border:2px solid #c5ced5;background-color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.product-card>a .card>.p-wrap>figure{width:100%;height:3.5em;overflow:hidden;display:block;float:left;border-bottom:1px solid #c5ced5}.product-card>a .card>.p-wrap>figure>img{height:100%;width:100%}.product-card>a .card>.p-wrap>.content{width:100%;float:left;padding:.25em;font-size:1em;height:3.5em}.product-card>a .card>.p-wrap>.content>h3{font-size:.7em;margin:0;color:#34495e;display:block;width:100%;height:100%;overflow:hidden;word-break:break-word}.product-card>a .card>.p-wrap>.footer{float:left;width:100%;height:1em;line-height:1em;font-size:1em;text-align:right;padding:0 .1em;background-color:#f5f5f5;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.product-card>a .card>.p-wrap>.footer>p{font-weight:700;font-size:.75em;color:#a7a7a7}.product-card>a>.empty-card{width:100%}@media (max-width:800px){.product-card{width:16.6666667%}}@media (max-width:550px){.product-card{width:20%}}@media (max-width:350px){.product-card{width:33.333333%}}.wizard>.content>.body{position:inherit}.wizard>.content>.body input.error,.wizard>.content>.body select.error,.wizard>.content>.body textarea.error{background:none repeat scroll 0 0 #fbe3e4;border:1px solid #fbc2c4;color:#8a1f11}.wizard>.steps li a{background:#eee none repeat scroll 0 0;color:#aaa;cursor:default}.wizard>.steps li a:hover{cursor:pointer}.wizard>.steps>ul>li{width:20%}.add-product-top{width:100%;margin:20px 0 100px 0;padding:0 15px}.add-product-top h1{margin-bottom:0;font-size:2em}.add-product-top ul.steps{width:auto;margin-bottom:0}.add-product-top ul.steps li{float:left;display:inline-block;list-style:none;margin:0;color:#bdc3c7;border-bottom:2px solid #bdc3c7;padding:1em 2.5em;font-size:1em;width:auto}.add-product-top ul.steps li.active{color:#2673B0;border-bottom:2px solid #2673B0}.add-product-container{padding-bottom:40px}.add-product-container>form{width:50%;margin:0 auto}.add-product-container>form .field label{width:100%}.add-product-container>form .field input,.add-product-container>form .field textarea{width:100%}.add-product-container>form .field select{height:35px;width:48%}.add-product-container>form .field select+select{float:right}.add-product-container>form button+button{margin-right:10px}.add-product-form{margin:auto}.mandatory{top:2px;left:-240px;width:220px;text-align:right}.bold-font{font-size:18px;font-weight:700}.field-missing-container{top:26px;right:-240px;width:230px}.field-missing-left{margin-top:6px;float:left;width:8px;height:22px;background:url(../img/field-missing-left.png)}.field-missing{float:left;background:#fadbd8;border-radius:5px;color:#e74c3c;padding:12px;max-width:190px;word-break:normal;word-wrap:break-word}.add-more{right:10px}a.add-more:hover{text-decoration:underline}.icon-plus{margin-left:5px;width:15px;height:15px;background:url(../img/icon-plus.png)}.product-gallery{margin-bottom:30px}.product-gallery .product-image{float:left;margin:5px 5px 0 0}.product-gallery .product-image img{max-width:110px;max-height:110px;overflow:hidden;border-radius:5px;border:3px solid #2673B0}.product-gallery .product-image img:hover{border:3px solid #bdc3c7}.product-gallery .product-image .image{width:110px;height:77px;overflow:hidden;border-radius:5px;border:3px solid #2673B0;background-size:110px;background-position:center center}.product-gallery .product-image .image:hover{border:3px solid #bdc3c7}.product-gallery .product-image .icon-check{width:20px;height:20px;background:url(../img/icon-check.png)}.product-gallery .product-image .icon-cross{display:none;width:20px;height:20px;background:url(../img/icon-cross.png);right:0;cursor:pointer}.product-gallery .upload-image-container .upload-image{float:left;cursor:pointer;width:116px;height:83px;background:url(../img/icon-upload.png);background-position:0 -15px;margin:5px 0 0 -5px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.product-gallery .upload-image-container .upload-image:hover{background:url(../img/icon-upload-hover.png);background-position:0 -15px}input.gallery-picture,input.product-picture,input.title-picture{opacity:0;margin-bottom:0;height:0;width:0;position:absolute}#product-picture-container,#title-picture-container{max-width:110px;max-height:110px;overflow:hidden}img#product-picture-preview,img#title-picture-preview{display:none;margin-top:20px}#embed-code{margin-top:20px}.add-page-preview{background:rgba(46,49,51,.8);color:#fff;position:fixed;margin-top:0;width:100%;z-index:1}.add-page-preview>.container{padding-bottom:20px}.add-page-preview .add-product-mid>.left{width:100%}.preview-container>.row-fluid{margin-top:220px}.preview-title{font-size:18px;margin:0 60px 0 15px;padding-top:15px}.preview-explanation{padding-top:18px}.add-page-preview .add-product-top{border-bottom:1px solid #393d3f;margin-bottom:10px}.add-page-preview ul.steps{margin-bottom:0}.paypal-label{font-size:17px;margin:15px 60px 0 30px}.icon-paypal{width:40px;height:40px;background:url(../img/icon-paypal.png);margin:-10px 30px 0 0}.preview-inputs{padding:10px 0;border-bottom:1px solid #393d3f}.preview-buttons{padding:20px 0 0 0}.preview-buttons .btn.right{margin-left:10px}input.preview-input{margin-left:20px;width:250px;height:35px}.settings-page>.about-me{float:left;width:100%;margin-bottom:40px}.settings-page .settings-options{padding:0}.settings-main{padding-right:0;margin-bottom:40px}.settings-main .panel .panel-heading{position:relative}.settings-main .panel .panel-heading h4 a{font-size:1.2em;padding:.5em .5em}.settings-main .panel .panel-heading h4 a:hover{text-decoration:none;color:#2673B0}.settings-main .panel .panel-heading span.glyphicon-chevron-down{position:absolute;top:50%;margin-top:-.5em;right:.5em;transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out}.settings-main .panel .panel-heading.active span.glyphicon-chevron-down{transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg)}.settings-main .panel .panel-body{padding:.5em}.settings-main .panel .panel-body>form{padding:.5em;margin-bottom:0}.settings-main .panel .panel-body>form>.row>div input[type=text],.settings-main .panel .panel-body>form>.row>div input[type=password],.settings-main .panel .panel-body>form>.row>div textarea{width:100%;padding:0 5px}.settings-main .panel .panel-body>form>.row>div textarea.about{padding:.5em 1em .5em .5em}.settings-main .panel .panel-body>form>.row .btn.pull-right{margin-right:15px}.settings-main .panel .panel-body>form>hr{margin-top:1em;margin-bottom:1em;border:0;border-top:1px solid #eee;border-bottom:1px solid #fff}.settings-main ul li.text-error,.settings-main ul.errors{color:#b94a48;list-style-type:none;font-size:.8em;padding:0;display:inline-block}.settings-main input.input-error,.settings-main textarea.input-error{border:1px solid #b94a48}.settings-main .form-success{color:#48B96C}.settings-main .section-body{padding:15px 15px 0 15px;display:none;border-bottom:1px solid #bdc3c7}.settings-main .section-body .row:last-of-type{margin:0 0 15px 0}.settings-main .section-body hr{display:block;height:0;border-top:1px solid #bdc3c7;padding:0 1em;width:100%;margin:10px 0 20px -15px}.settings-main .section-body .field input[type=text],.settings-main .section-body .field input[type=password],.settings-main .section-body .field textarea,.settings-main .section-body .row input[type=text],.settings-main .section-body .row input[type=password],.settings-main .section-body .row textarea{width:100%}.settings-main #form-profile textarea.about{height:228px}.settings-main #form-picture .image-preview,.settings-main #form-picture-background .image-preview{display:block;padding:0;margin:10px auto;width:100%;max-width:200px;height:auto}.settings-main #form-picture .image-preview>img,.settings-main #form-picture-background .image-preview>img{width:100%;height:auto}.settings-main #form-picture .image-info,.settings-main #form-picture-background .image-info{margin:22px 0 0 -20px;padding:0 0 0 35px;border-left:1px solid #bdc3c7;height:200px}.settings-main #form-picture .image-info p,.settings-main #form-picture-background .image-info p{margin-bottom:30px}.settings-main #form-website .clipboard-copy{background:rgba(8,165,193,.49);padding:7px;position:relative;padding-right:230px;margin-bottom:20px;border-radius:7px}.settings-main #form-website .clipboard-copy .btn-purple{position:absolute;top:0;right:0;padding:7px 35px}.settings-main #form-website .clipboard-copy .clipboard-code{margin:0;width:100%;color:#fff;background:0;padding:0;box-shadow:none;font-size:16px}.settings-main #form-newsletter .newsletter-label{margin:5px 10px 0 0}.settings-main #form-newsletter #newsletter{height:14px;float:left;width:auto;margin:7px 0 0 0;cursor:pointer}.settings-main #add-profile-picture{width:100%;max-width:200px}.profile-summary{padding:15px;background:#FDFDFD}.profile-summary .profile-image-container{width:123px;height:123px;margin:auto;border:1px solid #ccc;padding:.25em;background:#fff;-webkit-border-radius:123px;-moz-border-radius:123px;border-radius:123px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.profile-summary .profile-image-container .profile-image img{width:100%;height:100%;border:1px solid #ccc;-webkit-border-radius:123px;-moz-border-radius:123px;border-radius:123px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.profile-summary .profile-name{font-size:20px;margin-bottom:45px}.profile-summary .last-active{font-size:12px;margin-top:5px}#overlays .clipboard-copy{background:#ebf5fb;padding-left:10px;margin-bottom:20px}#overlays .clipboard-copy .clipboard-code{margin:10px 0}div.image{display:inline-block;margin-left:5px;width:17px;height:17px}div.image.checked{background:url(/theme/flatui/img/icon-check-round-green.png) no-repeat}div.image.unchecked{background:url(/theme/flatui/img/icon-question-round.png) no-repeat}input.gallery-picture,input.product-picture,input.title-picture{opacity:0;margin-bottom:0;height:0;width:0;position:absolute}@media (max-width:767px){.settings-main{padding-left:0}}.static-container{margin-top:0;margin-bottom:0;max-width:970px}.static-container hr:first-of-type{height:0;border-bottom:1px solid #ecf0f1;margin:40px auto}.static-container .static-heading h1.page-title{color:#34495e;font-weight:700;font-size:32px}.static-container .static-content{margin-bottom:50px}.static-container .static-content h3{color:#2673B0;font-size:1.5em;margin:10px 0;font-weight:400}#top-content{position:relative}#top-content>.left{padding-left:0;padding-right:15px;width:50%}#top-content>.right{padding-right:0;padding-left:15px;width:50%}#top-content h4{line-height:1.4em;font-size:1.3em;text-align:justify;margin-top:0}#top-content h3{position:absolute;bottom:1em;left:0;width:50%;text-align:center;font-size:2em}.panel-group h3{margin-bottom:10px;font-weight:400}.panel-group .panel .panel-heading{padding:0}.panel-group .panel .panel-heading a{padding:10px 15px;width:100%;display:block}section{float:left;width:100%}section.top{border-bottom:1px solid #eee;margin-bottom:40px}section.top h1.page-title{font-size:45px;height:45px;line-height:45px;margin-bottom:40px}section.top p{font-weight:700}section.team-members{text-align:center;margin-bottom:40px}section.team-members .row{width:100%;float:right}section.team-members .row .team-member{float:left;width:104px}section.team-members .row .team-member figure{margin:0 0 10px 0;width:104px;height:104px}section.team-members .row .team-member figure img{width:104px;height:104px}section.team-members .row .team-member .info{width:150%;margin-left:-25%}section.team-members .row .team-member .info h3{font-size:14px;height:15px;line-height:15px;margin:3px 0;font-weight:700;color:#34495e}section.team-members .row .team-member+.team-member{margin-left:208px}section.team-members .row+.row{margin-top:30px}.term .term-description{margin:0}.term .term-description ol li+li{margin-top:5px}.content-modal .modal-header h3{text-align:center;color:#2673b0}.clipboard-copy .clipboard-code{margin-bottom:10px;float:left;background:#2673b0;color:#fff;padding:10px 5px;border-radius:5px;box-shadow:inset 1px 1px 1px rgba(0,0,0,.15);font-size:13px;width:100%}.code-embed-modal .content-modal .modal-body textarea{width:100%;border-width:1px;height:100px}#files-panel{font-size:10pt}#comments-frame>h3{margin:45px 0 30px 0}#comments-frame .comment-row{width:100%;float:left;padding-bottom:15px}#comments-frame .comment-row+.comment-row{padding-top:15px}#comments-frame .comment{width:100%;padding-left:55px;float:left;position:relative;font-size:12px}#comments-frame .comment .supporter-thumbnail{width:50px;height:50px;padding:0;margin:0;position:absolute;top:0;left:0}#comments-frame .comment .supporter-thumbnail img{width:100%;height:100%}#comments-frame .comment .comment-content{width:100%;padding-right:0;padding-left:0}#comments-frame .comment .comment-content .popover-title{padding:0;margin-bottom:5px;font-weight:700;background:#fff;border-bottom:0;font-weight:400}#comments-frame .comment .comment-content .popover-title span{font-size:11px}#comments-frame .comment .comment-content .popover-title span.name{font-weight:700;font-size:13px}#comments-frame .comment .comment-content .popover-title span.amount{font-size:12px}#comments-frame .comment .comment-content .popover-title span.lightgrey{margin-left:15px}#comments-frame .comment .comment-content .popover-content{overflow:hidden;padding:0;min-height:28px}#comments-frame .comment .comment-content .popover-content p{margin-bottom:0}#comments-frame .comment .comment-content .maker-comment-container{padding:0;margin-top:15px}#comments-frame .comment .comment-content .maker-comment-container.maker-form{display:none;position:relative;padding-left:8%}#comments-frame .comment .comment-content .maker-comment-container.maker-form .glyphicon{position:absolute;top:4px;left:7%;cursor:pointer;z-index:100}#comments-frame .comment .comment-content .maker-comment-container.maker-form .maker-comment{margin-top:5px;background:#f7f7f7}#comments-frame .comment .comment-content .maker-comment-container.maker-form .popover-content{height:auto;overflow:hidden;background:#f7f7f7;border-radius:4px;border:0;padding-top:4px;padding-right:4px;padding-bottom:4px;padding-left:12%}#comments-frame .comment .comment-content .maker-comment-container.maker-form textarea{border-width:1px;margin-bottom:5px}#comments-frame .comment .comment-content .maker-comment{width:100%;float:none;padding:0;position:relative;border:0}#comments-frame .comment .comment-content .maker-comment .supporter-thumbnail{width:38px}#comments-frame .comment .comment-content .maker-comment .supporter-thumbnail a{width:38px;height:38px}#comments-frame .comment .comment-content .maker-comment .content{padding-left:43px}#comments-frame .comment .comment-content .maker-comment .content .popover-content{margin-bottom:0}#comments-frame .comment a.show-maker-reply{position:absolute;bottom:1px;right:0;display:block;cursor:pointer;color:#fff;font-size:.8em;padding:.2em .4em;-webkit-border-radius:4px 0 4px 0;-moz-border-radius:4px 0 4px 0;border-radius:4px 0 4px 0;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.modal.report-product .modal-dialog .modal-content{padding:10px 10px 0 10px}.modal.report-product .modal-dialog .modal-content #product-report button.small{border:none;background:0 0;color:#2673b0}#modal-widget .content-modal{width:770px}#modal-widget .content-modal .modal-body{overflow:hidden;height:auto}#modal-widget .content-modal .modal-body hr{float:left;width:100%}#modal-widget .content-modal #configuration-options{width:50%;float:left;padding-right:10px}#modal-widget .content-modal #configuration-options .tab-content .tab-pane{padding:10px 0}#modal-widget .content-modal #configuration-options .tab-content .tab-pane .field{font-size:12px}#modal-widget .content-modal #configuration-options .tab-content .tab-pane .field label{width:35%;float:left;height:25px;line-height:25px}#modal-widget .content-modal #configuration-options .tab-content .tab-pane .field input[type=text]{float:right;width:65%;border-width:1px;height:25px;line-height:25px;border-radius:3px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.15);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.15);box-shadow:inset 0 1px 1px rgba(0,0,0,.15)}#modal-widget .content-modal #configuration-options .tab-content .tab-pane .field input[type=radio]{width:auto;float:left;margin:7px 3px 5px 0}#modal-widget .content-modal #configuration-options .tab-content .tab-pane .field span{float:left;height:25px;line-height:25px;display:inline-block}#modal-widget .content-modal #configuration-options .tab-content .tab-pane .field span+input[type=radio]{margin-left:15px}#modal-widget .content-modal #configuration-options .tab-content .tab-pane .field input[type=checkbox]{float:left;margin:7px 0;width:auto}#modal-widget .content-modal #configuration-options .tab-content .tab-pane .field textarea{width:65%;border-width:1px;border-radius:3px;padding:2px 10px;height:100px;margin-bottom:5px}#modal-widget .content-modal #widget-preview{width:50%;padding-left:10px;float:left}#modal-widget .content-modal #widget-preview #pling-widget{width:100%;padding:8px;font-size:12px;background-color:#2673B0;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}#modal-widget .content-modal #widget-preview #pling-widget .widget-header{width:100%;margin-bottom:5px}#modal-widget .content-modal #widget-preview #pling-widget .widget-header h3{margin:0;font-size:18px;margin-bottom:0!important}#modal-widget .content-modal #widget-preview #pling-widget .widget-body{background-color:#fff;padding:5px;margin-bottom:5px;border:1px solid rgba(68,68,68,.2);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:inset 0 1px 4px rgba(0,0,0,.15);-moz-box-shadow:inset 0 1px 4px rgba(0,0,0,.15);box-shadow:inset 0 1px 4px rgba(0,0,0,.15)}#modal-widget .content-modal #widget-preview #pling-widget .widget-body .product-funding-info{width:100%;position:relative}#modal-widget .content-modal #widget-preview #pling-widget .widget-body .product-funding-info .goal-range-number{width:100%;height:20px;line-height:20px}#modal-widget .content-modal #widget-preview #pling-widget .widget-body .product-funding-info .goal-range-number span{display:block;float:left}#modal-widget .content-modal #widget-preview #pling-widget .widget-body .product-funding-info .goal-range-number span+span{float:right}#modal-widget .content-modal #widget-preview #pling-widget .widget-body .product-funding-info .goal-range-number span+span.unlimited{font-size:27px}#modal-widget .content-modal #widget-preview #pling-widget .widget-body .product-funding-info .achieved-amount{width:100%;height:20px;padding:3px;background:rgba(204,204,204,.19);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}#modal-widget .content-modal #widget-preview #pling-widget .widget-body .product-funding-info .achieved-amount .bar{width:4px;max-width:100%;height:14px;background-color:#2673B0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:inset 0 6px 0 rgba(255,255,255,.2);-moz-box-shadow:inset 0 6px 0 rgba(255,255,255,.2);box-shadow:inset 0 6px 0 rgba(255,255,255,.2)}#modal-widget .content-modal #widget-preview #pling-widget .widget-body .product-funding-info .achieved-amount .bar.no-goal{width:50%}#modal-widget .content-modal #widget-preview #pling-widget .widget-body .product-funding-info .money-raised{width:100%;height:20px;line-height:20px}#modal-widget .content-modal #widget-preview #pling-widget .widget-body .product-funding-info.with-goal{padding-right:25%}#modal-widget .content-modal #widget-preview #pling-widget .widget-body .product-funding-info.with-goal .percentage{position:absolute;top:0;right:0;width:25%;height:60px;line-height:60px;text-align:center;font-size:22px}#modal-widget .content-modal #widget-preview #pling-widget .widget-body .widget-text{margin-top:10px}#modal-widget .content-modal #widget-preview #pling-widget .widget-body .supporters{width:100%;height:auto;overflow:hidden;margin-top:10px}#modal-widget .content-modal #widget-preview #pling-widget .widget-body .supporters .supporter{width:12.5%;height:auto;float:left;padding:2px;clear:none;border-bottom:0}#modal-widget .content-modal #widget-preview #pling-widget .widget-body .supporters .supporter figure{width:100%;height:auto}#modal-widget .content-modal #widget-preview #pling-widget .widget-body .supporters .supporter figure img{width:100%;height:auto;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}#modal-widget .content-modal #widget-preview #pling-widget .widget-body .comments{height:auto;overflow:hidden;width:100%;margin-top:10px}#modal-widget .content-modal #widget-preview #pling-widget .widget-body .comments .comment{position:relative;width:100%;min-height:42px;padding-left:15%}#modal-widget .content-modal #widget-preview #pling-widget .widget-body .comments .comment figure{position:absolute;top:0;left:0;width:15%;height:auto}#modal-widget .content-modal #widget-preview #pling-widget .widget-body .comments .comment figure img{width:100%;height:auto}#modal-widget .content-modal #widget-preview #pling-widget .widget-body .comments .comment .content{width:100%}#modal-widget .content-modal #widget-preview #pling-widget .widget-body .comments .comment .content .info{width:100%;height:12px;line-height:12px;margin-bottom:5px}#modal-widget .content-modal #widget-preview #pling-widget .widget-body .comments .comment .content .text{width:100%;font-size:11px;line-height:11px}#modal-widget .content-modal #widget-preview #pling-widget .widget-body .comments .comment+.comment{margin-top:5px}#modal-widget .content-modal #widget-preview #pling-widget .widget-footer{width:100%;height:auto;overflow:hidden}#modal-widget .content-modal #widget-preview #pling-widget .widget-footer .button{float:left}#modal-widget .content-modal #widget-preview #pling-widget .widget-footer .pay-secure{float:left;padding-left:10px;color:#fff;width:100px}#modal-widget .content-modal #widget-preview #pling-widget .widget-footer .powered-by{float:right}#modal-widget .content-modal #widget-preview #pling-widget .widget-footer .powered-by a.pling-logo{display:block;background-image:url(../img/new/pling-logo-large.png);height:34px;width:63px;background-size:contain}#modal-widget .content-modal #widget-preview #pling-widget .widget-footer .powered-by a.pling-logo.grey{background-image:url(../img/new/logo.png)}#modal-widget .content-modal #widget-preview #pling-widget .widget-footer .powered-by a.pling-logo.icon{width:34px;background-image:url(../img/new/box-logo.png)}.code-embed-modal .content-modal{width:400px}.code-embed-modal .content-modal .modal-body textarea{width:100%;border-width:1px;height:100px}body.body-external{margin:0;padding-top:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}.supporter-box-container{width:100%;height:auto;float:left;border:1px solid #999;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.supporter-box-container figure{float:left;margin:0;padding:0}.supporter-box-container div{float:left}.supporter-box-container>div{width:100%;height:auto;padding:7px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.supporter-box-container .supporter-box-top{background-color:#e5e5e5;position:relative}.supporter-box-container .supporter-box-top .title{float:left;width:50%}.supporter-box-container .supporter-box-top .title>a{font-size:16px;color:#39568c;text-decoration:none;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out}.supporter-box-container .supporter-box-top .title>a:hover{text-decoration:underline;color:#428bca}.supporter-box-container .supporter-box-top figure{position:absolute;top:7px;right:7px;width:102px;height:68px;border:inset 1px #999}.supporter-box-container .supporter-box-top figure a{width:100%;height:100%;display:block;overflow:hidden}.supporter-box-container .supporter-box-top figure a img{width:100%}.supporter-box-container .supporter-box-body>div{width:100%;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.supporter-box-container .supporter-box-body .info{height:30px;padding-left:35px;position:relative;margin-bottom:10px}.supporter-box-container .supporter-box-body .info>em{position:absolute;left:0;top:0}.supporter-box-container .supporter-box-body .info>span{display:block;width:100%;height:15px;line-height:15px;font-size:13px;float:left;color:#000}.supporter-box-container .supporter-box-body .info span+span{color:#1e4483}.supporter-box-container .supporter-box-body .supporters{width:102%}.supporter-box-container .supporter-box-body .supporters figure{width:30px;height:30px;margin:0 3.5px 3.5px 0}.supporter-box-container .supporter-box-body .supporters figure a{display:block;width:100%;height:100%;overflow:hidden;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.supporter-box-container .supporter-box-body .supporters figure a img{width:100%}#configuration-options{width:60%;float:left;padding-right:10px}#configuration-options ul.nav-tabs{padding:0;background-color:#fff}#configuration-options ul.nav-tabs li a{padding:5px}#configuration-options .tab-content .tab-pane{padding:10px 0}#configuration-options .tab-content .tab-pane textarea{width:65%;border-width:1px;border-radius:3px;padding:0 5px;height:100px;margin-bottom:5px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.15);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.15);box-shadow:inset 0 1px 1px rgba(0,0,0,.15)}#configuration-options .tab-content .tab-pane .field{font-size:12px}#configuration-options .tab-content .tab-pane .field label{width:35%;float:left;height:25px;line-height:25px}#configuration-options .tab-content .tab-pane .field input.color-input,#configuration-options .tab-content .tab-pane .field input[type=text]{padding:0 5px;float:right;width:65%;border-width:1px;height:25px;line-height:25px;border-radius:3px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.15);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.15);box-shadow:inset 0 1px 1px rgba(0,0,0,.15)}#configuration-options .tab-content .tab-pane .field input[type=radio]{width:auto;float:left;margin:7px 3px 5px 0}#configuration-options .tab-content .tab-pane .field span{float:left;height:25px;line-height:25px;display:inline-block}#configuration-options .tab-content .tab-pane .field span+input[type=radio]{margin-left:15px}#configuration-options .tab-content .tab-pane .field input[type=checkbox]{float:left;margin:7px 0;width:auto}#pling-widget{width:100%;max-width:400px;padding:8px;font-size:12px;background-color:#2673B0;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}#pling-widget .widget-header{width:100%;margin-bottom:5px}#pling-widget .widget-header h3{margin:0;font-size:18px}#pling-widget .widget-body{background-color:#fff;padding:5px;margin-bottom:5px;border:1px solid rgba(68,68,68,.2);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:inset 0 1px 4px rgba(0,0,0,.15);-moz-box-shadow:inset 0 1px 4px rgba(0,0,0,.15);box-shadow:inset 0 1px 4px rgba(0,0,0,.15)}#pling-widget .widget-body .donation-amount{line-height:34px;margin:0 0 5px 0;overflow:hidden}#pling-widget .widget-body .donation-amount .support-with{width:25%;height:34px;float:left}#pling-widget .widget-body .donation-amount .donation-amount-number{width:50%;float:left;position:relative}#pling-widget .widget-body .donation-amount .donation-amount-number span.glyphicon{position:absolute;top:11px;left:0}#pling-widget .widget-body .donation-amount .donation-amount-number input[type=text]{padding:0 10px;float:right;width:100%;border-width:1px;height:24px;line-height:24px;border-radius:3px;margin:5px 0;border-right:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.15);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.15);box-shadow:inset 0 1px 1px rgba(0,0,0,.15)}#pling-widget .widget-body .donation-amount .button{width:25%;float:right}#pling-widget .widget-body .donation-amount .button button{float:left;margin-top:5px;padding:0;width:100%;text-align:center;height:24px}#pling-widget .widget-body .donation-amount .payment-providers{width:100%;float:left;margin:5px 0}#pling-widget .widget-body .donation-amount .payment-providers .pay-with{width:25%;height:34px;float:left}#pling-widget .widget-body .donation-amount .payment-providers .input-group{width:37%;float:left;display:block}#pling-widget .widget-body .donation-amount .payment-providers .input-group .input-group-addon{width:20%;float:left;padding:8px 16px 4px 0;border:0;background:0 0;margin-top:3px}#pling-widget .widget-body .donation-amount .payment-providers .input-group .input-group-addon input[type=radio]{width:auto}#pling-widget .widget-body .donation-amount .payment-providers .input-group .payment-icon{width:70%;float:left;height:34px;display:block}#pling-widget .widget-body .donation-amount .payment-providers .input-group .payment-icon img{max-width:100%;height:20px;width:auto;margin-top:7px}#pling-widget .widget-body .product-funding-info{width:100%;position:relative}#pling-widget .widget-body .product-funding-info .goal-range-number{width:100%;height:20px;line-height:20px;display:none}#pling-widget .widget-body .product-funding-info .goal-range-number span{display:block;float:left}#pling-widget .widget-body .product-funding-info .goal-range-number span+span{float:right}#pling-widget .widget-body .product-funding-info .goal-range-number span+span.unlimited{font-size:27px}#pling-widget .widget-body .product-funding-info .achieved-amount{width:100%;height:20px;padding:3px;background:rgba(204,204,204,.19);display:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}#pling-widget .widget-body .product-funding-info .achieved-amount .bar{width:4px;max-width:100%;height:14px;background-color:#2673B0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:inset 0 6px 0 rgba(255,255,255,.2);-moz-box-shadow:inset 0 6px 0 rgba(255,255,255,.2);box-shadow:inset 0 6px 0 rgba(255,255,255,.2)}#pling-widget .widget-body .product-funding-info .achieved-amount .bar.no-goal{width:50%}#pling-widget .widget-body .product-funding-info .money-raised{width:100%;height:20px;line-height:20px}#pling-widget .widget-body .product-funding-info.with-goal .percentage{position:absolute;top:0;right:0;width:25%;height:60px;line-height:60px;text-align:center;font-size:22px}#pling-widget .widget-body .product-funding-info.with-goal .goal-range-number{padding-right:25%;display:block}#pling-widget .widget-body .product-funding-info.with-goal .achieved-amount{width:75%;display:block}#pling-widget .widget-body .widget-text{margin-top:10px}#pling-widget .widget-body .supporters{width:100%;height:auto;overflow:hidden;margin-top:5px;padding-top:5px;border-top:1px solid #ddd}#pling-widget .widget-body .supporters .supporter{width:12.5%;height:auto;float:left;padding:2px;clear:none;border-bottom:0}#pling-widget .widget-body .supporters .supporter figure{width:100%;height:auto}#pling-widget .widget-body .supporters .supporter figure img{width:100%;height:auto}#pling-widget .widget-body .comments{height:auto;overflow:hidden;width:100%;margin-top:5px;padding-top:5px;border-top:1px solid #ddd}#pling-widget .widget-body .comments .comment{position:relative;width:100%;min-height:42px;padding-left:15%}#pling-widget .widget-body .comments .comment figure{position:absolute;top:0;left:0;width:15%;height:100%;text-align:center}#pling-widget .widget-body .comments .comment figure img{width:auto;height:100%;float:left}#pling-widget .widget-body .comments .comment .content{width:100%;padding-left:5%}#pling-widget .widget-body .comments .comment .content .info{width:100%;height:12px;line-height:12px;margin-bottom:5px}#pling-widget .widget-body .comments .comment .content .text{width:100%;font-size:11px;line-height:11px}#pling-widget .widget-body .comments .comment+.comment{margin-top:5px}#pling-widget .widget-footer{width:100%;height:auto;overflow:hidden}#pling-widget .widget-footer .donation-amount{padding-bottom:10px;color:#fff;font-size:14px}#pling-widget .widget-footer .button{float:left}#pling-widget .widget-footer .pay-secure{float:left;color:#fff;width:100px}#pling-widget .widget-footer .pay-secure a{color:#fff}#pling-widget .widget-footer .powered-by{float:right}#pling-widget .widget-footer .powered-by a.opendesktop-logo{display:block;background-image:url(/images/system/storeLogo.png);height:34px;width:63px;background-size:contain;background-repeat:no-repeat}#pling-widget .widget-footer .powered-by a.pling-logo{display:block;background-image:url(../img/new/pling-logo-large.png);height:34px;width:63px;background-size:contain}#pling-widget .widget-footer .powered-by a.pling-logo.grey{background-image:url(../img/new/logo.png)}#pling-widget .widget-footer .powered-by a.pling-logo.icon{width:34px;background-image:url(../img/new/box-logo.png)}#widget-preview{width:40%;padding-left:10px;float:left}#widget-code-modal{width:800px;height:auto;overflow:hidden}#widget-code-modal .modal-body{height:auto;overflow:hidden}#widget-code-modal .modal-body article{width:100%;float:left}#widget-code-modal .modal-body article #configuration-options ul.nav-tabs{float:left;width:100%;background-color:#F3F3F3;border-bottom:1px solid #e5e5e5;position:relative;top:0}#widget-code-modal .modal-body article #configuration-options ul.nav-tabs li{border-bottom:1px solid #e5e5e5;-webkit-transition:all 0 ease-out;-moz-transition:all 0 ease-out;-ms-transition:all 0 ease-out;-o-transition:all 0 ease-out}#widget-code-modal .modal-body article #configuration-options ul.nav-tabs li a{margin:0;background-color:transparent;border:0;color:#2673B0;border-bottom:3px solid #f3f3f3;-webkit-transition:all 0 ease-out;-moz-transition:all 0 ease-out;-ms-transition:all 0 ease-out;-o-transition:all 0 ease-out}#widget-code-modal .modal-body article #configuration-options ul.nav-tabs li.active{border-color:#2673B0}#widget-code-modal .modal-body article #configuration-options ul.nav-tabs li.active a{border-color:#2673B0}.body-external .supporter-box-container{border:0;text-align:center}.body-external .supporter-box-container #pling-widget{text-align:left;float:none;height:auto;overflow:hidden}#mainpage{background-image:url(/images/system/1-opendesktop-bg.png);background-repeat:no-repeat;background-attachment:fixed;background-position:0 0;background-size:100% 100%;width:100%!important;margin-top:15px}#mainpage .wrapper{padding-top:100px}#mainpage .card-wrapper{border-radius:10px;padding:5px}#mainpage .card-wrapper a.title{display:block}#mainpage .card-wrapper img.logo{height:45px;margin-right:10px;margin-bottom:5px}#mainpage .card-wrapper .domainobj{margin:15px;border-bottom:1px solid #ccc}#indeximages{height:400px;width:100%;overflow:hidden}#indeximages a{cursor:default}.commentstore{border-bottom:1px solid #ccd4d8;padding-top:5px;padding-bottom:5px;overflow:hidden}.commentstore p{margin:0}.commentstore .userinfo img{border-radius:50%;width:42px;height:42px;float:right}.commentstore .userinfo{float:right}.commentstore .info{display:block}.commentstore:last-child{border-bottom:none}div.profile-img-product{width:200px;height:160px}img.imgpopover{max-width:200px;max-height:160px;display:block;margin:auto}#my-comments-tabs-content{font-size:11pt;width:1100px}#my-comments-tabs-content .rownomargin{margin:0}#my-comments-tabs-content .rownopadding{padding:0}#my-comments-tabs-content .category{display:block;font-size:smaller}#my-comments-tabs-content .createat{font-size:smaller;color:#888}#my-comments-tabs-content .productrow{padding-bottom:5px;padding-top:5px;border-bottom:1px solid #ccd4d8;font-size:small}#my-comments-tabs-content .productrow .project-image{width:50px;height:50px;float:left;margin-right:15px}#my-comments-tabs-content .productrow:last-child{border-bottom:none}#my-comments-tabs-content .row{margin-top:10px}#my-comments-tabs-content .rating{width:60px}#my-comments-tabs-content .time{font-size:smaller}#my-comments-tabs-content .cntComments{font-size:smaller;display:block;padding-top:5px}#my-comments-tabs-content .productimg{width:50px;height:50px}#my-comments-tabs-content .commenttext{padding-left:20px}.user-admin-page .commentText{font-size:smaller}.user-admin-page .commentTime{font-size:smaller;padding-left:20px}.user-admin-page .title{font-weight:700;color:#37628D;padding-top:10px;padding-bottom:10px}.user-admin-page .topics{padding-right:20px}.user-admin-page .topics .topic-tag{display:inline-block;padding:.3em .9em;margin:0 .5em .5em 0;white-space:nowrap;background-color:#f1f8ff;border-radius:3px}.user-admin-page .topics .usertagslabelcat{background-color:#f1f1f1}.user-admin-page .topics .topic-tag-link:hover{text-decoration:none;background-color:#def}.user-admin-page .topics .btn-link{display:inline-block;padding:0;font-size:inherit;color:#0366d6;text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.user-admin-page .my-downloadshistory-list{width:1100px}.user-admin-page .my-downloadshistory-list .totaldownloads{margin:0;padding:20px;text-align:right}.user-admin-page .my-downloadshistory-list .smaller{font-size:smaller}.user-admin-page .my-downloadshistory-list .header{border-top:1px solid #ccc;padding-top:15px;padding-bottom:15px}.user-admin-page .my-downloadshistory-list .subheader{background-color:#ddd}.user-admin-page .my-downloadshistory-list .paddingLeft80{padding-left:80px}.user-admin-page .my-downloadshistory-list .marginLeft80{margin-left:80px}.user-admin-page .my-downloadshistory-list button.voting{line-height:10px}.user-admin-page .my-downloadshistory-list button.voting span{font-size:10px}.user-admin-page .my-downloadshistory-list .rating{width:60px!important;font-size:10pt}.user-admin-page .my-downloadshistory-list .downloadhistory-image{width:50px;height:50px;float:left;margin-right:15px}.user-admin-page .my-downloadshistory-list .nowrap{white-space:nowrap}.col-container span.cnt{padding-right:5px;display:inline-block;font-weight:700}.col-container .stat{padding-top:15px;padding-left:15px;font-size:12px}.col-container .statContent{padding-top:15px;padding-left:15px;font-size:12px}main#plings-page .wrapper{width:700px;padding:20px}main#plings-page .wrapper .title{background-color:#ccc;height:30px}main#plings-page .wrapper .label{padding-top:10px;padding-left:0}main#plings-page .wrapper .row:not(:first-child):hover{background-color:#eef}main#plings-page .wrapper .depth0{padding-left:0}main#plings-page .wrapper .depth1{padding-left:20px}main#plings-page .wrapper .depth2{padding-left:40px}main#plings-page .wrapper .depth3{padding-left:60px}main#plings-page .wrapper .depth4{padding-left:80px}main#plings-page .wrapper .depth5{padding-left:100px}main#plings-page .wrapper .factor{padding-right:10px}#product-page-content .sidebar-left{padding-right:15px;padding-left:15px;min-width:200px;padding-top:20px}#product-page-content .tag-element{background-clip:padding-box;background-color:#eee;background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-repeat:repeat-x;background-size:100% 19px;border:1px solid #aaa;border-radius:3px;box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);color:#333;line-height:25px!important;margin:3px 3px 3px 0;max-width:100%;padding:0 10px;position:relative;display:inline-block}#carouselContainer .carousel-indicators{z-index:31;background-color:transparent;height:20px;bottom:-30px}#carouselContainer .carousel-indicators .active{background-color:#E2E2E2}#carouselContainer .carousel-indicators li{border:1px solid #C4D7EF}#carouselContainer iframe{border:0}#email-collapse .group-list{list-style:outside none none}#email-collapse .group-list>li:first-child{border-top:0 none;border-top:1px solid #ddd}#email-collapse .group-list>li{border-bottom:1px solid #e5e5e5;display:block;line-height:30px;margin-left:-10px;padding:5px 10px}#email-collapse .css-truncate-target{max-width:300px;display:inline-block;text-overflow:ellipsis;vertical-align:top;white-space:nowrap}#email-collapse .email-actions{float:right}#email-collapse .email-actions form{display:inline}#email-collapse span.label.default{background-color:#6cc644;border-radius:3px;color:#fff;margin-left:4px;padding:4px 6px}#email-collapse span.label.attention{background-color:#c64f0d;border-radius:3px;color:#fff;margin-left:4px;padding:4px 6px}#email-collapse .btn{line-height:20px;padding:4px 12px}.user-admin-page .body-wrap .well{min-height:20px;padding:20px;margin-bottom:20px;background-color:transparent;border:0;border-radius:0;-webkit-box-shadow:inset 0 0 0 rgba(0,0,0,.05);box-shadow:inset 0 0 0 rgba(0,0,0,.05)}.profile-menu li a{width:100%}.grid-container{padding-top:10px}.grid-container .flex-container{font-size:10pt!important}.grid-container .flex-container .explore-product-grid{width:200px;padding:0;margin:20px;border:1px solid #dedede;border-radius:2px;margin:10px 10px 10px 10px;position:relative}.grid-container .flex-container .explore-product-grid figure{opacity:1;display:block;transition:.5s ease;backface-visibility:hidden}.grid-container .flex-container .explore-product-grid .explore-product-image{width:170px;height:120px}.grid-container .flex-container .explore-product-grid .explore-product-desc{background:linear-gradient(#fff,#EDEDED);padding:0 10px 5px 10px;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.grid-container .flex-container .explore-product-grid .explore-product-plings{padding:0;padding-top:5px;width:100px;margin:0 auto;font-size:10px}.grid-container .flex-container .explore-product-grid .explore-product-plings .rating{width:100%}.grid-container .flex-container .explore-product-grid .explore-product-plings .progress{margin-bottom:10px;padding:3px;opacity:0;margin-bottom:0;height:12px;opacity:1;background-color:transparent;box-shadow:none;padding:2px}.grid-container .flex-container .explore-product-grid .explore-product-plings .progress .bar{width:4px;max-width:100%;height:14px;background-color:#2673b0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:inset 0 6px 0 rgba(255,255,255,.2);-moz-box-shadow:inset 0 6px 0 rgba(255,255,255,.2);box-shadow:inset 0 6px 0 rgba(255,255,255,.2)}.grid-container .flex-container .explore-product-grid .explore-product-plings .progress .bar.no-goal{width:50%;opacity:0}.grid-container .flex-container .explore-product-grid .explore-product-plings .collected span{display:block;width:100%;float:left;font-size:12px}.grid-container .flex-container .explore-product-grid .explore-product-details span.version{font-size:smaller;padding-left:20px}.grid-container .flex-container .explore-product-grid .explore-product-details span.title{display:block;font-size:smaller;line-height:1.5}@media (max-width:400px){#explore-content .GridFlex .sidebar-left{flex:0 0 100%}.metamenu{height:100%}.metamenu .sitelogo{display:block;width:100%;height:30px;font-size:20px}.metamenu .sitelogo img.logo{width:30px;height:30px}}#ratings-panel .bbtn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid #adadad;border-radius:4px;margin-right:10px}#ratings-panel .activeRating{border:2px solid #2673B0}#ratings-panel .bbtn:focus{color:#333;background-color:transparent;border-color:#2673B0}#plings-panel .u-wrap{float:left;padding:.3em;border:.35em solid #dee0e0;border-radius:5px;height:14em;margin-bottom:1em;background:#fff;width:115px;height:200px;margin-right:10px;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;position:relative}#plings-panel .u-wrap figure img{width:100%;border:1px solid #dbdbdb;-webkit-border-radius:999px;-moz-border-radius:999px;border-radius:999px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}#plings-panel .u-wrap h3{font-size:13px;font-weight:700;word-wrap:break-word;line-height:20px;height:20px;padding:0;margin:0}#plings-panel .u-wrap span.small{position:absolute;bottom:5px;left:5px}.tooltipuserplingscontainer .user{display:block;float:left;text-align:center;width:60px;overflow:hidden}.tooltipuserplingscontainer .user img{width:40px;height:40px;border:1px solid #ccc;border-radius:999px}.tooltipuserplingscontainer .user .caption{display:block} \ No newline at end of file +.bg_sheet{background-image:url(../img/bg_sheet.png)}.bg_sheet_statistics{background-image:url(../img/statistics_sheet.png)}.unstyled_list{list-style-type:none;padding:0;margin:0}.hand-with-coin{display:inline-block;background-image:url(../img/new/button/hand-w-coin.png);height:61px;width:61px}.hand-with-coin.v-2{background-image:url(../img/new/button/hand-w-coin-2.png)}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(../css/fonts/open-sans-v15-latin-300.woff2) format('woff2'),url(../css/fonts/open-sans-v15-latin-300.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'),local('OpenSans-Regular'),url(../css/fonts/open-sans-v15-latin-regular.woff2) format('woff2'),url(../css/fonts/open-sans-v15-latin-regular.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans SemiBold'),local('OpenSans-SemiBold'),url(../css/fonts/open-sans-v15-latin-600.woff2) format('woff2'),url(../css/fonts/open-sans-v15-latin-600.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(../css/fonts/open-sans-v15-latin-700.woff2) format('woff2'),url(../css/fonts/open-sans-v15-latin-700.woff) format('woff')}body{color:#32353d;overflow-y:scroll;font-size:1.5em;line-height:1.231;color:#4e4e4e;font-family:'Open Sans',sans-serif;font-size:medium}footer,header,main,section{width:100%;float:left}footer section.wrapper,header section.wrapper,main section.wrapper,section section.wrapper{margin-left:auto;margin-right:auto;width:95%;float:none;height:auto}a{text-decoration:none;color:#2673b0;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out}a:hover{text-decoration:none}a:focus{outline:0}button::-moz-focus-inner{border:0}button,input,select,textarea{font-family:Lato,sans-serif;font-size:14px}h1{font-size:32px;font-weight:900}h3{font-size:24px;font-weight:700;margin-bottom:4px;margin-top:2px}h5{font-size:16px;font-weight:500;text-transform:uppercase}@media (max-width:1200px) and (min-width:992px){footer section.wrapper,header section.wrapper,main section.wrapper{width:95%;margin-left:2.5%;margin-right:2.5%}}body{padding-top:34px}body .navbar-gitlab{top:34px}body#git-body #metaheader{position:fixed!important}body#git-body .nav-sidebar{top:88px}body.category-general #metaheader #metaheader-nav #user-context-menu-container .user-dropdown .th-icon,body.category-themes-and-apps #metaheader #metaheader-nav #user-context-menu-container .user-dropdown .th-icon,body.navigation-topics #metaheader #metaheader-nav #user-context-menu-container .user-dropdown .th-icon,body[class*=category-] #metaheader #metaheader-nav #user-context-menu-container .user-dropdown .th-icon{margin-top:-5px}body.docked .d-header{top:34px}body.docked #metaheader{position:fixed}body.drawer-open{height:100%;overflow:hidden}.btn{background:#bdc3c7 none repeat scroll 0 0;border:medium none;border-radius:6px;box-shadow:none;color:#fff;line-height:22px;padding:9px 12px 10px;text-decoration:none;text-shadow:none;-webkit-transition:all .2 ease-out;-moz-transition:all .2 ease-out;-ms-transition:all .2 ease-out;-o-transition:all .2 ease-out}.btn.btn-large{font-size:17px;line-height:20px;padding:12px 18px 13px}.btn.btn-native{background-color:#2673b0;color:#fff}.btn.btn-pling-red{background-color:#e84310}.btn.btn-pling-green{background-color:green}.btn.btn-purple{background:#9b59b6;padding:10px 35px}.btn.btn-file-dropzone{font-size:10px;padding:8px 10px 10px;line-height:10px}.btn.btn-file-action{font-size:12px;padding:8px 10px 10px;line-height:16px;margin-left:5px}.pling-danger{background:#C9302C none repeat scroll 0 0}.standard-form input{height:41px}.standard-form input,.standard-form select,.standard-form textarea{border:1px solid #bdc3c7;padding:0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.standard-form .field{margin-bottom:15px}.icon-facebook,.icon-google,.icon-twitter{width:40px;height:40px;cursor:pointer;display:inline-block;background-image:url(../img/bg_sheet.png)}.icon-facebook{background-position:0 -105px}.icon-twitter{background-position:-40px -105px}.lightblue{color:#2673b0}.small{font-size:12px}.large{font-size:18px}.relative{position:relative}.absolute{position:absolute}.light{font-weight:300}.lightgrey{color:#95a5a6}.center{text-align:center}i.myfav{color:#8e44ad}h1.page-title{color:#34495e;font-weight:700;font-size:32px}.modal{overflow-y:hidden}.right{float:right}.left{float:left}em.icon{display:inline-block;background-image:url(../img/bg_sheet.png)}em.icon.info-icon{width:31px;height:30px;background-position:-289px -64px}.margin-bottom-10{margin-bottom:10px}.margin-top-15{margin-top:15px}.full-width{width:100%!important}.progress{height:8px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;margin-bottom:0}.opendesktopwidgetpager{display:flex;justify-content:right;align-items:center;justify-content:flex-end}.opendesktopwidgetpager ul.opendesktopwidgetpager{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.opendesktopwidgetpager ul.opendesktopwidgetpager>li{display:inline}.opendesktopwidgetpager ul.opendesktopwidgetpager>li>span{cursor:pointer;position:relative;float:left;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd;padding:5px 10px;font-size:12px}.opendesktopwidgetpager ul.opendesktopwidgetpager>.active>span{z-index:2;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.metamenu{width:100%;background-color:#fff;height:15px}.metamenu a#toggleStoreBtn{float:left;margin-left:20px;text-decoration:none}.metamenu a.home-link{float:left}.metamenu a.home-link img.logo{width:16px;height:16px}.meta-nav-top>li>a{padding:0 5px;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out}.meta-nav-top>li>a#ocs-stores img{width:16px;height:16px}ul.meta-nav-top{list-style:none}ul.meta-nav-top li{float:left}ul.meta-nav-top-right{margin:0;margin-right:30px;float:right}ul.meta-nav-top-right li{padding:0 10px}ul.meta-nav-top-left{float:left}#toggleStoreContainer{z-index:1000;display:none;width:60%;height:200px;top:12px;left:190px}#toggleStoreContainer a{display:block;font-size:16px}#toggleStoreContainer a:hover{color:#6a7686}#toggleStoreContainer b{text-decoration:underline;text-align:center;padding-left:20px;font-size:18px;cursor:default}#toggleStoreContainer ul{list-style:none;padding:0;padding-top:10px;padding-left:30px}#toggleStoreContainer ul li{font-size:14px}#toggleStoreContainer ul li:hover{background-color:transparent}header nav{border-bottom:transparent}header#page_header{color:#6a7686;height:auto;font-size:10pt;font-weight:400;width:100%;font-family:Arial,sans-serif}header#page_header nav#nav-top{margin-left:130px;width:84%}header .dropdown-header{width:175px;height:12px;background-image:url(../img/bg_sheet.png);background-position:-385px 0}header a{color:#fff}header .pull-left,header .pull-right{padding:0}header ul{margin-bottom:0}header ul.menu-icon{float:right;display:none}header ul li{list-style:none;display:inline-block;margin:0;cursor:pointer;position:relative;height:40px;line-height:40px;float:left}header ul li a{float:left;display:block;height:inherit;line-height:inherit;padding:0 20px}header ul li.profile-menu-container{padding-top:0;padding-left:40px}header ul li.profile-menu-container .header-profile-image{top:50%;left:10px;height:30px;width:30px;margin-top:-15px}header ul li.profile-menu-container .header-profile-image .supporter-badge{position:absolute;left:0;bottom:0;background:#EE6E09;text-align:center;border-radius:30px 30px 30px 30px;color:#fff;padding:5px 10px;font-size:12px}header ul li.profile-menu-container .header-profile-image img{height:30px;width:30px;float:left;-webkit-border-radius:999px;-moz-border-radius:999px;border-radius:999px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}header ul li.profile-menu-container>a{display:block}header ul li ul{width:165px;margin-left:0;position:absolute;left:-9999px;top:45px;border:none;font-size:14px;color:#7f8c8d;font-weight:400;padding:0;z-index:10001;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}header ul li ul.active{left:0;top:40px}header ul li ul li{text-align:left;display:block;width:100%;background:#ecf0f1;margin:0;padding:0;height:40px;border-bottom:1px solid #d6d7d9}header ul li ul li.first,header ul li ul li:first-of-type{-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}header ul li ul li:last-of-type{-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}header ul li ul li a{color:#6a7686;text-align:left;height:40px;line-height:40px}header .container{margin-left:auto;margin-right:auto;float:none;height:auto;width:100%;background-color:#e2e2e2}header .container.header{margin-left:auto;margin-right:auto;float:none;width:100%}header .container.header section.container{background-color:transparent}header .container.header section.container.backLink{background-color:#729ECD!important;height:30px}header .container.header section.container.backLink h4 a:hover{color:#1d1d1d}header .container.header section.container section.wrapper{height:40px;padding-left:80px;position:relative}header .container.header section.container+section.container{background-color:transparent;padding-left:0}header .container.header section.container+section.container>section.wrapper{padding-left:242px;height:50px}header .container.header nav{border-bottom:transparent}header .container.header nav #search{height:25px;padding:0;margin:6.5px 15px;line-height:25px;position:relative}header .container.header nav #search input.content-search{width:16em;height:25px;padding:0;border:1px solid #fff;margin-bottom:-1px;padding-right:30px;text-indent:5px;color:#6a7686;float:left;border-radius:6px;box-shadow:none}header .container.header nav #search div.icon-search-input{top:2px;right:0;width:25px;height:25px;background-image:url(/theme/flatui/img/icon-search-input-2.png);background-position:center center;position:absolute;cursor:pointer}header .container.header ul.menu-nav-tabs{bottom:0;display:inline-table;list-style-type:none;margin:0;padding:0;position:absolute;z-index:999}.pling-nav-tabs-a{border:0;position:relative;color:#777;font-size:13px;transition:color 0s;bottom:-1px;border-bottom-width:2px;border-bottom-style:solid;border-bottom-color:transparent;background-color:transparent}.pling-nav-tabs ul.nav-tabs>li{background-color:transparent;margin-bottom:0}.pling-nav-tabs ul.nav-tabs>li>a{border:0;position:relative;color:#777;font-size:13px;transition:color 0s;bottom:-1px;border-bottom-width:2px;border-bottom-style:solid;border-bottom-color:transparent;background-color:transparent}.pling-nav-tabs ul.nav-tabs>li>a:hover{border:0;position:relative;color:#777;font-size:13px;transition:color 0s;bottom:-1px;border-bottom-width:2px;border-bottom-style:solid;border-bottom-color:transparent;background-color:transparent;color:#2673b0}.pling-nav-tabs ul.nav-tabs>li>a:hover svg{fill:#2673b0}.pling-nav-tabs ul.nav-tabs>li>a:focus{border:0;position:relative;color:#777;font-size:13px;transition:color 0s;bottom:-1px;border-bottom-width:2px;border-bottom-style:solid;border-bottom-color:transparent;background-color:transparent}.pling-nav-tabs ul.nav-tabs>li svg{fill:#777}.pling-nav-tabs ul.nav-tabs>li.active>a{border:0;position:relative;color:#777;font-size:13px;transition:color 0s;bottom:-1px;border-bottom-width:2px;border-bottom-style:solid;border-bottom-color:transparent;background-color:transparent;color:#2673b0;border-bottom-color:#2673b0;font-weight:700}.pling-nav-tabs ul.nav-tabs>li.active>a:hover{border:0;position:relative;color:#777;font-size:13px;transition:color 0s;bottom:-1px;border-bottom-width:2px;border-bottom-style:solid;border-bottom-color:transparent;background-color:transparent;color:#2673b0;border-bottom-color:#2673b0;font-weight:700}.pling-nav-tabs ul.nav-tabs>li.active>a:focus{border:0;position:relative;color:#777;font-size:13px;transition:color 0s;bottom:-1px;border-bottom-width:2px;border-bottom-style:solid;border-bottom-color:transparent;background-color:transparent;color:#2673b0;border-bottom-color:#2673b0;font-weight:700}.pling-nav-tabs ul.nav-tabs>li.active svg{fill:#2673b0}footer{width:100%;float:left;padding:12px 0;border-bottom:5px solid #2673b0;border-top:1px solid #a9a9a9;background-color:#dcdcdc;font-size:9pt}footer h3{font-weight:400}footer h3#footer-heading{font-size:1.3em;margin:0}footer nav#footer-nav ul{margin-top:1em;list-style:none;padding:0;margin-right:1em;float:left;width:auto;margin-bottom:.2em}footer nav#footer-nav ul li{display:inline-block;margin-right:0;font-size:1em}footer nav#footer-nav ul li a{color:#666;font-weight:400}footer nav#footer-nav ul li+li{margin-left:10px}footer h3#footer-social-heading{color:#666;font-size:1em;margin:0 0 .4em 0}footer #footer-social{float:right}footer #footer-social a{width:30px;display:block;float:left}footer #footer-social a+a{margin-left:2px}footer section.wrapper .pull-left{padding:0}footer section.wrapper .pull-right{padding:0}body.home-page main section.wrapper .container{padding:150px 0;height:auto;float:none;max-width:95%;width:95%}body.home-page main section.wrapper#intro .container{padding-bottom:50px}body.home-page main section.wrapper#intro .container article{text-align:center;width:100%}body.home-page main section.wrapper#intro .container article>*{margin-bottom:40px}body.home-page main section.wrapper#intro .container article h2{font-size:40px;font-weight:700;margin-bottom:20px}body.home-page main section.wrapper#intro .container article h3{font-size:30px;font-weight:700;margin-top:2px}body.home-page main section.wrapper#intro .container article p{margin-bottom:0;text-align:center}body.home-page main section#cat-list{border-top:1px solid #cdd7dd}body.home-page main .card-wrapper{position:relative;max-width:960px;margin:auto;margin-bottom:2rem;background:#fff}body.home-page main .card-wrapper .card-item{position:absolute;padding:1rem;width:31.4%;border:1px solid gray;border-radius:7px}body.home-page main .card-wrapper .card-item .category a.title{font-size:14pt;font-weight:600;min-height:30px;line-height:30px;padding-right:30px}body.home-page main .card-wrapper .card-item .category a.title span.label{padding:2px 3px}body.home-page main .card-wrapper .card-item div a.title{font-size:11pt;min-height:20px;line-height:20px;padding-right:5px}body.home-page main .card-wrapper .card-item div a.title span.label{font-size:7pt;font-weight:300;vertical-align:top;margin-left:5px;padding:1px 3px}.card-item{border:1px solid gray}.card-item .category>a.title{color:#444}.card-item div>a.title{color:#6a6a6a}#indeximages{line-height:0;-webkit-column-count:20;-webkit-column-gap:0;-moz-column-count:20;-moz-column-gap:0;column-count:20;column-gap:0}#indeximages img{width:100%!important;height:auto!important;opacity:1}@media (max-width:1920px){#indeximages{-moz-column-count:20;-webkit-column-count:20;column-count:20}}@media (max-width:1200px){#indeximages{-moz-column-count:15;-webkit-column-count:4;column-count:4}}@media (max-width:1000px){#indeximages{-moz-column-count:12;-webkit-column-count:3;column-count:3}}@media (max-width:800px){#indeximages{-moz-column-count:9;-webkit-column-count:2;column-count:2}}@media (max-width:400px){#indeximages{-moz-column-count:7;-webkit-column-count:1;column-count:1}}#products-wrapper{padding-top:20px}.explore-products{padding-left:30px;padding-right:30px;margin-top:-10px}.explore-products .product-list{width:100%;float:left;padding:0 10px;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.explore-products .product-list .explore-product{padding:10px 0;font-size:12px;border-top:1px solid #ccc}.explore-products .product-list .explore-product .rownum{font-size:12px;float:left}.explore-products .product-list .explore-product .explore-product-imgcolumn{padding-left:5px;padding-right:5px}.explore-products .product-list .explore-product .imageContainer{height:167px;display:flex;justify-content:center;align-items:center}.explore-products .product-list .explore-product .explore-product-image{max-width:95%;max-height:167px}.explore-products .product-list .explore-product .contentLeft{float:left;padding-right:0;width:270px}.explore-products .product-list .explore-product .contentLeft img{max-width:167px;max-height:167px}.explore-products .product-list .explore-product .contentLeft div.productimg{width:167px;height:167px}.explore-products .product-list .explore-product .explore-product-details{padding-left:20px}.explore-products .product-list .explore-product .explore-product-details h3{font-size:24px;font-weight:700;color:#2673b0}.explore-products .product-list .explore-product .explore-product-details h3 span.version{font-size:smaller;padding-left:20px}.explore-products .product-list .explore-product .explore-product-details .title{display:block;margin-bottom:8px}.explore-products .product-list .explore-product .explore-product-details .title .username{padding-left:20px}.explore-products .product-list .explore-product .explore-product-details .description{display:block;margin-bottom:8px}.explore-products .product-list .explore-product .explore-product-details .packagetypes{display:block;float:left}.explore-products .product-list .explore-product .explore-product-details .packagetypes .packagetypeos{width:100px;float:left}.explore-products .product-list .explore-product .explore-product-details .productInfo{clear:left;padding-top:5px}.explore-products .product-list .explore-product .explore-product-details .productInfo span.cntSupporters{padding-right:20px}.explore-products .product-list .explore-product .explore-product-plings{padding:0}.explore-products .product-list .explore-product .explore-product-plings .rating{width:50%}.explore-products .product-list .explore-product .explore-product-plings .progress{margin-bottom:10px;padding:3px;opacity:0;margin-bottom:0;height:12px;opacity:1;background-color:transparent;box-shadow:none;padding:2px}.explore-products .product-list .explore-product .explore-product-plings .progress .bar{width:4px;max-width:100%;height:14px;background-color:#2673b0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:inset 0 6px 0 rgba(255,255,255,.2);-moz-box-shadow:inset 0 6px 0 rgba(255,255,255,.2);box-shadow:inset 0 6px 0 rgba(255,255,255,.2)}.explore-products .product-list .explore-product .explore-product-plings .progress .bar.no-goal{width:50%;opacity:0}.explore-products .product-list .explore-product .explore-product-plings .collected span{display:block;width:100%;float:left}.explore-products .product-list .explore-product:first-of-type{border-top:0}.explore-products .explore-footer{width:100%;text-align:center}.explore-products .explore-footer .projectPaginationControl{width:auto;display:table;margin:0 auto}.explore-products .explore-footer .projectPaginationControl ul#pagination-digg{padding:0;list-style-type:none;margin:20px 0;height:auto;overflow:hidden}.explore-products .explore-footer .projectPaginationControl ul#pagination-digg li{float:left;font-size:16px;font-weight:400;margin:0 4px}aside#explore-sidebar{padding-left:0;margin-bottom:20px}main#community-page .head-wrap{padding-top:1em;height:auto;background-size:cover;position:relative}main#community-page .head-wrap .wrapper{width:95%}main#community-page .head-wrap .page-title{height:3em;position:relative;margin-bottom:2em}main#community-page .head-wrap .page-title .center{position:absolute;top:0;left:0;width:100%;height:3em;text-align:center}main#community-page .head-wrap .page-title .center>div{background:rgba(246,246,246,.86);width:auto;display:table;float:none;margin:0 auto}main#community-page .head-wrap .page-title .center>div>h1{margin:0 .5em}main#community-page .head-wrap .page-title hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee;border-bottom:1px solid #fff;float:left;width:100%}main#community-page .banner{margin:0 auto;float:none;background:#fff;border:1px solid #e4e4e4;padding:0;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;text-align:center}main#community-page .banner .top{padding:1em;font-size:1em}main#community-page .banner .top .large{font-size:2em}main#community-page .banner .bottom{padding:1em;background:rgba(231,231,231,.4);border-top:1px solid #e4e4e4;-webkit-border-radius:0 0 9px 9px;-moz-border-radius:0 0 9px 9px;border-radius:0 0 9px 9px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}main#community-page .banner .bottom a{margin-right:5px}main#community-page .body-wrap{background:#fff;position:relative}main#community-page .body-wrap .wrapper{width:70%}main#community-page .body-wrap #user-lists{padding-top:1em}main#community-page .body-wrap #user-lists #community-tabs{margin-bottom:20px;text-align:center}main#community-page .body-wrap #user-lists #community-tabs .pling-nav-tabs .nav-tabs{text-align:center}main#community-page .body-wrap #user-lists #community-tabs .pling-nav-tabs .nav-pills>li,main#community-page .body-wrap #user-lists #community-tabs .pling-nav-tabs .nav-tabs>li{float:none;display:inline-block}main#community-page .body-wrap #user-lists .list{display:block;margin:auto;padding-right:15px;padding-left:15px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}main#community-page .body-wrap #user-lists .list .u-wrap{float:left;width:100%;padding:.3em;border:.35em solid #dee0e0;border-radius:5px;height:14em;margin-bottom:1em;background:#fff;width:115px;height:200px;margin-right:10px;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;position:relative;text-align:center}main#community-page .body-wrap #user-lists .list .u-wrap figure{float:left;padding:.25em;border:1px solid #dbdbdb;background:#f6f6f6;-webkit-border-radius:999px;-moz-border-radius:999px;border-radius:999px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}main#community-page .body-wrap #user-lists .list .u-wrap figure img{width:100%;border:1px solid #dbdbdb;-webkit-border-radius:999px;-moz-border-radius:999px;border-radius:999px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}main#community-page .body-wrap #user-lists .list .u-wrap h3{font-size:13px;font-weight:700;word-wrap:break-word;line-height:20px;height:20px;padding:0;margin:0}main#community-page .body-wrap #user-lists .list .u-wrap span.small{font-size:13px;color:#444;position:absolute;bottom:5px;right:5px}main#community-page .body-wrap #user-lists .list .u-wrap div.projecttitle{font-size:11px}main#community-page .body-wrap #user-lists .list .u-wrap span.rank{font-size:14px;position:absolute;bottom:5px;left:5px;color:#444;font-weight:700}#product-page-content{padding:0}#product-page-content #product-main-img #product-title-div{padding-left:30px;min-height:105px;padding-top:20px;display:flex}#product-page-content #product-main-img #product-title-div .product-title{flex:0 0 80%;font-size:25px;color:#2673b0;font-weight:700;padding-bottom:15px}#product-page-content #product-main-img #product-title-div .product-title-right{flex:1}#product-page-content #product-main-img #product-title-div img.logo{max-height:85px;max-width:85px;float:left;padding-right:15px;border-radius:0}#product-page-content #product-main-img #product-title-div .product-logo-container{float:left;width:95px}#product-page-content #product-main-img #product-title-div .product_category{font-size:small;display:block;font-weight:400}#product-page-content #product-main-img #product-title-div .topics{padding-right:20px;float:right}#product-page-content #product-main-img #product-title-div .topics .topic-tag{display:inline-block;padding:.3em .9em;margin:0 .5em .5em 0;white-space:nowrap;background-color:#f1f8ff;border-radius:3px}#product-page-content #product-main-img #product-title-div .topics .usertagslabelcat{background-color:#f1f1f1}#product-page-content #product-main-img #product-title-div .topics .topic-tag-link:hover{text-decoration:none;background-color:#def}#product-page-content #product-main-img #product-title-div .topics .btn-link{display:inline-block;padding:0;font-size:inherit;color:#0366d6;text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;float:right;padding-top:5px;padding-left:10px}#product-page-content #product-main-img #product-title-div .topics .topic-tags-saved{display:none;color:#0366d6;float:left;padding-top:5px;padding-left:10px}#product-page-content #product-main-img #product-title-div .topics .topic-tags-saved .fa-check{color:green}#product-page-content #product-main-img #product-title-div span.source{color:#4e4e4e}#product-page-content #product-main-img #product-title-div div.projectdetailRating{float:right;width:150px;z-index:100}#product-page-content #product-main-img #product-title-div div.projectdtailHeart{float:right;margin-right:5px;width:80px}#product-page-content #product-main-img #product-title-div div.projectdtailHeart .container-pling{position:relative;width:80px}#product-page-content #product-main-img #product-title-div div.projectdtailHeart .container-pling .partialbuttonfollowproject{text-align:center;width:80px;height:30px}#product-page-content #product-main-img #product-title-div div.projectdtailHeart .container-pling .partialbuttonplingproject{text-align:center}#product-page-content #product-main-img #product-title-div div.projectdtailHeart{float:right;z-index:100;margin-right:5px;width:50px}#product-page-content #product-main-img #product-title-div div.projectdtailHeart .container-pling{position:relative;width:50px}#product-page-content #product-main-img #product-title-div div.projectdtailHeart .container-pling .partialbuttonfollowproject{text-align:center;width:45px;height:45px}#product-page-content #product-main-img #product-title-div div.projectdtailHeart .container-pling .partialbuttonplingproject{text-align:center}#product-page-content #product-main-img #product-title-div .heartproject{position:relative;color:#8e44ad;font-size:45px;display:block}#product-page-content #product-main-img #product-title-div div.heartnumber{z-index:3;position:relative;top:-32px;display:block;margin:auto;color:#fff}#product-page-content #product-main-img #product-title-div .heartgrey{position:relative;color:#C8C8C8;font-size:45px;display:block}#product-page-content #product-main-img #product-title-div span.plingcircle{width:30px;height:30px;background-color:#fff;border:3px solid #C8C8C8;border-radius:50%;display:inline-block;font-size:17px;text-align:center;color:#C8C8C8;font-weight:700;transform:rotate(345deg)}#product-page-content #product-main-img #product-title-div span.active{border:3px solid #EE6E09;color:#EE6E09}#product-page-content #product-main-img #product-title-div div.heartnumberpurple{color:#8e44ad}#product-page-content #product-tabs-container{padding-top:30px}#product-page-content #product-tabs-container #product-actions{margin-top:25px;margin-right:10px}#product-page-content #product-tabs{font-size:10pt;padding-left:25px}#product-page-content #product-panels{background:none repeat scroll 0 0 #fff;height:auto;overflow:hidden;border-radius:0;padding:15px;float:left;width:100%;margin:0}#product-page-content #product-panels .tab-pane{width:100%;float:left;background-color:#fff;padding:4px}#product-page-content #product-panels .tab-pane h3{color:#2673b0;margin-bottom:20px;margin-top:0}#product-page-content #product-panels .tab-pane .panel-grey-part{padding:15px;background-color:#f3f3f3;color:#2673b0;border-left:1px solid #e5e5e5}#product-page-content #product-panels .tab-pane#about-panel #product-about{padding:20px 10px 10px 10px}#product-page-content #product-panels .tab-pane#about-panel #product-about article{padding-top:15px}#product-page-content #product-panels .tab-pane#about-panel #product-about article.lastchangelog{padding-top:50px}#product-page-content #product-panels .tab-pane#donations-panel #comments{width:100%;float:left;padding:15px}#product-page-content #product-panels .tab-pane#donations-panel .list#supporters{padding:15px}#product-page-content #product-panels .tab-pane#ratings-panel .productRating-rows-inactive{color:#ddd;display:none}#product-page-content #product-panels .tab-pane#ratings-panel .userimg{border-radius:50%;border:1px solid #ccc;width:40px;height:40px}#product-page-content #product-panels .tab-pane#ratings-panel span.o-thumbs-up{color:green;padding-left:10px;padding-top:10px}#product-page-content #product-panels .tab-pane#ratings-panel span.o-thumbs-down{color:red;padding-left:10px;padding-top:10px}#product-page-content #product-panels #files-panel{padding-top:30px}#product-page-content #product-panels #files-panel table.table-ocs-file td{padding:3px;vertical-align:middle;padding-left:8px}#product-page-content #product-panels #files-panel table.table-ocs-file th{padding-right:3px}#product-page-content #product-panels #files-panel .btn{padding:3px 5px}#product-page-content #product-panels #updates-panel span.product-update-date{padding-left:10px}#product-page-content #product-panels #gitlabissues-panel span.date{font-size:10pt}#product-page-content #product-panels #gitlabissues-panel span.title{font:12pt Trebuchet MS,sans-serif;display:block;padding-bottom:10px}#product-page-content #product-panels #gitlabissues-panel span.showmore{font-size:10pt}#product-page-content #product-panels #likes-panel .u-wrap{float:left;padding:.3em;border:.35em solid #dee0e0;border-radius:5px;height:14em;margin-bottom:1em;background:#fff;width:115px;height:200px;margin-right:10px;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out}#product-page-content #product-panels #likes-panel .u-wrap figure img{width:100%;border:1px solid #dbdbdb;-webkit-border-radius:999px;-moz-border-radius:999px;border-radius:999px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}#product-page-content #product-panels #likes-panel .u-wrap h3{font-size:13px;font-weight:700;word-wrap:break-word;line-height:20px;height:20px;padding:0;margin:0}#product-page-content #product-panels #likes-panel .u-wrap span.small{font-size:13px;text-align:right;color:#444;margin-top:50px;float:right}span.page-views{float:left;font-size:12px;padding:5px 15px 5px 0;color:#2673b0}#product-maker{background-color:#f1f1f1}#product-maker .project-share-new{padding-bottom:10px;padding-top:10px}#product-maker .project-share-new>.row{padding-left:30px}#product-maker .project-share-new .prod-user{margin-top:10px}#product-maker .project-share-new .prod-user .product-maker-thumbnail{float:right}#product-maker .project-share-new .prod-user .product-maker-thumbnail .supporter-badge{position:absolute;left:0;bottom:0;background:#EE6E09;text-align:center;border-radius:15px 15px 15px 15px;color:#fff;padding:2px 5px;font-size:10px}#product-maker .project-share-new .prod-user .product-maker-summary{float:right;padding-right:20px}#product-maker .project-share-new .prod-info{font-size:12px;padding-bottom:10px}#product-maker .project-share-new .prod-info>span{width:100%;float:left;padding-left:15px}#product-maker .project-share-new .prod-download>a{position:relative;display:block;float:left;color:#2673b0;background-image:-moz-linear-gradient(top,#E8E8E8,#D6D6D6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#E8E8E8),to(#D6D6D6));background-image:-webkit-linear-gradient(top,#E8E8E8,#D6D6D6);background-image:-o-linear-gradient(top,#E8E8E8,#D6D6D6);background-image:linear-gradient(to bottom,#E8E8E8,#D6D6D6);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='@from', endColorstr='@to', GradientType=0);-webkit-box-shadow:inset 0 0 0 1px rgba(154,154,154,.45);-moz-box-shadow:inset 0 0 0 1px rgba(154,154,154,.45);box-shadow:inset 0 0 0 1px rgba(154,154,154,.45);padding:10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;height:50px;font-size:16px;line-height:30px;padding-left:15px;margin-right:5px;margin-bottom:10px}#product-maker .project-share-new .prod-download>a .glyphicon{font-size:30px;margin:0;position:absolute;height:30px;width:30px;display:block;top:10px;left:10px}#product-maker .project-share-new .prod-download>a .txt{float:left;width:100%;height:30px}#product-maker .project-share-new .prod-download>a .txt>span{text-transform:capitalize}#product-maker .project-share-new #donation-box{margin:0 -10px}.prod-widget-box{border:1px solid #ccd4d8!important;font-size:10pt;padding:5px;margin-bottom:10px!important;width:95%!important}.prod-widget-box .product-row .product-thumbnail{width:75px;height:77px;margin:7px;padding:10px;position:relative}.prod-widget-box .product-row .product-thumbnail img{border-radius:5px;border:1px solid #b2b2b2;height:75px;width:75px}.prod-widget-box #pling-box .donation-box{padding-top:10px;padding-bottom:15px;width:100%;height:auto}.prod-widget-box #pling-box .donation-box>div{height:auto}.prod-widget-box #comments figure{width:40px;height:auto;text-align:center;border-top:1px solid #f5f5f5;padding:0 0 15px 0;float:left}.prod-widget-box #comments figure img{margin:0 auto;width:70%}.prod-widget-box.details span{line-height:1.65em;font-size:8.25pt}.prod-widget-box.details span.title{font:12pt Trebuchet MS,sans-serif;display:block;padding-bottom:10px}.prod-widget-box.details span.value{font-size:9pt}#product-donate{display:none;width:550px;height:300px;font-size:13px}main#reg-page{width:100%;height:100%}main#reg-page .form-control-feedback{line-height:40px}main#reg-page section#register-wrap{position:absolute;top:150px;left:50%;margin-left:-290px;width:580px}main#reg-page section#register-wrap input[type=text],main#reg-page section#register-wrap input[type=password]{border-width:1px;height:41px;margin:4px 0;width:100%;float:none;padding:0 5px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.15);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.15);box-shadow:inset 0 1px 1px rgba(0,0,0,.15)}main#reg-page section#register-wrap input[type=checkbox]{height:20px;width:auto}main#reg-page section#register-wrap label{font-size:12px}main#reg-page section#register-wrap button#login{margin-top:8px;width:120px}main#reg-page section#register-wrap #register{width:100%;margin:auto;background:#f5f5f5;padding:10px;border-radius:5px}main#reg-page section#register-wrap #register h3{text-align:center;font-weight:400;position:relative;margin:10px 0 13px 0}main#reg-page section#register-wrap #register #register-box{padding-left:0;padding-right:0;min-height:373px}main#reg-page section#register-wrap #register #register-box #register-form-box{background-color:#fff;margin-bottom:0;width:373px}main#reg-page section#register-wrap #register #social-register{padding-top:20px;padding-right:15px;padding-left:30px;float:right}main#reg-page section#register-wrap #register #social-register #social-login-elements{margin-bottom:91px}main#reg-page section#register-wrap #register #social-register>div{float:left;width:100%}main#reg-page section#register-wrap #register #social-register form button{background-image:url(../img/bg_sheet.png);font-size:14px;display:block;font-weight:300;color:#fff;width:140px;height:41px;margin:0;border:none;text-align:left;text-indent:10px;padding-left:41px}main#reg-page section#register-wrap #register #social-register form button.facebook{background-position:0 -189px;margin-top:4px}main#reg-page section#register-wrap #register #social-register form button.twitter{background-position:0 -232px;margin-top:7px}main#reg-page section#register-wrap #register #social-register .bottom .small{margin-bottom:6px;text-align:center}main#reg-page section#register-wrap #register #social-register .bottom .login2 a{width:100%}main#reg-page section#register-wrap #login-form-box{background-color:#fff;margin-bottom:0;position:absolute;top:0;bottom:0}main#reg-page #thumbs{z-index:-1;width:100%;min-height:1000px;overflow:hidden;position:relative;background:#000}main#reg-page #thumbs div.thumb{width:5.5555%;max-height:100px;padding:0;float:left;background:rgba(0,0,0,.8)}main#reg-page #thumbs div.thumb a{float:left;width:100%;height:auto;display:block;position:relative}main#reg-page #thumbs div.thumb a>span{width:100%;height:100%;display:block;position:absolute;top:0;left:0;background:rgba(0,0,0,.8);-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out}main#reg-page #thumbs div.thumb a img{width:100%;height:auto}.login-popup{position:relative;background:#fff;padding:0;width:420px;margin:0 auto}.login-popup .login-popup-form{background:#fff;border-radius:10px;padding:20px;float:left;margin:0;width:440px}.login-popup .login-popup-form .login-form-container{position:relative}.login-popup .login-popup-form .login-form-container form{margin:0}.login-popup .login-popup-form .login-form-container form input,.login-popup .login-popup-form .login-form-container form select,.login-popup .login-popup-form .login-form-container form textarea{border:1px solid #bdc3c7;padding:0;border-radius:5px}.login-popup .login-popup-form .login-form-container form .inputbox{border:1px solid #eaedf2;border-radius:3px;height:40px;padding:10px 0 10px 32px;width:100%;outline:0;margin-bottom:10px;font-family:inherit}.login-popup .login-popup-form .login-form-container form .email{background:#eaedf2 url(../img/email.png) 10px 15px no-repeat}.login-popup .login-popup-form .login-form-container form .password{background:#eaedf2 url(../img/password.png) 10px 10px no-repeat}.login-popup .login-popup-form .login-form-container form .container-checkbox-remember-me{height:20px;clear:both;margin-bottom:10px}.login-popup .login-popup-form .login-form-container form .container-checkbox-remember-me input{height:20px;margin:0 5px;float:left;width:auto}.login-popup .login-popup-form .login-form-container form .container-checkbox-remember-me label{display:inline-block;font-weight:700;font-size:13px;float:left}.login-popup .login-popup-form .login-form-links{position:absolute;bottom:10px;right:20px;font-size:13px}.login-popup .login-popup-form .login-form-links a{font-size:13px}.login-popup p{font-size:15px;margin-bottom:0;text-align:left}.login-popup .social{margin:20px 0 15px}.login-popup .social a{color:#fff;text-decoration:none;font-weight:700;border-radius:4px 4px 4px 4px;margin-right:10px;float:left;height:40px}.user-admin-page{position:relative}.user-admin-page .head-wrap{padding-top:1em;height:auto;background-size:cover;position:relative;padding-bottom:1.9em}.user-admin-page .head-wrap .about-me-header figure{width:6.9em;height:6.9em;padding:.3em;border:1px solid #dbdbdb;background:#fff;position:absolute;z-index:10;-webkit-border-radius:999px;-moz-border-radius:999px;border-radius:999px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.user-admin-page .head-wrap .about-me-header figure img{width:100%;height:100%;-webkit-border-radius:999px;-moz-border-radius:999px;border-radius:999px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.user-admin-page .head-wrap .about-me-header .user-menu{position:relative;height:auto;background:#fff;float:left;margin-top:1.5em;padding:.5em 2em .5em 8em;-webkit-border-radius:50px 0 0 50px;-moz-border-radius:50px 0 0 50px;border-radius:50px 0 0 50px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.user-admin-page .head-wrap .about-me-header .user-menu .intro{margin-top:0}.user-admin-page .body-wrap{background:#fff;position:relative}.user-admin-page .body-wrap .product-page{padding-top:1em}.user-admin-page .my-payments-page,.user-admin-page .my-products-page{padding-bottom:2em}.user-admin-page .my-payments-page .my-products-heading,.user-admin-page .my-products-page .my-products-heading{padding-bottom:20px;margin-bottom:20px;margin-top:20px;border-bottom:1px solid #c1c1c1;float:left;width:100%}.user-admin-page .my-payments-page .my-products-heading .num-products,.user-admin-page .my-products-page .my-products-heading .num-products{margin-top:35px}.user-admin-page .my-payments-page .my-products-list,.user-admin-page .my-products-page .my-products-list{float:left;width:100%}.user-admin-page .my-payments-page .my-product-item,.user-admin-page .my-products-page .my-product-item{margin-bottom:20px}.user-admin-page .my-payments-page .my-product-item figure,.user-admin-page .my-products-page .my-product-item figure{height:auto;padding:0}.user-admin-page .my-payments-page .my-product-item figure img.explore-product-image,.user-admin-page .my-products-page .my-product-item figure img.explore-product-image{width:101px;height:auto;padding-top:10px}.user-admin-page .my-payments-page .my-product-item article>div,.user-admin-page .my-products-page .my-product-item article>div{float:left;width:100%}.user-admin-page .my-payments-page .my-product-item article .title,.user-admin-page .my-products-page .my-product-item article .title{margin-bottom:10px}.user-admin-page .my-payments-page .my-product-item article .title h3,.user-admin-page .my-products-page .my-product-item article .title h3{margin:0;padding:0}.user-admin-page .my-payments-page .my-product-item article .info ul,.user-admin-page .my-products-page .my-product-item article .info ul{list-style-type:none;padding:0;margin:0}.user-admin-page .my-payments-page .my-product-item article .info ul li,.user-admin-page .my-products-page .my-product-item article .info ul li{float:left;width:auto;font-size:12px}.user-admin-page .my-payments-page .my-product-item article .info ul li span+span,.user-admin-page .my-products-page .my-product-item article .info ul li span+span{margin-left:5px;font-weight:700}.user-admin-page .my-payments-page .my-product-item article .info ul li+li,.user-admin-page .my-products-page .my-product-item article .info ul li+li{margin-left:15px}.user-admin-page .my-payments-page .my-product-item article .text,.user-admin-page .my-products-page .my-product-item article .text{font-size:12px;margin:5px 0 10px 0}.user-admin-page .my-payments-page .my-product-item article .text p,.user-admin-page .my-products-page .my-product-item article .text p{margin:0}.user-admin-page .my-payments-page .my-product-item article .buttons a.btn.btn-native,.user-admin-page .my-products-page .my-product-item article .buttons a.btn.btn-native{color:#fff;font-size:12px;padding:3px 6px}.user-admin-page .my-payments-page .my-product-item article .buttons a.btn.pling-danger,.user-admin-page .my-products-page .my-product-item article .buttons a.btn.pling-danger{background-color:#C82333}.user-admin-page .my-payments-page .my-product-divider,.user-admin-page .my-products-page .my-product-divider{border-bottom:1px solid #c1c1c1;margin-bottom:20px;width:97%;margin-left:15px}.user-admin-page .my-payments-page #my-earnings-list ul.nav-tabs,.user-admin-page .my-products-page #my-earnings-list ul.nav-tabs{top:0;position:relative;margin:0;border-radius:5px 5px 0 0;padding:10px;padding-bottom:0}.user-admin-page .my-payments-page #my-earnings-list ul.nav-tabs>li>a,.user-admin-page .my-products-page #my-earnings-list ul.nav-tabs>li>a{padding:.7em 1em;font-size:.9em;height:2.95em;color:#2673b0}.user-admin-page .my-payments-page #my-earnings-list #my-earnings-tabs,.user-admin-page .my-products-page #my-earnings-list #my-earnings-tabs{padding:10px;border:1px solid #ddd;border-radius:0 0 5px 5px}.user-admin-page .my-payments-page #my-earnings-list #my-earnings-tabs .tab-pane,.user-admin-page .my-products-page #my-earnings-list #my-earnings-tabs .tab-pane{font-weight:700}.user-admin-page .my-payments-page #my-earnings-list #my-earnings-tabs .tab-pane .row,.user-admin-page .my-products-page #my-earnings-list #my-earnings-tabs .tab-pane .row{margin:0}.user-admin-page .my-payments-page #my-earnings-list #my-earnings-tabs .tab-pane .row h3,.user-admin-page .my-products-page #my-earnings-list #my-earnings-tabs .tab-pane .row h3{margin:5px 0}.modal-ppload .content-modal{width:950px}.about-me-page .my-fav-list{width:1100px}.about-me-page .my-fav-list .totaldownloads{margin:0;padding:20px;text-align:right}.about-me-page .my-fav-list .smaller{font-size:smaller}.about-me-page .my-fav-list .row{border-bottom:1px solid #ccc;padding-top:15px;padding-bottom:15px}.about-me-page .my-fav-list .rating{width:60px!important;font-size:10pt}.about-me-page .my-fav-list .downloadhistory-image{width:50px;height:50px;float:left;margin-right:15px}.about-me-page .my-fav-list .nowrap{white-space:nowrap}.about-me-page .my-fav-list i.voteup{color:#409540;font-size:20px;padding-left:5px;padding-right:5px}.about-me-page .my-fav-list i.votedown{color:#C9302C;font-size:20px;padding-left:5px;padding-right:5px}.about-me-page .my-fav-list .newusers .u-wrap{float:left;width:100%;padding:.3em;border:.35em solid #dee0e0;border-radius:5px;height:14em;margin-bottom:1em;background:#fff;width:115px;height:200px;margin-right:10px;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;position:relative}.about-me-page .my-fav-list .newusers .u-wrap figure img{width:100%;border:1px solid #dbdbdb;-webkit-border-radius:999px;-moz-border-radius:999px;border-radius:999px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.about-me-page .my-fav-list .newusers .u-wrap h3{font-size:13px;font-weight:700;word-wrap:break-word;line-height:20px;height:20px;padding:0;margin:0}.about-me-page .my-fav-list .newusers .u-wrap div.small{font-size:13px;color:#444;position:absolute;bottom:5px;right:5px}.about-me-page .my-fav-list .newusers .u-wrap div.small img.plingactivesmall{width:20px;height:20px}.about-me-page .my-fav-list .newusers .u-wrap div.small .cntplings{line-height:20px}.about-me-page>.head-wrap{padding-top:1em;height:auto;background-size:cover;position:relative;padding-bottom:1em}.about-me-page>.head-wrap .page-title{height:3em;position:relative;margin-bottom:2em;margin-top:2em}.about-me-page>.head-wrap .page-title .center{position:absolute;top:0;left:0;width:100%;height:3em;text-align:center}.about-me-page>.head-wrap .page-title .center>div{background:#f6f6f6;width:auto;display:table;float:none;margin:0 auto}.about-me-page>.head-wrap .page-title .center>div>h1{margin:0 .5em}.about-me-page>.head-wrap .page-title hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee;border-bottom:1px solid #fff;float:left;width:100%}.about-me-page .header{height:auto;position:relative;margin-bottom:3em}.about-me-page .header>div.col-lg-8{padding-right:5px;padding-left:0}.about-me-page .header>div.col-lg-4{padding-right:0;padding-left:5px}.about-me-page .header .about{display:none}.about-me-page .header .about .well{background-color:#fff;padding:1em;height:22.5em}.about-me-page .header .about .well h2{font-size:1.4em;margin:0;min-height:1.4em;line-height:1.2em;border-bottom:1px solid #dbdbdb;font-weight:400}.about-me-page .header .about .well article{border-top:1px solid #f5f5f5;padding-top:.5em;width:100%;float:left;overflow:hidden;height:18.5em}.about-me-page .header .about .well article>.scroll-pane{height:18em}.about-me-page .header .summary{float:none;margin:0 auto}.about-me-page .header .summary article{padding:0;background-color:#fff;height:auto;float:left}.about-me-page .header .summary article .about-title{padding:1em;height:8.9em;padding-left:8.9em;position:relative;background:rgba(246,246,246,.45);border-bottom:1px solid #e1e1e1;float:left;width:100%}.about-me-page .header .summary article .about-title figure{width:6.9em;height:6.9em;padding:.3em;border:1px solid #dbdbdb;background:#fff;position:absolute;top:1em;left:1em;display:inline-block;-webkit-border-radius:999px;-moz-border-radius:999px;border-radius:999px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.about-me-page .header .summary article .about-title figure img{width:100%;height:100%;-webkit-border-radius:999px;-moz-border-radius:999px;border-radius:999px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.about-me-page .header .summary article .about-title .supporter-badge{position:absolute;left:0;bottom:0;background:#EE6E09;text-align:center;border-radius:30px 30px 30px 30px;color:#fff;padding:5px 10px;font-size:16px}.about-me-page .header .summary article .about-title .mod-badge{display:block;text-align:center;padding-top:3px;font-size:small}.about-me-page .header .summary article .about-title h1{margin:1.5em 0 0 0;font-size:1.5em;min-height:1.7em;line-height:1em}.about-me-page .header .summary article .about-content{padding:1em;float:left}.about-me-page .header .summary article .about-content>div{float:left;width:100%}.about-me-page .header .summary article .about-content>div span{float:left;display:block;line-height:1.25em}.about-me-page .header .summary article .about-content>div span.glyphicon{color:#939292;margin-right:.25em;font-size:1.25em}.about-me-page .header .summary article .about-content>div span+span{line-height:1.65em}.about-me-page .header .summary article .about-content>div.social-icons a{font-size:1.35em;height:1em;width:1em;display:block;float:left}.about-me-page .header .summary article .about-content>div.social-icons a img{width:100%;height:100%;vertical-align:top}.about-me-page .header .summary article .about-content>div.social-icons a+a{margin-left:.25em}.about-me-page .header .summary article .about-content div+div{margin-top:.25em}.about-me-page .header .summary article .about-footer{float:left;width:100%;padding:1em}.about-me-page .header .summary article .about-footer .info-div{width:100%;float:left}.about-me-page .header .summary article .about-footer .info-div+.info-div{margin-top:5px}.about-me-page .header .summary article .about-footer .social-share .social+.social{margin-left:.5em}.about-me-page .header .summary article .about-footer>.pull-right em.report-icon{height:1.5em;width:1.5em;margin-top:.5em;background-size:cover}.about-me-page .about-me-details{padding-left:0;padding-right:.5em}.about-me-page .about-me-details .tab-content{padding-top:20px}.about-me-page .about-me-details h3.about-me-heading{font-size:1.5em;margin:0;min-height:1.9em;line-height:1.9em;border-bottom:1px solid #dbdbdb;font-weight:400}.about-me-page .about-me-details article{padding-top:.5em;padding-bottom:1.5em;width:100%;float:left}.about-me-page .about-me-details .my-products-list h3{width:100%;margin-bottom:20px}.about-me-page .about-me-details .my-products-list .cat-title{padding:0 5px;position:relative;height:2em;margin-bottom:1em;margin-top:1.1em}.about-me-page .about-me-details .my-products-list .cat-title>div{position:absolute;top:0;left:1em;background:#fff;height:2em;width:auto;padding:0 .5em}.about-me-page .about-me-details .my-products-list .cat-title>div>h2{margin:0}.about-me-page .about-me-details .my-products-list .cat-title hr{float:left;width:100%;margin-top:1em;margin-bottom:1em;border-bottom:1px solid #F9F9F9}.about-me-page .about-me-details .my-products-list .mini-card{width:14.28571%;margin-bottom:10px}.about-me-page .about-me-details .my-products-list .mini-card p img{vertical-align:baseline}.about-me-page aside .details{float:left;width:100%;height:auto;padding:.5em}.about-me-page aside .details h3{line-height:2em;font-size:1em;margin:0;color:#a3a2a2;border-bottom:1px solid #e1e1e1}.about-me-page aside .details .box-content{padding:.5em 0 0 0;border-top:1px solid #ededed}.about-me-page aside .details .box-content>div{width:100%;float:left;height:auto;margin-top:.5em}.about-me-page aside .details .box-content>div .label{float:left;padding:0;min-height:1.5em;line-height:1.3em}.about-me-page aside .details .box-content>div .label img.accounts_icon{padding-top:2px;width:20px}.about-me-page aside .details .box-content>div .label em,.about-me-page aside .details .box-content>div .label span{font-size:1.7em;float:left;display:inline-block;color:#AAA}.about-me-page aside .details .box-content>div .label em{display:block;width:1em;height:1em;background-size:cover}.about-me-page aside .details .box-content>div .label em.fb-link{background-image:url(../img/social_icons/fb.png);background-size:100%;background-repeat:no-repeat;background-position:center}.about-me-page aside .details .box-content>div .label em.tw-link{background-image:url(../img/social_icons/tw.png);background-size:100%;background-repeat:no-repeat;background-position:center}.about-me-page aside .details .box-content>div .label em.gp-link{background-image:url(../img/social_icons/g_plus.png);background-size:100%;background-repeat:no-repeat;background-position:center}.about-me-page aside .details .box-content>div .label em.gt-link{background-image:url(../img/social_icons/github.png);background-size:100%;background-repeat:no-repeat;background-position:center}.about-me-page aside .details .box-content>div .label em.email-link{background-image:url(../img/email.png);background-size:100%;background-repeat:no-repeat;background-position:center}.about-me-page aside .details .box-content>div .text{width:90%;float:right;font-size:1em;min-height:1.5em;line-height:1.3em}.mini-card{padding:0 2px;width:14.28571%;margin-bottom:10px}.mini-card .u-wrap{float:left;width:100%;border:2px solid #DEE0E0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;height:15em;margin-bottom:4px;background:#fff;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out}.mini-card .u-wrap a{float:left;width:100%;height:100%;display:block;position:relative}.mini-card .u-wrap figure{width:100%;float:left;height:120px}.mini-card .u-wrap figure img{width:100%;height:120px;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.mini-card .u-wrap .rating{font-size:11px;position:absolute;right:10px;bottom:10px}.mini-card .u-wrap .u-content{width:100%;float:left;padding:3px;height:5.5em;position:relative;overflow:hidden}.mini-card .u-wrap .u-content .productCategory{color:#4e4e4e;display:block;font-size:11px}.mini-card .u-wrap .u-content>h3{font-size:12px;word-wrap:break-word;width:100%;margin:2px 0 4px 0}.mini-card .u-wrap .u-content>p{font-size:15px;position:absolute;bottom:0;right:3px;width:100%;margin:0;color:#000;font-weight:700;text-align:right;color:#444}.mini-card .u-wrap:hover{border-color:#DEE0E0;background:#f6f6f6}.mini-card .u-wrap:hover figure{background:#fff}@media (max-width:800px){.mini-card{width:16.6666667%}.mini-card .u-wrap{height:12em}}@media (max-width:550px){.mini-card{width:20%}.mini-card .u-wrap{height:14em}}@media (max-width:350px){.mini-card{width:33.333333%}.mini-card .u-wrap{height:16em}}.product-card{width:10%;padding:0 3px;margin-bottom:10px;height:auto}.product-card>a{display:block;float:left;width:100%;height:auto;position:relative}.product-card>a .card>.border{position:absolute;top:0;left:0;width:100%;background-color:#2673B0}.product-card>a .card>.p-wrap{width:100%;height:8.25em;border:2px solid #c5ced5;background-color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.product-card>a .card>.p-wrap>figure{width:100%;height:3.5em;overflow:hidden;display:block;float:left;border-bottom:1px solid #c5ced5}.product-card>a .card>.p-wrap>figure>img{height:100%;width:100%}.product-card>a .card>.p-wrap>.content{width:100%;float:left;padding:.25em;font-size:1em;height:3.5em}.product-card>a .card>.p-wrap>.content>h3{font-size:.7em;margin:0;color:#34495e;display:block;width:100%;height:100%;overflow:hidden;word-break:break-word}.product-card>a .card>.p-wrap>.footer{float:left;width:100%;height:1em;line-height:1em;font-size:1em;text-align:right;padding:0 .1em;background-color:#f5f5f5;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.product-card>a .card>.p-wrap>.footer>p{font-weight:700;font-size:.75em;color:#a7a7a7}.product-card>a>.empty-card{width:100%}@media (max-width:800px){.product-card{width:16.6666667%}}@media (max-width:550px){.product-card{width:20%}}@media (max-width:350px){.product-card{width:33.333333%}}.wizard>.content>.body{position:inherit}.wizard>.content>.body input.error,.wizard>.content>.body select.error,.wizard>.content>.body textarea.error{background:none repeat scroll 0 0 #fbe3e4;border:1px solid #fbc2c4;color:#8a1f11}.wizard>.steps li a{background:#eee none repeat scroll 0 0;color:#aaa;cursor:default}.wizard>.steps li a:hover{cursor:pointer}.wizard>.steps>ul>li{width:20%}.add-product-top{width:100%;margin:20px 0 100px 0;padding:0 15px}.add-product-top h1{margin-bottom:0;font-size:2em}.add-product-top ul.steps{width:auto;margin-bottom:0}.add-product-top ul.steps li{float:left;display:inline-block;list-style:none;margin:0;color:#bdc3c7;border-bottom:2px solid #bdc3c7;padding:1em 2.5em;font-size:1em;width:auto}.add-product-top ul.steps li.active{color:#2673B0;border-bottom:2px solid #2673B0}.add-product-container{padding-bottom:40px}.add-product-container>form{width:50%;margin:0 auto}.add-product-container>form .field label{width:100%}.add-product-container>form .field input,.add-product-container>form .field textarea{width:100%}.add-product-container>form .field select{height:35px;width:48%}.add-product-container>form .field select+select{float:right}.add-product-container>form button+button{margin-right:10px}.add-product-form{margin:auto}.mandatory{top:2px;left:-240px;width:220px;text-align:right}.bold-font{font-size:18px;font-weight:700}.field-missing-container{top:26px;right:-240px;width:230px}.field-missing-left{margin-top:6px;float:left;width:8px;height:22px;background:url(../img/field-missing-left.png)}.field-missing{float:left;background:#fadbd8;border-radius:5px;color:#e74c3c;padding:12px;max-width:190px;word-break:normal;word-wrap:break-word}.add-more{right:10px}a.add-more:hover{text-decoration:underline}.icon-plus{margin-left:5px;width:15px;height:15px;background:url(../img/icon-plus.png)}.product-gallery{margin-bottom:30px}.product-gallery .product-image{float:left;margin:5px 5px 0 0}.product-gallery .product-image img{max-width:110px;max-height:110px;overflow:hidden;border-radius:5px;border:3px solid #2673B0}.product-gallery .product-image img:hover{border:3px solid #bdc3c7}.product-gallery .product-image .image{width:110px;height:77px;overflow:hidden;border-radius:5px;border:3px solid #2673B0;background-size:110px;background-position:center center}.product-gallery .product-image .image:hover{border:3px solid #bdc3c7}.product-gallery .product-image .icon-check{width:20px;height:20px;background:url(../img/icon-check.png)}.product-gallery .product-image .icon-cross{display:none;width:20px;height:20px;background:url(../img/icon-cross.png);right:0;cursor:pointer}.product-gallery .upload-image-container .upload-image{float:left;cursor:pointer;width:116px;height:83px;background:url(../img/icon-upload.png);background-position:0 -15px;margin:5px 0 0 -5px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.product-gallery .upload-image-container .upload-image:hover{background:url(../img/icon-upload-hover.png);background-position:0 -15px}input.gallery-picture,input.product-picture,input.title-picture{opacity:0;margin-bottom:0;height:0;width:0;position:absolute}#product-picture-container,#title-picture-container{max-width:110px;max-height:110px;overflow:hidden}img#product-picture-preview,img#title-picture-preview{display:none;margin-top:20px}#embed-code{margin-top:20px}.add-page-preview{background:rgba(46,49,51,.8);color:#fff;position:fixed;margin-top:0;width:100%;z-index:1}.add-page-preview>.container{padding-bottom:20px}.add-page-preview .add-product-mid>.left{width:100%}.preview-container>.row-fluid{margin-top:220px}.preview-title{font-size:18px;margin:0 60px 0 15px;padding-top:15px}.preview-explanation{padding-top:18px}.add-page-preview .add-product-top{border-bottom:1px solid #393d3f;margin-bottom:10px}.add-page-preview ul.steps{margin-bottom:0}.paypal-label{font-size:17px;margin:15px 60px 0 30px}.icon-paypal{width:40px;height:40px;background:url(../img/icon-paypal.png);margin:-10px 30px 0 0}.preview-inputs{padding:10px 0;border-bottom:1px solid #393d3f}.preview-buttons{padding:20px 0 0 0}.preview-buttons .btn.right{margin-left:10px}input.preview-input{margin-left:20px;width:250px;height:35px}.settings-page>.about-me{float:left;width:100%;margin-bottom:40px}.settings-page .settings-options{padding:0}.settings-main{padding-right:0;margin-bottom:40px}.settings-main .panel .panel-heading{position:relative}.settings-main .panel .panel-heading h4 a{font-size:1.2em;padding:.5em .5em}.settings-main .panel .panel-heading h4 a:hover{text-decoration:none;color:#2673B0}.settings-main .panel .panel-heading span.glyphicon-chevron-down{position:absolute;top:50%;margin-top:-.5em;right:.5em;transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out}.settings-main .panel .panel-heading.active span.glyphicon-chevron-down{transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg)}.settings-main .panel .panel-body{padding:.5em}.settings-main .panel .panel-body>form{padding:.5em;margin-bottom:0}.settings-main .panel .panel-body>form>.row>div input[type=text],.settings-main .panel .panel-body>form>.row>div input[type=password],.settings-main .panel .panel-body>form>.row>div textarea{width:100%;padding:0 5px}.settings-main .panel .panel-body>form>.row>div textarea.about{padding:.5em 1em .5em .5em}.settings-main .panel .panel-body>form>.row .btn.pull-right{margin-right:15px}.settings-main .panel .panel-body>form>hr{margin-top:1em;margin-bottom:1em;border:0;border-top:1px solid #eee;border-bottom:1px solid #fff}.settings-main ul li.text-error,.settings-main ul.errors{color:#b94a48;list-style-type:none;font-size:.8em;padding:0;display:inline-block}.settings-main input.input-error,.settings-main textarea.input-error{border:1px solid #b94a48}.settings-main .form-success{color:#48B96C}.settings-main .section-body{padding:15px 15px 0 15px;display:none;border-bottom:1px solid #bdc3c7}.settings-main .section-body .row:last-of-type{margin:0 0 15px 0}.settings-main .section-body hr{display:block;height:0;border-top:1px solid #bdc3c7;padding:0 1em;width:100%;margin:10px 0 20px -15px}.settings-main .section-body .field input[type=text],.settings-main .section-body .field input[type=password],.settings-main .section-body .field textarea,.settings-main .section-body .row input[type=text],.settings-main .section-body .row input[type=password],.settings-main .section-body .row textarea{width:100%}.settings-main #form-profile textarea.about{height:228px}.settings-main #form-picture .image-preview,.settings-main #form-picture-background .image-preview{display:block;padding:0;margin:10px auto;width:100%;max-width:200px;height:auto}.settings-main #form-picture .image-preview>img,.settings-main #form-picture-background .image-preview>img{width:100%;height:auto}.settings-main #form-picture .image-info,.settings-main #form-picture-background .image-info{margin:22px 0 0 -20px;padding:0 0 0 35px;border-left:1px solid #bdc3c7;height:200px}.settings-main #form-picture .image-info p,.settings-main #form-picture-background .image-info p{margin-bottom:30px}.settings-main #form-website .clipboard-copy{background:rgba(8,165,193,.49);padding:7px;position:relative;padding-right:230px;margin-bottom:20px;border-radius:7px}.settings-main #form-website .clipboard-copy .btn-purple{position:absolute;top:0;right:0;padding:7px 35px}.settings-main #form-website .clipboard-copy .clipboard-code{margin:0;width:100%;color:#fff;background:0;padding:0;box-shadow:none;font-size:16px}.settings-main #form-newsletter .newsletter-label{margin:5px 10px 0 0}.settings-main #form-newsletter #newsletter{height:14px;float:left;width:auto;margin:7px 0 0 0;cursor:pointer}.settings-main #add-profile-picture{width:100%;max-width:200px}.profile-summary{padding:15px;background:#FDFDFD}.profile-summary .profile-image-container{width:123px;height:123px;margin:auto;border:1px solid #ccc;padding:.25em;background:#fff;-webkit-border-radius:123px;-moz-border-radius:123px;border-radius:123px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.profile-summary .profile-image-container .profile-image img{width:100%;height:100%;border:1px solid #ccc;-webkit-border-radius:123px;-moz-border-radius:123px;border-radius:123px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.profile-summary .profile-name{font-size:20px;margin-bottom:45px}.profile-summary .last-active{font-size:12px;margin-top:5px}#overlays .clipboard-copy{background:#ebf5fb;padding-left:10px;margin-bottom:20px}#overlays .clipboard-copy .clipboard-code{margin:10px 0}div.image{display:inline-block;margin-left:5px;width:17px;height:17px}div.image.checked{background:url(/theme/flatui/img/icon-check-round-green.png) no-repeat}div.image.unchecked{background:url(/theme/flatui/img/icon-question-round.png) no-repeat}input.gallery-picture,input.product-picture,input.title-picture{opacity:0;margin-bottom:0;height:0;width:0;position:absolute}@media (max-width:767px){.settings-main{padding-left:0}}.static-container{margin-top:0;margin-bottom:0;max-width:970px}.static-container hr:first-of-type{height:0;border-bottom:1px solid #ecf0f1;margin:40px auto}.static-container .static-heading h1.page-title{color:#34495e;font-weight:700;font-size:32px}.static-container .static-content{margin-bottom:50px}.static-container .static-content h3{color:#2673B0;font-size:1.5em;margin:10px 0;font-weight:400}#top-content{position:relative}#top-content>.left{padding-left:0;padding-right:15px;width:50%}#top-content>.right{padding-right:0;padding-left:15px;width:50%}#top-content h4{line-height:1.4em;font-size:1.3em;text-align:justify;margin-top:0}#top-content h3{position:absolute;bottom:1em;left:0;width:50%;text-align:center;font-size:2em}.panel-group h3{margin-bottom:10px;font-weight:400}.panel-group .panel .panel-heading{padding:0}.panel-group .panel .panel-heading a{padding:10px 15px;width:100%;display:block}section{float:left;width:100%}section.top{border-bottom:1px solid #eee;margin-bottom:40px}section.top h1.page-title{font-size:45px;height:45px;line-height:45px;margin-bottom:40px}section.top p{font-weight:700}section.team-members{text-align:center;margin-bottom:40px}section.team-members .row{width:100%;float:right}section.team-members .row .team-member{float:left;width:104px}section.team-members .row .team-member figure{margin:0 0 10px 0;width:104px;height:104px}section.team-members .row .team-member figure img{width:104px;height:104px}section.team-members .row .team-member .info{width:150%;margin-left:-25%}section.team-members .row .team-member .info h3{font-size:14px;height:15px;line-height:15px;margin:3px 0;font-weight:700;color:#34495e}section.team-members .row .team-member+.team-member{margin-left:208px}section.team-members .row+.row{margin-top:30px}.term .term-description{margin:0}.term .term-description ol li+li{margin-top:5px}.content-modal .modal-header h3{text-align:center;color:#2673b0}.clipboard-copy .clipboard-code{margin-bottom:10px;float:left;background:#2673b0;color:#fff;padding:10px 5px;border-radius:5px;box-shadow:inset 1px 1px 1px rgba(0,0,0,.15);font-size:13px;width:100%}.code-embed-modal .content-modal .modal-body textarea{width:100%;border-width:1px;height:100px}#files-panel{font-size:10pt}#comments-frame>h3{margin:45px 0 30px 0}#comments-frame .comment-row{width:100%;float:left;padding-bottom:15px}#comments-frame .comment-row+.comment-row{padding-top:15px}#comments-frame .comment{width:100%;padding-left:55px;float:left;position:relative;font-size:12px}#comments-frame .comment .supporter-thumbnail{width:50px;height:50px;padding:0;margin:0;position:absolute;top:0;left:0}#comments-frame .comment .supporter-thumbnail img{width:100%;height:100%}#comments-frame .comment .comment-content{width:100%;padding-right:0;padding-left:0}#comments-frame .comment .comment-content .popover-title{padding:0;margin-bottom:5px;font-weight:700;background:#fff;border-bottom:0;font-weight:400}#comments-frame .comment .comment-content .popover-title span{font-size:11px}#comments-frame .comment .comment-content .popover-title span.name{font-weight:700;font-size:13px}#comments-frame .comment .comment-content .popover-title span.amount{font-size:12px}#comments-frame .comment .comment-content .popover-title span.lightgrey{margin-left:15px}#comments-frame .comment .comment-content .popover-content{overflow:hidden;padding:0;min-height:28px}#comments-frame .comment .comment-content .popover-content p{margin-bottom:0}#comments-frame .comment .comment-content .maker-comment-container{padding:0;margin-top:15px}#comments-frame .comment .comment-content .maker-comment-container.maker-form{display:none;position:relative;padding-left:8%}#comments-frame .comment .comment-content .maker-comment-container.maker-form .glyphicon{position:absolute;top:4px;left:7%;cursor:pointer;z-index:100}#comments-frame .comment .comment-content .maker-comment-container.maker-form .maker-comment{margin-top:5px;background:#f7f7f7}#comments-frame .comment .comment-content .maker-comment-container.maker-form .popover-content{height:auto;overflow:hidden;background:#f7f7f7;border-radius:4px;border:0;padding-top:4px;padding-right:4px;padding-bottom:4px;padding-left:12%}#comments-frame .comment .comment-content .maker-comment-container.maker-form textarea{border-width:1px;margin-bottom:5px}#comments-frame .comment .comment-content .maker-comment{width:100%;float:none;padding:0;position:relative;border:0}#comments-frame .comment .comment-content .maker-comment .supporter-thumbnail{width:38px}#comments-frame .comment .comment-content .maker-comment .supporter-thumbnail a{width:38px;height:38px}#comments-frame .comment .comment-content .maker-comment .content{padding-left:43px}#comments-frame .comment .comment-content .maker-comment .content .popover-content{margin-bottom:0}#comments-frame .comment a.show-maker-reply{position:absolute;bottom:1px;right:0;display:block;cursor:pointer;color:#fff;font-size:.8em;padding:.2em .4em;-webkit-border-radius:4px 0 4px 0;-moz-border-radius:4px 0 4px 0;border-radius:4px 0 4px 0;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.modal.report-product .modal-dialog .modal-content{padding:10px 10px 0 10px}.modal.report-product .modal-dialog .modal-content #product-report button.small{border:none;background:0 0;color:#2673b0}#modal-widget .content-modal{width:770px}#modal-widget .content-modal .modal-body{overflow:hidden;height:auto}#modal-widget .content-modal .modal-body hr{float:left;width:100%}#modal-widget .content-modal #configuration-options{width:50%;float:left;padding-right:10px}#modal-widget .content-modal #configuration-options .tab-content .tab-pane{padding:10px 0}#modal-widget .content-modal #configuration-options .tab-content .tab-pane .field{font-size:12px}#modal-widget .content-modal #configuration-options .tab-content .tab-pane .field label{width:35%;float:left;height:25px;line-height:25px}#modal-widget .content-modal #configuration-options .tab-content .tab-pane .field input[type=text]{float:right;width:65%;border-width:1px;height:25px;line-height:25px;border-radius:3px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.15);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.15);box-shadow:inset 0 1px 1px rgba(0,0,0,.15)}#modal-widget .content-modal #configuration-options .tab-content .tab-pane .field input[type=radio]{width:auto;float:left;margin:7px 3px 5px 0}#modal-widget .content-modal #configuration-options .tab-content .tab-pane .field span{float:left;height:25px;line-height:25px;display:inline-block}#modal-widget .content-modal #configuration-options .tab-content .tab-pane .field span+input[type=radio]{margin-left:15px}#modal-widget .content-modal #configuration-options .tab-content .tab-pane .field input[type=checkbox]{float:left;margin:7px 0;width:auto}#modal-widget .content-modal #configuration-options .tab-content .tab-pane .field textarea{width:65%;border-width:1px;border-radius:3px;padding:2px 10px;height:100px;margin-bottom:5px}#modal-widget .content-modal #widget-preview{width:50%;padding-left:10px;float:left}#modal-widget .content-modal #widget-preview #pling-widget{width:100%;padding:8px;font-size:12px;background-color:#2673B0;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}#modal-widget .content-modal #widget-preview #pling-widget .widget-header{width:100%;margin-bottom:5px}#modal-widget .content-modal #widget-preview #pling-widget .widget-header h3{margin:0;font-size:18px;margin-bottom:0!important}#modal-widget .content-modal #widget-preview #pling-widget .widget-body{background-color:#fff;padding:5px;margin-bottom:5px;border:1px solid rgba(68,68,68,.2);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:inset 0 1px 4px rgba(0,0,0,.15);-moz-box-shadow:inset 0 1px 4px rgba(0,0,0,.15);box-shadow:inset 0 1px 4px rgba(0,0,0,.15)}#modal-widget .content-modal #widget-preview #pling-widget .widget-body .product-funding-info{width:100%;position:relative}#modal-widget .content-modal #widget-preview #pling-widget .widget-body .product-funding-info .goal-range-number{width:100%;height:20px;line-height:20px}#modal-widget .content-modal #widget-preview #pling-widget .widget-body .product-funding-info .goal-range-number span{display:block;float:left}#modal-widget .content-modal #widget-preview #pling-widget .widget-body .product-funding-info .goal-range-number span+span{float:right}#modal-widget .content-modal #widget-preview #pling-widget .widget-body .product-funding-info .goal-range-number span+span.unlimited{font-size:27px}#modal-widget .content-modal #widget-preview #pling-widget .widget-body .product-funding-info .achieved-amount{width:100%;height:20px;padding:3px;background:rgba(204,204,204,.19);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}#modal-widget .content-modal #widget-preview #pling-widget .widget-body .product-funding-info .achieved-amount .bar{width:4px;max-width:100%;height:14px;background-color:#2673B0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:inset 0 6px 0 rgba(255,255,255,.2);-moz-box-shadow:inset 0 6px 0 rgba(255,255,255,.2);box-shadow:inset 0 6px 0 rgba(255,255,255,.2)}#modal-widget .content-modal #widget-preview #pling-widget .widget-body .product-funding-info .achieved-amount .bar.no-goal{width:50%}#modal-widget .content-modal #widget-preview #pling-widget .widget-body .product-funding-info .money-raised{width:100%;height:20px;line-height:20px}#modal-widget .content-modal #widget-preview #pling-widget .widget-body .product-funding-info.with-goal{padding-right:25%}#modal-widget .content-modal #widget-preview #pling-widget .widget-body .product-funding-info.with-goal .percentage{position:absolute;top:0;right:0;width:25%;height:60px;line-height:60px;text-align:center;font-size:22px}#modal-widget .content-modal #widget-preview #pling-widget .widget-body .widget-text{margin-top:10px}#modal-widget .content-modal #widget-preview #pling-widget .widget-body .supporters{width:100%;height:auto;overflow:hidden;margin-top:10px}#modal-widget .content-modal #widget-preview #pling-widget .widget-body .supporters .supporter{width:12.5%;height:auto;float:left;padding:2px;clear:none;border-bottom:0}#modal-widget .content-modal #widget-preview #pling-widget .widget-body .supporters .supporter figure{width:100%;height:auto}#modal-widget .content-modal #widget-preview #pling-widget .widget-body .supporters .supporter figure img{width:100%;height:auto;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}#modal-widget .content-modal #widget-preview #pling-widget .widget-body .comments{height:auto;overflow:hidden;width:100%;margin-top:10px}#modal-widget .content-modal #widget-preview #pling-widget .widget-body .comments .comment{position:relative;width:100%;min-height:42px;padding-left:15%}#modal-widget .content-modal #widget-preview #pling-widget .widget-body .comments .comment figure{position:absolute;top:0;left:0;width:15%;height:auto}#modal-widget .content-modal #widget-preview #pling-widget .widget-body .comments .comment figure img{width:100%;height:auto}#modal-widget .content-modal #widget-preview #pling-widget .widget-body .comments .comment .content{width:100%}#modal-widget .content-modal #widget-preview #pling-widget .widget-body .comments .comment .content .info{width:100%;height:12px;line-height:12px;margin-bottom:5px}#modal-widget .content-modal #widget-preview #pling-widget .widget-body .comments .comment .content .text{width:100%;font-size:11px;line-height:11px}#modal-widget .content-modal #widget-preview #pling-widget .widget-body .comments .comment+.comment{margin-top:5px}#modal-widget .content-modal #widget-preview #pling-widget .widget-footer{width:100%;height:auto;overflow:hidden}#modal-widget .content-modal #widget-preview #pling-widget .widget-footer .button{float:left}#modal-widget .content-modal #widget-preview #pling-widget .widget-footer .pay-secure{float:left;padding-left:10px;color:#fff;width:100px}#modal-widget .content-modal #widget-preview #pling-widget .widget-footer .powered-by{float:right}#modal-widget .content-modal #widget-preview #pling-widget .widget-footer .powered-by a.pling-logo{display:block;background-image:url(../img/new/pling-logo-large.png);height:34px;width:63px;background-size:contain}#modal-widget .content-modal #widget-preview #pling-widget .widget-footer .powered-by a.pling-logo.grey{background-image:url(../img/new/logo.png)}#modal-widget .content-modal #widget-preview #pling-widget .widget-footer .powered-by a.pling-logo.icon{width:34px;background-image:url(../img/new/box-logo.png)}.code-embed-modal .content-modal{width:400px}.code-embed-modal .content-modal .modal-body textarea{width:100%;border-width:1px;height:100px}body.body-external{margin:0;padding-top:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}.supporter-box-container{width:100%;height:auto;float:left;border:1px solid #999;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.supporter-box-container figure{float:left;margin:0;padding:0}.supporter-box-container div{float:left}.supporter-box-container>div{width:100%;height:auto;padding:7px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.supporter-box-container .supporter-box-top{background-color:#e5e5e5;position:relative}.supporter-box-container .supporter-box-top .title{float:left;width:50%}.supporter-box-container .supporter-box-top .title>a{font-size:16px;color:#39568c;text-decoration:none;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out}.supporter-box-container .supporter-box-top .title>a:hover{text-decoration:underline;color:#428bca}.supporter-box-container .supporter-box-top figure{position:absolute;top:7px;right:7px;width:102px;height:68px;border:inset 1px #999}.supporter-box-container .supporter-box-top figure a{width:100%;height:100%;display:block;overflow:hidden}.supporter-box-container .supporter-box-top figure a img{width:100%}.supporter-box-container .supporter-box-body>div{width:100%;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.supporter-box-container .supporter-box-body .info{height:30px;padding-left:35px;position:relative;margin-bottom:10px}.supporter-box-container .supporter-box-body .info>em{position:absolute;left:0;top:0}.supporter-box-container .supporter-box-body .info>span{display:block;width:100%;height:15px;line-height:15px;font-size:13px;float:left;color:#000}.supporter-box-container .supporter-box-body .info span+span{color:#1e4483}.supporter-box-container .supporter-box-body .supporters{width:102%}.supporter-box-container .supporter-box-body .supporters figure{width:30px;height:30px;margin:0 3.5px 3.5px 0}.supporter-box-container .supporter-box-body .supporters figure a{display:block;width:100%;height:100%;overflow:hidden;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.supporter-box-container .supporter-box-body .supporters figure a img{width:100%}#configuration-options{width:60%;float:left;padding-right:10px}#configuration-options ul.nav-tabs{padding:0;background-color:#fff}#configuration-options ul.nav-tabs li a{padding:5px}#configuration-options .tab-content .tab-pane{padding:10px 0}#configuration-options .tab-content .tab-pane textarea{width:65%;border-width:1px;border-radius:3px;padding:0 5px;height:100px;margin-bottom:5px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.15);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.15);box-shadow:inset 0 1px 1px rgba(0,0,0,.15)}#configuration-options .tab-content .tab-pane .field{font-size:12px}#configuration-options .tab-content .tab-pane .field label{width:35%;float:left;height:25px;line-height:25px}#configuration-options .tab-content .tab-pane .field input.color-input,#configuration-options .tab-content .tab-pane .field input[type=text]{padding:0 5px;float:right;width:65%;border-width:1px;height:25px;line-height:25px;border-radius:3px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.15);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.15);box-shadow:inset 0 1px 1px rgba(0,0,0,.15)}#configuration-options .tab-content .tab-pane .field input[type=radio]{width:auto;float:left;margin:7px 3px 5px 0}#configuration-options .tab-content .tab-pane .field span{float:left;height:25px;line-height:25px;display:inline-block}#configuration-options .tab-content .tab-pane .field span+input[type=radio]{margin-left:15px}#configuration-options .tab-content .tab-pane .field input[type=checkbox]{float:left;margin:7px 0;width:auto}#pling-widget{width:100%;max-width:400px;padding:8px;font-size:12px;background-color:#2673B0;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}#pling-widget .widget-header{width:100%;margin-bottom:5px}#pling-widget .widget-header h3{margin:0;font-size:18px}#pling-widget .widget-body{background-color:#fff;padding:5px;margin-bottom:5px;border:1px solid rgba(68,68,68,.2);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:inset 0 1px 4px rgba(0,0,0,.15);-moz-box-shadow:inset 0 1px 4px rgba(0,0,0,.15);box-shadow:inset 0 1px 4px rgba(0,0,0,.15)}#pling-widget .widget-body .donation-amount{line-height:34px;margin:0 0 5px 0;overflow:hidden}#pling-widget .widget-body .donation-amount .support-with{width:25%;height:34px;float:left}#pling-widget .widget-body .donation-amount .donation-amount-number{width:50%;float:left;position:relative}#pling-widget .widget-body .donation-amount .donation-amount-number span.glyphicon{position:absolute;top:11px;left:0}#pling-widget .widget-body .donation-amount .donation-amount-number input[type=text]{padding:0 10px;float:right;width:100%;border-width:1px;height:24px;line-height:24px;border-radius:3px;margin:5px 0;border-right:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.15);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.15);box-shadow:inset 0 1px 1px rgba(0,0,0,.15)}#pling-widget .widget-body .donation-amount .button{width:25%;float:right}#pling-widget .widget-body .donation-amount .button button{float:left;margin-top:5px;padding:0;width:100%;text-align:center;height:24px}#pling-widget .widget-body .donation-amount .payment-providers{width:100%;float:left;margin:5px 0}#pling-widget .widget-body .donation-amount .payment-providers .pay-with{width:25%;height:34px;float:left}#pling-widget .widget-body .donation-amount .payment-providers .input-group{width:37%;float:left;display:block}#pling-widget .widget-body .donation-amount .payment-providers .input-group .input-group-addon{width:20%;float:left;padding:8px 16px 4px 0;border:0;background:0 0;margin-top:3px}#pling-widget .widget-body .donation-amount .payment-providers .input-group .input-group-addon input[type=radio]{width:auto}#pling-widget .widget-body .donation-amount .payment-providers .input-group .payment-icon{width:70%;float:left;height:34px;display:block}#pling-widget .widget-body .donation-amount .payment-providers .input-group .payment-icon img{max-width:100%;height:20px;width:auto;margin-top:7px}#pling-widget .widget-body .product-funding-info{width:100%;position:relative}#pling-widget .widget-body .product-funding-info .goal-range-number{width:100%;height:20px;line-height:20px;display:none}#pling-widget .widget-body .product-funding-info .goal-range-number span{display:block;float:left}#pling-widget .widget-body .product-funding-info .goal-range-number span+span{float:right}#pling-widget .widget-body .product-funding-info .goal-range-number span+span.unlimited{font-size:27px}#pling-widget .widget-body .product-funding-info .achieved-amount{width:100%;height:20px;padding:3px;background:rgba(204,204,204,.19);display:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}#pling-widget .widget-body .product-funding-info .achieved-amount .bar{width:4px;max-width:100%;height:14px;background-color:#2673B0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:inset 0 6px 0 rgba(255,255,255,.2);-moz-box-shadow:inset 0 6px 0 rgba(255,255,255,.2);box-shadow:inset 0 6px 0 rgba(255,255,255,.2)}#pling-widget .widget-body .product-funding-info .achieved-amount .bar.no-goal{width:50%}#pling-widget .widget-body .product-funding-info .money-raised{width:100%;height:20px;line-height:20px}#pling-widget .widget-body .product-funding-info.with-goal .percentage{position:absolute;top:0;right:0;width:25%;height:60px;line-height:60px;text-align:center;font-size:22px}#pling-widget .widget-body .product-funding-info.with-goal .goal-range-number{padding-right:25%;display:block}#pling-widget .widget-body .product-funding-info.with-goal .achieved-amount{width:75%;display:block}#pling-widget .widget-body .widget-text{margin-top:10px}#pling-widget .widget-body .supporters{width:100%;height:auto;overflow:hidden;margin-top:5px;padding-top:5px;border-top:1px solid #ddd}#pling-widget .widget-body .supporters .supporter{width:12.5%;height:auto;float:left;padding:2px;clear:none;border-bottom:0}#pling-widget .widget-body .supporters .supporter figure{width:100%;height:auto}#pling-widget .widget-body .supporters .supporter figure img{width:100%;height:auto}#pling-widget .widget-body .comments{height:auto;overflow:hidden;width:100%;margin-top:5px;padding-top:5px;border-top:1px solid #ddd}#pling-widget .widget-body .comments .comment{position:relative;width:100%;min-height:42px;padding-left:15%}#pling-widget .widget-body .comments .comment figure{position:absolute;top:0;left:0;width:15%;height:100%;text-align:center}#pling-widget .widget-body .comments .comment figure img{width:auto;height:100%;float:left}#pling-widget .widget-body .comments .comment .content{width:100%;padding-left:5%}#pling-widget .widget-body .comments .comment .content .info{width:100%;height:12px;line-height:12px;margin-bottom:5px}#pling-widget .widget-body .comments .comment .content .text{width:100%;font-size:11px;line-height:11px}#pling-widget .widget-body .comments .comment+.comment{margin-top:5px}#pling-widget .widget-footer{width:100%;height:auto;overflow:hidden}#pling-widget .widget-footer .donation-amount{padding-bottom:10px;color:#fff;font-size:14px}#pling-widget .widget-footer .button{float:left}#pling-widget .widget-footer .pay-secure{float:left;color:#fff;width:100px}#pling-widget .widget-footer .pay-secure a{color:#fff}#pling-widget .widget-footer .powered-by{float:right}#pling-widget .widget-footer .powered-by a.opendesktop-logo{display:block;background-image:url(/images/system/storeLogo.png);height:34px;width:63px;background-size:contain;background-repeat:no-repeat}#pling-widget .widget-footer .powered-by a.pling-logo{display:block;background-image:url(../img/new/pling-logo-large.png);height:34px;width:63px;background-size:contain}#pling-widget .widget-footer .powered-by a.pling-logo.grey{background-image:url(../img/new/logo.png)}#pling-widget .widget-footer .powered-by a.pling-logo.icon{width:34px;background-image:url(../img/new/box-logo.png)}#widget-preview{width:40%;padding-left:10px;float:left}#widget-code-modal{width:800px;height:auto;overflow:hidden}#widget-code-modal .modal-body{height:auto;overflow:hidden}#widget-code-modal .modal-body article{width:100%;float:left}#widget-code-modal .modal-body article #configuration-options ul.nav-tabs{float:left;width:100%;background-color:#F3F3F3;border-bottom:1px solid #e5e5e5;position:relative;top:0}#widget-code-modal .modal-body article #configuration-options ul.nav-tabs li{border-bottom:1px solid #e5e5e5;-webkit-transition:all 0 ease-out;-moz-transition:all 0 ease-out;-ms-transition:all 0 ease-out;-o-transition:all 0 ease-out}#widget-code-modal .modal-body article #configuration-options ul.nav-tabs li a{margin:0;background-color:transparent;border:0;color:#2673B0;border-bottom:3px solid #f3f3f3;-webkit-transition:all 0 ease-out;-moz-transition:all 0 ease-out;-ms-transition:all 0 ease-out;-o-transition:all 0 ease-out}#widget-code-modal .modal-body article #configuration-options ul.nav-tabs li.active{border-color:#2673B0}#widget-code-modal .modal-body article #configuration-options ul.nav-tabs li.active a{border-color:#2673B0}.body-external .supporter-box-container{border:0;text-align:center}.body-external .supporter-box-container #pling-widget{text-align:left;float:none;height:auto;overflow:hidden}#mainpage{background-image:url(/images/system/1-opendesktop-bg.png);background-repeat:no-repeat;background-attachment:fixed;background-position:0 0;background-size:100% 100%;width:100%!important;margin-top:15px}#mainpage .wrapper{padding-top:100px}#mainpage .card-wrapper{border-radius:10px;padding:5px}#mainpage .card-wrapper a.title{display:block}#mainpage .card-wrapper img.logo{height:45px;margin-right:10px;margin-bottom:5px}#mainpage .card-wrapper .domainobj{margin:15px;border-bottom:1px solid #ccc}#indeximages{height:400px;width:100%;overflow:hidden}#indeximages a{cursor:default}.commentstore{border-bottom:1px solid #ccd4d8;padding-top:5px;padding-bottom:5px;overflow:hidden}.commentstore p{margin:0}.commentstore .userinfo img{border-radius:50%;width:42px;height:42px;float:right}.commentstore .userinfo{float:right}.commentstore .info{display:block}.commentstore:last-child{border-bottom:none}div.profile-img-product{width:200px;height:160px}img.imgpopover{max-width:200px;max-height:160px;display:block;margin:auto}#my-comments-tabs-content{font-size:11pt;width:1100px}#my-comments-tabs-content .rownomargin{margin:0}#my-comments-tabs-content .rownopadding{padding:0}#my-comments-tabs-content .category{display:block;font-size:smaller}#my-comments-tabs-content .createat{font-size:smaller;color:#888}#my-comments-tabs-content .productrow{padding-bottom:5px;padding-top:5px;border-bottom:1px solid #ccd4d8;font-size:small}#my-comments-tabs-content .productrow .project-image{width:50px;height:50px;float:left;margin-right:15px}#my-comments-tabs-content .productrow:last-child{border-bottom:none}#my-comments-tabs-content .row{margin-top:10px}#my-comments-tabs-content .rating{width:60px}#my-comments-tabs-content .time{font-size:smaller}#my-comments-tabs-content .cntComments{font-size:smaller;display:block;padding-top:5px}#my-comments-tabs-content .productimg{width:50px;height:50px}#my-comments-tabs-content .commenttext{padding-left:20px}.user-admin-page .commentText{font-size:smaller}.user-admin-page .commentTime{font-size:smaller;padding-left:20px}.user-admin-page .title{font-weight:700;color:#37628D;padding-top:10px;padding-bottom:10px}.user-admin-page .topics{padding-right:20px}.user-admin-page .topics .topic-tag{display:inline-block;padding:.3em .9em;margin:0 .5em .5em 0;white-space:nowrap;background-color:#f1f8ff;border-radius:3px}.user-admin-page .topics .usertagslabelcat{background-color:#f1f1f1}.user-admin-page .topics .topic-tag-link:hover{text-decoration:none;background-color:#def}.user-admin-page .topics .btn-link{display:inline-block;padding:0;font-size:inherit;color:#0366d6;text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.user-admin-page .my-downloadshistory-list{width:1100px}.user-admin-page .my-downloadshistory-list .totaldownloads{margin:0;padding:20px;text-align:right}.user-admin-page .my-downloadshistory-list .smaller{font-size:smaller}.user-admin-page .my-downloadshistory-list .header{border-top:1px solid #ccc;padding-top:15px;padding-bottom:15px}.user-admin-page .my-downloadshistory-list .subheader{background-color:#ddd}.user-admin-page .my-downloadshistory-list .paddingLeft80{padding-left:80px}.user-admin-page .my-downloadshistory-list .marginLeft80{margin-left:80px}.user-admin-page .my-downloadshistory-list button.voting{line-height:10px}.user-admin-page .my-downloadshistory-list button.voting span{font-size:10px}.user-admin-page .my-downloadshistory-list .rating{width:60px!important;font-size:10pt}.user-admin-page .my-downloadshistory-list .downloadhistory-image{width:50px;height:50px;float:left;margin-right:15px}.user-admin-page .my-downloadshistory-list .nowrap{white-space:nowrap}.col-container span.cnt{padding-right:5px;display:inline-block;font-weight:700}.col-container .stat{padding-top:15px;padding-left:15px;font-size:12px}.col-container .statContent{padding-top:15px;padding-left:15px;font-size:12px}main#plings-page .wrapper{width:700px;padding:20px}main#plings-page .wrapper .title{background-color:#ccc;height:30px}main#plings-page .wrapper .label{padding-top:10px;padding-left:0}main#plings-page .wrapper .row:not(:first-child):hover{background-color:#eef}main#plings-page .wrapper .depth0{padding-left:0}main#plings-page .wrapper .depth1{padding-left:20px}main#plings-page .wrapper .depth2{padding-left:40px}main#plings-page .wrapper .depth3{padding-left:60px}main#plings-page .wrapper .depth4{padding-left:80px}main#plings-page .wrapper .depth5{padding-left:100px}main#plings-page .wrapper .factor{padding-right:10px}#product-page-content .sidebar-left{padding-right:15px;padding-left:15px;min-width:200px;padding-top:20px}#product-page-content .tag-element{background-clip:padding-box;background-color:#eee;background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-repeat:repeat-x;background-size:100% 19px;border:1px solid #aaa;border-radius:3px;box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);color:#333;line-height:25px!important;margin:3px 3px 3px 0;max-width:100%;padding:0 10px;position:relative;display:inline-block}#carouselContainer .carousel-indicators{z-index:31;background-color:transparent;height:20px;bottom:-30px}#carouselContainer .carousel-indicators .active{background-color:#E2E2E2}#carouselContainer .carousel-indicators li{border:1px solid #C4D7EF}#carouselContainer iframe{border:0}#email-collapse .group-list{list-style:outside none none}#email-collapse .group-list>li:first-child{border-top:0 none;border-top:1px solid #ddd}#email-collapse .group-list>li{border-bottom:1px solid #e5e5e5;display:block;line-height:30px;margin-left:-10px;padding:5px 10px}#email-collapse .css-truncate-target{max-width:300px;display:inline-block;text-overflow:ellipsis;vertical-align:top;white-space:nowrap}#email-collapse .email-actions{float:right}#email-collapse .email-actions form{display:inline}#email-collapse span.label.default{background-color:#6cc644;border-radius:3px;color:#fff;margin-left:4px;padding:4px 6px}#email-collapse span.label.attention{background-color:#c64f0d;border-radius:3px;color:#fff;margin-left:4px;padding:4px 6px}#email-collapse .btn{line-height:20px;padding:4px 12px}.user-admin-page .body-wrap .well{min-height:20px;padding:20px;margin-bottom:20px;background-color:transparent;border:0;border-radius:0;-webkit-box-shadow:inset 0 0 0 rgba(0,0,0,.05);box-shadow:inset 0 0 0 rgba(0,0,0,.05)}.profile-menu li a{width:100%}.grid-container{padding-top:10px}.grid-container .flex-container{font-size:10pt!important}.grid-container .flex-container .explore-product-grid{width:200px;padding:0;margin:20px;border:1px solid #dedede;border-radius:2px;margin:10px 10px 10px 10px;position:relative}.grid-container .flex-container .explore-product-grid figure{opacity:1;display:block;transition:.5s ease;backface-visibility:hidden}.grid-container .flex-container .explore-product-grid .explore-product-image{width:170px;height:120px}.grid-container .flex-container .explore-product-grid .explore-product-desc{background:linear-gradient(#fff,#EDEDED);padding:0 10px 5px 10px;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.grid-container .flex-container .explore-product-grid .explore-product-plings{padding:0;padding-top:5px;width:100px;margin:0 auto;font-size:10px}.grid-container .flex-container .explore-product-grid .explore-product-plings .rating{width:100%}.grid-container .flex-container .explore-product-grid .explore-product-plings .progress{margin-bottom:10px;padding:3px;opacity:0;margin-bottom:0;height:12px;opacity:1;background-color:transparent;box-shadow:none;padding:2px}.grid-container .flex-container .explore-product-grid .explore-product-plings .progress .bar{width:4px;max-width:100%;height:14px;background-color:#2673b0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:inset 0 6px 0 rgba(255,255,255,.2);-moz-box-shadow:inset 0 6px 0 rgba(255,255,255,.2);box-shadow:inset 0 6px 0 rgba(255,255,255,.2)}.grid-container .flex-container .explore-product-grid .explore-product-plings .progress .bar.no-goal{width:50%;opacity:0}.grid-container .flex-container .explore-product-grid .explore-product-plings .collected span{display:block;width:100%;float:left;font-size:12px}.grid-container .flex-container .explore-product-grid .explore-product-details span.version{font-size:smaller;padding-left:20px}.grid-container .flex-container .explore-product-grid .explore-product-details span.title{display:block;font-size:smaller;line-height:1.5}@media (max-width:400px){#explore-content .GridFlex .sidebar-left{flex:0 0 100%}.metamenu{height:100%}.metamenu .sitelogo{display:block;width:100%;height:30px;font-size:20px}.metamenu .sitelogo img.logo{width:30px;height:30px}}#ratings-panel .bbtn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid #adadad;border-radius:4px;margin-right:10px}#ratings-panel .activeRating{border:2px solid #2673B0}#ratings-panel .bbtn:focus{color:#333;background-color:transparent;border-color:#2673B0}#plings-panel .u-wrap{float:left;padding:.3em;border:.35em solid #dee0e0;border-radius:5px;height:14em;margin-bottom:1em;background:#fff;width:115px;height:200px;margin-right:10px;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;position:relative}#plings-panel .u-wrap figure img{width:100%;border:1px solid #dbdbdb;-webkit-border-radius:999px;-moz-border-radius:999px;border-radius:999px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}#plings-panel .u-wrap h3{font-size:13px;font-weight:700;word-wrap:break-word;line-height:20px;height:20px;padding:0;margin:0}#plings-panel .u-wrap span.small{position:absolute;bottom:5px;left:5px}.tooltipuserplingscontainer .user{display:block;float:left;text-align:center;width:60px;overflow:hidden}.tooltipuserplingscontainer .user img{width:40px;height:40px;border:1px solid #ccc;border-radius:999px}.tooltipuserplingscontainer .user .caption{display:block} \ No newline at end of file diff --git a/httpdocs/theme/flatui/img/email4.png b/httpdocs/theme/flatui/img/email4.png new file mode 100644 index 000000000..bf522264a Binary files /dev/null and b/httpdocs/theme/flatui/img/email4.png differ diff --git a/httpdocs/theme/flatui/img/email5.png b/httpdocs/theme/flatui/img/email5.png new file mode 100644 index 000000000..8b25551a9 Binary files /dev/null and b/httpdocs/theme/flatui/img/email5.png differ diff --git a/httpdocs/theme/flatui/less/stylesheet.less b/httpdocs/theme/flatui/less/stylesheet.less index e04a2e1ec..bd5af17f2 100644 --- a/httpdocs/theme/flatui/less/stylesheet.less +++ b/httpdocs/theme/flatui/less/stylesheet.less @@ -1,6659 +1,6661 @@ // out: ../css/stylesheet.css, sourcemap: true, compress: true @import "stylesheets/mixins.less"; /** @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);**/ /** Google fonts **/ /* open-sans-300 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url('../css/fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../css/fonts/open-sans-v15-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* open-sans-regular - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../css/fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../css/fonts/open-sans-v15-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* open-sans-600 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('../css/fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../css/fonts/open-sans-v15-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* open-sans-700 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../css/fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../css/fonts/open-sans-v15-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /** GENERAL **/ body { color: #32353d; overflow-y: scroll; font-size: 1.5em; line-height: 1.231; color: #4e4e4e; font-family: 'Open Sans',sans-serif; font-size: medium; } header, footer, main, section { width: 100%; float: left; section.wrapper { margin-left: auto; margin-right: auto; width: 95%; float: none; height: auto; } } a { text-decoration: none; color: #2673b0; .transition(); &:hover { text-decoration: none; } } a:focus { outline: none; } button::-moz-focus-inner { border: 0; } input, button, select, textarea { font-family: "Lato",sans-serif; font-size: 14px; } h1 { font-size: 32px; font-weight: 900; } h3 { font-size: 24px; font-weight: 700; margin-bottom: 4px; margin-top: 2px; } h5 { font-size: 16px; font-weight: 500; text-transform: uppercase; } @media (max-width: 1200px) and (min-width: 992px) { header section.wrapper, footer section.wrapper, main section.wrapper { width: 95%; margin-left: 2.5%; margin-right: 2.5%; } } /** /GENERAL **/ /**metaheader extra*/ body { padding-top: 34px; .navbar-gitlab { top: 34px; } &#git-body { #metaheader { position: fixed !important; } .nav-sidebar { top:88px; } } /*&#body-user, &#body-public { opendesktop-metaheader { position: relative !important; #metaheader { position: relative !important; } } }*/ &.navigation-topics, &.category-themes-and-apps, &.category-general, &[class*='category-'] { #metaheader #metaheader-nav #user-context-menu-container .user-dropdown .th-icon { margin-top: -5px; } #metaheader #metaheader-nav #user-login-menu-container .user-dropdown .dropdown-toggle img { // margin-top: -7px; } } &.docked { .d-header { top: 34px; } #metaheader { position: fixed; } } &.drawer-open { height: 100%; overflow: hidden; } } /** COMMON **/ .btn{ background: #bdc3c7 none repeat scroll 0 0; border: medium none; border-radius: 6px; box-shadow: none; color: #fff; line-height: 22px; padding: 9px 12px 10px; text-decoration: none; text-shadow: none; .transition(0.2); &.btn-large { font-size: 16.996px; line-height: 20px; padding: 12px 18px 13px; } &.btn-native { background-color: #2673b0; color: white; } &.btn-pling-red { background-color: #e84310; } &.btn-pling-green { background-color: green; } &.btn-purple { background: #9b59b6; padding: 10px 35px; } &.btn-file-dropzone { font-size: 10px; padding: 8px 10px 10px; line-height: 10px; } &.btn-file-action { font-size: 12px; padding: 8px 10px 10px; line-height: 16px; margin-left: 5px; } } .pling-danger{ background: #C9302C none repeat scroll 0 0; } .standard-form { input { height: 41px; } input, textarea, select { border: 1px solid #bdc3c7; padding: 0; .border_radius(5px); } .field { margin-bottom: 15px; } } .icon-facebook, .icon-twitter, .icon-google { width: 40px; height: 40px; cursor: pointer; display: inline-block; background-image: url(../img/bg_sheet.png); } .icon-facebook { background-position: 0 -105px; } .icon-twitter { background-position: -40px -105px; } .lightblue { color: #2673b0; } .small { font-size: 12px; } .large { font-size: 18px; } .relative { position: relative; } .absolute { position: absolute; } .light { font-weight: 300; } .lightgrey { color: #95a5a6; } .center { text-align: center; } i.myfav{ color:#8e44ad; } h1.page-title { color: #34495e; font-weight: bold; font-size: 32px; } .modal { overflow-y: hidden; } .right { float: right; } .left { float: left; } em.icon { display: inline-block; background-image: url(../img/bg_sheet.png); &.info-icon { width: 31px; height: 30px; background-position: -289px -64px; } } .margin-bottom-10 { margin-bottom: 10px; } .margin-top-15 { margin-top: 15px; } .full-width { width: 100% !important; } .progress { height: 8px; .border_radius(0); margin-bottom: 0; } /*paging style*/ .opendesktopwidgetpager{ display: flex; justify-content: right; align-items: center; justify-content: flex-end; ul.opendesktopwidgetpager{ display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; > li { display: inline; >span{ cursor: pointer; position: relative; float: left; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd; padding: 5px 10px; font-size: 12px; } } >.active > span{ z-index: 2; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7; } } } /** /COMMON **/ /** TOP MENU **/ .metamenu{ width:100%; background-color:#fff; height:15px; a#toggleStoreBtn{ float: left; margin-left: 20px; text-decoration: none; } a.home-link{ float: left; img.logo{ width:16px; height:16px; } } } .meta-nav-top { > li { > a{ padding:0px 5px ; .transition(); &#ocs-stores { img { width: 16px; height: 16px; } } } } } /** /TOP MENU **/ /** HEADER **/ ul.meta-nav-top { list-style: none; li{ float: left; } } ul.meta-nav-top-right{ margin:0px; margin-right: 30px; float: right; li{ padding:0 10px; } } ul.meta-nav-top-left{ float: left; } #toggleStoreContainer{ z-index: 1000; display: none; width: 60%; height: 200px; top:12px; left:190px; } #toggleStoreContainer a{ display: block; font-size: 16px; } #toggleStoreContainer a:hover{ color:#6a7686; } #toggleStoreContainer b{ text-decoration: underline; text-align: center; padding-left: 20px; font-size: 18px; cursor: default; } #toggleStoreContainer ul { list-style: none; padding:0; padding-top: 10px; padding-left:30px; } #toggleStoreContainer ul li{ font-size: 14px; } #toggleStoreContainer ul li:hover{ background-color: transparent; } header { nav { border-bottom: transparent; } &#page_header { color: #6a7686; height: auto; font-size: 10pt; font-weight: 400; width: 100%; font-family: Arial,sans-serif; nav#nav-top { margin-left:130px; width:84%; } } .dropdown-header { width: 175px; height: 12px; background-image: url(../img/bg_sheet.png); background-position: -385px 0; } a { color: #ffffff; } .pull-left, .pull-right { padding:0; } ul { margin-bottom: 0; &.menu-icon { float: right; display: none; } li { list-style: none; display: inline-block; margin: 0; cursor: pointer; float: left; position: relative; height: 40px; line-height: 40px; float: left; a { float: left; display: block; height: inherit; line-height: inherit; padding: 0 20px; } &.profile-menu-container { padding-top: 0; padding-left: 40px; .header-profile-image { top: 50%; left: 10px; height: 30px; width: 30px; margin-top: -15px; .supporter-badge{ position: absolute; left: 0px; bottom: 0px; background: #EE6E09; text-align: center; border-radius: 30px 30px 30px 30px; color: #fff; padding: 5px 10px; font-size: 12px; } img { height: 30px; width: 30px; float: left; .border_radius(999px); } } > a { display: block; } } ul { width: 165px; margin-left: 0; position: absolute; left: -9999px; top: 45px; border: none; font-size: 14px; color: #7f8c8d; font-weight: normal; padding: 0; z-index: 10001; .border_radius(5px); &.active { left: 0; top: 40px; } li { text-align: left; display: block; width: 100%; background: #ecf0f1; margin: 0; padding: 0; height: 40px; border-bottom: 1px solid #d6d7d9; &.first, &:first-of-type { .border_radius(5px 5px 0 0); } &:last-of-type { .border_radius(0 0 5px 5px); } a { color: #6a7686; text-align: left; height: 40px; line-height: 40px; } } } } } .container { margin-left: auto; margin-right: auto; float: none; height: auto; width: 100%; background-color: #e2e2e2; } .container.header { margin-left: auto; margin-right: auto; float: none; width: 100%; section.container { background-color: transparent; &.backLink { background-color: #729ECD !important; height: 30px; h4 { a:hover { color: #1d1d1d; } } } section.wrapper { height: 40px; padding-left: 80px; position: relative; } } section.container + section.container { background-color: transparent; padding-left: 0; > section.wrapper { padding-left: 242px; height: 50px; } } nav { border-bottom: transparent; #search { height: 25px; padding: 0; margin: 6.5px 15px; line-height: 25px; position: relative; input.content-search { width: 16em; height: 25px; padding: 0; border: 1px solid white; margin-bottom: -1px; padding-right: 30px; text-indent: 5px; color: #6a7686; float: left; border-radius: 6px; box-shadow: none; } div.icon-search-input { top: 2px; right: 0; width: 25px; height: 25px; background-image: url(/theme/flatui/img/icon-search-input-2.png); background-position: center center; position: absolute; cursor: pointer; } } } ul.menu-nav-tabs { bottom: 0; display: inline-table; list-style-type: none; margin: 0; padding: 0; position: absolute; z-index: 999; } } } /* header section.container { background-color: transparent; } header section.container + section.container { background-color: transparent; } header section.container + section.container > section.wrapper { padding-left: 242px; height: 50px; } header section.container.backLink { background-color: #729ECD !important; height: 30px; } header section.container.backLink h4 a:hover { color: #1d1d1d; } #page_header div a.black { color: #6a7686; } #page_header div a.black:hover { color: #1d1d1d; } ul.menu-nav-tabs { bottom: 0; display: inline-table; list-style-type: none; margin: 0; padding: 0; position: absolute; z-index: 999; } */ /** /HEADER **/ /** pling nav tabs**/ // rewrite bootrap nav a @pling-nav-tabs-active-color: #2673b0; @pling-nav-tabs-onhover-color: #222; @pling-nav-tabs-color: #777; .pling-nav-tabs-a{ border: 0 ; position: relative; color: @pling-nav-tabs-color; font-size: 13px; transition: color 0s; bottom: -1px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: transparent; background-color:transparent; } .pling-nav-tabs{ ul.nav-tabs{ > li{ background-color:transparent; margin-bottom: 0px ; > a{ .pling-nav-tabs-a; } > a:hover{ .pling-nav-tabs-a; color: @pling-nav-tabs-active-color; svg{ fill:@pling-nav-tabs-active-color; } } > a:focus{ .pling-nav-tabs-a; } svg{ fill:@pling-nav-tabs-color; } &.active{ > a { .pling-nav-tabs-a; color: @pling-nav-tabs-active-color; border-bottom-color: @pling-nav-tabs-active-color; font-weight: bold; } > a:hover{ .pling-nav-tabs-a; color: @pling-nav-tabs-active-color; border-bottom-color: @pling-nav-tabs-active-color; font-weight: bold; } > a:focus{ .pling-nav-tabs-a; color: @pling-nav-tabs-active-color; border-bottom-color: @pling-nav-tabs-active-color; font-weight: bold; } svg { fill: @pling-nav-tabs-active-color; } } } } } /** pling nav tabs end**/ /** FOOTER **/ footer { width: 100%; float: left; padding: 12px 0; border-bottom: 5px solid #2673b0; border-top: 1px solid darkgray; background-color: gainsboro; font-size: 9pt; h3 { font-weight: normal; } h3#footer-heading { font-size: 1.3em; margin: 0; } nav#footer-nav { ul { margin-top: 1em; list-style: none; padding: 0; margin-right: 1em; float: left; width: auto; margin-bottom: .2em; li { display: inline-block; margin-right: 0; font-size: 1em; a { color: #666; font-weight: 400; } } li + li { margin-left: 10px; } } } h3#footer-social-heading { color: #666; font-size: 1em; margin: 0 0 .4em 0; } #footer-social { float: right; a { width: 30px; display: block; float: left; } a + a { margin-left:2px; } } section.wrapper { .pull-left { padding: 0; } .pull-right { padding: 0; } } } /** /FOOTER **/ /** HOME PAGE **/ body.home-page { main { section.wrapper { .container { padding: 150px 0; height: auto; float: none; max-width: 95%; width: 95%; } &#intro { .container { padding-bottom: 50px; article { text-align: center; width: 100%; > * { margin-bottom: 40px; } h2 { font-size: 40px; font-weight: 700; margin-bottom: 20px; } h3 { font-size: 30px; font-weight: 700; margin-top: 2px; } p { margin-bottom: 0; text-align: center; } } } } } section#cat-list { border-top: 1px solid #cdd7dd; } .card-wrapper { position: relative; max-width: 960px; margin: auto; margin-bottom: 2rem; background: white; .card-item { position: absolute; padding: 1rem; width: 31.4%; border: 1px solid gray; border-radius: 7px; .category { a.title { font-size: 14pt; font-weight: 600; min-height: 30px; line-height: 30px; padding-right: 30px; span.label { padding: 2px 3px; } } } div { a.title { font-size: 11pt; min-height: 20px; line-height: 20px; padding-right: 5px; span.label { font-size: 7pt; font-weight: 300; vertical-align: top; margin-left: 5px; padding: 1px 3px; } } } } } } } .card-item { border: 1px solid gray; } .card-item .category > a.title { color: #444444; } .card-item div > a.title { color: #6a6a6a; } #indeximages { /* Prevent vertical gaps */ line-height: 0; -webkit-column-count: 20; -webkit-column-gap: 0px; -moz-column-count: 20; -moz-column-gap: 0px; column-count: 20; column-gap: 0px; } #indeximages img { /* Just in case there are inline attributes */ width: 100% !important; height: auto !important; opacity: 1; } @media (max-width: 1920px) { #indeximages { -moz-column-count: 20; -webkit-column-count: 20; column-count: 20; } } @media (max-width: 1200px) { #indeximages { -moz-column-count: 15; -webkit-column-count: 4; column-count: 4; } } @media (max-width: 1000px) { #indeximages { -moz-column-count: 12; -webkit-column-count: 3; column-count: 3; } } @media (max-width: 800px) { #indeximages { -moz-column-count: 9; -webkit-column-count: 2; column-count: 2; } } @media (max-width: 400px) { #indeximages { -moz-column-count: 7; -webkit-column-count: 1; column-count: 1; } } /** /HOME PAGE **/ /** BROWSE PAGE **/ #products-wrapper { padding-top: 20px; } /* .explore-products { padding-left: 30px; ul.nav-tabs { border-bottom: 0; margin-bottom: -2px !important; li.active { padding-bottom: 0; a { border-bottom: 0; span { height: 30px; background: white; border-radius: 2px 2px 0 0; border-bottom: 0; } } } li { margin: 0; margin-right: 5px; top: 2px; &.right { float: right; } &.active { padding-bottom: 0; a { border-bottom: 0; span { height: 30px; background: white; border-radius: 2px 2px 0 0; border-bottom: 0; } } } a { margin: 0; padding: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; border: 1px solid #ccc; span { display: block; padding: 5px; font-size: 12px; font-weight: bold; height: 23px; line-height: 1; background: #e8e8e8; border: 1px solid white; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } } } } .product-list { width: 100%; float: left; padding: 0 10px; border: 1px solid #ccc; background-color: white; .border_radius(0 0 5px 5px); .explore-product { padding: 10px 0; font-size: 12px; border-top: 1px solid #ccc; .explore-product-imgcolumn { padding-left: 5px; padding-right: 5px; } .explore-product-image { max-width: 95%; max-height: 167px; } img{ max-width: 100%; } .contentLeft { float: left; padding-right: 0px; width: 270px; img{ max-width: 167px; max-height: 167px; } div.productimg { width: 167px; height: 167px; } } .rownum { font-size: large; color: graytext; width: 90px; float:left; } .explore-product-details { padding-left: 0px; h3 { margin: 0 0 10px 0; font-size: 16px; height: 20px; font-weight: bold; color: #2673b0; span.version { font-size: smaller; padding-left: 20px; } } .categoryname { font-weight: bold; } .productInfo { padding-top: 15px; span.cntSupporters { padding-right: 20px; } } } .explore-product-plings { padding: 0; .rating { width: 50%; } .progress { margin-bottom: 10px; padding: 3px; opacity:0; margin-bottom: 0; height:12px; opacity:1.0; background-color: transparent; box-shadow: none; padding:2px; .bar { width: 4px; max-width: 100%; height: 14px; background-color: #2673b0; .border_radius(5px); .box_shadow(inset 0 6px 0 rgba(255,255,255,0.2)); &.no-goal { width: 50%; opacity: 0; } } } .collected { span { display: block; width: 100%; float: left; } } } &:first-of-type { border-top:0; } } } .explore-footer { width: 100%; text-align: center; .projectPaginationControl { width: auto; display: table; margin: 0 auto; ul#pagination-digg { padding: 0; list-style-type: none; margin: 20px 0; height: auto; overflow: hidden; li { float: left; font-size: 16px; font-weight: normal; margin: 0 4px; } } } } } */ /* .explore-products css cleanup*/ .explore-products { padding-left: 30px; padding-right: 30px; margin-top: -10px; /* .nav-tabs{ > li{ background-color:@contentbgcolor; > a{ border: 0; color: #777; font-size: 13px; } > a:hover{ border: 0; color: #222; background-color:@contentbgcolor; } &.right { float: right; } } > li.active{ > a { background-color: @contentbgcolor; border: 0px; border-bottom: 3px solid #2673b0; color: #2673b0; font-weight: bold; } } } */ .product-list { width: 100%; float: left; padding: 0 10px; .border_radius(0 0 5px 5px); .explore-product { padding: 10px 0; font-size: 12px; border-top: 1px solid #ccc; .rownum{ font-size: 12px; float:left; } .explore-product-imgcolumn { padding-left: 5px; padding-right: 5px; } .imageContainer{ height:167px; display:flex; justify-content: center; align-items: center; } .explore-product-image { max-width: 95%; max-height: 167px; } .contentLeft { float: left; padding-right: 0px; width: 270px; img{ max-width: 167px; max-height: 167px; } div.productimg { width: 167px; height: 167px; } } .explore-product-details { padding-left: 20px; h3 { font-size: 24px; font-weight: bold; color: #2673b0; span.version { font-size: smaller; padding-left: 20px } } .title{ display: block; margin-bottom: 8px; .username{ padding-left: 20px; } } .description{ display: block; margin-bottom: 8px; } .packagetypes{ display: block; float: left; .packagetypeos{ width: 100px; float: left; } } .productInfo { clear: left; padding-top: 5px; span.cntSupporters { padding-right: 20px; } } } .explore-product-plings { padding: 0; .rating { width: 50%; } .progress { margin-bottom: 10px; padding: 3px; opacity:0; margin-bottom: 0; height:12px; opacity:1.0; background-color: transparent; box-shadow: none; padding:2px; .bar { width: 4px; max-width: 100%; height: 14px; background-color: #2673b0; .border_radius(5px); .box_shadow(inset 0 6px 0 rgba(255,255,255,0.2)); &.no-goal { width: 50%; opacity: 0; } } } .collected { span { display: block; width: 100%; float: left; } } } &:first-of-type { border-top:0; } } } .explore-footer { width: 100%; text-align: center; .projectPaginationControl { width: auto; display: table; margin: 0 auto; ul#pagination-digg { padding: 0; list-style-type: none; margin: 20px 0; height: auto; overflow: hidden; li { float: left; font-size: 16px; font-weight: normal; margin: 0 4px; } } } } } aside#explore-sidebar { padding-left: 0; margin-bottom: 20px; } /** /BROWSE PAGE **/ /** COMMUNITY PAGE **/ main#community-page { .head-wrap { padding-top: 1em; height: auto; background-size: cover; position: relative; .wrapper { width: 95%; } .page-title { height: 3em; position: relative; margin-bottom: 2em; .center { position: absolute; top: 0; left: 0; width: 100%; height: 3em; text-align: center; > div { background: rgba(246,246,246,0.86); width: auto; display: table; float: none; margin: 0 auto; >h1 { margin: 0 .5em; } } } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; border-bottom: 1px solid white; float: left; width: 100%; } } } .banner { margin: 0 auto; float: none; background: white; border: 1px solid #e4e4e4; padding: 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; text-align: center; .top { padding: 1em; font-size: 1em; .large { font-size: 2em; } } .bottom { padding: 1em; background: rgba(231,231,231,0.4); border-top: 1px solid #e4e4e4; .border_radius(0 0 9px 9px); a { margin-right: 5px; } } } .body-wrap { background: white; position: relative; .wrapper { width: 70%; } #user-lists { padding-top: 1em; #community-tabs{ margin-bottom:20px; text-align:center; .pling-nav-tabs{ .nav-tabs { text-align:center; } .nav-tabs > li, .nav-pills > li { float:none; display:inline-block; } } } .list{ display:block; margin:auto; padding-right: 15px; padding-left: 15px; display:flex; flex-wrap: wrap; align-items: center; justify-content: center; .u-wrap{ float: left; width: 100%; padding: 0.3em; border: 0.35em solid #dee0e0; border-radius: 5px; height: 14em; margin-bottom: 1em; background: white; width: 115px; height: 200px; margin-right: 10px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; position: relative; text-align: center; figure { float: left; padding: .25em; border: 1px solid #dbdbdb; background: #f6f6f6; .border_radius(999px); img{ width: 100%; border: 1px solid #dbdbdb; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } } h3{ font-size: 13px; font-weight: bold; word-wrap: break-word; line-height: 20px; height: 20px; padding: 0; margin: 0; } span.small { font-size: 13px; color: #444; position: absolute; bottom: 5px; right: 5px; } div.projecttitle{ font-size: 11px; } span.rank { font-size: 14px; position: absolute; bottom: 5px; left: 5px; color: #444; font-weight: bold; } } } /* .list { .user { padding: 0 5px; .u-wrap { float: left; width: 100%; padding: .3em; border: .35em solid #dee0e0; border-radius: 5px; height: 14em; margin-bottom: 1em; background: white; .transition(0.2); .u-content { padding: 0; span { width: 100%; float: left; display: block; font-size: 12px; } } a { float: left; width: 100%; height: 100%; display: block; position: relative; } figure { float: left; padding: .25em; border: 1px solid #dbdbdb; background: #f6f6f6; .border_radius(999px); img { width: 100%; border: 1px solid #dbdbdb; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } } h3 { font-size: 13px; font-weight: bold; word-wrap: break-word; line-height: 20px; height: 20px; padding: 0; margin: 0; } p.small { font-size: 14px; position: absolute; bottom: 0; left: 0; width: 100%; margin: 0; color: black; text-align: right; color: #444; } span.rank { font-size: 14px; position: absolute; bottom: 0; left: 0; width: 100%; margin: 0; color: #444; font-weight: bold; } } } } */ } } } /** /COMMUNITY PAGE **/ /** PRODUCT PAGE **/ #product-page-content { padding: 0; #product-main-img { #product-title-div { padding-left: 30px; min-height:105px; padding-top: 20px; display: flex; .product-title{ flex:0 0 80%; font-size: 25px; color: #2673b0; font-weight: bold; padding-bottom: 15px; } .product-title-right{ flex:1; } img.logo { max-height: 85px; max-width: 85px; float: left; padding-right: 15px; border-radius: 0px; } .product-logo-container { float: left; width: 95px; } .product_category { font-size: small; display: block; font-weight: normal; } .topics{ padding-right: 20px; float: right; .topic-tag { display: inline-block; padding: 0.3em 0.9em; margin: 0 0.5em 0.5em 0; white-space: nowrap; background-color: #f1f8ff; border-radius: 3px; } .usertagslabelcat{ background-color: #f1f1f1; } .topic-tag-link { &:hover { text-decoration: none; background-color: #def; } } .btn-link{ display: inline-block; padding: 0; font-size: inherit; color: #0366d6; text-decoration: none; white-space: nowrap; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; float: right; padding-top: 5px; padding-left: 10px; } .topic-tags-saved{ display: none; color: #0366d6; float: left; padding-top: 5px; padding-left: 10px; .fa-check{ color: green; } } } span.source{ color:#4e4e4e; } div.projectdetailRating{ float: right; width:150px; z-index: 100; } div.projectdtailHeart{ float: right; margin-right: 5px; width: 80px; .container-pling{ position: relative; width: 80px; .partialbuttonfollowproject{ text-align: center; width: 80px; height: 30px; } .partialbuttonplingproject { text-align: center; } } } div.projectdtailHeart{ float: right; z-index: 100; margin-right: 5px; width: 50px; .container-pling{ position: relative; width: 50px; .partialbuttonfollowproject{ text-align: center; width: 45px; height: 45px; } .partialbuttonplingproject { text-align: center; } } } .heartproject{ position:relative; color:#8e44ad; font-size: 45px; display: block; } div.heartnumber{ z-index: 3; position: relative; top: -32px; display: block; margin: auto; color: #fff; } .heartgrey{ position: relative; color: #C8C8C8; font-size: 45px; display: block; } /* .heartproject{ color:#8e44ad; font-size: 25px; display: block; float: right; } .heartgrey{ position:relative; color:#C8C8C8; font-size: 25px; display: block; float: right; } div.heartnumber{ } */ span.plingcircle{ width: 30px; height: 30px; background-color: #fff; border: 3px solid #C8C8C8; border-radius: 50%; display: inline-block; font-size: 17px; text-align: center; color: #C8C8C8; font-weight: bold; transform: rotate(345deg); } span.active{ border: 3px solid #EE6E09; color: #EE6E09; } div.plingtext{ } div.heartnumberpurple{ color: #8e44ad; } } } #product-tabs-container { padding-top: 30px; #product-actions { margin-top:25px; margin-right: 10px; } } #product-tabs { font-size: 10pt; padding-left: 25px; } /* ul.nav-tabs { padding: 0 15px; border-bottom: 0; width: auto; float: left; li { float: left; margin-bottom: -1px; a { color: white; background-color: #21659b; .border_radius(10px 10px 0 0); } } li.active, li:hover, li:focus { a { border-color: #21659b; background-color: #2673b0; } } } */ #product-panels { background: none repeat scroll 0 0 #fff; height: auto; overflow: hidden; /* border-top: 2px solid #21659b;*/ border-radius: 0px; padding: 15px; float: left; width: 100%; margin: 0; .tab-pane { width: 100%; float: left; background-color: white; padding: 4px; h3 { color: #2673b0; margin-bottom: 20px; margin-top: 0; } .panel-grey-part { padding: 15px; background-color: #f3f3f3; color: #2673b0; border-left: 1px solid #e5e5e5; } &#about-panel { #product-about { padding: 20px 10px 10px 10px; article { padding-top: 15px; } article.lastchangelog{ padding-top: 50px; } } #product-discussion { } } &#donations-panel { #comments { width: 100%; float: left; padding: 15px; } .list#supporters { padding: 15px; } } &#ratings-panel{ .productRating-rows-inactive{ color: #ddd ; display: none; } .userimg{ border-radius: 50%; border: 1px solid #ccc; width: 40px; height: 40px; } span.o-thumbs-up{ color:green; padding-left:10px; padding-top:10px } span.o-thumbs-down{ color:red; padding-left:10px; padding-top:10px } } } #files-panel{ padding-top: 30px; table.table-ocs-file{ td{ padding: 3px; vertical-align: middle; padding-left: 8px; } th{ padding-right: 3px; } } .btn{ padding: 3px 5px; } } #updates-panel{ span.product-update-date{ padding-left: 10px; } } #gitlabissues-panel{ span.date{ font-size: 10pt; } span.title{ font: 12pt Trebuchet MS,sans-serif; display: block; padding-bottom: 10px; } span.showmore{ font-size: 10pt; } } #likes-panel{ .u-wrap{ float: left; padding: 0.3em; border: 0.35em solid #dee0e0; border-radius: 5px; height: 14em; margin-bottom: 1em; background: white; width: 115px; height: 200px; margin-right: 10px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; figure img{ width: 100%; border: 1px solid #dbdbdb; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } h3{ font-size: 13px; font-weight: bold; word-wrap: break-word; line-height: 20px; height: 20px; padding: 0; margin: 0; } span.small { font-size: 13px; text-align: right; color: #444; margin-top: 50px; float: right; } } } } } span.page-views { float: left; font-size: 12px; padding: 5px 15px 5px 0px; color: #2673b0; } #product-maker { background-color: #f1f1f1; .project-share-new { padding-bottom: 10px; padding-top: 10px; >.row { padding-left: 30px; } .prod-user { margin-top: 10px; .product-maker-thumbnail { float: right; .supporter-badge{ position: absolute; left: 0px; bottom: 0px; background: #EE6E09; text-align: center; border-radius: 15px 15px 15px 15px; color: #fff; padding: 2px 5px; font-size: 10px; } } .product-maker-summary { float:right; padding-right: 20px; } } .prod-info { font-size: 12px; padding-bottom: 10px; > span { width: 100%; float: left; padding-left: 15px; } } .prod-download { > a { position: relative; display: block; float: left; color:#2673b0; .gradient_color(#E8E8E8, #D6D6D6); .box_shadow(inset 0 0 0 1px rgba(154, 154, 154, 0.45)); padding: 10px; .border_radius(5px); height: 50px; font-size: 16px; line-height: 30px; padding-left: 15px; margin-right: 5px; margin-bottom: 10px; .glyphicon { font-size: 30px; margin: 0; position: absolute; height: 30px; width: 30px; display: block; top: 10px; left: 10px; } .txt { float: left; width: 100%; height: 30px; > span { text-transform: capitalize; } } } } #donation-box { margin: 0 -10px; } } /* div.projectdtailHeart{ .container-like{ position: relative; width: 80px; height: 30px; float: left; .heartproject{ position:relative; color:#8e44ad; font-size: 30px; display: block; float: right; } .heartgrey{ position:relative; color:#C8C8C8; font-size: 30px; display: block; float: right; } .likelabel{ line-height: 29px; } div.heartnumber{ z-index: 3; position: relative; top: -24px; display: block; color:#fff; text-align: center; } div.heartnumberpurple{ color: #8e44ad; } } .container-pling{ position: relative; .partialbuttonfollowproject{ text-align: center; width: 45px; height: 45px; } .partialbuttonplingproject { text-align: center; } } } */ } .prod-widget-box { border: 1px solid #ccd4d8 !important; font-size: 10pt; padding: 5px; margin-bottom: 10px !important; width: 95% !important; .product-row { .product-thumbnail { width: 75px; height: 77px; margin: 7px; padding: 10px; position: relative; img { border-radius: 5px; border: 1px solid #b2b2b2; height: 75px; width: 75px; } } } #pling-box { .donation-box { padding-top: 10px; padding-bottom: 15px; width: 100%; height: auto; >div { height: auto; } } } #comments { figure { width: 40px; height: auto; text-align: center; border-top: 1px solid #f5f5f5; padding: 0 0 15px 0; float: left; img { margin: 0 auto; width: 70%; } } } &.details { span{ line-height: 1.65em; font-size: 8.25pt; } span.title { font: 12pt Trebuchet MS,sans-serif; display: block; padding-bottom: 10px; } span.value { font-size: 9pt; } } } #product-donate { display: none; width:550px; height:300px; font-size: 13px; } /** /PRODUCT PAGE **/ /** REGISTER **/ main#reg-page { width: 100%; height: 100%; .form-control-feedback { line-height: 40px; } section#register-wrap { position: absolute; top: 150px; left: 50%; margin-left: -290px; width: 580px; input[type="text"], input[type="password"] { border-width: 1px; height: 41px; margin: 4px 0; width: 100%; float: none; padding: 0 5px; .border_radius(4px); .box_shadow(inset 0 1px 1px rgba(0,0,0,0.15)); } input[type="checkbox"] { height: 20px; width: auto; } label { font-size: 12px; } button#login { margin-top: 8px; width: 120px; } #register { width: 100%; margin: auto; background: #f5f5f5; padding: 10px; border-radius: 5px; /*@media(max-width:800px){ max-height: 400px; overflow-y: auto; }*/ /*@media(max-width:550px){ max-height: 300px; overflow-y: auto; }*/ /*@media(max-width:350px){ max-height: 200px; overflow-y: auto; }*/ h3 { text-align: center; font-weight: 400; position: relative; margin: 10px 0 13px 0; } #register-box { padding-left: 0; padding-right: 0; min-height: 373px; #register-form-box { background-color: white; margin-bottom: 0; width: 373px; } } #social-register { padding-top: 20px; padding-right: 15px; padding-left: 30px; float: right; #social-login-elements { margin-bottom: 91px; } > div { float: left; width: 100%; } form { button { background-image: url(../img/bg_sheet.png); font-size: 14px; display: block; font-weight: 300; color: white; width: 140px; height: 41px; margin: 0; border: none; text-align: left; text-indent: 10px; padding-left: 41px; } button.facebook { background-position: 0 -189px; margin-top: 4px; } button.twitter { background-position: 0 -232px; margin-top: 7px; } } .bottom { .small { margin-bottom: 6px; text-align: center; } .login2 a { width: 100%; } } } } #login-form-box { background-color: white; margin-bottom: 0; position: absolute; top: 0; bottom: 0; } } #thumbs { z-index: -1; width: 100%; min-height: 1000px; overflow: hidden; position: relative; background: rgba(0,0,0,1); div.thumb { width: 5.5555%; max-height: 100px; padding: 0; /*height: auto;*/ float: left; background: rgba(0,0,0,0.8); a { float: left; width: 100%; height: auto; display: block; position: relative; > span { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.8); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; } img { width: 100%; height: auto; } } } } } .login-popup { position: relative; background: white; padding: 0; width: 420px; margin: 0 auto; .login-popup-form { background: #fff; border-radius: 10px; padding: 20px; float: left; margin: 0; width: 440px; .login-form-container { position: relative; form { margin: 0; input, textarea, select { border: 1px solid #bdc3c7; padding: 0; border-radius: 5px; } .inputbox { border: 1px solid #eaedf2; border-radius: 3px; height: 40px; padding: 10px 0 10px 32px; width: 100%; outline: none; margin-bottom: 10px; font-family: inherit; } .email { background: #eaedf2 url(../img/email.png) 10px 15px no-repeat; } .password { background: #eaedf2 url(../img/password.png) 10px 10px no-repeat; } .container-checkbox-remember-me { height: 20px; clear: both; margin-bottom: 10px; input { height: 20px; margin: 0 5px; float: left; width: auto; } label { display: inline-block; font-weight: bold; font-size: 13px; float: left; } } } } .login-form-links { position: absolute; bottom: 10px; right: 20px; font-size: 13px; a { font-size: 13px; } } } p { font-size: 15px; margin-bottom: 0; text-align: left; } .social { margin: 20px 0 15px; a { color: #fff; text-decoration: none; font-weight: bold; border-radius: 4px 4px 4px 4px; margin-right: 10px; float: left; height: 40px; } } } /** /REGISTER **/ /** USER ADMIN PAGE **/ .user-admin-page { position: relative; .head-wrap { padding-top: 1em; height: auto; background-size: cover; position: relative; padding-bottom: 1.9em; .about-me-header { figure { width: 6.9em; height: 6.9em; padding: .3em; border: 1px solid #dbdbdb; background: white; position: absolute; z-index: 10; .border_radius(999px); img { width: 100%; height: 100%; .border_radius(999px); } } .user-menu { position: relative; height: auto; background: white; float: left; margin-top: 1.5em; padding: .5em 2em .5em 8em; .border_radius(50px 0 0 50px); .intro { margin-top: 0; } } } } .body-wrap { background: white; position: relative; .product-page { padding-top: 1em; } /* ul.nav-tabs { li { a { padding: .7em 1em; font-size: .9em; height: 2.95em; color: #2673b0; &.active { color: #21659b; } } } } */ } .my-products-page, .my-payments-page { padding-bottom: 2em; .my-products-heading { padding-bottom: 20px; margin-bottom: 20px; margin-top: 20px; border-bottom: 1px solid #c1c1c1; float: left; width: 100%; .num-products { margin-top: 35px; } } .my-products-list { float: left; width: 100%; } .my-product-item { margin-bottom: 20px; figure { height: auto; padding: 0; img.explore-product-image { width: 101px; height: auto; padding-top: 10px; } } article { >div { float: left; width: 100%; } .title { margin-bottom: 10px; h3 { margin: 0; padding: 0; } } .info { ul { list-style-type: none; padding: 0; margin: 0; li { float: left; width: auto; font-size: 12px; span+span { margin-left: 5px; font-weight: bold; } } li + li { margin-left: 15px; } } } .text { font-size: 12px; margin: 5px 0 10px 0; p { margin: 0; } } .buttons { a.btn.btn-native { color: white; font-size: 12px; padding: 3px 6px; } a.btn.pling-danger{ background-color: #C82333; } } } } .my-product-divider { border-bottom: 1px solid rgb(193, 193, 193); margin-bottom: 20px; width: 97%; margin-left: 15px; } #my-earnings-list { ul.nav-tabs { top: 0; position: relative; margin: 0; border-radius: 5px 5px 0 0; padding: 10px; padding-bottom: 0; > li { > a { padding: .7em 1em; font-size: .9em; height: 2.95em; color: #2673b0; } } } #my-earnings-tabs { padding: 10px; border: 1px solid #ddd; border-radius: 0 0 5px 5px; .tab-pane { font-weight: bold; .row { margin: 0; h3 { margin: 5px 0; } } } } } } } .modal-ppload { .content-modal { width: 950px; } } /** /USER ADMIN PAGE **/ /** MEMENER PAGE **/ .about-me-page { .my-fav-list{ width: 1100px; .totaldownloads{ margin:0; padding: 20px; text-align: right; } .smaller{ font-size: smaller; } .row{ border-bottom:1px solid #ccc; padding-top:15px; padding-bottom:15px; } .rating{ width: 60px !important; font-size: 10pt; } .downloadhistory-image{ width: 50px; height: 50px; float: left; margin-right: 15px; } .nowrap{ white-space: nowrap; } i.voteup{ color: #409540; font-size: 20px; padding-left:5px; padding-right:5px; } i.votedown{ color: #C9302C; font-size: 20px; padding-left:5px; padding-right:5px; } .newusers{ .u-wrap{ float: left; width: 100%; padding: 0.3em; border: 0.35em solid #dee0e0; border-radius: 5px; height: 14em; margin-bottom: 1em; background: white; width: 115px; height: 200px; margin-right: 10px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; position: relative; figure img{ width: 100%; border: 1px solid #dbdbdb; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } h3{ font-size: 13px; font-weight: bold; word-wrap: break-word; line-height: 20px; height: 20px; padding: 0; margin: 0; } div.small { font-size: 13px; color: #444; position: absolute; bottom: 5px; right: 5px; img.plingactivesmall{ width: 20px; height:20px; } .cntplings{ line-height: 20px; } } } } } > .head-wrap { padding-top: 1em; height: auto; background-size: cover; position: relative; padding-bottom: 1em; .page-title { height: 3em; position: relative; margin-bottom: 2em; margin-top: 2em; .center { position: absolute; top: 0; left: 0; width: 100%; height: 3em; text-align: center; > div { background: #f6f6f6; width: auto; display: table; float: none; margin: 0 auto; > h1 { margin: 0 0.5em; } } } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; border-bottom: 1px solid white; float: left; width: 100%; } } } .header { height: auto; position: relative; margin-bottom: 3em; > div.col-lg-8 { padding-right: 5px; padding-left: 0; } > div.col-lg-4 { padding-right: 0; padding-left: 5px; } .about { display: none; .well { background-color: white; padding: 1em; height: 22.5em; h2 { font-size: 1.4em; margin: 0; min-height: 1.4em; line-height: 1.2em; border-bottom: 1px solid #dbdbdb; font-weight: normal; } article { border-top: 1px solid #f5f5f5; padding-top: 0.5em; width: 100%; float: left; overflow: hidden; height: 18.5em; > .scroll-pane { height: 18em; } } } } .summary { float: none; margin: 0 auto; article { padding: 0; background-color: white; height: auto; float: left; .about-title { padding: 1em; height: 8.9em; padding-left: 8.9em; position: relative; background: rgba(246, 246, 246, 0.45); border-bottom: 1px solid #e1e1e1; float: left; width: 100%; figure { width: 6.9em; height: 6.9em; padding: 0.3em; border: 1px solid #dbdbdb; background: white; position: absolute; top: 1em; left: 1em; display:inline-block; .border_radius(999px); img { width: 100%; height: 100%; .border_radius(999px); } } .supporter-badge{ position: absolute; left: 0px; bottom: 0px; background: #EE6E09; text-align: center; border-radius: 30px 30px 30px 30px; color: #fff; padding: 5px 10px; font-size: 16px; } .mod-badge{ display: block; text-align: center; padding-top: 3px; font-size: small; } h1 { margin: 1.5em 0 0 0; font-size: 1.5em; min-height: 1.7em; line-height: 1em; } } .about-content { padding: 1em; float: left; > div { float: left; width: 100%; span { float: left; display: block; line-height: 1.25em; } span.glyphicon { color: #939292; margin-right: 0.25em; font-size: 1.25em; } span + span { line-height: 1.65em; } &.social-icons { a { font-size: 1.35em; height: 1em; width: 1em; display: block; float: left; img { width: 100%; height: 100%; vertical-align: top; } } a + a { margin-left: 0.25em; } } } div + div { margin-top: 0.25em; } } .about-footer { float: left; width: 100%; padding: 1em; .info-div { width: 100%; float: left; } .info-div + .info-div { margin-top: 5px; } .social-share { .social + .social { margin-left: 0.5em; } } > .pull-right { em.report-icon { height: 1.5em; width: 1.5em; margin-top: 0.5em; background-size: cover; } } } } } } .about-me-details { padding-left: 0; padding-right: .5em; .tab-content{ padding-top: 20px; } h3.about-me-heading { font-size: 1.5em; margin: 0; min-height: 1.9em; line-height: 1.9em; border-bottom: 1px solid #dbdbdb; font-weight: normal; } article { padding-top: 0.5em; padding-bottom: 1.5em; width: 100%; float: left; } .my-products-list { h3 { width: 100%; margin-bottom: 20px; } .cat-title { padding: 0 5px; position: relative; height: 2em; margin-bottom: 1em; margin-top: 1.1em; > div { position: absolute; top: 0; left: 1em; background: white; height: 2em; width: auto; padding: 0 0.5em; > h2 { margin: 0; } } hr { float: left; width: 100%; margin-top: 1em; margin-bottom: 1em; border-bottom: 1px solid #F9F9F9; } } .mini-card { width: 14.28571%; margin-bottom: 10px; p { img { vertical-align: baseline; } } } } } aside { .details { float: left; width: 100%; height: auto; padding: 0.5em; h3 { line-height: 2em; font-size: 1em; margin: 0; color: #a3a2a2; border-bottom: 1px solid #e1e1e1; } .box-content { padding: 0.5em 0 0 0; border-top: 1px solid #ededed; > div { width: 100%; float: left; height: auto; margin-top: 0.5em; .label { float: left; padding: 0; + min-height: 1.5em; + line-height: 1.3em; img.accounts_icon { - + padding-top:2px; width: 20px; - padding-top: 5px; + } em, span { font-size: 1.7em; float: left; display: inline-block; color: #AAA; } em { display: block; width: 1em; height: 1em; background-size: cover; &.fb-link { background-image: url('../img/social_icons/fb.png'); background-size: 100%; background-repeat: no-repeat; background-position: center; } &.tw-link { background-image: url('../img/social_icons/tw.png'); background-size: 100%; background-repeat: no-repeat; background-position: center; } &.gp-link { background-image: url('../img/social_icons/g_plus.png'); background-size: 100%; background-repeat: no-repeat; background-position: center; } &.gt-link { background-image: url('../img/social_icons/github.png'); background-size: 100%; background-repeat: no-repeat; background-position: center; } &.email-link { background-image: url('../img/email.png'); background-size: 100%; background-repeat: no-repeat; background-position: center; } } } .text { width: 90%; float: right; font-size: 1em; min-height: 1.5em; line-height: 1.3em; } } } } } } /**-- MINI CARDS --**/ .mini-card { padding: 0 2px; width: 14.28571%; margin-bottom: 10px; .u-wrap { float: left; width: 100%; border: 2px solid #DEE0E0; .border_radius(5px); height: 15em; margin-bottom: 4px; background: white; .transition(); a { float: left; width: 100%; height: 100%; display: block; position: relative; } figure { width: 100%; float: left; height: 120px; img { width: 100%; height: 120px; .border_radius(3px 3px 0 0); } } .rating { font-size: 11px; position: absolute; right: 10px; bottom: 10px; } .u-content { width: 100%; float: left; padding: 3px; height: 5.5em; position: relative; overflow: hidden; .productCategory { color: #4e4e4e; display: block; font-size: 11px; } > h3 { font-size: 12px; word-wrap: break-word; width: 100%; margin: 2px 0 4px 0; } > p { font-size: 15px; position: absolute; bottom: 0; right: 3px; width: 100%; margin: 0; color: black; font-weight: bold; text-align: right; color: #444; } } &:hover { border-color:#DEE0E0; background: rgba(246,246,246,1); figure { background: white; } } } @media(max-width:800px){ width: 16.6666667%; .u-wrap { height:12em; } } @media(max-width:550px){ width: 20%; .u-wrap { height: 14em; } } @media(max-width:350px){ width: 33.333333%; .u-wrap { height:16em; } } } .product-card { width: 10%; height: auto; padding: 0 3px; margin-bottom: 10px; height: auto; > a { display: block; float: left; width: 100%; height: auto; //height: 100%; position: relative; .card { //width: 100%; //height: 100%; //position: absolute; //padding-top: 3px; > .border { position: absolute; top: 0; left: 0; width: 100%; //height: 3px; background-color: @newblue; } > .p-wrap { width: 100%; height: 8.25em; border: 2px solid #c5ced5; //border-top: 0; background-color: white; .border_radius(5px); > figure { width: 100%; height: 3.5em; overflow: hidden; display: block; float: left; border-bottom:1px solid #c5ced5; > img { height: 100%; width: 100%; } } > .content { width: 100%; float: left; padding: 0.25em; font-size: 1em; height: 3.5em; > h3 { font-size: .7em; margin: 0; color: #34495e; display: block; width: 100%; height: 100%; overflow: hidden; word-break: break-word; } } > .footer { float: left; width: 100%; height: 1em; line-height: 1em; font-size: 1em; text-align: right; padding: 0 0.1em; background-color: #f5f5f5; .border_radius(3px); //border-top: 1px solid #c5ced5; > p { font-weight: bold; font-size: 0.75em; color: #a7a7a7; } } } } > .empty-card { width: 100%; //height: 100%; } } @media(max-width:800px){ width: 16.6666667%; } @media(max-width:550px){ width: 20%; } @media(max-width:350px){ width: 33.333333%; } } /**-- MINI CARDS --**/ /** /MEMBER PAGE **/ /** ADD PRODUCT PAGE **/ .wizard { > .content { > .body { position: inherit; input.error, select.error, textarea.error { background: none repeat scroll 0 0 #fbe3e4; border: 1px solid #fbc2c4; color: #8a1f11; } } } > .steps { li { a { background: #eee none repeat scroll 0 0; color: #aaa; cursor: default; &:hover { cursor: pointer; } } } > ul { > li { width: 20%; } } } } /** STEP 1 **/ .add-product-top { width: 100%; margin: 20px 0 100px 0; padding: 0 15px; h1 { margin-bottom: 0; font-size: 2em; } ul.steps { width: auto; margin-bottom: 0; li { float: left; display: inline-block; list-style: none; margin: 0; color: #bdc3c7; border-bottom: 2px solid #bdc3c7; padding: 1em 2.5em; font-size: 1em; width: auto; } li.active { color: @newblue; border-bottom: 2px solid @newblue; } } } .add-product-container { padding-bottom: 40px; > form { width: 50%; margin: 0 auto; .field { label { width: 100%; } input, textarea { width: 100%; } select { height: 35px; width: 48%; } select + select { float: right; } } button + button { margin-right: 10px; } } } .add-product-form { margin: auto; } .mandatory { top: 2px; left: -240px; width: 220px; text-align: right; } .bold-font { font-size: 18px; font-weight: bold; } .field-missing-container { top: 26px; right: -240px; width: 230px; } .field-missing-left { margin-top: 6px; float: left; width: 8px; height: 22px; background: url(../img/field-missing-left.png); } .field-missing { float: left; background: #fadbd8; border-radius: 5px; color: #e74c3c; padding: 12px; max-width: 190px; word-break: normal; word-wrap: break-word; } .add-more { right: 10px; } a.add-more:hover { text-decoration: underline; } .icon-plus { margin-left: 5px; width: 15px; height: 15px; background: url(../img/icon-plus.png); } .product-gallery { margin-bottom: 30px; .product-image { float: left; margin: 5px 5px 0 0; img { max-width: 110px; max-height: 110px; overflow: hidden; border-radius: 5px; border: 3px solid @newblue; &:hover { border: 3px solid #bdc3c7; } } .image { width: 110px; height: 77px; overflow: hidden; border-radius: 5px; border: 3px solid @newblue; background-size: 110px; background-position: center center; } .image:hover { border: 3px solid #bdc3c7; } .icon-check { width: 20px; height: 20px; background: url(../img/icon-check.png); } .icon-cross { display: none; width: 20px; height: 20px; background: url(../img/icon-cross.png); right: 0; cursor: pointer; } } .upload-image-container { .upload-image { float: left; cursor: pointer; width: 116px; height: 83px; background: url(../img/icon-upload.png); background-position: 0px -15px; margin: 5px 0 0 -5px; .border_radius(10px); } .upload-image:hover { background: url(../img/icon-upload-hover.png); background-position: 0px -15px; } } } input.product-picture, input.title-picture, input.gallery-picture { opacity: 0; margin-bottom: 0; height: 0; width: 0; position: absolute; } #product-picture-container, #title-picture-container { max-width: 110px; max-height: 110px; overflow: hidden; } img#product-picture-preview, img#title-picture-preview { display: none; margin-top: 20px; } #embed-code { margin-top: 20px; } /** /STEP 1 **/ /** /STEP 2 **/ .add-page-preview { background: rgba(46, 49, 51, 0.8); color: white; position: fixed; margin-top: 0; width: 100%; z-index: 1; > .container { padding-bottom: 20px; } .add-product-mid { > .left { width: 100%; } } } .preview-container > .row-fluid { margin-top: 220px; } .preview-title { font-size: 18px; margin: 0 60px 0 15px; padding-top: 15px; } .preview-explanation { padding-top: 18px; } .add-page-preview .add-product-top { border-bottom: 1px solid #393d3f; margin-bottom: 10px; } .add-page-preview ul.steps { margin-bottom: 0; } .paypal-label { font-size: 17px; margin: 15px 60px 0 30px; } .icon-paypal { width: 40px; height: 40px; background: url(../img/icon-paypal.png); margin: -10px 30px 0 0; } .preview-inputs { padding: 10px 0; border-bottom: 1px solid #393d3f; } .preview-buttons { padding: 20px 0 0 0; } .preview-buttons .btn.right { margin-left: 10px; } input.preview-input { margin-left: 20px; width: 250px; height: 35px; } /** /STEP 2 **/ /** /ADD PRODUCT PAGE **/ /** SETTINGS PAGE **/ .settings-page { > .about-me { float: left; width: 100%; margin-bottom: 40px; } .settings-options { padding: 0; } } /** main settings panel **/ .settings-main { padding-right: 0; margin-bottom: 40px; .panel { .panel-heading { position: relative; h4 { a { font-size: 1.2em; padding: 0.5em 0.5em; &:hover { text-decoration:none; color: @newblue; } } } span.glyphicon-chevron-down { position: absolute; top: 50%; margin-top: -0.5em; right: 0.5em; .rotate(0deg); .transition(); } &.active { span.glyphicon-chevron-down { .rotate(180deg); } } } .panel-body { padding: 0.5em; > form { padding: 0.5em; margin-bottom: 0; > .row { > div { input[type="text"], input[type="password"], textarea { width: 100%; padding: 0 5px; } textarea.about { padding: 0.5em 1em 0.5em 0.5em; } } .btn.pull-right { margin-right: 15px; } } > hr { margin-top: 1em; margin-bottom: 1em; border: 0; border-top: 1px solid #eee; border-bottom: 1px solid white; } } } } ul.errors, ul li.text-error { color: #b94a48; list-style-type: none; font-size: 0.8em; padding: 0; display: inline-block; } input.input-error, textarea.input-error { border: 1px solid #b94a48; } .form-success { color: #48B96C; } .section-body { padding: 15px 15px 0 15px; display: none; border-bottom: 1px solid #bdc3c7; .row:last-of-type { margin: 0 0 15px 0; } hr { display: block; height: 0; border-top: 1px solid #bdc3c7; padding: 0 1em; width: 100%; margin: 10px 0 20px -15px; } .row, .field { input[type="text"], input[type="password"], textarea { width: 100%; } } } #form-profile { textarea.about { height: 228px; } } #form-picture,#form-picture-background { .image-preview { display: block; padding: 0px; margin: 10px auto; width: 100%; max-width: 200px; height: auto; > img { width: 100%; height: auto; } } .image-info { margin: 22px 0 0 -20px; padding: 0px 0 0 35px; border-left: 1px solid #bdc3c7; height: 200px; p { margin-bottom: 30px; } } } #form-website { .clipboard-copy { background: rgba(8, 165, 193, 0.49); padding: 7px; position: relative; padding-right: 230px; margin-bottom: 20px; border-radius: 7px; .btn-purple { position: absolute; top: 0px; right: 0px; padding: 7px 35px; } .clipboard-code { margin: 0; width: 100%; color: white; background: 0; padding: 0; box-shadow: none; font-size: 16px; } } } #form-newsletter { .newsletter-label { margin: 5px 10px 0 0; } #newsletter { height: 14px; float: left; width: auto; margin: 7px 0 0 0; cursor: pointer; } } #add-profile-picture { width: 100%; max-width: 200px; } } /** /main setting panel **/ /** side bar **/ .profile-summary { padding: 15px; background: #FDFDFD; .profile-image-container { width: 123px; height: 123px; margin: auto; border: 1px solid #ccc; padding: 0.25em; background: white; .border_radius(123px); .profile-image { img { width: 100%; height: 100%; border: 1px solid #ccc; .border_radius(123px); } } } .profile-name { font-size: 20px; margin-bottom: 45px; } .last-active { font-size: 12px; margin-top: 5px; } } /** /sidebar **/ #overlays { .clipboard-copy { background: #ebf5fb; padding-left: 10px; margin-bottom: 20px; .clipboard-code { margin: 10px 0; } } } div.image { display: inline-block; margin-left: 5px; width: 17px; height: 17px; } div.image.checked { background: url(/theme/flatui/img/icon-check-round-green.png) no-repeat; } div.image.unchecked { background: url(/theme/flatui/img/icon-question-round.png) no-repeat; } input.product-picture, input.title-picture, input.gallery-picture { opacity: 0; margin-bottom: 0; height: 0; width: 0; position: absolute; } /** RESPONSIVE FIX **/ @media (max-width: 767px) { .settings-main { padding-left: 0; } } /** /RESPONSIVE FIX **/ /** /SETTINGS PAGE **/ /*==================*/ /* STATIC PAGES */ /*==================*/ .static-container { margin-top: 0px; margin-bottom: 0px; max-width: 970px; hr:first-of-type { height: 0px; border-bottom: 1px solid #ecf0f1; margin: 40px auto; } .static-heading { h1.page-title { color: #34495e; font-weight: bold; font-size: 32px; } } .static-content { margin-bottom: 50px; h3 { color: @newblue; font-size: 1.5em; margin: 10px 0; font-weight: normal; } } } /**-- FAQ PAGE -------------------**/ #top-content { position: relative; > .left { padding-left: 0; padding-right: 15px; width: 50%; } > .right { padding-right: 0; padding-left: 15px; width: 50%; } h4 { line-height: 1.4em; font-size: 1.3em; text-align: justify; margin-top: 0; } h3 { position: absolute; bottom: 1em; left: 0; width: 50%; text-align: center; font-size: 2em; } } .panel-group { h3 { margin-bottom: 10px; font-weight: normal; } .panel { .panel-heading { padding: 0; a { padding: 10px 15px; width: 100%; display: block; } } } } /**-- /FAQ PAGE -------------------**/ /**-- TEAM PAGE ---------------------------**/ section { float: left; width: 100%; &.top { border-bottom: 1px solid #eeeeee; margin-bottom: 40px; h1.page-title { font-size: 45px; height: 45px; line-height: 45px; margin-bottom: 40px; } p { font-weight: bold; } } &.team-members { text-align: center; margin-bottom: 40px; .row { width: 100%; float: right; .team-member { float: left; width: 104px; figure { margin: 0 0 10px 0; width: 104px; height: 104px; img { width: 104px; height: 104px; } } .info { width: 150%; margin-left: -25%; h3 { font-size: 14px; height: 15px; line-height: 15px; margin: 3px 0px; font-weight: bold; color: #34495e; } } } .team-member + .team-member { margin-left: 208px; } } .row + .row { margin-top: 30px; } } } /**-- /TEAM PAGE ---------------------------**/ /**-- TERMS & CONDITIONS -------------------**/ .term { .term-description { margin: 0; ol { li + li { margin-top: 5px; } } } } /**-- /TERMS & CONDITIONS -------------------**/ /** MODALS **/ .content-modal { .modal-header { h3 { text-align: center; color: #2673b0; } } } .clipboard-copy { .clipboard-code { margin-bottom: 10px; float: left; background: #2673b0; color: white; padding: 10px 5px; border-radius: 5px; box-shadow: inset 1px 1px 1px rgba(0,0,0,0.15); font-size: 13px; width: 100%; } } .code-embed-modal { .content-modal { .modal-body { .demo-code { //display: none; } textarea { width: 100%; border-width: 1px; height: 100px; } } } } #files-panel { font-size: 10pt; } #comments-frame { > h3 { margin: 45px 0 30px 0; } .comment-row { width: 100%; float: left; padding-bottom: 15px; } .comment-row + .comment-row { padding-top: 15px; } .comment { width: 100%; padding-left: 55px; float: left; position: relative; font-size: 12px; .supporter-thumbnail { @size: 50px; width: @size; height: @size; padding: 0; margin: 0; position: absolute; top: 0px; left: 0px; img { width: 100%; height: 100%; } } .comment-content { width: 100%; padding-right: 0; padding-left: 0; .popover-title { padding: 0; margin-bottom: 5px; font-weight: bold; background: white; border-bottom: 0; font-weight: normal; span { font-size: 11px; } span.name { font-weight: bold; font-size: 13px; } span.amount { font-size: 12px; } span.lightgrey { margin-left: 15px; } } .popover-content { overflow: hidden; padding: 0; min-height: 28px; p { margin-bottom: 0; } } .maker-comment-container { padding: 0; margin-top: 15px; &.maker-form { display: none; position: relative; padding-left: 8%; .glyphicon { position: absolute; top: 4px; left: 7%; cursor: pointer; z-index: 100; } .maker-comment { margin-top: 5px; background: #f7f7f7; } .popover-content { height: auto; overflow: hidden; background: #f7f7f7; border-radius: 4px; border: 0; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 12%; } textarea { border-width: 1px; margin-bottom: 5px; } } } .maker-comment { width: 100%; float: none; padding: 0; position: relative; border: 0; .supporter-thumbnail { width: 38px; a { width: 38px; height: 38px; } } .content { padding-left: 43px; .popover-content { margin-bottom: 0; } } } } a.show-maker-reply { position: absolute; bottom: 1px; right: 0px; display: block; cursor: pointer; color: white; font-size: 0.8em; padding: 0.2em 0.4em; .border_radius(4px 0 4px 0); } } } .modal.report-product { .modal-dialog { .modal-content { padding: 10px 10px 0 10px; #product-report { button.small { border:none; background: transparent; color: #2673b0; } } } } } /*-- WIDGET MODAL --*/ #modal-widget { .content-modal { width: 770px; .modal-body { overflow: hidden; height: auto; hr { float: left; width: 100%; } } #configuration-options { width: 50%; float: left; padding-right: 10px; .tab-content { .tab-pane { padding: 10px 0; .field { font-size: 12px; label { width: 35%; float: left; height: 25px; line-height: 25px; } input[type="text"]{ float: right; width: 65%; border-width: 1px; height: 25px; line-height: 25px; border-radius: 3px; .box_shadow(inset 0 1px 1px rgba(0,0,0,0.15)); } input[type="radio"]{ width: auto; float: left; margin: 7px 3px 5px 0; } span { float: left; height: 25px; line-height: 25px; display: inline-block; } span + input[type="radio"]{ margin-left: 15px; } input[type="checkbox"]{ float: left; margin: 7px 0; width: auto; } textarea { width: 65%; border-width: 1px; border-radius: 3px; padding: 2px 10px; height: 100px; margin-bottom: 5px; } } } } #colors-config { } } #widget-preview { width: 50%; padding-left: 10px; float: left; #pling-widget { width: 100%; padding: 8px; font-size: 12px; background-color: @newblue; .border_radius(8px); .widget-header { width: 100%; margin-bottom: 5px; h3 { margin: 0; font-size: 18px; margin-bottom: 0 !important; } } .widget-body { background-color: white; padding: 5px; margin-bottom: 5px; border: 1px solid rgba(68, 68, 68, 0.2); .border_radius(5px); .box_shadow(inset 0 1px 4px rgba(0,0,0,0.15)); .product-funding-info { width: 100%; position: relative; .goal-range-number { width: 100%; height: 20px; line-height: 20px; span { display: block; float: left; } span + span { float: right; &.unlimited { font-size: 27px; } } } .achieved-amount { width: 100%; height: 20px; padding: 3px; background: rgba(204, 204, 204, 0.19); .border_radius(4px); .box_shadow(inset 0 1px 1px rgba(0, 0, 0, 0.05)); .bar { width: 4px; max-width: 100%; height: 14px; background-color: @newblue; .border_radius(2px); .box_shadow(inset 0 6px 0 rgba(255, 255, 255, 0.2)); &.no-goal { width: 50%; } } } .money-raised { width: 100%; height: 20px; line-height: 20px; } &.with-goal { padding-right:25%; .percentage { position: absolute; top: 0; right: 0; width: 25%; height: 60px; line-height: 60px; text-align: center; font-size: 22px; } } } .widget-text { margin-top: 10px; } .supporters { width: 100%; height: auto; overflow: hidden; margin-top: 10px; .supporter { width: 12.5%; height: auto; float: left; padding: 2px; clear: none; border-bottom: 0; figure { width: 100%; height: auto; img { width: 100%; height: auto; .border_radius(100%); } } } } .comments { height: auto; overflow: hidden; width: 100%; margin-top: 10px; .comment { position: relative; width: 100%; min-height: 42px; padding-left: 15%; figure { position: absolute; top: 0; left: 0; width: 15%; height: auto; img { width: 100%; height: auto; } } .content { width: 100%; .info { width: 100%; height: 12px; line-height: 12px; margin-bottom: 5px; } .text { width: 100%; font-size: 11px; line-height: 11px; } } } .comment + .comment { margin-top: 5px; } } } .widget-footer { width: 100%; height: auto; overflow: hidden; .button { float: left; } .pay-secure { float: left; padding-left: 10px; color: white; width: 100px; } .powered-by { float: right; a.pling-logo { display: block; background-image: url('../img/new/pling-logo-large.png'); height: 34px; width: 63px; background-size: contain; &.grey { background-image: url('../img/new/logo.png'); } &.icon { width: 34px; background-image: url('../img/new/box-logo.png'); } } } } } } } } /*-- /. MODAL --*/ /*-- CODE EMBED --*/ .code-embed-modal { .content-modal { width: 400px; .modal-body { textarea { width: 100%; border-width: 1px; height: 100px; } } } } /*-- /CODE EMBED --*/ /** /MODALS **/ /**-- SUPPORTER BOX ---------------------------*/ body.body-external { margin: 0; padding-top: 0; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; } .supporter-box-container { width: 100%; height: auto; float: left; border:1px solid #999999; .box_sizing(); figure { float: left; margin: 0; padding: 0; } div { float: left; } > div { width: 100%; height: auto; padding: 7px; .box_sizing(); } .supporter-box-top { background-color: #e5e5e5; position: relative; .title { float: left; width: 50%; > a { font-size: 16px; color: #39568c; text-decoration: none; .transition(); &:hover { text-decoration:underline; color: #428bca; } } } figure { position: absolute; top: 7px; right: 7px; width: 102px; height: 68px; border:inset 1px #999999; a { width: 100%; height: 100%; display: block; overflow: hidden; img { width: 100%; } } } } .supporter-box-body { > div { width: 100%; float: left; .box_sizing(); } .info { height: 30px; padding-left: 35px; position: relative; margin-bottom: 10px; > em { position: absolute; left: 0; top: 0; } > span { display: block; width: 100%; height: 15px; line-height: 15px; font-size: 13px; float: left; color: black; } span + span { color: #1e4483; } } .supporters { width: 102%; figure { width: 30px; height: 30px; margin: 0px 3.5px 3.5px 0px; a { display: block; width: 100%; height: 100%; overflow: hidden; .border_radius(3px); img { width: 100%; } } } } } } /**-- /SUPPORTER BOX ---------------------------*/ /*------ WIDGET --------------------*/ #configuration-options { width: 60%; float: left; padding-right: 10px; ul.nav-tabs { padding: 0; background-color: white; li { a { padding: 5px; } } } .tab-content { .tab-pane { padding: 10px 0; textarea { width: 65%; border-width: 1px; border-radius: 3px; padding: 0 5px; height: 100px; margin-bottom: 5px; .box_shadow(inset 0 1px 1px rgba(0,0,0,0.15)); } .field { font-size: 12px; label { width: 35%; float: left; height: 25px; line-height: 25px; } input[type="text"], input.color-input { padding: 0 5px; float: right; width: 65%; border-width: 1px; height: 25px; line-height: 25px; border-radius: 3px; .box_shadow(inset 0 1px 1px rgba(0,0,0,0.15)); } input[type="radio"]{ width: auto; float: left; margin: 7px 3px 5px 0; } span { float: left; height: 25px; line-height: 25px; display: inline-block; } span + input[type="radio"]{ margin-left: 15px; } input[type="checkbox"]{ float: left; margin: 7px 0; width: auto; } } } } #colors-config { } } #pling-widget { width: 100%; max-width: 400px; padding: 8px; font-size: 12px; background-color: @newblue; .border_radius(8px); .widget-header { width: 100%; margin-bottom: 5px; h3 { margin: 0; font-size: 18px; } } .widget-body { background-color: white; padding: 5px; margin-bottom: 5px; border: 1px solid rgba(68, 68, 68, 0.2); .border_radius(5px); .box_shadow(inset 0 1px 4px rgba(0,0,0,0.15)); .donation-amount { line-height: 34px; margin: 0 0 5px 0; overflow: hidden; .support-with { width: 25%; height: 34px; float: left; } .donation-amount-number { width: 50%; float: left; position: relative; span.glyphicon { position: absolute; top: 11px; left: 0; } input[type="text"] { padding: 0 10px; float: right; width: 100%; border-width: 1px; height: 24px; line-height: 24px; border-radius: 3px; margin: 5px 0; border-right: 0; .box_shadow(inset 0 1px 1px rgba(0,0,0,0.15)); } } .button { width: 25%; float: right; button { float: left; margin-top: 5px; padding: 0; width: 100%; text-align: center; height: 24px; } } .payment-providers { width: 100%; float: left; margin: 5px 0; .pay-with { width: 25%; height: 34px; float: left; } .input-group { width: 37%; float: left; display: block; .input-group-addon { width: 20%; float: left; padding: 8px 16px 4px 0; border: 0; background: transparent; margin-top: 3px; input[type="radio"] { width: auto; } } .payment-icon { width: 70%; float: left; height: 34px; display: block; img { max-width: 100%; height: 20px; width: auto; margin-top: 7px; } } } } } .product-funding-info { width: 100%; position: relative; .goal-range-number { width: 100%; height: 20px; line-height: 20px; display: none; span { display: block; float: left; } span + span { float: right; &.unlimited { font-size: 27px; } } } .achieved-amount { width: 100%; height: 20px; padding: 3px; background: rgba(204, 204, 204, 0.19); display: none; .border_radius(4px); .box_shadow(inset 0 1px 1px rgba(0, 0, 0, 0.05)); .bar { width: 4px; max-width: 100%; height: 14px; background-color: @newblue; .border_radius(2px); .box_shadow(inset 0 6px 0 rgba(255, 255, 255, 0.2)); &.no-goal { width: 50%; } } } .money-raised { width: 100%; height: 20px; line-height: 20px; } &.with-goal { .percentage { position: absolute; top: 0; right: 0; width: 25%; height: 60px; line-height: 60px; text-align: center; font-size: 22px; } .goal-range-number { padding-right: 25%; display: block; } .achieved-amount { width: 75%; display: block; } } } .widget-text { margin-top: 10px; } .supporters { width: 100%; height: auto; overflow: hidden; margin-top: 5px; padding-top: 5px; border-top: 1px solid #ddd; .supporter { width: 12.5%; height: auto; float: left; padding: 2px; clear: none; border-bottom: 0; figure { width: 100%; height: auto; img { width: 100%; height: auto; } } } } .comments { height: auto; overflow: hidden; width: 100%; margin-top: 5px; padding-top: 5px; border-top: 1px solid #ddd; .comment { position: relative; width: 100%; min-height: 42px; padding-left: 15%; figure { position: absolute; top: 0; left: 0; width: 15%; height: 100%; text-align: center; img { width: auto; height: 100%; float: left; } } .content { width: 100%; padding-left: 5%; .info { width: 100%; height: 12px; line-height: 12px; margin-bottom: 5px; } .text { width: 100%; font-size: 11px; line-height: 11px; } } } .comment + .comment { margin-top: 5px; } } } .widget-footer { width: 100%; height: auto; overflow: hidden; .donation-amount { padding-bottom: 10px; color: white; font-size: 14px; } .button { float: left; } .pay-secure { float: left; //padding-left: 10px; color: white; width: 100px; a { color: white; } } .powered-by { float: right; a.opendesktop-logo { display: block; background-image: url('/images/system/storeLogo.png'); height: 34px; width: 63px; background-size: contain; background-repeat:no-repeat; } a.pling-logo { display: block; background-image: url('../img/new/pling-logo-large.png'); height: 34px; width: 63px; background-size: contain; &.grey { background-image: url('../img/new/logo.png'); } &.icon { width: 34px; background-image: url('../img/new/box-logo.png'); } } } } } /** preview area **/ #widget-preview { width: 40%; padding-left: 10px; float: left; } /** /preview area **/ /** in modal **/ #widget-code-modal { width: 800px; height: auto; overflow: hidden; .modal-body { height: auto; overflow: hidden; article { width: 100%; float: left; #configuration-options { ul.nav-tabs { float: left; width: 100%; background-color: #F3F3F3; border-bottom: 1px solid #e5e5e5; position: relative; top: 0; li { border-bottom: 1px solid #e5e5e5; .transition(0); a { margin: 0; background-color: transparent; border: 0; color: @newblue; border-bottom: 3px solid #f3f3f3; .transition(0); } &.active { border-color: @newblue; a { border-color: @newblue; } } } } } } } } /** /in modal **/ /** in iframe **/ .body-external { .supporter-box-container { border: 0; text-align: center; #pling-widget { text-align: left; float: none; height: auto; overflow: hidden; } } } /** /in iframe **/ /*------ /WIDGET --------------------*/ /***** index-pling *******/ #mainpage { background-image: url(/images/system/1-opendesktop-bg.png); background-repeat:no-repeat; background-attachment:fixed; background-position:0px 0px; background-size: 100% 100%; width: 100% !important; margin-top: 15px; } #mainpage .wrapper { padding-top: 100px; } #mainpage .card-wrapper { border-radius:10px; padding:5px; } #mainpage .card-wrapper { a.title { display:block; } img.logo { height:45px; margin-right:10px; margin-bottom:5px; } .domainobj { margin: 15px; border-bottom:1px solid #ccc; } } #indeximages { height:400px; width: 100%; overflow: hidden; } #indeximages a { cursor: default; } .commentstore { border-bottom:1px solid #ccd4d8 ; padding-top: 5px; padding-bottom: 5px; overflow: hidden; p{ margin: 0; } .userinfo img { border-radius: 50%; width: 42px; height: 42px; float: right; } .userinfo { float: right; } .info { display: block; } } .commentstore:last-child { border-bottom:none; } /*product detail popover*/ div.profile-img-product { width: 200px; height: 160px; } img.imgpopover { max-width: 200px; max-height: 160px; display: block; margin: auto; } /*aboutme tab comments*/ #my-comments-tabs-content { font-size: 11pt; width: 1100px; .rownomargin { margin:0; } .rownopadding { padding: 0; } .category { display: block; font-size: smaller; } .createat { font-size: smaller; color: #888; } .productrow { padding-bottom: 5px; padding-top: 5px; border-bottom: 1px solid #ccd4d8; font-size: small; .project-image{ width: 50px; height: 50px; float: left; margin-right: 15px; } } .productrow:last-child { border-bottom: none; } .row { margin-top: 10px; } .rating { width: 60px; } .time { font-size: smaller; } .cntComments { font-size: smaller; display: block; padding-top: 5px; } .productimg { width:50px; height:50px; } .commenttext{ padding-left: 20px; } } .user-admin-page { .commentText { font-size: smaller; } .commentTime { font-size: smaller; padding-left: 20px; } .title { font-weight: bold; color:#37628D; padding-top: 10px; padding-bottom: 10px; } .topics{ padding-right: 20px; .topic-tag { display: inline-block; padding: 0.3em 0.9em; margin: 0 0.5em 0.5em 0; white-space: nowrap; background-color: #f1f8ff; border-radius: 3px; } .usertagslabelcat{ background-color: #f1f1f1; } .topic-tag-link { &:hover { text-decoration: none; background-color: #def; } } .btn-link{ display: inline-block; padding: 0; font-size: inherit; color: #0366d6; text-decoration: none; white-space: nowrap; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } } .my-downloadshistory-list{ width: 1100px; .totaldownloads{ margin:0; padding: 20px; text-align: right; } .smaller{ font-size: smaller; } .header{ border-top:1px solid #ccc; padding-top:15px; padding-bottom:15px; } .subheader{ background-color: #ddd } .paddingLeft80{ padding-left: 80px; } .marginLeft80{ margin-left: 80px; } button.voting{ line-height: 10px; } button.voting span{ font-size: 10px; } .rating{ width: 60px !important; font-size: 10pt; } .downloadhistory-image{ width: 50px; height: 50px; float: left; margin-right: 15px; } .nowrap{ white-space: nowrap; } } } .col-container { span.cnt { padding-right: 5px; display: inline-block; font-weight: bold; } .stat { padding-top: 15px; padding-left: 15px; font-size: 12px; } .statContent { padding-top: 15px; padding-left: 15px; font-size: 12px; } } /** plings **/ main#plings-page{ .wrapper{ width:700px; padding:20px; /*max-height: 700px; overflow: auto; */ .title{ background-color:#ccc; height: 30px; } .label{ padding-top: 10px; padding-left: 0px; } .row:not(:first-child):hover{ background-color: #eef; } .depth0 { padding-left: 0px; } .depth1 { padding-left: 20px; } .depth2 { padding-left: 40px; } .depth3 { padding-left: 60px; } .depth4 { padding-left: 80px; } .depth5 { padding-left: 100px; } .factor { padding-right: 10px; } } } /** plings END**/ /* new look test */ #product-page-content { .sidebar-left{ padding-right: 15px; padding-left: 15px; min-width: 200px; padding-top: 20px; } .tag-element { background-clip: padding-box; background-color: #eeeeee; background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-repeat: repeat-x; background-size: 100% 19px; border: 1px solid #aaa; border-radius: 3px; box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05); color: #333; line-height: 25px !important; margin: 3px 3px 3px 0; max-width: 100%; padding: 0 10px; position: relative; display: inline-block; } } #carouselContainer{ .carousel-indicators { z-index: 31; background-color: transparent; height: 20px; bottom: -30px; & .active{ background-color: #E2E2E2; } li{ border: 1px solid #C4D7EF; } } iframe{ border: 0px; } } /*update member page*/ #email-collapse{ .group-list { list-style: outside none none; > li:first-child { border-top: 0 none; border-top: 1px solid #ddd; } > li { border-bottom: 1px solid #e5e5e5; display: block; line-height: 30px; margin-left: -10px; padding: 5px 10px; } } .css-truncate-target { max-width: 300px; display: inline-block; text-overflow: ellipsis; vertical-align: top; white-space: nowrap; } .email-actions { float: right; form { display: inline; } } span.label.default { background-color: #6cc644; border-radius: 3px; color: #fff; margin-left: 4px; padding: 4px 6px; } span.label.attention { background-color: #c64f0d; border-radius: 3px; color: #fff; margin-left: 4px; padding: 4px 6px; } .btn { line-height: 20px; padding: 4px 12px; } } .user-admin-page { .body-wrap{ .well{ min-height: 20px; padding: 20px; margin-bottom: 20px; background-color: transparent; border: 0px; border-radius: 0px; -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.05); box-shadow: inset 0 0px 0px rgba(0,0,0,.05); } } } .profile-menu{ li{ a{ width: 100%; } } } // grid layout 19.06 .grid-container{ padding-top: 10px; .flex-container{ font-size: 10pt !important; .explore-product-grid{ width: 200px; padding: 0px; margin: 20px; border: 1px solid #dedede; border-radius: 2px; margin: 10px 10px 10px 10px; position: relative; /*background: url(../img/app-container-bg.png) repeat-x;*/ figure{ /*height: 167px;*/ opacity: 1; display: block; transition: .5s ease; backface-visibility: hidden; } .explore-product-image{ /* max-width: 95%; height: 167px; */ width: 170px; height: 120px; } .explore-product-desc{ background: linear-gradient(#fff, #EDEDED); padding:0px 10px 5px 10px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .explore-product-plings { padding: 0; padding-top: 5px; width: 100px; margin:0 auto; font-size: 10px; .rating { width: 100%; } .progress { margin-bottom: 10px; padding: 3px; opacity:0; margin-bottom: 0; height:12px; opacity:1.0; background-color: transparent; box-shadow: none; padding:2px; .bar { width: 4px; max-width: 100%; height: 14px; background-color: #2673b0; .border_radius(5px); .box_shadow(inset 0 6px 0 rgba(255,255,255,0.2)); &.no-goal { width: 50%; opacity: 0; } } } .collected { span { display: block; width: 100%; float: left; font-size: 12px; } } } .explore-product-details { span.version { font-size: smaller; padding-left: 20px; } span.title{ display: block; font-size: smaller; line-height: 1.5; } } } } } /* mobile settings */ @media (max-width: 400px) { #explore-content{ .GridFlex{ .sidebar-left{ flex: 0 0 100%; } } } .metamenu{ height: 100%; .sitelogo{ display:block; width:100%; height:30px; font-size:20px; img.logo{ width: 30px; height: 30px; } } } } #ratings-panel{ .bbtn{ display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid #adadad; border-radius: 4px; margin-right:10px; } .activeRating{ border: 2px solid #2673B0; } .bbtn:focus{ color: #333; background-color: transparent; border-color: #2673B0 } } #plings-panel { .u-wrap { float: left; padding: .3em; border: .35em solid #dee0e0; border-radius: 5px; height: 14em; margin-bottom: 1em; background: #fff; width: 115px; height: 200px; margin-right: 10px; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; position: relative; figure img { width: 100%; border: 1px solid #dbdbdb; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } h3 { font-size: 13px; font-weight: 700; word-wrap: break-word; line-height: 20px; height: 20px; padding: 0; margin: 0; } span.small { position: absolute; bottom: 5px; left:5px; } } } .tooltipuserplingscontainer{ .user{ display: block; float: left; text-align: center; width: 60px; overflow: hidden; img{ width:40px; height:40px; border:1px solid #ccc; border-radius: 999px; } .caption{ display: block; } } }