1 files changed, 47 insertions, 28 deletions

diff --git a/public/assets/stylesheets/app.css b/public/assets/stylesheets/app.css
index 6f6a192..b6e1f17 100755
--- a/public/assets/stylesheets/app.css
+++ b/public/assets/stylesheets/app.css
@@ -1099,14 +1099,14 @@ iframe.embed {
 
 /* WALLPAPER PICKER */
 
-.wallpaper{
+.wallpaper {
   right: 80px;
   margin-top: 77px;
   width: 162px;
   z-index: 1;
   -webkit-transition: -webkit-transform 0.1s ease-in-out;
   -webkit-transform: translateX(400px);
-  transition: -webkit-transform 0.1s ease-in-out;
+  transition: transform 0.1s ease-in-out;
   transform: translateX(400px);
 }
 .wallpaper.active {
@@ -1114,46 +1114,65 @@ iframe.embed {
   -webkit-transform: translateX(0px);
   transform: translateX(0px);
 }
-.wallpaper.active span {
+.wallpaper.active .swatches span {
   width: 40px;
   height: 35px;
   display: inline-block;
-  float: left;
   border:1px solid;
-  background: url(../img/MacPaint.gif);
   -webkit-transition: -webkit-transform 0.1s ease-in-out;
   -webkit-user-drag: element;
 }
-
-.wallpaper.active span:nth-child(1){
-  background-position:103px 70px;
+.wallpaper.active .swatches span:hover {
+  cursor: pointer;
+  -webkit-transform: translateX(3px) translateY(-3px);
+  transform: translateX(3px) translateY(-3px);
 }
-.wallpaper.active span:nth-child(2){
-  background-position:200px -98px;
+.wallpaper .swatches {
+  width: 100%;
+  border-bottom: 1px solid black;
+  min-height: 30px;
 }
-.wallpaper.active span:nth-child(3){
-  background-position:200px -260px;
+.wallpaperUpload {
+  font-size: 14px;
+  font-weight: 300;
 }
-.wallpaper.active span:nth-child(4){
-  background-position:200px -350px;
+.wallpaperUpload label {
+  position: relative;
+  top: -6px;
+  float: none;
 }
-.wallpaper.active span:nth-child(5){
-  background-position:200px -484px;
+.wallpaperUpload .icon-ios7-upload-outline {
+  font-size: 26px;
 }
-.wallpaper.active span:nth-child(6){
-  background-position:200px -581px;
+.wallpaperUpload .upload-icon.uploading {
 }
-.wallpaper.active span:nth-child(7){
-  background-position:200px -645px;
+.wallpaperUpload .upload-icon.uploading:before {
+	content: ' ' !important;
+	background-image: url("/assets/img/loader.gif");
+	background-repeat: no-repeat;
+	width: 40px;
+	height: 40px;
 }
-.wallpaper.active span:nth-child(8){
-  background-position:200px -772px;
+.wallpaperUpload input[type="text"]{
+  border: 1px solid #ccc;
+  font-size: 15px;
+  padding: 5px;
+  width: 100px;
+  text-align: center;
+  border-radius: 20px;
 }
-
-.wallpaper.active span:hover {
-  cursor: pointer;
-  -webkit-transform: translateX(3px) translateY(-3px);
-  transform: translateX(3px) translateY(-3px);
+.wallpaperUpload input[type="text"]:focus{
+  border: 1px solid #000;
+}
+.wallpaperUpload input[type="file"]{
+  position: absolute;
+  margin-left: -134px;
+  background: blue;
+  height: 28px;
+  width: 100%;
+  margin-top: 0px;
+  opacity: 0;
+  cursor:pointer;
 }
 
 
@@ -1216,7 +1235,7 @@ input[type="range"]::-webkit-slider-thumb {
   top: -6px;
   padding-left: 5px;
   display: inline-block;
-  width: 60px;
+  min-width: 35px;
   cursor: pointer;
 }
 .color-swatches label.selected {