Bommels05/Mozilla
Bommels05/Mozilla
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added search engines, images, new CSS for v2.0.

Browse Source 
git-svn-id: svn://10.0.0.236/trunk@186394 18797224-902f-48f8-a5cc-f745e15eee43
This commit is contained in:
mike.morgan%oregonstate.edu 2005-12-22 02:28:25 +00:00
parent 71575c2918
commit 0724f8e705
14 changed files with 698 additions and 430 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
mozilla/webtools/addons/css/base/content.css
View File

@ -40,6 +40,8 @@ a:active { color: #000; }
img.imgright {
float: right;
margin: .3em .3em .3em 0;
padding: .3em .3em .3em 0;
}
img {
@ -97,3 +99,17 @@ img.rss {
#side > h6:first-child {
margin-top: 0;
}
.appversions {
border: 1px solid #ccc;
margin: .5em 0;
}
.appversions th {
background-color: #ccc;
padding: .2em;
}
.appversions .row1 {
background-color: #eee;
}

57
mozilla/webtools/addons/css/base/template.css
View File

@ -1,16 +1,17 @@
body {
min-width: 700px;
margin: 0 30px 2em 30px;
margin: 0 0 2em 0;
padding: 0;
}
#container {
max-width: 70em;
width: 740px;
margin: 0 auto;
}
#mBody {
clear: both;
padding: 1em 0;
padding: .2em 0;
}
.sidebar_content {
@ -52,7 +53,7 @@ body {
p.security-update {
padding-left: 35px;
background: url(../../img/security-update.png) no-repeat;
background: url(../../images/security-update.png) no-repeat;
margin-top: 0;
min-height: 30px;
}
@ -62,25 +63,25 @@ p.security-update {
#nav:before {
line-height: 0.1;
font-size: 1px;
background: transparent url("../../img/menu_tr.gif") no-repeat top right;
background: transparent url("../../images/menu_tr.gif") no-repeat top right;
margin: 0;
height: 9px;
display: block;
border-bottom: 1px solid #ddd;
content: url("../../img/key-point_tl.gif");
content: url("../../images/key-point_tl.gif");
}
#nav {
background: #E0E9E9 url("../../img/menu_back.gif") right repeat-y;
background: #E0E9E9 url("../../images/menu_back.gif") right repeat-y;
}
#nav:after {
display: block;
padding-top: 0;
line-height: 0.1;
font-size: 1px;
content: url("../../img/key-point_bl.gif");
content: url("../../images/key-point_bl.gif");
margin: 0 0 0 0;
height: 8px;
background: transparent url("../../img/menu_br.gif") scroll no-repeat bottom right ;
background: transparent url("../../images/menu_br.gif") scroll no-repeat bottom right ;
border-top: 1px solid #fff;
}
@ -129,40 +130,10 @@ p.security-update {
padding: 4px 8px 4px 20px;
}
.tabs {
height: 2em;
margin: .5em 0;
padding: 0;
.clear-both {
clear: both;
}
.tabs ul {
font: 11px verdana, arial, sans-serif;
list-style-type: none;
padding: 0 0 24px 7px;
border-bottom: 1px solid #000;
margin: 0;
}
.tabs ul li {
float: left;
margin: 0;
padding: 0;
}
.tabs a.active-tab {
border-bottom: 1px solid #fff;
background-color: #fff;
color: #000;
}
.tabs a {
float: left;
font-weight:bold;
display: inline;
border: 1px solid #000;
background-color: #69c;
color: #333;
text-decoration: none;
margin: 0 5px;
padding: 5px 7px;
}
.tabs a:hover {
background: #fff;
.center {
text-align: center;
}

292
mozilla/webtools/addons/css/cavendish/content.css
View File

@ -25,15 +25,15 @@
.key-point:before {
line-height: 0.1;
font-size: 1px;
background: transparent url("../../img/key-point_tr.gif") no-repeat top right;
background: transparent url("../../images/key-point_tr.gif") no-repeat top right;
margin: -15px -15px 0 -15px;
height: 15px;
display: block;
border: none;
content: url("../../img/key-point_tl.gif");
content: url("../../images/key-point_tl.gif");
}
.key-point {
background: #EFF8CE url("../../img/key-point_back.gif") right repeat-y;
background: #EFF8CE url("../../images/key-point_back.gif") right repeat-y;
padding: 15px;
margin-top: 18px;
}
@ -42,10 +42,10 @@
padding-top: 15px;
line-height: 0.1;
font-size: 1px;
content: url("../../img/key-point_bl.gif");
content: url("../../images/key-point_bl.gif");
margin: -15px;
height: 8px;
background: transparent url("../../img/key-point_br.gif") scroll no-repeat bottom right ;
background: transparent url("../../images/key-point_br.gif") scroll no-repeat bottom right ;
}
#header form #submit {
@ -55,7 +55,7 @@
}
#header form #q {
width: 90px;
width: 10em;
font-size: 100%;
font-weight: normal;
border: 1px solid #9097A2;
@ -69,35 +69,6 @@
font-family: tahoma, arial, sans-serif;
}
#search {
margin-top: 15px;
}
#search-side {
padding: 10px;
}
.pages {
color: #999;
font-weight: bold;
height: 2em;
}
.next {
border-left: 1px solid #000;
display: inline;
padding-left: 5px;
}
.prev {
display: inline;
}
.pages a {
color: blue;
text-decoration: none;
}
.popularlist {
font-size: 85%;
}
@ -108,7 +79,7 @@
}
.install a {
background: url(../../img/install.png) no-repeat;
background: url(../../images/install.png) no-repeat;
padding: 3px 0 8px 30px;
display: block;
text-decoration: none;
@ -122,23 +93,13 @@
width: 18em;
}
#opinions {
list-style-type: none;
margin: 0;
padding: 0;
}
#opinions h4 {
border-top: 1px solid #999;
clear: right;
margin: 0;
padding: .5em 0 0 0;
}
.opinions-info {
color: #666;
margin: 0;
padding: 0 0 .5em 0;
font-size: 85%;
margin: 0 0 0.5em 0;
}
.opinions-info a {
@ -151,40 +112,11 @@
}
.opinions-text {
margin: .8em 0 0 0;
padding: 0;
margin: 0;
}
.opinions-vote {
background-color: #cfc;
border: 1px solid #000;
float: left;
font-style: italic;
font-weight: bold;
font-size: x-large;
padding: 5px;
margin: 4px;
text-align: center;
}
.opinions-caption {
display: block;
font-size: x-small;
font-weight: normal;
margin: 0;
padding: 0;
}
.opinions-rating {
margin: 0;
padding: .5em 0;
}
.opinions-helpful {
font-style: italic;
border: 1px dashed #eee;
padding: .2em;
margin: .7em 0;
.opinions-rating img {
vertical-align: middle;
}
.rating {
@ -241,12 +173,56 @@
color: #fc5900;
}
.item h2 {
margin-top: 0.2em;
}
.recommended-download h3 {
font: small tahoma, verdana, sans-serif;
margin: 5px 0 0 0;
background: url("../../images/download.gif") 0 100%;
font-size: small;
padding-bottom: 5px;
}
.recommended-download h3 a {
display: block;
background: url("../../images/download.gif") 0 0;
font-size: 65%;
font-weight: bold;
width: 165px;
padding: 12px 25px 5px 10px;
text-decoration: none;
color: #5A9A3B;
}
.recommended-download h3 a:hover {
text-decoration: underline;
color: #275113;
}
.recommended-download {
clear: left;
width: 200px;
padding: 5px;
float: left;
}
.recommended-img {
border: 2px outset #eee;
float: left;
margin: 1em 1em 0 0;
}
.recommended h2 {
padding-top: 1em;
}
.iconbar {
padding-right: 15px;
float: left;
width: auto;
height: 34px;
text-align: top;
}
.iconbar img {
@ -262,34 +238,143 @@
}
.baseline {
clear: right;
margin-top: 5px;
border-top: #ccc 1px solid;
padding: 3px;
padding-left: 10px;
font-size: 8pt;
clear: right;
color: #333;
}
#opinions {
list-style-type: none;
margin: 0;
padding: 0;
}
#opinions h4 {
border-top: 1px solid #999;
clear: right;
margin: 0;
padding: .5em 0 0 0;
}
.opinions-info {
color: #666;
margin: 0;
padding: 0 0 .5em 0;
}
.opinions-info a {
text-decoration: none;
color: #666;
}
.opinions-info a:hover {
text-decoration: underline;
}
.opinions-text {
margin: .8em 0 0 0;
padding: 0;
}
.opinions-vote {
background-color: #cfc;
border: 1px solid #000;
float: left;
font-style: italic;
font-weight: bold;
font-size: x-large;
padding: 5px;
margin: 4px;
text-align: center;
}
.opinions-caption {
display: block;
font-size: x-small;
font-weight: normal;
margin: 0;
padding: 0;
}
.opinions-rating {
margin: 0;
padding: .5em 0;
}
.opinions-helpful {
font-style: italic;
border: 1px dashed #eee;
padding: .2em;
margin: .7em 0;
}
.tooltip {
cursor: help;
border-bottom: 1px dotted;
}
.pages {
color: #999;
font-weight: bold;
height: 2em;
}
.next {
border-left: 1px solid #000;
display: inline;
padding-left: 5px;
}
.prev {
display: inline;
}
.pages a {
color: blue;
text-decoration: none;
}
#comment-rate {
margin: .5em;
padding: .5em;
background-color: #eee;
border: 1px solid #999;
}
#search-block:before {
line-height: 0.1;
font-size: 1px;
background: transparent url("../../img/key-point_tr.gif") no-repeat top right;
margin: -10px -10px 0 -10px;
height: 10px;
display: block;
border: none;
content: url("../../img/key-point_tl.gif");
line-height: 0.1;
font-size: 1px;
background: transparent url("../../img/key-point_tr.gif") no-repeat top right;
margin: -10px -10px 0 -10px;
height: 10px;
display: block;
border: none;
content: url("../../img/key-point_tl.gif");
}
#search-block{
background: #EFF8CE url("../../img/key-point_back.gif") right repeat-y;
padding: 10px;
background: #EFF8CE url("../../img/key-point_back.gif") right repeat-y;
padding: 10px;
}
#search-block label{
@ -313,19 +398,16 @@
}
#search-block:after {
display: block;
padding-top: 10px;
line-height: 0.1;
font-size: 1px;
content: url("../../img/key-point_bl.gif");
margin: -10px;
height: 8px;
background: transparent url("../../img/key-point_br.gif") scroll no-repeat bottom right ;
display: block;
padding-top: 10px;
line-height: 0.1;
font-size: 1px;
content: url("../../img/key-point_bl.gif");
margin: -10px;
height: 8px;
background: transparent url("../../img/key-point_br.gif") scroll no-repeat bottom right ;
}
#comment-rate {
margin: .5em;
padding: .5em;
background-color: #eee;
border: 1px solid #999;
#search-side {
padding: 10px;
}

