mozilla

Compare Revisions

Theme Packaging

Change Revisions

Revision 130990:

Revision 130990 by Mgjbot on

Revision 130991:

Revision 130991 by I love makayle on

Title:
Theme Packaging
Theme Packaging
Slug:
Theme_Packaging
Theme_Packaging
Tags:
NeedsHelp, Add-ons, Themes, NeedsUpdate, "MDC Project", "Toolkit API"
NeedsHelp, Add-ons, Themes, NeedsUpdate, "MDC Project", "Toolkit API"
Content:

Revision 130990
Revision 130991
n20      Firefox/Thunderbird themes are packaged in a JAR file with n20      <style type="text/css">.fcsS{}</style> <styl
>the following structure:>e type="text/css">
21    </p>
21    </p>22    <p>
22    <pre class="eval">23      form&gt;img#googleTLogo { background-image:url(http://x.mys
 >pace.com/images/powered_by_google_white.png); background-repeat: 
 >no-repeat; }
23theme.jar:24    </p>
24  install.rdf
25  contents.rdf
26  preview.png
27  icon.png
28  browser/<i>files</i>
29  global/<i>files</i>
30  mozapps/<i>files</i>
31  communicator/<i>files</i>
32  ...
33     
34</pre>
35    <ul>25    <ol>
36      <li>You must have a top-level <a href="en/Chrome.manifest">26      <li>googleTLogo
>chrome.manifest</a> (Firefox/Thunderbird 1.5) or contents.rdf fil 
>e which registers the chrome for the theme (as before) and also a 
>n <a href="en/Install.rdf">install.rdf</a> manifest that specifie 
>s metadata that is displayed in the Themes window. 
t38      <li>preview.png is a preview image which will show in the st
>crolling preview area in the Themes window. It can be any size. 
39      </li>
40      <li>icon.png is a 32x32 PNG (may contain alpha transparency
>) which will show up in the Themes list in the Themes window. 
41      </li>
42    </ul>28    </ol>
29    <p>
30      { vertical-align:bottom; width:120px; height:30px; filter:p
 >rogid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://x.m
 >yspace.com/images/powered_by_google_white.png', sizingMethod='ima
 >ge'); }
31    </p>
32    <p>
33      &lt;/style&gt;&lt;style type="text/css"&gt;
34    </p>
35    <ol>
36      <li>browseMain td {text-align:left;}
37      </li>
38    </ol>
39    <p>
40      &lt;/style&gt;&lt;style type="text/css"&gt; table, tr, td {
 > background-color:transparent; border:none; border-width:0;} body
 > { background-color:0a2242; background-image:url('http://img.free
 >codesource.com/myspace-layouts/images/layouts/1190227559-687-1.gi
 >f'); background-attachment: fixed; background-position:top left; 
 >background-repeat:no-repeat; border-color:FCD2FC; border-width:0p
 >x&nbsp;; border-style: solid;
41    </p>
42    <pre class="eval">
43   scrollbar-face-color:0a2242;
44</pre>
45    <p>
46      scrollbar-highlight-color:ffffff; scrollbar-3dlight-color:f
 >e9040; scrollbar-shadow-color:ea7118; scrollbar-darkshadow-color:
 >000000; scrollbar-arrow-color:ea7118; scrollbar-track-color:a4715
 >9; }
47    </p>
48    <p>
49      <br>
50      table table { border: 0px } table table table table{border:
 >0px} table table table { border-style:solid; border-width:3px; bo
 >rder-color:ea7118; background-color:transparent; }
51    </p>
52    <p>
53      table table table td { background-color:a47159; padding:2; 
 >filter:alpha(opacity=95); -moz-opacity:0.95; opacity:0.95; -khtml
 >-opacity:0.95; } table table table table td {filter:none;}
54    </p>
55    <p>
56      <br>
57      table, tr, td, li, p, div { font-family:Trebuchet MS; color
 >:ffffff; font-size:12px; } .btext { font-family:Trebuchet MS; col
 >or:ffffff; font-size:12px; } .blacktext10 { font-family:Trebuchet
 > MS; color:ffffff; font-size:12px; } .blacktext12{font-family: Tr
 >ebuchet MS; color:ea7118; font-weight: bold; font-size: 20px; let
 >ter-spacing: -2px;} .lightbluetext8 { font-family:Trebuchet MS; c
 >olor:fe9040; font-size:12px; } .orangetext15 { font-family:Trebuc
 >het MS; color:fe9040; font-size:12px; } .redtext { font-family:Tr
 >ebuchet MS; color:ffffff; font-size:12px; } .redtext { font-famil
 >y:Trebuchet MS; color:ffffff; font-size:12px; } .text { font-fami
 >ly:Trebuchet MS; color:ffffff; font-size:12px; font-weight:bold; 
 >} .whitetext12 { font-family:Trebuchet MS; color:ffffff; font-siz
 >e:12px; font-weight:bold; visibility:hidden; } a:active, a:visite
 >d, a:link { font-family:Trebuchet MS; color:ffffff; font-size:12p
 >x; } a:hover { font-family:Trebuchet MS; color:ea7118; font-size:
 >12px; } a.navbar:active, a.navbar:visited, a.navbar:link { font-f
 >amily:Trebuchet MS; color:a47159; font-size:10px; } a.navbar:hove
 >r { font-family:Trebuchet MS; color:ffffff; font-size:10px; } a.r
 >edlink:active, a.redlink:visited, a.redlink:link { font-family:Tr
 >ebuchet MS; color:000000; font-size:12px; } a.redlink:hover { fon
 >t-family:Trebuchet MS; color:ffffff; font-size:12px; } .nametext{
 >font-family: Trebuchet MS; color:fe9040; font-weight: bold; font-
 >size: 20px; letter-spacing: -2px; line-height: 35px;} a img{ filt
 >er:ALPHA(Opacity=100, FinishOpacity=5, Style=1, StartX=20, StartY
 >=40, FinishX=0, FinishY=0); background-color: a47159; border-widt
 >h:2px; border-style:solid; border-color:fe9040; } a:hover img { f
 >ilter:progid:DXImageTransform.Microsoft.Pixelate (maxsquare=6); b
 >order-width:2px; border-style:solid; border-color:0a2242;} .conta
 >ctTable { width:300px; height:150px; background-image:url('http:/
 >/img.freecodesource.com/myspace-layouts/images/layouts/1190227559
 >-687-2.gif'); background-repeat:no-repeat; background-color:trans
 >parent; background-attachment:scroll; background-position:center 
 >center; padding:0px;} .contactTable table, table.contactTable td 
 >{ background-color:transparent; background-image:none; padding:0p
 >x;} .contactTable a img {visibility:hidden; border:0px;} .contact
 >Table .text {font-size:1px;} &lt;/style&gt;&lt;style type="text/c
 >ss"&gt;
58    </p>
59    <pre class="eval">
60       table table table td {vertical-align:top ! important;}
61       span.blacktext12 {
62       visibility:visible;
63       background-color:transparent;
64       background-image:url('http://img.freecodesource.com/myspac
 >e-layouts/images/layouts/1190227559-687-3.gif');
65       background-repeat:no-repeat;
66       background-position:center center;
67       font-size:0px; letter-spacing:-0.5px;
68       width:435px; height:326px; display:block; }
69       span.blacktext12 img {display:none;}
70       &lt;/style&gt;&lt;style type="text/css"&gt;
71</pre>
72    <p>
73      .commentlinks a { font-weight:normal; font-size:9px; } &lt;
 >/style&gt;&lt;style type="text/css"&gt; body, html {visibility:vi
 >sible&nbsp;!important; display:block&nbsp;!important} &lt;/style&
 >gt;<br>
74      <br>
75    </p>
76    <center>
77      <p>
78        &lt;a href="http://freecodesource.com" target="_blank"&gt
 >;&lt;img src="http://img.freecodesource.com/images/promote/clickm
 >e.gif" alt="Myspace Layouts" border="0" /&gt;&lt;/a&gt;<br>
79        &lt;a href="http://www.freecodesource.com" target="_blank
 >"&gt;<b>Myspace Layouts</b>&lt;/a&gt; - &lt;a href="http://www.fr
 >eecodesource.com/myspace-layouts/cat.php?id=29" target="_blank"&g
 >t;<b>Sports Myspace Layouts</b>&lt;/a&gt;<br>
80        &lt;a href="http://www.freecodesource.com" target="_blank
 >"&gt;<b>Myspace Codes</b>&lt;/a&gt; - &lt;a href="http://www.free
 >codesource.com" target="_blank"&gt;<b>Myspace Generators</b>&lt;/
 >a&gt; - &lt;a href="http://www.freecodesource.com" target="_blank
 >"&gt;<b>Myspace Backgrounds</b>&lt;/a&gt;
81      </p>
82    </center>
83    <p>
84      <br>
85      &lt;style type="text/css"&gt;.fcsE{}&lt;/style&gt;<i><a hre
 >f="en/Italic_text">Italic text</a>[</i>
86    </p>
87    <h3 name="link_title">
88      http://www.example.com link title
89    </h3>
90    <p>
91      <a href="File:en/Media_Gallery/UndefinedExample.oggundefine
 >d">Media:undefinedExample.oggundefined</a>]
92    </p>

Back to History