diff options
Diffstat (limited to 'site/app/webroot/css/screen.css')
| -rw-r--r-- | site/app/webroot/css/screen.css | 923 |
1 files changed, 31 insertions, 892 deletions
diff --git a/site/app/webroot/css/screen.css b/site/app/webroot/css/screen.css index 0e640d6..498295e 100644 --- a/site/app/webroot/css/screen.css +++ b/site/app/webroot/css/screen.css @@ -102,7 +102,7 @@ h4#moz a { display: block; height: 44px; width: 100px; padding-left: 10px;} #other-apps.js { width: 12em; padding-bottom: 6px; } -#other-apps h3 { margin-right: 20px; } +#other-apps h3 { float: left; 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; } @@ -112,6 +112,7 @@ h4#moz a { display: block; height: 44px; width: 100px; padding-left: 10px;} .html-ltr #nav-apps { margin-left: 0;} .html-rtl #nav-apps { margin-right: 0;} +#nav-apps li { display: inline; } .html-ltr #nav-apps li { margin-right: 10px; } .html-rtl #nav-apps li { margin-left: 10px; } @@ -145,24 +146,19 @@ h4#moz a { display: block; height: 44px; width: 100px; padding-left: 10px;} #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;} +#search-form #search-query label { display: none; } /* label is hidden by default when JS isn't available */ + +#search-form #search-query label { position: absolute; top: 20px; } .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 { width: 36%; padding: .3em 0 .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 ***/ @@ -186,51 +182,6 @@ form.asclosed {display: none;} .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;} @@ -246,7 +197,7 @@ form.asclosed {display: none;} #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 { clear: both; position: relative; padding: 1em 50px; max-width: 950px; margin: 0 auto 1em; margin-bottom: 25ex; 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, @@ -274,8 +225,8 @@ form.asclosed {display: none;} #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 ***/ #categories { margin-bottom: 1em; position: relative; z-index: 5; } #categories h3 { margin: 0 -1px; padding-left: 6px; } #categories.collapsed h3 { padding-left: 18px; } @@ -295,8 +246,6 @@ form.asclosed {display: none;} #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; } @@ -344,9 +293,7 @@ form.asclosed {display: none;} /*** =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; } @@ -357,25 +304,12 @@ form.asclosed {display: none;} #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; } +#addon-listing .exp .exp-loggedout { float: right; } +#addon-listing .exp .exp-loggedout .install-button { float: none; } + +.exp-loggedout { float: left; padding: 5px 5px 3px 8px; } +.exp-loggedout .install-button { margin-top: 3px; margin-right: -3px; } +#content-main .exp-loggedout p.install-button { margin-bottom: 0; } /*** =Pitch ***/ .pitch { margin-bottom: 1em; padding: 10px; } @@ -444,21 +378,21 @@ form.asclosed {display: none;} #dictionaries th, #dictionaries td { padding: 6px 12px; } /*** =Detail page ***/ -#addon-summary { padding-left: 240px; min-height: 270px; } +#addon-summary { padding-left: 240px; min-height: 225px; } #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 .rating img { display: block; } +#addon-summary .rating { position: absolute; left: 20px; top: 180px; width: 200px; } +#addon-summary .stats { position: absolute; left: 20px; top: 180px; width: 200px; margin-top: 3.5em; } -#addon-summary .link-sharing { position: absolute; left: 60px; top: 218px; font-size: 0.75em; } +#addon-summary .link-sharing { position: absolute; left: 105px; /*padding-left: 25px; border-left: 1px solid #cecece;*/ top: 180px; font-size: 0.7em; } #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 { display: block;color: #062445; background: #7cc11c url("../img/sprite.png?20081210") -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 { padding: 0; margin: 0 } #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; } @@ -468,7 +402,7 @@ form.asclosed {display: none;} #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 { color: #062445; background: #7cc11c url("../img/sprite.png?20081210") -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; } @@ -478,7 +412,7 @@ form.asclosed {display: none;} #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 { display: none; position: absolute; z-index: 999; 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; } @@ -704,11 +638,6 @@ form.asclosed {display: none;} 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; } @@ -720,6 +649,7 @@ form.asclosed {display: none;} .pages { margin: 0; float: left; } .pages li { display: inline; margin: 0 2px; } .pages a { padding: 3px 6px; } +.pages .current strong { padding: 3px 6px; } .pages .prev a { padding-left: 15px; } .pages .next a { padding-right: 15px; } #content-main .pagination p.count { margin-bottom: 0; } @@ -764,205 +694,28 @@ form.asclosed {display: none;} #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 { margin-bottom: 18px; width: 100%; background:transparent url(../img/sprite.png?20081210) no-repeat scroll left -1256px; } +#slider .inner { background:transparent url(../img/sprite.png?20081210) 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 .preview-img { background: transparent url(../img/sprite.png?20081210) 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 .exp-loggedout .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%; } +#slider .vex { background: transparent url("../img/sprite.png?20081210") 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; -} - +#slider .vex span { background: transparent url("../img/sprite.png?20081210") left bottom no-repeat; height: 10px; display: block; width: 10px; } /** Collections normal view **/ + #content .addon-listing .date-added { margin: 0; float: right; @@ -1173,7 +926,6 @@ form.asclosed {display: none;} 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, @@ -1211,616 +963,3 @@ form.asclosed {display: none;} 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; -} |