summaryrefslogtreecommitdiffabout
authorMichael Krelin <hacker@klever.net>2006-11-12 21:32:21 (UTC)
committer Michael Krelin <hacker@klever.net>2006-11-12 21:32:21 (UTC)
commit41d39823cf8a9e08ad17b9863e5e3ed88df0ac4e (patch) (unidiff)
tree1bfa6d37eb7882f4935be2a0b8dec22a396aa114
parent2ac12b08a25d62a97f66350653daa018b33d3c60 (diff)
downloadfireflix-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
Diffstat (more/less context) (ignore whitespace changes)
-rw-r--r--NEWS.xml2
-rw-r--r--content/fireflix.css13
-rw-r--r--content/help.xml2
3 files changed, 8 insertions, 9 deletions
diff --git a/NEWS.xml b/NEWS.xml
index 9efb4d1..e21ac2f 100644
--- a/NEWS.xml
+++ b/NEWS.xml
@@ -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, 1html#help,
2.about.wholething, 2.generated.wholething, .about.wholething /* XXX:,
3tabbox, tabpanels, tabpanel { 3tabbox, tabpanels, tabpanel */ {
4 background: url("background.jpeg"); 4 background: url("background.jpeg");
5} 5}
6tabpanels { 6tabpanels {
7 padding: 0px; 7 padding: 0px;
8} 8}
9 9
10tree { 10tree {
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}
16tree treechildren { /* for windows */ 15tree treechildren { /* for windows */
17 background: rgb(12,167,0); 16 background: #c5ffc5;
18} 17}
19 18
20tree#uploadlist treechildren::-moz-tree-cell-text(pending) { 19tree#uploadlist treechildren::-moz-tree-cell-text(pending) {
21} 20}
22tree#uploadlist treechildren::-moz-tree-cell-text(completed) { 21tree#uploadlist treechildren::-moz-tree-cell-text(completed) {
23 color: white; 22 color: black;
24} 23}
25tree#uploadlist treechildren::-moz-tree-row(failed) { 24tree#uploadlist treechildren::-moz-tree-row(failed) {
26 background: yellow; 25 background: yellow;
27} 26}
28tree#uploadlist treechildren::-moz-tree-cell-text(failed) { 27tree#uploadlist treechildren::-moz-tree-cell-text(failed) {
29 color: red; 28 color: red;
30} 29}
31tree#uploadlist treechildren::-moz-tree-cell-text(uploading) { 30tree#uploadlist treechildren::-moz-tree-cell-text(uploading) {
32 font-weight: bold; 31 font-weight: bold;
33} 32}
34 33
35groupbox#searchresult_props, 34groupbox#searchresult_props,
36groupbox.search_params, 35groupbox.search_params,
37groupbox#upload_file_props, 36groupbox#upload_file_props,
38groupbox#set_props, 37groupbox#set_props,
39groupbox#set_photo_props { 38groupbox#set_photo_props {
40 background: white; 39 background: white;
41} 40}
42 41
43groupbox#upload_file_props label { 42groupbox#upload_file_props label {
44 text-align: right; 43 text-align: right;
45} 44}
46 45
47image#search_photo, image#set_photo, image#set_primary { 46image#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
69menuitem.menuhead { 68menuitem.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
75div#searchresult_description { 74div#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
91label#search_page { 90label#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
101html body { 100html 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}
109html h1 { 108html h1 {
110 font-size: 130%; color: maroon; 109 font-size: 130%; color: maroon;
111} 110}
112html p { 111html p {
113 text-align: justify; 112 text-align: justify;
114} 113}
115 114
116html div.copyright { 115html 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>