rademade_admin 0.0.1

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

@@ -0,0 +1,21 @@
+.grid-wrapper {
+	margin-bottom: 60px;
+	.head {
+		margin-bottom: 30px;
+	}
+}
+.show-grid {
+	margin-top: 10px;
+	margin-bottom: 20px;
+
+	[class*="col-"] {
+		background-color: #eee;
+		text-align: center;
+		-webkit-border-radius: 3px;
+		-moz-border-radius: 3px;
+		border-radius: 3px;
+		min-height: 40px;
+		line-height: 40px;
+		border: 1px solid rgba(86,61,124,.2);
+	}
+}

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

@@ -0,0 +1,115 @@
+i.tool{
+	height: 14px;
+	width: 14px;
+	background: url("<%=image_path('rademade_admin/icons/btn-tools.png')%>") no-repeat;
+	display: inline-block;
+	margin-top: 1px;
+  	*margin-right: .3em;
+  	line-height: 14px;
+  	vertical-align: text-top;
+}
+i.arrow-down {
+	background: url("<%=image_path('rademade_admin/icons/ico-arrow-black.png')%>") no-repeat;
+	width: 9px;
+	height: 6px;
+	display: inline-block;
+	margin-top: 1px;
+  	*margin-right: .3em;
+  	line-height: 14px;
+  	vertical-align: text-top;
+}
+i.shuffle{
+	background: url("<%=image_path('rademade_admin/icons/btn-shuffle.png')%>") no-repeat;
+	display: inline-block;
+	height: 13px;
+	width: 18px;
+	margin-top: 1px;
+  	*margin-right: .3em;
+  	line-height: 14px;
+  	vertical-align: text-top;
+}
+i.setting{
+	background: url("<%=image_path('rademade_admin/icons/btn-setting.png')%>") no-repeat;
+	display: inline-block;
+	height: 16px;
+	width: 16px;
+	margin-top: 1px;
+  	*margin-right: .3em;
+  	line-height: 14px;
+  	vertical-align: text-top;
+}
+i.attach{
+	background: url("<%=image_path('rademade_admin/icons/btn-attach.png')%>") no-repeat;
+	display: inline-block;
+	height: 16px;
+	width: 16px;
+  	margin-top: 1px;
+  	*margin-right: .3em;
+  	line-height: 14px;
+  	vertical-align: text-top;
+}
+i.ico-phone{
+	background: url("<%=image_path('rademade_admin/icons/ico-phone.png')%>") no-repeat;
+	height: 18px;
+	width: 13px;
+	margin-top: 1px;
+  	*margin-right: .3em;
+  	line-height: 14px;
+  	vertical-align: text-top;
+}
+i.ico-mail{
+	background: url("<%=image_path('rademade_admin/icons/ico-mail.png')%>") no-repeat;
+	height:11px;
+	width: 17px;
+	margin-top: 1px;
+  	*margin-right: .3em;
+  	line-height: 14px;
+  	vertical-align: text-top;
+}
+i.gallery-edit{
+	background: url("<%=image_path('rademade_admin/icons/ico-gallery-edit.png')%>") no-repeat;
+	height:20px;
+	width: 20px;
+	margin-top: 1px;
+  	*margin-right: .3em;
+  	line-height: 14px;
+  	vertical-align: text-top;
+}
+i.gallery-trash{
+	background: url("<%=image_path('rademade_admin/icons/ico-gallery-trash.png')%>") no-repeat;
+	height:19px;
+	width: 17px;
+	margin-top: 1px;
+  	*margin-right: .3em;
+  	line-height: 14px;
+  	vertical-align: text-top;
+}
+i.table-edit{
+	background: url("<%=image_path('rademade_admin/icons/ico-table-new.png')%>") no-repeat;
+	width: 14px;
+	height: 13px;
+	display: inline-block;
+	margin-top: 1px;
+  	*margin-right: .3em;
+  	line-height: 14px;
+  	vertical-align: text-top;
+}
+i.table-settings{
+	background: url("<%=image_path('rademade_admin/icons/ico-table-edit.png')%>") no-repeat;
+	width: 16px;
+	height: 16px;
+	display: inline-block;
+	position: relative;
+	top: 1px;
+}
+i.table-delete{
+	background: url("<%=image_path('rademade_admin/icons/ico-table-delete.png')%>") no-repeat;
+	width: 12px;
+	height: 12px;
+	display: inline-block;
+	margin-top: 1px;
+  	*margin-right: .3em;
+  	line-height: 14px;
+  	vertical-align: text-top;
+}
+

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

