#content #app { background: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 15px; position: relative; margin-bottom: 20px; } #content #app h1 { clear: none; float: left; font-size: 2.2em; margin: 0; padding: 5px 90px 15px 15px; width: 390px; } #content #app .app-price { -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; background: url(../v2-img/btn-buyit.png) top right no-repeat; font-family: Georgia; font-style: italic; font-weight: 400; padding: 45px 0 0; position: absolute; right: 0; text-align: center; top: 0; width: 105px; z-index: 1; } #content #app .app-price: hover { background-position: top right; } #content #app-icon { -moz-border-radius: 7px; -webkit-border-radius: 7px; float: left; margin-bottom: 15px; } .item .submitted { padding: 5px 0; width: 100%; } .submitted p { color: #777; font-family: Georgia; font-size: 12px; font-style: italic; margin: 0; padding: 0 5px; } .submitted p em { color: #2e7561; } .developer { font-family: Georgia, serif; font-size: 1.2em; font-style: italic; margin-left: 20px; } .platform { background: url(../v2-img/bg-platform.gif) top left no-repeat; display: block; height: 70px; left: -62px; position: absolute; top: 15px; width: 62px; } .platform img { left: 10px; position: absolute; top: 13px; } .platform.ipad img { left: 9px; position: absolute; top: 7px; } #appboy-recommended { left: -65px; position: absolute; top: 95px; } .description { color: #666; font-size: 1em; } .description p.more { color: #e73d2f; cursor: pointer; text-align: right; } .scroll-pane { float: left; padding: 0; width: 200px; } #appimagesHolder { background: url(../v2-img/bg-appimages.gif) top left no-repeat; width: 600px; } #appimagesbottom { background: url(../v2-img/bg-appimagesbottom.gif) bottom left no-repeat; padding: 10px; width: 580px; } #appimages { _overflow: hidden; display: block; height: 490px; padding: 0; width: 570px; } #appimages img { border: 1px solid #fff; margin-right: 10px; } #appimagesbottom .jScrollPaneContainer { padding-bottom: 15px; } #appimagesbottom .jScrollPaneTrack { background: #fff; bottom: 0; top: auto; } #appimagesbottom .jScrollPaneTrack .jScrollPaneDrag { background: #2e7763; } #content .item .details { border: none; padding: 0; } #content .item .details h2 { font-size: 1.25em; color: #666; font-weight: 400; letter-spacing: 3px; text-transform: uppercase; } #content .item .details #options li { font-size: 12px; margin: 0; padding: 0; } #content .item .details #options li a { background: none; color: #2e7763; font-size: 12px; height: auto; line-height: 15px; margin: 0; padding: 5px 0 5px 23px; } #content .item #options li a#action-fav { background-image: url(../v2-img/sprites-greenicons.gif); background-position: 0 -158px; background-repeat: no-repeat; } #content .item #options li a#action-edit { background-image: url(../v2-img/sprites-greenicons.gif); background-position: 0 -196px; background-repeat: no-repeat; } #content .item #options li a#action-download { background-image: url(../v2-img/sprites-greenicons.gif); background-position: 0 0; background-repeat: no-repeat; } #content .item #options li a#action-share { background-image: url(../v2-img/sprites-greenicons.gif); background-position: 0 -78px; background-repeat: no-repeat; } #tags { margin-top: -5px; padding: 0 0 10px; } #tags .tag { display: block; background: #eee; padding: 3px 10px; margin-bottom: 2px; color: #333; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; } #tags .tag:hover { color: #333; background-color: #00ffde !important; -webkit-box-shadow: 0 0 5px rgba(1,207,180,0.5); -moz-box-shadow: 0 0 5px rgba(1,207,180,0.5); box-shadow: 0 0 5px rgba(1,207,180,0.5); } .section { background: #161616; padding: 15px 15px 5px; margin-bottom: 0; } #rate { margin-bottom: 15px; } #adverts { margin: 10px 0 25px; padding: 0 15px; } #rate.section h2 { border: none; color: #ddd; font-size: 16px; font-weight: 400; letter-spacing: 2px; margin: 15px 0 10px; padding: 0; } #rate.section h2.first { margin-top: 0; } #rate.section h3 { border: none; color: #777; font-size: 12px; font-weight: 400; letter-spacing: 2px; margin: 15px 0 10px; padding: 0; text-transform: uppercase; } #rate a#logintorate { display: inline; height: auto; margin-bottom: 10px; width: 0; } #lovehate { } #lovehate li { margin-right: 20px; margin-bottom: 10px; } #lovehate li#hate { margin-right: 0; } #lovehate a { display: block; height: 123px; position: relative; text-indent: -9999px; width: 125px; } #lovehate a span { display: block; height: 123px; left: 0; opacity: 0; position: absolute; top: 0; width: 125px; } #lovehate #love a { background: url(../v2-img/btn-love.jpg) top left no-repeat; } #lovehate #love a span { background: url(../v2-img/btn-love-hover.jpg) top left no-repeat; } #lovehate #hate a { background: url(../v2-img/btn-hate.jpg) top left no-repeat; } #lovehate #hate a span { background: url(../v2-img/btn-hate-hover.jpg) top left no-repeat; } #bar { margin: 10px 0 -10px; } #bar #track { -moz-border-radius: 15px; -webkit-border-radius: 15px; background: url(../v2-img/bg-reviewbar.jpg) center center repeat-x; display: block; float: left; height: 16px; margin: 0 10px; width: 180px; } #bar #track #progress { -moz-border-radius: 15px; -webkit-border-radius: 15px; background: url(../v2-img/bg-reviewbar-progress.jpg) center center repeat-x; display: block; height: 16px; width: 0; } #bar p { color: #ddd; float: right; font-family: Georgia; font-size: 11px; font-style: italic; padding-top: 1px; } #reviewComment { display: none; margin: 0 0 15px; padding: 0; } #reviewComment #nothanks { cursor: pointer; float: left; font-size: 14px; height: auto; line-height: 1em; margin-top: 12px; text-align: right; width: 160px; } #reviewComment textarea { background: #1d332d; border: none; font-size: 12px; height: 50px; line-height: 16px; margin: 0; padding: 8px; width: 255px; } #reviewComment input { background: #2e7561; border: none; color: #fff; cursor: pointer; float: right; margin: 5px 0 0; padding: 3px 8px 5px; width: 100px; } .section p { color: #ddd; font-size: 0.9167em; margin-bottom: 0; } .section p.more { display: inline; padding: 5px 0; text-align: right; } .section p.more a { color: #2e7763; font-family: Georgia; font-size: 1.123em; font-style: italic; height: auto; line-height: 1.25em; margin: 0; width: auto; } #rate #user-reviews li { float: none; margin-bottom: 10px; } #rate #user-reviews li .review { -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #222; padding: 10px; } #rate #user-reviews li .review .more { color: #2e7763; float: right; font-family: Georgia; font-style: italic; margin-bottom: 0; } #rate #user-reviews li .who { background: url(../img/bg-userreviewchat.jpg) top 228px no-repeat; padding-top: 5px; } #rate #user-reviews li .who p { color: #777; font-size: 0.75em; margin: 0; padding: 2px 40px 0 0; text-align: right; } #rate #user-reviews li .who .user { font-size: 1em; line-height: 1.123em; margin: 0; padding: 2px 40px 0 0; } #rate #user-reviews li .who .user a { color: #2e7763; font-size: 1em; height: auto; line-height: 1.123em; margin: 0; width: auto; } #additional.section { padding-bottom: 12px; } #additional.section h2 { border: none; color: #ddd; font-size: 16px; font-weight: 400; letter-spacing: 2px; margin: 0 0 10px; padding: 0; } #additional.section p { color: #777; } #additional.section p.more { margin: 0 0 -10px; padding: 0; } #additional.section p.more a { display: block; margin-bottom: -5px; padding: 10px 0 -10px; } #additional.section p a { color: #01cfb4 } #additional.section p a:hover { color: #00ffde; text-shadow: 0 0 5px rgba(1,207,180,0.5); } #additional.section ul { margin: -10px 0 20px 0; padding: 0; } #additional.section ul li { margin: 0; padding: 5px 0; border-bottom: 1px solid #333; } #additional.section ul li a { -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #161616 !important; color: #999; display: block; font-family: 'Lucida Grande', helvetica, arial, sans-serif; font-size: 1.0833em; font-style: normal; line-height: 1.25em; margin: 0 6px; overflow: hidden; padding: 7px 7px 7px 30px; text-overflow: ellipsis; } #additional.section ul li.link a { background: url(../v2-img/icons/icon-review-link.png) 7px 7px no-repeat; } #additional.section ul li.video a { background: url(../v2-img/icons/icon-review-video.png) 7px 7px no-repeat; } #additional.section ul li.video.youtube a { background: url(../v2-img/icons/icon-review-youtube.png) 7px 7px no-repeat; } #additional.section ul li.video.vimeo a { background: url(../v2-img/icons/icon-review-vimeo.gif) 7px 7px no-repeat; } #additional.section ul li a:hover { color: #333; background-color: #00ffde !important; -webkit-box-shadow: 0 0 5px rgba(1,207,180,0.5); -moz-box-shadow: 0 0 5px rgba(1,207,180,0.5); box-shadow: 0 0 5px rgba(1,207,180,0.5); } h2.sub { border: none; margin-top: 0; } .comments-section { margin-bottom: -10px; } .comments-section h2 { float: left; margin: 0; width: 400px; } .comments-section .sorting { float: right; margin: -37px 0 0 0; width: auto; } #comments { width: 630px; } #comments ul li { background: #292929; font-size: 0.85em; padding: 10px; position: relative; width: 605px; } #comments ul li .review-feeling { left: -23px; position: absolute; top: 12px; } #comments ul li .avatar { width: 35px; } #comments ul li .avatar img { -moz-border-radius: 3px; -webkit-border-radius: 3px; height: 35px; width: 35px; } #comments ul li .toggleReplyForm { position: absolute; right: 10px; top: 10px; } #comments ul li .comment { width: 550px; } #comments ul li .comment p { font-size: 1.15em; line-height: 1.35em; } #comments ul li .comment-reply-form { margin-left: 45px; padding-top: 15px; } #comments ul li .comment-reply-form .id_comment { border: none; font-size: 1.15em; height: 60px; line-height: 1.35em; margin: 0; max-width: none; min-width: 95%; width: 100%; } #comments ul li .rate-review p { color: #777; font-size: 1em; margin-bottom: 4px; padding-bottom: 0; } #comments ul li .rate-review p a { color: #01cfb4; } #comments ul li .rate-review p a:hover { color: #00ffde; text-shadow: 0 0 5px rgba(1,207,180,0.5); } #comments li.level-2 { margin-left: 55px; width: 550px; } #comments li.level-2 .comment { width: 490px; } #comments li.level-3 { margin-left: 110px; width: 495px; } #comments li.level-3 .comment { width: 430px; } #comments li.level-4 { margin-left: 150px; width: 430px; } #comments li.level-4 .comment { width: 365px; } #add-comment { padding: 10px; position: relative; width: 605px; } #add-comment h2 { border: none; margin-bottom: 7px; padding-bottom: 7px; } #add-comment p { color: #777; } #add-comment p a { color: #01cfb4 } #add-comment p a:hover { color: #00ffde; text-shadow: 0 0 5px rgba(1,207,180,0.5); } #add-comment #minireview { float: left; display: inline-block; } #add-comment #minireview li { margin-bottom: 10px; } #add-comment #id_comment { border: none; font-size: 1em; height: 50px; line-height: 1.35em; padding-right: 35px; width: 551px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; margin-bottom:0; } #add-comment #id_text { position: absolute; top: 0; left: 34px; border: none; font-size: 1em; height: 50px; line-height: 1.35em; margin: 0; width: 545px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } #add-comment .submit-post { float: right; width: 90px; height: 34px; background: url(../v2-img/sprite-comments.png) 0 0 no-repeat; font-size: 1.25em; color: #333; text-shadow: 0 1px 0 rgba(255,255,255,0.25); text-transform: uppercase; font-weight: bold; border: none; outline: none; } #add-comment .submit-post:hover { background: url(../v2-img/sprite-comments.png) 0 -34px no-repeat; } #relatedlink-content { } #relatedlink-content h2 { color: #e2f2f0; font-size: 1.75em; font-weight: 400; letter-spacing: 2px; margin-bottom: 10px; margin-right: 7px; } #relatedlink-content p { color: #d3eae5; } #relatedlink-content small { font-size: 0.8333em; font-style: italic; } #relatedlink-content input { border: none; background: url(../v2-img/sprite-addlink.png) 0 0 no-repeat; outline: none; width: 162px; color: #ddd; padding: 12px 7px 9px; margin: 0; } #relatedlink-content input:focus { background-position: 0 -35px; } #relatedlink-content input.submit { background-position: 0 -70px; height: 37px; color: #333; text-shadow: 0 1px 0 rgba(255,255,255,0.25); font-weight: bold; text-align: center; text-transform: uppercase; padding: 0; float: right; width: 90px; font-size: 1.0833em; cursor: pointer; } #relatedlink-content input.submit:hover { background-position: 0 -106px; } .submitted .left,#bar img { float: left; } .submitted .right,#rate #user-reviews li .who img { float: right; } .description #long, #comments ul li .bubble, #add-comment dt { display: none; } #options li a#action-added, #options li a#action-displaycase-add { background-image: url(../v2-img/sprites-greenicons.gif); background-position: 0 -38px; background-repeat: no-repeat; } #options li a#action-added.remove, #options li a#action-displaycase-remove { background-image: url(../v2-img/sprites-greenicons.gif); background-position: 0 -111px; background-repeat: no-repeat; } #rate #user-reviews li .review p, #add-comment #minireview li.last { margin-bottom: 5px; } #add-comment dl,#add-comment dd { margin: 0; padding: 0; width: 100%; } .jScrollPaneContainer { overflow: hidden; position: relative; z-index: 1; } .jScrollPaneTrack { background: #aaa; bottom: 0; cursor: pointer; left: 0; position: absolute; width: 100%; } .jScrollIntervalTrack { position: absolute; } .jScrollPaneDrag { background: #666; cursor: pointer; overflow: hidden; position: absolute; } .jScrollPaneDragLeft { bottom: 0; left: 0; overflow: hidden; position: absolute; } .jScrollPaneDragRight { bottom: 0; overflow: hidden; position: absolute; right: 0; } a.jScrollArrowLeft { bottom: 0; display: block; height: 9px; left: 0; overflow: hidden; position: absolute; text-indent: -2000px !important; width: 10px; z-index: 1; } a.jScrollArrowRight { bottom: 0; display: block; height: 9px; overflow: hidden; position: absolute; right: 0; text-indent: -2000px !important; width: 10px; z-index: 1; }