+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Bugzilla is free and open to anyone who registers with it.
+ The big advantage here is that many users can share bug information, or view feature requests
+ or planned new features and track these, in true open source fashion. From time to time we will also
+ publish patched prerelease versions by attaching them to their relevant bugs.
+
+
With more complex bugs, to help us helping you better, you should also
+ refer to the troubleshooting section. It describes how
+ to create an error log.
+
+ When submitting new bug reports, please search first whether the bug
+ is already submitted to avoid yours being marked as duplicate.
+ For feature requests, submit a bug and select "enhancement" in the severity dropdown:
+
+
+ For creating an error log, please check out the troubleshooting section.
+
+
+ 
+
+
+
+
+
+ ATTENTION:
+ 1. When submitting new bugs, please search first whether the bug is already submitted to avoid yours being marked as duplicate.
+ 2. For easier processing, please make sure that the title describes the bug precisely.
+ Titles such as "bug report" or "compatibility problem" are not helpful.
+
+
+
+ TIP: Some examples for good bug titles are: "quoted body missing when replying", "feature request: add reply to sender for newsgroups".
+
+
+
+
New Issue Tracker at Github
+
+ To bring issues into the 21st century (and a secure website) - you can now use our
+ github tracker.
+
+
Latest Issues on github
+
+
+
+
+
+ | Issue # | Description |
+
+
+
+
+
+
+
+
+
+ |
+ issue 42
+ |
+
+ %from(lastname)% uses first name of AB if sender address has only 1 name part.
+ |
+
+
+ |
+ issue 41
+ |
+
+ No file template menus displayed in single message window
+ |
+
+
+ |
+ issue 34
+ |
+
+ File Templates: update button should also update path
+ |
+
+
+ |
+ issue 28
+ |
+
+ Add "Smart Snippets": smart fragments that can be inserted from Composer.
+ |
+
+
+ |
+ issue 27
+ |
+
+ Feature request: Insert external HTML Templates from a web page URL
+ |
+
+
+ |
+ issue 24
+ |
+
+ Select a different html template file while composer is open
+ |
+
+
+
+ |
+ issue 10
+ |
+
+ Feature request : variable to ask for acknowledgment on receipt
+ |
+
+
+
+ |
+
+ issue 38
+
+ |
+
+ Images with encoded file URLs are not loaded correctly
+ |
+
+
+ |
+
+ issue 36
+
+ |
+
+ Smart-reply button: html template menus missing or not working
+ |
+
+
+ |
+
+ issue 35
+
+ |
+
+ %identity% - add feature to load additional information from addressbook
+ |
+
+
+ |
+
+ issue 33
+
+ |
+
+ mailto links - support using template if body argument is not empty
+ |
+
+
+ |
+
+ issue 31
+
+ |
+
+ Add functions to remove text / tags from quoted parts
+ |
+
+
+ |
+
+ issue 30
+
+ |
+
+ Reply button loses template menu items
+ |
+
+
+ |
+
+ issue 29
+
+ |
+
+ Add configuration item to file template menus.
+ |
+
+
+ |
+
+ issue 25
+
+ |
+
+ Feature request: set variables from addressbook fields
+ |
+
+
+ |
+
+ issue 20
+
+ |
+
+ If a file starts with UTF detection character "missing file" is wrongly displayed
+ |
+
+
+ |
+
+ issue 21
+
+ |
+
+ %spellcheck% sometimes doesn't remove red proofing lines after language set
+ |
+
+
+ |
+ issue 17
+ |
+
+ Add %spellcheck()% variable for changing spellchecker to a different language
+ |
+
+
+ |
+ issue 16
+ |
+
+ In some cases, images in signature trigger the "blocked file" warning
+ |
+
+
+ |
+ issue 8
+ |
+
+ Support File Templates - to replace Stationery from Thunderbird 68 forward
+ |
+
+
+ |
+
+ issue 4
+
+ |
+
+ SmartTemplate 2.1 problems with determining current language of Thunderbird
+ |
+
+
+ |
+
+ issue 3
+
+ |
+
+ %dateformat% doesn't show leading zeros.
+ |
+
+
+ |
+ issue 2
+ |
+
+ Headers duplicated with Virtual Identity
+ |
+
+
+ |
+ issue 9
+ |
+
+ %header.set(from)% not working in Tb60.9
+ |
+
+
+
+
+
+
+
Bugzilla Database at mozdev.org - deprecated!
+
+
This database has been shut down and readonly copies have
+ been downloaded and can be referenced from the version history page.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Dear SmartTemplates Pro users,
+
+ To Renew your license you can go to the SmartTemplates license tab and click the green renew / extend button.
+ This will extend or renew your license so that you get at least a year extra usage (if your license
+ expires in the future the year is added to that date) - even if you license is expired
+ you will get a full year. It is important that you go through this process from the
+ SmartTemplates license screen as this is the only way to get the cheaper renewal price.
+
+
+ As part of the renewal process, the old license will be automatically transmitted to the fastspring
+ shop site to determine eligibility. That why there is no external link outside of the SmartTemplates
+ Licensing screen to give you these special perks.
+
+
+ Thank you for supporting the SmartTemplates project!
+
+
+
+
+
+
+
+
+
+ SMARTTEMPLATES - Licensing
+
+
+ Going Forward, SmartTemplates will require a license for continued use - the reason for this
+ is that unlike compiled software that runs on an operating system, the constant changes on the host mail software
+ (Thunderbird) require substantial ongoing changes with a high effort; something which cannot be provided for free
+ ("as in beer") anymore. You may have noticed many Add-on authors abandoning their Add-ons on Firefox and
+ Thunderbird because it was not possible for them to support their Add-ons anymore - this is directly caused
+ by not trying to involve the users in funding the required work.
+
+
+
+ I tried to finance the changes with some extra features through the
+ SmartTemplates Pro license,
+ but the adoption has been too low - it was not enough to warrant the many days spent on free support and writing features but now
+ on top fixing all the issues (and rewriting a lot of code) so that SmartTemplates continues to run on the
+ Thunderbird 68 platform. Therefore I decided to add an affordable "Standard" License which will be required for continued
+ use of this Add-on in the future.
+
+
+ Alternatively, you can buy the standard license here.
+ This is now available at a third of the price of the Pro License.
+ It is valid for one full year after purchase, after which it can be extended for a lower price.
+
+
+ Read this feature comparison chart to get an overview about the differences.
+
+
+
+ A lot of the Add-on code needs to be rewritten to keep working on
+ future versions of Thunderbird, as the "classic Add-on" system
+ has been replaced with a different technology. Currently SmartTemplates it is in an interim stage
+ using the "experimental API" route to access important low level code. This will
+ be deprecated in the future! Only through funding this work can SmartTemplates
+ survive - it may be the price of a cup of coffee to you but consider whether you think it is not worth
+ supporting the many features that SmartTemplates gives you.
+ If you cannot support it at the moment I would encourage you to look for a free replacement Add-on, such as quickText.
+
+
+
+ To get a license for SmartTemplates click on the rightmost tab on the settings dialog:
+
+
+ 
+
+
+ This will bring you to the license page within Thunderbird, where you can select
+ the license most appropriate for you:
+
+
+ 
+
+
+ It's the easiest way to get a license as you get to select an email address for registration and delivery.
+ If you prefer, you can also go to the web shop directly:
+
+
+
+ You can use SmartTemplates on as many Thunderbird installations as you like as long
+ as it has your active, registered email address on it. Just select it from the account dropdown.
+ The registration email address is not given to any third parties or used
+ for marketing purposes, it is only used for order fulfillment and license verification. Validation is 100% offline and your key is not transmitted
+ anywhere.
+
+ |
+
+
+
+ 
+
+
+ |
+
+
+
+
+
+
+
+
+ "Life is going on in the West of Ireland. My wife had a large operation and I was
+ laid off working full time as a software developer. Instead I have decided to
+ build up a music production career and dedicate more time to addons development.
+ You can help best by
+ buying a Pro license
+ but donations are also welcome.
+
+
+ Thanks again in advance."
+
+
+ 
+
+
+
+
+
+
+
+ 
+
+
+
+ As users, we like to use the software the way we want, and we more or less expect it to be free of charge. The question is what
+ do the commercial software vendors make of this? Since the advent of facebook is a shift of users (and their data) from being the customers
+ becoming the merchandise, and the corporations becoming the customer. This is because even the best community sites cannot operate without
+ profit. The web is already overfraught with advertisement and data mining - The alternative is truly Free software that is
+ funded by donations.
+
+
+ I don't want to fund SmartTemplates through pushing advertisements on the users. Also IMO the user's data is something that belongs to only them; it is not a
+ commodity for companies to trade and play with.
+
+
+
+
+
+
+
+ SmartTemplates is completely funded by its users, mainly through the various licenses available
+ at fastspring.com - to find out our current prices click one of the links below:
+
+ I also regularly do sales with reduced prices, usually when I release new versions of SmartTemplates.
+ Just read the news link when a new version is dropped to check the actual prices then.
+
+
+
+
Donations
+
+
+
Not ready to buy a license yet? You can still help by donating some money using the paypal links below!
+
+
+
+
+ |
+
+
+
+ Don't like paypal?
+
+ |
+
+
+ I love SmartTemplates - it makes my emails look awesome! I want to buy you a coffee!
+ Any Questions?
+
+
+ If you actually have donated already or only like freebies (yes, there is them...) please recommend SmartTemplates to your friends and colleagues!
+
+ |
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Do you suggest any amount?
+
+
+
+ US$ donations: we suggest 10$ as that seems to be be a what most people like to donate - but of course smaller and greater amounts are always welcome.
+ Euro donations: 5 Euros would be nice and 10 Euros or more considered generous!
+
+ Your tip is important to make SmartTemplates even more excellent! If you can'ty afford it right now, consider it at the next update - in the meantime, recommend to friends and colleagues.
+
+
+
+ You can also add some feature requests here: Bugs & Features.
+
+
+
Other ways you can help
+
+
+ If you like to translate SmartTemplates in your own language, please visit Babelzilla
+
+
+
+ You can also leave a positive review at the Mozilla Addons Page - spread the word so more people start using it!
+
+
+
+
But I don't like / never use Paypal!
+
+
+ Just send me an email, and I give you my address for a cheque or note.
+
+
+
+
+
+ What does it mean then, free software ??
+
+
+
Free as in Free Speech, not Free Beer.
+
+
+ The reason I am putting a lot of work into SmartTemplates is because I am using it every day, in order to make my daily work
+ easier. I think it also important to share any tool that makes working easier and allow improvement of the tools.
+
+
+
+ I think the most important aspect on free software is that it is a political statement to avoid the pitfalls of
+ proprietary, monopoly driven software that coined terms such as "Embrace, Extend and Extinguish" and the innovation crippling
+ model of patenting software (for further reading, please see links below).
+ At the moment there is a conflict raging between the old proprietary model of software and the Free Software Concept,
+ and its you, the users who will really decide where the future will take us. By downloading the Mozilla products and extensions by
+ independant software developers, like SmartTemplates, you are actively helping the cause.
+
+ there is an excellent description of this concept here:
+
+
+
+
+
+ Quote: "Free software" is a matter of liberty, not price. To understand the concept, you should think of "free" as in "free speech," not as in "free beer."
+ Free software is a matter of the users' freedom to run, copy, distribute, study, change and improve the software.
+
+
+
+ It is also important to note that you can always modify SmartTemplates as it is open source and send me improvement suggestions.
+ Or you can use features in the existing software and use them in your own extension, provided you stick to the license
+ (you can not create commercial versions of the extension and you need to attribute / credit the original authors).
+ I have tried to make the code as readable as possible, so that you can check how SmartTemplates achieves its various goals.
+
+
+
+
+
+
+
What's happening right now?
+
+
+ The American congress now tries to introduce censorship of the internet. Click here for more information.
+
+
+
+
+
+
+
+ The web is changing very massively over the last years. This requires rethinking on how we use this community resource.
+ Community Sites are gaining a big amount of the power and the market share, the "login with facebook" idea
+ is now trying to lock our identities into their systems; building huge silos that lock in our data in order to keep users "within" their systems;
+ and while the web is still an open place and there are lots of "login with facebook" buttons, yet it has become increasingly difficult
+ to move our own data, determine when and where it is used and stored. This is because in this new model, the users become the
+ merchandise and the corporations become the customers. It is because in a "free" world this seems to be the only way to
+ generate some revenue, and believe me that community sites such as facebook are _not_ there to server the users. Like anything else
+ they are there to make money. The question is whether financing by loosing the ownership of one's own data and getting channeled into
+ advertisment slots, is really the way we want to go?
+
+
+
We are not the product! We are the community!
+
+
+ Mozilla is currently working on a new conecept called BrowserId, which aims to allow users to bring their data with them,
+ makes sure the data is encrypted on the server so it cannot be abused or mined without the user's consent. It also should make
+ it easier for the user to move the data across to a different community provider or remove it altogether. This is clearly not
+ in the interest of the community sites themselves if they base their business model around being "the only one", but it is another
+ necessary step for the webn to grow up, and for us users to emancipate ourselves from the providers.
+
+
+
+
A word on donations
+
+
+ I think that the donation model as such works, although I wish more people of the daily users (currently about 3,100) would take the
+ time to donate some money. There is only a minute fraction who actually click the donation link. So, if you've found SmartTemplates to improve your work or business productivity,
+ please take a moment. I _really_ appreciate the support. Thanks again in advance.
+
+
+
+ One thing that I think is a bad idea is to try to use advertisement or constant "nagging" at the users in order to earn some money. The only time you will hear from me
+ is when I release a new version, usually with new usability features and bug fixes.
+ I am actively refusing extensions that try to do things like add advertisements, change browser links (by adding referrers) or redirect users in order to achieve
+ this, there is a very fruitful discussion on the ATN Editors team who constantly review issues that the users bring to our attention
+ around this topic.
+
+
+
+ However, I also acknowledge that it is an inconvenience and a bit of a leap of faith to make a donation,
+ so I would like to sincerely thank you for reading this and considering.
+
+
+
+ Yours sincerely,
+
+ Axel
+
+
+
+
+
Further Reading
+
+
+
+
+
+
+
+
+
which contains locale flags */
+.locale {
+ width: auto;
+ max-width:70%;
+ text-align: left;
+ margin-top:-15px; /* added 05.10.12 */
+ margin-bottom:-5px; /* added 05.10.12 */
+ margin-left:-17px; /* added 05.10.12 */
+}
+.locale img {
+ margin-left: 0.7em;
+}
+
+/* img formatting for flags */
+img.flag {
+ display: inline-block;
+ -moz-box-shadow: 5px 5px 6px -1px rgba(0,0,0,0.7); /* Firefox 1-4 */
+ -webkit-box-shadow: 5px 5px 6px -1px rgba(0,0,0,0.7); /* Safari / Chrome (Webkit) */
+ box-shadow: 5px 5px 6px -1px rgba(0,0,0,0.7); /* CSS3= IE9 / Firefox 4+ */
+ -khtml-box-shadow: 5px 5px 6px -1px rgba(0,0,0,0.7); /* KHTML */
+ width: 25px; /* img size stretched */
+ border: 0;
+ border-style: none;
+}
+
+
+#SiteNav {
+ text-align: left;
+}
+.sitenavigation {
+ display: inline-block;
+ clear:right;
+ border: 1px solid rgba(0,0,0,0.05);
+ vertical-align:top;
+ padding: 0.2em 1.5em;
+}
+#main-content-no-nav .sitenavigation ul {
+ min-width: 10em;
+ margin-left: 0;
+}
+#main-content-no-nav .sitenavigation ul li {
+ list-style-type: none;
+ margin: 0.1em 0;
+ padding: 0px;
+}
+
+/* for some unknown reason the links are broken into 2 lines */
+#main-content-no-nav .sitenavigation ul li a {
+ white-space: nowrap;
+}
\ No newline at end of file
diff --git a/css/infoBox.css b/css/infoBox.css
new file mode 100644
index 000000000..c78ae4ec1
--- /dev/null
+++ b/css/infoBox.css
@@ -0,0 +1,106 @@
+#infoTabs {
+ float: right;
+ margin-top: 60px;
+ margin-bottom: 20px;
+ min-width: 250px;
+ max-width: 40%;
+ width: auto;
+ margin-right:-100px;
+ position: relative; /* IE8 crop fix */
+ vertical-align:top;
+}
+
+#infoTabs div {
+ margin-top: 1.5em;
+ margin-bottom: 4em;
+}
+
+.infoTab {
+ background: #eee;
+ border-right: 1px solid #26558B;
+ border-left: 1px solid #26558B;
+ border-bottom: 1px solid #26558B;
+ max-width: 22em;
+ margin: 0px 10px 10px 25px;
+ padding: 0px 10px 5px 10px;
+ -webkit-border-radius: 6px 6px 0px 0px; /* Safari / Chrome (Webkit) */
+ border-radius: 6px 6px 0px 0px; /* CSS3 = IE9 / Firefox 4+ */
+ -khtml-border-radius: 6px 6px 0px 0px; /* KHTML */
+ -moz-box-shadow: 5px 5px 6px -1px rgba(0,0,0,0.7); /* Firefox 1-4 */
+ -webkit-box-shadow: 5px 5px 6px -1px rgba(0,0,0,0.7); /* Safari / Chrome (Webkit) */
+ box-shadow: 5px 5px 6px -1px rgba(0,0,0,0.7); /* CSS3 = IE9 / Firefox 4+ */
+ -khtml-box-shadow: 5px 5px 6px -1px rgba(0,0,0,0.7); /* KHTML */
+ -moz-border-radius: 6px 6px 0px 0px; /* Firefox 1-4 */
+ behavior: url(js/PIE.js); /* CSS3 Fix for IE 6-8 */
+}
+
+.infoTab .infoHeader {
+ background: rgb(60,192,222);
+ background: -moz-linear-gradient(top, rgba(60,192,222,1) 0%, rgba(31,157,183,1) 24%, rgba(6,111,132,1) 50%, rgba(28,139,162,1) 79%, rgba(34,169,196,1) 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(60,192,222,1)), color-stop(24%,rgba(31,157,183,1)), color-stop(50%,rgba(6,111,132,1)), color-stop(79%,rgba(28,139,162,1)), color-stop(100%,rgba(34,169,196,1)));
+ background: -webkit-linear-gradient(top, rgba(60,192,222,1) 0%,rgba(31,157,183,1) 24%,rgba(6,111,132,1) 50%,rgba(28,139,162,1) 79%,rgba(34,169,196,1) 100%);
+ background: -o-linear-gradient(top, rgba(60,192,222,1) 0%,rgba(31,157,183,1) 24%,rgba(6,111,132,1) 50%,rgba(28,139,162,1) 79%,rgba(34,169,196,1) 100%);
+ background: -ms-linear-gradient(top, rgba(60,192,222,1) 0%,rgba(31,157,183,1) 24%,rgba(6,111,132,1) 50%,rgba(28,139,162,1) 79%,rgba(34,169,196,1) 100%);
+ background: linear-gradient(top, rgba(60,192,222,1) 0%,rgba(31,157,183,1) 24%,rgba(6,111,132,1) 50%,rgba(28,139,162,1) 79%,rgba(34,169,196,1) 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3cc0de', endColorstr='#22a9c4', GradientType=0);
+ color: #fff;
+ text-align: center;
+ -webkit-border-radius: 6px 6px 0px 0px; /* Safari / Chrome (Webkit) */
+ border-radius: 6px 6px 0px 0px; /* CSS3 = IE9 / Firefox 4+ */
+ -khtml-border-radius: 6px 6px 0px 0px; /* KHTML */
+ behavior: url(js/PIE.js); /* CSS3 Fix for IE 6-8 */
+ margin: 0 -10px 0 -10px;
+ border-top: 1px solid #26558B;
+ padding: 5px 0px 5px 0px;
+}
+
+.infoTab a[href] {
+ padding-top: 2px;
+ padding-bottom: 2px;
+ padding-left: 0.3em;
+ padding-right: 0.3em;
+ margin-left: -0.2em;
+ margin-right: -0.2em;
+}
+
+.infoTab a[href]:hover {
+ color: rgba(100, 224, 244, 0.9);
+ background-color: rgba(50,50,50,0.5);
+ border-radius: 4px;
+}
+
+/* js no-rgba no-hsla no-borderradius no-boxshadow no-textshadow no-cssgradients fontface */
+.no-borderradius .infoTab {
+ behavior: url(js/PIE.js); /* CSS3 Fix for IE 6-8 */
+ border-radius: 6px 6px 0px 0px;
+}
+
+
+.no-boxshadow .infoTab {
+ border-bottom: solid 5px #B0B0B0;
+ border-right: solid 5px #B0B0B0;
+}
+
+.no-cssgradients .infoTab .infoHeader {
+ behavior: url(js/PIE.js); /* CSS3 Fix for IE 6-8 */
+ -pie-background: linear-gradient(#3cc0de, #22a9c4);
+}
+
+.infoTab ul {
+ padding-left: 30px; /* bis 16.06.15: 0 doch dann ist checkmark icon auerhalb infobox*/
+}
+
+.infoTab ul li {
+ list-style-image: url('/img/checkMark.png') !important;
+ list-style-type: square; /* fallback */
+ color: inherit;
+ padding-left: 0;
+ padding-bottom: 5px;
+ padding-top: 0px;
+ margin-top: 5px;
+ text-align: left !important;
+ vertical-align: top;
+ font-style: italic;
+ /*font-size: 14pt; alt 0.8em but font-size is given from body tag in project.css an this we should use insteat! */
+ color: #777;
+}
\ No newline at end of file
diff --git a/css/jqueryPlugins.css b/css/jqueryPlugins.css
new file mode 100644
index 000000000..63a607600
--- /dev/null
+++ b/css/jqueryPlugins.css
@@ -0,0 +1,115 @@
+/******************************************************************/
+/*********************** Toggle Screenshots ***********************/
+/******************************************************************/
+.popupBackground {
+ opacity: 10%;
+ filter: alpha(opacity=75);
+ background-color: rgba(0,0,0,0.90);
+ z-index: 10;
+ background-color: black;
+ display: none;
+ width: 100%;
+ min-height: 100%;
+ overflow: hidden;
+ position: fixed;
+ top: 0;
+ left: 0;
+ color: white;
+}
+.popupSelf{
+ z-index: 900;
+ border: 1px solid #808080;
+ display: none;
+ position: fixed;
+ top: 0px;
+ left: 0px;
+ left: 50%;
+ top: 50%;
+ max-width: 550px;
+ max-height: 655px;
+ margin-top: -328px;
+ margin-left: -275px;
+ box-shadow: rgba(0,0,0,0.5) 7px 7px 2px;
+}
+.closeButton {
+ position: absolute;
+ top: -16px;
+ right: -16px;
+ cursor: pointer;
+}
+.popupSelf .closeButton:hover,
+.popupSelf:hover .closeButton:hover {
+ opacity: 1;
+ filter: alpha(opacity=10);
+}
+.popupSelf .closeButton {
+ opacity: 0.6;
+ filter: alpha(opacity=60);
+}
+.popupSelf:hover .closeButton {
+ opacity: 0.9;
+ filter: alpha(opacity=90);
+}
+
+/******************************************************************/
+/************************* Image Scroller *************************/
+/******************************************************************/
+
+#loading {
+ background-image: url('/preloader/50/708da8.gif');
+ background-repeat: no-repeat;
+ background-position: center center;
+ height: 50px;
+}
+
+/* brandsContainer (brands carousel in footer.html) */
+#brandsCarousel {
+ white-space: nowrap; /* not remove */
+ margin: 0px;
+ width: 100%;
+ height: 70px; /* needed for maximize effect on hover otherwise the complete blue box jump arround */
+ overflow: hidden;
+}
+/* images inside slide container */
+.brands {
+ border: 0px;
+ vertical-align: middle; /* not remove */
+ cursor: pointer;
+}
+#loading, .brands {
+ margin: 10px 15px 5px 15px; /* top 10px for shadow attribution box */
+}
+
+#brandsCarousel a[href] img {
+ -webkit-transition: width 0.3s ease-out, height 0.3s ease-out, margin-left 0.3s;
+ -moz-transition: width 0.3s ease-out, height 0.3s ease-out, margin-left 0.3s;
+ -ms-transition: width 0.3s ease-out, height 0.3s ease-out, margin-left 0.3s;
+ -o-transition: width 0.3s ease-out, height 0.3s ease-out, margin-left 0.3s;
+ transition: width 0.3s ease-out, height 0.3s ease-out, margin-left 0.3s;
+ height: 50px;
+ width: 50px;
+}
+
+/* maximize img on hover */
+#brandsCarousel a[href] img:hover {
+ height: 70px;
+ width: 70px;
+ margin-top: 0px;
+ margin-bottom: 0px;
+}
+
+#brandsCarousel a[href] {
+ opacity: 0.9;
+ filter: alpha(opacity=90);
+}
+
+#brandsCarousel a[href]:hover {
+ background-color: transparent !important; /* removes our global style (project.css) on this element */
+ opacity: 1;
+ filter: alpha(opacity=100);
+}
+#brandsCarousel,
+.brands {
+ padding: 0px;
+ clear: both;
+}
\ No newline at end of file
diff --git a/css/kb.css b/css/kb.css
new file mode 100644
index 000000000..b57b8b12a
--- /dev/null
+++ b/css/kb.css
@@ -0,0 +1,51 @@
+table.fonts {
+ max-width: 100%;
+ border-collapse: collapse;
+}
+tr.TRfonts {
+ border: 1px solid #000000;
+}
+tr.TRfontsBG {
+ background-color: #48dddf;
+ border: 1px solid #000000;
+}
+tr.TRfontsBGbold {
+ background-color: #48dddf;
+ font-weight: bold;
+ border: 1px solid #000000;
+}
+
+.attribute, .html, .tag, .entity {
+ font-family: Consolas, 'Courier New', Geneva, sans-serif;
+ font-size: 0.95em !important;
+ font-weight: normal;
+ color: rgb(120,0,0);
+}
+code.html {
+ color: rgb(0,0,120);
+}
+code.selector {
+ color: rgb(180,20,100);
+}
+h4.tag {
+ font-size: 1.2em;
+}
+.attribute {
+ color: rgb(160,80,0);
+}
+.tag {
+ color: rgb(0,0,160);
+}
+h3 .tag {
+ color: rgb(0,150,260);
+}
+.entity {
+ color: rgb(0,80,0);
+}
+.html {
+
+}
+.bad_example {
+ color: red;
+}
+
\ No newline at end of file
diff --git a/css/media.css b/css/media.css
new file mode 100644
index 000000000..df88d2e01
--- /dev/null
+++ b/css/media.css
@@ -0,0 +1,410 @@
+/*******************************************************************************************************/
+/***************************************** SCREEN SIZE SUPPORT *****************************************/
+/*******************************************************************************************************/
+/*
+@media only screen and (max-width: 1280px) {}
+@media only screen and (max-width: 1080px) {}
+@media only screen and (max-width: 1024px) {}
+
+or @media only screen and (min-device-width: xxxpx) and (max-device-width: xxxpx) {.yourCss{}}
+or @media only screen and ((min-device-width : 800px) and (max-device-width : 1280px))) and (orientation : landscape) {.yourCss{}}
+http://stackoverflow.com/questions/12299291/css-media-queries-for-common-tablet-sizes
+
+@media only screen and (max-device-width: 720px) and (orientation:portrait) {.your-css{}}
+@media only screen and (max-device-width: 1280px) and (orientation:landscape) {.your-css{}}
+http://stackoverflow.com/questions/11036337/css-media-queries-for-galaxy-s3
+
+Media Query Detector and resolution Infos:
+http://pieroxy.net/blog/pages/css-media-queries/test-features.html
+*/
+
+/* max width of 1000px */
+@media only screen and (max-width: 1000px) {
+ #infoTabs {
+ margin-right: -60px;
+ }
+ #main-content-no-nav {
+ margin-left: 6% !important;
+ margin-right: 6% !important;
+ }
+ #main-content-no-nav > ul,
+ #main-content > ul {
+ margin-left: 10px !important;
+ }
+
+}
+
+/* max width of 850px */
+@media only screen and (max-width: 850px) {
+ #infoTabs {
+ margin-right: -8%;
+ }
+ #main-content-no-nav {
+ margin-left: 2% !important;
+ margin-right: 2% !important;
+ }
+ .infoTab {
+ margin-left: 10px;
+ }
+ #main-content-no-nav > ul,
+ #main-content > ul {
+ margin-left: 5px !important;
+ }
+}
+
+@media only screen and (max-width: 1060px) {
+ #infoTabs {
+ display: none;
+ }
+}
+/* max width of 700px */
+@media only screen and (max-width: 700px) {
+ iframe.video,
+ #infoTabs {
+ display: none;
+ }
+ .copyright {
+ text-align: left !important; /* we have center as default but this looks horrible on mobile devices */
+ }
+ h3 {
+ font-size: 1.2em;
+ }
+ h2.page-header {
+ font-size: 1.5em;
+ }
+}
+
+/* max width of 360px (e.g. portrait mode s3) */
+@media only screen and (max-width: 360px) {
+ #project-navigation {
+ display: table !important; /* turn on again navigation which is hidden for examples tab inside add-on! */
+ }
+ #project-navigation a.version,
+ #project-navigation a.templates,
+ .tip.query {
+ display: none;
+ }
+ .templateBlock {
+ margin-left: 10px;
+ }
+ h5.templateBlock {
+ margin-left: 10px !important;
+ margin-top: 0;
+ max-width: 10em;
+ text-align: center;
+ font-size: 10pt;
+ padding: 0;
+ }
+ blockquote.code_block,
+ pre.code_block,
+ pre.code_block.bad_example {
+ margin-left: 10px !important;
+ margin-right: 10px !important;
+ width: auto;
+ min-width: 290px !important; /* here we need the important to overwrite the size for examples tab */
+ }
+ ul > li {
+ margin-left: 15px;
+ }
+ .collapsible li {
+ margin-bottom: 0;
+ padding-bottom: 0.5em;
+ }
+}
+@media only screen and (max-width: 1500px) and (min-width: 1281px) {
+ #main-content-no-nav {
+ margin: 25px 80px 25px 80px !important;
+ }
+}
+
+/* max width of 1280px */
+@media only screen and (max-width: 1280px) {
+ #main-content-no-nav {
+ margin: 25px 50px 25px 50px !important;
+ }
+ .collapsible li {
+ margin-bottom: 0;
+ padding-bottom: 0.5em;
+ }
+ .templateBlock {
+ margin-left: 10px;
+ }
+ h5.templateBlock {
+ margin-left: 10px !important;
+ margin-top: 0;
+ max-width: 10em;
+ text-align: center;
+ font-size: 10pt;
+ padding: 0;
+ }
+ /* knowledgebase "good & bad" example boxes */
+ pre.code_block,
+ pre.code_block.bad_example {
+ margin-left: 10px !important;
+ margin-right: 10px !important;
+ width: auto;
+ min-width: 510px;
+ }
+ /* template example boxes */
+ blockquote.code_block {
+ margin-left: 10px !important;
+ margin-right: 10px !important;
+ width: auto;
+ min-width: 470px;
+ }
+}
+
+
+@media only screen and (max-width: 500px) {
+ #main-content-no-nav, .main_content {
+ border-radius: 0;
+ margin-top: 0;
+ margin-bottom: 0;
+ margin-left: 0px !important;
+ margin-right: 0px !important;
+ }
+ #main-content-no-nav > * > li {
+ margin-left: 0;
+ }
+
+ #main-content-no-nav ol {
+ padding-left: 15px;
+ padding-right: 5px;
+ }
+ #main-content-no-nav > * > li img.screenshot {
+ margin-left: -20px;
+ margin-right: 5px;
+ max-width: 100% !important;
+ }
+ iframe {
+ width: 100%;
+ margin-left: -6px !important;
+ }
+ h2.page-header {
+ font-size: 15pt;
+ }
+ h3 {
+ font-size: 1.05em;
+ }
+}
+
+
+@media only screen and (max-width: 970px) {
+ #infoTabs, #mozdev-logo, #mozdev-date {
+ display: none;
+ }
+ #main-content-no-nav {
+ border-radius: 0 !important;
+ margin-top: 0 !important;
+ }
+}
+
+
+
+@media only screen and (min-width: 500px) and (max-width: 1010px) {
+ #main-content-no-nav, .main_content {
+ border-radius: 0;
+ margin-top: 0;
+ margin-left: 0px !important;
+ margin-right: 0px !important;
+ }
+ #infoTabs {
+ margin: 0px 0px 20px 0.2em !important;
+ }
+}
+
+@media only screen and (min-width: 1010px) and (max-width: 1070px) {
+ #main-content-no-nav, .main_content {
+ margin-left: 20px !important;
+ margin-right: 20px !important;
+ }
+ #infoTabs {
+ margin: 0px 0px 20px 0.2em !important;
+ }
+}
+
+@media only screen and (max-width: 620px) {
+ table.quickFiltersFreeUser, table.quickFiltersProRenew {
+ margin-left: -1em !important;
+ margin-right: -1em !important;
+ border-radius: 0 !important;
+ }
+ .quickFiltersProRenew p, .quickFiltersFreeUser p {
+ font-size: 1em !important;
+ }
+}
+
+@media only screen and (min-width: 620px) and (max-width: 1070px) {
+ table.quickFiltersFreeUser, table.quickFiltersProRenew {
+ margin-left: 0 !important;;
+ }
+ #infoTabs {
+ font-size: 0.8em !important;
+ margin-left: 10px !important;
+ }
+}
+
+@media (min-width: 1070px) and (max-width: 1200px) {
+ #main-content-no-nav, .main_content {
+ margin-left: 30px !important;
+ margin-right: 30px !important;
+ }
+ #infoTabs {
+ margin: 0px -55px 20px 1em !important;
+ font-size: 0.8em !important;
+ }
+}
+
+@media (min-width: 1200px) {
+ #main-content-no-nav {
+ padding-left: 3em;
+ padding-right: 3em;
+ }
+ #main-content-no-nav > p,
+ #main-content-no-nav > div p
+ {
+ max-width: 70em;
+ }
+ #infoTabs {
+ max-width: 40% !important;
+ margin: 0px -55px 20px 1em !important;
+ font-size: 0.9em !important;
+ }
+}
+
+
+
+/* max width of 1680px -> MY MONITOR */
+@media only screen and (max-width: 1680px) {
+ h5.templateBlock {
+ margin-left: 10px !important;
+ margin-top: 0;
+ max-width: 10em;
+ text-align: center;
+ font-size: 12pt;
+ padding: 0;
+ }
+ blockquote.code_block,
+ pre.code_block,
+ pre.code_block.bad_example {
+ margin-left: 10px !important;
+ margin-right: 10px !important;
+ width: auto;
+ min-width: 500px;
+ }
+ .screenshot.query {
+ margin-left: 10px;
+ margin-top: 10px;
+ }
+}
+
+/* range width 360px to 640px (e.g. portrait AND panorama mode on s3) */
+@media only screen and (min-width: 360px) and (max-width: 640px) {
+ .copyright {
+ text-align: left !important;
+ margin-top: 10px;
+ }
+ .screenshot.query {
+ margin-left: 10px;
+ margin-top: 10px;
+ }
+ div.old,
+ div.new {
+ margin-left: 0px !important;
+ }
+ .templateBlock {
+ margin-left: 10px;
+ }
+ h5.templateBlock {
+ margin-left: 10px !important;
+ margin-top: 0;
+ max-width: 10em;
+ text-align: center;
+ font-size: 10pt;
+ padding: 0;
+ }
+ /* template example boxes */
+ blockquote.code_block {
+ margin-left: 10px !important;
+ margin-right: 10px !important;
+ width: auto;
+ min-width: 380px !important;
+ }
+}
+/* range width of 360px to 500px (outside of portrait mode and inside examples tab size */
+@media only screen and (min-width: 360px) and (max-width: 500px) {
+ iframe.video,
+ #brandsCarousel,
+ .outerTable,
+ #donation {
+ display: none;
+ }
+ .templateBlock {
+ margin-left: 10px;
+ }
+ h5.templateBlock {
+ margin-left: 10px !important;
+ margin-top: 0;
+ max-width: 10em;
+ text-align: center;
+ font-size: 10pt;
+ padding: 0;
+ }
+ /* knowledgebase "good & bad" example boxes */
+ pre.code_block,
+ pre.code_block.bad_example {
+ margin-left: 10px !important;
+ margin-right: 10px !important;
+ width: auto;
+ min-width: 500px;
+ }
+ /* template example boxes */
+ blockquote.code_block {
+ margin-left: 10px !important;
+ margin-right: 10px !important;
+ width: auto;
+ min-width: 380px;
+ }
+ ul > li {
+ margin-left: 15px;
+ }
+ .collapsible li {
+ margin-bottom: 0;
+ padding-bottom: 0.5em;
+ }
+ h3 {
+ font-size: 1em;
+ }
+ h2.page-header {
+ font-size: 1.2em;
+ }
+ #mozdev-logo, #mozdev-date, #project-navigation, #content, .attribution,
+ #copyright, #brandsCarousel, #downPusher, #navbarTable {
+ display: none;
+ }
+ h2.page-header {
+ padding: 0.25em 1em 0.15em !important;
+ font-size: 1em;
+ }
+ #main-content-no-nav {
+ margin: 0 !important;
+ border-radius: 0 !important;
+ }
+ #main-content-no-nav ul {
+ margin-left:0 !important;
+ padding-left:0 !important;
+ }
+ #mailToLink, .mail_link {
+ margin-bottom: 0;
+ }
+ #main-content-no-nav p {
+ font-size: 0.9em;
+ }
+ h4 {
+ margin-top: 0.2em;
+ margin-bottom: 0;
+ }
+ ul.noneListStyle > li {
+ margin-left: 25px;
+ }
+}
\ No newline at end of file
diff --git a/css/myProjects.css b/css/myProjects.css
new file mode 100644
index 000000000..99cda0641
--- /dev/null
+++ b/css/myProjects.css
@@ -0,0 +1,72 @@
+
+/*** PROJECT LINKS - links to my other projects **/
+
+h4.projects {
+ background: rgb(167,233,233);
+ background: -moz-linear-gradient(top, rgba(167,233,233,1) 0%, rgba(154,226,230,1) 37%, rgba(138,225,226,1) 65%, rgba(148,238,248,1) 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(167,233,233,1)), color-stop(37%,rgba(154,226,230,1)), color-stop(65%,rgba(138,225,226,1)), color-stop(100%,rgba(148,238,248,1)));
+ background: -webkit-linear-gradient(top, rgba(167,233,233,1) 0%,rgba(154,226,230,1) 37%,rgba(138,225,226,1) 65%,rgba(148,238,248,1) 100%);
+ background: -o-linear-gradient(top, rgba(167,233,233,1) 0%,rgba(154,226,230,1) 37%,rgba(138,225,226,1) 65%,rgba(148,238,248,1) 100%);
+ background: -ms-linear-gradient(top, rgba(167,233,233,1) 0%,rgba(154,226,230,1) 37%,rgba(138,225,226,1) 65%,rgba(148,238,248,1) 100%);
+ background: linear-gradient(top, rgba(167,233,233,1) 0%,rgba(154,226,230,1) 37%,rgba(138,225,226,1) 65%,rgba(148,238,248,1) 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7e9e9', endColorstr='#55ca72',GradientType=0 );
+ border: 1px solid #bce !important;
+ border-radius: 0.5em;
+ box-shadow: 2px 2px 3px -1px rgba(0,0,0,0.7);
+ padding: 0.35em 0.5em;
+ display: inline-block;
+ margin-right: 20px;
+}
+
+h4.projects:hover {
+ text-decoration: underline;
+ color: rgb(167,233,233);
+ background: rgb(69,72,77);
+ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1NDg0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
+ background: -moz-linear-gradient(top, rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1)));
+ background: -webkit-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
+ background: -o-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
+ background: -ms-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
+ background: linear-gradient(to bottom, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 );
+}
+
+h4.projects:hover,
+h4.projects:hover a {
+ color: rgb(167,233,233);
+}
+
+
+h4.QuickFolders:before {
+ content: url('/img/quickfolders-Icon.png'); /* IE8 or higher */
+}
+
+h4.QuickFilters:before {
+ content: url('/img/QuickFilters_32.png'); /* IE8 or higher */
+}
+
+h4.QuickPasswords:before {
+ content: url('/img/quickPasswords.png'); /* IE8 or higher */
+}
+
+h4.titlebarCleaner:before {
+ content: url('/img/titlebarCleaner.png'); /* IE8 or higher */
+}
+h4.ZombieKeys:before {
+ content: url('/img/zombie-key-32.png'); /* IE8 or higher */
+}
+h4.menuOnTop:before {
+ content: url('/img/menuOnTop.png'); /* IE8 or higher */
+}
+/* settings bundle for all items */
+h4.QuickFolders:before,
+h4.QuickFilters:before,
+h4.QuickPasswords:before,
+h4.titlebarCleaner:before,
+h4.ZombieKeys:before,
+h4.menuOnTop:before {
+ margin: 0em 0.5em -0.1em 0.5em;
+ vertical-align: middle;
+ display: inline-block; /* IE 7 fix, hasLayout */
+}
\ No newline at end of file
diff --git a/css/navibar.css b/css/navibar.css
new file mode 100644
index 000000000..ef681cb6d
--- /dev/null
+++ b/css/navibar.css
@@ -0,0 +1,78 @@
+/* MAINTABLE -> Navbar overlay set in bottom before
*/
+/* outer table div's
and
are not formated, we don't need it for now */
+
+.outerTable {
+ border-top: 1px solid #a9a9a9;
+ border-bottom: 1px solid #a9a9a9;
+ position: fixed; /* set to fixed means "static element" */
+ bottom: 0px; /* place at bottom with 0px space */
+ width: 100%; /* set maintable to 100% width to display it as navbar */
+ margin: 0px;
+ padding: 0px;
+ background: -moz-linear-gradient(top, rgba(246,248,249,1) 0%, rgba(229,235,238,0.85) 50%, rgba(215,222,227,0.85) 51%, rgba(245,247,249,0.7) 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,0.85)), color-stop(51%,rgba(215,222,227,0.85)), color-stop(100%,rgba(245,247,249,0.7)));
+ background: -webkit-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,0.85) 50%,rgba(215,222,227,0.85) 51%,rgba(245,247,249,0.7) 100%);
+ background: -o-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,0.85) 50%,rgba(215,222,227,0.85) 51%,rgba(245,247,249,0.7) 100%);
+ background: -ms-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,0.85) 50%,rgba(215,222,227,0.85) 51%,rgba(245,247,249,0.7) 100%);
+ background: linear-gradient(top, rgba(246,248,249,1) 0%, rgba(229,235,238,0.85) 50%, rgba(215,222,227,0.85) 51%, rgba(245,247,249,0.7) 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f6f8f9',GradientType=0 );
+ behavior: url(js/PIE.js); /* CSS3 Fix for IE 6-8 */
+}
+/* innerTable place the content float from center to left/right same as project-navigation */
+.innerTable {
+ padding: 0;
+ border-spacing: 0;
+ border-collapse: collapse;
+ margin-left: auto;
+ margin-right: auto;
+}
+.innerTableTD {
+ height: 25px;
+ width: 120px; /* needed for background hover effect on globally a[href] tag */
+ margin: 0;
+ padding: 0;
+ font-size: 1.05em;
+}
+/* item order: Home Back Up Forward Print Font+ Font- */
+
+/* Icon bindings */
+
+/* home button */
+.homeButton a:before {
+ content: url('/img/home.png'); /* IE8 or higher */
+}
+/* history back button */
+.historyBackButton a:before {
+ content: url('/img/back.png'); /* IE8 or higher */
+}
+/* icon add to scroll button */
+.scrollButton a:before {
+ content: url('/img/up.png'); /* IE8 or higher */
+}
+/* history forward button */
+.historyFwdButton a:before {
+ content: url('/img/forward.png'); /* IE8 or higher */
+}
+/* print button */
+.printButton a:before {
+ content: url('/img/printer.png'); /* IE8 or higher */
+}
+/* Font Plus Button */
+.fontPlusButton a:before {
+ content: url('/img/edit-size-up.png'); /* IE8 or higher */
+}
+/* Font Minus Button */
+.fontMinusButton a:before {
+ content: url('/img/edit-size-down.png'); /* IE8 or higher */
+}
+/* wrapped settings for all items */
+.fontPlusButton a:before,
+.homeButton a:before,
+.historyBackButton a:before,
+.scrollButton a:before,
+.historyFwdButton a:before,
+.printButton a:before,
+.fontMinusButton a:before {
+ margin: 0em 0.2em 0em 0.8em;
+ vertical-align: middle;
+}
\ No newline at end of file
diff --git a/css/premium.css b/css/premium.css
new file mode 100644
index 000000000..9db22ca78
--- /dev/null
+++ b/css/premium.css
@@ -0,0 +1,32 @@
+/* feature list */
+#featureTbl th a {
+ font-weight: bold;
+}
+#featureTbl th {
+ font-weight: normal;
+}
+#featureTbl {
+ border: 1px solid rgba(80,80,80,0.4);
+ border-spacing: 0;
+ border-collapse: collapse;
+}
+#featureTbl td, #featureTbl th {
+ padding: 6px;
+ border: 1px solid rgba(80,80,80,0.4);
+ vertical-align: middle;
+}
+#featureTbl td,
+#featureTbl tr:nth-child(1) th
+{
+ text-align: center;
+}
+#featureTbl th {
+ text-align: left;
+}
+#featureTbl .check {
+ font-size: 1.4em;
+ color: green;
+}
+#featureTbl .check.negative {
+ color: red;
+}
diff --git a/css/print.css b/css/print.css
new file mode 100644
index 000000000..53a69d36c
--- /dev/null
+++ b/css/print.css
@@ -0,0 +1,49 @@
+/*******************************************************************************************************/
+/***************************************** PRINT STYLE SUPPORT *****************************************/
+/*******************************************************************************************************/
+
+/* no print to save ink or toner */
+@media print {
+ body {
+ background: none !important;
+ }
+ table#mozdev-date,
+ .halloween,
+ .christmas,
+ .newYear1,
+ .newYear2,
+ #infoTabs,
+ iframe,
+ .outerTable,
+ #brandsCarousel,
+ #downPusher {
+ display:none;
+ }
+}
+
+/* margins */
+@media print {
+ #main-content-no-nav {
+ margin-left: 0px !important; /* removed !important from project.css for this element */
+ margin-right: 0px !important; /* removed !important from project.css for this element */
+ }
+ h2.page-header,
+ h3,
+ h4 {
+ margin-top: 5px !important;
+ margin-bottom: 5px !important;
+ }
+}
+
+/* font-sizes */
+@media print {
+ h2.page-header,
+ span.sigMarc,
+ span.sigAxel {
+ font-size: 1.2em;
+ }
+ h3,
+ h4 {
+ font-size: 1em;
+ }
+}
\ No newline at end of file
diff --git a/css/project.css b/css/project.css
new file mode 100644
index 000000000..dc041500e
--- /dev/null
+++ b/css/project.css
@@ -0,0 +1,535 @@
+/* here in this css file we formate all globally used content only */
+/* alternate webFonts available see webFonts.css */
+
+/* formats the background for the mozdev logo */
+h1#mozdev-logo {
+ background-color: rgb(10,79,144);
+}
+
+/* mozdev logo itself -> no other chance to overwrite mozdev origin Image! */
+h1#mozdev-logo a {
+ background-image: url('/img/mozdev-blue.png') !important;
+ background-repeat: no-repeat;
+ height: 69px; /* own original size */
+ width: 148px; /* own original size */
+}
+
+/* our Season gif's in html_body.html inside
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 0000ff.gif
+ 3d3980.gif
+ 59b6dc.gif
+ 708da8.gif
+ 26558b.gif
+ 
+