-rw-r--r-- | content/fireflix.css | 21 |
1 files changed, 21 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 | |||
@@ -1,133 +1,154 @@ | |||
1 | html#help, | 1 | html#help, |
2 | .generated.wholething, .about.wholething /* XXX:, | 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 | color: #2d354a; | 12 | color: #2d354a; |
13 | font-size: 90%; | 13 | font-size: 90%; |
14 | } | 14 | } |
15 | tree treechildren { /* for windows */ | 15 | tree treechildren { /* for windows */ |
16 | background: #c5ffc5; | 16 | background: #c5ffc5; |
17 | } | 17 | } |
18 | 18 | ||
19 | tree#uploadlist treechildren::-moz-tree-cell-text(pending) { | 19 | tree#uploadlist treechildren::-moz-tree-cell-text(pending) { |
20 | } | 20 | } |
21 | tree#uploadlist treechildren::-moz-tree-cell-text(completed) { | 21 | tree#uploadlist treechildren::-moz-tree-cell-text(completed) { |
22 | color: black; | 22 | color: black; |
23 | } | 23 | } |
24 | tree#uploadlist treechildren::-moz-tree-row(failed) { | 24 | tree#uploadlist treechildren::-moz-tree-row(failed) { |
25 | background: yellow; | 25 | background: yellow; |
26 | } | 26 | } |
27 | tree#uploadlist treechildren::-moz-tree-cell-text(failed) { | 27 | tree#uploadlist treechildren::-moz-tree-cell-text(failed) { |
28 | color: red; | 28 | color: red; |
29 | } | 29 | } |
30 | tree#uploadlist treechildren::-moz-tree-cell-text(uploading) { | 30 | tree#uploadlist treechildren::-moz-tree-cell-text(uploading) { |
31 | font-weight: bold; | 31 | font-weight: bold; |
32 | } | 32 | } |
33 | 33 | ||
34 | groupbox#searchresult_props, | 34 | groupbox#searchresult_props, |
35 | groupbox.search_params, | 35 | groupbox.search_params, |
36 | groupbox#upload_file_props, | 36 | groupbox#upload_file_props, |
37 | groupbox#set_props, | 37 | groupbox#set_props, |
38 | groupbox#set_photo_props { | 38 | groupbox#set_photo_props { |
39 | background: white; | 39 | background: white; |
40 | } | 40 | } |
41 | 41 | ||
42 | groupbox#upload_file_props label { | 42 | groupbox#upload_file_props label { |
43 | text-align: right; | 43 | text-align: right; |
44 | } | 44 | } |
45 | 45 | ||
46 | description#upload_failure { | 46 | description#upload_failure { |
47 | border-top: solid 1px red; | 47 | border-top: solid 1px red; |
48 | margin: 0px; padding: 2px; | 48 | margin: 0px; padding: 2px; |
49 | text-align: left; | 49 | text-align: left; |
50 | font-size: 85%; | 50 | font-size: 85%; |
51 | line-height: 105%; | 51 | line-height: 105%; |
52 | } | 52 | } |
53 | 53 | ||
54 | image#search_photo, image#set_photo, image#set_primary { | 54 | image#search_photo, image#set_photo, image#set_primary { |
55 | border: black 1px solid; | 55 | border: black 1px solid; |
56 | } | 56 | } |
57 | 57 | ||
58 | .about .insides { | 58 | .about .insides { |
59 | margin: 1ex; | 59 | margin: 1ex; |
60 | } | 60 | } |
61 | .about .text { | 61 | .about .text { |
62 | border: yellow solid 1px; | 62 | border: yellow solid 1px; |
63 | background: green; | 63 | background: green; |
64 | } | 64 | } |
65 | .about .title { | 65 | .about .title { |
66 | font-size: 300%; | 66 | font-size: 300%; |
67 | font-weight: bold; | 67 | font-weight: bold; |
68 | color: yellow; | 68 | color: yellow; |
69 | } | 69 | } |
70 | .about .link { | 70 | .about .link { |
71 | text-decoration: underline; | 71 | text-decoration: underline; |
72 | color: white; | 72 | color: white; |
73 | cursor: pointer; | 73 | cursor: pointer; |
74 | } | 74 | } |
75 | 75 | ||
76 | menuitem.menuhead { | 76 | menuitem.menuhead { |
77 | background: gray; | 77 | background: gray; |
78 | color: black; | 78 | color: black; |
79 | font-weight: bold; | 79 | font-weight: bold; |
80 | } | 80 | } |
81 | 81 | ||
82 | div#searchresult_description { | 82 | div#searchresult_description { |
83 | min-height: 5em; max-height: 8em; | 83 | min-height: 5em; max-height: 8em; |
84 | overflow: auto; | 84 | overflow: auto; |
85 | font-size: 90%; | 85 | font-size: 90%; |
86 | margin: 0.1ex 0.5ex; | 86 | margin: 0.1ex 0.5ex; |
87 | } | 87 | } |
88 | 88 | ||
89 | #copying div { | 89 | #copying div { |
90 | margin: 1ex 1em; | 90 | margin: 1ex 1em; |
91 | font-family: courier, monospace; | 91 | font-family: courier, monospace; |
92 | font-size: 9pt; | 92 | font-size: 9pt; |
93 | padding: 2px; | 93 | padding: 2px; |
94 | border: dotted 1px gray; | 94 | border: dotted 1px gray; |
95 | background: white; | 95 | background: white; |
96 | } | 96 | } |
97 | 97 | ||
98 | label#search_page { | 98 | label#search_page { |
99 | font-weight: bold; | 99 | font-weight: bold; |
100 | background: white; color: #404040; | 100 | background: white; color: #404040; |
101 | border-color: #c0c0c0 #404040 #404040 #c0c0c0; | 101 | border-color: #c0c0c0 #404040 #404040 #c0c0c0; |
102 | border-style: solid; | 102 | border-style: solid; |
103 | border-width: 1px; | 103 | border-width: 1px; |
104 | -moz-border-radius: 1em; | 104 | -moz-border-radius: 1em; |
105 | padding: 0.5ex 1ex; | 105 | padding: 0.5ex 1ex; |
106 | } | 106 | } |
107 | 107 | ||
108 | html body { | 108 | html body { |
109 | font-family: arial, sans-serif; | 109 | font-family: arial, sans-serif; |
110 | font-size: 11pt; | 110 | font-size: 11pt; |
111 | margin: 1em 4em; | 111 | margin: 1em 4em; |
112 | padding: 1em 4em; | 112 | padding: 1em 4em; |
113 | border: double 3px gray; | 113 | border: double 3px gray; |
114 | background: #ffffc0; | 114 | background: #ffffc0; |
115 | } | 115 | } |
116 | html h1 { | 116 | html h1 { |
117 | font-size: 130%; color: maroon; | 117 | font-size: 130%; color: maroon; |
118 | } | 118 | } |
119 | html p { | 119 | html p { |
120 | text-align: justify; | 120 | text-align: justify; |
121 | } | 121 | } |
122 | 122 | ||
123 | html div.copyright { | 123 | html div.copyright { |
124 | font-size: 60%; | 124 | font-size: 60%; |
125 | text-align: right; | 125 | text-align: right; |
126 | } | 126 | } |
127 | html div.copyright a { | 127 | html div.copyright a { |
128 | text-decoration: none; | 128 | text-decoration: none; |
129 | } | 129 | } |
130 | 130 | ||
131 | html p.whatsnew { | ||
132 | font-size: 80%; | ||
133 | margin: 0px 0px 0px 50%; | ||
134 | text-align: center; | ||
135 | } | ||
136 | html p.whatsnew a { | ||
137 | display: block; | ||
138 | padding: 1px; | ||
139 | border-style: solid; | ||
140 | border-width: 1px; | ||
141 | border-color: #c0c0c0 #808080 #808080 #c0c0c0; | ||
142 | background: white; color: black; | ||
143 | text-decoration: none; | ||
144 | } | ||
145 | html p.whatsnew a em { font-style: normal; font-weight: bold; } | ||
146 | html p.whatsnew a:hover { | ||
147 | border-color: #808080 #c0c0c0 #c0c0c0 #808080; | ||
148 | background: black; color: white; | ||
149 | } | ||
150 | html p.whatsnew a:hover em { color: red; } | ||
151 | |||
131 | button.lean { | 152 | button.lean { |
132 | min-width: 1ex; | 153 | min-width: 1ex; |
133 | } | 154 | } |