author | Michael Krelin <hacker@klever.net> | 2006-11-12 21:32:21 (UTC) |
---|---|---|
committer | Michael Krelin <hacker@klever.net> | 2006-11-12 21:32:21 (UTC) |
commit | 41d39823cf8a9e08ad17b9863e5e3ed88df0ac4e (patch) (unidiff) | |
tree | 1bfa6d37eb7882f4935be2a0b8dec22a396aa114 | |
parent | 2ac12b08a25d62a97f66350653daa018b33d3c60 (diff) | |
download | fireflix-41d39823cf8a9e08ad17b9863e5e3ed88df0ac4e.zip fireflix-41d39823cf8a9e08ad17b9863e5e3ed88df0ac4e.tar.gz fireflix-41d39823cf8a9e08ad17b9863e5e3ed88df0ac4e.tar.bz2 |
made UI look boring
git-svn-id: http://svn.klever.net/kin/fireflix/trunk@214 fe716a7a-6dde-0310-88d9-d003556173a8
-rw-r--r-- | NEWS.xml | 2 | ||||
-rw-r--r-- | content/fireflix.css | 13 | ||||
-rw-r--r-- | content/help.xml | 2 |
3 files changed, 8 insertions, 9 deletions
@@ -1,24 +1,24 @@ | |||
1 | <?xml version="1.0" encoding="us-ascii"?> | 1 | <?xml version="1.0" encoding="us-ascii"?> |
2 | <news> | 2 | <news> |
3 | <version version="0.0.4" date=""> | 3 | <version version="0.0.4" date=""> |
4 | <ni>Added the word 'sidebar' to the extension name so that you don't have to look hard for it</ni> | 4 | <ni>Added the word 'sidebar' to the extension name so that you don't have to look hard for it</ni> |
5 | <ni>UI polishing</ni> | 5 | <ni>UI polishing, including making it more boring</ni> |
6 | <ni>code cosmetics</ni> | 6 | <ni>code cosmetics</ni> |
7 | </version> | 7 | </version> |
8 | <version version="0.0.3" date="November 6th, 2006"> | 8 | <version version="0.0.3" date="November 6th, 2006"> |
9 | <ni>Firefox 2.0 compatibility</ni> | 9 | <ni>Firefox 2.0 compatibility</ni> |
10 | </version> | 10 | </version> |
11 | <version version="0.0.2" date="October 17th, 2006"> | 11 | <version version="0.0.2" date="October 17th, 2006"> |
12 | <ni>Added brief help file</ni> | 12 | <ni>Added brief help file</ni> |
13 | <ni>Fixed HTML generation code</ni> | 13 | <ni>Fixed HTML generation code</ni> |
14 | <ni>Fixed a mistyped flickr url so that the 'Flickr' button works now</ni> | 14 | <ni>Fixed a mistyped flickr url so that the 'Flickr' button works now</ni> |
15 | </version> | 15 | </version> |
16 | <version version="0.0.1" date="October 3rd, 2006"> | 16 | <version version="0.0.1" date="October 3rd, 2006"> |
17 | <ni>Added ability to paginate through search results</ni> | 17 | <ni>Added ability to paginate through search results</ni> |
18 | <ni>Fixed packaging bug that omitted packaging license dialog</ni> | 18 | <ni>Fixed packaging bug that omitted packaging license dialog</ni> |
19 | <ni>A lot of code cleanup and UI polishing</ni> | 19 | <ni>A lot of code cleanup and UI polishing</ni> |
20 | </version> | 20 | </version> |
21 | <version version="0.0" date="September 26th, 2006"> | 21 | <version version="0.0" date="September 26th, 2006"> |
22 | <ni>Initial release</ni> | 22 | <ni>Initial release</ni> |
23 | </version> | 23 | </version> |
24 | </news> | 24 | </news> |
diff --git a/content/fireflix.css b/content/fireflix.css index 4fba5d3..ab90c11 100644 --- a/content/fireflix.css +++ b/content/fireflix.css | |||
@@ -1,119 +1,118 @@ | |||
1 | .generated.wholething, | 1 | html#help, |
2 | .about.wholething, | 2 | .generated.wholething, .about.wholething /* XXX:, |
3 | tabbox, tabpanels, tabpanel { | 3 | tabbox, tabpanels, tabpanel */ { |
4 | background: url("background.jpeg"); | 4 | background: url("background.jpeg"); |
5 | } | 5 | } |
6 | tabpanels { | 6 | tabpanels { |
7 | padding: 0px; | 7 | padding: 0px; |
8 | } | 8 | } |
9 | 9 | ||
10 | tree { | 10 | tree { |
11 | margin-top: 2px; | 11 | margin-top: 2px; |
12 | background: rgb(12,167,0); | 12 | color: #2d354a; |
13 | color: rgb(255,255,0); | ||
14 | font-size: 90%; | 13 | font-size: 90%; |
15 | } | 14 | } |
16 | tree treechildren { /* for windows */ | 15 | tree treechildren { /* for windows */ |
17 | background: rgb(12,167,0); | 16 | background: #c5ffc5; |
18 | } | 17 | } |
19 | 18 | ||
20 | tree#uploadlist treechildren::-moz-tree-cell-text(pending) { | 19 | tree#uploadlist treechildren::-moz-tree-cell-text(pending) { |
21 | } | 20 | } |
22 | tree#uploadlist treechildren::-moz-tree-cell-text(completed) { | 21 | tree#uploadlist treechildren::-moz-tree-cell-text(completed) { |
23 | color: white; | 22 | color: black; |
24 | } | 23 | } |
25 | tree#uploadlist treechildren::-moz-tree-row(failed) { | 24 | tree#uploadlist treechildren::-moz-tree-row(failed) { |
26 | background: yellow; | 25 | background: yellow; |
27 | } | 26 | } |
28 | tree#uploadlist treechildren::-moz-tree-cell-text(failed) { | 27 | tree#uploadlist treechildren::-moz-tree-cell-text(failed) { |
29 | color: red; | 28 | color: red; |
30 | } | 29 | } |
31 | tree#uploadlist treechildren::-moz-tree-cell-text(uploading) { | 30 | tree#uploadlist treechildren::-moz-tree-cell-text(uploading) { |
32 | font-weight: bold; | 31 | font-weight: bold; |
33 | } | 32 | } |
34 | 33 | ||
35 | groupbox#searchresult_props, | 34 | groupbox#searchresult_props, |
36 | groupbox.search_params, | 35 | groupbox.search_params, |
37 | groupbox#upload_file_props, | 36 | groupbox#upload_file_props, |
38 | groupbox#set_props, | 37 | groupbox#set_props, |
39 | groupbox#set_photo_props { | 38 | groupbox#set_photo_props { |
40 | background: white; | 39 | background: white; |
41 | } | 40 | } |
42 | 41 | ||
43 | groupbox#upload_file_props label { | 42 | groupbox#upload_file_props label { |
44 | text-align: right; | 43 | text-align: right; |
45 | } | 44 | } |
46 | 45 | ||
47 | image#search_photo, image#set_photo, image#set_primary { | 46 | image#search_photo, image#set_photo, image#set_primary { |
48 | border: black 1px solid; | 47 | border: black 1px solid; |
49 | } | 48 | } |
50 | 49 | ||
51 | .about .insides { | 50 | .about .insides { |
52 | margin: 1ex; | 51 | margin: 1ex; |
53 | } | 52 | } |
54 | .about .text { | 53 | .about .text { |
55 | border: yellow solid 1px; | 54 | border: yellow solid 1px; |
56 | background: green; | 55 | background: green; |
57 | } | 56 | } |
58 | .about .title { | 57 | .about .title { |
59 | font-size: 300%; | 58 | font-size: 300%; |
60 | font-weight: bold; | 59 | font-weight: bold; |
61 | color: yellow; | 60 | color: yellow; |
62 | } | 61 | } |
63 | .about .link { | 62 | .about .link { |
64 | text-decoration: underline; | 63 | text-decoration: underline; |
65 | color: white; | 64 | color: white; |
66 | cursor: pointer; | 65 | cursor: pointer; |
67 | } | 66 | } |
68 | 67 | ||
69 | menuitem.menuhead { | 68 | menuitem.menuhead { |
70 | background: gray; | 69 | background: gray; |
71 | color: black; | 70 | color: black; |
72 | font-weight: bold; | 71 | font-weight: bold; |
73 | } | 72 | } |
74 | 73 | ||
75 | div#searchresult_description { | 74 | div#searchresult_description { |
76 | min-height: 5em; max-height: 8em; | 75 | min-height: 5em; max-height: 8em; |
77 | overflow: auto; | 76 | overflow: auto; |
78 | font-size: 90%; | 77 | font-size: 90%; |
79 | margin: 0.1ex 0.5ex; | 78 | margin: 0.1ex 0.5ex; |
80 | } | 79 | } |
81 | 80 | ||
82 | #copying div { | 81 | #copying div { |
83 | margin: 1ex 1em; | 82 | margin: 1ex 1em; |
84 | font-family: courier, monospace; | 83 | font-family: courier, monospace; |
85 | font-size: 9pt; | 84 | font-size: 9pt; |
86 | padding: 2px; | 85 | padding: 2px; |
87 | border: dotted 1px gray; | 86 | border: dotted 1px gray; |
88 | background: white; | 87 | background: white; |
89 | } | 88 | } |
90 | 89 | ||
91 | label#search_page { | 90 | label#search_page { |
92 | font-weight: bold; | 91 | font-weight: bold; |
93 | background: white; color: #404040; | 92 | background: white; color: #404040; |
94 | border-color: #c0c0c0 #404040 #404040 #c0c0c0; | 93 | border-color: #c0c0c0 #404040 #404040 #c0c0c0; |
95 | border-style: solid; | 94 | border-style: solid; |
96 | border-width: 1px; | 95 | border-width: 1px; |
97 | -moz-border-radius: 1em; | 96 | -moz-border-radius: 1em; |
98 | padding: 0.5ex 1ex; | 97 | padding: 0.5ex 1ex; |
99 | } | 98 | } |
100 | 99 | ||
101 | html body { | 100 | html body { |
102 | font-family: arial, sans-serif; | 101 | font-family: arial, sans-serif; |
103 | font-size: 11pt; | 102 | font-size: 11pt; |
104 | margin: 1em 4em; | 103 | margin: 1em 4em; |
105 | padding: 1em 4em; | 104 | padding: 1em 4em; |
106 | border: double 3px gray; | 105 | border: double 3px gray; |
107 | background: #ffffc0; | 106 | background: #ffffc0; |
108 | } | 107 | } |
109 | html h1 { | 108 | html h1 { |
110 | font-size: 130%; color: maroon; | 109 | font-size: 130%; color: maroon; |
111 | } | 110 | } |
112 | html p { | 111 | html p { |
113 | text-align: justify; | 112 | text-align: justify; |
114 | } | 113 | } |
115 | 114 | ||
116 | html div.copyright { | 115 | html div.copyright { |
117 | font-size: 60%; | 116 | font-size: 60%; |
118 | text-align: right; | 117 | text-align: right; |
119 | } | 118 | } |
diff --git a/content/help.xml b/content/help.xml index e71cd99..51e4ce5 100644 --- a/content/help.xml +++ b/content/help.xml | |||
@@ -1,53 +1,53 @@ | |||
1 | <?xml version="1.0" encoding="utf-8"?> | 1 | <?xml version="1.0" encoding="utf-8"?> |
2 | <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> | 2 | <html id="help" xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> |
3 | <head> | 3 | <head> |
4 | <title>Fireflix</title> | 4 | <title>Fireflix</title> |
5 | <link rel="stylesheet" href="fireflix.css" type="text/css"/> | 5 | <link rel="stylesheet" href="fireflix.css" type="text/css"/> |
6 | </head> | 6 | </head> |
7 | <body> | 7 | <body> |
8 | 8 | ||
9 | <p>This is a brief overview of things you can do with <a href="http://kin.klever.net/fireflix/">fireflix</a>.</p> | 9 | <p>This is a brief overview of things you can do with <a href="http://kin.klever.net/fireflix/">fireflix</a>.</p> |
10 | 10 | ||
11 | <p>First, you should proceed with authorization. If you haven't done it yet, | 11 | <p>First, you should proceed with authorization. If you haven't done it yet, |
12 | it should happen automatically once you open fireflix sidebar. To clear | 12 | it should happen automatically once you open fireflix sidebar. To clear |
13 | authorization token off of the preferences, right-click on the 'Authorization | 13 | authorization token off of the preferences, right-click on the 'Authorization |
14 | info' part of the sidebar and select 'Sign off' from the pop up menu.</p> | 14 | info' part of the sidebar and select 'Sign off' from the pop up menu.</p> |
15 | 15 | ||
16 | <h1>In the 'Search' tab</h1> | 16 | <h1>In the 'Search' tab</h1> |
17 | 17 | ||
18 | <p>Basically, you can search flickr photos here. Either all or yours (keep | 18 | <p>Basically, you can search flickr photos here. Either all or yours (keep |
19 | 'mine' checked to search your own photos).</p> | 19 | 'mine' checked to search your own photos).</p> |
20 | 20 | ||
21 | <p>Once you have acquired search results you can browse through them. To open | 21 | <p>Once you have acquired search results you can browse through them. To open |
22 | any particular picture in a new tab either doubleclick it or hit ENTER.</p> | 22 | any particular picture in a new tab either doubleclick it or hit ENTER.</p> |
23 | 23 | ||
24 | <p>While moving through the list of pictures found you should have a little | 24 | <p>While moving through the list of pictures found you should have a little |
25 | preview at the bottom of the window.</p> | 25 | preview at the bottom of the window.</p> |
26 | 26 | ||
27 | <h1>In the 'Sets' tab</h1> | 27 | <h1>In the 'Sets' tab</h1> |
28 | 28 | ||
29 | <p>This is where you can browse your sets. You can edit some sets properties | 29 | <p>This is where you can browse your sets. You can edit some sets properties |
30 | here and, most importantly, you can generate HTML of linked thumbnails for | 30 | here and, most importantly, you can generate HTML of linked thumbnails for |
31 | sets contents. Use your right mouse button on the photoset.</p> | 31 | sets contents. Use your right mouse button on the photoset.</p> |
32 | 32 | ||
33 | <h1>In The 'Uploads' tab</h1> | 33 | <h1>In The 'Uploads' tab</h1> |
34 | 34 | ||
35 | <p>To upload pictures you don't even have to select this tab. Drag'n'drop into | 35 | <p>To upload pictures you don't even have to select this tab. Drag'n'drop into |
36 | fireflix sidebar should do. There is nothing wrong with going into the tab and | 36 | fireflix sidebar should do. There is nothing wrong with going into the tab and |
37 | using 'Add' button either.</p> | 37 | using 'Add' button either.</p> |
38 | 38 | ||
39 | <p>You can add photos to the list, edit their titles and/or tags and once | 39 | <p>You can add photos to the list, edit their titles and/or tags and once |
40 | you're done with it, trigger upload procedure. Once your images have been | 40 | you're done with it, trigger upload procedure. Once your images have been |
41 | uploaded, you will be prompted to create a photoset for newly uploaded photos. | 41 | uploaded, you will be prompted to create a photoset for newly uploaded photos. |
42 | You don't have to, though.</p> | 42 | You don't have to, though.</p> |
43 | 43 | ||
44 | <h1>Feedback</h1> | 44 | <h1>Feedback</h1> |
45 | 45 | ||
46 | <p>As the extension is at the very early stage of development, feel free to | 46 | <p>As the extension is at the very early stage of development, feel free to |
47 | 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> | 47 | 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> |
48 | 48 | ||
49 | <div class="copyright"> | 49 | <div class="copyright"> |
50 | <a href="http://www.klever.net/">© Klever Group</a> | 50 | <a href="http://www.klever.net/">© Klever Group</a> |
51 | </div> | 51 | </div> |
52 | </body> | 52 | </body> |
53 | </html> | 53 | </html> |