112 строки
36 KiB
HTML
112 строки
36 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="{{ LANG }}" dir="{{ DIR }}">
|
|
<head>
|
|
{% block site_css %}
|
|
<style>
|
|
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}.js-hidden{display:none}i{font-style:italic;color:#838382}.item details .vitals:after,header:after,header nav:after,section:after,.menu:after,.grouped_ratings:after,.persona-confirm:after,.persona-slider .confirm-buttons:after{content:".";display:block;clear:both;height:0;visibility:hidden}.locked #page{display:none}.moz-menu .tab{background:#33589f}footer:before,.tabs{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAABCAYAAAASC7TOAAAAEElEQVQIHWP8//8/Aw7wHwBR6AP+G53o6QAAAABJRU5ErkJggg==),-moz-linear-gradient(#fff, #dcedfd);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAABCAYAAAASC7TOAAAAEElEQVQIHWP8//8/Aw7wHwBR6AP+G53o6QAAAABJRU5ErkJggg==),-webkit-gradient(linear,left top,left bottom,from(#fff),to( #dcedfd))}#page{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAABCAYAAAASC7TOAAAAEElEQVQIHWP8//8/Aw7wHwBR6AP+G53o6QAAAABJRU5ErkJggg==),-moz-linear-gradient( #dcedfd 0,#fff 200px);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAABCAYAAAASC7TOAAAAEElEQVQIHWP8//8/Aw7wHwBR6AP+G53o6QAAAABJRU5ErkJggg==),-webkit-gradient(linear,left top,left 200,from( #dcedfd),to(#fff));margin-bottom:30px;min-height:430px}#sort-menu .label span:after,.moz-menu .tab a:after,.menu a.expando:after{content:"\00a0";display:block;position:absolute;right:8px;width:0;height:0;-moz-transition:.3s -moz-transform ease;-webkit-transition:.3s -webkit-transform ease;-moz-transform-origin:50% 25%;-webkit-transform-origin:50% 25%;top:16px;border:5px solid transparent;border-top-color:#000;pointer-events:none}html,body{height:100%}table{width:100%}table tr{border:1px solid #ddd}table th,table td{padding:4px 8px 4px 4px;vertical-align:top}.html-rtl table th,.html-rtl table td{padding:4px 4px 4px 8px}table th{background:#f4f4f4;color:#666;text-align:right;font-weight:700;width:50%}.html-rtl table th{text-align:left}#content{width:100%;overflow:hidden;position:relative;padding:8px 0 16px}.paginator{display:-moz-box;display:-webkit-box;text-align:center;color:#ccc;font-size:1.1em;width:100%;height:40px}.paginator .page{color:#666;margin:0 2%;-moz-box-flex:1;-webkit-box-flex:1}.paginator a{padding:14px}.paginator .next a:after{content:' \00bb'}.paginator .prev a:before{content:' \00ab'}#sort-menu{-moz-box-align:center;padding:0 14px}#sort-menu ul{height:0;position:relative;top:-1px;overflow:hidden;-moz-transition:.5s height ease;-webkit-transition:.5s height ease;border:0 solid transparent;border-width:1px 0}#sort-menu.expand ul{border-color:#a9badb;height:254px;margin:0 -14px}.purchases #sort-menu.expand ul{height:100px}#sort-menu li{border-top:1px solid #dde4ef}#sort-menu li a{display:block;height:26px;line-height:26px;padding:12px 14px}#sort-menu li:first-child{border-top:0}#sort-menu .label{color:#888}#sort-menu .label span{position:relative;display:inline-block;z-index:10;background:transparent;color:#447bc4;text-align:center;white-space:nowrap;border:1px solid transparent;border-width:1px 1px 0 1px;border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;-webkit-border-radius:6px 6px 0 0;margin-left:4px;padding:11px 22px 11px 6px;-moz-transition:.3s background ease}#sort-menu.expand .label span{background:#fff;border-color:#a9badb;border-bottom:1px solid white;box-shadow:0 -1px 1px #dde4ef}#sort-menu .label span:after{top:16px;border:5px solid transparent;border-top-color:#447BC4}#sort-menu.expand .label span:after{-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg)}.tabs{border-bottom:1px solid #a2bbdc;height:41px;font:16px Georgia,serif;padding:14px 14px 0;box-shadow:0 -1px 1px rgba(0,0,0,.1) inset}.tabs ul{display:-webkit-box;display:-moz-box;margin:0;width:100%;z-index:1}.tabs ul li{-moz-box-flex:1;-webkit-box-flex:1;border:0;-webkit-transition:.3s background ease;-moz-transition:.3s background ease}.tabs a:-moz-focusring{outline:0;border:0}.tabs ul li a{display:block;white-space:nowrap;text-align:center;color:#447bc4;padding:11px 8px 11px 6px}.tabs ul li.selected{background:#fff;box-shadow:0 -1px 1px rgba(0,0,0,.1);border:1px solid #a2bbdc;border-width:1px 1px 0 1px;border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;-webkit-border-radius:6px 6px 0 0}.tabs ul li.selected a{color:#444;padding:11px 8px 11px 6px}.tab-pane{display:none}.tab-pane.selected{display:block}.slider{white-space:nowrap;position:relative;left:0;-moz-transition-duration:.3s;-moz-transition-property:left,right;-webkit-transition-duration:.3s;-webkit-transition-property:left,right}.html-rtl .slider{left:auto;right:0}.slider-mask{width:100%;overflow:hidden}.slider .tab-pane{vertical-align:top;width:100%;display:inline-block}#lightbox{background:rgba(0,0,0,.9);position:absolute;width:100%;height:101%;display:none;z-index:9000;color:#fff;text-align:center;opacity:0;overflow:hidden;pointer-events:none;-moz-transition:.5s opacity ease;-webkit-transition:.5s opacity ease}#lightbox .close{display:block;position:absolute;z-index:100;font-family:sans-serif;color:#fff;top:14px;right:14px;line-height:12px;text-align:center;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;width:12px;height:12px;padding:12px;border:1px solid white}#lightbox.show{pointer-events:auto;opacity:1}#lightbox section{position:relative;width:100%;height:100%}#lightbox .content{height:70%;display:block;position:relative;text-align:center}#lightbox .controls{height:25%;min-height:100px;position:relative;padding:5% 40px 0}#lightbox .control.prev,#lightbox .control.next{color:#fff;left:0;-moz-transition:.3s opacity ease}.html-rtl #lightbox .control.prev{left:auto;right:0}#lightbox .control.next{left:auto;right:0}.html-rtl #lightbox .control.next{right:auto;left:0}#lightbox .control.disabled{opacity:0}#lightbox .caption{font-size:18px}#lightbox img{max-width:95%;max-height:100%;-moz-transition:.5s opacity ease;-webkit-transition:.5s opacity ease;opacity:0;position:absolute}td .versions li a{display:block;margin:0 0 8px}td .versions li:last-child a{margin:0}.author,.author a{font-family:"Droid Sans",Helvetica,Arial,sans-serif;color:#888;font-size:12px;line-height:12px}.personas-grid h2{border-bottom:#ccc 1px solid}#persona-lists{padding-bottom:104px}#persona-header{margin:0 14px}#persona-header hgroup{padding-left:0}#persona-header h2{margin:0}#persona-header h3{color:#444;font-size:18px;margin-bottom:14px}#persona-header h2{font-style:normal;text-transform:uppercase}#persona h3,#persona .author{display:inline-block;font-size:14px}#persona h3{color:#444;font-family:"Droid Sans",Helvetica,sans-serif;font-weight:700}#persona .author,#persona .persona-large{margin-bottom:8px}#persona .badges{margin-top:0}#persona .badges li{margin:8px 0 0}ul.license{position:relative;top:3px}ul.license li{display:block;float:left;list-style:none;margin-right:2px}.html-rtl ul.license li{float:right;margin:0 0 0 2px}ul.license li.text{font-size:90%;line-height:15px;margin-left:4px}.html-rtl ul.license li.text{margin:0 4px 0 0}ul.license li.icon{background:url(/media/img/zamboni/licenses.png?fa83f55) no-repeat top left;height:15px;width:15px}ul.license li.cc-attrib{background-position:0 0}ul.license li.cc-noderiv{background-position:0 -65px}ul.license li.cc-noncom{background-position:0 -130px}ul.license li.cc-share{background-position:0 -195px}ul.license li.copyr{background-position:0 -260px}.persona-preview [data-browsertheme]{display:block;position:relative}.persona-large [data-browsertheme],.persona-large p{border-radius:6px}#listing-featured .persona-previewer:last-child .persona-slider{border-radius:0 0 6px 6px}.persona-large{max-width:680px}.persona-large [data-browsertheme]{background:transparent no-repeat right top;border-bottom:1px solid rgba(0,0,0,.4);display:table;height:64px;width:100%}.persona-large p{background-image:url(/media/img/zamboni/mobile/loading-white.png?2816057);background-repeat:no-repeat;background-position:50% 50%;-moz-background-size:auto 32px;-wekbkit-background-size:auto 32px;background-size:auto 32px;color:#fff;display:none;font:18px Georgia,serif;pointer-events:none;text-align:center;text-shadow:0 1px 0 rgba(0,0,0,.5);vertical-align:middle}.persona-hover [data-browsertheme] p{background-color:rgba(0,0,0,.4);display:table-cell}.persona-previewing p,.persona-installed p{background:0}#persona .confirm-buttons,.persona-slider .badges{display:none}.persona-previewer .confirm-buttons .add{float:left;width:-moz-calc(50% - 63px)}.persona-previewer .confirm-buttons .cancel{float:right;width:-moz-calc(50% - 39px)}.persona-previewer .persona-installed p:before{background:url(/media/img/zamboni/mobile/checkmark.png?521c6c8) no-repeat top left;content:" ";display:inline-block;margin:0 3px -3px 0;position:relative;top:3px;height:25px;width:25px}li.persona-previewer{padding:10px}.persona-slider{background-color:#ccc;height:0;overflow:hidden;padding:0 10px;position:relative;top:11px;left:-10px;width:100%;-moz-transition:.5s height ease;-webkit-transition:.5s height ease}.persona-slider.expand{border-top:1px solid #999}.persona-slider .more{clear:both;color:#447bc4;display:block;font-weight:700;line-height:1;padding-top:10px;text-align:center}.persona-slider .confirm-buttons{margin-top:10px}.version h3{font-size:20px;color:#000}.version time{display:block;font-family:"Droid Sans",Helvetica,Arial,sans-serif;margin:10px 0}.version blockquote{color:#666;font-family:Georgia,serif;overflow:hidden}.version .meta{font-style:italic;color:#666}.version .meta h4{margin-top:12px;font-family:"Droid Sans",Helvetica,Arial,sans-serif;font-weight:700;color:#666}.message{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;margin:14px;padding:14px}.message h3{font-family:"Droid Sans",Helvetica,sans-serif;font-weight:700;margin-bottom:14px}.message.warning{background:#fff0a6}.apps-error-msg{display:none;padding:1em 0}#content .apps-error-msg h2{font-style:normal}#content .apps-error-msg p{margin-bottom:1em;margin-left:1em}.install-wrapper{margin:10px 0 4px;padding-top:8px;text-align:center;font-weight:700}.infobox .install-wrapper,#persona .persona-confirm{border-top:2px solid #fff;box-shadow:0 -1px #ccc}#persona .persona-confirm{padding-top:8px}.persona-confirm .install-wrapper{margin:0;padding-top:0}#persona .persona-confirm .install-wrapper{border-top-width:0;box-shadow:none}button{cursor:pointer;margin:0}button,.button,a.button{-moz-transition:-moz-box-shadow .3s ease 0s;background-color:#669BE1;border:0;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;box-shadow:0 3px rgba(0,0,0,.1),0 -4px rgba(0,0,0,.1) inset;-moz-box-shadow:0 3px rgba(0,0,0,.1),0 -4px rgba(0,0,0,.1) inset;-webkit-box-shadow:0 3px rgba(0,0,0,.1),0 -4px rgba(0,0,0,.1) inset;color:#fff;font:bold 20px/1 "Trebuchet MS",sans-serif;padding:12px 16px 14px;position:relative;text-align:center;display:block;text-decoration:none}a.button:link{color:#fff}button:active,.button:active,.button.selected{top:2px;-moz-box-shadow:0 1px rgba(0,0,0,.1),0 -4px rgba(0,0,0,.1) inset,0 0 100px rgba(255,255,255,.2) inset}.button.small{font-size:13px;font-weight:400;padding:6px 12px;padding-bottom:9px;-moz-box-shadow:0 2px rgba(0,0,0,.1),0 -3px rgba(0,0,0,.1) inset}.button.small:hover,.button.small:focus,.button.small:active,.button.small.selected{-moz-box-shadow:0 2px rgba(0,0,0,.1),0 -3px rgba(0,0,0,.1) inset,0 0 100px rgba(255,255,255,.2) inset}.button.small:active,.button.small.selected{top:2px;-moz-box-shadow:0 0 rgba(0,0,0,.1),0 -3px rgba(0,0,0,.1) inset,0 0 100px rgba(255,255,255,.2) inset}.button.preview,.button.affirmative,.button.add{background-color:#84C63C;color:#fff}.button.premium{background:#da6}.button.negative{background-color:#84C63C;color:#fff}.button.cancel{background-color:#b25951}.button.add{padding-left:40px}.button.add:before{content:" ";display:block;width:24px;height:24px;position:absolute;left:14px;top:10px;background:url(/media/img/zamboni/mobile/install.svg?ad1ef3d) no-repeat top left}.button.warning{background-attachment:scroll,scroll;background-clip:border-box,border-box;background-color:transparent;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGlJREFUeNqc0cEJACEMRFFNARaw/RexFe1dG3AjCBJJYDL/kNtjDqn9lRLUnlrixjd5qVdo6WNQOhiXN05Jg7PyYEJuzMmFaRn+GZG6KrQMlxHpY1A6GJc3TkmDs/JgQm7MyYVpqf0CDABVcj3T2ITzOAAAAABJRU5ErkJggg==);background-origin:padding-box,padding-box;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto auto,auto auto;text-shadow:0 -1px 0 rgba(255,255,255,.5);top:0}.button.warning,.button.warning:link{color:#333}.button.add.warning:before{background:url(/media/img/zamboni/mobile/install.svg?ad1ef3d) no-repeat 0 -50px}.button.disabled,.button.waiting{background-color:#d1d4d7;color:#fff;-moz-box-shadow:0 3px rgba(0,0,0,.05),0 -4px rgba(0,0,0,.05) inset;top:0}.button.add.disabled:before{background:url(/media/img/zamboni/mobile/install.svg?ad1ef3d) no-repeat top left}.badges{margin-top:8px}.badges a,.badges li{display:block;color:#000}#content .badges li{border:1px solid #ddd;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;margin-bottom:8px;font-size:12px;line-height:20px;height:20px;background:#fff}#content .badges .error{background-color:#edd4d2;border-color:#ac9a98}#content .badges .warning{background-color:#fef9d7;border-color:#bebaa1}#content .badges .warning span{cursor:pointer}.install .privacy-policy{display:block;margin-top:12px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;height:27px;font-size:.9em;color:#000;line-height:25px;border:1px solid #ccc;background-color:#e6e6e6}.badges li span{color:#447bc4}.lite-msg{display:none;font-size:.9em}#eula{display:block;position:absolute;top:0;left:0;width:100%;min-height:100%;background:#333;display:none}#eula-content{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;margin:14px;padding:14px 0 70px 0;background:#fff}#eula-text{padding:0 14px;font-family:Georgia,serif;line-height:1.2em}#eula-body{margin-top:14px;color:#666}#eula-body ul{list-style:disc outside none;margin-left:20px}#eula-body ol{list-style:decimal outside none;margin-left:20px}#eula-menu{position:fixed;bottom:-1px;left:14px;width:-moz-calc(100% - 28px);background:#fff}#eula:after{position:absolute;content:"";bottom:0;height:20px;width:-moz-calc(100% - 28px);z-index:1000;border-width:14px;border-style:solid;pointer-events:none;border-color:transparent #333 #333;-moz-border-radius:14px;-webkit-border-radius:14px;border-radius:14px}#eula-menu div{margin-bottom:14px;overflow:hidden;position:relative;background:#fff;-moz-border-radius:0 0 6px 6px;-webkit-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px}#eula-menu .button{margin:8px;display:block;float:left;width:-moz-calc(50% - 48px)}.stars{text-indent:-5000px;background-image:url(/media/img/icons/stars.png?29bed4f);background-position:0 50%;background-repeat:no-repeat;width:63px;display:block}.reviews .stars{float:left}.html-rtl .stars{float:right}.stars-4{background-position:-13px 50%}.stars-3{background-position:-26px 50%}.stars-2{background-position:-39px 50%}.stars-1{background-position:-52px 50%}.stars-0{background-position:-65px 50%}.grouped_ratings{margin:16px 0}.grouped_ratings .stars-4{background-position:13px 50%}.grouped_ratings .stars-3{background-position:26px 50%}.grouped_ratings .stars-2{background-position:39px 50%}.grouped_ratings .stars-1{background-position:52px 50%}.grouped_ratings .stars-0{background-position:65px 50%}.grouped_ratings li{height:12px;margin-bottom:8px;clear:both}.grouped_ratings .rating_bar{float:left;height:12px;margin-top:4px;background:#eee;position:relative;overflow:visible;width:120px}.num_ratings{color:#888;width:1px;position:absolute;right:-6px;top:0;line-height:1em;font-size:.9em}.grouped_ratings .rating_bar span.bar{display:block;height:100%;background:#888;height:12px}.review p{max-height:6.2em;overflow:hidden}.html-rtl .grouped_ratings .rating_bar{border-left:0;float:right}.html-rtl .grouped_ratings .rating_bar span.bar{float:right}.html-rtl .grouped_ratings .rating_bar span.num_ratings{right:auto;left:-4px}.review .old-version{font-size:.8em;font-style:italic;line-height:1em;color:#888;margin-top:4px}.review{margin-bottom:1.5em}.carousel .control,#lightbox .control{display:block;position:absolute;top:0;opacity:.9;width:45px;height:95%;line-height:100px;font-size:48px;text-align:center;color:#447BC4;text-shadow:0 0 5px #fff;-moz-transition:.2s color ease;-webkit-transition:.2s color ease}.carousel .control.disabled{color:#ccc}.carousel .control.prev,.html-rtl .carousel .control.next{background-image:-moz-linear-gradient(left,#fff 20%,rgba(255,255,255,0));right:auto;left:0}.carousel .control.next,.html-rtl .carousel .control.prev{background-image:-moz-linear-gradient(left,rgba(255,255,255,0),#fff 80%);left:auto;right:0}#screenshots,.carousel{position:relative;padding:14px 40px;overflow:hidden;background-color:#fff;border-bottom:2px solid #dcedfd;margin-bottom:20px}#screenshots .carousel{border:0;overflow:visible;padding:0;position:static}.carousel ul{height:78px;white-space:nowrap;position:relative;left:0;-moz-transition-duration:.5s;-moz-transition-property:left,right;-webkit-transition-duration:.5s;-webkit-transition-property:left,right}.carousel li{display:inline-block;width:50%;text-align:center}.carousel li img{border:1px solid #afbed0;max-height:75px;max-width:100px;border-radius:6px;-moz-box-shadow:0 0 4px rgba(0,0,0,.2);-webkit-box-shadow:0 0 4px rgba(0,0,0,.2)}.browserid-divider{text-align:center;margin:2em 1em 0;border-bottom:1px dashed #ccc}.browserid-divider span{background-color:#FFF;font-style:italic;padding:0 15px;position:relative;top:.4em}#browserid{margin-bottom:2em;text-align:center}#browserid .button{margin:auto;display:inline-block}a.expando:-moz-focusring{border:0;outline:0}a.expando{color:#447BC4}.menu a.expando{position:relative;display:block;padding:10px 20px;float:right;color:#447BC4}.html-rtl .menu a.expando{float:left}.menu a.expando:after{border-top-color:#447BC4;top:15px}.menu a.expando.expand:after{-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg)}.expando-managed{overflow:hidden;height:0;-moz-transition:.5s height ease;-webkit-transition:.5s height ease}.readmore{padding:10px 20px;color:#447BC4;text-align:right;display:none}body{font-family:Georgia,serif}a:link{color:#447bc4;text-decoration:none}.num_ratings,.review .old-version,.install-wrapper,table,table a:link{font-family:"Helvetica Neue",Arial,sans-serif}#full h1,#content h2,#eula h2{font-style:italic;margin:0 14px 14px;font-size:1.4em}#persona-header h2{margin: 0 0 14px}#content #full{line-height:1.3}#content #full h1{margin:0}#content #full p{margin:1em 0 0}#content #full>p{margin:1em}#content h3{font-size:1.2em;padding-bottom:2px}#full p,.copy p{color:#666}p strong{font-weight:700}#content details,#content p,#content .copy,#content .menu{margin:0 14px}.copy{line-height:1.2em}#full h1,#content h2{padding-bottom:4px;border-bottom:1px solid #ccc;box-shadow:0 1px #fff}#content .error h2{border:0;box-shadow:none;padding:0}.htruncate{white-space:nowrap;overflow:hidden}.req,.errorlist,.error{color:#c00000}.form-mobile,#full form{padding:1em}.form-mobile.form-mobile label,#full form.form-mobile label,.form-mobile.form-mobile .errorlist,#full form.form-mobile .errorlist{font-family:"Helvetica Neue",Arial,sans-serif}.form-mobile label,#full form label{color:#666;display:block;padding-bottom:6px}.form-mobile label.check,#full form label.check{margin-bottom:1em}.form-mobile .errorlist,#full form .errorlist{font-weight:700;margin:0 0 1em}.form-mobile .errorlist+p input,#full form .errorlist+p input,.form-mobile .errorlist+p textarea,#full form .errorlist+p textarea{border-color:red;background-color:#FFEBEB}.form-mobile input[type=checkbox],#full form input[type=checkbox]{margin-bottom:.5em}.form-mobile input[type=text],#full form input[type=text],.form-mobile input[type=password],#full form input[type=password],.form-mobile select,#full form select,.form-mobile textarea,#full form textarea{margin-bottom:1em;font-size:1.3em}.form-mobile input[type=text]+.errorlist,#full form input[type=text]+.errorlist,.form-mobile input[type=password]+.errorlist,#full form input[type=password]+.errorlist,.form-mobile select+.errorlist,#full form select+.errorlist,.form-mobile textarea+.errorlist,#full form textarea+.errorlist{margin-top:-.5em}.form-mobile textarea,#full form textarea,.form-mobile input[type=text],#full form input[type=text],.form-mobile input[type=password],#full form input[type=password]{border:1px solid #ccc;padding:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%}.form-mobile .stars,#full form .stars{background-image:url(/media/img/icons/stars-big.png?19d1207)}.form-mobile .stars label,#full form .stars label{height:40px}.form-mobile .stars-0,#full form .stars-0{background-position:-195px 50%}.form-mobile .stars-1,#full form .stars-1{background-position:-156px 50%}.form-mobile .stars-2,#full form .stars-2{background-position:-117px 50%}.form-mobile .stars-3,#full form .stars-3{background-position:-78px 50%}.form-mobile .stars-4,#full form .stars-4{background-position:-39px 50%}.form-mobile .stars-5,#full form .stars-5{background-position:0 50%}.form-mobile .ratingwidget,#full form .ratingwidget{display:block;float:none;width:195px;margin-bottom:1em;height:40px}.form-mobile .ratingwidget input,#full form .ratingwidget input{display:none}.form-mobile .ratingwidget label,#full form .ratingwidget label{text-indent:-5000px;display:block;float:left;width:39px}#content .notification-box{padding:1em;margin:1em;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}#content .notification-box h2{margin:0}#content .notification-box.error{background-color:#FFD5D5}.browserid-login.loading-submit:after{background-image:url(/media/img/zamboni/loading-white.gif?005dbc7);content:"";display:block;height:16px;margin-left:10px;position:absolute;right:-32px;top:12px;width:16px}#home-header,.mini-header{margin:0 14px}.moz-menu{-moz-transition:.5s top ease;-webkit-transition:.5s top ease;transition:.5s top ease;position:relative;top:0;z-index:100}.moz-menu .tab{-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;box-shadow:0 -3px rgba(0,0,0,.2) inset;-moz-box-shadow:0 -3px rgba(0,0,0,.2) inset;-webkit-box-shadow:0 -3px rgba(0,0,0,.2) inset}.moz-menu .tab a{background:url(/media/img/zamboni/global/wordmark.png?71db942) no-repeat 8px 6px;display:block;height:30px;line-height:22px;text-align:right;color:#fff;font-style:italic;padding:8px 25px}.moz-menu .tab a:after{top:18px;border:6px solid transparent;border-top-color:#fff}.mini-header .moz-menu .tab{width:104px;float:right;overflow:hidden;position:relative}.mini-header .moz-menu .tab a{text-indent:-9999px;text-align:left}.html-rtl .mini-header .moz-menu .tab{float:left}.html-rtl .mini-header .moz-menu .tab a{text-indent:9999px}.moz-menu .menu-items{position:absolute;width:100%;left:-14px;right:-14px;bottom:46px}.moz-menu .menu-items li{border-bottom:1px solid #294976;border-top:1px solid #537ab4;background-color:#3a67af;height:50px;width:100%;padding:0 14px}.moz-menu .menu-items a{font:bold 17px/26px "Trebuchet MS",sans-serif;color:#fff;display:block;height:26px;padding:12px 0;text-transform:uppercase}.mini-header .moz-menu .menu-items{bottom:0}.moz-menu.expand{top:312px}.moz-menu.expand .tab a:after{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}header hgroup{margin:8px 0;position:relative;padding-left:80px}.html-rtl header hgroup{padding-left:0;padding-right:80px}.html-rtl .mini-header hgroup{padding-right:0}header nav ul{float:left;padding:14px 0}header nav ul li{float:left;line-height:14px}header nav ul a{color:#447bc4;display:block}header nav #auth-nav{float:right}.html-rtl header nav ul,.html-rtl header nav li{float:right}.html-rtl header nav #auth-nav{float:left}header #auth-nav li{border-left:1px solid #ccc;margin-left:7px;padding-left:7px}header #auth-nav li.user{font-weight:700}.html-ltr header #auth-nav li:first-child,.html-rtl header #auth-nav li:last-child{border-left:0;margin-left:0;padding-left:0}.mini-header .site-title{padding:4px 80px 0 0}.mini-header .site-title a{font-size:28px;line-height:50px}.html-rtl .mini-header .site-title{padding:4px 0 0 120px}#home-header hgroup{min-height:75px;margin-bottom:8px}#home-header h1{padding-top:4px}#home-header h2{margin:4px 0;color:#666}#home-header .site-title img{position:absolute;left:0;top:0}.mini-header hgroup{margin-top:0;padding:2px 0 0}.html-rtl #home-header .site-title img{left:auto;right:0}.site-title a{color:#000;font:36px/32px Georgia,serif;text-decoration:none;text-transform:uppercase}.site-title span{display:block}.mini-header .site-title img{float:left;height:50px;margin-right:6px}.html-rtl .mini-header .site-title img{float:right;margin:0 0 0 6px}#home-header #search{margin:0}#learnmore-msg{-webkit-border-radius:1em;-moz-border-radius:1em;border-radius:1em;box-shadow:0 0 3px #000;-moz-box-shadow:0 0 3px #000;-webkit-box-shadow:0 0 3px #000;-moz-transition:.3s opacity ease;-webkit-transition:.3s opacity ease;transition:.3s opacity ease;background:#444;color:#fff;font:14px/1.3 "Helvetica Neue",Arial,sans-serif;margin:12px 14px 0;max-width:260px;opacity:0;padding:14px;pointer-events:none;position:absolute;left:0;z-index:100}#learnmore-msg.show{opacity:1;pointer-events:auto}#learnmore-msg:after{content:"\00a0";display:block;position:absolute;z-index:100;top:-28px;left:94px;width:0;height:0;border:15px solid transparent;border-bottom-color:#444;pointer-events:none}#learnmore{color:#447bc4;padding:4px 0}.get-fx-message{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;border:1px solid #e3873b;background:#fcefb7 url(/media/img/zamboni/icons/alert-32x32.png?ee16f6d) 11px center no-repeat;clear:both;display:none;font-size:105%;margin-top:12px;line-height:1.1em;padding:12px 12px 10px 56px}#search{position:relative;margin-bottom:14px;width:100%}#search input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:url(/media/img/zamboni/mobile/search.svg?6f451df) no-repeat 10px center #fff;border:1px solid #ddd;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;display:block;font-size:18px;margin-right:8px;padding:10px 10px 10px 40px;width:94%;width:-moz-calc(100% - 68px);width:-webkit-calc(100% - 68px);width:-o-calc(100% - 68px);width:calc(100% - 68px)}#search button{box-shadow:0 -3px rgba(0,0,0,.1) inset;-moz-box-shadow:0 -3px rgba(0,0,0,.1) inset;-webkit-box-shadow:0 -3px rgba(0,0,0,.1) inset;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background-color:#83c53c;display:block;font-size:18px;padding:8px 0;position:absolute;top:0;right:0;width:56px}.html-rtl #search input[type=search]{background-position:99% 50%;margin:0 0 0 8px;padding:10px 40px 10px 10px}.html-rtl #search button{-webkit-transform:scaleX(-1);-moz-transform:scaleX(-1);-ms-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1);right:auto;left:0}.noInlineSVG #search button{background:#83c53c url(/media/img/zamboni/mobile/arrow.png?1ae5de1) center no-repeat}#content.search .item .install-wrapper{clear:both;margin:0 10px;padding:0}#content.search .item .badges{margin:0}#content.search .item .buttons,#content.search .item .privacy-policy{display:none}.no-results{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;border:1px solid #ddd;background-color:#f4f4f4;color:#999;font:bold 18px Georgia,serif;text-align:center;margin:14px 14px 1em;padding:14px}.listview,.infobox{margin:14px 14px 1em;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;border:1px solid #ddd;background-color:#f4f4f4;display:block}.infobox{padding:10px}.listview>li{border-top:1px solid #ccc;font-size:1em;white-space:normal}.listview>li:first-child{border:0}.listview>li,a.listview{position:relative}.listview>li>a,.listview>li>.info>a,a.listview{color:#444;font-family:Georgia,serif;font-size:1.1em;display:block;overflow:hidden;text-decoration:none;padding:10px}.html-rtl .listview>li>a,.html-rtl .listview>li>.info>a,.html-rtl a.listview{padding-left:34px}.listview .item>a,.listview>li>.info>a,.listview div.item{padding:10px;font-size:1em}.listview li.item>a,.listview>li>.info>a{padding:10px 10px 0}.listview>li>a:before,.listview>li>.info>a:before,a.listview:before{content:" ";display:block;width:10px;height:100%;position:absolute;right:10px;top:0;background:url(/media/img/zamboni/mobile/arrow.svg?8638b4c) no-repeat center 12px}.html-rtl .listview>li>a:before,.html-rtl .listview>li>.info>a:before,.html-rtl a.listview:before{right:auto;left:10px;-moz-transform:scalex(-1)}.icon{float:left;margin-right:8px}.html-rtl .icon{float:right;margin-left:8px;margin-right:0}li.item{line-height:1.3em;overflow:hidden;padding-left:42px}li.item .icon{float:none;margin:0;position:absolute;left:10px}li.item h3{font-size:1.1em}li.item .desc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#666;display:block}li.item details{font-size:.9em;margin:0 0 7px!important;padding:0 10px}li.item .vital{color:#093;padding-left:.5em}li.item .vital:before{color:#aaa;content:"\B7";padding-right:.25em}li.item .vital:first-child{padding:0}li.item .vital:first-child:before{display:none}li.item .vital.premium{color:#d16b00}li.item .stars,li.item i,li.item .vital{display:block;float:left}li.item .info,li.item .action{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}li.item .info{float:left;width:80%}li.item .action{float:right;padding:14px 34px 14px 14px;text-align:right;width:20%}li.item .action,li.item .contributions{color:#999;font-size:13px;line-height:15px}li.item.refunded{opacity:.6}li.item .contributions{clear:both;margin-top:.5em}li.item .contributions .supportable:after{content:'\00B7';padding:0 .25em}.html-rtl li.item{padding:0 42px 0 0}.html-rtl li.item .icon{left:auto;right:10px}.html-rtl li.item .stars,.html-rtl li.item i,.html-rtl li.item .vital{float:right}.html-rtl li.item .vital{padding:0 .5em 0 0}.html-rtl li.item .vital:first-child{padding:0}.html-rtl li.item .price:before{padding:0 0 0 .25em}.html-rtl li.item .info{float:right}.html-rtl li.item .action{float:left;margin:0;padding:14px 14px 14px 34px;text-align:left}footer{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;box-shadow:0 2px rgba(0,0,0,.1) inset;-moz-box-shadow:0 2px rgba(0,0,0,.1) inset;-webkit-box-shadow:0 2px rgba(0,0,0,.1) inset;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAABCAYAAAASC7TOAAAAFElEQVQIHWO0DZ3xnwELYOXgYwAAOHwCRjqu6SgAAAAASUVORK5CYII=);color:#fff;font:1em "Helvetica Neue",Arial,sans-serif;padding:14px;position:relative;z-index:-1}footer:before{box-shadow:0 -2px rgba(0,0,0,.1) inset;-moz-box-shadow:0 -2px rgba(0,0,0,.1) inset;-webkit-box-shadow:0 -2px rgba(0,0,0,.1) inset;content:"";display:block;height:30px;position:absolute;top:-30px;left:0;width:100%}footer.sticky{position:absolute;bottom:0;z-index:1;width:100%}footer select{display:block;height:30px;margin-top:4px;padding-top:4px;width:100%}footer a.desktop-link{background:#5f92ce;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;color:#fff;display:block;font-family:"Helvetica Neue",Arial,sans-serif;font-size:150%;font-weight:700;line-height:2;margin:1em 0;text-align:center;text-transform:uppercase}#footer-links,#footer-links a{color:#5f92ce;font-size:14px;padding:4px;text-align:center}
|
|
</style>
|
|
{% endblock %}
|
|
<script></script>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, user-scalable=no, maximum-scale=1">
|
|
<title>{% block title %}{{ _('Mozilla Add-ons') }}{% endblock %}</title>
|
|
|
|
<link rel="shortcut icon" type="image/x-icon"
|
|
href="{{ media('img/favicon.ico') }}">
|
|
|
|
{% block rss_feed %}{% endblock %}
|
|
|
|
{# L10n: {0} is an application, like Firefox. #}
|
|
<link title="{{ _('{0} Add-ons')|f(APP.pretty) }}"
|
|
rel="search" type="application/opensearchdescription+xml"
|
|
href="{{ url('amo.opensearch') }}" />
|
|
|
|
{% include "mobile/head_debug.html" %}
|
|
|
|
{% block extrahead %}{% endblock %}
|
|
</head>
|
|
<body class="html-{{ DIR }} {{ request.APP.short }} lang-{{ LANG }} {% block bodyclass %}{% endblock %}"
|
|
data-app="{{ request.APP.short }}"
|
|
data-appname="{{ request.APP.pretty }}"
|
|
data-appid="{{ request.APP.id }}"
|
|
data-min-beta-version="{{ settings.MIN_BETA_VERSION }}"
|
|
data-anonymous="{{ (not request.user.is_authenticated())|json }}"
|
|
data-readonly="{{ settings.READ_ONLY|json }}"
|
|
data-media-url="{{ MEDIA_URL }}"
|
|
{% if waffle.switch('marketplace') and request.amo_user %}
|
|
data-purchases="{{ request.amo_user.purchase_ids()|join(',') }}"
|
|
{% endif %}
|
|
{% if request.ALLOWS_PJAX %}
|
|
data-use-pjax="1"
|
|
data-pjax-container="{{ settings.PJAX_SELECTOR }}"
|
|
{% endif %}
|
|
{% block bodyattrs %}{% endblock %}>
|
|
|
|
<div id="page">
|
|
{% block header %}
|
|
<header class="mini-header">
|
|
<hgroup>
|
|
<h1 class="site-title">
|
|
{% set appicon = 'firefox' if request.APP in (amo.MOBILE, amo.ANDROID) else request.APP.short %}
|
|
<a href="{{ url('home') }}">
|
|
<img src="{{ media('img/zamboni/app_icons/' + appicon + '.png') }}">
|
|
{# TODO(gkoberger): This is a temp change; fix properly #}
|
|
{% if settings.APP_PREVIEW %}
|
|
Mobile Apps
|
|
{% else %}
|
|
{{ _('Add-ons') }}
|
|
{% endif %}
|
|
</a>
|
|
</h1>
|
|
</hgroup>
|
|
{% if not (settings.APP_PREVIEW or WEBAPP) %}
|
|
<div class="get-fx-message">
|
|
{{ _('You need Firefox to install add-ons. <a href="http://mozilla.com/mobile">Learn More »</a>') }}
|
|
</div>
|
|
{% endif %}
|
|
<nav>
|
|
<ul>
|
|
{% block back_link %}
|
|
<li>
|
|
<a href="{{ url('home') }}" id="home">
|
|
<svg width="18" height="16"><polygon fill="#447BC4" points="9,0 18,9 15,9 15,16 11,16 11,11 7,11 7,18 3,16 3,9 0,9"/></svg>
|
|
{{ _('Mobile Home') }}</a>
|
|
</li>
|
|
{% endblock %}
|
|
</ul>
|
|
{% block aux_nav %}
|
|
{% include "mobile/header_auth.html" %}
|
|
{% endblock %}
|
|
</nav>
|
|
</header>
|
|
{% endblock %}
|
|
|
|
<section id="content" class="{% block contentclass %}{% endblock %}">
|
|
{% block page %}
|
|
{% endblock page %}
|
|
</section>
|
|
</div>
|
|
<footer id="footer">
|
|
{% include "includes/lang_switcher.html" %}
|
|
{% block footer %}
|
|
<a class="desktop-link" href="#">{{ _('View full site') }}</a>
|
|
<p id="footer-links">
|
|
<a href="http://mozilla.com/privacy-policy.html">{{ _('Privacy Policy') }}</a> |
|
|
<a href="http://mozilla.com/about/legal.html">{{ _('Legal Notices') }}</a>
|
|
</p>
|
|
{% endblock footer %}
|
|
</footer>
|
|
{% block staging %}
|
|
{% endblock %}
|
|
{# js #}
|
|
{% block site_js %}
|
|
<script src="{{ static(url('jsi18n')) }}"></script>
|
|
{{ js('zamboni/mobile') }}
|
|
{% if waffle.switch('browserid-login') %}
|
|
<script async defer src="{{ settings.BROWSERID_JS_URL }}"></script>
|
|
{% endif %}
|
|
{% endblock %}
|
|
{% block js %}{% endblock %}
|
|
</body>
|
|
</html>
|