rademade_admin 0.0.1

data/app/assets/stylesheets/rademade_admin/detail_admin/ui-elements.scss.erb

@@ -0,0 +1,177 @@
+#pad-wrapper {
+	.title {
+		margin-bottom: 30px;
+	}
+	.section {
+		margin-bottom: 40px;
+		
+		a.btn-flat,
+		a.btn-glow {
+			margin-right: 5px;
+		}
+		&.btns {
+			a.btn-flat,
+			a.btn-glow {
+				margin-bottom: 12px;
+			}
+		}
+		code {
+			margin-right: 25px;
+		}
+		.btn-group i {
+			color: rgb(125, 136, 146);
+		}
+		.btn-group.audio i {
+			color: #96a9b8;
+			font-size: 12px;
+		}
+	}
+	.ctrls {
+		margin-bottom: 20px;
+		.btn-glow {
+			margin-right: 8px;
+		}
+		.btn-flat.icon {
+			margin-right: 8px;
+		}
+		.btn-group.settings {
+			margin-left: 20px;
+		}
+		.btn-group.settings i {
+			font-size: 13px;
+			color: #444;
+		}
+		.slider-frame {
+			margin-right: 10px;
+		}
+		.pagination {
+			margin: 5px 0px;
+			&.inverse {
+				margin-left: 25px;
+			}
+		}
+		h4 {
+			margin: 20px 0px 20px 0px;
+		}
+
+		.dropdown {			
+			.dropdown-menu {
+				margin-right: 10px;
+				position: static;
+				display: block;
+			}			
+		}
+		.nav-tabs {
+			margin-bottom: 15px;
+		}
+		.tab-content {
+			padding: 0px 10px;
+			margin-bottom: 20px;
+		}
+	}
+	.sliders .slider {
+		margin-bottom: 20px;
+	}
+
+	/* separator */
+	.separator {
+		border-top: 1px solid #edeff1;
+		margin-top: 100px;
+		padding-top: 45px;
+		box-shadow: inset 0px 3px 4px -1px #fafafa;
+	}
+
+	/* pop dialogs specific styles */
+	.section.dialogs h4 {
+		margin-bottom: 30px;
+	}
+}
+
+
+
+/* for menu dialog sample */
+.pop-dialog {
+	.menu {
+		width: 200px;
+		margin: 5px -10px 0px -10px;
+		.item {
+			display: block;
+			padding: 5px 0px 5px 20px;
+			font-weight: 600;
+			color: #333;
+			text-decoration: none;
+			margin-bottom: 5px;
+
+			&:hover {
+				background-color: #30a1ec;
+				color: #fff;
+			}
+		}
+		.footer {
+			border-top: 1px solid #e6e8e9;
+			background-color: #eff4f7;
+			margin: 15px 0px -10px 0px;
+			border-radius: 0px 0px 5px 5px;
+			padding: 12px 20px;
+			.logout {
+				font-weight: 600;
+				color: #7d91a8;
+			}
+		}
+	}
+}
+
+
+/* styles for settings dialog sample */
+.pop-dialog.full {
+	width: 100%;
+}
+.pop-dialog .settings {
+	width: auto;
+	margin: 5px -10px 0px -10px;
+	position: relative;
+	.close-icon {
+		text-decoration: none;
+		position: absolute;
+		top: -18px;
+		right: 10px;
+	}
+	.icon-remove-sign {
+		font-size: 15px;
+		color: #95a8b7;
+		cursor: pointer;
+	}
+	.items {
+		margin-top: 15px;
+		.item {
+			display: block;
+			padding: 7px 0px 7px 20px;
+			color: #333;
+			font-size: 13px;
+			font-weight: 600;
+			border-top: 1px solid #e6e8e9;
+			&:hover {
+				color: rgb(97, 135, 192);
+			}
+			&:first-child {
+				border-top: 0px;
+			}
+			.check {
+				float: right;
+				margin-right: 30px;
+			}
+			.icon-reorder {
+				color: #d9e4ee;
+				font-size: 18px;
+				margin-right: 13px;
+			}
+		}
+	}
+}
+
+@media (min-width: 768px) and (max-width: 979px) {
+	#pad-wrapper .section.dialogs > .span4 {
+		width: 100%;
+		margin-bottom: 30px;
+	}	
+}

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

