New uploader based on javascript for Tidypics

1 files changed, 51 insertions, 13 deletions

diff --git a/views/default/photos/css.php b/views/default/photos/css.php
index 3f0218fdc..b031b825c 100644
--- a/views/default/photos/css.php
+++ b/views/default/photos/css.php
@@ -145,30 +145,68 @@
 }
 
 /* ***************************************
-	AJAX UPLOADER
+	UPLOADER
 *************************************** */
-#tidypics-uploader-steps {
-	list-style: none;
+
+.fileinput-container {
+	text-align: center;
+}
+.fileinput-button {
+	cursor: pointer;
 }
+.fileinput-button input {
+	position: absolute;
+	top: 0;
+	right: 0;
+	margin: 0;
+	opacity: 0;
+	filter: alpha(opacity=0);
 
-#tidypics-uploader-steps li a {
-	font-weight:bold;
+}
+.files .fade {
+  display: none;
+}
+/* Fix for IE 6: */
+*html .fileinput-button {
+  margin-right: -2px;
+}
+*html .fileinput-button .elgg-button {
+  line-height: 24px;
+}
+*html .fileupload-buttonbar .elgg-button {
+  margin-left: 3px;
 }
 
-.tidypics-choose-button-hover {
-	color:#0054a7;
-	text-decoration:underline;
+/* Fix for IE 7: */
+*+html .fileinput-button {
+  margin-right: 1px;
+}
+*+html .fileinput-button .elgg-button {
+  line-height: 24px;
+}
+*+html .fileupload-buttonbar .elgg-button {
+  margin-left: 3px;
 }
 
-.tidypics-disable {
-	color:#cccccc;
+@media (max-width: 480px) {
+  .files .preview * {
+    width: 40px;
+  }
+  .files .name * {
+    width: 80px;
+    display: inline-block;
+    word-wrap: break-word;
+  }
 }
 
-.tidypics-disable:hover {
-color:#cccccc;
-text-decoration:none;
+/* Fix for Webkit (Safari, Chrome) */
+@media screen and (-webkit-min-device-pixel-ratio:0) {
+  .fileinput-button {
+    margin-top: 2px;
+  }
 }
 
+
 <?php
 return true;
 ?>