mirror of
https://gitee.com/coder-xiaomo/flashsale
synced 2025-09-12 23:11:38 +08:00
添加Metronic（作为LFS）
This commit is contained in:
21
frontend/static/assets/admin/pages/css/about-us.css
Normal file
21
frontend/static/assets/admin/pages/css/about-us.css
Normal file
@@ -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;
|
||||
}
|
||||
165
frontend/static/assets/admin/pages/css/blog.css
Normal file
165
frontend/static/assets/admin/pages/css/blog.css
Normal file
@@ -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;
|
||||
}
|
||||
}
|
||||
104
frontend/static/assets/admin/pages/css/coming-soon.css
Normal file
104
frontend/static/assets/admin/pages/css/coming-soon.css
Normal file
@@ -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;
|
||||
}
|
||||
}
|
||||
141
frontend/static/assets/admin/pages/css/error.css
Normal file
141
frontend/static/assets/admin/pages/css/error.css
Normal file
@@ -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;
|
||||
}
|
||||
}
|
||||
40
frontend/static/assets/admin/pages/css/image-crop.css
Normal file
40
frontend/static/assets/admin/pages/css/image-crop.css
Normal file
@@ -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;
|
||||
}
|
||||
481
frontend/static/assets/admin/pages/css/inbox.css
Normal file
481
frontend/static/assets/admin/pages/css/inbox.css
Normal file
@@ -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;
|
||||
}
|
||||
}
|
||||
39
frontend/static/assets/admin/pages/css/invoice.css
Normal file
39
frontend/static/assets/admin/pages/css/invoice.css
Normal file
@@ -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;
|
||||
}
|
||||
130
frontend/static/assets/admin/pages/css/lock.css
Normal file
130
frontend/static/assets/admin/pages/css/lock.css
Normal file
@@ -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;
|
||||
}
|
||||
}
|
||||
167
frontend/static/assets/admin/pages/css/login-soft.css
Normal file
167
frontend/static/assets/admin/pages/css/login-soft.css
Normal file
@@ -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;
|
||||
}
|
||||
}
|
||||
178
frontend/static/assets/admin/pages/css/login.css
Normal file
178
frontend/static/assets/admin/pages/css/login.css
Normal file
@@ -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;
|
||||
}
|
||||
}
|
||||
138
frontend/static/assets/admin/pages/css/news.css
Normal file
138
frontend/static/assets/admin/pages/css/news.css
Normal file
@@ -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;
|
||||
}
|
||||
123
frontend/static/assets/admin/pages/css/portfolio.css
Normal file
123
frontend/static/assets/admin/pages/css/portfolio.css
Normal file
@@ -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;
|
||||
}
|
||||
}
|
||||
123
frontend/static/assets/admin/pages/css/pricing-table.css
Normal file
123
frontend/static/assets/admin/pages/css/pricing-table.css
Normal file
@@ -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;
|
||||
}
|
||||
331
frontend/static/assets/admin/pages/css/profile.css
Normal file
331
frontend/static/assets/admin/pages/css/profile.css
Normal file
@@ -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;
|
||||
}
|
||||
152
frontend/static/assets/admin/pages/css/search.css
Normal file
152
frontend/static/assets/admin/pages/css/search.css
Normal file
@@ -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;
|
||||
}
|
||||
}
|
||||
80
frontend/static/assets/admin/pages/css/tasks.css
Normal file
80
frontend/static/assets/admin/pages/css/tasks.css
Normal file
@@ -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;
|
||||
}
|
||||
}
|
||||
321
frontend/static/assets/admin/pages/css/timeline.css
Normal file
321
frontend/static/assets/admin/pages/css/timeline.css
Normal file
@@ -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;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user