From 91cfec6e459aa2da086c917985c1f926eeef7c27 Mon Sep 17 00:00:00 2001 From: Josh Williams Date: Fri, 09 Oct 2009 05:39:37 +0000 Subject: I rewrote main.css --- diff --git a/site/app/webroot/css/amo2009/main.css b/site/app/webroot/css/amo2009/main.css index f218d03..5449807 100644 --- a/site/app/webroot/css/amo2009/main.css +++ b/site/app/webroot/css/amo2009/main.css @@ -1,14 +1,4 @@ -/* @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/ */ +/* =Reset */ /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, @@ -20,2709 +10,983 @@ 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; + margin: 0; + padding: 0; + border: 0; + outline: 0; + font-size: 100%; + vertical-align: baseline; + background: transparent; } - -/* @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; + line-height: 1; } - -/* @end */ - -/* @group Tables */ - -table { - border-bottom: 1px solid #666; +ol, ul { + list-style: none; } - -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; +blockquote, q { + quotes: none; } - -/* @end */ - -/* @group Other styling */ - -p, ul, ol, dl, address, table, pre, form, fieldset { - font-size: 1em /* 14px */; - margin-bottom: 1.5em; /* 21px */ +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; } -address { - font-style: normal; +/* remember to define focus styles! */ +:focus { + outline: 0; } +/* remember to highlight inserts somehow! */ ins { - text-decoration: underline; + text-decoration: none; } - del { - text-decoration: line-through; -} - -/* @end */ - - -/* @end */ - -/* @group Helper styles */ - -/* @group Forms */ - -/* @group Containers */ - -form .container { - margin-bottom: 1.5em; /* 19.5px */ + text-decoration: line-through; } - -/* @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; +/* tables still need 'cellspacing="0"' in the markup */ +table { + border-collapse: collapse; + border-spacing: 0; } -/* @end */ - -/* @end */ - -/* @group Labels */ -label { - font-weight: bold; - cursor: pointer; +a { + color:rgb(68,187,249); } +/* =Layout */ -.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; +body { + font:normal 100%/1.25em Helvetica Neue, Arial, Helvetica, sans-serif; + background:#fff; + color:rgb(63,63,63); } -.compact label { - display: inline; +.section { + margin: 0 auto; + max-width:940px; + min-width:776px; } -/* @end */ - -/* @group Meta */ - -form .help { - display: block; - color: #777; - font-style: normal; - font-size: 0.923em; /* 12px */ +#header { + position:relative; + margin:3.8em 0 1em 0; } -/* @end */ - -/* @group Form controls */ - -input, textarea, select, button { - font-family: inherit; - font-size: 1em; - line-height: inherit; +#header:after { + content: "."; + display: block; + height: 0; + clear: both; + visibility: hidden; } -select { - background-color: #fff; /* fixes bug in Opera which inherits bgcolor from container */ +#nav-access { + display:none; } - -button { - overflow: visible; - cursor: pointer; +#aux-nav { + font-size:80%; + background:#fff; + position:absolute; + top:-40px; + right:20px; + z-index:2; } -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; -} +ul.refinements { + margin:1em 0; + } -textarea:focus, -input[type='text']:focus, -input[type='password']:focus, -select:focus { - border-color: #888; - outline: 1px solid #ffffaa; -} +ul.refinements li { + margin-left:10px; + } -input.short { - width: 4em; +#aux-nav .tools { + float:left; + width:100px; + margin:.5em 1em 0 0; + padding:5px 5px 0 5px; } -input.medium, textarea.medium { - width: 12em; +.tools .expanded li { + padding-bottom:1em; } -input.long, textarea.long { - width: 30em; +.further-navigation { + margin-bottom:40px; + font-size:85%; } -textarea { - width: 99%; - display: block; -} +.article .further-navigation { + margin-bottom:0; + } -.button-container input { - font-weight: bold; -} +.primary form.languages.go { + margin-bottom:20px; + } -.button-container input.cancel { - font-weight: normal; -} +p.context {clear:left; padding:0 5px;} -button.link { - border: 0; - padding: 0; - background-color: #fff; - font-weight: normal; - cursor: pointer; - width: auto; - overflow: visible; -} +#review-box p { + margin-bottom:1em; + } + +#review-box { + font-size:90%; + margin-bottom:2em; + } -/* accessibility feature, resize check and radio inputs */ -.radio-container input, -.checkbox-container input { - width: 1em; - height: 1em; +#review-box:after { + content: "."; + display: block; + height: 0; + clear: both; + visibility: hidden; } -/* @end */ - -/* @end */ +* html #review-box {height:1%} /* IE5 + IE6 auto clear filter */ -/* @group Stars */ +*:first-child+html #review-box {min-height:1px;} /*for IE7 */ -.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%; +.secondary, +.stand-alone-options .categories { + clear:left; + float:left; + xmargin-top:22px; + width:24.49%; } -/* @group star select replacement */ - -select.replaced { - display: none; +.secondary .categories, +.stand-alone-options .categories { + margin:22px 0; } -.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; +.primary { + clear:right; + float:right; + xmargin-top:22px; + margin-left:10px; + width:73.47% } -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; -} +.primary.results-head + .primary { + width:73.47% !important; + } -/* @end */ - -/* @group hReviews */ - -.hreview { - border-bottom: 1px dotted #B5D9E5; - padding: 0.5em 0 1em 0; - margin-bottom: 0.5em; +.search-form { +margin-top:22px; } -.hreview p { - margin-bottom: 0; +.stand-alone-options .search-form { + clear:right; + float:right; + margin-top:22px; + margin-left:10px; + width:71.47% } -.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; +.primary .primary { + clear:none; + float:left; + margin-left:0; + width:63.889%; } -.more-info:hover, -.more-info:focus, -.more-info:active { - background-position:right -203px; - color: #003595; +.primary .secondary { + clear:none; + float:right; + width:33.3%; } -/* @end */ - -/* @group Generic Image Styles */ +p#title a { + text-decoration:none; + margin-left:8px; + } -.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; +p#title a img{ + vertical-align:text-top; } -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; +p#brand { + display:none; } -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; +ul.stats { + display:none; + width:auto; + float:right; } -.screenshot.thumbnail { - border: 3px solid #C9E8F3; - float: left; - margin-right: 1em; - margin-bottom: 1em; - height: 150px; - width: 200px; +.search-form { + position:relative; + display:block; + background:rgb(242,251,254); + border:8px solid rgb(68,187,249); + xborder:8px solid rgb(68,187,249); + -moz-border-radius:12px; } -.screenshot.thumbnail img { - display: block; -} -.hasJS .screenshot.thumbnail { - position: relative; +select, label, input { +font-family: Helvetica Neue, Arial, Helvetica, sans-serif; } -.hasJS .screenshot.thumbnail .img-control { +#search-query .query-label { + font-size:100%; + color: rgb(63,63,63); position: absolute; - top: -10px; - right: -10px; - width: 18px; - height: 18px; - overflow: hidden; -} - -img.scale { - width: 100%; -} - -/* @end */ - -/* @group Buttons */ - -a:link.button, -a:visited.button, -a:hover.button, -a:focus.button, -a:active.button, -button,input[type=submit] { - background-image: url(../../img/amo2009/bg/button-blue.jpg); - background-color:#73B9FF; - background-position:center center; - background-repeat:repeat-x; - padding:0 0.6em 0 0.5em; - -moz-border-radius: 13px; - -webkit-border-radius: 8px; - border-radius: 10px; - color:#FFFFFF; - font-family:helvetica, arial, sans-serif; - text-decoration:none; - font-size:1em; - text-shadow:-1px -1px 1px #196CF2; - white-space:nowrap; - overflow:visible; - cursor:pointer; - border:1px solid #258BFF; - margin:0.3em 0; - vertical-align:middle; -} - -a:link.button img, -a:visited.button img, -a:hover.button img, -a:focus.button img, -a:active.button img, -button img { - vertical-align:middle; - padding:0; - margin:0; - border-left:none; - border-top:none; - border-bottom:none; - border-right:1px solid #3399FF; - margin:0 0.6em 0.25em 0; - padding:0.1em 0.5em 0.1em 0; -} - -a:link.auxillary, -a:visited.auxillary, -a:hover.auxillary, -a:focus.auxillary, -a:active.auxillary, -button.auxillary { - font-size:0.923em; - padding:0.15em 1em 0.1em 0.7em; -} - -a:link.prominent, -a:visited.prominent, -a:hover.prominent, -a:focus.prominent, -a:active.prominent, -button.prominent { - font-size:1.2em; - -moz-border-radius: 13px; - -webkit-border-radius: 11px; - border-radius: 13px; -} - -a:link.significant, -a:visited.significant, -a:hover.significant, -a:focus.significant, -a:active.significant, -button.significant { - font-size:1.2em; - -moz-border-radius: 16px; - -webkit-border-radius: 14px; - border-radius: 16px; - font-weight: bold; - padding:0.4em 0.8em 0.3em 0.5em; - line-height: 2em; -} - -a:link.significant img, -a:visited.significant img, -a:hover.significant img, -a:focus.significant img, -a:active.significant img, -button.significant img { - /* padding:0 0.4em 0.2em 0.2em; */ - /* margin-right: 0.4em; */ - margin-bottom:0.4em; - margin-right:0.6em; - padding:0.4em 0.6em 0.2em 0.2em; -} - -a:link.button.neutral, -a:visited.button.neutral, -a:hover.button.neutral, -a:focus.button.neutral, -a:active.button.neutral, -button.neutral { - background-color:#E5A365; - background-image: url(../../img/amo2009/bg/button-orange.jpg); - border:1px solid #CB7E42; - text-shadow:-1px -1px 1px #BF6524; -} - -a:link.button.neutral img, -a:visited.button.neutral img, -a:hover.button.neutral img, -a:focus.button.neutral img, -a:active.button.neutral img, -button.neutral img { - border-right:1px solid #DD7711; -} - -a:link.button.positive, -a:visited.button.positive, -a:hover.button.positive, -a:focus.button.positive, -a:active.button.positive, -button.positive { - background-color:#8CC553; - background-image: url(../../img/amo2009/bg/button-green.jpg); - border: 1px solid #488F03; - text-shadow:-1px -1px 1px #7BAB29; -} - -a:link.button.positive img, -a:visited.button.positive img, -a:hover.button.positive img, -a:focus.button.positive img, -a:active.button.positive img, -button.positive img { - border-right:1px solid #55AA00; -} - -a:link.negative, -a:visited.negative, -a:hover.negative, -a:focus.negative, -a:active.negative, -button.negative { - background-color:#EC7F82; - background-image: url(../../img/amo2009/bg/button-red.jpg); - border: 1px solid #CF2F1E; -} - -a:link.negative img, -a:visited.negative img, -a:hover.negative img, -a:focus.negative img, -a:active.negative img, -button.negative img { - border-right:1px solid #E54C4F; -} - -a:link.button[disabled=disabled], -a:visited.button[disabled=disabled], -a:hover.button[disabled=disabled], -a:focus.button[disabled=disabled], -a:active.button[disabled=disabled], -button[disabled=disabled], -input[type=submit][disabled=disabled] { - opacity: 0.5; - cursor: default; -} - -/* @end */ - -/* @group Add To Favourites */ - -button.add-to-fav { - margin: 0; - padding: 0.5em 0 0.2em 19px; - background: none; - background-image: url(../../img/amo2009/icons/fav-off.gif); - background-position: left center; - background-repeat: no-repeat; - -moz-border-radius: 0; - border:none; - color: #0055EE; - cursor:pointer; - text-shadow:none; - white-space: normal; - font-size: 0.923em; - font-weight: bold; -} - -button.add-to-fav.fav { - color: #CC0000; - background-image: url(../../img/amo2009/icons/fav-on.gif); -} - -form button.add-to-fav:hover, -form button.add-to-fav:focus { - color: black; -} - -form button.add-to-fav.loading-fav, -form button.add-to-fav.loading-fav:hover, -form button.add-to-fav.loading-fav:focus, -form button.add-to-fav.loading-fav:active { - color: #A4A5A5; - background-image: url(../../img/amo2009/icons/orange-loading.gif); -} - -/*.favorite { - background-image: url(../../img/amo2009/icons/icons.png); - background-repeat: no-repeat; - background-position: 0 -700px; - padding-left: 20px; - padding-bottom: 7px; - cursor: pointer; -} -.favorite-loading { - background-image: url(../../img/amo2009/icons/orange-loading.gif); - background-position: 0 0; -} - -.favorite-added { - background-image: url(../../img/amo2009/icons/icons.png); - background-position: 0 -800px; - color: #D11F1F; -} */ - -form.favorite { - margin: 0; + left: 2.5em; + display: none; + margin:0 .4em; + padding:.4em 0 .3em .6em; +} + +#search-form { + padding:1.5em 1.4em 1.5em; +} + +#search-form #query { + font-size:100%; + margin:0 .3em; + padding:.3em .3em .3em 26px; + width:33%; + background-color:rgb(255,255,255); + border:1px solid rgb(150,150,150); +} + +#search-form select#cat { + margin:0 .3em; + padding:.27em; + width:36%; + font-size:100%; + color: rgb(63,63,63); + background:rgb(255,255,255); + border:1px solid rgb(150,150,150); +} + +#search-form button[type="submit"] { + margin-left:1em; + padding:.4em .2em .1em .3em; + width:38px; + background:rgb(250,214,74); + xborder-top:1px solid rgb(190,213,186); + xborder-right:1px solid rgb(0,110,0); + xborder-left:1px solid rgb(190,213,186); + border:3px solid rgb(236,125,37); + -moz-border-radius:6px; + vertical-align:top; + content:submit; +} + +.search-form .basic button img { +background-image:url(../../img/amo2009/icons/buttons/go-green.gif); +height:18px; +width:9px; } -/* @end */ - -.privacy-policy { - margin-left: 1em; - margin-top: 0.5em; +.search-form .basic input { +background-color:white; +background:url(../../img/amo2009/icons/magnifying-glass.gif) no-repeat 0.2em center; } -.prose { - margin: 1em; -} -.primary.prose { - margin: 0; +#advanced-link { +bottom:0; +margin:0; +position:absolute; +bottom:-36px; +right:0; +font-size:80%; +padding:5px; } -.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; +#advanced-search { + display:none; } -/* @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; +.section-teaser { + margin-top:2em; } -/* @group Header */ - -#header { - position: relative; - padding: 1px 0 0 0; +.categories > h3 { + display:block; + padding:1em .7em; + font-weight:bold; + font-size:130%; + background:rgb(222,229,231); + color:rgb(63,63,63); + -moz-border-radius-topright:12px; + -moz-border-radius-topleft:12px; } -/* @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; +.categories ul { + background:rgb(255,255,255); + border:8px solid rgb(222,229,231); + border-top:none; + -moz-border-radius-bottomright:12px; + -moz-border-radius-bottomleft:12px; } -#title a:link, -#title a:visited, -#title a:hover, -#title a:focus, -#title a:active { - color: #223355; - text-decoration: none; - background: none; +.categories ul ul { + border:none; } -#title em { - color: #445577; - font-weight: normal; - font-style: italic; +.categories ul ul li { + + border-bottom:1px solid rgb(222,229,231); } -#title img { - vertical-align: middle; - position: relative; - top: -0.1em; +.categories ul ul li a { + display:block; + padding:.74em; + color:rgb(68,187,249); } - -/* @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; +.categories ul ul li span { + float:right; + padding:.74em; } -/* @end */ - -/* @group Stats */ - -.stats { - font-size: 0.923em; - text-align: right; - margin: -4.8em 1em 0 0; - padding: 0; - float: right; - color: #223355; - display: table; - border-collapse: collapse; +.categories ul ul li:hover, +.categories ul ul li:hover a, +.categories ul ul li:active { + background:rgb(120,230,0); + color:rgb(63,63,63); } -.hasJS .stats { - margin: -8em 0 0 0; +.featured-inner { + margin:0 0 2.5em 0; + padding:20px 16px; + background:rgb(255,255,255); + border:8px solid rgb(222,229,231); + -moz-border-radius:12px; } -.stats li { - padding: 0.1em 0; - line-height: 1.2em; +.section-teaser { + display:none; } -.hasJS .stats li { - border-bottom: 1px dotted #94BFCE; - padding: 0.2em 0; - line-height: 1.25em; - display: table-row; +.teaser-header { + display:none; } -.stats li:last-child { - border-bottom: none; +.primary h2 { + margin:2em 0 1em 6px; + font-size:160%; } -.stats strong, .stats span { - display: table-cell; - padding: 0.1em 0.2em; +.primary a { + color:rgb(9,63,201); } -.stats span { - text-align: left; +.listing-header ul { +float:left; +margin-bottom:0; +font-size:80%; } -.stats strong { - color: #C63717; - font-size: 1.33em; - font-weight: normal; +.listing-footer { + font-size:80%; } -/* @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; +.listing-footer a { + margin-right:1em; } -#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; +.listing-header li { +display:inline; +line-height:2.5; +margin:0 3px; } -#aux-nav ul { - display: block; - padding-top: 0.7em; - z-index: 1; -} +.listing-header li a { + -moz-border-radius:10px; + padding:.5em .9em; + text-decoration:none; + color:rgb(0,0,0); + } -.hasJS #aux-nav ul { - float: right; - padding-right: 1em; -} +.listing-header li.selected a, +.listing-header li.selected a:hover { + background:rgb(216,223,225); -#aux-nav span.greeting { - margin-right: 1em; -} + + color:rgb(0,0,0); + } -#aux-nav .settings { - margin-right: 1em; -} +.listing-header li a:hover { + background:rgb(132,218,48); + } -#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; +.install { +-moz-border-radius:6px; +float:right; +text-align:center; } -/* #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; +div.recommended.item .install.install-container { + padding:5px 3px 5px 2px; } -#aux-nav .tools { - margin: 0 1em; -} */ - -/* @group Change */ - -#aux-nav ul.change { - margin: 2.5em 0 0 0; - padding: 0; +.install.install-container { + background:rgb(248,248,248); + padding:10px 9px 10px 6px; + border:1px solid rgb(132,218,48); } -.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; -} +.addon-listing blockquote p { + clear:right; + padding-top:.8em; + } -#aux-nav ul.change li { - display: inline; - margin-left: 1em; -} +.addon-listing a.profileLink { + color:rgb(63,175,248); + } -.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; -} +.addon-listing .meta { + border-top:1px solid rgb(216,223,225); + margin-top:.6em; + } + +.meta span.downloads { + display:block; + font-size:95%; + } -#aux-nav ul.change li li { - background-image: none; - background-repeat: no-repeat; - background-position: top left; -} +.item h3 span, .item h4 span { + display:block; + font-size:50%; + } -.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; -} +.secondary a.more-info {display:block; margin:1em 0;font-size:90%;} -.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; -} +a.button.positive {padding:0 5px;text-decoration:none;} -.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; -} +a.button.positive:hover {text-decoration:underline;} -#aux-nav ul.change ul { - display: inline; +.listing .item, .separated-listing .item { +font-size:.8em; +background-color:#FFFFFF; +clear:both; +overflow:hidden; +padding:1em 1em 1em 52px; +position:relative; } -.hasJS #aux-nav ul.change ul { - display: none; - position: absolute; - right: -3px; - padding: 0; - border-right: 3px solid #A2C2D7; - border-bottom: 3px solid #A2C2D7; +.listing.results .item, .separated-listing .item { + border-bottom:1px solid rgb(216,223,225); } -/* @end */ - -/* @group Tools */ +#addon-summary a.button.positive { + font-size:120%; + text-decoration:none; + } -#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; -} +#addon-summary a.button.positive:hover {text-decoration:underline;} + +#addon-summary .install.install-container strong { + font-size:85%; +} -#aux-nav ul.tools li { - background-image: none; - display: inline; - margin-left: 1em; +.listing .item img.icon, .separated-listing .item img.icon { +left:1px; +position:absolute; +top:1.1em; } -.hasJS #aux-nav ul.tools li { - display: block; - margin-left: 0; +.addon-listing h3 { + font-size:120%; } -#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; +#footer p,#footer ul { + clear:left; + font-size:80%; } -.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; + float:left; + margin:1em 0; } -.primary .primary { - width: 63.889%; - float: left; - clear: none; +#footer ul li { + display:inline; + margin:1em .5em; } -.primary .secondary { - margin-bottom: 2em; - width: 33.333%; - float: right; - clear: none; +#footer ul li:first-child { +margin:0; } -/* @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; +.primary .secondary img { + padding:8px; + border:8px solid rgb(222,229,231); + -moz-border-radius:12px; + margin-bottom:1em; } -/* @end */ +.primary .secondary a.screenshot.thumbnail img, +.preview a img { + padding:0; + margin-left:18px; + border:0; + } -.column-wrapper { - overflow: hidden; -} - -.column { - float: left; - width: 32%; - display: inline; - margin-left: 2%; -} +.preview img { + float:right; + border:8px solid rgb(222,229,231); + margin-right:20px; + } -.first { - margin-left: 0; +#addon-summary a.button img { + padding-top:5px; + padding-left:4px; + float:left; } -/* @end */ - - -/* @end */ - -/* @group Page Components */ - -.secondary fieldset { - border: none; - padding: 0; -} +.share-this { + float:right; + width:auto; + } -.secondary select#add-to-collection { - width: 100%; - margin: 0.5em 0; +.primary .secondary h3 { + margin:.5em 0; } -.secondary li a:link, -.secondary li a:visited, -.secondary li a:hover, -.secondary li a:focus, -.secondary li a:active { - font-weight: bold; -} +#addon h3,#addon h4 { + font-size:140%; + margin-bottom:.8em; + } -/* @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; +#footer .secondary img { + margin:0 auto 2em; + padding:8px; + display:block; + border:8px solid rgb(222,229,231); + -moz-border-radius:12px; } -/* @end */ +.addons_column { + clear:left; + float:left; + width:41.9%; + padding:0 10px 0 12px; + margin: 0 2% 22px 2px; + border:8px solid rgb(222,229,231); + -moz-border-radius:12px; + } -/* @group Article */ +#popular_addons { + margin-right:0; + clear:none; + } -.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; +#updated_addons { + width:91.8%; } + +#updated_addons ul li { + float:left; + width:47.6%; + display:block; +} -.article h4 { - clear: both; - margin-bottom: 0.3em; +#updated_addons ul li.even { + margin-left:3%; } -.article img .screenshot { - margin-top: 1em; - margin-right: 2em; +.addons_column p.view-all { + clear:left; + float:left; + width:auto; + font-size:80%; + margin:16px 0; } -.article a:link, -.article a:visited, -.article a:hover, -.article a:focus, -.article a:active { - font-weight: bold; +.category_landing .primary div.addons_column ul li a img.icon { +left:6px; +position:absolute; +top:6px; } -.article ul.further-navigation { - border-top: none; - padding-top: 0; - margin-bottom: 0; +.category_landing .primary div.addons_column ul li:first-child { + xborder-top:1px solid #DEE5E7; } -/* @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; +.category_landing .primary div.addons_column ul li a { + position:relative; +border:1px solid #DEE5E7; +-moz-border-radius:6px; +margin:12px 0; +display:block; +height:auto; +text-decoration:none; } -.notification h3 { - font-style: italic; - font-weight: normal; - line-height: 1.5em; - color: #223355; - margin-top: 0; +.category_landing .primary div.addons_column ul li a:after { + content: "."; + display: block; + height: 0; + clear: both; + visibility: hidden; } -.notification .continue { - margin:0.5em 0 0 1em; -} +* html .category_landing .primary div.addons_column ul li a {height:1%} /* IE5 + IE6 auto clear filter */ -.notification .continue a:link, -.notification .continue a:visited, -.notification .continue a:hover, -.notification .continue a:focus, -.notification .continue a:active { - font-size: 1.5em; -} +*:first-child+html .category_landing .primary div.addons_column ul li a {min-height:1px;} /*for IE7 */ -.notification .suggestion { - float: right; - text-align: right; +.category_landing .primary div.addons_column ul li a .name, +.category_landing .primary div.addons_column ul li a .meta { + display:block; + margin-left:52px; + padding:4px 15px 0 0; } -.notification .suggestion p { - margin: 0; - color: #666666; - font-weight: bold; +.category_landing .primary div.addons_column ul li a .meta { + font-size:80%; } -.notification .aux { - overflow: hidden; - width: 100%; + +#categoriesdropdown { + display:block !important; } -.toggle-help, -.toggle-info .close { - display: none; -} +.dropdown-categories h3 img { + display:none; +} -.hasJS .toggle-help, -.hasJS .toggle-info .close { - display: block; +.addons_column h3 { + font-size:120%; + margin:.5em 0 .9em 0; } -.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; +ol.breadcrumbs { + display:none; } -.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; +h2.addon { + clear:right; + width:71.47%; + margin:22px 0 22px 24%; + padding-top:22px; + position:relative; + display:block; } -.hasJS .primary .notification .toggle-info { - width: 33.2%; -} -.hasJS .primary .object-lead .toggle-info { - width: 100%; -} +h2.addon span { + font-size:170%; + position:absolute; + top:40px; + left:65px; + } -.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; +h2 img.icon { + margin:10px 10px 0 20px; } - -/* @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; +#addon .primary { + xfloat:left; + xwidth:73.47%; } -.highlight h2, -.highlight h3 { - margin-top: 0; - color: #011234; - font-size: 1.385em; - font-weight: normal; -} +.featured-inner { + float:left; + margin-right:10px; + } -.highlight h4 { - margin-bottom:1em; +.install.install-container { + clear:left; + float:left; + width:auto; + margin-right:10px; } -.highlight p { - margin-bottom: 0; - margin-top: 1em; +.install-button-text { + padding-left:10px; + font-weight:bold; + margin:0; } -.highlight img.avatar { - float: right; - margin-left: 1em; - margin-bottom: 1em; +.install.install-container strong { + font-size:85%; + display:block; + margin-top:-4px; } -.highlight .more-info { - float: left; -} +.featured-inner .secondary { + float:right; + margin-right:24px;} -.highlight a.button { - margin-top: 0.5em; -} +.featured.listing.results div.featured-inner { + width:90%; + } -.highlight .further-navigation { - border-top: 1px dotted #A5C9D5; - margin-bottom: 0; +#addon-summary { + float:left; + width:53%; } -.highlight .further-navigation .more-info { - float: right; +#addon-summary ul.addon-cats { + display:none; } -/* @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; +.object-lead table { +margin-top:1em; +width:100%; } -.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; +.object-lead table tr:first-child td, .object-lead table tr:first-child th { +border-top:medium none; } -/* putting back the focus outline */ -.categories h3 a:focus { - outline: 1px dotted white; +.object-lead table tr td, .object-lead table tr th { +border-bottom:medium none; +border-top:1px dotted #A5C9D5; } -.secondary .categories { - width: 100%; - float: none; +.object-lead table tr th { +width:20%; } -.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; +tbody tr th, tbody tr td { +border-top:1px solid #DDDDDD; } - -.categories ul { - padding: 1em 0.5em 1em 1em; - margin: 0; - font-weight: bold; +th, td { +padding:0.308em 0.537em 0.214em 0.231em; +text-align:left; } -.categories ul ul { - padding: 0 0 1em 0; - margin: 0; - font-weight: bold; +.article { + font-size:90%; + padding:1em; + border:1px solid rgb(216,223,225); + margin-bottom:2em; + } + +.article p { + margin-bottom:.5em; + } + +#addon-summary > p { + width:50%; + float:left; + margin-bottom:1em; + } + +.search-form .important div { +display:inline; +white-space:nowrap; } -.categories ul ul li { - margin: 0.2em; +form fieldset .container { +margin:1em 0; +position:relative; } -.categories ul li:first-child ul { - border-bottom: 1px dotted #94BFCE; - margin-bottom: 0.8em; - padding-bottom: 0.8em; +.expanded-search-form .advanced { +display:block; +margin-left:6px; } -.categories .items { - color: white; - background-color: #94BFCE; - -moz-border-radius: 7px; - -webkit-border-radius: 7px; - border-radius: 7px; - margin-left: 0.1em; - padding: 1px 5px; - font-size: 0.856em; - font-weight: bold; -} -.html-rtl .categories .items { - unicode-bidi: embed; +.search-form .subsidiary .container { +display:inline; +float:left; +width:48%; } -/* @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; +form fieldset .container { +margin-bottom:0; +margin-top:1em; +position:relative; } -/* @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 fieldset:first-child { +border-bottom:1px solid rgb(216,223,225); +padding-bottom:1em; +padding-top:1em; } -.search-form .basic * { - vertical-align: middle; +.item .item-info { +border-left:1px dotted #B4DFEE; } -.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; */ +.item-info { +float:right; +margin-left:2%; +padding-left:2%; +width:13em; +} + +.item h3 { + font-size:180%; + } + +.item h3 a { + text-decoration:none; + } + +.item h3 a:hover { + text-decoration:underline; + } + +#featured_addons { +xwidth:100%; +xfloat:left; +xmargin:20px; +} + +#featured_addons .addon_block.item { + float:left; + width:100%; + margin:0 20px 20px; + } + +#featured_addons .addon_block.item .preview a img { + margin:-60px 40px 0 0; + } + +.item-info .install-container, +#featured_addons .install-container { + margin-top:1em; + } + +#featured_addons .install-container p { + margin-bottom:0;} + +.item-info .install-container p a, +#featured_addons .install-container p a { + text-decoration:none; + } + +#featured_addons h4.name { + float:left; + width:auto; + } + +h4.other-author-addons { + font-size:80%; + } + +form#addons-author-addons { + margin-bottom:1em; + } + +#featured_addons p { + clear:left; + display:block; + float:left; + margin-bottom:1em; +} + +#featured_addons p.authors { + font-size:85%; + } + +.stars { +background-image:url(../../img/amo2009/icons/stars.png); +background-position:0 50%; +background-repeat:no-repeat; +display:block; +float:left; +margin-right:0.5em; +text-indent:-5000px; +width:63px; } -.search-form .basic button img { - vertical-align: top; - margin: 0; - padding: 0; - display: inline; - border-right: none; +.results .item .item-info .downloads { +display:block; +margin-left:0; } -.search-form .basic button p span { - text-indent: -5000px; +.item .downloads { +margin-left:1em; } -.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; -} +.item .meta span.downloads{ + margin-left:0; + } -.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; +.downloads { +clear:both; +color:#339900; } -#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; +.item-sort { +float:right; +margin:0.2em 0.5em 0; +text-align:right; +white-space:nowrap; } -/* @group Subsidiary */ - -.search-form .subsidiary { - margin-top: 0; - border: none; -} -.search-form .subsidiary .container { - width: 48%; - float: left; +.listing-header ul { + margin-bottom:1em; + } + +h3.result-count { + margin:0 0 1em 10px; + } + +/** Review box **/ +#form-review .login, #form-review h3 { 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; +#form-review h4, #form-review .selectReplacement { 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; +.html-rtl #form-review h4, .html-rtl #form-review .selectReplacement { + float: right; } -.hasJS .section-teaser .teaser-header ol { - border-top: 1px solid #AEC3CF; +#form-review .selectReplacement, #form-review .stars { + margin: 4px 0 0 5px; + clear: none; } -.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; +#form-review .stars { + margin: 1px 0 0 5px; + height: 12px; } -.section-teaser .teaser-header ol li:first-child { +.html-rtl #form-review .selectReplacement, .html-rtl #form-review .stars { margin-left: 0; + margin-right: 5px; } -.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; +#form-review a { 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; +#form-review button { + float: right; } -.hasJS .section-teaser .window ol.teaser-items li { +.html-rtl #form-review button { 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 { +#form-review p { 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 */ +/** END Review box **/ -/* @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; -} +/* @group hReviews */ -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; +.hreview { + border-bottom: 1px dotted #B5D9E5; + padding: 0.5em 0 1em 0; + margin-bottom: 0.5em; } -/* @end */ - -/* @group Pagination */ - -ol.pagination { - width: 50%; - margin-bottom: 2em; - margin-left: 0; - float: left; - line-height: 2em; -} -.listing-footer ol.pagination { +.hreview p { 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; +.hreview:last-child { + border-bottom: none; } /* @end */ @@ -2766,1305 +1030,4 @@ form.addon-feedback div.container { } /* @end */ - -/* @group Listing */ - -.listing { - margin-bottom: 1em; -} - -/* @group Listing - Header */ - -.listing-header { - background-color: #F0F8FC; - background-image: url(../../img/amo2009/bg/listing-header.gif); - background-repeat: repeat-x; - background-position: bottom left; - border-bottom: 1px solid #A5BFCE; - -webkit-border-top-right-radius: 3px; - -webkit-border-top-left-radius: 3px; - -moz-border-radius: 3px 3px 0 0; - border-radius: 3px 3px 0 0; - padding: 0.1em 0 0.1em 0.25em; - overflow: hidden; -} -.listing-header ul { - margin-bottom: 0; - float: left; -} -.listing-header li { - line-height: 2.5; - display: inline; - margin: 0 0.25em; -} -.listing-header li a { - color: #223355; - font-weight: bold; - text-decoration: none; - border: 1px solid transparent; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - padding: 0.3em 0.8em; - white-space: nowrap; -} -.listing-header li a:hover, -.listing-header li a:focus { - background-color: #BBDCE8; -} -.listing-header li.selected a:link, -.listing-header li.selected a:visited, -.listing-header li.selected a:hover, -.listing-header li.selected a:focus, -.listing-header li.selected a:active { - color: #fff; - background-color: #223355; - border-color: #001133; - border-width: 1px 0 0 1px; -} - -/* @group Item sort form */ - -.item-sort { - margin:0.2em 0.5em 0 0.5em; - text-align:right; - white-space:nowrap; - float: right; -} - - - -/* @end */ - -/* @end */ - -/* @group Listing - Footer */ - -.listing-footer { - background-color: #FFFFFF; - background-image: url(../../img/amo2009/bg/listing-footer.gif); - background-repeat: repeat-x; - background-position: left top; - border-top: 1px solid #A5BFCE; - -webkit-border-bottom-right-radius: 3px; - -webkit-border-bottom-left-radius: 3px; - -moz-border-radius: 0 0 3px 3px; - border-radius: 0 0 3px 3px; - margin-top: -1px; - position: relative; - z-index: 10; - overflow: hidden; - padding:0.3em 1em 0.5em; -} -.listing-footer a { - font-weight: bold; -} -.listing-footer .subscribe, -.listing-footer .pagination { - float: left; -} - -.listing-footer .subscribe { - margin-top: 0.3em; -} - -.listing-footer .more-info { - margin-top: 0.3em; -} - - -/* @end */ - -/* @group Items */ - -.item { - margin: 1.2em 0; - padding-top:1px; -} -.item blockquote { - font-style: normal; - margin: 0; -} -.item blockquote p { - margin-bottom: 0.5em; -} - -/* @group Headings */ - -.item h5 { - font-size: 1.167em; /* 14px */ - margin-top: 0.5em; - margin-bottom: 0.2em; -} -.item h3, -.item h4 { - font-size: 1.385em; /* 18px */ - font-weight: bold; - line-height: 1em; - margin-top: 0; - margin-bottom: 0.778em; - overflow: hidden; -} -.item h3 span, -.item h4 span { - font-size: 0.667em; /* 13px */ - font-weight: normal; - display:block; -} -.item h5 span { - font-size: 0.857em; - font-weight:normal; - white-space: nowrap; -} - -/* @end */ - -/* @group Item information */ - -.item .meta { - font-size: 0.923em; /* 12px */ - border-top: 1px dotted #B5D9E5; - padding-top: 0.3em; -} -.item .meta .addons { - margin-right: 1em; -} -.html-rtl .item .meta .addons { - margin-right: auto; - margin-left: 1em; -} - -.item .downloads { - margin-left: 1em; -} -.html-rtl .item .downloads { - margin-left: auto; - margin-right: 1em; -} - -/* @group Item info (aligned Right) */ - -.item-info { - float: right; - width: 13em; - padding-left:2%; - margin-left: 2%; -} - -.item .item-info { - border-left: 1px dotted #B4DFEE; - /*margin-bottom: -50em; - padding-bottom: 50em;*/ -} -.item-info ul { - list-style-type: none; -} - -/* @end */ - -/* @group Install Information */ - -.item .install { - float: right; - text-align: center; - -webkit-border-radius: 11px; - -moz-border-radius: 11px; - border-radius: 11px; - padding: 0 3px 3px 3px; - margin-left: 0.5em; -} - -.item .unavailable { - border: 1px solid #D2E7EE; - padding: 0.3em; - width: 10em; - background-color: #FFFFFF; - color: #666666; -} - -.recommended .install { - background-color: #efe; - border: 1px solid #2a2; -} - -.experimental .install{ - background-color: #fee; - border: 1px solid #f66; -} - -.item .install strong { - display: block; - font-weight: normal; - font-size: 0.85em; - line-height: 1em; - color: #000; - text-shadow: #FFFFFF 1px 1px 1px; - clear: left; -} - -/* @end */ - - - -/* @end */ - -/* @group Listing and seperated items */ -.separated-listing h3 { - float: left; - margin-top: 0; -} - -.html-rtl .separated-listing h3 { - float: right; -} - -.separated-listing .item h3 { - float: none; -} - -.separated-listing form.item-sort { - float: right; - margin-top: -0.2em; -} - -.html-rtl .separated-listing form.item-sort { - float: left; -} - -.separated-listing .item .item-info { - border: none; - margin-bottom: 2em; -} - -.separated-listing .item .item-info p { - margin: 0; -} - -.separated-listing .item .downloads { - margin: 0; -} - -.separated-listing blockquote { - margin-right: 11em; -} - -.separated-listing .item-info p:first-child { - margin-bottom: 1em; -} - -.listing .item, -.separated-listing .item { - padding: 1em 1em 1em 52px; - position: relative; - background-color: #FFFFFF; - overflow: hidden; - clear: both; -} -.separated-listing .item { - border: 1px solid #C9E8F3; - margin: 0 0 1em 0; - -moz-border-radius:3px; - -webkit-border-radius: 3px; - border-radius:3px; -} - -.listing .item { - border-bottom: 1px solid #D6E9F0; - background-image: url(../../img/amo2009/bg/listing-item.png); - background-repeat: repeat-x; - background-position: left bottom; - margin: 0 0 0 0; -} - -.listing .item img.icon, -.separated-listing .item img.icon { - position: absolute; - top: 0.5em; - left: 7px; -} - -/* @group Item variations */ - -.listing .recommended, -.separated-listing .recommended { - background-image: url(../../img/amo2009/bg/listing-item-yellow.png); - border-color: #fc9; -} -.recommended .meta { - border-color: #fc9; -} - -.listing .experimental, -.separated-listing .experimental { - background-image: url(../../img/amo2009/bg/listing-item-red.png); - border-color: #fcc; -} -.experimental .meta { - border-color: #fcc; -} - -/* @end */ - -/* @end */ - -/* @end */ - -/* @end */ - -/* @group Object Lead */ - -.object-lead { - padding: 1em; - margin: 0; - background-image: url(../../img/amo2009/bg/listing-item.png); - background-repeat: repeat-x; - background-position: left bottom; - overflow: hidden; - position: relative; -} - -.object-lead img.avatar { - border: 3px solid #C8E8F3; - width: 128px; - height: 128px; - float: left; - margin-right: 1em; -} - -.object-lead form { - margin:0; -} - -.object-lead h3 { - margin-top: 0; -} - -.object-lead .meta { - float: right; - width: 18em; - padding-left: 2%; - margin: 2em 2% 0 0; - margin-left: 1em; - border-left: 1px dotted #B4DFEE; -} - -.html-rtl .object-lead .meta { - float: left; - padding-left: auto; - padding-right: 2%; - margin-left: 2%; - margin-right: 1em; - border-left: none; - border-right: 1px dotted #B4DFEE; -} - -.object-lead .object-info p { - margin: 0; -} - -.object-lead .user-role { - position: absolute; - top: 1em; - right:0; - background-image:url(../../img/amo2009/icons/developer.png); - background-position: left center; - background-repeat: no-repeat; - padding: 0.3em 1.18em 0.3em 35px; - text-transform: uppercase; - font-size: 0.846em; -} - -.object-lead .notification { - background-color: #C8E8F3; - border: none; - margin-top: 2em; - margin-bottom: 1em; -} - -.object-lead .button-wrapper { - float: left; - margin-top:0.5em; - overflow: hidden; -} - -/* @group Object Content */ - -.object-content { - margin-left: 220px; -} - -.vcard .object-content { - margin-left: 150px; -} - -.object-lead table, -.object-lead tbody { - border-top: none; - border-bottom: none; -} - -.object-lead table { - width: 100%; - margin-top: 1em; -} - -.object-lead table tr th { - width: 20%; -} - -.object-lead table tr td, -.object-lead table tr th { - border-top: 1px dotted #A5C9D5; - border-bottom: none; -} - -.object-lead table tr:first-child td, -.object-lead table tr:first-child th { - border-top: none; -} - -/* @end */ - - - -/* @end */ - -/* @group Person Info table */ - -table.person-info th, -table.person-info td { - display: block; -} - -table.person-info td { - border-top:none; - margin: 0; - padding: 0.1em 0 0.3em 0; -} - -table.person-info th { - border-top:1px dotted #A5C9D5; - margin: 0; - padding: 0.3em 0 0 0; -} - -table.person-info tr:first-child th { - border-top: none; -} - -table.person-info tbody { - border-top:none; -} - -table.person-info { - border-bottom:none; -} - -table.person-info a:link, -table.person-info a:visited, -table.person-info a:hover, -table.person-info a:focus, -table.person-info a:active { - font-weight: bold; -} - -/* @end */ - -/* @group Collection Columns */ - - -.article-wrapper { - margin-bottom: 1em; - clear: both; -} - -.article-wrapper .article { - padding-bottom: 0; -} - -.article-wrapper h3 { - margin-top: 0; -} - -/* @end */ - -/* @group Further Navigation */ - -ul.further-navigation { - border-top: 1px dotted #B4DFEE; - padding-top: 1em; - margin-top: 1.5em; -} - -ul.further-navigation li { - display: inline; - padding-right: 1em; -} - -ul.further-navigation li a { - font-weight: bold; -} - -/* @end */ - -/* @end */ - -/* @group Overrides */ - -/* @group RL languages */ - - - -/* class on the html element in order to work with arabic etc */ - -.html-rtl { - text-align: right; - direction: rtl -} - -.html-rtl .primary { - float: left; - clear: left; -} -.html-rtl .secondary { - float: right; - clear: right; -} -.html-rtl .primary .primary { - float: right; - clear: none; -} -.html-rtl .primary .secondary { - float: left; - clear: none; -} - -/* @group Helper Styles */ - -/* @group Generic Image Styles */ - - - -/* @end */ - -/* @group More Info */ - -.html-rtl .more-info { - float: left; -} -.html-rtl .more-info, -.html-rtl .more-info:link, -.html-rtl .more-info:visited, -.html-rtl .more-info:hover, -.html-rtl .more-info:focus, -.html-rtl .more-info:active { -background-position:left -253px; -padding-right:0; -padding-left: 1em; -} - -.html-rtl .more-info:hover, -.html-rtl .more-info:focus, -.html-rtl .more-info:active { -background-position:left -303px; -} -.html-rtl .hasJS .item a.show-expanded { - float: left; -} - -.html-rtl .highlight .more-info { - float: right; -} - -.html-rtl .highlight .further-navigation .more-info { - float: left; -} - -.html-rtl.hasJS .section-teaser .window .more-info { - background-position:left -155px; -} - -.html-rtl .section-teaser .addon-view .more-info { - float: none; -} - -/* @end */ - -/* @group Icon Indicators */ - -.html-rtl .subscribe { - background-position: right 2px; - padding: 0 20px 0 0; -} - -.html-rtl .share { - background-position: right -100px; - padding: 0 20px 0 0; - float: right; -} - -.html-rtl .addons { - background-position: right -200px; - padding: 0 20px 7px 0; -} -.html-rtl .collections { - background-position: right -300px; - padding: 0 20px 0 0; -} -.html-rtl .subscribers { - background-position: right -400px; - padding: 0 20px 7px 0; -} -.html-rtl .category { - background-position: right -500px; - padding: 0 20px 0 0; -} -.html-rtl .tags { - background-position: right -600px; - padding: 0 20px 0 0; -} -.html-rtl .digg { - background-position: right -900px; - padding: 0 20px 0 0; -} -.html-rtl .delicious { - background-position: right -1000px; - padding: 0 20px 0 0; -} -.html-rtl .facebook { - background-position: right -1100px; - padding: 0 20px 0 0; -} -.html-rtl .friendfeed { - background-position: right -1200px; - padding: 0 20px 0 0; -} -.html-rtl .myspace { - background-position: right -1300px; - padding: 0 20px 0 0; -} - -.html-rtl li.subscribe, -.html-rtl li.share, -.html-rtl li.addons, -.html-rtl li.collections, -.html-rtl li.subscribers, -.html-rtl li.category, -.html-rtl li.tags, -.html-rtl li.digg, -.html-rtl li.delicious, -.html-rtl li.facebook, -.html-rtl li.friendfeed, -.html-rtl li.myspace, -.html-rtl a.subscribe, -.html-rtl a.share, -.html-rtl a.addons, -.html-rtl a.collections, -.html-rtl a.subscribers, -.html-rtl a.category, -.html-rtl a.tags, -.html-rtl a.digg, -.html-rtl a.delicious, -.html-rtl a.facebook, -.html-rtl a.friendfeed, -.html-rtl a.myspace { - padding-right:20px; - text-align: right; -} - -.html-rtl .stars { - text-indent:-5000px; -} - -/* @end */ - -/* @end */ - -/* @group Inverse layout */ - -.html-rtl .inverse .primary { - float: right; - clear: right; -} -.html-rtl .inverse .secondary { - float: left; - clear: left; -} -.html-rtl .inverse .primary .primary { - float: right; - clear: none; -} -.html-rtl .section .inverse .primary { - float: left; - clear: none; -} -.html-rtl .inverse .primary .secondary { - float: left; - clear: none; -} -.html-rtl .section .inverse .secondary { - float: right; - clear: none; -} - - -/* @end */ - -/* @group Header */ - -.html-rtl #header #title { - direction: ltr; - text-align: right; -} - -/* @group Stats */ - -.html-rtl .stats { - text-align: left; - float: left; -} - -.html-rtl .stats li { - overflow: hidden; -} - -.html-rtl .stats strong { - margin-left: 0.5em; -} - -.html-rtl .stats span { - text-align: right; -} - -.html-rtl ol.breadcrumbs { - margin-bottom: 2em; -} - -.html-rtl ol.breadcrumbs li { - float: right; - background-position:left -47px; - padding-right:0; - padding-left:1em; -} - -/* @end */ - -/* @group Brand */ - -.html-rtl #brand { - left: auto; - right: 0; -} - -.html-rtl #brand a:link, -.html-rtl #brand a:visited, -.html-rtl #brand a:hover, -.html-rtl #brand a:focus, -.html-rtl #brand a:active { - background-position: top right; - text-indent: -5000px; -} - -/* @end */ - -/* @group Aux nav */ - -.html-rtl #aux-nav { - right: auto; - left: 0; - margin: 0 100px 0 0; - text-align: left; - background-position: top left; -} - -/* - -.html-rtl #aux-nav a:link, -.html-rtl #aux-nav a:visited, -.html-rtl #aux-nav a:hover, -.html-rtl #aux-nav a:focus, -.html-rtl #aux-nav a:active { - margin-left: 1em; -} - -.html-rtl #aux-nav a.change:link, -.html-rtl #aux-nav a.change:visited, -.html-rtl #aux-nav a.change:hover, -.html-rtl #aux-nav a.change:focus, -.html-rtl #aux-nav a.change:active { - background-position: top right; - padding-left: 0; - padding-right: 1em; - float: left; - margin-left: 0; - margin-right: 1em; -} -*/ - -/* @end */ - -/* @end */ - -/* @group Footer */ - -.html-rtl #footer .primary { - float: right; - background-position: right 70px; -} -.html-rtl #footer .secondary { - float: left; - text-align: left; -} -.html-rtl #footer p { - margin-right: 60px; - margin-left: 1em; -} -.html-rtl #footer ul { - margin-right: 60px; - margin-left: 1.273em; -} -.html-rtl #footer ul li { - display: inline; - margin-right: 0; - margin-left: 1em; -} -.html-rtl #footer .disclaimer { - margin-left: 1.273em; - margin-right: 60px; -} - -.html-rtl #footer .languages { - float: left; -} - -.html-rtl .stars { - float: right; - margin-left: 0.5em; - margin-right: 0; -} - -.html-rtl h5 img.icon, -.html-rtl h2 img.icon { - float: right; - margin-right:0; - margin-left: 10px; -} - -/* @end */ - -/* @group Components */ - -/* @group Further Navigation */ - -.html-rtl ul.further-navigation li { - padding-right: 0; - padding-left: 1em; -} - -/* @end */ - -/* @group Star Select Replacement */ - -.html-rtl .selectReplacement { - float: right; -} - -/* @end */ - -/* @group Steps */ - -.html-rtl h4.step { - left: auto; - right: 0; -} - -.html-rtl ol.numbered li { - padding-left:0; - padding-right:50px; -} - -/* @end */ - -/* @group Privacy Policy */ - -.html-rtl .privacy-policy { - display: block; -} - -/* @end */ - -/* @group Homepage teaser */ - -.html-rtl .section-teaser .slideshow-controls { - direction: rtl; -} - - -/* @end */ - -/* @group Tables */ - -.html-rtl table tr td, -.html-rtl table tr th { - text-align: right; -} - -/* @end */ - -/* @group Pagination */ - -.html-rtl ol.pagination { - float: right; -} - -.html-rtl ol.pagination li { - float: right; -} - -.html-rtl ol.pagination span.next, -.html-rtl ol.pagination a[rel~="next"] { - background-position:left -420px; - padding-left: 1em; - padding-right: 0.4em; -} - -.html-rtl ol.pagination span.prev, -.html-rtl ol.pagination a[rel~="prev"] { - background-position:right -340px; - padding-right: 1em; - padding-left: 0.4em; -} - -.html-rtl ol.pagination span.prev { - background-position: 92% -500px; -} -.html-rtl ol.pagination span.next { - background-position: 5px -540px; -} - -/* @end */ - -/* @group SearchForm */ - -.html-rtl .hasJS .dropdown-categories { - left: auto; - right: 0; -} - -.html-rtl .hasJS .dropdown-categories img { - position: absolute; - left: auto; - right: 10px; - top: 12px; -} - -.html-rtl .hasJS .dropdown-categories h2, -.html-rtl .hasJS .dropdown-categories h3 { - padding-right: 35px; - padding-left: 0; -} - -.html-rtl .search-form { - float: left; -} - -.html-rtl .secondary .search-form { - float: none; -} - -.html-rtl .search-form .subsidiary .container { - float: right; -} - -.html-rtl .search-form .important .application select, -.html-rtl .search-form .important .application input { - margin: 0; -} - -.html-rtl .search-form .basic input { - background-position:right center; - margin-right: 1.4%; - margin-left: 0; -} - -.html-rtl .search-form .basic label, -.html-rtl .search-form .basic select, -.html-rtl .search-form .basic input, -.html-rtl .search-form .basic button { - float: right; -} - -.html-rtl .search-form .basic button { - left: 1.4%; - right: auto; -} - -.html-rtl .search-form .important .application label, -.html-rtl .search-form .subsidiary label { - float: right; -} - -.html-rtl form.addon-feedback label { - float: right; -} - -.html-rtl form.addon-feedback textarea { - float: left; -} - -/* @end */ - -/* @group Share This */ - -.html-rtl .share-networks { - background-position:160px top; - clear:both; -} - -.html-rtl .share-this { - clear: right; - float: right; -} - - -/* @end */ - -/* @group Feedback Form */ - -.html-rtl form.addon-feedback { - float: right; - margin-right: 0; - margin-left: 1.5em; -} - -/* @end */ - -/* @group Meta */ - - -.html-rtl .meta .subscribers { - background-position: right -400px; - float: left; -} - -.html-rtl .meta .addons { - background-position: right -200px; - float: left; - -} - -/* @end */ - - - -/* @group Buttons */ - -.html-rtl a:link.button img, -.html-rtl a:visited.button img, -.html-rtl a:hover.button img, -.html-rtl a:focus.button img, -.html-rtl a:active.button img, -.html-rtl button img { - border-right:none; - border-left:1px solid #3399FF; - margin-right:0; - margin-left: 0.7em; - padding-right:0.2em; - padding-left: 0.4em; -} - -.html-rtl a:link.negative img, -.html-rtl a:visited.negative img, -.html-rtl a:hover.negative img, -.html-rtl a:focus.negative img, -.html-rtl a:active.negative img, -.html-rtl button.negative img { - border-right:none; - border-left:1px solid #E54C4F; -} - -.html-rtl a:link.button.positive img, -.html-rtl a:visited.button.positive img, -.html-rtl a:hover.button.positive img, -.html-rtl a:focus.button.positive img, -.html-rtl a:active.button.positive img, -.html-rtl button.positive img { - border-right:none; - border-left:1px solid #55AA00; -} - -.html-rtl a:link.button.neutral img, -.html-rtl a:visited.button.neutral img, -.html-rtl a:hover.button.neutral img, -.html-rtl a:focus.button.neutral img, -.html-rtl a:active.button.neutral img, -.html-rtl button.neutral img { - border-right:none; - border-left:1px solid #DD7711; -} - -.html-rtl .search-form button img { - border-left: none; -} - -.html-rtl button.add-to-fav { - background-position: right; - float: right; - padding:0.5em 19px 0.2em 0px; -} - -/* @end */ - -/* @group Listing */ - -/* @group Listing - Header */ - -.html-rtl .listing-header .item-sort { - float: left; -} - -.html-rtl .listing-header ul { - float: right; -} - -/* @end */ - - - -/* @group Listing - Footer */ - -.html-rtl .listing-footer .subscribe { - float: right; - margin-left: 1em; -} - -.html-rtl .listing-footer .subscribe, -.html-rtl .pagination { - float: right; -} - -/* @end */ - -/* @group Listing items */ - -.html-rtl .listing .item, -.html-rtl .separated-listing .item { -padding:1em 52px 1em 1em; -} - -.html-rtl .item .install { - float: left; - margin-left: 0; - margin-right: 0.5em; -} -.html-rtl .item img.icon { - left: auto; - right: 7px; -} - -.html-rtl .item .downloads { - margin-left: 0; - margin-right: 1em; -} - -.html-rtl .item-info { - float: left; - border-left:none; - border-right:1px dotted #B4DFEE; - margin-left:0; - margin-left:2%; - padding-left: 0; - padding-right:2%; - margin-right: 2%; -} - -.html-rtl .item-info ul { - text-align: left; -} - -.html-rtl .item .thumbnail { - float: right; - margin-left:1em; - margin-right:0; -} - -.html-rtl .screenshot.thumbnail { - float: right; - margin-right: 0; - margin-left: 1em; -} - -.html-rtl .separated-listing blockquote { - margin-right:0; - margin-left:11em; -} - -/* @end */ -/* @end */ - -/* @group Object Lead */ - -.html-rtl .object-lead .user-role { - background-position:right center; - left:160px; - right: inherit; - padding:0.3em 35px 0.3em 1.18em; -} - -.html-rtl .object-content { - margin-right:0; - margin-left:220px; -} - -/* @end */ - - - -/* @end */ -/* @end */ - -/* @group Different Applications */ - -.firefox h2 { - color: #C63717; -} -.firefox #aux-nav .change li.firefox { - display: none; -} - -.thunderbird h2 { - color: #105399; -} -.thunderbird #aux-nav .change li.thunderbird { - display: none; -} - -.sunbird h2 { - color: #007940; -} -.sunbird #aux-nav .change li.sunbird { - display: none; -} - -.seamonkey h2 { - color: #1408E5; -} -.seamonkey #aux-nav .change li.seamonkey { - display: none; -} - - -/* @end */ - -/* @end */ - - - - - - - - - - - + \ No newline at end of file -- cgit v0.9.1