first commit
This commit is contained in:
Olu Amey
@@ -0,0 +1,94 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
.aggrid {
|
||||
height : 600px;
|
||||
font-size : 1rem;
|
||||
color : #626262;
|
||||
/*** TABLE BODY HEIGHT - FOOTER HEIGHT ***/
|
||||
/*** HEADER TEXT ***/
|
||||
/*** PAGINATION STYLING ***/
|
||||
/*** TABLE SCROLLBAR ***/
|
||||
}
|
||||
.aggrid .ag-icon-checkbox-checked, .aggrid .ag-icon-checkbox-indeterminate {
|
||||
color : #7367F0 !important;
|
||||
}
|
||||
.aggrid .ag-root-wrapper-body {
|
||||
min-height : calc(100% - 56px);
|
||||
}
|
||||
.aggrid .ag-header-cell-text {
|
||||
font-size : 1rem;
|
||||
font-family : 'Montserrat', Helvetica, Arial, serif;
|
||||
}
|
||||
.aggrid .ag-paging-panel {
|
||||
display : block !important;
|
||||
-webkit-box-align : center;
|
||||
-webkit-align-items : center;
|
||||
-ms-flex-align : center;
|
||||
align-items : center;
|
||||
height : 98px;
|
||||
}
|
||||
.aggrid .ag-paging-panel .ag-paging-row-summary-panel {
|
||||
display : none;
|
||||
}
|
||||
.aggrid .ag-paging-panel .ag-paging-page-summary-panel {
|
||||
-webkit-box-pack : center;
|
||||
-webkit-justify-content : center;
|
||||
-ms-flex-pack : center;
|
||||
justify-content : center;
|
||||
margin-left : 0;
|
||||
margin-top : 18px;
|
||||
}
|
||||
.aggrid .ag-paging-panel .ag-paging-page-summary-panel [ref='lbCurrent'], .aggrid .ag-paging-panel .ag-paging-page-summary-panel [ref='lbTotal'] {
|
||||
color : #FFFFFF;
|
||||
padding : 0.7rem 0.95rem;
|
||||
border-radius : 0.5rem;
|
||||
}
|
||||
.aggrid .ag-paging-panel .ag-paging-button {
|
||||
background-color : #DAE1E7;
|
||||
border-radius : 50%;
|
||||
padding : 0.5rem 0rem;
|
||||
margin : 0 0.5rem;
|
||||
color : #626262 !important;
|
||||
}
|
||||
.aggrid .ag-paging-panel .ag-paging-button .ag-icon {
|
||||
color : #626262 !important;
|
||||
opacity : 1 !important;
|
||||
}
|
||||
.aggrid .ag-paging-panel .ag-paging-button.ag-disabled {
|
||||
opacity : 0.5 !important;
|
||||
}
|
||||
.aggrid .ag-paging-panel span[ref='lbCurrent'] {
|
||||
background-color : #7367F0;
|
||||
}
|
||||
.aggrid .ag-paging-panel span[ref='lbTotal'] {
|
||||
background-color : #DAE1E7;
|
||||
color : #626262 !important;
|
||||
}
|
||||
.aggrid ::-webkit-scrollbar {
|
||||
width : 10px;
|
||||
height : 10px;
|
||||
}
|
||||
.aggrid ::-webkit-scrollbar-thumb {
|
||||
background : #DAE1E7;
|
||||
border-radius : 20px;
|
||||
}
|
||||
.aggrid ::-webkit-scrollbar-track {
|
||||
background : #F8F8F8;
|
||||
border-radius : 20px;
|
||||
}
|
||||
|
||||
/*** PAGE FILTER DROPDOWN ***/
|
||||
.filter-btn {
|
||||
padding : 1.2rem !important;
|
||||
border-radius : 5rem;
|
||||
font-size : 0.95rem;
|
||||
}
|
||||
.filter-btn:after {
|
||||
left : 5px;
|
||||
}
|
||||
|
||||
/*** SORTING DROPDOWN WIDTH ***/
|
||||
.sort-dropdown .dropdown-menu {
|
||||
min-width : 4rem;
|
||||
}
|
||||
+1
@@ -0,0 +1 @@
|
||||
.aggrid{height:600px;font-size:1rem;color:#626262}.aggrid .ag-icon-checkbox-checked,.aggrid .ag-icon-checkbox-indeterminate{color:#7367F0!important}.aggrid .ag-root-wrapper-body{min-height:calc(100% - 56px)}.aggrid .ag-header-cell-text{font-size:1rem;font-family:Montserrat,Helvetica,Arial,serif}.aggrid .ag-paging-panel{display:block!important;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:98px}.aggrid .ag-paging-panel .ag-paging-row-summary-panel{display:none}.aggrid .ag-paging-panel .ag-paging-page-summary-panel{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-left:0;margin-top:18px}.aggrid .ag-paging-panel .ag-paging-page-summary-panel [ref=lbCurrent],.aggrid .ag-paging-panel .ag-paging-page-summary-panel [ref=lbTotal]{color:#FFF;padding:.7rem .95rem;border-radius:.5rem}.aggrid .ag-paging-panel .ag-paging-button{background-color:#DAE1E7;border-radius:50%;padding:.5rem 0;margin:0 .5rem;color:#626262!important}.aggrid .ag-paging-panel .ag-paging-button .ag-icon{color:#626262!important;opacity:1!important}.aggrid .ag-paging-panel .ag-paging-button.ag-disabled{opacity:.5!important}.aggrid .ag-paging-panel span[ref=lbCurrent]{background-color:#7367F0}.aggrid .ag-paging-panel span[ref=lbTotal]{background-color:#DAE1E7;color:#626262!important}.aggrid ::-webkit-scrollbar{width:10px;height:10px}.aggrid ::-webkit-scrollbar-thumb{background:#DAE1E7;border-radius:20px}.aggrid ::-webkit-scrollbar-track{background:#F8F8F8;border-radius:20px}.filter-btn{padding:1.2rem!important;border-radius:5rem;font-size:.95rem}.filter-btn:after{left:5px}.sort-dropdown .dropdown-menu{min-width:4rem}
|
||||
@@ -0,0 +1,410 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
.chat-application .content-area-wrapper .content-right .content-wrapper {
|
||||
padding : 0;
|
||||
}
|
||||
|
||||
.chat-application .content-area-wrapper {
|
||||
border : 1px solid #DAE1E7;
|
||||
border-radius : 0.25rem;
|
||||
}
|
||||
|
||||
.chat-application .chat-profile-sidebar {
|
||||
border-right : 1px solid #E4E7ED;
|
||||
height : calc(100vh - 13rem);
|
||||
height : calc(var(--vh, 1vh) * 100 - 13rem);
|
||||
width : 400px;
|
||||
border-radius : 0.25rem;
|
||||
border-top-right-radius : 0;
|
||||
border-bottom-right-radius : 0;
|
||||
margin : 0;
|
||||
background-color : #FFFFFF;
|
||||
position : fixed;
|
||||
-webkit-transform : translateX(-110%);
|
||||
-ms-transform : translateX(-110%);
|
||||
transform : translateX(-110%);
|
||||
-webkit-transition : all 0.3s ease;
|
||||
transition : all 0.3s ease;
|
||||
z-index : 6;
|
||||
}
|
||||
.chat-application .chat-profile-sidebar.show {
|
||||
-webkit-transform : translateX(0);
|
||||
-ms-transform : translateX(0);
|
||||
transform : translateX(0);
|
||||
-webkit-transition : all 0.3s ease;
|
||||
transition : all 0.3s ease;
|
||||
}
|
||||
.chat-application .chat-profile-sidebar .chat-profile-header {
|
||||
display : -webkit-box;
|
||||
display : -webkit-flex;
|
||||
display : -ms-flexbox;
|
||||
display : flex;
|
||||
text-align : center;
|
||||
border-bottom : 1px solid rgba(0, 0, 0, 0.06);
|
||||
}
|
||||
.chat-application .chat-profile-sidebar .chat-profile-header .header-profile-sidebar {
|
||||
margin : 2rem auto 0.5rem;
|
||||
}
|
||||
.chat-application .chat-profile-sidebar .chat-profile-header .avatar {
|
||||
margin-bottom : 1.25rem;
|
||||
}
|
||||
.chat-application .chat-profile-sidebar .chat-profile-header .close-icon {
|
||||
position : absolute;
|
||||
top : 14px;
|
||||
right : 13px;
|
||||
font-size : 1.75rem;
|
||||
cursor : pointer;
|
||||
}
|
||||
.chat-application .chat-profile-sidebar .profile-sidebar-area .scroll-area {
|
||||
padding : 2rem;
|
||||
height : calc(100vh - 24.25rem);
|
||||
height : calc(var(--vh, 1vh) * 100 - 24.25rem);
|
||||
position : relative;
|
||||
}
|
||||
|
||||
.chat-application .sidebar-content {
|
||||
border-right : 1px solid #E4E7ED;
|
||||
height : calc(100vh - 13rem);
|
||||
height : calc(var(--vh, 1vh) * 100 - 13rem);
|
||||
width : 400px;
|
||||
border-radius : 0.25rem;
|
||||
border-top-right-radius : 0;
|
||||
border-bottom-right-radius : 0;
|
||||
margin : 0;
|
||||
box-shadow : none;
|
||||
}
|
||||
.chat-application .sidebar-content .sidebar-close-icon {
|
||||
position : absolute;
|
||||
right : 0.25rem;
|
||||
top : 0.25rem;
|
||||
font-size : 1.25rem;
|
||||
z-index : 1;
|
||||
cursor : pointer;
|
||||
visibility : hidden;
|
||||
}
|
||||
.chat-application .sidebar-content .chat-fixed-search {
|
||||
position : fixed;
|
||||
width : 400px;
|
||||
border-bottom : 1px solid #E4E7ED;
|
||||
padding : 0.65rem;
|
||||
}
|
||||
.chat-application .sidebar-content .chat-fixed-search .sidebar-profile-toggle .avatar {
|
||||
display : inline-table;
|
||||
width : calc(32px + 8px);
|
||||
}
|
||||
.chat-application .sidebar-content .chat-fixed-search input.form-control {
|
||||
padding : 0.9rem 1rem 0.9rem 3rem;
|
||||
height : calc(1.25em + 1.4rem + 4px);
|
||||
}
|
||||
.chat-application .sidebar-content .chat-fixed-search .form-control-position {
|
||||
top : 5px;
|
||||
}
|
||||
.chat-application .sidebar-content .chat-fixed-search .form-control-position i {
|
||||
left : 9px;
|
||||
}
|
||||
.chat-application .sidebar-content .chat-user-list {
|
||||
height : calc(100% - 5rem);
|
||||
margin-top : 5rem;
|
||||
width : 400px;
|
||||
}
|
||||
.chat-application .sidebar-content .chat-user-list ul {
|
||||
padding-left : 0;
|
||||
margin-bottom : 0;
|
||||
}
|
||||
.chat-application .sidebar-content .chat-user-list li {
|
||||
display : -webkit-box;
|
||||
display : -webkit-flex;
|
||||
display : -ms-flexbox;
|
||||
display : flex;
|
||||
-webkit-box-pack : justify;
|
||||
-webkit-justify-content : space-between;
|
||||
-ms-flex-pack : justify;
|
||||
justify-content : space-between;
|
||||
-webkit-box-align : center;
|
||||
-webkit-align-items : center;
|
||||
-ms-flex-align : center;
|
||||
align-items : center;
|
||||
padding : 1.322rem 0.85rem;
|
||||
margin-right : 1px;
|
||||
}
|
||||
.chat-application .sidebar-content .chat-user-list li:not(:first-child) {
|
||||
border-top : 1px solid #E4E7ED;
|
||||
}
|
||||
.chat-application .sidebar-content .chat-user-list li .user-chat-info {
|
||||
width : 100%;
|
||||
display : -webkit-box;
|
||||
display : -webkit-flex;
|
||||
display : -ms-flexbox;
|
||||
display : flex;
|
||||
-webkit-box-pack : justify;
|
||||
-webkit-justify-content : space-between;
|
||||
-ms-flex-pack : justify;
|
||||
justify-content : space-between;
|
||||
overflow : hidden;
|
||||
}
|
||||
.chat-application .sidebar-content .chat-user-list li .contact-info {
|
||||
width : calc(100vw - (100vw - 100%) - 1rem - 50px);
|
||||
margin-top : 0.3rem;
|
||||
}
|
||||
.chat-application .sidebar-content .chat-user-list li .contact-info .truncate {
|
||||
margin : 0;
|
||||
}
|
||||
.chat-application .sidebar-content .chat-user-list li:hover {
|
||||
cursor : pointer;
|
||||
background : #EEEEEE;
|
||||
}
|
||||
.chat-application .sidebar-content .chat-user-list li.active {
|
||||
background : -webkit-linear-gradient(332deg, #7367F0, rgba(115, 103, 240, 0.7));
|
||||
background : linear-gradient(118deg, #7367F0, rgba(115, 103, 240, 0.7));
|
||||
box-shadow : 0 15px 30px 0 rgba(0, 0, 0, 0.11), 0 5px 15px 0 rgba(0, 0, 0, 0.08);
|
||||
color : #FFFFFF;
|
||||
}
|
||||
.chat-application .sidebar-content .chat-user-list li.active h1, .chat-application .sidebar-content .chat-user-list li.active h2, .chat-application .sidebar-content .chat-user-list li.active h3, .chat-application .sidebar-content .chat-user-list li.active h4, .chat-application .sidebar-content .chat-user-list li.active h5, .chat-application .sidebar-content .chat-user-list li.active h6 {
|
||||
color : #FFFFFF;
|
||||
}
|
||||
.chat-application .sidebar-content .chat-user-list li img {
|
||||
border : 2px solid #FFFFFF;
|
||||
}
|
||||
.chat-application .sidebar-content .card {
|
||||
margin-bottom : 0;
|
||||
}
|
||||
|
||||
.chat-application .chat-overlay {
|
||||
top : 0;
|
||||
left : 0;
|
||||
right : 0;
|
||||
bottom : 0;
|
||||
position : absolute;
|
||||
display : block;
|
||||
z-index : 2;
|
||||
visibility : hidden;
|
||||
border-radius : 0.25rem;
|
||||
}
|
||||
.chat-application .chat-overlay.show {
|
||||
visibility : visible;
|
||||
background-color : rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.chat-application .chat-app-window .favorite, .chat-application .chat-app-window .sidebar-toggle {
|
||||
cursor : pointer;
|
||||
}
|
||||
|
||||
.chat-application .chat-app-window .user-chats {
|
||||
padding : 20px 30px;
|
||||
position : relative;
|
||||
text-align : center;
|
||||
height : calc(100vh - 23.5rem);
|
||||
height : calc(var(--vh, 1vh) * 100 - 23.5rem);
|
||||
}
|
||||
|
||||
.chat-application .chat-app-window .start-chat-area, .chat-application .chat-app-window .user-chats {
|
||||
background-image : url('../../images/backgrounds/chat-bg.svg');
|
||||
background-color : #DFDBE5;
|
||||
}
|
||||
|
||||
.chat-application .chat-app-window .start-chat-area {
|
||||
height : calc(100vh - 13rem);
|
||||
height : calc(var(--vh, 1vh) * 100 - 13rem);
|
||||
display : -webkit-box;
|
||||
display : -webkit-flex;
|
||||
display : -ms-flexbox;
|
||||
display : flex;
|
||||
-webkit-box-pack : center;
|
||||
-webkit-justify-content : center;
|
||||
-ms-flex-pack : center;
|
||||
justify-content : center;
|
||||
-webkit-box-align : center;
|
||||
-webkit-align-items : center;
|
||||
-ms-flex-align : center;
|
||||
align-items : center;
|
||||
-webkit-box-orient : vertical;
|
||||
-webkit-box-direction : normal;
|
||||
-webkit-flex-direction : column;
|
||||
-ms-flex-direction : column;
|
||||
flex-direction : column;
|
||||
}
|
||||
.chat-application .chat-app-window .start-chat-area .start-chat-icon, .chat-application .chat-app-window .start-chat-area .start-chat-text {
|
||||
background : white;
|
||||
box-shadow : 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08) !important;
|
||||
}
|
||||
.chat-application .chat-app-window .start-chat-area .start-chat-text {
|
||||
border-radius : calc(0.5rem * 4);
|
||||
cursor : pointer;
|
||||
}
|
||||
.chat-application .chat-app-window .start-chat-area .start-chat-icon {
|
||||
border-radius : 50%;
|
||||
font-size : 4rem;
|
||||
padding : 2rem;
|
||||
}
|
||||
|
||||
.chat-application .chat-app-form {
|
||||
padding : 20px 10px;
|
||||
background-color : white;
|
||||
}
|
||||
|
||||
.chat-application .chats {
|
||||
padding : 0;
|
||||
}
|
||||
.chat-application .chats .chat-body {
|
||||
display : block;
|
||||
margin : 10px 30px 0 0;
|
||||
overflow : hidden;
|
||||
}
|
||||
.chat-application .chats .chat-body .chat-content {
|
||||
text-align : right;
|
||||
display : block;
|
||||
float : right;
|
||||
padding : 0.75rem 1rem;
|
||||
margin : 0 20px 10px 0;
|
||||
clear : both;
|
||||
color : #FFFFFF;
|
||||
background : -webkit-linear-gradient(332deg, #7367F0, rgba(115, 103, 240, 0.7));
|
||||
background : linear-gradient(118deg, #7367F0, rgba(115, 103, 240, 0.7));
|
||||
border-radius : 0.5rem;
|
||||
box-shadow : 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
.chat-application .chats .chat-body .chat-content p {
|
||||
margin : 0;
|
||||
}
|
||||
.chat-application .chats .chat-avatar {
|
||||
float : right;
|
||||
}
|
||||
.chat-application .chats .chat-left .chat-avatar {
|
||||
float : left;
|
||||
}
|
||||
.chat-application .chats .chat-left .chat-body {
|
||||
margin-right : 0;
|
||||
margin-left : 30px;
|
||||
}
|
||||
.chat-application .chats .chat-left .chat-content {
|
||||
text-align : left;
|
||||
float : left;
|
||||
margin : 0 0 10px 20px;
|
||||
color : #626262;
|
||||
background : none;
|
||||
background-color : white;
|
||||
}
|
||||
|
||||
.chat-application .user-profile-sidebar {
|
||||
border-right : 1px solid #E4E7ED;
|
||||
height : calc(100vh - 13rem);
|
||||
height : calc(var(--vh, 1vh) * 100 - 13rem);
|
||||
width : 400px;
|
||||
border-radius : 0.25rem;
|
||||
border-top-left-radius : 0;
|
||||
border-bottom-left-radius : 0;
|
||||
margin : 0;
|
||||
background-color : #FFFFFF;
|
||||
position : fixed;
|
||||
-webkit-transform : translateX(110%);
|
||||
-ms-transform : translateX(110%);
|
||||
transform : translateX(110%);
|
||||
-webkit-transition : all 0.3s ease;
|
||||
transition : all 0.3s ease;
|
||||
z-index : 6;
|
||||
right : 4.2rem;
|
||||
bottom : 5.25rem;
|
||||
opacity : 0;
|
||||
}
|
||||
.chat-application .user-profile-sidebar.show {
|
||||
opacity : 1;
|
||||
-webkit-transform : translateX(7%);
|
||||
-ms-transform : translateX(7%);
|
||||
transform : translateX(7%);
|
||||
-webkit-transition : all 0.3s ease;
|
||||
transition : all 0.3s ease;
|
||||
}
|
||||
.chat-application .user-profile-sidebar .user-profile-header {
|
||||
display : -webkit-box;
|
||||
display : -webkit-flex;
|
||||
display : -ms-flexbox;
|
||||
display : flex;
|
||||
text-align : center;
|
||||
border-bottom : 1px solid rgba(0, 0, 0, 0.06);
|
||||
}
|
||||
.chat-application .user-profile-sidebar .user-profile-header .header-profile-sidebar {
|
||||
margin : 2rem auto 0.5rem;
|
||||
}
|
||||
.chat-application .user-profile-sidebar .user-profile-header .avatar {
|
||||
margin-bottom : 1.25rem;
|
||||
}
|
||||
.chat-application .user-profile-sidebar .user-profile-header .close-icon {
|
||||
position : absolute;
|
||||
top : 14px;
|
||||
right : 13px;
|
||||
font-size : 1.75rem;
|
||||
cursor : pointer;
|
||||
}
|
||||
.chat-application .user-profile-sidebar .user-profile-sidebar-area {
|
||||
height : calc(100vh - 24.25rem);
|
||||
height : calc(var(--vh, 1vh) * 100 - 24.25rem);
|
||||
position : relative;
|
||||
}
|
||||
|
||||
@media (max-width: 767.98px) {
|
||||
.chat-application .chat-app-window {
|
||||
height : calc(100% - 132px);
|
||||
}
|
||||
.chat-application .sidebar-content .sidebar-close-icon {
|
||||
visibility : visible;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 575.98px) {
|
||||
.chat-application .sidebar-content {
|
||||
width : 260px;
|
||||
left : -4px !important;
|
||||
}
|
||||
.chat-application .sidebar-content .chat-fixed-search, .chat-application .sidebar-content .chat-user-list {
|
||||
width : 260px;
|
||||
}
|
||||
.chat-application .chat-profile-sidebar {
|
||||
width : 260px;
|
||||
}
|
||||
.chat-application .user-profile-sidebar {
|
||||
width : 260px;
|
||||
right : 2.35rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991.98px) {
|
||||
.content-right {
|
||||
width : 100%;
|
||||
}
|
||||
.chat-application .sidebar-content {
|
||||
-webkit-transform : translateX(-110%);
|
||||
-ms-transform : translateX(-110%);
|
||||
transform : translateX(-110%);
|
||||
-webkit-transition : all 0.3s ease-in-out;
|
||||
transition : all 0.3s ease-in-out;
|
||||
left : 0;
|
||||
position : fixed;
|
||||
z-index : 5;
|
||||
left : -2px;
|
||||
}
|
||||
.chat-application .sidebar-content.show {
|
||||
-webkit-transform : translateX(8.5%);
|
||||
-ms-transform : translateX(8.5%);
|
||||
transform : translateX(8.5%);
|
||||
-webkit-transition : all 0.3s ease;
|
||||
transition : all 0.3s ease;
|
||||
display : block;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 349.98px) {
|
||||
.chat-application .sidebar-content {
|
||||
width : 230px;
|
||||
left : -2px !important;
|
||||
}
|
||||
.chat-application .sidebar-content .chat-fixed-search, .chat-application .sidebar-content .chat-user-list {
|
||||
width : 230px;
|
||||
}
|
||||
.chat-application .chat-profile-sidebar {
|
||||
width : 230px;
|
||||
}
|
||||
.chat-application .user-profile-sidebar {
|
||||
width : 230px;
|
||||
}
|
||||
}
|
||||
+1
File diff suppressed because one or more lines are too long
@@ -0,0 +1,88 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
/* app ecommerce details css */
|
||||
/*---------------*/
|
||||
.app-ecommerce-details .item-features {
|
||||
background-color : #F7F7F7;
|
||||
}
|
||||
|
||||
/* swiper slide shadow */
|
||||
.swiper-container .swiper-shadow {
|
||||
box-shadow : 2px 8px 10px 0 rgba(25, 42, 70, 0.13) !important;
|
||||
}
|
||||
|
||||
.swiper-responsive-breakpoints.swiper-container .swiper-slide {
|
||||
text-align : center;
|
||||
font-weight : 500;
|
||||
background-color : #F7F7F7;
|
||||
padding : 1.5rem;
|
||||
cursor : pointer;
|
||||
}
|
||||
|
||||
.swiper-button-prev, .swiper-button-next, .swiper-container-rtl .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
|
||||
background-image : none;
|
||||
width : 35px;
|
||||
font-size : 2rem;
|
||||
}
|
||||
.swiper-button-prev:focus, .swiper-button-next:focus, .swiper-container-rtl .swiper-button-prev:focus, .swiper-container-rtl .swiper-button-next:focus {
|
||||
outline : none;
|
||||
}
|
||||
.swiper-button-prev:after, .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
|
||||
font-family : 'feather';
|
||||
}
|
||||
|
||||
.swiper-button-prev {
|
||||
left : 0;
|
||||
}
|
||||
.swiper-button-prev:after {
|
||||
content : '\e843';
|
||||
}
|
||||
|
||||
.swiper-button-next {
|
||||
right : 0;
|
||||
}
|
||||
.swiper-button-next:after {
|
||||
content : '\e844';
|
||||
}
|
||||
|
||||
.swiper-container-rtl .swiper-button-prev:after {
|
||||
content : '\e844';
|
||||
}
|
||||
|
||||
.swiper-container-rtl .swiper-button-next:after {
|
||||
content : '\e843';
|
||||
}
|
||||
|
||||
.product-color-options .color-option {
|
||||
border : 2px solid transparent;
|
||||
border-radius : 50%;
|
||||
position : relative;
|
||||
cursor : pointer;
|
||||
padding : 0.3rem;
|
||||
}
|
||||
.product-color-options .color-option .filloption {
|
||||
height : 21px;
|
||||
width : 21px;
|
||||
border-radius : 50%;
|
||||
}
|
||||
|
||||
.product-color-options .selected .b-primary {
|
||||
border-color : #7367F0;
|
||||
}
|
||||
|
||||
.product-color-options .selected .b-success {
|
||||
border-color : #28C76F;
|
||||
}
|
||||
|
||||
.product-color-options .selected .b-danger {
|
||||
border-color : #EA5455;
|
||||
}
|
||||
|
||||
.product-color-options .selected .b-warning {
|
||||
border-color : #FF9F43;
|
||||
}
|
||||
|
||||
.product-color-options .selected .b-black {
|
||||
border-color : #22292F;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.app-ecommerce-details .item-features{background-color:#F7F7F7}.swiper-container .swiper-shadow{box-shadow:2px 8px 10px 0 rgba(25,42,70,.13)!important}.swiper-responsive-breakpoints.swiper-container .swiper-slide{text-align:center;font-weight:500;background-color:#F7F7F7;padding:1.5rem;cursor:pointer}.swiper-button-next,.swiper-button-prev,.swiper-container-rtl .swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:none;width:35px;font-size:2rem}.swiper-button-next:focus,.swiper-button-prev:focus,.swiper-container-rtl .swiper-button-next:focus,.swiper-container-rtl .swiper-button-prev:focus{outline:0}.swiper-button-next:after,.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{font-family:feather}.swiper-button-prev{left:0}.swiper-button-prev:after{content:'\e843'}.swiper-button-next{right:0}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'\e844'}.swiper-container-rtl .swiper-button-next:after{content:'\e843'}.product-color-options .color-option{border:2px solid transparent;border-radius:50%;position:relative;cursor:pointer;padding:.3rem}.product-color-options .color-option .filloption{height:21px;width:21px;border-radius:50%}.product-color-options .selected .b-primary{border-color:#7367F0}.product-color-options .selected .b-success{border-color:#28C76F}.product-color-options .selected .b-danger{border-color:#EA5455}.product-color-options .selected .b-warning{border-color:#FF9F43}.product-color-options .selected .b-black{border-color:#22292F}
|
||||
@@ -0,0 +1,693 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
.ecommerce-application .content-body {
|
||||
position : relative;
|
||||
}
|
||||
|
||||
.ecommerce-application .shop-content-overlay {
|
||||
position : absolute;
|
||||
top : 4.2rem;
|
||||
height : 100%;
|
||||
width : 100%;
|
||||
background : rgba(0, 0, 0, 0.2);
|
||||
z-index : 0;
|
||||
opacity : 0;
|
||||
}
|
||||
.ecommerce-application .shop-content-overlay.show {
|
||||
opacity : 1;
|
||||
z-index : 1;
|
||||
}
|
||||
|
||||
.ecommerce-application .sidebar-shop .sidebar-close-icon {
|
||||
position : absolute;
|
||||
top : 0.25rem;
|
||||
right : 0.25rem;
|
||||
font-size : 1.25rem;
|
||||
z-index : 5;
|
||||
cursor : pointer;
|
||||
}
|
||||
|
||||
.ecommerce-application .sidebar-shop .filter-heading {
|
||||
font-weight : 700;
|
||||
color : #626262;
|
||||
position : relative;
|
||||
top : -7px;
|
||||
}
|
||||
|
||||
.ecommerce-application .sidebar-shop .vs-radio-con input:checked ~ span {
|
||||
color : #7367F0;
|
||||
}
|
||||
|
||||
.ecommerce-application .sidebar-shop .filter-title {
|
||||
font-weight : 700;
|
||||
}
|
||||
|
||||
.ecommerce-application .sidebar-shop .range-slider.noUi-horizontal {
|
||||
height : 0.285rem;
|
||||
}
|
||||
.ecommerce-application .sidebar-shop .range-slider.noUi-horizontal .noUi-base {
|
||||
height : 0.285rem;
|
||||
}
|
||||
.ecommerce-application .sidebar-shop .range-slider.noUi-horizontal .noUi-handle {
|
||||
right : -1.071rem !important;
|
||||
top : -0.428rem;
|
||||
width : 16px;
|
||||
height : 16px;
|
||||
border-width : 0.142rem;
|
||||
line-height : 1.15;
|
||||
cursor : pointer;
|
||||
}
|
||||
.ecommerce-application .sidebar-shop .range-slider.noUi-horizontal .noUi-handle .noUi-tooltip {
|
||||
opacity : 0;
|
||||
font-size : 0.75rem;
|
||||
background-color : #7367F0;
|
||||
color : #FFFFFF;
|
||||
border-radius : 0.357rem;
|
||||
border : none;
|
||||
padding : 0.142rem 0.357rem;
|
||||
-webkit-transform : translate(-50%, -50%);
|
||||
-ms-transform : translate(-50%, -50%);
|
||||
transform : translate(-50%, -50%);
|
||||
}
|
||||
.ecommerce-application .sidebar-shop .range-slider.noUi-horizontal .noUi-handle .noUi-tooltip:before {
|
||||
content : '$ ';
|
||||
}
|
||||
.ecommerce-application .sidebar-shop .range-slider.noUi-horizontal .noUi-handle:hover {
|
||||
-webkit-transform : scale(1.2);
|
||||
-ms-transform : scale(1.2);
|
||||
transform : scale(1.2);
|
||||
}
|
||||
.ecommerce-application .sidebar-shop .range-slider.noUi-horizontal .noUi-handle:active {
|
||||
-webkit-transform : scale(1);
|
||||
-ms-transform : scale(1);
|
||||
transform : scale(1);
|
||||
border-width : 0.5rem;
|
||||
-webkit-transition : 0.25s ease;
|
||||
transition : 0.25s ease;
|
||||
}
|
||||
.ecommerce-application .sidebar-shop .range-slider.noUi-horizontal .noUi-handle:active .noUi-tooltip {
|
||||
opacity : 1;
|
||||
}
|
||||
|
||||
.ecommerce-application .sidebar-shop .ratings-list .ratings-list-item {
|
||||
font-size : 1.5rem;
|
||||
cursor : pointer;
|
||||
}
|
||||
|
||||
.ecommerce-application .sidebar-shop .ratings-list ~ .stars-received {
|
||||
margin-top : 0.35rem;
|
||||
}
|
||||
|
||||
.ecommerce-application .sidebar-shop {
|
||||
margin-top : 2rem;
|
||||
width : 260px;
|
||||
z-index : 4;
|
||||
}
|
||||
|
||||
.ecommerce-application .ecommerce-header-items {
|
||||
display : -webkit-box;
|
||||
display : -webkit-flex;
|
||||
display : -ms-flexbox;
|
||||
display : flex;
|
||||
-webkit-box-pack : justify;
|
||||
-webkit-justify-content : space-between;
|
||||
-ms-flex-pack : justify;
|
||||
justify-content : space-between;
|
||||
}
|
||||
.ecommerce-application .ecommerce-header-items .view-options .view-btn-option {
|
||||
display : inline-block;
|
||||
}
|
||||
.ecommerce-application .ecommerce-header-items .view-options .view-btn-option .btn.view-btn {
|
||||
margin-right : 10px;
|
||||
background-color : #FFFFFF;
|
||||
padding : 0.5rem;
|
||||
color : #626262;
|
||||
box-shadow : 0 2px 8px 0 rgba(0, 0, 0, 0.14) !important;
|
||||
}
|
||||
.ecommerce-application .ecommerce-header-items .view-options .view-btn-option .btn.view-btn i {
|
||||
font-size : 1.7rem;
|
||||
}
|
||||
.ecommerce-application .ecommerce-header-items .view-options .view-btn-option .btn.view-btn.active {
|
||||
color : #7367F0 !important;
|
||||
}
|
||||
.ecommerce-application .ecommerce-header-items .view-options .view-btn-option .btn.view-btn.active:hover, .ecommerce-application .ecommerce-header-items .view-options .view-btn-option .btn.view-btn.active:active {
|
||||
color : #7367F0 !important;
|
||||
}
|
||||
.ecommerce-application .ecommerce-header-items .view-options .view-btn-option .btn.view-btn:hover, .ecommerce-application .ecommerce-header-items .view-options .view-btn-option .btn.view-btn:active {
|
||||
color : #626262;
|
||||
}
|
||||
.ecommerce-application .ecommerce-header-items .view-options .select2 {
|
||||
margin-right : 10px;
|
||||
width : auto !important;
|
||||
}
|
||||
.ecommerce-application .ecommerce-header-items .view-options .select2 .select2-selection--single {
|
||||
border : none !important;
|
||||
box-shadow : 0 2px 8px 0 rgba(0, 0, 0, 0.14);
|
||||
border-radius : 5px;
|
||||
}
|
||||
.ecommerce-application .ecommerce-header-items .result-toggler {
|
||||
display : -webkit-box;
|
||||
display : -webkit-flex;
|
||||
display : -ms-flexbox;
|
||||
display : flex;
|
||||
-webkit-box-align : end;
|
||||
-webkit-align-items : flex-end;
|
||||
-ms-flex-align : end;
|
||||
align-items : flex-end;
|
||||
}
|
||||
.ecommerce-application .ecommerce-header-items .result-toggler .shop-sidebar-toggler {
|
||||
font-size : 1.7rem;
|
||||
padding-left : 0;
|
||||
margin-left : -6px;
|
||||
}
|
||||
.ecommerce-application .ecommerce-header-items .result-toggler .shop-sidebar-toggler:active, .ecommerce-application .ecommerce-header-items .result-toggler .shop-sidebar-toggler:focus {
|
||||
outline : 0;
|
||||
}
|
||||
.ecommerce-application .ecommerce-header-items .result-toggler .shop-sidebar-toggler .navbar-toggler-icon i {
|
||||
color : #626262;
|
||||
vertical-align : middle;
|
||||
}
|
||||
.ecommerce-application .ecommerce-header-items .result-toggler .search-results {
|
||||
font-weight : 700;
|
||||
color : #626262;
|
||||
display : inline-block;
|
||||
}
|
||||
|
||||
.ecommerce-application .search-product {
|
||||
height : 48px;
|
||||
border : none;
|
||||
box-shadow : 0 2px 8px 0 rgba(0, 0, 0, 0.14);
|
||||
font-size : 1.2rem;
|
||||
padding-left : 1rem;
|
||||
}
|
||||
.ecommerce-application .search-product ~ .form-control-position {
|
||||
top : 10px;
|
||||
right : 10px;
|
||||
}
|
||||
.ecommerce-application .search-product ~ .form-control-position i {
|
||||
font-size : 1.5rem;
|
||||
}
|
||||
.ecommerce-application .search-product::-webkit-input-placeholder {
|
||||
font-size : 0.95rem;
|
||||
}
|
||||
.ecommerce-application .search-product::-moz-placeholder {
|
||||
font-size : 0.95rem;
|
||||
}
|
||||
.ecommerce-application .search-product:-ms-input-placeholder {
|
||||
font-size : 0.95rem;
|
||||
}
|
||||
.ecommerce-application .search-product::-ms-input-placeholder {
|
||||
font-size : 0.95rem;
|
||||
}
|
||||
.ecommerce-application .search-product::placeholder {
|
||||
font-size : 0.95rem;
|
||||
}
|
||||
|
||||
.ecommerce-application .ecommerce-card:hover {
|
||||
-webkit-transform : translateY(-5px);
|
||||
-ms-transform : translateY(-5px);
|
||||
transform : translateY(-5px);
|
||||
box-shadow : 0 4px 25px 0 rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
|
||||
.ecommerce-application .ecommerce-card .item-price {
|
||||
font-weight : 700;
|
||||
}
|
||||
|
||||
.ecommerce-application .ecommerce-card .item-rating i {
|
||||
margin-left : 0.25rem;
|
||||
vertical-align : top;
|
||||
}
|
||||
|
||||
.ecommerce-application .ecommerce-card .item-name {
|
||||
font-weight : 600;
|
||||
color : #2C2C2C;
|
||||
}
|
||||
.ecommerce-application .ecommerce-card .item-name a {
|
||||
color : #626262;
|
||||
}
|
||||
.ecommerce-application .ecommerce-card .item-name a:hover {
|
||||
color : #7367F0;
|
||||
}
|
||||
|
||||
.ecommerce-application .ecommerce-card .item-description {
|
||||
font-size : 0.875rem;
|
||||
}
|
||||
|
||||
.ecommerce-application .ecommerce-card .wishlist, .ecommerce-application .ecommerce-card .cart {
|
||||
padding : 0.8rem 1rem;
|
||||
cursor : pointer;
|
||||
font-weight : 600;
|
||||
font-size : 0.875rem;
|
||||
text-transform : uppercase;
|
||||
}
|
||||
.ecommerce-application .ecommerce-card .wishlist i, .ecommerce-application .ecommerce-card .cart i {
|
||||
font-size : 1rem;
|
||||
margin-right : 0.25rem;
|
||||
}
|
||||
|
||||
.ecommerce-application .ecommerce-card .wishlist {
|
||||
background-color : #F6F6F6;
|
||||
color : #2C2C2C;
|
||||
-webkit-user-select : none;
|
||||
-moz-user-select : none;
|
||||
-ms-user-select : none;
|
||||
user-select : none;
|
||||
}
|
||||
.ecommerce-application .ecommerce-card .wishlist.added i {
|
||||
color : #EA5455;
|
||||
}
|
||||
|
||||
.ecommerce-application .ecommerce-card .cart {
|
||||
background-color : #7367F0;
|
||||
color : #FFFFFF;
|
||||
}
|
||||
.ecommerce-application .ecommerce-card .cart .view-in-cart {
|
||||
color : #FFFFFF;
|
||||
}
|
||||
|
||||
.ecommerce-application .grid-view, .ecommerce-application .list-view {
|
||||
margin-top : 0.7rem;
|
||||
}
|
||||
|
||||
.ecommerce-application .grid-view {
|
||||
display : grid;
|
||||
grid-template-columns : 1fr 1fr 1fr;
|
||||
-webkit-column-gap : 28px;
|
||||
-moz-column-gap : 28px;
|
||||
column-gap : 28px;
|
||||
}
|
||||
.ecommerce-application .grid-view .ecommerce-card {
|
||||
overflow : hidden;
|
||||
}
|
||||
.ecommerce-application .grid-view .ecommerce-card .card-content .item-img {
|
||||
padding-top : 0.5rem;
|
||||
min-height : 15.85rem;
|
||||
}
|
||||
.ecommerce-application .grid-view .ecommerce-card .card-content .item-wrapper {
|
||||
display : -webkit-box;
|
||||
display : -webkit-flex;
|
||||
display : -ms-flexbox;
|
||||
display : flex;
|
||||
-webkit-box-pack : justify;
|
||||
-webkit-justify-content : space-between;
|
||||
-ms-flex-pack : justify;
|
||||
justify-content : space-between;
|
||||
}
|
||||
.ecommerce-application .grid-view .ecommerce-card .card-content .item-wrapper .item-price {
|
||||
position : relative;
|
||||
top : 5px;
|
||||
}
|
||||
.ecommerce-application .grid-view .ecommerce-card .card-content .item-wrapper .shipping {
|
||||
display : none;
|
||||
}
|
||||
.ecommerce-application .grid-view .ecommerce-card .card-content .item-company {
|
||||
display : none;
|
||||
}
|
||||
.ecommerce-application .grid-view .ecommerce-card .card-content .item-options {
|
||||
display : -webkit-box;
|
||||
display : -webkit-flex;
|
||||
display : -ms-flexbox;
|
||||
display : flex;
|
||||
-webkit-flex-wrap : wrap;
|
||||
-ms-flex-wrap : wrap;
|
||||
flex-wrap : wrap;
|
||||
}
|
||||
.ecommerce-application .grid-view .ecommerce-card .card-content .item-options .cart, .ecommerce-application .grid-view .ecommerce-card .card-content .item-options .wishlist {
|
||||
-webkit-box-flex : 1;
|
||||
-webkit-flex-grow : 1;
|
||||
-ms-flex-positive : 1;
|
||||
flex-grow : 1;
|
||||
}
|
||||
.ecommerce-application .grid-view .ecommerce-card .card-content .item-options .wishlist {
|
||||
padding : 0.8rem 2rem;
|
||||
}
|
||||
.ecommerce-application .grid-view .ecommerce-card .card-content .item-options .item-wrapper .item-rating {
|
||||
display : none;
|
||||
}
|
||||
.ecommerce-application .grid-view .ecommerce-card .card-content .item-options .item-wrapper .item-price {
|
||||
display : none;
|
||||
}
|
||||
.ecommerce-application .grid-view .ecommerce-card .card-content .item-name {
|
||||
margin-top : 1rem;
|
||||
}
|
||||
.ecommerce-application .grid-view .ecommerce-card .card-content .item-name, .ecommerce-application .grid-view .ecommerce-card .card-content .item-description {
|
||||
overflow : hidden;
|
||||
white-space : nowrap;
|
||||
text-overflow : ellipsis;
|
||||
}
|
||||
.ecommerce-application .grid-view .ecommerce-card .card-body {
|
||||
padding : 1rem;
|
||||
padding-bottom : 0;
|
||||
}
|
||||
|
||||
.ecommerce-application .list-view {
|
||||
display : grid;
|
||||
grid-template-columns : 1fr;
|
||||
}
|
||||
.ecommerce-application .list-view .ecommerce-card {
|
||||
overflow : hidden;
|
||||
}
|
||||
.ecommerce-application .list-view .ecommerce-card .card-content {
|
||||
display : grid;
|
||||
grid-template-columns : 1fr 2fr 1fr;
|
||||
}
|
||||
.ecommerce-application .list-view .ecommerce-card .card-content .item-img {
|
||||
-webkit-align-self : center;
|
||||
-ms-flex-item-align : center;
|
||||
align-self : center;
|
||||
padding-left : 1rem;
|
||||
padding-right : 1rem;
|
||||
display : -webkit-box;
|
||||
display : -webkit-flex;
|
||||
display : -ms-flexbox;
|
||||
display : flex;
|
||||
-webkit-box-pack : center;
|
||||
-webkit-justify-content : center;
|
||||
-ms-flex-pack : center;
|
||||
justify-content : center;
|
||||
-webkit-box-align : center;
|
||||
-webkit-align-items : center;
|
||||
-ms-flex-align : center;
|
||||
align-items : center;
|
||||
height : 100%;
|
||||
}
|
||||
.ecommerce-application .list-view .ecommerce-card .card-content .card-body {
|
||||
padding : 1rem;
|
||||
padding-bottom : 0.5rem;
|
||||
border-right : 1px solid #DAE1E7;
|
||||
}
|
||||
.ecommerce-application .list-view .ecommerce-card .card-content .card-body .item-rating {
|
||||
display : none;
|
||||
}
|
||||
.ecommerce-application .list-view .ecommerce-card .card-content .card-body .item-price {
|
||||
display : none;
|
||||
}
|
||||
.ecommerce-application .list-view .ecommerce-card .card-content .card-body .item-name {
|
||||
margin-bottom : 0.25rem;
|
||||
font-size : 0.95rem;
|
||||
}
|
||||
.ecommerce-application .list-view .ecommerce-card .card-content .card-body .item-company {
|
||||
display : block;
|
||||
cursor : pointer;
|
||||
font-size : 0.875rem;
|
||||
}
|
||||
.ecommerce-application .list-view .ecommerce-card .card-content .card-body .item-company .company-name {
|
||||
color : #7367F0;
|
||||
}
|
||||
.ecommerce-application .list-view .ecommerce-card .card-content .item-options {
|
||||
padding : 1rem;
|
||||
}
|
||||
.ecommerce-application .list-view .ecommerce-card .card-content .item-options .item-wrapper {
|
||||
position : relative;
|
||||
}
|
||||
.ecommerce-application .list-view .ecommerce-card .card-content .item-options .item-wrapper .item-rating {
|
||||
position : absolute;
|
||||
right : 0;
|
||||
}
|
||||
.ecommerce-application .list-view .ecommerce-card .card-content .item-options .item-wrapper .item-cost .item-price {
|
||||
position : relative;
|
||||
top : 55px;
|
||||
font-size : 16px;
|
||||
}
|
||||
.ecommerce-application .list-view .ecommerce-card .card-content .item-options .shipping {
|
||||
position : relative;
|
||||
top : 50px;
|
||||
color : #B8C2CC;
|
||||
}
|
||||
.ecommerce-application .list-view .ecommerce-card .card-content .item-options .wishlist {
|
||||
margin-top : 84px;
|
||||
margin-bottom : 10px;
|
||||
}
|
||||
.ecommerce-application .list-view .ecommerce-card .card-content .item-options .wishlist, .ecommerce-application .list-view .ecommerce-card .card-content .item-options .cart {
|
||||
border-radius : 6px;
|
||||
}
|
||||
|
||||
.ecommerce-application .checkout-items .ecommerce-card .card-content .item-company {
|
||||
margin-bottom : 0;
|
||||
}
|
||||
|
||||
.ecommerce-application .checkout-items .ecommerce-card .card-content .stock-status-in {
|
||||
color : #28C76F;
|
||||
font-weight : 400;
|
||||
font-size : 0.875rem;
|
||||
}
|
||||
|
||||
.ecommerce-application .checkout-items .ecommerce-card .card-content .stock-status-out {
|
||||
color : #EA5455;
|
||||
font-weight : 400;
|
||||
font-size : 0.875rem;
|
||||
}
|
||||
|
||||
.ecommerce-application .checkout-items .ecommerce-card .card-content .item-quantity {
|
||||
font-weight : 700;
|
||||
font-size : 0.875rem;
|
||||
}
|
||||
.ecommerce-application .checkout-items .ecommerce-card .card-content .item-quantity .quantity-title {
|
||||
margin-bottom : 0.5rem;
|
||||
}
|
||||
.ecommerce-application .checkout-items .ecommerce-card .card-content .item-quantity .quantity-counter-wrapper {
|
||||
margin-left : -10px;
|
||||
}
|
||||
|
||||
.ecommerce-application .checkout-items .ecommerce-card .card-content .delivery-date, .ecommerce-application .checkout-items .ecommerce-card .card-content .offers {
|
||||
font-weight : 500;
|
||||
margin-bottom : 0;
|
||||
font-size : 1rem;
|
||||
}
|
||||
|
||||
.ecommerce-application .checkout-items .ecommerce-card .card-content .delivery-date {
|
||||
color : #B8C2CC;
|
||||
margin-top : 1.8rem;
|
||||
}
|
||||
|
||||
.ecommerce-application .checkout-items .ecommerce-card .card-content .offers {
|
||||
color : #28C76F;
|
||||
}
|
||||
|
||||
.ecommerce-application .checkout-options .options-title {
|
||||
color : #B8C2CC;
|
||||
}
|
||||
|
||||
.ecommerce-application .checkout-options .coupons {
|
||||
display : -webkit-box;
|
||||
display : -webkit-flex;
|
||||
display : -ms-flexbox;
|
||||
display : flex;
|
||||
-webkit-box-pack : justify;
|
||||
-webkit-justify-content : space-between;
|
||||
-ms-flex-pack : justify;
|
||||
justify-content : space-between;
|
||||
}
|
||||
.ecommerce-application .checkout-options .coupons .coupons-title {
|
||||
font-weight : 600;
|
||||
}
|
||||
.ecommerce-application .checkout-options .coupons .coupons-title p {
|
||||
margin-bottom : 0.5rem;
|
||||
}
|
||||
.ecommerce-application .checkout-options .coupons .apply-coupon {
|
||||
color : #7367F0;
|
||||
font-weight : 500;
|
||||
cursor : pointer;
|
||||
}
|
||||
.ecommerce-application .checkout-options .coupons .apply-coupon p {
|
||||
margin-bottom : 0.5rem;
|
||||
}
|
||||
|
||||
.ecommerce-application .checkout-options .price-details {
|
||||
font-weight : 600;
|
||||
margin-bottom : 0.75rem;
|
||||
}
|
||||
|
||||
.ecommerce-application .checkout-options .detail {
|
||||
display : -webkit-box;
|
||||
display : -webkit-flex;
|
||||
display : -ms-flexbox;
|
||||
display : flex;
|
||||
-webkit-box-pack : justify;
|
||||
-webkit-justify-content : space-between;
|
||||
-ms-flex-pack : justify;
|
||||
justify-content : space-between;
|
||||
margin-bottom : 0.75rem;
|
||||
}
|
||||
.ecommerce-application .checkout-options .detail .detail-title {
|
||||
color : #B8C2CC;
|
||||
}
|
||||
.ecommerce-application .checkout-options .detail .detail-title.detail-total {
|
||||
color : #626262;
|
||||
font-weight : 600;
|
||||
}
|
||||
.ecommerce-application .checkout-options .detail .detail-amt.discount-amt {
|
||||
color : #28C76F;
|
||||
}
|
||||
.ecommerce-application .checkout-options .detail .detail-amt.emi-details {
|
||||
color : #7367F0;
|
||||
cursor : pointer;
|
||||
}
|
||||
.ecommerce-application .checkout-options .detail .detail-amt.total-amt {
|
||||
font-weight : 600;
|
||||
}
|
||||
|
||||
.ecommerce-application .payment-type .gift-card {
|
||||
cursor : pointer;
|
||||
}
|
||||
.ecommerce-application .payment-type .gift-card i {
|
||||
position : relative;
|
||||
top : 3px;
|
||||
}
|
||||
|
||||
.ecommerce-application .wizard.checkout-tab-steps .steps ul li.error > a {
|
||||
color : #7367F0;
|
||||
}
|
||||
.ecommerce-application .wizard.checkout-tab-steps .steps ul li.error > a .step {
|
||||
border-color : #7367F0;
|
||||
background-color : #7367F0;
|
||||
}
|
||||
|
||||
.ecommerce-application .wizard.checkout-tab-steps #checkout-address .form-group .error {
|
||||
color : #EA5455;
|
||||
}
|
||||
|
||||
@media (max-width: 1200px) {
|
||||
.ecommerce-application .app-content {
|
||||
overflow : scroll;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991.98px) {
|
||||
.ecommerce-application .sidebar-left .sidebar {
|
||||
position : absolute;
|
||||
top : 14rem;
|
||||
}
|
||||
.ecommerce-application .sidebar-left .sidebar .card {
|
||||
border-radius : 0;
|
||||
padding-bottom : 100vh;
|
||||
padding-bottom : calc(var(--vh, 1vh) * 100);
|
||||
}
|
||||
.ecommerce-application .sidebar-left .sidebar .card .card-body {
|
||||
padding-bottom : 100%;
|
||||
}
|
||||
.ecommerce-application .sidebar-left .sidebar .sidebar-shop {
|
||||
-webkit-transform : translateX(-112%);
|
||||
-ms-transform : translateX(-112%);
|
||||
transform : translateX(-112%);
|
||||
-webkit-transition : all 0.25s ease;
|
||||
transition : all 0.25s ease;
|
||||
position : absolute;
|
||||
}
|
||||
.ecommerce-application .sidebar-left .sidebar .sidebar-shop.show {
|
||||
-webkit-transition : all 0.25s ease;
|
||||
transition : all 0.25s ease;
|
||||
-webkit-transform : translateX(0);
|
||||
-ms-transform : translateX(0);
|
||||
transform : translateX(0);
|
||||
}
|
||||
.ecommerce-application .ecommerce-header-items .result-toggler .shop-sidebar-toggler {
|
||||
position : relative;
|
||||
top : 1.2rem;
|
||||
}
|
||||
.ecommerce-application .grid-view {
|
||||
grid-template-columns : 1fr 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991.98px) {
|
||||
.ecommerce-application .ecommerce-header-items .result-toggler .search-results {
|
||||
display : none;
|
||||
}
|
||||
.ecommerce-application .ecommerce-header-items .result-toggler .shop-sidebar-toggler {
|
||||
top : 0.5rem;
|
||||
}
|
||||
.ecommerce-application .ecommerce-header-items .sidebar-shop {
|
||||
-webkit-transform : translateX(-123%);
|
||||
-ms-transform : translateX(-123%);
|
||||
transform : translateX(-123%);
|
||||
-webkit-transition : all 0.2s ease;
|
||||
transition : all 0.2s ease;
|
||||
z-index : 5;
|
||||
}
|
||||
.ecommerce-application .ecommerce-header-items .sidebar-shop.show {
|
||||
position : absolute;
|
||||
-webkit-transform : translateX(0);
|
||||
-ms-transform : translateX(0);
|
||||
transform : translateX(0);
|
||||
-webkit-transition : all 0.2s ease;
|
||||
transition : all 0.2s ease;
|
||||
}
|
||||
.ecommerce-application .list-view .ecommerce-card .card-content {
|
||||
grid-template-columns : 1fr;
|
||||
}
|
||||
.ecommerce-application .list-view .ecommerce-card .card-content .item-img {
|
||||
padding-top : 2rem;
|
||||
padding-bottom : 2rem;
|
||||
}
|
||||
.ecommerce-application .list-view .ecommerce-card .card-content .card-body {
|
||||
border : none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 576px) {
|
||||
.ecommerce-application .sidebar-shop {
|
||||
top : 0;
|
||||
}
|
||||
.ecommerce-application .grid-view {
|
||||
grid-template-columns : 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.ecommerce-application .ecommerce-header-items .shop-sidebar-toggler {
|
||||
display : none;
|
||||
}
|
||||
.ecommerce-application .wishlist-items.grid-view {
|
||||
grid-template-columns : 1fr 1fr 1fr 1fr;
|
||||
}
|
||||
.ecommerce-application .product-checkout.list-view {
|
||||
grid-template-columns : 2fr 1fr;
|
||||
-webkit-column-gap : 20px;
|
||||
-moz-column-gap : 20px;
|
||||
column-gap : 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 360px) {
|
||||
.ecommerce-application .sidebar-shop {
|
||||
top : 1.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
|
||||
.ecommerce-application .grid-view {
|
||||
display : block;
|
||||
}
|
||||
.ecommerce-application .grid-view .ecommerce-card {
|
||||
float : left;
|
||||
width : 31%;
|
||||
margin-left : 1%;
|
||||
margin-right : 1%;
|
||||
}
|
||||
.ecommerce-application .list-view {
|
||||
display : block;
|
||||
}
|
||||
.ecommerce-application .list-view .ecommerce-card .card-content {
|
||||
display : -webkit-box;
|
||||
display : -webkit-flex;
|
||||
display : -ms-flexbox;
|
||||
display : flex;
|
||||
}
|
||||
.ecommerce-application .list-view .ecommerce-card .card-content .item-options .wishlist, .ecommerce-application .list-view .ecommerce-card .card-content .item-options .cart {
|
||||
padding : 0.8rem 3rem;
|
||||
display : -webkit-box;
|
||||
display : -webkit-flex;
|
||||
display : -ms-flexbox;
|
||||
display : flex;
|
||||
-webkit-box-pack : center;
|
||||
-webkit-justify-content : center;
|
||||
-ms-flex-pack : center;
|
||||
justify-content : center;
|
||||
}
|
||||
.ecommerce-application #ecommerce-pagination .row {
|
||||
clear : both;
|
||||
}
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
+1
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
+1
File diff suppressed because one or more lines are too long
@@ -0,0 +1,57 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
/* user page css */
|
||||
/*---------------*/
|
||||
.users-list-wrapper .actions-dropodown {
|
||||
box-shadow : 0 2px 8px 0 rgba(0, 0, 0, 0.14);
|
||||
border-radius : 0.5rem;
|
||||
}
|
||||
|
||||
.users-list-wrapper a, .users-list-wrapper span {
|
||||
color : inherit;
|
||||
}
|
||||
.users-list-wrapper a i, .users-list-wrapper span i {
|
||||
cursor : pointer;
|
||||
font-size : 1.2rem;
|
||||
}
|
||||
.users-list-wrapper a i.users-delete-icon, .users-list-wrapper span i.users-delete-icon {
|
||||
font-size : 1.2rem;
|
||||
}
|
||||
.users-list-wrapper a i.users-delete-icon:hover, .users-list-wrapper span i.users-delete-icon:hover {
|
||||
color : #EA5455;
|
||||
}
|
||||
.users-list-wrapper a i.users-edit-icon:hover, .users-list-wrapper span i.users-edit-icon:hover {
|
||||
color : #7367F0;
|
||||
}
|
||||
|
||||
.users-list-wrapper .badge {
|
||||
text-transform : uppercase;
|
||||
}
|
||||
|
||||
.users-list-wrapper .ag-icon-checkbox-unchecked {
|
||||
color : #B8C2CC !important;
|
||||
font-size : 22px;
|
||||
}
|
||||
|
||||
.users-list-wrapper .ag-icon-checkbox-checked, .users-list-wrapper .ag-icon-checkbox-indeterminate {
|
||||
font-size : 22px;
|
||||
}
|
||||
|
||||
.page-users-view .users-view-image {
|
||||
width : 150px;
|
||||
}
|
||||
|
||||
.page-users-view table td {
|
||||
padding-bottom : 0.8rem;
|
||||
min-width : 140px;
|
||||
word-break : break-word;
|
||||
}
|
||||
|
||||
.page-users-view .users-view-permission table td, .page-users-view .users-view-permission table th {
|
||||
padding-bottom : 0;
|
||||
}
|
||||
|
||||
.page-users-edit .users-avatar-shadow {
|
||||
box-shadow : 2px 4px 14px 0 rgba(34, 41, 47, 0.4);
|
||||
}
|
||||
+1
@@ -0,0 +1 @@
|
||||
.users-list-wrapper .actions-dropodown{box-shadow:0 2px 8px 0 rgba(0,0,0,.14);border-radius:.5rem}.users-list-wrapper a,.users-list-wrapper span{color:inherit}.users-list-wrapper a i,.users-list-wrapper span i{cursor:pointer;font-size:1.2rem}.users-list-wrapper a i.users-delete-icon,.users-list-wrapper span i.users-delete-icon{font-size:1.2rem}.users-list-wrapper a i.users-delete-icon:hover,.users-list-wrapper span i.users-delete-icon:hover{color:#EA5455}.users-list-wrapper a i.users-edit-icon:hover,.users-list-wrapper span i.users-edit-icon:hover{color:#7367F0}.users-list-wrapper .badge{text-transform:uppercase}.users-list-wrapper .ag-icon-checkbox-unchecked{color:#B8C2CC!important;font-size:22px}.users-list-wrapper .ag-icon-checkbox-checked,.users-list-wrapper .ag-icon-checkbox-indeterminate{font-size:22px}.page-users-view .users-view-image{width:150px}.page-users-view table td{padding-bottom:.8rem;min-width:140px;word-break:break-word}.page-users-view .users-view-permission table td,.page-users-view .users-view-permission table th{padding-bottom:0}.page-users-edit .users-avatar-shadow{box-shadow:2px 4px 14px 0 rgba(34,41,47,.4)}
|
||||
@@ -0,0 +1,189 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
.dataTables_wrapper .dataTables_length {
|
||||
display : inline-block;
|
||||
}
|
||||
.dataTables_wrapper .dataTables_length .custom-select {
|
||||
width : 6.714rem !important;
|
||||
height : 3rem;
|
||||
border-radius : 1.428rem;
|
||||
border : 1px solid #DAE1E7;
|
||||
font-size : 1rem;
|
||||
margin-bottom : 1.5rem;
|
||||
background-position : calc(100% - 8px) 13px, calc(100% - 13px) 13px, 100% 0 !important;
|
||||
}
|
||||
.dataTables_wrapper .dataTables_length .custom-select:focus {
|
||||
box-shadow : none;
|
||||
}
|
||||
|
||||
.dataTables_wrapper .dataTables_filter {
|
||||
display : -webkit-box;
|
||||
display : -webkit-flex;
|
||||
display : -ms-flexbox;
|
||||
display : flex;
|
||||
-webkit-box-pack : end;
|
||||
-webkit-justify-content : flex-end;
|
||||
-ms-flex-pack : end;
|
||||
justify-content : flex-end;
|
||||
}
|
||||
.dataTables_wrapper .dataTables_filter .form-control {
|
||||
border-radius : 1.428rem;
|
||||
border : 1px solid #DAE1E7;
|
||||
font-size : 1rem;
|
||||
width : 197px;
|
||||
height : 40px;
|
||||
padding-left : 2.2rem;
|
||||
}
|
||||
.dataTables_wrapper .dataTables_filter label {
|
||||
position : relative;
|
||||
}
|
||||
.dataTables_wrapper .dataTables_filter label:after {
|
||||
content : '\e8bd';
|
||||
font-family : 'feather';
|
||||
position : absolute;
|
||||
left : 1.428rem;
|
||||
top : 10px;
|
||||
font-size : 1.1rem;
|
||||
color : #DAE1E7;
|
||||
}
|
||||
|
||||
.dataTables_wrapper .dt-checkboxes-select-all input, .dataTables_wrapper .dt-checkboxes-select input {
|
||||
width : 0;
|
||||
position : relative;
|
||||
}
|
||||
.dataTables_wrapper .dt-checkboxes-select-all input:before, .dataTables_wrapper .dt-checkboxes-select input:before {
|
||||
border : 2px solid #B4B4B4;
|
||||
content : '';
|
||||
width : 1.071rem;
|
||||
height : 1.071rem;
|
||||
padding : 0;
|
||||
border-radius : 2px;
|
||||
-webkit-transition : all 0.2s ease;
|
||||
transition : all 0.2s ease;
|
||||
-webkit-transform : rotate(-90deg);
|
||||
-ms-transform : rotate(-90deg);
|
||||
transform : rotate(-90deg);
|
||||
overflow : hidden;
|
||||
transition : all 0.2s ease;
|
||||
position : absolute;
|
||||
}
|
||||
.dataTables_wrapper .dt-checkboxes-select-all input:after, .dataTables_wrapper .dt-checkboxes-select input:after {
|
||||
background-color : #7367F0;
|
||||
border : 2px solid #7367F0;
|
||||
font-family : 'feather';
|
||||
content : '\e83f';
|
||||
font-size : 0.75rem;
|
||||
line-height : 1.2;
|
||||
color : #FFFFFF;
|
||||
opacity : 0;
|
||||
position : absolute;
|
||||
width : 0.928rem;
|
||||
height : 1rem;
|
||||
-webkit-transform : translate(100%);
|
||||
-ms-transform : translate(100%);
|
||||
transform : translate(100%);
|
||||
-webkit-transform-origin : right;
|
||||
-ms-transform-origin : right;
|
||||
transform-origin : right;
|
||||
-webkit-transition : all 0.2s ease;
|
||||
transition : all 0.2s ease;
|
||||
overflow : hidden;
|
||||
}
|
||||
.dataTables_wrapper .dt-checkboxes-select-all input:active:checked:after, .dataTables_wrapper .dt-checkboxes-select input:active:checked:after {
|
||||
-webkit-transform : translate(3px);
|
||||
-ms-transform : translate(3px);
|
||||
transform : translate(3px);
|
||||
}
|
||||
.dataTables_wrapper .dt-checkboxes-select-all input:checked:before, .dataTables_wrapper .dt-checkboxes-select input:checked:before {
|
||||
border : 2px solid #7367F0;
|
||||
-webkit-transform : rotate(0deg);
|
||||
-ms-transform : rotate(0deg);
|
||||
transform : rotate(0deg);
|
||||
}
|
||||
.dataTables_wrapper .dt-checkboxes-select-all input:checked:after, .dataTables_wrapper .dt-checkboxes-select input:checked:after {
|
||||
-webkit-transition : all 0.2s ease;
|
||||
transition : all 0.2s ease;
|
||||
opacity : 1;
|
||||
-webkit-transform : translate(0);
|
||||
-ms-transform : translate(0);
|
||||
transform : translate(0);
|
||||
}
|
||||
|
||||
.dataTables_wrapper .dataTable thead tr th:first-child {
|
||||
padding-right : 2rem;
|
||||
}
|
||||
|
||||
.dataTables_wrapper .dataTable tbody .select-checkbox:before, .dataTables_wrapper .dataTable tbody .select-checkbox:after {
|
||||
display : none !important;
|
||||
}
|
||||
|
||||
.dataTables_wrapper .dataTable tbody tr.selected {
|
||||
border-radius : 0;
|
||||
}
|
||||
|
||||
.dataTables_wrapper .dataTable tbody tr td:first-child {
|
||||
padding-right : 2rem;
|
||||
}
|
||||
|
||||
.dataTables_wrapper .dataTable tbody tr td .user-info {
|
||||
display : -webkit-box;
|
||||
display : -webkit-flex;
|
||||
display : -ms-flexbox;
|
||||
display : flex;
|
||||
-webkit-box-pack : start;
|
||||
-webkit-justify-content : flex-start;
|
||||
-ms-flex-pack : start;
|
||||
justify-content : flex-start;
|
||||
-webkit-box-align : center;
|
||||
-webkit-align-items : center;
|
||||
-ms-flex-align : center;
|
||||
align-items : center;
|
||||
}
|
||||
|
||||
.dataTables_wrapper .dataTables_paginate .pagination {
|
||||
-webkit-box-pack : center !important;
|
||||
-webkit-justify-content : center !important;
|
||||
-ms-flex-pack : center !important;
|
||||
justify-content : center !important;
|
||||
}
|
||||
|
||||
@media (max-width: 1199.98px) {
|
||||
.dataTables_wrapper .dataTable tbody tr td:nth-child(2) {
|
||||
display : -webkit-box;
|
||||
display : -webkit-flex;
|
||||
display : -ms-flexbox;
|
||||
display : flex;
|
||||
-webkit-flex-wrap : wrap;
|
||||
-ms-flex-wrap : wrap;
|
||||
flex-wrap : wrap;
|
||||
}
|
||||
}
|
||||
|
||||
_:-ms-lang(x) tbody tr td.dt-checkboxes-cell input, _:-ms-lang(x) tbody tr th.dt-checkboxes-cell input, _:-ms-lang(x) thead tr td.dt-checkboxes-cell input, _:-ms-lang(x) thead tr th.dt-checkboxes-cell input, .dataTable tbody tr td.dt-checkboxes-cell input, .dataTable tbody tr th.dt-checkboxes-cell input, .dataTable thead tr td.dt-checkboxes-cell input, .dataTable thead tr th.dt-checkboxes-cell input {
|
||||
width : auto !important;
|
||||
}
|
||||
|
||||
@supports (-moz-osx-font-smoothing: auto) {
|
||||
.dataTable input {
|
||||
width : auto !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media not all and (min-resolution: 0.001dpcm) {
|
||||
@supports (-webkit-appearance: none) {
|
||||
.dataTable tbody td.dt-checkboxes-cell input:after {
|
||||
left : -0.485rem;
|
||||
}
|
||||
.dataTable .dt-checkboxes-cell input {
|
||||
-webkit-appearance : none;
|
||||
top : -10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dataTable .mac-checkbox {
|
||||
-webkit-appearance : none;
|
||||
outline : none;
|
||||
width : auto;
|
||||
}
|
||||
+1
@@ -0,0 +1 @@
|
||||
.dataTables_wrapper .dataTables_length{display:inline-block}.dataTables_wrapper .dataTables_length .custom-select{width:6.714rem!important;height:3rem;border-radius:1.428rem;border:1px solid #DAE1E7;font-size:1rem;margin-bottom:1.5rem;background-position:calc(100% - 8px) 13px,calc(100% - 13px) 13px,100% 0!important}.dataTables_wrapper .dataTables_length .custom-select:focus{box-shadow:none}.dataTables_wrapper .dataTables_filter{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.dataTables_wrapper .dataTables_filter .form-control{border-radius:1.428rem;border:1px solid #DAE1E7;font-size:1rem;width:197px;height:40px;padding-left:2.2rem}.dataTables_wrapper .dataTables_filter label{position:relative}.dataTables_wrapper .dataTables_filter label:after{content:'\e8bd';font-family:feather;position:absolute;left:1.428rem;top:10px;font-size:1.1rem;color:#DAE1E7}.dataTables_wrapper .dt-checkboxes-select input,.dataTables_wrapper .dt-checkboxes-select-all input{width:0;position:relative}.dataTables_wrapper .dt-checkboxes-select input:before,.dataTables_wrapper .dt-checkboxes-select-all input:before{border:2px solid #B4B4B4;content:'';width:1.071rem;height:1.071rem;padding:0;border-radius:2px;-webkit-transition:all .2s ease;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);overflow:hidden;transition:all .2s ease;position:absolute}.dataTables_wrapper .dataTable tbody tr td:first-child,.dataTables_wrapper .dataTable thead tr th:first-child{padding-right:2rem}.dataTables_wrapper .dt-checkboxes-select input:after,.dataTables_wrapper .dt-checkboxes-select-all input:after{background-color:#7367F0;border:2px solid #7367F0;font-family:feather;content:'\e83f';font-size:.75rem;line-height:1.2;color:#FFF;opacity:0;position:absolute;width:.928rem;height:1rem;-webkit-transform:translate(100%);-ms-transform:translate(100%);transform:translate(100%);-webkit-transform-origin:right;-ms-transform-origin:right;transform-origin:right;-webkit-transition:all .2s ease;transition:all .2s ease;overflow:hidden}.dataTables_wrapper .dt-checkboxes-select input:active:checked:after,.dataTables_wrapper .dt-checkboxes-select-all input:active:checked:after{-webkit-transform:translate(3px);-ms-transform:translate(3px);transform:translate(3px)}.dataTables_wrapper .dt-checkboxes-select input:checked:before,.dataTables_wrapper .dt-checkboxes-select-all input:checked:before{border:2px solid #7367F0;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}.dataTables_wrapper .dt-checkboxes-select input:checked:after,.dataTables_wrapper .dt-checkboxes-select-all input:checked:after{-webkit-transition:all .2s ease;transition:all .2s ease;opacity:1;-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}.dataTables_wrapper .dataTable tbody .select-checkbox:after,.dataTables_wrapper .dataTable tbody .select-checkbox:before{display:none!important}.dataTables_wrapper .dataTable tbody tr.selected{border-radius:0}.dataTables_wrapper .dataTable tbody tr td .user-info{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.dataTables_wrapper .dataTables_paginate .pagination{-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important}@media (max-width:1199.98px){.dataTables_wrapper .dataTable tbody tr td:nth-child(2){display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}}.dataTable tbody tr td.dt-checkboxes-cell input,.dataTable tbody tr th.dt-checkboxes-cell input,.dataTable thead tr td.dt-checkboxes-cell input,.dataTable thead tr th.dt-checkboxes-cell input,_:-ms-lang(x) tbody tr td.dt-checkboxes-cell input,_:-ms-lang(x) tbody tr th.dt-checkboxes-cell input,_:-ms-lang(x) thead tr td.dt-checkboxes-cell input,_:-ms-lang(x) thead tr th.dt-checkboxes-cell input{width:auto!important}@supports (-moz-osx-font-smoothing:auto){.dataTable input{width:auto!important}}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none){.dataTable tbody td.dt-checkboxes-cell input:after{left:-.485rem}.dataTable .dt-checkboxes-cell input{-webkit-appearance:none;top:-10px}}}.dataTable .mac-checkbox{-webkit-appearance:none;outline:0;width:auto}
|
||||
@@ -0,0 +1,19 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
.bg-authentication {
|
||||
background-color : #EFF2F7;
|
||||
}
|
||||
.bg-authentication .login-footer {
|
||||
padding : 0rem 1.5rem 0.5rem;
|
||||
}
|
||||
.bg-authentication .login-footer .footer-btn .btn {
|
||||
padding : 0.9rem 1.2rem !important;
|
||||
margin : 1rem 1rem 1rem 0rem;
|
||||
}
|
||||
|
||||
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
|
||||
.bg-authentication {
|
||||
width : 100%;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.bg-authentication{background-color:#EFF2F7}.bg-authentication .login-footer{padding:0 1.5rem .5rem}.bg-authentication .login-footer .footer-btn .btn{padding:.9rem 1.2rem!important;margin:1rem 1rem 1rem 0}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.bg-authentication{width:100%}}
|
||||
@@ -0,0 +1,51 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
.customer-info.list-group .list-group-item:last-child {
|
||||
border-bottom-left-radius : 0.5rem;
|
||||
border-bottom-right-radius : 0.5rem;
|
||||
}
|
||||
|
||||
.customer-info.list-group .list-group-item .series-info i {
|
||||
top : 0;
|
||||
margin-right : 0.3rem;
|
||||
}
|
||||
|
||||
.avg-sessions .progress {
|
||||
margin-top : 0.5rem;
|
||||
}
|
||||
|
||||
.analytics-list.list-group .list-group-item {
|
||||
border : 0;
|
||||
}
|
||||
.analytics-list.list-group .list-group-item:first-child {
|
||||
border-top-left-radius : 0;
|
||||
border-top-right-radius : 0;
|
||||
}
|
||||
.analytics-list.list-group .list-group-item .btn {
|
||||
display : none;
|
||||
}
|
||||
.analytics-list.list-group .list-group-item:hover .btn {
|
||||
display : inline-block;
|
||||
}
|
||||
|
||||
.chart-dropdown .btn {
|
||||
font-size : 0.8rem;
|
||||
font-weight : 500;
|
||||
}
|
||||
.chart-dropdown .btn:after {
|
||||
left : 0;
|
||||
position : relative;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 992px) and (min-width: 768px) {
|
||||
.analytics-list .float-left, .analytics-list .float-right {
|
||||
display : block;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
|
||||
#dashboard-analytics .avatar .avatar-content, #statistics-card .avatar .avatar-content {
|
||||
padding : 0 !important;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.customer-info.list-group .list-group-item:last-child{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.customer-info.list-group .list-group-item .series-info i{top:0;margin-right:.3rem}.avg-sessions .progress{margin-top:.5rem}.analytics-list.list-group .list-group-item{border:0}.analytics-list.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.analytics-list.list-group .list-group-item .btn{display:none}.analytics-list.list-group .list-group-item:hover .btn{display:inline-block}.chart-dropdown .btn{font-size:.8rem;font-weight:500}.chart-dropdown .btn:after{left:0;position:relative}@media only screen and (max-width:992px) and (min-width:768px){.analytics-list .float-left,.analytics-list .float-right{display:block}}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){#dashboard-analytics .avatar .avatar-content,#statistics-card .avatar .avatar-content{padding:0!important}}
|
||||
@@ -0,0 +1,12 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
.colors-list li {
|
||||
padding : 0.4rem;
|
||||
}
|
||||
.colors-list li i {
|
||||
font-size : 1.2rem;
|
||||
top : 2px;
|
||||
position : relative;
|
||||
margin-right : 0.25rem;
|
||||
}
|
||||
+1
@@ -0,0 +1 @@
|
||||
.colors-list li{padding:.4rem}.colors-list li i{font-size:1.2rem;top:2px;position:relative;margin-right:.25rem}
|
||||
@@ -0,0 +1,12 @@
|
||||
/*========== Coming Soon Background Image =========*/
|
||||
.clockCard {
|
||||
float : left;
|
||||
}
|
||||
|
||||
.getting-started {
|
||||
font-size : 3rem;
|
||||
}
|
||||
|
||||
.lead {
|
||||
font-size : 1rem;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.clockCard{float:left}.getting-started{font-size:3rem}.lead{font-size:1rem}
|
||||
@@ -0,0 +1,42 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
#dashboard-analytics .img-left {
|
||||
width : 200px;
|
||||
position : absolute;
|
||||
top : 0;
|
||||
left : 0;
|
||||
}
|
||||
|
||||
#dashboard-analytics .img-right {
|
||||
width : 175px;
|
||||
position : absolute;
|
||||
top : 0;
|
||||
right : 0;
|
||||
}
|
||||
|
||||
#dashboard-analytics .bg-analytics {
|
||||
background : -webkit-linear-gradient(332deg, #7367F0, rgba(115, 103, 240, 0.7));
|
||||
background : linear-gradient(118deg, #7367F0, rgba(115, 103, 240, 0.7));
|
||||
}
|
||||
#dashboard-analytics .bg-analytics .avatar {
|
||||
margin-bottom : 2rem;
|
||||
}
|
||||
|
||||
#dashboard-analytics table tr th:first-child, #dashboard-analytics table tr td:first-child {
|
||||
padding-left : 2rem;
|
||||
}
|
||||
|
||||
#dashboard-analytics table tr th:last-child, #dashboard-analytics table tr td:last-child {
|
||||
padding-right : 2rem;
|
||||
}
|
||||
|
||||
#dashboard-analytics table td {
|
||||
padding : 0.75rem;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 576px) {
|
||||
#dashboard-analytics .img-left, #dashboard-analytics .img-right {
|
||||
width : 140px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
#dashboard-analytics .img-left{width:200px;position:absolute;top:0;left:0}#dashboard-analytics .img-right{width:175px;position:absolute;top:0;right:0}#dashboard-analytics .bg-analytics{background:-webkit-linear-gradient(332deg,#7367F0,rgba(115,103,240,.7));background:linear-gradient(118deg,#7367F0,rgba(115,103,240,.7))}#dashboard-analytics .bg-analytics .avatar{margin-bottom:2rem}#dashboard-analytics table tr td:first-child,#dashboard-analytics table tr th:first-child{padding-left:2rem}#dashboard-analytics table tr td:last-child,#dashboard-analytics table tr th:last-child{padding-right:2rem}#dashboard-analytics table td{padding:.75rem}@media only screen and (max-width:576px){#dashboard-analytics .img-left,#dashboard-analytics .img-right{width:140px}}
|
||||
@@ -0,0 +1,51 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
.chat-application .chat-app-window .user-chats {
|
||||
padding : 10px 20px;
|
||||
position : relative;
|
||||
text-align : center;
|
||||
height : 415px;
|
||||
}
|
||||
.chat-application .chat-app-window .user-chats .chats {
|
||||
padding : 0;
|
||||
}
|
||||
.chat-application .chat-app-window .user-chats .chats .chat-body {
|
||||
display : block;
|
||||
margin : 10px 30px 0 0;
|
||||
overflow : hidden;
|
||||
}
|
||||
.chat-application .chat-app-window .user-chats .chats .chat-body .chat-content {
|
||||
text-align : left;
|
||||
display : block;
|
||||
float : right;
|
||||
padding : 0.75rem 1rem;
|
||||
margin : 0 20px 10px 0;
|
||||
clear : both;
|
||||
color : #FFFFFF;
|
||||
background : -webkit-linear-gradient(332deg, #7367F0, rgba(115, 103, 240, 0.7));
|
||||
background : linear-gradient(118deg, #7367F0, rgba(115, 103, 240, 0.7));
|
||||
border-radius : 0.5rem;
|
||||
box-shadow : 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
.chat-application .chat-app-window .user-chats .chats .chat-body .chat-content p {
|
||||
margin : 0;
|
||||
}
|
||||
.chat-application .chat-app-window .user-chats .chats .chat-avatar {
|
||||
float : right;
|
||||
}
|
||||
.chat-application .chat-app-window .user-chats .chats .chat-left .chat-avatar {
|
||||
float : left;
|
||||
}
|
||||
.chat-application .chat-app-window .user-chats .chats .chat-left .chat-body {
|
||||
margin : 0;
|
||||
}
|
||||
.chat-application .chat-app-window .user-chats .chats .chat-left .chat-content {
|
||||
text-align : left;
|
||||
float : left;
|
||||
margin : 10px 10px 10px 20px;
|
||||
color : #626262;
|
||||
background : none;
|
||||
background-color : white;
|
||||
border : 1px solid #DAE1E7;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.chat-application .chat-app-window .user-chats{padding:10px 20px;position:relative;text-align:center;height:415px}.chat-application .chat-app-window .user-chats .chats{padding:0}.chat-application .chat-app-window .user-chats .chats .chat-body{display:block;margin:10px 30px 0 0;overflow:hidden}.chat-application .chat-app-window .user-chats .chats .chat-body .chat-content{text-align:left;display:block;float:right;padding:.75rem 1rem;margin:0 20px 10px 0;clear:both;color:#FFF;background:-webkit-linear-gradient(332deg,#7367F0,rgba(115,103,240,.7));background:linear-gradient(118deg,#7367F0,rgba(115,103,240,.7));border-radius:.5rem;box-shadow:0 4px 8px 0 rgba(0,0,0,.12),0 2px 4px 0 rgba(0,0,0,.08)}.chat-application .chat-app-window .user-chats .chats .chat-body .chat-content p,.chat-application .chat-app-window .user-chats .chats .chat-left .chat-body{margin:0}.chat-application .chat-app-window .user-chats .chats .chat-avatar{float:right}.chat-application .chat-app-window .user-chats .chats .chat-left .chat-avatar{float:left}.chat-application .chat-app-window .user-chats .chats .chat-left .chat-content{text-align:left;float:left;margin:10px 10px 10px 20px;color:#626262;background:#fff;border:1px solid #DAE1E7}
|
||||
@@ -0,0 +1,425 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
.data-list-view-header .table-responsive .top, .data-thumb-view-header .table-responsive .top {
|
||||
display : -webkit-box;
|
||||
display : -webkit-flex;
|
||||
display : -ms-flexbox;
|
||||
display : flex;
|
||||
-webkit-box-pack : justify;
|
||||
-webkit-justify-content : space-between;
|
||||
-ms-flex-pack : justify;
|
||||
justify-content : space-between;
|
||||
padding : 0 1rem;
|
||||
margin-bottom : 1rem;
|
||||
}
|
||||
.data-list-view-header .table-responsive .top .action-btns, .data-thumb-view-header .table-responsive .top .action-btns {
|
||||
margin-top : 1.5rem;
|
||||
display : -webkit-box;
|
||||
display : -webkit-flex;
|
||||
display : -ms-flexbox;
|
||||
display : flex;
|
||||
}
|
||||
.data-list-view-header .table-responsive .top .action-btns .actions-dropodown, .data-thumb-view-header .table-responsive .top .action-btns .actions-dropodown {
|
||||
box-shadow : 0 2px 8px 0 rgba(0, 0, 0, 0.14);
|
||||
border-radius : 0.5rem;
|
||||
margin-right : 0.75rem;
|
||||
}
|
||||
.data-list-view-header .table-responsive .top .action-btns .actions-dropodown .dropdown-toggle, .data-thumb-view-header .table-responsive .top .action-btns .actions-dropodown .dropdown-toggle {
|
||||
font-size : 1.125rem;
|
||||
font-weight : 500;
|
||||
}
|
||||
.data-list-view-header .table-responsive .top .action-btns .actions-dropodown .dropdown-toggle:after, .data-thumb-view-header .table-responsive .top .action-btns .actions-dropodown .dropdown-toggle:after {
|
||||
left : 0;
|
||||
}
|
||||
.data-list-view-header .table-responsive .top .action-btns .dt-buttons .btn, .data-thumb-view-header .table-responsive .top .action-btns .dt-buttons .btn {
|
||||
padding : 0.9rem 0.938rem;
|
||||
}
|
||||
.data-list-view-header .table-responsive .top .dataTables_length, .data-thumb-view-header .table-responsive .top .dataTables_length {
|
||||
display : inline-block;
|
||||
}
|
||||
.data-list-view-header .table-responsive .top .dataTables_length .custom-select, .data-thumb-view-header .table-responsive .top .dataTables_length .custom-select {
|
||||
width : 8.714rem;
|
||||
height : 3rem;
|
||||
border-radius : 1.428rem;
|
||||
border : 1px solid #DAE1E7;
|
||||
font-size : 1rem;
|
||||
background-position : calc(100% - 12px) 13px, calc(100% - 20px) 13px, 100% 0;
|
||||
}
|
||||
.data-list-view-header .table-responsive .top .dataTables_length .custom-select:focus, .data-thumb-view-header .table-responsive .top .dataTables_length .custom-select:focus {
|
||||
box-shadow : none;
|
||||
}
|
||||
.data-list-view-header .table-responsive .top .dataTables_filter, .data-thumb-view-header .table-responsive .top .dataTables_filter {
|
||||
display : inline-block;
|
||||
}
|
||||
.data-list-view-header .table-responsive .top .dataTables_filter .form-control, .data-thumb-view-header .table-responsive .top .dataTables_filter .form-control {
|
||||
padding : 1.45rem 2.8rem !important;
|
||||
border-radius : 1.428rem;
|
||||
border : 1px solid #DAE1E7;
|
||||
}
|
||||
.data-list-view-header .table-responsive .top .dataTables_filter label, .data-thumb-view-header .table-responsive .top .dataTables_filter label {
|
||||
position : relative;
|
||||
}
|
||||
.data-list-view-header .table-responsive .top .dataTables_filter label:after, .data-thumb-view-header .table-responsive .top .dataTables_filter label:after {
|
||||
content : '\e8bd';
|
||||
font-family : 'feather';
|
||||
position : absolute;
|
||||
left : 1.428rem;
|
||||
top : 0.928rem;
|
||||
}
|
||||
|
||||
.data-list-view-header .table-responsive .dataTables_wrapper .dataTables_paginate ul.pagination, .data-thumb-view-header .table-responsive .dataTables_wrapper .dataTables_paginate ul.pagination {
|
||||
-webkit-box-pack : center;
|
||||
-webkit-justify-content : center;
|
||||
-ms-flex-pack : center;
|
||||
justify-content : center;
|
||||
}
|
||||
|
||||
.data-list-view-header .add-new-data-sidebar .overlay-bg, .data-thumb-view-header .add-new-data-sidebar .overlay-bg {
|
||||
background : rgba(0, 0, 0, 0.2);
|
||||
width : 100%;
|
||||
height : 100%;
|
||||
position : fixed;
|
||||
top : 0;
|
||||
left : 0;
|
||||
display : none;
|
||||
-webkit-transition : all 0.3s ease;
|
||||
transition : all 0.3s ease;
|
||||
opacity : 0;
|
||||
z-index : 1032;
|
||||
}
|
||||
.data-list-view-header .add-new-data-sidebar .overlay-bg.show, .data-thumb-view-header .add-new-data-sidebar .overlay-bg.show {
|
||||
opacity : 1;
|
||||
display : block;
|
||||
}
|
||||
|
||||
.data-list-view-header .add-new-data-sidebar .add-new-data, .data-thumb-view-header .add-new-data-sidebar .add-new-data {
|
||||
width : 28.57rem;
|
||||
max-width : 90vw;
|
||||
height : 100vh;
|
||||
height : calc(var(--vh, 1vh) * 100);
|
||||
background : #FFFFFF;
|
||||
position : fixed;
|
||||
left : auto;
|
||||
right : 0;
|
||||
top : 0;
|
||||
z-index : 1033;
|
||||
box-shadow : 0 0 15px 0 rgba(0, 0, 0, 0.05);
|
||||
-webkit-transform : translateX(100%);
|
||||
-ms-transform : translateX(100%);
|
||||
transform : translateX(100%);
|
||||
-webkit-transition : all 0.25s ease;
|
||||
transition : all 0.25s ease;
|
||||
overflow : hidden;
|
||||
}
|
||||
.data-list-view-header .add-new-data-sidebar .add-new-data.show, .data-thumb-view-header .add-new-data-sidebar .add-new-data.show {
|
||||
-webkit-transform : translateX(0%);
|
||||
-ms-transform : translateX(0%);
|
||||
transform : translateX(0%);
|
||||
}
|
||||
.data-list-view-header .add-new-data-sidebar .add-new-data .new-data-title, .data-thumb-view-header .add-new-data-sidebar .add-new-data .new-data-title {
|
||||
padding-bottom : 0.714rem;
|
||||
border-bottom : 1px solid rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.data-list-view-header .add-new-data-sidebar .add-new-data .new-data-title .hide-data-sidebar, .data-thumb-view-header .add-new-data-sidebar .add-new-data .new-data-title .hide-data-sidebar {
|
||||
position : relative;
|
||||
}
|
||||
.data-list-view-header .add-new-data-sidebar .add-new-data .new-data-title .hide-data-sidebar i, .data-thumb-view-header .add-new-data-sidebar .add-new-data .new-data-title .hide-data-sidebar i {
|
||||
position : absolute;
|
||||
font-size : 1.71rem;
|
||||
right : 0;
|
||||
top : -0.1428rem;
|
||||
cursor : pointer;
|
||||
}
|
||||
.data-list-view-header .add-new-data-sidebar .add-new-data .data-items, .data-thumb-view-header .add-new-data-sidebar .add-new-data .data-items {
|
||||
border-bottom : 1px solid rgba(0, 0, 0, 0.1);
|
||||
height : calc(100% - 10rem);
|
||||
position : relative;
|
||||
}
|
||||
.data-list-view-header .add-new-data-sidebar .add-new-data .data-items .data-field-col, .data-thumb-view-header .add-new-data-sidebar .add-new-data .data-items .data-field-col {
|
||||
margin-top : 1.25rem;
|
||||
}
|
||||
.data-list-view-header .add-new-data-sidebar .add-new-data .data-items .data-field-col.data-list-upload, .data-thumb-view-header .add-new-data-sidebar .add-new-data .data-items .data-field-col.data-list-upload {
|
||||
margin-top : 2rem;
|
||||
}
|
||||
.data-list-view-header .add-new-data-sidebar .add-new-data .data-items .data-field-col .dropzone, .data-thumb-view-header .add-new-data-sidebar .add-new-data .data-items .data-field-col .dropzone {
|
||||
min-height : 14.285rem;
|
||||
}
|
||||
.data-list-view-header .add-new-data-sidebar .add-new-data .data-items .data-field-col .dropzone .dz-message, .data-thumb-view-header .add-new-data-sidebar .add-new-data .data-items .data-field-col .dropzone .dz-message {
|
||||
height : auto;
|
||||
}
|
||||
.data-list-view-header .add-new-data-sidebar .add-new-data .data-items .data-field-col .dropzone .dz-message:before, .data-thumb-view-header .add-new-data-sidebar .add-new-data .data-items .data-field-col .dropzone .dz-message:before {
|
||||
font-size : 2.857rem;
|
||||
}
|
||||
|
||||
table.data-list-view.dataTable, table.data-thumb-view.dataTable {
|
||||
border-spacing : 0 1.3rem;
|
||||
padding : 0 0.7rem;
|
||||
}
|
||||
table.data-list-view.dataTable thead th, table.data-thumb-view.dataTable thead th {
|
||||
padding : 0.714rem 1.785rem;
|
||||
font-weight : 600;
|
||||
}
|
||||
table.data-list-view.dataTable thead th input:focus, table.data-thumb-view.dataTable thead th input:focus {
|
||||
outline : 0;
|
||||
}
|
||||
table.data-list-view.dataTable thead th:first-child, table.data-thumb-view.dataTable thead th:first-child {
|
||||
padding-left : 0;
|
||||
}
|
||||
table.data-list-view.dataTable thead .sorting_asc, table.data-list-view.dataTable thead .sorting_desc, table.data-list-view.dataTable thead .sorting, table.data-thumb-view.dataTable thead .sorting_asc, table.data-thumb-view.dataTable thead .sorting_desc, table.data-thumb-view.dataTable thead .sorting {
|
||||
padding-right : inherit;
|
||||
}
|
||||
table.data-list-view.dataTable thead .sorting_asc:before, table.data-list-view.dataTable thead .sorting_desc:before, table.data-list-view.dataTable thead .sorting:before, table.data-thumb-view.dataTable thead .sorting_asc:before, table.data-thumb-view.dataTable thead .sorting_desc:before, table.data-thumb-view.dataTable thead .sorting:before {
|
||||
font-size : 0.7rem;
|
||||
left : 0.857rem;
|
||||
top : 0.642rem;
|
||||
}
|
||||
table.data-list-view.dataTable thead .sorting_asc:after, table.data-list-view.dataTable thead .sorting_desc:after, table.data-list-view.dataTable thead .sorting:after, table.data-thumb-view.dataTable thead .sorting_asc:after, table.data-thumb-view.dataTable thead .sorting_desc:after, table.data-thumb-view.dataTable thead .sorting:after {
|
||||
font-size : 0.7rem;
|
||||
left : 0.857rem;
|
||||
top : 1.071rem;
|
||||
}
|
||||
table.data-list-view.dataTable thead .dt-checkboxes-select-all input, table.data-thumb-view.dataTable thead .dt-checkboxes-select-all input {
|
||||
width : 0;
|
||||
position : relative;
|
||||
}
|
||||
table.data-list-view.dataTable thead .dt-checkboxes-select-all input:before, table.data-thumb-view.dataTable thead .dt-checkboxes-select-all input:before {
|
||||
border : 2px solid #B4B4B4;
|
||||
content : '';
|
||||
width : 1.071rem;
|
||||
height : 1.071rem;
|
||||
padding : 0;
|
||||
border-radius : 2px;
|
||||
-webkit-transition : all 0.2s ease;
|
||||
transition : all 0.2s ease;
|
||||
-webkit-transform : rotate(-90deg);
|
||||
-ms-transform : rotate(-90deg);
|
||||
transform : rotate(-90deg);
|
||||
overflow : hidden;
|
||||
transition : all 0.2s ease;
|
||||
position : absolute;
|
||||
}
|
||||
table.data-list-view.dataTable thead .dt-checkboxes-select-all input:after, table.data-thumb-view.dataTable thead .dt-checkboxes-select-all input:after {
|
||||
background-color : #7367F0;
|
||||
border : 2px solid #7367F0;
|
||||
font-family : 'feather';
|
||||
content : '\e83f';
|
||||
font-size : 0.75rem;
|
||||
line-height : 1.2;
|
||||
color : #FFFFFF;
|
||||
opacity : 0;
|
||||
position : absolute;
|
||||
width : 0.928rem;
|
||||
height : 1rem;
|
||||
-webkit-transform : translate(100%);
|
||||
-ms-transform : translate(100%);
|
||||
transform : translate(100%);
|
||||
-webkit-transform-origin : right;
|
||||
-ms-transform-origin : right;
|
||||
transform-origin : right;
|
||||
-webkit-transition : all 0.2s ease;
|
||||
transition : all 0.2s ease;
|
||||
overflow : hidden;
|
||||
}
|
||||
table.data-list-view.dataTable thead .dt-checkboxes-select-all input:active:checked:after, table.data-thumb-view.dataTable thead .dt-checkboxes-select-all input:active:checked:after {
|
||||
-webkit-transform : translate(3px);
|
||||
-ms-transform : translate(3px);
|
||||
transform : translate(3px);
|
||||
}
|
||||
table.data-list-view.dataTable thead .dt-checkboxes-select-all input:checked:before, table.data-thumb-view.dataTable thead .dt-checkboxes-select-all input:checked:before {
|
||||
border : 2px solid #7367F0;
|
||||
-webkit-transform : rotate(0deg);
|
||||
-ms-transform : rotate(0deg);
|
||||
transform : rotate(0deg);
|
||||
}
|
||||
table.data-list-view.dataTable thead .dt-checkboxes-select-all input:checked:after, table.data-thumb-view.dataTable thead .dt-checkboxes-select-all input:checked:after {
|
||||
-webkit-transition : all 0.2s ease;
|
||||
transition : all 0.2s ease;
|
||||
opacity : 1;
|
||||
-webkit-transform : translate(0);
|
||||
-ms-transform : translate(0);
|
||||
transform : translate(0);
|
||||
}
|
||||
table.data-list-view.dataTable tbody tr, table.data-thumb-view.dataTable tbody tr {
|
||||
background-color : #FFFFFF;
|
||||
box-shadow : rgba(0, 0, 0, 0.05) 0 4px 20px 0;
|
||||
cursor : pointer;
|
||||
-webkit-transition : all 0.3s ease;
|
||||
transition : all 0.3s ease;
|
||||
border-radius : 0.5rem;
|
||||
}
|
||||
table.data-list-view.dataTable tbody tr:hover, table.data-thumb-view.dataTable tbody tr:hover {
|
||||
-webkit-transform : translateY(-4px);
|
||||
-ms-transform : translateY(-4px);
|
||||
transform : translateY(-4px);
|
||||
-webkit-transition : all 0.3s ease;
|
||||
transition : all 0.3s ease;
|
||||
}
|
||||
table.data-list-view.dataTable tbody tr td:first-child, table.data-thumb-view.dataTable tbody tr td:first-child {
|
||||
padding-left : 1rem;
|
||||
border-top-left-radius : 0.5rem;
|
||||
border-bottom-left-radius : 0.5rem;
|
||||
}
|
||||
table.data-list-view.dataTable tbody tr td:last-child, table.data-thumb-view.dataTable tbody tr td:last-child {
|
||||
border-top-right-radius : 0.5rem;
|
||||
border-bottom-right-radius : 0.5rem;
|
||||
}
|
||||
table.data-list-view.dataTable tbody tr.selected td, table.data-thumb-view.dataTable tbody tr.selected td {
|
||||
border-radius : 0;
|
||||
}
|
||||
table.data-list-view.dataTable tbody td, table.data-thumb-view.dataTable tbody td {
|
||||
padding : 1.357rem;
|
||||
border : none;
|
||||
vertical-align : middle;
|
||||
}
|
||||
table.data-list-view.dataTable tbody td input:focus, table.data-thumb-view.dataTable tbody td input:focus {
|
||||
outline : 0;
|
||||
}
|
||||
table.data-list-view.dataTable tbody td.product-name, table.data-thumb-view.dataTable tbody td.product-name {
|
||||
font-weight : 500;
|
||||
}
|
||||
table.data-list-view.dataTable tbody td:focus, table.data-thumb-view.dataTable tbody td:focus {
|
||||
outline : 0;
|
||||
}
|
||||
table.data-list-view.dataTable tbody td.dt-checkboxes-cell input, table.data-thumb-view.dataTable tbody td.dt-checkboxes-cell input {
|
||||
width : 0;
|
||||
position : relative;
|
||||
}
|
||||
table.data-list-view.dataTable tbody td.dt-checkboxes-cell input:before, table.data-thumb-view.dataTable tbody td.dt-checkboxes-cell input:before {
|
||||
border : 2px solid #B4B4B4;
|
||||
position : absolute;
|
||||
left : -8px;
|
||||
content : '';
|
||||
width : 1.071rem;
|
||||
height : 1.071rem;
|
||||
padding : 0;
|
||||
border-radius : 2px;
|
||||
-webkit-transform : rotate(-90deg);
|
||||
-ms-transform : rotate(-90deg);
|
||||
transform : rotate(-90deg);
|
||||
overflow : hidden;
|
||||
-webkit-transition : all 0.2s ease;
|
||||
transition : all 0.2s ease;
|
||||
}
|
||||
table.data-list-view.dataTable tbody td.dt-checkboxes-cell input:after, table.data-thumb-view.dataTable tbody td.dt-checkboxes-cell input:after {
|
||||
background-color : #7367F0;
|
||||
font-family : 'feather';
|
||||
content : '\e83f';
|
||||
font-size : 0.75rem;
|
||||
color : #FFFFFF;
|
||||
opacity : 0;
|
||||
position : absolute;
|
||||
left : -0.4285rem;
|
||||
width : 0.857rem;
|
||||
height : 1rem;
|
||||
overflow : hidden;
|
||||
-webkit-transform : rotate(-90deg) translate(100%);
|
||||
-ms-transform : rotate(-90deg) translate(100%);
|
||||
transform : rotate(-90deg) translate(100%);
|
||||
-webkit-transform-origin : right;
|
||||
-ms-transform-origin : right;
|
||||
transform-origin : right;
|
||||
-webkit-transition : all 0.2s ease;
|
||||
transition : all 0.2s ease;
|
||||
}
|
||||
table.data-list-view.dataTable tbody td.dt-checkboxes-cell input:active:checked:after, table.data-thumb-view.dataTable tbody td.dt-checkboxes-cell input:active:checked:after {
|
||||
-webkit-transform : translate(3px);
|
||||
-ms-transform : translate(3px);
|
||||
transform : translate(3px);
|
||||
}
|
||||
table.data-list-view.dataTable tbody td.dt-checkboxes-cell input:checked:before, table.data-thumb-view.dataTable tbody td.dt-checkboxes-cell input:checked:before {
|
||||
-webkit-transform : rotate(0deg);
|
||||
-ms-transform : rotate(0deg);
|
||||
transform : rotate(0deg);
|
||||
border : 2px solid #7367F0;
|
||||
-webkit-transition : all 0.2s ease;
|
||||
transition : all 0.2s ease;
|
||||
}
|
||||
table.data-list-view.dataTable tbody td.dt-checkboxes-cell input:checked:after, table.data-thumb-view.dataTable tbody td.dt-checkboxes-cell input:checked:after {
|
||||
opacity : 1;
|
||||
-webkit-transition : all 0.2s ease;
|
||||
transition : all 0.2s ease;
|
||||
-webkit-transform : rotate(0deg) translate(0);
|
||||
-ms-transform : rotate(0deg) translate(0);
|
||||
transform : rotate(0deg) translate(0);
|
||||
}
|
||||
table.data-list-view.dataTable tbody td .progress, table.data-thumb-view.dataTable tbody td .progress {
|
||||
margin-bottom : 0;
|
||||
box-shadow : 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
table.data-thumb-view.dataTable tbody tr td {
|
||||
padding-top : 0.714rem;
|
||||
padding-bottom : 0.714rem;
|
||||
}
|
||||
table.data-thumb-view.dataTable tbody tr td.product-img img {
|
||||
height : 7.857rem;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
#data-list-view .table-responsive .top, #data-thumb-view .table-responsive .top {
|
||||
-webkit-box-orient : vertical;
|
||||
-webkit-box-direction : normal;
|
||||
-webkit-flex-direction : column;
|
||||
-ms-flex-direction : column;
|
||||
flex-direction : column;
|
||||
}
|
||||
#data-list-view .table-responsive .dt-buttons, #data-thumb-view .table-responsive .dt-buttons {
|
||||
width : auto;
|
||||
text-align : left;
|
||||
}
|
||||
#data-list-view .table-responsive .dataTables_length, #data-list-view .table-responsive .dataTables_filter, #data-thumb-view .table-responsive .dataTables_length, #data-thumb-view .table-responsive .dataTables_filter {
|
||||
text-align : right;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 576px) {
|
||||
.add-new-data-sidebar .data-items .data-list-upload .dropzone .dz-message:before {
|
||||
top : 3.428rem;
|
||||
}
|
||||
}
|
||||
|
||||
_:-ms-lang(x) tbody tr td.dt-checkboxes-cell input, _:-ms-lang(x) tbody tr th.dt-checkboxes-cell input, _:-ms-lang(x) thead tr td.dt-checkboxes-cell input, _:-ms-lang(x) thead tr th.dt-checkboxes-cell input, .data-list-view.dataTable tbody tr td.dt-checkboxes-cell input, .data-list-view.dataTable tbody tr th.dt-checkboxes-cell input, .data-list-view.dataTable thead tr td.dt-checkboxes-cell input, .data-list-view.dataTable thead tr th.dt-checkboxes-cell input, .data-thumb-view.dataTable tbody tr td.dt-checkboxes-cell input, .data-thumb-view.dataTable tbody tr th.dt-checkboxes-cell input, .data-thumb-view.dataTable thead tr td.dt-checkboxes-cell input, .data-thumb-view.dataTable thead tr th.dt-checkboxes-cell input {
|
||||
width : auto;
|
||||
}
|
||||
|
||||
_:-ms-lang(x) .table-responsive .top .dataTables_filter .form-control, .data-list-view.dataTable .table-responsive .top .dataTables_filter .form-control, .data-thumb-view.dataTable .table-responsive .top .dataTables_filter .form-control {
|
||||
height : 1.4rem !important;
|
||||
padding : 0rem 0.5rem !important;
|
||||
}
|
||||
_:-ms-lang(x) .table-responsive .top .dataTables_filter .form-control:after, .data-list-view.dataTable .table-responsive .top .dataTables_filter .form-control:after, .data-thumb-view.dataTable .table-responsive .top .dataTables_filter .form-control:after {
|
||||
display : none;
|
||||
}
|
||||
|
||||
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
|
||||
#data-list-view .table-responsive .top .dataTables_filter .form-control, #data-thumb-view .table-responsive .top .dataTables_filter .form-control {
|
||||
height : 3rem !important;
|
||||
padding : 0rem 1rem !important;
|
||||
}
|
||||
#data-list-view .table-responsive .top .dataTables_filter label:after, #data-thumb-view .table-responsive .top .dataTables_filter label:after {
|
||||
display : none;
|
||||
}
|
||||
}
|
||||
|
||||
@supports (-moz-osx-font-smoothing: auto) {
|
||||
.data-list-view input, .data-thumb-view input {
|
||||
width : auto !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media not all and (min-resolution: 0.001dpcm) {
|
||||
@supports (-webkit-appearance: none) {
|
||||
table.data-list-view tbody td.dt-checkboxes-cell input:after, table.data-thumb-view tbody td.dt-checkboxes-cell input:after {
|
||||
left : -0.485rem;
|
||||
}
|
||||
.data-list-view .dt-checkboxes-cell input, .data-thumb-view .dt-checkboxes-cell input {
|
||||
-webkit-appearance : none;
|
||||
top : -10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.data-list-view .mac-checkbox, .data-thumb-view .mac-checkbox {
|
||||
-webkit-appearance : none;
|
||||
top : -10px;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,3 @@
|
||||
.error-code {
|
||||
font-size : 10rem;
|
||||
}
|
||||
+1
@@ -0,0 +1 @@
|
||||
.error-code{font-size:10rem}
|
||||
@@ -0,0 +1,51 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
.faq-bg {
|
||||
background : url(../../../app-assets/images/pages/faq.jpg) no-repeat;
|
||||
background-size : cover;
|
||||
}
|
||||
.faq-bg .form-control:focus ~ .form-control-position i {
|
||||
color : #7367F0;
|
||||
}
|
||||
|
||||
.faq .faq-content .faq-table-content {
|
||||
cursor : pointer;
|
||||
padding : 0.5rem;
|
||||
font-weight : 500;
|
||||
}
|
||||
.faq .faq-content .faq-table-content i {
|
||||
margin-right : 0.5rem;
|
||||
}
|
||||
|
||||
.faq .supporter-details .supporter-img img {
|
||||
width : 35px;
|
||||
height : 35px;
|
||||
margin-right : 0.5rem;
|
||||
cursor : pointer;
|
||||
}
|
||||
|
||||
.faq .supporter-info {
|
||||
vertical-align : middle;
|
||||
}
|
||||
|
||||
.faq .accordion .collapse-title {
|
||||
font-weight : 500;
|
||||
color : #2C2C2C;
|
||||
}
|
||||
|
||||
.faq .accordion .collapse-margin {
|
||||
background-color : #FFFFFF;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 992px) {
|
||||
.faq-bg .card-body {
|
||||
padding : 8rem !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) and (max-width: 991px) {
|
||||
.faq-bg .card-body {
|
||||
padding : 6rem !important;
|
||||
}
|
||||
}
|
||||
Vendored
+1
@@ -0,0 +1 @@
|
||||
.faq-bg{background:url(../../../app-assets/images/pages/faq.jpg) no-repeat;background-size:cover}.faq-bg .form-control:focus~.form-control-position i{color:#7367F0}.faq .faq-content .faq-table-content{cursor:pointer;padding:.5rem;font-weight:500}.faq .faq-content .faq-table-content i{margin-right:.5rem}.faq .supporter-details .supporter-img img{width:35px;height:35px;margin-right:.5rem;cursor:pointer}.faq .supporter-info{vertical-align:middle}.faq .accordion .collapse-title{font-weight:500;color:#2C2C2C}.faq .accordion .collapse-margin{background-color:#FFF}@media only screen and (min-width:992px){.faq-bg .card-body{padding:8rem!important}}@media only screen and (min-width:768px) and (max-width:991px){.faq-bg .card-body{padding:6rem!important}}
|
||||
@@ -0,0 +1,42 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
.invoice-page {
|
||||
padding : 2.2rem;
|
||||
}
|
||||
.invoice-page .recipient-contact i, .invoice-page .company-contact i {
|
||||
padding-right : 0.2rem;
|
||||
position : relative;
|
||||
top : 2px;
|
||||
}
|
||||
.invoice-page .recipient-info p, .invoice-page .company-info p, .invoice-page .company-contact p, .invoice-page .recipient-contact p {
|
||||
line-height : 2;
|
||||
margin-bottom : 0;
|
||||
}
|
||||
.invoice-page .invoice-items-table table, .invoice-page .invoice-total-table table {
|
||||
border : 2px solid #F8F8F8;
|
||||
}
|
||||
|
||||
@media print {
|
||||
.content-header, .buy-now, .btn-print, .footer, .open, .main-menu, .invoice-print {
|
||||
display : none;
|
||||
}
|
||||
.app-content, #invoice-template, .navbar-container, .navbar-wrapper, .header-navbar, .invoice-print, .content-wrapper {
|
||||
margin : 0 !important;
|
||||
padding : 0 !important;
|
||||
}
|
||||
#invoice-footer {
|
||||
position : relative;
|
||||
top : -80px !important;
|
||||
}
|
||||
#invoice-company-details, #invoice-footer {
|
||||
margin-top : 5rem !important;
|
||||
}
|
||||
.table-responsive {
|
||||
-ms-overflow-style : none;
|
||||
}
|
||||
}
|
||||
|
||||
@page {
|
||||
margin : 10px;
|
||||
}
|
||||
+1
@@ -0,0 +1 @@
|
||||
.invoice-page{padding:2.2rem}.invoice-page .company-contact i,.invoice-page .recipient-contact i{padding-right:.2rem;position:relative;top:2px}.invoice-page .company-contact p,.invoice-page .company-info p,.invoice-page .recipient-contact p,.invoice-page .recipient-info p{line-height:2;margin-bottom:0}.invoice-page .invoice-items-table table,.invoice-page .invoice-total-table table{border:2px solid #F8F8F8}@media print{.btn-print,.buy-now,.content-header,.footer,.invoice-print,.main-menu,.open{display:none}#invoice-template,.app-content,.content-wrapper,.header-navbar,.invoice-print,.navbar-container,.navbar-wrapper{margin:0!important;padding:0!important}#invoice-footer{position:relative;top:-80px!important}#invoice-company-details,#invoice-footer{margin-top:5rem!important}.table-responsive{-ms-overflow-style:none}}@page{margin:10px}
|
||||
@@ -0,0 +1,41 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
.knowledge-base-bg {
|
||||
background : url(../../../app-assets/images/pages/knowledge-base-cover.jpg) no-repeat;
|
||||
background-size : cover;
|
||||
}
|
||||
|
||||
.knowledge-base-category .list-group-item, .knowledge-base-question .list-group-item {
|
||||
padding : 0.5rem 0;
|
||||
}
|
||||
.knowledge-base-category .list-group-item:hover, .knowledge-base-question .list-group-item:hover {
|
||||
background-color : transparent;
|
||||
}
|
||||
|
||||
.article-question li {
|
||||
margin-bottom : 0.5rem;
|
||||
display : -webkit-box;
|
||||
display : -webkit-flex;
|
||||
display : -ms-flexbox;
|
||||
display : flex;
|
||||
}
|
||||
|
||||
.article-question i {
|
||||
font-size : 1.2rem;
|
||||
top : 2px;
|
||||
position : relative;
|
||||
margin : 0 0.5rem;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 992px) {
|
||||
.knowledge-base-bg .card-body {
|
||||
padding : 8rem !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) and (max-width: 991px) {
|
||||
.knowledge-base-bg .card-body {
|
||||
padding : 6rem !important;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.knowledge-base-bg{background:url(../../../app-assets/images/pages/knowledge-base-cover.jpg) no-repeat;background-size:cover}.knowledge-base-category .list-group-item,.knowledge-base-question .list-group-item{padding:.5rem 0}.knowledge-base-category .list-group-item:hover,.knowledge-base-question .list-group-item:hover{background-color:transparent}.article-question li{margin-bottom:.5rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.article-question i{font-size:1.2rem;top:2px;position:relative;margin:0 .5rem}@media only screen and (min-width:992px){.knowledge-base-bg .card-body{padding:8rem!important}}@media only screen and (min-width:768px) and (max-width:991px){.knowledge-base-bg .card-body{padding:6rem!important}}
|
||||
@@ -0,0 +1,48 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
#search-results .media-list .media {
|
||||
padding : 0.5rem 1rem;
|
||||
}
|
||||
|
||||
#search-results .media-list .media-body .list-inline i {
|
||||
font-size : 1.2rem;
|
||||
}
|
||||
|
||||
.search-menu .search-filter, .search-menu .dropdown-toggle {
|
||||
padding : 0.55rem 1rem !important;
|
||||
cursor : pointer;
|
||||
background-color : #FFFFFF;
|
||||
box-shadow : 0 15px 30px 0 rgba(0, 0, 0, 0.11), 0 5px 15px 0 rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
.search-menu .dropdown-toggle {
|
||||
border-radius : 1.5rem !important;
|
||||
}
|
||||
.search-menu .dropdown-toggle::after {
|
||||
display : none;
|
||||
}
|
||||
|
||||
.search-result-info .btn.dropdown-toggle::after {
|
||||
left : 0;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 577px) {
|
||||
#search-results li.media .media-object {
|
||||
width : 100px;
|
||||
}
|
||||
#search-results li.media iframe {
|
||||
width : 100px;
|
||||
height : 65px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 576px) {
|
||||
#search-results li.media .media-left {
|
||||
width : 100%;
|
||||
}
|
||||
#search-results li.media .media-left img, #search-results li.media .media-left iframe {
|
||||
width : 100%;
|
||||
text-align : center;
|
||||
}
|
||||
}
|
||||
+1
@@ -0,0 +1 @@
|
||||
#search-results .media-list .media{padding:.5rem 1rem}#search-results .media-list .media-body .list-inline i{font-size:1.2rem}.search-menu .dropdown-toggle,.search-menu .search-filter{padding:.55rem 1rem!important;cursor:pointer;background-color:#FFF;box-shadow:0 15px 30px 0 rgba(0,0,0,.11),0 5px 15px 0 rgba(0,0,0,.08)}.search-menu .dropdown-toggle{border-radius:1.5rem!important}.search-menu .dropdown-toggle::after{display:none}.search-result-info .btn.dropdown-toggle::after{left:0}@media only screen and (min-width:577px){#search-results li.media .media-object{width:100px}#search-results li.media iframe{width:100px;height:65px}}@media only screen and (max-width:576px){#search-results li.media .media-left{width:100%}#search-results li.media .media-left iframe,#search-results li.media .media-left img{width:100%;text-align:center}}
|
||||
@@ -0,0 +1,892 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
/* Timeline */
|
||||
.timeline {
|
||||
position : relative;
|
||||
display : block;
|
||||
margin : 0;
|
||||
padding : 10px 0;
|
||||
list-style : none;
|
||||
}
|
||||
.timeline:after {
|
||||
content : ' ';
|
||||
display : table;
|
||||
clear : both;
|
||||
}
|
||||
.timeline:before {
|
||||
content : ' ';
|
||||
display : table;
|
||||
}
|
||||
.timeline > li {
|
||||
list-style : none;
|
||||
}
|
||||
.timeline > li:nth-child(even) {
|
||||
float : left;
|
||||
clear : left;
|
||||
}
|
||||
.timeline > li:nth-child(odd) {
|
||||
float : right;
|
||||
clear : right;
|
||||
}
|
||||
.timeline .media {
|
||||
border-bottom : 1px solid #EEEEEE;
|
||||
font-size : 13px;
|
||||
}
|
||||
.timeline .media p {
|
||||
font-size : 13px;
|
||||
}
|
||||
.timeline .media:last-child {
|
||||
border-bottom : 0;
|
||||
}
|
||||
|
||||
.timeline-line + .timeline-item {
|
||||
margin-top : -20px;
|
||||
}
|
||||
|
||||
.timeline-group {
|
||||
display : block;
|
||||
position : relative;
|
||||
margin : 20px 0;
|
||||
text-align : center;
|
||||
float : none !important;
|
||||
z-index : 1;
|
||||
}
|
||||
|
||||
.timeline-poster {
|
||||
margin-top : -20px;
|
||||
}
|
||||
.timeline-poster .btn-link {
|
||||
color : #A1AAB0;
|
||||
}
|
||||
.timeline-poster .btn-link:active {
|
||||
color : #3E5771;
|
||||
}
|
||||
.timeline-poster .btn-link:focus {
|
||||
color : #3E5771;
|
||||
}
|
||||
.timeline-poster .btn-link:hover {
|
||||
color : #3E5771;
|
||||
}
|
||||
.timeline-poster .btn-link.active {
|
||||
color : #3E5771;
|
||||
}
|
||||
|
||||
#timeline.timeline-center .timeline-line {
|
||||
display : inline-block;
|
||||
position : absolute;
|
||||
top : 0;
|
||||
bottom : 0;
|
||||
left : 50%;
|
||||
width : 2px;
|
||||
background-color : #DDDDDD;
|
||||
-webkit-transform : translate(-50%, 0);
|
||||
-ms-transform : translate(-50%, 0);
|
||||
transform : translate(-50%, 0);
|
||||
}
|
||||
|
||||
#timeline.timeline-center .timeline-item {
|
||||
position : relative;
|
||||
display : inline-block;
|
||||
width : 50%;
|
||||
padding : 0 50px 35px;
|
||||
}
|
||||
#timeline.timeline-center .timeline-item:nth-child(even) {
|
||||
padding : 0 35px 50px 0;
|
||||
}
|
||||
#timeline.timeline-center .timeline-item:nth-child(even):after {
|
||||
content : '';
|
||||
position : absolute;
|
||||
right : 19px;
|
||||
top : 10px;
|
||||
width : 0;
|
||||
height : 0;
|
||||
border-top : 12px solid transparent;
|
||||
border-bottom : 12px solid transparent;
|
||||
border-left : 12px solid #CCCCCC;
|
||||
z-index : 1;
|
||||
right : 25px;
|
||||
top : 20px;
|
||||
border-left : 11px solid #FFFFFF;
|
||||
}
|
||||
#timeline.timeline-center .timeline-item:nth-child(even):before {
|
||||
content : '';
|
||||
position : absolute;
|
||||
right : 24px;
|
||||
top : 20px;
|
||||
width : 0;
|
||||
height : 0;
|
||||
border-top : 12px solid transparent;
|
||||
border-bottom : 12px solid transparent;
|
||||
border-left : 12px solid #CCCCCC;
|
||||
z-index : 1;
|
||||
}
|
||||
#timeline.timeline-center .timeline-item:nth-child(even) > .timeline-badge {
|
||||
right : -20px;
|
||||
}
|
||||
#timeline.timeline-center .timeline-item:nth-child(odd) {
|
||||
padding : 0 0 50px 35px;
|
||||
}
|
||||
#timeline.timeline-center .timeline-item:nth-child(odd):after {
|
||||
content : '';
|
||||
position : absolute;
|
||||
left : 19px;
|
||||
top : 10px;
|
||||
width : 0;
|
||||
height : 0;
|
||||
border-top : 12px solid transparent;
|
||||
border-bottom : 12px solid transparent;
|
||||
border-right : 12px solid #CCCCCC;
|
||||
z-index : 1;
|
||||
left : 25px;
|
||||
top : 20px;
|
||||
border-right : 11px solid #FFFFFF;
|
||||
}
|
||||
#timeline.timeline-center .timeline-item:nth-child(odd):before {
|
||||
content : '';
|
||||
position : absolute;
|
||||
left : 24px;
|
||||
top : 20px;
|
||||
width : 0;
|
||||
height : 0;
|
||||
border-top : 12px solid transparent;
|
||||
border-bottom : 12px solid transparent;
|
||||
border-right : 12px solid #CCCCCC;
|
||||
z-index : 1;
|
||||
}
|
||||
#timeline.timeline-center .timeline-item:nth-child(odd) > .timeline-badge {
|
||||
left : -20px;
|
||||
}
|
||||
#timeline.timeline-center .timeline-item > .timeline-badge {
|
||||
position : absolute;
|
||||
top : 12px;
|
||||
z-index : 1;
|
||||
}
|
||||
#timeline.timeline-center .timeline-item > .timeline-badge > span {
|
||||
display : inline-block;
|
||||
width : 40px;
|
||||
height : 40px;
|
||||
border-radius : 50%;
|
||||
text-align : center;
|
||||
text-decoration : none;
|
||||
-webkit-transition : all ease 0.3s;
|
||||
transition : all ease 0.3s;
|
||||
}
|
||||
#timeline.timeline-center .timeline-item > .timeline-badge > span i {
|
||||
color : #FFFFFF;
|
||||
font-size : 1.6rem;
|
||||
display : block;
|
||||
line-height : 40px;
|
||||
top : 0;
|
||||
}
|
||||
#timeline.timeline-center .timeline-item > .timeline-badge > span:active {
|
||||
-webkit-transform : scale(1.1);
|
||||
-ms-transform : scale(1.1);
|
||||
transform : scale(1.1);
|
||||
}
|
||||
#timeline.timeline-center .timeline-item > .timeline-badge > span:focus {
|
||||
-webkit-transform : scale(1.1);
|
||||
-ms-transform : scale(1.1);
|
||||
transform : scale(1.1);
|
||||
}
|
||||
#timeline.timeline-center .timeline-item > .timeline-badge > span:hover {
|
||||
-webkit-transform : scale(1.1);
|
||||
-ms-transform : scale(1.1);
|
||||
transform : scale(1.1);
|
||||
}
|
||||
#timeline.timeline-center .timeline-item > .timeline-badge > a.active {
|
||||
-webkit-transform : scale(1.1);
|
||||
-ms-transform : scale(1.1);
|
||||
transform : scale(1.1);
|
||||
}
|
||||
#timeline.timeline-center .timeline-item > .timeline-panel {
|
||||
position : relative;
|
||||
background-color : #FFFFFF;
|
||||
border : 1px solid #DDDDDD;
|
||||
border-radius : 4px;
|
||||
}
|
||||
#timeline.timeline-center .timeline-item > .timeline-panel:hover .timeline-actions {
|
||||
display : block;
|
||||
}
|
||||
|
||||
#timeline.timeline-right .timeline-line {
|
||||
display : inline-block;
|
||||
position : absolute;
|
||||
top : 0;
|
||||
bottom : 0;
|
||||
right : 12px;
|
||||
width : 2px;
|
||||
background-color : #DDDDDD;
|
||||
-webkit-transform : translate(-50%, 0);
|
||||
-ms-transform : translate(-50%, 0);
|
||||
transform : translate(-50%, 0);
|
||||
}
|
||||
|
||||
#timeline.timeline-right .timeline-group {
|
||||
text-align : right;
|
||||
}
|
||||
|
||||
#timeline.timeline-right .timeline-item {
|
||||
position : relative;
|
||||
display : inline-block;
|
||||
width : 100%;
|
||||
padding : 0 43px 35px 0;
|
||||
}
|
||||
#timeline.timeline-right .timeline-item:after {
|
||||
content : '';
|
||||
position : absolute;
|
||||
right : 33px;
|
||||
top : 21px;
|
||||
width : 0;
|
||||
height : 0;
|
||||
z-index : 1;
|
||||
border-top : 11px solid #F8F8F8;
|
||||
border-bottom : 11px solid #F8F8F8;
|
||||
border-left : 11px solid #FFFFFF;
|
||||
}
|
||||
#timeline.timeline-right .timeline-item:before {
|
||||
content : '';
|
||||
position : absolute;
|
||||
right : 32px;
|
||||
top : 20px;
|
||||
width : 0;
|
||||
height : 0;
|
||||
border-top : 12px solid transparent;
|
||||
border-bottom : 12px solid transparent;
|
||||
border-left : 12px solid #CCCCCC;
|
||||
z-index : 1;
|
||||
}
|
||||
#timeline.timeline-right .timeline-item > .timeline-badge {
|
||||
right : -8px;
|
||||
}
|
||||
#timeline.timeline-right .timeline-item > .timeline-badge {
|
||||
position : absolute;
|
||||
top : 12px;
|
||||
z-index : 1;
|
||||
}
|
||||
#timeline.timeline-right .timeline-item > .timeline-badge > span {
|
||||
display : inline-block;
|
||||
width : 40px;
|
||||
height : 40px;
|
||||
border-radius : 50%;
|
||||
text-align : center;
|
||||
text-decoration : none;
|
||||
-webkit-transition : all ease 0.3s;
|
||||
transition : all ease 0.3s;
|
||||
}
|
||||
#timeline.timeline-right .timeline-item > .timeline-badge > span i {
|
||||
color : #FFFFFF;
|
||||
font-size : 1.6rem;
|
||||
display : block;
|
||||
line-height : 40px;
|
||||
top : 0;
|
||||
}
|
||||
#timeline.timeline-right .timeline-item > .timeline-badge > span:active {
|
||||
-webkit-transform : scale(1.1);
|
||||
-ms-transform : scale(1.1);
|
||||
transform : scale(1.1);
|
||||
}
|
||||
#timeline.timeline-right .timeline-item > .timeline-badge > span:focus {
|
||||
-webkit-transform : scale(1.1);
|
||||
-ms-transform : scale(1.1);
|
||||
transform : scale(1.1);
|
||||
}
|
||||
#timeline.timeline-right .timeline-item > .timeline-badge > span:hover {
|
||||
-webkit-transform : scale(1.1);
|
||||
-ms-transform : scale(1.1);
|
||||
transform : scale(1.1);
|
||||
}
|
||||
#timeline.timeline-right .timeline-item > .timeline-badge > a.active {
|
||||
-webkit-transform : scale(1.1);
|
||||
-ms-transform : scale(1.1);
|
||||
transform : scale(1.1);
|
||||
}
|
||||
#timeline.timeline-right .timeline-item > .timeline-panel {
|
||||
position : relative;
|
||||
background-color : #FFFFFF;
|
||||
border : 1px solid #DDDDDD;
|
||||
border-radius : 4px;
|
||||
}
|
||||
#timeline.timeline-right .timeline-item > .timeline-panel:hover .timeline-actions {
|
||||
display : block;
|
||||
}
|
||||
|
||||
#timeline.timeline-right .timeline-item.block:nth-child(even):before {
|
||||
right : 8px;
|
||||
left : auto;
|
||||
}
|
||||
|
||||
#timeline.timeline-right .timeline-item.block:nth-child(even):after {
|
||||
right : 11px;
|
||||
left : auto;
|
||||
}
|
||||
|
||||
#timeline.timeline-right .timeline-item.block:nth-child(odd):after {
|
||||
right : 8px;
|
||||
right : auto;
|
||||
}
|
||||
|
||||
#timeline.timeline-left .timeline-line {
|
||||
display : inline-block;
|
||||
position : absolute;
|
||||
top : 0;
|
||||
bottom : 0;
|
||||
left : 12px;
|
||||
width : 2px;
|
||||
background-color : #DDDDDD;
|
||||
-webkit-transform : translate(-50%, 0);
|
||||
-ms-transform : translate(-50%, 0);
|
||||
transform : translate(-50%, 0);
|
||||
}
|
||||
|
||||
#timeline.timeline-left .timeline-group {
|
||||
text-align : left;
|
||||
}
|
||||
|
||||
#timeline.timeline-left .timeline-item {
|
||||
position : relative;
|
||||
display : inline-block;
|
||||
width : 100%;
|
||||
padding : 0 0 35px 43px;
|
||||
}
|
||||
#timeline.timeline-left .timeline-item:after {
|
||||
content : '';
|
||||
position : absolute;
|
||||
left : 33px;
|
||||
top : 21px;
|
||||
width : 0;
|
||||
height : 0;
|
||||
z-index : 1;
|
||||
border-top : 11px solid #F8F8F8;
|
||||
border-bottom : 11px solid #F8F8F8;
|
||||
border-right : 11px solid #FFFFFF;
|
||||
}
|
||||
#timeline.timeline-left .timeline-item:before {
|
||||
content : '';
|
||||
position : absolute;
|
||||
left : 32px;
|
||||
top : 20px;
|
||||
width : 0;
|
||||
height : 0;
|
||||
border-top : 12px solid transparent;
|
||||
border-bottom : 12px solid transparent;
|
||||
border-right : 12px solid #CCCCCC;
|
||||
z-index : 1;
|
||||
}
|
||||
#timeline.timeline-left .timeline-item > .timeline-badge {
|
||||
left : -8px;
|
||||
}
|
||||
#timeline.timeline-left .timeline-item > .timeline-badge {
|
||||
position : absolute;
|
||||
top : 12px;
|
||||
z-index : 1;
|
||||
}
|
||||
#timeline.timeline-left .timeline-item > .timeline-badge > span {
|
||||
display : inline-block;
|
||||
width : 40px;
|
||||
height : 40px;
|
||||
border-radius : 50%;
|
||||
text-align : center;
|
||||
text-decoration : none;
|
||||
-webkit-transition : all ease 0.3s;
|
||||
transition : all ease 0.3s;
|
||||
}
|
||||
#timeline.timeline-left .timeline-item > .timeline-badge > span i {
|
||||
color : #FFFFFF;
|
||||
font-size : 1.6rem;
|
||||
display : block;
|
||||
line-height : 40px;
|
||||
top : 0;
|
||||
}
|
||||
#timeline.timeline-left .timeline-item > .timeline-badge > span:active {
|
||||
-webkit-transform : scale(1.1);
|
||||
-ms-transform : scale(1.1);
|
||||
transform : scale(1.1);
|
||||
}
|
||||
#timeline.timeline-left .timeline-item > .timeline-badge > span:focus {
|
||||
-webkit-transform : scale(1.1);
|
||||
-ms-transform : scale(1.1);
|
||||
transform : scale(1.1);
|
||||
}
|
||||
#timeline.timeline-left .timeline-item > .timeline-badge > span:hover {
|
||||
-webkit-transform : scale(1.1);
|
||||
-ms-transform : scale(1.1);
|
||||
transform : scale(1.1);
|
||||
}
|
||||
#timeline.timeline-left .timeline-item > .timeline-badge > a.active {
|
||||
-webkit-transform : scale(1.1);
|
||||
-ms-transform : scale(1.1);
|
||||
transform : scale(1.1);
|
||||
}
|
||||
#timeline.timeline-left .timeline-item > .timeline-panel {
|
||||
position : relative;
|
||||
background-color : #FFFFFF;
|
||||
border : 1px solid #DDDDDD;
|
||||
border-radius : 4px;
|
||||
}
|
||||
#timeline.timeline-left .timeline-item > .timeline-panel:hover .timeline-actions {
|
||||
display : block;
|
||||
}
|
||||
|
||||
#timeline .timeline-item.block:nth-child(even) {
|
||||
width : 100% !important;
|
||||
margin-top : 5px;
|
||||
}
|
||||
#timeline .timeline-item.block:nth-child(even):after {
|
||||
left : 50%;
|
||||
right : auto;
|
||||
top : -11px;
|
||||
border : 0;
|
||||
border-left : 12px solid transparent;
|
||||
border-right : 12px solid transparent;
|
||||
border-bottom : 12px solid #CCCCCC;
|
||||
-webkit-transform : translate(-50%, 0);
|
||||
-ms-transform : translate(-50%, 0);
|
||||
transform : translate(-50%, 0);
|
||||
top : -10px;
|
||||
border : 0;
|
||||
border-left : 11px solid #F8F8F8;
|
||||
border-right : 11px solid #F8F8F8;
|
||||
border-bottom : 11px solid #FFFFFF;
|
||||
}
|
||||
#timeline .timeline-item.block:nth-child(even):before {
|
||||
left : 50%;
|
||||
right : auto;
|
||||
top : -11px;
|
||||
border : 0;
|
||||
border-left : 12px solid transparent;
|
||||
border-right : 12px solid transparent;
|
||||
border-bottom : 12px solid #CCCCCC;
|
||||
-webkit-transform : translate(-50%, 0);
|
||||
-ms-transform : translate(-50%, 0);
|
||||
transform : translate(-50%, 0);
|
||||
}
|
||||
#timeline .timeline-item.block:nth-child(even) > .timeline-badge {
|
||||
top : -28px;
|
||||
left : 50%;
|
||||
right : auto;
|
||||
-webkit-transform : translate(-50%, 0);
|
||||
-ms-transform : translate(-50%, 0);
|
||||
transform : translate(-50%, 0);
|
||||
}
|
||||
|
||||
#timeline .timeline-item.block:nth-child(odd) {
|
||||
width : 100% !important;
|
||||
margin-top : 5px;
|
||||
}
|
||||
#timeline .timeline-item.block:nth-child(odd):after {
|
||||
left : 50%;
|
||||
right : auto;
|
||||
top : -11px;
|
||||
border : 0;
|
||||
border-left : 12px solid transparent;
|
||||
border-right : 12px solid transparent;
|
||||
border-bottom : 12px solid #CCCCCC;
|
||||
-webkit-transform : translate(-50%, 0);
|
||||
-ms-transform : translate(-50%, 0);
|
||||
transform : translate(-50%, 0);
|
||||
top : -10px;
|
||||
border : 0;
|
||||
border-left : 11px solid #F8F8F8;
|
||||
border-right : 11px solid #F8F8F8;
|
||||
border-bottom : 11px solid #FFFFFF;
|
||||
}
|
||||
#timeline .timeline-item.block:nth-child(odd):before {
|
||||
left : 50%;
|
||||
right : auto;
|
||||
top : -11px;
|
||||
border : 0;
|
||||
border-left : 12px solid transparent;
|
||||
border-right : 12px solid transparent;
|
||||
border-bottom : 12px solid #CCCCCC;
|
||||
-webkit-transform : translate(-50%, 0);
|
||||
-ms-transform : translate(-50%, 0);
|
||||
transform : translate(-50%, 0);
|
||||
}
|
||||
#timeline .timeline-item.block:nth-child(odd) > .timeline-badge {
|
||||
top : -28px;
|
||||
left : 50%;
|
||||
right : auto;
|
||||
-webkit-transform : translate(-50%, 0);
|
||||
-ms-transform : translate(-50%, 0);
|
||||
transform : translate(-50%, 0);
|
||||
}
|
||||
|
||||
.timeline-actions {
|
||||
display : none;
|
||||
}
|
||||
|
||||
.timeline-content {
|
||||
padding : 15px;
|
||||
}
|
||||
|
||||
.timeline-footer {
|
||||
padding : 15px;
|
||||
border-top : 1px solid #EEEEEE;
|
||||
background-color : #FBFCFC;
|
||||
border-radius : 0 0 5px 5px;
|
||||
}
|
||||
|
||||
.timeline-heading {
|
||||
padding : 15px;
|
||||
font-size : 20px;
|
||||
}
|
||||
|
||||
.timeline-liveliness {
|
||||
padding : 15px;
|
||||
border-top : 1px solid #EEEEEE;
|
||||
background-color : #FBFCFC;
|
||||
}
|
||||
|
||||
.timeline-heading + .timeline-content {
|
||||
padding-top : 0;
|
||||
}
|
||||
|
||||
.timeline-date {
|
||||
font-size : 14px;
|
||||
color : #AAAAAA;
|
||||
}
|
||||
|
||||
.timeline-embed {
|
||||
position : relative;
|
||||
padding-bottom : 56.25%;
|
||||
padding-top : 25px;
|
||||
height : 0;
|
||||
}
|
||||
.timeline-embed .embed-element {
|
||||
position : absolute;
|
||||
top : 0;
|
||||
left : 0;
|
||||
width : 100%;
|
||||
height : 100%;
|
||||
}
|
||||
.timeline-embed embed {
|
||||
position : absolute;
|
||||
top : 0;
|
||||
left : 0;
|
||||
width : 100%;
|
||||
height : 100%;
|
||||
}
|
||||
.timeline-embed iframe {
|
||||
position : absolute;
|
||||
top : 0;
|
||||
left : 0;
|
||||
width : 100%;
|
||||
height : 100%;
|
||||
}
|
||||
.timeline-embed object {
|
||||
position : absolute;
|
||||
top : 0;
|
||||
left : 0;
|
||||
width : 100%;
|
||||
height : 100%;
|
||||
}
|
||||
|
||||
.timeline-img {
|
||||
display : block;
|
||||
padding : 5px 0;
|
||||
}
|
||||
|
||||
.timeline-img.first {
|
||||
margin-right : -10px;
|
||||
}
|
||||
|
||||
.timeline-img.middle {
|
||||
margin-right : -10px;
|
||||
margin-left : -10px;
|
||||
}
|
||||
|
||||
.timeline-img.last {
|
||||
margin-left : -10px;
|
||||
}
|
||||
|
||||
.timeline-resume {
|
||||
border-top : 1px solid #EEEEEE;
|
||||
background-color : #FBFCFC;
|
||||
}
|
||||
|
||||
.timeline-avatar {
|
||||
margin-top : -2px;
|
||||
margin-right : 10px;
|
||||
}
|
||||
|
||||
.timeline-title {
|
||||
margin : 0;
|
||||
padding : 0;
|
||||
font-size : 14px;
|
||||
line-height : 1.42857;
|
||||
font-weight : 600;
|
||||
color : #3E5771;
|
||||
text-decoration : none;
|
||||
}
|
||||
.timeline-title > small {
|
||||
display : block;
|
||||
font-size : 12px;
|
||||
line-height : 1.5;
|
||||
color : #A1AAB0;
|
||||
overflow : hidden;
|
||||
text-overflow : ellipsis;
|
||||
white-space : nowrap;
|
||||
}
|
||||
|
||||
.wrapkit-content-rtl .timeline-avatar {
|
||||
margin-right : 0;
|
||||
margin-left : 10px;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.timeline-item:nth-child(even) {
|
||||
padding : 0 35px 50px 0;
|
||||
}
|
||||
.timeline-item:nth-child(odd) {
|
||||
padding : 0 0 50px 35px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991.98px) {
|
||||
.timeline {
|
||||
padding-left : 15px;
|
||||
}
|
||||
.timeline-line {
|
||||
left : 15px;
|
||||
}
|
||||
.timeline-group {
|
||||
display : inline-block;
|
||||
margin-left : -22px;
|
||||
}
|
||||
.timeline-item {
|
||||
width : 100% !important;
|
||||
margin-top : 0 !important;
|
||||
padding-right : 10px;
|
||||
}
|
||||
.timeline-item:nth-child(even):after {
|
||||
left : 19px;
|
||||
top : 10px;
|
||||
border : 0;
|
||||
border-top : 12px solid transparent;
|
||||
border-bottom : 12px solid transparent;
|
||||
border-right : 12px solid #CCCCCC;
|
||||
-webkit-transform : translate(0, 0);
|
||||
-ms-transform : translate(0, 0);
|
||||
transform : translate(0, 0);
|
||||
left : 40px;
|
||||
top : 21px;
|
||||
border-top : 11px solid #F8F8F8;
|
||||
border-bottom : 11px solid #F8F8F8;
|
||||
border-right : 11px solid #FFFFFF;
|
||||
}
|
||||
.timeline-item:nth-child(even):before {
|
||||
left : 39px;
|
||||
top : 20px;
|
||||
border : 0;
|
||||
border-top : 12px solid transparent;
|
||||
border-bottom : 12px solid transparent;
|
||||
border-right : 12px solid #CCCCCC;
|
||||
-webkit-transform : translate(0, 0);
|
||||
-ms-transform : translate(0, 0);
|
||||
transform : translate(0, 0);
|
||||
}
|
||||
.timeline-item:nth-child(even) > .timeline-badge {
|
||||
top : 12px;
|
||||
left : -20px;
|
||||
right : auto;
|
||||
-webkit-transform : translate(0, 0);
|
||||
-ms-transform : translate(0, 0);
|
||||
transform : translate(0, 0);
|
||||
}
|
||||
.timeline-item:nth-child(odd):after {
|
||||
left : 19px;
|
||||
top : 10px;
|
||||
border : 0;
|
||||
border-top : 12px solid transparent;
|
||||
border-bottom : 12px solid transparent;
|
||||
border-right : 12px solid #CCCCCC;
|
||||
-webkit-transform : translate(0, 0);
|
||||
-ms-transform : translate(0, 0);
|
||||
transform : translate(0, 0);
|
||||
left : 40px;
|
||||
top : 21px;
|
||||
border-top : 11px solid #F8F8F8;
|
||||
border-bottom : 11px solid #F8F8F8;
|
||||
border-right : 11px solid #FFFFFF;
|
||||
}
|
||||
.timeline-item:nth-child(odd):before {
|
||||
left : 39px;
|
||||
top : 20px;
|
||||
border : 0;
|
||||
border-top : 12px solid transparent;
|
||||
border-bottom : 12px solid transparent;
|
||||
border-right : 12px solid #CCCCCC;
|
||||
-webkit-transform : translate(0, 0);
|
||||
-ms-transform : translate(0, 0);
|
||||
transform : translate(0, 0);
|
||||
}
|
||||
.timeline-item:nth-child(odd) > .timeline-badge {
|
||||
top : 12px;
|
||||
left : -20px;
|
||||
right : auto;
|
||||
-webkit-transform : translate(0, 0);
|
||||
-ms-transform : translate(0, 0);
|
||||
transform : translate(0, 0);
|
||||
}
|
||||
.timeline-item.block:nth-child(even) {
|
||||
padding-bottom : 0;
|
||||
}
|
||||
.timeline-item.block:nth-child(even):after {
|
||||
left : 19px;
|
||||
top : 10px;
|
||||
border : 0;
|
||||
border-top : 12px solid transparent;
|
||||
border-bottom : 12px solid transparent;
|
||||
border-right : 12px solid #CCCCCC;
|
||||
-webkit-transform : translate(0, 0);
|
||||
-ms-transform : translate(0, 0);
|
||||
transform : translate(0, 0);
|
||||
left : 20px;
|
||||
top : 11px;
|
||||
border-top : 11px solid #F8F8F8;
|
||||
border-bottom : 11px solid #F8F8F8;
|
||||
border-right : 11px solid #FFFFFF;
|
||||
}
|
||||
.timeline-item.block:nth-child(even):before {
|
||||
left : 19px;
|
||||
top : 10px;
|
||||
border : 0;
|
||||
border-top : 12px solid transparent;
|
||||
border-bottom : 12px solid transparent;
|
||||
border-right : 12px solid #CCCCCC;
|
||||
-webkit-transform : translate(0, 0);
|
||||
-ms-transform : translate(0, 0);
|
||||
transform : translate(0, 0);
|
||||
}
|
||||
.timeline-item.block:nth-child(even) > .timeline-badge {
|
||||
top : 12px;
|
||||
left : -6px;
|
||||
right : auto;
|
||||
-webkit-transform : translate(0, 0);
|
||||
-ms-transform : translate(0, 0);
|
||||
transform : translate(0, 0);
|
||||
}
|
||||
.timeline-item.block:nth-child(odd) {
|
||||
padding-bottom : 0;
|
||||
}
|
||||
.timeline-item.block:nth-child(odd):after {
|
||||
left : 19px;
|
||||
top : 10px;
|
||||
border : 0;
|
||||
border-top : 12px solid transparent;
|
||||
border-bottom : 12px solid transparent;
|
||||
border-right : 12px solid #CCCCCC;
|
||||
-webkit-transform : translate(0, 0);
|
||||
-ms-transform : translate(0, 0);
|
||||
transform : translate(0, 0);
|
||||
left : 20px;
|
||||
top : 11px;
|
||||
border-top : 11px solid #F8F8F8;
|
||||
border-bottom : 11px solid #F8F8F8;
|
||||
border-right : 11px solid #FFFFFF;
|
||||
}
|
||||
.timeline-item.block:nth-child(odd):before {
|
||||
left : 19px;
|
||||
top : 10px;
|
||||
border : 0;
|
||||
border-top : 12px solid transparent;
|
||||
border-bottom : 12px solid transparent;
|
||||
border-right : 12px solid #CCCCCC;
|
||||
-webkit-transform : translate(0, 0);
|
||||
-ms-transform : translate(0, 0);
|
||||
transform : translate(0, 0);
|
||||
}
|
||||
.timeline-item.block:nth-child(odd) > .timeline-badge {
|
||||
top : 12px;
|
||||
left : -6px;
|
||||
right : auto;
|
||||
-webkit-transform : translate(0, 0);
|
||||
-ms-transform : translate(0, 0);
|
||||
transform : translate(0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991.98px) {
|
||||
#timeline.timeline-wrapper .timeline {
|
||||
padding : 0;
|
||||
}
|
||||
#timeline.timeline-wrapper .timeline .card-body {
|
||||
text-align : left;
|
||||
}
|
||||
#timeline.timeline-wrapper .timeline-line {
|
||||
display : inline-block;
|
||||
position : absolute;
|
||||
top : 0;
|
||||
bottom : 0;
|
||||
left : 50%;
|
||||
width : 2px;
|
||||
background-color : #DDDDDD;
|
||||
-webkit-transform : translate(-50%, 0);
|
||||
-ms-transform : translate(-50%, 0);
|
||||
transform : translate(-50%, 0);
|
||||
}
|
||||
#timeline.timeline-wrapper .timeline-group {
|
||||
display : block;
|
||||
margin-left : -6px;
|
||||
text-align : center;
|
||||
}
|
||||
#timeline.timeline-wrapper .timeline-item {
|
||||
display : block;
|
||||
padding : 20px 0 20px !important;
|
||||
}
|
||||
#timeline.timeline-wrapper .timeline-item:nth-child(even) {
|
||||
float : none;
|
||||
clear : both;
|
||||
}
|
||||
#timeline.timeline-wrapper .timeline-item:nth-child(even):after {
|
||||
display : none;
|
||||
}
|
||||
#timeline.timeline-wrapper .timeline-item:nth-child(even):before {
|
||||
display : none;
|
||||
}
|
||||
#timeline.timeline-wrapper .timeline-item:nth-child(odd) {
|
||||
float : none;
|
||||
clear : both;
|
||||
}
|
||||
#timeline.timeline-wrapper .timeline-item:nth-child(odd):after {
|
||||
display : none;
|
||||
}
|
||||
#timeline.timeline-wrapper .timeline-item:nth-child(odd):before {
|
||||
display : none;
|
||||
}
|
||||
#timeline.timeline-wrapper .timeline-item > .timeline-badge {
|
||||
top : 0 !important;
|
||||
left : 45% !important;
|
||||
}
|
||||
#timeline.timeline-wrapper .timeline-item.block:nth-child(even) {
|
||||
float : none;
|
||||
clear : both;
|
||||
}
|
||||
#timeline.timeline-wrapper .timeline-item.block:nth-child(even):after {
|
||||
display : none;
|
||||
}
|
||||
#timeline.timeline-wrapper .timeline-item.block:nth-child(even):before {
|
||||
display : none;
|
||||
}
|
||||
#timeline.timeline-wrapper .timeline-item.block:nth-child(odd) {
|
||||
float : none;
|
||||
clear : both;
|
||||
}
|
||||
#timeline.timeline-wrapper .timeline-item.block:nth-child(odd):after {
|
||||
display : none;
|
||||
}
|
||||
#timeline.timeline-wrapper .timeline-item.block:nth-child(odd):before {
|
||||
display : none;
|
||||
}
|
||||
#timeline.timeline-wrapper .timeline-item.timeline-poster > .timeline-badge {
|
||||
display : none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 575.98px) {
|
||||
.timeline-item > .timeline-badge {
|
||||
top : 0 !important;
|
||||
left : 44% !important;
|
||||
}
|
||||
}
|
||||
+1
File diff suppressed because one or more lines are too long
@@ -0,0 +1,14 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
.user-form .dropzone {
|
||||
min-height : 200px;
|
||||
width : 200px;
|
||||
}
|
||||
.user-form .dropzone .dz-message {
|
||||
font-size : 1rem;
|
||||
height : auto;
|
||||
}
|
||||
.user-form .dropzone .dz-message:before {
|
||||
font-size : 2rem;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.user-form .dropzone{min-height:200px;width:200px}.user-form .dropzone .dz-message{font-size:1rem;height:auto}.user-form .dropzone .dz-message:before{font-size:2rem}
|
||||
@@ -0,0 +1,89 @@
|
||||
/*========================================================
|
||||
DARK LAYOUT
|
||||
=========================================================*/
|
||||
#user-profile .profile-img-container {
|
||||
position : absolute;
|
||||
bottom : -3rem;
|
||||
left : 10%;
|
||||
width : 80%;
|
||||
}
|
||||
#user-profile .profile-img-container img {
|
||||
border : 0.3rem solid #FFFFFF;
|
||||
height : 85px;
|
||||
width : 85px;
|
||||
}
|
||||
|
||||
#user-profile #profile-info .card-header i {
|
||||
position : relative;
|
||||
top : -3px;
|
||||
}
|
||||
|
||||
#user-profile #profile-info .user-like i {
|
||||
font-size : 1.7rem;
|
||||
}
|
||||
|
||||
#user-profile #profile-info .suggested-block .user-page-info p {
|
||||
margin-bottom : 0;
|
||||
font-weight : 500;
|
||||
}
|
||||
|
||||
#user-profile #profile-info .suggested-block i {
|
||||
cursor : pointer;
|
||||
}
|
||||
|
||||
#user-profile .relative {
|
||||
position : relative;
|
||||
}
|
||||
|
||||
#user-profile .profile-header-nav {
|
||||
background-color : #FFFFFF;
|
||||
padding : 0.75rem 1rem;
|
||||
}
|
||||
#user-profile .profile-header-nav .navbar {
|
||||
-webkit-box-pack : end;
|
||||
-webkit-justify-content : flex-end;
|
||||
-ms-flex-pack : end;
|
||||
justify-content : flex-end;
|
||||
}
|
||||
#user-profile .profile-header-nav .navbar .navbar-toggler {
|
||||
font-size : 1.7rem;
|
||||
color : #626262;
|
||||
}
|
||||
#user-profile .profile-header-nav .navbar .navbar-toggler:focus {
|
||||
outline : none;
|
||||
}
|
||||
|
||||
#user-profile .user-latest-img {
|
||||
-webkit-transition : all 0.2s ease-in-out;
|
||||
transition : all 0.2s ease-in-out;
|
||||
}
|
||||
#user-profile .user-latest-img:hover {
|
||||
-webkit-transform : translateY(-4px) scale(1.2);
|
||||
-ms-transform : translateY(-4px) scale(1.2);
|
||||
transform : translateY(-4px) scale(1.2);
|
||||
z-index : 30;
|
||||
}
|
||||
|
||||
#user-profile .block-element .spinner-border {
|
||||
border-width : 2px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 992px) {
|
||||
#user-profile .profile-header-nav .navbar .nav-item {
|
||||
padding-left : 2.25rem !important;
|
||||
padding-right : 2.25rem !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 992px) {
|
||||
#user-profile .user-latest-img img {
|
||||
width : 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 991px) and (min-width: 768px) {
|
||||
#user-profile .profile-header-nav .navbar .nav-item {
|
||||
padding-left : 1.5rem !important;
|
||||
padding-right : 1.5rem !important;
|
||||
}
|
||||
}
|
||||
+1
@@ -0,0 +1 @@
|
||||
#user-profile .profile-img-container{position:absolute;bottom:-3rem;left:10%;width:80%}#user-profile .profile-img-container img{border:.3rem solid #FFF;height:85px;width:85px}#user-profile #profile-info .card-header i{position:relative;top:-3px}#user-profile #profile-info .user-like i{font-size:1.7rem}#user-profile #profile-info .suggested-block .user-page-info p{margin-bottom:0;font-weight:500}#user-profile #profile-info .suggested-block i{cursor:pointer}#user-profile .relative{position:relative}#user-profile .profile-header-nav{background-color:#FFF;padding:.75rem 1rem}#user-profile .profile-header-nav .navbar{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}#user-profile .profile-header-nav .navbar .navbar-toggler{font-size:1.7rem;color:#626262}#user-profile .profile-header-nav .navbar .navbar-toggler:focus{outline:0}#user-profile .user-latest-img{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}#user-profile .user-latest-img:hover{-webkit-transform:translateY(-4px) scale(1.2);-ms-transform:translateY(-4px) scale(1.2);transform:translateY(-4px) scale(1.2);z-index:30}#user-profile .block-element .spinner-border{border-width:2px}@media only screen and (min-width:992px){#user-profile .profile-header-nav .navbar .nav-item{padding-left:2.25rem!important;padding-right:2.25rem!important}}@media only screen and (max-width:992px){#user-profile .user-latest-img img{width:100%}}@media only screen and (max-width:991px) and (min-width:768px){#user-profile .profile-header-nav .navbar .nav-item{padding-left:1.5rem!important;padding-right:1.5rem!important}}
|
||||
Reference in New Issue
Block a user