1
0
mirror of https://github.com/moparisthebest/FireTray synced 2024-08-13 15:53:47 -04:00

add feature section

This commit is contained in:
foudfou 2012-09-07 18:21:38 +02:00
parent f5acb6474a
commit f600632577
2 changed files with 102 additions and 44 deletions

View File

@ -2,7 +2,7 @@
/* HTML5 Boilerplate
html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
*/
@ -16,7 +16,7 @@ b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
@ -26,9 +26,9 @@ time, mark, audio, video {
font-size:100%;
vertical-align:baseline;
background:transparent;
}
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
footer, header, hgroup, menu, nav, section {
display:block;
}
nav ul { list-style:none; }
@ -44,7 +44,7 @@ table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
/* End of Reset CSS
/* End of Reset CSS
fonts.css from the YUI Library: developer.yahoo.com/yui/ */
@ -53,13 +53,13 @@ select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }
/*
* HTML5 Boilerplate - minimal base styles
/*
* HTML5 Boilerplate - minimal base styles
*/
body, select, input, textarea {
color: #444;
/* font-family: Georgia, serif; */
body, select, input, textarea {
color: #444;
/* font-family: Georgia, serif; */
}
h1,h2,h3,h4,h5,h6 { font-weight: bold; }
html { overflow-y: scroll; }
@ -68,14 +68,14 @@ a, a:active, a:visited { color: #607890; }
a:hover { color: #036; }
ul, ol { margin-left: 1.8em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; }
nav ul, nav li { margin: 0; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align: top; }
td, td img { vertical-align: top; }
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre {
padding: 15px;
pre {
padding: 15px;
white-space: pre; /* CSS2 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
@ -90,35 +90,35 @@ input[type="checkbox"] { vertical-align: bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid { }
input:invalid, textarea:invalid {
input:invalid, textarea:invalid {
border-radius: 1px;
-moz-box-shadow: 0px 0px 5px red;
-webkit-box-shadow: 0px 0px 5px red;
-moz-box-shadow: 0px 0px 5px red;
-webkit-box-shadow: 0px 0px 5px red;
box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid,
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid { background-color: #f0dddd; }
/* By default the selection color is pink */
::-moz-selection{ background: #f16529; color:#fff; text-shadow: none; }
::selection { background:#f16529; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #FF5E99; }
::selection { background:#f16529; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #FF5E99; }
button { width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }
/*
* Non-semantic helper classes
/*
* Non-semantic helper classes
*/
/* for image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
/* Hide for both screenreaders and browsers */
.hidden { display: none; visibility: hidden; }
.hidden { display: none; visibility: hidden; }
/* Hide only visually, but have it available for screenreaders */
.visuallyhidden { position: absolute !important;
.visuallyhidden { position: absolute !important;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px); }
@ -127,8 +127,8 @@ button { width: auto; overflow: visible; }
/* Clearfix */
.clearfix:before, .clearfix:after {
content: "\0020"; display: block; height: 0; visibility: hidden;
}
content: "\0020"; display: block; height: 0; visibility: hidden;
}
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
@ -229,7 +229,7 @@ h2, h3{
}
#title, h2, h3, h4{
font-weight:normal;
font-weight:normal;
}
h1, h2, h4{
@ -257,7 +257,7 @@ h4{
#main header{
/* margin-bottom:50px; */
/* -webkit-box-shadow:0 45px 60px -60px #AAA; */
/* -moz-box-shadow:0 45px 60px -60px #AAA; */
/* box-shadow:0 45px 60px -60px #AAA; */
@ -301,31 +301,49 @@ h4{
color:#0b3752;
}
.key {
font-family: monospace;
line-height: 1.5em;
padding: 1px 6px;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: -moz-linear-gradient(center top , #F0F0F0, #FCFCFC) repeat scroll 0 0 transparent;
border-color: #E0E0E0;
border-image: none;
border-radius: 3px 3px 3px 3px;
border-style: solid;
border-width: 1px 1px 2px;
color: #303030;
white-space: nowrap;
}
/*
* CSS3 Media queries
*/
@media all and (orientation:portrait) {
@media all and (orientation:portrait) {
}
@media all and (orientation:landscape) {
@media all and (orientation:landscape) {
}
@media screen and (max-device-width: 480px) {
}
@media print {
* { background: transparent !important; color: #444 !important; text-shadow: none !important; }
a, a:visited { color: #444 !important; text-decoration: underline; }
a:after { content: " (" attr(href) ")"; }
a:after { content: " (" attr(href) ")"; }
abbr:after { content: " (" attr(title) ")"; }
.ir a:after { content: ""; } /* Don't show links for images */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
tr, img { page-break-inside: avoid; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }

View File

@ -31,6 +31,7 @@
<nav>
<ul>
<li><a href="#about">About</a></li>
<li><a href="#features">Features</a></li>
<li><a href="#release-notes">Release Notes</a></li>
</ul>
</nav>
@ -38,7 +39,7 @@
<a href="https://github.com/foudfou/FireTray">
<img style="position: fixed; top: 0; right: 0; border: 0;"
src="https://a248.e.akamai.net/assets.github.com/img/7afbc8b248c68eb468279e8c17986ad46549fb71/687474703a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f6461726b626c75655f3132313632312e706e67"
alt="Fork me on GitHub">
alt="Fork me on GitHub" />
</a>
</div>
@ -48,9 +49,9 @@
<header>
<p id="about">
FireTray is a Linux Mozilla addon that targets Firefox, Thunderbird
and Seamonkey. It provides a tray icon with much window handling
functionality. For mail applications, the icon can show the number of
unread or new messages. FireTray is very customizable.
and Seamonkey. It provides a system tray icon with much window
handling functionality. For mail applications, the icon can show the
number of unread or new messages. FireTray is very customizable.
</p>
</header>
</div>
@ -86,6 +87,43 @@
<hr class="space"/>
<div class="span-16 colborder">
<section id="features">
<h2>Features</h2>
<p><ul>
<li><p>for all applications:</p>
<ul><li>show/hide a single or all windows</li>
<li>restore windows to their previous state, position, size</li>
<li>restore each window to its original virtual desktop/workspace</li>
<li>activate restored windows</li>
<li>hide to tray on close</li>
<li>hide to tray on minimize</li>
<li>start minimized to tray</li>
<li>show icon only when hidden to tray</li>
<li>mouse scroll on tray icon shows/hides</li>
<li>GTK-themable icons</li>
<li>customizable tray icons</li>
<li>popup menu (show/hide individual windows, open new windows, quit)</li>
<li>adds <code>-firetrayShowHide</code> option (useful for window manager's keyboard shortcuts)</li>
<li>middle click on the tray icon activates last registered window</li></ul></li>
<li><p>for mail applications:</p>
<ul><li>display unread message count in tray icon</li>
<li>display biff in tray icon for new messages</li>
<li>include/exclude mail accounts to/from messages count</li>
<li>include/exclude folders types to/from messages count</li>
<li>count in sub-folders recursively</li>
<li>handle <a href="https://addons.mozilla.org/fr/thunderbird/addon/exquilla-exchange-web-services/">Exquilla</a> accounts</li>
<li>restrict message count to favorite folders</li>
<li>trigger external program on message count change</li></ul></li>
<li><p>for applications embedding chat (currently only Thunderbird)</p>
<ul><li>display additional system tray status icon</li></ul></li>
</ul></p>
</section>
<section id="release-notes">
<h2>Release Notes</h2>
@ -99,7 +137,9 @@
<p><ul>
<li>Chat icon (Thunderbird-only) (<a href="https://github.com/foudfou/FireTray/issues/51">#51</a>)</li>
<li>handle <a href="https://addons.mozilla.org/fr/thunderbird/addon/exquilla-exchange-web-services/">Exquilla</a> accounts (<a href="https://github.com/foudfou/FireTray/issues/55">#55</a>)</li>
<li>better preference interface (+ Ctrl-Alt-Shift-P shortcut)</li>
<li>better preference interface
(<span class="key">Ctrl</span>+<span class="key">Alt</span>+<span class="key">Shift</span>+<span class="key">P</span>
keyboard shortcut)</li>
<li>option to restrict count to favorite folders
(<a href="https://github.com/foudfou/FireTray/issues/21">#21</a>, <a href="https://github.com/foudfou/FireTray/issues/45">#45</a>)</li>
<li>option to launch program on message count change (<a href="https://github.com/foudfou/FireTray/issues/33">#33</a>, <a href="https://github.com/foudfou/FireTray/issues/37">#37</a>)</li>
@ -192,9 +232,9 @@
<aside id="related_links">
<h4>related links</h4>
<p><a href="https://addons.mozilla.org/fr/firefox/addon/firetray/">Firetray
on Mozilla</a>
<p><a href="https://github.com/foudfou/FireTray">Firetray development</a>
<p><a href="http://code.google.com/p/firetray/">Firetray-XPCOM development</a>
on Mozilla</a></p>
<p><a href="https://github.com/foudfou/FireTray">Firetray development</a></p>
<p><a href="http://code.google.com/p/firetray/">Firetray-XPCOM development</a></p>
</aside>
<hr class="space" />
@ -202,7 +242,7 @@
<aside id="friends">
<h4>Friends</h4>
<p><a href="http://www.system-d.de/produkte/industrial-storage/industrial-ssd.html">Industrial
Flash</a>
Flash</a></p>
</aside>
</div>