rademade_admin 0.0.1

data/app/assets/stylesheets/rademade_admin/detail_admin/new-user.scss.erb

@@ -0,0 +1,49 @@
+.new-user {
+	.form-wrapper {
+		.with-sidebar {
+			border-right: 1px solid #edeef1;
+			box-shadow: 4px 0px 3px -1px rgba(226, 226, 226, 0.1);
+		}
+	}
+
+	/* form sidebar*/
+	.form-sidebar {
+		.alert {
+			margin: 10px 0px 30px 0px;
+			i {
+				margin-bottom: 30px;
+			}
+		}
+		h6 {
+			font-weight: 600;
+			text-transform: uppercase;
+		}
+		p {
+			color: #777e86;
+		}
+		ul {
+			margin: 0;
+			padding: 0;
+			list-style: none;
+			a {
+				text-decoration: underline;
+			}
+		}
+	}
+}
+
+/* responsive */
+
+@media (max-width: 991px) {
+	.new-user {
+		.form-wrapper {
+			.with-sidebar {
+				border-right: 0 none;
+				box-shadow: none;
+			}
+		}
+		.form-sidebar {
+			margin-top: 40px;
+		}
+	}
+}

data/app/assets/stylesheets/rademade_admin/detail_admin/personal-info.scss.erb

@@ -0,0 +1,144 @@
+.settings-wrapper {
+	.wrapp{
+		margin-top: 100px;
+	}
+	.avatar-box {
+		img {
+			border: 3px solid #c3cddb;
+			margin-bottom: 28px;
+		}
+		p {
+			font-weight: 700;
+			margin-bottom: 12px;
+		}
+		input[type="file"] {
+			font-size: 11px;
+		}
+	}
+	.personal-info {
+		border-left: 1px solid #edeff1;
+		box-shadow: inset 3px 0px 4px -1px #fafafa;
+		.alert {
+			margin-bottom: 50px;
+			display: inline-block;
+			font-size: 13px;
+			i {
+				float: left;
+			}
+		}
+		h5.personal-title {
+			font-size: 22px;
+			margin: 0 0 50px 50px;
+			color: #696d73;
+			font-style: italic;
+		}
+		form {
+			margin-left: 50px;
+		}		
+		label {
+			display: inline-block;
+			float: left;
+			font-weight: 600;
+			font-size: 13px;
+			cursor: auto;
+			width:20%;
+			margin-right: 10px;
+			text-align: left;
+		}
+		.input[type="text"] {
+			font-weight: 600;
+		}
+		.ui-select {
+			width: 100%;
+			margin-bottom: 10px;
+		}
+		.actions {
+			margin-bottom: 25px;
+			margin-top: 30px;
+			width: 100%;
+			padding-right: 70px;
+			float: left;
+			text-align: right;
+			span {
+				text-transform: uppercase;
+				color: #7e91aa;
+				font-weight: 600;
+				display: inline-block;
+				vertical-align: middle;
+				margin: 0 2px 0 8px;
+			}
+		}
+		input.reset {
+			color: #7e91aa;
+			font-weight: 500;
+		}
+	}
+}
+
+/* responsive */
+
+@media (max-width: 480px) {
+}
+
+@media (max-width: 768px) {
+	.settings-wrapper {
+		#pad-wrapper{
+			padding: 0px 20px;
+		}
+		.avatar-box{
+			text-align: center;
+		}
+		.personal-info {
+			border:0 none;
+			box-shadow: none;
+			margin-top: 40px;
+			h5.personal-title {
+				margin-left: 0;
+			}			
+			.ui-select {
+				width: 90%;
+			}
+			label {
+				width: 100%;
+			}
+			.actions {
+				text-align: center;
+			}
+			form {
+				margin-left: 0;
+				padding: 0px 10px 0px 10px;
+			}
+		}		
+	}
+}
+
+@media (min-width: 768px) and (max-width: 979px) { 
+	.settings-wrapper .personal-info .ui-select{
+		width: 77%;
+	}
+	.avatar-box {
+		text-align: center;
+		margin-bottom: 20px;
+	}
+	.settings-wrapper .personal-info {
+		border-left: 0px;
+		box-shadow: none;
+	}
+}
+@media (min-width: 768px){ 
+	.settings-wrapper .personal-info .alert {
+		margin-left: 50px;
+	}	
+}
+@media (min-width: 980px) {
+
+}
+
+@media (max-width: 979px) {
+}
+
+@media (min-width: 1200px) {
+}
+
+
+

