Initial commit
21
app/static/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
app/static/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
app/static/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
app/static/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: #000 !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
app/static/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;
|
||||
}
|
487
app/static/admin/pages/css/inbox.css
Normal file
@ -0,0 +1,487 @@
|
||||
/***
|
||||
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: 12px;
|
||||
right: -6px;
|
||||
width: 6px;
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
border-top: 6px solid transparent;
|
||||
border-bottom: 6px solid transparent;
|
||||
border-left: 6px solid #169ef4;
|
||||
}
|
||||
|
||||
.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 > li > a:hover,
|
||||
.inbox-compose .wysihtml5-toolbar > li > div > a:hover {
|
||||
background: #f1f1f1;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.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
app/static/admin/pages/css/invoice.css
Normal file
@ -0,0 +1,39 @@
|
||||
/***
|
||||
Invoice page
|
||||
***/
|
||||
.invoice table {
|
||||
margin: 30px 0 30px 0;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
223
app/static/admin/pages/css/lock.css
Normal file
@ -0,0 +1,223 @@
|
||||
/***
|
||||
Lock Page
|
||||
***/
|
||||
body {
|
||||
background-color: #465568 !important;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.page-lock {
|
||||
margin: 90px auto 30px auto;
|
||||
width: 450px;
|
||||
}
|
||||
|
||||
.page-lock .page-logo {
|
||||
text-align: center;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.page-lock .page-body {
|
||||
width: 100%;
|
||||
margin-top: 50px;
|
||||
background-color: #3a4554;
|
||||
-webkit-border-radius: 7px;
|
||||
-moz-border-radius: 7px;
|
||||
-ms-border-radius: 7px;
|
||||
-o-border-radius: 7px;
|
||||
border-radius: 7px;
|
||||
}
|
||||
|
||||
.lock-head {
|
||||
display: block;
|
||||
background-color: #323d4b;
|
||||
text-align: center;
|
||||
padding-top: 15px;
|
||||
padding-bottom: 15px;
|
||||
font-size: 22px;
|
||||
font-weight: 400;
|
||||
color: #4db3a5;
|
||||
-webkit-border-radius: 7px 7px 0 0;
|
||||
-moz-border-radius: 7px 7px 0 0;
|
||||
-ms-border-radius: 7px 7px 0 0;
|
||||
-o-border-radius: 7px 7px 0 0;
|
||||
border-radius: 7px 7px 0 0;
|
||||
}
|
||||
|
||||
.lock-body {
|
||||
display: block;
|
||||
margin: 35px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.lock-avatar {
|
||||
margin-top: 15px;
|
||||
height: 110px;
|
||||
-webkit-border-radius: 50% !important;
|
||||
-moz-border-radius: 50% !important;
|
||||
border-radius: 50% !important;
|
||||
}
|
||||
|
||||
.lock-form {
|
||||
padding-left: 40px;
|
||||
}
|
||||
|
||||
.lock-form h4 {
|
||||
margin-top: 0px;
|
||||
color: #dbe2ea;
|
||||
font-size: 18px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.lock-form .form-group {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.lock-form .form-group .form-control {
|
||||
background-color: #303a48;
|
||||
border: none;
|
||||
width: 220px;
|
||||
height: 40px;
|
||||
color: #697687;
|
||||
}
|
||||
|
||||
.lock-form .form-group .form-control::-moz-placeholder {
|
||||
color: #556376;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.lock-form .form-group .form-control:-ms-input-placeholder {
|
||||
color: #556376;
|
||||
}
|
||||
|
||||
.lock-form .form-group .form-control::-webkit-input-placeholder {
|
||||
color: #556376;
|
||||
}
|
||||
|
||||
.lock-form .form-group .form-control:focus {
|
||||
background-color: #2b3542;
|
||||
}
|
||||
|
||||
.lock-form .form-actions {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.lock-form .form-actions .btn-success {
|
||||
background-color: #e76070 !important;
|
||||
width: 220px;
|
||||
font-weight: 600;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.lock-form .form-actions .btn-success:hover {
|
||||
background-color: #d75464 !important;
|
||||
}
|
||||
|
||||
.lock-bottom {
|
||||
display: block;
|
||||
background-color: #323d4b;
|
||||
text-align: center;
|
||||
padding-top: 20px;
|
||||
padding-bottom: 20px;
|
||||
-webkit-border-radius: 0 0 7px 7px;
|
||||
-moz-border-radius: 0 0 7px 7px;
|
||||
-ms-border-radius: 0 0 7px 7px;
|
||||
-o-border-radius: 0 0 7px 7px;
|
||||
border-radius: 0 0 7px 7px;
|
||||
}
|
||||
|
||||
.lock-bottom a {
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
color: #638cac;
|
||||
}
|
||||
|
||||
.lock-bottom a:hover {
|
||||
color: #7ba2c0;
|
||||
}
|
||||
|
||||
.page-footer-custom {
|
||||
text-align: center;
|
||||
padding-top: 40px;
|
||||
color: #5f6e83;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.page-lock {
|
||||
margin: 100px auto;
|
||||
}
|
||||
}
|
||||
@media (max-width: 560px) {
|
||||
.page-lock {
|
||||
margin: 50px auto;
|
||||
width: 400px;
|
||||
}
|
||||
|
||||
.lock-body {
|
||||
margin: 30px;
|
||||
}
|
||||
|
||||
.lock-avatar {
|
||||
width: 120px;
|
||||
height: 120px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.lock-form h4 {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.lock-form .form-group .form-control {
|
||||
padding: 20px 20px;
|
||||
width: 170px;
|
||||
}
|
||||
|
||||
.lock-form .form-actions .btn-success {
|
||||
width: 170px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 420px) {
|
||||
.page-lock {
|
||||
margin: 30px auto;
|
||||
width: 280px;
|
||||
}
|
||||
|
||||
.lock-body {
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.page-lock .page-body {
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.lock-avatar {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.lock-avatar-block {
|
||||
display: block;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.lock-form {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.lock-form h4 {
|
||||
font-size: 16px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.lock-form .form-group .form-control {
|
||||
padding: 20px 20px;
|
||||
width: 240px;
|
||||
}
|
||||
|
||||
.lock-form .form-actions .btn-success {
|
||||
width: 240px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
135
app/static/admin/pages/css/lock2.css
Normal file
@ -0,0 +1,135 @@
|
||||
/***
|
||||
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: 510px;
|
||||
padding: 15px;
|
||||
background: url(../img/bg-white-lock.png) repeat;
|
||||
-webkit-border-radius: 7px;
|
||||
-moz-border-radius: 7px;
|
||||
-ms-border-radius: 7px;
|
||||
-o-border-radius: 7px;
|
||||
border-radius: 7px;
|
||||
}
|
||||
|
||||
.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: 20px 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;
|
||||
}
|
||||
}
|
171
app/static/admin/pages/css/login-soft.css
Normal file
@ -0,0 +1,171 @@
|
||||
/***
|
||||
Login page
|
||||
***/
|
||||
/* logo page */
|
||||
.login {
|
||||
background-color: #666 !important;
|
||||
}
|
||||
|
||||
.login .logo {
|
||||
margin: 60px auto 20px auto;
|
||||
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;
|
||||
-webkit-border-radius: 7px;
|
||||
-moz-border-radius: 7px;
|
||||
-ms-border-radius: 7px;
|
||||
-o-border-radius: 7px;
|
||||
border-radius: 7px;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
}
|
242
app/static/admin/pages/css/login.css
Normal file
@ -0,0 +1,242 @@
|
||||
/***
|
||||
Login page
|
||||
***/
|
||||
/* bg color */
|
||||
.login {
|
||||
background-color: #364150 !important;
|
||||
}
|
||||
|
||||
.login .logo {
|
||||
margin: 0 auto;
|
||||
margin-top: 60px;
|
||||
padding: 15px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.login .content {
|
||||
background-color: #eceef1;
|
||||
-webkit-border-radius: 7px;
|
||||
-moz-border-radius: 7px;
|
||||
-ms-border-radius: 7px;
|
||||
-o-border-radius: 7px;
|
||||
border-radius: 7px;
|
||||
width: 400px;
|
||||
margin: 40px auto 10px auto;
|
||||
padding: 30px;
|
||||
padding-top: 10px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.login .content h3 {
|
||||
color: #4db3a5;
|
||||
text-align: center;
|
||||
font-size: 28px;
|
||||
font-weight: 400 !important;
|
||||
}
|
||||
|
||||
.login .content h4 {
|
||||
color: #555;
|
||||
}
|
||||
|
||||
.login .content .hint {
|
||||
color: #999;
|
||||
padding: 0;
|
||||
margin: 15px 0 7px 0;
|
||||
}
|
||||
|
||||
.login .content .login-form,
|
||||
.login .content .forget-form {
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.login .content .form-control {
|
||||
border: none;
|
||||
background-color: #dde3ec;
|
||||
height: 43px;
|
||||
color: #8290a3;
|
||||
border: 1px solid #dde3ec;
|
||||
}
|
||||
.login .content .form-control:focus, .login .content .form-control:active {
|
||||
border: 1px solid #c3ccda;
|
||||
}
|
||||
.login .content .form-control::-moz-placeholder {
|
||||
color: #8290a3;
|
||||
opacity: 1;
|
||||
}
|
||||
.login .content .form-control:-ms-input-placeholder {
|
||||
color: #8290a3;
|
||||
}
|
||||
.login .content .form-control::-webkit-input-placeholder {
|
||||
color: #8290a3;
|
||||
}
|
||||
|
||||
.login .content select.form-control {
|
||||
padding-left: 9px;
|
||||
padding-right: 9px;
|
||||
}
|
||||
|
||||
.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 {
|
||||
clear: both;
|
||||
border: 0px;
|
||||
border-bottom: 1px solid #eee;
|
||||
padding: 0px 30px 25px 30px;
|
||||
margin-left: -30px;
|
||||
margin-right: -30px;
|
||||
}
|
||||
|
||||
.login-options {
|
||||
margin-bottom: 30px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.login-options h4 {
|
||||
float: left;
|
||||
font-weight: 600;
|
||||
font-size: 15px;
|
||||
color: #7d91aa !important;
|
||||
}
|
||||
|
||||
.login-options .social-icons {
|
||||
float: right;
|
||||
padding-top: 3px;
|
||||
}
|
||||
|
||||
.login-options .social-icons li a {
|
||||
border-radius: 15px 15px 15px 15px !important;
|
||||
-moz-border-radius: 15px 15px 15px 15px !important;
|
||||
-webkit-border-radius: 15px 15px 15px 15px !important;
|
||||
}
|
||||
|
||||
.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 .btn {
|
||||
margin-top: 1px;
|
||||
}
|
||||
|
||||
.login .content .form-actions .btn-success {
|
||||
font-weight: 600;
|
||||
padding: 10px 20px !important;
|
||||
}
|
||||
|
||||
.login .content .form-actions .btn-default {
|
||||
font-weight: 600;
|
||||
padding: 10px 25px !important;
|
||||
color: #6c7a8d;
|
||||
background-color: #ffffff;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.login .content .form-actions .btn-default:hover {
|
||||
background-color: #fafaff;
|
||||
color: #45b6af;
|
||||
}
|
||||
|
||||
.login .content .forget-password {
|
||||
font-size: 14px;
|
||||
float: right;
|
||||
display: inline-block;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.login .content .check {
|
||||
color: #8290a3;
|
||||
}
|
||||
|
||||
.login .content .rememberme {
|
||||
margin-left: 8px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.login .content .create-account {
|
||||
margin: 0 -40px -40px -40px;
|
||||
padding: 15px 0 17px 0;
|
||||
text-align: center;
|
||||
background-color: #6c7a8d;
|
||||
-webkit-border-radius: 0 0 7px 7px;
|
||||
-moz-border-radius: 0 0 7px 7px;
|
||||
-ms-border-radius: 0 0 7px 7px;
|
||||
-o-border-radius: 0 0 7px 7px;
|
||||
border-radius: 0 0 7px 7px;
|
||||
}
|
||||
|
||||
.login .content .create-account p a {
|
||||
font-weight: 600;
|
||||
font-size: 14px;
|
||||
color: #c3cedd;
|
||||
}
|
||||
|
||||
.login .content .create-account a {
|
||||
display: inline-block;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
/* footer copyright */
|
||||
.login .copyright {
|
||||
text-align: center;
|
||||
margin: 0 auto 30px 0;
|
||||
padding: 10px;
|
||||
color: #7a8ca5;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
@media (max-width: 440px) {
|
||||
/***
|
||||
Login page
|
||||
***/
|
||||
.login .logo {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.login .content {
|
||||
width: 280px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.login .content h3 {
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.forget-password {
|
||||
display: inline-block;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.login-options .social-icons {
|
||||
float: left;
|
||||
padding-top: 3px;
|
||||
}
|
||||
|
||||
.login .checkbox {
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
249
app/static/admin/pages/css/login2.css
Normal file
@ -0,0 +1,249 @@
|
||||
/***
|
||||
Login page
|
||||
***/
|
||||
/* bg color */
|
||||
.login {
|
||||
background-color: #5c97bd;
|
||||
}
|
||||
.login a {
|
||||
color: #edf4f8 !important;
|
||||
}
|
||||
|
||||
.login .logo {
|
||||
margin: 0 auto;
|
||||
margin-top: 100px;
|
||||
padding: 15px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.login .content {
|
||||
width: 400px;
|
||||
margin: 40px auto 40px auto;
|
||||
}
|
||||
|
||||
.login .form-title {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.login .form-title {
|
||||
color: #edf4f8;
|
||||
font-size: 19px;
|
||||
font-weight: 400 !important;
|
||||
}
|
||||
|
||||
.login .form-subtitle {
|
||||
color: #c9dce9;
|
||||
font-size: 17px;
|
||||
font-weight: 300 !important;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.login .content h4 {
|
||||
color: #555;
|
||||
}
|
||||
|
||||
.login .content .hint {
|
||||
color: #b7d1e2;
|
||||
padding: 0;
|
||||
font-size: 14px;
|
||||
margin: 15px 0 7px 0;
|
||||
}
|
||||
|
||||
.login .content .login-form,
|
||||
.login .content .forget-form {
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.login .content .form-control {
|
||||
border: none;
|
||||
background-color: #6ba3c8;
|
||||
border: 1px solid #6ba3c8;
|
||||
height: 43px;
|
||||
color: #d9ecf9;
|
||||
}
|
||||
.login .content .form-control:focus, .login .content .form-control:active {
|
||||
border: 1px solid #83b8db;
|
||||
}
|
||||
.login .content .form-control::-moz-placeholder {
|
||||
color: #d9ecf9;
|
||||
opacity: 1;
|
||||
}
|
||||
.login .content .form-control:-ms-input-placeholder {
|
||||
color: #d9ecf9;
|
||||
}
|
||||
.login .content .form-control::-webkit-input-placeholder {
|
||||
color: #d9ecf9;
|
||||
}
|
||||
|
||||
.login .content select.form-control {
|
||||
padding-left: 9px;
|
||||
padding-right: 9px;
|
||||
}
|
||||
|
||||
.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 {
|
||||
clear: both;
|
||||
border: 0px;
|
||||
padding: 0px 30px 25px 30px;
|
||||
margin-left: -30px;
|
||||
margin-right: -30px;
|
||||
}
|
||||
|
||||
.form-actions .forget-password-block {
|
||||
padding-top: 7px;
|
||||
}
|
||||
|
||||
.login-options {
|
||||
margin-top: 30px;
|
||||
padding-top: 20px;
|
||||
padding-bottom: 50px;
|
||||
border-top: 1px solid #69a0c4;
|
||||
border-bottom: 1px solid #69a0c4;
|
||||
}
|
||||
|
||||
.login-options h4 {
|
||||
margin-top: 8px;
|
||||
font-weight: 600;
|
||||
font-size: 15px;
|
||||
color: #b7d1e2 !important;
|
||||
}
|
||||
|
||||
.login .forget-password {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.login-options .social-icons {
|
||||
float: right;
|
||||
padding-top: 3px;
|
||||
}
|
||||
|
||||
.login-options .social-icons li a {
|
||||
border-radius: 15px 15px 15px 15px !important;
|
||||
-moz-border-radius: 15px 15px 15px 15px !important;
|
||||
-webkit-border-radius: 15px 15px 15px 15px !important;
|
||||
}
|
||||
|
||||
.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 .btn-primary {
|
||||
background-color: #5995bb;
|
||||
border: 1px solid #72a9cc;
|
||||
color: #8fc4e5;
|
||||
font-weight: 600;
|
||||
padding: 10px 25px !important;
|
||||
}
|
||||
.login .btn-primary:hover {
|
||||
border: 1px solid #90bbd7;
|
||||
background-color: #5995bb;
|
||||
color: #8fc4e5;
|
||||
}
|
||||
|
||||
.login .btn-default {
|
||||
background-color: #5995bb;
|
||||
border: 1px solid #72a9cc;
|
||||
color: #8fc4e5;
|
||||
font-weight: 600;
|
||||
padding: 10px 25px !important;
|
||||
}
|
||||
.login .btn-default:hover {
|
||||
border: 1px solid #90bbd7;
|
||||
background-color: #5995bb;
|
||||
color: #8fc4e5;
|
||||
}
|
||||
|
||||
.login .content .forget-password {
|
||||
color: #d7eaf7;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.login .content .rememberme {
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.login .content .check {
|
||||
color: #c9dce9 !important;
|
||||
}
|
||||
|
||||
.login .content .create-account {
|
||||
text-align: center;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.login .content .create-account p a {
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.login .content .create-account a {
|
||||
display: inline-block;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
/* footer copyright */
|
||||
.login .copyright {
|
||||
text-align: center;
|
||||
margin: 10px auto 30px 0;
|
||||
padding: 10px;
|
||||
color: #c9dce9;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
@media (max-width: 1400px) {
|
||||
.login .logo {
|
||||
margin-top: 100px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
/***
|
||||
Login page
|
||||
***/
|
||||
.login .logo {
|
||||
margin-top: 30px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.login .content {
|
||||
width: 245px;
|
||||
}
|
||||
|
||||
.login .content h3 {
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.login .checkbox {
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
189
app/static/admin/pages/css/login3.css
Normal file
@ -0,0 +1,189 @@
|
||||
/***
|
||||
Login page
|
||||
***/
|
||||
/* logo page */
|
||||
.login {
|
||||
background-color: #444 !important;
|
||||
}
|
||||
|
||||
.login .logo {
|
||||
margin: 60px auto 20px auto;
|
||||
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;
|
||||
-webkit-border-radius: 7px;
|
||||
-moz-border-radius: 7px;
|
||||
-ms-border-radius: 7px;
|
||||
-o-border-radius: 7px;
|
||||
border-radius: 7px;
|
||||
}
|
||||
|
||||
.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 #44B6AE !important;
|
||||
}
|
||||
|
||||
.login .content .input-icon {
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-ms-border-radius: 4px;
|
||||
-o-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.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 #44B6AE !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
app/static/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
app/static/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
app/static/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;
|
||||
}
|
123
app/static/admin/pages/css/pricing-tables.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;
|
||||
}
|
332
app/static/admin/pages/css/profile-old.css
Normal file
@ -0,0 +1,332 @@
|
||||
/***
|
||||
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: -10px;
|
||||
}
|
||||
|
||||
.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 {
|
||||
margin-top: 4px;
|
||||
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;
|
||||
}
|
164
app/static/admin/pages/css/profile.css
Normal file
@ -0,0 +1,164 @@
|
||||
/***
|
||||
New Profile Page
|
||||
***/
|
||||
.profile-sidebar {
|
||||
float: left;
|
||||
width: 300px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.profile-content {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* PROFILE SIDEBAR */
|
||||
.profile-sidebar-portlet {
|
||||
padding: 30px 0 0 0 !important;
|
||||
}
|
||||
|
||||
.profile-userpic img {
|
||||
float: none;
|
||||
margin: 0 auto;
|
||||
width: 50%;
|
||||
height: 50%;
|
||||
-webkit-border-radius: 50% !important;
|
||||
-moz-border-radius: 50% !important;
|
||||
border-radius: 50% !important;
|
||||
}
|
||||
|
||||
.profile-usertitle {
|
||||
text-align: center;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.profile-usertitle-name {
|
||||
color: #5a7391;
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 7px;
|
||||
}
|
||||
|
||||
.profile-usertitle-job {
|
||||
text-transform: uppercase;
|
||||
color: #5b9bd1;
|
||||
font-size: 13px;
|
||||
font-weight: 800;
|
||||
margin-bottom: 7px;
|
||||
}
|
||||
|
||||
.profile-userbuttons {
|
||||
text-align: center;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.profile-userbuttons .btn {
|
||||
margin-right: 5px;
|
||||
}
|
||||
.profile-userbuttons .btn:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.profile-userbuttons button {
|
||||
text-transform: uppercase;
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
padding: 6px 15px;
|
||||
}
|
||||
|
||||
.profile-usermenu {
|
||||
margin-top: 30px;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.profile-usermenu ul li {
|
||||
border-bottom: 1px solid #f0f4f7;
|
||||
}
|
||||
|
||||
.profile-usermenu ul li:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.profile-usermenu ul li a {
|
||||
color: #93a3b5;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.profile-usermenu ul li a i {
|
||||
margin-right: 8px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.profile-usermenu ul li a:hover {
|
||||
background-color: #fafcfd;
|
||||
color: #5b9bd1;
|
||||
}
|
||||
|
||||
.profile-usermenu ul li.active a {
|
||||
color: #5b9bd1;
|
||||
background-color: #f6f9fb;
|
||||
border-left: 2px solid #5b9bd1;
|
||||
margin-left: -2px;
|
||||
}
|
||||
|
||||
.profile-stat {
|
||||
padding-bottom: 20px;
|
||||
border-bottom: 1px solid #f0f4f7;
|
||||
}
|
||||
|
||||
.profile-stat-title {
|
||||
color: #7f90a4;
|
||||
font-size: 25px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.profile-stat-text {
|
||||
color: #5b9bd1;
|
||||
font-size: 11px;
|
||||
font-weight: 800;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.profile-desc-title {
|
||||
color: #7f90a4;
|
||||
font-size: 17px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.profile-desc-text {
|
||||
color: #7e8c9e;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.profile-desc-link i {
|
||||
width: 22px;
|
||||
font-size: 19px;
|
||||
color: #abb6c4;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.profile-desc-link a {
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
color: #5b9bd1;
|
||||
}
|
||||
|
||||
/* END PROFILE SIDEBAR */
|
||||
/* RESPONSIVE MODE */
|
||||
@media (max-width: 991px) {
|
||||
/* 991px */
|
||||
/* 991px */
|
||||
.profile-sidebar {
|
||||
float: none;
|
||||
width: 100% !important;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.profile-sidebar > .portlet {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.profile-content {
|
||||
overflow: visible;
|
||||
}
|
||||
}
|
152
app/static/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;
|
||||
}
|
||||
}
|
81
app/static/admin/pages/css/tasks.css
Normal file
@ -0,0 +1,81 @@
|
||||
/***
|
||||
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 0;
|
||||
border-bottom: 1px solid #F4F6F9;
|
||||
}
|
||||
.tasks-widget .task-list > li:hover {
|
||||
background: #F4F6F9;
|
||||
}
|
||||
.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 {
|
||||
color: #838FA1;
|
||||
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;
|
||||
}
|
||||
}
|
333
app/static/admin/pages/css/timeline-old.css
Normal file
@ -0,0 +1,333 @@
|
||||
/***
|
||||
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;
|
||||
}
|
||||
|
||||
/*Remove timeline line for last entry*/
|
||||
.timeline > li.timeline-noline:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
width: 10px;
|
||||
background: #fff;
|
||||
left: 20%;
|
||||
margin-left: -10px;
|
||||
}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
}
|
203
app/static/admin/pages/css/timeline.css
Normal file
@ -0,0 +1,203 @@
|
||||
/***
|
||||
New Timeline
|
||||
***/
|
||||
.timeline {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.timeline:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
display: block;
|
||||
width: 4px;
|
||||
background: #f5f6fa;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
margin-left: 38px;
|
||||
}
|
||||
|
||||
.timeline-item {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.timeline-badge {
|
||||
float: left;
|
||||
position: relative;
|
||||
padding-right: 30px;
|
||||
height: 80px;
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
.timeline-badge-userpic {
|
||||
width: 80px;
|
||||
border: 4px #f5f6fa solid;
|
||||
-webkit-border-radius: 50% !important;
|
||||
-moz-border-radius: 50% !important;
|
||||
border-radius: 50% !important;
|
||||
}
|
||||
|
||||
.timeline-badge-userpic img {
|
||||
-webkit-border-radius: 50% !important;
|
||||
-moz-border-radius: 50% !important;
|
||||
border-radius: 50% !important;
|
||||
vertical-align: middle !important;
|
||||
}
|
||||
|
||||
.timeline-icon {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
background-color: #f5f6fa;
|
||||
-webkit-border-radius: 50% !important;
|
||||
-moz-border-radius: 50% !important;
|
||||
border-radius: 50% !important;
|
||||
padding-top: 30px;
|
||||
padding-left: 22px;
|
||||
}
|
||||
|
||||
.timeline-icon i {
|
||||
font-size: 34px;
|
||||
}
|
||||
|
||||
.timeline-body {
|
||||
position: relative;
|
||||
padding: 20px;
|
||||
margin-top: 20px;
|
||||
margin-left: 110px;
|
||||
background-color: #f5f6fa;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-ms-border-radius: 4px;
|
||||
-o-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.timeline-body:before, .timeline-body:after {
|
||||
content: " ";
|
||||
display: table;
|
||||
}
|
||||
.timeline-body:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.timeline-body-arrow {
|
||||
position: absolute;
|
||||
top: 30px;
|
||||
left: -14px;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-style: solid;
|
||||
border-width: 14px 14px 14px 0;
|
||||
border-color: transparent #f5f6fa transparent transparent;
|
||||
}
|
||||
|
||||
.timeline-body-head {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.timeline-body-head-caption {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.timeline-body-title {
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.timeline-body-alerttitle {
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.timeline-body-time {
|
||||
font-size: 14px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.timeline-body-head-actions {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.timeline-body-head-actions .btn-group {
|
||||
margin-top: -2px;
|
||||
}
|
||||
|
||||
.timeline-body-content {
|
||||
font-size: 14px;
|
||||
margin-top: 35px;
|
||||
}
|
||||
|
||||
.timeline-body-img {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
margin: 5px 20px 0 0px;
|
||||
}
|
||||
|
||||
.page-container-bg-solid .timeline:before {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.page-container-bg-solid .timeline-badge-userpic {
|
||||
border-color: #fff;
|
||||
}
|
||||
|
||||
.page-container-bg-solid .timeline-icon {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.page-container-bg-solid .timeline-body {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.page-container-bg-solid .timeline-body-arrow {
|
||||
border-color: transparent #fff transparent transparent;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.timeline-body-head-caption {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.timeline-body-head-actions {
|
||||
float: left;
|
||||
width: 100%;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
.timeline:before {
|
||||
margin-left: 28px;
|
||||
}
|
||||
|
||||
.timeline-badge {
|
||||
padding-right: 40px;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
}
|
||||
|
||||
.timeline-badge-userpic {
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
.timeline-icon {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
padding-top: 23px;
|
||||
padding-left: 18px;
|
||||
}
|
||||
|
||||
.timeline-icon i {
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
.timeline-body {
|
||||
margin-left: 80px;
|
||||
}
|
||||
|
||||
.timeline-body-arrow {
|
||||
top: 17px;
|
||||
}
|
||||
}
|
305
app/static/admin/pages/css/todo.css
Normal file
@ -0,0 +1,305 @@
|
||||
/***
|
||||
TODO Page
|
||||
***/
|
||||
.todo-ui {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.todo-sidebar {
|
||||
float: left;
|
||||
width: 230px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.todo-content {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.todo-tasklist-item-border-green {
|
||||
border-left: #3faba4 2px solid;
|
||||
}
|
||||
|
||||
.todo-tasklist-item-border-blue {
|
||||
border-left: #4c87b9 2px solid;
|
||||
}
|
||||
|
||||
.todo-tasklist-item-border-purple {
|
||||
border-left: #8877a9 2px solid;
|
||||
}
|
||||
|
||||
.todo-tasklist-item-border-red {
|
||||
border-left: #d05454 2px solid;
|
||||
}
|
||||
|
||||
.todo-tasklist-item-border-yellow {
|
||||
border-left: #d4ad38 2px solid;
|
||||
}
|
||||
|
||||
.padding-top-10px {
|
||||
padding-top: 15px;
|
||||
}
|
||||
|
||||
.todo-userpic {
|
||||
-webkit-border-radius: 50% !important;
|
||||
-moz-border-radius: 50% !important;
|
||||
border-radius: 50% !important;
|
||||
border: 1px #cedae1 solid;
|
||||
}
|
||||
|
||||
.todo-text-color {
|
||||
color: #45535b;
|
||||
}
|
||||
|
||||
/* PROJECT LIST */
|
||||
.todo-projects-config {
|
||||
padding: 6px 9px 3px 9px !important;
|
||||
}
|
||||
.todo-projects-config > i {
|
||||
font-size: 14px !important;
|
||||
}
|
||||
.todo-projects-config > .fa-angle-down {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
top: -1px;
|
||||
font-size: 13px !important;
|
||||
color: #f2f2f2;
|
||||
}
|
||||
|
||||
.todo-tasklist {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.todo-project-list ul li a {
|
||||
font-size: 14px !important;
|
||||
padding: 8px 10px;
|
||||
}
|
||||
|
||||
.todo-project-list .nav li a .badge {
|
||||
float: right;
|
||||
background-color: #b4c4cd !important;
|
||||
margin-top: 1px !important;
|
||||
}
|
||||
|
||||
.todo-project-list .nav li a .badge-active {
|
||||
background-color: #ffffff !important;
|
||||
color: #637b89 !important;
|
||||
}
|
||||
|
||||
.todo-project-list .nav .active {
|
||||
background-color: #ffffff !important;
|
||||
}
|
||||
|
||||
.todo-project-list .nav-pills > li.active > a {
|
||||
background-color: #87a9c7 !important;
|
||||
}
|
||||
|
||||
/* END PROJECT LIST */
|
||||
/* TASK HISTORY */
|
||||
.todo-task-history {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
.todo-task-history > li {
|
||||
padding: 5px 0;
|
||||
}
|
||||
.todo-task-history > li > .todo-task-history-desc {
|
||||
overflow: hidden;
|
||||
}
|
||||
.todo-task-history > li > .todo-task-history-date {
|
||||
font-size: 12px;
|
||||
float: right;
|
||||
width: 150px;
|
||||
margin-left: 10px;
|
||||
text-align: right;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
/* TASKS LIST */
|
||||
.todo-tasklist-item {
|
||||
background: #f6fbfc;
|
||||
padding: 10px;
|
||||
margin-bottom: 10px;
|
||||
margin-bottom: 15px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.todo-tasklist-item:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
div .todo-tasklist-item:hover {
|
||||
cursor: pointer;
|
||||
background-color: #edf7f9;
|
||||
}
|
||||
|
||||
.todo-tasklist-item img {
|
||||
margin: 0 10px 10px 0;
|
||||
}
|
||||
|
||||
.todo-tasklist-item-title {
|
||||
font-size: 15px;
|
||||
color: #2b4a5c;
|
||||
font-weight: 600;
|
||||
padding-top: 3px;
|
||||
padding-bottom: 13px;
|
||||
}
|
||||
|
||||
.todo-tasklist-item-text {
|
||||
font-size: 13px;
|
||||
color: #577688;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
.todo-tasklist-item ul {
|
||||
margin: 5px 0 0 0px;
|
||||
}
|
||||
|
||||
.todo-tasklist-item li {
|
||||
color: #577688;
|
||||
font-size: 13px;
|
||||
margin-right: 10px;
|
||||
margin-bottom: 5px;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.todo-tasklist-item li i {
|
||||
color: #b3bfcb;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.todo-tasklist-controls {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.todo-tasklist-date {
|
||||
color: #637b89 !important;
|
||||
margin-right: 12px;
|
||||
}
|
||||
|
||||
.todo-tasklist-date i {
|
||||
color: #abbfca !important;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.todo-tasklist-badge {
|
||||
background-color: #b3bfcb;
|
||||
}
|
||||
|
||||
/* END TASKS LIST */
|
||||
/* TASK BODY */
|
||||
.todo-taskbody-tasktitle {
|
||||
font-size: 18px;
|
||||
color: #778d96;
|
||||
}
|
||||
|
||||
.todo-taskbody-taskdesc {
|
||||
font-size: 14px;
|
||||
color: #778d96;
|
||||
}
|
||||
|
||||
.todo-username {
|
||||
font-size: 16px;
|
||||
color: #2b4a5c;
|
||||
font-weight: 600;
|
||||
padding: 15px 0 0 15px;
|
||||
}
|
||||
|
||||
.todo-comment-head {
|
||||
padding-top: 3px;
|
||||
}
|
||||
|
||||
.todo-comment {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.todo-comment:hover > .todo-comment-btn {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.todo-comment-btn {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
right: 0px;
|
||||
font-size: 12px;
|
||||
color: #566e7c;
|
||||
border-color: #a2aeb5;
|
||||
}
|
||||
|
||||
.todo-comment-btn:hover {
|
||||
color: #fff;
|
||||
background-color: #a1b6c2;
|
||||
border-color: #a1b6c2;
|
||||
}
|
||||
|
||||
.todo-comment-username {
|
||||
font-size: 14px;
|
||||
color: #2b4a5c;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.todo-comment-date {
|
||||
font-size: 12px;
|
||||
color: #2b4a5c;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.todo-username-btn {
|
||||
margin: 14px 0 0 15px;
|
||||
color: #566e7c;
|
||||
border-color: #a2aeb5;
|
||||
}
|
||||
|
||||
.todo-username-btn:hover {
|
||||
color: #fff;
|
||||
background-color: #a1b6c2;
|
||||
border-color: #a1b6c2;
|
||||
}
|
||||
|
||||
.form .form-actions.todo-form-actions {
|
||||
padding-top: 10px;
|
||||
border: 0;
|
||||
margin: 0 0 20px 0;
|
||||
}
|
||||
|
||||
/* END TASK BODY */
|
||||
/* RESPONSIVE MODE */
|
||||
@media (max-width: 991px) {
|
||||
/* 991px */
|
||||
.todo-sidebar {
|
||||
float: none;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
.todo-sidebar > .portlet {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.todo-sidebar > .portlet .portlet-title .tools {
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.todo-content {
|
||||
overflow: visible;
|
||||
}
|
||||
}
|
||||
.todo-tasklist-devider {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
/* 767px */
|
||||
.todo-tasklist-devider {
|
||||
display: block;
|
||||
height: 20px;
|
||||
margin: 20px -10px;
|
||||
background: #F1F3FA;
|
||||
}
|
||||
|
||||
/* TASK HISTORY */
|
||||
.todo-task-history > li {
|
||||
padding: 9px 0;
|
||||
}
|
||||
.todo-task-history > li > .todo-task-history-date {
|
||||
width: 100px;
|
||||
font-size: 11px;
|
||||
}
|
||||
}
|
BIN
app/static/admin/pages/img/bg-opacity.png
Normal file
After Width: | Height: | Size: 130 B |
BIN
app/static/admin/pages/img/bg-white-lock.png
Normal file
After Width: | Height: | Size: 137 B |
BIN
app/static/admin/pages/img/bg-white.png
Normal file
After Width: | Height: | Size: 137 B |
BIN
app/static/admin/pages/img/inbox-nav-arrow-blue.png
Normal file
After Width: | Height: | Size: 338 B |
BIN
app/static/admin/pages/media/bg/1.jpg
Normal file
After Width: | Height: | Size: 18 KiB |
BIN
app/static/admin/pages/media/bg/2.jpg
Normal file
After Width: | Height: | Size: 57 KiB |
BIN
app/static/admin/pages/media/bg/3.jpg
Normal file
After Width: | Height: | Size: 37 KiB |
BIN
app/static/admin/pages/media/bg/4.jpg
Normal file
After Width: | Height: | Size: 41 KiB |
BIN
app/static/admin/pages/media/blog/1.jpg
Normal file
After Width: | Height: | Size: 8.8 KiB |
BIN
app/static/admin/pages/media/blog/10.jpg
Normal file
After Width: | Height: | Size: 14 KiB |
BIN
app/static/admin/pages/media/blog/11.jpg
Normal file
After Width: | Height: | Size: 9.6 KiB |
BIN
app/static/admin/pages/media/blog/12.jpg
Normal file
After Width: | Height: | Size: 8.1 KiB |
BIN
app/static/admin/pages/media/blog/13.jpg
Normal file
After Width: | Height: | Size: 6.6 KiB |
BIN
app/static/admin/pages/media/blog/14.jpg
Normal file
After Width: | Height: | Size: 4.7 KiB |
BIN
app/static/admin/pages/media/blog/15.jpg
Normal file
After Width: | Height: | Size: 8.9 KiB |
BIN
app/static/admin/pages/media/blog/16.jpg
Normal file
After Width: | Height: | Size: 8.5 KiB |
BIN
app/static/admin/pages/media/blog/17.jpg
Normal file
After Width: | Height: | Size: 8.5 KiB |
BIN
app/static/admin/pages/media/blog/18.jpg
Normal file
After Width: | Height: | Size: 9.9 KiB |
BIN
app/static/admin/pages/media/blog/19.jpg
Normal file
After Width: | Height: | Size: 11 KiB |
BIN
app/static/admin/pages/media/blog/2.jpg
Normal file
After Width: | Height: | Size: 8.4 KiB |
BIN
app/static/admin/pages/media/blog/20.jpg
Normal file
After Width: | Height: | Size: 9.4 KiB |
BIN
app/static/admin/pages/media/blog/3.jpg
Normal file
After Width: | Height: | Size: 11 KiB |
BIN
app/static/admin/pages/media/blog/4.jpg
Normal file
After Width: | Height: | Size: 7.1 KiB |
BIN
app/static/admin/pages/media/blog/5.jpg
Normal file
After Width: | Height: | Size: 9.7 KiB |
BIN
app/static/admin/pages/media/blog/6.jpg
Normal file
After Width: | Height: | Size: 8.2 KiB |
BIN
app/static/admin/pages/media/blog/7.jpg
Normal file
After Width: | Height: | Size: 5.7 KiB |
BIN
app/static/admin/pages/media/blog/8.jpg
Normal file
After Width: | Height: | Size: 10 KiB |
BIN
app/static/admin/pages/media/blog/9.jpg
Normal file
After Width: | Height: | Size: 9.0 KiB |
BIN
app/static/admin/pages/media/blog/Thumbs.db
Normal file
BIN
app/static/admin/pages/media/email/article.png
Normal file
After Width: | Height: | Size: 350 KiB |
BIN
app/static/admin/pages/media/email/iphone.png
Normal file
After Width: | Height: | Size: 31 KiB |
BIN
app/static/admin/pages/media/email/iphone_left.png
Normal file
After Width: | Height: | Size: 44 KiB |
BIN
app/static/admin/pages/media/email/iphone_right.png
Normal file
After Width: | Height: | Size: 63 KiB |
BIN
app/static/admin/pages/media/email/logo.png
Normal file
After Width: | Height: | Size: 1.6 KiB |
BIN
app/static/admin/pages/media/email/photo1.jpg
Normal file
After Width: | Height: | Size: 39 KiB |
BIN
app/static/admin/pages/media/email/photo2.jpg
Normal file
After Width: | Height: | Size: 35 KiB |
BIN
app/static/admin/pages/media/email/photo3.jpg
Normal file
After Width: | Height: | Size: 21 KiB |
BIN
app/static/admin/pages/media/email/photo4.jpg
Normal file
After Width: | Height: | Size: 13 KiB |
BIN
app/static/admin/pages/media/email/photo5.jpg
Normal file
After Width: | Height: | Size: 9.4 KiB |
BIN
app/static/admin/pages/media/email/photo6.jpg
Normal file
After Width: | Height: | Size: 20 KiB |
BIN
app/static/admin/pages/media/email/social_facebook.png
Normal file
After Width: | Height: | Size: 567 B |
BIN
app/static/admin/pages/media/email/social_googleplus.png
Normal file
After Width: | Height: | Size: 1.0 KiB |
BIN
app/static/admin/pages/media/email/social_linkedin.png
Normal file
After Width: | Height: | Size: 620 B |
BIN
app/static/admin/pages/media/email/social_rss.png
Normal file
After Width: | Height: | Size: 993 B |
BIN
app/static/admin/pages/media/email/social_twitter.png
Normal file
After Width: | Height: | Size: 755 B |
BIN
app/static/admin/pages/media/gallery/image1.jpg
Normal file
After Width: | Height: | Size: 246 KiB |
BIN
app/static/admin/pages/media/gallery/image2.jpg
Normal file
After Width: | Height: | Size: 373 KiB |
BIN
app/static/admin/pages/media/gallery/image3.jpg
Normal file
After Width: | Height: | Size: 340 KiB |
BIN
app/static/admin/pages/media/gallery/image4.jpg
Normal file
After Width: | Height: | Size: 490 KiB |
BIN
app/static/admin/pages/media/gallery/image5.jpg
Normal file
After Width: | Height: | Size: 117 KiB |
BIN
app/static/admin/pages/media/gallery/item_img.jpg
Normal file
After Width: | Height: | Size: 292 KiB |
BIN
app/static/admin/pages/media/gallery/item_img1.jpg
Normal file
After Width: | Height: | Size: 244 KiB |
BIN
app/static/admin/pages/media/gallery/preview_02.png
Normal file
After Width: | Height: | Size: 25 KiB |
BIN
app/static/admin/pages/media/gallery/preview_03.png
Normal file
After Width: | Height: | Size: 29 KiB |
BIN
app/static/admin/pages/media/gallery/preview_04.png
Normal file
After Width: | Height: | Size: 29 KiB |
BIN
app/static/admin/pages/media/gallery/preview_05.png
Normal file
After Width: | Height: | Size: 30 KiB |
BIN
app/static/admin/pages/media/gallery/preview_06.png
Normal file
After Width: | Height: | Size: 30 KiB |
BIN
app/static/admin/pages/media/gallery/preview_07.png
Normal file
After Width: | Height: | Size: 60 KiB |
BIN
app/static/admin/pages/media/gallery/preview_08.png
Normal file
After Width: | Height: | Size: 110 KiB |
BIN
app/static/admin/pages/media/gallery/preview_09.png
Normal file
After Width: | Height: | Size: 122 KiB |
BIN
app/static/admin/pages/media/gallery/preview_10.png
Normal file
After Width: | Height: | Size: 115 KiB |
BIN
app/static/admin/pages/media/gallery/preview_11.png
Normal file
After Width: | Height: | Size: 122 KiB |
BIN
app/static/admin/pages/media/gallery/preview_12.png
Normal file
After Width: | Height: | Size: 116 KiB |
BIN
app/static/admin/pages/media/gallery/preview_13.png
Normal file
After Width: | Height: | Size: 201 KiB |
BIN
app/static/admin/pages/media/gallery/preview_14.png
Normal file
After Width: | Height: | Size: 173 KiB |
BIN
app/static/admin/pages/media/gallery/preview_15.png
Normal file
After Width: | Height: | Size: 163 KiB |
BIN
app/static/admin/pages/media/gallery/preview_16.png
Normal file
After Width: | Height: | Size: 173 KiB |
BIN
app/static/admin/pages/media/gallery/preview_17.png
Normal file
After Width: | Height: | Size: 164 KiB |
BIN
app/static/admin/pages/media/gallery/preview_18.png
Normal file
After Width: | Height: | Size: 270 KiB |
BIN
app/static/admin/pages/media/invoice/walmart.png
Normal file
After Width: | Height: | Size: 10 KiB |
BIN
app/static/admin/pages/media/pages/2.jpg
Normal file
After Width: | Height: | Size: 312 KiB |
BIN
app/static/admin/pages/media/pages/3.jpg
Normal file
After Width: | Height: | Size: 288 KiB |
BIN
app/static/admin/pages/media/pages/Thumbs.db
Normal file
BIN
app/static/admin/pages/media/pages/earth.jpg
Normal file
After Width: | Height: | Size: 116 KiB |
BIN
app/static/admin/pages/media/pages/img.png
Normal file
After Width: | Height: | Size: 176 KiB |
BIN
app/static/admin/pages/media/pages/img1.png
Normal file
After Width: | Height: | Size: 201 KiB |