365
mozilla/webtools/addons/css/cavendish/template.css
View File

@ -1,152 +1,309 @@
body {
background: #fff url("../../img/body_back.gif") repeat-x;
background: #fff url("../../images/body_back.gif") repeat-x;
}
#footer {
border-top: 1px solid #666;
margin: 2em 0;
padding: 1em 0;
background: url("../../images/footer.gif") 0 8px no-repeat;
margin: 10px 0;
text-align: center;
}
#footer ul {
margin: 0;
padding: 0;
list-style: none;
}
#footer li {
display: inline;
}
#footer span,#footer a {
white-space: nowrap;
padding: 0 1em;
}
#footer p span,#footer p a {
white-space: nowrap;
padding: 0 0.3em;
}
#footer span a {
padding: 0;
}
#footer p,#footer p a {
color: #666;
font-size: 85%;
}
#footer p a:hover {
color: #000;
}
#footer .switch-fx,
#footer .switch-tb,
#footer .switch-suite {
padding-left: 30px;
font-size: 100%;
background: #fff 9px 0 no-repeat;
}
#footer .switch-tb {
background-image: url("../../images/switch-tb.gif");
}
#footer .switch-suite {
background-image: url("../../images/switch-suite.gif");
}
#footer .switch-fx {
background-image: url("../../images/switch-fx.gif");
}
/* Site Header */
#header {
clear: both;
}
padding-top: 40px;
position: relative;
} * html #header { padding-top: 20px; }
#header h1 {
height: 46px;
margin: 0;
font-size: 2px;
position: relative;
top: 7px;
position: absolute;
top: 0;
left: -4px;
border: none;
z-index: 5000;
}
#header h1 a,#header h1 a:hover {
#header form {
position: absolute;
right: 0;
top: 9px;
margin-left: 200px;
font-family: tahoma, arial, sans-serif;
font-size: 85%;
}
#key-menu {
background: #B2C1C8 url("../../images/header-bottom.gif") 0 100% no-repeat;
padding: 0 0 10px 0;
overflow: auto;
margin-bottom: 1em;
}
* html #key-menu {
overflow: visible;
height: 1px;
}
#key-menu ul, #key-menu li {
margin: 0;
padding: 0;
list-style: none;
}
#key-menu ul {
padding: 14px 12px 0 12px;
background: url("../../images/header-top.gif") 0 0 no-repeat;
}
#key-menu li {
float: left;
background: url("../../images/tabs.gif") 100% -50px;
padding-right: 5px;
margin-right: 2px;
border-bottom: 1px solid #849CA4;
margin-bottom: -10px;
}
#key-menu li a, #key-menu li span {
display: block;
width: 250px;
height: 46px;
background: url("../../img/title.gif") no-repeat;
text-indent: -700em;
float: left;
padding: 3px 15px 2px 20px;
background: url("../../images/tabs.gif") 0 -50px;
color: #5A7CBA;
text-decoration: none;
}
#key-title { /* fixes background issue in IE6 */
position: relative;
#key-menu li:hover a {
background-position: 0 -100px;
}
#header ul {
position: absolute;
right: 0;
top: 6px;
margin-left: 200px;
font-family: tahoma, arial, sans-serif;
#key-menu li:hover {
background-position: 100% -100px;
}
#header li {
float: left;
list-style: none;
padding-left: 1em;
font-size: 85%;
font-weight: bold;
#key-menu li.current {
background: url("../../images/tabs.gif") 100% 0;
border-bottom-color: white;
}
#header dl {
margin: 0 1em 0 0;
padding: 4px 0 4px 40px;
float: left;
min-height: 35px;
}
#header #menu-firefox {
background: url("../../img/s-firefox.png") no-repeat 0 8px;
}
#header #menu-thunderbird {
background: url("../../img/s-thunderbird.png") no-repeat 0 8px;
}
#header #menu-mozillasuite {
background: url("../../img/s-mozillasuite.png") no-repeat 0 8px;
margin-right: 0;
#key-menu li.current a, #key-menu li.current span {
background: url("../../images/tabs.gif") 0 0;
color: #999;
}
#header dt {
font-size: 85%;
}
#header dd {
margin: 0;
}
#key-menu:before {
line-height: 0.1;
font-size: 1px;
background: transparent url("../../img/key-menu_tr.gif") no-repeat top right;
margin: -8px -8px 0 -8px;
height: 8px;
display: block;
border: none;
content: url("../../img/key-menu_tl.gif");
}
#key-menu {
background: #B2C1C8 url("../../img/key-menu_back.gif") right top no-repeat;
padding: 8px;
}
#key-menu:after {
display: block;
clear: both;
padding-top: 8px;
line-height: 0.1;
font-size: 1px;
content: url("../../img/key-menu_bl.gif");
margin: -8px;
height: 8px;
background: transparent url("../../img/key-menu_br.gif") scroll no-repeat bottom right ;
}
.ie-clear-menu { /* needed to clear floats in IE */
clear: both;
height: 5px;
font-size: 2px;
}
#mozilla-org a {
#mozilla-com a {
float: right;
display: block;
text-indent: -5000em;
width: 110px;
height: 25px;
text-decoration: none;
background: url(../../img/mozilla-org.gif) no-repeat;
background: url("../../images/mozilla-org.gif") no-repeat;
}
/* End Site Header */
/* Front Feature */
.split-feature {
background: url("../../images/feature-back.png") 0 100% no-repeat;
overflow: auto;
padding-bottom: 10px;
margin-right: -2px;
} * html .split-feature { overflow: visible; height: 1px; }
.split-feature-one, .split-feature-two {
padding: 15px 15px 0 15px;
float: left;
}
.split-feature-one {
width: 485px;
background: url("../../images/feature-back.png") 0 0 no-repeat;
}
.split-feature-two {
width: 185px;
padding-left: 25px;
background: url("../../images/feature-back.png") 100% 0 no-repeat;
}
.split-feature h2 {
margin: 0 0 0.2em 0;
font-family: verdana, arial, sans-serif;
font-size: 1.4em;
}
.split-feature h2 a {
text-decoration: none;
font-size: medium;
font-style: italic;
}
.split-feature-one p {
line-height: 160%;
}
.feature-download h3 {
font: 85% tahoma, verdana, sans-serif;
margin: 5px 0 0 0;
background: url("../../images/download.gif") 0 100%;
padding-bottom: 5px;
}
.feature-download h3 a {
display: block;
background: url("../../images/download.gif") 0 0;
font-weight: bold;
width: 165px;
padding: 12px 25px 5px 10px;
text-decoration: none;
color: #5A9A3B;
}
.feature-download h3 a:hover {
text-decoration: underline;
color: #275113;
}
.feature-download {
float: left;
width: 200px;
padding-right: 20px;
}
ol.top-10, ol.top-10 li {
margin: 0;
padding: 0;
list-style: none;
}
ol.top-10 li a {
display: block;
text-align: right;
padding: 1px 0 1px 20px;
border-top: 1px solid #eee;
text-decoration: none;
width: 160px;
background: url("../../images/top-10.gif") 0 0 no-repeat;
cursor: pointer; /* for IE as it ignores floating <strong>s */
font-size: 85%;
}
ol.top-10 li a:hover strong {
text-decoration: underline;
}
ol.top-10 li.top-10-2 a { background-position: 0 -50px; }
ol.top-10 li.top-10-3 a { background-position: 0 -100px; }
ol.top-10 li.top-10-4 a { background-position: 0 -150px; }
ol.top-10 li.top-10-5 a { background-position: 0 -200px; }
ol.top-10 li.top-10-6 a { background-position: 0 -250px; }
ol.top-10 li.top-10-7 a { background-position: 0 -300px; }
ol.top-10 li.top-10-8 a { background-position: 0 -350px; }
ol.top-10 li.top-10-9 a { background-position: 0 -400px; }
ol.top-10 li.top-10-10 a { background-position: 0 -450px; }
ol.top-10 li strong {
float: left;
}
#front-search {
text-align: center;
margin: 1.5em 0 1em 0;
}
.front-section-left, .front-section-right {
width: 220px;
float: left;
color: #666;
}
.front-section-left {
padding: 5px 0 5px 190px;
}
.front-section-right {
padding: 5px 70px 5px 0;
}
.front-section-left h2, .front-section-right h2{
margin: 0;
}
.front-section-left ul, .front-section-right ul {
margin: 0;
padding: 0;
margin-bottom: 2em;
}
.front-section-left li, .front-section-right li {
padding: 0.2em 0;
margin-left: 20px;
}
.front-section {
width: 220px;
padding: 5px 0 5px 25px;
float: left;
color: #666;
}
.front-section h2 {
margin: 0;
}
.front-section ul {
margin: 0;
padding: 0;
margin-bottom: 2em;
}
.front-section li {
padding: 0.2em 0;
margin-left: 20px;
}
a.top-feature {
float: left;
background: #fff;
}
a.top-feature img {
margin: 0;
padding: 0;
}

