添加Metronic（作为LFS）

frontend/static/assets/admin/pages/css/about-us.css

@@ -0,0 +1,21 @@
+/***
+Anout Us Page
+***/
+.meet-our-team h3 {
+  margin-bottom: 0;
+  padding: 10px;
+  background: #f9f9f9;
+}
+
+.meet-our-team small {
+  display: block;
+  font-size: 12px;
+  color: #999;
+  margin-top: 5px;
+}
+
+.meet-our-team .team-info {
+  padding: 10px;
+  overflow: hidden;
+  background: #f5f5f5;
+}

frontend/static/assets/admin/pages/css/blog.css

@@ -0,0 +1,165 @@
+/***
+Blog Page
+***/
+/*--Block Article--*/
+.blog-page {
+  padding-bottom: 20px;
+}
+
+.blog-page h1 {
+  margin-bottom: 20px;
+}
+
+.blog-page h2 a {
+  color: #000;
+}
+
+.blog-page h2 a:hover {
+  color: #0d638f;
+  text-decoration: none;
+}
+
+.blog-page hr {
+  margin-top: 30px !important;
+}
+
+.blog-page .article-block {
+  padding-bottom: 20px;
+}
+
+.blog-page .news-img img {
+  margin-top: 9px;
+}
+
+.blog-page .blog-tag-data ul {
+  margin-bottom: 5px;
+}
+
+.blog-page .blog-tag-data li {
+  padding: 0;
+}
+
+.blog-page .blog-tag-data li i {
+  color: #78cff8;
+}
+
+.blog-page .blog-tag-data li a {
+  padding: 0;
+  color: #555;
+  margin-right: 8px;
+}
+
+.blog-page .blog-tag-data {
+  margin-bottom: 10px;
+}
+
+.blog-page .blog-tag-data ul.blog-tags a {
+  background: #eee;
+  padding: 1px 4px;
+  margin: 0 4px 4px 0;
+  display: inline-block;
+}
+
+.blog-page .blog-tag-data ul.blog-tags a:hover {
+  background: #ddd;
+  text-decoration: none;
+}
+
+.blog-page .blog-tag-data .blog-tag-data-inner {
+  text-align: right;
+}
+
+.blog-page .blog-tag-data img {
+  margin-bottom: 12px;
+}
+
+.blog-page .blog-article {
+  padding-bottom: 20px;
+}
+
+.blog-page .blog-article h3,
+.blog-page .blog-article h2,
+.blog-page .blog-article h1,
+.blog-page .blog-article h4 {
+  margin-top: 0;
+}
+
+/*--Block Sidebar--*/
+.blog-sidebar h2 {
+  font-size: 38.5px;
+  margin-bottom: 20px;
+}
+
+/*Twitter block*/
+.blog-twitter-block {
+  padding: 5px;
+  position: relative;
+  margin-bottom: 10px;
+  border-right: solid 2px #ddd;
+}
+
+.blog-twitter-block:hover {
+  background: #fafafa;
+  border-color: #35aa47;
+}
+
+.blog-twitter-block a {
+  color: #4d90fe;
+}
+
+.blog-twitter-block p {
+  margin-bottom: 0;
+}
+
+.blog-twitter-block span {
+  color: #555;
+  display: block;
+  font-size: 12px;
+}
+
+.blog-twitter-block i.blog-twiiter-icon {
+  color: #eee;
+  right: 10px;
+  bottom: 10px;
+  font-size: 30px;
+  position: absolute;
+}
+
+/***
+Blog & News Item Page
+***/
+/*--Media Object--*/
+.blog-page .media img {
+  height: 54px;
+  position: relative;
+  top: 3px;
+  width: 54px;
+}
+
+.blog-page h4.media-heading {
+  position: relative;
+}
+
+.blog-page h4.media-heading span {
+  color: #777777;
+  font-size: 12px;
+  position: absolute;
+  right: 0;
+  top: 3px;
+}
+
+.blog-page h4.media-heading span a {
+  color: #78cff8;
+}
+
+/*Post Comment*/
+.blog-page .post-comment .color-red {
+  color: #f00;
+}
+
+/*For Responsive*/
+@media (max-width: 768px) {
+  .blog-page .blog-tag-data .blog-tag-data-inner {
+    text-align: left;
+  }
+}

frontend/static/assets/admin/pages/css/coming-soon.css

@@ -0,0 +1,104 @@
+/***
+Coming Soon Page
+***/
+body {
+  background-color: #ddd;
+  padding: 0;
+  margin: 0;
+}
+
+.coming-soon-header {
+  padding: 20px;
+  margin-top: 80px;
+}
+
+.coming-soon-content {
+  padding: 20px;
+  margin-top: 10px;
+}
+
+.coming-soon-countdown {
+  padding: 20px;
+}
+
+.coming-soon-content h1,
+.coming-soon-content p {
+  color: #fff;
+}
+
+.coming-soon-content h1 {
+  font-size: 42px;
+  line-height: 50px;
+  margin-bottom: 15px;
+  font-weight: 300;
+}
+
+.coming-soon-content p {
+  font-size: 13px;
+}
+
+.coming-soon-footer {
+  text-align: left !important;
+  font-size: 12px;
+  color: #fefefe;
+  padding: 20px 20px 20px 20px;
+}
+
+/*Countdown*/
+#defaultCountdown {
+  width: 100%;
+  margin: 10px 0;
+  overflow: hidden;
+}
+
+#defaultCountdown span.countdown_row {
+  overflow: hidden;
+}
+
+#defaultCountdown span.countdown_row span {
+  font-size: 16px;
+  font-weight: 300;
+  line-height: 20px;
+  margin-right: 2px;
+}
+
+#defaultCountdown span.countdown_row > span {
+  float: left;
+}
+
+#defaultCountdown span.countdown_section {
+  color: #fff;
+  padding: 7px 15px !important;
+  margin-bottom: 2px;
+  font-weight: 300;
+  background: url(../img/bg-white.png) repeat;
+  text-align: center;
+}
+
+#defaultCountdown span.countdown_amount {
+  display: inline-block;
+  font-size: 38px !important;
+  padding: 15px !important;
+  font-weight: 300;
+}
+
+/*Responsive*/
+@media (max-width: 1024px) {
+  #defaultCountdown span.countdown_amount {
+    padding: 10px;
+  }
+}
+@media (max-width: 767px) {
+  .coming-soon-header,
+  .coming-soon-countdown,
+  .coming-soon-content,
+  .coming-soon-footer {
+    margin-top: 0px;
+    padding: 10px;
+  }
+}
+@media (max-width: 320px) {
+  .coming-soon-content .btn-subscribe span {
+    display: none;
+  }
+}

frontend/static/assets/admin/pages/css/error.css

