Removing unused components
Before Width: | Height: | Size: 1.8 KiB |
Before Width: | Height: | Size: 10 KiB |
Before Width: | Height: | Size: 11 KiB |
Before Width: | Height: | Size: 1.1 KiB |
Before Width: | Height: | Size: 3.7 KiB |
Before Width: | Height: | Size: 3.0 KiB |
Before Width: | Height: | Size: 1.7 KiB |
Before Width: | Height: | Size: 10 KiB |
Before Width: | Height: | Size: 10 KiB |
Before Width: | Height: | Size: 11 KiB |
Before Width: | Height: | Size: 11 KiB |
Before Width: | Height: | Size: 10 KiB |
Before Width: | Height: | Size: 10 KiB |
Before Width: | Height: | Size: 3.7 KiB |
Before Width: | Height: | Size: 4.7 KiB |
Before Width: | Height: | Size: 133 KiB |
Before Width: | Height: | Size: 1.8 KiB |
Before Width: | Height: | Size: 10 KiB |
Before Width: | Height: | Size: 11 KiB |
Before Width: | Height: | Size: 1.1 KiB |
Before Width: | Height: | Size: 3.7 KiB |
Before Width: | Height: | Size: 3.0 KiB |
Before Width: | Height: | Size: 1.7 KiB |
Before Width: | Height: | Size: 10 KiB |
Before Width: | Height: | Size: 10 KiB |
Before Width: | Height: | Size: 11 KiB |
Before Width: | Height: | Size: 11 KiB |
Before Width: | Height: | Size: 10 KiB |
Before Width: | Height: | Size: 10 KiB |
Before Width: | Height: | Size: 1.9 KiB |
Before Width: | Height: | Size: 1.9 KiB |
Before Width: | Height: | Size: 2.6 KiB |
Before Width: | Height: | Size: 1.6 KiB |
Before Width: | Height: | Size: 3.7 KiB |
Before Width: | Height: | Size: 4.7 KiB |
@ -1,21 +0,0 @@
|
||||
/***
|
||||
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;
|
||||
}
|
@ -1,165 +0,0 @@
|
||||
/***
|
||||
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;
|
||||
}
|
||||
}
|
@ -1,104 +0,0 @@
|
||||
/***
|
||||
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;
|
||||
}
|
||||
}
|
@ -1,40 +0,0 @@
|
||||
/* 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;
|
||||
}
|
@ -1,487 +0,0 @@
|
||||
/***
|
||||
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;
|
||||
}
|
||||
}
|
@ -1,39 +0,0 @@
|
||||
/***
|
||||
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;
|
||||
}
|
@ -1,223 +0,0 @@
|
||||
/***
|
||||
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;
|
||||
}
|
||||
}
|
@ -1,135 +0,0 @@
|
||||
/***
|
||||
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;
|
||||
}
|
||||
}
|
@ -1,171 +0,0 @@
|
||||
/***
|
||||
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;
|
||||
}
|
||||
}
|
@ -1,249 +0,0 @@
|
||||
/***
|
||||
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;
|
||||
}
|
||||
}
|
@ -1,189 +0,0 @@
|
||||
/***
|
||||
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;
|
||||
}
|
||||
}
|
@ -1,123 +0,0 @@
|
||||
/***
|
||||
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;
|
||||
}
|
||||
}
|
@ -1,123 +0,0 @@
|
||||
/***
|
||||
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;
|
||||
}
|
@ -1,123 +0,0 @@
|
||||
/***
|
||||
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;
|
||||
}
|
@ -1,81 +0,0 @@
|
||||
/***
|
||||
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;
|
||||
}
|
||||
}
|
@ -1,333 +0,0 @@
|
||||
/***
|
||||
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;
|
||||
}
|
||||
}
|
@ -1,203 +0,0 @@
|
||||
/***
|
||||
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;
|
||||
}
|
||||
}
|
@ -1,305 +0,0 @@
|
||||
/***
|
||||
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;
|
||||
}
|
||||
}
|
Before Width: | Height: | Size: 8.8 KiB |
Before Width: | Height: | Size: 14 KiB |
Before Width: | Height: | Size: 9.6 KiB |
Before Width: | Height: | Size: 8.1 KiB |
Before Width: | Height: | Size: 6.6 KiB |
Before Width: | Height: | Size: 4.7 KiB |
Before Width: | Height: | Size: 8.9 KiB |
Before Width: | Height: | Size: 8.5 KiB |
Before Width: | Height: | Size: 8.5 KiB |
Before Width: | Height: | Size: 9.9 KiB |
Before Width: | Height: | Size: 11 KiB |
Before Width: | Height: | Size: 8.4 KiB |
Before Width: | Height: | Size: 9.4 KiB |
Before Width: | Height: | Size: 11 KiB |
Before Width: | Height: | Size: 7.1 KiB |
Before Width: | Height: | Size: 9.7 KiB |
Before Width: | Height: | Size: 8.2 KiB |
Before Width: | Height: | Size: 5.7 KiB |
Before Width: | Height: | Size: 10 KiB |
Before Width: | Height: | Size: 9.0 KiB |
Before Width: | Height: | Size: 350 KiB |
Before Width: | Height: | Size: 31 KiB |
Before Width: | Height: | Size: 44 KiB |
Before Width: | Height: | Size: 63 KiB |
Before Width: | Height: | Size: 1.6 KiB |
Before Width: | Height: | Size: 39 KiB |
Before Width: | Height: | Size: 35 KiB |
Before Width: | Height: | Size: 21 KiB |
Before Width: | Height: | Size: 13 KiB |
Before Width: | Height: | Size: 9.4 KiB |
Before Width: | Height: | Size: 20 KiB |
Before Width: | Height: | Size: 567 B |
Before Width: | Height: | Size: 1.0 KiB |
Before Width: | Height: | Size: 620 B |
Before Width: | Height: | Size: 993 B |
Before Width: | Height: | Size: 755 B |
Before Width: | Height: | Size: 246 KiB |
Before Width: | Height: | Size: 373 KiB |
Before Width: | Height: | Size: 340 KiB |
Before Width: | Height: | Size: 490 KiB |
Before Width: | Height: | Size: 117 KiB |
Before Width: | Height: | Size: 292 KiB |
Before Width: | Height: | Size: 244 KiB |
Before Width: | Height: | Size: 25 KiB |
Before Width: | Height: | Size: 29 KiB |
Before Width: | Height: | Size: 29 KiB |