From 3136289b8ab563553938757ab4f7471546a3cddf Mon Sep 17 00:00:00 2001
From: jeb228 <jeb228@43c2fc9b-1942-4403-87b2-35b4218f7473>
Date: Wed, 30 Jun 2010 13:45:05 +0000
Subject: [PATCH] NIHVIVO-161 First cut at Image Upload

---
 themes/vivo-basic/css/Jcrop.gif        | Bin 0 -> 329 bytes
 themes/vivo-basic/css/jquery.Jcrop.css |  40 ++++++++++
 themes/vivo-basic/css/uploadImages.css | 101 +++++++++++++++++++++++++
 3 files changed, 141 insertions(+)
 create mode 100644 themes/vivo-basic/css/Jcrop.gif
 create mode 100644 themes/vivo-basic/css/jquery.Jcrop.css
 create mode 100644 themes/vivo-basic/css/uploadImages.css

diff --git a/themes/vivo-basic/css/Jcrop.gif b/themes/vivo-basic/css/Jcrop.gif
new file mode 100644
index 0000000000000000000000000000000000000000..72ea7ccb5321d5384d70437cfaac73011237901e
GIT binary patch
literal 329
zcmZ?wbhEHb<Y3@nn8?7eYSpU$|Nk?9f#QE|Ki808XU70nBRvCVMxdbLPZmxtAgu#Z
z0Mf$1#5;wRb9wgJ5Fhr7kxzB7so-zXTQDQ*d0g~`g(u!D-HO!|ewLP`>9b#5NV>2k
zBC~b@b~P=nNfWAe-b%_i6tS^-1y(h@EsB~1TqDA_h@fkxG$bHgvj}VxE1JLgr!*!^
ILUxTc0Q$^Q5C8xG

literal 0
HcmV?d00001

diff --git a/themes/vivo-basic/css/jquery.Jcrop.css b/themes/vivo-basic/css/jquery.Jcrop.css
new file mode 100644
index 00000000..2c5934e2
--- /dev/null
+++ b/themes/vivo-basic/css/jquery.Jcrop.css
@@ -0,0 +1,40 @@
+/* Fixes issue here http://code.google.com/p/jcrop/issues/detail?id=1 */
+.jcrop-holder { text-align: left; }
+
+.jcrop-vline, .jcrop-hline
+{
+	font-size: 0;
+	position: absolute;
+	background: white url('Jcrop.gif') top left repeat;
+}
+.jcrop-vline { height: 100%; width: 1px !important; }
+.jcrop-hline { width: 100%; height: 1px !important; }
+.jcrop-handle {
+	font-size: 1px;
+	width: 7px !important;
+	height: 7px !important;
+	border: 1px #eee solid;
+	background-color: #333;
+	*width: 9px;
+	*height: 9px;
+}
+
+.jcrop-tracker { width: 100%; height: 100%; }
+
+.custom .jcrop-vline,
+.custom .jcrop-hline
+{
+	background: yellow;
+}
+.custom .jcrop-handle
+{
+	border-color: black;
+	background-color: #C7BB00;
+	-moz-border-radius: 3px;
+	-webkit-border-radius: 3px;
+}
+
+
+
+
+
diff --git a/themes/vivo-basic/css/uploadImages.css b/themes/vivo-basic/css/uploadImages.css
new file mode 100644
index 00000000..35c59472
--- /dev/null
+++ b/themes/vivo-basic/css/uploadImages.css
@@ -0,0 +1,101 @@
+/* styles for uploading a picture */
+#photoUploadContainer{
+	margin-left: 0px;
+	width:500px;
+	height:280px;
+	background:#fff;
+	border:1px solid grey;
+	padding:15px;
+	
+	
+}
+
+#photoUploadDefaultImageContainer{
+	
+	width:120px;
+	float:left;
+
+	
+}
+
+#photoUploadDefaultImageContainer img{
+	
+	border:3px solid #CCC;
+	margin-bottom:10px;
+	
+}
+
+#photoUploadForm{
+	width:280px;
+	float:left;
+	padding-top:90px;
+	padding-left:15px;
+	
+}
+
+#photoUploadForm form label{
+	display:block;
+	padding-bottom:10px;
+
+	
+}
+
+#photoUploadForm  label span{
+	font-size:0.7em;
+
+	
+}
+
+#photoUploadForm form input{
+	margin-bottom:10px;
+
+	
+}
+
+
+/* styles for cropping a picture */
+
+#photoCroppingContainer{
+	margin-left: 0px;
+	width:700px;
+	height:450px;
+	background:#fff;
+	border:1px solid grey;
+	padding:15px;
+	
+	
+}
+
+#photoCroppingPreview{
+	width:180px;
+	float:left;
+
+}
+
+
+.photoCroppingNote{
+	margin-top:15px;
+	font-size:0.8em;
+}
+
+#photoCropping{
+	width:500px;
+	float:right;
+	padding-top:30px;
+	padding-left:15px;
+
+	
+}
+
+
+/* styles for deleting a picture */
+
+#photoDeletingContainer{
+	margin-left: 0px;
+	width:500px;
+	height:330px;
+	background:#fff;
+	border:1px solid grey;
+	padding:15px;
+	
+}
\ No newline at end of file