@@ -0,0 +1,290 @@
+/* Main stats up of screen */
+#main-stats {
+	background-color: #fdfdfd;
+	border-bottom: 1px solid #efeef3;
+	.stats-row {
+		box-shadow: inset -1px 0px 5px 2px #f9f9f9;
+		margin: 0;
+	}
+	.stat {
+		text-align: right;
+		padding: 25px 0px 30px 0px;
+		border-right: 1px solid #e8e9ee;
+		position: relative;
+		box-shadow: 1px 0px 0px 0px white;
+
+		&.last {
+			border-right: 0px;	
+		}
+		.data {
+			color: #29323a;
+			text-transform: uppercase;
+			font-weight: 600;
+			font-size: 16px;
+			padding-right: 50px;
+			.number {
+				color: #32a0ee;
+				font-size: 25px;
+				margin-right: 15px;	
+			}
+		}
+		.date {
+			color: rgb(180, 184, 187);
+			font-weight: lighter;
+			font-family:  'Lato', 'Open Sans';
+			font-style: italic;
+			font-size: 13px;
+			position: absolute;
+			right: 50px;
+		}
+	}
+}
+
+.section {
+	border-top: 1px solid #edeff1;
+	margin-top: 100px;
+	padding-top: 45px;
+	box-shadow: inset 0px 3px 4px -1px #fafafa;
+}
+
+
+/* Stats chart */
+#statsChart {
+	height: 250px;
+	margin-top: 65px;
+}
+
+/* specific chart styles */
+.legendLabel {
+	font-size: 12px;
+	font-family: "Open Sans", Arial;
+	color: #9da3a9
+}
+
+/* UI elements section */
+
+#pad-wrapper .ui-elements {
+	h4 {
+		margin-bottom: 35px;
+	}
+	.btn-flat {
+		text-transform: uppercase;
+		&.icon {
+			text-transform: none;
+			i {	
+				margin-right: 3px;
+			}
+		}
+	}
+	.ui-sliders {
+		margin-top: 10px;
+		margin-bottom: 50px;
+		.ui-slider {
+			&.slider-sample2,
+			&.slider-sample3 {
+				margin-top: 20px;
+			}
+		}
+	}
+	.ui-group {
+		margin-top: 35px;
+		> * {
+			margin-right: 5px;
+			margin-bottom: 5px;
+		}
+	}
+	.knobs {
+		overflow: auto;
+	}
+	.knob-wrapper {
+		float: left;
+		.knob {
+			box-shadow: none;
+		}
+		.info {
+			position: relative;
+			top: -20px;
+			.param {
+				color: #9da3a9;
+				text-align: center;
+				.line {
+					background-color: #c4cdd8;
+					height: 3px;
+					width: 25px;
+					display: inline-block;
+					margin-right: 10px;
+					&.blue {
+						background-color: #30a1ec;
+					}
+				}
+			}
+		}
+	}
+}
+
+
+/* table sample below */
+.table-products {
+	width: 100%;
+	.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 {
+		tr.first td {
+			border-top: 0 none;
+		}
+		td {
+			&.description{
+				vertical-align: middle;
+				color: #516372;
+			}
+			a {
+				text-decoration: underline;
+				margin-top: 6px;
+				display: inline-block;
+			}
+		}
+		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;
+			}
+		}
+		ul.actions{
+			margin: 5px 0 0 0;
+			padding: 0;
+			float: right;
+			li {
+				display: inline;
+				border-right: 1px solid #d0dde9;
+				padding: 5px 6px 0px 3px;
+				&.last{
+					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;
+				}
+			}
+		}
+	}
+	.label {
+		position: relative;
+	}
+	.pagination{
+		float: right;
+		margin-top: 35px;
+	} 
+}
+
+
+/* responsive */
+
+@media (max-width: 480px) {
+	
+}
+@media (max-width: 768px) {
+	#main-stats {
+		margin-left: -15px;
+		margin-right: -15px;
+	}
+	#pad-wrapper {
+		.ui-elements {
+			.knobs {
+				text-align: center;
+				.knob-wrapper {
+					float: inherit;
+				}
+			}
+			.showcase {
+				text-align: center;
+			}
+		}
+		.table-products .table {
+			.img {
+				display: none;
+			}
+			input[type="checkbox"] {
+				margin-right: 10px;
+			}
+			.label {
+				display: none;
+			}
+		}
+	}
+}
+@media (min-width: 768px) and (max-width: 979px) { 
+
+}
+@media (max-width: 979px) {
+	#main-stats .stat .data {
+		padding-right: 17px;
+		.number {
+			font-size: 18px;
+		}
+	}
+	#pad-wrapper .knob-wrapper .info {
+		display: none;
+	}
+	.pointer {
+		top: 5%;
+	}
+	.table-products .head {
+		margin-bottom: 20px;
+	}
+}
+@media (min-width: 980px) {
+	#pad-wrapper .ui-elements .knob-wrapper + .knob-wrapper {
+		margin-left: 5px;
+	}
+}
+@media (min-width: 1200px) {
+	#pad-wrapper .ui-elements {
+		.showcase {
+			width: 53%;
+		}
+	 	.knob-wrapper + .knob-wrapper {
+			margin-left: 35px;
+		}
+	}
+}
+
+
+
+
+

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

