summaryrefslogtreecommitdiff
path: root/themes
diff options
context:
space:
mode:
authorBharat Mediratta <bharat@menalto.com>2009-03-17 05:20:37 +0000
committerBharat Mediratta <bharat@menalto.com>2009-03-17 05:20:37 +0000
commit0f5ccc9aa3d028fee093c733744064c24fb302b9 (patch)
tree819dce155e5b82e2617fb52279cb3d1e241f0e1d /themes
parentaf83f5d3fcfc8c8396aea62232c0c38860bf41c2 (diff)
Switch from using SimpleUploader to using swfUpload as our flash based
uploader. This is modeled on http://codex.gallery2.org/Gallery3:Upload_UX but is not yet complete. Notes: * Changed #gProgressBar to .gProgressBar to support multiple progress bars on the same page * Added a bunch of CSS to the "needs a home" section in themes/default/css/screen.css
Diffstat (limited to 'themes')
-rw-r--r--themes/default/css/screen.css88
1 files changed, 81 insertions, 7 deletions
diff --git a/themes/default/css/screen.css b/themes/default/css/screen.css
index 3d29726a..b09edbe0 100644
--- a/themes/default/css/screen.css
+++ b/themes/default/css/screen.css
@@ -874,13 +874,6 @@ form .gError,
padding-left: 2.5em;
}
-#gProgressBar {
- height: 1em;
- width: 100%;
- margin-top: 0.5em;
- display: inline-block;
-}
-
#gServerAdd #gServerAddTree {
border: 1px solid #CCCCCC;
height: 25em;
@@ -912,3 +905,84 @@ form .gError,
#gServerAdd .gBreadcrumbs li {
padding: 10px 6px 10px 16px;
}
+
+
+/*************** STUFF THAT NEEDS A HOME ****************/
+.gProgressBar {
+ height: 1em;
+ width: 100%;
+ margin-top: 0.5em;
+ display: inline-block;
+}
+
+#gAddPhotos p {
+ margin: 0px;
+ padding: 0px;
+}
+
+#gAddPhotos ul li {
+ margin: 0px;
+ padding: 0px;
+ padding-right: 4px;
+}
+
+#gAddPhotos ul li.active {
+ font-weight: bold;
+}
+
+#gAddPhotos ul {
+ margin: 0px;
+ padding: 0px;
+}
+
+#gAddPhotos ul li:after {
+ content: ">";
+}
+
+#gAddPhotos ul li.active:after {
+ content: "";
+}
+
+#gAddPhotosCanvas {
+ height: 325px;
+ width: 400px;
+ overflow: auto;
+}
+
+#gAddPhotosQueue .progressbar {
+ height: 4px;
+}
+
+#gAddPhotosQueue .title {
+ font-size: 1.25em;
+}
+
+#gAddPhotosQueue .status {
+ font-size: .75em;
+}
+
+#gAddPhotosQueue .box {
+ margin-bottom: 8px;
+ padding-left: 4px;
+ padding-bottom: 4px;
+}
+
+#gAddPhotosQueue .pending {
+ background-color: #e8e8e8;
+ border: 1px solid #d7d7d7;
+}
+
+#gAddPhotosQueue .error {
+ background-color: #fcc;
+ border: 1px solid #ebb;
+}
+
+#gAddPhotosQueue .uploading {
+ background-color: #ff9;
+ border: 1px solid #ee8;
+}
+
+#gAddPhotosQueue .complete {
+ background-color: #cfc;
+ border: 1px solid #beb;
+}