diff --git a/css/style.css b/css/style.css index 5539c78..96f60eb 100644 --- a/css/style.css +++ b/css/style.css @@ -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; } diff --git a/index.html b/index.html index 85d0013..1f93070 100644 --- a/index.html +++ b/index.html @@ -31,6 +31,7 @@ @@ -38,7 +39,7 @@ Fork me on GitHub + alt="Fork me on GitHub" /> @@ -48,9 +49,9 @@

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.

@@ -86,6 +87,43 @@
+ +
+

Features

+ +

+
+

Release Notes

@@ -99,7 +137,9 @@