@@ -0,0 +1,141 @@
+/***
+Error Pages
+***/
+/* 404 page option #1 */
+.page-404 {
+  text-align: center;
+}
+
+.page-404 .number {
+  position: relative;
+  top: 35px;
+  display: inline-block;
+  letter-spacing: -10px;
+  margin-top: 0px;
+  margin-bottom: 10px;
+  line-height: 128px;
+  font-size: 128px;
+  font-weight: 300;
+  color: #7bbbd6;
+  text-align: right;
+}
+
+.page-404 .details {
+  margin-left: 40px;
+  display: inline-block;
+  padding-top: 0px;
+  text-align: left;
+}
+
+/* 500 page option #1 */
+.page-500 {
+  text-align: center;
+}
+
+.page-500 .number {
+  display: inline-block;
+  letter-spacing: -10px;
+  line-height: 128px;
+  font-size: 128px;
+  font-weight: 300;
+  color: #ec8c8c;
+  text-align: right;
+}
+
+.page-500 .details {
+  margin-left: 40px;
+  display: inline-block;
+  text-align: left;
+}
+
+/* 404 page option #2*/
+.page-404-full-page {
+  overflow-x: hidden;
+  padding: 20px;
+  margin-bottom: 20px;
+  background-color: #fafafa !important;
+}
+
+.page-404-full-page .details input {
+  background-color: #ffffff;
+}
+
+.page-404-full-page .page-404 {
+  margin-top: 100px;
+}
+
+/* 500 page option #2*/
+.page-500-full-page {
+  overflow-x: hidden;
+  padding: 20px;
+  background-color: #fafafa !important;
+}
+
+.page-500-full-page .details input {
+  background-color: #ffffff;
+}
+
+.page-500-full-page .page-500 {
+  margin-top: 100px;
+}
+
+/* 404 page option #3*/
+.page-404-3 {
+  background: black !important;
+}
+
+.page-404-3 .page-inner img {
+  right: 0;
+  bottom: 0;
+  z-index: -1;
+  position: absolute;
+}
+
+.page-404-3 .error-404 {
+  color: #fff;
+  text-align: left;
+  padding: 70px 20px 0;
+}
+
+.page-404-3 h1 {
+  color: #fff;
+  font-size: 130px;
+  line-height: 160px;
+}
+
+.page-404-3 h2 {
+  color: #fff;
+  font-size: 30px;
+  margin-bottom: 30px;
+}
+
+.page-404-3 p {
+  color: #fff;
+  font-size: 16px;
+}
+
+@media (max-width: 480px) {
+  .page-404 .number,
+  .page-500 .number,
+  .page-404 .details,
+  .page-500 .details {
+    text-align: center;
+    margin-left: 0px;
+  }
+
+  .page-404-full-page .page-404 {
+    margin-top: 30px;
+  }
+
+  .page-404-3 .error-404 {
+    text-align: left;
+    padding-top: 10px;
+  }
+
+  .page-404-3 .page-inner img {
+    right: 0;
+    bottom: 0;
+    z-index: -1;
+    position: fixed;
+  }
+}

frontend/static/assets/admin/pages/css/image-crop.css

@@ -0,0 +1,40 @@
+/* Apply these styles only when #preview-pane has
+   been placed within the Jcrop widget */
+#preview-pane {
+  display: block;
+  position: absolute;
+  z-index: 2000;
+  right: -200px;
+  padding: 6px;
+  border: 1px rgba(0, 0, 0, 0.4) solid;
+  background-color: white;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+  -webkit-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
+  -moz-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
+  box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
+}
+
+@media (max-width: 1024px) {
+  #preview-pane {
+    right: 0;
+  }
+}
+/* The Javascript code will set the aspect ratio of the crop
+   area based on the size of the thumbnail preview,
+   specified here */
+#preview-pane .preview-container {
+  width: 175px;
+  height: 150px;
+  overflow: hidden;
+}
+
+#demo7 {
+  background-color: #eee;
+  width: 500px;
+  height: 330px;
+  font-size: 24px;
+  font-weight: 300;
+  display: block;
+}

frontend/static/assets/admin/pages/css/inbox.css