data/app/assets/stylesheets/rademade_admin/detail_admin/popup.scss.erb

@@ -0,0 +1,3 @@
+.add_new_popup {
+
+}

data/app/assets/stylesheets/rademade_admin/detail_admin/signin.scss.erb

@@ -0,0 +1,128 @@
+.login-bg {
+    width: 100%;
+    height: 100%;
+	background: url(<%=image_path('rademade_admin/backgrounds/blueish.jpg')%>) no-repeat center center fixed;
+	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='<%=image_path('rademade_admin/backgrounds/blueish.jpg')%>', sizingMethod='scale');
+	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='<%=image_path('rademade_admin/backgrounds/blueish.jpg')%>', sizingMethod='scale')";
+	-webkit-background-size: cover;
+	-moz-background-size: cover;
+	-o-background-size: cover;
+	background-size: cover;
+}
+
+.login-wrapper {
+	position: absolute;
+	top: 90px;
+	left: 0;
+	right: 0;
+	text-align: center;
+	.logo {
+		margin-bottom: 45px;
+		position: relative;
+		left: -2px;
+	}
+	.box {
+		margin: 0 auto;
+		padding: 35px 0 30px;
+		float: none;
+		width: 400px;
+		box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);
+		border-radius: 5px;
+		background: rgba(255, 255, 255, 0.65);
+
+		.content-wrap {
+			width: 82%;
+			margin: 0 auto;
+		}
+		h6 {
+			text-transform: uppercase;
+			margin: 0 0 30px 0;
+			font-size: 18px;
+			font-weight: 600;
+            font-family: 'Open Sans', sans-serif;
+		}
+		input[type="text"],
+		input[type="password"]{
+			font-size: 15px;
+			height: 40px;
+			margin-bottom: 18px;
+			border-color: #b2bfc7;
+			padding-left: 12px;
+            &:focus {
+                border:1px solid #28a0e5;outline:none;
+                -webkit-box-shadow:inset 0 1px 2px #ddd,0px 0 5px #28a0e5;
+                -moz-box-shadow:inset 0 1px 2px #ddd,0px 0 5px #28a0e5;
+                -ms-box-shadow:inset 0 1px 2px #ddd,0px 0 5px #28a0e5;
+                -o-box-shadow:inset 0 1px 2px #ddd,0px 0 5px #28a0e5;
+                box-shadow:inset 0 1px 2px #ddd,0px 0 5px #28a0e5
+            }
+		}
+		input[type="password"] {
+			margin-bottom: 10px;
+		}
+		input:-moz-placeholder {
+			color: rgb(155, 168, 182);
+			font-size: 15px;
+			letter-spacing: 0px;
+			font-style: italic;
+		}
+		input:-ms-input-placeholder{
+			color: rgb(155, 168, 182);
+			font-style: italic;
+			letter-spacing: 0px;
+			font-size: 15px;
+		}
+		input::-webkit-input-placeholder{
+			color: rgb(155, 168, 182);
+			font-style: italic;
+			letter-spacing: 0px;
+			font-size: 15px;
+		}
+
+        .button_action {
+            margin-top: 20px;
+        }
+
+		a.forgot{
+			display: block;
+			text-align: right;
+			font-style: italic;
+			text-decoration: underline;
+			color: #3d88ba;
+			font-size: 13px;
+			margin-bottom: 6px;
+		}
+		.remember {
+			display: block;
+			overflow: hidden;
+			margin-bottom: 20px;
+			input[type="checkbox"] {
+				float: left;
+				margin-right: 8px;
+			}
+			label {
+				float: left;
+				color: #4a576a;
+				font-size: 13px;
+				font-weight: 600;
+			}
+		}
+		.login {
+			text-transform: uppercase;
+			font-size: 13px;
+			padding: 8px 30px;
+		}
+	}
+}
+
+/* responsive */
+@media (max-width: 767px) {
+	.login-wrapper .box{
+		width: 350px;
+	}
+}
+@media (max-width: 480px) {
+	.login-wrapper .box {
+		width: 90%;
+	}
+}