@@ -0,0 +1,523 @@
+body {
+	font-family: 'Open Sans', sans-serif;
+	background-color: #f7f7f7;
+	position: absolute;
+	margin: 0px;
+	font-size: 12px;
+	padding: 0px;
+    width: 100%;
+    height: 100%;
+	/*-webkit-font-smoothing: antialiased;*/
+}
+h1,h2,h3,h4,h5 {
+	margin: 0;
+	line-height: inherit;
+	color: #29323d;
+
+	small {
+		margin-left: 15px;
+		font-style: italic;
+	}
+}
+
+body.menu {
+	overflow-x: hidden;
+	.content {
+		margin-left: 165px;
+		position: fixed;
+		width: 850px;
+	}
+	#sidebar-nav {
+		position: absolute;
+		left: 0;
+		/*height: 100%;*/
+		border-right: 0px;
+		box-shadow: none;
+	}
+}
+
+input.search{
+	background: url(<%=image_path('rademade_admin/icons/lens.png')%>) #fcfcfc no-repeat 95%;
+	box-shadow: none;
+	height: 25px;
+	width: 220px;
+	font-size: 13px;
+	padding: 2px 6px;
+	border:1px solid #d0dde9;
+	margin: 0;
+	border-radius: 2px;
+	top: 11px;
+}
+
+.header{
+	margin-bottom: 60px;
+	h1, h2, h3, h4, h5 {
+		float: left;
+		margin-top: 5px;
+	}
+}
+
+/* Custom navbar stuff */
+
+/* search input */
+.navbar-inverse {
+	input.search {
+		height: 27px;
+		width: 220px;
+		padding: 3px 6px;
+		background: url("<%=image_path('rademade_admin/icons/lens.png')%>") #0f1217 no-repeat 95%;
+		border: 1px solid #0f1217;
+		position: relative;
+		border-radius: 4px;
+		top: 9px;
+		color: #000;
+		font-size: 13px;
+		margin-right: 40px;
+		-webkit-transition: all .3s linear;
+	    -moz-transition: all .3s linear;
+	    transition: all .3s linear;
+	    &:focus {
+			background-color: #fff;
+			border: 0;
+		}
+	}
+	/* navbar settings and logout icons */
+	.settings i {
+		color: #9ba3ad;
+		font-size: 21px;
+	}
+
+	/* notification menu with custom dropdowns */
+	.notification-dropdown {
+		position: relative;
+		> a:hover,
+		> a.active {
+			background: #254261 !important;
+			box-shadow: inset 1px 0px 1px 0px rgb(62, 90, 121);
+		}
+		i {
+			font-size: 17px;
+			color: #9ba3ad;
+		}
+		.count {
+			position: absolute;
+			top: 1px;
+			left: 58%;
+			background: rgb(53, 186, 196);
+			padding: 0px 5px;
+			border-radius: 30px;
+			color: #fff;
+			line-height: 16px;
+			z-index: 9999;
+			text-align: center;
+			font-size: 11px;
+		}
+	}
+
+	/* navbar popup dialog */
+	.pop-dialog {
+		position: absolute;
+		right: -10px;
+		top: 55px;
+		display: none;
+
+		&.is-visible {
+			display: block;
+			-webkit-animation: reveal .2s ease-out;
+			-moz-animation: reveal .2s ease-out;
+			animation: reveal .2s ease-out;
+		}
+		.body {
+			box-shadow: 0px 1px 9px 1px #c2c2c2;
+		}
+		.close-icon {
+			float: right;
+			text-decoration: none;
+			z-index: 9999;
+			position: relative;
+		}
+		.footer {
+			border-top: 1px solid #e6e8e9;
+			background-color: #eff4f7;
+			margin: 15px 0px -10px 0px;
+			border-radius: 0px 0px 5px 5px;
+			padding: 12px 20px;
+			text-align: center;
+			a {
+				font-weight: 600;
+				color: #7d91a8;
+			}
+		}
+
+		/* navbar popup dialog for notifications */
+		.notifications {
+			width: 330px;
+			margin: 10px -10px 0px -10px;
+			h3 {
+				font-size: 13px;
+				color: #404951;
+				font-weight: bold;
+				padding-left: 20px;
+				margin-top: 5px;
+				margin-bottom: 15px;
+			}
+			.item {
+				display: block;
+				padding: 10px 0px 8px 20px;
+				border-top: 1px solid #e7e8ea;
+				color: rgb(54, 54, 54);
+				text-decoration: none;
+				padding-left: 50px;
+				position: relative;
+				transition: all .25s linear;
+				-moz-transition: all .25s linear;
+				-webkit-transition: all .25s linear;
+				-o-transition: all .25s linear;
+
+				&:hover {
+					background: rgb(240, 246, 255);
+				}
+				> i {
+					color: rgb(252, 130, 123);
+					position: absolute;
+					left: 19px;
+					font-size: 18px;
+					&.icon-user {
+						left: 18px;
+					}
+				}
+				.time {
+					float: right;
+					color: #82a3c1;
+					font-style: italic;
+					font-weight: 600;
+					font-size: 11px;
+					min-width: 60px;
+					margin-right: 5px;
+					i {
+						font-size: 13px;
+						color: #cfcfcf;
+						margin-right: 1px;
+					}
+				}
+			}
+		}
+
+		/* navbar popup dialog for messages */
+		.messages {
+			width: 325px;
+			margin: 10px -10px 0px -10px;
+			.item {
+				display: block;
+				padding: 10px 20px 15px 20px;
+				height: 80px;
+				border-bottom: 1px solid #e7e8ea;
+				color: rgb(54, 54, 54);
+				text-decoration: none;
+				position: relative;
+				transition: all .25s linear;
+				-moz-transition: all .25s linear;
+				-webkit-transition: all .25s linear;
+				-o-transition: all .25s linear;
+
+				&.last {
+					border-bottom: 0px;
+				}
+				&:hover {
+					background: rgb(240, 246, 255);
+				}
+				.display {
+					float: left;
+					border-radius: 50px;
+					margin-right: 15px;
+				}
+				.name {
+					font-size: 12px;
+					color: #404951;
+					font-weight: bold;
+				}
+				.msg {
+					font-size: 11px;
+					color: rgb(99, 99, 99);
+					line-height: 13px;
+					position: relative;
+					top: 2px;
+				}
+				.time {
+					position: absolute;
+					right: 0px;
+					bottom: 6px;
+					color: #82a3c1;
+					font-style: italic;
+					font-weight: 600;
+					font-size: 11px;
+					min-width: 60px;
+					margin-right: 5px;
+					i {
+						font-size: 13px;
+						color: #cfcfcf;
+						margin-right: 1px;
+					}
+				}
+			}
+			.footer {
+				margin-top: 6px;
+			}
+		}
+	}
+}
+
+
+
+/* Sidebar */
+#sidebar-nav {
+	position: absolute;
+	width: 180px;
+	float: left;
+	margin: 0em;
+
+	#dashboard-menu {
+		list-style: none;
+		padding-right: 15px;
+		padding-left: 15px;
+		margin-bottom: 0;
+		margin-left: 20px;
+
+		> li > a {
+			display: block;
+			padding: 19px 14px 15px 14px;
+			margin-left: -15px;
+			margin-bottom: 5px;
+			border-bottom: 1px solid #dae1e8;
+			box-shadow: 0 2px 1px -1px #FFFFFF;
+			color: rgb(110, 130, 155);
+			outline: 0px;
+			line-height: 21px;
+		}
+		> li {
+			position: relative;
+			/* font awesome icon */
+			.icon-group {
+				font-size: 22px;
+			}
+			i {
+				font-size: 23px;
+				top: 17px;
+			}
+			&:hover i{
+				opacity: 1;
+			}
+			&.active > a,
+			> a:hover {
+				color: rgba(51, 69, 90, 1);
+				text-decoration: none;
+			}
+			&.active {
+				a {
+					font-weight: 600;
+					text-shadow: 1px 1px 1px #fff;
+				}
+				i {
+					opacity: 1;
+				}
+			}
+		}
+		.pointer {
+			position: absolute;
+			right: 9px;
+			top: 20px;
+			.arrow,
+			.arrow_border {
+				border-color: transparent #fff transparent transparent;
+				border-width: 11px;
+				border-style: solid;
+				font-size: 0;
+				left: 50%;
+				line-height: 0;
+				margin: 0 auto;
+				position: absolute;
+				top: 0;
+				width: 0;
+				z-index: 1002;
+				left: 0;
+				margin-left: 45%;
+			}
+			.arrow_border {
+				border-color: transparent rgb(192, 210, 221) transparent transparent;
+				border-width: 11px;
+				margin-left: -1px;
+				border-style: solid;
+				z-index: 1001;
+				top: 0px;
+			}
+		}
+		a {
+			span {
+				margin-left: 35px;
+				transition: color .1s linear;
+				-moz-transition: color .1s linear;
+				-webkit-transition: color .1s linear;
+				-o-transition: color .1s linear;
+			}
+			&.ui-elements span {
+				margin-left: 25px;
+			}
+			i {
+				position: absolute;
+				left: 0;
+				height: 24px;
+				width: 24px;
+				opacity: 0.7;
+				transition: opacity .1s ease;
+				-moz-transition: opacity .1s ease;
+				-webkit-transition: opacity .1s ease;
+				-o-transition: opacity .1s ease;
+
+				&.fa-chevron-down {
+					position: relative;
+					float: right;
+					top: 5px;
+					font-size: 11px;
+					color: rgb(104, 104, 104);
+					width: initial;
+					height: initial;
+				}
+			}
+		}
+
+		/* sidebar submenus */
+		> li.active,
+		> li.open {
+			.dropdown-toggle {
+				border-bottom: 0px;
+				box-shadow: none;
+			}
+            ul.submenu {
+                display: block;
+            }
+		}
+		ul.submenu {
+			list-style-type: none;
+			display: none;
+			margin-top: 7px;
+			margin-bottom: 15px;
+			margin-right: 5px;
+			margin-left: -15px;
+			padding-left: 15px;
+			border-bottom: 1px solid #dae1e8;
+			box-shadow: 0 2px 1px -1px #FFFFFF;
+			padding-bottom: 10px;
+			&.active {
+				display: block;
+			}
+			a {
+				font-weight: normal;
+				font-size: 13px;
+				color: rgb(76, 83, 90);
+				text-decoration: none;
+				display: block;
+				margin-bottom: 7px;
+				&:hover {
+					text-decoration: underline;
+				}
+				&.active {
+					font-weight: bold;
+					text-shadow: none;
+				}
+			}
+		}
+	}
+}
+
+
+
+#pad-wrapper {
+	padding: 0px 50px;
+	margin-top: 30px;
+	h4 {
+		color: #696d73;
+		font-style: italic;
+	}
+    .head {
+        margin-top: 15px;
+    }
+}
+
+.content {
+	min-width: 400px;
+	min-height: 620px;
+	margin-bottom: 20px;
+	padding-bottom: 50px;
+	overflow: hidden;
+	position: relative;
+	background: #fff;
+	margin-left: 177px;
+	border-left: 1px solid #dae3e9;
+	border-bottom: 1px solid #dae3e9;
+	box-shadow: -3px 3px 3px -2px #f1f1f3;
+	border-radius: 5px 0px 0px 5px;
+
+	&.wide-content {
+		margin-left: 0;
+		border-radius: 0;
+	}
+}
+
+
+
+/* responsive */
+@media (max-width: 1020px) {
+}
+@media (max-width: 768px) {
+	#pad-wrapper {
+		padding: 0px 15px;
+	}
+	.content {
+		min-width: 0px;
+		margin:0;
+
+        -webkit-transition: margin-left .3s ease;
+        -moz-transition: margin-left .3s ease;
+        -o-transition: margin-left .3s ease;
+        -ms-transition: margin-left .3s ease;
+        transition: margin-left .3s ease;
+	}
+	#dashboard-menu .pointer {
+		display: none;
+	}
+	#sidebar-nav {
+		left: -200px;
+		position: fixed;
+		z-index: 9999;
+		background-color: #f7f7f7;
+		padding-top: 0px;
+		border-right: 1px solid #ccc;
+		width: 165px;
+		box-shadow: 1px 1px 4px 1px rgb(233, 233, 233);
+
+		-webkit-transition: left .3s ease;
+		-moz-transition: left .3s ease;
+		-o-transition: left .3s ease;
+		-ms-transition: left .3s ease;
+		transition: left .3s ease;
+	}
+	#sidebar-nav #dashboard-menu {
+		margin-left: 10px;
+	}
+	#sidebar-nav #dashboard-menu li a span {
+		visibility: visible;
+	}
+	#sidebar-nav #dashboard-menu li:last-child a {
+		border-bottom: 0px;
+		box-shadow: none;
+	}
+}
+@media (max-width: 822px) {
+	.navbar-inverse input.search {display: none;}
+}
+@media (max-width: 767px) {
+	#main-stats .stat{
+		width: 50%;
+		float: left;
+	}
+}