1 files changed, 728 insertions, 0 deletions
diff --git a/warehouse/src/main/webapp/css/style.css b/warehouse/src/main/webapp/css/style.css
new file mode 100644
index 0000000..123598e
--- /dev/null
+++ b/warehouse/src/main/webapp/css/style.css
@@ -0,0 +1,728 @@
+/* ==== Google font ==== */
+
+/* ---------------------------------------------------------------------------- */
+/* ------------------------------------Html-Body------------------------------- */
+/* ---------------------------------------------------------------------------- */
+body {
+	font-family: 'Ek Mukta', sans-serif;
+	color: #666;
+	background: url('image/transp_bg.png') repeat;
+	font-size: 16px;
+	line-height: 1.6em;
+	font-weight: 400;
+}
+
+html, body {
+	width: 100%;
+	padding: 0;
+	margin: 0;
+}
+
+/* ---------------------------------------------------------------------------- */
+/* ---------------------------------------------------------------------------- */
+/* ---------------------------------------------------------------------------- */
+html {
+	-webkit-text-size-adjust: none;
+}
+
+.video embed, .video object, .video iframe {
+	width: 100%;
+	height: auto;
+}
+
+img {
+	max-width: 100%;
+	height: auto;
+	width: auto\9; /* ie8 */
+}
+
+h1 {
+	font-size: 38px;
+}
+
+h2 {
+	font-size: 36px;
+}
+
+h3 {
+	font-size: 32px;
+}
+
+h4 {
+	font-size: 28px;
+}
+
+h5 {
+	font-size: 24px;
+}
+
+h6 {
+	font-size: 20px;
+}
+
+h1, h2, h3, h4, h5, h6 {
+	font-family: 'Roboto', sans-serif;
+	color: #111;
+}
+
+p {
+	color: #816943;
+}
+
+.ellipsis{
+	overflow: hidden;
+	display: -webkit-box;
+	-webkit-line-clamp: 2;
+	-webkit-box-orient: vertical;
+}
+
+.ellipsis4{
+	overflow: hidden;
+	display: -webkit-box;
+	-webkit-line-clamp: 4;
+	-webkit-box-orient: vertical;
+}
+
+.copyrights {
+	text-indent: -9999px;
+	height: 0;
+	line-height: 0;
+	font-size: 0;
+	overflow: hidden;
+}
+
+.f-right {
+	float: right;
+}
+
+.f-left {
+	float: left;
+}
+
+.t-center {
+	text-align: center;
+	margin: 0 auto;
+}
+
+.t-right {
+	text-align: right;
+}
+
+.t-left {
+	text-align: left;
+}
+
+.post {
+	
+}
+
+.post:after, .post:before, article:after, article:before, section:after,
+	section:before {
+	clear: both;
+	content: '\0020';
+	display: block;
+	visibility: hidden;
+	width: 0;
+	height: 0;
+}
+
+.clear {
+	content: "\0020";
+	display: block;
+	height: 0;
+	clear: both;
+	visibility: hidden;
+}
+
+.clearfix:after, .clearfix:before {
+	clear: both;
+	content: '\0020';
+	display: block;
+	visibility: hidden;
+	width: 0;
+	height: 0;
+}
+
+hr {
+	border-color: #aaa;
+}
+/* ---------------------------------------------------------------------------- */
+/* ------------------------------------Top------------------------------------- */
+/* ---------------------------------------------------------------------------- */
+.top {
+	background-image: radial-gradient(#8aeab8, #00D096);
+	/* color: white; */
+	font-family: Asap;
+	min-height: 138px;
+	max-height: 139px;
+}
+
+.toplogo {
+	display: block;
+	margin: 20px auto;
+}
+
+/* ---------------------------------------------------------------------------- */
+/* ----------------------------------Navbar------------------------------------ */
+/* ---------------------------------------------------------------------------- */
+#nav {
+	font-family: Asap;
+}
+
+#nav>.navbar-inner {
+	border-left: 0;
+	border-right: 0;
+	border-radius: 0;
+	-webkit-border-radius: 0;
+	-moz-border-radius: 0;
+	-o-border-radius: 0;
+}
+
+#nav.affix {
+	position: fixed;
+	top: 0;
+	width: 100%
+}
+
+.navbar {
+	background-color: transparent;
+	background: transparent;
+	color: #fff;
+	opacity: 100;
+	border: 0px;
+	border-radius: 0px;
+	z-index: 9999;
+}
+
+/* .navbar-default {
+	background-color: #29282E;
+} */
+
+.navbar-default .navbar-brand {
+	color: #fff;
+	font-weight: 700;
+}
+
+.navbar-default .navbar-nav>li>a {
+	color: #fff;
+	font-weight: 300;
+}
+
+.dropdown-menu>li>a {
+	font-weight: bold;
+}
+
+.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-brand:hover
+	{
+	color: #CEE3F6;
+}
+
+.navbar-default .navbar-toggle {
+	background-color: #00D096;
+	border: 0px;
+}
+
+.navbar-default .navbar-toggle .icon-bar {
+	background-color: #ffffff;
+}
+
+.open {
+	color: #fff;
+}
+
+.navbar-default .navbar-nav .open .dropdown-menu>li>a, .navbar-default .navbar-nav .open .dropdown-menu
+	{
+	background-color: #FBFBFB;
+	color: #000;
+}
+
+/* The style of navbar(app,user,setting .etc)  ******************************************* */
+.main-manager{
+	list-style-type:none;
+	margin:0;
+	padding:0;
+	overflow:hidden;
+}
+
+.main-manager .main-manager-nav{
+	display:inline;
+	float:left;
+	margin-right:20px;
+	border-bottom: 0px solid #fff;
+}
+
+.main-manager .main-manager-nav a:hover{
+	text-decoration:underline;   
+}
+
+.main-manager .main-manager-nav .main-manager-nav-line{
+	height: 20px;
+	width: 2px;
+	background-image:-webkit-linear-gradient(#4d4e4e, #c5c4c4, #4d4e4e);
+	margin-top:-20px;
+	margin-left:70px;
+	opacity:0.7;
+}
+
+.main-manager .main-manager-nav .navbar-choosen{
+	display:block;
+	width:60px;
+	font-size:25px;
+	color:#cee3f6;
+}
+
+.main-manager .main-manager-nav:last-child {
+    border-right: none;
+}
+
+.main-manager .main-manager-nav a {
+    display: block;
+    color: white;
+    text-align: left;
+    text-decoration: none;
+}
+
+.main-manager .main-manager-nav .navbar-default{
+	display:block;
+	width:60px;
+	font-size:25px;
+	color:rgba(255, 255, 255, 1);
+}
+
+/* AUTO DROPDOWN FIX  ******************************************* */
+@media ( min-width :769px) {
+	.dropdown:hover .dropdown-menu {
+		display: block;
+	}
+}
+
+/* ---------------------------------------------------------------------------- */
+/* ---------------------------------Content------------------------------------ */
+/* ---------------------------------------------------------------------------- */
+#page-content {
+	
+}
+
+.index-page, .single-page {
+	background-color: #FFF8F6;
+	color: #3B3632;
+	font-family: Asap;
+	padding-top: 30px;
+}
+
+.index-page article img {
+	float: left;
+	margin-right: 10px;
+	width: 100px;
+}
+
+.single-page #owl-demo1 {
+	margin-bottom: 10px;
+}
+/* ----------------- */
+/* ---MainContent--- */
+#main-content {
+	
+}
+
+article {
+	
+}
+
+article:after, article:before {
+	clear: both;
+	content: '\0020';
+	display: block;
+	visibility: hidden;
+	width: 0;
+	height: 0;
+}
+
+article .info {
+	margin: 5px 0 10px 0;
+}
+
+article .info span {
+	display: block;
+}
+
+article .info a {
+	color: #00D096;
+	text-decoration: none;
+}
+
+article .info a:hover {
+	color: #000;
+}
+
+article h2 {
+	font-size: 30px;
+}
+
+article img {
+	width: auto;
+}
+
+ul.pagination {
+	margin: 40px auto;
+}
+
+ul.pagination li a {
+	border: 1px solid #00D096;
+	color: #444;
+}
+
+ul.pagination li a:hover {
+	background-color: #00D096;
+	color: #fff;
+	border: 1px solid #00D096;
+}
+
+/* ----------------- */
+/* -----SideBar----- */
+.bs-sidebar {
+	background-color: #eee;
+	position: ralative;
+	border-radius: 4px;
+	padding: 5px 0 10px 20px;
+	border: 1px solid #ddd;
+}
+
+.bs-sidebar a {
+	color: #333;
+}
+
+.bs-sidebar a:hover {
+	color: #777;
+}
+
+.bs-sidebar .user {
+	width: 100%;
+	background-color: #D8D8D8;
+	padding: 15px 15px 5px;
+}
+
+.bs-sidebar  img {
+	max-width: 100px;
+	margin: 5px auto 0;
+}
+
+.bs-sidebar h4.user-name {
+	font-size: 20px;
+	text-align: center;
+	text-transform: capitalize;
+}
+
+.bs-sidebar ul.setting {
+	padding: 0;
+}
+
+.bs-sidebar ul.setting li {
+	list-style: none;
+	padding: 15px 0 15px 25px;
+}
+
+.bs-sidebar ul.setting li a {
+	font-size: 17px;
+}
+
+.bs-sidebar ul.setting li:hover a {
+	color: #fff;
+}
+
+.bs-sidebar ul.setting li:hover {
+	background: #333;
+}
+
+.bs-sidebar.affix {
+	top: 42px;
+}
+
+.bs-sidebar .bottom-sidebar {
+	position: absolute;
+	bottom: 0;
+	padding: 15px 0 15px 25px;
+	border-top: 1px solid #aaa;
+	width: 100%;
+}
+
+@media ( min-width : 768px) {
+	.bs-sidebar {
+		min-width: 303px;
+		max-width: 304px;
+		min-height: 451px;
+		max-height: 452px;
+	}
+	.bs-sidebar.affix {
+		min-width: 304px;
+		max-width: 305px;
+		min-height: 450px;
+		max-height: 449px;
+		top: 77px;
+	}
+}
+
+@media ( min-width : 1200px) {
+	.bs-sidebar {
+		min-width: 370px;
+		max-width: 371px;
+		min-height: 495px;
+		max-height: 496px;
+	}
+	.bs-sidebar.affix {
+		min-width: 370px;
+		max-width: 371px;
+		min-height: 495px;
+		max-height: 496px;
+	}
+}
+
+/* ---------------------------------------------------------------------------- */
+/* ----------------------------------Footer------------------------------------ */
+/* ---------------------------------------------------------------------------- */
+footer {
+	background-color: #29282E;
+	color: white;
+	text-align: center;
+	padding: 10px 10px 0px;
+}
+
+footer ul {
+	margin-top: 10px;
+}
+
+footer ul.social-buttons li a {
+	display: block;
+	width: 35px;
+	height: 35px;
+	border-radius: 100%;
+	font-size: 20px;
+	color: #222;
+	background-color: #fff;
+	transition-duration: 0.4s;
+}
+
+footer ul.social-buttons li a:hover {
+	background-color: #1ECD97;
+	color: #fff;
+}
+
+footer ul.social-buttons li a i {
+	margin-top: 7px;
+}
+
+/* ---------------------------------------------------------------------------- */
+/* -------------------------------------Contact-------------------------------- */
+/* ---------------------------------------------------------------------------- */
+.contact h2 {
+	font-size: 34px;
+	font-weight: 500;
+	letter-spacing: 3px;
+	padding-top: 20px;
+	text-align: center;
+}
+
+#contact_form {
+	padding: 25px;
+}
+
+#ff label {
+	cursor: pointer;
+	margin: px 0;
+	display: block;
+	font-weight: bold;
+}
+
+#ff input {
+	display: block;
+	width: 100%;
+	color: #000;
+	padding: 10px;
+	margin: 5px 0 25px 0;
+}
+
+#ff textarea {
+	display: block;
+	width: 100%;
+	height: 200px;
+	background-color: #fff;
+	color: #000;
+	padding: 10px;
+	margin: 5px 0 25px 0;
+}
+
+#ff .sendButton {
+	border: none;
+	cursor: pointer;
+	background-color: #000;
+	-webkit-border-radius: 3px;
+	-moz-border-radius: 3px;
+	border-radius: 3px;;
+	width: 100px;
+	color: #ffffff;
+}
+
+#ff .sendButton:hover {
+	background-color: #333;
+}
+
+.message {
+	text-align: center;
+}
+
+.message .wrap {
+	padding: 50px;
+	background: #ffffff;
+	border: 1px solid #333333;
+	display: inline-block;
+	border-radius: 5px;
+	-webkit-border-radius: 5px;
+	-moz-border-radius: 5px;
+	-khtml-border-radius: 5px;
+}
+
+.message .text {
+	font-size: 35px;
+	margin-bottom: 30px;
+}
+
+/* ---------------------------------------------------------------------------- */
+/* ------------------------------------Button---------------------------------- */
+/* ---------------------------------------------------------------------------- */
+.card-header {
+	height: 160px;
+}
+
+.btn {
+	border-radius: 2px;
+	position: relative;
+	display: inline-block;
+	outline: none;
+	color: #fff;
+	text-decoration: none;
+	text-transform: uppercase;
+	letter-spacing: 1px;
+	font-weight: 400;
+	text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
+	font-size: 14px;
+	box-shadow:none;
+}
+
+.btn:focus,
+.btn:active:focus,
+.btn.active:focus,
+.btn.focus,
+.btn:active.focus,
+.btn.active.focus {
+    outline: none;
+    box-shadow:none;    
+}
+
+a.btn:focus {
+	outline: 0;
+}
+
+.btn-skin {
+	color: #00D096;
+	background-color: transparent;
+	border: 1px solid #00D096;
+	padding: 7px 18px;
+	line-height: 26px;
+	font-weight: bold;
+}
+
+.btn-skin:active {
+	color: #fff;
+	background-color: #00D096;
+}
+
+.art-content {
+	height: 150px;
+}
+
+.art-footer {
+	height: 100%;
+	padding-top: 0px;
+	padding-bottom: 0px;
+}
+
+.input-color {
+	border: 1px solid red;
+}
+
+.style-height {
+	height: 38px;
+}
+
+.style-login {
+	height: 60px;
+	font-size: 130%;
+}
+
+.style-login1 {
+	margin-left: 58px;
+	margin-top: -58px;
+	font-size: 130%;
+}
+
+.fond-size {
+	font-size: 130%;
+}
+
+.style-input {
+	height: 50px;
+	font-size: 20px;
+}
+
+.button-size {
+	font-size: 16px;
+}
+
+.font-size {
+	font-size: 20px;
+}
+
+.margin-left {
+	margin-left: 140px;
+}
+
+.name {
+	margin-left: 140px;
+	margin-top: -120px;
+}
+
+.test1::-webkit-scrollbar {
+	width: 1px;
+	height: 1px;
+}
+
+.test1::-webkit-scrollbar-track {
+	background-color: #1C2732;
+	-webkit-border-radius: 1em;
+	-moz-border-radius: 1em;
+	border-radius: 1em;
+}
+
+.test1::-webkit-scrollbar-thumb {
+	background-color: gray;
+	-webkit-border-radius: 1em;
+	-moz-border-radius: 1em;
+	border-radius: 1em;
+}
+
+.div3D {
+	box-shadow: 0px 0px 4px #000;
+	background: #FFFFFF;
+	border-radius: 5px;
+}
+
+.hr {
+	height: 1px;
+	border: none;
+	border-top: 1px solid #E0E0E0;
+}
+
+.bg-gradient
+{
+ background: linear-gradient(to bottom,#0e0e0e,#1b1b1b,#0e0e0e)
+}