diff options
-rw-r--r-- | site/app/webroot/css/amo2009/ie.css | 81 | ||||
-rw-r--r-- | site/app/webroot/css/amo2009/ie6.css | 33 | ||||
-rw-r--r-- | site/app/webroot/css/amo2009/ie7.css | 8 | ||||
-rw-r--r-- | site/app/webroot/css/amo2009/main.css | 447 | ||||
-rw-r--r-- | site/app/webroot/img/amo2009/icons/buttons/blank.gif | bin | 0 -> 43 bytes | |||
-rw-r--r-- | site/app/webroot/img/amo2009/icons/buttons/go-green.gif | bin | 130 -> 67 bytes | |||
-rw-r--r-- | site/app/webroot/img/amo2009/icons/buttons/plus-green-16x16.gif | bin | 318 -> 152 bytes | |||
-rw-r--r-- | site/app/webroot/img/amo2009/icons/plus-green-16x16.gif | bin | 0 -> 152 bytes | |||
-rw-r--r-- | site/app/webroot/img/default_icon.png | bin | 1962 -> 476 bytes |
9 files changed, 411 insertions, 158 deletions
diff --git a/site/app/webroot/css/amo2009/ie.css b/site/app/webroot/css/amo2009/ie.css index 55c2a85..e0bcc9f 100644 --- a/site/app/webroot/css/amo2009/ie.css +++ b/site/app/webroot/css/amo2009/ie.css @@ -1,53 +1,28 @@ -/* -Internet Explorer fixes -Original Author: Richard Rutter, clearleft.com -*/ - -body { - font-size: 87.5%; /* assume 16px by default and transform to 14px */ -} - -form fieldset .container { - top: -0.692em; /* fudge to deal with IE fieldset margin/padding */ -} - -.button /* fixes buttons looking squiffy in IE7 */ { - display: block; - float: left; -} - -#footer .secondary img { - width: auto; -} - -.expanded-search-form .advanced { - padding-top: 1em; -} - -/** Search form **/ -.search-form .basic { - min-height: 3em; -} -/** END Search form **/ - -/** add-on details page **/ -.addon-cats li { - padding: 0 .5em; - margin: 0; - border-left: 1px solid #444; -} -.addon-cats li.first { - padding-left: 0; - border-left: none; -} -.addon-cats li:after { - content: ""; -} - -.highlight .more-info { - /* More categories links */ - clear: left; - display: block; - float: none; -} -/** END add-on details page **/ +.categories ul ul li:hover, +.categories ul ul li:hover a, +.categories ul ul li:active { + background:rgb(255,255,255); + color:rgb(68,187,249);; +} + +.categories ul ul li a { + padding:0; + } + +.categories ul ul li { + display:block; + padding:.74em; +} + +#featured_addons p { + clear:left; + float:none; + display:block; + width:auto; +} + +#featured_addons .addon_block.item .preview img { + float:right; + margin:-50px 20px 0 0; + width:240px; + }
\ No newline at end of file diff --git a/site/app/webroot/css/amo2009/ie6.css b/site/app/webroot/css/amo2009/ie6.css index 7418ef7..5cf6baa 100644 --- a/site/app/webroot/css/amo2009/ie6.css +++ b/site/app/webroot/css/amo2009/ie6.css @@ -1,25 +1,12 @@ -#title img, -img.scale { - behavior: url(iepngfix.htc); +.listing .item img.icon, .separated-listing .item img.icon { +display:none; } -.section, -.column-wrapper, -.article, -.notification .aux, -.highlight, -.section-teaser .teaser-header, -.section-teaser .prev, -.section-teaser .next, -ol.numbered li, -.secondary-item-list, -form.addon-feedback div.container, -.listing-header, -.listing-footer, -.listing .item, -.separated-listing .item, -.object-lead, -.object-lead .button-wrapper, -.screenshot.thumbnail { - zoom:1; -} +.categories h3 { + display:block; + padding:1em .7em; + font-weight:bold; + font-size:130%; + background:rgb(222,229,231); + color:rgb(63,63,63); + }
\ No newline at end of file diff --git a/site/app/webroot/css/amo2009/ie7.css b/site/app/webroot/css/amo2009/ie7.css index 6aed756..5a09473 100644 --- a/site/app/webroot/css/amo2009/ie7.css +++ b/site/app/webroot/css/amo2009/ie7.css @@ -1,3 +1,5 @@ -.inverse .primary { - padding-top: 95px; -} +#featured_addons .addon_block.item .preview img { + float:right; + margin:-60px 20px 0 0; + width:240px; + }
\ No newline at end of file diff --git a/site/app/webroot/css/amo2009/main.css b/site/app/webroot/css/amo2009/main.css index 5449807..ae02178 100644 --- a/site/app/webroot/css/amo2009/main.css +++ b/site/app/webroot/css/amo2009/main.css @@ -155,7 +155,6 @@ p.context {clear:left; padding:0 5px;} .stand-alone-options .categories { clear:left; float:left; - xmargin-top:22px; width:24.49%; } @@ -167,11 +166,34 @@ p.context {clear:left; padding:0 5px;} .primary { clear:right; float:right; - xmargin-top:22px; margin-left:10px; width:73.47% } +.primary div h1 { + margin:2em 0 .5em; +} + + +p { + margin-bottom:1em; +} + +.primary div ul { + list-style:disc; + font-size:90%; + margin:1em 0 1.5em 20px; + } + +.primary ul { + margin-bottom:2em; + } + +.primary div.addons_column ul { + list-style:none; + margin:0; + } + .primary.results-head + .primary { width:73.47% !important; } @@ -180,6 +202,11 @@ p.context {clear:left; padding:0 5px;} margin-top:22px; } +.amo-form { + margin:2em 0 2.5em; + font-size:90%; + } + .stand-alone-options .search-form { clear:right; float:right; @@ -225,8 +252,9 @@ ul.stats { 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; + -webkit-border-radius:12px; + border-radius:12px; } @@ -271,25 +299,29 @@ font-family: Helvetica Neue, Arial, Helvetica, sans-serif; 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); + background:rgb(178,178,178); + border:3px solid rgb(178,178,178); -moz-border-radius:6px; + -webkit-border-radius:6px; + border-radius:6px; vertical-align:top; - content:submit; } + +#search-form button[type="submit"]:hover { + background:rgb(80,172,241); + border:3px solid rgb(80,172,241); + cursor:pointer; + } .search-form .basic button img { -background-image:url(../../img/amo2009/icons/buttons/go-green.gif); -height:18px; -width:9px; + background-image:url(../../img/amo2009/icons/buttons/go-green.gif); + height:18px; + width:9px; } .search-form .basic input { -background-color:white; -background:url(../../img/amo2009/icons/magnifying-glass.gif) no-repeat 0.2em center; + background-color:white; + background:url(../../img/amo2009/icons/magnifying-glass.gif) no-repeat 0.2em center; } #advanced-link { @@ -316,43 +348,56 @@ padding:5px; font-weight:bold; font-size:130%; background:rgb(222,229,231); - color:rgb(63,63,63); + color:rgb(120,120,120); -moz-border-radius-topright:12px; -moz-border-radius-topleft:12px; + -webkit-border-top-right-radius:12px; + -webkit-border-top-left-radius:12px; } +.categories.dropdown-categories h3 a { + color:rgb(120,120,120); + text-decoration:none; + cursor:default; + } + .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; + -webkit-border-bottom-right-radius:12px; + -webkit-border-bottom-left-radius:12px; } .categories ul ul { border:none; -} + display:inline; /*for ie7 */ + } .categories ul ul li { - border-bottom:1px solid rgb(222,229,231); + position:relative; } -.categories ul ul li a { +.categories ul ul li a { display:block; padding:.74em; color:rgb(68,187,249); } .categories ul ul li span { - float:right; + position:absolute; + top:0; + right:0; padding:.74em; } .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); + background:rgb(63,175,248); + color:rgb(255,255,255); } .featured-inner { @@ -361,6 +406,8 @@ padding:5px; background:rgb(255,255,255); border:8px solid rgb(222,229,231); -moz-border-radius:12px; + -webkit-border-radius:12px; + border-radius:12px; } .section-teaser { @@ -378,11 +425,24 @@ padding:5px; .primary a { color:rgb(9,63,201); + xtext-decoration:none; + xborder:1px solid #fff; + xborder-bottom:1px solid rgb(0,48,192); } -.listing-header ul { +.primary a:hover { + color:#fff; + xborder:1px solid rgb(0,48,192); + background:rgb(9,63,201); +} + +.primary a[href$=jpg]:hover,.primary a[href$=JPG]:hover,.primary a[href$=jpeg]:hover,.primary a[href$=jpe]:hover,.primary a[href$=png]:hover,.primary a[href$=gif]:hover { + border:none; + } + +.primary div.listing-header ul { float:left; -margin-bottom:0; +margin:0 0 2em 0; font-size:80%; } @@ -403,6 +463,8 @@ margin:0 3px; .listing-header li a { -moz-border-radius:10px; + -webkit-border-radius:10px; + border-radius:10px; padding:.5em .9em; text-decoration:none; color:rgb(0,0,0); @@ -411,29 +473,92 @@ margin:0 3px; .listing-header li.selected a, .listing-header li.selected a:hover { background:rgb(216,223,225); - - color:rgb(0,0,0); } .listing-header li a:hover { - background:rgb(132,218,48); + background:rgb(80,172,241); + color:#fff; } .install { -moz-border-radius:6px; -float:right; +-webkit-border-radius:6px; +border-radius:6px; text-align:center; } -div.recommended.item .install.install-container { - padding:5px 3px 5px 2px; +.install.install-container { + padding:1px 3px 1px 2px; + margin-top:5px; } .install.install-container { - background:rgb(248,248,248); - padding:10px 9px 10px 6px; - border:1px solid rgb(132,218,48); + float:right; + xbackground:rgb(216,223,225); + xpadding:4px 7px 4px 6px; + xborder:1px solid rgb(178,178,178); + xborder-top:1px solid rgb(216,223,225); + xborder-left:1px solid rgb(216,223,225); +} + +.addon_block.item .install.install-container { + float:left; +} + +.featured-inner .install.install-container .button.positive { + float:left; + } + +.install.install-container a { + padding:8px 14px 8px 12px + color:rgb(0,48,192); + background:rgb(216,223,225); + + -moz-border-radius:6px; +-webkit-border-radius:6px; +border-radius:6px; + } + +.primary .install.install-container:hover { +x xbackground:rgb(80,172,241); + xcolor:#fff; +xborder:1px solid rgb(178,178,178); + xborder-top:1px solid rgb(216,223,225); + xborder-left:1px solid rgb(216,223,225); +} + +.primary .install.install-container:hover a { + color:#fff; + background:rgb(80,172,241); + } + +.install.install-container { + clear:left; + float:right; + width:auto; + margin-right:10px; +} + +#addon-summary .install.install-container { + float:left; + } + +.install-button-text { + padding-left:10px; + font-weight:bold; + margin:0; +} + +p.install-button { + margin-bottom:0; + } + +.install.install-container strong { + font-size:85%; + display:block; + margin-top:4px; + display:none; } .addon-listing blockquote p { @@ -445,6 +570,12 @@ div.recommended.item .install.install-container { color:rgb(63,175,248); } +.addon-listing a.profileLink:hover { + color:#fff; + background:rgb(80,172,241); + } + + .addon-listing .meta { border-top:1px solid rgb(216,223,225); margin-top:.6em; @@ -460,11 +591,13 @@ div.recommended.item .install.install-container { font-size:50%; } -.secondary a.more-info {display:block; margin:1em 0;font-size:90%;} +.secondary a.more-info {display:block; margin:1em 0;font-size:90%;width:auto;} + +.secondary a.more-info:hover {color:#fff;background:rgb(80,172,241);} -a.button.positive {padding:0 5px;text-decoration:none;} +a.button.positive {padding:8px 14px 8px 12px;text-decoration:none;} -a.button.positive:hover {text-decoration:underline;} +a.button.positive:hover {text-decoration:none;color:#fff;background:rgb(80,172,241);} .listing .item, .separated-listing .item { font-size:.8em; @@ -484,7 +617,7 @@ position:relative; text-decoration:none; } -#addon-summary a.button.positive:hover {text-decoration:underline;} +#addon-summary.primary a.button.positive:hover {color:#fff;background:rgb(80,172,241);text-decoration:none;} #addon-summary .install.install-container strong { font-size:85%; @@ -496,6 +629,10 @@ position:absolute; top:1.1em; } +.addon-listing div{ + position:relative; + } + .addon-listing h3 { font-size:120%; } @@ -523,29 +660,37 @@ margin:0; padding:8px; border:8px solid rgb(222,229,231); -moz-border-radius:12px; - margin-bottom:1em; + -webkit-border-radius:12px; + border-radius:12px; } .primary .secondary a.screenshot.thumbnail img, .preview a img { padding:0; - margin-left:18px; border:0; } -.preview img { +.primary .preview img { float:right; - border:8px solid rgb(222,229,231); - margin-right:20px; + border:4px solid rgb(133,133,133); + -moz-border-radius:4px; + -webkit-border-radius:4px; + border-radius:4px; } + +.primary .preview img:hover { + border:4px solid rgb(80,172,241); + } #addon-summary a.button img { - padding-top:5px; - padding-left:4px; float:left; -} + padding:3px 0 0 3px; + margin-right:4px; + } .share-this { + margin-top:1em; + margin-right:14px; float:right; width:auto; } @@ -565,6 +710,8 @@ margin:0; display:block; border:8px solid rgb(222,229,231); -moz-border-radius:12px; + -webkit-border-radius:12px; + border-radius:12px; } .addons_column { @@ -575,6 +722,8 @@ margin:0; margin: 0 2% 22px 2px; border:8px solid rgb(222,229,231); -moz-border-radius:12px; + -webkit-border-radius:12px; + border-radius:12px; } #popular_addons { @@ -614,10 +763,22 @@ top:6px; xborder-top:1px solid #DEE5E7; } +.category_landing .primary div.addons_column ul li a:hover { + background:rgb(80,172,241); + color:#fff; + } + +.category_landing .primary div.addons_column ul li a:hover span { + background:rgb(80,172,241); + color:#fff; + } + .category_landing .primary div.addons_column ul li a { position:relative; border:1px solid #DEE5E7; -moz-border-radius:6px; +-webkit-border-radius:6px; +border-radius:6px; margin:12px 0; display:block; height:auto; @@ -640,6 +801,7 @@ text-decoration:none; .category_landing .primary div.addons_column ul li a .meta { display:block; margin-left:52px; + margin-right:12px; padding:4px 15px 0 0; } @@ -694,28 +856,9 @@ h2 img.icon { margin-right:10px; } -.install.install-container { - clear:left; - float:left; - width:auto; - margin-right:10px; -} - -.install-button-text { - padding-left:10px; - font-weight:bold; - margin:0; -} - -.install.install-container strong { - font-size:85%; - display:block; - margin-top:-4px; -} - .featured-inner .secondary { float:right; - margin-right:24px;} + } .featured.listing.results div.featured-inner { width:90%; @@ -731,8 +874,10 @@ h2 img.icon { } .object-lead table { -margin-top:1em; -width:100%; + clear:both; + float:left; + margin-top:1em; + width:100%; } .object-lead table tr:first-child td, .object-lead table tr:first-child th { @@ -769,7 +914,7 @@ text-align:left; } #addon-summary > p { - width:50%; + width:80%; float:left; margin-bottom:1em; } @@ -824,26 +969,30 @@ width:13em; .item h3 a { text-decoration:none; - } - -.item h3 a:hover { - text-decoration:underline; + line-height:120%; } #featured_addons { -xwidth:100%; -xfloat:left; -xmargin:20px; + width:90.1%; + float:left; + margin:0 0 1.2em 0; } #featured_addons .addon_block.item { float:left; - width:100%; - margin:0 20px 20px; + width:100%; + padding:16px 16px; + background:rgb(255,255,255); + border:8px solid rgb(222,229,231); + -moz-border-radius:12px; + -webkit-border-radius:12px; + border-radius:12px; } -#featured_addons .addon_block.item .preview a img { - margin:-60px 40px 0 0; +#featured_addons .addon_block.item .preview { + float:right; + margin:-40px 20px 0 0; + width:240px; } .item-info .install-container, @@ -856,6 +1005,7 @@ xmargin:20px; .item-info .install-container p a, #featured_addons .install-container p a { + display:block; text-decoration:none; } @@ -876,9 +1026,15 @@ form#addons-author-addons { clear:left; display:block; float:left; + width:auto; margin-bottom:1em; } +#featured_addons ul { + list-style:none; + margin: -.3em 0 0; + } + #featured_addons p.authors { font-size:85%; } @@ -909,7 +1065,7 @@ margin-left:1em; .downloads { clear:both; -color:#339900; +color:rgb(80,172,241); } .item-sort { @@ -1029,5 +1185,138 @@ form.addon-feedback div.container { overflow: hidden; } +/* @group star select replacement */ + +select.replaced { + display: none; +} +.selectReplacement { + cursor: pointer; + list-style: none; + position: relative; + width: 65px; + height: 12px; + margin: 0; + padding:0; + background-image:url("../../img/amo2009/icons/starselect.gif"); + background-position: -65px 0; + background-repeat: no-repeat; + overflow: hidden; +} +.selectReplacement li { + display: inline; + margin: 0; + padding: 0; +} +.selectReplacement li a:link, +.selectReplacement li a:visited, +.selectReplacement li a:hover, +.selectReplacement li a:active, +.selectReplacement li a:focus { + display: block; + position: absolute; + width: 13px; + height: 12px; + text-indent: -9999px; + overflow: hidden; + left: 0; +} +ul.worst { + background-position: -52px 0; +} +ul.bad { + background-position: -39px 0; +} +ul.fair { + background-position: -26px 0; +} +ul.good { + background-position: -13px 0; +} +ul.best { + background-position: 0 0; +} +.selectReplacement li.worst a:link, +.selectReplacement li.worst a:visited, +.selectReplacement li.worst a:hover, +.selectReplacement li.worst a:active, +.selectReplacement li.worst a:focus { + left: 0; + z-index: 6; +} +.selectReplacement li.bad a:link, +.selectReplacement li.bad a:visited, +.selectReplacement li.bad a:hover, +.selectReplacement li.bad a:focus, +.selectReplacement li.bad a:active { + left: 13px; + z-index: 5; +} +.selectReplacement li.fair a:link, +.selectReplacement li.fair a:visited, +.selectReplacement li.fair a:hover, +.selectReplacement li.fair a:focus, +.selectReplacement li.fair a:active { + left: 26px; + z-index: 4; +} +.selectReplacement li.good a:link, +.selectReplacement li.good a:visited, +.selectReplacement li.good a:hover, +.selectReplacement li.good a:focus, +.selectReplacement li.good a:active { + left: 39px; + z-index: 3; +} +.selectReplacement li.best a:link, +.selectReplacement li.best a:visited, +.selectReplacement li.best a:hover, +.selectReplacement li.best a:focus, +.selectReplacement li.best a:active { + left: 52px; + z-index: 2; +} +.selectReplacement li a:hover, +.selectReplacement li a:focus, +.selectReplacement li a:active { + background-position: left top; + background-repeat: repeat-x; + background-image:url("../../img/amo2009/icons/starselect_single.gif"); + left: 0; +} + +.selectReplacement li.worst a:hover, +.selectReplacement li.worst a:focus, +.selectReplacement li.worst a:active { + width: 13px; + left: 0; +} +.selectReplacement li.bad a:hover, +.selectReplacement li.bad a:focus, +.selectReplacement li.bad a:active{ + width: 26px; + left: 0; +} +.selectReplacement li.fair a:hover, +.selectReplacement li.fair a:focus, +.selectReplacement li.fair a:active{ + width: 39px; + left: 0; +} +.selectReplacement li.good a:hover, +.selectReplacement li.good a:focus, +.selectReplacement li.good a:active{ + width: 52px; + left: 0; +} +.selectReplacement li.best a:hover, +.selectReplacement li.best a:focus, +.selectReplacement li.best a:active { + width: 65px; + left: 0; +} + +/* @end */ + /* @end */
\ No newline at end of file diff --git a/site/app/webroot/img/amo2009/icons/buttons/blank.gif b/site/app/webroot/img/amo2009/icons/buttons/blank.gif Binary files differnew file mode 100644 index 0000000..2799b45 --- /dev/null +++ b/site/app/webroot/img/amo2009/icons/buttons/blank.gif diff --git a/site/app/webroot/img/amo2009/icons/buttons/go-green.gif b/site/app/webroot/img/amo2009/icons/buttons/go-green.gif Binary files differindex 7c600fc..da35e00 100644 --- a/site/app/webroot/img/amo2009/icons/buttons/go-green.gif +++ b/site/app/webroot/img/amo2009/icons/buttons/go-green.gif diff --git a/site/app/webroot/img/amo2009/icons/buttons/plus-green-16x16.gif b/site/app/webroot/img/amo2009/icons/buttons/plus-green-16x16.gif Binary files differindex 3485b4d..38ad612 100644 --- a/site/app/webroot/img/amo2009/icons/buttons/plus-green-16x16.gif +++ b/site/app/webroot/img/amo2009/icons/buttons/plus-green-16x16.gif diff --git a/site/app/webroot/img/amo2009/icons/plus-green-16x16.gif b/site/app/webroot/img/amo2009/icons/plus-green-16x16.gif Binary files differnew file mode 100644 index 0000000..38ad612 --- /dev/null +++ b/site/app/webroot/img/amo2009/icons/plus-green-16x16.gif diff --git a/site/app/webroot/img/default_icon.png b/site/app/webroot/img/default_icon.png Binary files differindex 50cbbf1..559f179 100644 --- a/site/app/webroot/img/default_icon.png +++ b/site/app/webroot/img/default_icon.png |