data/app/assets/stylesheets/rademade_admin/detail_admin/tables.scss.erb

@@ -0,0 +1,195 @@
+/* general table styles */
+.table-wrapper {
+	width: 100%;
+	margin-bottom: 100px;
+	.filter-block{
+		margin-bottom: 34px;
+		.ui-select {
+			margin-right: 20px;
+			top: 1px;
+			height: 24px;
+			width: 150px;
+		}
+		.search {
+			margin: 0 60px 0 0;
+		}
+		.new-product {
+			padding: 4px 14px;
+		}
+	}
+	.table {
+		th input[type="checkbox"] {
+			margin-top: 4px;
+		}
+		input[type="checkbox"] {
+			float: left;
+			margin-top: 11px;
+			margin-right: 23px;
+		}
+		.img {
+			height: 31px;
+			float: left;
+			background: white;
+			width: 31px;
+			border: 1px solid #dfe4eb;
+			text-align: center;
+			cursor: pointer;
+			margin-right: 23px;
+			img {
+				margin-top: 4px;
+			}
+		}
+		tr.first td {
+			border-top: 0 none;
+		}
+		td a {
+			text-decoration: underline;
+			display: inline-block;
+		}
+		td.description {
+			vertical-align: middle;
+			color: #516372;
+		}
+		ul.actions {
+			margin: 5px 0 0 0;
+			padding: 0;
+			float: right;
+			li {
+				display: inline;
+				padding: 5px 3px 0px 6px;
+				&:last-child {
+                    padding-right: 0px;
+					border: 0 none;
+				}
+			}
+			i {
+				cursor: pointer;
+				opacity: 0.6;
+				transition: opacity .1s linear;
+				-moz-transition: opacity .1s linear;
+				-webkit-transition: opacity .1s linear;
+				-o-transition: opacity .1s linear;
+				&:hover {
+					opacity: 1;
+				}
+			}
+            .delete-item-form {
+                display: inline-block;
+            }
+		}
+	}
+	.label {
+		position: relative;
+	}
+}
+
+/* products table specific styles */
+.table-wrapper.products-table a.name {
+	position: relative;
+	top: 6px;
+}
+
+/* orders table specific styles */
+.table-wrapper.orders-table td {
+	padding: 12px 8px;
+}
+
+/* users table specific styles */
+.table-wrapper.users-table .table {
+	td {
+		vertical-align: middle;
+		font-size: 13px;
+	}
+	img.avatar {
+		float: left;
+		margin-right: 14px;
+		max-width: 45px;
+		position: relative;
+		top: 8px;
+	}
+	a.name{
+		color: #3389d1;
+		display: block;
+		font-weight: 600;
+		font-size: 14px;
+		margin: 15px 0 0 0;
+	}
+	.subtext {
+		font-size: 12px;
+		margin-left: 0;
+		color: #778391;
+		font-style: italic;
+		margin-top: 0;
+	}
+}
+
+/*Responsive*/
+@media (max-width: 979px) {
+	.pointer {
+		top: 26.8%;
+	}
+}
+
+@media (max-width: 768px) {
+	.table-wrapper {
+		padding: 0px 15px;
+		.table {
+			.img,
+			.avatar {
+				display: none;
+			}
+			input[type="checkbox"] {
+				margin-right: 10px;
+			}
+			.label {
+				display: none;
+			}
+		}
+		.filter-block {
+			.search{
+				width: 30%;
+				margin: 0 10px 0 0;
+			}
+			.order-search {
+				float: left;
+				margin: 0;
+				width: 40%;
+			}
+			.user-search {
+				float: left;
+				margin: 0;
+				width: 55%;
+			}
+			.add-user {
+				margin-top: 0;
+			}
+		}
+	}
+}
+
+@media (max-width: 480px) {
+	.table-wrapper .filter-block {
+		.search {
+			float: right;
+			width: 48%;
+			margin: 0;
+		}
+		.new-product{
+			float: right;
+			margin-top: 15px;
+		}
+		.order-search{
+			float: left;
+			width: 43%;
+		}
+		.add-user {
+			margin-top: 0;
+		}
+		.user-search {
+			float: left;
+			margin: 0;
+			width: 55%;
+		}
+	}
+}
+