-rw-r--r-- | content/fireflix.css | 21 | ||||
-rw-r--r-- | content/help.xml | 3 |
2 files changed, 24 insertions, 0 deletions
diff --git a/content/fireflix.css b/content/fireflix.css index 06ae28a..0164b4b 100644 --- a/content/fireflix.css +++ b/content/fireflix.css @@ -83,51 +83,72 @@ div#searchresult_description { min-height: 5em; max-height: 8em; overflow: auto; font-size: 90%; margin: 0.1ex 0.5ex; } #copying div { margin: 1ex 1em; font-family: courier, monospace; font-size: 9pt; padding: 2px; border: dotted 1px gray; background: white; } label#search_page { font-weight: bold; background: white; color: #404040; border-color: #c0c0c0 #404040 #404040 #c0c0c0; border-style: solid; border-width: 1px; -moz-border-radius: 1em; padding: 0.5ex 1ex; } html body { font-family: arial, sans-serif; font-size: 11pt; margin: 1em 4em; padding: 1em 4em; border: double 3px gray; background: #ffffc0; } html h1 { font-size: 130%; color: maroon; } html p { text-align: justify; } html div.copyright { font-size: 60%; text-align: right; } html div.copyright a { text-decoration: none; } +html p.whatsnew { + font-size: 80%; + margin: 0px 0px 0px 50%; + text-align: center; +} +html p.whatsnew a { + display: block; + padding: 1px; + border-style: solid; + border-width: 1px; + border-color: #c0c0c0 #808080 #808080 #c0c0c0; + background: white; color: black; + text-decoration: none; +} +html p.whatsnew a em { font-style: normal; font-weight: bold; } +html p.whatsnew a:hover { + border-color: #808080 #c0c0c0 #c0c0c0 #808080; + background: black; color: white; +} +html p.whatsnew a:hover em { color: red; } + button.lean { min-width: 1ex; } diff --git a/content/help.xml b/content/help.xml index ab4f4e2..11b5c26 100644 --- a/content/help.xml +++ b/content/help.xml @@ -1,57 +1,60 @@ <?xml version="1.0" encoding="utf-8"?> +<!DOCTYPE dialog SYSTEM "chrome://fireflix/locale/fireflix.dtd"> <html id="help" xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <title>Fireflix</title> <link rel="stylesheet" href="fireflix.css" type="text/css"/> </head> <body> <p>This is a brief overview of things you can do with <a href="http://kin.klever.net/fireflix/">fireflix</a>.</p> + <p class="whatsnew"><a href="http://kin.klever.net/fireflix/changelog?v=&autoconf.version;">What's new in <em>&autoconf.version;</em></a></p> + <p>First, you should proceed with authorization. If you haven't done it yet, it should happen automatically once you open fireflix sidebar. To clear authorization token off of the preferences, right-click on the 'Authorization info' part of the sidebar and select 'Sign off' from the pop up menu.</p> <h1>In the 'Search' tab</h1> <p>Basically, you can search flickr photos here. Either all or yours (keep 'mine' checked to search your own photos).</p> <p>Once you have acquired search results you can browse through them. To open any particular picture in a new tab either doubleclick it or hit ENTER.</p> <p>While moving through the list of pictures found you should have a little preview at the bottom of the window.</p> <h1>In the 'Sets' tab</h1> <p>This is where you can browse your sets. You can edit some sets properties here and, most importantly, you can generate HTML of linked thumbnails for sets contents. Use your right mouse button on the photoset.</p> <h1>In The 'Uploads' tab</h1> <p>To upload pictures you don't even have to select this tab. Drag'n'drop into fireflix sidebar should do. There is nothing wrong with going into the tab and using 'Add' button either.</p> <p>You can add photos to the list, edit their titles and/or tags and once you're done with it, trigger upload procedure. Once your images have been uploaded, you will be prompted to create a photoset for newly uploaded photos. You don't have to, though.</p> <h1>Beyond that</h1> <p>You can also add the <img src="chrome://fireflix/content/icons/16x16/toolbar-button.png" alt="Fireflix" title="Fireflix"/> button to your toolbar. Just go to View/Toolbars/Customize and drag it to wherever you want it to be.</p> <h1>Feedback</h1> <p>As the extension is at the very early stage of development, feel free to provide feedback at <a href="http://kin.klever.net/fireflix/feedback" title="click here to proceed to feedback form">http://kin.klever.net/fireflix/feedback/</a>.</p> <div class="copyright"> <a href="http://www.klever.net/">© Klever Group</a> </div> </body> </html> |