BIN
mozilla/webtools/addons/images/recommended/foxytunes.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
mozilla/webtools/addons/images/recommended/kaboodle.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

76
mozilla/webtools/addons/index.php
View File

@ -38,8 +38,6 @@ $db->query("
SELECT DISTINCT
TM.ID ID,
TM.Name name,
TM.Rating,
LEFT(TM.Description,96) as Description,
TM.downloadcount dc
FROM
main TM
@ -59,81 +57,13 @@ $db->query("
$popularExtensions = $db->record;
// Get most popular themes based on application.
$db->query("
SELECT DISTINCT
TM.ID ID,
TM.Name name,
TM.Rating,
LEFT(TM.Description,96) as Description,
TM.downloadcount dc
FROM
main TM
INNER JOIN version TV ON TM.ID = TV.ID
INNER JOIN applications TA ON TV.AppID = TA.AppID
INNER JOIN os TOS ON TV.OSID = TOS.OSID
WHERE
AppName = '{$sql['app']}' AND
downloadcount > '0' AND
approved = 'YES' AND
Type = 'T'
ORDER BY
downloadcount DESC
LIMIT
5
", SQL_ALL, SQL_ASSOC);
$popularThemes = $db->record;
// Get newest addons based on application.
$db->query("
SELECT
TM.ID,
TM.Type,
TM.Name,
TM.Rating,
LEFT(TM.Description,96) as Description,
MAX(TV.Version) Version,
MAX(TV.DateAdded) DateAdded
FROM
`main` TM
INNER JOIN version TV ON TM.ID = TV.ID
INNER JOIN applications TA ON TV.AppID = TA.AppID
INNER JOIN os TOS ON TV.OSID = TOS.OSID
WHERE
AppName = '{$sql['app']}' AND
`approved` = 'YES'
GROUP BY
TM.ID
ORDER BY
DateAdded DESC
LIMIT
5
", SQL_ALL, SQL_ASSOC);
$newest = $db->record;
$tabs = array(
array(
'app' => 'Firefox'
),
array(
'app' => 'Thunderbird'
),
array(
'app' => 'Mozilla'
)
);
// Assign template variables.
$tpl->assign(
array( 'popularExtensions' => $popularExtensions,
'popularThemes' => $popularThemes,
'newest' => $newest,
'app' => $clean['app'],
array( 'popularExtensions' => $popularExtensions,
'title' => $clean['app'].' Addons',
'tabs' => $tabs,
'content' => 'index.tpl')
'content' => 'index.tpl',
'currentTab' => 'home')
);
$wrapper = 'inc/wrappers/nonav.tpl';

41
mozilla/webtools/addons/js/search-plugin.js Normal file
View File

@ -0,0 +1,41 @@
function errorMsg(name,ext,cat)
{
// alert("Netscape 6 or Mozilla is needed to install a sherlock plugin");
f=document.createElement("form");
f.setAttribute("name","installform");
f.setAttribute("method","post");
f.setAttribute("action","http://mycroft.mozdev.org/error.html");
fe=document.createElement("input");
fe.setAttribute("type","hidden");
fe.setAttribute("name","name");
fe.setAttribute("value",name);
f.appendChild(fe);
fe=document.createElement("input");
fe.setAttribute("type","hidden");
fe.setAttribute("name","ext");
fe.setAttribute("value",ext);
f.appendChild(fe);
fe=document.createElement("input");
fe.setAttribute("type","hidden");
fe.setAttribute("name","cat");
fe.setAttribute("value",cat);
f.appendChild(fe);
document.getElementsByTagName("body")[0].appendChild(f);
if (document.installform) {
document.installform.submit();
} else {
location.href="http://mycroft.mozdev.org/error.html"; //hack for DOM-incompatible browsers
}
}
function addEngine(name,ext,cat,type)
{
if ((typeof window.sidebar == "object") && (typeof window.sidebar.addSearchEngine == "function")) {
window.sidebar.addSearchEngine(
"http://addons.mozilla.org/search-engines-static/"+name+".src",
"http://addons.mozilla.org/search-engines-static/"+name+"."+ext, name, cat );
} else {
errorMsg(name,ext,cat);
}
}

20
mozilla/webtools/addons/search-engines.php Normal file
View File

@ -0,0 +1,20 @@
<?php
/**
* Overview provides an inside look at what is going on for an application.
*
* @package amo
* @subpackage docs
*
* @todo Do something to spice up this page.
* @todo Get main template spruced up.
*/
// Assign template variables.
$tpl->assign(
array( 'title' => 'Search Engines',
'currentTab' => 'search-engines',
'content' => 'search-engines.tpl')
);
$wrapper = 'inc/wrappers/nonav.tpl';
?>

15
mozilla/webtools/addons/tpl/inc/footer.tpl
View File

@ -1,12 +1,7 @@
<div id="footer">
<ul id="bn">
<li><a href="/about/policies/">Terms of Use</a></li>
<li><a href="/about/contact/">Contact Us</a></li>
<li><a href="http://www.mozilla.org/foundation/donate.html">Donate to Mozilla</a></li>
</ul>
<p>Copyright &copy; 2004-2005 The Mozilla Organization</p>
<p>256-bit SSL Encryption provided by <a href="http://www.xramp.com/">XRamp</a></p>
</div>
<!-- end footer -->
<div id="footer">
<p><a href="{$config.webpath}/?app=firefox" class="switch-fx">Firefox Add-ons </a><a href="{$config.webpath}/?app=thunderbird" class="switch-tb">Thunderbird Add-ons </a><a href="{$config.webpath}/?app=mozilla" class="switch-suite">Mozilla Suite Add-ons </a></p>
<p><a href="http://www.mozilla.org/privacy-policy.html">Privacy Policy</a> <a href="/faq.php">FAQ</a> <a href="http://www.mozilla.org/foundation/donate.html">Donate to Mozilla</a> <a href="http://mozilla.org/">The Mozilla Organization</a></p>
<p><span>Copyright &copy; 2004-2006</span> <a href="http://www.xramp.com/">256-bit SSL Encryption provided by XRamp</a></p>
</div>

62
mozilla/webtools/addons/tpl/inc/header.tpl
View File

@ -12,38 +12,56 @@
<link rel="stylesheet" type="text/css" href="{$config.webpath}/css/cavendish/template.css" title="Cavendish" media="screen">
<link rel="home" title="Home" href="https://addons.mozilla.org/">
<link rel="alternate" type="application/rss+xml" title="New Firefox Extensions Additions" href="{$config.webpath}/rss/?app=firefox&amp;type=E&amp;list=newest">
<link rel="icon" href="/favicon.ico" type="image/png">
<link rel="icon" href="{$config.webpath}/favicon.ico" type="image/png">
<script src="{$config.webpath}/js/install.js" type="text/javascript"></script>
<script src="{$config.webpath}/js/search-plugin.js" type="text/javascript"></script>
</head>
<body id="update-mozilla-org">
<body>
<div id="container">
<p class="skipLink"><a href="#firefox-feature" accesskey="2">Skip to main content</a></p>
<div id="mozilla-org"><a href="http://www.mozilla.org/">Visit Mozilla.org</a></div>
<div id="mozilla-com"><a href="http://www.mozilla.com/">Visit Mozilla.com</a></div>
<div id="header">
<div id="key-title">
<h1><a href="{$config.webpath}/" title="Return to home page" accesskey="1">Mozilla Update: Beta</a></h1>
<ul>
<li><a href="{$config.webpath}/login.php" title="Log in to MyUpdate">Login</a></li>
<li><a href="{$config.webpath}/register.php" title="Register your MyUpdate account">Register</a></li>
<li><a href="{$config.webpath}/faq.php" title="Frequently Asked Questions">FAQ</a></li>
<li><a href="{$config.webpath}/search.php" title="Find an Addon">Search</a></li>
</ul>
</div>
<!-- end key-title -->
<div id="key-title">
<div id="key-menu" class="earth">
<form id="search" method="get" action="{$config.webpath}/search.php" title="Search Mozilla Update">
<div>
<input type="text" id="q" name="q" accesskey="s" size="10" value="{$clean.q}">
<input type="submit" id="submit" value="Search Addons">
{assign var="app" value=$smarty.get.app|lower|default:"firefox"}
{if $app eq "firefox"}
<h1><a href="{$config.webpath}/?app=firefox" title="Return to home page" accesskey="1"><img src="{$config.webpath}/images/title-firefox.gif" width="276" height="54" alt="Firefox Add-ons Beta"></a></h1>
{elseif $app eq "thunderbird"}
<h1><a href="{$config.webpath}/?app=thunderbird" title="Return to home page" accesskey="1"><img src="{$config.webpath}/images/title-thunderbird.gif" width="355" height="54" alt="Thunderbird Add-ons Beta"></a></h1>
{elseif $app eq "mozilla"}
<h1><a href="{$config.webpath}/?app=mozilla" title="Return to home page" accesskey="1"><img src="{$config.webpath}/images/title-suite.gif" width="370" height="54" alt="Mozilla Suite Add-ons Beta"></a></h1>
{/if}
<form id="search" method="get" action="{$config.webpath}/quicksearch.php" title="Search Mozilla Update">
<div>
<label for="q" title="Search Mozilla Update">search:</label>
<input type="text" id="q" name="q" accesskey="s" size="10">
<select name="section" id="sectionsearch">
<option value="A">Entire Site</option>
<option value="E">Extensions</option>
<option value="T">Themes</option>
</select>
<input type="hidden" name="app" value="{$app}">
<input type="submit" id="submit" value="Go">
</div>
</form>
</div>
<div id="key-menu">
<ul id="menu-firefox">
<li{if $currentTab eq "home"} class="current"{/if}><a href="{$config.webpath}/?app={$app}">Home</a></li>
<li{if $currentTab eq "extensions"} class="current"{/if}><a href="{$config.webpath}/extensions/?app={$app}">Extensions</a></li>
<li{if $currentTab eq "pfs"} class="current"{/if}><a href="https://pfs.mozilla.org/plugins/?app={$app}">Plugins</a></li>
<li{if $currentTab eq "search-engines"} class="current"{/if}><a href="{$config.webpath}/search-engines.php?app={$app}">Search Engines</a></li>
<li{if $currentTab eq "themes"} class="current"{/if}><a href="{$config.webpath}/themes/?app={$app}">Themes</a></li>
</ul>
</div>
</form>
<div class="ie-clear-menu">&nbsp;</div>
</div>
<!-- end key-menu -->
<!-- end key-menu -->
</div>
<!-- end header -->

7
mozilla/webtools/addons/tpl/inc/wrappers/nonav.tpl
View File

@ -9,8 +9,6 @@
</div>
{/if}
<div id="mBody">
{if $content}
{include file=$content}
{else}
@ -23,13 +21,10 @@
<hr class="hide">
</div>
<!-- close mBody -->
{include file="inc/footer.tpl"}
</div>
<!-- close container -->
{include file="inc/footer.tpl"}
</body>
</html>

121
mozilla/webtools/addons/tpl/index.tpl
View File

@ -1,75 +1,62 @@
<div class="tabs">
<ul>
{section name=tabs loop=$tabs}
{if $tabs[tabs].app eq $app}
<li><a href="./?app={$tabs[tabs].app|escape}" class="active-tab">{$tabs[tabs].app|escape}</a></li>
{else}
<li><a href="./?app={$tabs[tabs].app|escape}">{$tabs[tabs].app|escape}</a></li>
{/if}
<div class="split-feature">
<div class="split-feature-one">
<div class="feature-download">
<!-- Feature Image must be 200px wide... any height is fine, but around 170-200 is preferred -->
<a href="./addon.php?id=1532"><img src="./images/features/del.icio.us.png" width="200" height="213" alt="del.icio.us Extension"></a>
<h3><a href="http://releases.mozilla.org/pub/mozilla.org/extensions/del.icio.us/del.icio.us-1.0.2-fx.xpi" onclick="return install(event,'del.icio.us 1.0.2', '/images/default.png');" title="Install del.icio.us 1.0.2 (Right-Click to Download)">Install Extension (62 KB)</a> </h3>
</div>
<h2>Featured Extension</h2>
<h2><a href="./addon.php?id=1532">del.icio.us</a></h2>
<p class="first">Harness the power of social bookmarking right in your browser with the del.icio.us Firefox extension! The del.icio.us extension for Firefox offers everything you need to seamlessly integrate the del.icio.us service with your Firefox browser. <a href="./addon.php?id=1532">Learn more...</a></p>
</div>
<a class="top-feature" href="./recommended.php"><img src="./images/feature-recommend.png" width="213" height="128" style="padding-left: 12px;" alt="We Recommend: See some of our favorite extensions to get you started."></a>
<div class="split-feature-two">
<h2><img src="images/title-topdownloads.gif" width="150" height="24" alt="Top 10 Downloads"></h2>
<ol class="top-10">
{section name=pe loop=$popularExtensions step=1 start=0}
<li class="top-10-{$smarty.section.pe.iteration}"><a href="./addon.php?id={$popularExtensions[pe].ID}"><strong>{$popularExtensions[pe].name}</strong> {$popularExtensions[pe].dc}</a></li>
{/section}
</ul>
</ol>
</div>
</div>
<div id="mainContent" class="right">
<h2>Newest {$app} Addons</h2>
<ol class="popularlist">
{section name=new loop=$newest}
<li>
<a href="./addon.php?id={$newest[new].ID}">{$newest[new].Name} {$newest[new].Version}</a> ({$newest[new].DateAdded|date_format}) - {$newest[new].Description|escape} <a href="./addon.php?id={$newest[new].ID}">more...</a>
</li>
{/section}
</ol>
<p><strong><a href="./search.php?app={$app}&amp;sort=newest">More ...</a></strong></p>
<form id="front-search" method="get" action="/quicksearch.php" title="Search Mozilla Update">
<div>
<label for="q2" title="Search mozilla.org&quot;s sites">search:</label>
<input type="hidden" name="cof" value="">
<input type="hidden" name="domains" value="mozilla.org">
<input type="hidden" name="sitesearch" value="mozilla.org">
<input id="q2" type="text" name="q" accesskey="s" size="40">
<select name="section">
<option value="A">Entire Site</option>
<option value="E">Extensions</option>
<option value="T">Themes</option>
</select>
<input type="submit" value="Go">
</div>
</form>
<h2>Popular {$app} Extensions</h2>
<ol class="popularlist">
{section name=pe loop=$popularExtensions}
<li>
<a href="./addon.php?id={$popularExtensions[pe].ID}">{$popularExtensions[pe].name}</a> <span class="downloads">({$popularExtensions[pe].Rating} rating, {$popularExtensions[pe].dc} downloads)</span> - {$popularExtensions[pe].Description|escape} <a href="./addon.php?id={$popularExtensions[pe].ID}">more...</a>
</li>
{/section}
</ol>
<p><strong><a href="./search.php?app={$app}&amp;sort=popular&amp;type=E">More ...</a></strong></p>
<h2>Popular {$app} Themes</h2>
<ol class="popularlist">
{section name=pt loop=$popularThemes}
<li><a href="./addon.php?id={$popularThemes[pt].ID}">{$popularThemes[pt].name}</a> <span class="downloads">({$popularThemes[pt].Rating} rating, {$popularThemes[pt].dc} downloads)</span> - {$popularThemes[pt].Description|escape} <a href="./addon.php?id={$popularThemes[pt].ID}">more...</a>
</li>
{/section}
</ol>
<p><strong><a href="./search.php?app={$app}&amp;sort=popular&amp;type=T">More ...</a></strong></p>
<div class="front-section-left">
<h2><img src="images/title-browse.gif" width="168" height="22" alt="Browse By Category"></h2>
<ul>
<li><a href="./extensions/showlist.php?application=firefox&amp;category=Popular">Most Popular Add-ons</a></li>
<li><a href="./extensions/showlist.php?application=firefox&amp;category=Newest">Recently Added</a></li>
<li><a href="./extensions/showlist.php?application=firefox&amp;category=All">All Categories</a></li>
</ul>
</div>
<!-- end mainContent -->
<div id="side" class="right">
<h2>What is <kbd>addons.mozilla.org</kbd>?</h2>
<p><a href="./"><kbd>addons.mozilla.org</kbd></a> is the place to get updates and extras for
your <a href="http://www.mozilla.org/">Mozilla</a> products.</p>
<h2>What can I find here?</h2>
<dl>
<dt><a href="./search.php?app={$app}&amp;type=E">Extensions</a></dt>
<dd>Extensions are small add-ons that add new functionality to your
Mozilla program. They can add anything from a toolbar button to a
completely new feature.</dd>
<dt><a href="./search.php?app={$app}&amp;type=T">Themes</a></dt>
<dd>Themes allow you to change the way your Mozilla program looks.
New graphics and colors.</dd>
<dt><a href="https://pfs.mozilla.org/plugins/">Plugins</a></dt>
<dd>Plugins are programs that allow websites to provide content to
you and have it appear in your browser. Examples of Plugins are Flash,
RealPlayer, and Java.</dd>
</dl>
<h2>How can I contribute?</h2>
<ul>
<li><a href="#">Help us review new Addons.</a></li>
<li><a href="#">Develop your own Addon.</a></li>
<li><a href="#">Report a problem with an Addon.</a></li>
<li><a href="#">Make suggestions or comments about this site.</a></li>
</ul>
<div class="front-section-right">
<h2><img src="images/title-develop.gif" width="152" height="22" alt="Develop Your Own"></h2>
<ul>
<li><a href="./developers/">Login to Submit</a></li>
<li><a href="http://developer.mozilla.org/en/docs/Extensions">Documentation</a></li>
<li><a href="http://developer.mozilla.org/en/docs/Building_an_Extension">Develop Your Own</a></li>
</ul>
</div>
<!-- end side -->

56
mozilla/webtools/addons/tpl/search-engines.tpl Normal file
View File

@ -0,0 +1,56 @@
<h1 class="first">Search Engines</h1>
<p>We've put a few popular search sites in the Search Bar in the upper-right corner of Firefox. If you'd like to add more, there are hundreds to choose from. Click on a Search Engine to add it to your Firefox Search Bar:</p>
<div class="front-section">
<dl>
<dt><img src="./search-engines-static/a9.png" alt=""/> <a href="javascript:addEngine('a9','png','General','0')">A9</a></dt><dd>Amazon's A9 search engine.</dd>
<dt><img src="./search-engines-static/aol.png" alt=""/> <a href="javascript:addEngine('aol','png','General','2759')">AOL</a></dt><dd>AOL search engine.</dd>
<dt><img src="./search-engines-static/jeeves.gif" alt=""/> <a href="javascript:addEngine('jeeves','gif','General','0')">Ask Jeeves</a></dt><dd>Better search results with keywords or questions.</dd>
<dt><img src="./search-engines-static/bbcnews.png" alt=""/> <a href="javascript:addEngine('bbcnews','png','News','0')">BBC News</a></dt><dd>Search for the latest news on BBC.</dd>
<dt><img src="./search-engines-static/bittorrent.png" alt=""/> <a href="javascript:addEngine('bittorrent','png','File Sharing','0')">BitTorrent</a></dt><dd>Find Torrent files</dd>
<dt><img src="./search-engines-static/del.icio.us.png" alt=""/> <a href="javascript:addEngine('del.icio.us','png','General','1091')">del.icio.us</a></dt><dd>Search through most bookmarked sites.</dd>
<dt><img src="./search-engines-static/espn.png" alt=""/> <a href="javascript:addEngine('espn','png','Recreation','0')">ESPN</a></dt><dd>Get the latest sports news, scores, and highlights.</dd>
<dt><img src="./search-engines-static/freedict.png" alt=""/> <a href="javascript:addEngine('freedict','png','Language dictionary','0')">The Free Dictionary</a></dt><dd>English, Medical, Legal, and Financial Dictionaries, Thesaurus, Encyclopedia and more.</dd>
</dl>
</div>
<div class="front-section">
<dl>
<dt><img src="./search-engines-static/flickr-tags.png" alt=""/> <a href="javascript:addEngine('flickr-tags','png','Arts','0')">Flickr Tags</a></dt><dd>Search for photos on Flickr.</dd>
<dt><img src="./search-engines-static/foodnetwork.png" alt=""/> <a href="javascript:addEngine('foodtv','png','Undefined','4003')">Food Network Recipes</a></dt><dd>Find recipes from your favorite chefs.</dd>
<dt><img src="./search-engines-static/cddball.png" alt=""/> <a href="javascript:addEngine('cddball','png','CDDB Music Search','0')">gracenote</a></dt><dd>Find album, artist, and song information.</dd>
<dt><img src="./search-engines-static/IMDB.png" alt=""/> <a href="javascript:addEngine('IMDB','png','Arts','0')">IMDB</a></dt><dd>The Internet Movie Database.</dd>
<dt><img src="./search-engines-static/linkedin.png" alt=""/> <a href="javascript:addEngine('linkedin','png','Web Services','0')">LinkedIn</a></dt><dd>Search your LinkedIn network for the people you need when you are on any Web site.</dd>
<dt><img src="./search-engines-static/lonelyplanet.png" alt=""/> <a href="javascript:addEngine('lonelyplanet','png','Travel','0')">Lonely Planet Online</a></dt><dd>Search through Lonely Planet's travel guides.</dd>
<dt><img src="./search-engines-static/marketwatch.gif" alt=""/> <a href="javascript:addEngine('marketwatch','gif','Business and Economy','4897')">MarketWatch</a></dt><dd>Stock quote look-up and financial information.</dd>
</dl>
</div>
<div class="front-section">
<dl>
<dt><img src="./search-engines-static/webster.gif" alt=""/> <a href="javascript:addEngine('webster','gif','Language dictionary','0')">Merriam-Webster</a></dt><dd>English dictionary search.</dd>
<dt><img src="./search-engines-static/msn.png" alt=""/> <a href="javascript:addEngine('MSN','png','General','3796')">MSN</a></dt><dd>MSN search engine.</dd>
<dt><img src="./search-engines-static/odeo.png" alt=""/> <a href="javascript:addEngine('odeo','png','Music','2069')">Odeo</a></dt><dd>Explore the world of podcasting.</dd>
<dt><img src="./search-engines-static/technorati.gif" alt=""/> <a href="javascript:addEngine('technorati-new','gif','Weblogs','2662')">Technorati</a></dt><dd>A real-time search engine that keeps track of what is going on in the blogosphere</dd>
<dt><img src="./search-engines-static/weatherchannel.png" alt=""/> <a href="javascript:addEngine('weather','png','Weather','0')">Weather Channel</a></dt><dd>Enter city, state or zip code to find your weather information.</dd>
<dt><img src="./search-engines-static/WebMD.png" alt=""/> <a href="javascript:addEngine('WebMD','png','Health','0')">WebMD</a></dt><dd>WebMD provides health information and tools for managing your health.</dd>
<dt><img src="./search-engines-static/wikipedia.png" alt=""/> <a href="javascript:addEngine('wikipedia','png','Reference','2286')">Wikipedia</a></dt><dd>The incredible free encyclopedia.</dd>
<dt><img src="./search-engines-static/yahooligans.png" alt=""/> <a href="javascript:addEngine('yahooligans','png','Kids and Teens','0')">Yahooligans</a></dt><dd>Search engine for kids and teens.</dd>
</dl>
</div>
<h2 class="clear-both">Additional Resources</h2>
<ul>
<li><a href="http://mycroft.mozdev.org/">Browse through more search engines at mycroft.mozdev.org.</a></li>
<li><a href="./extensions/moreinfo.php?id=1563">Use the SearchPluginHacks extension to remove a Search Engine.</a></li>
</ul>
<p>Special thanks to the Mycroft Project for their work on Firefox Search Engines.</p>