diff options
author | Josh Williams <yoshu@sugarlabs.org> | 2009-10-09 05:54:28 (GMT) |
---|---|---|
committer | Aleksey Lim <alsroot@member.fsf.org> | 2009-10-19 07:41:32 (GMT) |
commit | dc03c94e51ceab0688e7f53651e7899ffb252cad (patch) | |
tree | f8a7d0ae1bf67ed87708f361fdd8dfdee86b11d2 | |
parent | 91cfec6e459aa2da086c917985c1f926eeef7c27 (diff) |
changed a few images to beter fit sugar branding
-rw-r--r-- | site/app/webroot/css/amo2009/amo-original/ie.css | 53 | ||||
-rw-r--r-- | site/app/webroot/css/amo2009/amo-original/ie6.css | 25 | ||||
-rw-r--r-- | site/app/webroot/css/amo2009/amo-original/ie7.css | 3 | ||||
-rw-r--r-- | site/app/webroot/css/amo2009/amo-original/iepngfix.htc | 73 | ||||
-rw-r--r-- | site/app/webroot/css/amo2009/amo-original/legacy.css | 7 | ||||
-rw-r--r-- | site/app/webroot/css/amo2009/amo-original/main-mozilla.css | 2222 | ||||
-rw-r--r-- | site/app/webroot/css/amo2009/amo-original/main.css | 4070 | ||||
-rw-r--r-- | site/app/webroot/css/amo2009/amo-original/style.min.css | 1 | ||||
-rw-r--r-- | site/app/webroot/img/amo2009/icons/buttons/plus-green-16x16.gif | bin | 82 -> 318 bytes | |||
-rw-r--r-- | site/app/webroot/img/amo2009/icons/buttons/plus-green-8x9.gif | bin | 64 -> 69 bytes | |||
-rw-r--r-- | site/app/webroot/img/amo2009/icons/magnifying-glass.gif | bin | 434 -> 399 bytes | |||
-rw-r--r-- | site/app/webroot/img/amo2009/illustrations/logo-add-ons-half.png | bin | 44604 -> 18969 bytes | |||
-rw-r--r-- | site/app/webroot/img/amo2009/illustrations/logo-collections-100x125.png | bin | 6997 -> 25727 bytes |
13 files changed, 6454 insertions, 0 deletions
diff --git a/site/app/webroot/css/amo2009/amo-original/ie.css b/site/app/webroot/css/amo2009/amo-original/ie.css new file mode 100644 index 0000000..55c2a85 --- /dev/null +++ b/site/app/webroot/css/amo2009/amo-original/ie.css @@ -0,0 +1,53 @@ +/* +Internet Explorer fixes +Original Author: Richard Rutter, clearleft.com +*/ + +body { + font-size: 87.5%; /* assume 16px by default and transform to 14px */ +} + +form fieldset .container { + top: -0.692em; /* fudge to deal with IE fieldset margin/padding */ +} + +.button /* fixes buttons looking squiffy in IE7 */ { + display: block; + float: left; +} + +#footer .secondary img { + width: auto; +} + +.expanded-search-form .advanced { + padding-top: 1em; +} + +/** Search form **/ +.search-form .basic { + min-height: 3em; +} +/** END Search form **/ + +/** add-on details page **/ +.addon-cats li { + padding: 0 .5em; + margin: 0; + border-left: 1px solid #444; +} +.addon-cats li.first { + padding-left: 0; + border-left: none; +} +.addon-cats li:after { + content: ""; +} + +.highlight .more-info { + /* More categories links */ + clear: left; + display: block; + float: none; +} +/** END add-on details page **/ diff --git a/site/app/webroot/css/amo2009/amo-original/ie6.css b/site/app/webroot/css/amo2009/amo-original/ie6.css new file mode 100644 index 0000000..7418ef7 --- /dev/null +++ b/site/app/webroot/css/amo2009/amo-original/ie6.css @@ -0,0 +1,25 @@ +#title img, +img.scale { + behavior: url(iepngfix.htc); +} + +.section, +.column-wrapper, +.article, +.notification .aux, +.highlight, +.section-teaser .teaser-header, +.section-teaser .prev, +.section-teaser .next, +ol.numbered li, +.secondary-item-list, +form.addon-feedback div.container, +.listing-header, +.listing-footer, +.listing .item, +.separated-listing .item, +.object-lead, +.object-lead .button-wrapper, +.screenshot.thumbnail { + zoom:1; +} diff --git a/site/app/webroot/css/amo2009/amo-original/ie7.css b/site/app/webroot/css/amo2009/amo-original/ie7.css new file mode 100644 index 0000000..6aed756 --- /dev/null +++ b/site/app/webroot/css/amo2009/amo-original/ie7.css @@ -0,0 +1,3 @@ +.inverse .primary { + padding-top: 95px; +} diff --git a/site/app/webroot/css/amo2009/amo-original/iepngfix.htc b/site/app/webroot/css/amo2009/amo-original/iepngfix.htc new file mode 100644 index 0000000..3d9c8b5 --- /dev/null +++ b/site/app/webroot/css/amo2009/amo-original/iepngfix.htc @@ -0,0 +1,73 @@ +<public:component> +<public:attach event="onpropertychange" onevent="doFix()" /> + +<script type="text/javascript"> + +// IE5.5+ PNG Alpha Fix v1.0RC4 +// (c) 2004-2005 Angus Turnbull http://www.twinhelix.com + +// This is licensed under the CC-GNU LGPL, version 2.1 or later. +// For details, see: http://creativecommons.org/licenses/LGPL/2.1/ + + +// This must be a path to a blank image. That's all the configuration you need. +if (typeof blankImg == 'undefined') { + var blankImg = '/img/blank.gif'; +} + +var f = 'DXImageTransform.Microsoft.AlphaImageLoader'; + +function filt(s, m) { + if (filters[f]) { + filters[f].enabled = s ? true : false; + if (s) with (filters[f]) { + src = s; + sizingMethod = m; + } + } else if (s) { + style.filter = 'progid:'+f+'(src="'+s+'",sizingMethod="'+m+'")'; + } +} + +function doFix() { + // Assume IE7 is OK. + if (!/MSIE (5\.5|6\.)/.test(navigator.userAgent) || (event && !/(background|src)/.test(event.propertyName))) { + return; + } + + var bgImg = currentStyle.backgroundImage || style.backgroundImage; + + if (tagName == 'IMG' || tagName == 'INPUT') { + if ((/\.png$/i).test(src)) { + if (currentStyle.width == 'auto' && currentStyle.height == 'auto') { + style.width = offsetWidth + 'px'; + } + filt(src, 'scale'); + src = blankImg; + } else if (src.indexOf(blankImg) < 0) { + filt(); + } + } else if (bgImg && bgImg != 'none') { + if (bgImg.match(/^url[("']+(.*\.png)[)"']+$/i)) { + var s = RegExp.$1; + if (currentStyle.width == 'auto' && currentStyle.height == 'auto') { + style.width = offsetWidth + 'px'; + } + style.backgroundImage = 'none'; + filt(s, 'crop'); + // IE link fix. + for (var n = 0; n < childNodes.length; n++) { + if (childNodes[n].style) { + childNodes[n].style.position = 'relative'; + } + } + } else { + filt(); + } + } +} + +doFix(); + +</script> +</public:component>
\ No newline at end of file diff --git a/site/app/webroot/css/amo2009/amo-original/legacy.css b/site/app/webroot/css/amo2009/amo-original/legacy.css new file mode 100644 index 0000000..5f505c9 --- /dev/null +++ b/site/app/webroot/css/amo2009/amo-original/legacy.css @@ -0,0 +1,7 @@ +/** + * Legacy CSS styles carried over from the pre-AMO-2009 theme. + */ + +#nav-access { + display: none; +} diff --git a/site/app/webroot/css/amo2009/amo-original/main-mozilla.css b/site/app/webroot/css/amo2009/amo-original/main-mozilla.css new file mode 100644 index 0000000..f98e043 --- /dev/null +++ b/site/app/webroot/css/amo2009/amo-original/main-mozilla.css @@ -0,0 +1,2222 @@ +/** + * Mozilla-local tweaks to ClearLeft sourced main.css + */ +#header #title img { + height: 75px +} +.firefox #header #title strong { + color: #D64203; +} + +.with-js .hide-with-js { display: none } +.show-with-js { display: none } +.with-js .show-with-js { display: block } +.clearboth { clear: both; } + +/** + * This is a wtf I found on the collector_features page. If your page looks + * like + * <div class=primary /> + * <div class=secondary /> + * then the default clear: both on .secondary will put .secondary content + * *under* .primary, not beside. It works if you put the .secondary div first + * in your code, but that's wrong. + */ +.secondary { + clear: left; +} + +.categories ul { + padding: 1em; +} + +#search-query .query-label { + color: #000; + position: absolute; + left: 2.5em; + display: none; +} +.hasJS #search-query .query-label { + display: block; +} + +.html-rtl #search-query .query-label { + left: auto; + right: 2.5em; +} + +.primary.full, +.secondary.full { + width: 100%; +} + +/** addon listings */ +#addon-list-options ul { + float: none; + margin: 0 1em; +} +#addon-list-options ul li { + margin: 0 .5em; +} +#addon-list-options ul li.perpage { + float: right; +} +.html-rtl #addon-list-options ul li.perpage { + float: left; +} +#addon-list-options ul li.perpage div { + display: block; + line-height: 2em; +} + +/** + * Fix for bug 494070. The default width is 50%. I'm assuming + * pagination will have most of the line, so we can give it more space. + * Only tested on collections listing and detail pages. + */ +ol.pagination { + width: 70%; +} + +/* clearleft's category padding is 20px */ +li.sub-category { + padding-left:30px +} + +.html-rtl li.sub-category { + padding-left: 0; + padding-right: 30px; +} + +p.install-button { + margin: 0; +} +.experimental .install-container { + min-width: 10em; + margin: .3em .3em .5em .3em; +} +.install strong.compatmsg { + padding-bottom: 0.5em; +} +.experimental .install .exp-confirm-install { +} +.experimental .install .exp-desc { +} + +.teaser-items .item .install { + float: left; +} + +.html-rtl .teaser-items .item .install { + float: right; +} + +.section-teaser #t-mozilla_shopping { + background-image: url(../../img/amo2009/illustrations/shopping-online.jpg); +} +.html-rtl .section-teaser #t-mozilla_shopping { + background-image: url(../../img/amo2009/illustrations/shopping-online-rtl.jpg); +} +.section-teaser .item { + margin: 0; + padding-top: 1em; +} + +.hasJS .section-teaser .teaser-header { + position: relative; +} + +.hasJS .section-teaser .featured-inner { + padding-bottom: 3em; +} + +.section-teaser .slideshow-controls { + margin:-38px 0 0; +} +.section-teaser .addon-view .column { + width: 31%; +} +.section-teaser .addon-view .lead { + padding-top: 1em; + margin-bottom: 1em; + margin-left: 4.5em; +} +.html-rtl .section-teaser .addon-view .lead { + margin-left: auto; + margin-right: 4.5em; +} + +.section-teaser .addon-view h3 { + margin-bottom: 0.2em; +} + +.section-teaser .teaser-header ol li { + margin-right: 3.4em; +} + +.hasJS .section-teaser .window { + position: relative; +} + +.hasJS .section-teaser .window .teaser-items { + position: absolute; +} + +.html-rtl.hasJS .section-teaser .window ol.teaser-items { + direction: rtl; + left: auto; + right: 0; +} + +.html-rtl .column { + float: right; + margin-left: 0; + margin-right: 2%; +} +.html-rtl .section-teaser .column { + border-left: none; + border-right: 1px dotted #A4CFDE; +} +.html-rtl .first { + margin-right: 0; +} +.html-rtl .section-teaser .first { + border-right: none; +} +.html-rtl .section-teaser .addon-view { + background-position: left bottom; +} +.html-rtl .section-teaser .addon-view .column { + border: none; + text-align: right; +} +.html-rtl .section-teaser .addon-view .column-inner { + padding-left: 0; + padding-right: 55px; +} +.html-rtl .section-teaser .column p, .html-rtl .section-teaser .column h3 { + margin-left: 0; + margin-right: 1em; +} +.html-rtl .section-teaser .column p.install-button { + margin-right: 0; +} +.html-rtl .section-teaser .teaser-header ol li { + margin-left: 5em; + margin-right: 0; + float: right; +} +.html-rtl .section-teaser .teaser-header ol li:last-child { + margin-left: 0; +} +.html-rtl .section-teaser .prev, +.html-rtl .section-teaser .next { + right: auto; + left: 8px; + background-position: 0 0; +} +.html-rtl .section-teaser .prev { + left: auto; + right: 8px; + background-position: 0 -150px; +} +.html-rtl .section-teaser .active.next { + background-position: 0 -50px; +} +.html-rtl .section-teaser .active.prev { + background-position: 0 -200px; +} +.html-rtl .section-teaser .active.next:focus, +.html-rtl .section-teaser .active.next:hover { + background-position: 0 -100px; +} +.html-rtl .section-teaser .active.prev:focus, +.html-rtl .section-teaser .active.prev:hover { + background-position: 0 -250px; +} + +/* Translation Box Element */ +.graybox { + background-color: #FAFDFE; + border: 1px solid #C8E8F3; + padding: 15px; +} +.graybox.errors { + background-color: #FFA5A5; +} +.graybox.spaced { + margin-bottom: 10px; +} +.rounded { + -moz-border-radius: 6px; + -webkit-border-radius: 6px; + border-radius: 6px; +} +.translation-box h4 { + border-bottom: 1px solid #2D3B58; +} +.translation-box h4 img { + float: right; + margin-top: 3px; +} +.html-rtl .translation-box h4 img { + float: left; +} +.translation-box .translation-button img { + cursor: pointer; + float: left; + background-color: #EEEEEE; + border: 1px solid #EEEEEE; + border-bottom: none; + padding: 2px 5px 3px; + margin: 5px 0 0 10px; + height: 1.5em; + -moz-border-radius-topleft: 6px; + -moz-border-radius-topright: 6px; + -webkit-border-top-left-radius: 6px; + -webkit-border-top-right-radius: 6px; +} +.html-rtl .translation-box .translation-button img { + float: right; + margin: 5px 10px 0 0; +} +.translation-box .translation-button.remove img { + float: right; +} +.html-rtl .translation-box .translation-button.remove img { + float: left; +} +.translation-box .translation-button img:hover { + background-color: #E4F3FA; +} +.translation-box .translation-tab { + float: left; + margin-right: 2px; + background-color: #DDDDDD; + text-align: center; + padding: 5px; + -moz-border-radius-topleft: 6px; + -moz-border-radius-topright: 6px; + -webkit-border-top-left-radius: 6px; + -webkit-border-top-right-radius: 6px; + width: 3.1em; + height: 1.5em; + cursor: pointer; + border-bottom: 1px solid #FFFFFF; +} +.html-rtl .translation-box .translation-tab { + float: right; + margin-right: auto; + margin-left: 2px; +} +.translation-box .translation-tab.selected { + border: 1px solid #1D587F; + background-color: #DDDDFF; + border-bottom: none; + color: #1D587F; +} +.translation-box .translation-tab:hover { + text-decoration: underline; +} +.translation-box .translation-area { + clear: both; + margin: 0; +} +.translation-box .translation-maxlength { + text-align: right; + display: none; +} +.html-rtl .translation-box .translation-maxlength { + text-align: left; +} +.translation-box .translation-maxlength.selected { + display: block; +} +.translation-box .translation-maxlength img { + display: none; +} +.translation-box .translation-maxlength.over { + color: #CC3333; +} +.translation-box .translation-maxlength.over img { + display: inline; + vertical-align: middle; +} +.translation-box .translation-maxlength span { + font-weight: bold; +} +.translation-box .input { + border: 1px solid #1D587F; + margin: 0; + -moz-border-radius-bottomleft: 6px; + -moz-border-radius-bottomright: 6px; + -webkit-border-bottom-left-radius: 6px; + -webkit-border-bottom-right-radius: 6px; + width: 100%; + display: none; +} +.translation-box .input.selected { + display: block; +} +.translation-newlocale-container, +.translation-deletelocale-container, +.translation-help-container, +.translation-error-container { + display: none; +} +.translation-newlocale, +.translation-deletelocale { + border: 1px solid #1D587F; + margin: 0; + -moz-border-radius-bottomleft: 6px; + -moz-border-radius-bottomright: 6px; + -webkit-border-bottom-left-radius: 6px; + -webkit-border-bottom-right-radius: 6px; + width: 100%; + height: 100px; + display: none; +} +.translation-deletelocale.textarea { + position: absolute; + z-index: 10; +} +.translation-newlocale.selected, +.translation-deletelocale { + display: block; +} +.translation-newlocale .padded, +.translation-deletelocale .padded, +.translation-help .padded { + padding: 15px; +} +.translation-newlocale .buttons, +.translation-deletelocale .buttons { + text-align: center; + margin: 10px; +} +.translation-help { + background-color: #FFFFFF; + margin-bottom: 10px; + width: 630px; + display: none; +} +.graybox .error-message { + background: transparent url('../../img/developers/exclamation.png') no-repeat 5px 50%; + color: red; + padding: 5px 0 5px 30px; +} +.html-rtl .graybox .error-message { + background-position: 100% 50%; + padding: 5px 25px 5px 0; +} + + +/** Notification Box Element */ +.notification-box { + display: block; + padding: 10px; + margin: 10px 0; + border: 1px solid #021437; + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + border-radius: 8px; + background-color: #C8E8F3; +} +.notification-box.error { + border-color: #C63717; + background-color: #FFA5A5; +} +.notification-box h2 { + margin: 0; + padding: 10px 0 0 60px; + font-size: 130%; + line-height: 1.5em; + min-height: 38px; + color: #444444; + background: url(../../img/amo2009/notifications/sprite.png) no-repeat top left; +} +.html-rtl .notification-box h2 { + padding-left: 0; + padding-right: 60px; + background-position: top right; +} +.notification-box.notification h2 { + padding: 0; + min-height: 0; + background: none; +} +.notification-box.info h2 { + background-position: 0 -348px; +} +.html-rtl .notification-box.info h2 { + background-position: right -348px; +} +.notification-box.success h2 { + background-position: 0 -546px; +} +.html-rtl .notification-box.success h2 { + background-position: right -546px; +} +.notification-box.warning h2 { + background-position: 0 -744px; +} +.html-rtl .notification-box.warning h2 { + background-position: right -744px; +} +.notification-box.error h2 { + color: #C63717; + background-position: 0 -150px; +} +.html-rtl .notification-box.error h2 { + background-position: right -150px; +} + +/** jQuery UI tabs */ +.ui-tabs-hide { + display: none !important; +} +.ui-tabs-nav { + list-style: none; + margin: 0; + padding: 0 0 0 3px; +} +.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */ + display: block; + clear: both; + content: " "; +} +.ui-tabs-nav li { + float: left; + margin: 0 0 0 2px; + font-weight: bold; +} +.ui-tabs-nav a, .ui-tabs-nav a span { + float: left; /* fixes dir=ltr problem and other quirks IE */ + padding: 0 12px; + background-color: #26395A; +} +.ui-tabs-nav a { + margin: 5px 0 0; /* position: relative makes opacity fail for disabled tab in IE */ + padding-left: 0; + background-position: 100% 0; + text-decoration: none; + white-space: nowrap; /* @ IE 6 */ + outline: 0; /* @ Firefox, prevent dotted border after click */ +} +.ui-tabs-nav a:link, .ui-tabs-nav a:visited { + color: #fff; +} +.ui-tabs-nav .ui-tabs-selected a { + position: relative; + top: 1px; + z-index: 2; + margin-top: 0; + background-position: 100% -23px; +} +.ui-tabs-nav a span { + padding-top: 1px; + padding-right: 0; + height: 20px; + background-position: 0 0; + line-height: 20px; +} +.ui-tabs-nav .ui-tabs-selected a span { + padding-top: 0; + height: 27px; + background-position: 0 -23px; + line-height: 27px; +} +.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, +.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */ + cursor: text; +} +.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, +.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */ + cursor: pointer; +} +.ui-tabs-disabled { + opacity: .4; + filter: alpha(opacity=40); +} +.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { + color: #000; +} +.ui-tabs-panel { + border: 1px solid #26395A; + padding: 10px; + _background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */ +} +/*.ui-tabs-loading em { + padding: 0 0 0 20px; + background: url(loading.gif) no-repeat 0 50%; +}*/ +/* Additional IE specific bug fixes... */ +* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */ + display: inline-block; +} +*:first-child+html .ui-tabs-nav { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */ + display: inline-block; +} + + +/** Collections Pages */ + +form.favorite button { + text-align: left; +} + +.html-rtl form.favorite button { + text-align: right; +} + +blockquote.publisher-comment { + border-left: 3px solid #C9E8F3; + margin-left: 2em; + padding-left: 1em; +} +blockquote.publisher-comment p { + margin: 0; +} +blockquote.publisher-comment p.by { + font-style: italic; +} + +/* Collections Add and Edit: common styles */ +.collections-page .submit-button { + margin-top: 1em; +} +.collections-page .error_message { + color: red; + font-weight: bold; +} + +/* Collections Add and Edit: add-on autocomplete */ +.collections-page .ac_input { + width: 400px; +} +.collections-page .ac_results { + padding: 0px; + border: 1px solid WindowFrame; + background-color: Window; + overflow-x: hidden; + overflow-y: auto; + max-height: 400px; +} + +.collections-page .ac_results ul { + width: 100%; + list-style-position: outside; + list-style: none; + padding: 0; + margin: 0; +} + +.collections-page .ac_results iframe { + display:none;/*sorry for IE5*/ + display/**/:block;/*sorry for IE5*/ + position:absolute; + top:0; + left:0; + z-index:-1; + filter:mask(); + width:3000px; + height:3000px; +} + +.collections-page .ac_results li { + margin: 0px; + padding: 2px 5px; + cursor: pointer; + display: block; + width: 100%; + font: menu; + font-size: 12px; + overflow: hidden; +} +.collections-page .ac_results li img { + width: 32px; + height: 32px; + margin-right: .5em; + vertical-align: middle; +} +.collections-page .ac_loading { + background-image: url('../../img/ajax_loading.gif'); + background-position: right center; + background-repeat: no-repeat; +} +.collections-page .ac_over { + background-color: Highlight; + color: HighlightText; +} + +/* Collections: "add" page */ +#collections-add #addonname { + width: 250px; +} +#collections-add #selectedaddons { + width: 80%; + overflow: auto; + max-height: 300px; +} +#collections-add #selectedaddons > ul { + -moz-column-count: 2; +} +#collections-add #selectedaddons ul li { + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + border-radius: 8px; + line-height: 32px; + padding: 5px; +} +#collections-add #selectedaddons ul li.flash { + background-color: #C8E8F3; +} +#collections-add #selectedaddons ul li img { + vertical-align: middle; + margin-right: .5em; +} + +#collections-add #firstaddons, +#collections-add #selectedaddons { + display: none; /* shown with JS */ +} + +/* Collections: "edit" page */ +#collections-edit .jsonly { + display: none; +} +#collections-edit .error, #collections-edit .error_message { + color: #f00; +} +#collections-edit .coll-addon { + padding-bottom: 10px; + margin-bottom: 10px; + border-bottom: solid 1px #C8E8F3; +} +#collections-edit .coll-addon blockquote { + overflow-x: scroll; +} + +#collections-edit .coll-addon img { + vertical-align:middle; + margin-right: .5em; +} +#collections-edit .coll-addon .name { + font-weight: bold; +} +#collections-edit .coll-addon .added { + float: right; + font-style: italic; +} +#collections-edit .coll-addon a.removeaddon { + float: right; +} +#collections-edit .coll-addon .editbox { + clear: both; +} +#collections-edit .coll-addon .editbox textarea { + margin-bottom: .5em; +} +#collections-edit input#submitbutton { + margin: 10px; +} + +/** END collections pages */ + +/** Collection add module **/ +.collections-add.prose { + margin: 0; +} + +.collections-add.prose ul { + margin-left: 1em; +} + +.collections-add.prose ul li { + margin-bottom: 0; +} + +/** END Collection add module **/ + +/** Add to collection module **/ + +#publish_to { + width: 100%; +} + +/** END add to collection module **/ + +/* Search Pages */ +p.addon-search-message { + margin-top:2em; + color: #777777; + font-size: 180%; + font-weight: bold; + text-align:center; + padding-bottom: .5em; +} +/** END Search Pages */ + +/** Add-on display page additions **/ + +#addon .featured .secondary { + margin-bottom: 0; +} + +#review-box { + padding-bottom: 0; +} + +#review-box button { + padding: 0.1em 1em; + margin-left: 18%; +} + +h2 span { + position:relative; + top: -0.35em; +} + +h4.author { + position:relative; + left:51px; + top:-25px; + font-weight: normal; +} + +.html-rtl h4.author { + left: auto; + right: 51px; +} + +h4.author a { + font-weight: bold; +} + +.hidden { + position: absolute; + top: -100000px; +} + +.addon-cats { + margin: 0; +} + +.addon-cats li { + display: inline; +} + +.addon-cats li:after { + content: " | "; +} + +.addon-cats li:last-child:after { + content: ""; +} + +.html-rtl #addon-summary { + margin-left: 0; + margin-right: 240px; +} + +#addon-summary.condensed { + margin-left: 5px; + min-height: 30px; +} + +.html-rtl #addon-summary.condensed { + margin-left: 0; + margin-right: 5px; +} + +#addon-summary .stats { + margin: 0; + float: none; + text-align: left; + color: #6FB727; +} + +.html-rtl #addon-summary .stats { + text-align: right; +} + +#addon-summary .stats em { + font-style: normal; + font-weight: bold; +} + +.preview-img { + left:-260px; + padding:0 0 0 20px; + position:absolute; + top:0; +} + +.html-rtl .preview-img { + left: auto; + right: -260px; + padding-left: 0; + padding-right: 20px; +} + +.updated { + color: #666; /* evil */ +} + +#addon-summary .rating { + left:-240px; + top: 160px; + position: absolute; + font-weight: bold; +} + +.html-rtl #addon-summary .rating { + left: auto; + right: -240px; +} + +#addon-summary .share-this { + clear:left; + float:left; + left:-240px; + position:absolute; + width:200px; + top: 230px; +} + +.html-rtl #addon-summary .share-this { + clear: right; + float: right; + left: auto; + right: -240px; +} + +#addon-summary .stats { + position: absolute; + left: -240px; + top: 180px; +} + +.html-rtl #addon-summary .stats { + left: auto; + right: -240px; +} + +#addon-summary .install { + float: left; + text-align: center; + -webkit-border-radius: 11px; + -moz-border-radius: 11px; + border-radius: 11px; + padding: 0 3px 3px 3px; +} + +.html-rtl #addon-summary .install { + float: right; +} + +#addon-summary .unavailable { + border: 1px solid #D2E7EE; + padding: 0.3em; + width: 10em; + background-color: #FFFFFF; + color: #666666; +} + +#addon-summary.rec .install { + background-color: #efe; + border: 1px solid #2a2; + padding-top:4px; + margin-bottom:3px; +} + +#addon-summary.exp .install{ + background-color: #fee; + border: 1px solid #f66; + padding-top:4px; + margin-bottom:3px; +} + +#addon-summary .install strong { + display: block; + font-weight: normal; + font-size: 0.85em; + line-height: 1em; + color: #000; + text-shadow: #FFFFFF 1px 1px 1px; + clear: left; +} + +.html-rtl #addon-summary .install strong { + clear: right; +} + +.share-networks { + z-index: 100; /** prevents sharing network dropdown from showing up behind preview thumbnails **/ +} + +.featured h4 { + clear: both; +} + +#addon-info .item { + padding: 1em; +} + +#addon-info a { + font-weight: bold; +} + +.app_compat ul { + margin: 0; +} + +.prose ul li { + margin-left: 1em; +} + +.html-rtl .prose ul li { + margin-left: 0; + margin-right: 1em; +} + +.privacypolicy { + clear: both; + font-weight: bold; +} + +.policy-link { + clear: both; +} + +.highlight.collections-add p { + margin-bottom: 1em; +} + +/* addons "old versions" page */ +#version-history .listing .item.oldversion { + padding-left: 1em; +} + +#version-history .oldversion ul.legal li { + padding-left: 20px; +} +#version-history .oldversion ul.legal li.license { + background: url(../../img/amo2009/icons/script_code_red.png) left no-repeat; +} +#version-history .oldversion ul.legal li.source { + background: url(../../img/amo2009/icons/page_code.png) left no-repeat; +} + +/* addons "source license" page */ +#version-license pre { + max-height: 400px; + overflow-y: scroll; + background-color: #fff; + padding: 1em 2em; + -moz-border-radius: 8px; +} + +#version-license h2 span { + top: auto; +} + +/** END Add-on display page additions **/ + +/** Review box **/ +#form-review .login, #form-review h3 { + display: inline; +} + +#form-review h4, #form-review .selectReplacement { + float: left; +} + +.html-rtl #form-review h4, .html-rtl #form-review .selectReplacement { + float: right; +} + +#form-review .selectReplacement, #form-review .stars { + margin: 4px 0 0 5px; + clear: none; +} + +#form-review .stars { + margin: 1px 0 0 5px; + height: 12px; +} + +.html-rtl #form-review .selectReplacement, .html-rtl #form-review .stars { + margin-left: 0; + margin-right: 5px; +} + +#form-review a { + font-weight: bold; +} + +#form-review button { + float: right; +} + +.html-rtl #form-review button { + float: left; +} + +#form-review p { + clear: both; +} + +/** END Review box **/ + +/** Highlight styles **/ +.highlight a { + font-weight: bold; +} + +.highlight .prose { + margin: 0; +} + +.highlight .other-author-addons { + padding: 1em 0 0 0; + margin: 0; + clear: left; + font-weight: normal; +} +.html-rtl .highlight .other-author-addons { + clear: right; +} + +.highlight h3 label { + font-weight: normal; +} + +/** END Highlight styles **/ + +/** Category dropdown/search container tweaks **/ + +.stand-alone-options { + z-index: 500; /** fixes issue with category dropdown menu appearing *behind* addon detail page images (stacking context bug) **/ +} + +/** END Category dropdown/search container tweaks **/ + +/** Header tweaks **/ +#header { + z-index: 600; +} + +/** END header tweaks **/ + +/* Get Satisfaction widget */ +div#gsfn_list_widget img { border: none; } +div#gsfn_list_widget { float:right; font-size: 12px; width: 250px; border: 6px solid #DDD; padding: 5px 5px 25px 20px; margin: 5px 5px 10px 10px;} +div#gsfn_list_widget a.widget_title { color: #000; display: block; margin-bottom: 10px; font-weight: bold; } +div#gsfn_list_widget .powered_by { margin-top: 8px; padding-top: 8px; border-top: 1px solid #DDD; } +div#gsfn_list_widget .powered_by a { color: #333; font-size: 90%; } +div#gsfn_list_widget div#gsfn_content { } +div#gsfn_list_widget div#gsfn_content li { text-align:left; margin-bottom:6px; } +div#gsfn_list_widget div#gsfn_content a.gsfn_link { line-height: 1; } +div#gsfn_list_widget div#gsfn_content span.time { font-size: 90%; padding-left: 3px; } +div#gsfn_list_widget div#gsfn_content p.gsfn_summary { margin-top: 2px } +/** END Get Satisfaction widget */ + +/* pages/submissionhelp */ +ul.submissionHelp li span.required { + font-weight: bold; +} +ul.submissionHelp li span.optional { + font-style: italic; +} +/* END pages/submissionhelp */ + +/* pages/collector_firstrun */ +form.collector-firstrun-favorite, div.collector-firstrun-favorite { + margin-bottom: 1.5em; +} +div.collector-firstrun-favorite { + clear:both; +} +/* END pages/collector_firstrun */ + +/* Plug-ins browse page */ +.item .baseline img.faq {margin: 0 5px 0 0; float: left;} +.html-rtl .item .baseline img.faq {margin: 0 0 0 5px; float: right;} +/* END Plug-ins browse page */ + + +/* =Reviews Page */ + +.review .others-by-user { font-style: italic; display: block; margin-top: 0.5em; font-size: 0.85em } +.review .others-by-user a { padding-left: 22px; } +.review .others-by-user a.loading { background: transparent url(../../img/ajax_loading.gif) no-repeat 2px top } +.review h2 { margin-bottom: 2px;} +.review h3 { margin-bottom: 2px;} + +.review .hsession { display: inline; } +.review .reviewed-on { font-size: .8em; margin: .4em 0; } + +.others-by-user-load { padding-left: 3em; } + +.review-reply { margin-left: 3em; } + +.review p.flag-thanks, .review-reply p.flag-thanks { font-weight: bold } +.review form.flag, .review-reply form.flag { display: block; padding-bottom: 1em } +.review form.flag label, .review-reply form.flag label { display: block; font-weight: bold } +.review form.flag .error { color:#f00; } + +.with-js .review p.flag-thanks, .with-js .review-reply p.flag-thanks { display: inline } +.with-js .review form.flag, .with-js .review-reply form.flag { display: inline } +.with-js .review form.flag label, .with-js .review-reply form.flag label { display: none; } + +.review .flag span.loading, .review-reply .flag span.loading { padding-left: 22px; background: transparent url(../../img/ajax_loading.gif) no-repeat 2px top } + +/* END =Reviews Page */ + +.html-rtl .new, .html-rtl .listing-header li { + unicode-bidi: embed; +} + +.search-form .basic button img { + width: 9px; + height: 18px; + background-image: url(../../img/amo2009/icons/buttons/go-green.gif); +} +.html-rtl .search-form .basic button img { + background-image: url(../../img/amo2009/icons/buttons/go-green_rtl.gif); +} + +.html-rtl #advanced-link { + right: auto; + left: 30px; +} +.html-rtl #advanced-link a:link, +.html-rtl #advanced-link a:visited, +.html-rtl #advanced-link a:hover, +.html-rtl #advanced-link a:focus, +.html-rtl #advanced-link a:active { + padding-left: 20px; + padding-right: 1em; + background-position: 5% -591px; +} +.html-rtl .expanded #advanced-link a:link, +.html-rtl .expanded #advanced-link a:visited, +.html-rtl .expanded #advanced-link a:hover, +.html-rtl .expanded #advanced-link a:focus, +.html-rtl .expanded #advanced-link a:active { + background-position: 5% -641px; +} + +.html-rtl .meta .subscribers, +.html-rtl .meta .addons { + float: right; +} +.html-rtl .item { + clear: right; +} + +/* RTL support for the aux-nav box */ +.html-rtl #aux-nav p.context { + float: left; + padding-right: auto; + padding-left: 1em; + right: auto; + left: 0; +} +.html-rtl.hasJS #aux-nav ul { + float: left; + padding-right: auto; + padding-left: 1em; +} +.html-rtl #aux-nav span.greeting { + margin-right: auto; + margin-left: 1em; +} +.html-rtl #aux-nav .settings { + margin-right: auto; + margin-left: 1em; +} +.html-rtl #aux-nav ul.change { + padding: 0; +} +.html-rtl.hasJS #aux-nav ul.change { + background-position: top left; + border-right: none; + border-left: 3px solid transparent; +} +.html-rtl #aux-nav ul.change li { + margin-left: auto; + margin-right: 1em; +} +.html-rtl.hasJS #aux-nav ul.change li { + background-position: top right; + margin-left: 0; + margin-right: 0; +} +.html-rtl #aux-nav ul.change li li { + background-position: top right; +} +.html-rtl.hasJS #aux-nav .change li ul li { + text-align: right; +} +.html-rtl.hasJS #aux-nav .change li ul li a { + background-position: top right; + padding-left: 0.3em; + padding-right: 45px; +} +.html-rtl.hasJS #aux-nav .change li ul li.firefox a { + background-position: 95% 0; +} +.html-rtl.hasJS #aux-nav .change li ul li.thunderbird a { + background-position: 95% -50px; +} +.html-rtl.hasJS #aux-nav .change li ul li.sunbird a { + background-position: 95% -100px; +} +.html-rtl.hasJS #aux-nav .change li ul li.seamonkey a { + background-position: 95% -150px; +} +.html-rtl.hasJS #aux-nav ul.change a.controller:link, +.html-rtl.hasJS #aux-nav ul.change a.controller:visited, +.html-rtl.hasJS #aux-nav ul.change a.controller:focus, +.html-rtl.hasJS #aux-nav ul.change a.controller:hover, +.html-rtl.hasJS #aux-nav ul.change a.controller:active { + padding-left: 20px; + padding-right: 1em; + background-position: 5% -65px; +} +.html-rtl.hasJS #aux-nav ul.change a.controller:focus, +.html-rtl.hasJS #aux-nav ul.change a.controller:hover, +.html-rtl.hasJS #aux-nav ul.change a.controller:active { + background-position: 5% -105px; +} +.html-rtl.hasJS #aux-nav ul.change ul { + right: auto; + left: -3px; + border-right: none; + border-left: 3px solid #A2C2D7; +} +.html-rtl #aux-nav ul.tools { + padding: 0; +} +.html-rtl.hasJS #aux-nav ul.tools { + margin: 0; + border-right: none; + border-left: 3px solid transparent; +} +.html-rtl #aux-nav ul.tools li { + margin-left: auto; + margin-right: 1em; +} +.html-rtl.hasJS #aux-nav ul.tools li { + margin-left: auto; + margin-right: 0; +} +.html-rtl #aux-nav ul.tools li li { + background-position: top right; +} +.html-rtl.hasJS #aux-nav .tools li ul li { + text-align: right; + margin: 0; + padding-left: 0.3em; + padding-right: 1em; +} +.html-rtl.hasJS #aux-nav ul.tools a.controller:link, +.html-rtl.hasJS #aux-nav ul.tools a.controller:visited, +.html-rtl.hasJS #aux-nav ul.tools a.controller:focus, +.html-rtl.hasJS #aux-nav ul.tools a.controller:hover, +.html-rtl.hasJS #aux-nav ul.tools a.controller:active { + padding-left: 20px; + padding-right: 1em; + background-position: 5% -65px; +} +.html-rtl.hasJS #aux-nav ul.tools a.controller:focus, +.html-rtl.hasJS #aux-nav ul.tools a.controller:hover, +.html-rtl.hasJS #aux-nav ul.tools a.controller:active { + background-position: 5% -105px; +} +.html-rtl.hasJS #aux-nav ul.tools ul { + right: auto; + left: -3px; + border-right: none; + border-left: 3px solid #A2C2D7; +} +.html-rtl.hasJS #aux-nav ul.expanded { + border-right: none; + border-left: 3px solid #A2C2D7; +} + +/** Frozen button styles **/ +.exp-loggedout .button.positive:link, +.exp-loggedout .button.positive:visited, +.exp-loggedout .button.positive:hover, +.exp-loggedout .button.positive:active { + background: none #555; + border-color: #999; + cursor: default; + opacity: 0.3; + filter: (opacity=30); +} + +.exp-loggedout .button.positive:link img, +.exp-loggedout .button.positive:visited img, +.exp-loggedout .button.positive:hover img, +.exp-loggedout .button.positive:active img { + border-right: 1px solid #999; +} + +/** END Frozen button styles **/ + +/** Adding focus outline to buttons **/ +a:focus.button { + outline-color: #73B9FF; +} + +a:focus.button.neutral { + outline-color: #E5A365; +} + +a:focus.button.positive { + outline-color: #8CC553; +} + +a:focus.button.negative { + outline-color: #EC7F82; +} + +.item h3, .item h4 { + overflow: visible; +} + +/** END Adding focus outlines to buttons **/ + + +/** Search form **/ + +.html-rtl .search-form .basic input, +.search-form .basic input { + text-indent: 0; + width: 40%; +} + +.search-form .basic input { + padding-left: 2em; +} + +.html-rtl .search-form .basic input { + padding-left: 0; + padding-right: 2em; +} + +/** END Search form **/ + +/** FAQ Page **/ + +dl.faq dt:target { color: #df731b; } + +/** END FAQ Page **/ + + +/** Installation instruction overlays (bug 495124) **/ + +.item .install .app_install { + position: relative; + width: 1px; + margin: 0 auto; +} + +.app_install-popup-container { + display: none; + position: relative; + width: 1px; + z-index: 1000; +} + +.app_install-popup { + position: absolute; + left: -15em; + top: .5em; + width: 32em; + background: #fbfefb; + border: 4px solid #b4e4b4; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + text-align: left; +} + +.html-rtl .app_install-popup { + text-align: right; +} + +.app_install-popup-inner { + padding: 1em; + border: 1px solid #256350; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} + +.app_install-popup h3 { + margin-top: 0; +} + +.app_install-popup ol, +.app_install-popup p { + margin-top: 1.5em; + margin-bottom: 0; +} + +.html-rtl .app_install-popup ol { + margin-left: 0; + margin-right: 2em; +} + +.html-rtl .app_install-popup ol { + margin-top: 1.5em; + margin-bottom: 0; +} + +.app_install-popup .close { + font-weight: bold; + text-align: right; +} + +.html-rtl .app_install-popup .close { + text-align: left; +} +/** END Installation instruction overlays **/ + +/** Advanced search form **/ +.expanded-search-form .advanced { + display: none; + padding: 1em; +} + +.search-form fieldset { + margin: 0; +} +/** END Advanced search form **/ + +/** + * Review add page styles. + */ +.review_add .stars { + /* override the general .stars style in main.css */ + background: transparent; + float: none; + margin: 0; + text-indent: 0; + width: auto; +} + +.review_add .review-body-label { +} +.review_add #ReviewBody { + width: 65%; +} + +.stars input { + margin: 0 4px; +} + +.stars { + zoom:1; +} + +.stars .cancel, +.stars .star{ + float: left; + width: 12px; + height: 14px; + overflow: hidden; + text-indent: -999em; + cursor: pointer; +} + +.html-rtl .stars .star, +.html-rtl .stars .cancel { + float:right; +} + +.stars .cancel a, +.stars .cancel a { + background: url(../../img/ratings_images.gif) no-repeat; +} + +.stars .star a, +.stars .star a { + background: url(../../img/ratings_images.gif) no-repeat; +} + +.stars.cancel a, +.stars .star a, +.stars .cancel a, +.stars .star a { + display: block; + width: 100%; + height: 100%; + background-position: 0 -25px; + border:1 solid #FF0000; +} + +.stars .cancel a, +.stars.cancel a { + background-position: 0 2px; +} + +.stars div.star_hover a, +.stars div.star_hover a { + background-position: 0 -38px; +} + +.stars div.cancel_on a, +.stars div.cancel_on a { + background-position: 0 -11px; +} + +.stars div.star_on a, +.stars div.star_on a { + background-position: 0 -38px; +} + +.stars:after { + content:".";clear:both;display:block;visibility:hidden;height:0;overflow:hidden; +} + +/** + * Category landing page styles. + */ +.category_landing .search-form { + margin-bottom: 0; +} +.category_landing .primary { + width: 100%; +} +.category_landing .primary h2 { +} +.category_landing #footer .primary { + width: 73.47%; +} +#featured_addons { + z-index: 2; + position: relative; +} +#featured_addons ul { + list-style-type: none; + margin: 0; padding: 0; +} +#featured_addons ul li { + display: block; + float: left; + margin: 0; padding: 0 8px 8px 0; +} +.html-rtl #featured_addons ul li { + float: right; + padding: 0 0 8px 8px; +} +#featured_addons ul li.addon_block_wrapper { + width: 32%; +} +#featured_addons ul li div.item { + margin: 0; + padding: 0; +} +#featured_addons ul li div.item .unavailable { + width: 90%; +} +#featured_addons ul li div.addon_block +{ + display: block; + position: relative; + background: #f9f9f9 url(../../img/sprite.png?20090430) no-repeat scroll left -968px; + width: 100%; + height: 200px; + overflow: hidden; + border: 1px solid #ececec; + -moz-border-radius-topleft: 8px; + -moz-border-radius-topright: 8px; + -moz-border-radius-bottomleft: 8px; + -moz-border-radius-bottomright: 8px; + -webkit-border-top-left-radius: 8px; + -webkit-border-top-right-radius: 8px; + -webkit-border-bottom-left-radius: 8px; + -webkit-border-bottom-right-radius: 8px; + border-top-right-radius: 8px; + border-top-left-radius: 8px; + border-bottom-right-radius: 8px; + border-bottom-left-radius: 8px; + padding: 0 0 0 0px; +} +#featured_addons ul li div.addon_block .name { + font-size: 138%; + margin: 8px 155px 0px 0; + padding: 0 0 0 8px; + line-height: 1.25em; +} +.html-rtl #featured_addons ul li div.addon_block .name { + margin: 8px 0 0 155px; + padding: 0 8px 0 0; +} +#featured_addons ul li div.addon_block .name a { + color: black; + text-decoration: none; +} + +#featured_addons ul li div.addon_block .preview { + position: absolute; + top: 8px; right: 9px; +} +.html-rtl #featured_addons ul li div.addon_block .preview { + right: auto; + left: 9px; +} +#featured_addons ul li div.addon_block .preview img { + width: 138px; +} + +#featured_addons ul li div.addon_block .summary { + font-size: 93%; + line-height: 1.5em; + margin: 0px 149px 0px 0px; + padding: 0 0 0 8px; + max-height: 4.5em; + overflow: hidden; +} +.html-rtl #featured_addons ul li div.addon_block .summary { + margin: 0 0 0 149px; + padding: 0 8px 0 0; +} + +#featured_addons ul li div.addon_block .authors { + font-size: 100%; + line-height: 1.5em; + margin: 0 145px 0 0; + padding: 0 0 0 8px; + color: #2363a5; +} +.html-rtl #featured_addons ul li div.addon_block .authors { + margin: 0 0 0 145px; + padding: 0 8px 0 0; +} +#featured_addons ul li div.addon_block .authors a { + text-decoration: none; +} +#featured_addons ul li div.addon_block .rating { + font-size: 10px; + overflow: hidden; + margin: 2px 0 0 0; + padding: 0 0 0 8px; +} +.html-rtl #featured_addons ul li div.addon_block .rating { + padding: 0 8px 0 0; +} +.rating span { + display: block; + background: transparent url(../../img/ratings/5stars.png) no-repeat scroll top left; + width: 68px; height: 12px; + text-indent: -1000em; +} +.rating .stars-1 { + background-image: url(../../img/ratings/1stars.png) +} +.rating .stars-2 { + background-image: url(../../img/ratings/2stars.png) +} +.rating .stars-3 { + background-image: url(../../img/ratings/3stars.png) +} +.rating .stars-4 { + background-image: url(../../img/ratings/4stars.png) +} +.rating .stars-5 { + background-image: url(../../img/ratings/5stars.png) +} + + +#featured_addons div.addon_block .install-container { + position: absolute; + left: 7px; + bottom: 7px; +} +.html-rtl #featured_addons div.addon_block .install-container { + left: auto; + right: 7px; +} +.category_landing .primary div.addons_column { + float: left; + padding: 0 9px 8px 0; + width: 32%; +} +.html-rtl .category_landing .primary div.addons_column { + float: right; + padding: 0 0 8px 9px; +} + +.category_landing .primary div.addons_column.last { + float: left; + padding: 0 0 8px 0; +} +.html-rtl .category_landing .primary div.addons_column.last { + float: right; +} + +.category_landing .primary div.addons_column h3 { + background: #acacac; + -moz-border-radius-topleft: 8px; + -moz-border-radius-topright: 8px; + -webkit-border-top-left-radius: 8px; + -webkit-border-top-right-radius: 8px; + border-top-right-radius: 8px; + border-top-left-radius: 8px; + margin: 0px; + font-family: "Trebuchet MS",Helvetica,"Helvetica Neue",Arial,sans-serif; + line-height: 1.6em; +} +.category_landing .primary div.addons_column h3 span { + padding: 0 8px 0 8px; + text-transform: uppercase; + font-size: 14px; + color: #fff; + font-weight: bold; +} +.category_landing .primary div.addons_column ul { + list-style: none; + margin: 0; + padding: 0; +} +.category_landing .primary div.addons_column ul li { + position: relative; + border-left: 1px solid #c9c8c9; + border-right: 1px solid #c9c8c9; + margin: 0; + +} +.category_landing .primary div.addons_column ul li.odd { +} +.category_landing .primary div.addons_column ul li.even { + background: #f0efef; +} +.category_landing .primary div.addons_column ul li a { + height: 50px; + display: block; + text-decoration: none; + border: 1px solid transparent; + background: transparent url(../../img/sprite.png?20090602) no-repeat scroll right -2001px; +} +.html-rtl .category_landing .primary div.addons_column ul li a { + background-position: -363px -558px; +} +.category_landing .primary div.addons_column ul li a:hover { + border-top: 1px solid #000; + border-left: 1px solid #000; + border-bottom: 1px solid #000; + background: transparent url(../../img/sprite.png?20090602) no-repeat scroll right -2051px; +} +.html-rtl .category_landing .primary div.addons_column ul li a:hover { + border-left: 1px solid transparent; + border-right: 1px solid #000; + background-position: -363px -670px; +} +.category_landing .primary div.addons_column ul li a img.icon { + position: absolute; + top: 6px; left: 6px; +} +.html-rtl .category_landing .primary div.addons_column ul li a img.icon { + left: auto; + right: 6px; +} +.category_landing .primary div.addons_column ul li a .name { + display: block; + padding: 4px 15px 0 0; + margin-left: 52px; + color: #000; + font-size: 116%; + line-height: 1.25em; + height: 1.25em; + overflow: hidden; +} +.html-rtl .category_landing .primary div.addons_column ul li a .name { + padding: 4px 0 0 15px; + margin-left: 0; + margin-right: 52px; +} + +.category_landing .primary div.addons_column ul li a .rating { + margin-left: 42px; + padding: 0 0 4px 0; + display: block; +} +.html-rtl .category_landing .primary div.addons_column ul li a .rating { + margin-left: 0; + margin-right: 42px; + padding: 0 8px 0 0; +} + +.category_landing .primary div.addons_column ul li a .meta { + display: block; + margin-left: 52px; + font-size: 93%; + color: #777; + position: absolute; + bottom: 6px; +} +.html-rtl .category_landing .primary div.addons_column ul li a .meta { + margin-left: 0; + margin-right: 52px; +} + +.category_landing .primary div.addons_column .view-all { + color: #fff; + font-weight: bold; + background: #acacac; + -moz-border-radius-bottomleft: 8px; + -moz-border-radius-bottomright: 8px; + -webkit-border-bottom-left-radius: 8px; + -webkit-border-bottom-right-radius: 8px; + border-bottom-right-radius: 8px; + border-bottom-left-radius: 8px; + padding: 2px 0 2px 9px; + +} +.html-rtl .category_landing .primary div.addons_column .view-all { + padding: 2px 9px 2px 0; +} + +.category_landing .primary div.addons_column .view-all a:link, +.category_landing .primary div.addons_column .view-all a:visited, +.category_landing .primary div.addons_column .view-all a:hover, +.category_landing .primary div.addons_column .view-all a:active { + color: #fff; + text-decoration: none; + font-size: 93%; +} + +.category_landing .primary div.addons_column .view-all a:hover { + text-decoration: underline; +} + +.clearfix:after { + content: "."; + display: block; + clear: both; + visibility: hidden; + line-height: 0; + height: 0; +} + +.clearfix { + display: inline-block; +} + +html[xmlns] .clearfix { + display: block; +} + +* html .clearfix { + height: 1%; +} + +/* Modal collection subscription box, based on jqModal styling. */ +.modal-subscription { + display: none; + position: fixed; + top: 17%; + left: 50%; + margin-left: -20em; + width: 40em; +} + +/* Turn off notification box colors. */ +.modal-subscription .notification-box { + background: none; + border: none; +} + +/* The long description. */ +.modal-subscription .notification-box div { + margin-left: 60px; /* the offset from the icon */ + padding-bottom: .5em; + border-bottom: 2px dotted #b4dfee; +} + +/* The short message. */ +.modal-subscription .notification-box h2 { + margin-bottom: 0.5em; +} + +.modal-subscription .footer { + margin-left: 5.3em; /* offset to match the text indent */ + margin-top: -0.5em; +} + +.modal-subscription .bother { + float: right; + padding-right: 10px; /* matches the notification element */ +} + +.modal-subscription .bother label { + font-weight: normal; +} + +.jqmOverlay { + background-color: #000; +} + +/** END Modal collection box. */ + +/*** =Dictionaries ***/ +#dictionaries { background-color: #f7fafc; border: 1px solid #eef1f3; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } +#dictionaries th, #dictionaries td { border-bottom: 1px solid #eee; } +#dictionaries tbody tr.alt th, #dictionaries tbody tr.alt td { background-color: #fff; } +#dictionaries { clear: both; padding: 10px 15px; } +#dictionaries table { width: 100%; } +#dictionaries th, #dictionaries td { padding: 6px 12px; } +#dictionaries tbody th { font-weight: bold; } +/*** END =Dictionaries ***/ + +/* Search engines & Themes Landing pages */ +.secondary h3.compact { + margin-bottom: 12px; +} +.compact { + margin: 0px; +} +/* END Search engines & Themes Landing pages */ + +/** Footer language selector **/ +#language { + margin: 0 0.5em 0 0; +} +/** END Footer language selector **/ + +/*** =Browse Thumbs ***/ +.browse_thumbs .primary h2 { + margin-bottom: 0; +} +.browse_thumbs .primary h3 { + margin-top: 0; +} +.browse_thumbs .featured { + background: transparent; +} +.browse_thumbs ul.thumbs { + margin: 0; + padding: 0; +} +.browse_thumbs ul.thumbs li.thumb { + width: 24.5%; + float: left; +} +.browse_thumbs ul.thumbs li.thumb div.thumb_item { + display: block; + position: relative; + margin: 6px 4px 6px 4px; + background: #f9f9f9 url(../../img/sprite.png?20090430) no-repeat scroll left -968px; + height: 220px; + overflow: hidden; + border: 1px solid #ececec; + -moz-border-radius-topleft: 8px; + -moz-border-radius-topright: 8px; + -moz-border-radius-bottomleft: 8px; + -moz-border-radius-bottomright: 8px; + -webkit-border-top-left-radius: 8px; + -webkit-border-top-right-radius: 8px; + -webkit-border-bottom-left-radius: 8px; + -webkit-border-bottom-right-radius: 8px; + border-top-right-radius: 8px; + border-top-left-radius: 8px; + border-bottom-right-radius: 8px; + border-bottom-left-radius: 8px; + padding: 0 0 0 0px; +} +.browse_thumbs ul.thumbs li.thumb .flag { + position: absolute; + top: 2px; + left: 8px; + padding: 0px; + font-size: 80%; +} +.html-rtl .browse_thumbs ul.thumbs li.thumb .flag { + left: auto; + right: 8px; +} +.browse_thumbs ul.thumbs li.rec div.thumb_item .flag { +} +.browse_thumbs ul.thumbs li.rec div.thumb_item .flag a { + color: #360; +} +.browse_thumbs ul.thumbs li.rec div.thumb_item { + background-color: #efe; +} +.browse_thumbs ul.thumbs li.exp div.thumb_item .flag { +} +.browse_thumbs ul.thumbs li.exp div.thumb_item .flag a { + color: #900; +} +.browse_thumbs ul.thumbs li.exp div.thumb_item { + background-color: #fee; +} +.browse_thumbs ul.thumbs li.thumb .name { + margin: 8px 0px 0px 0; + padding: 0 0 0 8px; + line-height: 1.25em; + margin: 0; padding: 0; + position: absolute; + bottom: 2em; + left: 10px; +} +.html-rtl .browse_thumbs ul.thumbs li.thumb .name { + left: auto; + right: 10px; +} +.browse_thumbs ul.thumbs li.thumb .name a { + color: #000; +} +.browse_thumbs ul.thumbs li.thumb .meta { + margin: 0; padding: 0; + font-size: 93%; + color: #777; + position: absolute; + bottom: 4px; + left: 10px; +} +.html-rtl .browse_thumbs ul.thumbs li.thumb .meta { + left: auto; + right: 10px; +} +.browse_thumbs ul.thumbs li.thumb div.thumb_item .img { + text-align: center; + border:1px solid #CCCCCC; + margin: 1.5em 8px 0 8px; + overflow: hidden; +} +.browse_thumbs ul.thumbs li.thumb div.thumb_item .img img { + height: 135px; +} +.browse_thumbs .search-form { + margin-bottom: 0; +} +.browse_thumbs .secondary { + clear: both; +} +.browse_thumbs .subcategories li { + margin: 0.2em; +} +.browse_thumbs .subcategories li.sub { + margin-left: 1em; +} +.browse_thumbs .subcategories li.selected { + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + border: 1px solid #001133; + background-color: #223355; + padding: 0 3px 0 3px; +} +.browse_thumbs .subcategories li.selected a { + color: #fff; +} +.subcategories .items { + color: white; + background-color: #94BFCE; + -moz-border-radius: 7px; + -webkit-border-radius: 7px; + border-radius: 7px; + margin-left: 0.1em; + padding: 1px 5px; + font-size: 0.856em; + font-weight: normal; +} +/*** END =Browse Thumbs ***/ + +#license a { + font-size: 0.9em; +} + +/** + * Tag classes, from 1 to 10, 10 being the largest + */ + +.tagLevel1 {font-size: 1em;} +.tagLevel2 {font-size: 1.2em;} +.tagLevel3 {font-size: 1.4em;} +.tagLevel4 {font-size: 1.6em;} +.tagLevel5 {font-size: 1.8em;} +.tagLevel6 {font-size: 2em;} +.tagLevel7 {font-size: 2.2em;} +.tagLevel8 {font-size: 2.4em;} +.tagLevel9 {font-size: 2.6em;} +.tagLevel10 {font-size: 3em;} + +/** tag styles **/ +.addon-tags .usertag .tagitem { + padding-left: 20px; + background-image: url(../../img/amo2009/icons/icons.png); + background-repeat: no-repeat; + background-position: 0px -600px; +} + +.addon-tags .developertag .tagitem { + padding-left: 20px; + xbackground-image: url(../../img/amo2009/icons/icons.png); + background-repeat: no-repeat; + xbackground-position: 0px -700px; + background-image: url(../../img/amo2009/icons/tag_green.png); +} + + +.addon-tags li .removetag { + display:none; +} +.addon-tags li.hover .removetag, +#tags .nojs li .removetag { + display:inline; +} + +#tags #tagMessage { + background-color: #FFFFFF; + color:#666666; + display:block; + font-size:0.769em; + font-weight:normal; + line-height:1em; + text-shadow:1px 1px 1px #FFFFFF; + text-transform:uppercase; + padding: 4px; +} + +.results-head {width: 100%;} +.results-head h2 { margin-bottom: 0;} +.results-head h3 {margin-top: 0; font-family: "helvetica neue", arial, helvetica, sans-serif; font-weight: normal; color: #444;} + +.results .item .item-info .downloads {display: block; margin-left: 0px;} +.results .item .install {float: none; margin-left: 0px;} + +.secondary ul.refinements li a { padding: 0.21em 1.2em; display: block; color: #444; font-weight: normal;} +.secondary ul.refinements li.selected a { + background-color: #b9dbe7; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + font-weight: bold; + background-image: url(../../img/amo2009/icons/arrows.gif); + background-repeat: no-repeat; + background-position:4px -152px; +} +.secondary ul.refinements li a.tagitem { + padding: 0.21em 2em; + background-image: url(../../img/amo2009/icons/icons.png); + background-repeat: no-repeat; + background-position: 3px -596px; +} + +/*** =Site-notice ***/ +#site-notice { + background: #ffe; border-bottom: 2px solid #ccc; + font-size: 110%; + width: 80%; + padding: 5px 10% 0px; + margin:0px; +} diff --git a/site/app/webroot/css/amo2009/amo-original/main.css b/site/app/webroot/css/amo2009/amo-original/main.css new file mode 100644 index 0000000..f218d03 --- /dev/null +++ b/site/app/webroot/css/amo2009/amo-original/main.css @@ -0,0 +1,4070 @@ +/* @group General styles */ +/* +Harmonise v1.3 +Resets styles then adds basic typographical styling. +Use as a starting point upon which to build more CSS. +By Clearleft.com +*/ + +/* @group Reset */ + +/* Based on http://meyerweb.com/eric/tools/css/reset/ */ +/* v1.0 | 20080212 */ + +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, font, 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 { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + vertical-align: baseline; + background: transparent; +} + +ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} + +/* tables may still need 'cellspacing="0"' in the markup */ +table { + border-collapse: collapse; + border-spacing: 0; +} + +/* @end */ + +html { + background-color: #fafdfe; + background-image: url(../../img/amo2009/bg/body.jpg); + background-position: top center; + background-repeat: no-repeat; +} + +body { + margin: 0 auto; + color:#444444; + font-size:13px; + line-height:1.538em; /* Baseline grid of 20px */ + background-image: url(../../img/amo2009/bg/header-border.png); + background-repeat: repeat-x; + background-position: top left; + position: relative; + min-width: 780px; +} + +/* for pages without a header or footer */ +body.min { + background-image: none; + padding-top: 3em; + padding-bottom: 2em; +} + +a:link, +button.link span { + color: #0055EE; + text-decoration: none; +} +a:visited { + color: #003595; + text-decoration: none; +} +a:hover, +a:focus, +button.link:hover, +button.link:focus span { + color: #003595; + text-decoration: underline; +} +a:active, +button.link:active span { + color: #003595; + text-decoration: underline; +} + +/* @group Font families */ + +body, +#title, +.categories h3, +.item h3, +.section-teaser .addon-view h3 { + font-family: "helvetica neue", arial, helvetica, sans-serif; +} + +h2, +h3, +#title em, +.highlight h2, +.highlight h3, +.stats strong, +h4.step { + font-family: georgia, serif; +} + +pre, code, kbd, tt, samp, tt { + font-family: "andale mono", monospace; +} + +/* @end */ + +/* @group Headings */ + +/* size headings using classic scale of 16, 18, 24, 36 */ + +h1 { + font-size: 2.571em /* 36px */; + line-height:1em /* 36px */; + margin-top:0.1667em /* 6px */; + margin-bottom:0.5833em /* 21px */; +} +h2 { + font-size:2.154em /* 28px */; + font-weight:normal; + line-height:1em /* 28px */; + margin-top:0.5em /* 42px */; + margin-bottom:0.5em /* 14px */; + color:#C63717; +} +h3 { + color:#011234; + font-size:1.385em /* 18px */; + font-weight:normal; + line-height:1.111em /* 20px */; + margin-top:1.556em /* 28px */; + margin-bottom:0.778em /* 14px */; +} +h4 { + color:#223355; + font-size:1em /* 13px */; +} +h5, h6 { + font-size:1em /* 13px */; +} + +/* @end */ + +/* @group Lists */ + +.prose ul, +ul.xoxo, +ul.xoxo ul { +/* unordered lists more often DON'T require bullets except in extended bits of writing. Where bullets are required apply the .prose class to a container, or apply directly with .xoxo */ + list-style-type: square; + margin-left: 1.5em; /* 21px */ +} + +.prose ul li, +ul.xoxo li, +ul.xoxo ul li { + margin-bottom: 0.5em; +} + +ol { /* ordered lists usually DO require (numbered) bullets */ + list-style-type: decimal; + margin-left: 2em; /* 26px */ +} + +dt { + font-weight: bold; + margin-top: 1.5em; /* 19.5px */ +} + +ul ul, ol ol, ol ul, ul ol { + margin-bottom: 0; +} + +/* @end */ + +/* @group Tables */ + +table { + border-bottom: 1px solid #666; +} + +caption { + font-weight: bold; + padding-bottom: 0.539em; /* 7px */ + font-size:1.231em; /* 16px */ +} + +thead th { + border-top: 1px solid #666; + border-bottom: 3px solid #666; + padding-top: 0; + padding-bottom: 0.539em; /* 7px */ +} + +tbody { + border-top: 3px solid #666; /* not rendered in IE6/7 */ +} + +tbody tr th, tbody tr td { + border-top: 1px solid #ddd; +} + +th, td { + text-align: left; + padding: 0.308em 0.537em 0.214em 0.231em; /* 4px 7px 3px 7px */ +} + +/* @end */ + +/* @group Blockquotes */ + +blockquote { + font-style: italic; + margin:0 1.5em 1.5em 1.5em; /* 19.5px */ +} + +p+p+blockquote { + margin-top: 1.5em /* 19.5px */; +} + +blockquote cite, blockquote em { + font-style: normal; +} + +/* @end */ + +/* @group Other styling */ + +p, ul, ol, dl, address, table, pre, form, fieldset { + font-size: 1em /* 14px */; + margin-bottom: 1.5em; /* 21px */ +} + +address { + font-style: normal; +} + +ins { + text-decoration: underline; +} + +del { + text-decoration: line-through; +} + +/* @end */ + + +/* @end */ + +/* @group Helper styles */ + +/* @group Forms */ + +/* @group Containers */ + +form .container { + margin-bottom: 1.5em; /* 19.5px */ +} + + +/* @group Fieldsets */ + +fieldset { + border: 1px solid #ccc; + padding: 0 1.5em 1em 1.5em; /* 0 19.5px 13px 19.5px */ +} + +legend { + font-weight: bold; +} + +form fieldset .container { + margin-top: 1em; /* 13px */ + margin-bottom:0; + position: relative; +} + +/* @end */ + +/* @end */ + +/* @group Labels */ + +label { + font-weight: bold; + cursor: pointer; +} + +.meta-label { + font-weight: bold; + margin-bottom: 0; +} + +.multi-container label, +.radio-container label, +.checkbox-container label { + font-weight: normal; +} + +.radio-container label, +.checkbox-container label { + display: block; +} + +.compact label { + display: inline; +} + +/* @end */ + +/* @group Meta */ + +form .help { + display: block; + color: #777; + font-style: normal; + font-size: 0.923em; /* 12px */ +} + +/* @end */ + +/* @group Form controls */ + +input, textarea, select, button { + font-family: inherit; + font-size: 1em; + line-height: inherit; +} + +select { + background-color: #fff; /* fixes bug in Opera which inherits bgcolor from container */ +} + + +button { + overflow: visible; + cursor: pointer; +} + +textarea, +input[type='text'], +input[type='password'], +select { + border-width: 1px; + border-style: solid; + border-top-color: #999; + border-left-color: #999; + border-bottom-color: #ccc; + border-right-color: #ccc; + padding: 0 1px 1px 1px; +} + +textarea:focus, +input[type='text']:focus, +input[type='password']:focus, +select:focus { + border-color: #888; + outline: 1px solid #ffffaa; +} + +input.short { + width: 4em; +} + +input.medium, textarea.medium { + width: 12em; +} + +input.long, textarea.long { + width: 30em; +} + +textarea { + width: 99%; + display: block; +} + +.button-container input { + font-weight: bold; +} + +.button-container input.cancel { + font-weight: normal; +} + +button.link { + border: 0; + padding: 0; + background-color: #fff; + font-weight: normal; + cursor: pointer; + width: auto; + overflow: visible; +} + +/* accessibility feature, resize check and radio inputs */ +.radio-container input, +.checkbox-container input { + width: 1em; + height: 1em; +} + +/* @end */ + +/* @end */ + +/* @group Stars */ + +.stars { + text-indent:-5000px; + background-image: url(../../img/amo2009/icons/stars.png); + background-position: 0 50%; + background-repeat: no-repeat; + margin-right: 0.5em; + width: 63px; + display: block; + float: left; +} +.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%; +} + +/* @group star select replacement */ + +select.replaced { + display: none; +} +.selectReplacement { + cursor: pointer; + list-style: none; + position: relative; + width: 65px; + height: 12px; + margin: 0; + padding:0; + background-image:url("../../img/amo2009/icons/starselect.gif"); + background-position: -65px 0; + background-repeat: no-repeat; + overflow: hidden; +} +.selectReplacement li { + display: inline; + margin: 0; + padding: 0; +} +.selectReplacement li a:link, +.selectReplacement li a:visited, +.selectReplacement li a:hover, +.selectReplacement li a:active, +.selectReplacement li a:focus { + display: block; + position: absolute; + width: 13px; + height: 12px; + text-indent: -9999px; + overflow: hidden; + left: 0; +} +ul.worst { + background-position: -52px 0; +} +ul.bad { + background-position: -39px 0; +} +ul.fair { + background-position: -26px 0; +} +ul.good { + background-position: -13px 0; +} +ul.best { + background-position: 0 0; +} +.selectReplacement li.worst a:link, +.selectReplacement li.worst a:visited, +.selectReplacement li.worst a:hover, +.selectReplacement li.worst a:active, +.selectReplacement li.worst a:focus { + left: 0; + z-index: 6; +} +.selectReplacement li.bad a:link, +.selectReplacement li.bad a:visited, +.selectReplacement li.bad a:hover, +.selectReplacement li.bad a:focus, +.selectReplacement li.bad a:active { + left: 13px; + z-index: 5; +} +.selectReplacement li.fair a:link, +.selectReplacement li.fair a:visited, +.selectReplacement li.fair a:hover, +.selectReplacement li.fair a:focus, +.selectReplacement li.fair a:active { + left: 26px; + z-index: 4; +} +.selectReplacement li.good a:link, +.selectReplacement li.good a:visited, +.selectReplacement li.good a:hover, +.selectReplacement li.good a:focus, +.selectReplacement li.good a:active { + left: 39px; + z-index: 3; +} +.selectReplacement li.best a:link, +.selectReplacement li.best a:visited, +.selectReplacement li.best a:hover, +.selectReplacement li.best a:focus, +.selectReplacement li.best a:active { + left: 52px; + z-index: 2; +} +.selectReplacement li a:hover, +.selectReplacement li a:focus, +.selectReplacement li a:active { + background-position: left top; + background-repeat: repeat-x; + background-image:url("../../img/amo2009/icons/starselect_single.gif"); + left: 0; +} + +.selectReplacement li.worst a:hover, +.selectReplacement li.worst a:focus, +.selectReplacement li.worst a:active { + width: 13px; + left: 0; +} +.selectReplacement li.bad a:hover, +.selectReplacement li.bad a:focus, +.selectReplacement li.bad a:active{ + width: 26px; + left: 0; +} +.selectReplacement li.fair a:hover, +.selectReplacement li.fair a:focus, +.selectReplacement li.fair a:active{ + width: 39px; + left: 0; +} +.selectReplacement li.good a:hover, +.selectReplacement li.good a:focus, +.selectReplacement li.good a:active{ + width: 52px; + left: 0; +} +.selectReplacement li.best a:hover, +.selectReplacement li.best a:focus, +.selectReplacement li.best a:active { + width: 65px; + left: 0; +} + +/* @end */ + +/* @end */ + +/* @group indicators */ + +.downloads { + color: #390; + clear: both; +} + +.subscribe, +.addons, +.collections, +.subscribers, +.category, +.tags, +.share, +.digg, +.delicious, +.facebook, +.friendfeed, +.myspace { + background-image: url(../../img/amo2009/icons/icons.png); + background-repeat: no-repeat; + padding-left: 20px; +} + +.subscribe { + background-position: 0 2px; +} + +.share { + background-position: 0 -100px; +} + +.addons { + background-position: 0 -200px; + padding-bottom: 7px; +} +.collections { + background-position: 0 -300px; +} +.subscribers { + background-position: 0 -400px; + padding-bottom: 7px; +} +.category { + background-position: 0 -503px; +} +.tags { + background-position: 0 -600px; +} +.digg { + background-position: 0 -900px; +} +.delicious { + background-position: 0 -1000px; +} +.facebook { + background-position: 0 -1100px; +} +.friendfeed { + background-position: 0 -1200px; +} +.myspace { + background-position: 0 -1300px; +} + +h3 span.new { + padding: 0.2em 0.5em; + background-color: #305083; + color: white; + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + border-radius: 8px; + background-image: url(../../img/amo2009/bg/heading-dark-blue.jpg); + background-repeat: repeat-x; + background-position: bottom left; + border: 1px solid #021437; + text-transform: uppercase; + font-size: 0.611em; +} + +/* @end */ + +/* @group hReviews */ + +.hreview { + border-bottom: 1px dotted #B5D9E5; + padding: 0.5em 0 1em 0; + margin-bottom: 0.5em; +} + +.hreview p { + margin-bottom: 0; +} + +.hreview:last-child { + border-bottom: none; +} + +/* @end */ + +/* @group More Info */ + +.more-info, +.more-info:link, +.more-info:visited, +.more-info:hover, +.more-info:focus, +.more-info:active { + font-weight: bold; + float: right; + background-image: url(../../img/amo2009/icons/arrows.gif); + background-repeat: no-repeat; + background-position:right -153px; + padding-right: 1em; + color: #0055EE; +} + +.more-info:hover, +.more-info:focus, +.more-info:active { + background-position:right -203px; + color: #003595; +} + +/* @end */ + +/* @group Generic Image Styles */ + +.pull-left { + margin-right: 1em; + float: left; +} +.html-rtl .pull-left { + margin-right: auto; + margin-left: 1em; + float: right; +} +.pull-right { + margin-left: 1em; + float: right; +} +.html-rtl .pull-right { + margin-left: auto; + margin-right: 1em; + float: left; +} +.teaser-img { + text-align: center; + display: block; +} +img.icon { + background-color: #fff; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + padding: 4px; +} + +h5 img.icon, +h2 img.icon { + float: left; + margin-right: 10px; +} +h2 img.icon { + position: relative; + top: -0.2em; +} +img.avatar { + border: 3px solid #FFFFFF; +} + +img.photo-large { + padding: 5px; + background-color: #FFFFFF; + width: 200px; + max-width: 99.9%; + border: none; + border-bottom: 1px solid #B5D9E5; + border-right: 1px solid #B5D9E5; +} + +.screenshot.thumbnail { + border: 3px solid #C9E8F3; + float: left; + margin-right: 1em; + margin-bottom: 1em; + height: 150px; + width: 200px; +} + +.screenshot.thumbnail img { + display: block; +} + +.hasJS .screenshot.thumbnail { + position: relative; +} + +.hasJS .screenshot.thumbnail .img-control { + position: absolute; + top: -10px; + right: -10px; + width: 18px; + height: 18px; + overflow: hidden; +} + +img.scale { + width: 100%; +} + +/* @end */ + +/* @group Buttons */ + +a:link.button, +a:visited.button, +a:hover.button, +a:focus.button, +a:active.button, +button,input[type=submit] { + background-image: url(../../img/amo2009/bg/button-blue.jpg); + background-color:#73B9FF; + background-position:center center; + background-repeat:repeat-x; + padding:0 0.6em 0 0.5em; + -moz-border-radius: 13px; + -webkit-border-radius: 8px; + border-radius: 10px; + color:#FFFFFF; + font-family:helvetica, arial, sans-serif; + text-decoration:none; + font-size:1em; + text-shadow:-1px -1px 1px #196CF2; + white-space:nowrap; + overflow:visible; + cursor:pointer; + border:1px solid #258BFF; + margin:0.3em 0; + vertical-align:middle; +} + +a:link.button img, +a:visited.button img, +a:hover.button img, +a:focus.button img, +a:active.button img, +button img { + vertical-align:middle; + padding:0; + margin:0; + border-left:none; + border-top:none; + border-bottom:none; + border-right:1px solid #3399FF; + margin:0 0.6em 0.25em 0; + padding:0.1em 0.5em 0.1em 0; +} + +a:link.auxillary, +a:visited.auxillary, +a:hover.auxillary, +a:focus.auxillary, +a:active.auxillary, +button.auxillary { + font-size:0.923em; + padding:0.15em 1em 0.1em 0.7em; +} + +a:link.prominent, +a:visited.prominent, +a:hover.prominent, +a:focus.prominent, +a:active.prominent, +button.prominent { + font-size:1.2em; + -moz-border-radius: 13px; + -webkit-border-radius: 11px; + border-radius: 13px; +} + +a:link.significant, +a:visited.significant, +a:hover.significant, +a:focus.significant, +a:active.significant, +button.significant { + font-size:1.2em; + -moz-border-radius: 16px; + -webkit-border-radius: 14px; + border-radius: 16px; + font-weight: bold; + padding:0.4em 0.8em 0.3em 0.5em; + line-height: 2em; +} + +a:link.significant img, +a:visited.significant img, +a:hover.significant img, +a:focus.significant img, +a:active.significant img, +button.significant img { + /* padding:0 0.4em 0.2em 0.2em; */ + /* margin-right: 0.4em; */ + margin-bottom:0.4em; + margin-right:0.6em; + padding:0.4em 0.6em 0.2em 0.2em; +} + +a:link.button.neutral, +a:visited.button.neutral, +a:hover.button.neutral, +a:focus.button.neutral, +a:active.button.neutral, +button.neutral { + background-color:#E5A365; + background-image: url(../../img/amo2009/bg/button-orange.jpg); + border:1px solid #CB7E42; + text-shadow:-1px -1px 1px #BF6524; +} + +a:link.button.neutral img, +a:visited.button.neutral img, +a:hover.button.neutral img, +a:focus.button.neutral img, +a:active.button.neutral img, +button.neutral img { + border-right:1px solid #DD7711; +} + +a:link.button.positive, +a:visited.button.positive, +a:hover.button.positive, +a:focus.button.positive, +a:active.button.positive, +button.positive { + background-color:#8CC553; + background-image: url(../../img/amo2009/bg/button-green.jpg); + border: 1px solid #488F03; + text-shadow:-1px -1px 1px #7BAB29; +} + +a:link.button.positive img, +a:visited.button.positive img, +a:hover.button.positive img, +a:focus.button.positive img, +a:active.button.positive img, +button.positive img { + border-right:1px solid #55AA00; +} + +a:link.negative, +a:visited.negative, +a:hover.negative, +a:focus.negative, +a:active.negative, +button.negative { + background-color:#EC7F82; + background-image: url(../../img/amo2009/bg/button-red.jpg); + border: 1px solid #CF2F1E; +} + +a:link.negative img, +a:visited.negative img, +a:hover.negative img, +a:focus.negative img, +a:active.negative img, +button.negative img { + border-right:1px solid #E54C4F; +} + +a:link.button[disabled=disabled], +a:visited.button[disabled=disabled], +a:hover.button[disabled=disabled], +a:focus.button[disabled=disabled], +a:active.button[disabled=disabled], +button[disabled=disabled], +input[type=submit][disabled=disabled] { + opacity: 0.5; + cursor: default; +} + +/* @end */ + +/* @group Add To Favourites */ + +button.add-to-fav { + margin: 0; + padding: 0.5em 0 0.2em 19px; + background: none; + background-image: url(../../img/amo2009/icons/fav-off.gif); + background-position: left center; + background-repeat: no-repeat; + -moz-border-radius: 0; + border:none; + color: #0055EE; + cursor:pointer; + text-shadow:none; + white-space: normal; + font-size: 0.923em; + font-weight: bold; +} + +button.add-to-fav.fav { + color: #CC0000; + background-image: url(../../img/amo2009/icons/fav-on.gif); +} + +form button.add-to-fav:hover, +form button.add-to-fav:focus { + color: black; +} + +form button.add-to-fav.loading-fav, +form button.add-to-fav.loading-fav:hover, +form button.add-to-fav.loading-fav:focus, +form button.add-to-fav.loading-fav:active { + color: #A4A5A5; + background-image: url(../../img/amo2009/icons/orange-loading.gif); +} + +/*.favorite { + background-image: url(../../img/amo2009/icons/icons.png); + background-repeat: no-repeat; + background-position: 0 -700px; + padding-left: 20px; + padding-bottom: 7px; + cursor: pointer; +} +.favorite-loading { + background-image: url(../../img/amo2009/icons/orange-loading.gif); + background-position: 0 0; +} + +.favorite-added { + background-image: url(../../img/amo2009/icons/icons.png); + background-position: 0 -800px; + color: #D11F1F; +} */ + +form.favorite { + margin: 0; +} + +/* @end */ + +.privacy-policy { + margin-left: 1em; + margin-top: 0.5em; +} + +.prose { + margin: 1em; +} +.primary.prose { + margin: 0; +} + +.intro { + font-size: 1.23em; /* 16px */ + line-height: 1.375; /* 22px */ + color: #84898A; +} +.accessibility-only { + display:block; + float:left; + height:1px; + overflow:hidden; + text-indent:-5000px; + width:1px; +} + +/* @end */ + +/* @group Page structure */ + +.section { + width: 90%; + overflow: hidden; + padding: 0 2%; + margin: 0 auto; + max-width: 90em; + min-width: 20em; + position: relative; + min-height: 30em; +} + +/* @group Header */ + +#header { + position: relative; + padding: 1px 0 0 0; +} + +/* @group Title */ + +#title { + font-size: 3.231em; /* 42px */ + color: #223355; + font-weight: bold; + margin-top: 1.2em; + margin-bottom: 0.4em; + line-height: 0.8; +} + +#title a:link, +#title a:visited, +#title a:hover, +#title a:focus, +#title a:active { + color: #223355; + text-decoration: none; + background: none; +} + +#title em { + color: #445577; + font-weight: normal; + font-style: italic; +} + +#title img { + vertical-align: middle; + position: relative; + top: -0.1em; +} + +/* @end */ + +/* @group Brand */ + +#brand { + position: absolute; + top: 4px; + left: 0; + margin: 0; +} + +#brand a:link, +#brand a:visited, +#brand a:hover, +#brand a:focus, +#brand a:active { + background-image: url(../../img/amo2009/tab-mozilla.png); + background-position: top left; + background-repeat: no-repeat; + width: 90px; + height: 31px; + overflow: hidden; + display: block; + text-indent: -5000px; +} + +/* @end */ + +/* @group Stats */ + +.stats { + font-size: 0.923em; + text-align: right; + margin: -4.8em 1em 0 0; + padding: 0; + float: right; + color: #223355; + display: table; + border-collapse: collapse; +} + +.hasJS .stats { + margin: -8em 0 0 0; +} + +.stats li { + padding: 0.1em 0; + line-height: 1.2em; +} + +.hasJS .stats li { + border-bottom: 1px dotted #94BFCE; + padding: 0.2em 0; + line-height: 1.25em; + display: table-row; +} + +.stats li:last-child { + border-bottom: none; +} + +.stats strong, .stats span { + display: table-cell; + padding: 0.1em 0.2em; +} + +.stats span { + text-align: left; +} + +.stats strong { + color: #C63717; + font-size: 1.33em; + font-weight: normal; +} + +/* @end */ + +/* @group Aux nav */ + +#aux-nav { + position: absolute; + top: 5px; + right: 0; + margin: 0 0 0 100px; + font-size: 0.923em; + padding: 0; + text-align: right; + color: #757778; +} + +#aux-nav p.context { + display: block; + float: right; + padding-top: 0.7em; + padding-right: 1em; + position: absolute; + top: 5px; + right: 0; +} + +.hasJS #aux-nav p.context { + position: static; +} + +#aux-nav ul { + display: block; + padding-top: 0.7em; + z-index: 1; +} + +.hasJS #aux-nav ul { + float: right; + padding-right: 1em; +} + +#aux-nav span.greeting { + margin-right: 1em; +} + +#aux-nav .settings { + margin-right: 1em; +} + +#aux-nav a:link, +#aux-nav a:visited, +#aux-nav a:hover, +#aux-nav a:focus, +#aux-nav a:active { + /*margin-left: 1em;*/ + font-weight: bold; + white-space: nowrap; +} + +/* #aux-nav a.change:link, +#aux-nav a.change:visited, +#aux-nav a.change:hover, +#aux-nav a.change:focus, +#aux-nav a.change:active { + background-image: url(../../img/amo2009/bg/border-header-user-options.gif); + background-repeat: no-repeat; + background-position: top left; + display: block; + padding-top: 0.7em; + padding-left: 1em; + float: right; +} + +#aux-nav .tools { + margin: 0 1em; +} */ + +/* @group Change */ + +#aux-nav ul.change { + margin: 2.5em 0 0 0; + padding: 0; +} + +.hasJS #aux-nav ul.change { + background-image: url(../../img/amo2009/bg/border-header-user-options.gif); + background-repeat: no-repeat; + background-position: top right; + margin-top: 0; + border-right: 3px solid transparent; + position: relative; +} + +#aux-nav ul.change li { + display: inline; + margin-left: 1em; +} + +.hasJS #aux-nav ul.change li { + background-image: url(../../img/amo2009/bg/border-header-user-options.gif); + background-repeat: no-repeat; + background-position: top left; + display: block; + margin-left: 0; +} + +#aux-nav ul.change li li { + background-image: none; + background-repeat: no-repeat; + background-position: top left; +} + +.hasJS #aux-nav .change li ul li { + background-color: #FFFFFF; + background-image: url(../../img/amo2009/bg/header-dropdown.png); + background-repeat: repeat-x; + background-position: top left; + border-top: 1px solid #D0EBF4; + width: 11em; + text-align: left; + margin: 0; + padding: 0; +} + +.hasJS #aux-nav .change li ul li a { + background-repeat: no-repeat; + background-position: top left; + display: block; + margin: 0; + padding: 0.3em 0.3em 0.3em 45px; +} + +.hasJS #aux-nav .change li ul li.firefox a { + background-image: url(../../img/amo2009/icons/logos-applications.gif); + background-repeat: no-repeat; + background-position: 1em 0; +} +.hasJS #aux-nav .change li ul li.thunderbird a { + background-image: url(../../img/amo2009/icons/logos-applications.gif); + background-repeat: no-repeat; + background-position: 1em -50px; + top: 24px; +} +.hasJS #aux-nav .change li ul li.sunbird a { + background-image: url(../../img/amo2009/icons/logos-applications.gif); + background-repeat: no-repeat; + background-position: 1em -100px; +} +.hasJS #aux-nav .change li ul li.seamonkey a { + background-image: url(../../img/amo2009/icons/logos-applications.gif); + background-repeat: no-repeat; + background-position: 1em -150px; +} + + +#aux-nav ul.change a.controller:link, +#aux-nav ul.change a.controller:visited, +#aux-nav ul.change a.controller:focus, +#aux-nav ul.change a.controller:hover, +#aux-nav ul.change a.controller:active { + padding: 0.7em 1em 0 1em; + cursor:default; + color: #333333; + text-decoration: none; +} + +.hasJS #aux-nav ul.change a.controller:link, +.hasJS #aux-nav ul.change a.controller:visited, +.hasJS #aux-nav ul.change a.controller:focus, +.hasJS #aux-nav ul.change a.controller:hover, +.hasJS #aux-nav ul.change a.controller:active { + padding: 0.7em 20px 0.5em 1em; + display: block; + cursor:pointer; + color: #0055EE; + background-image: url(../../img/amo2009/icons/arrows.gif); + background-repeat: no-repeat; + background-position: 95% -65px; +} + +.hasJS #aux-nav ul.change a.controller:focus, +.hasJS #aux-nav ul.change a.controller:hover, +.hasJS #aux-nav ul.change a.controller:active { + text-decoration: underline; + color: #003595; + background-position: 95% -105px; +} + +#aux-nav ul.change ul { + display: inline; +} + +.hasJS #aux-nav ul.change ul { + display: none; + position: absolute; + right: -3px; + padding: 0; + border-right: 3px solid #A2C2D7; + border-bottom: 3px solid #A2C2D7; +} + +/* @end */ + +/* @group Tools */ + +#aux-nav ul.tools { + margin: -0.5em 0 0 0; + padding: 0; + background-image: none; +} + +.hasJS #aux-nav ul.tools { + margin: 0; + position: relative; + border-right: 3px solid transparent; +} + +#aux-nav ul.tools li { + background-image: none; + display: inline; + margin-left: 1em; +} + +.hasJS #aux-nav ul.tools li { + display: block; + margin-left: 0; +} + +#aux-nav ul.tools li li { + background-image: none; + background-repeat: no-repeat; + background-position: top left; +} + +.hasJS #aux-nav .tools li ul li { + background-color: #FFFFFF; + background-image: url(../../img/amo2009/bg/header-dropdown.png); + background-repeat: repeat-x; + background-position: top left; + border-top: 1px solid #D0EBF4; + width: 10em; + text-align: left; + margin: 0; + padding: 0.3em 0.3em 0.3em 1em; +} + +#aux-nav ul.tools a.controller:link, +#aux-nav ul.tools a.controller:visited, +#aux-nav ul.tools a.controller:focus, +#aux-nav ul.tools a.controller:hover, +#aux-nav ul.tools a.controller:active { + padding: 0.7em 1em 0 1em; + cursor:default; + color: #333333; + text-decoration: none; +} + +.hasJS #aux-nav ul.tools a.controller:link, +.hasJS #aux-nav ul.tools a.controller:visited, +.hasJS #aux-nav ul.tools a.controller:focus, +.hasJS #aux-nav ul.tools a.controller:hover, +.hasJS #aux-nav ul.tools a.controller:active { + padding: 0.7em 20px 0.5em 1em; + display: block; + cursor:pointer; + color: inherit; + text-decoration: inherit; + color: #0055EE; + background-image: url(../../img/amo2009/icons/arrows.gif); + background-repeat: no-repeat; + background-position: 95% -65px; +} + +.hasJS #aux-nav ul.tools a.controller:focus, +.hasJS #aux-nav ul.tools a.controller:hover, +.hasJS #aux-nav ul.tools a.controller:active { + color: #003595; + text-decoration: underline; + background-position: 95% -105px; +} + +#aux-nav ul.tools ul { + display: inline; +} + +.hasJS #aux-nav ul.tools ul { + display: none; + position: absolute; + right: -3px; + padding: 0; + border-right: 3px solid #A2C2D7; + border-bottom: 3px solid #A2C2D7; +} + +/* @end */ + +.hasJS #aux-nav .expanded .controller { + background-color: #FFFFFF; + padding-bottom: 1em; +} + +.hasJS #aux-nav ul.expanded { + border-right: 3px solid #A2C2D7; +} + +/* @end */ + +/* @end */ + +/* @group Footer */ + +#footer { + background-image: url(../../img/amo2009/bg/footer.png); + background-repeat: repeat-x; + background-position: 0 50px; + clear: both; + padding-bottom: 1em; +} +#footer .section { + min-height: 0; +} +#footer .primary { + float: left; + padding-top: 70px; + background-image: url(../../img/amo2009/logo-mozilla.gif); + background-repeat: no-repeat; + background-position: 0 70px; + clear: none; +} +#footer .secondary { + float: right; + text-align: right; + clear: none; +} +#footer .secondary img { + max-width: 190px; + width: 100%; +} +#footer p { + margin-bottom: 0; + margin-left: 60px; + margin-right: 1em; +} +#footer ul { + font-size: 0.846em; + line-height: 1.273; + margin-top: 0.3em; + padding: 0; + margin-left: 60px; + margin-right: 1.273em; +} +#footer ul li { + display: inline; + margin-right: 1em; +} +#footer .disclaimer { + font-size: 0.846em; + line-height: 1.273; + color: #666666; + margin-right: 1.273em; +} + +#footer .languages { + float: right; + margin: 0; +} + +/* @end */ + +/* @group Layout constructs */ + +.primary { + width: 73.47%; + float: right; + clear: right; + display: inline; +} +.secondary { + width: 24.49%; + float: left; + clear: both; + display: inline; +} + +.primary .primary { + width: 63.889%; + float: left; + clear: none; +} + +.primary .secondary { + margin-bottom: 2em; + width: 33.333%; + float: right; + clear: none; +} + +/* @group Inverse layout */ + +.inverse .primary { + float: left; + clear: left; +} +.inverse .secondary { + float: right; + clear: right; +} +.inverse .primary .primary { + float: left; + clear: none; +} +.section .inverse .primary { + float: right; + clear: none; +} +.inverse .primary .secondary { + float: right; + clear: none; +} +.section .inverse .secondary { + float: left; + clear: none; +} + +/* @end */ + +.column-wrapper { + overflow: hidden; +} + +.column { + float: left; + width: 32%; + display: inline; + margin-left: 2%; +} + +.first { + margin-left: 0; +} + +/* @end */ + + +/* @end */ + +/* @group Page Components */ + +.secondary fieldset { + border: none; + padding: 0; +} + +.secondary select#add-to-collection { + width: 100%; + margin: 0.5em 0; +} + +.secondary li a:link, +.secondary li a:visited, +.secondary li a:hover, +.secondary li a:focus, +.secondary li a:active { + font-weight: bold; +} + +/* @group Featured */ + +.featured { + border: 4px solid #B5D9E5; + background-color: #B5D9E5; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + margin-bottom: 2em; + clear: both; +} +.featured-inner { + background-color: #fff; + border: 1px solid #2E5186; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} + +/* @end */ + +/* @group Article */ + +.article { + background-color: #fff; + border: 1px solid #C9E8F3; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + padding: 1em; + overflow: hidden; +} +.secondary .article { + margin-bottom: 1em; +} + +.article h4 { + clear: both; + margin-bottom: 0.3em; +} + +.article img .screenshot { + margin-top: 1em; + margin-right: 2em; +} + +.article a:link, +.article a:visited, +.article a:hover, +.article a:focus, +.article a:active { + font-weight: bold; +} + +.article ul.further-navigation { + border-top: none; + padding-top: 0; + margin-bottom: 0; +} + +/* @end */ + +/* @group Notification */ + +.notification { + background-color: #FFFFFF; + border: 1px solid #C8E8F3; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; + padding: 1em; + color: #444444; + margin-bottom: 2em; + position: relative; +} + +.notification h3 { + font-style: italic; + font-weight: normal; + line-height: 1.5em; + color: #223355; + margin-top: 0; +} + +.notification .continue { + margin:0.5em 0 0 1em; +} + +.notification .continue a:link, +.notification .continue a:visited, +.notification .continue a:hover, +.notification .continue a:focus, +.notification .continue a:active { + font-size: 1.5em; +} + +.notification .suggestion { + float: right; + text-align: right; +} + +.notification .suggestion p { + margin: 0; + color: #666666; + font-weight: bold; +} +.notification .aux { + overflow: hidden; + width: 100%; +} + +.toggle-help, +.toggle-info .close { + display: none; +} + +.hasJS .toggle-help, +.hasJS .toggle-info .close { + display: block; +} + +.hasJS .toggle-info .close { + font-size: 0.769em; + position: absolute; + top: 1em; + right: 0.5em; +} + +.notification .toggle-info { + color: #666666; + font-size:1.385em; + line-height: 1.375em; + position: relative; +} + +.notification .toggle-info p { + margin-bottom: 0; + margin-top: 1em; +} + +.hasJS .notification .toggle-info { + clear: both; + font-weight: normal; + position: absolute; + right: 0; + font-size: 1em; + clear:both; + width: 24.3%; + background-image: url(../../img/amo2009/icons/pointer.gif); + background-repeat: no-repeat; + background-position: 95% 4px; + padding-top: 10px; +} + +.hasJS .primary .notification .toggle-info { + width: 33.2%; +} +.hasJS .primary .object-lead .toggle-info { + width: 100%; +} + +.hasJS .notification .toggle-info p { + margin-top: 0; + background-color: white; + padding: 1em; + border: 1px solid #2E5186; + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; +} + + +/* @end */ + +/* @group Highlights */ + +.highlight { + background-color: #C8E8F3; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; + padding: 1em; + color: #444444; + overflow: hidden; + margin-bottom: 1em; +} + +.highlight h2, +.highlight h3 { + margin-top: 0; + color: #011234; + font-size: 1.385em; + font-weight: normal; +} + +.highlight h4 { + margin-bottom:1em; +} + +.highlight p { + margin-bottom: 0; + margin-top: 1em; +} + +.highlight img.avatar { + float: right; + margin-left: 1em; + margin-bottom: 1em; +} + +.highlight .more-info { + float: left; +} + +.highlight a.button { + margin-top: 0.5em; +} + +.highlight .further-navigation { + border-top: 1px dotted #A5C9D5; + margin-bottom: 0; +} + +.highlight .further-navigation .more-info { + float: right; +} + +/* @end */ + +/* @group Top search and cat bar */ + +/* @group Categories list */ + +.categories { + background-color: #C8E8F3; + color: #444444; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; + width: 24.49%; + float: left; + margin-bottom: 1em; +} + +.categories h3 a:link, +.categories h3 a:visited, +.categories h3 a:hover, +.categories h3 a:focus, +.categories h3 a:active { + color: white; + text-decoration: none; +} + +/* putting back the focus outline */ +.categories h3 a:focus { + outline: 1px dotted white; +} + +.secondary .categories { + width: 100%; + float: none; +} + +.categories h2, +.categories h3 { + margin: 0; + padding: 0.79em 0.8em; /* 10px 13px*/ + background-color: #305083; + color: white; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; + font-size: 1.231em; + background-image: url(../../img/amo2009/bg/heading-dark-blue.jpg); + background-repeat: repeat-x; + background-position: bottom left; + border: 1px solid #021437; + font-weight: normal; +} + + +.categories ul { + padding: 1em 0.5em 1em 1em; + margin: 0; + font-weight: bold; +} + +.categories ul ul { + padding: 0 0 1em 0; + margin: 0; + font-weight: bold; +} + +.categories ul ul li { + margin: 0.2em; +} + +.categories ul li:first-child ul { + border-bottom: 1px dotted #94BFCE; + margin-bottom: 0.8em; + padding-bottom: 0.8em; +} + +.categories .items { + color: white; + background-color: #94BFCE; + -moz-border-radius: 7px; + -webkit-border-radius: 7px; + border-radius: 7px; + margin-left: 0.1em; + padding: 1px 5px; + font-size: 0.856em; + font-weight: bold; +} +.html-rtl .categories .items { + unicode-bidi: embed; +} + +/* @group With Javascript */ +.hasJS .stand-alone-options { + position: relative; +} +.hasJS .dropdown-categories { + z-index: 99; + position: absolute; + left: 0; + top: 0; + /*width: 23.4%;*/ +} +.hasJS .dropdown-categories>ul { + display: none; +} +.hasJS .dropdown-categories img { + position: absolute; + left: 10px; + top: 10px; +} +.hasJS .dropdown-categories ul ul { + display: block; + position: static; +} +.hasJS .dropdown-categories h2, +.hasJS .dropdown-categories h3 { + cursor: pointer; + position: relative; + padding-left: 35px; +} + +/* @end */ + + +/* @end */ + +/* @group Search Form */ + + +.search-form { + margin-bottom: 2em; + width: 73.47%; + float: right; + position: relative; + padding: 0 0 1.5em 0; +} +.primary .search-form { + width: 100%; + float: none; +} +.search-form form { + margin: 0; +} +.search-form .basic { + background-image: url(../../img/amo2009/bg/heading-dark-blue.jpg); + background-repeat: repeat-x; + background-position: bottom left; + border: 1px solid #021437; + margin: 0; + background-color: #305083; + color: white; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; + font-size: 1.231em; + white-space:nowrap; + display: block; + overflow:hidden; + position: relative; +} + +.search-form .basic * { + vertical-align: middle; +} + +.search-form .basic button { + position: absolute; + top:0.06em; + right: 1%; + -moz-border-radius-bottomleft:5px; + -moz-border-radius-bottomright:5px; + -moz-border-radius-topleft:5px; + -moz-border-radius-topright:5px; + background-color:#6FB727; + background-image:url(../../img/amo2009/bg/button-green.jpg); + background-position:left center; + background-repeat:repeat-x; + border:1px solid #B9D999; + color:white; + line-height:0; + width: 5%; + display: block; + float: left; + text-align: center; + padding:0.3em 0; + /* padding:0.3em 0.6em 0.3em 0.75em; */ +} + +.search-form .basic button img { + vertical-align: top; + margin: 0; + padding: 0; + display: inline; + border-right: none; +} + +.search-form .basic button p span { + text-indent: -5000px; +} + +.search-form .basic label { + font-weight: normal; + width: 10%; + text-align: center; + display: block; + float: left; + padding-top: 0.7em; +} + +.search-form .basic input{ + border: 1px solid #CCCCCC; + outline: 1px solid #011234; + margin:0.35em 0 0.35em 1.4%; + background-image: url(../../img/amo2009/icons/magnifying-glass.gif); + background-repeat: no-repeat; + background-position: 0.1em center; + background-color: white; + padding:0.3em 0; + text-indent: 2em; + width:45%; + display: block; + float: left; +} + +.search-form .basic select { + border: 1px solid #CCCCCC; + outline: 1px solid #011234; + margin:0.35em 0; + color: #444444; + padding:0.23em 0; + width: 35%; + float:left; +} +.search-form .basic option { + color: black; + text-indent: 10px; + padding-left: 5px; +} +.search-form .basic option.cat-all { + color: #444444; + text-indent: 0; + font-weight: bold; +} +.search-form .basic textarea:focus, +.search-form .basic input[type='text']:focus, +.search-form .basic input[type='password']:focus, +.search-form .basic select:focus { + border: 1px solid #999; + outline: 1px solid black; +} + +#advanced-link { + position: absolute; + bottom: 0; + right: 30px; + margin: 0; +} +#advanced-link a:link, +#advanced-link a:visited, +#advanced-link a:hover, +#advanced-link a:focus, +#advanced-link a:active { + display: block; + padding: 0 20px 0.1em 1em; + font-size: 0.923em; + font-weight: bold; + color: white; + -moz-border-radius: 0 0 5px 5px; + -webkit-border-radius: 5px; + border-radius: 0 0 5px 5px; + border: 1px solid #021437; + border-top: none; + /*background-color: #223355;*/ + background-color: #26395A; + background-image: url(../../img/amo2009/icons/arrows.gif); + background-position: 95% -591px; + background-repeat: no-repeat; +} + +.expanded #advanced-link a:link, +.expanded #advanced-link a:visited, +.expanded #advanced-link a:hover, +.expanded #advanced-link a:focus, +.expanded #advanced-link a:active { + background-position: 95% -641px; +} + +/* @group Expanded search form */ + +.search-form .advanced { + display: none; +} +.expanded-search-form .advanced { + display: block; + padding-top: 1px; + margin: 0 5px; + background-color: #EAF6FA; + border-color: #223355; + border-style: solid; + border-width: 0 5px 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -webkit-border-bottom-left-radius: 5px; + -webkit-border-bottom-right-radius: 5px; + border-radius: 0 0 5px 5px; +} +.search-form fieldset { + border: none; + margin: 1em; + padding: 0; +} +.search-form fieldset:first-child { + border-bottom: 1px dotted #A4CFDE; + padding-bottom: 1em; +} + +/* @group Subsidiary */ + +.search-form .subsidiary { + margin-top: 0; + border: none; +} +.search-form .subsidiary .container { + width: 48%; + float: left; + display: inline; +} +.search-form .subsidiary label { + width: 35%; + display: block; + float: left; + font-weight: bold; +} +.search-form .subsidiary select, +.search-form .subsidiary input { + width: 40%; +} + +/* @end */ + +/* @group Important */ + +.search-form .important { + margin-bottom: 0; +} +.search-form .important div { + display: inline; + white-space: nowrap; +} +.search-form .important select, +.search-form .important input { + margin: 0 0.5em; +} +.search-form .important .application label { + font-weight: bold; + display: block; + float: left; + width: 16.8%; +} +.search-form .important .application select, +.search-form .important .application input { + margin: 0 1em 0 0; +} + +/* @end */ + + +/* @end */ +/* @end */ + +/* @end */ + +/* @group Homepage teaser */ + +.hasJS .section-teaser .featured-inner { + padding-bottom: 5em; + position: relative; +} + +/* @group Teaser Header */ + +.section-teaser .teaser-header { + background-image: url(../../img/amo2009/bg/listing-footer.gif); + background-position: top left; + background-repeat: repeat-x; + -webkit-border-top-right-radius: 3px; + -webkit-border-top-left-radius: 3px; + -moz-border-radius: 3px 3px 0 0; + border-radius: 3px 3px 0 0; + width: 100%; + overflow: hidden; +} + +.hasJS .section-teaser .teaser-header { + -webkit-border-top-right-radius: 0; + -webkit-border-top-left-radius: 0; + -webkit-border-bottom-right-radius: 3px; + -webkit-border-bottom-left-radius: 3px; + -moz-border-radius: 0 0 3px 3px; + border-radius: 0 0 3px 3px; + position: absolute; + bottom: 0; + left: 0; +} +.section-teaser .teaser-header ol { + margin: 0; + padding: 0 45px; + list-style-type: none; +} + +.hasJS .section-teaser .teaser-header ol { + border-top: 1px solid #AEC3CF; +} + +.section-teaser .teaser-header ol li { + margin: 0 2.1em 0.5em 0; + padding: 0.5em 0 0 0; + float: left; + white-space: nowrap; + position: relative; + top: -1px; +} + +.section-teaser .teaser-header ol li:first-child { + margin-left: 0; +} + +.section-teaser .teaser-header ol li:last-child { + margin-right: 0; +} + +.section-teaser .teaser-header a:link, +.section-teaser .teaser-header a:visited, +.section-teaser .teaser-header a:hover, +.section-teaser .teaser-header a:focus, +.section-teaser .teaser-header a:active { + color: #54647E; + text-decoration: none; + font-size: 0.923em; + font-weight: bold; +} + +.section-teaser .teaser-header a:hover, +.section-teaser .teaser-header a:focus, +.section-teaser .teaser-header a:active { + color: #223355; +} + +.section-teaser .teaser-header li.selected { + background-image: url(../../img/amo2009/bg/panel-selected.png); + background-repeat: no-repeat; + background-position: center top; +} + +/* @end */ + +.teaser-items { + margin: 0; + padding: 0; + list-style-type: none; +} + +.teaser-items li { + margin: 0; + padding: 0; +} + +/* @group Next and previous icons */ + +.slideshow-controls { + margin: 0; +} + +.section-teaser .prev, +.section-teaser .next { + display: block; + position: absolute; + overflow: hidden; + cursor: pointer; + text-decoration: none; + text-indent: -5000px; + bottom: 1.6em; + left: 8px; + width: 27px; + height: 27px; + background-image: url(../../img/amo2009/icons/arrows-scroller.png); + background-position: 0 0; + background-repeat: no-repeat; +} + +.section-teaser .next { + left: auto; + right: 8px; + background-position: 0 -150px; +} + +.section-teaser .active.prev { + background-position: 0 -50px; +} + +.section-teaser .active.next { + background-position: 0 -200px; +} + +.section-teaser .active.prev:focus, +.section-teaser .active.prev:hover { + background-position: 0 -100px; +} + +.section-teaser .active.next:focus, +.section-teaser .active.next:hover { + background-position: 0 -250px; +} + +/* @end */ + +/* @group Slideshow Window with Javascript */ + +.hasJS .section-teaser .window { + overflow: hidden; + direction: ltr; +} + +.hasJS .section-teaser .window ol.teaser-items { + margin: 0; + padding: 0; + width: 50000px; + overflow: hidden; + position: relative; + left: 0; + direction: ltr; +} + +.hasJS .section-teaser .window ol.teaser-items li { + float: left; + margin: 0; + padding: 0; +} + +.hasJS .section-teaser .window .more-info { + background-position:right -155px; +} + +/* @end */ + +/* @group Teaser internals */ + +.section-teaser .column-wrapper { + margin: 0 1em; +} + +.section-teaser h2 { + margin-left: 0.619em; + margin-right: 0.619em; + font-size: 1.615em; + line-height: 0.952em; +} + +.section-teaser .column { + border-left: 1px dotted #A4CFDE; + text-align: center; + width: 31.5%; +} + +.section-teaser .column p, +.section-teaser .column h3 { + margin-left: 1em; +} + +.section-teaser .first { + border-left: none; +} + +.section-teaser .addon-view { + background-position: bottom right; + background-repeat: no-repeat; +} + +.section-teaser .addon-view .lead { + clear: both; + margin-left: 1em; + margin-right: 1em; +} + +.section-teaser .addon-view .more-info { + float: none; +} + +.section-teaser .addon-view .column { + border:none; + text-align: left; + width: 25%; +} + +.section-teaser .addon-view .column-inner { + padding: 1em 0 1em 55px; + position: relative; +} + +.section-teaser .addon-view .icon { + position: absolute; + top: 1em; + left: 10px; +} + +.section-teaser .addon-view h3 { + margin-top: 0; + font-weight: bold; + font-size: 1em; + line-height: 1.25em; +} + +.section-teaser .addon-view p, +.section-teaser .addon-view h3 { + margin-left: 0; + margin-right: 0; + line-height: 1.23em; +} + +div.section-teaser .column .button { + white-space: nowrap; + margin: 0; + margin-right: 1%; + margin-left: 0.7%; +} + +div.section-teaser .column .button * { + white-space: nowrap; +} + +/* @group Section BG images */ + +.section-teaser #t-entertainment { + /*background-image: url(../../img/amo2009/illustrations/entertainment.jpg);*/ +} +.section-teaser #t-shopping { + background-image: url(../../img/amo2009/illustrations/shopping-online.jpg); +} +.section-teaser #t-music { + /*background-image: url(../../img/amo2009/illustrations/music.jpg);*/ +} +.section-teaser #t-socialising { + /*background-image: url(../../img/amo2009/illustrations/socialising.jpg);*/ +} +.section-teaser #t-news { + /*background-image: url(../../img/amo2009/illustrations/news.jpg);*/ +} +.section-teaser #t-search { + /*background-image: url(../../img/amo2009/illustrations/search.jpg);*/ +} + +/* @end */ + +/* @end */ + +/* @end */ + +/* @group Steps */ + +ol.numbered { + margin-left: 0; + list-style-type: none; +} + +ol.numbered li { + position: relative; + margin-bottom: 1em; + overflow: hidden; + min-height:35px; + padding-left: 50px; +} + +h4.step { + position: absolute; + left: 0; + top: 0; + background-image: url(../../img/amo2009/icons/step.png); + background-repeat: no-repeat; + background-position: left top; + color: #FFFFFF; + font-size:1.6em; + font-weight:lighter; + padding:5px 13px 15px; +} + +/* @end */ + +/* @group Pagination */ + +ol.pagination { + width: 50%; + margin-bottom: 2em; + margin-left: 0; + float: left; + line-height: 2em; +} +.listing-footer ol.pagination { + margin-bottom: 0; +} +ol.pagination li { + display: inline; + list-style: none; +} +ol.pagination li a { + padding: 0.3em 0.7em; + font-weight: bold; +} +ol.pagination span { + font-weight: bold; + padding: 0.3em 0.7em; +} +ol.pagination a[rel~="prev"], +ol.pagination span.prev { + background-image: url(../../img/amo2009/icons/arrows.gif); + background-repeat: no-repeat; + background-position: 5px -420px; + color: #0055EE; + padding-right:0.7em; + padding-left: 15px; +} +ol.pagination a[rel~="next"], +ol.pagination span.next { + background-image: url(../../img/amo2009/icons/arrows.gif); + background-repeat: no-repeat; + background-position: 92% -340px; + color: #0055EE; + padding-left:0.7em; + padding-right: 15px; +} +ol.pagination span.prev { + color: #666; + background-position: 5px -540px; +} +ol.pagination span.next { + color: #666; + background-position: 92% -500px; +} +ol.pagination li.selected a:link, +ol.pagination li.selected a:visited, +ol.pagination li.selected a:hover, +ol.pagination li.selected a:focus, +ol.pagination li.selected a:active { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + background-color: #223355; + color: white; +} +ol.pagination li a:hover, +ol.pagination li a:focus, +ol.pagination li a:active { + background-color: #BDDDE8; + /*color: #223355;*/ + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + text-decoration: none; +} + +/* @end */ + +/* @group Share This */ + +.share-this { + width: 200px; + clear:left; + float:left; +} + +.share-networks { + background-image: url(../../img/amo2009/icons/pointer.gif); + background-repeat: no-repeat; + background-position:30px top; + padding-top: 7px; +} + +.share-networks ul { + border: 1px solid #2E5186; + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + padding: 1em; + background-color: #FFFFFF; + padding:1em 1em 0; +} + +.share-networks li { + margin-bottom:0.5em; +} + + + +/* @end */ + +/* @group Addon list */ + +.secondary-item-list { + background-color: #fff; + border: 1px solid #C9E8F3; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + padding: 1em; + overflow: hidden; +} +.secondary-item-list ul { + margin: 0.5em 0 0 0; + padding: 0; +} + +.secondary-item-list ul li { + margin: 0; + padding: 0; +} + +.secondary-item-list ul li a { + margin: 0 0 0.8em 0; + padding: 0 0 0 25px; + display: block; + line-height: 1.25; +} +/* @end */ + +/* @group Breadcrumbs */ + +ol.breadcrumbs { + font-weight: bold; + margin-bottom: 1.3em; + font-size: 0.846em; + margin-left: 0; + clear: both; +} + +ol.breadcrumbs li { + display: inline; + background-image: url(../../img/amo2009/icons/buttons/breadcrumb.gif); + background-repeat: no-repeat; + background-position: top right; + padding-right: 1em; +} + +ol.breadcrumbs li:last-child { + background-image: none; + padding-right: 0; +} + +/* @end */ + +/* @group Feedback Form */ + +form.addon-feedback { + width: 50%; + float: left; + margin-right: 1.5em; + margin-top: 1em; +} + +form.addon-feedback textarea { + width: 80%; + background-color: #E3F3F9; + float: right; + min-height:140px; +} +form.addon-feedback select { + background-color: #E3F3F9; + margin-left: 1%; +} +form.addon-feedback label { + float: left; + clear: both; + width: 18%; + margin-bottom: 1em; +} + +form.addon-feedback button { + display: block; + margin-top: 1em; + clear: both; +} + +form.addon-feedback div.container { + clear: both; + margin-bottom: 0.5em; + overflow: hidden; +} + +/* @end */ + +/* @group Listing */ + +.listing { + margin-bottom: 1em; +} + +/* @group Listing - Header */ + +.listing-header { + background-color: #F0F8FC; + background-image: url(../../img/amo2009/bg/listing-header.gif); + background-repeat: repeat-x; + background-position: bottom left; + border-bottom: 1px solid #A5BFCE; + -webkit-border-top-right-radius: 3px; + -webkit-border-top-left-radius: 3px; + -moz-border-radius: 3px 3px 0 0; + border-radius: 3px 3px 0 0; + padding: 0.1em 0 0.1em 0.25em; + overflow: hidden; +} +.listing-header ul { + margin-bottom: 0; + float: left; +} +.listing-header li { + line-height: 2.5; + display: inline; + margin: 0 0.25em; +} +.listing-header li a { + color: #223355; + font-weight: bold; + text-decoration: none; + border: 1px solid transparent; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + padding: 0.3em 0.8em; + white-space: nowrap; +} +.listing-header li a:hover, +.listing-header li a:focus { + background-color: #BBDCE8; +} +.listing-header li.selected a:link, +.listing-header li.selected a:visited, +.listing-header li.selected a:hover, +.listing-header li.selected a:focus, +.listing-header li.selected a:active { + color: #fff; + background-color: #223355; + border-color: #001133; + border-width: 1px 0 0 1px; +} + +/* @group Item sort form */ + +.item-sort { + margin:0.2em 0.5em 0 0.5em; + text-align:right; + white-space:nowrap; + float: right; +} + + + +/* @end */ + +/* @end */ + +/* @group Listing - Footer */ + +.listing-footer { + background-color: #FFFFFF; + background-image: url(../../img/amo2009/bg/listing-footer.gif); + background-repeat: repeat-x; + background-position: left top; + border-top: 1px solid #A5BFCE; + -webkit-border-bottom-right-radius: 3px; + -webkit-border-bottom-left-radius: 3px; + -moz-border-radius: 0 0 3px 3px; + border-radius: 0 0 3px 3px; + margin-top: -1px; + position: relative; + z-index: 10; + overflow: hidden; + padding:0.3em 1em 0.5em; +} +.listing-footer a { + font-weight: bold; +} +.listing-footer .subscribe, +.listing-footer .pagination { + float: left; +} + +.listing-footer .subscribe { + margin-top: 0.3em; +} + +.listing-footer .more-info { + margin-top: 0.3em; +} + + +/* @end */ + +/* @group Items */ + +.item { + margin: 1.2em 0; + padding-top:1px; +} +.item blockquote { + font-style: normal; + margin: 0; +} +.item blockquote p { + margin-bottom: 0.5em; +} + +/* @group Headings */ + +.item h5 { + font-size: 1.167em; /* 14px */ + margin-top: 0.5em; + margin-bottom: 0.2em; +} +.item h3, +.item h4 { + font-size: 1.385em; /* 18px */ + font-weight: bold; + line-height: 1em; + margin-top: 0; + margin-bottom: 0.778em; + overflow: hidden; +} +.item h3 span, +.item h4 span { + font-size: 0.667em; /* 13px */ + font-weight: normal; + display:block; +} +.item h5 span { + font-size: 0.857em; + font-weight:normal; + white-space: nowrap; +} + +/* @end */ + +/* @group Item information */ + +.item .meta { + font-size: 0.923em; /* 12px */ + border-top: 1px dotted #B5D9E5; + padding-top: 0.3em; +} +.item .meta .addons { + margin-right: 1em; +} +.html-rtl .item .meta .addons { + margin-right: auto; + margin-left: 1em; +} + +.item .downloads { + margin-left: 1em; +} +.html-rtl .item .downloads { + margin-left: auto; + margin-right: 1em; +} + +/* @group Item info (aligned Right) */ + +.item-info { + float: right; + width: 13em; + padding-left:2%; + margin-left: 2%; +} + +.item .item-info { + border-left: 1px dotted #B4DFEE; + /*margin-bottom: -50em; + padding-bottom: 50em;*/ +} +.item-info ul { + list-style-type: none; +} + +/* @end */ + +/* @group Install Information */ + +.item .install { + float: right; + text-align: center; + -webkit-border-radius: 11px; + -moz-border-radius: 11px; + border-radius: 11px; + padding: 0 3px 3px 3px; + margin-left: 0.5em; +} + +.item .unavailable { + border: 1px solid #D2E7EE; + padding: 0.3em; + width: 10em; + background-color: #FFFFFF; + color: #666666; +} + +.recommended .install { + background-color: #efe; + border: 1px solid #2a2; +} + +.experimental .install{ + background-color: #fee; + border: 1px solid #f66; +} + +.item .install strong { + display: block; + font-weight: normal; + font-size: 0.85em; + line-height: 1em; + color: #000; + text-shadow: #FFFFFF 1px 1px 1px; + clear: left; +} + +/* @end */ + + + +/* @end */ + +/* @group Listing and seperated items */ +.separated-listing h3 { + float: left; + margin-top: 0; +} + +.html-rtl .separated-listing h3 { + float: right; +} + +.separated-listing .item h3 { + float: none; +} + +.separated-listing form.item-sort { + float: right; + margin-top: -0.2em; +} + +.html-rtl .separated-listing form.item-sort { + float: left; +} + +.separated-listing .item .item-info { + border: none; + margin-bottom: 2em; +} + +.separated-listing .item .item-info p { + margin: 0; +} + +.separated-listing .item .downloads { + margin: 0; +} + +.separated-listing blockquote { + margin-right: 11em; +} + +.separated-listing .item-info p:first-child { + margin-bottom: 1em; +} + +.listing .item, +.separated-listing .item { + padding: 1em 1em 1em 52px; + position: relative; + background-color: #FFFFFF; + overflow: hidden; + clear: both; +} +.separated-listing .item { + border: 1px solid #C9E8F3; + margin: 0 0 1em 0; + -moz-border-radius:3px; + -webkit-border-radius: 3px; + border-radius:3px; +} + +.listing .item { + border-bottom: 1px solid #D6E9F0; + background-image: url(../../img/amo2009/bg/listing-item.png); + background-repeat: repeat-x; + background-position: left bottom; + margin: 0 0 0 0; +} + +.listing .item img.icon, +.separated-listing .item img.icon { + position: absolute; + top: 0.5em; + left: 7px; +} + +/* @group Item variations */ + +.listing .recommended, +.separated-listing .recommended { + background-image: url(../../img/amo2009/bg/listing-item-yellow.png); + border-color: #fc9; +} +.recommended .meta { + border-color: #fc9; +} + +.listing .experimental, +.separated-listing .experimental { + background-image: url(../../img/amo2009/bg/listing-item-red.png); + border-color: #fcc; +} +.experimental .meta { + border-color: #fcc; +} + +/* @end */ + +/* @end */ + +/* @end */ + +/* @end */ + +/* @group Object Lead */ + +.object-lead { + padding: 1em; + margin: 0; + background-image: url(../../img/amo2009/bg/listing-item.png); + background-repeat: repeat-x; + background-position: left bottom; + overflow: hidden; + position: relative; +} + +.object-lead img.avatar { + border: 3px solid #C8E8F3; + width: 128px; + height: 128px; + float: left; + margin-right: 1em; +} + +.object-lead form { + margin:0; +} + +.object-lead h3 { + margin-top: 0; +} + +.object-lead .meta { + float: right; + width: 18em; + padding-left: 2%; + margin: 2em 2% 0 0; + margin-left: 1em; + border-left: 1px dotted #B4DFEE; +} + +.html-rtl .object-lead .meta { + float: left; + padding-left: auto; + padding-right: 2%; + margin-left: 2%; + margin-right: 1em; + border-left: none; + border-right: 1px dotted #B4DFEE; +} + +.object-lead .object-info p { + margin: 0; +} + +.object-lead .user-role { + position: absolute; + top: 1em; + right:0; + background-image:url(../../img/amo2009/icons/developer.png); + background-position: left center; + background-repeat: no-repeat; + padding: 0.3em 1.18em 0.3em 35px; + text-transform: uppercase; + font-size: 0.846em; +} + +.object-lead .notification { + background-color: #C8E8F3; + border: none; + margin-top: 2em; + margin-bottom: 1em; +} + +.object-lead .button-wrapper { + float: left; + margin-top:0.5em; + overflow: hidden; +} + +/* @group Object Content */ + +.object-content { + margin-left: 220px; +} + +.vcard .object-content { + margin-left: 150px; +} + +.object-lead table, +.object-lead tbody { + border-top: none; + border-bottom: none; +} + +.object-lead table { + width: 100%; + margin-top: 1em; +} + +.object-lead table tr th { + width: 20%; +} + +.object-lead table tr td, +.object-lead table tr th { + border-top: 1px dotted #A5C9D5; + border-bottom: none; +} + +.object-lead table tr:first-child td, +.object-lead table tr:first-child th { + border-top: none; +} + +/* @end */ + + + +/* @end */ + +/* @group Person Info table */ + +table.person-info th, +table.person-info td { + display: block; +} + +table.person-info td { + border-top:none; + margin: 0; + padding: 0.1em 0 0.3em 0; +} + +table.person-info th { + border-top:1px dotted #A5C9D5; + margin: 0; + padding: 0.3em 0 0 0; +} + +table.person-info tr:first-child th { + border-top: none; +} + +table.person-info tbody { + border-top:none; +} + +table.person-info { + border-bottom:none; +} + +table.person-info a:link, +table.person-info a:visited, +table.person-info a:hover, +table.person-info a:focus, +table.person-info a:active { + font-weight: bold; +} + +/* @end */ + +/* @group Collection Columns */ + + +.article-wrapper { + margin-bottom: 1em; + clear: both; +} + +.article-wrapper .article { + padding-bottom: 0; +} + +.article-wrapper h3 { + margin-top: 0; +} + +/* @end */ + +/* @group Further Navigation */ + +ul.further-navigation { + border-top: 1px dotted #B4DFEE; + padding-top: 1em; + margin-top: 1.5em; +} + +ul.further-navigation li { + display: inline; + padding-right: 1em; +} + +ul.further-navigation li a { + font-weight: bold; +} + +/* @end */ + +/* @end */ + +/* @group Overrides */ + +/* @group RL languages */ + + + +/* class on the html element in order to work with arabic etc */ + +.html-rtl { + text-align: right; + direction: rtl +} + +.html-rtl .primary { + float: left; + clear: left; +} +.html-rtl .secondary { + float: right; + clear: right; +} +.html-rtl .primary .primary { + float: right; + clear: none; +} +.html-rtl .primary .secondary { + float: left; + clear: none; +} + +/* @group Helper Styles */ + +/* @group Generic Image Styles */ + + + +/* @end */ + +/* @group More Info */ + +.html-rtl .more-info { + float: left; +} +.html-rtl .more-info, +.html-rtl .more-info:link, +.html-rtl .more-info:visited, +.html-rtl .more-info:hover, +.html-rtl .more-info:focus, +.html-rtl .more-info:active { +background-position:left -253px; +padding-right:0; +padding-left: 1em; +} + +.html-rtl .more-info:hover, +.html-rtl .more-info:focus, +.html-rtl .more-info:active { +background-position:left -303px; +} +.html-rtl .hasJS .item a.show-expanded { + float: left; +} + +.html-rtl .highlight .more-info { + float: right; +} + +.html-rtl .highlight .further-navigation .more-info { + float: left; +} + +.html-rtl.hasJS .section-teaser .window .more-info { + background-position:left -155px; +} + +.html-rtl .section-teaser .addon-view .more-info { + float: none; +} + +/* @end */ + +/* @group Icon Indicators */ + +.html-rtl .subscribe { + background-position: right 2px; + padding: 0 20px 0 0; +} + +.html-rtl .share { + background-position: right -100px; + padding: 0 20px 0 0; + float: right; +} + +.html-rtl .addons { + background-position: right -200px; + padding: 0 20px 7px 0; +} +.html-rtl .collections { + background-position: right -300px; + padding: 0 20px 0 0; +} +.html-rtl .subscribers { + background-position: right -400px; + padding: 0 20px 7px 0; +} +.html-rtl .category { + background-position: right -500px; + padding: 0 20px 0 0; +} +.html-rtl .tags { + background-position: right -600px; + padding: 0 20px 0 0; +} +.html-rtl .digg { + background-position: right -900px; + padding: 0 20px 0 0; +} +.html-rtl .delicious { + background-position: right -1000px; + padding: 0 20px 0 0; +} +.html-rtl .facebook { + background-position: right -1100px; + padding: 0 20px 0 0; +} +.html-rtl .friendfeed { + background-position: right -1200px; + padding: 0 20px 0 0; +} +.html-rtl .myspace { + background-position: right -1300px; + padding: 0 20px 0 0; +} + +.html-rtl li.subscribe, +.html-rtl li.share, +.html-rtl li.addons, +.html-rtl li.collections, +.html-rtl li.subscribers, +.html-rtl li.category, +.html-rtl li.tags, +.html-rtl li.digg, +.html-rtl li.delicious, +.html-rtl li.facebook, +.html-rtl li.friendfeed, +.html-rtl li.myspace, +.html-rtl a.subscribe, +.html-rtl a.share, +.html-rtl a.addons, +.html-rtl a.collections, +.html-rtl a.subscribers, +.html-rtl a.category, +.html-rtl a.tags, +.html-rtl a.digg, +.html-rtl a.delicious, +.html-rtl a.facebook, +.html-rtl a.friendfeed, +.html-rtl a.myspace { + padding-right:20px; + text-align: right; +} + +.html-rtl .stars { + text-indent:-5000px; +} + +/* @end */ + +/* @end */ + +/* @group Inverse layout */ + +.html-rtl .inverse .primary { + float: right; + clear: right; +} +.html-rtl .inverse .secondary { + float: left; + clear: left; +} +.html-rtl .inverse .primary .primary { + float: right; + clear: none; +} +.html-rtl .section .inverse .primary { + float: left; + clear: none; +} +.html-rtl .inverse .primary .secondary { + float: left; + clear: none; +} +.html-rtl .section .inverse .secondary { + float: right; + clear: none; +} + + +/* @end */ + +/* @group Header */ + +.html-rtl #header #title { + direction: ltr; + text-align: right; +} + +/* @group Stats */ + +.html-rtl .stats { + text-align: left; + float: left; +} + +.html-rtl .stats li { + overflow: hidden; +} + +.html-rtl .stats strong { + margin-left: 0.5em; +} + +.html-rtl .stats span { + text-align: right; +} + +.html-rtl ol.breadcrumbs { + margin-bottom: 2em; +} + +.html-rtl ol.breadcrumbs li { + float: right; + background-position:left -47px; + padding-right:0; + padding-left:1em; +} + +/* @end */ + +/* @group Brand */ + +.html-rtl #brand { + left: auto; + right: 0; +} + +.html-rtl #brand a:link, +.html-rtl #brand a:visited, +.html-rtl #brand a:hover, +.html-rtl #brand a:focus, +.html-rtl #brand a:active { + background-position: top right; + text-indent: -5000px; +} + +/* @end */ + +/* @group Aux nav */ + +.html-rtl #aux-nav { + right: auto; + left: 0; + margin: 0 100px 0 0; + text-align: left; + background-position: top left; +} + +/* + +.html-rtl #aux-nav a:link, +.html-rtl #aux-nav a:visited, +.html-rtl #aux-nav a:hover, +.html-rtl #aux-nav a:focus, +.html-rtl #aux-nav a:active { + margin-left: 1em; +} + +.html-rtl #aux-nav a.change:link, +.html-rtl #aux-nav a.change:visited, +.html-rtl #aux-nav a.change:hover, +.html-rtl #aux-nav a.change:focus, +.html-rtl #aux-nav a.change:active { + background-position: top right; + padding-left: 0; + padding-right: 1em; + float: left; + margin-left: 0; + margin-right: 1em; +} +*/ + +/* @end */ + +/* @end */ + +/* @group Footer */ + +.html-rtl #footer .primary { + float: right; + background-position: right 70px; +} +.html-rtl #footer .secondary { + float: left; + text-align: left; +} +.html-rtl #footer p { + margin-right: 60px; + margin-left: 1em; +} +.html-rtl #footer ul { + margin-right: 60px; + margin-left: 1.273em; +} +.html-rtl #footer ul li { + display: inline; + margin-right: 0; + margin-left: 1em; +} +.html-rtl #footer .disclaimer { + margin-left: 1.273em; + margin-right: 60px; +} + +.html-rtl #footer .languages { + float: left; +} + +.html-rtl .stars { + float: right; + margin-left: 0.5em; + margin-right: 0; +} + +.html-rtl h5 img.icon, +.html-rtl h2 img.icon { + float: right; + margin-right:0; + margin-left: 10px; +} + +/* @end */ + +/* @group Components */ + +/* @group Further Navigation */ + +.html-rtl ul.further-navigation li { + padding-right: 0; + padding-left: 1em; +} + +/* @end */ + +/* @group Star Select Replacement */ + +.html-rtl .selectReplacement { + float: right; +} + +/* @end */ + +/* @group Steps */ + +.html-rtl h4.step { + left: auto; + right: 0; +} + +.html-rtl ol.numbered li { + padding-left:0; + padding-right:50px; +} + +/* @end */ + +/* @group Privacy Policy */ + +.html-rtl .privacy-policy { + display: block; +} + +/* @end */ + +/* @group Homepage teaser */ + +.html-rtl .section-teaser .slideshow-controls { + direction: rtl; +} + + +/* @end */ + +/* @group Tables */ + +.html-rtl table tr td, +.html-rtl table tr th { + text-align: right; +} + +/* @end */ + +/* @group Pagination */ + +.html-rtl ol.pagination { + float: right; +} + +.html-rtl ol.pagination li { + float: right; +} + +.html-rtl ol.pagination span.next, +.html-rtl ol.pagination a[rel~="next"] { + background-position:left -420px; + padding-left: 1em; + padding-right: 0.4em; +} + +.html-rtl ol.pagination span.prev, +.html-rtl ol.pagination a[rel~="prev"] { + background-position:right -340px; + padding-right: 1em; + padding-left: 0.4em; +} + +.html-rtl ol.pagination span.prev { + background-position: 92% -500px; +} +.html-rtl ol.pagination span.next { + background-position: 5px -540px; +} + +/* @end */ + +/* @group SearchForm */ + +.html-rtl .hasJS .dropdown-categories { + left: auto; + right: 0; +} + +.html-rtl .hasJS .dropdown-categories img { + position: absolute; + left: auto; + right: 10px; + top: 12px; +} + +.html-rtl .hasJS .dropdown-categories h2, +.html-rtl .hasJS .dropdown-categories h3 { + padding-right: 35px; + padding-left: 0; +} + +.html-rtl .search-form { + float: left; +} + +.html-rtl .secondary .search-form { + float: none; +} + +.html-rtl .search-form .subsidiary .container { + float: right; +} + +.html-rtl .search-form .important .application select, +.html-rtl .search-form .important .application input { + margin: 0; +} + +.html-rtl .search-form .basic input { + background-position:right center; + margin-right: 1.4%; + margin-left: 0; +} + +.html-rtl .search-form .basic label, +.html-rtl .search-form .basic select, +.html-rtl .search-form .basic input, +.html-rtl .search-form .basic button { + float: right; +} + +.html-rtl .search-form .basic button { + left: 1.4%; + right: auto; +} + +.html-rtl .search-form .important .application label, +.html-rtl .search-form .subsidiary label { + float: right; +} + +.html-rtl form.addon-feedback label { + float: right; +} + +.html-rtl form.addon-feedback textarea { + float: left; +} + +/* @end */ + +/* @group Share This */ + +.html-rtl .share-networks { + background-position:160px top; + clear:both; +} + +.html-rtl .share-this { + clear: right; + float: right; +} + + +/* @end */ + +/* @group Feedback Form */ + +.html-rtl form.addon-feedback { + float: right; + margin-right: 0; + margin-left: 1.5em; +} + +/* @end */ + +/* @group Meta */ + + +.html-rtl .meta .subscribers { + background-position: right -400px; + float: left; +} + +.html-rtl .meta .addons { + background-position: right -200px; + float: left; + +} + +/* @end */ + + + +/* @group Buttons */ + +.html-rtl a:link.button img, +.html-rtl a:visited.button img, +.html-rtl a:hover.button img, +.html-rtl a:focus.button img, +.html-rtl a:active.button img, +.html-rtl button img { + border-right:none; + border-left:1px solid #3399FF; + margin-right:0; + margin-left: 0.7em; + padding-right:0.2em; + padding-left: 0.4em; +} + +.html-rtl a:link.negative img, +.html-rtl a:visited.negative img, +.html-rtl a:hover.negative img, +.html-rtl a:focus.negative img, +.html-rtl a:active.negative img, +.html-rtl button.negative img { + border-right:none; + border-left:1px solid #E54C4F; +} + +.html-rtl a:link.button.positive img, +.html-rtl a:visited.button.positive img, +.html-rtl a:hover.button.positive img, +.html-rtl a:focus.button.positive img, +.html-rtl a:active.button.positive img, +.html-rtl button.positive img { + border-right:none; + border-left:1px solid #55AA00; +} + +.html-rtl a:link.button.neutral img, +.html-rtl a:visited.button.neutral img, +.html-rtl a:hover.button.neutral img, +.html-rtl a:focus.button.neutral img, +.html-rtl a:active.button.neutral img, +.html-rtl button.neutral img { + border-right:none; + border-left:1px solid #DD7711; +} + +.html-rtl .search-form button img { + border-left: none; +} + +.html-rtl button.add-to-fav { + background-position: right; + float: right; + padding:0.5em 19px 0.2em 0px; +} + +/* @end */ + +/* @group Listing */ + +/* @group Listing - Header */ + +.html-rtl .listing-header .item-sort { + float: left; +} + +.html-rtl .listing-header ul { + float: right; +} + +/* @end */ + + + +/* @group Listing - Footer */ + +.html-rtl .listing-footer .subscribe { + float: right; + margin-left: 1em; +} + +.html-rtl .listing-footer .subscribe, +.html-rtl .pagination { + float: right; +} + +/* @end */ + +/* @group Listing items */ + +.html-rtl .listing .item, +.html-rtl .separated-listing .item { +padding:1em 52px 1em 1em; +} + +.html-rtl .item .install { + float: left; + margin-left: 0; + margin-right: 0.5em; +} +.html-rtl .item img.icon { + left: auto; + right: 7px; +} + +.html-rtl .item .downloads { + margin-left: 0; + margin-right: 1em; +} + +.html-rtl .item-info { + float: left; + border-left:none; + border-right:1px dotted #B4DFEE; + margin-left:0; + margin-left:2%; + padding-left: 0; + padding-right:2%; + margin-right: 2%; +} + +.html-rtl .item-info ul { + text-align: left; +} + +.html-rtl .item .thumbnail { + float: right; + margin-left:1em; + margin-right:0; +} + +.html-rtl .screenshot.thumbnail { + float: right; + margin-right: 0; + margin-left: 1em; +} + +.html-rtl .separated-listing blockquote { + margin-right:0; + margin-left:11em; +} + +/* @end */ +/* @end */ + +/* @group Object Lead */ + +.html-rtl .object-lead .user-role { + background-position:right center; + left:160px; + right: inherit; + padding:0.3em 35px 0.3em 1.18em; +} + +.html-rtl .object-content { + margin-right:0; + margin-left:220px; +} + +/* @end */ + + + +/* @end */ +/* @end */ + +/* @group Different Applications */ + +.firefox h2 { + color: #C63717; +} +.firefox #aux-nav .change li.firefox { + display: none; +} + +.thunderbird h2 { + color: #105399; +} +.thunderbird #aux-nav .change li.thunderbird { + display: none; +} + +.sunbird h2 { + color: #007940; +} +.sunbird #aux-nav .change li.sunbird { + display: none; +} + +.seamonkey h2 { + color: #1408E5; +} +.seamonkey #aux-nav .change li.seamonkey { + display: none; +} + + +/* @end */ + +/* @end */ + + + + + + + + + + + diff --git a/site/app/webroot/css/amo2009/amo-original/style.min.css b/site/app/webroot/css/amo2009/amo-original/style.min.css new file mode 100644 index 0000000..c05d618 --- /dev/null +++ b/site/app/webroot/css/amo2009/amo-original/style.min.css @@ -0,0 +1 @@ +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,font,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{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;}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;}html{background-color:#fafdfe;background-image:url(../../img/amo2009/bg/body.jpg);background-position:top center;background-repeat:no-repeat;}body{margin:0 auto;color:#444;font-size:13px;line-height:1.538em;background-image:url(../../img/amo2009/bg/header-border.png);background-repeat:repeat-x;background-position:top left;position:relative;min-width:780px;}body.min{background-image:none;padding-top:3em;padding-bottom:2em;}a:link,button.link span{color:#05E;text-decoration:none;}a:visited{color:#003595;text-decoration:none;}a:hover,a:focus,button.link:hover,button.link:focus span{color:#003595;text-decoration:underline;}a:active,button.link:active span{color:#003595;text-decoration:underline;}body,#title,.categories h3,.item h3,.section-teaser .addon-view h3{font-family:"helvetica neue",arial,helvetica,sans-serif;}h2,h3,#title em,.highlight h2,.highlight h3,.stats strong,h4.step{font-family:georgia,serif;}pre,code,kbd,tt,samp,tt{font-family:"andale mono",monospace;}h1{font-size:2.571em;line-height:1em;margin-top:.1667em;margin-bottom:.5833em;}h2{font-size:2.154em;font-weight:normal;line-height:1em;margin-top:.5em;margin-bottom:.5em;color:#C63717;}h3{color:#011234;font-size:1.385em;font-weight:normal;line-height:1.111em;margin-top:1.556em;margin-bottom:.778em;}h4{color:#235;font-size:1em;}h5,h6{font-size:1em;}.prose ul,ul.xoxo,ul.xoxo ul{list-style-type:square;margin-left:1.5em;}.prose ul li,ul.xoxo li,ul.xoxo ul li{margin-bottom:.5em;}ol{list-style-type:decimal;margin-left:2em;}dt{font-weight:bold;margin-top:1.5em;}ul ul,ol ol,ol ul,ul ol{margin-bottom:0;}table{border-bottom:1px solid #666;}caption{font-weight:bold;padding-bottom:.539em;font-size:1.231em;}thead th{border-top:1px solid #666;border-bottom:3px solid #666;padding-top:0;padding-bottom:.539em;}tbody{border-top:3px solid #666;}tbody tr th,tbody tr td{border-top:1px solid #ddd;}th,td{text-align:left;padding:.308em .537em .214em .231em;}blockquote{font-style:italic;margin:0 1.5em 1.5em 1.5em;}p+p+blockquote{margin-top:1.5em;}blockquote cite,blockquote em{font-style:normal;}p,ul,ol,dl,address,table,pre,form,fieldset{font-size:1em;margin-bottom:1.5em;}address{font-style:normal;}ins{text-decoration:underline;}del{text-decoration:line-through;}form .container{margin-bottom:1.5em;}fieldset{border:1px solid #ccc;padding:0 1.5em 1em 1.5em;}legend{font-weight:bold;}form fieldset .container{margin-top:1em;margin-bottom:0;position:relative;}label{font-weight:bold;cursor:pointer;}.meta-label{font-weight:bold;margin-bottom:0;}.multi-container label,.radio-container label,.checkbox-container label{font-weight:normal;}.radio-container label,.checkbox-container label{display:block;}.compact label{display:inline;}form .help{display:block;color:#777;font-style:normal;font-size:.923em;}input,textarea,select,button{font-family:inherit;font-size:1em;line-height:inherit;}select{background-color:#fff;}button{overflow:visible;cursor:pointer;}textarea,input[type='text'],input[type='password'],select{border-width:1px;border-style:solid;border-top-color:#999;border-left-color:#999;border-bottom-color:#ccc;border-right-color:#ccc;padding:0 1px 1px 1px;}textarea:focus,input[type='text']:focus,input[type='password']:focus,select:focus{border-color:#888;outline:1px solid #ffa;}input.short{width:4em;}input.medium,textarea.medium{width:12em;}input.long,textarea.long{width:30em;}textarea{width:99%;display:block;}.button-container input{font-weight:bold;}.button-container input.cancel{font-weight:normal;}button.link{border:0;padding:0;background-color:#fff;font-weight:normal;cursor:pointer;width:auto;overflow:visible;}.radio-container input,.checkbox-container input{width:1em;height:1em;}.stars{text-indent:-5000px;background-image:url(../../img/amo2009/icons/stars.png);background-position:0 50%;background-repeat:no-repeat;margin-right:.5em;width:63px;display:block;float:left;}.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%;}select.replaced{display:none;}.selectReplacement{cursor:pointer;list-style:none;position:relative;width:65px;height:12px;margin:0;padding:0;background-image:url("../../img/amo2009/icons/starselect.gif");background-position:-65px 0;background-repeat:no-repeat;overflow:hidden;}.selectReplacement li{display:inline;margin:0;padding:0;}.selectReplacement li a:link,.selectReplacement li a:visited,.selectReplacement li a:hover,.selectReplacement li a:active,.selectReplacement li a:focus{display:block;position:absolute;width:13px;height:12px;text-indent:-9999px;overflow:hidden;left:0;}ul.worst{background-position:-52px 0;}ul.bad{background-position:-39px 0;}ul.fair{background-position:-26px 0;}ul.good{background-position:-13px 0;}ul.best{background-position:0 0;}.selectReplacement li.worst a:link,.selectReplacement li.worst a:visited,.selectReplacement li.worst a:hover,.selectReplacement li.worst a:active,.selectReplacement li.worst a:focus{left:0;z-index:6;}.selectReplacement li.bad a:link,.selectReplacement li.bad a:visited,.selectReplacement li.bad a:hover,.selectReplacement li.bad a:focus,.selectReplacement li.bad a:active{left:13px;z-index:5;}.selectReplacement li.fair a:link,.selectReplacement li.fair a:visited,.selectReplacement li.fair a:hover,.selectReplacement li.fair a:focus,.selectReplacement li.fair a:active{left:26px;z-index:4;}.selectReplacement li.good a:link,.selectReplacement li.good a:visited,.selectReplacement li.good a:hover,.selectReplacement li.good a:focus,.selectReplacement li.good a:active{left:39px;z-index:3;}.selectReplacement li.best a:link,.selectReplacement li.best a:visited,.selectReplacement li.best a:hover,.selectReplacement li.best a:focus,.selectReplacement li.best a:active{left:52px;z-index:2;}.selectReplacement li a:hover,.selectReplacement li a:focus,.selectReplacement li a:active{background-position:left top;background-repeat:repeat-x;background-image:url("../../img/amo2009/icons/starselect_single.gif");left:0;}.selectReplacement li.worst a:hover,.selectReplacement li.worst a:focus,.selectReplacement li.worst a:active{width:13px;left:0;}.selectReplacement li.bad a:hover,.selectReplacement li.bad a:focus,.selectReplacement li.bad a:active{width:26px;left:0;}.selectReplacement li.fair a:hover,.selectReplacement li.fair a:focus,.selectReplacement li.fair a:active{width:39px;left:0;}.selectReplacement li.good a:hover,.selectReplacement li.good a:focus,.selectReplacement li.good a:active{width:52px;left:0;}.selectReplacement li.best a:hover,.selectReplacement li.best a:focus,.selectReplacement li.best a:active{width:65px;left:0;}.downloads{color:#390;clear:both;}.subscribe,.addons,.collections,.subscribers,.category,.tags,.share,.digg,.delicious,.facebook,.friendfeed,.myspace{background-image:url(../../img/amo2009/icons/icons.png);background-repeat:no-repeat;padding-left:20px;}.subscribe{background-position:0 2px;}.share{background-position:0 -100px;}.addons{background-position:0 -200px;padding-bottom:7px;}.collections{background-position:0 -300px;}.subscribers{background-position:0 -400px;padding-bottom:7px;}.category{background-position:0 -503px;}.tags{background-position:0 -600px;}.digg{background-position:0 -900px;}.delicious{background-position:0 -1000px;}.facebook{background-position:0 -1100px;}.friendfeed{background-position:0 -1200px;}.myspace{background-position:0 -1300px;}h3 span.new{padding:.2em .5em;background-color:#305083;color:white;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;background-image:url(../../img/amo2009/bg/heading-dark-blue.jpg);background-repeat:repeat-x;background-position:bottom left;border:1px solid #021437;text-transform:uppercase;font-size:.611em;}.hreview{border-bottom:1px dotted #B5D9E5;padding:.5em 0 1em 0;margin-bottom:.5em;}.hreview p{margin-bottom:0;}.hreview:last-child{border-bottom:none;}.more-info,.more-info:link,.more-info:visited,.more-info:hover,.more-info:focus,.more-info:active{font-weight:bold;float:right;background-image:url(../../img/amo2009/icons/arrows.gif);background-repeat:no-repeat;background-position:right -153px;padding-right:1em;color:#05E;}.more-info:hover,.more-info:focus,.more-info:active{background-position:right -203px;color:#003595;}.pull-left{margin-right:1em;float:left;}.html-rtl .pull-left{margin-right:auto;margin-left:1em;float:right;}.pull-right{margin-left:1em;float:right;}.html-rtl .pull-right{margin-left:auto;margin-right:1em;float:left;}.teaser-img{text-align:center;display:block;}img.icon{background-color:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:4px;}h5 img.icon,h2 img.icon{float:left;margin-right:10px;}h2 img.icon{position:relative;top:-0.2em;}img.avatar{border:3px solid #FFF;}img.photo-large{padding:5px;background-color:#FFF;width:200px;max-width:99.9%;border:none;border-bottom:1px solid #B5D9E5;border-right:1px solid #B5D9E5;}.screenshot.thumbnail{border:3px solid #C9E8F3;float:left;margin-right:1em;margin-bottom:1em;height:150px;width:200px;}.screenshot.thumbnail img{display:block;}.hasJS .screenshot.thumbnail{position:relative;}.hasJS .screenshot.thumbnail .img-control{position:absolute;top:-10px;right:-10px;width:18px;height:18px;overflow:hidden;}img.scale{width:100%;}a:link.button,a:visited.button,a:hover.button,a:focus.button,a:active.button,button,input[type=submit]{background-image:url(../../img/amo2009/bg/button-blue.jpg);background-color:#73B9FF;background-position:center center;background-repeat:repeat-x;padding:0 .6em 0 .5em;-moz-border-radius:13px;-webkit-border-radius:8px;border-radius:10px;color:#FFF;font-family:helvetica,arial,sans-serif;text-decoration:none;font-size:1em;text-shadow:-1px -1px 1px #196CF2;white-space:nowrap;overflow:visible;cursor:pointer;border:1px solid #258BFF;margin:.3em 0;vertical-align:middle;}a:link.button img,a:visited.button img,a:hover.button img,a:focus.button img,a:active.button img,button img{vertical-align:middle;padding:0;margin:0;border-left:none;border-top:none;border-bottom:none;border-right:1px solid #39F;margin:0 .6em .25em 0;padding:.1em .5em .1em 0;}a:link.auxillary,a:visited.auxillary,a:hover.auxillary,a:focus.auxillary,a:active.auxillary,button.auxillary{font-size:.923em;padding:.15em 1em .1em .7em;}a:link.prominent,a:visited.prominent,a:hover.prominent,a:focus.prominent,a:active.prominent,button.prominent{font-size:1.2em;-moz-border-radius:13px;-webkit-border-radius:11px;border-radius:13px;}a:link.significant,a:visited.significant,a:hover.significant,a:focus.significant,a:active.significant,button.significant{font-size:1.2em;-moz-border-radius:16px;-webkit-border-radius:14px;border-radius:16px;font-weight:bold;padding:.4em .8em .3em .5em;line-height:2em;}a:link.significant img,a:visited.significant img,a:hover.significant img,a:focus.significant img,a:active.significant img,button.significant img{margin-bottom:.4em;margin-right:.6em;padding:.4em .6em .2em .2em;}a:link.button.neutral,a:visited.button.neutral,a:hover.button.neutral,a:focus.button.neutral,a:active.button.neutral,button.neutral{background-color:#E5A365;background-image:url(../../img/amo2009/bg/button-orange.jpg);border:1px solid #CB7E42;text-shadow:-1px -1px 1px #BF6524;}a:link.button.neutral img,a:visited.button.neutral img,a:hover.button.neutral img,a:focus.button.neutral img,a:active.button.neutral img,button.neutral img{border-right:1px solid #D71;}a:link.button.positive,a:visited.button.positive,a:hover.button.positive,a:focus.button.positive,a:active.button.positive,button.positive{background-color:#8CC553;background-image:url(../../img/amo2009/bg/button-green.jpg);border:1px solid #488F03;text-shadow:-1px -1px 1px #7BAB29;}a:link.button.positive img,a:visited.button.positive img,a:hover.button.positive img,a:focus.button.positive img,a:active.button.positive img,button.positive img{border-right:1px solid #5A0;}a:link.negative,a:visited.negative,a:hover.negative,a:focus.negative,a:active.negative,button.negative{background-color:#EC7F82;background-image:url(../../img/amo2009/bg/button-red.jpg);border:1px solid #CF2F1E;}a:link.negative img,a:visited.negative img,a:hover.negative img,a:focus.negative img,a:active.negative img,button.negative img{border-right:1px solid #E54C4F;}button.add-to-fav{margin:0;padding:.5em 0 .2em 19px;background:none;background-image:url(../../img/amo2009/icons/fav-off.gif);background-position:left center;background-repeat:no-repeat;-moz-border-radius:0;border:none;color:#05E;cursor:pointer;text-shadow:none;white-space:normal;font-size:.923em;font-weight:bold;}button.add-to-fav.fav{color:#C00;background-image:url(../../img/amo2009/icons/fav-on.gif);}form button.add-to-fav:hover,form button.add-to-fav:focus{color:black;}form button.add-to-fav.loading-fav,form button.add-to-fav.loading-fav:hover,form button.add-to-fav.loading-fav:focus,form button.add-to-fav.loading-fav:active{color:#A4A5A5;background-image:url(../../img/amo2009/icons/orange-loading.gif);}form.favorite{margin:0;}.privacy-policy{margin-left:1em;margin-top:.5em;}.prose{margin:1em;}.primary.prose{margin:0;}.intro{font-size:1.23em;line-height:1.375;color:#84898A;}.accessibility-only{display:block;float:left;height:1px;overflow:hidden;text-indent:-5000px;width:1px;}.section{width:90%;overflow:hidden;padding:0 2%;margin:0 auto;max-width:90em;min-width:20em;position:relative;min-height:30em;}#header{position:relative;padding:1px 0 0 0;}#title{font-size:3.231em;color:#235;font-weight:bold;margin-top:1.2em;margin-bottom:.4em;line-height:.8;}#title a:link,#title a:visited,#title a:hover,#title a:focus,#title a:active{color:#235;text-decoration:none;background:none;}#title em{color:#457;font-weight:normal;font-style:italic;}#title img{vertical-align:middle;position:relative;top:-0.1em;}#brand{position:absolute;top:4px;left:0;margin:0;}#brand a:link,#brand a:visited,#brand a:hover,#brand a:focus,#brand a:active{background-image:url(../../img/amo2009/tab-mozilla.png);background-position:top left;background-repeat:no-repeat;width:90px;height:31px;overflow:hidden;display:block;text-indent:-5000px;}.stats{font-size:.923em;text-align:right;margin:-4.8em 1em 0 0;padding:0;float:right;color:#235;}.hasJS .stats{margin:-8em 0 0 0;}.stats li{padding:.1em 0;line-height:1.2em;}.hasJS .stats li{border-bottom:1px dotted #94BFCE;padding:.2em 0;line-height:1.25em;}.stats li:last-child{border-bottom:none;}.stats strong{color:#C63717;font-size:1.33em;font-weight:normal;}#aux-nav{position:absolute;top:5px;right:0;margin:0 0 0 100px;font-size:.923em;padding:0;text-align:right;color:#757778;}#aux-nav p.context{display:block;float:right;padding-top:.7em;padding-right:1em;position:absolute;top:5px;right:0;}.hasJS #aux-nav p.context{position:static;}#aux-nav ul{display:block;padding-top:.7em;z-index:1;}.hasJS #aux-nav ul{float:right;padding-right:1em;}#aux-nav span.greeting{margin-right:1em;}#aux-nav .settings{margin-right:1em;}#aux-nav a:link,#aux-nav a:visited,#aux-nav a:hover,#aux-nav a:focus,#aux-nav a:active{font-weight:bold;white-space:nowrap;}#aux-nav ul.change{margin:2.5em 0 0 0;padding:0;}.hasJS #aux-nav ul.change{background-image:url(../../img/amo2009/bg/border-header-user-options.gif);background-repeat:no-repeat;background-position:top right;margin-top:0;border-right:3px solid transparent;position:relative;}#aux-nav ul.change li{display:inline;margin-left:1em;}.hasJS #aux-nav ul.change li{background-image:url(../../img/amo2009/bg/border-header-user-options.gif);background-repeat:no-repeat;background-position:top left;display:block;margin-left:0;}#aux-nav ul.change li li{background-image:none;background-repeat:no-repeat;background-position:top left;}.hasJS #aux-nav .change li ul li{background-color:#FFF;background-image:url(../../img/amo2009/bg/header-dropdown.png);background-repeat:repeat-x;background-position:top left;border-top:1px solid #D0EBF4;width:11em;text-align:left;margin:0;padding:0;}.hasJS #aux-nav .change li ul li a{background-repeat:no-repeat;background-position:top left;display:block;margin:0;padding:.3em .3em .3em 45px;}.hasJS #aux-nav .change li ul li.firefox a{background-image:url(../../img/amo2009/icons/logos-applications.gif);background-repeat:no-repeat;background-position:1em 0;}.hasJS #aux-nav .change li ul li.thunderbird a{background-image:url(../../img/amo2009/icons/logos-applications.gif);background-repeat:no-repeat;background-position:1em -50px;top:24px;}.hasJS #aux-nav .change li ul li.sunbird a{background-image:url(../../img/amo2009/icons/logos-applications.gif);background-repeat:no-repeat;background-position:1em -100px;}.hasJS #aux-nav .change li ul li.seamonkey a{background-image:url(../../img/amo2009/icons/logos-applications.gif);background-repeat:no-repeat;background-position:1em -150px;}#aux-nav ul.change a.controller:link,#aux-nav ul.change a.controller:visited,#aux-nav ul.change a.controller:focus,#aux-nav ul.change a.controller:hover,#aux-nav ul.change a.controller:active{padding:.7em 1em 0 1em;cursor:default;color:#333;text-decoration:none;}.hasJS #aux-nav ul.change a.controller:link,.hasJS #aux-nav ul.change a.controller:visited,.hasJS #aux-nav ul.change a.controller:focus,.hasJS #aux-nav ul.change a.controller:hover,.hasJS #aux-nav ul.change a.controller:active{padding:.7em 20px .5em 1em;display:block;cursor:pointer;color:#05E;background-image:url(../../img/amo2009/icons/arrows.gif);background-repeat:no-repeat;background-position:95% -65px;}.hasJS #aux-nav ul.change a.controller:focus,.hasJS #aux-nav ul.change a.controller:hover,.hasJS #aux-nav ul.change a.controller:active{text-decoration:underline;color:#003595;background-position:95% -105px;}#aux-nav ul.change ul{display:inline;}.hasJS #aux-nav ul.change ul{display:none;position:absolute;right:-3px;padding:0;border-right:3px solid #A2C2D7;border-bottom:3px solid #A2C2D7;}#aux-nav ul.tools{margin:-0.5em 0 0 0;padding:0;background-image:none;}.hasJS #aux-nav ul.tools{margin:0;position:relative;border-right:3px solid transparent;}#aux-nav ul.tools li{background-image:none;display:inline;margin-left:1em;}.hasJS #aux-nav ul.tools li{display:block;margin-left:0;}#aux-nav ul.tools li li{background-image:none;background-repeat:no-repeat;background-position:top left;}.hasJS #aux-nav .tools li ul li{background-color:#FFF;background-image:url(../../img/amo2009/bg/header-dropdown.png);background-repeat:repeat-x;background-position:top left;border-top:1px solid #D0EBF4;width:10em;text-align:left;margin:0;padding:.3em .3em .3em 1em;}#aux-nav ul.tools a.controller:link,#aux-nav ul.tools a.controller:visited,#aux-nav ul.tools a.controller:focus,#aux-nav ul.tools a.controller:hover,#aux-nav ul.tools a.controller:active{padding:.7em 1em 0 1em;cursor:default;color:#333;text-decoration:none;}.hasJS #aux-nav ul.tools a.controller:link,.hasJS #aux-nav ul.tools a.controller:visited,.hasJS #aux-nav ul.tools a.controller:focus,.hasJS #aux-nav ul.tools a.controller:hover,.hasJS #aux-nav ul.tools a.controller:active{padding:.7em 20px .5em 1em;display:block;cursor:pointer;color:inherit;text-decoration:inherit;color:#05E;background-image:url(../../img/amo2009/icons/arrows.gif);background-repeat:no-repeat;background-position:95% -65px;}.hasJS #aux-nav ul.tools a.controller:focus,.hasJS #aux-nav ul.tools a.controller:hover,.hasJS #aux-nav ul.tools a.controller:active{color:#003595;text-decoration:underline;background-position:95% -105px;}#aux-nav ul.tools ul{display:inline;}.hasJS #aux-nav ul.tools ul{display:none;position:absolute;right:-3px;padding:0;border-right:3px solid #A2C2D7;border-bottom:3px solid #A2C2D7;}.hasJS #aux-nav .expanded .controller{background-color:#FFF;padding-bottom:1em;}.hasJS #aux-nav ul.expanded{border-right:3px solid #A2C2D7;}#footer{background-image:url(../../img/amo2009/bg/footer.png);background-repeat:repeat-x;background-position:0 50px;clear:both;padding-bottom:1em;}#footer .section{min-height:0;}#footer .primary{float:left;padding-top:70px;background-image:url(../../img/amo2009/logo-mozilla.gif);background-repeat:no-repeat;background-position:0 70px;clear:none;}#footer .secondary{float:right;text-align:right;clear:none;}#footer .secondary img{max-width:190px;width:100%;}#footer p{margin-bottom:0;margin-left:60px;margin-right:1em;}#footer ul{font-size:.846em;line-height:1.273;margin-top:.3em;padding:0;margin-left:60px;margin-right:1.273em;}#footer ul li{display:inline;margin-right:1em;}#footer .disclaimer{font-size:.846em;line-height:1.273;color:#666;margin-right:1.273em;}#footer .languages{float:right;margin:0;}.primary{width:73.47%;float:right;clear:right;display:inline;}.secondary{width:24.49%;float:left;clear:both;display:inline;}.primary .primary{width:63.889%;float:left;clear:none;}.primary .secondary{margin-bottom:2em;width:33.333%;float:right;clear:none;}.inverse .primary{float:left;clear:left;}.inverse .secondary{float:right;clear:right;}.inverse .primary .primary{float:left;clear:none;}.section .inverse .primary{float:right;clear:none;}.inverse .primary .secondary{float:right;clear:none;}.section .inverse .secondary{float:left;clear:none;}.column-wrapper{overflow:hidden;}.column{float:left;width:32%;display:inline;margin-left:2%;}.first{margin-left:0;}.secondary fieldset{border:none;padding:0;}.secondary select#add-to-collection{width:100%;margin:.5em 0;}.secondary li a:link,.secondary li a:visited,.secondary li a:hover,.secondary li a:focus,.secondary li a:active{font-weight:bold;}.featured{border:4px solid #B5D9E5;background-color:#B5D9E5;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin-bottom:2em;clear:both;}.featured-inner{background-color:#fff;border:1px solid #2E5186;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}.article{background-color:#fff;border:1px solid #C9E8F3;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:1em;overflow:hidden;}.secondary .article{margin-bottom:1em;}.article h4{clear:both;margin-bottom:.3em;}.article img .screenshot{margin-top:1em;margin-right:2em;}.article a:link,.article a:visited,.article a:hover,.article a:focus,.article a:active{font-weight:bold;}.article ul.further-navigation{border-top:none;padding-top:0;margin-bottom:0;}.notification{background-color:#FFF;border:1px solid #C8E8F3;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:1em;color:#444;margin-bottom:2em;position:relative;}.notification h3{font-style:italic;font-weight:normal;line-height:1.5em;color:#235;margin-top:0;}.notification .continue{margin:.5em 0 0 1em;}.notification .continue a:link,.notification .continue a:visited,.notification .continue a:hover,.notification .continue a:focus,.notification .continue a:active{font-size:1.5em;}.notification .suggestion{float:right;text-align:right;}.notification .suggestion p{margin:0;color:#666;font-weight:bold;}.notification .aux{overflow:hidden;width:100%;}.toggle-help,.toggle-info .close{display:none;}.hasJS .toggle-help,.hasJS .toggle-info .close{display:block;}.hasJS .toggle-info .close{font-size:.769em;position:absolute;top:1em;right:.5em;}.notification .toggle-info{color:#666;font-size:1.385em;line-height:1.375em;position:relative;}.notification .toggle-info p{margin-bottom:0;margin-top:1em;}.hasJS .notification .toggle-info{clear:both;font-weight:normal;position:absolute;right:0;font-size:1em;clear:both;width:24.3%;background-image:url(../../img/amo2009/icons/pointer.gif);background-repeat:no-repeat;background-position:95% 4px;padding-top:10px;}.hasJS .primary .notification .toggle-info{width:33.2%;}.hasJS .primary .object-lead .toggle-info{width:100%;}.hasJS .notification .toggle-info p{margin-top:0;background-color:white;padding:1em;border:1px solid #2E5186;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}.highlight{background-color:#C8E8F3;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:1em;color:#444;overflow:hidden;margin-bottom:1em;}.highlight h2,.highlight h3{margin-top:0;color:#011234;font-size:1.385em;font-weight:normal;}.highlight h4{margin-bottom:1em;}.highlight p{margin-bottom:0;margin-top:1em;}.highlight img.avatar{float:right;margin-left:1em;margin-bottom:1em;}.highlight .more-info{float:left;}.highlight a.button{margin-top:.5em;}.highlight .further-navigation{border-top:1px dotted #A5C9D5;margin-bottom:0;}.highlight .further-navigation .more-info{float:right;}.categories{background-color:#C8E8F3;color:#444;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;width:24.49%;float:left;margin-bottom:1em;}.categories h3 a:link,.categories h3 a:visited,.categories h3 a:hover,.categories h3 a:focus,.categories h3 a:active{color:white;text-decoration:none;}.categories h3 a:focus{outline:1px dotted white;}.secondary .categories{width:100%;float:none;}.categories h2,.categories h3{margin:0;padding:.79em .8em;background-color:#305083;color:white;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;font-size:1.231em;background-image:url(../../img/amo2009/bg/heading-dark-blue.jpg);background-repeat:repeat-x;background-position:bottom left;border:1px solid #021437;font-weight:normal;}.categories ul{padding:1em .5em 1em 1em;margin:0;font-weight:bold;}.categories ul ul{padding:0 0 1em 0;margin:0;font-weight:bold;}.categories ul ul li{margin:.2em;}.categories ul li:first-child ul{border-bottom:1px dotted #94BFCE;margin-bottom:.8em;padding-bottom:.8em;}.categories .items{color:white;background-color:#94BFCE;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;margin-left:.1em;padding:1px 5px;font-size:.856em;font-weight:normal;}.html-rtl .categories .items{unicode-bidi:embed;}.hasJS .stand-alone-options{position:relative;}.hasJS .dropdown-categories{z-index:99;position:absolute;left:0;top:0;}.hasJS .dropdown-categories>ul{display:none;}.hasJS .dropdown-categories img{position:absolute;left:10px;top:10px;}.hasJS .dropdown-categories ul ul{display:block;position:static;}.hasJS .dropdown-categories h2,.hasJS .dropdown-categories h3{cursor:pointer;position:relative;padding-left:35px;}.search-form{margin-bottom:2em;width:73.47%;float:right;position:relative;padding:0 0 1.5em 0;}.primary .search-form{width:100%;float:none;}.search-form form{margin:0;}.search-form .basic{background-image:url(../../img/amo2009/bg/heading-dark-blue.jpg);background-repeat:repeat-x;background-position:bottom left;border:1px solid #021437;margin:0;background-color:#305083;color:white;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;font-size:1.231em;white-space:nowrap;display:block;overflow:hidden;position:relative;}.search-form .basic *{vertical-align:middle;}.search-form .basic button{position:absolute;top:.06em;right:1%;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;background-color:#6FB727;background-image:url(../../img/amo2009/bg/button-green.jpg);background-position:left center;background-repeat:repeat-x;border:1px solid #B9D999;color:white;line-height:0;width:5%;display:block;float:left;text-align:center;padding:.3em 0;}.search-form .basic button img{vertical-align:top;margin:0;padding:0;display:inline;border-right:none;}.search-form .basic button p span{text-indent:-5000px;}.search-form .basic label{font-weight:normal;width:10%;text-align:center;display:block;float:left;padding-top:.7em;}.search-form .basic input{border:1px solid #CCC;outline:1px solid #011234;margin:.35em 0 .35em 1.4%;background-image:url(../../img/amo2009/icons/magnifying-glass.gif);background-repeat:no-repeat;background-position:.1em center;background-color:white;padding:.3em 0;text-indent:2em;width:45%;display:block;float:left;}.search-form .basic select{border:1px solid #CCC;outline:1px solid #011234;margin:.35em 0;color:#444;padding:.23em 0;width:35%;float:left;}.search-form .basic option{color:black;text-indent:10px;padding-left:5px;}.search-form .basic option.cat-all{color:#444;text-indent:0;font-weight:bold;}.search-form .basic textarea:focus,.search-form .basic input[type='text']:focus,.search-form .basic input[type='password']:focus,.search-form .basic select:focus{border:1px solid #999;outline:1px solid black;}#advanced-link{position:absolute;bottom:0;right:30px;margin:0;}#advanced-link a:link,#advanced-link a:visited,#advanced-link a:hover,#advanced-link a:focus,#advanced-link a:active{display:block;padding:0 20px .1em 1em;font-size:.923em;font-weight:bold;color:white;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:5px;border-radius:0 0 5px 5px;border:1px solid #021437;border-top:none;background-color:#26395A;background-image:url(../../img/amo2009/icons/arrows.gif);background-position:95% -591px;background-repeat:no-repeat;}.expanded #advanced-link a:link,.expanded #advanced-link a:visited,.expanded #advanced-link a:hover,.expanded #advanced-link a:focus,.expanded #advanced-link a:active{background-position:95% -641px;}.search-form .advanced{display:none;}.expanded-search-form .advanced{display:block;padding-top:1px;margin:0 5px;background-color:#EAF6FA;border-color:#235;border-style:solid;border-width:0 5px 5px 5px;-moz-border-radius:0 0 5px 5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;border-radius:0 0 5px 5px;}.search-form fieldset{border:none;margin:1em;padding:0;}.search-form fieldset:first-child{border-bottom:1px dotted #A4CFDE;padding-bottom:1em;}.search-form .subsidiary{margin-top:0;border:none;}.search-form .subsidiary .container{width:48%;float:left;display:inline;}.search-form .subsidiary label{width:35%;display:block;float:left;font-weight:bold;}.search-form .subsidiary select,.search-form .subsidiary input{width:40%;}.search-form .important{margin-bottom:0;}.search-form .important div{display:inline;white-space:nowrap;}.search-form .important select,.search-form .important input{margin:0 .5em;}.search-form .important .application label{font-weight:bold;display:block;float:left;width:16.8%;}.search-form .important .application select,.search-form .important .application input{margin:0 1em 0 0;}.hasJS .section-teaser .featured-inner{padding-bottom:5em;position:relative;}.section-teaser .teaser-header{background-image:url(../../img/amo2009/bg/listing-footer.gif);background-position:top left;background-repeat:repeat-x;-webkit-border-top-right-radius:3px;-webkit-border-top-left-radius:3px;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;width:100%;overflow:hidden;}.hasJS .section-teaser .teaser-header{-webkit-border-top-right-radius:0;-webkit-border-top-left-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;position:absolute;bottom:0;left:0;}.section-teaser .teaser-header ol{margin:0;padding:0 45px;list-style-type:none;}.hasJS .section-teaser .teaser-header ol{border-top:1px solid #AEC3CF;}.section-teaser .teaser-header ol li{margin:0 2.1em .5em 0;padding:.5em 0 0 0;float:left;white-space:nowrap;position:relative;top:-1px;}.section-teaser .teaser-header ol li:first-child{margin-left:0;}.section-teaser .teaser-header ol li:last-child{margin-right:0;}.section-teaser .teaser-header a:link,.section-teaser .teaser-header a:visited,.section-teaser .teaser-header a:hover,.section-teaser .teaser-header a:focus,.section-teaser .teaser-header a:active{color:#54647E;text-decoration:none;font-size:.923em;font-weight:bold;}.section-teaser .teaser-header a:hover,.section-teaser .teaser-header a:focus,.section-teaser .teaser-header a:active{color:#235;}.section-teaser .teaser-header li.selected{background-image:url(../../img/amo2009/bg/panel-selected.png);background-repeat:no-repeat;background-position:center top;}.teaser-items{margin:0;padding:0;list-style-type:none;}.teaser-items li{margin:0;padding:0;}.slideshow-controls{margin:0;}.section-teaser .prev,.section-teaser .next{display:block;position:absolute;overflow:hidden;cursor:pointer;text-decoration:none;text-indent:-5000px;bottom:1.6em;left:8px;width:27px;height:27px;background-image:url(../../img/amo2009/icons/arrows-scroller.png);background-position:0 0;background-repeat:no-repeat;}.section-teaser .next{left:auto;right:8px;background-position:0 -150px;}.section-teaser .active.prev{background-position:0 -50px;}.section-teaser .active.next{background-position:0 -200px;}.section-teaser .active.prev:focus,.section-teaser .active.prev:hover{background-position:0 -100px;}.section-teaser .active.next:focus,.section-teaser .active.next:hover{background-position:0 -250px;}.hasJS .section-teaser .window{overflow:hidden;direction:ltr;}.hasJS .section-teaser .window ol.teaser-items{margin:0;padding:0;width:50000px;overflow:hidden;position:relative;left:0;direction:ltr;}.hasJS .section-teaser .window ol.teaser-items li{float:left;margin:0;padding:0;}.hasJS .section-teaser .window .more-info{background-position:right -155px;}.section-teaser .column-wrapper{margin:0 1em;}.section-teaser h2{margin-left:.619em;margin-right:.619em;font-size:1.615em;line-height:.952em;}.section-teaser .column{border-left:1px dotted #A4CFDE;text-align:center;width:31.5%;}.section-teaser .column p,.section-teaser .column h3{margin-left:1em;}.section-teaser .first{border-left:none;}.section-teaser .addon-view{background-position:bottom right;background-repeat:no-repeat;}.section-teaser .addon-view .lead{clear:both;margin-left:1em;margin-right:1em;}.section-teaser .addon-view .more-info{float:none;}.section-teaser .addon-view .column{border:none;text-align:left;width:25%;}.section-teaser .addon-view .column-inner{padding:1em 0 1em 55px;position:relative;}.section-teaser .addon-view .icon{position:absolute;top:1em;left:10px;}.section-teaser .addon-view h3{margin-top:0;font-weight:bold;font-size:1em;line-height:1.25em;}.section-teaser .addon-view p,.section-teaser .addon-view h3{margin-left:0;margin-right:0;line-height:1.23em;}div.section-teaser .column .button{white-space:nowrap;margin:0;margin-right:1%;margin-left:.7%;}div.section-teaser .column .button *{white-space:nowrap;}.section-teaser #t-shopping{background-image:url(../../img/amo2009/illustrations/shopping-online.jpg);}ol.numbered{margin-left:0;list-style-type:none;}ol.numbered li{position:relative;margin-bottom:1em;overflow:hidden;min-height:35px;padding-left:50px;}h4.step{position:absolute;left:0;top:0;background-image:url(../../img/amo2009/icons/step.png);background-repeat:no-repeat;background-position:left top;color:#FFF;font-size:1.6em;font-weight:lighter;padding:5px 13px 15px;}ol.pagination{width:50%;margin-bottom:2em;margin-left:0;float:left;line-height:2em;}.listing-footer ol.pagination{margin-bottom:0;}ol.pagination li{display:inline;list-style:none;}ol.pagination li a{padding:.3em .7em;font-weight:bold;}ol.pagination span{font-weight:bold;padding:.3em .7em;}ol.pagination a[rel~="prev"],ol.pagination span.prev{background-image:url(../../img/amo2009/icons/arrows.gif);background-repeat:no-repeat;background-position:5px -420px;color:#05E;padding-right:.7em;padding-left:15px;}ol.pagination a[rel~="next"],ol.pagination span.next{background-image:url(../../img/amo2009/icons/arrows.gif);background-repeat:no-repeat;background-position:92% -340px;color:#05E;padding-left:.7em;padding-right:15px;}ol.pagination span.prev{color:#666;background-position:5px -540px;}ol.pagination span.next{color:#666;background-position:92% -500px;}ol.pagination li.selected a:link,ol.pagination li.selected a:visited,ol.pagination li.selected a:hover,ol.pagination li.selected a:focus,ol.pagination li.selected a:active{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background-color:#235;color:white;}ol.pagination li a:hover,ol.pagination li a:focus,ol.pagination li a:active{background-color:#BDDDE8;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;text-decoration:none;}.share-this{width:200px;clear:left;float:left;}.share-networks{background-image:url(../../img/amo2009/icons/pointer.gif);background-repeat:no-repeat;background-position:30px top;padding-top:7px;}.share-networks ul{border:1px solid #2E5186;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:1em;background-color:#FFF;padding:1em 1em 0;}.share-networks li{margin-bottom:.5em;}.secondary-item-list{background-color:#fff;border:1px solid #C9E8F3;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:1em;overflow:hidden;}.secondary-item-list ul{margin:.5em 0 0 0;padding:0;}.secondary-item-list ul li{margin:0;padding:0;}.secondary-item-list ul li a{margin:0 0 .8em 0;padding:0 0 0 25px;display:block;line-height:1.25;}ol.breadcrumbs{font-weight:bold;margin-bottom:1.3em;font-size:.846em;margin-left:0;clear:both;}ol.breadcrumbs li{display:inline;background-image:url(../../img/amo2009/icons/buttons/breadcrumb.gif);background-repeat:no-repeat;background-position:top right;padding-right:1em;}ol.breadcrumbs li:last-child{background-image:none;padding-right:0;}form.addon-feedback{width:50%;float:left;margin-right:1.5em;margin-top:1em;}form.addon-feedback textarea{width:80%;background-color:#E3F3F9;float:right;min-height:140px;}form.addon-feedback select{background-color:#E3F3F9;margin-left:1%;}form.addon-feedback label{float:left;clear:both;width:18%;margin-bottom:1em;}form.addon-feedback button{display:block;margin-top:1em;clear:both;}form.addon-feedback div.container{clear:both;margin-bottom:.5em;overflow:hidden;}.listing{margin-bottom:1em;}.listing-header{background-color:#F0F8FC;background-image:url(../../img/amo2009/bg/listing-header.gif);background-repeat:repeat-x;background-position:bottom left;border-bottom:1px solid #A5BFCE;-webkit-border-top-right-radius:3px;-webkit-border-top-left-radius:3px;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;padding:.1em 0 .1em .25em;overflow:hidden;}.listing-header ul{margin-bottom:0;float:left;}.listing-header li{line-height:2.5;display:inline;margin:0 .25em;}.listing-header li a{color:#235;font-weight:bold;text-decoration:none;border:1px solid transparent;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:.3em .8em;white-space:nowrap;}.listing-header li a:hover,.listing-header li a:focus{background-color:#BBDCE8;}.listing-header li.selected a:link,.listing-header li.selected a:visited,.listing-header li.selected a:hover,.listing-header li.selected a:focus,.listing-header li.selected a:active{color:#fff;background-color:#235;border-color:#013;border-width:1px 0 0 1px;}.item-sort{margin:.2em .5em 0 .5em;text-align:right;white-space:nowrap;float:right;}.listing-footer{background-color:#FFF;background-image:url(../../img/amo2009/bg/listing-footer.gif);background-repeat:repeat-x;background-position:left top;border-top:1px solid #A5BFCE;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;margin-top:-1px;position:relative;z-index:10;overflow:hidden;padding:.3em 1em .5em;}.listing-footer a{font-weight:bold;}.listing-footer .subscribe,.listing-footer .pagination{float:left;}.listing-footer .subscribe{margin-top:.3em;}.listing-footer .more-info{margin-top:.3em;}.item{margin:1.2em 0;padding-top:1px;}.item blockquote{font-style:normal;margin:0;}.item blockquote p{margin-bottom:.5em;}.item h5{font-size:1.167em;margin-top:.5em;margin-bottom:.2em;}.item h3,.item h4{font-size:1.385em;font-weight:bold;line-height:1em;margin-top:0;margin-bottom:.778em;overflow:hidden;}.item h3 span,.item h4 span{font-size:.667em;font-weight:normal;display:block;}.item h5 span{font-size:.857em;font-weight:normal;white-space:nowrap;}.item .meta{font-size:.923em;border-top:1px dotted #B5D9E5;padding-top:.3em;}.item .meta .addons{margin-right:1em;}.html-rtl .item .meta .addons{margin-right:auto;margin-left:1em;}.item .downloads{margin-left:1em;}.html-rtl .item .downloads{margin-left:auto;margin-right:1em;}.item-info{float:right;width:13em;padding-left:2%;margin-left:2%;}.item .item-info{border-left:1px dotted #B4DFEE;}.item-info ul{list-style-type:none;}.item .install{float:right;text-align:center;-webkit-border-radius:11px;-moz-border-radius:11px;border-radius:11px;padding:0 3px 3px 3px;margin-left:.5em;}.item .unavailable{border:1px solid #D2E7EE;padding:.3em;width:10em;background-color:#FFF;color:#666;}.recommended .install{background-color:#efe;border:1px solid #2a2;}.experimental .install{background-color:#fee;border:1px solid #f66;}.item .install strong{display:block;font-weight:normal;font-size:.85em;line-height:1em;color:#000;text-shadow:#FFF 1px 1px 1px;clear:left;}.separated-listing h3{float:left;margin-top:0;}.html-rtl .separated-listing h3{float:right;}.separated-listing .item h3{float:none;}.separated-listing form.item-sort{float:right;margin-top:-0.2em;}.html-rtl .separated-listing form.item-sort{float:left;}.separated-listing .item .item-info{border:none;margin-bottom:2em;}.separated-listing .item .item-info p{margin:0;}.separated-listing .item .downloads{margin:0;}.separated-listing blockquote{margin-right:11em;}.separated-listing .item-info p:first-child{margin-bottom:1em;}.listing .item,.separated-listing .item{padding:1em 1em 1em 52px;position:relative;background-color:#FFF;overflow:hidden;clear:both;}.separated-listing .item{border:1px solid #C9E8F3;margin:0 0 1em 0;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}.listing .item{border-bottom:1px solid #D6E9F0;background-image:url(../../img/amo2009/bg/listing-item.png);background-repeat:repeat-x;background-position:left bottom;margin:0;}.listing .item img.icon,.separated-listing .item img.icon{position:absolute;top:.5em;left:7px;}.listing .recommended,.separated-listing .recommended{background-image:url(../../img/amo2009/bg/listing-item-yellow.png);border-color:#fc9;}.recommended .meta{border-color:#fc9;}.listing .experimental,.separated-listing .experimental{background-image:url(../../img/amo2009/bg/listing-item-red.png);border-color:#fcc;}.experimental .meta{border-color:#fcc;}.object-lead{padding:1em;margin:0;background-image:url(../../img/amo2009/bg/listing-item.png);background-repeat:repeat-x;background-position:left bottom;overflow:hidden;position:relative;}.object-lead img.avatar{border:3px solid #C8E8F3;width:128px;height:128px;float:left;margin-right:1em;}.object-lead form{margin:0;}.object-lead h3{margin-top:0;}.object-lead .meta{float:right;width:18em;padding-left:2%;margin:2em 2% 0 0;margin-left:1em;border-left:1px dotted #B4DFEE;}.html-rtl .object-lead .meta{float:left;padding-left:auto;padding-right:2%;margin-left:2%;margin-right:1em;border-left:none;border-right:1px dotted #B4DFEE;}.object-lead .object-info p{margin:0;}.object-lead .user-role{position:absolute;top:1em;right:0;background-image:url(../../img/amo2009/icons/developer.png);background-position:left center;background-repeat:no-repeat;padding:.3em 1.18em .3em 35px;text-transform:uppercase;font-size:.846em;}.object-lead .notification{background-color:#C8E8F3;border:none;margin-top:2em;margin-bottom:1em;}.object-lead .button-wrapper{float:left;margin-top:.5em;overflow:hidden;}.object-content{margin-left:220px;}.vcard .object-content{margin-left:150px;}.object-lead table,.object-lead tbody{border-top:none;border-bottom:none;}.object-lead table{width:100%;margin-top:1em;}.object-lead table tr th{width:20%;}.object-lead table tr td,.object-lead table tr th{border-top:1px dotted #A5C9D5;border-bottom:none;}.object-lead table tr:first-child td,.object-lead table tr:first-child th{border-top:none;}table.person-info th,table.person-info td{display:block;}table.person-info td{border-top:none;margin:0;padding:.1em 0 .3em 0;}table.person-info th{border-top:1px dotted #A5C9D5;margin:0;padding:.3em 0 0 0;}table.person-info tr:first-child th{border-top:none;}table.person-info tbody{border-top:none;}table.person-info{border-bottom:none;}table.person-info a:link,table.person-info a:visited,table.person-info a:hover,table.person-info a:focus,table.person-info a:active{font-weight:bold;}.article-wrapper{margin-bottom:1em;clear:both;}.article-wrapper .article{padding-bottom:0;}.article-wrapper h3{margin-top:0;}ul.further-navigation{border-top:1px dotted #B4DFEE;padding-top:1em;margin-top:1.5em;}ul.further-navigation li{display:inline;padding-right:1em;}ul.further-navigation li a{font-weight:bold;}.html-rtl{text-align:right;direction:rtl;}.html-rtl .primary{float:left;clear:left;}.html-rtl .secondary{float:right;clear:right;}.html-rtl .primary .primary{float:right;clear:none;}.html-rtl .primary .secondary{float:left;clear:none;}.html-rtl .more-info{float:left;}.html-rtl .more-info,.html-rtl .more-info:link,.html-rtl .more-info:visited,.html-rtl .more-info:hover,.html-rtl .more-info:focus,.html-rtl .more-info:active{background-position:left -253px;padding-right:0;padding-left:1em;}.html-rtl .more-info:hover,.html-rtl .more-info:focus,.html-rtl .more-info:active{background-position:left -303px;}.html-rtl .hasJS .item a.show-expanded{float:left;}.html-rtl .highlight .more-info{float:right;}.html-rtl .highlight .further-navigation .more-info{float:left;}.html-rtl.hasJS .section-teaser .window .more-info{background-position:left -155px;}.html-rtl .section-teaser .addon-view .more-info{float:none;}.html-rtl .subscribe{background-position:right 2px;padding:0 20px 0 0;}.html-rtl .share{background-position:right -100px;padding:0 20px 0 0;float:right;}.html-rtl .addons{background-position:right -200px;padding:0 20px 7px 0;}.html-rtl .collections{background-position:right -300px;padding:0 20px 0 0;}.html-rtl .subscribers{background-position:right -400px;padding:0 20px 7px 0;}.html-rtl .category{background-position:right -500px;padding:0 20px 0 0;}.html-rtl .tags{background-position:right -600px;padding:0 20px 0 0;}.html-rtl .digg{background-position:right -900px;padding:0 20px 0 0;}.html-rtl .delicious{background-position:right -1000px;padding:0 20px 0 0;}.html-rtl .facebook{background-position:right -1100px;padding:0 20px 0 0;}.html-rtl .friendfeed{background-position:right -1200px;padding:0 20px 0 0;}.html-rtl .myspace{background-position:right -1300px;padding:0 20px 0 0;}.html-rtl li.subscribe,.html-rtl li.share,.html-rtl li.addons,.html-rtl li.collections,.html-rtl li.subscribers,.html-rtl li.category,.html-rtl li.tags,.html-rtl li.digg,.html-rtl li.delicious,.html-rtl li.facebook,.html-rtl li.friendfeed,.html-rtl li.myspace,.html-rtl a.subscribe,.html-rtl a.share,.html-rtl a.addons,.html-rtl a.collections,.html-rtl a.subscribers,.html-rtl a.category,.html-rtl a.tags,.html-rtl a.digg,.html-rtl a.delicious,.html-rtl a.facebook,.html-rtl a.friendfeed,.html-rtl a.myspace{padding-right:20px;text-align:right;}.html-rtl .stars{text-indent:-5000px;}.html-rtl .inverse .primary{float:right;clear:right;}.html-rtl .inverse .secondary{float:left;clear:left;}.html-rtl .inverse .primary .primary{float:right;clear:none;}.html-rtl .section .inverse .primary{float:left;clear:none;}.html-rtl .inverse .primary .secondary{float:left;clear:none;}.html-rtl .section .inverse .secondary{float:right;clear:none;}.html-rtl #header #title{direction:ltr;text-align:right;}.html-rtl .stats{text-align:left;float:left;}.html-rtl .stats li{overflow:hidden;}.html-rtl .stats strong{float:right;margin-left:.5em;}.html-rtl .stats span{float:right;}.html-rtl ol.breadcrumbs{margin-bottom:2em;}.html-rtl ol.breadcrumbs li{float:right;background-position:left -47px;padding-right:0;padding-left:1em;}.html-rtl #brand{left:auto;right:0;}.html-rtl #brand a:link,.html-rtl #brand a:visited,.html-rtl #brand a:hover,.html-rtl #brand a:focus,.html-rtl #brand a:active{background-position:top right;text-indent:-5000px;}.html-rtl #aux-nav{right:auto;left:0;margin:0 100px 0 0;text-align:left;background-position:top left;}.html-rtl #footer .primary{float:right;background-position:right 70px;}.html-rtl #footer .secondary{float:left;text-align:left;}.html-rtl #footer p{margin-right:60px;margin-left:1em;}.html-rtl #footer ul{margin-right:60px;margin-left:1.273em;}.html-rtl #footer ul li{display:inline;margin-right:0;margin-left:1em;}.html-rtl #footer .disclaimer{margin-left:1.273em;margin-right:60px;}.html-rtl #footer .languages{float:left;}.html-rtl .stars{float:right;margin-left:.5em;margin-right:0;}.html-rtl h5 img.icon,.html-rtl h2 img.icon{float:right;margin-right:0;margin-left:10px;}.html-rtl ul.further-navigation li{padding-right:0;padding-left:1em;}.html-rtl .selectReplacement{float:right;}.html-rtl h4.step{left:auto;right:0;}.html-rtl ol.numbered li{padding-left:0;padding-right:50px;}.html-rtl .privacy-policy{display:block;}.html-rtl .section-teaser .slideshow-controls{direction:rtl;}.html-rtl table tr td,.html-rtl table tr th{text-align:right;}.html-rtl ol.pagination{float:right;}.html-rtl ol.pagination li{float:right;}.html-rtl ol.pagination span.next,.html-rtl ol.pagination a[rel~="next"]{background-position:left -420px;padding-left:1em;padding-right:.4em;}.html-rtl ol.pagination span.prev,.html-rtl ol.pagination a[rel~="prev"]{background-position:right -340px;padding-right:1em;padding-left:.4em;}.html-rtl ol.pagination span.prev{background-position:92% -500px;}.html-rtl ol.pagination span.next{background-position:5px -540px;}.html-rtl .hasJS .dropdown-categories{left:auto;right:0;}.html-rtl .hasJS .dropdown-categories img{position:absolute;left:auto;right:10px;top:12px;}.html-rtl .hasJS .dropdown-categories h2,.html-rtl .hasJS .dropdown-categories h3{padding-right:35px;padding-left:0;}.html-rtl .search-form{float:left;}.html-rtl .secondary .search-form{float:none;}.html-rtl .search-form .subsidiary .container{float:right;}.html-rtl .search-form .important .application select,.html-rtl .search-form .important .application input{margin:0;}.html-rtl .search-form .basic input{background-position:right center;margin-right:1.4%;margin-left:0;}.html-rtl .search-form .basic label,.html-rtl .search-form .basic select,.html-rtl .search-form .basic input,.html-rtl .search-form .basic button{float:right;}.html-rtl .search-form .basic button{left:1.4%;right:auto;}.html-rtl .search-form .important .application label,.html-rtl .search-form .subsidiary label{float:right;}.html-rtl form.addon-feedback label{float:right;}.html-rtl form.addon-feedback textarea{float:left;}.html-rtl .share-networks{background-position:160px top;clear:both;}.html-rtl .share-this{clear:right;float:right;}.html-rtl form.addon-feedback{float:right;margin-right:0;margin-left:1.5em;}.html-rtl .meta .subscribers{background-position:right -400px;float:left;}.html-rtl .meta .addons{background-position:right -200px;float:left;}.html-rtl a:link.button img,.html-rtl a:visited.button img,.html-rtl a:hover.button img,.html-rtl a:focus.button img,.html-rtl a:active.button img,.html-rtl button img{border-right:none;border-left:1px solid #39F;margin-right:0;margin-left:.7em;padding-right:.2em;padding-left:.4em;}.html-rtl a:link.negative img,.html-rtl a:visited.negative img,.html-rtl a:hover.negative img,.html-rtl a:focus.negative img,.html-rtl a:active.negative img,.html-rtl button.negative img{border-right:none;border-left:1px solid #E54C4F;}.html-rtl a:link.button.positive img,.html-rtl a:visited.button.positive img,.html-rtl a:hover.button.positive img,.html-rtl a:focus.button.positive img,.html-rtl a:active.button.positive img,.html-rtl button.positive img{border-right:none;border-left:1px solid #5A0;}.html-rtl a:link.button.neutral img,.html-rtl a:visited.button.neutral img,.html-rtl a:hover.button.neutral img,.html-rtl a:focus.button.neutral img,.html-rtl a:active.button.neutral img,.html-rtl button.neutral img{border-right:none;border-left:1px solid #D71;}.html-rtl .search-form button img{border-left:none;}.html-rtl button.add-to-fav{background-position:right;float:right;padding:.5em 19px .2em 0;}.html-rtl .listing-header .item-sort{float:left;}.html-rtl .listing-header ul{float:right;}.html-rtl .listing-footer .subscribe{float:right;margin-left:1em;}.html-rtl .listing-footer .subscribe,.html-rtl .pagination{float:right;}.html-rtl .listing .item,.html-rtl .separated-listing .item{padding:1em 52px 1em 1em;}.html-rtl .item .install{float:left;margin-left:0;margin-right:.5em;}.html-rtl .item img.icon{left:auto;right:7px;}.html-rtl .item .downloads{margin-left:0;margin-right:1em;}.html-rtl .item-info{float:left;border-left:none;border-right:1px dotted #B4DFEE;margin-left:0;margin-left:2%;padding-left:0;padding-right:2%;margin-right:2%;}.html-rtl .item-info ul{text-align:left;}.html-rtl .item .thumbnail{float:right;margin-left:1em;margin-right:0;}.html-rtl .screenshot.thumbnail{float:right;margin-right:0;margin-left:1em;}.html-rtl .separated-listing blockquote{margin-right:0;margin-left:11em;}.html-rtl .object-lead .user-role{background-position:right center;left:160px;right:inherit;padding:.3em 35px .3em 1.18em;}.html-rtl .object-content{margin-right:0;margin-left:220px;}.firefox h2{color:#C63717;}.firefox #aux-nav .change li.firefox{display:none;}.thunderbird h2{color:#105399;}.thunderbird #aux-nav .change li.thunderbird{display:none;}.sunbird h2{color:#007940;}.sunbird #aux-nav .change li.sunbird{display:none;}.seamonkey h2{color:#1408E5;}.seamonkey #aux-nav .change li.seamonkey{display:none;}#lbOverlay{position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:#000;cursor:pointer;}#lbCenter,#lbBottomContainer{position:absolute;z-index:9999;overflow:hidden;background-color:#fff;}.lbLoading{background:#fff url(../../img/amo2009/lightbox/loading.gif) no-repeat center;}#lbImage{position:absolute;left:0;top:0;border:10px solid #fff;background-repeat:no-repeat;}#lbPrevLink,#lbNextLink{display:block;position:absolute;top:0;width:50%;outline:none;}#lbPrevLink{left:0;}#lbPrevLink:hover{background:transparent url(../../img/amo2009/lightbox/prevlabel.gif) no-repeat 0 15%;}#lbNextLink{right:0;}#lbNextLink:hover{background:transparent url(../../img/amo2009/lightbox/nextlabel.gif) no-repeat 100% 15%;}#lbBottom{font-family:Verdana,Arial,Geneva,Helvetica,sans-serif;font-size:10px;color:#666;line-height:1.4em;text-align:left;border:10px solid #fff;border-top-style:none;}#lbCloseLink{display:block;float:right;width:66px;height:22px;background:transparent url(../../img/amo2009/lightbox/closelabel.gif) no-repeat center;margin:5px 0;outline:none;}#lbCaption,#lbNumber{margin-right:71px;}#lbCaption{font-weight:bold;}#header #title img{height:75px;}.firefox #header #title strong{color:#D64203;}.with-js .hide-with-js{display:none;}.show-with-js{display:none;}.with-js .show-with-js{display:block;}.clearboth{clear:both;}.secondary{clear:left;}.categories ul{padding:1em;}#search-query .query-label{color:#000;position:absolute;left:2.5em;display:none;}.hasJS #search-query .query-label{display:block;}.html-rtl #search-query .query-label{left:auto;right:2.5em;}.primary.full,.secondary.full{width:100%;}#addon-list-options ul{float:none;margin:0 1em;}#addon-list-options ul li{margin:0 .5em;}#addon-list-options ul li.perpage{float:right;}.html-rtl #addon-list-options ul li.perpage{float:left;}#addon-list-options ul li.perpage div{display:block;line-height:2em;}ol.pagination{width:70%;}li.sub-category{padding-left:30px;}.html-rtl li.sub-category{padding-left:0;padding-right:30px;}p.install-button{margin:0;}.experimental .install-container{min-width:10em;margin:.3em;}.install strong.compatmsg{padding-bottom:.5em;}.teaser-items .item .install{float:left;}.html-rtl .teaser-items .item .install{float:right;}.section-teaser #t-mozilla_shopping{background-image:url(../../img/amo2009/illustrations/shopping-online.jpg);}.html-rtl .section-teaser #t-mozilla_shopping{background-image:url(../../img/amo2009/illustrations/shopping-online-rtl.jpg);}.section-teaser .item{margin:0;padding-top:1em;}.hasJS .section-teaser .teaser-header{position:relative;}.hasJS .section-teaser .featured-inner{padding-bottom:3em;}.section-teaser .slideshow-controls{margin:-38px 0 0;}.section-teaser .addon-view .column{width:31%;}.section-teaser .addon-view .lead{padding-top:1em;margin-bottom:1em;margin-left:4.5em;}.html-rtl .section-teaser .addon-view .lead{margin-left:auto;margin-right:4.5em;}.section-teaser .addon-view h3{margin-bottom:.2em;}.section-teaser .teaser-header ol li{margin-right:3.4em;}.hasJS .section-teaser .window{position:relative;}.hasJS .section-teaser .window .teaser-items{position:absolute;}.html-rtl.hasJS .section-teaser .window ol.teaser-items{direction:rtl;left:auto;right:0;}.html-rtl .column{float:right;margin-left:0;margin-right:2%;}.html-rtl .section-teaser .column{border-left:none;border-right:1px dotted #A4CFDE;}.html-rtl .first{margin-right:0;}.html-rtl .section-teaser .first{border-right:none;}.html-rtl .section-teaser .addon-view{background-position:left bottom;}.html-rtl .section-teaser .addon-view .column{border:none;text-align:right;}.html-rtl .section-teaser .addon-view .column-inner{padding-left:0;padding-right:55px;}.html-rtl .section-teaser .column p,.html-rtl .section-teaser .column h3{margin-left:0;margin-right:1em;}.html-rtl .section-teaser .column p.install-button{margin-right:0;}.html-rtl .section-teaser .teaser-header ol li{margin-left:5em;margin-right:0;float:right;}.html-rtl .section-teaser .teaser-header ol li:last-child{margin-left:0;}.html-rtl .section-teaser .prev,.html-rtl .section-teaser .next{right:auto;left:8px;background-position:0 0;}.html-rtl .section-teaser .prev{left:auto;right:8px;background-position:0 -150px;}.html-rtl .section-teaser .active.next{background-position:0 -50px;}.html-rtl .section-teaser .active.prev{background-position:0 -200px;}.html-rtl .section-teaser .active.next:focus,.html-rtl .section-teaser .active.next:hover{background-position:0 -100px;}.html-rtl .section-teaser .active.prev:focus,.html-rtl .section-teaser .active.prev:hover{background-position:0 -250px;}.graybox{background-color:#FAFDFE;border:1px solid #C8E8F3;padding:15px;}.graybox.errors{background-color:#FFA5A5;}.graybox.spaced{margin-bottom:10px;}.rounded{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}.translation-box h4{border-bottom:1px solid #2D3B58;}.translation-box h4 img{float:right;margin-top:3px;}.html-rtl .translation-box h4 img{float:left;}.translation-box .translation-button img{cursor:pointer;float:left;background-color:#EEE;border:1px solid #EEE;border-bottom:none;padding:2px 5px 3px;margin:5px 0 0 10px;height:1.5em;-moz-border-radius-topleft:6px;-moz-border-radius-topright:6px;-webkit-border-top-left-radius:6px;-webkit-border-top-right-radius:6px;}.html-rtl .translation-box .translation-button img{float:right;margin:5px 10px 0 0;}.translation-box .translation-button.remove img{float:right;}.html-rtl .translation-box .translation-button.remove img{float:left;}.translation-box .translation-button img:hover{background-color:#E4F3FA;}.translation-box .translation-tab{float:left;margin-right:2px;background-color:#DDD;text-align:center;padding:5px;-moz-border-radius-topleft:6px;-moz-border-radius-topright:6px;-webkit-border-top-left-radius:6px;-webkit-border-top-right-radius:6px;width:3.1em;height:1.5em;cursor:pointer;border-bottom:1px solid #FFF;}.html-rtl .translation-box .translation-tab{float:right;margin-right:auto;margin-left:2px;}.translation-box .translation-tab.selected{border:1px solid #1D587F;background-color:#DDF;border-bottom:none;color:#1D587F;}.translation-box .translation-tab:hover{text-decoration:underline;}.translation-box .translation-area{clear:both;margin:0;}.translation-box .translation-maxlength{text-align:right;display:none;}.html-rtl .translation-box .translation-maxlength{text-align:left;}.translation-box .translation-maxlength.selected{display:block;}.translation-box .translation-maxlength img{display:none;}.translation-box .translation-maxlength.over{color:#C33;}.translation-box .translation-maxlength.over img{display:inline;vertical-align:middle;}.translation-box .translation-maxlength span{font-weight:bold;}.translation-box .input{border:1px solid #1D587F;margin:0;-moz-border-radius-bottomleft:6px;-moz-border-radius-bottomright:6px;-webkit-border-bottom-left-radius:6px;-webkit-border-bottom-right-radius:6px;width:100%;display:none;}.translation-box .input.selected{display:block;}.translation-newlocale-container,.translation-deletelocale-container,.translation-help-container,.translation-error-container{display:none;}.translation-newlocale,.translation-deletelocale{border:1px solid #1D587F;margin:0;-moz-border-radius-bottomleft:6px;-moz-border-radius-bottomright:6px;-webkit-border-bottom-left-radius:6px;-webkit-border-bottom-right-radius:6px;width:100%;height:100px;display:none;}.translation-deletelocale.textarea{position:absolute;z-index:10;}.translation-newlocale.selected,.translation-deletelocale{display:block;}.translation-newlocale .padded,.translation-deletelocale .padded,.translation-help .padded{padding:15px;}.translation-newlocale .buttons,.translation-deletelocale .buttons{text-align:center;margin:10px;}.translation-help{background-color:#FFF;margin-bottom:10px;width:630px;display:none;}.graybox .error-message{background:transparent url('../../img/developers/exclamation.png') no-repeat 5px 50%;color:red;padding:5px 0 5px 30px;}.html-rtl .graybox .error-message{background-position:100% 50%;padding:5px 25px 5px 0;}.notification-box{display:block;padding:10px;margin:10px 0;border:1px solid #021437;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;background-color:#C8E8F3;}.notification-box.error{border-color:#C63717;background-color:#FFA5A5;}.notification-box h2{margin:0;padding:10px 0 0 60px;font-size:130%;line-height:1.5em;min-height:38px;color:#444;background:url(../../img/amo2009/notifications/sprite.png) no-repeat top left;}.html-rtl .notification-box h2{padding-left:0;padding-right:60px;background-position:top right;}.notification-box.notification h2{padding:0;min-height:0;background:none;}.notification-box.info h2{background-position:0 -348px;}.html-rtl .notification-box.info h2{background-position:right -348px;}.notification-box.success h2{background-position:0 -546px;}.html-rtl .notification-box.success h2{background-position:right -546px;}.notification-box.warning h2{background-position:0 -744px;}.html-rtl .notification-box.warning h2{background-position:right -744px;}.notification-box.error h2{color:#C63717;background-position:0 -150px;}.html-rtl .notification-box.error h2{background-position:right -150px;}.ui-tabs-hide{display:none!important;}.ui-tabs-nav{list-style:none;margin:0;padding:0 0 0 3px;}.ui-tabs-nav:after{display:block;clear:both;content:" ";}.ui-tabs-nav li{float:left;margin:0 0 0 2px;font-weight:bold;}.ui-tabs-nav a,.ui-tabs-nav a span{float:left;padding:0 12px;background-color:#26395A;}.ui-tabs-nav a{margin:5px 0 0;padding-left:0;background-position:100% 0;text-decoration:none;white-space:nowrap;outline:0;}.ui-tabs-nav a:link,.ui-tabs-nav a:visited{color:#fff;}.ui-tabs-nav .ui-tabs-selected a{position:relative;top:1px;z-index:2;margin-top:0;background-position:100% -23px;}.ui-tabs-nav a span{padding-top:1px;padding-right:0;height:20px;background-position:0 0;line-height:20px;}.ui-tabs-nav .ui-tabs-selected a span{padding-top:0;height:27px;background-position:0 -23px;line-height:27px;}.ui-tabs-nav .ui-tabs-selected a:link,.ui-tabs-nav .ui-tabs-selected a:visited,.ui-tabs-nav .ui-tabs-disabled a:link,.ui-tabs-nav .ui-tabs-disabled a:visited{cursor:text;}.ui-tabs-nav a:hover,.ui-tabs-nav a:focus,.ui-tabs-nav a:active,.ui-tabs-nav .ui-tabs-unselect a:hover,.ui-tabs-nav .ui-tabs-unselect a:focus,.ui-tabs-nav .ui-tabs-unselect a:active{cursor:pointer;}.ui-tabs-disabled{opacity:.4;filter:alpha(opacity=40);}.ui-tabs-nav .ui-tabs-disabled a:link,.ui-tabs-nav .ui-tabs-disabled a:visited{color:#000;}.ui-tabs-panel{border:1px solid #26395A;padding:10px;_background:#fff;}* html .ui-tabs-nav{display:inline-block;}*:first-child+html .ui-tabs-nav{display:inline-block;}form.favorite button{text-align:left;}.html-rtl form.favorite button{text-align:right;}blockquote.publisher-comment{border-left:3px solid #C9E8F3;margin-left:2em;padding-left:1em;}blockquote.publisher-comment p{margin:0;}blockquote.publisher-comment p.by{font-style:italic;}.collections-page .submit-button{margin-top:1em;}.collections-page .error_message{color:red;font-weight:bold;}.collections-page .ac_input{width:400px;}.collections-page .ac_results{padding:0;border:1px solid WindowFrame;background-color:Window;overflow-x:hidden;overflow-y:auto;max-height:400px;}.collections-page .ac_results ul{width:100%;list-style-position:outside;list-style:none;padding:0;margin:0;}.collections-page .ac_results iframe{display:none;display:block;position:absolute;top:0;left:0;z-index:-1;filter:mask();width:3000px;height:3000px;}.collections-page .ac_results li{margin:0;padding:2px 5px;cursor:pointer;display:block;width:100%;font:menu;font-size:12px;overflow:hidden;}.collections-page .ac_results li img{margin-right:.5em;vertical-align:middle;}.collections-page .ac_loading{background-image:url('../../img/ajax_loading.gif');background-position:right center;background-repeat:no-repeat;}.collections-page .ac_over{background-color:Highlight;color:HighlightText;}#collections-add #addonname{width:250px;}#collections-add #selectedaddons{width:80%;overflow:auto;max-height:300px;}#collections-add #selectedaddons>ul{-moz-column-count:2;}#collections-add #selectedaddons ul li{-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;line-height:32px;padding:5px;}#collections-add #selectedaddons ul li.flash{background-color:#C8E8F3;}#collections-add #selectedaddons ul li img{vertical-align:middle;margin-right:.5em;}#collections-add #firstaddons,#collections-add #selectedaddons{display:none;}#collections-edit .jsonly{display:none;}#collections-edit .error,#collections-edit .error_message{color:#f00;}#collections-edit .coll-addon{padding-bottom:10px;margin-bottom:10px;border-bottom:solid 1px #C8E8F3;}#collections-edit .coll-addon blockquote{overflow-x:scroll;}#collections-edit .coll-addon img{vertical-align:middle;margin-right:.5em;}#collections-edit .coll-addon .name{font-weight:bold;}#collections-edit .coll-addon .added{float:right;font-style:italic;}#collections-edit .coll-addon a.removeaddon{float:right;}#collections-edit .coll-addon .editbox{clear:both;}#collections-edit .coll-addon .editbox textarea{margin-bottom:.5em;}#collections-edit input#submitbutton{margin:10px;}.collections-add.prose{margin:0;}.collections-add.prose ul{margin-left:1em;}.collections-add.prose ul li{margin-bottom:0;}#publish_to{width:100%;}p.addon-search-message{margin-top:2em;color:#777;font-size:180%;font-weight:bold;text-align:center;padding-bottom:.5em;}h2 span{position:relative;top:-0.35em;}h4.author{position:relative;left:51px;top:-25px;font-weight:normal;}.html-rtl h4.author{left:auto;right:51px;}h4.author a{font-weight:bold;}.hidden{position:absolute;top:-100000px;}.addon-cats{margin:0;}.addon-cats li{display:inline;}.addon-cats li:after{content:" | ";}.addon-cats li:last-child:after{content:"";}#addon-summary{margin-left:240px;position:relative;min-height:270px;z-index:101;}.html-rtl #addon-summary{margin-left:0;margin-right:240px;}#addon-summary.condensed{margin-left:5px;min-height:30px;}.html-rtl #addon-summary.condensed{margin-left:0;margin-right:5px;}#addon-summary .stats{margin:0;float:none;text-align:left;color:#6FB727;}.html-rtl #addon-summary .stats{text-align:right;}#addon-summary .stats em{font-style:normal;font-weight:bold;}.preview-img{left:-260px;padding:0 0 0 20px;position:absolute;top:0;}.html-rtl .preview-img{left:auto;right:-260px;padding-left:0;padding-right:20px;}.updated{color:#666;}#addon-summary .rating{left:-240px;top:160px;position:absolute;font-weight:bold;}.html-rtl #addon-summary .rating{left:auto;right:-240px;}#addon-summary .share-this{clear:left;float:left;left:-240px;position:absolute;width:200px;top:230px;}.html-rtl #addon-summary .share-this{clear:right;float:right;left:auto;right:-240px;}#addon-summary .stats{position:absolute;left:-240px;top:180px;}.html-rtl #addon-summary .stats{left:auto;right:-240px;}#addon-summary .install{float:left;text-align:center;-webkit-border-radius:11px;-moz-border-radius:11px;border-radius:11px;padding:0 3px 3px 3px;}.html-rtl #addon-summary .install{float:right;}#addon-summary .unavailable{border:1px solid #D2E7EE;padding:.3em;width:10em;background-color:#FFF;color:#666;}#addon-summary.rec .install{background-color:#efe;border:1px solid #2a2;padding-top:4px;margin-bottom:3px;}#addon-summary.exp .install{background-color:#fee;border:1px solid #f66;padding-top:4px;margin-bottom:3px;}#addon-summary .install strong{display:block;font-weight:normal;font-size:.85em;line-height:1em;color:#000;text-shadow:#FFF 1px 1px 1px;clear:left;}.html-rtl #addon-summary .install strong{clear:right;}.share-networks{z-index:100;}.featured h4{clear:both;}#addon-info .item{padding:1em;}#addon-info a{font-weight:bold;}.app_compat ul{margin:0;}.prose ul li{margin-left:1em;}.html-rtl .prose ul li{margin-left:0;margin-right:1em;}.privacypolicy{clear:both;font-weight:bold;}.policy-link{clear:both;}.highlight.collections-add p{margin-bottom:1em;}#version-history .listing .item.oldversion{padding-left:1em;}#version-history .oldversion ul.legal li{padding-left:20px;}#version-history .oldversion ul.legal li.license{background:url(../../img/amo2009/icons/script_code_red.png) left no-repeat;}#version-history .oldversion ul.legal li.source{background:url(../../img/amo2009/icons/page_code.png) left no-repeat;}#version-license pre{max-height:400px;overflow-y:scroll;background-color:#fff;padding:1em 2em;-moz-border-radius:8px;}#form-review .login,#form-review h3{display:inline;}#form-review h4,#form-review .selectReplacement{float:left;}.html-rtl #form-review h4,.html-rtl #form-review .selectReplacement{float:right;}#form-review .selectReplacement,#form-review .stars{margin:4px 0 0 5px;clear:none;}#form-review .stars{margin:1px 0 0 5px;height:12px;}.html-rtl #form-review .selectReplacement,.html-rtl #form-review .stars{margin-left:0;margin-right:5px;}#form-review a{font-weight:bold;}#form-review button{float:right;}.html-rtl #form-review button{float:left;}#form-review p{clear:both;}.highlight a{font-weight:bold;}.highlight .prose{margin:0;}.highlight .other-author-addons{padding:1em 0 0 0;margin:0;clear:left;font-weight:normal;}.html-rtl .highlight .other-author-addons{clear:right;}.highlight h3 label{font-weight:normal;}.stand-alone-options{z-index:500;}#header{z-index:600;}div#gsfn_list_widget img{border:none;}div#gsfn_list_widget{float:right;font-size:12px;width:250px;border:6px solid #DDD;padding:5px 5px 25px 20px;margin:5px 5px 10px 10px;}div#gsfn_list_widget a.widget_title{color:#000;display:block;margin-bottom:10px;font-weight:bold;}div#gsfn_list_widget .powered_by{margin-top:8px;padding-top:8px;border-top:1px solid #DDD;}div#gsfn_list_widget .powered_by a{color:#333;font-size:90%;}div#gsfn_list_widget div#gsfn_content li{text-align:left;margin-bottom:6px;}div#gsfn_list_widget div#gsfn_content a.gsfn_link{line-height:1;}div#gsfn_list_widget div#gsfn_content span.time{font-size:90%;padding-left:3px;}div#gsfn_list_widget div#gsfn_content p.gsfn_summary{margin-top:2px;}ul.submissionHelp li span.required{font-weight:bold;}ul.submissionHelp li span.optional{font-style:italic;}form.collector-firstrun-favorite,div.collector-firstrun-favorite{margin-bottom:1.5em;}div.collector-firstrun-favorite{clear:both;}.item .baseline img.faq{margin:0 5px 0 0;float:left;}.html-rtl .item .baseline img.faq{margin:0 0 0 5px;float:right;}.review .others-by-user{font-style:italic;display:block;margin-top:.5em;font-size:.85em;}.review .others-by-user a{padding-left:22px;}.review .others-by-user a.loading{background:transparent url(../../img/ajax_loading.gif) no-repeat 2px top;}.review h2{margin-bottom:2px;}.review h3{margin-bottom:2px;}.review .hsession{display:inline;}.review .reviewed-on{font-size:.8em;margin:.4em 0;}.others-by-user-load{padding-left:3em;}.review-reply{margin-left:3em;}.review p.flag-thanks,.review-reply p.flag-thanks{font-weight:bold;}.review form.flag,.review-reply form.flag{display:block;padding-bottom:1em;}.review form.flag label,.review-reply form.flag label{display:block;font-weight:bold;}.review form.flag .error{color:#f00;}.with-js .review p.flag-thanks,.with-js .review-reply p.flag-thanks{display:inline;}.with-js .review form.flag,.with-js .review-reply form.flag{display:inline;}.with-js .review form.flag label,.with-js .review-reply form.flag label{display:none;}.review .flag span.loading,.review-reply .flag span.loading{padding-left:22px;background:transparent url(../../img/ajax_loading.gif) no-repeat 2px top;}.html-rtl .new,.html-rtl .listing-header li{unicode-bidi:embed;}.search-form .basic button img{width:9px;height:18px;background-image:url(../../img/amo2009/icons/buttons/go-green.gif);}.html-rtl .search-form .basic button img{background-image:url(../../img/amo2009/icons/buttons/go-green_rtl.gif);}.html-rtl #advanced-link{right:auto;left:30px;}.html-rtl #advanced-link a:link,.html-rtl #advanced-link a:visited,.html-rtl #advanced-link a:hover,.html-rtl #advanced-link a:focus,.html-rtl #advanced-link a:active{padding-left:20px;padding-right:1em;background-position:5% -591px;}.html-rtl .expanded #advanced-link a:link,.html-rtl .expanded #advanced-link a:visited,.html-rtl .expanded #advanced-link a:hover,.html-rtl .expanded #advanced-link a:focus,.html-rtl .expanded #advanced-link a:active{background-position:5% -641px;}.html-rtl .meta .subscribers,.html-rtl .meta .addons{float:right;}.html-rtl .item{clear:right;}.html-rtl #aux-nav p.context{float:left;padding-right:auto;padding-left:1em;right:auto;left:0;}.html-rtl.hasJS #aux-nav ul{float:left;padding-right:auto;padding-left:1em;}.html-rtl #aux-nav span.greeting{margin-right:auto;margin-left:1em;}.html-rtl #aux-nav .settings{margin-right:auto;margin-left:1em;}.html-rtl #aux-nav ul.change{padding:0;}.html-rtl.hasJS #aux-nav ul.change{background-position:top left;border-right:none;border-left:3px solid transparent;}.html-rtl #aux-nav ul.change li{margin-left:auto;margin-right:1em;}.html-rtl.hasJS #aux-nav ul.change li{background-position:top right;margin-left:0;margin-right:0;}.html-rtl #aux-nav ul.change li li{background-position:top right;}.html-rtl.hasJS #aux-nav .change li ul li{text-align:right;}.html-rtl.hasJS #aux-nav .change li ul li a{background-position:top right;padding-left:.3em;padding-right:45px;}.html-rtl.hasJS #aux-nav .change li ul li.firefox a{background-position:95% 0;}.html-rtl.hasJS #aux-nav .change li ul li.thunderbird a{background-position:95% -50px;}.html-rtl.hasJS #aux-nav .change li ul li.sunbird a{background-position:95% -100px;}.html-rtl.hasJS #aux-nav .change li ul li.seamonkey a{background-position:95% -150px;}.html-rtl.hasJS #aux-nav ul.change a.controller:link,.html-rtl.hasJS #aux-nav ul.change a.controller:visited,.html-rtl.hasJS #aux-nav ul.change a.controller:focus,.html-rtl.hasJS #aux-nav ul.change a.controller:hover,.html-rtl.hasJS #aux-nav ul.change a.controller:active{padding-left:20px;padding-right:1em;background-position:5% -65px;}.html-rtl.hasJS #aux-nav ul.change a.controller:focus,.html-rtl.hasJS #aux-nav ul.change a.controller:hover,.html-rtl.hasJS #aux-nav ul.change a.controller:active{background-position:5% -105px;}.html-rtl.hasJS #aux-nav ul.change ul{right:auto;left:-3px;border-right:none;border-left:3px solid #A2C2D7;}.html-rtl #aux-nav ul.tools{padding:0;}.html-rtl.hasJS #aux-nav ul.tools{margin:0;border-right:none;border-left:3px solid transparent;}.html-rtl #aux-nav ul.tools li{margin-left:auto;margin-right:1em;}.html-rtl.hasJS #aux-nav ul.tools li{margin-left:auto;margin-right:0;}.html-rtl #aux-nav ul.tools li li{background-position:top right;}.html-rtl.hasJS #aux-nav .tools li ul li{text-align:right;margin:0;padding-left:.3em;padding-right:1em;}.html-rtl.hasJS #aux-nav ul.tools a.controller:link,.html-rtl.hasJS #aux-nav ul.tools a.controller:visited,.html-rtl.hasJS #aux-nav ul.tools a.controller:focus,.html-rtl.hasJS #aux-nav ul.tools a.controller:hover,.html-rtl.hasJS #aux-nav ul.tools a.controller:active{padding-left:20px;padding-right:1em;background-position:5% -65px;}.html-rtl.hasJS #aux-nav ul.tools a.controller:focus,.html-rtl.hasJS #aux-nav ul.tools a.controller:hover,.html-rtl.hasJS #aux-nav ul.tools a.controller:active{background-position:5% -105px;}.html-rtl.hasJS #aux-nav ul.tools ul{right:auto;left:-3px;border-right:none;border-left:3px solid #A2C2D7;}.html-rtl.hasJS #aux-nav ul.expanded{border-right:none;border-left:3px solid #A2C2D7;}.exp-loggedout .button.positive:link,.exp-loggedout .button.positive:visited,.exp-loggedout .button.positive:hover,.exp-loggedout .button.positive:active{background:none #555;border-color:#999;cursor:default;opacity:.3;filter:(opacity=30);}.exp-loggedout .button.positive:link img,.exp-loggedout .button.positive:visited img,.exp-loggedout .button.positive:hover img,.exp-loggedout .button.positive:active img{border-right:1px solid #999;}a:focus.button{outline-color:#73B9FF;}a:focus.button.neutral{outline-color:#E5A365;}a:focus.button.positive{outline-color:#8CC553;}a:focus.button.negative{outline-color:#EC7F82;}.item h3,.item h4{overflow:visible;}.html-rtl .search-form .basic input,.search-form .basic input{text-indent:0;width:40%;}.search-form .basic input{padding-left:2em;}.html-rtl .search-form .basic input{padding-left:0;padding-right:2em;}.item .install .app_install{position:relative;width:1px;margin:0 auto;}.app_install-popup-container{display:none;position:relative;width:1px;z-index:1000;}.app_install-popup{position:absolute;left:-15em;top:.5em;width:32em;background:#fbfefb;border:4px solid #b4e4b4;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;text-align:left;}.html-rtl .app_install-popup{text-align:right;}.app_install-popup-inner{padding:1em;border:1px solid #256350;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}.app_install-popup h3{margin-top:0;}.app_install-popup ol,.app_install-popup p{margin-top:1.5em;margin-bottom:0;}.html-rtl .app_install-popup ol{margin-left:0;margin-right:2em;}.html-rtl .app_install-popup ol{margin-top:1.5em;margin-bottom:0;}.app_install-popup .close{font-weight:bold;text-align:right;}.html-rtl .app_install-popup .close{text-align:left;}.expanded-search-form .advanced{display:none;padding:1em;}.search-form fieldset{margin:0;}.review_add .stars{background:transparent;float:none;margin:0;text-indent:0;width:auto;}.review_add #ReviewBody{width:65%;}.stars input{margin:0 4px;}.stars{zoom:1;}.stars .cancel,.stars .star{float:left;width:12px;height:14px;overflow:hidden;text-indent:-999em;cursor:pointer;}.html-rtl .stars .star,.html-rtl .stars .cancel{float:right;}.stars .cancel a,.stars .cancel a{background:url(../../img/ratings_images.gif) no-repeat;}.stars .star a,.stars .star a{background:url(../../img/ratings_images.gif) no-repeat;}.stars.cancel a,.stars .star a,.stars .cancel a,.stars .star a{display:block;width:100%;height:100%;background-position:0 -25px;border:1 solid #F00;}.stars .cancel a,.stars.cancel a{background-position:0 2px;}.stars div.star_hover a,.stars div.star_hover a{background-position:0 -38px;}.stars div.cancel_on a,.stars div.cancel_on a{background-position:0 -11px;}.stars div.star_on a,.stars div.star_on a{background-position:0 -38px;}.stars:after{content:".";clear:both;display:block;visibility:hidden;height:0;overflow:hidden;}.category_landing .search-form{margin-bottom:0;}.category_landing .primary{width:100%;}.category_landing #footer .primary{width:73.47%;}#featured_addons{z-index:2;position:relative;}#featured_addons ul{list-style-type:none;margin:0;padding:0;}#featured_addons ul li{display:block;float:left;margin:0;padding:0 8px 8px 0;}.html-rtl #featured_addons ul li{float:right;padding:0 0 8px 8px;}#featured_addons ul li.addon_block_wrapper{width:32%;}#featured_addons ul li div.item{margin:0;padding:0;}#featured_addons ul li div.item .unavailable{width:90%;}#featured_addons ul li div.addon_block{display:block;position:relative;background:#f9f9f9 url(../../img/sprite.png?20090430) no-repeat scroll left -968px;width:100%;height:200px;overflow:hidden;border:1px solid #ececec;-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;-moz-border-radius-bottomleft:8px;-moz-border-radius-bottomright:8px;-webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:8px;-webkit-border-bottom-left-radius:8px;-webkit-border-bottom-right-radius:8px;border-top-right-radius:8px;border-top-left-radius:8px;border-bottom-right-radius:8px;border-bottom-left-radius:8px;padding:0;}#featured_addons ul li div.addon_block .name{font-size:138%;margin:8px 155px 0 0;padding:0 0 0 8px;line-height:1.25em;}.html-rtl #featured_addons ul li div.addon_block .name{margin:8px 0 0 155px;padding:0 8px 0 0;}#featured_addons ul li div.addon_block .name a{color:black;text-decoration:none;}#featured_addons ul li div.addon_block .preview{position:absolute;top:8px;right:9px;}.html-rtl #featured_addons ul li div.addon_block .preview{right:auto;left:9px;}#featured_addons ul li div.addon_block .preview img{width:138px;}#featured_addons ul li div.addon_block .summary{font-size:93%;line-height:1.5em;margin:0 149px 0 0;padding:0 0 0 8px;max-height:4.5em;overflow:hidden;}.html-rtl #featured_addons ul li div.addon_block .summary{margin:0 0 0 149px;padding:0 8px 0 0;}#featured_addons ul li div.addon_block .authors{font-size:100%;line-height:1.5em;margin:0 145px 0 0;padding:0 0 0 8px;color:#2363a5;}.html-rtl #featured_addons ul li div.addon_block .authors{margin:0 0 0 145px;padding:0 8px 0 0;}#featured_addons ul li div.addon_block .authors a{text-decoration:none;}#featured_addons ul li div.addon_block .rating{font-size:10px;overflow:hidden;margin:2px 0 0 0;padding:0 0 0 8px;}.html-rtl #featured_addons ul li div.addon_block .rating{padding:0 8px 0 0;}.rating span{display:block;background:transparent url(../../img/ratings/5stars.png) no-repeat scroll top left;width:68px;height:12px;text-indent:-1000em;}.rating .stars-1{background-image:url(../../img/ratings/1stars.png);}.rating .stars-2{background-image:url(../../img/ratings/2stars.png);}.rating .stars-3{background-image:url(../../img/ratings/3stars.png);}.rating .stars-4{background-image:url(../../img/ratings/4stars.png);}.rating .stars-5{background-image:url(../../img/ratings/5stars.png);}#featured_addons div.addon_block .install-container{position:absolute;left:7px;bottom:7px;}.html-rtl #featured_addons div.addon_block .install-container{left:auto;right:7px;}.category_landing .primary div.addons_column{float:left;padding:0 9px 8px 0;width:32%;}.html-rtl .category_landing .primary div.addons_column{float:right;padding:0 0 8px 9px;}.category_landing .primary div.addons_column.last{float:left;padding:0 0 8px 0;}.html-rtl .category_landing .primary div.addons_column.last{float:right;}.category_landing .primary div.addons_column h3{background:#acacac;-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;-webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:8px;border-top-right-radius:8px;border-top-left-radius:8px;margin:0;font-family:"Trebuchet MS",Helvetica,"Helvetica Neue",Arial,sans-serif;line-height:1.6em;}.category_landing .primary div.addons_column h3 span{padding:0 8px 0 8px;text-transform:uppercase;font-size:14px;color:#fff;font-weight:bold;}.category_landing .primary div.addons_column ul{list-style:none;margin:0;padding:0;}.category_landing .primary div.addons_column ul li{position:relative;border-left:1px solid #c9c8c9;border-right:1px solid #c9c8c9;margin:0;}.category_landing .primary div.addons_column ul li.even{background:#f0efef;}.category_landing .primary div.addons_column ul li a{height:50px;display:block;text-decoration:none;border:1px solid transparent;background:transparent url(../../img/sprite.png?20090602) no-repeat scroll right -2001px;}.html-rtl .category_landing .primary div.addons_column ul li a{background-position:-363px -558px;}.category_landing .primary div.addons_column ul li a:hover{border-top:1px solid #000;border-left:1px solid #000;border-bottom:1px solid #000;background:transparent url(../../img/sprite.png?20090602) no-repeat scroll right -2051px;}.html-rtl .category_landing .primary div.addons_column ul li a:hover{border-left:1px solid transparent;border-right:1px solid #000;background-position:-363px -670px;}.category_landing .primary div.addons_column ul li a img.icon{position:absolute;top:6px;left:6px;}.html-rtl .category_landing .primary div.addons_column ul li a img.icon{left:auto;right:6px;}.category_landing .primary div.addons_column ul li a .name{display:block;padding:4px 15px 0 0;margin-left:52px;color:#000;font-size:116%;line-height:1.25em;height:1.25em;overflow:hidden;}.html-rtl .category_landing .primary div.addons_column ul li a .name{padding:4px 0 0 15px;margin-left:0;margin-right:52px;}.category_landing .primary div.addons_column ul li a .rating{margin-left:42px;padding:0 0 4px 0;display:block;}.html-rtl .category_landing .primary div.addons_column ul li a .rating{margin-left:0;margin-right:42px;padding:0 8px 0 0;}.category_landing .primary div.addons_column ul li a .meta{display:block;margin-left:52px;font-size:93%;color:#777;position:absolute;bottom:6px;}.html-rtl .category_landing .primary div.addons_column ul li a .meta{margin-left:0;margin-right:52px;}.category_landing .primary div.addons_column .view-all{color:#fff;font-weight:bold;background:#acacac;-moz-border-radius-bottomleft:8px;-moz-border-radius-bottomright:8px;-webkit-border-bottom-left-radius:8px;-webkit-border-bottom-right-radius:8px;border-bottom-right-radius:8px;border-bottom-left-radius:8px;padding:2px 0 2px 9px;}.html-rtl .category_landing .primary div.addons_column .view-all{padding:2px 9px 2px 0;}.category_landing .primary div.addons_column .view-all a:link,.category_landing .primary div.addons_column .view-all a:visited,.category_landing .primary div.addons_column .view-all a:hover,.category_landing .primary div.addons_column .view-all a:active{color:#fff;text-decoration:none;font-size:93%;}.category_landing .primary div.addons_column .view-all a:hover{text-decoration:underline;}.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}.clearfix{display:inline-block;}html[xmlns] .clearfix{display:block;}* html .clearfix{height:1%;}.modal-subscription{display:none;position:fixed;top:17%;left:50%;margin-left:-20em;width:40em;}.modal-subscription .notification-box{background:none;border:none;}.modal-subscription .notification-box div{margin-left:60px;padding-bottom:.5em;border-bottom:2px dotted #b4dfee;}.modal-subscription .notification-box h2{margin-bottom:.5em;}.modal-subscription .footer{margin-left:5.3em;margin-top:-0.5em;}.modal-subscription .bother{float:right;padding-right:10px;}.modal-subscription .bother label{font-weight:normal;}.jqmOverlay{background-color:#000;}#dictionaries{background-color:#f7fafc;border:1px solid #eef1f3;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}#dictionaries th,#dictionaries td{border-bottom:1px solid #eee;}#dictionaries tbody tr.alt th,#dictionaries tbody tr.alt td{background-color:#fff;}#dictionaries{clear:both;padding:10px 15px;}#dictionaries table{width:100%;}#dictionaries th,#dictionaries td{padding:6px 12px;}#dictionaries tbody th{font-weight:bold;}.secondary h3.compact{margin-bottom:12px;}.compact{margin:0;}#language{margin:0 .5em 0 0;}.browse_thumbs .primary h2{margin-bottom:0;}.browse_thumbs .primary h3{margin-top:0;}.browse_thumbs .featured{background:transparent;}.browse_thumbs ul.thumbs{margin:0;padding:0;}.browse_thumbs ul.thumbs li.thumb{width:24.5%;float:left;}.browse_thumbs ul.thumbs li.thumb div.thumb_item{display:block;position:relative;margin:6px 4px 6px 4px;background:#f9f9f9 url(../../img/sprite.png?20090430) no-repeat scroll left -968px;height:220px;overflow:hidden;border:1px solid #ececec;-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;-moz-border-radius-bottomleft:8px;-moz-border-radius-bottomright:8px;-webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:8px;-webkit-border-bottom-left-radius:8px;-webkit-border-bottom-right-radius:8px;border-top-right-radius:8px;border-top-left-radius:8px;border-bottom-right-radius:8px;border-bottom-left-radius:8px;padding:0;}.browse_thumbs ul.thumbs li.thumb .flag{position:absolute;top:2px;left:8px;padding:0;font-size:80%;}.html-rtl .browse_thumbs ul.thumbs li.thumb .flag{left:auto;right:8px;}.browse_thumbs ul.thumbs li.rec div.thumb_item .flag a{color:#360;}.browse_thumbs ul.thumbs li.rec div.thumb_item{background-color:#efe;}.browse_thumbs ul.thumbs li.exp div.thumb_item .flag a{color:#900;}.browse_thumbs ul.thumbs li.exp div.thumb_item{background-color:#fee;}.browse_thumbs ul.thumbs li.thumb .name{margin:8px 0 0 0;padding:0 0 0 8px;line-height:1.25em;margin:0;padding:0;position:absolute;bottom:2em;left:10px;}.html-rtl .browse_thumbs ul.thumbs li.thumb .name{left:auto;right:10px;}.browse_thumbs ul.thumbs li.thumb .name a{color:#000;}.browse_thumbs ul.thumbs li.thumb .meta{margin:0;padding:0;font-size:93%;color:#777;position:absolute;bottom:4px;left:10px;}.html-rtl .browse_thumbs ul.thumbs li.thumb .meta{left:auto;right:10px;}.browse_thumbs ul.thumbs li.thumb div.thumb_item .img{text-align:center;border:1px solid #CCC;margin:1.5em 8px 0 8px;overflow:hidden;}.browse_thumbs ul.thumbs li.thumb div.thumb_item .img img{height:135px;}.browse_thumbs .search-form{margin-bottom:0;}.browse_thumbs .secondary{clear:both;}.browse_thumbs .subcategories li{margin:.2em;}.browse_thumbs .subcategories li.sub{margin-left:1em;}.browse_thumbs .subcategories li.selected{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #013;background-color:#235;padding:0 3px 0 3px;}.browse_thumbs .subcategories li.selected a{color:#fff;}.subcategories .items{color:white;background-color:#94BFCE;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;margin-left:.1em;padding:1px 5px;font-size:.856em;font-weight:normal;}#nav-access{display:none;}
\ No newline at end of file diff --git a/site/app/webroot/img/amo2009/icons/buttons/plus-green-16x16.gif b/site/app/webroot/img/amo2009/icons/buttons/plus-green-16x16.gif Binary files differindex 99f26d6..3485b4d 100644 --- a/site/app/webroot/img/amo2009/icons/buttons/plus-green-16x16.gif +++ b/site/app/webroot/img/amo2009/icons/buttons/plus-green-16x16.gif diff --git a/site/app/webroot/img/amo2009/icons/buttons/plus-green-8x9.gif b/site/app/webroot/img/amo2009/icons/buttons/plus-green-8x9.gif Binary files differindex d12b0be..9d28094 100644 --- a/site/app/webroot/img/amo2009/icons/buttons/plus-green-8x9.gif +++ b/site/app/webroot/img/amo2009/icons/buttons/plus-green-8x9.gif diff --git a/site/app/webroot/img/amo2009/icons/magnifying-glass.gif b/site/app/webroot/img/amo2009/icons/magnifying-glass.gif Binary files differindex e497794..779de8a 100644 --- a/site/app/webroot/img/amo2009/icons/magnifying-glass.gif +++ b/site/app/webroot/img/amo2009/icons/magnifying-glass.gif diff --git a/site/app/webroot/img/amo2009/illustrations/logo-add-ons-half.png b/site/app/webroot/img/amo2009/illustrations/logo-add-ons-half.png Binary files differindex 1036464..8c7277d 100644 --- a/site/app/webroot/img/amo2009/illustrations/logo-add-ons-half.png +++ b/site/app/webroot/img/amo2009/illustrations/logo-add-ons-half.png diff --git a/site/app/webroot/img/amo2009/illustrations/logo-collections-100x125.png b/site/app/webroot/img/amo2009/illustrations/logo-collections-100x125.png Binary files differindex e0d8393..e2b454e 100644 --- a/site/app/webroot/img/amo2009/illustrations/logo-collections-100x125.png +++ b/site/app/webroot/img/amo2009/illustrations/logo-collections-100x125.png |