diff options
Diffstat (limited to 'site/app/webroot/css')
121 files changed, 17719 insertions, 0 deletions
diff --git a/site/app/webroot/css/admin.css b/site/app/webroot/css/admin.css new file mode 100644 index 0000000..0c6b211 --- /dev/null +++ b/site/app/webroot/css/admin.css @@ -0,0 +1,67 @@ +/* admin/groups */ +div.groupItem { + border: 1px solid lightgray; + padding: 5px; + margin-bottom: 20px; + -moz-border-radius: 10px; +} +div.groupItem label { + margin-right: 10px; +} + +/* autocomplete plugin */ +.ac_input { + width: 400px; +} +.ac_results { + padding: 0px; + border: 1px solid WindowFrame; + background-color: Window; + overflow-x: hidden; + overflow-y: auto; + max-height: 400px; +} + +.ac_results ul { + width: 100%; + list-style-position: outside; + list-style: none; + padding: 0; + margin: 0; +} + +.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; +} + +.ac_results li { + margin: 0px; + padding: 2px 5px; + cursor: pointer; + display: block; + width: 100%; + font: menu; + font-size: 12px; + overflow: hidden; +} +.ac_loading { + background : url('../img/ajax_loading.gif') right center no-repeat; +} +.ac_over { + background-color: Highlight; + color: HighlightText; +} + +/* admin/addons */ +.version-date-created { + font-size: 80%; + color: #555; +} diff --git a/site/app/webroot/css/amo2009/ie.css b/site/app/webroot/css/amo2009/ie.css new file mode 100644 index 0000000..55c2a85 --- /dev/null +++ b/site/app/webroot/css/amo2009/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/ie6.css b/site/app/webroot/css/amo2009/ie6.css new file mode 100644 index 0000000..7418ef7 --- /dev/null +++ b/site/app/webroot/css/amo2009/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/ie7.css b/site/app/webroot/css/amo2009/ie7.css new file mode 100644 index 0000000..6aed756 --- /dev/null +++ b/site/app/webroot/css/amo2009/ie7.css @@ -0,0 +1,3 @@ +.inverse .primary { + padding-top: 95px; +} diff --git a/site/app/webroot/css/amo2009/iepngfix.htc b/site/app/webroot/css/amo2009/iepngfix.htc new file mode 100644 index 0000000..3d9c8b5 --- /dev/null +++ b/site/app/webroot/css/amo2009/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/legacy.css b/site/app/webroot/css/amo2009/legacy.css new file mode 100644 index 0000000..5f505c9 --- /dev/null +++ b/site/app/webroot/css/amo2009/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/main-mozilla.css b/site/app/webroot/css/amo2009/main-mozilla.css new file mode 100644 index 0000000..ea00ebc --- /dev/null +++ b/site/app/webroot/css/amo2009/main-mozilla.css @@ -0,0 +1,2112 @@ +/** + * 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: 0.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.favourite button { + text-align: left; +} + +.html-rtl form.favourite 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 { + 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 **/ +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; /** prevents sharing network dropdown from showing up behind preview thumbnails **/ +} + +.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; +} + +/** 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 **/ + +/** 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 ***/ diff --git a/site/app/webroot/css/amo2009/main.css b/site/app/webroot/css/amo2009/main.css new file mode 100644 index 0000000..14efb64 --- /dev/null +++ b/site/app/webroot/css/amo2009/main.css @@ -0,0 +1,4049 @@ +/* @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; +} + + +/* @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); +} + +/*.favourite { + background-image: url(../../img/amo2009/icons/icons.png); + background-repeat: no-repeat; + background-position: 0 -700px; + padding-left: 20px; + padding-bottom: 7px; + cursor: pointer; +} +.favourite-loading { + background-image: url(../../img/amo2009/icons/orange-loading.gif); + background-position: 0 0; +} + +.favourite-added { + background-image: url(../../img/amo2009/icons/icons.png); + background-position: 0 -800px; + color: #D11F1F; +} */ + +form.favourite { + 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; +} + +.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; +} + +.stats li:last-child { + border-bottom: none; +} + +.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: normal; +} +.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 { + float: right; + margin-left: 0.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; +} + +/* @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/slimbox2.css b/site/app/webroot/css/amo2009/slimbox2.css new file mode 100755 index 0000000..526e00c --- /dev/null +++ b/site/app/webroot/css/amo2009/slimbox2.css @@ -0,0 +1,83 @@ +/* SLIMBOX */ + +#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; +} diff --git a/site/app/webroot/css/base.template.css b/site/app/webroot/css/base.template.css new file mode 100644 index 0000000..3188d84 --- /dev/null +++ b/site/app/webroot/css/base.template.css @@ -0,0 +1,95 @@ +/* mozilla.org MezzoTan DevMo Template Styles + * + */ + +/* Link Navigation */ + + #tNavTop, + #tNavBottom { + list-style: none; + text-align: right; + } + #tNavTop > li, + #tNavBottom > li { + display: block; + } + #tNavTop:before, + #tNavBottom:after { + clear: both; + } + + #tNavTop a[rel="prev"], + #tNavBottom a[rel="prev"] { + float: left; + text-align: left; + } + + #tNavTop a[rel="toc"] { + display: block; + text-align: center; + } + + #tNavTop a[rel="next"], + #tNavBottom a[rel="next"] { + float: right; + } + +/* Footer */ + + .tLicense { + font-size: smaller; + } + + #mBody { + clear: both; + padding: 0 0 1em 0; + } + + #side { + float: left; + width: 23%; + margin-bottom: 1em; + margin-top: 1em; + } + + #mainContent { + float: right; + width: 74%; + margin-bottom: 3em; + } + .nomenu #mainContent { + float: none; + width: 100%; + } + .bodyleft { + float: right !important; + width: 74% !important; + } + #mainContent.right { + float: left; + width: 62%; + margin-bottom: 2em; + } + + #side.right { + float: right; + width: 35%; + margin-bottom: 2em; + margin-top: 0; + } + +/* Sidebar */ + + #getcd { + margin: 1em 0 0 45px; + } + +/*accessibility tweaks*/ + .skipLink { + position: absolute; + left: -999px; + width: 990px; + } + hr.hide { + display: none; + } diff --git a/site/app/webroot/css/browse.css b/site/app/webroot/css/browse.css new file mode 100644 index 0000000..3f0c902 --- /dev/null +++ b/site/app/webroot/css/browse.css @@ -0,0 +1,280 @@ +div#frame { + font-family:Arial, Helvetica, Verdana, sans-serif; + font-size:12px; + color:#000; +} + +a#developer { + color:#999; + font-weight:bold; + font-size:11px; +} +a#browseList { + color:#999; + text-decoration:none; + font-weight:bold; + font-size:14px; +} +div#addons { + width:572px; + float:left; + position:relative; + margin-top:0px; + padding-right:15px; + background:url('/images/sidebarBackground.gif') repeat-y 539px; +} +div#addons h3#featured { + font-size:13px; + color:#666; + border-bottom:1px solid #bbb; +} + +div#addons h3#browsing { + font-size:15px; + color:#444; + margin-bottom:0px; +} +div#addons span#browsing { + font-size:12px; + font-style:italic; + color:#666; +} +div#addons div#primaryAddon { + width:570px; + min-height:160px; + padding-bottom:20px; + border:1px solid #E8E8E8; + background-color:#F8F8F8; +} +div#primaryAddon div#primaryIcons { + width:40px; + float:left; + margin-top:10px; + margin-left:10px; + +} +div#primaryAddon div#primaryDesc { + margin-top:10px; + margin-left:50px; + width:300px; +} + +div#primaryAddon img#primaryImage { + margin-top:10px; + margin-right:10px; + float:right; + border:1px solid #E8E8E8; +} +div#primaryAddon div#reviewIcon { + margin-top:10px; + clear:left; + float:left; + margin-left:8px; + margin-right:5px; +} + +div#primaryAddon div#reviewDesc { +margin-top:30px; +font-style:italic; +width:560px; +} +div#primaryAddon span#reviewAuthor { + color:#AAA; + font-weight:bold; + font-size:12px; + font-style:normal; +} +div#primaryDesc span#recentVersion { + color:#AAA; + margin-top:5px; + font-weight:bold; + +} +div#primaryDesc img#recentVersion { + margin-top:5px; + +} +div#addons div#secondaryAddon { + clear:left; + padding: 10px 10px 0px 10px; + margin: 10px 0px 0px 0px; + width: 260px; + border:1px solid #E8E8E8; + background-color:#F8F8F8; +} +div#addons div#tertiaryAddon { + padding: 10px 10px 0px 10px; + margin: 10px 0px 0px 0px; + float:right; + width: 260px; + border:1px solid #E8E8E8; + background-color:#F8F8F8; +} +div#addons h3#secondary { + margin-bottom:0px; + + margin-top:5px; + font-size:13px; +} +div#addons div#greatAddons { + width:600; + font-size:11px; + font-weight:bold; +} +div#addons img#secondaryIcon { + display: inline; + margin-left:2px; +} +div#addons p#secondaryText { + margin-top:10px; +} +div#greatAddons h3#great { + + font-size:13px; + margin-bottom:5px; + color:#666; + border-bottom:1px solid #bbb; +} +h2#addonName { + width:379px; + + font-size:20px; + font-weight:bold; + line-height:1; + margin:0px; + padding:0px; +} + h2#addonName span#version { + font-weight:normal; + color:#888; + font-size:12px; + line-height:1; + } + +span#developer { + font-size:10px; + font-weight:bold; + line-height:1; + color:#666; +} + +span#tagline { + color:#555; +} + + div.versionNotes h3 { + font-size:12px; + font-weight:bold; + margin:0px; + padding:0px; + } + div.versionNotes h3 span { + font-weight:normal; + color:#acacac; + } + +div#sidebar { + + float:right; + line-height:1.5; + font-size:11px; + width:140px; + min-height:500px; + padding-left:20px; + border-left:1px solid #ccc; +} + div#sidebar h3 { + margin:0px 0px 4px 0px; + padding:0px 0px 5px 0px; + + float:left; + font-weight:bold; + font-size:12px; + color:#444; + + border-bottom:1px solid #ccc; + } + div#sidebar img#subscribe { + float:left; + margin-right:5px; + } + div#sidebar h3#subscribe { + float:left; + + color:#666; + font-weight:bold; + font-size:9px; + border-bottom:0px; + margin-bottom:15px; + } + div#sidebar h3#browsing { + border-bottom:0px; + } + div#sidebar h3#categories { + margin-top:15px; + } + div#sidebar span#categories { + float:left; + font-weight:bold; + font-size:11px; + margin-left:12px; + } + + + div.review { + clear:right; + overflow:auto; + width:240px; + margin-bottom:15px; + + font-size:11px; + color:#666; + } + div.review div.score { + float:left; + clear:left; + + padding:3px 5px 1px 5px; + margin-right:8px; + + font-size:20px; + color:#555; + + background-color:#ddd; + } + div.review div.score span { + color:#aaa; + } + + div.review span.review { + display:block; + + width:150px; + float:left; + clear:right; + } + + div.review a { + font-size:13px; + color:#666; + font-weight:bold; + } + + div.review a.profileLink { + font-size:11px; + color:#666; + font-weight:normal; + } + + a.reviewLink { + margin-left:45px; + } + + div#sidebar ul { + margin:0px; + padding:0px 0px 0px 18px; + } + div#sidebar ul li { + margin-bottom:6px; + } + diff --git a/site/app/webroot/css/cake.generic.css b/site/app/webroot/css/cake.generic.css new file mode 100644 index 0000000..51e97f2 --- /dev/null +++ b/site/app/webroot/css/cake.generic.css @@ -0,0 +1,225 @@ +*{ +margin:0; +padding:0; +} + +body{ +font-family:"frutiger linotype","lucida grande",helvetica,arial,sans-serif; +font-size:76%; +text-align:center; +color:#333; +} + +/* +* General Style Info +*/ + +a{ +color:#003d4c; +text-decoration:underline; +} +a:hover{ +color:#003d4c; +text-decoration:none; +} + +a img{ +border:none; +} + +h1, h2, h3, h4{ +font-weight:normal; +} + +h1{ +color: #003d4c; +padding:0.3em 0; +} + +h2{ +color:#c6c65b; +padding-top: 1em; +margin:0.3em 0; +} + +h3{ +color:#c6c65b; +padding-top:0.5em; +} + +h4{ +color:#c6c65b; +padding-top:0.5em; +font-weight:normal; +} + +em { + font-size: 12px; +} + +ul, li { +margin: 0 12px; +} + +/* +* Layout +*/ + +#container{ +text-align:left; +} + +#amo-header{ +padding: 4px 20px; +} + +#content{ +clear:both; +padding: 10px 40px; +background-color: #fff; +color: #333; +line-height: 18px; +} +#footer{ +clear:both; +padding: 6px 10px; +text-align: right; +} + +/* tables */ +table { + width: 100%; + border-top: 1px solid #ccc; + border-left: 1px solid #ccc; + border-bottom: 1px solid #ccc; + color:#333; + background-color: #fff; + clear:both; + padding: 0; + margin: 0 0 2em 0; + white-space: normal; +} +th { + background-color: #e2e2e2; + border-top: 1px solid #fff; + border-left: 1px solid #fff; + border-right: 1px solid #003d4c; + border-bottom: 1px solid #003d4c; + text-align: center; + padding:1px; +} +table tr td { + border-right: 1px solid #ddd; + padding:4px 4px; + vertical-align:top; + text-align: center; +} +table tr.altRow td { + background: #f4f4f4; +} +#cakeSqlLog td { + text-align: left; + padding: 4px 8px; + background: #fff; + border-bottom: 2px solid #ccc; +} + +/* scaffold show */ + + +div.related { + clear:both; + display:block; +} +dl { + line-height:2em; + margin:0em 1em; + float:left; + width: 400px; +} +dt { + font-weight: bold; + vertical-align:top; +} +dd { + margin-left:10em; + margin-top:-2em; + vertical-align:top; +} + +/* notices and errors */ + +#flashMessage{ +color:#300; +background:#ffe; +border:1px solid #060; +margin:10px; +padding:10px; +} + +.error, error_message { + color:#900; + font-size: 18px; + background-color: #fff; + margin: 8px 4px; +} +.error em { + font-size: 18px; + color: #003d4c; +} + +.notice { + color: #656565; + font-size: 14px; + background-color: #f4f4f4; + padding: 4px; + display:block; +} + +.tip { + color: #e32000; + background-color: #ddd; +} + +form div{ +vertical-align: text-top; +margin-left: 2em; +margin-bottom:1em; +} +label { +display: block; +float:left; +width: 140px; +} +input,textarea { +clear: both; +display:block; +} +select { +vertical-align: text-top; +} +.required{ +color:#222; +font-weight:bold; +} + +.optional{ +color:#666; +} + +.submit { + clear: both; + margin-top: 18px; + margin-left: 140px; +} + + +/* action links */ +ul.actions { + float:left; + margin-left: 10px; + width: 200px; +} +ul.actions li { + margin-top: 4px; +} diff --git a/site/app/webroot/css/collection-style.css b/site/app/webroot/css/collection-style.css new file mode 100644 index 0000000..bdae198 --- /dev/null +++ b/site/app/webroot/css/collection-style.css @@ -0,0 +1,240 @@ +body { + background: url(../img/fyf/bg.png) repeat-x; + background-color: #fff; + font: 85%/1.4 verdana, helvetica, arial, sans-serif; + color: #26709e; +} + +#page { + width: 942px; + margin: 0 auto; +} + +#branding { + padding-top: 20px; +} + +#branding h1 { + float: left; + margin-top: 30px; +} + +#page-title.fyf { + padding-top: 25px; + height: 6em; + background: none; +} + +#content { + font-size: 0.9em; + min-height: 0; +} + +.cat-header:hover { + background: url(../img/fyf/collection-bg.png) repeat-x; + cursor: pointer; +} + +#content-main ul, #content-main li { + margin-bottom: 0; +} + +.cat-header h3 { + color: #af1717; + font-weight: bold; +} + +.cat-header:hover { + cursor: pointer; +} + +#fashion-blurb hr { + background: url(../img/fyf/addonguy-large.png) no-repeat right top; + border: 0; + width: 269px; + height: 354px; + z-index: 50; + position: absolute; + right: 20px; + top: -100px; +} + +#fashion-blurb p { + font-size: 1.2em; + width: 580px; + color: #333; +} + +form#collectionform { + border-top: 2px solid #ddd; + padding-top: 15px; + z-index: 1; +} + +.addon-listing { + background: url(../img/fyf/collection-bg2.png) repeat-x 0 bottom; +} + +.cat-header { + padding: 10px 10px 10px 15px; + border-top: 3px solid #ddd; +} + +.cat-header.first { + border-top: 0; +} + +.preview-img { + float: left; + padding: 0 10px 0 0; + width: 200px; +} + +.item-desc { + margin-left: 160px; +} + +#branding h2 { + text-indent: -5000px; + background: url(../img/fyf/addonguy-head.png) no-repeat; + width: 219px; + height: 164px; + float: right; +} + +#branding h3 { + text-indent: -5000px; + background: url(../img/fyf/faq_subheader.png) no-repeat; + width: 305px; + height: 27px; + clear: both; + float: left; + margin-top: -20px; +} + +#content-main { + clear: left; + float: left; + margin: 15px 0 45px 0; + padding-top: 10px; +} + +#content-main dt { + font-weight: bold; + margin-top: 20px; +} + +#content-main dt { + font-weight: bold; +} + +#content-main dd { + margin: 6px 0 0 0; +} + +#content-main.faq ul li { + list-style-type: disc; + margin: 0 15px; +} + +#successpage h1 img { + vertical-align: middle; + margin: 0 10px; +} + +#successpage > p, +#firstrun > p { + font-size: 120%; + color: #434141; + margin: 2em 0; +} + +#firstrun { + background: url(../img/fyf/addonguy-success.png) no-repeat right top; +} + +#firstrun .welcome h1 { + font-weight: normal; + font-size: 220%; + margin-left: 110px; + color: #fff; +} + +#firstrun .welcome img { + margin-top: -25px; +} + +#firstrun > p { + margin-right: 180px; + padding-bottom: 40px; +} + +#firstrun .box { + border-top: #ccc solid 2px; + width: 240px; + float: left; + padding: 8px; + margin: 0 10px; + font-size: 110%; +} + +#firstrun .box h3 { + color: #d00000; + margin-bottom: .5em; +} + +#firstrun .box p, +#firstrun .box li { + color: #434141; +} + +#footer { + clear: left; + background: url(../img/fyf/footer-bg.png) repeat-x; + padding: 4px 0 20px 0; +} + +#footer-legal { + width: 942px; + margin: 0 auto; + padding-top: 10px; + font-size: .7em; + color: #9d9d9d; + text-align: center; +} + +#legal-links { + display: block; +} + +#legal-links a { + margin-right: 6px; +} + +#footer-legal p { + margin-bottom: 10px; +} + +a { + color: #26709e; + text-decoration: none; +} + +a:visited { + color: #26709e; +} + +a:hover { + color: #000; + text-decoration: underline; + padding-bottom: 1px; +} + +#footer a { + text-decoration: underline; +} + +#footer a:hover { + border: 0; + text-decoration: none; +} diff --git a/site/app/webroot/css/color.css b/site/app/webroot/css/color.css new file mode 100644 index 0000000..2ae6eac --- /dev/null +++ b/site/app/webroot/css/color.css @@ -0,0 +1,327 @@ +/*---------------------------------------------------------------------------- +Color CSS file for Addons.mozilla.org +Created by Craig Cook - focalcurve.com + on December 30, 2007 + +Color Reference + +Body text (almost black): #333 +Links (medium blue): #1d587f +Visited links (blue-gray): #748d9e +Headings (dark blue): #2d3b58 +Box border (light blue-gray): #d8dcdf +Special box border (dark blue): #5d6c8c +-----------------------------------------------------------------------------*/ + +/*** =General elements ***/ +body { background: #fff; color: #333; } +a:link { color: #1d587f; } +a:visited { color: #748d9e; } +a:active, a:hover, a:focus { color: #000000; } + +a.view { background: transparent url("../img/sprite.png?20090430") 100% -247px no-repeat; } +.html-ltr a.view:hover { background-position: 100% -301px; } +.html-rtl a.view { background-position: 100% -486px; } +.html-rtl a.view:hover { background-position: 100% -540px; } + +h3, h4, h5, h6 { color: #2d3b58; } + +td, th { border-bottom: 1px solid #eee; } +thead th { color: #555; } + +input, button, select, textarea { color: inherit; } +a img { border: none; } + +div.error-notice { background: #fffefa url("../img/warning.png") 10px 10px no-repeat; border: 1px solid #eee; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } + +/*** =Site-notice ***/ +#site-notice { background: #ffe; border-bottom: 2px solid #ccc; } + +/*** =Access nav ***/ +#nav-access a:active, #nav-access a:focus { color: #000; background: #fff; border: 1px solid #475470; outline: 0; } + +/*** =Header ***/ +h4#moz a { background: transparent url("../img/sprite-alpha.png") no-repeat 0 -1px; } +h4#moz a:hover, h1#moz a:active, h1#moz a:focus { background-position: 0 -51px; } + +/* =Page title */ +#page-title { background: transparent url("../img/brandbanner-bg.png") 0 40% repeat-x; } +#page-title p.page-intro { color: #354a4f; } + +#page-title.firefox h1, #page-title.firefox h1 a { color: #bd1d01; } /* red */ +#page-title.thunderbird h1, #page-title.thunderbird h1 a { color: #0b4190; } /* blue */ +#page-title.fennec h1, #page-title.fennec h1 a { color: #0b4190; } /* blue */ +#page-title.seamonkey h1, #page-title.seamonkey h1 a { color: #3f38a3; } /* purple */ +#page-title.sunbird h1, #page-title.sunbird h1 a { color: #337b5a; } /* green */ +#page-title.generic h1, #page-title.generic h1 a { color: #bd1d01; } /* red */ +#page-title.developers h1, #page-title.developers h1 a { color: #bd1d01; } /* red */ +#page-title h2 { color: #2D3B58; } + +/* =User nav */ +.html-ltr #nav-user li { border-left: 1px solid #666; } +.html-rtl #nav-user li { border-right: 1px solid #666; } +#nav-user li:first-child { border-left: 0; } +#nav-user li:first-child { border-right: 0; } + +#nav-user a:link { color: #000; } +#nav-user a:visited { color: #666; } +#nav-user a:hover, #nav-user a:active, #nav-user a:focus { color: #000; } + +/* =Other Applications */ +#other-apps { background-color: #b3deee; border: 1px solid #90c8dd; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } +#other-apps h3 { color: #4d757b; } + +#other-apps.js h3 { border-bottom: 1px solid #90c8dd; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } +#other-apps.js h3 { background: transparent url("../img/sprite.png?20090430") 4px -262px no-repeat; } +.html-rtl #other-apps.js h3 { background-position: 14px -262px; } + +#other-apps.js h3:hover { background-color: #c5e3ee; } +#nav-apps a { color: #1f0084; background-repeat: no-repeat; background-position: 0 50%; } +#nav-apps a:hover, #nav-apps a:active, #nav-apps a:focus { color: #1d587f; } +.html-ltr #other-apps.js #nav-apps #app-seamonkey a { background: url("../img/sprite-alpha.png") -465px 0 no-repeat;} +.html-rtl #other-apps.js #nav-apps #app-seamonkey a { background: url("../img/sprite-alpha.png") -390px 0 no-repeat;} + +.html-ltr #other-apps.js #nav-apps #app-sunbird a { background: url("../img/sprite-alpha.png") -616px 0 no-repeat;} +.html-rtl #other-apps.js #nav-apps #app-sunbird a { background: url("../img/sprite-alpha.png") -541px 0 no-repeat; } + +.html-ltr #other-apps.js #nav-apps #app-thunderbird a { background: url("../img/sprite-alpha.png") -766px 0 no-repeat; } +.html-rtl #other-apps.js #nav-apps #app-thunderbird a { background: url("../img/sprite-alpha.png") -691px 0 no-repeat; } + +.html-ltr #other-apps.js #nav-apps #app-fennec a { background: url("../img/sprite-alpha.png") -766px 0 no-repeat; } +.html-rtl #other-apps.js #nav-apps #app-fennec a { background: url("../img/sprite-alpha.png") -691px 0 no-repeat; } + +.html-ltr #other-apps.js #nav-apps #app-firefox a { background: url("../img/sprite-alpha.png") -321px 0 no-repeat; } +.html-rtl #other-apps.js #nav-apps #app-firefox a { background: url("../img/sprite-alpha.png") -246px 0 no-repeat; } + +.html-ltr #other-apps.collapsed h3 { border-bottom: 0; background-position: 6px -320px; } +.html-rtl #other-apps.collapsed h3 { border-bottom: 0; background-position: 16px -320px; } + +/*** =Search form ***/ +#search-bubble-outer { background: transparent url("../img/sprite.png?20090430") right top no-repeat; } +#search-bubble-inner { background: transparent url("../img/sprite.png?20090430") left top no-repeat; } +#search-form li { color: #666; } +.html-ltr #search-form #query { background: #fff url("../img/sprite.png?20090430") -977px -686px no-repeat; } +.html-rtl #search-form #query { background: #fff url("../img/sprite.png?20090430") 100% -686px no-repeat; } +#search-form #search-category label { color: #426a13; } +.html-ltr #search-form #my-submit { background: url("../img/sprite-alpha.png") -120px 0 no-repeat; } +.html-ltr #search-form #my-submit:hover { background-position: -157px 0;} +.html-rtl #search-form #my-submit { background: url("../img/sprite-alpha.png") -120px -40px no-repeat; } +.html-rtl #search-form #my-submit:hover { background: url("../img/sprite-alpha.png") -157px -40px no-repeat;} + +#advanced-search {background-color: #e6e6e6; border: 1px solid #68B41C; } +#advanced-search-toggle {background: url("../img/sprite.png?20090430") right -68px no-repeat; } +#advanced-search-toggle div {background: transparent url("../img/sprite.png?20090430") left -68px no-repeat;} +#advanced-search-toggle a {color: black; text-decoration: none; padding:1px 3px 1px 3px;} +.html-ltr #advanced-search-toggle a.asclosed { background: url("../img/sprite.png?20090430") right -354px no-repeat;} +.html-ltr #advanced-search-toggle a.asopen { background: url("../img/sprite.png?20090430") right -369px no-repeat;} +.html-rtl #advanced-search-toggle a.asclosed {background: url("../img/sprite.png?20090430") -989px -354px no-repeat;} +.html-rtl #advanced-search-toggle a.asopen { background: url("../img/sprite.png?20090430") -989px -369px no-repeat;} +#advanced-search-toggle #toggle-outer {background: url("../img/sprite.png?20090430") right -87px no-repeat; } +#advanced-search-toggle #toggle-inner {background: url("../img/sprite.png?20090430") -861px -87px no-repeat; } + +/*** =Footer ***/ +#footer { color: #888; padding: 1em 0; background: transparent url("../img/foot-bg.png") repeat-x; } +#footer a:link, #footer a:visited { color: #777; } +#footer a:hover, #footer a:active, #footer a:focus { color: #000; } + +/*** =Extra content ***/ +#content-extra .extra { border: 1px solid #d8dcdf; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } + +/*** =Categories ***/ +#categories h3 { background: #79be1b url("../img/sprite.png?20090430") -104px -106px no-repeat; border-bottom: 1px solid #abe071; } +#categories h3 span { color: #426a13; background: transparent url("../img/sprite.png?20090430") -230px -106px no-repeat; } +#categories.collapsed h3 { background-position: 0 -106px; } +#categories.collapsed h3.open { background-position: -26px -106px; } + +#categories, #categories.collapsed #cat-list { background-color: #f6f6f6; border: 1px solid #d8dcdf; border-width: 0 1px 1px; } +#categories, #categories.collapsed #cat-list { /* redundancy compensates for varying browser support */ + -moz-border-radius-bottomright: 6px; + -moz-border-radius-bottomleft: 6px; + -webkit-border-bottom-right-radius: 6px; + -webkit-border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +#cat-list { border-top: 1px solid #e8e6e6; } +#cat-list li { border-bottom: 3px double #e8e6e6; } +#cat-list a { background: #f4f2f2 url("../img/cat-link.png") repeat-x left top; } +#categories a:link { color: #4e4e4e; } +#categories a:visited { color: #777; } +#categories a:hover, #categories a:active, #categories a:focus { color: #1d587f; background: #f1f0f0 url("../img/cat-link.png") repeat-x left -100px; } + +#categories.collapsed h3 span { background-position: -242px -106px; } +#categories.collapsed h3:hover { color: #4f7f17; background-position: -52px -106px; } +#categories.collapsed h3.open:hover { background-position: -78px -106px; } +#categories.collapsed h3:hover span { background-position: -533px -106px; } +#categories p { border-top: 1px solid #e8e6e6; } + + + +/*** =Add-on boxes ***/ +.addon { border-left: 1px solid #d8dcdf; background: transparent url("../img/sprite.png?20090430") right -1256px no-repeat; } +.addon .vex { background: transparent url("../img/sprite.png?20090430") right bottom no-repeat; } +.addon .vex span { background: transparent url("../img/sprite.png?20090430") left bottom no-repeat; } +.addon .preview-img { background: transparent url("../img/sprite.png?20090430") left -1256px no-repeat; } +.addon .stats em { color: #d54601; } +.addon .flag { border: 1px solid #ccc; border-width: 0 1px 1px 0; } +#addon-listing .addon .vex { background: transparent url("../img/sprite.png?20090430") no-repeat right bottom; } + +/* =Secondary featured add-ons */ +.sub .irk { background: transparent url("../img/sprite.png?20090430") left -1256px no-repeat; } +.sub .preview-img { background-image: none; } + +/* =Recommended add-ons */ +.rec { background: url("../img/rec-tr.png") no-repeat right top; border-left-color: #c1e1c1; } +.rec .preview-img { background: transparent url("../img/rec-tl.png") left top no-repeat; } +.rec .flag { background: #f8f8f7 url("../img/rec-flag.png") no-repeat; } +.rec .vex { background-image: url("../img/rec-br.png"); } +.rec .vex span { background-image: url("../img/rec-bl.png"); } +.rec .flag a { color: #360; text-decoration: none; } + +/* =Experimental add-ons */ +.exp { background: url("../img/exp-tr.png") no-repeat right top; border-left-color: #e3c1c1; } +.exp .preview-img { background: transparent url("../img/exp-tl.png") left top no-repeat; } +.exp .flag { background: #f8f8f7 url("../img/exp-flag.png") no-repeat; } +.exp .flag a { color: #900; text-decoration: none; } +.exp .vex { background-image: url("../img/exp-br.png"); } +.exp .vex span { background-image: url("../img/exp-bl.png"); } + +/* =Listing items */ +#addon-listing .more li { border-right: 1px solid #666; } +#addon-listing .more li:last-child { border: 0; } + +/*** =Install button ***/ +.install-button a { color: #062445; background: #7cc11c url("../img/sprite.png?20090430") 100% -730px no-repeat; } +.install-button a span { background: transparent url("../img/installbtn-edges.png") left bottom no-repeat; } +.install-button a span span { background: transparent url("../img/installbtn-edges.png") right bottom no-repeat; } +.install-button a span span span { background: transparent url("../img/installbtn-edges.png") left top no-repeat; } +.install-button a span span span strong { background: transparent url("../img/installbtn-edges.png") right top no-repeat; } + +.install-button a:hover, .install-button a:focus, .install-button a:active { color: #0a3b73; background-color: #9dd34c; background-position: 100% -860px; } + +/* In listings - general add-ons */ +.install-button a span, +.install-button a span span, +.install-button a span span span, +.install-button a span span span strong { background-image: url("../img/installbtn-edges-list.png"); } + +/* In listings - experimental add-ons */ +.exp .install-button a span, +.exp .install-button a span span, +.exp .install-button a span span span, +.exp .install-button a span span span strong { background-image: url("../img/installbtn-edges-exp.png"); } + +/* In listings - recommended add-ons */ +#addon-listing .rec .install-button a span, +#addon-listing .rec .install-button a span, +#addon-listing .rec .install-button a span span, +#addon-listing .rec .install-button a span span, +#addon-listing .rec .install-button a span span span, +#addon-listing .rec .install-button a span span span, +#addon-listing .rec .install-button a span span span strong { background-image: url("../img/installbtn-edges-rec.png"); } + +/* Experimental add-ons - while logged out */ +#content-main .exp-loggedout, #content .exp-loggedout, +#content-main .exp-confirmed { border: 1px solid #d8d8d8; background: #fff; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } +#content-main .exp-loggedout .install-button a, #content .exp-loggedout .install-button a { color: #aaa; background-color: #fff; background-position: 100% -995px; } +#content-main .exp-loggedout .install-button a span, #content .exp-loggedout .install-button a span, +#content-main .exp-loggedout .install-button a span span, #content .exp-loggedout .install-button a span span, +#content-main .exp-loggedout .install-button a span span span, #content .exp-loggedout .install-button a span span span, +#content-main .exp-loggedout .install-button a span span span strong, #content .exp-loggedout .install-button a span span span strong { background-image: url("../img/installbtn-edges-dis.png"); } +#content-main .exp-loggedout .install-button a:hover, #content .exp-loggedout .install-button a:hover { background-color: #f3f3f3; background-position: 100% -1125px; } + +/* Unavailable add-ons */ +#content-main .install-container .not-avail { padding: 5px 10px; float: left; color: #666; border: 1px solid #d8d8d8; background: #fff; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } + +/*** =Pitch ***/ +.pitch { background-color: #f8f8f8; border: 1px solid #e4f3fa; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } +.pitch h3 { color: #042253; } + +/*** =Landing pages ***/ +#recommended { background: #f2f8fd; border: 1px solid #e9f1f8; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } +#recommended .addon { background: #fff url("../img/landrec-tr.png") no-repeat top right; } +#recommended .addon .preview-img { background: url("../img/landrec-tl.png") no-repeat top left; } +#recommended .addon .vex { background-image: url("../img/landrec-br.png"); } +#recommended .vex span { background-image: url("../img/landrec-bl.png"); } + +#content.landing #secondaries .exp .irk { background-image: url("../img/exp-tl.png"); } +#content.landing #secondaries .sub .vex { background-image: url("../img/addon-br.png"); } +#content.landing #secondaries .exp .vex { background-image: url("../img/exp-br.png"); } +#content.landing #secondaries .exp .preview-img { background-image: none; } + +#content.landing .more-addons { border: 1px solid #5d6c8c; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } + +.browse-list a { background: #fafafa; border: 1px solid #e8e6e6; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } +.browse-list a:hover { background-color: #f1f0f0; border-color: #e1dfdf; } + +/*** =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; } + +/*** =Detail page ***/ +.addon-cats li { border-left: 1px solid #666; } +.addon-cats li:first-child { border-left: 0; } +#addon-info, #addon-advanced { border: 1px solid #d8dcdf; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } +.addon-images a img { border: 1px solid #1d587f; } +.addon-reviews li, .addon-versions li { border-top: 1px solid #d8dcdf; } +#addon-info .addon-reviews li { background-color: #f7fafc; border: 1px solid #eef1f3; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } + +#addon-advanced h5 { border-top: 1px solid #d8dcdf; } + +/* =Version History Page */ +#latest-version { border: 1px solid #5d6c8c; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } +div.oldversion { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } + +/* =Review form */ +#form-review { background-color: #f8f8f8; border: 1px solid #e4f3fa; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } + +/* =reCaptchas */ +#recaptcha_image { border: 1px solid #d8dcdf; } + +/* =Star rating */ +#rate-it legend span { color: #042758; } +/* +ul.star-rating { background: #fff; padding: 3px 5px; border: 1px solid #edbe97; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } +*/ + +/* =More add-ons */ +.more-addons h3 a.view { background: transparent url("../img/sprite.png?20090430") 100% -387px no-repeat; } +.html-ltr .more-addons h3 a.view:hover { background-position: 100% -437px; } +.html-rtl .more-addons h3 a.view { background-position: 100% -597px; } +.html-rtl .more-addons h3 a.view:hover { background-position: 100% -647px; } + +/*** =Pagination ***/ +.pagination { background-color: #f7fafc; border: 1px solid #eef1f3; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } +.pages a { border: 1px solid #fff; } +.pages a:hover { background-color: #ccf29b; border-color: #bbde92; } +.pages .selected a { background-color: #ccf29b; border: 1px solid #83c53f; text-decoration: none; font-weight: bold; color: black; } +.pages .prev a { background: transparent url("../img/arr-prev.png") 0 50% no-repeat; } +.pages .prev a:hover { background-color: #ccf29b; } +.pages .next a { background: transparent url("../img/arr-next.png") 100% 50% no-repeat; } +.pages .next a:hover { background-color: #ccf29b; } + +/*** =Listing control bar ***/ +#form-listcontrol { background: #f2f8fd; border: 1px solid #e9eff4; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } +#order-by button { color: #7598b5; background-color: #fff; border: 1px solid #89a8c1; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } +#order-by button:hover { background-color: #e9eff4; color: #496377; } +#order-by button.current, #order-by button.current:hover { background-color: #89a8c1; color: #fff; } +#form-listcontrol #experimental label { background: #fff; border: 1px solid #933; color: #933; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } + +/*** =Thumbnail browser layout */ +#thumb-subcategories ul { -moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px; border-color:#D8DCDF; border-style:solid; border-width:0pt 1px 1px; } +#thumb-subcategories ul li { border-top:1px solid #E8E6E6; } + +#thumb-subcategories a:link { color: #4e4e4e; } +#thumb-subcategories a:visited { color: #777; } +#thumb-subcategories a:hover, #thumb-subcategories a:active, #thumb-subcategories a:focus { background: #F2F8Fd } +#thumb-subcategories li.selected a:link, #thumb-subcategories li.selected a:visited { background-color:#89A8C1; color:#FFFFFF; } + +#thumb-browser .thumbs li.thumb { background: transparent url(../img/sprite.png?20090430) no-repeat scroll right -1256px; } +#thumb-browser .thumbs li.thumb div.wrapper { background: transparent url(../img/sprite.png?20090430) no-repeat scroll left -1256px; } +#thumb-browser .thumbs li.exp { background: transparent url(../img/exp-tr.png) no-repeat scroll right top; } +#thumb-browser .thumbs li.exp div.wrapper { background: transparent url(../img/exp-tl.png) no-repeat scroll left top; } +#thumb-browser .thumbs li.thumb .vex { background:transparent url(../img/sprite.png?20090430) no-repeat scroll right bottom; } +#thumb-browser .thumbs li.thumb .vex span { background:transparent url(../img/sprite.png?20090430) no-repeat scroll left bottom; width: 10px; height: 10px; float: left;} +#thumb-browser .thumbs li.exp .vex { background:transparent url(../img/exp-br.png) no-repeat scroll right bottom; } +#thumb-browser .thumbs li.exp .vex span { background:transparent url(../img/exp-bl.png) no-repeat scroll left bottom; } diff --git a/site/app/webroot/css/compatibility.css b/site/app/webroot/css/compatibility.css new file mode 100644 index 0000000..8ee240d --- /dev/null +++ b/site/app/webroot/css/compatibility.css @@ -0,0 +1,274 @@ +.compat-box { + border: 2px solid #666666; + -moz-border-radius: 15px; + -webkit-border-radius: 15px; + width: 650px; + margin: 20px auto; + padding: 20px; + height: 360px; + background: transparent url('../img/puzzle-corner.png') no-repeat bottom right; +} + +.compat-box .header .title img { + vertical-align: middle; + margin-right: 10px; +} + +.compat-box .header .title { + font-size: 1.1em; + color: #666666; + font-weight: bold; + +} + +.compat-box .loading { + font-size: 1.3em; + margin-top: 50px; + text-align: center; +} +.compat-box .footer { + display: none; + text-align: right; + font-style: italic; +} + +#compat-intro h2 { + text-align: center; + font-size: 1.5em; +} +#compat-intro p { + width: 80%; + margin: 10px auto; +} +#compat-intro ul { + margin: 0; + padding: 0; +} +#compat-intro ul li { + list-style: none; + margin: 0; + padding: 0; +} + +#compat-intro ul li a { + border: 1px solid #666666; + color: #666666; + padding: 5px 10px; + margin: 15px auto; + display: block; + text-decoration: none; + font-size: 1.3em; + -moz-border-radius: 6px; + -webkit-border-radius: 6px; + width: 25em; + background: #FFFFFF url('../img/slider-next-disabled.gif') no-repeat 98% 50%; +} +#compat-intro ul li a:hover { + background-image: url('../img/slider-next.gif'); + color: #2D3B58; + border-color: #2D3B58; +} + +#compat-home-nav { + display: none; + border: 1px solid #666666; + border-bottom: none; + float: right; + margin-right: 155px; + padding: 0 7px; + -moz-border-radius: 6px 6px 0 0; + -webkit-border-radius: 6px 6px 0 0; +} +#compat-home-nav a { + text-decoration: none; +} + + +#report-intro, +#report-details, +#report-details-data, +#developers-intro, +#developers-details, +#developers-details-data, +#users-intro { + display: none; +} + +#report-details-data, +#developers-details-data { + overflow-y: auto; + overflow-x: hidden; + height: 350px; +} + +#report-intro .intro { + margin: 15px 10px; +} + +.details-link { + text-align: center; + clear: both; + font-size: 1.2em; + font-weight: bold; + padding: 10px; +} + +#report-intro .details-link a:link, +#report-intro .details-link a:visited, +#report-intro .details-link a:hover { + color: #666666; +} + +/* Overall Compat Bar */ +#overall-compat-bar { + width: 600px; + height: 100px; + border: 2px solid #666666; + margin: 0 auto; + background-color: #FFFFFF; + overflow: hidden; +} +#overall-compat-bar div { + height: 100px; + float: left; + color: #FFFFFF; + text-align: center; + line-height: 8em; + font-weight: bold; +} + +#overall-compat-legend { + height: 120px; +} + +#overall-compat-legend .legend-box { + border: 2px solid #CCCCCC; + background-color: #EEEEEE; + -moz-border-radius: 6px; + -webkit-border-radius: 6px; + float: left; + width: 150px; + min-height: 100px; + margin: 10px 4px; +} + +#overall-compat-legend .color-square { + width: 15px; + height: 100px; + -moz-border-radius-bottomleft: 3px; + -moz-border-radius-topleft: 3px; + -webkit-border-top-left-radius: 3px; + -webkit-border-bottom-left-radius: 3px; + float: left; +} + +#overall-compat-legend p { + margin: 0 2px 2px 18px; +} + + +/* Add-on Details Report */ +#compat-report { + width: 100%; +} +#compat-report td { + height: 20px; + vertical-align: middle; +} +#compat-report .maxversion { + color: #FFFFFF; + display: block; + width: 6em; + text-align: center; + -moz-border-radius: 6px; + -webkit-border-radius: 6px; + margin: 0 0 0 auto; +} + +#compat-report td.bar { + width: 400px; + max-width: 400px; +} +#compat-report div.bar { + border: 1px solid #666666; + background-color: #FFFFFF; + height: 20px; + overflow: hidden; +} +#compat-report div.used-bar { + background-color: #DDDDDD; + height: 20px; + float: left; +} +#compat-report div.new-bar { + height: 20px; + float: left; +} + +.compat-latest { + background-color: #339900; +} +.compat-beta { + background-color: #99CC99; +} +.compat-alpha { + background-color: #FFCC66; +} +.compat-other { + background-color: #999999; +} + +/* Developer Info */ +.developer-addons { + padding: 0; + margin: 0; +} +.developer-addons li { + margin: 10px 0; + padding: 0; + list-style: none; + font-size: 15px; +} +.developer-addons li div.addon-details { + border: 2px solid #666666; + -moz-border-radius: 6px; + -moz-border-radius-topleft: 0; + -webkit-border-radius: 6px; + -webkit-border-top-left-radius: 0; + margin-left: 93px; + padding: 0 5px; + background-color: #FFFFFF; +} +.developer-addons li div.appversion { + color: white; + text-align: center; + float: left; + width: 85px; + padding: 3px; + border: 2px solid #666666; + -moz-border-radius-topleft: 6px; + -moz-border-radius-bottomleft: 6px; + -webkit-border-top-left-radius: 6px; + -webkit-border-bottom-left-radius: 6px; +} +.developer-addons li .name { + display: block; +} +.developer-addons li .details { + font-size: 13px; +} + +.rightalign { + float: right; + margin: 0 0 10px 10px; +} + +.login { + font-size: 1.1em; + font-style: italic; + margin-top: 10px; +} + +ul.tips { + font-size: 1.2em; +}
\ No newline at end of file diff --git a/site/app/webroot/css/developers.css b/site/app/webroot/css/developers.css new file mode 100644 index 0000000..6bd440a --- /dev/null +++ b/site/app/webroot/css/developers.css @@ -0,0 +1,1179 @@ +.html-rtl th, +.html-rtl td { + text-align: right; +} + +.graybox { + background-color: #F7FAFC; + border: 1px solid #EEF1F3; + padding: 15px; +} +.graybox.errors { + background-color: #FFA5A5; +} + +.rounded { + -moz-border-radius: 6px; + -webkit-border-radius: 6px; + border-radius: 6px; +} + +.action-button-container { + margin: 5px 0; +} +.action-button-container.centered, +.add-button-container.centered { + text-align: center; +} +.action-button { + border: 1px solid #5D6C8C; + padding: 5px 10px; + background: #FFFFFF url('../img/arr-view-big.png') no-repeat scroll 98% 3px; + padding-right: 30px; + font-size: 110%; + color: #5D6C8C; +} +.html-rtl .action-button { + background-image: url('../img/arr-view-rtl-big.png'); + background-position: 2% 3px; + padding-right: auto; + padding-left: 30px; +} +a.action-button { + text-decoration: none; +} +a.action-button:hover { + background-position: 98% -295px; + color: #2D3B58; +} +.html-rtl a.action-button:hover { + background-position: 2% -295px; +} +.action-button.disabled { + background: #EEEEEE url('../img/developers/privileges.png') no-repeat 96% 50%; + border-color: gray; + color: gray; + cursor: default; +} +.html-rtl .action-button.disabled { + background-position: 4% 50%; +} +a.action-button.disabled:hover { + color: gray; + background-position: 96% 50%; +} +.html-rtl a.action-button.disabled:hover { + background-position: 4% 50%; +} + +.index-actions { + margin: 15px 0 0 30px; + padding: 0; + list-style: none; +} +.html-rtl .index-actions { + margin: 15px 30px 0 0; +} +.index-actions li { + padding-left: 20px; + font-weight: bold; +} +.html-rtl .index-actions li { + padding-left: auto; + padding-right: 20px; +} +.action-details { + margin-left: 10px; + font-weight: normal; +} +.html-rtl .action-details { + margin-left: auto; + margin-right: 10px; +} + +.add-button-container { + margin-top: 10px; +} +.add-button, +.remove-button, +.edit-button { + background: #FFFFFF url('../img/developers/add.png') no-repeat 5px 50%; + padding: 3px 5px 3px 25px; + border: 1px solid #5D6C8C; + white-space: nowrap; +} +.html-rtl .add-button, +.html-rtl .remove-button, +.html-rtl .edit-button { + background-position: 100% 50%; + padding: 3px 20px 3px 5px; +} +.button { + background-color: #FFFFFF; + border: 1px solid #5D6C8C; + padding: 3px 5px; +} +a.add-button, +a.remove-button, +a.edit-button, +a.button { + text-decoration: none; + color: #1D587F; +} +.add-button.bigger { + padding: 5px 10px 5px 30px; + font-size: 105%; + border: 1px solid #5D6C8C; +} +.html-rtl .add-button.bigger { + padding: 5px 25px 5px 10px; +} +.edit-button { + background-image: url('../img/developers/pencil.png'); + border: 1px solid #FFCC66; +} +.remove-button { + background-image: url('../img/developers/delete.png'); + border: 1px solid #FFA5A5; +} +a.remove-button:hover { + color: #CC3333; +} +a.add-button:hover, +a.edit-button:hover, +a.button:hover { + border-color: #1D587F; + color: #1D587F; + text-decoration: underline; +} + +#dev-agreement { + background-color: #EEEEEE; + margin: 0 5% 10px; + padding: 10px; + max-height: 300px; + overflow: auto; + border: 1px solid #AAA; + font-size: 85%; +} +#license-disclosure { + font-size: 95%; +} + +#step-agreement, +#upload-success, +#upload-loading, +#upload-error { + display: none; +} + +#upload-error { + margin-top: 10px; +} +#upload-error-content, +#addon-created-content, +#version-created-content, +#file-created-content { + padding: 5px 10px; +} + +#file-upload .disabled { + color: gray; +} + +#file-upload .submit { + margin: 5px; + padding: 10px; + text-align: center; + width: 322px; +} +#file-upload .submit input { + font-weight: bold; +} + +.greenbox-tr { + background: transparent url('../img/rec-tr.png') top right no-repeat; +} +.greenbox-tl { + background: transparent url('../img/rec-tl.png') top left no-repeat; +} +.greenbox-bl { + background: transparent url('../img/rec-bl.png') bottom left no-repeat; + height: 10px; +} +.greenbox-br { + background: transparent url('../img/rec-br.png') bottom right no-repeat; + height: 10px; +} + +.bluebox-tr { + background: transparent url('../img/addon-tr.png') top right no-repeat; +} +.bluebox-tl { + background: transparent url('../img/addon-tl.png') top left no-repeat; +} +.bluebox-bl { + background: transparent url('../img/addon-bl.png') bottom left no-repeat; + height: 10px; +} +.bluebox-br { + background: transparent url('../img/addon-br.png') bottom right no-repeat; + height: 10px; +} + +.redbox-tr { + background: transparent url('../img/exp-tr.png') top right no-repeat; +} +.redbox-tl { + background: transparent url('../img/exp-tl.png') top left no-repeat; +} +.redbox-bl { + background: transparent url('../img/exp-bl.png') bottom left no-repeat; + height: 10px; +} +.redbox-br { + background: transparent url('../img/exp-br.png') bottom right no-repeat; + height: 10px; +} + +button, input[type="submit"] { + cursor: default; +} + +p { + padding-top: 10px; +} + + +/* edit */ +#edit-listing dt { + padding-left: 25px; + min-height: 20px; +} +.html-rtl #edit-listing dt { + padding-left: auto; + padding-right: 25px; +} +#edit-listing dd { + padding-left: 20px; + padding-bottom: 10px; +} +.html-rtl #edit-listing dd { + padding-left: auto; + padding-right: 20px; +} +.pitch ul { + margin: 0; + list-style: none; +} +.pitch .actionbar li { + padding-left: 23px; + margin-top: 5px; +} +.html-rtl .pitch .actionbar li { + padding-left: auto; + padding-right: 23px; +} +.pitch .actionbar li.container { + padding-left: 0; + margin-top: 0; +} +.html-rtl .pitch .actionbar li.container { + padding-right: 0; +} +.pitch .actionbar ul li { + margin-left: 15px; +} +.html-rtl .pitch .actionbar ul li { + margin-left: auto; + margin-right: 15px; +} +.pitch .actionbar li.selected { + font-weight: bold; +} +.pitch hr { + border: none; + border-bottom: 1px solid #EEEEEE; +} +.pitch h4 { + border-bottom: 1px solid #EEEEEE; +} +.pitch h4 a { + text-decoration: none; + color: #2D3B58; +} + +.actionbar.inactive li.active-only { + display: none; +} + +.actionbar .displaypage { + background: transparent url('../img/developers/actionbar/displaypage.png') no-repeat 0% 50%; +} +.actionbar .details { + background: transparent url('../img/developers/actionbar/details.png') no-repeat 0% 50%; +} +.actionbar .edit { + background: transparent url('../img/developers/actionbar/edit.png') no-repeat 0% 50%; +} +.actionbar .edit-properties { + background: transparent url('../img/developers/actionbar/edit_properties.png') no-repeat 0% 50%; +} +.actionbar .edit-descriptions { + background: transparent url('../img/developers/actionbar/edit_descriptions.png') no-repeat 0% 50%; +} +.actionbar .edit-categories { + background: transparent url('../img/developers/actionbar/edit_categories.png') no-repeat 0% 50%; +} +.actionbar .edit-authors { + background: transparent url('../img/developers/actionbar/edit_authors.png') no-repeat 0% 50%; +} +.actionbar .status { + background: transparent url('../img/developers/actionbar/status.png') no-repeat 0% 50%; +} +.actionbar .statistics { + background: transparent url('../img/developers/actionbar/stats.png') no-repeat 0% 50%; +} +.actionbar .versions { + background: transparent url('../img/developers/actionbar/versions.png') no-repeat 0% 50%; +} +.actionbar .versions-add { + background: transparent url('../img/developers/actionbar/versions_add.png') no-repeat 0% 50%; +} +.actionbar .previews { + background: transparent url('../img/developers/actionbar/previews.png') no-repeat 0% 50%; +} +.html-rtl .actionbar .displaypage, +.html-rtl .actionbar .details, +.html-rtl .actionbar .edit, +.html-rtl .actionbar .edit-properties, +.html-rtl .actionbar .edit-descriptions, +.html-rtl .actionbar .edit-categories, +.html-rtl .actionbar .edit-authors, +.html-rtl .actionbar .status, +.html-rtl .actionbar .statistics, +.html-rtl .actionbar .versions, +.html-rtl .actionbar .versions-add, +.html-rtl .actionbar .previews { + background-position: 100% 50%; +} + +.edit-categories-descriptions { + border-left: 1px solid #CCCCCC; +} +.html-rtl .edit-categories-descriptions { + border-left-width: 0; + border-right: 1px solid #CCCCCC; +} + +#add-author-button .add-button { + background-image: url('../img/developers/edit_authors_add.png'); +} + +#add-author ul { + list-style: none; +} +#add-author p { + padding-top: 0; +} +#author-table { + width: 100%; +} +#author-table th { + font-weight: bold; +} + +.save-changes { + display: none; + background: transparent url('../img/developers/exclamation.png') no-repeat 5px 50%; + padding: 5px 0 5px 30px; + border: 1px solid #5D6C8C; + margin: 5px; +} +.html-rtl .save-changes { + background-position: 100% 50%; + padding: 5px 25px 5px 0; +} +#add-author p { + margin-bottom: 5px; +} +#add-author #add-error { + background: transparent url('../img/developers/exclamation.png') no-repeat 5px 50%; + color: #CC3333; + padding: 5px 0 5px 30px; + display: none; +} +.html-rtl #add-author #add-error { + background-position: 100% 50%; + padding: 5px 25px 5px 0; +} +#add-author #add-loading { + display: none; +} + +.edit-categories-box h4 img { + vertical-align: middle; + margin-right: 10px; +} +.html-rtl .edit-categories-box h4 img { + margin-right: auto; + margin-left: 10px; +} + +#edit-properties-icon-table th { + color: #2D3B58; + font-size: 110%; +} +#edit-properties-icon-table td { + vertical-align: top; +} +#edit-properties-icon-table #addon-icon.deleted { + opacity: .25; + filter: alpha(opacity=25); +} + +#edit-versions-targetapps-table { + width: 60%; + margin: 0 auto; +} +#edit-versions-targetapps-table .appname { + font-weight: bold; + color: #2D3B58; +} + +#edit-versions-targetapps-table .inline-delete-button img { + padding-top: 4px; +} +#new-app-picker { + padding-left: 20px; + display: none; +} +.html-rtl #new-app-picker { + padding-left: auto; + padding-right: 20px; +} + +table .inline-delete-button img { + padding-bottom: 4px; +} + +a.filelink { + background: transparent url('../img/developers/versions_link.png') no-repeat left; + padding-left: 20px; +} +.html-rtl a.filelink { + background-position: right; + padding-left: auto; + padding-right: 20px; +} + +#files-table .inline-delete-box .remove-button { + background-image: url('../img/developers/versions_delete.png'); +} +#edit-versions-targetapps-table .inline-delete-box .remove-button { + background-image: url('../img/developers/versions_compat_remove.png'); +} +#author-table .inline-delete-box .remove-button { + background-image: url('../img/developers/edit_authors_delete.png'); +} + +/* Previews */ +.replace-preview { + margin: 10px 0; + padding: 10px 5px; + background-color: #FFFFFF; + border-top: 1px solid #EEEEEE; + border-bottom: 1px solid #EEEEEE; +} +.replace-preview input { + margin-left: 20px; +} +.html-rtl .replace-preview input { + margin-left: auto; + margin-right: 20px; +} +#content-main .replace-preview p { + margin-bottom: 0; +} +#add-preview-box .add-button { + background-image: url('../img/developers/preview_add.png'); +} +.preview-buttons { + text-align: right; +} +.html-rtl .preview-buttons { + text-align: left; +} +.preview-add-button-description { + text-align: right; +} +.html-rtl .preview-add-button-description { + text-align: left; +} + +/* Change Status Page */ +div.status { + font-size: 115%; +} +h4.status span { + font-weight: bold; +} +.status-0 { + color: gray; +} +.status-1, +.status-2, +.status-3 { + color: navy; +} +.status-4 { + color: green; +} +.status-5 { + color: red; +} + +.inactive-0 { + color: green; +} +.inactive-1 { + color: red; +} + +.actions { + width: 100%; +} +.actions .action { + text-align: left; + vertical-align: middle; + min-width: 25%; + padding-bottom: 5px; +} +.html-rtl .actions .action { + text-align: right; +} +.actions .description { + color: #5D6C8C; +} + +.nominate.add-button { + background-image: url('../img/developers/status_nominate.png'); +} +.complete.add-button { + background-image: url('../img/developers/tick.png'); +} +.make-active.add-button { + background-image: url('../img/developers/status_active.png'); +} +.make-inactive.add-button { + background-image: url('../img/developers/status_inactive.png'); +} + +.to-sandbox.add-button { + background-image: url('../img/developers/arrow_down.png'); +} +.to-public.add-button { + background-image: url('../img/developers/arrow_up.png'); +} + +.criteria { + margin-left: 10px; +} +.html-rtl .criteria { + margin-left: auto; + margin-right: 10px; +} +.criteria li { + list-style: none; + padding-left: 20px; +} +.html-rtl .criteria li { + padding-left: auto; + padding-right: 20px; +} +.criteria .pass { + background: url('../img/developers/tick.png') no-repeat left center; +} +.criteria .fail { + background: url('../img/developers/cross.png') no-repeat left center; +} +.criteria .meh { + background: url('../img/developers/asterisk_yellow.png') no-repeat left center; +} +.html-rtl .criteria .pass, +.html-rtl .criteria .fail, +.html-rtl .criteria .meh { + background-position: right center; +} + +.pretty-table { + width: 100%; +} +.pretty-table th { + color: #555555; +} +.pretty-table td img, +.pretty-table td { + vertical-align: middle; +} +.pretty-table td, +.pretty-table th { + padding: 5px; +} +.pretty-table .alt td { + background-color: #FFFFFF; + border-top: 1px solid #EEEEEE; + border-bottom: 1px solid #EEEEEE; +} + +.inline-delete-button { + border: 1px solid transparent; + border-bottom: none; +} +.inline-delete-button.uses-image.open { + background-color: #FFA5A5; + text-align: center; + border: 1px solid #CC3333; + border-bottom: none; + -moz-border-radius: 6px 6px 0 0; + -webkit-border-top-left-radius: 6px; + -webkit-border-top-right-radius: 6px; + border-radius: 6px 6px 0 0; +} +.inline-delete-button.uses-button.open .remove-button.trigger { + background-color: #FFA5A5; + border: 1px solid #CC3333; + -moz-border-radius: 6px 6px 0 0; + -webkit-border-bottom-left-radius: 0; + -webkit-border-bottom-right-radius: 0; + border-radius: 6px 6px 0 0; +} +.inline-delete-box { + position: absolute; + z-index: 10; + display: none; + margin-left: -378px; + padding: 10px; + width: 380px; + color: #2D3B58; + background-color: #FFA5A5; + border: 1px solid #CC3333; + -moz-border-radius: 6px 0 6px 6px; + -webkit-border-radius: 6px; + -webkit-border-top-right-radius: 0; + border-radius: 6px 0 6px 6px; +} +.html-rtl .inline-delete-box { + margin-left: auto; + margin-right: -378px; + -moz-border-radius: 0 6px 6px 6px; + -webkit-border-radius: 6px; + -webkit-border-top-left-radius: 0; + border-radius: 0 6px 6px 6px; +} +.uses-button .inline-delete-box { + right: 0; + margin: 2px 22px 0 0; + width: 50%; +} +.html-rtl .uses-button .inline-delete-box { + right: auto; + left: 0; + margin: 2px 0 0 22px; +} +.inline-delete-box p { + margin: 0 !important; + padding: 0; + text-align: center; +} +.inline-delete-box .remove-button { + border-color: #CC3333; + color: #2D3B58; +} +.inline-delete-box .button { + color: #2D3B58; +} + +.graybox.spaced { + margin-bottom: 10px; +} +.field h4 { + border-bottom: 1px solid #2D3B58; +} +.field h5 { + font-weight: bold; + margin-top: 1em; + font-size: 110%; +} +.field label { + display: block; + margin-bottom: 3px; +} +.field ul { + list-style-type: disc; + margin-top: 10px; +} +.field textarea { + border: 1px solid #1D587F; +} +#content-main p.smallmargin { + margin: .5em 0; + padding: 0; +} +p.indented, +label.indented { + text-indent: 2em; +} + +.preview-box .error-message { + display: none; + background-image: url('../img/developers/preview_delete.png'); +} +.preview-box.errors .error-message { + display: block; +} + +.notice-success { + border: 1px solid green; + background: lightgreen url('../img/stats/tick.png') no-repeat 5px 50%; + margin-bottom: 5px; + padding: 5px 5px 5px 30px; +} +.html-rtl .notice-success { + background-position: 100% 50%; + padding: 5px 25px 5px 5px; +} +.notice-success span { + font-weight: bold; +} + +.notice-error { + border: 1px solid red; + background: #FFA5A5 url('../img/developers/exclamation.png') no-repeat 5px 50%; + margin-bottom: 5px; + padding: 5px 5px 5px 30px; +} +.html-rtl .notice-error { + background-position: 100% 50%; + padding: 5px 25px 5px 5px; +} +.notice-error span { + font-weight: bold; +} + +#content-main .notice-success ul, +#content-main .notice-error ul, +#content-main .notice-success li, +#content-main .notice-error li { + margin-bottom: 0; +} + +.notice { + background-color: #FFFF99; + border: 1px solid gray; + padding: 5px; + margin-bottom: 5px; +} +.notice span { + font-weight: bold; +} + +.notice.noscript { + padding-left: 30px; + background: #FFFF99 url('../img/developers/noscript.png') no-repeat 5px 50%; +} +.html-rtl .notice.noscript { + padding-left: auto; + padding-right: 30px; + background-position: 100% 50%; +} + +.notice.no-privs-box { + padding-left: 30px; + background: #FFFF99 url('../img/developers/privileges.png') no-repeat 5px 50%; + display: none; +} +.html-rtl .notice.no-privs-box { + padding-left: auto; + padding-right: 30px; + background-position: 100% 50%; +} + +#content-main.no-privs .no-privs-box { + display: block; +} +#content-main.no-privs .inline-delete-button, +#content-main.no-privs .add-button, +#content-main.no-privs .action-button, +#content-main.no-privs .delete-area, +#content-main.no-privs .translation-button, +#content-main.no-privs .require-privs, +#content-main.no-privs .edit-button, +#content-main.no-privs .remove-button { + display: none; +} +.version-delete-area { + text-align: right; +} +.html-rtl .version-delete-area { + text-align: left; +} + +#content-main.no-privs input, +#content-main.no-privs select, +#content-main.no-privs textarea { + background-color: #EEEEEE; +} + +/* Developers Global */ +div.error { + background: #ffa5a5; + border: 1px solid red; + text-align: center; + font-weight: bold; + padding: 5px; + margin: 5px 0 5px 0; +} +div.error_message { + color: red; + font-weight: bold; +} +.form_error { + background: #ffa5a5; + border: 1px solid red; +} + +/* developers/index */ +/* 3.2 new */ +.sub div { background: none; } +.sub div.addon-container { background: transparent url("../img/addon-tl.png") left top no-repeat; } +.sub div { margin: 0; padding: 0; } +.sub div.addon-container { margin-left: -1px; padding: 14px 20px 8px; } +.sub .vex { left: 0; } +.html-rtl .sub .vex { left: 0; } + +#summary h4 img { + float: left; + padding-right: 10px; +} +.html-rtl #summary h4 img { + float: right; + padding-right: auto; + padding-left: 10px; +} +#summary p { + padding: 5px; + clear: left; +} +.html-rtl #summary p { + clear: right; +} + +/*** =Extra content ***/ +.action-bar { + float: right; + width: 180px; + margin-bottom: 1em; + border: 1px solid #d8dcdf; + -moz-border-radius: 6px; + -webkit-border-radius: 6px; + border-radius: 6px; +} +.html-rtl .action-bar { + float: left; +} +.action-bar ul { + margin: 10px !important; + list-style: none; +} +.action-bar ul li { + padding-left: 20px; +} +.html-rtl .action-bar ul li { + padding-left: auto; + padding-right: 20px; +} + +.addon-details h3 img { + vertical-align: middle; +} + +#contentWindow { + width: 100%; + height: 500px; + overflow: auto; + border: none; +} +div.disabled { + color: gray !important; +} +.addonHeader { + cursor: pointer; + font-size: 16px; +} +div.summaryBar { + border: 1px solid #eee; + white-space: nowrap; +} +.summaryBar img { + vertical-align: middle; + border: 0px; + margin-left: 10px; +} +.html-rtl .summaryBar img { + margin-left: auto; + margin-right: 10px; +} +.summaryBar div { + /* IE hack */ + zoom: 1; + display: inline; +} +.summaryBar div { + display: table-cell; + vertical-align: middle; + padding: 5px; + line-height: 2; + font-size: 12px; +} +.summaryBar .downloadcount { + line-height: 1; + font-size: 12px; + max-height: 35px; +} +.summaryBar .downloadcount span { + font-size: 10px; +} +.summaryBar a:link, +.summaryBar a:visited, +.summaryBar a:active { + text-decoration: none; +} + +/* developers/add */ +div.notice { + background-color: #FFFF99; + padding: 5px; +} +div.greenNotice { + background-color: #CCFFCC; + padding: 5px; +} +#developersForm { + padding-left: 15px; +} +.html-rtl #developersForm { + padding-left: auto; + padding-right: 15px; +} +#submissionHelp { + text-align: center; +} +.corner-box h1, +.corner-box h2, +.corner-box h3, +.corner-box h4, +.corner-box h5 { + color: #3c475b; +} +#developersForm div { + margin-top: 15px; +} +#developersForm label { + border-bottom: 1px dashed #eee; + float: left; + width: 14em; +} +.html-rtl #developersForm label { + float: right; +} +#developersForm ul.rightlist li { + list-style: none; + padding-left: 11em; +} +.html-rtl #developersForm ul.rightlist li { + padding-left: auto; + padding-right: 11em; +} +#developersForm ul.rightlist li:first-child { + padding-left: 0; +} +.html-rtl #developersForm ul.rightlist li:first-child { + padding-left: auto; + padding-right: 0; +} +#developersForm div div.platforms label { + float: left; + border: none; + font-style: italic; + width: 14em; + text-align: right; +} +.html-rtl #developersForm div div.platforms label { + float: right; + text-align: left; +} +#developersForm label.nofloat { + float: none; + margin-left: 10px; + border: none; +} +.html-rtl #developersForm label.nofloat { + margin-left: auto; + margin-right: 10px; +} +#developersForm label.normal { + float: none; + border: none; +} +#developersForm div.description { + font-style: italic; + margin-left: 14em; +} +.html-rtl #developersForm div.description { + margin-left: auto; + margin-right: 14em; +} +#developersForm .spaced { + margin-left: 14em; +} +.html-rtl #developersForm .spaced { + margin-left: auto; + margin-right: 14em; +} +#developersForm input.vmiddle { + vertical-align: middle; +} +#developersForm input, +#developersForm select, +#developersForm textarea { + margin-left: 5px; +} +.html-rtl #developersForm input, +.html-rtl #developersForm select, +.html-rtl #developersForm textarea { + margin-left: left; + margin-right: 5px; +} +#developersForm select { + border: 1px solid #eee; +} +#developersForm h3 { + font-weight: bold; +} +div.addonName { + padding-left: 20px; + font-size: 14px; + font-style: italic; +} +div.addonName { + padding-left: auto; + padding-right: 20px; +} +.buttonBox input { + margin: 10px; +} +.buttonBox input:hover { +} +.buttonBox input[type=button] { + cursor: pointer; +} +.buttonBox .cancel:hover { +} +#tagDescription { + vertical-align: top; + padding-left: 20px; +} +.html-rtl #tagDescription { + padding-left: auto; + padding-right: 20px; +} +#afterDescription { + clear: both; + padding-top: 15px; +} +#developersForm div.breaklessDivider { + height: 15px; + background: #fff url(../img/divider.gif) no-repeat scroll center; + border: 0; + margin-top: 15px; +} +#developerAgreement blockquote { + margin: 10px 25px; +} +#agreementButtons { + text-align: center; +} +#agreementButtons input { + padding: 2px; +} +#AddonAddontypeId { + width: 10em; +} +/* localebox element */ +#locale-box { + background: url(../img/developers/locale-background-selected.png) repeat-x; + height: 1.5em; + width: 100%; + margin: 0; + padding-bottom: .5em; + line-height: normal; + height: 65px; +} +#locale-box span { + background: url(../img/developers/locale-background-selected.png) repeat-x; + float: left; + text-align: center; + font-weight: bold; + cursor: pointer; + width: 4em; + padding: .4em; + border-right: 1px solid #eee; +} +#locale-box span { + float: right; + border-right-width: 0; + border-left: 1px solid #eee; +} +#locale-box span:hover, +#locale-box span.selected { + background: url(../img/developers/locale-background-hover.png) repeat-x; +} + +/* developers/editversion */ +#targetApps select { + width: 100%; +} +#fileList, +#targetApps { + margin: 0 0; +} +#targetApps td.separator, +#fileList td.separator { + padding: 0 15px; +} +#license-translationbox { + margin-top: 1em; +} + +/* developers/tshirtrequest */ +#tshirtRequestForm { + padding-left: 15px; +} +.html-rtl #tshirtRequestForm { + padding-left: auto; + padding-right: 15px; +} + +#tshirtRequestForm div { + margin-top: 15px; +} + +#requestTShirtButton { + margin-left: 14em; +} +.html-rtl #requestTShirtButton { + margin-left: auto; + margin-right: 14em; +} + diff --git a/site/app/webroot/css/diff.css b/site/app/webroot/css/diff.css new file mode 100644 index 0000000..fe6d629 --- /dev/null +++ b/site/app/webroot/css/diff.css @@ -0,0 +1,2 @@ +span.diff-remove { background-color: #FFFFAA; } +span.diff-add { background-color: #CCFFCC; } diff --git a/site/app/webroot/css/editors.css b/site/app/webroot/css/editors.css new file mode 100644 index 0000000..0c25025 --- /dev/null +++ b/site/app/webroot/css/editors.css @@ -0,0 +1,477 @@ +/* Editors Global */ +div.error { + background: #ffa5a5; + border: 1px solid red; + text-align: center; + font-weight: bold; + padding: 5px; + margin: 5px 0 5px 0; +} +div.error_message { + color: red; + font-weight: bold; +} +.form_error { + background: #ffa5a5; + border: 1px solid red; +} +/* editors/queue */ +#tabTable { + width: 100%; + margin-top: 17px; +} +#tabTable #spacer { width: 25%; + border-bottom: 1px solid black; +} +#tabTable #pending, +#tabTable #nominated, +#tabTable #reviews { + border-bottom: 1px solid black; + text-align: right; + vertical-align: bottom; +} +#tabTable .tab { + padding: 5px; + cursor: pointer; + font-weight: bold; +} +#tabTable .selected { + background-color: #eeeeee; +} +.queueHeader td{ + font-weight: bold; + border-bottom: 1px solid #888; +} +#reviewSuccess { + background: #b8f3c4; + border: 1px solid green; + text-align: center; + font-weight: bold; + padding: 5px; + margin: 5px 0 5px 0; +} + +#filterBox { + border: 1px solid #eeeeee; + background: #ffffee; + text-align: center; +} +#filterHeader { + font-weight: bold; + border-bottom: 1px dashed #eeeeee; + cursor: pointer; +} +#filterTable { + width: 100%; + margin: 0 auto; + padding-bottom: 10px; +} +#filterTable div.group { + display: -moz-inline-box; + display: inline-block; + margin: 10px; +} +#filterTable div.left { + text-align: left; +} +#filterTable div.left div { + margin: 5px 0; +} +#filterTable div.left label { + float: left; + width: 150px; +} +#filterTable div.buttons { + clear: both; +} +input#FilterAddonOrAuthor { + width:250px; +} +#sessionNotice { + text-align: center; + font-style: italic; + font-size: 10px; +} +.emptyQueue { + text-align: center; +} +#helpfulLinks { + text-align: right; +} + +/* editors/review */ +.reviewnav { + float: right; + display: block; + min-width: 200px; + text-align:center; + margin-right:20px; +} +.reviewnav a { + padding: .5em; + margin-top: .5em; +} +.reviewheader { + margin-top: 50px; +} +.headerboxes { + width: 31%; + float: left; +} +#header2 { + border-right: 1px solid #888; + border-left: 1px solid #888; +} +#header2, #header3 { + padding-left: 5px; +} + +#headerbox ul { + margin-top: 0; +} +#headerbox li, #files { + list-style: none; + margin-left: 0; + text-indent: -2em; +} +#authors li:before { + content: "\00BB \0020"; +} +#categorylist li:before { + content: "\00BB \0020"; +} +#files li:before { + content: "\00BB \0020"; +} +#compatibility img { + margin-right: 5px; + vertical-align: middle; +} +#notes h3 { + font-weight: bold; + font-size: 14px; +} +#notes div { + margin: 10px; +} +#notes .highlighted { + margin: 0; + margin-bottom: 10px; + padding: 10px; + border: 1px solid gray; +} +.fileCheckbox { + vertical-align: middle; +} +#multipleNotice { + color: red; + font-weight: bold; +} +#links { + text-align: center; +} +#links span { + font-weight: bold; + padding: 4px 0 6px 28px; + margin-left: 10px; +} +#links #overview_link { + margin-left: 0px; + background: url('../img/developers/overview.png') no-repeat; +} +#links #history_link { + background: url('../img/developers/history.png') no-repeat; +} +#links #previews_link { + background: url('../img/developers/previews.png') no-repeat; +} +#links #homepage_link { + background: url('../img/developers/homepage.png') no-repeat; +} +#links #edit_link { + background: url('../img/edit.png') no-repeat; +} +#form { + margin: 15px 50px; + border: 1px solid #999; + background: #eeeeee; + text-align: center; +} +#form img { + border: 0; + vertical-align: middle; +} +#subform div { + margin: 5px 0; +} +#commentsbox { + padding: 5px; +} +#comments { + padding: 5px; + vertical-align: top; +} +#actionbox { + padding: 5px; +} +.action_color { + cursor: pointer; + font-weight: bold; + padding: 5px; + color: black; +} +.action_bw { + cursor: pointer; + font-weight: bold; + padding: 5px; + color: gray; +} +.input { + font-size: 12px; + font-family: verdana, sans-serif; + border: 1px dashed #999; +} +#os { + float: left; + width: 49%; +} +#apps { + float: right; + width: 49%; +} +#process { + margin: 5px; + font-weight: bold; + vertical-align: middle; +} +.sectionHeader .name { + text-align: left; + float: left; + width: 75%; + font-weight: bold; + font-size: 15px; +} +.sectionHeader .top { + text-align: right; + float: left; + width: 24%; +} +.clear { + clear: both; +} +#historyTable { + width: 100%; +} +#historyTable #headerRow td { + font-weight: bold; + border-bottom: 1px solid gray; +} +#historyTable #notFound { + font-style: italic; + text-align: center; +} +.sectionTitle { + font-variant: small-caps; +} +#filesTitle { + font-weight: bold; +} + +/* editors/reviews_queue.thtml */ +.review-reply { + margin: .5em 0 0 3em; +} + +.reviewAction { + margin-top: 5px; +} +.reviewAction input { + vertical-align: bottom; +} + +/* editors/reviewlog */ +.reviewEntryActive { + background-color: #eeeeee; +} +.reviewComment { + background-color: #ddddff; + margin-bottom: 20px; +} + +/* editors/featured */ +table#features tr td { + padding-left: 10px; +} +table#features tr.featureHeader, +table#features tr.queueHeader { + text-align:left; + padding-left:0px; + +} +table#features tr.featureTypeHeader { + text-align: right; +} +table#features tr td input[type=text] { + width:80%; +} + +table#features tr.extension { + background-color: #d1ffff; +} +table#features tr.extension.even, +table#features tr.extension.odd { + background-color: #eaffff; +} +table#features tr td img.featureadd, +table#features tr td img.featureremove { + padding: 2px 3px 2px 2px; +} +table#features tr.theme { + background-color: #ffe5d1; +} +table#features tr.theme.even, +table#features tr.theme.odd { + background-color: #ffefef; +} +table#features tr.searchengine { + background-color: #ffffd0; +} +table#features tr.searchengine.even, +table#features tr.searchengine.odd { + background-color: #ffffef; +} +div.autocomplete { + position:absolute; + width:250px; + background-color:white; + border:1px solid #888; + margin:0px; + padding:0px; +} +div.autocomplete ul { + list-style-type:none; + margin:0px; + padding:0px; +} +div.autocomplete ul li.selected { background-color: #ffb;} +div.autocomplete ul li { + overflow:hidden; + list-style-type:none; + display:block; + margin:0; + padding:2px; + height:16px; + cursor:pointer; + text-align: left; +} +.success { + padding-left:5px; + color: #060; +} +.failure { + padding-left:5px; + color: #f33; +} +/* flagged add-ons */ +table#flagged tr.even { background-color: #eeeeff; } + +/* editors/performance */ +form#performanceFilter > div { + margin: 5px; +} +input#user { + width: 250px; +} +.performanceHeader { + margin-top: 20px; + margin-bottom: 10px; + padding-left: 24px; + font-size: 160%; + color: #426a13; + background: #abe071 url('../img/sprite.png?20090430') 0px 0px no-repeat; + border-bottom: 1px solid #79be1b; +} +.performanceHeader.collapsible span { + display: block; + margin-left: -17px; + padding-left: 17px; + background: transparent url('../img/sprite.png?20090430') 0px -318px no-repeat; +} +.performanceHeader.collapsible.expanded span { + background-position: 0px -261px; +} +#historyTable th { + font-weight: bold; + border-bottom: 1px solid gray; +} +#weeklyTable th { + font-weight: bold; + border-bottom: 1px solid gray; +} +th.numeric { + text-align: right; +} +td.numeric { + text-align: right; +} +th.headerSort { + cursor: pointer; + background-image: url('../img/developers/sort-bg.gif'); + background-repeat: no-repeat; + background-position: center right; + padding-right: 20px; + background-color: #e6eeee; +} +th.headerSortDown { + background-image: url('../img/developers/sort-asc.gif'); + background-color: #ccccff; +} +th.headerSortUp { + background-image: url('../img/developers/sort-desc.gif'); + background-color: #ccccff; +} +#tabTable #details, +#tabTable #charts { + border-bottom: 1px solid black; + text-align: left; + vertical-align: bottom; +} +.html-rtl #tabTable #details, +.html-rtl #tabTable #charts { + text-align: right; +} +#performanceUserSelect { + float:right; +} +.html-rtl #performanceUserSelect { + float:left; +} +.performancePieContainer { + height: 200px; + margin: 10px 5px; +} +#byCatTeamChart, +#byCatUserChart { + width: 200px; + float: left; + clear: left; +} +.html-rtl #byCatTeamChart, +.html-rtl #byCatUserChart { + float: right; + clear: left; +} +#performanceTeamLegend, +#performanceUserLegend { + float: left; + margin: 0 10px; +} +#performanceTeamLegend div, +#performanceUserLegend div { + margin: 0.2em; + padding: 0 0.2em; +} +.html-rtl #performanceTeamLegend, +.html-rtl #performanceUserLegend { + float: right; +} diff --git a/site/app/webroot/css/f8.css b/site/app/webroot/css/f8.css new file mode 100644 index 0000000..ed61920 --- /dev/null +++ b/site/app/webroot/css/f8.css @@ -0,0 +1,91 @@ +#container { + max-width: none; + padding-left: 20px; + padding-right: 20px; +} +#f8_body { + width: 100%; +} +#addonbox { + float: left; + width: 75%; +} +#addonsidebar { + margin-left: 75%; +} +ul.browselist { + list-style: none; + padding-left: 10px; + margin-top: 0px; +} +div.divider { + height: 15px; + background: #fff url(../img/divider.gif) no-repeat scroll center; + border: 0; + margin-top: 5px; +} + +#filterbox, +#filterbox select, +#filterbox input { + font-size: 12px; +} +#filterbox input { + vertical-align: middle; +} +#filterbox { + padding-bottom: 5px; +} + +ul.browselist li.selected { + font-weight: bold; +} +#addonlist div.addon { + padding-bottom: 5px; +} +#addonlist div.addon div.name { + +} +#addonlist div.addon div.summary { + font-size: 10px; +} + +#addonwindow { + background: url('../img/f8_box.png') no-repeat; + position: absolute; + top: 20%; + left: 20%; + height: 320px; + width: 340px; + padding: 10px; +} +#addonwindow .name { + font-weight: bold; + font-size: 14px; +} +#addonwindow .authors { + font-size: 12px; +} +#addonwindow .details { + font-size: 12px; + padding-top: 5px; +} +#addonwindow img { + vertical-align: middle; + line-height: 5; +} +#addoninstall { + margin: 0px 55px; + padding: 15px 0px; +} +#add_fav { + padding-left: 10px; + background: url('../img/smallMedal.png') no-repeat center left; +} +div.samelevel div.left { + text-align: left; + float: left; +} +div.samelevel div.right { + text-align: right; +} diff --git a/site/app/webroot/css/facebook.php b/site/app/webroot/css/facebook.php new file mode 100644 index 0000000..a99336a --- /dev/null +++ b/site/app/webroot/css/facebook.php @@ -0,0 +1,411 @@ +<?php +/* This is a special stylesheet for use with Facebook's FBML. It should not be + included on any other page. */ + +include_once('../../config/config.php'); +?> +<!-- + Due to Facebook bug, we can only use classes - not ids. + Due to Facebook bug, only one url() can be referenced in a single style tag. + Due to Facebook bug, I could not enclose "style" in the previous line. + Due to Facebook bug, the first style is a dummy so that background URLs are not mismatched. +--> +<style> + .dummy { + background: url('<?=FB_IMAGE_SITE?>/img/facebook/new_media_button_active.gif'); + } + + /* Browse/search results */ + .sort_box { + background-color: #f7f7f7; + padding: 5px 15px; + } + .filter_tab_bar { + padding-left: 10px; + border-top: 1px solid #d8dfea; + } + .filter_tab_bar div { + padding: 0; + } + .filter_tab_bar div ul.tabs { + border-left: 1px solid #d8dfea; + border-bottom: 0px; + float: left; + list-style: none; + margin: 0px; + padding: 0px; + } + .filter_tab_bar div ul.tabs li { + border-right: 1px solid #d8dfea; + float: left; + margin: 0px; + padding: 3px 0px 4px 0px; + } + .filter_tab_bar div ul.tabs li a { + border-bottom: 2px solid white; + padding: 3px 6px 2px 6px; + font-weight: normal; + } + .filter_tab_bar div ul.tabs li.current a { + border-bottom: 2px solid #6d84b4; + padding: 3px 6px 3px 6px; + font-weight: bold; + } + .filter_tab_bar div ul.tabs li a:hover { + background: #ebeff4; + border-bottom: 1px solid #ebeff4; + padding-bottom: 3px; + text-decoration: none; + } + .filter_tab_bar div ul.tabs li.current a:hover { + background: none; + border-bottom: 2px solid #6d84b4; + color: #3b5998; + padding: 3px 6px 3px 6px; + } + .filter_tab_bar div ul.tabs li.empty { + padding: 3px 6px 3px 6px; + color: #666666; + } + .filter_tab_bar div ul.tabs li.empty a:hover { + background: none; + border: none; + } + .noresults { + padding: 25px 0; + text-align: center; + color: gray; + } + + /* Add-on view profile page */ + .profile { + margin: 0px; + padding: 0px 10px 0px; + } + .profile .left { + padding: 0px; + width: 415px; + } + .profile .right { + padding: 0px 0px 0px 10px; + width: 200px; + } + .header { + margin: 0px; + padding: 2px 8px; + background: #D8DFEA; + border-top: solid 1px #3B5998; + } + .header h2 { + font-size: 11px; + font-weight: bold; + color: #3B5998; + } + .red .header { + background: #FFCCCC; + border-top: solid 1px #990000; + } + .red .header h2, + .red .header a { + color: #990000; + } + .profile .box { + margin: 0px; + padding: 10px 8px 15px 8px; + overflow: visible; + } + .profile .box h4 { + margin-top: 1px; + margin-left: 0px; + margin-bottom: 0; + padding-left: 0px; + } + .profile .darklink { + color: #555; + } + .profile .fallback { + background: #f7f7f7; + border-top: solid 1px #ccc; + border-bottom: solid 1px #D8DFEA; + color: gray; + padding: 15px 0px 15px 0px; + text-align: center; + } + .profile .people_table { + margin: 0px; + padding: 0px; + } + .profile .people_table td { + width: 62px; + vertical-align: middle; + text-align: center; + padding: 0px 0px 5px; + } + .profile .people_table table { + height: 100%; + } + .profile .people_table table td.image { + padding-bottom: 0px; + font-size: 1px; + line-height: 1px; + } + .profile .people_table table td.name div { + width: 60px; + } + .profile .see_all { + margin: 5px 0px 0px; + } + .box_subhead { + color: #444; + padding: 2px 8px 2px 8px; + border-top: solid 1px #ccc; + overflow: hidden; + background: #eee; + } + .box_subhead .box_subtitle { + float: left; + } + .box_subhead .box_actions { + float: right; + } + .box_nopeople { + color: #444; + padding: 20px 0; + border-top: solid 1px #ccc; + overflow: hidden; + background: #eee; + text-align: center; + } +</style> +<style type="text/css"> + /* Add-on profile gray bar and add to favorite button */ + .grayheader .dh_new_media_shell { + float: right; + background: url('<?=FB_IMAGE_SITE?>/img/facebook/new_media_button_active.gif') no-repeat bottom; + margin: 7px 0px 0px; + } +</style> +<style type="text/css"> + .grayheader .dh_new_media { + float: left; + display: block; + color: #777; + text-decoration: none; + background: url('<?=FB_IMAGE_SITE?>/img/facebook/new_media_button.gif') no-repeat; + } +</style> +<style type="text/css"> + .grayheader .dh_new_media .tr { + background: url('<?=FB_IMAGE_SITE?>/img/facebook/new_media_button.gif') no-repeat top right; + } +</style> +<style type="text/css"> + .grayheader .dh_new_media .bl { + background: url('<?=FB_IMAGE_SITE?>/img/facebook/new_media_button.gif') no-repeat bottom left; + } +</style> +<style type="text/css"> + .grayheader .dh_new_media .br { + background: url('<?=FB_IMAGE_SITE?>/img/facebook/new_media_button.gif') no-repeat bottom right; + } +</style> +<style type="text/css"> + .grayheader .dh_new_media span { + color: #333; + font-size: 11px; + font-weight: bold; + display: block; + padding: 3px 9px 5px 22px; + text-shadow: white 0px 1px 1px; + background: url('<?=FB_IMAGE_SITE?>/img/facebook/new_media_button_plus.gif') no-repeat 9px center; + } +</style> +<style type="text/css"> + .grayheader .remove { + background: url('<?=FB_IMAGE_SITE?>/img/facebook/icon_remove.gif') no-repeat; + padding-left: 15px; + } +</style> +<style type="text/css"> + .grayheader .dh_new_media:hover { + text-decoration: underline; + } + .grayheader .dh_new_media:active, + .grayheader .dh_new_media:active .tr, + .grayheader .dh_new_media:active .bl, + .grayheader .dh_new_media:active .br { + background-image: url('<?=FB_IMAGE_SITE?>/img/facebook/new_media_button_active.gif'); + } + + /* profile action buttons */ + .profileActions { + margin: 0px; + padding: 10px 0px; + background: white; + z-index: 999; + } + .profileActions a { + border-bottom: 1px solid #D8DFEA; + display: block; + width: 187px; + margin: 0px; + padding: 2px 3px 2px 9px; + } + .profileActions a:hover { + color: white; + background: #3B5998; + text-decoration: none; + } +</style> +<style type="text/css"> + /* install now button */ + .confirm_button a { + float: left; + display: block; + background: url('<?=FB_IMAGE_SITE?>/img/facebook/confirm_button.gif') no-repeat top left; + font-size: 13px; + font-weight: bold; + color: #d8dfea; + cursor: pointer; + } +</style> +<style type="text/css"> + .installbox { + padding: 10px; + margin-left: 15%; + } + .confirm_button div { + background: url('<?=FB_IMAGE_SITE?>/img/facebook/confirm_button.gif') no-repeat top right; + } +</style> +<style type="text/css"> + .confirm_button div div { + background-position: bottom left; + } + .confirm_button div div div { + background-position: bottom right; + padding: 0px 0px 0px 10px; + } + .confirm_button span { + display: block; + padding: 4px 10px 5px 22px; + background: url('<?=FB_IMAGE_SITE?>/img/facebook/confirm_button_extension.gif') no-repeat left center; + color: #FFF; + } +</style> +<style type="text/css"> + .confirm_button a:active, + .confirm_button a:active div { + background-image: url('<?=FB_IMAGE_SITE?>/img/facebook/confirm_button_active.gif'); + } +</style> +<style type="text/css"> + /* Favorites Page */ + .subtabs { + display: block; + margin: 0px 0px 0px -7px; + padding: 10px 25px 0px 25px; + border-bottom: solid 1px #ccc; + } + .subtabs .tab { + margin: 0px 7px -1px 0px; + border: solid 1px #ccc; + border-bottom: solid 1px #ffffff; + z-index: 10; + position: relative; + padding: 5px 7px 4px; + color: #555555; + float: left; + line-height: 13px; + font-size: 13px; + font-weight: bold; + } + .subtabs .tab a { + color: #555555; + } + .subtabs .unselected { + border: solid 1px #dedede; + border-bottom: solid 1px #ccc; + color: #888888; + font-size: 11px; + } + .subtabs .unselected a { + color: #888888; + } + .subtabs .unselected:hover { + cursor: pointer; + color: #3B5998; + text-decoration: underline; + } + table.myfavorites { + width: 100%; + } + table.myfavorites td { + padding-top: 7px; + padding-bottom: 7px; + vertical-align: middle; + border-bottom: solid 1px #ddd; + } + table.myfavorites td.info { + margin: 0px; + padding: 0px 20px 0px 5px; + width: 50%; + font-size: 13px; + font-weight: bold; + color: #555; + } + table.myfavorites td.imported { + width: 30%; + color: gray; + } + table.myfavorites td.remove { + width: 20%; + } + .favorites .remove a { + background: url('<?=FB_IMAGE_SITE?>/img/facebook/icon_remove.gif') no-repeat; + padding-left: 15px; + } + .favorites div.nofavorites { + text-align: center; + padding: 30px 0; + color: gray; + font-size: 13px; + } +</style> +<style> + /* Layout */ + body { + font-family: verdana, sans-serif; + } + .content { + min-height: 300px; + } + .page-header { + margin: 0px; + height: 80px; + } + .search { + float: right; + padding-right: 15px; + color:#555; + } + .search input { + font-size: 11px; + width: 100px; + padding-left: 17px; + margin-left: 2px; + } + .tabs { + margin-top: 5px; + } + .page-footer { + border-top: 1px solid #3b5998; + padding: 5px; + color: #666666; + text-align: center; + clear: both; + } + .page-footer a { + color: #333333; + } +</style> diff --git a/site/app/webroot/css/filebrowser.css b/site/app/webroot/css/filebrowser.css new file mode 100644 index 0000000..f94c1be --- /dev/null +++ b/site/app/webroot/css/filebrowser.css @@ -0,0 +1,68 @@ +/* reviewers/browse */ +#fileBrowser { + width: 100%; + height: 99%; + border: 1px dashed black; +} +#fileContents { + position: absolute; + width: 300px; + top: 25px; + right: 30px; + background: #F7F8F8; + border: 1px solid black; +} +#fileHeader { + height: 38px; + position: relative; + border-bottom: 1px solid #A1A6B1; + background: #33415D url("../img/template/header-background.png") top repeat-x; + z-index: 1; + text-align: center; + cursor: move; +} +#fileFooter { + text-align: right; + font-size: 12px; + font-family: verdana, sans-serif; +} +#fileFooter a:link { + text-decoration: none; + color: #999; +} +#fileFooter a:visited { + text-decoration: none; + color: #999; +} +#fileListing { + max-height: 200px; + overflow: auto; + font-size: 12px; + font-family: verdana, sans-serif; +} +.fileList li { + list-style: none; + margin-left: 0; + text-indent: -1em; +} +.fileList li.modified { + font-style: italic; +} +.fileList li.directory:before { + content: "\00BB \0020"; +} +.fileList li.file:before { + content: "\203A \0020"; + margin-right: 2px; +} + +.fileList li.directory a:link { + text-decoration: none; + color: black; + font-weight: bold; +} +.fileList li.directory a:visited { + text-decoration: none; + color: black; + font-weight: bold; +} diff --git a/site/app/webroot/css/forms.css b/site/app/webroot/css/forms.css new file mode 100644 index 0000000..0c091e4 --- /dev/null +++ b/site/app/webroot/css/forms.css @@ -0,0 +1,74 @@ +.amo-form > div { + margin: 1em 0; +} + +.amo-submit { +} + +.amo-submit:hover { +} + +.amo-cancel { +} + +.amo-label-large, .amo-label-medium, .amo-label-small { + border-bottom: 1px dashed #eee; + float: left; + clear:left; +} + +.amo-label-large { + width: 14em; +} + +.amo-label-medium { + width: 10em; +} + +.amo-label-small { + width: 8em; +} + +.amo-label-xsmall { + width: 6em; +} + +.amo-form-error { + background-color: #eee; + border: 1px dashed #c66; + color: #c00; + margin: 5px 0; + padding: .5em; +} + +.amo-form div.error_message { + color: #c00; + display: block; + margin: 0; + padding-bottom: 1em; +} + + +.amo-form div.amo-form-indent { + margin-left: 14em; +} + +.html-rtl .amo-form div.amo-form-indent { + margin-left: auto; + margin-right: 14em; +} + +.amo-remember { + margin-left: 12.2em; +} + +.html-rtl .amo-remember { + margin-left: auto; + margin-right: 12.2em; +} + +.html-rtl .amo-label-large, .html-rtl .amo-label-medium, .html-rtl .amo-label-small { + float: right; +} + + diff --git a/site/app/webroot/css/frame.css b/site/app/webroot/css/frame.css new file mode 100644 index 0000000..c02411b --- /dev/null +++ b/site/app/webroot/css/frame.css @@ -0,0 +1,28 @@ +#frame { + width:750px; + text-align: left; + margin: 0 auto; +} + +#main { + margin: 0 18px; + position:relative; +} + +a:active,a:hover,a:link,a:visited { + color:#5069a1; +} + +a.secondary:active,a.secondary:hover,a.secondary:link,a.secondary:visited { + color:#93a3c6; +} +/* FROM EXISTING AMO... */ + +.disclaimer { + text-align: center; + color: #ccc; + font-size: x-small; + width: 600px; + margin-left: auto; + margin-right: auto; +} diff --git a/site/app/webroot/css/ie.css b/site/app/webroot/css/ie.css new file mode 100644 index 0000000..35f561e --- /dev/null +++ b/site/app/webroot/css/ie.css @@ -0,0 +1,64 @@ +/*---------------------------------------------------------------------------- +CSS file for all versions of IE for Addons.mozilla.org +Created by Craig Cook - focalcurve.com + on November 20, 2007 +-----------------------------------------------------------------------------*/ + +/* I can hasLayout */ +#content-main, .addon .vex, .addon .secondary-container { zoom: 1; } +#categories h3, #categories h3 span { zoom: 1; } +#categories a, #categories p { zoom: 1; } +#addon-info, #addon-advanced { zoom: 1; } +.install-button, .pagination, .addon-reviews, .addon-versions { zoom: 1; } +.browse-list a, #dictionaries { zoom: 1; } +.collections li.coll-addon { zoom: 1; } + +/* Conflicts with container padding in spite of being positioned out of normal flow. */ +.main .vex { width: 100%; position: static; padding: 0 20px 0 240px; margin: 0 -20px -10px -240px; } +.main .vex span { position: relative; left: -240px; } +.sub .vex { padding: 0 20px; left: -1px; } +.sub .vex span { margin-left: -20px; } + +#addon-summary .vex { width: 100%; left: 240px; bottom: 0; padding: 0 20px 0 240px; margin: 0 -20px 0 -240px; } +#addon-summary .vex span { position: relative; left: -240px; } + +#addon-listing .addon .vex { width: 100%; left: 0; padding: 0 240px; margin: 0 -240px 0 0; } +#addon-listing .addon .vex span { position: relative; left: -240px; } + +/* Some special rules for the side-by-side floats. */ +#content.wide #recommended .addon { padding-left: 25%; width: 22%; } +#content.wide #recommended .addon .name { width: 80%; } +#content.wide #recommended .addon .vex { padding: 0; } +#content.wide #recommended .addon .vex span { left: 0; margin-right: 10px; } + +/* Size adjustements */ +.html-ltr #search-element {left: 18%} +#search-form #search-submit { width: 4em; } +#addon-listing .exp .exp-loggedout, +#addon-listing .exp .exp-confirmed { width: 160px; } +#rate-it legend span { left: -6px; } + +#content.landing #content-extra { width: 21%; } +#content.landing-with-slider #content-extra { width: 24%; } +.browse-list { padding-bottom: 15px; } +#content.landing.browse #content-extra { width: 48%; } +#content.landing-with-slider #secondaries .sub { width: 31.0%; margin-right: 2.5%; } + +/* Position adjustments */ +.html-ltr #search-form { left: 18%; } +#advanced-search-toggle { top: -5px; } +#advanced-search-toggle div { position: relative; top: 2px; height: 4px } +#advanced-search-toggle #toggle-inner { background-position-y: -88px; padding-left: 0; } +#page-title { z-index: 1; } +#nav-user { position: relative; } +#nav-access { z-index: 99; } +#order-by #order-label { float: left; } + +/* Padding adjustments */ +#order-by button { padding: 4px 2px; } +#order-by #order-label { padding: 8px 2px; } + +/* Type adjustments */ +#language { font-size: 95%; } + +.install-button a strong { cursor: pointer; } diff --git a/site/app/webroot/css/ie6.css b/site/app/webroot/css/ie6.css new file mode 100644 index 0000000..5e31336 --- /dev/null +++ b/site/app/webroot/css/ie6.css @@ -0,0 +1,125 @@ +/*---------------------------------------------------------------------------- +CSS file for IE6 for Addons.mozilla.org +Created by Craig Cook - focalcurve.com + on November 20, 2007 +-----------------------------------------------------------------------------*/ + +/* I can hasLayout */ +#branding, #page-title h1, div.error-notice { zoom: 1; } +#other-apps.js #nav-apps li { zoom: 1; } +#content, #content-main, #content-extra, #recommended, #secondaries, #form-listcontrol { zoom: 1; } +.addon, .install-button, .install-button a { zoom: 1; } +#addon-info, #addon-advanced, #form-review, .latest-version { zoom: 1; } + +/* There are various icky bugs related to padding with percentages. Avoid this + by removing the padding and shifting the box outside of its parent. */ +#content.main-page #content-main, +#content.detail-page #content-main, +#content.detail-page #content-main.full, +#content.reviews-page #content-main, +#content.reviews-page #content-main.full, +#content.versions-page #content-main, +#content.versions-page #content-main.full { padding-right: 0; } +#content-main #content-extra { right: -33%; } + +/* More percentage padding bugs, so the side-by-side liquid floats fail badly. Degrading to the natural layout instead. */ +#content.wide #recommended .addon { padding-left: 240px; width: auto; } +#content.wide #recommended .addon .name { width: auto; } +#content.wide #recommended .addon .preview-img { width: auto; overflow: visible; } +#content #recommended .addon .vex, +#content.wide #recommended .addon .vex { position: absolute; right: -260px; padding-left: 0; left: 0; width: auto; margin: 0; } +#content #recommended .addon .vex span, +#content.wide #recommended .addon .vex span { padding-left: 0; margin-left: 0; left: -1px; width: auto; } +#content.wide #recommended #feature1 { float: none; margin-bottom: 1em; } +#content.wide #recommended #feature2 { float: none; } + +/* Alternative 8-bit images since IE6 doesn't support alpha-transparent 24-bit PNGs. */ +h4#moz a { background-image: url("../img/moz-tab-ie.png"); } +div.error-notice { background-image: url("../img/warning-ie.png"); } + +/* Aaron Gustafson's Image Image Replacement - Inline image is replaced by background. See http://old.easy-designs.net/articles/iIR/ */ +#page-title h1 img { display: block; text-indent: -999em; padding-top: 105px; width: 110px; height: 0; overflow: hidden; background-repeat: no-repeat; } +#page-title.firefox h1 img { background-image: url("../img/app-icons/firefox-ie.png"); } +#page-title.thunderbird h1 img { background-image: url("../img/app-icons/thunderbird-ie.png"); } +#page-title.sunbird h1 img { background-image: url("../img/app-icons/sunbird-ie.png"); } +#page-title.seamonkey h1 img { background-image: url("../img/app-icons/seamonkey-ie.png"); } + +/* Bottom edges - IE7 needs different rules than IE6 so we'll override the previous style sheets */ +.addon .vex { padding: 0; } +.addon .vex span { margin-left: 0; } +#addon-listing .addon .vex, #addon-summary .vex, .main .vex { padding: 0; } +#addon-listing .addon .vex span, .main .vex span { margin-left: 0; } +#addon-summary .vex span, .main .vex span { margin-left: 1px; } +.sub .vex { padding: 0; left: 1px; } +.sub .vex span { margin-left: 0; } + +.main .vex { width: 100%; position: absolute; padding: 0; margin: 0; } +.main .vex span { position: relative; left: 0; } + +#addon-summary .vex { width: 100%; left: -1px; bottom: 0; padding: 0; margin: 0; } +#addon-summary .vex span { position: relative; left: -1px; } + +#addon-listing .addon .vex { width: 100%; left: -1px; padding: 0 220px; margin: 0; } +#addon-listing .addon .vex span { position: relative; left: -220px; } + +/* IE6 doesn't shrinkwrap the float, so removing the border makes it look better */ +#addon-summary .exp-loggedout, +#addon-summary .exp-confirmed { border: 0; padding: 0; } + +/* Lose the left border because IE6 doesn't support :first-child */ +#nav-user li, .addon-cats li, #addon-listing .more li { border: 0; padding-left: 0; } + +/* Fix weird positioning */ +.sub .flag { margin-left: 20px; } + +#content.landing.browse #secondaries #feature2 { margin-right: 0; } +#content.landing.languages #secondaries #feature3 { margin-right: 0; } + +#content.landing.languages #secondaries { margin-bottom: 1.5em; } + +/* Color adjustments */ +.exp-loggedout .install-button a:hover, +.exp-confirmed .install-button a:hover { color: #aaa; } + +/* Position and margin adjustments */ +.sub .irk, .addon .vex span { margin-left: 0; position: relative; left: -1px; } +.main .vex span, #addon-listing .vex span { left: 0; } +.addon .vex { margin-left: -1px; margin-bottom: -1px; } +#other-apps.js #nav-apps { margin-top: 10px; } +#content.landing #secondaries #feature5 { margin-right: 0; } +#content.landing-with-slider #secondaries .addon { width: 28%; } +#content.landing #secondaries .sub .flag { left: -20px; } +#content.landing-with-slider #content-extra { width: 24%; margin-right: .25%; float: right; } +#content.landing #content-extra { width: 22%; margin-right: .25%; float: right; } +#form-listcontrol #per-page.hidden { left: -999em; } +.addon .name img { left: -44px; } +#form-review #review-submit { margin-bottom: 0; } +#recommended { float: none; zoom: 1; } + +/* Size and padding adjustements */ +#content { height: 800px; } /* acts like min-height */ +.addon { height: 170px; } /* acts like min-height */ +#page-title div { padding-left: 120px; } +#content-extra { width: 29%; } +#search-form { height: 54px; } +#content #sidebar { width: 17.5%; } +#categories.collapsed #cat-list a:active { width: 150px; } +.main .vex, #addon-listing .addon .vex, #addon-summary .vex { padding-right: 261px; } +#categories.collapsed #cat-list.visible { width: auto; margin: 0; } + +#recommended { padding: 0 10px 10px; width: auto; } +#addon-summary, #recommended .addon { height: 220px; } +.sub .preview-img { width: 100%; } +#content.landing #secondaries .sub .irk { padding-top: 2.2em; } +#order-by button { padding: 4px 2px; } +#form-listcontrol { padding: 8px 200px; width: auto; } +#form-review { padding-bottom: 0; } +#content.landing.browse #content-extra { width: 47%; } + +#thumb-subcategories { width: 17.5% } +#thumb-subcategories ul li a, #thumb-subcategories ul li span { zoom: 1; } +#thumb-browser #form-listcontrol { padding:8px 12% 8px 14%; } +#thumb-browser #order-by button { font-size: 98% } +#thumb-browser .thumbs { list-style-type:none; margin-left: 20%; } +#thumb-browser .thumbs li.thumb .vex { height: 8px; margin-top: -10px } +#thumb-browser .thumbs li.thumb .vex span { height: 8px; margin-left:0px; } diff --git a/site/app/webroot/css/images/arrow.gif b/site/app/webroot/css/images/arrow.gif Binary files differnew file mode 100644 index 0000000..965b0aa --- /dev/null +++ b/site/app/webroot/css/images/arrow.gif diff --git a/site/app/webroot/css/images/container_bg.gif b/site/app/webroot/css/images/container_bg.gif Binary files differnew file mode 100755 index 0000000..fed97a9 --- /dev/null +++ b/site/app/webroot/css/images/container_bg.gif diff --git a/site/app/webroot/css/images/logo.gif b/site/app/webroot/css/images/logo.gif Binary files differnew file mode 100755 index 0000000..0d0cf00 --- /dev/null +++ b/site/app/webroot/css/images/logo.gif diff --git a/site/app/webroot/css/images/nav_bg.gif b/site/app/webroot/css/images/nav_bg.gif Binary files differnew file mode 100755 index 0000000..4b320be --- /dev/null +++ b/site/app/webroot/css/images/nav_bg.gif diff --git a/site/app/webroot/css/images/nav_item_bg.gif b/site/app/webroot/css/images/nav_item_bg.gif Binary files differnew file mode 100755 index 0000000..d106c10 --- /dev/null +++ b/site/app/webroot/css/images/nav_item_bg.gif diff --git a/site/app/webroot/css/jquery-lightbox.css b/site/app/webroot/css/jquery-lightbox.css new file mode 100644 index 0000000..fe73a31 --- /dev/null +++ b/site/app/webroot/css/jquery-lightbox.css @@ -0,0 +1,102 @@ +/** + * jQuery lightBox plugin + * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) + * and adapted to me for use like a plugin from jQuery. + * @name jquery-lightbox-0.4.css + * @author Leandro Vieira Pinho - http://leandrovieira.com + * @version 0.4 + * @date November 17, 2007 + * @category jQuery plugin + * @copyright (c) 2007 Leandro Vieira Pinho (leandrovieira.com) + * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US + * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin + */ +#jquery-overlay { + position: absolute; + top: 0; + left: 0; + z-index: 900; + width: 100%; + height: 500px; +} +#jquery-lightbox { + position: absolute; + top: 0; + left: 0; + width: 100%; + z-index: 901; + text-align: center; + line-height: 0; +} +#jquery-lightbox a img { border: none; } +#lightbox-container-image-box { + position: relative; + background-color: #fff; + width: 250px; + height: 250px; + margin: 0 auto; +} +#lightbox-container-image { padding: 10px; } +#lightbox-loading { + position: absolute; + top: 40%; + left: 0%; + height: 25%; + width: 100%; + text-align: center; + line-height: 0; +} +#lightbox-nav { + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + z-index: 10; +} +#lightbox-container-image-box > #lightbox-nav { left: 0; } +#lightbox-nav a { outline: none;} +#lightbox-nav-btnPrev, #lightbox-nav-btnNext { + width: 49%; + height: 100%; + zoom: 1; + display: block; +} +#lightbox-nav-btnPrev { + left: 0; + float: left; +} +#lightbox-nav-btnNext { + right: 0; + float: right; +} +#lightbox-container-image-data-box { + font: 10px Verdana, Helvetica, sans-serif; + background-color: #fff; + margin: 0 auto; + line-height: 1.4em; + overflow: hidden; + width: 100%; + padding: 0 10px 0; +} +#lightbox-container-image-data { + padding: 0 10px; + color: #666; +} +#lightbox-container-image-data #lightbox-image-details { + width: 70%; + float: left; + text-align: left; +} +#lightbox-image-details-caption { font-weight: bold; } +#lightbox-image-details-currentNumber { + display: block; + clear: left; + padding-bottom: 1.0em; +} +#lightbox-secNav-btnClose { + width: 66px; + float: right; + padding-bottom: 0.7em; +} + diff --git a/site/app/webroot/css/jquery-ui/dark/dark.css b/site/app/webroot/css/jquery-ui/dark/dark.css new file mode 100644 index 0000000..a5ae559 --- /dev/null +++ b/site/app/webroot/css/jquery-ui/dark/dark.css @@ -0,0 +1,11 @@ +.dark { background:#111; color:snow; font:10pt Calibri, Arial, sans-serif; } +.dark a, a.dark { color:#68D; outline:none; } +.dark a:visited, a.dark:visited { color:#D66; } +.dark a:hover, a.dark:hover { color:#FFF; } +.dark fieldset { border:1px solid #282828; } +.dark legend { color:#CCC; font:.8em Verdana, san-serif; } +.dark button, button.dark, .dark input, input.dark { padding:2px 4px; font:.9em Consolas, Verdana, san-serif; } +.dark textarea, textarea.dark { padding:2px 4px; font:.9em Consolas, Courier New, san-serif; width:20em; height:5em; overflow:auto; } +.dark select, select.dark { padding:3px 0 3px 4px; font:.9em Verdana, san-serif; } +.dark label { font-weight:bold; } + diff --git a/site/app/webroot/css/jquery-ui/dark/dark.form.css b/site/app/webroot/css/jquery-ui/dark/dark.form.css new file mode 100644 index 0000000..9be8c9a --- /dev/null +++ b/site/app/webroot/css/jquery-ui/dark/dark.form.css @@ -0,0 +1,192 @@ +.dark .ui-form-hide { position:absolute; left:-2000em; } + + +/*( fieldset )*/ +.dark .ui-form-fieldset, +.dark.ui-form-fieldset { + display:block; + border:1px solid #333; + padding:0; +} +.dark .ui-form-fieldset, +.dark.ui-form-fieldset { + margin-top:1.6em; +} +.dark fieldset.ui-form { + margin:0; + border:1px solid #111; + color:snow; +} +.dark fieldset.ui-form { background:#181818; } +.dark .ui-form-legend, +.dark.ui-form-legend { + display:block; + text-align:left; + border:1px solid #333; + background:#222; + margin:-1.05em 0 0 0; +} +.dark legend.ui-form { + display:block; + color:snow; + font-weight:bold; + background:#222; + border-top:1px dotted #282828; + border-bottom:1px dotted #282828; + margin:-1px 2px; + padding:0 2px 2px; +} + + +/*( inputs )*/ +.dark .ui-form-text, +.dark .ui-form-password, +.dark.ui-form-text, +.dark.ui-form-password { + border:1px solid #333; + padding:2px 0 3px; +} + +.dark .ui-form-textarea, +.dark.ui-form-textarea { + display:block; + border:1px solid #333; + padding:0; +} +.dark .ui-form-textarea .ui-form-inner, +.dark.ui-form-textarea .ui-form-inner { + display:block; + border:1px solid #111; + overflow:hidden; +} +.dark .ui-form-text.focus, +.dark .ui-form-password.focus, +.dark .ui-form-textarea.focus, +.dark.ui-form-text.focus, +.dark.ui-form-password.focus, +.dark.ui-form-textarea.focus { + border:1px solid #444; +} + +.dark .ui-form-text input, +.dark .ui-form-password input, +.dark textarea.ui-form { + margin:0; + border:1px solid #111; + background:#222; color:snow; +} +.dark textarea.ui-form { border:none; } +.dark .ui-form-text input:focus, +.dark .ui-form-password input:focus, +.dark textarea.ui-form:focus { background:#1D1D1D; } + + +/*( buttons )*/ +.dark .ui-form-buttons, +.dark.ui-form-buttons { + display:block; float:left; + height:40px; + background:url(dark.form.png) left -40px; + border:none; + color:#CCC; + padding-left:25px; + margin:0 4px; +} +.dark .ui-form-buttons .ui-form-inner, +.dark.ui-form-buttons .ui-form-inner { + display:block; float:left; + height:40px; + background:url(dark.form.png) right -40px; + margin-right:-5px; + padding-right:5px; +} +.dark .ui-form-buttons .ui-form, +.dark.ui-form-buttons .ui-form { + background:transparent; + border:none; + color:#DDD; + padding:9px 25px 10px 25px; + *padding:9px 15px 10px 15px; + margin-left:-25px; +} +.dark .ui-form-buttons.hover, +.dark.ui-form-buttons.hover { + background-position:left -80px; +} +.dark .ui-form-buttons.hover .ui-form-inner, +.dark.ui-form-buttons.hover .ui-form-inner { + background-position:right -80px; +} +.dark .ui-form-buttons.hover .ui-form, +.dark.ui-form-buttons.hover .ui-form { + color:#FFF; +} +.dark .ui-form-buttons.focus, +.dark.ui-form-buttons.focus { + background-position:left -80px; +} +.dark .ui-form-buttons.focus .ui-form-inner, +.dark.ui-form-buttons.focus .ui-form-inner { + background-position:right -80px; +} +.dark .ui-form-buttons.focus .ui-form, +.dark.ui-form-buttons.focus .ui-form { + color:#FFF; +} +.dark .ui-form-buttons.active, +.dark.ui-form-buttons.active { + background-position:left -120px; +} +.dark .ui-form-buttons.active .ui-form-inner, +.dark.ui-form-buttons.active .ui-form-inner { + background-position:right -120px; +} +.dark .ui-form-buttons.active .ui-form, +.dark.ui-form-buttons.active .ui-form { + background-position:right -120px; +} + + +/*( checkbox )*/ +.dark .ui-form-checkbox { + background:url(dark.form.png) -221px 0; + padding:2px 0 1px 0; +} +.dark .ui-form-checkbox .ui-form-content { + padding:0 7px 1px 7px; + color:#222; + cursor:default; +} +.dark .ui-form-checkbox.hover, +.dark .ui-form-checkbox.focus, +.dark .ui-form-checkbox.active { + background-position: -221px -20px; +} +.dark .ui-form-checkbox.selected .ui-form-inner { + background:url(dark.form.png) -201px -2px; +} + + +/*( radio )*/ +.dark .ui-form-radio { + padding:2px 1px; + background:url(dark.form.png) -1px -1px; +} +.dark .ui-form-radio .ui-form-content { + padding:1px 6px 1px 7px; + *padding:0 6px 0 7px; + color:#222; + cursor:default; +} +.dark .ui-form-radio.hover, +.dark .ui-form-radio.focus, +.dark .ui-form-radio.active { + background-position: -1px -21px; +} +.dark .ui-form-radio.selected .ui-form-inner { + background:url(dark.form.png) -22px -3px; +} +.dark .ui-form-radio.selected .ui-form-content { + color:#CDD6E7; +} + diff --git a/site/app/webroot/css/jquery-ui/dark/dark.form.png b/site/app/webroot/css/jquery-ui/dark/dark.form.png Binary files differnew file mode 100644 index 0000000..ec28222 --- /dev/null +++ b/site/app/webroot/css/jquery-ui/dark/dark.form.png diff --git a/site/app/webroot/css/jquery-ui/dark/dark.menu.css b/site/app/webroot/css/jquery-ui/dark/dark.menu.css new file mode 100644 index 0000000..e31b7dd --- /dev/null +++ b/site/app/webroot/css/jquery-ui/dark/dark.menu.css @@ -0,0 +1,9 @@ +.ui-menu-toolbar {background:#222; font:10pt Verdana;} +.ui-menu-toolbar-button {border:1px solid #DDD; background:#000;} +.ui-menu-toolbar-button:hover {border:1px solid #CCC; background:#333; } +.ui-menu-toolbar-button a {color:#fff;} +.ui-menu-items {background:#000; border:1px solid #CCC; opacity:0.95; font:10pt Verdana; min-width:80px; *width:80px;} +.ui-menu-item a { color:#fff; } +.ui-menu-item-parent { } +.ui-menu-item-disabled {color: #aaa; background: transparent;} +.ui-context-header {color: #fff;}
\ No newline at end of file diff --git a/site/app/webroot/css/jquery-ui/dark/dark.modal.css b/site/app/webroot/css/jquery-ui/dark/dark.modal.css new file mode 100644 index 0000000..141fc58 --- /dev/null +++ b/site/app/webroot/css/jquery-ui/dark/dark.modal.css @@ -0,0 +1,93 @@ +.dark .ui-modal .top.pane, +.dark.ui-modal .top.pane { + position: relative; + cursor:move; +} + +.dark .ui-modal .top.pane .ui-modal-title-bar, +.dark.ui-modal .top.pane .ui-modal-title-bar { + background:#333; + color:snow; + padding:2px 4px; + border-bottom:1px solid #333; + font-weight:bold; + font-size:1.1em; +} + +.dark .ui-modal .top.pane .ui-modal-buttons-right, +.dark.ui-modal .top.pane .ui-modal-buttons-right { + position: absolute; + right: 5px; +} + +.dark .ui-modal .top.pane .ui-modal-button-close, +.dark.ui-modal .top.pane .ui-modal-button-close { + font:10pt Verdana; + font-weight:bold; + color:snow; + cursor:pointer; +} + +.dark .ui-modal .middle.pane, +.dark.ui-modal .middle.pane { + position:relative; + height: 100%; + background:#222; + padding-top:4px; +} +.dark .ui-modal .middle.pane .center.pane, +.dark.ui-modal .middle.pane .center.pane{ + position:relative; + overflow: auto; + height: 100%; + margin:0 4px; + background:#111; + color:snow; +} +.dark .ui-modal.noOverflow .middle.pane .center.pane, +.dark.ui-modal.noOverflow .middle.pane .center.pane{ + overflow: visible; +} + +.dark .ui-modal .middle.pane .left.pane, +.dark.ui-modal .middle.pane .left.pane { + position: absolute; + top: 0px; + left: 0px; + border-left:1px solid #333; + height:100%; + width: 2px; +} + +.dark .ui-modal .middle.pane .right.pane, +.dark.ui-modal .middle.pane .right.pane { + position: absolute; + top: 0px; + right: 0px; + border-right:1px solid #333; + height:100%; + width: 2px; + cursor:e-resize; +} + +.dark .ui-modal .bottom.pane, +.dark.ui-modal .bottom.pane { + position: relative; + height:3px; + background:#222; + border:1px solid #333; + border-top:none; + cursor:s-resize; +} + + +.dark .ui-modal .bottom.pane .ui-modal-resize-se, +.dark.ui-modal .bottom.pane .ui-modal-resize-se { + position: absolute; + bottom:-1px; + right:-1px; + height:4px; + width:4px; + cursor:se-resize; +} + diff --git a/site/app/webroot/css/jquery-ui/dark/dark.tabs.css b/site/app/webroot/css/jquery-ui/dark/dark.tabs.css new file mode 100644 index 0000000..85383b2 --- /dev/null +++ b/site/app/webroot/css/jquery-ui/dark/dark.tabs.css @@ -0,0 +1,73 @@ +@media projection, screen { .ui-tabs-hide { display:none; } } +@media print { .ui-tabs-nav { display: none; } } + +.dark .ui-tabs-nav, +.dark.ui-tabs-nav { + padding-left:6px; + border-bottom:1px solid #333; + float:left; + width:99%; + margin:0; +} +.dark .ui-tabs-nav li, +.dark.ui-tabs-nav li { + list-style:none; + float:left; + } +.dark .ui-tabs-nav a, +.dark.ui-tabs-nav a { + display:block; + padding:2px 0 1px; + text-decoration:none!important; + border:1px solid #444; + margin:1px 1px 0 0; + font:9pt Verdana; + color:#FFF; + background:#444; +} +.dark .ui-tabs-nav span, +.dark.ui-tabs-nav span { + padding:2px 13px 2px; + color:#FFF; + background:#333; +} +.dark .ui-tabs-nav a:hover, +.dark .ui-tabs-nav a:hover span, +.dark.ui-tabs-nav a:hover, +.dark.ui-tabs-nav a:hover span { + border-color:#181818; + color:#FFF; + background:#111; + } +.dark .ui-tabs-nav .ui-tabs-selected a, +.dark.ui-tabs-nav .ui-tabs-selected a { + background:#222; + border-color:#333; +} +.dark .ui-tabs-nav .ui-tabs-selected a span, +.dark.ui-tabs-nav .ui-tabs-selected a span { + margin-bottom:0; + color:#FFF; + background:#181818; + border-bottom:1px solid #181818; + cursor:default; + } +.dark .ui-tabs-nav .ui-tabs-disabled a, +.dark .ui-tabs-nav .ui-tabs-disabled a span, +.dark.ui-tabs-nav .ui-tabs-disabled a, +.dark.ui-tabs-nav .ui-tabs-disabled a span { + background:#161616; + color:#333; + border-color:#161616; + cursor:default; +} +.dark .ui-tabs-container { + background:#181818; + border-bottom:1px solid #222; + clear:both; + padding:10px 10px 8px 10px; + *padding-top:3px; + *margin-top:-24px; + clear:left; +} + diff --git a/site/app/webroot/css/jquery-ui/dark/dark.tree.css b/site/app/webroot/css/jquery-ui/dark/dark.tree.css new file mode 100644 index 0000000..a5c0f68 --- /dev/null +++ b/site/app/webroot/css/jquery-ui/dark/dark.tree.css @@ -0,0 +1,61 @@ +body.dark { font:11pt Calibri; background:#111; color:snow; } + +.dark .ui-tree-nodes * { outline:none; } +.dark .ui-tree-nodes { + position:relative; + list-style: none; + margin:0; + padding:0; + margin-left:0; + padding-left:0.8em; +} + +.dark .ui-tree-node { + margin:0; + padding:0; + cursor: default; +} + +.dark .ui-tree-node-text { + text-decoration:none; + color:snow; + padding:0 .3em; +} + +.dark .ui-tree-node-selected > .ui-tree-node-text { + background: #448; +} + +.dark .ui-tree-node-button { + border: 1px solid #222; + padding-left:1px; + color: #666; + font:7pt Courier New,monospace; + margin-top: 0.5em; + position: absolute; + left: 0.2em; + width: 0.7em; + height: 0.8em; + line-height: 0.8em; + text-decoration: none; + display:none; +} + +.dark .ui-tree-node-expanded > .ui-tree-node-button { + background: #181818; + display:block; +} + +.dark .ui-tree-node-collapsed > .ui-tree-node-button { + background: #222; + display:block; +} + +.dark .ui-tree-node-moving > .ui-tree-node-button { + background: #282828; +} + +.dark .ui-tree-node-moving > .ui-tree-node-text { + background: #474; color:#FFF; +} + diff --git a/site/app/webroot/css/jquery-ui/flora/flora.accordion.css b/site/app/webroot/css/jquery-ui/flora/flora.accordion.css new file mode 100644 index 0000000..4bee951 --- /dev/null +++ b/site/app/webroot/css/jquery-ui/flora/flora.accordion.css @@ -0,0 +1,12 @@ +ul.ui-accordion-container { margin: 0; padding: 0; list-style-type: none; }
+ul.ui-accordion-container li { position: relative; margin: 0; margin-bottom: 2px; padding: 0; background-image: url(i/accordion-left.png); background-repeat: no-repeat; }
+ul.ui-accordion-container li a.ui-accordion-link { display: block; padding-left: 5px; margin-right: 3px; height: 28px; background-image: url(i/accordion-middle.png); color: #000; text-decoration: none; line-height: 28px; }
+ul.ui-accordion-container li div.ui-accordion-right { background-image: url(i/accordion-right.png); position: absolute; top: 0px; right: 0px; height: 28px; width: 3px; }
+
+ul.ui-accordion-container li:hover { background-image: url(i/accordion-left-over.png); }
+ul.ui-accordion-container li:hover a.ui-accordion-link { background-image: url(i/accordion-middle-over.png); }
+ul.ui-accordion-container li:hover div.ui-accordion-right { background-image: url(i/accordion-right-over.png); }
+
+ul.ui-accordion-container li.active { background-image: url(i/accordion-left-act.png); }
+ul.ui-accordion-container li.active a.ui-accordion-link { background-image: url(i/accordion-middle-act.png); }
+ul.ui-accordion-container li.active div.ui-accordion-right { background-image: url(i/accordion-right-act.png); }
\ No newline at end of file diff --git a/site/app/webroot/css/jquery-ui/flora/flora.all.css b/site/app/webroot/css/jquery-ui/flora/flora.all.css new file mode 100644 index 0000000..fed27de --- /dev/null +++ b/site/app/webroot/css/jquery-ui/flora/flora.all.css @@ -0,0 +1,9 @@ +@import "flora.css";
+@import "flora.shadow.css";
+@import "flora.resizable.css";
+@import "flora.slider.css";
+@import "flora.accordion.css";
+@import "flora.tabs.css";
+@import "flora.dialog.css";
+@import "flora.tablesorter.css";
+@import "flora.calendar.css";
diff --git a/site/app/webroot/css/jquery-ui/flora/flora.calendar.css b/site/app/webroot/css/jquery-ui/flora/flora.calendar.css new file mode 100644 index 0000000..dedcf0c --- /dev/null +++ b/site/app/webroot/css/jquery-ui/flora/flora.calendar.css @@ -0,0 +1,167 @@ +/* Main Style Sheet for jQuery Calendar */
+#calendar_div, .calendar_inline {
+ font-family: Arial, Helvetica, sans-serif;
+ font-size: 14px;
+ padding: 0;
+ margin: 0;
+ background: #ddd;
+}
+#calendar_div {
+ display: none;
+ border: 1px solid #FF9900;
+ z-index: 10; /*must have*/
+}
+#calendar_div, .calendar_control, .calendar_links, .calendar_header, .calendar {
+ width: 185px;
+}
+.calendar_inline {
+ float: left;
+ display: block;
+ border: 0;
+}
+.calendar_dialog {
+ padding: 5px !important;
+ border: 4px ridge #ddd !important;
+}
+button.calendar_trigger {
+ width: 25px;
+}
+img.calendar_trigger {
+ margin: 2px;
+ vertical-align: middle;
+}
+.calendar_prompt {
+ float: left;
+ width: 181px;
+ padding: 2px;
+ background: #ddd;
+ color: #000;
+}
+* html .calendar_prompt {
+ width: 185px;
+}
+.calendar_control, .calendar_links, .calendar_header, .calendar {
+ clear: both;
+ float: left;
+ color: #fff;
+}
+.calendar_control {
+ background: #FF9900;
+}
+.calendar_links {
+ background: #E0F4D7;
+}
+.calendar_control, .calendar_links {
+ font-weight: bold;
+ font-size: 80%;
+ letter-spacing: 1px;
+}
+.calendar_links label { /* disabled links */
+ padding: 2px 5px;
+ color: #888;
+}
+.calendar_clear, .calendar_prev {
+ float: left;
+}
+.calendar_current {
+ float: left;
+ width: 35%;
+ text-align: center;
+}
+.calendar_close, .calendar_next {
+ float: right;
+}
+.calendar_header {
+ background: #83C948;
+ text-align: center;
+ font-weight: bold;
+}
+.calendar_header select {
+ background: #83C948;
+ color: #000;
+ border: 0px;
+ font-weight: bold;
+}
+.calendar {
+ background: #ccc;
+ text-align: center;
+ font-size: 100%;
+}
+.calendar a {
+ display: block;
+ width: 100%;
+}
+.calendar .calendar_titleRow {
+ background: #B1DB87;
+ color: #000 !important;
+}
+.calendar .calendar_daysRow {
+ background: #FFF;
+ color: #666;
+}
+.calendar .calendar_daysCell {
+ color: #000;
+ border: 1px solid #ddd;
+}
+#calendar .calendar_daysCell a{
+ display: block;
+}
+.calendar .calendar_weekEndCell {
+ background: #E0F4D7;
+}
+.calendar .calendar_daysCellOver {
+ background: #fff;
+ border: 1px solid #777;
+}
+.calendar .calendar_unselectable {
+ color: #888;
+}
+.calendar_today {
+ background: #ccc !important;
+}
+.calendar_currentDay {
+ background: #999 !important;
+}
+
+/* ________ CALENDAR LINKS _______
+
+** Reset link properties and then override them with !important */
+#calendar_div a, .calendar_inline a {
+ cursor: pointer;
+ margin: 0;
+ padding: 0;
+ background: none;
+ color: #000;
+}
+.calendar_inline .calendar_links a {
+ padding: 0 5px !important;
+}
+.calendar_control a, .calendar_links a {
+ padding: 2px 5px !important;
+ color: #000 !important;
+}
+.calendar_titleRow a {
+ color: #000 !important;
+}
+.calendar_control a:hover {
+ /*background: #fdd !important;*/
+ color: #333 !important;
+}
+.calendar_links a:hover, .calendar_titleRow a:hover {
+ background: #FFF !important;
+ color: #333 !important;
+}
+
+/* ___________ IE6 IFRAME FIX ________ */
+
+.calendar_cover {
+ display: none; /*sorry for IE5*/
+ display/**/: block; /*sorry for IE5*/
+ position: absolute; /*must have*/
+ z-index: -1; /*must have*/
+ filter: mask(); /*must have*/
+ top: -4px; /*must have*/
+ left: -4px; /*must have*/
+ width: 193px; /*must have to match width and borders*/
+ height: 200px; /*must have to match maximum height*/
+}
diff --git a/site/app/webroot/css/jquery-ui/flora/flora.css b/site/app/webroot/css/jquery-ui/flora/flora.css new file mode 100644 index 0000000..c301680 --- /dev/null +++ b/site/app/webroot/css/jquery-ui/flora/flora.css @@ -0,0 +1,2 @@ +.ui-wrapper { border: 1px solid #50A029; }
+.ui-wrapper input, .ui-wrapper textarea { border: 0; }
diff --git a/site/app/webroot/css/jquery-ui/flora/flora.dialog.css b/site/app/webroot/css/jquery-ui/flora/flora.dialog.css new file mode 100644 index 0000000..43dcec6 --- /dev/null +++ b/site/app/webroot/css/jquery-ui/flora/flora.dialog.css @@ -0,0 +1,86 @@ +/* This file skins dialog */
+
+.flora .ui-dialog,
+.flora.ui-dialog {
+ background-color: #e6f7d4;
+}
+
+.flora .ui-dialog .ui-dialog-titlebar,
+.flora.ui-dialog .ui-dialog-titlebar {
+ border-bottom: 1px solid #d8d2aa;
+ background: #ff9900 url(i/dialog-title.gif) repeat-x;
+ padding: 0px;
+ cursor: move;
+ height: 28px;
+ _height: 29px;
+}
+
+.flora .ui-dialog .ui-dialog-titlebar-close,
+.flora.ui-dialog .ui-dialog-titlebar-close {
+ width: 16px;
+ height: 16px;
+ background: url(i/dialog-titlebar-close.png) no-repeat;
+ position:absolute;
+ top: 6px;
+ right: 7px;
+ cursor: default;
+}
+
+.flora .ui-dialog .ui-dialog-titlebar-close-hover,
+.flora.ui-dialog .ui-dialog-titlebar-close-hover {
+ background: url(i/dialog-titlebar-close-hover.png) no-repeat;
+}
+
+.flora .ui-dialog .ui-dialog-title,
+.flora.ui-dialog .ui-dialog-title {
+ margin-left: 5px;
+ color: white;
+ font-weight: bold;
+ position: relative;
+ top: 7px;
+ left: 4px;
+}
+
+.flora .ui-dialog .ui-dialog-content,
+.flora.ui-dialog .ui-dialog-content {
+ margin: 1.2em;
+}
+
+.flora .ui-dialog .ui-dialog-buttonpane,
+.flora.ui-dialog .ui-dialog-buttonpane {
+ position: absolute;
+ bottom: 8px;
+ right: 12px;
+ width: 100%;
+ text-align: right;
+}
+
+.flora .ui-dialog .ui-dialog-buttonpane button,
+.flora.ui-dialog .ui-dialog-buttonpane button {
+ margin: 6px;
+}
+
+/* Dialog handle styles */
+.flora .ui-dialog .ui-resizable-n,
+.flora.ui-dialog .ui-resizable-n { cursor: n-resize; height: 6px; width: 100%; top: 0px; left: 0px; background: transparent url(i/dialog-n.gif) repeat scroll center top; }
+
+.flora .ui-dialog .ui-resizable-s,
+.flora.ui-dialog .ui-resizable-s { cursor: s-resize; height: 8px; width: 100%; bottom: 0px; left: 0px; background: transparent url(i/dialog-s.gif) repeat scroll center top; }
+
+.flora .ui-dialog .ui-resizable-e,
+.flora.ui-dialog .ui-resizable-e { cursor: e-resize; width: 7px; right: 0px; top: 0px; height: 100%; background: transparent url(i/dialog-e.gif) repeat scroll right center; }
+
+.flora .ui-dialog .ui-resizable-w,
+.flora.ui-dialog .ui-resizable-w { cursor: w-resize; width: 7px; left: 0px; top: 0px; height: 100%; background: transparent url(i/dialog-w.gif) repeat scroll right center; }
+
+.flora .ui-dialog .ui-resizable-se,
+.flora.ui-dialog .ui-resizable-se { cursor: se-resize; width: 9px; height: 9px; right: 0px; bottom: 0px; background: transparent url(i/dialog-se.gif); }
+
+.flora .ui-dialog .ui-resizable-sw,
+.flora.ui-dialog .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: 0px; bottom: 0px; background: transparent url(i/dialog-sw.gif); }
+
+.flora .ui-dialog .ui-resizable-nw,
+.flora.ui-dialog .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 29px; left: 0px; top: 0px; background: transparent url(i/dialog-nw.gif); }
+
+.flora .ui-dialog .ui-resizable-ne,
+.flora.ui-dialog .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 29px; right: 0px; top: 0px; background: transparent url(i/dialog-ne.gif); }
diff --git a/site/app/webroot/css/jquery-ui/flora/flora.menu.css b/site/app/webroot/css/jquery-ui/flora/flora.menu.css new file mode 100644 index 0000000..6d2dd21 --- /dev/null +++ b/site/app/webroot/css/jquery-ui/flora/flora.menu.css @@ -0,0 +1,8 @@ +.ui-menu-toolbar {z-index:500; list-style:none;} +.ui-menu-toolbar-button {float:left; padding:4px 20px; cursor:pointer;} +.ui-menu-toolbar-button:hover {} +.ui-menu-toolbar-button a {text-decoration:none;} +.ui-menu-items {display:none; padding:0; z-index:500; list-style:none; padding:1px 4px; min-width:80px; *width:80px;} +.ui-menu-item a { text-decoration:none;} +.ui-menu-item-parent { background: url('i/menu-submenu.gif') no-repeat center right; } +.ui-menu-item-disabled {}
\ No newline at end of file diff --git a/site/app/webroot/css/jquery-ui/flora/flora.resizable.css b/site/app/webroot/css/jquery-ui/flora/flora.resizable.css new file mode 100644 index 0000000..5e30c0c --- /dev/null +++ b/site/app/webroot/css/jquery-ui/flora/flora.resizable.css @@ -0,0 +1,20 @@ +/* This file skins resizables */
+
+.ui-resizable { position: relative; }
+
+/* Global handle styles */
+.ui-resizable-handle { position: absolute; display: none; font-size: 0.1px; }
+.ui-resizable .ui-resizable-handle { display: block; }
+body .ui-resizable-disabled .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
+body .ui-resizable-autohide .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
+
+.ui-resizable-n { cursor: n-resize; height: 6px; width: 100%; top: 0px; left: 0px; background: transparent url(i/resizable-n.gif) repeat scroll center top; }
+.ui-resizable-s { cursor: s-resize; height: 6px; width: 100%; bottom: 0px; left: 0px; background: transparent url(i/resizable-s.gif) repeat scroll center top; }
+
+.ui-resizable-e { cursor: e-resize; width: 6px; right: 0px; top: 0px; height: 100%; background: transparent url(i/resizable-e.gif) repeat scroll right center; }
+.ui-resizable-w { cursor: w-resize; width: 6px; left: 0px; top: 0px; height: 100%; background: transparent url(i/resizable-w.gif) repeat scroll right center; }
+
+.ui-resizable-se { cursor: se-resize; width: 9px; height: 9px; right: 0px; bottom: 0px; background: transparent url(i/resizable-se.gif); }
+.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: 0px; bottom: 0px; background: transparent url(i/resizable-sw.gif); }
+.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: 0px; top: 0px; background: transparent url(i/resizable-nw.gif); }
+.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: 0px; top: 0px; background: transparent url(i/resizable-ne.gif); }
\ No newline at end of file diff --git a/site/app/webroot/css/jquery-ui/flora/flora.shadow.css b/site/app/webroot/css/jquery-ui/flora/flora.shadow.css new file mode 100644 index 0000000..6c08d44 --- /dev/null +++ b/site/app/webroot/css/jquery-ui/flora/flora.shadow.css @@ -0,0 +1,33 @@ +/*
+.ui-shadow {
+background:transparent url(i/shadow.png) no-repeat scroll right bottom;
+height: 100px;
+margin: 10px;
+position: relative;
+}
+
+.ui-shadow-ne {
+background:transparent url(i/shadow.png) no-repeat scroll right top;
+width: 6px;
+height: 6px;
+position: absolute;
+top: -6px;
+right: 0px;
+}
+
+.ui-shadow-sw {
+background:transparent url(i/shadow.png) no-repeat scroll left bottom;
+width: 6px;
+height: 6px;
+position: absolute;
+bottom: 0px;
+left: -6px;
+}
+*/
+
+
+
+
+.ui-shadow { position:relative; }
+.ui-shadow-color { background:#030; position:absolute; } /* Can be overidden via js */
+
diff --git a/site/app/webroot/css/jquery-ui/flora/flora.slider.css b/site/app/webroot/css/jquery-ui/flora/flora.slider.css new file mode 100644 index 0000000..b04ace9 --- /dev/null +++ b/site/app/webroot/css/jquery-ui/flora/flora.slider.css @@ -0,0 +1,8 @@ +/* This file skins sliders */
+
+.ui-slider-handle { position: absolute; height: 23px; width: 12px; top: 0px; left: 0px; background-image: url(i/slider-handle.gif); }
+.ui-slider-disabled .ui-slider-handle { opacity: 0.5; filter: alpha(opacity=50); }
+
+/* Default slider backgrounds */
+.ui-slider-1 { width: 200px; height: 23px; position: relative; background-image: url(i/slider-bg-1.png); background-repeat: no-repeat; background-position: center center; }
+.ui-slider-2 { width: 200px; height: 23px; position: relative; background-image: url(i/slider-bg-2.png); background-repeat: no-repeat; background-position: center center; }
\ No newline at end of file diff --git a/site/app/webroot/css/jquery-ui/flora/flora.tablesorter.css b/site/app/webroot/css/jquery-ui/flora/flora.tablesorter.css new file mode 100644 index 0000000..7d805a7 --- /dev/null +++ b/site/app/webroot/css/jquery-ui/flora/flora.tablesorter.css @@ -0,0 +1,40 @@ +/* This file skins tableSorter */
+
+table.tablesorter {
+ font-family:arial;
+ background-color: #CDCDCD;
+ margin:10px 0pt 15px;
+ font-size: 8pt;
+ width: 100%;
+ text-align: left;
+}
+table.tablesorter thead tr th, table.tablesorter tfoot tr th {
+ background-color: #B1DB87;
+ border: 1px solid #FFF;
+ font-size: 8pt;
+ padding: 4px;
+}
+table.tablesorter thead tr .header {
+ background-image: url(i/bg.gif);
+ background-repeat: no-repeat;
+ background-position: center right;
+ cursor: pointer;
+}
+table.tablesorter tbody td {
+ color: #3D3D3D;
+ padding: 4px;
+ background-color: #FFF;
+ vertical-align: top;
+}
+table.tablesorter tbody tr.odd td {
+ background-color:#E0F4D7;
+}
+table.tablesorter thead tr .headerSortUp {
+ background-image: url(i/asc.gif);
+}
+table.tablesorter thead tr .headerSortDown {
+ background-image: url(i/desc.gif);
+}
+table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
+background-color: #83C948;
+}
diff --git a/site/app/webroot/css/jquery-ui/flora/flora.tabs.css b/site/app/webroot/css/jquery-ui/flora/flora.tabs.css new file mode 100644 index 0000000..19c5994 --- /dev/null +++ b/site/app/webroot/css/jquery-ui/flora/flora.tabs.css @@ -0,0 +1,111 @@ +@import "flora.css"; + +/* Caution! Ensure accessibility in print and other media types... */ +@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */ + .ui-tabs-hide { + display: none !important; + } +} + +/* Hide useless elements in print layouts... */ +@media print { + .ui-tabs-nav { + display: none; + } +} + +/* Skin */ +.ui-tabs-nav, .ui-tabs-panel { + font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif; + font-size: 12px; +} +.ui-tabs-nav { + list-style: none; + margin: 0; + padding: 0 0 0 3px; +} +.html-rtl .ui-tabs-nav { + padding: 0 3px 0 0; +} +.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; +} +.html-rtl .ui-tabs-nav li { + float: right; + margin: 0 2px 0 0; +} +.ui-tabs-nav a, .ui-tabs-nav a span { + float: left; /* fixes dir=ltr problem and other quirks IE */ + padding: 0 12px; + background: url(i/tabs.png) no-repeat; +} +.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 #519e2d; + 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; +} diff --git a/site/app/webroot/css/jquery-ui/flora/i/accordion-left-act.png b/site/app/webroot/css/jquery-ui/flora/i/accordion-left-act.png Binary files differnew file mode 100644 index 0000000..bf6ee99 --- /dev/null +++ b/site/app/webroot/css/jquery-ui/flora/i/accordion-left-act.png diff --git a/site/app/webroot/css/jquery-ui/flora/i/accordion-left-over.png b/site/app/webroot/css/jquery-ui/flora/i/accordion-left-over.png Binary files differnew file mode 100644 index 0000000..66378e0 --- /dev/null +++ b/site/app/webroot/css/jquery-ui/flora/i/accordion-left-over.png diff --git a/site/app/webroot/css/jquery-ui/flora/i/accordion-left.png b/site/app/webroot/css/jquery-ui/flora/i/accordion-left.png Binary files differnew file mode 100644 index 0000000..13344fc --- /dev/null +++ b/site/app/webroot/css/jquery-ui/flora/i/accordion-left.png diff --git a/site/app/webroot/css/jquery-ui/flora/i/accordion-middle-act.png b/site/app/webroot/css/jquery-ui/flora/i/accordion-middle-act.png Binary files differnew file mode 100644 index 0000000..cecf4f1 --- /dev/null +++ b/site/app/webroot/css/jquery-ui/flora/i/accordion-middle-act.png diff --git a/site/app/webroot/css/jquery-ui/flora/i/accordion-middle-over.png b/site/app/webroot/css/jquery-ui/flora/i/accordion-middle-over.png Binary files differnew file mode 100644 index 0000000..251ad11 --- /dev/null +++ b/site/app/webroot/css/jquery-ui/flora/i/accordion-middle-over.png diff --git a/site/app/webroot/css/jquery-ui/flora/i/accordion-middle.png b/site/app/webroot/css/jquery-ui/flora/i/accordion-middle.png Binary files differnew file mode 100644 index 0000000..5238fd4 --- /dev/null +++ b/site/app/webroot/css/jquery-ui/flora/i/accordion-middle.png diff --git a/site/app/webroot/css/jquery-ui/flora/i/accordion-right-act.png b/site/app/webroot/css/jquery-ui/flora/i/accordion-right-act.png Binary files differnew file mode 100644 index 0000000..1fa4792 --- /dev/null +++ b/site/app/webroot/css/jquery-ui/flora/i/accordion-right-act.png diff --git a/site/app/webroot/css/jquery-ui/flora/i/accordion-right-over.png b/site/app/webroot/css/jquery-ui/flora/i/accordion-right-over.png Binary files differnew file mode 100644 index 0000000..d676dad --- /dev/null +++ b/site/app/webroot/css/jquery-ui/flora/i/accordion-right-over.png diff --git a/site/app/webroot/css/jquery-ui/flora/i/accordion-right.png b/site/app/webroot/css/jquery-ui/flora/i/accordion-right.png Binary files differnew file mode 100644 index 0000000..543991a --- /dev/null +++ b/site/app/webroot/css/jquery-ui/flora/i/accordion-right.png diff --git a/site/app/webroot/css/jquery-ui/flora/i/asc.gif b/site/app/webroot/css/jquery-ui/flora/i/asc.gif Binary files differnew file mode 100644 index 0000000..7415786 --- /dev/null +++ b/site/app/webroot/css/jquery-ui/flora/i/asc.gif diff --git a/site/app/webroot/css/jquery-ui/flora/i/bg.gif b/site/app/webroot/css/jquery-ui/flora/i/bg.gif Binary files differnew file mode 100644 index 0000000..fac668f --- /dev/null +++ b/site/app/webroot/css/jquery-ui/flora/i/bg.gif diff --git a/site/app/webroot/css/jquery-ui/flora/i/desc.gif b/site/app/webroot/css/jquery-ui/flora/i/desc.gif Binary files differnew file mode 100644 index 0000000..3b30b3c --- /dev/null +++ b/site/app/webroot/css/jquery-ui/flora/i/desc.gif diff --git a/site/app/webroot/css/jquery-ui/flora/i/dialog-e.gif b/site/app/webroot/css/jquery-ui/flora/i/dialog-e.gif Binary files differnew file mode 100644 index 0000000..3b8b521 --- /dev/null +++ b/site/app/webroot/css/jquery-ui/flora/i/dialog-e.gif diff --git a/site/app/webroot/css/jquery-ui/flora/i/dialog-n.gif b/site/app/webroot/css/jquery-ui/flora/i/dialog-n.gif Binary files differnew file mode 100644 index 0000000..c00727d --- /dev/null +++ b/site/app/webroot/css/jquery-ui/flora/i/dialog-n.gif diff --git a/site/app/webroot/css/jquery-ui/flora/i/dialog-ne.gif b/site/app/webroot/css/jquery-ui/flora/i/dialog-ne.gif Binary files differnew file mode 100644 index 0000000..ab9c38e --- /dev/null +++ b/site/app/webroot/css/jquery-ui/flora/i/dialog-ne.gif diff --git a/site/app/webroot/css/jquery-ui/flora/i/dialog-nw.gif b/site/app/webroot/css/jquery-ui/flora/i/dialog-nw.gif Binary files differnew file mode 100644 index 0000000..e934073 --- /dev/null +++ b/site/app/webroot/css/jquery-ui/flora/i/dialog-nw.gif diff --git a/site/app/webroot/css/jquery-ui/flora/i/dialog-s.gif b/site/app/webroot/css/jquery-ui/flora/i/dialog-s.gif Binary files differnew file mode 100644 index 0000000..d5f6b99 --- /dev/null +++ b/site/app/webroot/css/jquery-ui/flora/i/dialog-s.gif diff --git a/site/app/webroot/css/jquery-ui/flora/i/dialog-se.gif b/site/app/webroot/css/jquery-ui/flora/i/dialog-se.gif Binary files differnew file mode 100644 index 0000000..186a864 --- /dev/null +++ b/site/app/webroot/css/jquery-ui/flora/i/dialog-se.gif diff --git a/site/app/webroot/css/jquery-ui/flora/i/dialog-sw.gif b/site/app/webroot/css/jquery-ui/flora/i/dialog-sw.gif Binary files differnew file mode 100644 index 0000000..025dfda --- /dev/null +++ b/site/app/webroot/css/jquery-ui/flora/i/dialog-sw.gif diff --git a/site/app/webroot/css/jquery-ui/flora/i/dialog-title.gif b/site/app/webroot/css/jquery-ui/flora/i/dialog-title.gif Binary files differnew file mode 100644 index 0000000..156c59b --- /dev/null +++ b/site/app/webroot/css/jquery-ui/flora/i/dialog-title.gif diff --git a/site/app/webroot/css/jquery-ui/flora/i/dialog-titlebar-close-hover.png b/site/app/webroot/css/jquery-ui/flora/i/dialog-titlebar-close-hover.png Binary files differnew file mode 100644 index 0000000..67c1303 --- /dev/null +++ b/site/app/webroot/css/jquery-ui/flora/i/dialog-titlebar-close-hover.png diff --git a/site/app/webroot/css/jquery-ui/flora/i/dialog-titlebar-close.png b/site/app/webroot/css/jquery-ui/flora/i/dialog-titlebar-close.png Binary files differnew file mode 100644 index 0000000..cec974c --- /dev/null +++ b/site/app/webroot/css/jquery-ui/flora/i/dialog-titlebar-close.png diff --git a/site/app/webroot/css/jquery-ui/flora/i/dialog-w.gif b/site/app/webroot/css/jquery-ui/flora/i/dialog-w.gif Binary files differnew file mode 100644 index 0000000..931ff4a --- /dev/null +++ b/site/app/webroot/css/jquery-ui/flora/i/dialog-w.gif diff --git a/site/app/webroot/css/jquery-ui/flora/i/menu-submenu.gif b/site/app/webroot/css/jquery-ui/flora/i/menu-submenu.gif Binary files differnew file mode 100644 index 0000000..77647d8 --- /dev/null +++ b/site/app/webroot/css/jquery-ui/flora/i/menu-submenu.gif diff --git a/site/app/webroot/css/jquery-ui/flora/i/resizable-e.gif b/site/app/webroot/css/jquery-ui/flora/i/resizable-e.gif Binary files differnew file mode 100644 index 0000000..7acf248 --- /dev/null +++ b/site/app/webroot/css/jquery-ui/flora/i/resizable-e.gif diff --git a/site/app/webroot/css/jquery-ui/flora/i/resizable-n.gif b/site/app/webroot/css/jquery-ui/flora/i/resizable-n.gif Binary files differnew file mode 100644 index 0000000..59110f6 --- /dev/null +++ b/site/app/webroot/css/jquery-ui/flora/i/resizable-n.gif diff --git a/site/app/webroot/css/jquery-ui/flora/i/resizable-ne.gif b/site/app/webroot/css/jquery-ui/flora/i/resizable-ne.gif Binary files differnew file mode 100644 index 0000000..515a3f8 --- /dev/null +++ b/site/app/webroot/css/jquery-ui/flora/i/resizable-ne.gif diff --git a/site/app/webroot/css/jquery-ui/flora/i/resizable-nw.gif b/site/app/webroot/css/jquery-ui/flora/i/resizable-nw.gif Binary files differnew file mode 100644 index 0000000..665f318 --- /dev/null +++ b/site/app/webroot/css/jquery-ui/flora/i/resizable-nw.gif diff --git a/site/app/webroot/css/jquery-ui/flora/i/resizable-s.gif b/site/app/webroot/css/jquery-ui/flora/i/resizable-s.gif Binary files differnew file mode 100644 index 0000000..da2fb35 --- /dev/null +++ b/site/app/webroot/css/jquery-ui/flora/i/resizable-s.gif diff --git a/site/app/webroot/css/jquery-ui/flora/i/resizable-se.gif b/site/app/webroot/css/jquery-ui/flora/i/resizable-se.gif Binary files differnew file mode 100644 index 0000000..6c258ef --- /dev/null +++ b/site/app/webroot/css/jquery-ui/flora/i/resizable-se.gif diff --git a/site/app/webroot/css/jquery-ui/flora/i/resizable-sw.gif b/site/app/webroot/css/jquery-ui/flora/i/resizable-sw.gif Binary files differnew file mode 100644 index 0000000..2fd8de4 --- /dev/null +++ b/site/app/webroot/css/jquery-ui/flora/i/resizable-sw.gif diff --git a/site/app/webroot/css/jquery-ui/flora/i/resizable-w.gif b/site/app/webroot/css/jquery-ui/flora/i/resizable-w.gif Binary files differnew file mode 100644 index 0000000..34b875b --- /dev/null +++ b/site/app/webroot/css/jquery-ui/flora/i/resizable-w.gif diff --git a/site/app/webroot/css/jquery-ui/flora/i/shadow.png b/site/app/webroot/css/jquery-ui/flora/i/shadow.png Binary files differnew file mode 100644 index 0000000..4c58c7f --- /dev/null +++ b/site/app/webroot/css/jquery-ui/flora/i/shadow.png diff --git a/site/app/webroot/css/jquery-ui/flora/i/slider-bg-1.png b/site/app/webroot/css/jquery-ui/flora/i/slider-bg-1.png Binary files differnew file mode 100644 index 0000000..b7d806e --- /dev/null +++ b/site/app/webroot/css/jquery-ui/flora/i/slider-bg-1.png diff --git a/site/app/webroot/css/jquery-ui/flora/i/slider-bg-2.png b/site/app/webroot/css/jquery-ui/flora/i/slider-bg-2.png Binary files differnew file mode 100644 index 0000000..8b24cf0 --- /dev/null +++ b/site/app/webroot/css/jquery-ui/flora/i/slider-bg-2.png diff --git a/site/app/webroot/css/jquery-ui/flora/i/slider-handle.gif b/site/app/webroot/css/jquery-ui/flora/i/slider-handle.gif Binary files differnew file mode 100644 index 0000000..9b89f26 --- /dev/null +++ b/site/app/webroot/css/jquery-ui/flora/i/slider-handle.gif diff --git a/site/app/webroot/css/jquery-ui/flora/i/tabs.gif b/site/app/webroot/css/jquery-ui/flora/i/tabs.gif Binary files differnew file mode 100644 index 0000000..d964894 --- /dev/null +++ b/site/app/webroot/css/jquery-ui/flora/i/tabs.gif diff --git a/site/app/webroot/css/jquery-ui/flora/i/tabs.png b/site/app/webroot/css/jquery-ui/flora/i/tabs.png Binary files differnew file mode 100644 index 0000000..8018e41 --- /dev/null +++ b/site/app/webroot/css/jquery-ui/flora/i/tabs.png diff --git a/site/app/webroot/css/jquery-ui/light/light.css b/site/app/webroot/css/jquery-ui/light/light.css new file mode 100644 index 0000000..14482cb --- /dev/null +++ b/site/app/webroot/css/jquery-ui/light/light.css @@ -0,0 +1,11 @@ +.light { background:#FFF; color:#111; font:10pt Verdana, Arial, sans-serif; } +.light a, a.light { color:#46C; outline:none; } +.light a:visited, a.light:visited { color:#C44; } +.light a:hover, a.light:hover { color:#000; } +.light fieldset { border:1px solid #CCC; } +.light legend { color:#555; font:.8em Verdana, san-serif; } +.light button, button.light, .light input, input.light { padding:2px 4px; font:.9em Consolas, Verdana, san-serif; } +.light textarea, textarea.light { padding:2px 4px; font:.9em Consolas, Courier New, san-serif; width:20em; height:5em; overflow:auto; } +.light select, select.light { padding:3px 0 3px 4px; font:.9em Verdana, san-serif; } +.light label { font-weight:bold; } + diff --git a/site/app/webroot/css/jquery-ui/light/light.form.css b/site/app/webroot/css/jquery-ui/light/light.form.css new file mode 100644 index 0000000..da10142 --- /dev/null +++ b/site/app/webroot/css/jquery-ui/light/light.form.css @@ -0,0 +1,45 @@ +.light .ui-form-textarea, +.light.ui-form-textarea, +.light .ui-form-fieldset, +.light.ui-form-fieldset { + display:block; + border:1px solid #CCC; + padding:0; +} +.light .ui-form-fieldset, +.light.ui-form-fieldset { + margin-top:1.6em; +} +.light textarea.ui-form, +.light fieldset.ui-form { + margin:0; + border:1px solid #FFF; +} +.light textarea.ui-form { background:#F3F3F3; } +.light fieldset.ui-form { background:#F6F6F6; } +.light .ui-form-textarea.focus, +.light.ui-form-textarea.focus { + border:1px solid #AAA; +} +.light textarea.ui-form:focus { + background:#F5F5F5; +} +.light .ui-form-legend, +.light.ui-form-legend { + display:block; + text-align:left; + border:1px solid #CCC; + background:#F4F4F4; + margin:-1.05em 0 0 0; +} +.light legend.ui-form { + display:block; + font-weight:bold; + background:#F4F4F4; + border-top:1px dotted #EEE; + border-bottom:1px dotted #EEE; + margin:-1px 2px; + padding:0 2px 2px; +} + + diff --git a/site/app/webroot/css/jquery-ui/light/light.menu.css b/site/app/webroot/css/jquery-ui/light/light.menu.css new file mode 100644 index 0000000..dab7af0 --- /dev/null +++ b/site/app/webroot/css/jquery-ui/light/light.menu.css @@ -0,0 +1,8 @@ +.ui-menu-toolbar {background:#222; font:10pt Verdana;} +.ui-menu-toolbar-button {border:1px solid #DDD; background:#FFF;} +.ui-menu-toolbar-button:hover {border:1px solid #CCC; background:#EEE; } +.ui-menu-toolbar-button a {color:#000;} +.ui-menu-items {background:#FFF; border:1px solid #CCC; opacity:0.95; font:10pt Verdana; min-width:80px; *width:80px;} +.ui-menu-item a { color:#000; } +.ui-menu-item-parent { } +.ui-menu-item-disabled {color: #aaa; background: transparent;}
\ No newline at end of file diff --git a/site/app/webroot/css/jquery-ui/light/light.modal.css b/site/app/webroot/css/jquery-ui/light/light.modal.css new file mode 100644 index 0000000..246b800 --- /dev/null +++ b/site/app/webroot/css/jquery-ui/light/light.modal.css @@ -0,0 +1,91 @@ +.light .ui-modal .top.pane, +.light.ui-modal .top.pane { + position: relative; + cursor:move; +} + +.light .ui-modal .top.pane .ui-modal-title-bar, +.light.ui-modal .top.pane .ui-modal-title-bar { + background:#333; + color:snow; + padding:2px 4px; + border-bottom:1px solid #000; + font-weight:bold; +} + +.light .ui-modal .top.pane .ui-modal-buttons-right, +.light.ui-modal .top.pane .ui-modal-buttons-right { + position: absolute; + right: 5px; +} + +.light .ui-modal .top.pane .ui-modal-button-close, +.light.ui-modal .top.pane .ui-modal-button-close { + font:10pt Verdana; + font-weight:bold; + color:snow; + cursor:pointer; +} + +.light .ui-modal .middle.pane, +.light.ui-modal .middle.pane { + position:relative; + height: 100%; + background:#F3F3F3; + padding-top:4px; +} +.light .ui-modal .middle.pane .center.pane, +.light.ui-modal .middle.pane .center.pane{ + position:relative; + overflow: auto; + height: 100%; + margin:0 4px; + background:#FFF; +} +.light .ui-modal.noOverflow .middle.pane .center.pane, +.light.ui-modal.noOverflow .middle.pane .center.pane{ + overflow: visible; +} + +.light .ui-modal .middle.pane .left.pane, +.light.ui-modal .middle.pane .left.pane { + position: absolute; + top: 0px; + left: 0px; + border-left:1px solid #DDD; + height:100%; + width: 2px; +} + +.light .ui-modal .middle.pane .right.pane, +.light.ui-modal .middle.pane .right.pane { + position: absolute; + top: 0px; + right: 0px; + border-right:1px solid #DDD; + height:100%; + width: 2px; + cursor:e-resize; +} + +.light .ui-modal .bottom.pane, +.light.ui-modal .bottom.pane { + position: relative; + height:3px; + background:#F3F3F3; + border:1px solid #DDD; + border-top:none; + cursor:s-resize; +} + + +.light .ui-modal .bottom.pane .ui-modal-resize-se, +.light.ui-modal .bottom.pane .ui-modal-resize-se { + position: absolute; + bottom:-1px; + right:-1px; + height:4px; + width:4px; + cursor:se-resize; +} + diff --git a/site/app/webroot/css/jquery-ui/light/light.tabs.css b/site/app/webroot/css/jquery-ui/light/light.tabs.css new file mode 100644 index 0000000..8d55b22 --- /dev/null +++ b/site/app/webroot/css/jquery-ui/light/light.tabs.css @@ -0,0 +1,71 @@ +@media projection, screen { .ui-tabs-hide { display:none; } } +@media print { .ui-tabs-nav { display: none; } } + +.light .ui-tabs-nav, +.light.ui-tabs-nav { + padding-left:6px; + border-bottom:1px solid #444; + float:left; + width:99%; + margin:0; +} +.light .ui-tabs-nav li, +.light.ui-tabs-nav li { + list-style:none; + float:left; +} +.light .ui-tabs-nav a, +.light.ui-tabs-nav a { + display:block; + padding:2px 0 1px; + text-decoration:none!important; + border:1px solid #444; + margin:1px 1px 0 0; + font:9pt Verdana; + color:#FFF; + background:#444; +} +.light .ui-tabs-nav span, +.light.ui-tabs-nav span { + padding:2px 13px 2px; + color:#FFF; + background:#444; +} +.light .ui-tabs-nav a:hover, +.light .ui-tabs-nav a:hover span, +.light.ui-tabs-nav a:hover, +.light.ui-tabs-nav a:hover span { + border-color:#222; + color:#FFF; + background:#222; + } +.light .ui-tabs-nav .ui-tabs-selected a, +.light.ui-tabs-nav .ui-tabs-selected a { + background:#AAA; + border-color:#666; +} +.light .ui-tabs-nav .ui-tabs-selected a span, +.light.ui-tabs-nav .ui-tabs-selected a span { + margin-bottom:0; + color:#000; + background:snow; + border-bottom:1px solid #FFF; + cursor:default; + } +.light .ui-tabs-nav .ui-tabs-disabled a, +.light .ui-tabs-nav .ui-tabs-disabled a span, +.light.ui-tabs-nav .ui-tabs-disabled a, +.light.ui-tabs-nav .ui-tabs-disabled a span { + background:#EEE; + color:#BBB; + border-color:#DDD; + cursor:default; +} +.light .ui-tabs-container { + clear:both; + padding:10px 10px 8px 10px; + *padding-top:3px; + *margin-top:-24px; + clear:left; +} + diff --git a/site/app/webroot/css/jquery-ui/light/light.tree.css b/site/app/webroot/css/jquery-ui/light/light.tree.css new file mode 100644 index 0000000..c8fd0a9 --- /dev/null +++ b/site/app/webroot/css/jquery-ui/light/light.tree.css @@ -0,0 +1,61 @@ +body.light { font:10pt Verdana; background:#FFF; color:#111; } + +.light .ui-tree-nodes * { outline:none; } +.light .ui-tree-nodes { + position:relative; + list-style: none; + margin:0; + padding:0; + margin-left:0; + padding-left:0.8em; +} + +.light .ui-tree-node { + margin:0; + padding:0; + cursor: default; +} + +.light .ui-tree-node-text { + text-decoration:none; + color:#222; + padding:0 .3em; +} + +.light .ui-tree-node-selected > .ui-tree-node-text { + background: #EEE; +} + +.light .ui-tree-node-button { + border: 1px solid #CCC; + padding-left:1px; + color: #666; + font:7pt Courier New,monospace; + margin-top: 0.4em; + position: absolute; + left: 0.2em; + width: 0.7em; + height: 0.8em; + line-height: 0.8em; + text-decoration: none; + display:none; +} + +.light .ui-tree-node-expanded > .ui-tree-node-button { + background: #EEE; + display:block; +} + +.light .ui-tree-node-collapsed > .ui-tree-node-button { + background: #DDD; + display:block; +} + +.light .ui-tree-node-moving > .ui-tree-node-button { + background: #DDD; +} + +.light .ui-tree-node-moving > .ui-tree-node-text { + background: #DDD; +} + diff --git a/site/app/webroot/css/localizers.css b/site/app/webroot/css/localizers.css new file mode 100644 index 0000000..ee81a39 --- /dev/null +++ b/site/app/webroot/css/localizers.css @@ -0,0 +1,66 @@ +/* Global */ +div.error { + background: #ffa5a5; + border: 1px solid red; + text-align: center; + font-weight: bold; + padding: 5px; + margin: 5px 0 5px 0; +} + +/* summary */ +table.stats { + float: none; + width: 100%; +} +table.log { + float: none; +} + +table.stats td.title { + width: 13em; + font-weight: bold; +} +table.stats td.value { + width: 7em; +} + +/* pages */ +table.stats th { + text-align: left; +} +table.stats td.translated { + color: green; +} +table.stats td.notTranslated { + color: red; +} + +/* other */ +table.translatedSection { + width: 100%; +} +table.translatedSection th { + border-bottom: 1px solid gray; +} +table.translatedSection td { + padding: 5px; + font-size: 80%; + vertical-align: top; +} +table.translatedSection td.field { + font-weight: bold; +} +table.translatedSection td.enus { + border-left: 1px solid gray; +} +table.translatedSection td.localized { + border-left: 1px solid gray; +} +table.translatedSection input { + width: 100%; +} +table.translatedSection textarea { + width: 100%; + height: 8em; +} diff --git a/site/app/webroot/css/print.css b/site/app/webroot/css/print.css new file mode 100644 index 0000000..a355142 --- /dev/null +++ b/site/app/webroot/css/print.css @@ -0,0 +1,52 @@ +/*---------------------------------------------------------------------------- +Print CSS file for Addons.mozilla.org +Created by Craig Cook - focalcurve.com + on December 28, 2007 +-----------------------------------------------------------------------------*/ + +/* =Hidden elements */ +#nav-access, h1, #nav-user, #search-form, #other-apps { display: none; } +#sidebar, #footer-lang-form, .pitch, .extra .view-all { display: none; } +.install-button, .exp-loggedout, .learn-more, .more-from { display: none; } +#form-review, .pagination, #form-listcontrol { display: none; } + +/* =Body */ +body { font: 12pt/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 0 .25in; background-color: #fff; color: #000; } +h2, h3, h4, h5, h6 { font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: .25em; } +h2 { font-size: 15pt; } +h3 { font-size: 14pt; } +h4, h5, h6 { font-size: 100%; } +a img { border: none; } + +#page-title { height: 120px; } +#page-title h2 { position: relative; padding-left: 125px; } +#page-title h2 img { position: absolute; top: 0; left: 0; } +#page-title p.page-intro { color: #666; padding-left: 125px; font-size: 90%; } + +.addon { border: 1px solid #ccc; padding: .5em 1em .5em 240px; margin-bottom: 1em; position: relative; } +.addon .preview-img { position: absolute; top: .5em; left: 1em; } +.author { margin-top: 0; } +.name a, .author a { text-decoration: none; } +.name a:after, .author a:after, .extra a:after, #nav-legal a:after { content: " [" attr(href) "] "; font-size: 90%; } +.addon .flag { position: absolute; top: -1px; right: -1px; margin: 0; padding: .2em 1em; border: 3px double #000; } +.rec .flag { color: #360; } +.exp .flag { color: #900; } + +#content-main { padding-right: 35%; position: relative; } +#content-extra { width: 30%; position: absolute; right: 0; top: 0; } + +#content.search #content-main, #content.category #content-main { padding-right: 0; } + +.extra ul { margin-left: 0; } + +#footer { color: #666; font-size: 90%; margin-top: 1em; border-top: 3px double #ccc; } + +.addon-images { list-style: none; margin: 0 0 1em; padding: 0; } +.addon-images li { display: inline; margin-right: 10px; } +.addon-images a img { vertical-align: top; margin-bottom: 10px; } + +.addon-reviews { list-style: none; margin: 0 0 1em; padding: 0; } +.addon-reviews li { border: 1px solid #ccc; padding: .5em 1em; margin-bottom: 1em; } +.addon-reviews blockquote { margin: 0; } + +#addon-listing { list-style: none; margin: 0; padding: 0; } diff --git a/site/app/webroot/css/remora.css b/site/app/webroot/css/remora.css new file mode 100644 index 0000000..3c098e5 --- /dev/null +++ b/site/app/webroot/css/remora.css @@ -0,0 +1,177 @@ +/* remora-specific changes to focalcurve CSS */ + +/* Listing items */ +#addon-listing .rating { display: inline; vertical-align: middle; } +#addon-listing .addon-cats { display: inline; } + +/* Search page */ +#content.search p.addon-search-message { margin-top:2em; color: #777777; font-size: 180%; font-weight: bold; text-align:center; } + +/* Sidebar item indentation */ +#sidebar ul li.indented, .sidebar-right ul li.indented { text-indent: 10px; } + +/* Sidebar items without links need love too */ +#cat-list span { display: block; padding: .5em 10px; } + +/* Sidebar item selection */ +#cat-list li.selected { background-color: #99CC66; } +#cat-list li.selected a { background: #99CC66; } + +/* Add-on Summary */ +#addon-summary .stats { position: absolute; left: 20px; top: 19em; margin: 1em 0; text-align: center; } +#addon-summary .privacypolicy { clear: both; padding-top: .5em; } + +/* Details Page */ +#addon-info h4.version-link { margin: 2em 0; } + +#addon-info h4.version-link a.view { background: transparent url("../img/sprite.png?20090430") 100% -387px no-repeat; } +.html-ltr #addon-info h4.version-link a.view:hover { background-position: 100% -437px; } +.html-rtl #addon-info h4.version-link a.view { background-position: 100% -597px; } +.html-rtl #addon-info h4.version-link a.view:hover { background-position: 100% -647px; } +#addon-info h4.version-link a.view { padding-right: 30px; padding-bottom: 2px; text-decoration: none; } + +/* Install Box Outer */ +.sub div.install-container { padding: 0; margin: 0; } +.sub div.secondary-container { background: transparent url("../img/sprite.png?20090430") left -1256px no-repeat; } + +/* Footer */ +ul#nav-legal { margin:0; } + +/* Make h1 and h2 in content-main actually useful */ +#content-main h1, #content-main h2, #content h1, #content h2 { color: #2D3B58; font-size: 140%; font-weight: bold; margin: 5px 0; } +#content-main h2, #content h2 { font-size: 120%; } + +/* error page */ +.error-notice { margin: 0 auto; padding: 10px 80px 20px 80px; background: url(../img/warning.png) 20px 20px no-repeat; min-height: 48px; } + +/* right sidebar */ +.sidebar-content h3 { margin: 0 -1px; padding-left: 6px; font-size: 120%; background: #79be1b url("../img/sprite.png?20090430") -217px -106px no-repeat; border-bottom: 1px solid #abe071; } +.sidebar-content h3 span { display: block; padding: 8px 4px; color: #426a13; background: transparent url("../img/sprite.png?20090430") -342px -106px no-repeat; } +.sidebar-content { margin-bottom: 1em; position: relative; z-index: 5; padding-bottom: 6px; background-color: #f6f6f6; border: 1px solid #d8dcdf; border-width: 0 1px 1px; } +.sidebar-content { -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } +.sidebar-list { margin-left: 0; list-style: none; border-top: 1px solid #e8e6e6; } +.sidebar-list li { padding-right: 1px; border-bottom: 3px double #e8e6e6; } +.sidebar-list a { display: block; padding: .5em 10px; background: #f4f2f2 url("../img/cat-link.png") top repeat-x; } +.sidebar-content a:link { color: #4e4e4e; text-decoration: none; } +.sidebar-content a:visited { color: #777; text-decoration: none; } +.sidebar-content a:hover, .sidebar-content a:active, .sidebar-content a:focus { color: #1d587f; background: #f1f0f0 url("../img/cat-linkhover.png") top repeat-x; } +.sidebar-right { float: right; width: 18%; } + +/* rss */ +.rss-link { padding-left: 16px; background: url(../img/tinyRss.png) no-repeat left; } +.rss-container img { float: left; } + +/* addon policy pages */ +#addon-summary.addon-policy { padding-left: 0; } +div#content-policy { margin: 0 0 2em 44px; } +.policy-area { margin-bottom: 2em ;} +#policy-tl { position: absolute; left: -1px; top: 0; padding: 18px 0 0 20px; background: transparent url("../img/sprite.png?20090430") left -1256px no-repeat; height: 10px; width: 10px; } + +/* options bar on listing pages */ +#form-listcontrol #options-submit { position: absolute; top:15px; right:-30px; } + +/* Search box */ +#search-form #search-submit { position: absolute; top: 25px; right:-30px; } + +/* corner box */ +html[dir='rtl'] .corner-box { + background: url(../img/rustico/right-top-corner-box.jpg) top right no-repeat; + margin: 0 0 10px 0; + padding: 12px 12px 12px 15px; +} + +html[dir='ltr'] .corner-box { + background: url(../img/rustico/left-top-corner-box.jpg) top left no-repeat; + margin: 0 0 10px 0; + padding: 12px 0 12px 15px; +} + +.corner-box h2, h3 { + margin-top: 0; +} + +/* reviews pages */ +.corner-box.review-reply { margin-left: 2em; } +form.flag { display: inline; } + +#addon-listing .addon-cats { + display: block; + margin: .2em 0 .5em 0; +} + +.naked { + list-style-type: none; + margin-left: .5em; +} + +.clear { + clear: both; +} + +/* anti-CSRF hidden session code */ +div.hsession { display: none; } + +/* Edit user profile tabs */ +#tabbed-editor ul, +#tabbed-editor li { + margin: 0; +} +#profile-notifications ul { + margin: 0 0 1.5em 2em; +} +#tabbed-editor .ui-tabs-nav, +#tabbed-editor .ui-tabs-panel { + font-family: inherit; + font-size: inherit; +} +#tabbed-editor .line { + margin: 10px 0; +} +#tabbed-editor .tabs-nav { + display: none; +} +#tabbed-editor .ui-tabs-nav { + display: block; +} + + +/* FAQ styling */ + +dl.faq dt { + margin: 1em 0 0 0; +} + +dl.faq dd { + margin-top: 0.5em; +} + +dl.faq dt:target { + color: #df731b; +} + + +/* Developer Agreement */ +#dev-agreement ul { + list-style-type: disc; +} + +/* Version License */ +#version-license { + background-color: #EEE; + border: 1px solid #AAA; + max-width: 600px; + max-height: 400px; + overflow: auto; +} + +/* Get Satisfaction */ +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 } diff --git a/site/app/webroot/css/rustico.content.css b/site/app/webroot/css/rustico.content.css new file mode 100644 index 0000000..2382e8d --- /dev/null +++ b/site/app/webroot/css/rustico.content.css @@ -0,0 +1,558 @@ +/* mozilla.org Rustico Theme Content Styles + * Design by silverorange + * Markup Reference classes organized by fantasai + */ + +/* Suggested order: + * display + * list-style + * position + * float + * clear + * width + * height + * margin + * padding + * border + * background + * color + * font + * text-decoration + * text-align + * vertical-align + * white-space + * other text + * content + * + */ + +/* TOC: + Body + Random HTML Styles + Forms + General Structure + Navigation + Quotations + Comments and Other Asides + Emphasis + Computers - General + Code + Examples and Figures + Q and A (FAQ) + Tables + Meta +*/ + +/* Random HTML Styles */ + + hr { + height: 1px; + background-color: #000; + color: #000; + margin: 2em 0; + } + + .hide { display: none; } + + ul.spaced li, ol.spaced li { + margin-bottom: 0.5em; + } + +/* General Structure */ + body, td, th, input { /* redundant rules for bad browsers */ + font-family: verdana, sans-serif; + font-size: x-small; + voice-family: "\"}\""; + voice-family: inherit; + font-size: small; + } + + h1, h2, h3, h4, h5, h6 { + margin: 1em 0 0.2em 0; + font-family: arial, verdana, sans-serif; + } + li h1, li h2, li h3, li h4, li h5, li h6 { + border: none; + } + + #header h1 { border: 0; } + + h1 { font-size: 160%; font-weight: normal; } + h2 { font-size: 150%; font-weight: normal; } + h3 { font-size: 120%; } + h4 { font-size: 100%; } + h5 { font-size: 90%; } + h6 { font-size: 90%; border: 0; } + +/* Navigation */ + + :link { color: #039; } + :visited { color: #636; } + :link:hover, :visited:hover { color: #333; } + :link:active, :link:active { color: #000; } + +/* Quotations */ + + +/* Comments and other Asides */ + #main-feature { + margin-top: -24px; + background: #EFF3F7 url("/images/template/feature-back.png") bottom repeat-x; + } + + #main-feature h2 { + margin: 10px 0 0 0; + border: none; + } + + #main-feature p.product-intro { + margin: 0 0 10px 0; + line-height: 145%; + color: #414D66; + } + + #main-feature .feature-contents { + padding: 15px 50px 65px 50px; + position: relative; /* this is required to absolutely position contained elements */ + background: url("/images/home/feature-sun.png") bottom right no-repeat; + } + + #main-feature .feature-contents { height: 250px; } + body>#main-feature .feature-contents { height: auto; min-height: 260px; } + + #main-feature .brief-feature { height: auto !important; min-height: 10px !important; } + * html #main-feature .brief-feature { padding-bottom: 5px !important } + + /* this hack is required for IE6 */ + /* Hides from IE-mac \*/ + * html #main-feature { height: 1%;} + /* End hide from IE-mac */ + + #main-feature a.download-link { + display: block; + padding: 0 0 12px 0; + margin-bottom: 0.2em; + text-decoration: none; + color: #256504; + width: 285px; + margin-left: -8px; + } + + #main-feature a.download-firefox { + background: url("/images/template/download-firefox.png") 0 100% no-repeat; + } + + #main-feature a.download-thunderbird { + background: url("/images/template/download-thunderbird.png") 0 100% no-repeat; + } + + #main-feature .brief-feature a.download-firefox { + background: url("/images/template/download-firefox-white.png") 0 100% no-repeat; + margin-right: 40px; + margin-left: 0; + } + + #main-feature a.download-link span { + display: block; + padding: 9px 10px 0 58px; + min-height: 43px; + } * html #main-feature a.download-link span { height: 43px; } + + #main-feature a.download-firefox span { + background: url("/images/template/download-firefox.png") 0 0 no-repeat; + } + + #main-feature a.download-thunderbird span { + background: url("/images/template/download-thunderbird.png") 0 0 no-repeat; + } + + #main-feature .brief-feature a.download-firefox span { + background: url("/images/template/download-firefox-white.png") 0 0 no-repeat; + } + + + #main-feature a.download-link strong { + font: 140% sans-serif; + letter-spacing: -0.02em; + text-decoration: underline; + color: #256504; + } + + #main-feature a.download-link em { + font-style: normal; + color: #367D10; + letter-spacing: 0; + display: block; + padding-top: 3px; + font-size: 85%; + } + + #main-feature a.download-link:hover, #main-feature a.download-link:hover span, #main-feature a.download-link:hover strong { + color: #143802; + cursor: pointer; /* need for IE6 */ + background-position: 100% 100%; + } + + #main-feature a.download-link:hover span { + background-position: 100% 0; + } + + #main-feature .download-info { + font-size: 85%; + color: #666; + padding: 0; + } + + #main-feature .download-other { + font-size: 85%; + color: #515F78; + padding-left: 8px; + } + + .brief-feature .home-download { + float: right; + } + + #main-feature .product-image { + float: right; + margin-left: 1.5em; + margin-top: 1em; + } + + #main-feature h2, #main-feature h3, #main-feature h4 { + border: none; + } + + .note { + color: #666; + font-style: normal; + } + + .first { + margin-top: 0; + } + + .remark { + color: #666; + } + + .sidenote { + border: #666; + } + + .key-point:before { + line-height: 0.1; + font-size: 1px; + background: transparent url("/images/box/key-point_tr.gif") no-repeat top right; + margin: -15px -15px 0 -15px; + height: 15px; + display: block; + border: none; + content: url("/images/box/key-point_tl.gif"); + } + .key-point { + background: #e4ecec url("/images/box/key-point_back.gif") right repeat-y; + padding: 15px; + margin-bottom: 1em; + } * html .key-point { height: 1px; } + .key-point:after { + display: block; + clear: both; + padding-top: 15px; + line-height: 0.1; + font-size: 1px; + content: url("/images/box/key-point_bl.gif"); + margin: -15px; + height: 8px; + background: transparent url("/images/box/key-point_br.gif") scroll no-repeat bottom right ; + } + + .key-point h2, .key-point h3, .key-point h4, .key-point h5 { + border: none; + margin-top: 0; + color: #4C5C5C; + } + + .news dt { + font-weight: normal; + color: #666; + } + .news dt a { + font-weight: bold; + } + + ul.compact { + margin-left: 0; + padding-left: 20px; + } + +/* Emphasis */ + +/* Computers - General */ + + kbd { + margin: 0.1em; + padding: 0.1em; + border: 1px #ccc; + } + + kbd.command, + code.command { + color: #6B5839; + } + +/* Code */ + + pre.code { + background: #EEECF6; + } + + code > em, + code > strong, + pre.code > em, + pre.code > strong { + font-style: normal; + } + +/* Examples and Figures */ + + div.example { + border-color: #554FA0; + } + div.example:before { + color: #666; + } + +/* Q and A (FAQ) */ + +ol.faq li a { + text-decoration: none; + border-bottom: 1px dotted #6C98EE; +} + +ol.faq li a:hover { + border-color: #039; +} + + +/* Tables */ + table { + border-collapse: collapse; + border: none; + margin: 1em 0; + } + + th { + background: #ddd; + padding: 5px; + text-align: left; + } + + tr.table-title th { + font: 130% sans-serif; + font-weight: normal; + background: #666; + color: #fff; + border-top: 1px solid #666; + padding: 0.5em 10px; + text-align: center; + } + + td { + font-size: 85%; + padding: 5px; + text-align: left; + } + + table.data thead th { + background: #e4ecec; + empty-cells: hide; + } + + table.data th, + table.data td { + border: 1px solid #ccc; + font-size: 100%; + line-height: 130%; + } + + tr.odd { + background: #F5F5F5; + } + +/* Meta */ + + address { + color: #666; + } + +/* Product Specific CSS */ + + .productlist img.product-logo { + float: left; + margin: 0 10px 1em 0; + } + + .productlist h3 { + border: none; + clear: left; + } + + .productlist p { + margin: 0.2em 0 2em 0; + } + + .key-point h1, .key-point h3 { + margin: 0; + } + + #product-desc h2 { + text-indent: -700em; + height: 25px; + line-height: 2px; + font-size: 2px; + } + + #product-desc p { + padding-left: 170px; + } + + #product-desc ul, #key-desc { + padding-left: 190px; + margin-bottom: 0; + } + + #product-side, #key-side { + margin-left: 65%; + } + + #product-side ul, #key-side ul { + margin-left: 0; + padding-bottom: 0; + padding-left: 20px; + } + + #product-side li, #key-side { + padding-bottom: 0.2em; + } + + #product-desc, #key-desc { + padding: 40px 0 25px 0; + color: #4C5C5C; + width: 60%; + float: left; + line-height: 140%; + } + + #key-desc { + padding: 0; + } + + #key-side { + color: #4C5C5C; + } + + .product-firefox { + background: url("../../images/product-firefox-screen.png") no-repeat; + } + .product-thunderbird { + background: url("../../images/product-thunderbird-screen.png") no-repeat; + } + + #product-side .download h3 { + color: #1D9101; + font-weight: bold; + margin: 0; + font-size: 140%; + } + + .download h3 :link, + .download h3 :visited, + .download h3 :link:active, .download h3 :visited:active { + color: #1D9101; + } + + .download h3 :link:hover, .download h3 :visited:hover { + color: #156B01; + } + + .download li { + padding: 0; + margin: 0; + } + .download ul { + margin-top: 0; + margin-bottom: 0; + padding-bottom: 0; + } + .other { + padding-top: 3px; + } + .other a:link, .other a:visited { color: #515F78; } + .other a:hover { color: #000; } + + .configParent { + display: block; + font-size: 85%; + } + + +/* Lists */ + +dl { + margin-top: 0; +} + +dt { + font-weight: bold; +} + +dd { + margin: 0.2em 0 1em 1em; +} + +/* Simple Logo Boxes */ + +.firefox-logo, .thunderbird-logo { + padding-left: 72px; + min-height: 70px; + margin-bottom: 1em; + display: block; /* so this can be used for links */ +} + +* html .firefox-logo, * html .thunderbird-logo { height: 70px; } /* min-height for IE */ + +.firefox-logo h2, .firefox-logo h3, .firefox-logo h4, .thunderbird-logo h2, .thunderbird-logo h3, .thunderbird-logo h4 { + border-bottom: none; +} + +.firefox-logo { + background: url("/images/firefox-logo-64x64.png") no-repeat; +} + +.thunderbird-logo { + background: url("/images/thunderbird-logo-64x64.png") no-repeat; +} + + +/* Firefox Page Styles */ + +.product-thumb { + display: block; + margin: 15px 0; + padding-bottom: 75px; + text-decoration: none; +} + +.product-thumb strong { + text-decoration: underline; +} + +.thumb-firefox-tabs { background: url("/images/firefox-tabbedbrowsing-thumb.png") 0 1.8em no-repeat; } +.thumb-firefox-live { background: url("/images/firefox-livebookmarks-thumb.png") 0 1.8em no-repeat; } +.thumb-firefox-search { background: url("/images/firefox-searchbar-thumb.png") 0 1.8em no-repeat; } + +.firefox-awards { + margin-top: 1em; + text-align: center; +} diff --git a/site/app/webroot/css/rustico.css b/site/app/webroot/css/rustico.css new file mode 100644 index 0000000..8e6d632 --- /dev/null +++ b/site/app/webroot/css/rustico.css @@ -0,0 +1,1165 @@ +/* General Structure */ +/* copied from Mozilla.com */ + +body, td, th, input { /* redundant rules for bad browsers */ + font-family: verdana, sans-serif; + font-size: x-small; + voice-family: "\"}\""; + voice-family: inherit; + font-size: small; +} + +body { + background: #fff; + color: #333; + min-width: 610px; + margin: 0 0 1em 0; + padding: 0; /* need for Opera */ +} + +h1, h2, h3, h4, h5, h6 { + font-family: arial, verdana, sans-serif; + margin: 1em 0 0.2em 0; +} + +li h1, li h2, li h3, li h4, li h5, li h6 { + border: none; +} + +img { + border: 0; +} + +#header h1 { border: 0; } + +h1 { font-size: 160%; font-weight: normal; } +h2 { font-size: 150%; font-weight: normal; } +h3 { font-size: 120%; } +h4 { font-size: 100%; } +h5 { font-size: 90%; } +h6 { font-size: 90%; border: 0; } + +/* Navigation */ + +:link { color: #039; } +:visited { color: #636; } +:link:hover, :visited:hover { color: #333; } +:link:active, :link:active { color: #000; } + +/* header copied from Mozilla.com */ + +#header { + background: #33415d url("../img/rustico/header/header-background.png") top repeat-x; + position: relative; + height: 38px; + padding: 0 50px; + border-bottom: 1px solid #a1a6b1; + z-index: 1; +} + +#header div { + position: relative; + max-width: 900px; + margin: 0 auto; +} + +#header h1 { margin: 0 720px 0 0; } + +#header h1 img { + font-weight: bold; + color: #7f7c45; +} + +#header ul { + position: absolute; + top: 0; + right: 0; + list-style: none; + margin: 0; + padding: 0; + border-left: 1px solid #576178; + border-right: 1px solid #1f2635; +} * html #header ul { right: 50px; } + +#header li { + float: left; + margin: 0; + padding: 0; +} + +#header ul span, #header ul a:link, #header ul a:visited { + display: block; + float: left; + padding: 10px 15px; + text-decoration: none; + border-right: 1px solid #576178; + border-left: 1px solid #1f2635; + color: #dee0e5; + height: 36px; + voice-family: "\"}\""; + voice-family: inherit; + height: 16px; +} #ignored {} + +#header ul li span, +#header ul li a.current, +#header ul li a:hover { + background: #475470; + color: #fff; + text-decoration: underline; +} + +#header ul li span, +#header ul li a.current { + text-decoration: none; +} + +#site_notice { + border: 1px dashed salmon; + padding: 5px; + margin: 2px; +} + +/* page title */ + +#page-title { + background: url("../img/rustico/common/bg-header-thin.jpg") repeat-x 50% 0; +} + +#page-title div, #container { + max-width: 900px; + margin: 0 auto; + padding: 25px 50px; +} + +#container { padding-top: 0; } + +#page-title div { + background: url("../img/rustico/common/firefox-addons-hdr.jpg") no-repeat 70% 0; + height: 120px; +} body>#page-title div { height: auto; min-height: 120px; } + +#page-title div h2 { + margin: 0; + padding-top: 0px; + border: 0; + font-size: 280%; + font-weight: bold; + color: #bd1d01; +} + +#page-title.thunderbird div h2 { + color: #0a4e96; +} + +#page-title div h2 img { + border: 0; + vertical-align: middle; +} + +#page-title p { + font-weight: bold; + color: #3C475B; + margin: 0 0 10px 61px; + padding-left: 1em; + width: 50%; +} + +/* Override right margin for rtl langs */ +#page-title div h2, #page-title div p{ + margin-right:500px; +} + +/* page title for sub-pages */ + +#page-title.sub-page { + background: url("../img/rustico/common/bg-header-small.jpg") repeat-x 50% -5px; +} + +#page-title.sub-page div { + background: none; + height: 40px; + padding-top: 10px; + padding-bottom: 10px; +} body>#page-title.sub-page div { height: auto; min-height: 40px; } + +#page-title.sub-page div h2 { + font-size: 160%; } + +#page-title.sub-page div h2 span { + font-weight: normal; +} + +#page-title.sub-page div h2, #page-title.sub-page div p{ + margin-right:0px; /*rtl fix*/ +} + + +/* content */ +/* content-right -- for use when content is on the right, with sidebar-left */ + +#content-right, +#content { + color: #3c475b; + line-height: 150%; + margin-left: 180px; +} + +#content-right hr, +#content hr { + margin: 2em; +} + +#content-right h3, +#content h3 { + font-weight: normal; +} + + +/* content-left */ + +#content-left { + color: #3c475b; + line-height: 150%; + margin-right: 180px; +} + +#content-left hr { + margin: 2em; +} + +#content-left h3 { + font-weight: normal; +} + +/* front page features */ + +.frontpage-intro { + margin-top: 0; +} + +#top-extensions, +.front-recommended { + float: left; + width: 45%; + margin-right: 4%; +} + +#home-intro h2 { + font-weight: bold; +} + +#home-rec-link img { + border: none; + float: right; + text-decoration: none; + margin-left: 10px; +} + +.front-recommended img { + float: right; + margin: 0 20px; +} + +.newest-extensions h3, +.top-extensions h3, +.front-recommended h3 { + padding-top: 5px; +} + +.frontpage-welcome { + margin: 0 0 1em 0; +} + +/* browse features */ + +.rss-subscribe { +float:left; +margin-top:2px; +margin-right:5px; +} +.secondary-addon { + width: 45%; +} +.float-right { + float: right; +} +.float-left { + float: left; +} +/* addon features */ + +.divider-bottom, +.bookmarkaddon-feature { + background: url(../img/rustico/addons/firefox-featured-divider.png) no-repeat bottom center; + margin-bottom: 1.5em; + padding-bottom: 10px; +}.divider-bottom, +.bookmarkaddon-feature { + background: url(../img/rustico/addons/firefox-featured-divider.png) no-repeat bottom center; + margin-bottom: 1.5em; + padding-bottom: 10px; +} + +#primary-feature { + margin-top: 2em; +} + +.addon-feature h2 { + font-weight: bold; + margin: 0 0 5px 0; +} + +.eula { + font-size: 75%; +} + +.addon-feature h2 span { + font-weight: normal; + font-size: 80%; +} + +.addon-feature h3, +.bookmarkaddon-feature h3 { + margin: 0 0 10px 0; +} + +.addon-feature h4, +.bookmarkaddon-feature h4 { + margin: 0 0 10px 0; +} + +.addon-feature h4 span, +.bookmarkaddon-feature h4 span { + font-weight: normal; +} + +.addon-feature h1 span { + font-size: small; +} + +.addon-feature h1 span.author { + font-size: smaller; +} + +.addon-feature .search-result-image { + float: right; + margin: 10px 0 5px 10px; +} + +.addon-feature .addon-feature-image, +.bookmarkaddon-feature .addon-feature-image { + float: right; + margin: 0 0 5px 5px; +} + +.preview-image a { + text-decoration: none; + text-align: center; + display: block; + font-size: smaller; +} +.preview-image a.hide { + display: none; +} + + +.addon-display .preview-image { + float: right; +} + +.addon-display .version-and-date { + font-size: smaller; +} + +.addon-feature .addon-feature-text { } +.bookmarkaddon-feature .addon-feature-text { margin-left: 190px; } + +.addon-feature a, .bookmarkaddon-feature a { color: #f7941d; } +.addon-feature a:visited, .bookmarkaddon-feature a:visited { color: #f7941d; } +.addon-feature a:hover, .bookmarkaddon-feature a:hover { color: #333; } + +.addon-feature .addon-feature-header { min-height: 55px; } +.addon-feature .addon-feature-header .addon-feature-icon{ float: left; margin-right: 7px; } +.addon-feature .addon-feature-header .addon-feature-name { margin: 0; padding: 4px 0; } +.addon-feature .addon-feature-header .addon-feature-developer { margin: 0; padding: 0; } +.addon-feature .addon-feature-tagline { margin: 0; padding: 0; font-style: italic;} + +.recommended a, .recommended a:visited { color: #f7941d; } +.recommended a:hover { color: #333; } + +.bookmarkstitle { + background: url(../img/rustico/bookmarks/firefox-bm-puzzle-ico.png) no-repeat top left; + height: 27px; + padding: 5px 0 0 35px; +} + +/* App compatibility info */ +.app_compat ul { + list-style: none; + margin: .5em 0; + padding: 0 0 0 1em; +} +.app_compat .appicon { + vertical-align: middle; + margin: 0 .5em 0 0; +} + +/* App install info (for thunderbird) */ +.app_install { + background-color: #dfd; + border: 1px dashed #bdb; + margin: 1em; + padding: .5em; +} + +/* install button */ +.install-button, +p.install-button { + width: 230px; + margin: 0; +} + +span.install-button-text { + padding-right: 30px; +} + +.install-button a:link span.install-green-button, +.install-button a:visited span.install-green-button, +.install-button a:hover span.install-green-button, +.install-button a:active span.install-green-button { + background: url(../img/rustico/install-button.png) no-repeat bottom left; + display: block; + min-height: 20px; + padding: 10px; +} +* html .install-button a:link span.install-green-button, +* html .install-button a:visited span.install-green-button, +* html .install-button a:hover span.install-green-button, +* html .install-button a:active span.install-green-button { height: 20px; } + +.install-button a:link, +.install-button a:visited, +.install-button a:hover, +.install-button a:active { + background: #a8ed2d url(../img/rustico/install-button.png) no-repeat top left; + display: block; + color: #005825; + text-decoration: none; +} + +.install-button a:hover span.install-green-button, +.install-button a:active span.install-green-button { + background: url(../img/rustico/install-button.png) no-repeat bottom right; +} + +.install-button a:hover, +.install-button a:active { + background: #89dc29 url(../img/rustico/install-button.png) no-repeat top right; + color: #000; + cursor: pointer; +} + +/* corner box */ + +.corner-box { + background: url(../img/rustico/left-top-corner-box.jpg) top left no-repeat; + margin: 0 0 10px 0; + padding: 12px 0 12px 15px; +} + +.corner-box h2, h3 { + margin-top: 0; +} + +/* search box */ + +.search-container img { + float: left; +} + +.search-container h3 { + margin-left: 40px; + padding-top: 5px; +} + +#extensions-search { + margin-top: 1.5em; +} + +#extensions-search .keywords { + width: 40%; +} + +#hide-search-options, +#search-options { + display: none; +} + +#search-results .desc p { + margin-bottom: 0px; +} + +#search-results h2 { + font-weight: bold; +} + +#search-results h2 span { + font-weight: normal; + font-size: 80%; +} + +#pages #next-page { + float: right; +} + +/* various lists */ + +.category-block { + overflow: hidden; +} + +.category-list { + margin-top: 1em; + padding: 0 1em; + min-width: 150px; + border-left: 1px solid #eee; + font-weight: bold; + font-size: .9em; + float: left; +} + +.compact-list { + font-size: 80%; + font-weight: bold; + min-width: 40%; + float: left; +} + +.category-list ul, +.compact-list ul { + margin: 0; + padding: 0; +} + +.category-list ul li, +.compact-list ul li { + list-style: none; +} + +.category-list a:link, +.category-list a:visited, +.compact-list a:link, +.compact-list a:visited { + text-decoration: none; +} + +.compact-list span { + font-size: smaller; +} + +/* menu box */ + +.menu-box { + background: url(../img/rustico/menu-box/menu-box-top.png) top left no-repeat; + font-weight: bold; + margin-bottom: 15px; + width: 160px; +} + +.menu-box ul { + background: url(../img/rustico/menu-box/menu-box-bottom.png) bottom left no-repeat; + list-style-type: none; + margin: 0; + padding: 4px 0; +} + +.menu-box ul li a:link, +.menu-box ul li a:visited, +.menu-box ul li span, +.menu-box ul.allmenu li { + display: block; + width: 136px; + margin: 0; + padding: 8px 12px; + text-decoration: none; +} + +.menu-box ul li { + background: url(../img/rustico/menu-box/menu-box-background.png) 0 0 no-repeat; +} + +.menu-box ul li span, +.menu-box ul li.selected { + background: url(../img/rustico/menu-box/menu-box-background.png) -400px 0 no-repeat; +} + +.menu-box ul li a:hover, +.menu-box ul li a:active, +.menu-box ul li.error { + background: url(../img/rustico/menu-box/menu-box-background.png) -200px 0 no-repeat; +} + +.menu-box ul li.indented { + text-indent: 1em; +} + +/* footer */ + +#doc-links a, +#switch-links a, +#tool-links a { + padding: 0 1em; +} + +#footer { + background: url(../img/rustico/footer/disclaimer.png) top repeat-x; + clear: both; + color: #888; + font-size: smaller; + margin: 0; + padding: 11px 0; + text-align: center; +} + +#footer-contents { + margin: 0 auto; + width: 850px; +} + +#footer ul { + margin: 1.5em 0; +} + +#footer ul li { + display: inline; + margin: 0 0.5em; +} + +#footer-addons-menu { + font-size: 110%; + padding: 0; +} + +#footer-addons-menu li { + white-space: nowrap; + padding: 10px 0 5px 25px; +} + +#footer-addons-menu li.firefox { background: url(../img/rustico/footer/footer-icon-firefox.png) no-repeat center left; } +#footer-addons-menu li.thunderbird { background: url(../img/rustico/footer/footer-icon-thunderbird.png) no-repeat center left; } +#footer-addons-menu li.mozilla { background: url(../img/rustico/footer/footer-icon-mozilla.png) no-repeat center left; } + +#footer-disclaimer { + clear: both; + padding-top: 10px; +} + +#footer-contents form { + float: right; +} + +#footer-contents form select { + font-size: inherit; +} + +#footer-legal { + float: left; + text-align: left; +} + +#footer-legal p { + margin: 0; + padding: 0; +} + +.clearfix:after { + content: "."; + display: block; + height: 0; + clear: both; + visibility: hidden; +} + +.clearfix {display: block;} + +/* Hides from IE-mac \*/ +* html .clearfix {height: 1%;} +.clearfix {display: block;} +/* End hide from IE-mac */ + +/* fixes clears for right-floats only. + * use in a div that contains right floats + * that doesn't have to clear the left sidebar. + */ +.clearfix-right:after { + content: "."; + display: block; + height: 0; + clear: right; + visibility: hidden; +} + +.clearfix-right {display: inline-block;} + +/* Hides from IE-mac \*/ +* html .clearfix-right {height: 1%;} +.clearfix-right {display: block;} +/* End hide from IE-mac */ + +table { + border-collapse: collapse; + border: none; + margin: 1em 0; +} + +table.dalvay-table { + border-collapse: separate; +} + +table.dalvay-table thead th { + background: none; +} + +table.dalvay-table thead td, +table.dalvay-table thead th { + background: #f9fafa url(../img/dalvay/table/header.png) top repeat-x; + border: 0; +} + +table.dalvay-table thead .top-left { + background: url(../img/dalvay/table/top-left.png) top left no-repeat; +} + +table.dalvay-table thead .top-right { + background: url(../img/dalvay/table/top-right.png) top right no-repeat; +} + +td.left { border-left: 1px solid #d7d7d7; } +td.right { border-right: 1px solid #d7d7d7; } + +table.dalvay-table tfoot td { + background: #f9fafa url(../img/dalvay/table/footer.png) bottom repeat-x; + border: 0; +} + +table.dalvay-table tfoot .bottom-left { + background: url(../img/dalvay/table/bottom-left.png) bottom left no-repeat; +} + +table.dalvay-table tfoot .bottom-right { + background: url(../img/dalvay/table/bottom-right.png) bottom right no-repeat; +} + +table.dalvay-table tfoot td { height: 12px; } + + +table.dalvay-table tr.odd td { background: #fff; } +table.dalvay-table tr.even td { background: #eee; } +table.dalvay-table tr:target td { background: yellow; } +table.dalvay-table td.curVersion { font-weight: bold; } +table.dalvay-table td.nya { text-align: center; } + +table.dalvay-table td, +table.dalvay-table th { + margin: 0; + padding: 0.5em; +} + +table.dalvay-table td.dl, +table.dalvay-table th.dl { + white-space: nowrap; +} + +table.dalvay-table th { + text-align: left; +} + +/* search engines */ + +.front-section { + width: 220px; + padding: 5px 0 5px 25px; + float: left; + color: #666; +} + +#switch-links { + text-align: right; + padding-left: 5em; +} + +#switch-links .switch-tb, +#switch-links .switch-suite { + padding: 1px 0 1px 30px; + font-size: 100%; + background: #fff 9px 0 no-repeat; +} + +/* ported from cavendish */ + +.item { + border: #D2D6D6 1px solid; + padding-left: 5px; + padding-right: 6px; + MARGIN-bottom: 10px; + -moz-border-radius: 10px; +} + +.item a { + color: #00129c; + text-decoration: none; +} +.item a:visited { + color: #00129c; + text-decoration: none; +} +.item a:hover { + color: #fc5900; +} + +.item h2 { + margin-top: 0.2em; +} + +.iconbar { + padding-right: 15px; + float: left; + width: auto; + height: 34px; +} + +.iconbar img { + float:left; +} + +.iconbar a { + text-decoration: none; +} + +/* user comments */ + +div.averagerating { + float:right; + font-size:85%; + font-weight:bold; +} + +div.usercomment { + border-top: 1px solid #eee; +} + +p.commenttext { + margin-left: 2em; +} + +p.commentmeta { + font-size: smaller; +} + +.pages { + color: #999; + font-weight: bold; + height: 2em; +} + +.next { + border-left: 1px solid #000; + display: inline; + padding-left: 5px; +} + +.prev { + display: inline; +} + +#comments-sort { + float: right; +} + +/* breadcrumbs */ + +#breadcrumbs { padding: 0 50px; } +#breadcrumbs #breadcrumbs_container { max-width: 900px; margin: 0 auto; } +#breadcrumbs { + background: #F7F8F8 url("../img/template/breadcrumbs-background.png") bottom repeat-x; + padding-top: 6px; + padding-bottom: 6px; + font-size: 85%; + color: #999; +} + +#breadcrumbs a:link, +#breadcrumbs a:visited { + color: #666; +} + +#breadcrumbs a:hover, +#breadcrumbs a:active { + color: #333; +} + +#breadcrumbs form.searchbox { + display: inline; + vertical-align: top; + font-size: inherit; +} + +#breadcrumbs form.searchbox input.query { + width: 10em; + font-size: inherit; + border-width: 1px; +} +#breadcrumbs form.searchbox input.submit { + font-size: inherit; + border-width: 1px; +} + + +/* rss */ + +.rss-link-list { + list-style-type: none; + margin: 0; + padding: 0; +} +.rss-link { + margin: .4em 10px .8em 0; + padding-left: 16px; + background: url(../img/tinyRss.png) no-repeat left; + float: left; +} +.rss-container img { + float: left; +} +.rss-container h3 { + margin-left: 28px; + padding-top: 1px; +} + +/* reviews in addon display sidebar */ + +div.review { + clear:right; + overflow:auto; + width:240px; + margin-bottom:15px; + font-size:11px; + color:#666; +} + +div.review div.score { + float:left; + clear:left; + padding:3px 5px 1px 5px; + margin-right:8px; + font-size:20px; + color:#555; + background-color:#ddd; +} + +div.review div.score span { + color:#aaa; +} + +div.review span.review { + display:block; + width:150px; + float:left; + clear:right; +} + +div.review a { + font-size:13px; + color:#666; + font-weight:bold; +} + +div.review a.profileLink { + font-size:11px; + color:#666; + font-weight:normal; +} + +a.reviewLink { + margin-left:45px; +} + +div.reviewed-on { + font-size: .8em; + margin: .4em 0; +} + +/* hr as suggested in http://www.sovavsiti.cz/css/hr.html */ + +.divider { + height: 15px; + background: #fff url(../img/divider.gif) no-repeat scroll center; + border: 0; + clear: both; + margin: 0 0 10px 0; +} +.divider hr { + display: none; +} + +/* addons display page: reviews part */ + +.reviews { + font-size: .9em; + float: left; + min-width: 45%; +} + +.reviews ul { + padding: 0 0 0 2em; +} + +.review { + display: block; + margin: 0 0 1em .5em; +} + +.review a { + font-weight: bold; +} + +.review .reviewtitle { + font-weight: bold; +} + +/* reviews page */ +div.review-reply { + margin-left: 3em; +} + +/* sidebar (left) */ +#sidebar-left, +#sidebar { + float: left; + font-size: 80%; + width: 160px; +} + +#sidebar-left .corner-box ul, +#sidebar .corner-box ul { + margin: 0; + padding: 0 12px; +} + +/* sidebar right */ +#sidebar-right { + float: right; + font-size: 80%; + width: 160px; +} + +#sidebar-right .corner-box ul { + margin: 0; + padding: 0 12px; +} + +/* addons as listitems (search etc) */ + +.addon-listitem { + margin: 0 0 1em 0; +} + +.addon-listitem .icon { + float: left; + margin-right: .6em; +} + +.addon-listitem .preview-image { + float: right; +} + +.addon-listitem .version-simple { + display: none; +} + +.addon-listitem .addon-titleby { + margin: 0 0 7px 0; +} + +.addon-listitem .addon-titleby h2.addonname { + font-weight: bold; + padding: 4px 0 0 0; +} + +.addon-listitem .addon-titleby .developer { +} + +.addon-listitem .addon-desc .tagline { + margin: 5px 0 7px 0; +} + +.addon-listitem .addon-desc .version { + font-size: .9em; + background: url(../img/version.png) no-repeat left; + line-height: 16px; + padding-left: 20px; +} + +.addon-listitems-options { + margin: 0 0 1em 0; + padding: 0; + width: 100%; +} + +.addon-listitems-options span { + margin: 0 .3em; +} + +.addon-listitems-options span.selected { + font-weight: bold; +} + +/* error page */ +.error-notice { + margin: 0 auto; + padding: 10px 80px 20px 80px; + background: url(../img/warning.png) 20px 20px no-repeat; + min-height: 48px; /* So the image will show completely, even if the error is short*/ +} + +/* policies */ + +.policy-area { + width: 100%; + height: 30em; +} + +/* styles for js actions */ + +.js-action { + color: #f7941d; + cursor: pointer; + text-decoration: underline; +} + +/* search page styles */ + +.addon-search-message { + padding-bottom: .5em; +} + +.addon-search-message span { + font-weight: bold; +} + +/* pages/submissionhelp */ +ul.submissionHelp li span.required { + font-weight: bold; +} +ul.submissionHelp li span.optional { + font-style: italic; +} + +#extendfirefox { + margin-bottom: 15px; +} + +#extendfirefox a { + text-decoration: none; +} diff --git a/site/app/webroot/css/rustico.template.css b/site/app/webroot/css/rustico.template.css new file mode 100644 index 0000000..4559803 --- /dev/null +++ b/site/app/webroot/css/rustico.template.css @@ -0,0 +1,292 @@ +body { + margin: 0 0 1em 0; + padding: 0; /* need for Opera */ + background: #fff; + color: #333; + min-width: 610px; +} + +form { margin: 0; } +img { border: 0; } + + +/* Core site element widths */ + +/*#header, #breadcrumbs, #content, #footer { + max-width: 1000px; + margin: 0 auto; +}*/ + +#header { padding: 0 50px; } +#header ul { right: 0; } +* html #header ul { right: 50px; } +#breadcrumbs { padding: 0 50px; } +#content { padding: 0 50px; } +#footer { padding: 0 20px; margin: 0 50px; } + +#header div, #content, #breadcrumbs_container, #footer, #main-feature .feature-contents { + max-width: 900px; margin: 0 auto; +} + +#header div { position: relative; } + +/* header */ + +#header { + height: 38px; + position: relative; + border-bottom: 1px solid #A1A6B1; + background: #33415D url("../img/template/header-background.png") top repeat-x; + z-index: 1; +} + +#header h1 { margin: 0; } + +#header h1 img { + font-weight: bold; + color: #7f7c45; +} + +#header ul { + padding: 0; + margin: 0; + list-style: none; + border-left: 1px solid #576178; + border-right: 1px solid #1f2635; + position: absolute; + top: 0; +} + +#header li { + float: left; + padding: 0; + margin: 0; +} + +#header ul a:link, #header ul a:visited { + display: block; + float: left; + padding: 10px 15px; + text-decoration: none; + border-right: 1px solid #576178; + border-left: 1px solid #1f2635; + color: #dee0e5; + height: 36px; + voice-family: "\"}\""; + voice-family: inherit; + height: 16px; +} #ignored {} + +#header ul li a:hover { + background: #475470; + color: #fff; + text-decoration: underline; +} + +#header ul li span, +#header ul li a.current, +#header ul li a:hover { + background: #475470; + color: #fff; + text-decoration: underline; +} + +#header ul li span, +#header ul li a.current { + text-decoration: none; +} + +/* breadcrumbs */ + +#breadcrumbs { + background: #F7F8F8 url("../img/template/breadcrumbs-background.png") bottom repeat-x; + padding-top: 4px; + padding-bottom: 30px; + font-size: 85%; + color: #999; +} + +#breadcrumbs a:link, +#breadcrumbs a:visited { + color: #666; +} + +#breadcrumbs a:hover, +#breadcrumbs a:active { + color: #333; +} + + +/* content */ + +#content { + background: #fff; +} + +/* Sidebar */ + +#nav:before { + line-height: 0.1; + font-size: 1px; + background: transparent url("../img/template/menu_tr.gif") no-repeat top right; + margin: 0; + height: 9px; + display: block; + border-bottom: 1px solid #ddd; + content: url("../img/template/box/key-point_tl.gif"); +} +#nav { + background: #E0E9E9 url("../img/template/menu_back.gif") right repeat-y; +} +#nav:after { + display: block; + padding-top: 0; + line-height: 0.1; + font-size: 1px; + content: url("../img/template/box/key-point_bl.gif"); + margin: 0 0 0 0; + height: 8px; + background: transparent url("../img/template/menu_br.gif") scroll no-repeat bottom right ; + border-top: 1px solid #fff; +} + +#nav, #nav ul { + margin: 0; + padding: 0; + list-style: none; +} +#nav { + margin-bottom: 1em; +} +#nav li { + display: inline; + padding: 0; + margin: 0; +} + +#nav li span { /* used for un-linked menu items */ + display: block; + padding: 6px 10px; + font-weight: bold; + color: #666; +} +#nav li span#configParent, #nav li span #configuration { + display: inline; + font-weight: normal; + padding: 0; +} + +#nav li a { + display: block; + padding: 8px 10px; + text-decoration: none; + background: #EDF2F2; + border-bottom: 1px solid #ddd; + border-top: 1px solid #fff; + border-right: 1px solid #ddd; +} +#nav li a:hover { + background: #E0E9E9; +} + +#nav li li span { /* used for un-linked menu items */ + padding: 4px 8px 4px 20px; +} + +#nav li li a { + padding: 6px 8px 6px 20px; +} + +#oN { + background-color: #E0E9E9; +} +#oN:hover { + background-color: #C6DCDC; +} + + +/* footer */ + +#footer { + clear: both; + margin-top: 3em; + margin-bottom: 1em; + color: #888; + padding: 25px 50px; + text-align: center; +} + +#footer-contents { + padding: 0; + border-top: 1px solid #C9D0E0; +} + +#footer ul#footer-menu { + position: relative; + top: -0.8em; + margin: 0 1em 0 1em; + padding: 0; + list-style-type: none; +} + +#footer ul#footer-menu li { + display: inline; + background: #fff; + margin: 0 1em; +} + +#footer ul#footer-menu li a { + margin: 0 1em; + white-space: nowrap; +} + +#footer p { + margin: 0.3em; + clear: both; +} + +#footer .site-tools { + display: none; +} + +.small-print { + font-size: 85%; + color: #888; +} + +.small-print a:link, +.small-print a:visited { + color: #888; +} + +.small-print a:hover, +.small-print a:active { + color: #333; +} + +#locales { + margin: 0 auto 1.5em auto; + width: 610px; + line-height: 160%; +} + +#locales p { + display: inline; + margin: 0; + padding: 0 0.3em 0 0; +} + +#locales ul { + display: inline; + margin: 0; + padding: 0; +} + +#locales li { + padding: 0 0.3em 0 0; + display: inline; +} + +#locales li a { + white-space: nowrap; +} diff --git a/site/app/webroot/css/sandbox_rustico.css b/site/app/webroot/css/sandbox_rustico.css new file mode 100644 index 0000000..0339bb4 --- /dev/null +++ b/site/app/webroot/css/sandbox_rustico.css @@ -0,0 +1,27 @@ +#breadcrumbs { + background: #F7F8F8 url("../img/sandbox.png") bottom repeat; +} +.install-button a:link span.install-green-button, +.install-button a:visited span.install-green-button, +.install-button a:hover span.install-green-button, +.install-button a:active span.install-green-button { + background: url(../img/rustico/install-button-red.png) no-repeat bottom left; +} + +.install-button a:link, +.install-button a:visited, +.install-button a:hover, +.install-button a:active { + background: url(../img/rustico/install-button-red.png) no-repeat top left; +} + +.install-button a:hover span.install-green-button, +.install-button a:active span.install-green-button { + background: url(../img/rustico/install-button-red.png) no-repeat bottom right; +} + +.install-button a:hover, +.install-button a:active { + background: url(../img/rustico/install-button-red.png) no-repeat top right; + +}
\ No newline at end of file diff --git a/site/app/webroot/css/screen.css b/site/app/webroot/css/screen.css new file mode 100644 index 0000000..0e640d6 --- /dev/null +++ b/site/app/webroot/css/screen.css @@ -0,0 +1,1826 @@ +/*---------------------------------------------------------------------------- +Standards-Compliant Layout CSS file for Addons.mozilla.org +Created by Craig Cook - focalcurve.com + on November 20, 2007 +-----------------------------------------------------------------------------*/ + + +/*** =Reset defaults ***/ +html, body, div, span, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, code, +del, dfn, em, img, q, dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td { + margin: 0; + padding: 0; + border: 0; +} + +/* Tables still need 'cellspacing="0"' in the markup. */ +table { border-collapse: separate; border-spacing: 0; } + +/*** =General elements ***/ +body { min-width: 770px; } + +ol, ul { margin-left: 2em; } +blockquote { margin: 0 3em 1em; } +dd { margin-left: 2em; } +td, th { padding: 2px 6px; } + +a.view { padding-right: 10px; } +button, input[type="submit"] { cursor: pointer; } + +h2 { margin-bottom: .5em; } + +div.error-notice { margin: 0; min-height: 48px; margin-bottom: 1.5em; padding: 10px 10px 0 70px; } + +.with-js .hide-with-js { display: none } +.show-with-js { display: none } +.with-js .show-with-js { display: block } + +/*** =Site-notice ***/ +#site-notice { width: 80%; padding: 5px 10%; } + +/*** =Access nav ***/ +#nav-access { position: absolute; top: -10em; margin: 0 auto; width: 100%; } +#nav-access a:active, #nav-access a:focus { position: absolute; top: 11em; width: 18em; z-index: 2;} +.html-ltr #nav-access a:active, .html-ltr #nav-access a:focus { left: 50%; margin-left: -8em;} +.html-rtl #nav-access a:active, .html-rtl #nav-access a:focus { right: 50%; margin-right: -8em;} + + +/*** =Header ***/ +#branding { position: relative; } + +h4#moz { position: absolute; top: 10px; margin: 0; z-index: 1; } +.html-rtl h4#moz {left: 0px; } +.html-rtl h4#moz img {position: relative; left: -10px; } + +h4#moz a { display: block; height: 44px; width: 100px; padding-left: 10px;} + +/* =Page title */ +#page-title { height: 13em; } + +#page-title div { max-width: 900px; margin: 0 auto;} +.html-ltr #page-title div {padding: 25px 105px 0;} +.html-rtl #page-title div {position:relative; left:-70px; padding: 25px 0 0 0;} + +#page-title h1 { position: relative; } +.html-ltr #page-title h1 {padding: 10px 0 5px 125px; } +.html-rtl #page-title h1 {padding: 10px 320px 5px 0; } + +#page-title h1 img { position: absolute; top: 0; } +.html-ltr #page-title h1 img{left: 0;} +.html-rtl #page-title h1 img {right: 200px;} + +#page-title h2 { position: relative; } +.html-ltr #page-title h2 { margin: -5px 0 5px 175px; } +.html-rtl #page-title h2 { margin: -5px 370px 5px 0; } + +#page-title p.page-intro { margin-bottom: 0; width: 42em; max-width: 650px; } +.html-ltr #page-title p.page-intro {padding-left: 125px;} +.html-rtl #page-title p.page-intro {padding-right: 320px;} + + +/* =User nav */ +#nav-user { max-width: 900px; min-width: 770px;} +.html-ltr #nav-user { margin: -1.75em auto 0; padding: 0 50px;} +.html-rtl #nav-user { margin: 0em auto 0; padding: 0 0 0 50px;} + +#nav-user li { display: inline;} +.html-ltr #nav-user li { padding-left: 1em; margin-right: .5em; } +.html-rtl #nav-user li { padding-right: 1em; margin-left: .5em; } + +.html-ltr #nav-user li:first-child { border-left: 0; padding-left: 0; } +.html-rtl #nav-user li:first-child { border-right: 0; padding-right: 0;} + + +/* =Other Applications */ +#other-apps { position: absolute; top: -9.65em; z-index: 5;} +.html-ltr #other-apps {right: 50px; padding: 6px 10px 0; } +.html-rtl #other-apps {right: 50px; padding: 6px 10px 0; } + +#other-apps.js { width: 12em; padding-bottom: 6px; } + +#other-apps h3 { margin-right: 20px; } + +#other-apps.js h3 { float: none; cursor: pointer; } +.html-ltr #other-apps.js h3 {margin: -6px -10px; padding: 6px 15px 6px 20px; } +.html-rtl #other-apps.js h3 {margin: -6px -10px; padding: 6px 15px 6px 20px; } + +#nav-apps { margin-top: .1em; } +.html-ltr #nav-apps { margin-left: 0;} +.html-rtl #nav-apps { margin-right: 0;} + +.html-ltr #nav-apps li { margin-right: 10px; } +.html-rtl #nav-apps li { margin-left: 10px; } + +#other-apps.js #nav-apps { margin-top: 1em; } +#other-apps.js #nav-apps li { display: block; margin-right: 0; } +.html-ltr #other-apps.js #nav-apps li { margin-right: 0; } +.html-rtl #other-apps.js #nav-apps li { margin-left: 0; } + +#other-apps.js #nav-apps a { display: block; line-height: 35px; } +.html-ltr #other-apps.js #nav-apps a { padding-left: 40px; } +.html-rtl #other-apps.js #nav-apps a { padding-right: 40px; } + +#other-apps.collapsed #nav-apps { position: absolute; } +.html-ltr #other-apps.collapsed #nav-apps { left: -999em; } +.html-rtl #other-apps.collapsed #nav-apps { right: -999em; } + +#other-apps.collapsed #nav-apps a:active, #other-apps.collapsed #nav-apps a:focus { position: absolute; top: 0; } +.html-ltr #other-apps.collapsed #nav-apps a:active, .html-ltr #other-apps.collapsed #nav-apps a:focus { left: -999em; } +.html-rtl #other-apps.collapsed #nav-apps a:active, .html-rtl #other-apps.collapsed #nav-apps a:focus { right: -999em; } + +/*** =Search form ***/ +#search-element { position: relative; width: 80%;} +.html-ltr #search-element {left: 190px; } +.html-rtl #search-element {left: 0} + +#search-bubble-inner { height: 71px; margin:0; padding: 0; width: 6px; float: left; } +.html-ltr #standard-search { padding: 20px 4px 15px 14px;} +.html-rtl #standard-search { padding: 20px 20px 15px 4px;} + +#search-bubble-outer legend { display: none; } +#search-form ol { margin: 0; padding: 0; } +#search-form #search-query { width: 55%; } + +#search-form #search-query label, #search-mini #search-query label { display: none; } /* label is hidden by default when JS isn't available */ +#search-mini #search-query label { font-style: italic; color: #46651f;} +#search-form #search-query label, #search-mini #search-query label { position: absolute; top: 20px; } +#search-mini #search-query label {top: 2px;} +.html-ltr #search-form #search-query label { left: 17px; padding: .2em 5px .2em 30px; } +.html-rtl #search-form #search-query label { right: 17px; padding: .2em 30px .2em 5px; } + + +#search-form #query { width: 42%;} +.html-ltr #search-form #query { padding: .2em 5px .2em 24px;} +.html-rtl #search-form #query { padding: .2em 24px .2em 5px;} + +#search-form #category { width: 36%; padding: .2em 0; } +#search-form #category option { min-width: 14em; } + + +#search-form #search-query input, #search-form #category option { height: 21px; -ms-box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; } + +#search-form #my-submit { width:37px; height: 38px; border: 0px; margin-left: 9px; } + +/*** =Advanced Search Form ***/ +#advanced-search { margin: -2px 0 0 0; padding: .1in .25in 0 .25in; } +form.asclosed {display: none;} +#search-application { padding-bottom: .1in} +#advanced-search-toggle {position: relative; top:-2px} +.html-ltr #advanced-search-toggle {text-align: right;} +.html-rtl #advanced-search-toggle {text-align: left; direction: ltr;} +#advanced-search-toggle div { width:6px; height: 6px; float: left; } +#advanced-search-toggle #toggle-inner { padding-left: 3px;} +.html-ltr #advanced-search-toggle #toggle-outer { margin: 0 .25in .1in 0; padding-right: 4px;} +.html-ltr #advanced-search-toggle a { padding-right: .15in } +.html-rtl #advanced-search-toggle #toggle-outer { margin: 0 0 .1in .25in; padding-right: 4px;} +.html-rtl #advanced-search-toggle a { padding-left: .15in} + +.html-ltr #search-application td {padding-right: .2in} +.html-rtl #search-application td {padding-left: .2in} +.html-rtl #advanced-search td { text-align: right;} + +.html-ltr #search-platform {float: left; margin-bottom: 1.5em; margin-right: 1in;} +.html-rtl #search-platform {float: right; margin-bottom: 1.5em; margin-left: 1in;} + +/*** =Mini search form ***/ +#search-mini { + display: inline; + float: right; + border: 1px solid #8cb956; + -moz-border-radius: 6px; + -webkit-border-radius: 6px; + border-radius: 6px; + background: #91ce43 url('../img/sprite.png?20090430') no-repeat right -23px; + padding: 5px; + position: relative; + -moz-box-shadow: 2px 2px 3px -1px #888888; + -webkit-box-shadow: 2px 2px 3px -1px #888888; + box-shadow: 2px 2px 3px -1px #888888; +} + +.html-rtl #search-mini { + float: left; + -moz-box-shadow: -2px 2px 3px -1px #888888; + -webkit-box-shadow: -2px 2px 3px -1px #888888; + box-shadow: -2px 2px 3px -1px #888888; +} + +#search-mini #category { + font-size: 113%; + max-width:250px; +} + +.html-ltr #search-mini #search-query label { left: 9px; padding: 0.39em 15px 0.2em 5px;} +.html-rtl #search-mini #search-query label { right: 9px; padding: 0.39em 5px 0.2em 15px;} + +#search-mini-submit { + border: 1px solid #6d9041; + background: url('../img/sprite.png?20090430') no-repeat right -23px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + padding: 2px 9px; + vertical-align: top; + margin: 0 0 0 3px; + -moz-box-shadow: 2px 2px 3px -1px #888888; + -webkit-box-shadow: 2px 2px 3px -1px #888888; + box-shadow: 2px 2px 3px -1px #888888; +} + +/*** =Footer ***/ +#footer { position: relative; width: 100%; clear: both; padding: 1em 0; min-width: 770px;} +#footer-lang-form { position: relative; max-width: 900px; min-width: 770px;} +.html-ltr #footer-lang-form {padding: 0 50px; margin: 0 auto;} +.html-rtl #footer-lang-form {padding: 0 0 0 50px; margin: 0 0;} + +.html-ltr #footer-lang-form p { position: absolute; right: 50px; } +.html-rtl #footer-lang-form p { position: absolute; left: 50px; } + +#footer-legal { max-width: 900px; margin: 0 auto; padding: 0 50px; min-width: 770px;} +#copyright { margin-bottom: 0; } +#nav-legal li { display: inline; margin-right: .5em; } +#footer-disclaimer { margin-top: 1em; } + +/*** =Content layout ***/ +#content { clear: both; position: relative; padding: 1em 50px; max-width: 950px; margin: 0 auto 1em; min-width: 770px; min-height:1000px; } +#content-main { position: relative; margin-left: 190px; min-height: 50em; } +#content.main-page #content-main, +#content.detail-page #content-main, +#content.reviews-page #content-main, +#content.versions-page #content-main { width: 60%; padding-right: 20%; } +#content-main.full { margin-left: 0; } +#content.detail-page #content-main.full, +#content.reviews-page #content-main.full, +#content.versions-page #content-main.full { width: 75%; padding-right: 25%; } +#secondaries .sub { width: 48%; } +#secondaries #feature3 { float: right; } +#secondaries #feature2 { float: left; } + +#content #sidebar { position: absolute; left: 50px; top: 1em; width: 170px; } + +/*** =Extra content ***/ +#content-extra { position: absolute; right: 0; top: 0; width: 23%; } + +#content-extra .extra { margin-bottom: .1em; padding: 5px 12px;} + +#content-extra h3 { margin-bottom: .1em; } +.html-ltr #content-extra ul { margin: 0 0 0 10px;} +.html-rtl #content-extra ul { margin: 0 10px 0 0; } +#content-extra ul li {margin: 0; padding:0;} +#content-extra ul li span {font-size: 8pt;} +#content-extra p.view-all { margin-bottom: .5em; } +.html-rtl #content-extra p.view-all {margin-right: 4px} +/*** =Categories ***/ + +#categories { margin-bottom: 1em; position: relative; z-index: 5; } +#categories h3 { margin: 0 -1px; padding-left: 6px; } +#categories.collapsed h3 { padding-left: 18px; } +#categories h3 span { display: block; padding: 8px 4px; } + +#categories, #categories.collapsed #cat-list { padding-bottom: 6px; } +#categories.collapsed h3 span { text-indent: 4px; padding-left: 0; } +#cat-list { margin-left: 0; } +#cat-list li { padding-right: 1px; } +#cat-list a, #cat-list span { display: block; padding: .5em 10px; } + +#categories.collapsed h3 { cursor: pointer; } +#categories p { margin: 0 -1px -6px; padding: .6em 10px; } +#categories.collapsed #cat-list { position: absolute; left: -999em; top: -999em; } +.html-rtl #categories.collapsed #cat-list {position: absolute; left: 999em; top: -999em;} +#categories.collapsed #cat-list.visible { margin: 0 -1px; width: 100%; left: 0; top: 3.35em; height: auto; overflow: visible; z-index: 99; } +#categories.collapsed #cat-list a:active, #categories.collapsed #cat-list a:focus { position: absolute; left: 999em; top: 1002.4em; width: 85%; } +#categories.collapsed #cat-list.visible a:active, #categories.collapsed #cat-list.visible a:focus { position: static; width: auto; } + + + +/*** =Content-main, general styles ***/ +#content-main p, #content-main ul, #content-main ol { margin-bottom: 1.25em; } +#content-main li { margin-bottom: .5em; } +#content-main li ul, #content-main li ol { margin-left: 15px; } + +/*** =Add-on boxes ***/ +.addon { position: relative; min-height: 160px; padding: 18px 20px 10px; margin-bottom: 1.6em; } +.addon .vex { height: 10px; width: 100%; position: absolute; left: 0; bottom: 0;} +.addon .vex span { display: block; height: 10px; margin-left: -1px; width: 10px; float: left;} +.addon .name { padding-left: 44px; position: relative; } +.addon .name img { position: absolute; left: 0; } +.addon .author { margin: 0 0 1.25em 44px; } +.addon .preview-img { position: absolute; left: -1px; top: 0; padding: 18px 0 0 20px; width:200px; height:150px; overflow:hidden;} +.addon .flag { position: absolute; left: -1px; top: 0; padding: 5px 10px 3px 10px; z-index: 5; } +.addon .baseline img.faq {margin: 0 5px 0 0; float: left;} +.rec, .exp { min-height: 170px; } +.rec .preview-img, .exp .preview-img { padding: 2.5em 0 0 20px; } +.updated { font-size: 75%; color:#666; } + +/* =Primary featured add-on */ +.main { padding-left: 240px; min-height: 220px; } +.main .rating { position: absolute; left: 20px; top: 180px; width: 200px; } +.main .stats { position: absolute; left: 20px; top: 180px; width: 200px; margin-top: 2em; } + +/* =Secondary featured add-ons */ +.sub { position: relative; padding: 0; } +.sub .irk { margin-left: -1px; padding: 14px 20px 8px; margin-right: 4px; } +.sub .vex { padding: 0; left: 0; } +.sub .name { margin-bottom: 0; } +.sub .preview-img { position: static; padding: 0;} +.sub .rating { position: static; width: 40%; padding-right: 10%; float: left; } +.sub .rating img { display: block; } +.sub .more-from { clear: both; } + +/* =Listing items */ +#content-main #addon-listing { margin-left: 0; } +#addon-listing .addon { padding: 18px 240px 10px; margin-bottom: 1em; } +#addon-listing .preview-img { position: absolute; left: -1px; top: 0;} +#addon-listing .rating { display: inline; margin-right: 2em; } +#addon-listing .stats { display: inline; margin-right: 2em; } +#addon-listing .more { display: inline; margin: 0; padding: 0; } +#addon-listing .more li { display: inline; margin: 0 10px 0 0; padding: 0 15px 0 0; } +#addon-listing .desc { margin-top: .5em; } + +/*** =Install button ***/ +.install-button:after, .install-container:after {content:".";clear:both;display:block;visibility:hidden;height:0;overflow:hidden;} /* clear floats */ +.install-button a { float: left; cursor: pointer; max-width: 290px;} +.html-rtl .install-button a { float: right; } +.install-button a * { display: block; float: left; position: relative; } +.html-rtl .install-button a * { float: right; } +.install-button a span { padding: 0 0 0 6px; } +.install-button a span span { padding: 0 0 8px 0; } +.install-button a span span span { left: -6px; padding: 0 0 6px 0; } +.install-button a span span span strong { right: -6px; padding: 10px 45px 0 6px; } +.install-button a span span span strong img {padding: 0 6px 0 0;} + +#addon-listing .install-container { position: absolute; right: 0; top: 20px; max-width: 180px; padding: 0 15px; } +#addon-listing .install-container .install-button { margin-bottom: .5em; float: right; } +#addon-listing .addon p.updated { position: absolute; right: 0; bottom: 5px; max-width: 180px; padding: 0 15px; } + +#addon-listing .exp .exp-loggedout, +#addon-listing .exp .exp-confirmed { float: right; } +#addon-listing .exp .exp-loggedout .install-button, +#addon-listing .exp .exp-confirmed .install-button { float: none; } + +.exp-loggedout, .exp-confirmed { float: left; padding: 5px 5px 3px 8px; } +.html-rtl .exp-loggedout, .html-rtl .exp-confirmed { float: right; padding: 5px 8px 3px 5px; } +.exp-loggedout .install-button, +.exp-confirmed .install-button { margin-top: 3px; margin-right: -3px; } +.html-rtl .exp-loggedout .install-button, +.html-rtl .exp-confirmed .install-button { margin-right: 0; margin-left: -3px; } +.exp-loggedout .install-button a { cursor: default; } +#content-main .exp-loggedout p.install-button, +#content-main .exp-confirmed p.install-button { margin-bottom: 0; } + +.exp-confirm-install input { float: left; } +.html-rtl .exp-confirm-install input { float: right; } +.exp-confirm-install .exp-desc { float: right; width: 85%; padding: 0px 0px 5px 0px; } +.html-rtl .exp-confirm-install .exp-desc { float: left; } + +/*** =Pitch ***/ +.pitch { margin-bottom: 1em; padding: 10px; } +.pitch h3, .pitch p { margin-bottom: 1em; } +.html-rtl .pitch ul { padding-right: 15px;} +.pitch h3 img { float: left; margin: -4px 10px 0 0; } + +/*** =Landing pages ***/ +#recommended { padding: 0 1% 10px; width: 98%; float: left; margin-bottom: 1em; } +#recommended .addon { float: none; } + +#content.wide #recommended .addon { width: 20%; padding-left: 26.5%; min-width: 100px; margin-bottom: 0; } +#content.wide #recommended .addon .preview-img { width: 45%; } +#content.wide #recommended #feature1 { float: left; } +#content.wide #recommended #feature2 { float: right; } + +#content.landing #secondaries { float: left; } +#content.landing #secondaries .sub { float: left; width: 30.5%; margin-right: 2.5%; } +#content.landing-with-slider #secondaries .sub { float: left; width: 31.5%; margin-right: 2.5%; } +#content.landing-with-slider #secondaries #feature8 { margin-right: 0; } +#content.landing #secondaries .sub .irk { padding-top: 2.2em; } +#content.landing #secondaries .sub .vex { padding-top: 0; } +#content.landing #secondaries .exp .preview-img { padding: 0;} +#content.landing #secondaries .addon .preview-img { padding: 0; width:180px;} + +#content.landing-with-slider #secondaries .sub { float: left; width: 31.5%; margin-right: 2.5%; } +#content.landing-with-slider #secondaries #feature8 { margin-right: 0; } + +/* Without a recommended box */ +#content.landing #secondaries { width: 77%; } +#content.landing #content-extra { width: 23%; } +#content.landing-with-slider #secondaries { width: 100%; } +#content.landing-with-slider #content-extra { width: 25%; position: absolute; top: 0; right: 0; } +#content.landing-with-slider #content-main { position: relative } +#content.landing-with-slider #recommended { float: none; position: relative; left: 0%; width: 71%; } +.html-rtl #content.landing-with-slider #recommended { float: left; } +#content.landing-with-slider #recommended #slider .item_set .addon { float: left; width: 308px; padding-left: 240px } +#content.landing-with-slider #recommended #slider { background-color: #fff; margin-bottom: 0 } + +/* When there is a recommended box... +#content.landing #secondaries { width: 76%; padding-left: 1%; } +#content.landing #content-extra { width: 22%; margin-right: 1%; } +*/ + +#content.landing #content-extra { position: static; float: right; } +#content.landing-with-slider #content-extra { position: absolute; float: none; } +#content.landing.languages #content-extra { margin-right: 0; } +#content.landing .more-addons { margin: 0 0 1em; padding: 6px 10px 0; } + +#content.landing.browse #secondaries { width: 50%; } +#content.landing.browse #secondaries .sub { width: 47%; } +#content.landing.browse #secondaries #feature4 { margin-right: 0; } +#content.landing.browse #content-extra { width: 47%; } +#content.browse .more-addons h3 a.view { display: inline; } + +.browse-list { list-style: none; margin: 0; width: 100%; overflow: auto; } +.browse-list li { width: 48%; margin: 0 0 3px 1%; float: left; } +.browse-list a { display: block; padding: 3px 5px; } + +#content.landing.languages .sub { width: 23.75%; margin-right: 2%; float: left; } +#content.landing.languages #feature3 { margin-right: 0; } + +/*** =Dictionaries ***/ +#dictionaries { margin-top: 1.5em; clear: both; padding: 10px 15px; } +#dictionaries table { width: 100%; } +#dictionaries th, #dictionaries td { padding: 6px 12px; } + +/*** =Detail page ***/ +#addon-summary { padding-left: 240px; min-height: 270px; } +#addon-summary .name { margin-bottom: 0; } +#addon-summary .preview-img { position: absolute; left: -1px; top: 0; padding: 18px 0 0 20px;} +#addon-summary.exp .preview-img, #addon-summary.rec .preview-img { padding-top: 2.5em; } +#addon-summary .rating img { } +#addon-summary .rating { position: absolute; left: 20px; top: 180px; width: 200px; text-align: center; line-height: 14px } +#content-main #addon-summary .stats { position: absolute; text-align: center; left: 20px; top: 202px; width: 200px; margin-top: 3.5em; } + +#addon-summary .link-sharing { position: absolute; left: 60px; top: 218px; font-size: 0.75em; } +#addon-summary .link-sharing .badge { } +#addon-summary .link-sharing .badge .button { display: block;color: #062445; background: #7cc11c url("../img/sprite.png?20090430") -800px -730px no-repeat; } +#addon-summary .link-sharing .badge .button a { display: block; padding: 0 8px 8px 0; background: transparent url(../img/installbtn-edges.png) no-repeat scroll right bottom; } +#addon-summary .link-sharing .badge .button a span { display: block; text-align: center; font-weight: bold; padding: 2px 0 0 2px; background: transparent url(../img/installbtn-edges-list.png) no-repeat scroll left top; } + +#addon-summary .link-sharing .share-button { padding: 0; margin: 0; width: 100px; } +#addon-summary .link-sharing .share-button:after, .install-container:after {content:".";clear:both;display:block;visibility:hidden;height:0;overflow:hidden;} +#addon-summary .link-sharing .share-button a { float: left; cursor: pointer; max-width: 290px; text-decoration: none; } +#addon-summary .link-sharing .share-button a * { display: block; float: left; position: relative; } +#addon-summary .link-sharing .share-button a span { padding: 0 0 0 6px; } +#addon-summary .link-sharing .share-button a span span { padding: 0 0 8px 0; } +#addon-summary .link-sharing .share-button a span span span { left: -6px; padding: 0 0 0 0; } +#addon-summary .link-sharing .share-button a span span span strong { width: 90px; text-align: center; right: -6px; padding: 0 18px 0 6px; } +#addon-summary .link-sharing .share-button a span span span strong img {padding: 0 6px 0 0;} + +#addon-summary .link-sharing .share-button a { color: #062445; background: #7cc11c url("../img/sprite.png?20090430") -800px -730px no-repeat; } +#addon-summary .link-sharing .share-button a span { background: transparent url("../img/installbtn-edges.png") left bottom no-repeat; } +#addon-summary .link-sharing .share-button a span span { background: transparent url("../img/installbtn-edges.png") right bottom no-repeat; } +#addon-summary .link-sharing .share-button a span span span { background: transparent url("../img/installbtn-edges.png") left top no-repeat; } +#addon-summary .link-sharing .share-button a span span span strong { background: transparent url("../img/installbtn-edges.png") right top no-repeat; } + +#addon-summary .link-sharing .share-button a:hover, .install-button a:focus, .install-button a:active { color: #0a3b73; background-color: #9dd34c; background-position: -800px -860px; } + +#addon-summary .link-sharing .badge .counter { display: block; position: relative; padding-right: 4px; text-align: center; top: -4px; } + +#addon-summary .link-sharing .choices { display: none; position: absolute; z-index: 9999; left: -120px; top: 12px; width: 360px; background: transparent url(../img/box-pointer-top.png) center top no-repeat; padding-top: 12px; } +#addon-summary .link-sharing .choices div { margin: 0; padding: 1em; background-color: #f8f8f8; border: 1px solid #657b86; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } +#addon-summary .link-sharing .choices ul { list-style: none; margin: 0; } +#addon-summary .link-sharing .choices ul li { width: 50%; float: left; } +#addon-summary .link-sharing .choices ul li p { padding: 0.25em; margin: 0 0.25em 0 0 } +#addon-summary .link-sharing .choices ul li p a { font-weight: bold; display:block; height: 20px; text-decoration: none; padding-left: 22px; background: transparent url(../img/favicons/digg.gif) left top no-repeat } +#addon-summary .link-sharing .choices ul li.digg p a { background-image: url(../img/favicons/digg.gif); } +#addon-summary .link-sharing .choices ul li.facebook p a { background-image: url(../img/favicons/facebook.gif); } +#addon-summary .link-sharing .choices ul li.delicious p a { background-image: url(../img/favicons/delicious.gif); } +#addon-summary .link-sharing .choices ul li.myspace p a { background-image: url(../img/favicons/myspace.gif); } +#addon-summary .link-sharing .choices ul li.friendfeed p a { background-image: url(../img/favicons/friendfeed.gif); } +#addon-summary .link-sharing .choices ul li.reddit p a { background-image: url(../img/favicons/reddit.gif); } + + +.addon-cats { margin-left: 0; } +.addon-cats li { display: inline; padding-left: 1em; margin-right: .5em; } +.addon-cats li:first-child { padding-left: 0; } + +#addon-info, #addon-advanced { padding: 8px 15px; margin-bottom: 1em; } +.html-ltr #addon_app_compatibility {position:relative; top: .6em; padding-left: 22em; font-weight:bold} +.html-rtl #addon_app_compatibility {position:relative; top: .6em; padding-right: 22em; font-weight:bold} +.html-ltr #addon-info .app_compat {float: left} +.html-rtl #addon-info .app_compat {float: right} +#addon-info h4 { font-size: 147%; } + +.addon-images { margin: 1em auto 1.5em; } +.addon-images li { display: inline; margin-right: 10px; } +.addon-images a img { margin-bottom: 10px; } + +#addon-advanced { position: relative; } +#addon-advanced h5 { margin-top: 1em; } + +/* =Reviews Page */ +#content .addon-reviews { margin-left: 0; } +#content .addon-reviews blockquote { margin: 0; } +#content .addon-reviews li { padding: 8px 10px; } +#content .addon-reviews .cite { font-size: 95%; margin-bottom: 0; } + +#content-extra ul.nav-addon { list-style: none; margin-left: 0; padding-left: 0; } + +#content .review .others-by-user { font-style: italic; display: block; margin-top: 0.5em; font-size: 0.85em } +#content .review .others-by-user a { padding-left: 22px; } +#content .review .others-by-user a.loading { background: transparent url(../img/ajax_loading.gif) no-repeat 2px top } + +#content .others-by-user-load { padding-left: 3em; } + +#content .review-reply { margin-left: 3em; } + +#content .review p.flag-thanks, #content .review-reply p.flag-thanks { font-weight: bold } +#content .review form.flag, #content .review-reply form.flag { display: block; padding-bottom: 1em } +#content .review form.flag label, #content .review-reply form.flag label { display: block; font-weight: bold } + +.with-js #content .review p.flag-thanks, .with-js #content .review-reply p.flag-thanks { display: inline } +.with-js #content .review form.flag, .with-js #content .review-reply form.flag { display: inline } +.with-js #content .review form.flag label, .with-js #content .review-reply form.flag label { display: none; } + +#content .review .flag span.loading, #content .review-reply .flag span.loading { padding-left: 22px; background: transparent url(../img/ajax_loading.gif) no-repeat 2px top } + +#content ul.review-flags { padding: 1em 1em 0.5em 1em; list-style-type: square } +#content ul.review-flags li { font-weight: bold; } +#content ul.review-flags-notes { padding: 0.25em 0.5em; list-style-type: disc } +#content ul.review-flags-notes li { font-weight: normal; } +#content ul.review-flags-notes .note { font-style: italic } + +/* =Version History Page */ +#latest-version { width: 96%; float: left; margin-bottom: 1.5em; padding: 8px 2%; } +#latest-version h3 { float: left; } +#latest-version .install-button { float: right; margin-bottom: 0; } +#content .addon-versions { margin-left: 0; padding-left: 0; list-style: none; } +#content .addon-versions li { padding: 8px 10px 0; } +#content .addon-versions h3 { margin-bottom: .5em; } + +/* For romanticized version - These rules will probably go away */ +#content .version-details, #content .version-links { list-style: none; margin-left: 0; padding-left: 0; } +#content .version-details li, #content .version-links li { padding: 0; border: 0; } +#content .version-links li { margin-bottom: .25em; } +#content .version-details em, #content .version-links em { font-style: normal; color: #888; } + +/* =Review miniform */ +#form-review { position: relative; margin-bottom: 1em; padding: 10px; } +#form-review textarea { width: 98%; margin: 0 auto .5em; } +#form-review #review-submit { width: 100%; clear: both; margin-top: -1.5em; } +#form-review .disabled {background: #eee;} +#form-review h3 {display:inline;} +#form-review .login {display:inline; font-size: 92%;} +#form-review .login a:link, #form-review .login a:visited {text-decoration:none;} +.html-ltr #form-review #review-submit { float: left;} +.html-rtl #form-review #review-submit { float: right;} +.html-ltr #form-review #review-submit input { float: right; } +.html-rtl #form-review #review-submit input { float: left; } + +/* =reCaptchas */ +#recaptcha_image { margin: .5em 0; } + +/* =Star rating */ + +#rate-it { + margin-bottom: 1em; +} + +#rate-it h4 { + float:left; + width: 6em; + font-size: 110%; +} + +.html-rtl #form-review #rate-it h4 { + float:right; +} + +#rate-it .stars { + display:block; + float:left; + width: 90px; + margin: 0.3em 0 0 0; +} + +#form-review #rate-it .degrade { + margin-left: 0; + width: 145px; +} + +#form-review #rate-it .degrade p { + margin: .2em 0; +} + +#rate-it .rating { + cursor: pointer; + margin: 2em; + clear: both; + display: block; +} +#rate-it .rating:after { + content: '.'; + display: block; + height: 0; + width: 0; + clear: both; + visibility: hidden; +} + +#long-review .stars { + margin: 0; +} + +#long-review .degrade { + margin-left: 14em; +} + +#long-review .stars p { + margin: 0.2em 0; +} + +#long-review .rating { + margin: 1em 0; +} + +/* =Base star styles*/ +.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; +} + +/* =Publish to collection from display page */ +#publish_to option:first-child { + display:none; +} + +/* =More add-ons */ +.more-addons { padding: 10px; } +.more-addons h3 a.view { display: block; padding-right: 30px; padding: .2em 30px .2em 0; } +.more-addons h4 { margin-top: 1.5em; } +#content.landing #content-extra .more-addons ul { margin-left: 0; } + +/*** =Pagination ***/ +.pagination { padding: 8px 10px 0; margin-top: 1em; } +.pages { margin: 0; float: left; } +.pages li { display: inline; margin: 0 2px; } +.pages a { padding: 3px 6px; } +.pages .prev a { padding-left: 15px; } +.pages .next a { padding-right: 15px; } +#content-main .pagination p.count { margin-bottom: 0; } +.pagination p.perpage em, .pagination .perpage a { margin: 0; } + +/*** =Listing control bar ***/ +#form-listcontrol { position: relative; margin-bottom: 1em; padding: 8px 20% 8px 18%; } +#form-listcontrol p, #form-listcontrol ul { margin: 0; } +#form-listcontrol #per-page { position: absolute; top: 8px; left: 10px; padding-top: 6px; } +#order-by li { display: inline; margin: 0 2px; } +#order-by button { cursor: pointer; padding: 8px 2px; width: 18.5%; } +#order-by button.current, #order-by button.current:hover { cursor: default; } +#form-listcontrol #experimental { position: absolute; top: 8px; right: 10px; width: 140px; } +#form-listcontrol #experimental label { display: block; cursor: pointer; padding: 4px 0 4px 30px; } +#form-listcontrol #experimental label input { position: absolute; left: 6px; top: 20%; } + + +/*** =Developer addon add agreement ***/ +#developerAgreement ul { list-style-type: disc; margin-top: 5px;} + +/*** =Thumbnail browser layout */ +#thumb-subcategories { position: absolute; left: 50px; top: 7.125em; width: 170px; } +#thumb-subcategories ul { list-style-type: none; margin: 0; padding: 0; padding-bottom:6px; margin-bottom:1em; position:relative; } +#thumb-subcategories ul li { padding-right:1px; overflow: hidden; } +#thumb-subcategories ul li a, #thumb-subcategories ul li span { display: block; font-size: 95%; padding: .25em 10px; } + +#thumb-subcategories a:link, #thumb-subcategories a:visited { text-decoration: none; } + +#thumb-browser .thumbs { list-style-type:none; margin-left: 23%; } +#thumb-browser .thumbs li.thumb { position: relative; width: 170px; margin-right: 10px; display: inline; float: left; text-align: center; } +#thumb-browser .thumbs li.thumb div.wrapper { padding: 1.75em 9px 0px 9px; margin: 0 5px 0 0; } +#thumb-browser .thumbs li.thumb div.wrapper div.item { width: 150px; } + +#thumb-browser .thumbs li.thumb div.img { border: 1px solid #ccc; background: #fff; height: 112px; overflow: hidden; } +#thumb-browser .thumbs li.thumb div.img img { width: 150px; } +#thumb-browser .thumbs li.thumb h3 { font-size: 115%; line-height: 115%; height: 2.25em; overflow: hidden; padding-top: 0.5em; margin-bottom: 0.5em; } +#thumb-browser .thumbs li.thumb .flag { position: absolute; top: 0; left: 0; padding: 0 6px; } +#thumb-browser .thumbs li.thumb p.meta { margin-bottom: 0; padding: 0; height: 3.5em; overflow: hidden; } +#thumb-browser .thumbs li.thumb .vex { text-align: left; height: 8px; } +#thumb-browser .thumbs li.thumb .vex span { display:block; height: 8px; margin-left:0px; } + +#thumb-browser #form-listcontrol { margin-left: 20%; padding: 8px 12% 8px 15%; } +#thumb-browser #form-listcontrol #order-by button { white-space: nowrap; width: 16.5% } + +#slider { margin-bottom: 18px; width: 100%; background:transparent url(../img/sprite.png?20090430) no-repeat scroll left -1256px; } +#slider .inner { background:transparent url(../img/sprite.png?20090430) no-repeat scroll right -1256px; width: 100%; } +#slider .viewport { position: relative; width: 100%; overflow: hidden; } +#slider .item_set { width: 6000px; } +#slider .item_set .addon { float: left; width: 308px; } +#slider .item_set li.addon { list-style: none; } +#slider .item_set .addon .preview-img { background: transparent url(../img/sprite.png?20090430) no-repeat 1px -1256px } +#slider .item_set .addon { background: none; border-left: none } +#slider .item_set .addon .install-container { height: 85px; } +#slider .item_set .addon .install-button { padding-top: 1.75em; padding-left: .5em; } +#slider .item_set .addon .exp-loggedout .install-button, +#slider .item_set .addon .exp-confirmed .install-button { padding-top: 0; padding-left: 0; } +#slider .item_set .addon .count { border-top:1px solid #CCCCCC; bottom:4px; height:35px; margin-left:-240px; position:absolute; } +#slider .controls { border-top: 1px solid #ccc; width: 100%; } +#slider .controls_inner { font-size: 140%; text-align: center; padding-top: 6px; border-left: 1px solid #ccc; border-right: 1px solid #ccc } +#slider .controls a { text-decoration: none; padding: 0 0.5em; } +#slider .controls a img { border: none; vertical-align: top } +#slider .vex { background: transparent url("../img/sprite.png?20090430") right bottom no-repeat; width: 100%; } +.html-rtl #slider .vex { direction: ltr; } +#slider .vex span { background: transparent url("../img/sprite.png?20090430") left bottom no-repeat; height: 10px; display: block; width: 10px; } + + +/* translation box */ +.graybox { + background-color: #F7FAFC; + border: 1px solid #EEF1F3; + 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; +} + + +/** Collections normal view **/ +#content .addon-listing .date-added { + margin: 0; + float: right; +} + +#content .coll-addon .preview-img { + margin: 0; +} + +.collections .nav { + list-style-type: none; + margin: 0; + padding: 0; + float: right; +} + +.collections .nav:after { + float: left; +} + +.collections .nav li { + float: left; + margin: 5px; +} + +.collections .collections-web li.coll-addon { + margin: 0; +} + +/* bandwagon collections: interactive collections template */ +.collections p.amo-plug { + float: right; + -moz-border-radius: 7px; + border: 1px solid #d8dcdf; + padding: 5px; +} + +.collections #content-main h1 { + font-size: 200%; +} + +.collections .cat-name { + margin-left: .3em; +} + +.collections .cat-header h3 { + background: transparent url(../img/fyf/triangle-right.png) scroll no-repeat left 5px; + padding-left: 20px; + margin-right: .4em; +} + +.collections .cat-header.selected h3 { + background: transparent url(../img/fyf/triangle-down.png) scroll no-repeat left 5px; +} + +.collections #content-main .cat-header p { + margin: 0; + margin-left: 20px; + padding-right: 5px; +} + +.collections ul.addon-listing { + padding: 0; + margin: 0; +} + +.collections ul.addon-install-listing { + max-height: 30em; + overflow: auto; +} + +.collections li.list-addon:after,.collections .coll-addon .preview-img:after,.collections .nav:after,#collectionform:after { + content: '.'; + clear: both; + display: block; + line-height: 0; + visibility: hidden; + width: 0; + height: 0; +} + +.collections li.coll-addon { + margin: .2em 2em .2em 2em; + padding: .5em 0; + border-top: 1px solid #ccc; +} + +.collections li.inst-addon { + margin: .5em 0; + padding: .5em; +} + +.collections .coll-addon .preview-img { + max-width: 12em; + float: left; + clear: both; +} + +.collections .coll-addon .preview-img img { + float: left; + clear: both; + margin: .5em 1em 0 0; + max-width: 12em; + max-height: 9em; +} + +.collections .list-addon h4 { + color: #2d3b58; + font-size: 140%; +} + +.collections .inst-addon .desc h4 { + width: auto; + float: none; +} + +.collections .list-addon .desc { + width: 81%; + margin: .2em 0 0 0; + float: left; +} + +.collections .list-addon img.icon { + float: left; + margin-right: .5em; + vertical-align: middle; +} + +.collections .inst-addon .desc { + float: left; + width: auto; + margin: 0; +} + +.collections .inst-addon .desc p { + font-size: 90%; + float: left; +} + +.collections .coll-addon h4 a { + text-decoration: none; +} + +.collections .list-addon .add-button,.collections .coll-addon .done-box { + -moz-border-radius: 7px; + padding: 5px 10px; + float: right; +} + +.collections .list-addon .add-button,.collections .coll-addon .done-box { + min-width: 160px; +} + +.collections .list-addon .done-box { + display: none; + clear: right; +} + +.collections .list-addon .add-button { + background: transparent url(../img/installbtn-bg.png) repeat-x top left; +} + +.collections .coll-addon .add-button { + font-weight: bold; +} + +.collections .inst-addon .add-button { + margin: 1em 1em 0 2em; + min-width: 15%; +} + +.collections .add-button .add,.collections .add-button input { + vertical-align: middle; + cursor: pointer; +} + +.collections .add-button .add { + color: #062445; +} + +.collections .add-button.upgrade { + background: #fff; + border: 1px solid #d8dcdf; + font-size: 125%; +} + +.collections #content-main .add-button p { + margin: 0; + font-weight: normal; +} + +.collections .done-box { + margin-top: .5em; + border: 1px solid #d8dcdf; +} + +.collections .installsubmit { + margin: 1em 0; + float: right; +} + +.collections .installsubmit input { + font-size: 120%; + margin: 0 .5em; +} + +.collections .faq { + float: right; + text-align: right; +} + +/* jqModal base Styling courtesy of Brice Burgess <bhb@iceburg.net> */ + +/* The Window's CSS z-index value is respected (takes priority). If none is supplied, + the Window's z-index value will be set to 3000 by default (via jqModal.js). */ +.jqmWindow { + display: none; + position: fixed; + top: 17%; + left: 50%; + margin-left: -400px; + width: 800px; + background-color: #efefef; + color: #333; + border: 1px solid black; + padding: 12px; +} + +.jqmOverlay { + background-color: #000; +} + + + +/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */ +* iframe.jqm { + position: absolute; + top: 0; + left: 0; + z-index: -1; + width: expression(this.parentNode.offsetWidth+'px'); + height: expression(this.parentNode.offsetHeight+'px'); +} +* html .jqmWindow { + position: absolute; + top: expression((document.documentElement.scrollTop || document.body.scrollTop)+Math.round(17 *(document.documentElement.offsetHeight || document.body.clientHeight) / 100)+'px'); +} + +#content.landing { + width: 995px; +} + +#content.landing .crumbs a { + color: #5086b6; +} +#content.landing .categories { + position: relative; + clear: both; + border: none; + z-index: 3000; +} + +#content.landing .categories h3 { + display: inline; + font-size: 189%; + padding:0 0 0 10px +} +.html-rtl #content.landing .categories h3 { + padding: 0 10px 0 0; +} + +#content.landing .categories .selection .current { + font-size: 250%; + padding: 0; + margin: 5px 0 0 0; + font-weight: normal; + display: inline; + padding: 0 3px 0 0; + +} +.html-rtl #content.landing .categories .selection .current { + padding: 0 0 0 3px; +} +#content.landing .categories .selection .current a { + text-decoration: none; + color: #5086b6; + background: none; + display: inline; + padding: 0; + +} +#content.landing .categories .selection .current a:hover { + color: #000; + +} +#content.landing .categories .selection .current .all { + display: inline; + padding: 4px; + background: url('../img/sprite.png?20090430') left -444px no-repeat; + +} +#content.landing .categories .selection .current a:hover .all { + background: url('../img/sprite.png?20090430') left -498px no-repeat; +} + +#content.landing .categories.open .current a .all { + background: url('../img/sprite.png?20090430') left -498px no-repeat; +} + +#content.landing .categories h3.featured_title { + float: left; + font-size: 24px; + padding: 0 0 0 0.5em; margin: 0; +} +#content.landing .categories h3.featured_title span { + font-size: 20px; +} +#content.landing .categories .selections { + background-color: #fff; + width: 410px; + list-style: none; + margin: 0; + padding: 6px; + -moz-box-shadow: 4px 7px 7px 2px #888888; + -webkit-box-shadow: 4px 7px 7px 2px #888888; + box-shadow: 4px 7px 7px 2px #888888; +} +.html-rtl #content.landing .categories .selections { + -moz-box-shadow: -4px 7px 7px 2px #888888; + -webkit-box-shadow: -4px 7px 7px 2px #888888; + box-shadow: -4px 7px 7px 2px #888888; +} + +#content.landing .categories.degrade .selections { + border-left: 1px solid #888888; + border-right: 1px solid #888888; + border-bottom: 1px solid #888888; +} + +#content.landing .categories.closed .selections { + position: absolute; + top: -1000px; + left: -100000px; +} +.html-rtl #content.landing .categories.closed .selections { + left: auto; + right: -100000px; +} + +#content.landing .categories.open .selections { + position: absolute; + left: -3px; + top: 3.3em; + z-index: 999; + -moz-column-count: 2; + column-count: 2; +} +.html-rtl #content.landing .categories.open .selections { + left: auto; + right: -3px; +} + +#content.landing .categories.open h2.current { + -moz-box-shadow: 2px 2px 7px 0 #888888; + -webkit-box-shadow: 2px 2px 7px 0 #888888; + box-shadow: 2px 2px 7px 0 #888888; + margin: 2px 0 -3px -3px; + padding: 3px; +} +.html-rtl #content.landing .categories.open h2.current { + -moz-box-shadow: -2px 2px 7px 0 #888888; + -webkit-box-shadow: -2px 2px 7px 0 #888888; + box-shadow: -2px 2px 7px 0 #888888; + margin: 2px -3px -3px 0; + padding: 3px; +} + +#content.landing .categories.open.degrade { + margin: 0 0 12px 0; +} + +#content.landing .categories.open.degrade h2.current { + border-top: 1px solid #888888; + border-left: 1px solid #888888; + border-right: 1px solid #888888; + margin: 5px -2px 5px -3px; +} + +#content.landing .categories.open.degrade .header { + background:#888888 none repeat scroll 0 0; + display:block; + height:1px; + left:273px; + line-height:0; + position:absolute; + top:39px; + padding: 0; +} + +#content.landing .categories.open .current a { + color: #000000; +} + +#content.landing .categories .selections li { + border: none; + padding: 0; +} +#content.landing .categories .selections li a { + display: block; + padding: 1px 1px 1px 5px; + margin: 0 4px 0 0; + text-decoration: none; + color: #000; + background: none; +} +.html-rtl #content.landing .categories .selections li a { + padding: 1px 5px 1px 1px; + margin: 0 0 0 4px; +} +#content.landing .categories .selections li a:hover { + background: #ddd; +} +#content.landing .search { + /* TODO */ + display: none; +} +#featured_addons { + width: 995px; + 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 div.addon_block +{ + display: block; + position: relative; + background: #f9f9f9 url(../img/sprite.png?20090430) no-repeat scroll left -968px; + width: 299px; + 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 9px; +} +.html-rtl #featured_addons ul li div.addon_block { + padding: 0 9px 0 0; +} +#featured_addons ul li div.addon_block .name { + font-size: 138%; + margin: 8px 155px 0px 0; + line-height: 1.25em; +} +.html-rtl #featured_addons ul li div.addon_block .name { + margin: 8px 0 0 155px; +} +#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; + max-height: 4.5em; + overflow: hidden; +} +.html-rtl #featured_addons ul li div.addon_block .summary { + margin: 0 0 0 149px; +} + +#featured_addons ul li div.addon_block .authors { + font-size: 100%; + line-height: 1.5em; + margin: 0 145px 0 0; + color: #2363a5; +} +.html-rtl #featured_addons ul li div.addon_block .authors { + margin: 0 0 0 145px; +} +#featured_addons ul li div.addon_block .authors a { + text-decoration: none; + /* + white-space: nowrap; + */ +} +#featured_addons ul li div.addon_block .rating { + font-size: 10px; + overflow: hidden; + margin: 2px 0 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; +} +span.rating-1 { + background-image: url(../img/ratings/1stars.png) +} +span.rating-2 { + background-image: url(../img/ratings/2stars.png) +} +span.rating-3 { + background-image: url(../img/ratings/3stars.png) +} +span.rating-4 { + background-image: url(../img/ratings/4stars.png) +} +span.rating-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; +} + +#featured_addons div.addon_block .install-container .install-button a { + background-position: 100% -736px; +} + +#featured_addons div.addon_block .install-container .exp-loggedout .install-button a { + background-position:100% -1002px; +} + +#featured_addons div.addon_block .install-container .install-button a span span { + padding:0 0 8px; +} + +#featured_addons div.addon_block .install-container .install-button a span span span strong { + padding:3px 45px 0 6px; +} + +#featured_addons div.addon_block .install-container .install-button a span span span { + padding: 0; +} + +#featured_addons div.addon_block .install-container .install-button a:hover, .install-button a:focus, +#featured_addons div.addon_block .install-container .install-button a:active { + color: #0a3b73; background-color: #9dd34c; background-position: 100% -866px; +} + +#featured_addons div.addon_block .install-container .exp-loggedout .install-button a:hover, +#featured_addons div.addon_block .install-container .exp-loggedout .install-button a:hover { + background-color: #f3f3f3; background-position: 100% -1132px; + color: #aaa; +} + +#content.landing div.addons_column { + float: left; + padding: 0 9px 8px 0; +} +.html-rtl #content.landing div.addons_column { + float: right; + padding: 0 0 8px 9px; +} + +#content.landing div.addons_column.last { + float: left; + padding: 0 0 8px 0; +} +#content.landing div.addons_column.last { + float: right; +} + +#content.landing div.addons_column h3 { + background: #acacac; + width: 309px; + -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; +} +#content.landing div.addons_column h3 span { + padding: 0 8px 0 8px; + text-transform: uppercase; + font-size: 14px; + color: #fff; + font-weight: bold; +} +#content.landing div.addons_column ul { + width: 309px; + list-style: none; + margin: 0; + padding: 0; +} +#content.landing div.addons_column ul li { + position: relative; + border-left: 1px solid #c9c8c9; + border-right: 1px solid #c9c8c9; + margin: 0; + +} +#content.landing div.addons_column ul li.odd { +} +#content.landing div.addons_column ul li.even { + background: #f0efef; +} +#content.landing div.addons_column ul li a { + height: 44px; + display: block; + text-decoration: none; + border: 1px solid transparent; + background: transparent url(../img/sprite.png?20090430) no-repeat scroll 287px -558px; +} +.html-rtl #content.landing div.addons_column ul li a { + background-position: -363px -558px; +} +#content.landing 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?20090430) no-repeat scroll 287px -670px; +} +.html-rtl #content.landing div.addons_column ul li a:hover { + border-left: 1px solid transparent; + border-right: 1px solid #000; + background-position: -363px -670px; +} +#content.landing div.addons_column ul li a img.icon { + position: absolute; + top: 6px; left: 6px; +} +.html-rtl #content.landing div.addons_column ul li a img.icon { + left: auto; + right: 6px; +} +#content.landing div.addons_column ul li a .name { + display: block; + padding: 4px 15px 0 0; + margin-left: 46px; + color: #000; + font-size: 116%; + line-height: 1.25em; + height: 1.25em; + overflow: hidden; +} +.html-rtl #content.landing div.addons_column ul li a .name { + padding: 4px 0 0 15px; + margin-left: 0; + margin-right: 46px; +} + +#content.landing div.addons_column ul li a .rating { + margin-left: 46px; + display: block; +} +.html-rtl #content.landing div.addons_column ul li a .rating { + margin-left: 0; + margin-right: 46px; +} + +#content.landing div.addons_column ul li a .meta { + display: block; + margin-left: 46px; + font-size: 93%; + color: #777; + position: absolute; + bottom: 6px; +} +.html-rtl #content.landing div.addons_column ul li a .meta { + margin-left: 0; + margin-right: 46px; +} + +#content.landing 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 #content.landing div.addons_column .view-all { + padding: 2px 9px 2px 0; +} + +#content.landing div.addons_column .view-all a:link, +#content.landing div.addons_column .view-all a:visited, +#content.landing div.addons_column .view-all a:hover, +#content.landing div.addons_column .view-all a:active { + color: #fff; + text-decoration: none; + font-size: 93%; +} + +#content.landing 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%; +} + +/* notification box element */ +.notification-box { + border: 1px solid; + display: block; + padding: 10px; +} +.notification-box.warning { + border-color: red; + background-color: #FFA5A5; +} + +/* Bandwagon: "add" page */ +.collections #addonname { + width: 200px; +} +.collections #selectedaddons { + width: 80%; + overflow: auto; + max-height: 300px; +} +.collections #selectedaddons > ul { + -moz-column-count: 2; +} +.collections #firstaddons { + display: none; /* shown with JS */ +} + +/* Bandwagon: add-on autocomplete */ +.ac_input { + width: 400px; +} +.ac_results { + padding: 0px; + border: 1px solid WindowFrame; + background-color: Window; + overflow-x: hidden; + overflow-y: auto; + max-height: 400px; +} + +.ac_results ul { + width: 100%; + list-style-position: outside; + list-style: none; + padding: 0; + margin: 0; +} + +.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; +} + +.ac_results li { + margin: 0px; + padding: 2px 5px; + cursor: pointer; + display: block; + width: 100%; + font: menu; + font-size: 12px; + overflow: hidden; +} +.ac_loading { + background : url('../img/ajax_loading.gif') right center no-repeat; +} +.ac_over { + background-color: Highlight; + color: HighlightText; +} +/** collections edit page */ +#coll-edit .jsonly { + display: none; +} +#coll-edit .error, #coll-edit .error_message { + color: #f00; +} +#coll-edit .coll-addon { + padding-bottom: 10px; + margin-bottom: 10px; + border-bottom: solid 1px #ddd; +} +#coll-edit .coll-addon .name { + font-weight: bold; +} +#coll-edit .coll-addon .added { + float: right; + font-style: italic; +} +#coll-edit .coll-addon a.removeaddon { + float: right; +} +#collections input#submitbutton { + margin: 10px; +} diff --git a/site/app/webroot/css/simile/bundle.css b/site/app/webroot/css/simile/bundle.css new file mode 100644 index 0000000..ebb1d50 --- /dev/null +++ b/site/app/webroot/css/simile/bundle.css @@ -0,0 +1,269 @@ +.timeline-ether-marker-bottom { + width: 5em; + height: 1.5em; + border-left: 1px solid #aaa; + padding-left: 2px; + color: #aaa; +} + +.timeline-ether-marker-bottom-emphasized { + width: 5em; + height: 2em; + border-left: 1px solid #aaa; + padding-left: 2px; + color: black; +} + +.timeline-ether-marker-top { + width: 5em; + height: 1.5em; + border-left: 1px solid #aaa; + padding-left: 2px; + color: #aaa; +} + +.timeline-ether-marker-top-emphasized { + width: 5em; + height: 2em; + border-left: 1px solid #aaa; + padding-left: 2px; + color: black; +} + + +.timeline-ether-marker-right { + width: 5em; + height: 1.5em; + border-top: 1px solid #aaa; + padding-top: 2px; + color: #aaa; +} + +.timeline-ether-marker-right-emphasized { + width: 7em; + height: 1.5em; + border-top: 1px solid #aaa; + padding-top: 2px; + color: black; +} +.timeline-ether-marker-left { + width: 5em; + height: 1.5em; + border-top: 1px solid #aaa; + padding-top: 2px; + color: #aaa; +} + +.timeline-ether-marker-left-emphasized { + width: 7em; + height: 1.5em; + border-top: 1px solid #aaa; + padding-top: 2px; + color: black; +} +.timeline-duration-event { + position: absolute; + overflow: hidden; + border: 1px solid blue; +} + +.timeline-instant-event2 { + position: absolute; + overflow: hidden; + border-left: 1px solid blue; + padding-left: 2px; +} + +.timeline-instant-event { + position: absolute; + overflow: hidden; +} + +.timeline-event-bubble-title { + font-weight: bold; + border-bottom: 1px solid #888; + margin-bottom: 0.5em; +} + +.timeline-event-bubble-body { +} + +.timeline-event-bubble-wiki { + margin: 0.5em; + text-align: right; + color: #A0A040; +} +.timeline-event-bubble-wiki a { + color: #A0A040; +} + +.timeline-event-bubble-time { + color: #aaa; +} + +.timeline-event-bubble-image { + float: right; + padding-left: 5px; + padding-bottom: 5px; +} + +.timeline-container { + position: relative; + overflow: hidden; +} + +.timeline-copyright { + position: absolute; + bottom: 0px; + left: 0px; + z-index: 1000; + cursor: pointer; +} + +.timeline-message-container { + position: absolute; + top: 30%; + left: 35%; + right: 35%; + z-index: 1000; + display: none; +} +.timeline-message { + font-size: 120%; + font-weight: bold; + text-align: center; +} +.timeline-message img { + vertical-align: middle; +} + +.timeline-band { + position: absolute; + background: #eee; + z-index: 10; +} + +.timeline-band-inner { + position: relative; + width: 100%; + height: 100%; +} + +.timeline-band-input { + position: absolute; + width: 1em; + height: 1em; + overflow: hidden; + z-index: 0; +} +.timeline-band-input input{ + width: 0; +} + +.timeline-band-layer { + position: absolute; + width: 100%; + height: 100%; +} + +.timeline-band-layer-inner { + position: relative; + width: 100%; + height: 100%; +} + +.timeplot-container { + overflow: hidden; + position: relative; + /*height: 200px;*/ + border: 1px solid #ccc; + padding: 12px 14px; +} + +.timeplot-copyright { + position: absolute; + top: 0px; + left: 0px; + z-index: 1000; + cursor: pointer; +} + +.timeplot-message-container { + position: absolute; + top: 30%; + left: 35%; + right: 35%; + max-width: 400px; + z-index: 1000; + display: none; +} +.timeplot-message { + font-size: 120%; + font-weight: bold; + text-align: center; +} +.timeplot-message img { + vertical-align: middle; +} + +.timeplot-div { + position: absolute; +} + +.timeplot-grid-label { + font-size: 9px; +} + +.timeplot-event-box { + cursor: pointer; +} + +.timeplot-event-box-highlight { + border: 1px solid #FFB03B; +} + +.timeplot-valueflag { + display: none; + border: 1px solid #FFB02D; + padding: 2px 4px; + text-align: center; + background-color: #FFE57F; + font-weight: bold; + z-index: 1000; +} + +.timeplot-valueflag-line { + display: none; + width: 14px; + height: 14px; + z-index: 1000; +} + +.timeplot-timeflag { + display: none; + border: 1px solid #FFB02D; + padding: 2px 4px; + text-align: center; + background-color: #FFE57F; + font-weight: bold; + z-index: 1000; +} + +.timeplot-timeflag-triangle { + display: none; + width: 11px; + height: 6px; + z-index: 1001; +} + +.timeplot-valueflag-pole { + display: none; + border-left: 1px solid #FFB02D; + z-index: 999; +} + +.timeplot-lens { + display: none; + border: 1px solid #FFB02D; + z-index: 998; +} diff --git a/site/app/webroot/css/simile/ethers.css b/site/app/webroot/css/simile/ethers.css new file mode 100755 index 0000000..7d1671d --- /dev/null +++ b/site/app/webroot/css/simile/ethers.css @@ -0,0 +1,63 @@ +.timeline-ether-marker-bottom { + width: 5em; + height: 1.5em; + border-left: 1px solid #aaa; + padding-left: 2px; + color: #aaa; +} + +.timeline-ether-marker-bottom-emphasized { + width: 5em; + height: 2em; + border-left: 1px solid #aaa; + padding-left: 2px; + color: black; +} + +.timeline-ether-marker-top { + width: 5em; + height: 1.5em; + border-left: 1px solid #aaa; + padding-left: 2px; + color: #aaa; +} + +.timeline-ether-marker-top-emphasized { + width: 5em; + height: 2em; + border-left: 1px solid #aaa; + padding-left: 2px; + color: black; +} + + +.timeline-ether-marker-right { + width: 5em; + height: 1.5em; + border-top: 1px solid #aaa; + padding-top: 2px; + color: #aaa; +} + +.timeline-ether-marker-right-emphasized { + width: 7em; + height: 1.5em; + border-top: 1px solid #aaa; + padding-top: 2px; + color: black; +} +.timeline-ether-marker-left { + width: 5em; + height: 1.5em; + border-top: 1px solid #aaa; + padding-top: 2px; + color: #aaa; +} + +.timeline-ether-marker-left-emphasized { + width: 7em; + height: 1.5em; + border-top: 1px solid #aaa; + padding-top: 2px; + color: black; +} diff --git a/site/app/webroot/css/simile/events.css b/site/app/webroot/css/simile/events.css new file mode 100755 index 0000000..68e7581 --- /dev/null +++ b/site/app/webroot/css/simile/events.css @@ -0,0 +1,45 @@ +.timeline-duration-event { + position: absolute; + overflow: hidden; + border: 1px solid blue; +} + +.timeline-instant-event2 { + position: absolute; + overflow: hidden; + border-left: 1px solid blue; + padding-left: 2px; +} + +.timeline-instant-event { + position: absolute; + overflow: hidden; +} + +.timeline-event-bubble-title { + font-weight: bold; + border-bottom: 1px solid #888; + margin-bottom: 0.5em; +} + +.timeline-event-bubble-body { +} + +.timeline-event-bubble-wiki { + margin: 0.5em; + text-align: right; + color: #A0A040; +} +.timeline-event-bubble-wiki a { + color: #A0A040; +} + +.timeline-event-bubble-time { + color: #aaa; +} + +.timeline-event-bubble-image { + float: right; + padding-left: 5px; + padding-bottom: 5px; +}
\ No newline at end of file diff --git a/site/app/webroot/css/simile/timeline.css b/site/app/webroot/css/simile/timeline.css new file mode 100755 index 0000000..04ef2e4 --- /dev/null +++ b/site/app/webroot/css/simile/timeline.css @@ -0,0 +1,65 @@ +.timeline-container { + position: relative; + overflow: hidden; +} + +.timeline-copyright { + position: absolute; + bottom: 0px; + left: 0px; + z-index: 1000; + cursor: pointer; +} + +.timeline-message-container { + position: absolute; + top: 30%; + left: 35%; + right: 35%; + z-index: 1000; + display: none; +} +.timeline-message { + font-size: 120%; + font-weight: bold; + text-align: center; +} +.timeline-message img { + vertical-align: middle; +} + +.timeline-band { + position: absolute; + background: #eee; + z-index: 10; +} + +.timeline-band-inner { + position: relative; + width: 100%; + height: 100%; +} + +.timeline-band-input { + position: absolute; + width: 1em; + height: 1em; + overflow: hidden; + z-index: 0; +} +.timeline-band-input input{ + width: 0; +} + +.timeline-band-layer { + position: absolute; + width: 100%; + height: 100%; +} + +.timeline-band-layer-inner { + position: relative; + width: 100%; + height: 100%; +} + diff --git a/site/app/webroot/css/simile/timeplot.css b/site/app/webroot/css/simile/timeplot.css new file mode 100755 index 0000000..a029f5e --- /dev/null +++ b/site/app/webroot/css/simile/timeplot.css @@ -0,0 +1,95 @@ +.timeplot-container { + overflow: hidden; + position: relative; + /*height: 200px;*/ + border: 1px solid #ccc; + padding: 12px 14px; +} + +.timeplot-copyright { + position: absolute; + top: 0px; + left: 0px; + z-index: 1000; + cursor: pointer; +} + +.timeplot-message-container { + position: absolute; + top: 30%; + left: 35%; + right: 35%; + max-width: 400px; + z-index: 1000; + display: none; +} +.timeplot-message { + font-size: 120%; + font-weight: bold; + text-align: center; +} +.timeplot-message img { + vertical-align: middle; +} + +.timeplot-div { + position: absolute; +} + +.timeplot-grid-label { + font-size: 9px; +} + +.timeplot-event-box { + cursor: pointer; +} + +.timeplot-event-box-highlight { + border: 1px solid #FFB03B; +} + +.timeplot-valueflag { + display: none; + border: 1px solid #FFB02D; + padding: 2px 4px; + text-align: center; + background-color: #FFE57F; + font-weight: bold; + z-index: 1000; +} + +.timeplot-valueflag-line { + display: none; + width: 14px; + height: 14px; + z-index: 1000; +} + +.timeplot-timeflag { + display: none; + border: 1px solid #FFB02D; + padding: 2px 4px; + text-align: center; + background-color: #FFE57F; + font-weight: bold; + z-index: 1000; +} + +.timeplot-timeflag-triangle { + display: none; + width: 11px; + height: 6px; + z-index: 1001; +} + +.timeplot-valueflag-pole { + display: none; + border-left: 1px solid #FFB02D; + z-index: 999; +} + +.timeplot-lens { + display: none; + border: 1px solid #FFB02D; + z-index: 998; +} diff --git a/site/app/webroot/css/slimbox/close.png b/site/app/webroot/css/slimbox/close.png Binary files differnew file mode 100644 index 0000000..a39bbcf --- /dev/null +++ b/site/app/webroot/css/slimbox/close.png diff --git a/site/app/webroot/css/slimbox/closelabel.gif b/site/app/webroot/css/slimbox/closelabel.gif Binary files differnew file mode 100644 index 0000000..87b4f8b --- /dev/null +++ b/site/app/webroot/css/slimbox/closelabel.gif diff --git a/site/app/webroot/css/slimbox/goleft.png b/site/app/webroot/css/slimbox/goleft.png Binary files differnew file mode 100644 index 0000000..50f63d8 --- /dev/null +++ b/site/app/webroot/css/slimbox/goleft.png diff --git a/site/app/webroot/css/slimbox/goright.png b/site/app/webroot/css/slimbox/goright.png Binary files differnew file mode 100644 index 0000000..8a8d3ef --- /dev/null +++ b/site/app/webroot/css/slimbox/goright.png diff --git a/site/app/webroot/css/slimbox/loading.gif b/site/app/webroot/css/slimbox/loading.gif Binary files differnew file mode 100644 index 0000000..f864d5f --- /dev/null +++ b/site/app/webroot/css/slimbox/loading.gif diff --git a/site/app/webroot/css/slimbox/nextlabel.gif b/site/app/webroot/css/slimbox/nextlabel.gif Binary files differnew file mode 100644 index 0000000..7c66121 --- /dev/null +++ b/site/app/webroot/css/slimbox/nextlabel.gif diff --git a/site/app/webroot/css/slimbox/prevlabel.gif b/site/app/webroot/css/slimbox/prevlabel.gif Binary files differnew file mode 100644 index 0000000..0641876 --- /dev/null +++ b/site/app/webroot/css/slimbox/prevlabel.gif diff --git a/site/app/webroot/css/slimbox/slimbox.css b/site/app/webroot/css/slimbox/slimbox.css new file mode 100644 index 0000000..59a5d59 --- /dev/null +++ b/site/app/webroot/css/slimbox/slimbox.css @@ -0,0 +1,108 @@ +/* SLIMBOX */ + +#lbOverlay { + position: absolute; + left: 0; + width: 100%; + background-color: #000; + cursor: pointer; +} + +#lbCenter, #lbBottomContainer { + position: absolute; + left: 50%; + overflow: hidden; + background-color: #aaa; +} + +.lbLoading { + background: #fff url(loading.gif) no-repeat center; +} + +#lbImage { + position: absolute; + left: 0; + top: 0; + background-repeat: no-repeat; + background-position: center; + padding: 0px; +} + +#lbPrevLink, #lbNextLink { + display: block; + position: absolute; + top: 0; + width: 50%; + outline: none; +} + +#lbPrevLink { + left: 0; +} + +#lbPrevLink:hover { + background: transparent url(goleft.png) no-repeat 0% 48%; +} + +#lbNextLink { + right: 0; +} + +#lbNextLink:hover { + background: transparent url(goright.png) no-repeat 100% 48%; +} + +#lbBottom { + font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; + font-size: 10px; + color: #666; + line-height: 1.4em; + text-align: left; + padding: 0px; + padding-top:5px; +} + +#lbCloseLink { + display: block; + float: right; + width: 66px; + height: 36px; + background: transparent url(close.png) no-repeat center; + margin: 5px 0; +} + +#lbCaption, #lbNumber { + padding-left:5px; + margin-right: 71px; + color:#111; +} + +#lbCaption { + font-weight: bold; +} + +/* Begin Mozilla Additions */ +#lbPreviewContainerContainer { + width: 100%; + border-top: 3px solid #555; + border-bottom: 3px solid #555; + background-color: #ccc; + +} +#lbPreviewContainer { + width: 100%; + height: 75px; + margin: 5px auto 5px auto; +} +#lbPreviewContainer img { + border: 1px solid #000; + width: 65px; + height: 65px; + padding: 2px 2px 2px 2px; + margin: 2px 2px 2px 2px; +} +#lbPreviewContainer img.active { + border: 1px solid #e35200; + width: 65px; + height: 65px; +} diff --git a/site/app/webroot/css/stats/dropdowns.css b/site/app/webroot/css/stats/dropdowns.css new file mode 100755 index 0000000..a9ddc2c --- /dev/null +++ b/site/app/webroot/css/stats/dropdowns.css @@ -0,0 +1,408 @@ +.plot-dropdown { + border: 2px solid #D8DCDF; + -moz-border-radius: 6px; + -webkit-border-radius: 6px; + float: left; + height: 12px; + width: 153px; + padding: 2px; + z-index: 12; + margin: 2px 5px; +} +.html-rtl .plot-dropdown { + float: right; +} +.plot-dropdown.menu-open { + -moz-border-radius-bottomright: 0px; + -webkit-border-bottom-right-radius: 0px; +} +.plot-dropdown a { + text-decoration: none; + color: #333333; + cursor: pointer; +} +.plot-dropdown .colorbox, +.plot-legend .colorbox { + width: 10px; + height: 10px; + background: #ddddff; + border: 1px solid gray; + float: left; +} +.html-rtl .plot-dropdown .colorbox, +.html-rtl .plot-legend .colorbox { + float: right; +} +.plot-dropdown .colorbox.removable:hover { + background: gray url('../../img/stats/x.png') no-repeat top left !important; +} +.plot-dropdown:hover, +.plot-dropdown ul:hover { + border-color: #99CC99; +} +.plot-dropdown .selected { + background: transparent url('../../img/arr-otherapps-open.png') no-repeat 98% 50%; + float: left; + width: 92%; + margin-top: -3px; + height: 18px; +} +.html-rtl .plot-dropdown .selected { + float: right; + background-position: 2% 50%; +} +.plot-dropdown .selected .selected-text { + float: left; + padding-left: 5px; + width: 85%; + overflow: hidden; + height: 17px; +} +.html-rtl .plot-dropdown .selected .selected-text { + float: right; + padding-left: auto; + padding-right: 5px; +} +.plot-dropdown .selected .selected-prefix { + font-size: 10px; + color: #006600; +} +.plot-dropdown .selected .selected-name { + padding-left: 2px; +} +.html-rtl .plot-dropdown .selected .selected-name { + padding-left: 0; + padding-right: 2px; +} +.plot-dropdown ul { + display: none; + position: absolute; + list-style: none; + padding: 0; + margin: 14px 0 0 13px; + background-color: #FFFFFF; + border: 2px solid #D8DCDF; + -moz-border-radius: 6px; + -webkit-border-radius: 6px; + width: 140px; + z-index: 1100; +} +.plot-dropdown ul.scrolling { + max-height: 250px; + overflow: auto; +} +.plot-dropdown ul.level1 { + -moz-border-radius-topleft: 0px; + -moz-border-radius-topright: 0px; + -webkit-border-top-left-radius: 0px; + -webkit-border-top-right-radius: 0px; +} +.plot-dropdown ul.level2 { + margin-left: 155px; + margin-top: 30px; +} +.plot-dropdown ul.level3 { + margin-left: 297px; + margin-top: 47px; +} +.plot-dropdown ul li a { + display: block; + overflow: hidden; + padding-left: 2px; +} +.plot-dropdown ul li a.active-item { + background-color: #D8DCDF; +} +.plot-dropdown ul li a:hover { + background-color: #D8DCDF; +} +.plot-dropdown .none { + color: #D8DCDF; +} +.plot-dropdown a:hover .none { + color: #FFFFFF; +} +.plot-dropdown .submenu a { + background: transparent url('../../img/arr-otherapps-closed.png') 128px 50% no-repeat; +} +.plot-dropdown .menu-divider { + border: 1px solid #D8DCDF; +} +.plot-dropdown ul:hover .menu-divider { + border: 1px solid #99CC99; +} + + +.plot-dropdown.toggle ul { + margin-left: -4px; + width: 157px; +} +.plot-dropdown.toggle ul li a { + min-height: 18px; +} +.plot-dropdown.toggle ul a .item-toggle-icon { + float: left; + width: 20px; + height: 18px; +} +.plot-dropdown.toggle ul a .item-name { + padding-left: 22px; + display: block; +} +.plot-dropdown.toggle ul li.checked a .item-toggle-icon { + background: url('../../img/stats/tick.png') center center no-repeat; +} + +.plot-dropdown.toggle ul li.count a .item-toggle-icon { + width: 10px; + height: 10px; + border: 1px solid gray; + background: none; + margin: 4px; +} +.plot-dropdown.toggle ul li.checked.count a .item-toggle-icon { + background: #000000; +} + +.plot-dropdown.toggle ul li.events-firefox a .item-toggle-icon { + background: url('../../img/developers/firefox.png') center center no-repeat; + opacity: .3; +} +.plot-dropdown.toggle ul li.checked.events-firefox a .item-toggle-icon { + opacity: 1; +} +.plot-dropdown.toggle ul li.events-thunderbird a .item-toggle-icon { + background: url('../../img/developers/thunderbird.png') center center no-repeat; + opacity: .3; +} +.plot-dropdown.toggle ul li.checked.events-thunderbird a .item-toggle-icon { + opacity: 1; +} +.plot-dropdown.toggle ul li.events-addon a .item-toggle-icon { + opacity: .3; + background: none; + text-align: center; +} +.plot-dropdown.toggle ul li.checked.events-addon a .item-toggle-icon { + opacity: 1; + background: none; +} +.plot-dropdown.toggle ul li.add-plot a .item-toggle-icon { + background: url('../../img/stats/chart_curve_add.png') center center no-repeat; +} +.plot-dropdown.toggle ul li.resize a .item-toggle-icon { + background: transparent url('../../img/icn-expand.png') 4px 3px no-repeat; +} +.plot-dropdown.toggle ul li.checked.resize a .item-toggle-icon { + background: transparent url('../../img/icn-collapse.png') 4px 3px no-repeat; +} +.plot-dropdown.toggle ul li.rss a .item-toggle-icon { + background: url('../../img/stats/rss16x16.png') center center no-repeat; +} +.plot-dropdown.toggle ul li.csv a .item-toggle-icon { + background: url('../../img/stats/page_white_go.png') center center no-repeat; +} + + +.plot-dropdown.big-menu { + height: 20px; + font-size: 15px; + width: 165px; +} +.plot-dropdown.big-menu.menu-open, +.plot-dropdown.toggle.menu-open { + -moz-border-radius-bottomright: 0px; + -moz-border-radius-bottomleft: 0px; + -webkit-border-bottom-right-radius: 0px; + -webkit-border-bottom-left-radius: 0px; +} +.plot-dropdown.big-menu .selected { + width: 100%; + margin-top: -1px; + height: 23px; +} +.plot-dropdown.big-menu .selected .selected-text { + height: 22px; +} +.plot-dropdown.big-menu ul { + width: 169px; + margin: 22px 0 0 -4px; +} +.html-rtl .plot-dropdown.big-menu ul { + margin-left: 0; + margin-right: -4px; +} +.plot-dropdown.big-menu ul li a { + padding-left: 8px; +} +.html-rtl .plot-dropdown.big-menu ul li a { + padding-left: 0; + padding-right: 8px; +} +.plot-dropdown.big-menu ul li.indented a { + padding-left: 23px; +} +.html-rtl .plot-dropdown.big-menu ul li.indented a { + padding-left: 0; + padding-right: 23px; +} + +#options.plot-dropdown { + width: 35px; + padding: 4px; +} +#options.plot-dropdown .selected .selected-text { + padding: 0; +} +#options.plot-dropdown .selected { + width: 96%; +} +#options.plot-dropdown ul { + margin-left: -120px; +} + +#group-by-selector { + width: 163px; + white-space: nowrap; +} +#group-by-selector .selected { + width: 98%; +} +#group-by-selector_group-by-selection-menu { + padding: 0 0.5em 0 0.5em; + width: auto; +} + + +#plot-options #plot-selector-area { + width: 180px; + float: left; +} +.html-rtl #plot-options #plot-selector-area { + float: right; +} +#plot-options #options-area { + width: 100px; + float: right; +} +.html-rtl #plot-options #options-area { + float: left; +} +#plot-options #plot-selection { + width: 620px; + float: left; +} +.html-rtl #plot-options #plot-selection { + float: right; +} + +#plot-options .options { + float: right; +} + +#weeks-legend { + display: none; + border: 2px solid #D8DCDF; + -moz-border-radius: 6px; + -webkit-border-radius: 6px; + float: left; + margin-left: 160px; +} + +#summary-legend { + border: 2px solid #D8DCDF; + -moz-border-radius: 6px; + -webkit-border-radius: 6px; + float: left; + margin-left: 120px; +} +.html-rtl #summary-legend { + float: right; + margin-left: auto; + margin-right: 120px; +} +.plot-legend .colorbox { + margin: 2px; +} +.plot-legend { + float: left; + padding: 2px; +} +.html-rtl .plot-legend { + float: right; +} +.plot-legend .plot-name { + float: left; + margin: -2px 10px 0 2px; +} +.html-rtl .plot-legend .plot-name { + float: right; + margin-left: 10px; + margin-right: 2px; +} + +#summary-options { + border: 2px solid #D8DCDF; + -moz-border-radius: 6px; + -webkit-border-radius: 6px; + float: right; +} +.html-rtl #summary-options { + float: left; +} +.zoom-button { + float: left; + width: 16px; + height: 16px; + background-color: #EEEEEE; + padding: 2px 3px; + cursor: pointer; +} +.zoom-button:hover { + background-color: #99CC99; +} +.zoom-button.disabled { + opacity: .2; + cursor: default; +} +.zoom-button.disabled:hover { + background-color: #EEEEEE; +} +#zoom-in { + -moz-border-radius-topleft: 4px; + -moz-border-radius-bottomleft: 4px; + -webkit-border-top-left-radius: 4px; + -webkit-border-bottom-left-radius: 4px; + border-right: 1px solid #D8DCDF; +} +#zoom-out { + -moz-border-radius-topright: 4px; + -moz-border-radius-bottomright: 4px; + -webkit-border-top-right-radius: 4px; + -webkit-border-bottom-right-radius: 4px; +} + +.plot-button { + -moz-border-radius: 6px; + -webkit-border-radius: 6px; + background-color: #D8DCDF; + float: left; + padding: 2px 5px; + cursor: pointer; +} +.plot-button:hover { + background-color: #99CC99 !important; +} + +#timeplot-container { + min-height: 174px; + clear: both; +} +.timeplot-container { + height: 150px; +} +.timeplot { + height: 150px; + border: none !important; +} + diff --git a/site/app/webroot/css/stats/stats.css b/site/app/webroot/css/stats/stats.css new file mode 100755 index 0000000..16f2097 --- /dev/null +++ b/site/app/webroot/css/stats/stats.css @@ -0,0 +1,279 @@ +.template { display: none; } + +#content { + width: 948px; + margin-left:auto; + margin-right:auto; +} +.section { + width: 950px; +} + +#stats-table { + display: none; + width: 948px; + overflow: auto; + margin: 1em 0 1em 0; +} +#stats-table a.download{ + padding: 1em 0em 1.5em 0em; + font-weight: bold; + display: block; +} +#stats-table-instance { +} +#stats-table-instance thead { + background-color: #E4F8E0; +} +#stats-table-instance thead tr { +} +#stats-table-instance thead tr th { + color: #333; + padding: 0.25em 1em 0.25em 1em; + font-weight: bold; + border-right: 2px solid #ccc; + border-top: 1px solid #333; + border-bottom: 1px solid #333; +} +#stats-table-instance thead tr th.first { + border-left: 1px solid #000; +} +#stats-table-instance thead tr th.last { + border-right: 1px solid #000; +} +#stats-table-instance tbody { +} +#stats-table-instance tbody tr.odd { + background-color: #ededed; +} +#stats-table-instance tbody tr.even { +} +#stats-table-instance tbody tr td { + padding: 0.25em 1em 0.25em 1em; + border-right: 2px solid #ccc; +} +#stats-table-instance tbody tr td.first { + font-weight: bold; + border-left: 1px solid #000; +} +#stats-table-instance tbody tr td.last { + border-right: 1px solid #000; +} +#stats-table-instance tbody tr.last td { + border-bottom: 1px solid #000; +} + +.greenbox-tr { + background: transparent url('../../img/rec-tr.png') top right no-repeat; +} +.greenbox-tl { + background: transparent url('../../img/rec-tl.png') top left no-repeat; +} +.greenbox-bl { + background: transparent url('../../img/rec-bl.png') bottom left no-repeat; + height: 10px; +} +.greenbox-br { + background: transparent url('../../img/rec-br.png') bottom right no-repeat; + height: 10px; +} + +.bluebox-tr { + background: transparent url('../../img/addon-tr.png') top right no-repeat; +} +.bluebox-tl { + background: transparent url('../../img/addon-tl.png') top left no-repeat; +} +.bluebox-bl { + background: transparent url('../../img/addon-bl.png') bottom left no-repeat; + height: 10px; +} +.bluebox-br { + background: transparent url('../../img/addon-br.png') bottom right no-repeat; + height: 10px; +} + +body { + line-height: normal; +} +td, th { + border: none; +} + +.warning { + background: transparent url('../../img/warning.png') no-repeat 20px 50%; + border: 1px solid gray; + -moz-border-radius: 30px; + -webkit-border-radius: 30px; + height: 48px; + margin: 0 20px 10px 20px; + padding: 5px 20px 5px 100px; +} +.html-rtl .warning { + background-position: 810px 50%; + padding-left: 20px; + padding-right: 80px; +} +.warning div { + display: table-cell; + height: 48px; + vertical-align: middle; +} + +#helpbox { + margin: 5px auto; + border: 1px solid gray; + width: 75%; + padding: 10px; +} + +#addon_header h2 { + padding-top: 5px; +} + +#stats_menu span.type { + color: #666666; +} +#stats_menu .selected { + border-bottom: 1px dotted navy; +} +#tabs p { + margin: 0px; + text-indent: 10px; +} +#tabs h3 { + border-bottom: 1px solid black; +} +#tabs h4 { + font-weight: bold; + font-size: 14px; +} +#tabs h4 a { + color: navy; + text-decoration: none; +} +#tabs h4 a:hover { + text-decoration: underline; +} + +.cal_updatepings { + background-color: #DDDDFF; +} + +#stats-table-container { + padding: 10px; +} +#stats_table { + margin: 0 auto; +} +#stats_table .header td { + font-weight: bold; +} +#stats_table .value { + +} + +#stats_overview td { + vertical-align: middle; +} +#stats_overview .label { + font-size: 120%; + border-bottom: 1px dashed gray; +} +#stats_overview .value { + font-size: 130%; + text-align: right; + border-bottom: 1px dashed gray; +} +.html-rtl #stats_overview .value { + text-align: left; +} +#stats_overview .biglabel { + font-weight: bold; + font-size: 120%; + border-top: 1px solid black; + border-bottom: 1px solid black; +} +#stats_overview .bigvalue { + font-weight: bold; + font-size: 24px; + text-align: right; + border-top: 1px solid black; + border-bottom: 1px solid black; +} +.html-rtl #stats_overview .bigvalue { + text-align: left; +} +#stats_overview .date { + text-indent: 2em; + color: gray; + font-size: 10px; +} + +#nodata .inpie { + position: absolute; + top: 140px; + font-weight: bold; + font-size: 14px; + width: 100%; + padding-left: 10px; +} +#nodata .outofpie { + position: absolute; + text-align: center; + bottom: 0px; + width: 100%; +} + +#settings { + text-align: right; + padding-top: 10px; +} +.html-rtl #settings { + text-align: left; +} +#settings .confidential { + color: red; + font-weight: bold; +} + +.settings-content ul { + list-style: none; +} +.settings-content .buttons { + text-align: center; +} +.notice-updated { + border: 1px solid green; + background: lightgreen url('../../img/stats/tick.png') no-repeat 5px 50%; + margin-bottom: 5px; + padding: 5px 5px 5px 30px; +} + +#statistics-header { + min-height: 32px; + padding: 10px; +} +#statistics-controls { + text-align: right; + float: right; +} +.html-rtl #statistics-controls { + text-align: left; + float: left; +} +#statistics-links { + font-size: 10px; +} +#statistics-header #addon-icon { + padding-right: 5px; + float: left; +} +.html-rtl #statistics-header #addon-icon { + padding-right: auto; + padding-left: 5px; + float: right; +} +#statistics-header #addon-title { + line-height: 2; +} diff --git a/site/app/webroot/css/style.min.css b/site/app/webroot/css/style.min.css new file mode 100644 index 0000000..f931e3c --- /dev/null +++ b/site/app/webroot/css/style.min.css @@ -0,0 +1 @@ +html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}caption,th,td{text-align:left;font-weight:400;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}form ol,form ul{list-style:none;}input,button,select,textarea{font-family:inherit;font-size:inherit;color:inherit;}body{font:62.5%/1.6 Verdana,"Trebuchet MS",sans-serif;}a:link{text-decoration:underline;}h1,h2,h3,h4,h5,h6,caption,#rate-it legend{font-family:"Trebuchet MS",Helvetica,"Helvetica Neue",Arial,sans-serif;}h2{font-weight:bold;font-size:140%;}h3,caption{font-size:140%;}h4,#rate-it legend{font-size:125%;}dt{font-weight:bold;}thead th{font-size:95%;}#site-notice{font-size:110%;}#nav-access{list-style:none;font-size:115%;}#nav-access a:active,#nav-access a:focus{text-align:center;}h4#moz{font-weight:bold;font-size:130%;}#page-title h1{font-weight:bold;font-size:300%;line-height:1.2;}#page-title h1 a{text-decoration:none;}#page-title h2{font-size:220%;}#page-title p.page-intro{line-height:1.25;font-size:125%;font-weight:bold;}#nav-user{text-align:right;font-size:115%;}#nav-user a:link,#nav-user a:visited{text-decoration:none;}#nav-user a:hover,#nav-user a:active,#nav-user a:focus{text-decoration:underline;}#other-apps h3{font-size:100%;}#nav-apps{list-style:none;font:bold 110% "Trebuchet MS",Helvetica,"Helvetica Neue",Arial,sans-serif;}#other-apps.js #nav-apps{font-size:130%;}#nav-apps a{text-decoration:none;}#search-form{font-size:100%;}#search-form #search-query label,#search-form #query,#search-form #category{font-size:140%;}#search-form #search-category{white-space:nowrap;}#nav-legal{list-style:none;}#footer-disclaimer{text-align:center;}#content{font-size:120%;}#content-extra h3{font-size:110%;}#content-extra .nav-addon h3{font-size:130%;}#content-extra ul{font-size:98%;}#content-extra p.view-all{text-align:right;}#categories h3{font-size:120%;}#cat-list{list-style:none;}#categories a:link,#categories a:visited{text-decoration:none;}#categories p{line-height:1.4;}.addon .name{font-size:180%;line-height:1.2;font-weight:normal;}.addon .author{font-size:100%;}.addon .name a,.addon .author a{text-decoration:none;}.addon .name a:hover,.addon .author a:hover{text-decoration:underline;}.addon .rating,.addon .stats,.addon .updated{font-size:95%;}.addon .stats em{font-style:normal;}.addon .more-from{font-size:90%;}.addon .flag{font-size:100%;line-height:1;}.main .name{font-size:200%;}.sub .name{font-size:150%;}.sub .preview-img{text-align:center;}.sub .desc{font-size:98%;}#addon-listing{list-style:none;}#addon-listing .author{font-size:100%;}#addon-listing .more{list-style:none;font-size:95%;}.install-button{font:bold 120% "Trebuchet MS",Helvetica,"Helvetica Neue",Arial,sans-serif;}.install-button a{text-decoration:none;}.exp-loggedout,.exp-confirmed{font-size:90%;}.exp-loggedout .install-button a,.exp-confirmed .install-button a{font-size:110%;text-align:left;}.pitch h3{font-size:100%;font-weight:bold;line-height:1.2;}.pitch h3 a{text-decoration:none;}.pitch p{font-size:95%;}#recommended .name{font-size:160%;}#content.landing #secondaries .sub .flag{font-size:95%;}#content.landing .more-addons h3{font-size:130%;}#content.landing .more-addons ul{list-style:none;}#content.browse .more-addons h3{text-align:center;}.browse-list a{text-decoration:none;font-weight:bold;}#dictionaries tbody th{font-weight:bold;}#addon-summary .name{font-size:200%;}.addon-cats{list-style:none;font-size:95%;}.addon-cats a:link,.addon-cats a:visited{text-decoration:none;}.addon-cats a:hover,.addon-cats a:active,.addon-cats a:focus{text-decoration:underline;}.addon-images,.addon-reviews{list-style:none;}.addon-images a img{vertical-align:top;}.addon-reviews .cite{font-size:95%;}#license a{font-size:70%;}.oldversion .license a{font-size:80%;}#form-review #review-submit{font-size:90%;}#recaptcha_whatsthis{font-size:90%;}.more-addons h3{line-height:1.3;}.more-addons h3 a.view{text-decoration:none;}.more-addons h4{font-size:100%;}.pages{list-style:none;text-align:left;}.pagination p.count,.pagination p.perpage{text-align:right;}#form-listcontrol{font-family:"Trebuchet MS",Helvetica,"Helvetica Neue",sans-serif;}#form-listcontrol #per-page{font-size:110%;font-weight:bold;}#order-by button{text-align:center;}#form-listcontrol #experimental label{font-size:95%;line-height:1.1;}body{background:#fff;color:#333;}a:link{color:#1d587f;}a:visited{color:#748d9e;}a:active,a:hover,a:focus{color:#000;}a.view{background:transparent url("../img/sprite.png?20090430") 100% -247px no-repeat;}.html-ltr a.view:hover{background-position:100% -301px;}.html-rtl a.view{background-position:100% -486px;}.html-rtl a.view:hover{background-position:100% -540px;}h3,h4,h5,h6{color:#2d3b58;}td,th{border-bottom:1px solid #eee;}thead th{color:#555;}input,button,select,textarea{color:inherit;}a img{border:none;}div.error-notice{background:#fffefa url("../img/warning.png") 10px 10px no-repeat;border:1px solid #eee;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}#site-notice{background:#ffe;border-bottom:2px solid #ccc;}#nav-access a:active,#nav-access a:focus{color:#000;background:#fff;border:1px solid #475470;outline:0;}h4#moz a{background:transparent url("../img/sprite-alpha.png") no-repeat 0 -1px;}h4#moz a:hover,h1#moz a:active,h1#moz a:focus{background-position:0 -51px;}#page-title{background:transparent url("../img/brandbanner-bg.png") 0 40% repeat-x;}#page-title p.page-intro{color:#354a4f;}#page-title.firefox h1,#page-title.firefox h1 a{color:#bd1d01;}#page-title.thunderbird h1,#page-title.thunderbird h1 a{color:#0b4190;}#page-title.fennec h1,#page-title.fennec h1 a{color:#0b4190;}#page-title.seamonkey h1,#page-title.seamonkey h1 a{color:#3f38a3;}#page-title.sunbird h1,#page-title.sunbird h1 a{color:#337b5a;}#page-title.generic h1,#page-title.generic h1 a{color:#bd1d01;}#page-title.developers h1,#page-title.developers h1 a{color:#bd1d01;}#page-title h2{color:#2D3B58;}.html-ltr #nav-user li{border-left:1px solid #666;}.html-rtl #nav-user li{border-right:1px solid #666;}#nav-user li:first-child{border-left:0;}#nav-user li:first-child{border-right:0;}#nav-user a:link{color:#000;}#nav-user a:visited{color:#666;}#nav-user a:hover,#nav-user a:active,#nav-user a:focus{color:#000;}#other-apps{background-color:#b3deee;border:1px solid #90c8dd;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}#other-apps h3{color:#4d757b;}#other-apps.js h3{border-bottom:1px solid #90c8dd;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}#other-apps.js h3{background:transparent url("../img/sprite.png?20090430") 4px -262px no-repeat;}.html-rtl #other-apps.js h3{background-position:14px -262px;}#other-apps.js h3:hover{background-color:#c5e3ee;}#nav-apps a{color:#1f0084;background-repeat:no-repeat;background-position:0 50%;}#nav-apps a:hover,#nav-apps a:active,#nav-apps a:focus{color:#1d587f;}.html-ltr #other-apps.js #nav-apps #app-seamonkey a{background:url("../img/sprite-alpha.png") -465px 0 no-repeat;}.html-rtl #other-apps.js #nav-apps #app-seamonkey a{background:url("../img/sprite-alpha.png") -390px 0 no-repeat;}.html-ltr #other-apps.js #nav-apps #app-sunbird a{background:url("../img/sprite-alpha.png") -616px 0 no-repeat;}.html-rtl #other-apps.js #nav-apps #app-sunbird a{background:url("../img/sprite-alpha.png") -541px 0 no-repeat;}.html-ltr #other-apps.js #nav-apps #app-thunderbird a{background:url("../img/sprite-alpha.png") -766px 0 no-repeat;}.html-rtl #other-apps.js #nav-apps #app-thunderbird a{background:url("../img/sprite-alpha.png") -691px 0 no-repeat;}.html-ltr #other-apps.js #nav-apps #app-fennec a{background:url("../img/sprite-alpha.png") -766px 0 no-repeat;}.html-rtl #other-apps.js #nav-apps #app-fennec a{background:url("../img/sprite-alpha.png") -691px 0 no-repeat;}.html-ltr #other-apps.js #nav-apps #app-firefox a{background:url("../img/sprite-alpha.png") -321px 0 no-repeat;}.html-rtl #other-apps.js #nav-apps #app-firefox a{background:url("../img/sprite-alpha.png") -246px 0 no-repeat;}.html-ltr #other-apps.collapsed h3{border-bottom:0;background-position:6px -320px;}.html-rtl #other-apps.collapsed h3{border-bottom:0;background-position:16px -320px;}#search-bubble-outer{background:transparent url("../img/sprite.png?20090430") right top no-repeat;}#search-bubble-inner{background:transparent url("../img/sprite.png?20090430") left top no-repeat;}#search-form li{color:#666;}.html-ltr #search-form #query{background:#fff url("../img/sprite.png?20090430") -977px -686px no-repeat;}.html-rtl #search-form #query{background:#fff url("../img/sprite.png?20090430") 100% -686px no-repeat;}#search-form #search-category label{color:#426a13;}.html-ltr #search-form #my-submit{background:url("../img/sprite-alpha.png") -120px 0 no-repeat;}.html-ltr #search-form #my-submit:hover{background-position:-157px 0;}.html-rtl #search-form #my-submit{background:url("../img/sprite-alpha.png") -120px -40px no-repeat;}.html-rtl #search-form #my-submit:hover{background:url("../img/sprite-alpha.png") -157px -40px no-repeat;}#advanced-search{background-color:#e6e6e6;border:1px solid #68B41C;}#advanced-search-toggle{background:url("../img/sprite.png?20090430") right -68px no-repeat;}#advanced-search-toggle div{background:transparent url("../img/sprite.png?20090430") left -68px no-repeat;}#advanced-search-toggle a{color:black;text-decoration:none;padding:1px 3px 1px 3px;}.html-ltr #advanced-search-toggle a.asclosed{background:url("../img/sprite.png?20090430") right -354px no-repeat;}.html-ltr #advanced-search-toggle a.asopen{background:url("../img/sprite.png?20090430") right -369px no-repeat;}.html-rtl #advanced-search-toggle a.asclosed{background:url("../img/sprite.png?20090430") -989px -354px no-repeat;}.html-rtl #advanced-search-toggle a.asopen{background:url("../img/sprite.png?20090430") -989px -369px no-repeat;}#advanced-search-toggle #toggle-outer{background:url("../img/sprite.png?20090430") right -87px no-repeat;}#advanced-search-toggle #toggle-inner{background:url("../img/sprite.png?20090430") -861px -87px no-repeat;}#footer{color:#888;padding:1em 0;background:transparent url("../img/foot-bg.png") repeat-x;}#footer a:link,#footer a:visited{color:#777;}#footer a:hover,#footer a:active,#footer a:focus{color:#000;}#content-extra .extra{border:1px solid #d8dcdf;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}#categories h3{background:#79be1b url("../img/sprite.png?20090430") -104px -106px no-repeat;border-bottom:1px solid #abe071;}#categories h3 span{color:#426a13;background:transparent url("../img/sprite.png?20090430") -230px -106px no-repeat;}#categories.collapsed h3{background-position:0 -106px;}#categories.collapsed h3.open{background-position:-26px -106px;}#categories,#categories.collapsed #cat-list{background-color:#f6f6f6;border:1px solid #d8dcdf;border-width:0 1px 1px;}#categories,#categories.collapsed #cat-list{-moz-border-radius-bottomright:6px;-moz-border-radius-bottomleft:6px;-webkit-border-bottom-right-radius:6px;-webkit-border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-bottom-left-radius:6px;}#cat-list{border-top:1px solid #e8e6e6;}#cat-list li{border-bottom:3px double #e8e6e6;}#cat-list a{background:#f4f2f2 url("../img/cat-link.png") repeat-x left top;}#categories a:link{color:#4e4e4e;}#categories a:visited{color:#777;}#categories a:hover,#categories a:active,#categories a:focus{color:#1d587f;background:#f1f0f0 url("../img/cat-link.png") repeat-x left -100px;}#categories.collapsed h3 span{background-position:-242px -106px;}#categories.collapsed h3:hover{color:#4f7f17;background-position:-52px -106px;}#categories.collapsed h3.open:hover{background-position:-78px -106px;}#categories.collapsed h3:hover span{background-position:-533px -106px;}#categories p{border-top:1px solid #e8e6e6;}.addon{border-left:1px solid #d8dcdf;background:transparent url("../img/sprite.png?20090430") right -1256px no-repeat;}.addon .vex{background:transparent url("../img/sprite.png?20090430") right bottom no-repeat;}.addon .vex span{background:transparent url("../img/sprite.png?20090430") left bottom no-repeat;}.addon .preview-img{background:transparent url("../img/sprite.png?20090430") left -1256px no-repeat;}.addon .stats em{color:#d54601;}.addon .flag{border:1px solid #ccc;border-width:0 1px 1px 0;}#addon-listing .addon .vex{background:transparent url("../img/sprite.png?20090430") no-repeat right bottom;}.sub .irk{background:transparent url("../img/sprite.png?20090430") left -1256px no-repeat;}.sub .preview-img{background-image:none;}.rec{background:url("../img/rec-tr.png") no-repeat right top;border-left-color:#c1e1c1;}.rec .preview-img{background:transparent url("../img/rec-tl.png") left top no-repeat;}.rec .flag{background:#f8f8f7 url("../img/rec-flag.png") no-repeat;}.rec .vex{background-image:url("../img/rec-br.png");}.rec .vex span{background-image:url("../img/rec-bl.png");}.rec .flag a{color:#360;text-decoration:none;}.exp{background:url("../img/exp-tr.png") no-repeat right top;border-left-color:#e3c1c1;}.exp .preview-img{background:transparent url("../img/exp-tl.png") left top no-repeat;}.exp .flag{background:#f8f8f7 url("../img/exp-flag.png") no-repeat;}.exp .flag a{color:#900;text-decoration:none;}.exp .vex{background-image:url("../img/exp-br.png");}.exp .vex span{background-image:url("../img/exp-bl.png");}#addon-listing .more li{border-right:1px solid #666;}#addon-listing .more li:last-child{border:0;}.install-button a{color:#062445;background:#7cc11c url("../img/sprite.png?20090430") 100% -730px no-repeat;}.install-button a span{background:transparent url("../img/installbtn-edges.png") left bottom no-repeat;}.install-button a span span{background:transparent url("../img/installbtn-edges.png") right bottom no-repeat;}.install-button a span span span{background:transparent url("../img/installbtn-edges.png") left top no-repeat;}.install-button a span span span strong{background:transparent url("../img/installbtn-edges.png") right top no-repeat;}.install-button a:hover,.install-button a:focus,.install-button a:active{color:#0a3b73;background-color:#9dd34c;background-position:100% -860px;}.install-button a span,.install-button a span span,.install-button a span span span,.install-button a span span span strong{background-image:url("../img/installbtn-edges-list.png");}.exp .install-button a span,.exp .install-button a span span,.exp .install-button a span span span,.exp .install-button a span span span strong{background-image:url("../img/installbtn-edges-exp.png");}#addon-listing .rec .install-button a span,#addon-listing .rec .install-button a span,#addon-listing .rec .install-button a span span,#addon-listing .rec .install-button a span span,#addon-listing .rec .install-button a span span span,#addon-listing .rec .install-button a span span span,#addon-listing .rec .install-button a span span span strong{background-image:url("../img/installbtn-edges-rec.png");}#content-main .exp-loggedout,#content .exp-loggedout,#content-main .exp-confirmed{border:1px solid #d8d8d8;background:#fff;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}#content-main .exp-loggedout .install-button a,#content .exp-loggedout .install-button a{color:#aaa;background-color:#fff;background-position:100% -995px;}#content-main .exp-loggedout .install-button a span,#content .exp-loggedout .install-button a span,#content-main .exp-loggedout .install-button a span span,#content .exp-loggedout .install-button a span span,#content-main .exp-loggedout .install-button a span span span,#content .exp-loggedout .install-button a span span span,#content-main .exp-loggedout .install-button a span span span strong,#content .exp-loggedout .install-button a span span span strong{background-image:url("../img/installbtn-edges-dis.png");}#content-main .exp-loggedout .install-button a:hover,#content .exp-loggedout .install-button a:hover{background-color:#f3f3f3;background-position:100% -1125px;}#content-main .install-container .not-avail{padding:5px 10px;float:left;color:#666;border:1px solid #d8d8d8;background:#fff;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}.pitch{background-color:#f8f8f8;border:1px solid #e4f3fa;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}.pitch h3{color:#042253;}#recommended{background:#f2f8fd;border:1px solid #e9f1f8;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}#recommended .addon{background:#fff url("../img/landrec-tr.png") no-repeat top right;}#recommended .addon .preview-img{background:url("../img/landrec-tl.png") no-repeat top left;}#recommended .addon .vex{background-image:url("../img/landrec-br.png");}#recommended .vex span{background-image:url("../img/landrec-bl.png");}#content.landing #secondaries .exp .irk{background-image:url("../img/exp-tl.png");}#content.landing #secondaries .sub .vex{background-image:url("../img/addon-br.png");}#content.landing #secondaries .exp .vex{background-image:url("../img/exp-br.png");}#content.landing #secondaries .exp .preview-img{background-image:none;}#content.landing .more-addons{border:1px solid #5d6c8c;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}.browse-list a{background:#fafafa;border:1px solid #e8e6e6;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}.browse-list a:hover{background-color:#f1f0f0;border-color:#e1dfdf;}#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;}.addon-cats li{border-left:1px solid #666;}.addon-cats li:first-child{border-left:0;}#addon-info,#addon-advanced{border:1px solid #d8dcdf;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}.addon-images a img{border:1px solid #1d587f;}.addon-reviews li,.addon-versions li{border-top:1px solid #d8dcdf;}#addon-info .addon-reviews li{background-color:#f7fafc;border:1px solid #eef1f3;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}#addon-advanced h5{border-top:1px solid #d8dcdf;}#latest-version{border:1px solid #5d6c8c;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}div.oldversion{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}#form-review{background-color:#f8f8f8;border:1px solid #e4f3fa;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}#recaptcha_image{border:1px solid #d8dcdf;}#rate-it legend span{color:#042758;}.more-addons h3 a.view{background:transparent url("../img/sprite.png?20090430") 100% -387px no-repeat;}.html-ltr .more-addons h3 a.view:hover{background-position:100% -437px;}.html-rtl .more-addons h3 a.view{background-position:100% -597px;}.html-rtl .more-addons h3 a.view:hover{background-position:100% -647px;}.pagination{background-color:#f7fafc;border:1px solid #eef1f3;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}.pages a{border:1px solid #fff;}.pages a:hover{background-color:#ccf29b;border-color:#bbde92;}.pages .selected a{background-color:#ccf29b;border:1px solid #83c53f;text-decoration:none;font-weight:bold;color:black;}.pages .prev a{background:transparent url("../img/arr-prev.png") 0 50% no-repeat;}.pages .prev a:hover{background-color:#ccf29b;}.pages .next a{background:transparent url("../img/arr-next.png") 100% 50% no-repeat;}.pages .next a:hover{background-color:#ccf29b;}#form-listcontrol{background:#f2f8fd;border:1px solid #e9eff4;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}#order-by button{color:#7598b5;background-color:#fff;border:1px solid #89a8c1;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}#order-by button:hover{background-color:#e9eff4;color:#496377;}#order-by button.current,#order-by button.current:hover{background-color:#89a8c1;color:#fff;}#form-listcontrol #experimental label{background:#fff;border:1px solid #933;color:#933;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}#thumb-subcategories ul{-moz-border-radius-bottomleft:6px;-moz-border-radius-bottomright:6px;border-color:#D8DCDF;border-style:solid;border-width:0 1px 1px;}#thumb-subcategories ul li{border-top:1px solid #E8E6E6;}#thumb-subcategories a:link{color:#4e4e4e;}#thumb-subcategories a:visited{color:#777;}#thumb-subcategories a:hover,#thumb-subcategories a:active,#thumb-subcategories a:focus{background:#F2F8Fd;}#thumb-subcategories li.selected a:link,#thumb-subcategories li.selected a:visited{background-color:#89A8C1;color:#FFF;}#thumb-browser .thumbs li.thumb{background:transparent url(../img/sprite.png?20090430) no-repeat scroll right -1256px;}#thumb-browser .thumbs li.thumb div.wrapper{background:transparent url(../img/sprite.png?20090430) no-repeat scroll left -1256px;}#thumb-browser .thumbs li.exp{background:transparent url(../img/exp-tr.png) no-repeat scroll right top;}#thumb-browser .thumbs li.exp div.wrapper{background:transparent url(../img/exp-tl.png) no-repeat scroll left top;}#thumb-browser .thumbs li.thumb .vex{background:transparent url(../img/sprite.png?20090430) no-repeat scroll right bottom;}#thumb-browser .thumbs li.thumb .vex span{background:transparent url(../img/sprite.png?20090430) no-repeat scroll left bottom;width:10px;height:10px;float:left;}#thumb-browser .thumbs li.exp .vex{background:transparent url(../img/exp-br.png) no-repeat scroll right bottom;}#thumb-browser .thumbs li.exp .vex span{background:transparent url(../img/exp-bl.png) no-repeat scroll left bottom;}@media screen,projection{html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;}table{border-collapse:separate;border-spacing:0;}body{min-width:770px;}ol,ul{margin-left:2em;}blockquote{margin:0 3em 1em;}dd{margin-left:2em;}td,th{padding:2px 6px;}a.view{padding-right:10px;}button,input[type="submit"]{cursor:pointer;}h2{margin-bottom:.5em;}div.error-notice{margin:0;min-height:48px;margin-bottom:1.5em;padding:10px 10px 0 70px;}.with-js .hide-with-js{display:none;}.show-with-js{display:none;}.with-js .show-with-js{display:block;}#site-notice{width:80%;padding:5px 10%;}#nav-access{position:absolute;top:-10em;margin:0 auto;width:100%;}#nav-access a:active,#nav-access a:focus{position:absolute;top:11em;width:18em;z-index:2;}.html-ltr #nav-access a:active,.html-ltr #nav-access a:focus{left:50%;margin-left:-8em;}.html-rtl #nav-access a:active,.html-rtl #nav-access a:focus{right:50%;margin-right:-8em;}#branding{position:relative;}h4#moz{position:absolute;top:10px;margin:0;z-index:1;}.html-rtl h4#moz{left:0;}.html-rtl h4#moz img{position:relative;left:-10px;}h4#moz a{display:block;height:44px;width:100px;padding-left:10px;}#page-title{height:13em;}#page-title div{max-width:900px;margin:0 auto;}.html-ltr #page-title div{padding:25px 105px 0;}.html-rtl #page-title div{position:relative;left:-70px;padding:25px 0 0 0;}#page-title h1{position:relative;}.html-ltr #page-title h1{padding:10px 0 5px 125px;}.html-rtl #page-title h1{padding:10px 320px 5px 0;}#page-title h1 img{position:absolute;top:0;}.html-ltr #page-title h1 img{left:0;}.html-rtl #page-title h1 img{right:200px;}#page-title h2{position:relative;}.html-ltr #page-title h2{margin:-5px 0 5px 175px;}.html-rtl #page-title h2{margin:-5px 370px 5px 0;}#page-title p.page-intro{margin-bottom:0;width:42em;max-width:650px;}.html-ltr #page-title p.page-intro{padding-left:125px;}.html-rtl #page-title p.page-intro{padding-right:320px;}#nav-user{max-width:900px;min-width:770px;}.html-ltr #nav-user{margin:-1.75em auto 0;padding:0 50px;}.html-rtl #nav-user{margin:0 auto 0;padding:0 0 0 50px;}#nav-user li{display:inline;}.html-ltr #nav-user li{padding-left:1em;margin-right:.5em;}.html-rtl #nav-user li{padding-right:1em;margin-left:.5em;}.html-ltr #nav-user li:first-child{border-left:0;padding-left:0;}.html-rtl #nav-user li:first-child{border-right:0;padding-right:0;}#other-apps{position:absolute;top:-9.65em;z-index:5;}.html-ltr #other-apps{right:50px;padding:6px 10px 0;}.html-rtl #other-apps{right:50px;padding:6px 10px 0;}#other-apps.js{width:12em;padding-bottom:6px;}#other-apps h3{margin-right:20px;}#other-apps.js h3{float:none;cursor:pointer;}.html-ltr #other-apps.js h3{margin:-6px -10px;padding:6px 15px 6px 20px;}.html-rtl #other-apps.js h3{margin:-6px -10px;padding:6px 15px 6px 20px;}#nav-apps{margin-top:.1em;}.html-ltr #nav-apps{margin-left:0;}.html-rtl #nav-apps{margin-right:0;}.html-ltr #nav-apps li{margin-right:10px;}.html-rtl #nav-apps li{margin-left:10px;}#other-apps.js #nav-apps{margin-top:1em;}#other-apps.js #nav-apps li{display:block;margin-right:0;}.html-ltr #other-apps.js #nav-apps li{margin-right:0;}.html-rtl #other-apps.js #nav-apps li{margin-left:0;}#other-apps.js #nav-apps a{display:block;line-height:35px;}.html-ltr #other-apps.js #nav-apps a{padding-left:40px;}.html-rtl #other-apps.js #nav-apps a{padding-right:40px;}#other-apps.collapsed #nav-apps{position:absolute;}.html-ltr #other-apps.collapsed #nav-apps{left:-999em;}.html-rtl #other-apps.collapsed #nav-apps{right:-999em;}#other-apps.collapsed #nav-apps a:active,#other-apps.collapsed #nav-apps a:focus{position:absolute;top:0;}.html-ltr #other-apps.collapsed #nav-apps a:active,.html-ltr #other-apps.collapsed #nav-apps a:focus{left:-999em;}.html-rtl #other-apps.collapsed #nav-apps a:active,.html-rtl #other-apps.collapsed #nav-apps a:focus{right:-999em;}#search-element{position:relative;width:80%;}.html-ltr #search-element{left:190px;}.html-rtl #search-element{left:0;}#search-bubble-inner{height:71px;margin:0;padding:0;width:6px;float:left;}.html-ltr #standard-search{padding:20px 4px 15px 14px;}.html-rtl #standard-search{padding:20px 20px 15px 4px;}#search-bubble-outer legend{display:none;}#search-form ol{margin:0;padding:0;}#search-form #search-query{width:55%;}#search-form #search-query label,#search-mini #search-query label{display:none;}#search-mini #search-query label{font-style:italic;color:#46651f;}#search-form #search-query label,#search-mini #search-query label{position:absolute;top:20px;}#search-mini #search-query label{top:2px;}.html-ltr #search-form #search-query label{left:17px;padding:.2em 5px .2em 30px;}.html-rtl #search-form #search-query label{right:17px;padding:.2em 30px .2em 5px;}#search-form #query{width:42%;}.html-ltr #search-form #query{padding:.2em 5px .2em 24px;}.html-rtl #search-form #query{padding:.2em 24px .2em 5px;}#search-form #category{width:36%;padding:.2em 0;}#search-form #category option{min-width:14em;}#search-form #search-query input,#search-form #category option{height:21px;-ms-box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}#search-form #my-submit{width:37px;height:38px;border:0;margin-left:9px;}#advanced-search{margin:-2px 0 0 0;padding:.1in .25in 0 .25in;}form.asclosed{display:none;}#search-application{padding-bottom:.1in;}#advanced-search-toggle{position:relative;top:-2px;}.html-ltr #advanced-search-toggle{text-align:right;}.html-rtl #advanced-search-toggle{text-align:left;direction:ltr;}#advanced-search-toggle div{width:6px;height:6px;float:left;}#advanced-search-toggle #toggle-inner{padding-left:3px;}.html-ltr #advanced-search-toggle #toggle-outer{margin:0 .25in .1in 0;padding-right:4px;}.html-ltr #advanced-search-toggle a{padding-right:.15in;}.html-rtl #advanced-search-toggle #toggle-outer{margin:0 0 .1in .25in;padding-right:4px;}.html-rtl #advanced-search-toggle a{padding-left:.15in;}.html-ltr #search-application td{padding-right:.2in;}.html-rtl #search-application td{padding-left:.2in;}.html-rtl #advanced-search td{text-align:right;}.html-ltr #search-platform{float:left;margin-bottom:1.5em;margin-right:1in;}.html-rtl #search-platform{float:right;margin-bottom:1.5em;margin-left:1in;}#search-mini{display:inline;float:right;border:1px solid #8cb956;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;background:#91ce43 url('../img/sprite.png?20090430') no-repeat right -23px;padding:5px;position:relative;-moz-box-shadow:2px 2px 3px -1px #888;-webkit-box-shadow:2px 2px 3px -1px #888;box-shadow:2px 2px 3px -1px #888;}.html-rtl #search-mini{float:left;-moz-box-shadow:-2px 2px 3px -1px #888;-webkit-box-shadow:-2px 2px 3px -1px #888;box-shadow:-2px 2px 3px -1px #888;}#search-mini #category{font-size:113%;max-width:250px;}.html-ltr #search-mini #search-query label{left:9px;padding:.39em 15px .2em 5px;}.html-rtl #search-mini #search-query label{right:9px;padding:.39em 5px .2em 15px;}#search-mini-submit{border:1px solid #6d9041;background:url('../img/sprite.png?20090430') no-repeat right -23px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;padding:2px 9px;vertical-align:top;margin:0 0 0 3px;-moz-box-shadow:2px 2px 3px -1px #888;-webkit-box-shadow:2px 2px 3px -1px #888;box-shadow:2px 2px 3px -1px #888;}#footer{position:relative;width:100%;clear:both;padding:1em 0;min-width:770px;}#footer-lang-form{position:relative;max-width:900px;min-width:770px;}.html-ltr #footer-lang-form{padding:0 50px;margin:0 auto;}.html-rtl #footer-lang-form{padding:0 0 0 50px;margin:0;}.html-ltr #footer-lang-form p{position:absolute;right:50px;}.html-rtl #footer-lang-form p{position:absolute;left:50px;}#footer-legal{max-width:900px;margin:0 auto;padding:0 50px;min-width:770px;}#copyright{margin-bottom:0;}#nav-legal li{display:inline;margin-right:.5em;}#footer-disclaimer{margin-top:1em;}#content{clear:both;position:relative;padding:1em 50px;max-width:950px;margin:0 auto 1em;min-width:770px;min-height:1000px;}#content-main{position:relative;margin-left:190px;min-height:50em;}#content.main-page #content-main,#content.detail-page #content-main,#content.reviews-page #content-main,#content.versions-page #content-main{width:60%;padding-right:20%;}#content-main.full{margin-left:0;}#content.detail-page #content-main.full,#content.reviews-page #content-main.full,#content.versions-page #content-main.full{width:75%;padding-right:25%;}#secondaries .sub{width:48%;}#secondaries #feature3{float:right;}#secondaries #feature2{float:left;}#content #sidebar{position:absolute;left:50px;top:1em;width:170px;}#content-extra{position:absolute;right:0;top:0;width:23%;}#content-extra .extra{margin-bottom:.1em;padding:5px 12px;}#content-extra h3{margin-bottom:.1em;}.html-ltr #content-extra ul{margin:0 0 0 10px;}.html-rtl #content-extra ul{margin:0 10px 0 0;}#content-extra ul li{margin:0;padding:0;}#content-extra ul li span{font-size:8pt;}#content-extra p.view-all{margin-bottom:.5em;}.html-rtl #content-extra p.view-all{margin-right:4px;}#categories{margin-bottom:1em;position:relative;z-index:5;}#categories h3{margin:0 -1px;padding-left:6px;}#categories.collapsed h3{padding-left:18px;}#categories h3 span{display:block;padding:8px 4px;}#categories,#categories.collapsed #cat-list{padding-bottom:6px;}#categories.collapsed h3 span{text-indent:4px;padding-left:0;}#cat-list{margin-left:0;}#cat-list li{padding-right:1px;}#cat-list a,#cat-list span{display:block;padding:.5em 10px;}#categories.collapsed h3{cursor:pointer;}#categories p{margin:0 -1px -6px;padding:.6em 10px;}#categories.collapsed #cat-list{position:absolute;left:-999em;top:-999em;}.html-rtl #categories.collapsed #cat-list{position:absolute;left:999em;top:-999em;}#categories.collapsed #cat-list.visible{margin:0 -1px;width:100%;left:0;top:3.35em;height:auto;overflow:visible;z-index:99;}#categories.collapsed #cat-list a:active,#categories.collapsed #cat-list a:focus{position:absolute;left:999em;top:1002.4em;width:85%;}#categories.collapsed #cat-list.visible a:active,#categories.collapsed #cat-list.visible a:focus{position:static;width:auto;}#content-main p,#content-main ul,#content-main ol{margin-bottom:1.25em;}#content-main li{margin-bottom:.5em;}#content-main li ul,#content-main li ol{margin-left:15px;}.addon{position:relative;min-height:160px;padding:18px 20px 10px;margin-bottom:1.6em;}.addon .vex{height:10px;width:100%;position:absolute;left:0;bottom:0;}.addon .vex span{display:block;height:10px;margin-left:-1px;width:10px;float:left;}.addon .name{padding-left:44px;position:relative;}.addon .name img{position:absolute;left:0;}.addon .author{margin:0 0 1.25em 44px;}.addon .preview-img{position:absolute;left:-1px;top:0;padding:18px 0 0 20px;width:200px;height:150px;overflow:hidden;}.addon .flag{position:absolute;left:-1px;top:0;padding:5px 10px 3px 10px;z-index:5;}.addon .baseline img.faq{margin:0 5px 0 0;float:left;}.rec,.exp{min-height:170px;}.rec .preview-img,.exp .preview-img{padding:2.5em 0 0 20px;}.updated{font-size:75%;color:#666;}.main{padding-left:240px;min-height:220px;}.main .rating{position:absolute;left:20px;top:180px;width:200px;}.main .stats{position:absolute;left:20px;top:180px;width:200px;margin-top:2em;}.sub{position:relative;padding:0;}.sub .irk{margin-left:-1px;padding:14px 20px 8px;margin-right:4px;}.sub .vex{padding:0;left:0;}.sub .name{margin-bottom:0;}.sub .preview-img{position:static;padding:0;}.sub .rating{position:static;width:40%;padding-right:10%;float:left;}.sub .rating img{display:block;}.sub .more-from{clear:both;}#content-main #addon-listing{margin-left:0;}#addon-listing .addon{padding:18px 240px 10px;margin-bottom:1em;}#addon-listing .preview-img{position:absolute;left:-1px;top:0;}#addon-listing .rating{display:inline;margin-right:2em;}#addon-listing .stats{display:inline;margin-right:2em;}#addon-listing .more{display:inline;margin:0;padding:0;}#addon-listing .more li{display:inline;margin:0 10px 0 0;padding:0 15px 0 0;}#addon-listing .desc{margin-top:.5em;}.install-button:after,.install-container:after{content:".";clear:both;display:block;visibility:hidden;height:0;overflow:hidden;}.install-button a{float:left;cursor:pointer;max-width:290px;}.html-rtl .install-button a{float:right;}.install-button a *{display:block;float:left;position:relative;}.html-rtl .install-button a *{float:right;}.install-button a span{padding:0 0 0 6px;}.install-button a span span{padding:0 0 8px 0;}.install-button a span span span{left:-6px;padding:0 0 6px 0;}.install-button a span span span strong{right:-6px;padding:10px 45px 0 6px;}.install-button a span span span strong img{padding:0 6px 0 0;}#addon-listing .install-container{position:absolute;right:0;top:20px;max-width:180px;padding:0 15px;}#addon-listing .install-container .install-button{margin-bottom:.5em;float:right;}#addon-listing .addon p.updated{position:absolute;right:0;bottom:5px;max-width:180px;padding:0 15px;}#addon-listing .exp .exp-loggedout,#addon-listing .exp .exp-confirmed{float:right;}#addon-listing .exp .exp-loggedout .install-button,#addon-listing .exp .exp-confirmed .install-button{float:none;}.exp-loggedout,.exp-confirmed{float:left;padding:5px 5px 3px 8px;}.html-rtl .exp-loggedout,.html-rtl .exp-confirmed{float:right;padding:5px 8px 3px 5px;}.exp-loggedout .install-button,.exp-confirmed .install-button{margin-top:3px;margin-right:-3px;}.html-rtl .exp-loggedout .install-button,.html-rtl .exp-confirmed .install-button{margin-right:0;margin-left:-3px;}.exp-loggedout .install-button a{cursor:default;}#content-main .exp-loggedout p.install-button,#content-main .exp-confirmed p.install-button{margin-bottom:0;}.exp-confirm-install input{float:left;}.html-rtl .exp-confirm-install input{float:right;}.exp-confirm-install .exp-desc{float:right;width:85%;padding:0 0 5px 0;}.html-rtl .exp-confirm-install .exp-desc{float:left;}.pitch{margin-bottom:1em;padding:10px;}.pitch h3,.pitch p{margin-bottom:1em;}.html-rtl .pitch ul{padding-right:15px;}.pitch h3 img{float:left;margin:-4px 10px 0 0;}#recommended{padding:0 1% 10px;width:98%;float:left;margin-bottom:1em;}#recommended .addon{float:none;}#content.wide #recommended .addon{width:20%;padding-left:26.5%;min-width:100px;margin-bottom:0;}#content.wide #recommended .addon .preview-img{width:45%;}#content.wide #recommended #feature1{float:left;}#content.wide #recommended #feature2{float:right;}#content.landing #secondaries{float:left;}#content.landing #secondaries .sub{float:left;width:30.5%;margin-right:2.5%;}#content.landing-with-slider #secondaries .sub{float:left;width:31.5%;margin-right:2.5%;}#content.landing-with-slider #secondaries #feature8{margin-right:0;}#content.landing #secondaries .sub .irk{padding-top:2.2em;}#content.landing #secondaries .sub .vex{padding-top:0;}#content.landing #secondaries .exp .preview-img{padding:0;}#content.landing #secondaries .addon .preview-img{padding:0;width:180px;}#content.landing-with-slider #secondaries .sub{float:left;width:31.5%;margin-right:2.5%;}#content.landing-with-slider #secondaries #feature8{margin-right:0;}#content.landing #secondaries{width:77%;}#content.landing #content-extra{width:23%;}#content.landing-with-slider #secondaries{width:100%;}#content.landing-with-slider #content-extra{width:25%;position:absolute;top:0;right:0;}#content.landing-with-slider #content-main{position:relative;}#content.landing-with-slider #recommended{float:none;position:relative;left:0;width:71%;}.html-rtl #content.landing-with-slider #recommended{float:left;}#content.landing-with-slider #recommended #slider .item_set .addon{float:left;width:308px;padding-left:240px;}#content.landing-with-slider #recommended #slider{background-color:#fff;margin-bottom:0;}#content.landing #content-extra{position:static;float:right;}#content.landing-with-slider #content-extra{position:absolute;float:none;}#content.landing.languages #content-extra{margin-right:0;}#content.landing .more-addons{margin:0 0 1em;padding:6px 10px 0;}#content.landing.browse #secondaries{width:50%;}#content.landing.browse #secondaries .sub{width:47%;}#content.landing.browse #secondaries #feature4{margin-right:0;}#content.landing.browse #content-extra{width:47%;}#content.browse .more-addons h3 a.view{display:inline;}.browse-list{list-style:none;margin:0;width:100%;overflow:auto;}.browse-list li{width:48%;margin:0 0 3px 1%;float:left;}.browse-list a{display:block;padding:3px 5px;}#content.landing.languages .sub{width:23.75%;margin-right:2%;float:left;}#content.landing.languages #feature3{margin-right:0;}#dictionaries{margin-top:1.5em;clear:both;padding:10px 15px;}#dictionaries table{width:100%;}#dictionaries th,#dictionaries td{padding:6px 12px;}#addon-summary{padding-left:240px;min-height:270px;}#addon-summary .name{margin-bottom:0;}#addon-summary .preview-img{position:absolute;left:-1px;top:0;padding:18px 0 0 20px;}#addon-summary.exp .preview-img,#addon-summary.rec .preview-img{padding-top:2.5em;}#addon-summary .rating{position:absolute;left:20px;top:180px;width:200px;text-align:center;line-height:14px;}#content-main #addon-summary .stats{position:absolute;text-align:center;left:20px;top:202px;width:200px;margin-top:3.5em;}#addon-summary .link-sharing{position:absolute;left:60px;top:218px;font-size:.75em;}#addon-summary .link-sharing .badge .button{display:block;color:#062445;background:#7cc11c url("../img/sprite.png?20090430") -800px -730px no-repeat;}#addon-summary .link-sharing .badge .button a{display:block;padding:0 8px 8px 0;background:transparent url(../img/installbtn-edges.png) no-repeat scroll right bottom;}#addon-summary .link-sharing .badge .button a span{display:block;text-align:center;font-weight:bold;padding:2px 0 0 2px;background:transparent url(../img/installbtn-edges-list.png) no-repeat scroll left top;}#addon-summary .link-sharing .share-button{padding:0;margin:0;width:100px;}#addon-summary .link-sharing .share-button:after,.install-container:after{content:".";clear:both;display:block;visibility:hidden;height:0;overflow:hidden;}#addon-summary .link-sharing .share-button a{float:left;cursor:pointer;max-width:290px;text-decoration:none;}#addon-summary .link-sharing .share-button a *{display:block;float:left;position:relative;}#addon-summary .link-sharing .share-button a span{padding:0 0 0 6px;}#addon-summary .link-sharing .share-button a span span{padding:0 0 8px 0;}#addon-summary .link-sharing .share-button a span span span{left:-6px;padding:0;}#addon-summary .link-sharing .share-button a span span span strong{width:90px;text-align:center;right:-6px;padding:0 18px 0 6px;}#addon-summary .link-sharing .share-button a span span span strong img{padding:0 6px 0 0;}#addon-summary .link-sharing .share-button a{color:#062445;background:#7cc11c url("../img/sprite.png?20090430") -800px -730px no-repeat;}#addon-summary .link-sharing .share-button a span{background:transparent url("../img/installbtn-edges.png") left bottom no-repeat;}#addon-summary .link-sharing .share-button a span span{background:transparent url("../img/installbtn-edges.png") right bottom no-repeat;}#addon-summary .link-sharing .share-button a span span span{background:transparent url("../img/installbtn-edges.png") left top no-repeat;}#addon-summary .link-sharing .share-button a span span span strong{background:transparent url("../img/installbtn-edges.png") right top no-repeat;}#addon-summary .link-sharing .share-button a:hover,.install-button a:focus,.install-button a:active{color:#0a3b73;background-color:#9dd34c;background-position:-800px -860px;}#addon-summary .link-sharing .badge .counter{display:block;position:relative;padding-right:4px;text-align:center;top:-4px;}#addon-summary .link-sharing .choices{display:none;position:absolute;z-index:9999;left:-120px;top:12px;width:360px;background:transparent url(../img/box-pointer-top.png) center top no-repeat;padding-top:12px;}#addon-summary .link-sharing .choices div{margin:0;padding:1em;background-color:#f8f8f8;border:1px solid #657b86;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}#addon-summary .link-sharing .choices ul{list-style:none;margin:0;}#addon-summary .link-sharing .choices ul li{width:50%;float:left;}#addon-summary .link-sharing .choices ul li p{padding:.25em;margin:0 .25em 0 0;}#addon-summary .link-sharing .choices ul li p a{font-weight:bold;display:block;height:20px;text-decoration:none;padding-left:22px;background:transparent url(../img/favicons/digg.gif) left top no-repeat;}#addon-summary .link-sharing .choices ul li.digg p a{background-image:url(../img/favicons/digg.gif);}#addon-summary .link-sharing .choices ul li.facebook p a{background-image:url(../img/favicons/facebook.gif);}#addon-summary .link-sharing .choices ul li.delicious p a{background-image:url(../img/favicons/delicious.gif);}#addon-summary .link-sharing .choices ul li.myspace p a{background-image:url(../img/favicons/myspace.gif);}#addon-summary .link-sharing .choices ul li.friendfeed p a{background-image:url(../img/favicons/friendfeed.gif);}#addon-summary .link-sharing .choices ul li.reddit p a{background-image:url(../img/favicons/reddit.gif);}.addon-cats{margin-left:0;}.addon-cats li{display:inline;padding-left:1em;margin-right:.5em;}.addon-cats li:first-child{padding-left:0;}#addon-info,#addon-advanced{padding:8px 15px;margin-bottom:1em;}.html-ltr #addon_app_compatibility{position:relative;top:.6em;padding-left:22em;font-weight:bold;}.html-rtl #addon_app_compatibility{position:relative;top:.6em;padding-right:22em;font-weight:bold;}.html-ltr #addon-info .app_compat{float:left;}.html-rtl #addon-info .app_compat{float:right;}#addon-info h4{font-size:147%;}.addon-images{margin:1em auto 1.5em;}.addon-images li{display:inline;margin-right:10px;}.addon-images a img{margin-bottom:10px;}#addon-advanced{position:relative;}#addon-advanced h5{margin-top:1em;}#content .addon-reviews{margin-left:0;}#content .addon-reviews blockquote{margin:0;}#content .addon-reviews li{padding:8px 10px;}#content .addon-reviews .cite{font-size:95%;margin-bottom:0;}#content-extra ul.nav-addon{list-style:none;margin-left:0;padding-left:0;}#content .review .others-by-user{font-style:italic;display:block;margin-top:.5em;font-size:.85em;}#content .review .others-by-user a{padding-left:22px;}#content .review .others-by-user a.loading{background:transparent url(../img/ajax_loading.gif) no-repeat 2px top;}#content .others-by-user-load{padding-left:3em;}#content .review-reply{margin-left:3em;}#content .review p.flag-thanks,#content .review-reply p.flag-thanks{font-weight:bold;}#content .review form.flag,#content .review-reply form.flag{display:block;padding-bottom:1em;}#content .review form.flag label,#content .review-reply form.flag label{display:block;font-weight:bold;}.with-js #content .review p.flag-thanks,.with-js #content .review-reply p.flag-thanks{display:inline;}.with-js #content .review form.flag,.with-js #content .review-reply form.flag{display:inline;}.with-js #content .review form.flag label,.with-js #content .review-reply form.flag label{display:none;}#content .review .flag span.loading,#content .review-reply .flag span.loading{padding-left:22px;background:transparent url(../img/ajax_loading.gif) no-repeat 2px top;}#content ul.review-flags{padding:1em 1em .5em 1em;list-style-type:square;}#content ul.review-flags li{font-weight:bold;}#content ul.review-flags-notes{padding:.25em .5em;list-style-type:disc;}#content ul.review-flags-notes li{font-weight:normal;}#content ul.review-flags-notes .note{font-style:italic;}#latest-version{width:96%;float:left;margin-bottom:1.5em;padding:8px 2%;}#latest-version h3{float:left;}#latest-version .install-button{float:right;margin-bottom:0;}#content .addon-versions{margin-left:0;padding-left:0;list-style:none;}#content .addon-versions li{padding:8px 10px 0;}#content .addon-versions h3{margin-bottom:.5em;}#content .version-details,#content .version-links{list-style:none;margin-left:0;padding-left:0;}#content .version-details li,#content .version-links li{padding:0;border:0;}#content .version-links li{margin-bottom:.25em;}#content .version-details em,#content .version-links em{font-style:normal;color:#888;}#form-review{position:relative;margin-bottom:1em;padding:10px;}#form-review textarea{width:98%;margin:0 auto .5em;}#form-review #review-submit{width:100%;clear:both;margin-top:-1.5em;}#form-review .disabled{background:#eee;}#form-review h3{display:inline;}#form-review .login{display:inline;font-size:92%;}#form-review .login a:link,#form-review .login a:visited{text-decoration:none;}.html-ltr #form-review #review-submit{float:left;}.html-rtl #form-review #review-submit{float:right;}.html-ltr #form-review #review-submit input{float:right;}.html-rtl #form-review #review-submit input{float:left;}#recaptcha_image{margin:.5em 0;}#rate-it{margin-bottom:1em;}#rate-it h4{float:left;width:6em;font-size:110%;}.html-rtl #form-review #rate-it h4{float:right;}#rate-it .stars{display:block;float:left;width:90px;margin:.3em 0 0 0;}#form-review #rate-it .degrade{margin-left:0;width:145px;}#form-review #rate-it .degrade p{margin:.2em 0;}#rate-it .rating{cursor:pointer;margin:2em;clear:both;display:block;}#rate-it .rating:after{content:'.';display:block;height:0;width:0;clear:both;visibility:hidden;}#long-review .stars{margin:0;}#long-review .degrade{margin-left:14em;}#long-review .stars p{margin:.2em 0;}#long-review .rating{margin:1em 0;}.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;}#publish_to option:first-child{display:none;}.more-addons{padding:10px;}.more-addons h3 a.view{display:block;padding-right:30px;padding:.2em 30px .2em 0;}.more-addons h4{margin-top:1.5em;}#content.landing #content-extra .more-addons ul{margin-left:0;}.pagination{padding:8px 10px 0;margin-top:1em;}.pages{margin:0;float:left;}.pages li{display:inline;margin:0 2px;}.pages a{padding:3px 6px;}.pages .prev a{padding-left:15px;}.pages .next a{padding-right:15px;}#content-main .pagination p.count{margin-bottom:0;}.pagination p.perpage em,.pagination .perpage a{margin:0;}#form-listcontrol{position:relative;margin-bottom:1em;padding:8px 20% 8px 18%;}#form-listcontrol p,#form-listcontrol ul{margin:0;}#form-listcontrol #per-page{position:absolute;top:8px;left:10px;padding-top:6px;}#order-by li{display:inline;margin:0 2px;}#order-by button{cursor:pointer;padding:8px 2px;width:18.5%;}#order-by button.current,#order-by button.current:hover{cursor:default;}#form-listcontrol #experimental{position:absolute;top:8px;right:10px;width:140px;}#form-listcontrol #experimental label{display:block;cursor:pointer;padding:4px 0 4px 30px;}#form-listcontrol #experimental label input{position:absolute;left:6px;top:20%;}#developerAgreement ul{list-style-type:disc;margin-top:5px;}#thumb-subcategories{position:absolute;left:50px;top:7.125em;width:170px;}#thumb-subcategories ul{list-style-type:none;margin:0;padding:0;padding-bottom:6px;margin-bottom:1em;position:relative;}#thumb-subcategories ul li{padding-right:1px;overflow:hidden;}#thumb-subcategories ul li a,#thumb-subcategories ul li span{display:block;font-size:95%;padding:.25em 10px;}#thumb-subcategories a:link,#thumb-subcategories a:visited{text-decoration:none;}#thumb-browser .thumbs{list-style-type:none;margin-left:23%;}#thumb-browser .thumbs li.thumb{position:relative;width:170px;margin-right:10px;display:inline;float:left;text-align:center;}#thumb-browser .thumbs li.thumb div.wrapper{padding:1.75em 9px 0 9px;margin:0 5px 0 0;}#thumb-browser .thumbs li.thumb div.wrapper div.item{width:150px;}#thumb-browser .thumbs li.thumb div.img{border:1px solid #ccc;background:#fff;height:112px;overflow:hidden;}#thumb-browser .thumbs li.thumb div.img img{width:150px;}#thumb-browser .thumbs li.thumb h3{font-size:115%;line-height:115%;height:2.25em;overflow:hidden;padding-top:.5em;margin-bottom:.5em;}#thumb-browser .thumbs li.thumb .flag{position:absolute;top:0;left:0;padding:0 6px;}#thumb-browser .thumbs li.thumb p.meta{margin-bottom:0;padding:0;height:3.5em;overflow:hidden;}#thumb-browser .thumbs li.thumb .vex{text-align:left;height:8px;}#thumb-browser .thumbs li.thumb .vex span{display:block;height:8px;margin-left:0;}#thumb-browser #form-listcontrol{margin-left:20%;padding:8px 12% 8px 15%;}#thumb-browser #form-listcontrol #order-by button{white-space:nowrap;width:16.5%;}#slider{margin-bottom:18px;width:100%;background:transparent url(../img/sprite.png?20090430) no-repeat scroll left -1256px;}#slider .inner{background:transparent url(../img/sprite.png?20090430) no-repeat scroll right -1256px;width:100%;}#slider .viewport{position:relative;width:100%;overflow:hidden;}#slider .item_set{width:6000px;}#slider .item_set .addon{float:left;width:308px;}#slider .item_set li.addon{list-style:none;}#slider .item_set .addon .preview-img{background:transparent url(../img/sprite.png?20090430) no-repeat 1px -1256px;}#slider .item_set .addon{background:none;border-left:none;}#slider .item_set .addon .install-container{height:85px;}#slider .item_set .addon .install-button{padding-top:1.75em;padding-left:.5em;}#slider .item_set .addon .exp-loggedout .install-button,#slider .item_set .addon .exp-confirmed .install-button{padding-top:0;padding-left:0;}#slider .item_set .addon .count{border-top:1px solid #CCC;bottom:4px;height:35px;margin-left:-240px;position:absolute;}#slider .controls{border-top:1px solid #ccc;width:100%;}#slider .controls_inner{font-size:140%;text-align:center;padding-top:6px;border-left:1px solid #ccc;border-right:1px solid #ccc;}#slider .controls a{text-decoration:none;padding:0 .5em;}#slider .controls a img{border:none;vertical-align:top;}#slider .vex{background:transparent url("../img/sprite.png?20090430") right bottom no-repeat;width:100%;}.html-rtl #slider .vex{direction:ltr;}#slider .vex span{background:transparent url("../img/sprite.png?20090430") left bottom no-repeat;height:10px;display:block;width:10px;}.graybox{background-color:#F7FAFC;border:1px solid #EEF1F3;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;}#content .addon-listing .date-added{margin:0;float:right;}#content .coll-addon .preview-img{margin:0;}.collections .nav{list-style-type:none;margin:0;padding:0;float:right;}.collections .nav:after{float:left;}.collections .nav li{float:left;margin:5px;}.collections .collections-web li.coll-addon{margin:0;}.collections p.amo-plug{float:right;-moz-border-radius:7px;border:1px solid #d8dcdf;padding:5px;}.collections #content-main h1{font-size:200%;}.collections .cat-name{margin-left:.3em;}.collections .cat-header h3{background:transparent url(../img/fyf/triangle-right.png) scroll no-repeat left 5px;padding-left:20px;margin-right:.4em;}.collections .cat-header.selected h3{background:transparent url(../img/fyf/triangle-down.png) scroll no-repeat left 5px;}.collections #content-main .cat-header p{margin:0;margin-left:20px;padding-right:5px;}.collections ul.addon-listing{padding:0;margin:0;}.collections ul.addon-install-listing{max-height:30em;overflow:auto;}.collections li.list-addon:after,.collections .coll-addon .preview-img:after,.collections .nav:after,#collectionform:after{content:'.';clear:both;display:block;line-height:0;visibility:hidden;width:0;height:0;}.collections li.coll-addon{margin:.2em 2em .2em 2em;padding:.5em 0;border-top:1px solid #ccc;}.collections li.inst-addon{margin:.5em 0;padding:.5em;}.collections .coll-addon .preview-img{max-width:12em;float:left;clear:both;}.collections .coll-addon .preview-img img{float:left;clear:both;margin:.5em 1em 0 0;max-width:12em;max-height:9em;}.collections .list-addon h4{color:#2d3b58;font-size:140%;}.collections .inst-addon .desc h4{width:auto;float:none;}.collections .list-addon .desc{width:81%;margin:.2em 0 0 0;float:left;}.collections .list-addon img.icon{float:left;margin-right:.5em;vertical-align:middle;}.collections .inst-addon .desc{float:left;width:auto;margin:0;}.collections .inst-addon .desc p{font-size:90%;float:left;}.collections .coll-addon h4 a{text-decoration:none;}.collections .list-addon .add-button,.collections .coll-addon .done-box{-moz-border-radius:7px;padding:5px 10px;float:right;}.collections .list-addon .add-button,.collections .coll-addon .done-box{min-width:160px;}.collections .list-addon .done-box{display:none;clear:right;}.collections .list-addon .add-button{background:transparent url(../img/installbtn-bg.png) repeat-x top left;}.collections .coll-addon .add-button{font-weight:bold;}.collections .inst-addon .add-button{margin:1em 1em 0 2em;min-width:15%;}.collections .add-button .add,.collections .add-button input{vertical-align:middle;cursor:pointer;}.collections .add-button .add{color:#062445;}.collections .add-button.upgrade{background:#fff;border:1px solid #d8dcdf;font-size:125%;}.collections #content-main .add-button p{margin:0;font-weight:normal;}.collections .done-box{margin-top:.5em;border:1px solid #d8dcdf;}.collections .installsubmit{margin:1em 0;float:right;}.collections .installsubmit input{font-size:120%;margin:0 .5em;}.collections .faq{float:right;text-align:right;}.jqmWindow{display:none;position:fixed;top:17%;left:50%;margin-left:-400px;width:800px;background-color:#efefef;color:#333;border:1px solid black;padding:12px;}.jqmOverlay{background-color:#000;}* iframe.jqm{position:absolute;top:0;left:0;z-index:-1;width:expression(this.parentNode.offsetWidth+'px');height:expression(this.parentNode.offsetHeight+'px');}* html .jqmWindow{position:absolute;top:expression((document.documentElement.scrollTop || document.body.scrollTop)+Math.round(17 *(document.documentElement.offsetHeight || document.body.clientHeight) / 100)+'px');}#content.landing{width:995px;}#content.landing .crumbs a{color:#5086b6;}#content.landing .categories{position:relative;clear:both;border:none;z-index:3000;}#content.landing .categories h3{display:inline;font-size:189%;padding:0 0 0 10px;}.html-rtl #content.landing .categories h3{padding:0 10px 0 0;}#content.landing .categories .selection .current{font-size:250%;padding:0;margin:5px 0 0 0;font-weight:normal;display:inline;padding:0 3px 0 0;}.html-rtl #content.landing .categories .selection .current{padding:0 0 0 3px;}#content.landing .categories .selection .current a{text-decoration:none;color:#5086b6;background:none;display:inline;padding:0;}#content.landing .categories .selection .current a:hover{color:#000;}#content.landing .categories .selection .current .all{display:inline;padding:4px;background:url('../img/sprite.png?20090430') left -444px no-repeat;}#content.landing .categories .selection .current a:hover .all{background:url('../img/sprite.png?20090430') left -498px no-repeat;}#content.landing .categories.open .current a .all{background:url('../img/sprite.png?20090430') left -498px no-repeat;}#content.landing .categories h3.featured_title{float:left;font-size:24px;padding:0 0 0 .5em;margin:0;}#content.landing .categories h3.featured_title span{font-size:20px;}#content.landing .categories .selections{background-color:#fff;width:410px;list-style:none;margin:0;padding:6px;-moz-box-shadow:4px 7px 7px 2px #888;-webkit-box-shadow:4px 7px 7px 2px #888;box-shadow:4px 7px 7px 2px #888;}.html-rtl #content.landing .categories .selections{-moz-box-shadow:-4px 7px 7px 2px #888;-webkit-box-shadow:-4px 7px 7px 2px #888;box-shadow:-4px 7px 7px 2px #888;}#content.landing .categories.degrade .selections{border-left:1px solid #888;border-right:1px solid #888;border-bottom:1px solid #888;}#content.landing .categories.closed .selections{position:absolute;top:-1000px;left:-100000px;}.html-rtl #content.landing .categories.closed .selections{left:auto;right:-100000px;}#content.landing .categories.open .selections{position:absolute;left:-3px;top:3.3em;z-index:999;-moz-column-count:2;column-count:2;}.html-rtl #content.landing .categories.open .selections{left:auto;right:-3px;}#content.landing .categories.open h2.current{-moz-box-shadow:2px 2px 7px 0 #888;-webkit-box-shadow:2px 2px 7px 0 #888;box-shadow:2px 2px 7px 0 #888;margin:2px 0 -3px -3px;padding:3px;}.html-rtl #content.landing .categories.open h2.current{-moz-box-shadow:-2px 2px 7px 0 #888;-webkit-box-shadow:-2px 2px 7px 0 #888;box-shadow:-2px 2px 7px 0 #888;margin:2px -3px -3px 0;padding:3px;}#content.landing .categories.open.degrade{margin:0 0 12px 0;}#content.landing .categories.open.degrade h2.current{border-top:1px solid #888;border-left:1px solid #888;border-right:1px solid #888;margin:5px -2px 5px -3px;}#content.landing .categories.open.degrade .header{background:#888 none repeat scroll 0 0;display:block;height:1px;left:273px;line-height:0;position:absolute;top:39px;padding:0;}#content.landing .categories.open .current a{color:#000;}#content.landing .categories .selections li{border:none;padding:0;}#content.landing .categories .selections li a{display:block;padding:1px 1px 1px 5px;margin:0 4px 0 0;text-decoration:none;color:#000;background:none;}.html-rtl #content.landing .categories .selections li a{padding:1px 5px 1px 1px;margin:0 0 0 4px;}#content.landing .categories .selections li a:hover{background:#ddd;}#content.landing .search{display:none;}#featured_addons{width:995px;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 div.addon_block{display:block;position:relative;background:#f9f9f9 url(../img/sprite.png?20090430) no-repeat scroll left -968px;width:299px;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 9px;}.html-rtl #featured_addons ul li div.addon_block{padding:0 9px 0 0;}#featured_addons ul li div.addon_block .name{font-size:138%;margin:8px 155px 0 0;line-height:1.25em;}.html-rtl #featured_addons ul li div.addon_block .name{margin:8px 0 0 155px;}#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;max-height:4.5em;overflow:hidden;}.html-rtl #featured_addons ul li div.addon_block .summary{margin:0 0 0 149px;}#featured_addons ul li div.addon_block .authors{font-size:100%;line-height:1.5em;margin:0 145px 0 0;color:#2363a5;}.html-rtl #featured_addons ul li div.addon_block .authors{margin:0 0 0 145px;}#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;}.rating span{display:block;background:transparent url(../img/ratings/5stars.png) no-repeat scroll top left;width:68px;height:12px;text-indent:-1000em;}span.rating-1{background-image:url(../img/ratings/1stars.png);}span.rating-2{background-image:url(../img/ratings/2stars.png);}span.rating-3{background-image:url(../img/ratings/3stars.png);}span.rating-4{background-image:url(../img/ratings/4stars.png);}span.rating-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;}#featured_addons div.addon_block .install-container .install-button a{background-position:100% -736px;}#featured_addons div.addon_block .install-container .exp-loggedout .install-button a{background-position:100% -1002px;}#featured_addons div.addon_block .install-container .install-button a span span{padding:0 0 8px;}#featured_addons div.addon_block .install-container .install-button a span span span strong{padding:3px 45px 0 6px;}#featured_addons div.addon_block .install-container .install-button a span span span{padding:0;}#featured_addons div.addon_block .install-container .install-button a:hover,.install-button a:focus,#featured_addons div.addon_block .install-container .install-button a:active{color:#0a3b73;background-color:#9dd34c;background-position:100% -866px;}#featured_addons div.addon_block .install-container .exp-loggedout .install-button a:hover,#featured_addons div.addon_block .install-container .exp-loggedout .install-button a:hover{background-color:#f3f3f3;background-position:100% -1132px;color:#aaa;}#content.landing div.addons_column{float:left;padding:0 9px 8px 0;}.html-rtl #content.landing div.addons_column{float:right;padding:0 0 8px 9px;}#content.landing div.addons_column.last{float:left;padding:0 0 8px 0;}#content.landing div.addons_column.last{float:right;}#content.landing div.addons_column h3{background:#acacac;width:309px;-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;}#content.landing div.addons_column h3 span{padding:0 8px 0 8px;text-transform:uppercase;font-size:14px;color:#fff;font-weight:bold;}#content.landing div.addons_column ul{width:309px;list-style:none;margin:0;padding:0;}#content.landing div.addons_column ul li{position:relative;border-left:1px solid #c9c8c9;border-right:1px solid #c9c8c9;margin:0;}#content.landing div.addons_column ul li.even{background:#f0efef;}#content.landing div.addons_column ul li a{height:44px;display:block;text-decoration:none;border:1px solid transparent;background:transparent url(../img/sprite.png?20090430) no-repeat scroll 287px -558px;}.html-rtl #content.landing div.addons_column ul li a{background-position:-363px -558px;}#content.landing 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?20090430) no-repeat scroll 287px -670px;}.html-rtl #content.landing div.addons_column ul li a:hover{border-left:1px solid transparent;border-right:1px solid #000;background-position:-363px -670px;}#content.landing div.addons_column ul li a img.icon{position:absolute;top:6px;left:6px;}.html-rtl #content.landing div.addons_column ul li a img.icon{left:auto;right:6px;}#content.landing div.addons_column ul li a .name{display:block;padding:4px 15px 0 0;margin-left:46px;color:#000;font-size:116%;line-height:1.25em;height:1.25em;overflow:hidden;}.html-rtl #content.landing div.addons_column ul li a .name{padding:4px 0 0 15px;margin-left:0;margin-right:46px;}#content.landing div.addons_column ul li a .rating{margin-left:46px;display:block;}.html-rtl #content.landing div.addons_column ul li a .rating{margin-left:0;margin-right:46px;}#content.landing div.addons_column ul li a .meta{display:block;margin-left:46px;font-size:93%;color:#777;position:absolute;bottom:6px;}.html-rtl #content.landing div.addons_column ul li a .meta{margin-left:0;margin-right:46px;}#content.landing 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 #content.landing div.addons_column .view-all{padding:2px 9px 2px 0;}#content.landing div.addons_column .view-all a:link,#content.landing div.addons_column .view-all a:visited,#content.landing div.addons_column .view-all a:hover,#content.landing div.addons_column .view-all a:active{color:#fff;text-decoration:none;font-size:93%;}#content.landing 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%;}.notification-box{border:1px solid;display:block;padding:10px;}.notification-box.warning{border-color:red;background-color:#FFA5A5;}.collections #addonname{width:200px;}.collections #selectedaddons{width:80%;overflow:auto;max-height:300px;}.collections #selectedaddons>ul{-moz-column-count:2;}.collections #firstaddons{display:none;}.ac_input{width:400px;}.ac_results{padding:0;border:1px solid WindowFrame;background-color:Window;overflow-x:hidden;overflow-y:auto;max-height:400px;}.ac_results ul{width:100%;list-style-position:outside;list-style:none;padding:0;margin:0;}.ac_results iframe{display:none;display:block;position:absolute;top:0;left:0;z-index:-1;filter:mask();width:3000px;height:3000px;}.ac_results li{margin:0;padding:2px 5px;cursor:pointer;display:block;width:100%;font:menu;font-size:12px;overflow:hidden;}.ac_loading{background:url('../img/ajax_loading.gif') right center no-repeat;}.ac_over{background-color:Highlight;color:HighlightText;}#coll-edit .jsonly{display:none;}#coll-edit .error,#coll-edit .error_message{color:#f00;}#coll-edit .coll-addon{padding-bottom:10px;margin-bottom:10px;border-bottom:solid 1px #ddd;}#coll-edit .coll-addon .name{font-weight:bold;}#coll-edit .coll-addon .added{float:right;font-style:italic;}#coll-edit .coll-addon a.removeaddon{float:right;}#collections input#submitbutton{margin:10px;}}@media print{#nav-access,h1,#nav-user,#search-form,#other-apps{display:none;}#sidebar,#footer-lang-form,.pitch,.extra .view-all{display:none;}.install-button,.exp-loggedout,.learn-more,.more-from{display:none;}#form-review,.pagination,#form-listcontrol{display:none;}body{font:12pt/1.5 "Helvetica Neue",Helvetica,Arial,sans-serif;padding:0 .25in;background-color:#fff;color:#000;}h2,h3,h4,h5,h6{font-family:Georgia,"Times New Roman",Times,serif;margin-bottom:.25em;}h2{font-size:15pt;}h3{font-size:14pt;}h4,h5,h6{font-size:100%;}a img{border:none;}#page-title{height:120px;}#page-title h2{position:relative;padding-left:125px;}#page-title h2 img{position:absolute;top:0;left:0;}#page-title p.page-intro{color:#666;padding-left:125px;font-size:90%;}.addon{border:1px solid #ccc;padding:.5em 1em .5em 240px;margin-bottom:1em;position:relative;}.addon .preview-img{position:absolute;top:.5em;left:1em;}.author{margin-top:0;}.name a,.author a{text-decoration:none;}.name a:after,.author a:after,.extra a:after,#nav-legal a:after{content:" [" attr(href) "] ";font-size:90%;}.addon .flag{position:absolute;top:-1px;right:-1px;margin:0;padding:.2em 1em;border:3px double #000;}.rec .flag{color:#360;}.exp .flag{color:#900;}#content-main{padding-right:35%;position:relative;}#content-extra{width:30%;position:absolute;right:0;top:0;}#content.search #content-main,#content.category #content-main{padding-right:0;}.extra ul{margin-left:0;}#footer{color:#666;font-size:90%;margin-top:1em;border-top:3px double #ccc;}.addon-images{list-style:none;margin:0 0 1em;padding:0;}.addon-images li{display:inline;margin-right:10px;}.addon-images a img{vertical-align:top;margin-bottom:10px;}.addon-reviews{list-style:none;margin:0 0 1em;padding:0;}.addon-reviews li{border:1px solid #ccc;padding:.5em 1em;margin-bottom:1em;}.addon-reviews blockquote{margin:0;}#addon-listing{list-style:none;margin:0;padding:0;}}
\ No newline at end of file diff --git a/site/app/webroot/css/summary.css b/site/app/webroot/css/summary.css new file mode 100644 index 0000000..c317209 --- /dev/null +++ b/site/app/webroot/css/summary.css @@ -0,0 +1,26 @@ +/* summary */
+table.stats {
+ padding: 5px;
+ float: left;
+ margin-right: 20px;
+}
+table.log {
+ padding: 5px;
+ float: left;
+}
+table.stats td.heading,
+table.log td.heading {
+ background: #ddddff;
+ font-weight: bold;
+ text-align: center;
+}
+table.stats td.title {
+ width: 10em;
+ border-bottom: 1px solid gray;
+}
+table.stats td.value {
+ background: #eeeeee;
+ width: 4em;
+ text-align: center;
+ border-bottom: 1px solid gray;
+}
\ No newline at end of file diff --git a/site/app/webroot/css/tests.css b/site/app/webroot/css/tests.css new file mode 100644 index 0000000..1a272a8 --- /dev/null +++ b/site/app/webroot/css/tests.css @@ -0,0 +1,136 @@ +body { + font-family: Verdana; + font-size: 12px; +} +div.groupdivider { + border-bottom: 1px solid black; + margin-top: 5px; + height: 20px; +} + +div.groupdivider div.header { + font-weight: bold; + font-size: 14px; + float: left; + width: 49%; +} +div.groupdivider div.victim { + float: right; + width: 49%; + text-align: right; +} + +div.pass { + background: #CCFFCC; +} +span.pass { + color: green; + font-weight: bold; +} + +div.fail { + background: #FFCCCC; +} +span.fail { + color: red; + font-weight: bold; +} + +a:link { + color: black; +} +a:visited { + color: gray; +} +a:active { + color: black; +} +a:hover { + text-decoration: none; +} + +.menu { + border-bottom: 1px solid black; +} +.name { + font-size: 14px; + font-weight: bold; + color: navy; +} +.title { + font-size: 20px; + font-weight: bold; +} +.getit { + font-size: 8px; +} +.items { + float: right; + font-weight: bold; +} +.items a:link { + text-decoration: none; +} +.items a:visited { + color: black; + text-decoration: none; +} +.items a:active { + color: black; + text-decoration: none; +} +.items a:hover { + color: gray; + text-decoration: none; +} +.items .svn { + color: navy; +} + +.testlist li { + list-style: none; + margin-left: 0; + text-indent: -1em; +} +.testlist li.directory:before { + content: "\00BB \0020"; +} +.testlist li.file:before { + content: "\203A \0000"; + margin-right: 2px; +} + +.testlist li.directory a:link { + text-decoration: none; + color: black; + font-weight: bold; +} +.testlist li.directory a:visited { + text-decoration: none; + color: black; + font-weight: bold; +} + +div.autocomplete { + position:absolute; + width:250px; + background-color:white; + border:1px solid #888; + margin:0px; + padding:0px; +} +div.autocomplete ul { + list-style-type:none; + margin:0px; + padding:0px; +} +div.autocomplete ul li.selected { background-color: #ffb;} +div.autocomplete ul li { + list-style-type:none; + display:block; + margin:0; + padding:2px; + height:16px; + cursor:pointer; + text-align: left; +} diff --git a/site/app/webroot/css/thickbox.css b/site/app/webroot/css/thickbox.css new file mode 100644 index 0000000..9da58e8 --- /dev/null +++ b/site/app/webroot/css/thickbox.css @@ -0,0 +1,129 @@ +/* ----------------------------------------------------------------------------------------------------------------*/ +/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/ +/* ----------------------------------------------------------------------------------------------------------------*/ +/* *{padding: 0; margin: 0;} */ + +html, body { +min-height: 100%; +/* height: auto !important; */ +height: 100% +} + +/* ----------------------------------------------------------------------------------------------------------------*/ +/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/ +/* ----------------------------------------------------------------------------------------------------------------*/ +#TB_window { + font: 12px Arial, Helvetica, sans-serif; + color: #333333; +} + +#TB_secondLine { + font: 10px Arial, Helvetica, sans-serif; + color:#666666; +} + +#TB_window a:link {color: #666666;} +#TB_window a:visited {color: #666666;} +#TB_window a:hover {color: #000;} +#TB_window a:active {color: #666666;} +#TB_window a:focus{color: #666666;} + +/* ----------------------------------------------------------------------------------------------------------------*/ +/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/ +/* ----------------------------------------------------------------------------------------------------------------*/ +#TB_overlay { + position: absolute; + z-index:100; + top: 0px; + left: 0px; + background-color:#000; + -moz-opacity: 0.6; + opacity: 0.6; +} + +#TB_window { + position: absolute; + background: #ffffff; + z-index: 102; + color:#000000; + display:none; + border: 4px solid #525252; + text-align:left; +} + +#TB_window img { + display:block; + margin: 15px 0 0 15px; + border-right: 1px solid #ccc; + border-bottom: 1px solid #ccc; + border-top: 1px solid #666; + border-left: 1px solid #666; +} + +#TB_caption{ + height:25px; + padding:7px 30px 10px 25px; + float:left; +} + +#TB_closeWindow{ + height:25px; + padding:11px 25px 10px 0; + float:right; +} + +#TB_closeAjaxWindow{ + padding:5px 10px 7px 0; + margin-bottom:1px; + text-align:right; + float:right; +} + +#TB_ajaxWindowTitle{ + float:left; + padding:7px 0 5px 10px; + margin-bottom:1px; +} + +#TB_title{ + background-color:#e8e8e8; + height:27px; +} + +#TB_ajaxContent{ + clear:both; + padding:2px 15px 15px 15px; + overflow:auto; + text-align:left; + line-height:1.4em; +} + +#TB_ajaxContent p{ + padding:5px 0px 5px 0px; +} + +#TB_load{ + position: absolute; + display:none; + height:100px; + width:100px; + z-index:101; +} + +#TB_HideSelect{ + z-index:99; + position:absolute; + top: 0; + left: 0; + background-color:#fff; + border:none; + -moz-opacity: 0; + opacity: 0; +} + +#TB_iframeContent{ + clear:both; + border:none; + margin-bottom:-1px; + margin-top:1px; +} diff --git a/site/app/webroot/css/type.css b/site/app/webroot/css/type.css new file mode 100644 index 0000000..f6eaa8a --- /dev/null +++ b/site/app/webroot/css/type.css @@ -0,0 +1,176 @@ +/*---------------------------------------------------------------------------- +Typography CSS file for Addons.mozilla.org +Created by Craig Cook - focalcurve.com + on December 30, 2007 +-----------------------------------------------------------------------------*/ + +/*** =Reset defaults ***/ +html, body, div, span, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, code, +del, dfn, em, img, q, dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td { + font-weight: inherit; + font-style: inherit; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; +} + +/* Tables still need 'cellspacing="0"' in the markup. */ +caption, th, td { text-align: left; font-weight:400; } + +/* Remove possible quote marks (") from <q>, <blockquote>. */ +blockquote:before, blockquote:after, q:before, q:after { content: ""; } +blockquote, q { quotes: "" ""; } + +form ol, form ul { list-style: none; } +input, button, select, textarea { font-family: inherit; font-size: inherit; color: inherit; } + +/*** =General elements ***/ +body { font: 62.5%/1.6 Verdana, "Trebuchet MS", sans-serif; } +a:link { text-decoration: underline; } + +h1, h2, h3, h4, h5, h6, caption, #rate-it legend { font-family: "Trebuchet MS", Helvetica, "Helvetica Neue", Arial, sans-serif; } + +h2 { font-weight: bold; font-size: 140%; } +h3, caption { font-size: 140%; } +h4, #rate-it legend { font-size: 125%; } + +dt { font-weight: bold; } +thead th { font-size: 95%; } + +/*** =Site-notice ***/ +#site-notice { font-size: 110%; } + +/*** =Access nav ***/ +#nav-access { list-style: none; font-size: 115%; } +#nav-access a:active, #nav-access a:focus { text-align: center; } + +/*** =Header ***/ +h4#moz { font-weight: bold; font-size: 130%; } + +/* =Page title */ +#page-title h1 { font-weight: bold; font-size: 300%; line-height: 1.2; } +#page-title h1 a { text-decoration: none; } +#page-title h2 { font-size: 220%; } +#page-title p.page-intro { line-height: 1.25; font-size: 125%; font-weight: bold; } + +/* =User nav */ +#nav-user { text-align: right; font-size: 115%; } +#nav-user a:link, #nav-user a:visited { text-decoration: none; } +#nav-user a:hover, #nav-user a:active, #nav-user a:focus { text-decoration: underline; } + +/* =Other Applications */ +#other-apps h3 { font-size: 100%; } +#nav-apps { list-style: none; font: bold 110% "Trebuchet MS", Helvetica, "Helvetica Neue", Arial, sans-serif; } +#other-apps.js #nav-apps { font-size: 130%; } +#nav-apps a { text-decoration: none; } + +/*** =Search form ***/ +#search-form { font-size: 100%; } +#search-form #search-query label, #search-form #query, #search-form #category { font-size: 140%; } +#search-form #search-category { white-space: nowrap; } + +/*** =Footer ***/ +#nav-legal { list-style: none; } +#footer-disclaimer { text-align: center; } + +/*** =Content ***/ +#content { font-size: 120%; } + +/*** =Extra content ***/ +#content-extra h3 { font-size: 110%; } +#content-extra .nav-addon h3 { font-size: 130%; } +#content-extra ul { font-size: 98%; } +#content-extra p.view-all { text-align: right; } + +/*** =Categories ***/ +#categories h3 { font-size: 120%; } +#cat-list { list-style: none; } +#categories a:link, #categories a:visited { text-decoration: none; } +#categories p { line-height: 1.4; } + + + +/*** =Add-on boxes ***/ +.addon .name { font-size: 180%; line-height: 1.2; font-weight: normal; } +.addon .author { font-size: 100%; } +.addon .name a, .addon .author a { text-decoration: none; } +.addon .name a:hover, .addon .author a:hover { text-decoration: underline; } +.addon .rating, .addon .stats, .addon .updated { font-size: 95%; } +.addon .stats em { font-style: normal; } +.addon .more-from { font-size: 90%; } +.addon .flag { /*text-transform: uppercase;*/ font-size: 100%; line-height: 1; } + +/* =Primary featured add-on */ +.main .name { font-size: 200%; } + +/* =Secondary featured add-ons */ +.sub .name { font-size: 150%; } +.sub .preview-img { text-align: center; } +.sub .desc { font-size: 98%; } + +/* =Listing items */ +#addon-listing { list-style: none; } +#addon-listing .author { font-size: 100%; } +#addon-listing .more { list-style: none; font-size: 95%; } + +/*** =Install button ***/ +.install-button { font: bold 120% "Trebuchet MS", Helvetica, "Helvetica Neue", Arial, sans-serif; } +.install-button a { text-decoration: none; } +.exp-loggedout, .exp-confirmed { font-size: 90%; } +.exp-loggedout .install-button a, +.exp-confirmed .install-button a { font-size: 110%; text-align: left; } + +/*** =Pitch ***/ +.pitch h3 { font-size: 100%; font-weight: bold; line-height: 1.2; } +.pitch h3 a { text-decoration: none; } +.pitch p { font-size: 95%; } + +/*** =Landing pages ***/ +#recommended .name { font-size: 160%; } +#content.landing #secondaries .sub .flag { font-size: 95%; } +#content.landing .more-addons h3 { font-size: 130%; } +#content.landing .more-addons ul { list-style: none; } +#content.browse .more-addons h3 { text-align: center; } +.browse-list a { text-decoration: none; font-weight: bold; } +#dictionaries tbody th { font-weight: bold; } + +/*** =Detail page ***/ +#addon-summary .name { font-size: 200%; } +.addon-cats { list-style: none; font-size: 95%; } +.addon-cats a:link, .addon-cats a:visited { text-decoration: none; } +.addon-cats a:hover, .addon-cats a:active, .addon-cats a:focus { text-decoration: underline; } +.addon-images, .addon-reviews { list-style: none; } +.addon-images a img { vertical-align: top; } +.addon-reviews .cite { font-size: 95%; } +#license a { font-size: 70%; } +.oldversion .license a { font-size: 80%; } + +/* =Review form */ +#form-review #review-submit { font-size: 90%; } + +/* =reCaptchas */ +#recaptcha_whatsthis { font-size: 90% } + +/* =Star rating */ +/*ul.star-rating { list-style: none; }*/ + +/* =More add-ons */ +.more-addons h3 { line-height: 1.3; } +.more-addons h3 a.view { text-decoration: none; } +.more-addons h4 { font-size: 100%; } + +/*** =Pagination ***/ +.pages { list-style: none; text-align: left; } +.pagination p.count, .pagination p.perpage { text-align: right; } + +/*** =Listing control bar ***/ +#form-listcontrol { font-family: "Trebuchet MS", Helvetica, "Helvetica Neue", sans-serif; } +#form-listcontrol #per-page { font-size: 110%; font-weight: bold; } +#order-by button { text-align: center; } +#form-listcontrol #experimental label { font-size: 95%; line-height: 1.1; } + + |