@@ -0,0 +1,112 @@
+.users-list {
+	.header {
+		h3 {
+			margin-top: 0px;
+		}
+		input.search {
+			padding: 5px 6px;
+			position: relative;
+			top: 0px;
+			&:focus {
+				box-shadow: none;
+				border: 1px solid #888;
+			}
+		}
+		.ui-select {
+			margin: 3px 40px 0 0;
+		}
+		.ui-dropdown {
+			margin-left: 20px;
+			input.form-control {
+				width: 60px;
+				display: inline-block;
+				height: 28px;
+				margin: 0px 8px;
+			}
+		}
+		a.btn-flat span {
+			font-size: 17px;
+			position: relative;
+			top: 2px;
+			margin-right: 4px;
+		}
+	}
+	.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;
+		}
+	}
+	.pagination {
+		margin-top: 25px;
+	}
+}
+
+
+
+/* responsive */
+
+@media (max-width: 767px) {
+	.ui-dropdown .dialog .body{
+		width: 250px;
+		left: 58%;
+		position: relative;
+	}
+	.users-list {
+		.table {
+			a.name {
+				font-size: 12px;
+			}
+			td {
+				font-size: 12px;
+			}
+			.avatar {
+				display: none;
+			}
+		}
+		h3 {
+			display: block;
+			float: none;
+			margin-bottom: 30px;
+		}
+		.header {
+			input.search {
+				margin-bottom: 18px;
+			}
+			.ui-dropdown {
+				float: left;
+				margin-left: 0;
+			}
+		}
+	}
+
+	.ui-dropdown .dialog .body .form input[type="text"]{
+		margin-top: 10px;
+	}
+	.ui-dropdown .dialog .body .form a{
+		margin-top: 10px;
+		margin-left: 18px;
+	}
+}
+

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

@@ -0,0 +1,169 @@
+.user-profile {
+	.header {
+		.avatar{
+			float: left;
+			margin-right: 25px;
+			border: 2px solid #e9ecee;
+			position: relative;
+			top: 3px;
+		}
+		.name {
+			font-weight: 600;
+			margin: 20px 0 8px 0;
+			line-height: 26px;
+			margin-bottom: 10px;
+			float: none;
+		}
+		span.area {
+			color: #7d848c;
+			font-style: italic;
+			font-size: 14px;
+		}
+		a.btn-flat {
+			margin-top: 18px;
+		}
+		a.delete-user {
+			margin-left: 10px;
+			font-size: 14px;
+		}
+	}
+	.profile {
+		.profile-box {
+			border-top: 1px solid #dde2e9;
+			padding-top: 23px;
+			width: 90%;
+		}
+		.section {
+			margin-bottom: 80px;
+
+			&.comment {
+				margin-bottom: 100px;
+				margin-top: 60px;
+			}
+		}
+		.bio {
+			box-shadow: 4px 0px 3px -1px rgba(226, 226, 226, 0.1);
+			border-right: 1px solid #edeef1;
+			.span12 {
+				margin-left: 0;
+			}
+			h6 {
+				font-weight: 600;
+				font-size: 14px;
+			}
+			p {
+				color: #777e86;
+			}
+			textarea {
+				width: 97%;
+				margin-bottom: 13px;
+				height: 80px;
+			}
+		}
+	}
+	.address {
+		 h6 {
+			font-weight: 600;
+			font-size: 14px;
+			margin-bottom: 30px;
+			margin-left: 30px;
+		}
+		iframe {
+			width: 90%;
+			margin-bottom: 30px;
+			float: right;
+			border: 0px;
+		}
+		ul {
+			padding: 0;
+			margin-left: 30px;
+			list-style: none;
+			li {
+				font-size: 13px;
+				line-height: 21px;
+				&.ico-li{
+					margin: 7px 0 7px;
+				}
+			}
+			i {
+				display: inline-block;
+				position: relative;
+				top: 4px;
+				margin-right: 7px;
+				&.ico-mail {
+					margin-right: 5px;
+				}
+			}
+		}
+	}
+}
+
+
+/* responsive */
+
+@media (min-width: 768px) and (max-width: 979px) { 
+	.user-profile .address ul {
+		margin-left: 18px;
+		i {
+			display: none;
+		}
+		li.ico-li{
+			font-weight: bold;
+			a {
+				font-weight: normal;
+			}
+		}
+	}
+}
+
+@media (max-width: 768px) {
+	.user-profile {
+		.profile {
+			.bio{
+				border-right: 0 none;
+				border-bottom: 1px solid #edeef1;
+				box-shadow: 0px 4px 3px -1px rgba(226, 226, 226, 0.1);
+				.span12{
+					width: auto;
+				}
+			}
+			.profile-box{
+				width: 100%;
+			}
+		}
+		.address {
+			margin-top: 44px;
+			iframe{
+				width: 100%;
+			}
+			h6 {
+				margin-left: 0;
+			}
+			ul {
+				margin: 0;
+			}
+		}
+		.header {
+			a.btn-flat {
+				margin: 0;
+			}
+			a.edit {
+				margin-right: 10px;
+			}
+		}
+	}
+}
+
+@media (max-width: 480px) {
+	.user-profile .header {
+		a.btn-flat {
+			margin: 0;
+		}
+		a.edit {
+			margin-right: 10px;
+		}
+	}
+}
+
+
+