@@ -0,0 +1,481 @@
+/***
+Inbox Page
+***/
+.inbox {
+  margin-bottom: 20px;
+}
+
+.inbox .inbox {
+  margin-bottom: 0px;
+}
+
+.inbox .tab-content {
+  overflow: inherit;
+}
+
+.inbox .inbox-loading {
+  display: none;
+  font-size: 22px;
+  font-weight: 300;
+}
+
+/*Imbox Menu*/
+.inbox .inbox-nav {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.inbox .inbox-nav li {
+  position: relative;
+}
+
+.inbox .inbox-nav li a {
+  color: #4d82a3;
+  display: block;
+  font-size: 15px;
+  border-left: none;
+  text-align: left !important;
+  padding: 8px 14px;
+  margin-bottom: 1px;
+  background: #f4f9fd;
+}
+
+.inbox .inbox-nav li.active a,
+.inbox .inbox-nav li.active:hover a {
+  color: #fff;
+  border-left: none;
+  background: #169ef4 !important;
+  text-decoration: none;
+}
+
+.inbox .inbox-nav li.active b {
+  top: 0;
+  right: -4px;
+  width: 8px;
+  height: 35px;
+  position: absolute;
+  display: inline-block;
+  background: url(../img/inbox-nav-arrow-blue.png) no-repeat;
+}
+
+.inbox .inbox-nav li:hover a {
+  color: #4d82a3;
+  background: #eef4f7 !important;
+  text-decoration: none;
+}
+
+.inbox .inbox-nav li.compose-btn a {
+  color: #fff;
+  text-shadow: none;
+  text-align: center;
+  margin-bottom: 18px;
+  background: #35aa47;
+}
+
+.inbox .inbox-nav li.compose-btn i,
+.inbox .inbox-nav li.compose-btn:hover i {
+  top: 1px;
+  color: #fff;
+  font-size: 15px;
+  position: relative;
+  background: none !important;
+}
+
+.inbox .inbox-nav li.compose-btn a:hover {
+  background-color: #1d943b !important;
+}
+
+/*Inbox Content*/
+.inbox .inbox-header {
+  overflow: hidden;
+}
+
+.inbox .inbox-header h1 {
+  margin: 0;
+  color: #666;
+  margin-bottom: 10px;
+}
+
+.inbox .pagination-control {
+  text-align: right;
+}
+
+.inbox .pagination-control .pagination-info {
+  display: inline-block;
+  padding-right: 10px;
+  font-size: 14px;
+  line-height: 14px;
+}
+
+.inbox tr {
+  color: #777;
+  font-size: 13px;
+}
+
+.inbox tr label {
+  display: inline-block;
+  margin-bottom: 0;
+}
+
+.inbox tr.unread td {
+  font-weight: 600;
+}
+
+.inbox td i.icon-paper-clip {
+  top: 2px;
+  color: #d8e0e5;
+  font-size: 17px;
+  position: relative;
+}
+
+.inbox tr i.icon-star,
+.inbox tr i.icon-trash {
+  cursor: pointer;
+}
+
+.inbox tr i.icon-star {
+  color: #eceef0;
+}
+
+.inbox tr i.icon-star:hover {
+  color: #fd7b12;
+}
+
+.inbox tr i.inbox-started {
+  color: #fd7b12;
+}
+
+.inbox .table th,
+.inbox .table td {
+  border: none;
+}
+
+.inbox .table th {
+  background: #eef4f7;
+  border-bottom: solid 5px #fff;
+}
+
+.inbox th.text-right {
+  text-align: right;
+}
+
+.inbox th label.inbox-select-all {
+  color: #828f97;
+  font-size: 13px;
+  padding: 1px 4px 0;
+}
+
+.inbox ul.inbox-nav {
+  margin-bottom: 0;
+}
+
+.inbox ul.inbox-nav li {
+  padding: 0;
+}
+
+.inbox ul.inbox-nav li span {
+  color: #828f97;
+  font-size: 12px;
+  margin-right: 10px;
+}
+
+.inbox ul.inbox-nav i {
+  color: #fff;
+  padding: 1px 0;
+  font-size: 15px;
+  cursor: pointer;
+  background: #d0dde4 !important;
+}
+
+.inbox ul.inbox-nav i:hover {
+  background: #169ef4 !important;
+}
+
+.inbox td.text-right {
+  width: 100px;
+  text-align: right;
+}
+
+.inbox td.inbox-small-cells {
+  width: 10px;
+}
+
+.inbox .table-hover tbody tr:hover > td,
+.inbox .table-hover tbody tr:hover > th,
+.inbox .table-striped tbody > tr:nth-child(odd) > td,
+.inbox .table-striped tbody > tr:nth-child(odd) > th {
+  background: #f8fbfd;
+  cursor: pointer;
+}
+
+.inbox .table-hover tbody tr:hover > td,
+.inbox .table-hover tbody tr:hover > th {
+  background: #eef4f7;
+}
+
+/*Inbox Drafts*/
+.inbox .inbox-drafts {
+  padding: 8px 0;
+  text-align: center;
+  border-top: solid 1px #eee;
+  border-bottom: solid 1px #eee;
+}
+
+/*Inbox View*/
+.inbox-view-header {
+  margin-bottom: 20px;
+}
+
+.inbox-view-header h1 {
+  color: #666;
+  font-size: 22px;
+  line-height: 24px;
+  margin-bottom: 0 !important;
+}
+
+.inbox-view-header h1 a {
+  top: -2px;
+  color: #fff;
+  cursor: pointer;
+  font-size: 13px;
+  padding: 2px 7px;
+  line-height: 16px;
+  position: relative;
+  background: #b0bcc4;
+  display: inline-block;
+}
+
+.inbox-view-header h1 a:hover {
+  background: #aab5bc;
+  text-decoration: none;
+}
+
+.inbox-view-header i.icon-print {
+  color: #94a4ab;
+  cursor: pointer;
+  font-size: 14px;
+  display: inline-block;
+  padding: 6px 8px !important;
+  background: #edf1f4 !important;
+}
+
+.inbox-view-header i.icon-print:hover {
+  background: #e7ebef !important;
+}
+
+.inbox-view-info {
+  color: #666;
+  padding: 5px 0;
+  margin-bottom: 10px;
+  border-top: solid 1px #eee;
+  border-bottom: solid 1px #eee;
+}
+
+.inbox-view-info strong {
+  color: #666;
+  margin: 0 10px 0 5px;
+}
+
+.inbox-view-info .inbox-info-btn {
+  text-align: right;
+}
+
+.inbox-view-info .inbox-info-btn ul {
+  text-align: left;
+}
+
+.inbox-view-info button {
+  top: 2px;
+  color: #94a4ab;
+  font-size: 13px;
+  margin-left: 4px;
+  padding: 3px 10px;
+  position: relative;
+  background: #edf1f4;
+}
+
+.inbox-view-info button:hover {
+  color: #94a4ab;
+  background: #e7ebef;
+}
+
+.inbox-view {
+  color: #666;
+  padding: 15px 0 0;
+}
+
+.inbox-view a {
+  color: #169ce9;
+}
+
+.inbox-attached {
+  line-height: 16px;
+}
+
+.inbox-attached a {
+  margin: 0 2px;
+}
+
+.inbox-attached img {
+  height: auto;
+  max-width: 250px;
+  margin-bottom: 5px;
+}
+
+.inbox-attached span {
+  margin-right: 3px;
+}
+
+.inbox-attached strong {
+  color: #555;
+  display: block;
+  font-size: 13px;
+}
+
+.inbox-attached .margin-bottom-25 {
+  margin-bottom: 25px;
+}
+
+.inbox-attached .margin-bottom-15 {
+  margin-bottom: 15px;
+}
+
+/*Inbox Compose*/
+.inbox-compose {
+  margin-top: 1px;
+  border: solid 1px #eee;
+}
+
+.inbox-compose-btn {
+  padding: 8px 4px;
+  background: #f0f6fa;
+}
+
+.inbox-compose-attachment {
+  padding: 8px 8px;
+}
+
+.inbox-compose-attachment .btn {
+  padding: 4px 10px;
+}
+
+.inbox-compose-btn button {
+  color: #fff;
+  font-size: 14px;
+  margin-left: 4px;
+  padding: 4px 10px;
+  background: #c0cfdd;
+}
+
+.inbox-compose-btn button:hover {
+  color: #fff;
+  background: #4d90fe;
+}
+
+.inbox-compose-btn button i {
+  margin-right: 3px;
+}
+
+.inbox-compose .inbox-form-group {
+  margin-bottom: 0;
+  position: relative;
+  border-bottom: solid 1px #eee;
+}
+
+.inbox-compose .controls {
+  margin-left: 85px;
+}
+
+.inbox-compose .inbox-form-group > label {
+  width: 80px;
+  float: left;
+  color: #979797;
+  text-align: right;
+}
+
+.inbox-compose .controls > input {
+  border: none !important;
+}
+
+.inbox-compose .controls-to {
+  padding-right: 55px;
+}
+
+.inbox-compose .controls-cc {
+  padding-right: 20px;
+}
+
+.inbox-compose .controls-bcc {
+  padding-right: 20px;
+}
+
+.inbox-compose .inbox-form-group a.close {
+  top: 13px;
+  right: 10px;
+  position: absolute;
+}
+
+.inbox-compose .mail-to .inbox-cc-bcc {
+  display: inline-block;
+  top: 7px;
+  right: 10px;
+  color: #979797;
+  font-size: 14px;
+  cursor: pointer;
+  position: absolute;
+}
+
+.inbox-compose .mail-to .inbox-bcc {
+  margin-left: 5px;
+}
+
+.inbox-compose .mail-to inbox-cc:hover,
+.inbox-compose .mail-to inbox-bcc:hover {
+  color: #777;
+}
+
+.inbox-compose .wysihtml5 {
+  padding: 0px !important;
+  margin: 0px !important;
+  border: 0 !important;
+}
+
+.inbox-compose .wysihtml5-sandbox {
+  padding: 0px !important;
+  margin: 0px !important;
+  display: block !important;
+  border: 0 !important;
+  margin-top: 5px;
+  width: 100% !important;
+  border-left: none;
+  border-right: none;
+  border-color: #eee;
+}
+
+.inbox-compose .wysihtml5-toolbar {
+  border: 0;
+  border-bottom: 1px solid #eee;
+}
+
+.inbox-compose .wysihtml5-toolbar > li {
+  height: 34px;
+  margin-right: 0;
+  margin-bottom: 0;
+}
+
+.inbox-compose .wysihtml5-toolbar > li > a,
+.inbox-compose .wysihtml5-toolbar > li > div > a {
+  background: #fff;
+}
+
+.inbox-compose .wysihtml5-toolbar .dropdown.open .dropdown-toggle,
+ul.wysihtml5-toolbar a.btn.wysihtml5-command-active {
+  background: #eee !important;
+}
+
+@media (max-width: 480px) {
+  .inbox-compose .inbox-form-group > label {
+    margin-top: 7px;
+  }
+}

frontend/static/assets/admin/pages/css/invoice.css

@@ -0,0 +1,39 @@
+/***
+Invoice page
+***/
+.invoice table {
+  margin: 30px 0 30px;
+}
+
+.invoice .invoice-logo {
+  margin-bottom: 20px;
+}
+
+.invoice .invoice-logo p {
+  padding: 5px 0;
+  font-size: 26px;
+  line-height: 28px;
+  text-align: right;
+}
+
+.invoice .invoice-logo p span {
+  display: block;
+  font-size: 14px;
+}
+
+.invoice .invoice-logo-space {
+  margin-bottom: 15px;
+}
+
+.invoice .invoice-payment strong {
+  margin-right: 5px;
+}
+
+.invoice .invoice-block {
+  text-align: right;
+}
+
+.invoice .invoice-block .amounts {
+  margin-top: 20px;
+  font-size: 14px;
+}

frontend/static/assets/admin/pages/css/lock.css

@@ -0,0 +1,130 @@
+/***
+Lock Page
+***/
+body {
+  background-color: #ddd;
+  padding: 0;
+  margin: 0;
+}
+
+.page-lock {
+  top: 50%;
+  left: 50%;
+  position: absolute;
+  margin-top: -140px;
+  margin-left: -260px;
+}
+
+.page-lock .page-logo {
+  margin-bottom: 15px;
+}
+
+.page-lock .page-body {
+  width: 500px;
+  padding: 10px;
+  background: url(../img/bg-white-lock.png) repeat;
+}
+
+.page-lock .page-body:after,
+.page-lock .page-body:before {
+  display: table;
+  content: "";
+  line-height: 0;
+}
+
+.page-lock .page-body:after {
+  clear: both;
+}
+
+.page-lock .page-footer-custom {
+  margin-top: 10px;
+  text-align: left !important;
+  font-size: 12px;
+  color: #eaeaea;
+}
+
+.page-lock img.page-lock-img {
+  float: left;
+  width: 200px;
+  height: auto;
+}
+
+.page-lock .page-lock-info {
+  padding-left: 10px;
+  float: right;
+  width: 280px;
+}
+
+.page-lock .page-lock-info h1 {
+  margin-top: -5px;
+  font-weight: 300;
+  color: #fff;
+  font-size: 28px;
+  line-height: 32px;
+  margin-bottom: 5px;
+}
+
+.page-lock .page-lock-info .email {
+  color: #eee;
+  display: block;
+  font-size: 14px;
+  line-height: 14px;
+  margin-bottom: 10px;
+}
+
+.page-lock .page-lock-info .locked {
+  color: #333;
+  font-size: 14px;
+  line-height: 14px;
+  font-style: normal;
+}
+
+.page-lock .page-lock-info form {
+  margin: 28px 0;
+}
+
+.page-lock .page-lock-info input {
+  background: #fff;
+}
+
+.page-lock .relogin {
+  margin-top: 10px;
+}
+
+.page-lock .relogin a {
+  color: #e1e1e1;
+}
+
+/*Responsive*/
+@media (max-width: 768px) {
+  .page-lock {
+    top: 0px;
+    width: 280px;
+    margin-top: 20px;
+    margin-left: -140px;
+  }
+
+  .page-lock .page-body {
+    padding: 10px;
+    text-align: center;
+    width: 280px;
+  }
+
+  .page-lock img.page-lock-img {
+    float: none !important;
+    display: block;
+    margin: 0 auto;
+    text-align: center;
+    margin-bottom: 15px;
+  }
+
+  .page-lock .page-lock-info {
+    float: none !important;
+    width: 260px;
+    margin: 0 auto;
+  }
+
+  .page-lock .page-lock-info input {
+    width: 200px !important;
+  }
+}

frontend/static/assets/admin/pages/css/login-soft.css

@@ -0,0 +1,167 @@
+/***
+Login page
+***/
+/* logo page */
+.login {
+  background-color: #666 !important;
+}
+
+.login .logo {
+  margin: 0 auto;
+  margin-top: 60px;
+  padding: 15px;
+  text-align: center;
+}
+
+.login .content {
+  background: url(../img/bg-white-lock.png) repeat;
+  width: 360px;
+  margin: 0 auto;
+  margin-bottom: 0px;
+  padding: 30px;
+  padding-top: 20px;
+  padding-bottom: 15px;
+}
+
+.login .content h3 {
+  color: #eee;
+}
+
+.login .content h4 {
+  color: #eee;
+}
+
+.login .content p,
+.login .content label {
+  color: #fff;
+}
+
+.login .content .login-form,
+.login .content .forget-form {
+  padding: 0px;
+  margin: 0px;
+}
+
+.login .content .form-control {
+  background-color: #fff;
+}
+
+.login .content .forget-form {
+  display: none;
+}
+
+.login .content .register-form {
+  display: none;
+}
+
+.login .content .form-title {
+  font-weight: 300;
+  margin-bottom: 25px;
+}
+
+.login .content .form-actions {
+  background-color: transparent;
+  clear: both;
+  border: 0px;
+  padding: 0px 30px 25px 30px;
+  margin-left: -30px;
+  margin-right: -30px;
+}
+
+.login .content .form-actions .checkbox {
+  margin-left: 0;
+  padding-left: 0;
+}
+
+.login .content .forget-form .form-actions {
+  border: 0;
+  margin-bottom: 0;
+  padding-bottom: 20px;
+}
+
+.login .content .register-form .form-actions {
+  border: 0;
+  margin-bottom: 0;
+  padding-bottom: 0px;
+}
+
+.login .content .form-actions .checkbox {
+  margin-top: 8px;
+  display: inline-block;
+}
+
+.login .content .form-actions .btn {
+  margin-top: 1px;
+}
+
+.login .content .forget-password {
+  margin-top: 25px;
+}
+
+.login .content .create-account {
+  border-top: 1px dotted #eee;
+  padding-top: 10px;
+  margin-top: 15px;
+}
+
+.login .content .create-account a {
+  display: inline-block;
+  margin-top: 5px;
+}
+
+/* select2 dropdowns */
+.login .content .select2-container i {
+  display: inline-block;
+  position: relative;
+  color: #ccc;
+  z-index: 1;
+  top: 1px;
+  margin: 4px 4px 0px -1px;
+  width: 16px;
+  height: 16px;
+  font-size: 16px;
+  text-align: center;
+}
+
+.login .content .has-error .select2-container i {
+  color: #b94a48;
+}
+
+.login .content .select2-container a span {
+  font-size: 13px;
+}
+
+.login .content .select2-container a span img {
+  margin-left: 4px;
+}
+
+/* footer copyright */
+.login .copyright {
+  text-align: center;
+  margin: 0 auto;
+  padding: 10px;
+  color: #eee;
+  font-size: 13px;
+}
+
+@media (max-width: 480px) {
+  /***
+  Login page
+  ***/
+  .login .logo {
+    margin-top: 10px;
+  }
+
+  .login .content {
+    padding: 30px;
+    width: 222px;
+  }
+
+  .login .content h3 {
+    font-size: 22px;
+  }
+
+  .login .checkbox {
+    font-size: 13px;
+  }
+}

frontend/static/assets/admin/pages/css/login.css

@@ -0,0 +1,178 @@
+/***
+Login page
+***/
+/* logo page */
+.login {
+  background-color: #444 !important;
+}
+
+.login .logo {
+  margin: 0 auto;
+  margin-top: 60px;
+  padding: 15px;
+  text-align: center;
+}
+
+.login .content {
+  background-color: #fff;
+  width: 360px;
+  margin: 0 auto;
+  margin-bottom: 0px;
+  padding: 30px;
+  padding-top: 20px;
+  padding-bottom: 15px;
+}
+
+.login .content h3 {
+  color: #000;
+}
+
+.login .content h4 {
+  color: #555;
+}
+
+.login .content p {
+  color: #222;
+}
+
+.login .content .login-form,
+.login .content .forget-form {
+  padding: 0px;
+  margin: 0px;
+}
+
+.login .content .input-icon {
+  border-left: 2px solid #35aa47 !important;
+}
+
+.login .content .input-icon .form-control {
+  border-left: 0;
+}
+
+.login .content .forget-form {
+  display: none;
+}
+
+.login .content .register-form {
+  display: none;
+}
+
+.login .content .form-title {
+  font-weight: 300;
+  margin-bottom: 25px;
+}
+
+.login .content .form-actions {
+  background-color: #fff;
+  clear: both;
+  border: 0px;
+  border-bottom: 1px solid #eee;
+  padding: 0px 30px 25px 30px;
+  margin-left: -30px;
+  margin-right: -30px;
+}
+
+.login .content .form-actions .checkbox {
+  margin-left: 0;
+  padding-left: 0;
+}
+
+.login .content .forget-form .form-actions {
+  border: 0;
+  margin-bottom: 0;
+  padding-bottom: 20px;
+}
+
+.login .content .register-form .form-actions {
+  border: 0;
+  margin-bottom: 0;
+  padding-bottom: 0px;
+}
+
+.login .content .form-actions .checkbox {
+  margin-top: 8px;
+  display: inline-block;
+}
+
+.login .content .form-actions .btn {
+  margin-top: 1px;
+}
+
+.login .content .forget-password {
+  margin-top: 25px;
+}
+
+.login .content .create-account {
+  border-top: 1px dotted #eee;
+  padding-top: 10px;
+  margin-top: 15px;
+}
+
+.login .content .create-account a {
+  display: inline-block;
+  margin-top: 5px;
+}
+
+/* select2 dropdowns */
+.login .content .select2-container {
+  border-left: 2px solid #35aa47 !important;
+}
+
+.login .content .select2-container .select2-choice {
+  border-left: none !important;
+}
+
+.login .content .select2-container i {
+  display: inline-block;
+  position: relative;
+  color: #ccc;
+  z-index: 1;
+  top: 1px;
+  margin: 4px 4px 0px -1px;
+  width: 16px;
+  height: 16px;
+  font-size: 16px;
+  text-align: center;
+}
+
+.login .content .has-error .select2-container i {
+  color: #b94a48;
+}
+
+.login .content .select2-container a span {
+  font-size: 13px;
+}
+
+.login .content .select2-container a span img {
+  margin-left: 4px;
+}
+
+/* footer copyright */
+.login .copyright {
+  text-align: center;
+  margin: 0 auto;
+  padding: 10px;
+  color: #999;
+  font-size: 13px;
+}
+
+@media (max-width: 480px) {
+  /***
+  Login page
+  ***/
+  .login .logo {
+    margin-top: 10px;
+  }
+
+  .login .content {
+    width: 280px;
+  }
+
+  .login .content h3 {
+    font-size: 22px;
+  }
+
+  .login .checkbox {
+    font-size: 13px;
+  }
+}

frontend/static/assets/admin/pages/css/news.css

@@ -0,0 +1,138 @@
+/***
+News Page
+***/
+.news-page {
+  padding-bottom: 20px;
+}
+
+.news-page h1 {
+  margin-bottom: 20px;
+}
+
+.news-page h2 {
+  font-size: 38.5px;
+  margin-bottom: 20px;
+}
+
+.news-page .top-news {
+  margin-top: 0;
+}
+
+/*News Feeds*/
+.news-blocks {
+  padding: 10px;
+  margin-bottom: 10px;
+  background: #faf6ea;
+  border-top: solid 2px #faf6ea;
+}
+
+.news-blocks:hover {
+  background: #fff;
+  border-color: #78cff8;
+  transition: all 0.4s ease-in-out 0s;
+  -moz-transition: all 0.4s ease-in-out 0s;
+  -webkit-transition: all 0.4s ease-in-out 0s;
+}
+
+.news-blocks h3 {
+  margin: 0 0 5px 0;
+  font-size: 23px;
+  line-height: 32px;
+}
+
+.news-blocks h3 a {
+  color: #000;
+}
+
+.news-blocks h3 a:hover {
+  color: #78cff8;
+  text-decoration: none;
+}
+
+.news-blocks p {
+  overflow: hidden;
+}
+
+.news-blocks a.news-block-btn {
+  color: #000;
+  display: block;
+  font-size: 14px;
+  background: none;
+  padding: 5px 10px 0;
+  text-align: right;
+  text-decoration: none;
+}
+
+.news-blocks a.news-block-btn i {
+  margin-left: 3px;
+}
+
+.news-blocks a.news-block-btn:hover {
+  text-decoration: none;
+}
+
+.news-blocks img.news-block-img {
+  width: 70px;
+  height: 70px;
+  margin: 5px 0px 0 10px;
+}
+
+.news-blocks .news-block-tags {
+  margin-bottom: 8px;
+}
+
+.news-blocks .news-block-tags strong {
+  margin-right: 10px;
+  font-weight: 400;
+}
+
+.news-blocks .news-block-tags em {
+  font-style: normal;
+}
+
+/*News Item Page*/
+.news-item-page {
+  padding: 10px 0;
+}
+
+.blog-tag-data ul {
+  margin-bottom: 5px;
+}
+
+.blog-tag-data li {
+  padding: 0;
+}
+
+.blog-tag-data li i {
+  color: #78cff8;
+}
+
+.blog-tag-data li a {
+  padding: 0;
+  color: #555;
+  margin-right: 8px;
+}
+
+.blog-tag-data {
+  margin-bottom: 10px;
+}
+
+.blog-tag-data img {
+  margin-bottom: 12px;
+}
+
+.blog-tag-data ul.blog-tags a {
+  background: #eee;
+  padding: 1px 4px;
+  margin: 0 4px 4px 0;
+  display: inline-block;
+}
+
+.blog-tag-data ul.blog-tags a:hover {
+  background: #ddd;
+  text-decoration: none;
+}
+
+.blog-tag-data .blog-tag-data-inner {
+  text-align: right;
+}

frontend/static/assets/admin/pages/css/portfolio.css

@@ -0,0 +1,123 @@
+/***
+Portfolio
+***/
+/*Portfolio Filter*/
+.mix-filter {
+  list-style: none;
+  margin: 0 0 20px 0;
+  padding: 0;
+}
+
+.mix-filter li {
+  color: #555;
+  cursor: pointer;
+  padding: 6px 15px;
+  margin-right: 2px;
+  margin-bottom: 5px;
+  background: #eee;
+  display: inline-block;
+}
+
+.mix-filter li:hover,
+.mix-filter li.active {
+  color: #fff;
+  background: #0da3e2;
+}
+
+.mix-grid .mix {
+  opacity: 0;
+  display: none;
+}
+
+/*Portfolio Hover*/
+.mix-grid .mix {
+  position: relative;
+  overflow: hidden;
+  margin-bottom: 15px;
+}
+
+.mix-grid .mix .mix-inner {
+  position: relative;
+  width: 100%;
+}
+
+.mix-grid .mix .mix-details {
+  padding: 5px;
+  color: #fff;
+  width: 100%;
+  height: 100%;
+  bottom: -100%;
+  text-align: center;
+  position: absolute;
+  background: #0da3e2;
+  transition: all 0.5s ease;
+  -o-transition: all 0.5s ease;
+  -ms-transition: all 0.5s ease;
+  -moz-transition: all 0.5s ease;
+  -webkit-transition: all 0.5s ease;
+}
+
+.mix-grid .mix:hover .mix-details {
+  bottom: 0;
+  transition: all 0.5s ease;
+  -o-transition: all 0.5s ease;
+  -ms-transition: all 0.5s ease;
+  -moz-transition: all 0.5s ease;
+  -webkit-transition: all 0.5s ease;
+}
+
+.mix-grid .mix .mix-details h4 {
+  color: #fff;
+  margin-top: 30px;
+}
+
+.mix-grid .mix .mix-details p {
+  padding: 0 30px;
+}
+
+.mix-grid .mix .mix-details i {
+  color: #fff;
+  font-size: 14px;
+}
+
+.mix-grid .mix a.mix-link,
+.mix-grid .mix a.mix-preview {
+  color: #555;
+  display: block;
+  cursor: pointer;
+  margin-top: 10px;
+  position: absolute;
+  padding: 10px 15px;
+  background: #16b2f4;
+}
+
+.mix-grid .mix a.mix-preview {
+  left: 50%;
+  margin-left: 5px;
+}
+
+.mix-grid .mix a.mix-link {
+  right: 50%;
+  margin-right: 5px;
+}
+
+.mix-grid .mix a.mix-link:hover,
+.mix-grid .mix a.mix-preview:hover {
+  color: #fff;
+  padding: 9px 14px;
+  text-decoration: none;
+  border: solid 1px #eee;
+}
+
+/* Portrait tablet to landscape and desktop */
+@media (min-width: 992px) {
+  .mix-grid .mix.col-md-6.col-sm-6 .mix-details {
+    height: 50%;
+  }
+}
+@media (min-width: 768px) and (max-width: 991px) {
+  .mix-grid .mix a.mix-link,
+  .mix-grid .mix a.mix-preview {
+    margin-top: 5px;
+  }
+}

frontend/static/assets/admin/pages/css/pricing-table.css

@@ -0,0 +1,123 @@
+/***
+Pricing table
+***/
+.pricing {
+  position: relative;
+  margin-bottom: 15px;
+  border: 3px solid #eee;
+}
+
+.pricing-active {
+  border: 3px solid #36d7ac;
+  margin-top: -10px;
+  box-shadow: 7px 7px rgba(54, 215, 172, 0.2);
+}
+
+.pricing:hover {
+  border: 3px solid #36d7ac;
+}
+
+.pricing:hover h4 {
+  color: #36d7ac;
+}
+
+.pricing-head {
+  text-align: center;
+}
+
+.pricing-head h3,
+.pricing-head h4 {
+  margin: 0;
+  line-height: normal;
+}
+
+.pricing-head h3 span,
+.pricing-head h4 span {
+  display: block;
+  margin-top: 5px;
+  font-size: 14px;
+  font-style: italic;
+}
+
+.pricing-head h3 {
+  font-weight: 300;
+  color: #fafafa;
+  padding: 12px 0;
+  font-size: 27px;
+  background: #36d7ac;
+  border-bottom: solid 1px #41b91c;
+}
+
+.pricing-head h4 {
+  color: #bac39f;
+  padding: 5px 0;
+  font-size: 54px;
+  font-weight: 300;
+  background: #fbfef2;
+  border-bottom: solid 1px #f5f9e7;
+}
+
+.pricing-head-active h4 {
+  color: #36d7ac;
+}
+
+.pricing-head h4 i {
+  top: -8px;
+  font-size: 28px;
+  font-style: normal;
+  position: relative;
+}
+
+.pricing-head h4 span {
+  top: -10px;
+  font-size: 14px;
+  font-style: normal;
+  position: relative;
+}
+
+/*Pricing Content*/
+.pricing-content li {
+  color: #888;
+  font-size: 12px;
+  padding: 7px 15px;
+  border-bottom: solid 1px #f5f9e7;
+}
+
+.pricing-content li i {
+  top: 2px;
+  color: #36d7ac;
+  font-size: 16px;
+  margin-right: 5px;
+  position: relative;
+}
+
+/*Pricing Footer*/
+.pricing-footer {
+  color: #777;
+  font-size: 11px;
+  line-height: 17px;
+  text-align: center;
+  padding: 0 20px 19px;
+}
+
+/*Priceing Active*/
+.price-active,
+.pricing:hover {
+  z-index: 9;
+}
+
+.price-active h4 {
+  color: #36d7ac;
+}
+
+.no-space-pricing .pricing:hover {
+  transition: box-shadow 0.2s ease-in-out;
+}
+
+.no-space-pricing .price-active .pricing-head h4,
+.no-space-pricing .pricing:hover .pricing-head h4 {
+  color: #36d7ac;
+  padding: 15px 0;
+  font-size: 80px;
+  transition: color 0.5s ease-in-out;
+}

frontend/static/assets/admin/pages/css/profile.css

@@ -0,0 +1,331 @@
+/***
+Profile Page
+***/
+.profile {
+  position: relative;
+}
+
+.profile p {
+  color: #636363;
+  font-size: 13px;
+}
+
+.profile p a {
+  color: #169ef4;
+}
+
+.profile label {
+  margin-top: 10px;
+}
+
+.profile label:first-child {
+  margin-top: 0;
+}
+
+/*profile info*/
+.profile-classic .profile-image {
+  position: relative;
+}
+
+.profile-classic .profile-edit {
+  top: 0;
+  right: 0;
+  margin: 0;
+  color: #fff;
+  opacity: 0.6;
+  padding: 0 9px;
+  font-size: 11px;
+  background: #000;
+  position: absolute;
+  filter: alpha(opacity=60);
+  /*for ie*/
+}
+
+.profile-classic .profile-image img {
+  margin-bottom: 15px;
+}
+
+.profile-classic li {
+  padding: 8px 0;
+  font-size: 13px;
+  border-top: solid 1px #f5f5f5;
+}
+
+.profile-classic li:first-child {
+  border-top: none;
+}
+
+.profile-classic li span {
+  color: #666;
+  font-size: 13px;
+  margin-right: 7px;
+}
+
+/*profile tabs*/
+.profile .tabbable-custom-profile .nav-tabs > li > a {
+  padding: 6px 12px;
+}
+
+/*profile navigation*/
+.profile ul.profile-nav {
+  margin-bottom: 30px;
+}
+
+.profile ul.profile-nav li {
+  position: relative;
+}
+
+.profile ul.profile-nav li a {
+  color: #557386;
+  display: block;
+  font-size: 14px;
+  padding: 8px 10px;
+  margin-bottom: 1px;
+  background: #f0f6fa;
+  border-left: solid 2px #c4d5df;
+}
+
+.profile ul.profile-nav li a:hover {
+  color: #169ef4;
+  background: #ecf5fb;
+  text-decoration: none;
+  border-left: solid 2px #169ef4;
+}
+
+.profile ul.profile-nav li a.profile-edit {
+  top: 0;
+  right: 0;
+  margin: 0;
+  color: #fff;
+  opacity: 0.6;
+  border: none;
+  padding: 3px 9px;
+  font-size: 12px;
+  background: #000;
+  position: absolute;
+  filter: alpha(opacity=60);
+  /*for ie*/
+}
+
+.profile ul.profile-nav li a.profile-edit:hover {
+  text-decoration: underline;
+}
+
+.profile ul.profile-nav a span {
+  top: 0;
+  right: 0;
+  color: #fff;
+  font-size: 16px;
+  padding: 7px 13px;
+  position: absolute;
+  background: #169ef4;
+}
+
+.profile ul.profile-nav a:hover span {
+  background: #0b94ea;
+}
+
+/*profile information*/
+.profile-info h1 {
+  color: #383839;
+  font-size: 24px;
+  font-weight: 400;
+  margin: 0 0 10px 0;
+}
+
+.profile-info ul {
+  margin-bottom: 15px;
+}
+
+.profile-info li {
+  color: #6b6b6b;
+  font-size: 13px;
+  margin-right: 15px;
+  margin-bottom: 5px;
+  padding: 0 !important;
+}
+
+.profile-info li i {
+  color: #b5c1c9;
+  font-size: 15px;
+}
+
+.profile-info li:hover i {
+  color: #169ef4;
+}
+
+/*profile sales summary*/
+.sale-summary ul {
+  margin-top: -12px;
+}
+
+.sale-summary li {
+  padding: 10px 0;
+  overflow: hidden;
+  border-top: solid 1px #eee;
+}
+
+.sale-summary li:first-child {
+  border-top: none;
+}
+
+.sale-summary li .sale-info {
+  float: left;
+  color: #646464;
+  font-size: 14px;
+  text-transform: uppercase;
+}
+
+.sale-summary li .sale-num {
+  float: right;
+  color: #169ef4;
+  font-size: 20px;
+  font-weight: 300;
+}
+
+.sale-summary li span i {
+  top: 1px;
+  width: 13px;
+  height: 14px;
+  margin-left: 3px;
+  position: relative;
+  display: inline-block;
+}
+
+.sale-summary li i.icon-img-up {
+  background: url(../../img/icon-img-up.png) no-repeat !important;
+}
+
+.sale-summary li i.icon-img-down {
+  background: url(../../img/icon-img-down.png) no-repeat !important;
+}
+
+.sale-summary .caption h4 {
+  color: #383839;
+  font-size: 18px;
+}
+
+.sale-summary .caption {
+  border-color: #c9c9c9;
+}
+
+/*latest customers table*/
+.profile .table-advance thead tr th {
+  background: #f0f6fa;
+}
+
+.profile .table-bordered th,
+.profile .table-bordered td,
+.profile .table-bordered {
+  border-color: #e5eff6;
+}
+
+.profile .table-striped tbody > tr:nth-child(2n+1) > td,
+.profile .table-striped tbody > tr:nth-child(2n+1) > th {
+  background: #fcfcfc;
+}
+
+.profile .table-hover tbody tr:hover td,
+.profile .table-hover tbody tr:hover th {
+  background: #f5fafd;
+}
+
+/*add portfolio*/
+.add-portfolio {
+  overflow: hidden;
+  margin-bottom: 30px;
+  background: #f0f6fa;
+  padding: 12px 14px;
+}
+
+.add-portfolio span {
+  float: left;
+  display: inline-block;
+  font-weight: 300;
+  font-size: 22px;
+  margin-top: 0px;
+}
+
+.add-portfolio .btn {
+  margin-left: 20px;
+}
+
+/*portfolio block*/
+.portfolio-block {
+  background: #f7f7f7;
+  margin-bottom: 15px;
+  overflow: hidden;
+}
+
+.portfolio-stat {
+  overflow: hidden;
+}
+
+/*portfolio text*/
+.portfolio-text {
+  overflow: hidden;
+}
+
+.portfolio-text img {
+  float: left;
+  margin-right: 15px;
+}
+
+.portfolio-text .portfolio-text-info {
+  overflow: hidden;
+}
+
+/*portfolio button*/
+.portfolio-btn a {
+  display: block;
+  padding: 25px 0;
+  background: #ddd !important;
+}
+
+.portfolio-btn a:hover {
+  background: #1d943b !important;
+}
+
+.portfolio-btn span {
+  color: #fff;
+  font-size: 22px;
+  font-weight: 200;
+}
+
+/*portfolio info*/
+.portfolio-info {
+  float: left;
+  color: #616161;
+  font-size: 12px;
+  padding: 10px 25px;
+  margin-bottom: 5px;
+  text-transform: uppercase;
+}
+
+.portfolio-info span {
+  color: #16a1f2;
+  display: block;
+  font-size: 28px;
+  line-height: 28px;
+  margin-top: 0px;
+  font-weight: 200;
+  text-transform: uppercase;
+}
+
+/*portfolio settings*/
+.profile-settings {
+  background: #fafafa;
+  padding: 15px 8px 0;
+  margin-bottom: 5px;
+}
+
+.profile-settings p {
+  padding-left: 5px;
+  margin-bottom: 3px;
+}
+
+.profile-settings .controls > .radio,
+.profile-settings .controls > .checkbox {
+  font-size: 12px;
+  margin-top: 2px !important;
+}

frontend/static/assets/admin/pages/css/search.css

@@ -0,0 +1,152 @@
+/* 
+Search Page
+***/
+/* general search form */
+.search-form-default {
+  margin-bottom: 25px;
+  background: #f0f6fa;
+  padding: 12px 14px;
+}
+
+/*search classic*/
+.search-classic {
+  margin-bottom: 30px;
+}
+
+.search-classic h4 {
+  margin-bottom: 3px;
+}
+
+.overflow-hidden {
+  overflow: hidden;
+}
+
+/*Booking Offer*/
+.booking-offer {
+  position: relative;
+}
+
+.booking-offer .booking-offer-in {
+  top: 15px;
+  left: 15px;
+  right: 15px;
+  color: #fff;
+  padding: 15px;
+  position: absolute;
+  background: url(../../img/bg-opacity.png);
+}
+
+.booking-offer .booking-offer-in em {
+  font-size: 14px;
+  font-style: normal;
+}
+
+.booking-offer .booking-offer-in p {
+  color: #fff;
+  font-size: 14px;
+  margin-bottom: 0;
+}
+
+.booking-offer .booking-offer-in span {
+  font-size: 22px;
+  display: block;
+  margin-bottom: 10px;
+}
+
+.booking-app {
+  margin-bottom: 10px;
+}
+
+.booking-app a {
+  color: #fff;
+  padding: 15px;
+  display: block;
+  overflow: hidden;
+  background: #78ccf8;
+}
+
+.booking-app a:hover {
+  background: #4d90fe;
+  text-decoration: none;
+}
+
+.booking-app span {
+  top: 0px;
+  color: #fff;
+  font-size: 20px;
+  position: relative;
+}
+
+.booking-app i {
+  color: #fff;
+  font-size: 40px;
+  line-height: 18px;
+}
+
+/*Booking Blocks (Content)*/
+.booking-results {
+  margin-top: 20px;
+}
+
+.booking-result {
+  overflow: hidden;
+}
+
+.booking-result .booking-img {
+  display: inline-block;
+  float: left;
+  width: 140px;
+  margin-right: 10px;
+}
+
+.booking-result .booking-img .price-location li {
+  color: #777;
+}
+
+.booking-result .booking-img .price-location li i {
+  color: #78ccf8;
+  font-size: 12px;
+  margin-right: 5px;
+}
+
+.booking-result .booking-img img {
+  float: left;
+  width: 140px;
+  height: auto;
+  margin: 3px 10px 10px 0;
+}
+
+.booking-result .booking-info .stars {
+  padding: 0;
+  margin: 0 0 5px 0;
+}
+
+.booking-result .booking-info .stars li {
+  padding: 0;
+}
+
+.booking-result .booking-info .stars li i {
+  color: #f8be2c;
+  cursor: pointer;
+  font-size: 16px;
+}
+
+.booking-result .booking-info h2 {
+  margin-top: 2px;
+  font-size: 20px;
+  line-height: 20px;
+}
+
+@media (max-width: 768px) {
+  .booking-results,
+  .search-classic {
+    margin-top: 0;
+  }
+
+  .booking-result,
+  .search-classic {
+    padding-bottom: 5px;
+    border-bottom: 1px solid #ddd;
+    margin: 15px 0;
+  }
+}

frontend/static/assets/admin/pages/css/tasks.css

@@ -0,0 +1,80 @@
+/***
+Tasks Widget
+***/
+.tasks-widget:after {
+  clear: both;
+}
+.tasks-widget .task-list {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+.tasks-widget .task-list > li {
+  position: relative;
+  padding: 10px 5px;
+  border-bottom: 1px solid #eaeaea;
+}
+.tasks-widget .task-list > li:hover {
+  background: #f9f9f9;
+}
+.tasks-widget .task-list > li.last-line {
+  border-bottom: none;
+}
+.tasks-widget .task-list > li.task-done {
+  background: #f6f6f6;
+}
+.tasks-widget .task-list > li.task-done:hover {
+  background: #f4f4f4;
+}
+.tasks-widget .task-list > li.task-done .task-title-sp {
+  text-decoration: line-through;
+}
+.tasks-widget .task-list > li > .task-bell {
+  margin-left: 10px;
+}
+.tasks-widget .task-list > li > .task-checkbox {
+  float: left;
+  width: 30px;
+}
+.tasks-widget .task-list > li > .task-checkbox input[type="checkbox"] {
+  cursor: pointer;
+}
+.tasks-widget .task-list > li > .task-title {
+  margin-right: 10px;
+}
+.tasks-widget .task-list > li > .task-title .task-title-sp {
+  margin-right: 5px;
+}
+.tasks-widget .task-list > li .task-config-btn {
+  margin-top: -1px;
+}
+.tasks-widget .task-list > li > .task-config {
+  display: none;
+  position: absolute;
+  top: 10px;
+  right: 10px;
+}
+.tasks-widget .task-list > li:hover > .task-config {
+  display: block;
+  margin-bottom: 0 !important;
+}
+.tasks-widget .task-footer {
+  margin-top: 5px;
+}
+.tasks-widget .task-footer:before, .tasks-widget .task-footer:after {
+  content: " ";
+  display: table;
+}
+.tasks-widget .task-footer:after {
+  clear: both;
+}
+
+@media only screen and (max-width: 480px) {
+  .tasks-widget .task-config-btn {
+    float: inherit;
+    display: block;
+  }
+  .tasks-widget .task-list-projects li > .label {
+    margin-bottom: 5px;
+  }
+}

frontend/static/assets/admin/pages/css/timeline.css

@@ -0,0 +1,321 @@
+/***
+Timeline UI Base
+***/
+.timeline {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  position: relative;
+}
+
+/* The line */
+.timeline:before {
+  content: '';
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  width: 10px;
+  background: #ccc;
+  left: 20%;
+  margin-left: -10px;
+}
+
+.timeline > li {
+  position: relative;
+}
+
+/* The date/time */
+.timeline > li .timeline-time {
+  display: block;
+  width: 15%;
+  text-align: right;
+  position: absolute;
+}
+
+.timeline > li .timeline-time span {
+  display: block;
+  text-align: right;
+}
+
+.timeline > li .timeline-time span.date {
+  font-size: 12px;
+  color: #aaa;
+  display: block;
+  font-weight: 300;
+}
+
+.timeline > li .timeline-time span.time {
+  font-weight: 300;
+  font-size: 38px;
+  line-height: 38px;
+}
+
+/* Right content */
+.timeline > li .timeline-body {
+  margin: 0 0 15px 25%;
+  color: #fff;
+  padding: 10px;
+  font-weight: 300;
+  position: relative;
+  border-radius: 5px;
+}
+
+.timeline > li .timeline-body h2 {
+  margin-top: 0px;
+  padding: 0 0 5px 0;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
+  font-size: 24px;
+}
+
+.timeline > li .timeline-content {
+  font-size: 14px;
+}
+
+.ie8 .timeline > li .timeline-body h2 {
+  border-bottom: 1px solid #eee;
+}
+
+.timeline > li .timeline-body img.timeline-img {
+  width: 75px;
+  height: 75px;
+  margin: 5px 10px 0 0px;
+}
+
+.timeline > li .timeline-body img.pull-right {
+  margin-left: 10px;
+}
+
+.timeline > li .timeline-body a.nav-link {
+  display: inline-block;
+  margin-top: 10px;
+  color: #fff;
+  font-size: 14px;
+  padding: 0px;
+  text-align: left;
+  text-decoration: none;
+}
+
+.timeline > li .timeline-body a.nav-link:hover {
+  opacity: 0.5;
+  filter: alpha(opacity=50);
+}
+
+.timeline > li .timeline-body .btn {
+  margin-top: 10px;
+}
+
+/* The triangle */
+.timeline > li .timeline-body:after {
+  right: 100%;
+  border: solid transparent;
+  content: " ";
+  height: 0;
+  width: 0;
+  position: absolute;
+  pointer-events: none;
+  border-right-color: #3594cb;
+  border-width: 10px;
+  top: 19px;
+}
+
+.timeline > li .timeline-content:after,
+.timeline > li .timeline-content:before {
+  display: table;
+  line-height: 0;
+  content: "";
+}
+
+.timeline > li .timeline-content:after {
+  clear: both;
+}
+
+.timeline > li .timeline-footer:after,
+.timeline > li .timeline-footer:before {
+  content: "";
+  display: table;
+  line-height: 0;
+}
+
+.timeline > li .timeline-footer:after {
+  clear: both;
+}
+
+/* The icons */
+.timeline > li .timeline-icon {
+  width: 40px;
+  height: 40px;
+  speak: none;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  font-size: 1.4em;
+  line-height: 40px;
+  -webkit-font-smoothing: antialiased;
+  position: absolute;
+  color: #fff;
+  background: #aaa;
+  border-radius: 50%;
+  box-shadow: 0 0 0 8px #ccc;
+  text-align: center;
+  left: 20%;
+  top: 0;
+  margin: 5px 0 0 -25px;
+  padding-bottom: 3px;
+  padding-right: 1px;
+  padding-left: 2px;
+  -webkit-border-radius: 30px !important;
+  -moz-border-radius: 30px !important;
+  border-radius: 30px !important;
+}
+
+.timeline > li .timeline-icon > i {
+  font-size: 18px;
+}
+
+/* Red */
+.timeline li.timeline-red .timeline-body:after {
+  border-right-color: #e02222;
+}
+
+.timeline li.timeline-red .timeline-body {
+  background: #e02222;
+}
+
+.timeline li.timeline-red .timeline-time span.time {
+  color: #e02222;
+}
+
+/* Yellow */
+.timeline li.timeline-yellow .timeline-body:after {
+  border-right-color: #ffb848;
+}
+
+.timeline li.timeline-yellow .timeline-body {
+  background: #ffb848;
+}
+
+.timeline li.timeline-yellow .timeline-time span.time {
+  color: #ffb848;
+}
+
+/* Green */
+.timeline li.timeline-green .timeline-body:after {
+  border-right-color: #35aa47;
+}
+
+.timeline li.timeline-green .timeline-body {
+  background: #35aa47;
+}
+
+.timeline li.timeline-green .timeline-time span.time {
+  color: #35aa47;
+}
+
+/* Blue */
+.timeline li.timeline-blue .timeline-body:after {
+  border-right-color: #4b8df8;
+}
+
+.timeline li.timeline-blue .timeline-body {
+  background: #4b8df8;
+}
+
+.timeline li.timeline-blue .timeline-time span.time {
+  color: #4b8df8;
+}
+
+/* Purple */
+.timeline li.timeline-purple .timeline-body:after {
+  border-right-color: #852b99;
+}
+
+.timeline li.timeline-purple .timeline-body {
+  background: #852b99;
+}
+
+.timeline li.timeline-purple .timeline-time span.time {
+  color: #852b99;
+}
+
+/* Grey */
+.timeline li.timeline-grey .timeline-body:after {
+  border-right-color: #555555;
+}
+
+.timeline li.timeline-grey .timeline-body {
+  background: #555555;
+}
+
+.timeline li.timeline-grey .timeline-time span.time {
+  color: #555555;
+}
+
+@media (max-width: 767px) {
+  timeline > li .timeline-time span.time {
+    font-size: 18px;
+  }
+
+  .timeline:before {
+    display: none;
+  }
+
+  .timeline > li .timeline-time {
+    width: 100%;
+    position: relative;
+    padding: 0 0 20px 0;
+  }
+
+  .timeline > li .timeline-time span {
+    text-align: left;
+  }
+
+  .timeline > li .timeline-body {
+    margin: 0 0 30px 0;
+    padding: 1em;
+  }
+
+  .timeline > li .timeline-body:after {
+    right: auto;
+    left: 20px;
+    top: -20px;
+  }
+
+  .timeline > li .timeline-icon {
+    position: relative;
+    float: right;
+    left: auto;
+    margin: -55px 5px 0 0px;
+  }
+
+  /*colors*/
+  .timeline li.timeline-red .timeline-body:after {
+    border-right-color: transparent;
+    border-bottom-color: #e02222;
+  }
+
+  .timeline li.timeline-blue .timeline-body:after {
+    border-right-color: transparent;
+    border-bottom-color: #4b8df8;
+  }
+
+  .timeline li.timeline-green .timeline-body:after {
+    border-right-color: transparent;
+    border-bottom-color: #35aa47;
+  }
+
+  .timeline li.timeline-yellow .timeline-body:after {
+    border-right-color: transparent;
+    border-bottom-color: #ffb848;
+  }
+
+  .timeline li.timeline-purple .timeline-body:after {
+    border-right-color: transparent;
+    border-bottom-color: #852b99;
+  }
+
+  .timeline li.timeline-grey .timeline-body:after {
+    border-right-color: transparent;
+    border-bottom-color: #555555;
+  }
+}