1 files changed, 134 insertions, 0 deletions
diff --git a/plugins/wordpress-mobile-pack/admin/sass/modules/_content.scss b/plugins/wordpress-mobile-pack/admin/sass/modules/_content.scss
index 0e301985..ce1cb44a 100755
--- a/plugins/wordpress-mobile-pack/admin/sass/modules/_content.scss
+++ b/plugins/wordpress-mobile-pack/admin/sass/modules/_content.scss
@@ -111,6 +111,31 @@
 								top: 1px;
 							}
 						}
+						&.pic{
+							@include wbz-display-box();
+							@include wbz-border-radius(48px);
+
+							width: 48px;
+							height: 48px;
+							margin: 0 20px 0 0;
+
+							background-color: #cbdde2;
+							background-size: cover;
+							background-position: center;
+
+							color: #ffffff;
+
+							&.default {
+								@include wbz-inline-icon(pic, 24px);
+
+								&::before{
+									width: 48px;
+									height: 48px;
+									line-height: 48px;
+									position: absolute;
+								}
+							}
+						}
 						&.title{
 							@include wbz-display-box();
 							font-size: 15px; 
@@ -210,6 +235,115 @@
 				}
 			}
 		}
+		.branding-category {
+
+			.custom-upload {
+				position: relative;
+				height: 36px;
+				width: 450px;
+				margin: 10px 0;
+
+				&:hover{
+					.fake-file{
+						.btn{
+							background: darken($base-grey, $darken-amounth/2);
+							border: 1px solid darken($base-grey, $darken-amounth);
+						}
+						input{
+							outline:none;
+							border:1px solid darken($input-border,$darken-amounth);
+						}
+					}
+				}
+				.remove{
+					position: absolute;
+					top: 8px;
+					right: 160px;
+					width: 16px;
+					height: 16px;
+					z-index: 3;
+					@include wbz-inline-icon(close-x, 9px);
+					color: #ffffff;
+					background: $base-color-darken;
+					@include wbz-border-radius(16px);
+					padding: 3px;
+
+					&::before{
+						top: -4px;
+						left: 0px;
+						display: block;
+					}
+				}
+			}
+			.custom-upload input[type=file] {
+				outline: none;
+				position: relative;
+				text-align: right;
+				@include wbz-opacity(0);
+				z-index: 2;
+				width: 430px;
+				height: 100%;
+			}
+			.custom-upload .fake-file {
+				position: relative;
+				top: -38px;
+				left: 0px;
+				width: 430px;
+				padding: 0;
+				margin: 0;
+				z-index: 1;
+				line-height: 100%;
+				@include wbz-display-box();
+
+				.btn{
+					margin: 0px 0px 0px 10px;
+				}
+			}
+			.custom-upload .fake-file input {
+				width: 300px;
+				font-family: 'AcordeSemiBold', sans-serif;
+				color: $input-color;
+				font-size: $input-font-size;
+				margin: 0;
+			}
+			.display-icon{
+				text-align: left;
+				height: 70px;
+
+				.edit{
+					margin: 20px 0 0 0;
+					vertical-align: middle;
+					text-align: center;
+					float: left;
+				}
+				.remove{
+					display: inline-block;
+					margin: 28px 0 0 10px;
+				}
+				img{
+					width: 120px;
+					height: auto;
+					display: inline-block;
+					margin: 0 25px;
+					float: left;
+				}
+				label{
+					width: 100px;
+					display: inline;
+					float: left;
+					margin: 25px 0 0 0;
+				}
+			}
+			.cancel-link{
+				position: relative;
+
+				.cancel{
+					position: absolute;
+					top: -39px;
+					right: -30px;
+				}
+			}
+		}
 		.button{
 			margin:2px;
 			padding: 0px 8px 1px 8px;