Satinder Grewal
9 years ago
60 changed files with 86 additions and 4925 deletions
@ -1,325 +0,0 @@ |
|||||
/* Cubic Bezier Transition */ |
|
||||
/*********** |
|
||||
Page Header |
|
||||
***********/ |
|
||||
/* Header search bar, toggler button & top menu */ |
|
||||
.page-header.navbar { |
|
||||
/* Top notification menu/bar */ |
|
||||
/* Header seaech box */ } |
|
||||
.page-header.navbar .page-logo { |
|
||||
background: #17C4BB; } |
|
||||
.page-header.navbar .page-top { |
|
||||
box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2); |
|
||||
background: #ffffff; } |
|
||||
.page-header.navbar .top-menu .navbar-nav { |
|
||||
/* Extended Dropdowns */ |
|
||||
/* Notification */ |
|
||||
/* Inbox */ |
|
||||
/* Tasks */ |
|
||||
/* User */ |
|
||||
/* Language */ |
|
||||
/* Dark version */ } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover { |
|
||||
background-color: #f9fafc; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i { |
|
||||
color: #C0CDDC; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default { |
|
||||
background-color: #17C4BB; |
|
||||
color: #ffffff; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle { |
|
||||
background-color: #f9fafc; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu:before { |
|
||||
border-bottom-color: #e4e8ee; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu { |
|
||||
border: 1px solid #e4e8ee; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:before { |
|
||||
border-bottom-color: #d4dae4; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after { |
|
||||
border-bottom-color: #eaedf2; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external { |
|
||||
background: #eaedf2; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 { |
|
||||
color: #62878f; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a { |
|
||||
color: #337ab7; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover { |
|
||||
color: #23527c; |
|
||||
text-decoration: none; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a { |
|
||||
border-bottom: 1px solid #EFF2F6 !important; |
|
||||
color: #888888; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover { |
|
||||
background: #f8f9fa; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time { |
|
||||
background: #f1f1f1; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time { |
|
||||
background: #e4e4e4; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle { |
|
||||
background-color: #17C4BB; |
|
||||
color: #ffffff; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner { |
|
||||
border-color: transparent transparent transparent #17C4BB; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from { |
|
||||
color: #5b9bd1; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress { |
|
||||
background-color: #dfe2e9; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username { |
|
||||
color: #7f96ac; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i { |
|
||||
color: #7f96ac; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu { |
|
||||
width: 195px; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname { |
|
||||
color: #7f96ac; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu { |
|
||||
background: #374b6d; |
|
||||
border: 0; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after { |
|
||||
border-bottom-color: #374b6d; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external { |
|
||||
background: #293952; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 { |
|
||||
color: #a8b8d3; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover { |
|
||||
color: #5496cf; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a, |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a { |
|
||||
color: #b8c6db; |
|
||||
border-bottom: 1px solid #415a81 !important; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i, |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i { |
|
||||
color: #97aaca; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover, |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover { |
|
||||
background: #3e557a; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a { |
|
||||
border-bottom: 0 !important; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider { |
|
||||
background: #415a81; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time { |
|
||||
background: #2f405c; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time { |
|
||||
background: #26344b; } |
|
||||
.page-header.navbar .search-form { |
|
||||
background: #fff; } |
|
||||
.page-header.navbar .search-form .input-group .form-control { |
|
||||
color: #7f96ac; } |
|
||||
.page-header.navbar .search-form .input-group .form-control::-moz-placeholder { |
|
||||
color: #7c94aa; |
|
||||
opacity: 1; } |
|
||||
.page-header.navbar .search-form .input-group .form-control:-ms-input-placeholder { |
|
||||
color: #7c94aa; } |
|
||||
.page-header.navbar .search-form .input-group .form-control::-webkit-input-placeholder { |
|
||||
color: #7c94aa; } |
|
||||
.page-header.navbar .search-form .input-group .input-group-btn .btn.submit > i { |
|
||||
color: #7f96ac; } |
|
||||
|
|
||||
/* Page sidebar */ |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover, |
|
||||
.page-sidebar { |
|
||||
background-color: #26344B; |
|
||||
/* Default sidebar */ } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu, |
|
||||
.page-sidebar .page-sidebar-menu { |
|
||||
/* 1st level links */ |
|
||||
/* All links */ } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a, |
|
||||
.page-sidebar .page-sidebar-menu > li > a { |
|
||||
border-top: 1px solid #2b3b55; |
|
||||
color: #c3cee0; } |
|
||||
@media (max-width: 991px) { |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a, |
|
||||
.page-sidebar .page-sidebar-menu > li > a { |
|
||||
/* 991px */ |
|
||||
border-top: 1px solid #344766; } } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i, |
|
||||
.page-sidebar .page-sidebar-menu > li > a > i { |
|
||||
color: #43516c; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class^="icon-"], |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class*="icon-"], |
|
||||
.page-sidebar .page-sidebar-menu > li > a > i[class^="icon-"], |
|
||||
.page-sidebar .page-sidebar-menu > li > a > i[class*="icon-"] { |
|
||||
color: #4d5d7c; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow.open:before, |
|
||||
.page-sidebar .page-sidebar-menu > li > a > .arrow:before, |
|
||||
.page-sidebar .page-sidebar-menu > li > a > .arrow.open:before { |
|
||||
color: #3b5074; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a, |
|
||||
.page-sidebar .page-sidebar-menu > li:hover > a, |
|
||||
.page-sidebar .page-sidebar-menu > li.open > a { |
|
||||
background: #212d41; |
|
||||
color: #e4e9f2; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > i, |
|
||||
.page-sidebar .page-sidebar-menu > li:hover > a > i, |
|
||||
.page-sidebar .page-sidebar-menu > li.open > a > i { |
|
||||
color: #4d5d7c; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow.open:before, |
|
||||
.page-sidebar .page-sidebar-menu > li:hover > a > .arrow:before, |
|
||||
.page-sidebar .page-sidebar-menu > li:hover > a > .arrow.open:before, |
|
||||
.page-sidebar .page-sidebar-menu > li.open > a > .arrow:before, |
|
||||
.page-sidebar .page-sidebar-menu > li.open > a > .arrow.open:before { |
|
||||
color: #4d5d7c; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a, |
|
||||
.page-sidebar .page-sidebar-menu > li.active > a, |
|
||||
.page-sidebar .page-sidebar-menu > li.active.open > a { |
|
||||
background: #1f2b3d; |
|
||||
color: white; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover, |
|
||||
.page-sidebar .page-sidebar-menu > li.active > a:hover, |
|
||||
.page-sidebar .page-sidebar-menu > li.active.open > a:hover { |
|
||||
background: #232f44; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > i, |
|
||||
.page-sidebar .page-sidebar-menu > li.active > a > i, |
|
||||
.page-sidebar .page-sidebar-menu > li.active.open > a > i { |
|
||||
color: #18cdc4; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow.open:before, |
|
||||
.page-sidebar .page-sidebar-menu > li.active > a > .arrow:before, |
|
||||
.page-sidebar .page-sidebar-menu > li.active > a > .arrow.open:before, |
|
||||
.page-sidebar .page-sidebar-menu > li.active.open > a > .arrow:before, |
|
||||
.page-sidebar .page-sidebar-menu > li.active.open > a > .arrow.open:before { |
|
||||
color: whitesmoke; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:last-child > a, |
|
||||
.page-sidebar .page-sidebar-menu > li:last-child > a { |
|
||||
border-bottom: 1px solid transparent !important; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow.open:before, |
|
||||
.page-sidebar .page-sidebar-menu li > a > .arrow:before, |
|
||||
.page-sidebar .page-sidebar-menu li > a > .arrow.open:before { |
|
||||
color: #3b5074; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow.open:before, |
|
||||
.page-sidebar .page-sidebar-menu li:hover > a > .arrow:before, |
|
||||
.page-sidebar .page-sidebar-menu li:hover > a > .arrow.open:before { |
|
||||
color: #4d5d7c; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow.open:before, |
|
||||
.page-sidebar .page-sidebar-menu li.active > a > .arrow:before, |
|
||||
.page-sidebar .page-sidebar-menu li.active > a > .arrow.open:before { |
|
||||
color: whitesmoke; } |
|
||||
.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu:hover .sub-menu, .page-sidebar-closed |
|
||||
.page-sidebar .page-sidebar-menu:hover .sub-menu { |
|
||||
background: #1c2637; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li > a { |
|
||||
color: #b2c0d8; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i { |
|
||||
color: #516fa0; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"], |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"], |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"], |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"] { |
|
||||
color: #5d7bad; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow.open:before, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow:before, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow.open:before { |
|
||||
color: #3b5074; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a { |
|
||||
background: #212d41 !important; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > i, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > i, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > i, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > i { |
|
||||
color: #4d5d7c; |
|
||||
color: #90a5c7; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow:before, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow:before, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before { |
|
||||
color: #4d5d7c; } |
|
||||
|
|
||||
/****** |
|
||||
Page Footer |
|
||||
******/ |
|
||||
.page-footer .page-footer-inner { |
|
||||
color: #a1b2cf; } |
|
||||
|
|
||||
.page-footer-fixed .page-footer { |
|
||||
background-color: #a5aea8; } |
|
||||
.page-footer-fixed .page-footer .page-footer-inner { |
|
||||
color: #121618; } |
|
||||
|
|
||||
.page-boxed .page-footer .page-footer-inner { |
|
||||
color: #121618; } |
|
||||
|
|
||||
.page-footer-fixed .page-boxed .page-footer { |
|
||||
background-color: #a5aea8; } |
|
||||
|
|
||||
@media (min-width: 992px) { |
|
||||
/* 992px */ |
|
||||
/* Sidebar menu closed */ |
|
||||
.page-sidebar-menu.page-sidebar-menu-hover-submenu li:hover > .sub-menu { |
|
||||
box-shadow: 5px 5px rgba(48, 48, 48, 0.2); } |
|
||||
.page-sidebar-menu.page-sidebar-menu-closed > li:hover { |
|
||||
box-shadow: 5px 5px rgba(48, 48, 48, 0.2); } |
|
||||
.page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu { |
|
||||
box-shadow: 5px 5px rgba(48, 48, 48, 0.2); } |
|
||||
/* Fixed Sidebar */ |
|
||||
.page-sidebar-fixed:not(.page-footer-fixed) .page-content { |
|
||||
border-bottom: 0; } |
|
||||
.page-sidebar-fixed:not(.page-footer-fixed) .page-footer { |
|
||||
background-color: #eef1f5; } |
|
||||
.page-sidebar-fixed:not(.page-footer-fixed) .page-footer .page-footer-inner { |
|
||||
color: #333; } |
|
||||
/* Boxed Layout */ |
|
||||
.page-boxed { |
|
||||
background-color: #b8bfba !important; |
|
||||
/* Page container */ } |
|
||||
.page-boxed .page-container { |
|
||||
background-color: #26344B; } |
|
||||
.page-boxed.page-sidebar-reversed .page-container { |
|
||||
border-left: 0; } |
|
||||
.page-boxed.page-sidebar-fixed .page-container { |
|
||||
border-left: 0; |
|
||||
border-bottom: 0; } |
|
||||
.page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-container { |
|
||||
border-left: 0; |
|
||||
border-right: 0; |
|
||||
border-bottom: 0; } |
|
||||
/* Sidebar Menu Wirh Hoverable Submenu */ |
|
||||
.page-sidebar-menu-hover-submenu li:hover a > .arrow { |
|
||||
border-right: 8px solid #1c2637; } |
|
||||
.page-sidebar-reversed .page-sidebar-menu-hover-submenu li:hover a > .arrow { |
|
||||
border-left: 8px solid #1c2637; } |
|
||||
.page-sidebar-menu-hover-submenu li:hover > .sub-menu { |
|
||||
background: #1c2637 !important; } } |
|
||||
|
|
||||
@media (max-width: 991px) { |
|
||||
/* 991px */ |
|
||||
.page-container { |
|
||||
background: #eef1f5; } |
|
||||
.page-header.navbar { |
|
||||
box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2); |
|
||||
padding: 0; |
|
||||
/* Top menu */ } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover { |
|
||||
background-color: #f6f7fa; } |
|
||||
.page-header.navbar .page-top { |
|
||||
box-shadow: none; } } |
|
||||
|
|
||||
@media (max-width: 767px) { |
|
||||
/* 767px */ |
|
||||
.page-header.navbar { |
|
||||
background: #17C4BB; |
|
||||
/* Top menu */ } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover { |
|
||||
background-color: #eff1f6; } } |
|
||||
|
|
||||
/**** |
|
||||
CSS3 Spinner Bar |
|
||||
****/ |
|
||||
.page-spinner-bar > div, |
|
||||
.block-spinner-bar > div { |
|
||||
background: #1adbd1; } |
|
||||
|
|
||||
/**** |
|
||||
Boby |
|
||||
****/ |
|
||||
body { |
|
||||
background-color: #26344B; } |
|
||||
|
|
||||
body.page-boxed { |
|
||||
background-color: #C0C6C2; } |
|
||||
File diff suppressed because one or more lines are too long
@ -1,325 +0,0 @@ |
|||||
/* Cubic Bezier Transition */ |
|
||||
/*********** |
|
||||
Page Header |
|
||||
***********/ |
|
||||
/* Header search bar, toggler button & top menu */ |
|
||||
.page-header.navbar { |
|
||||
/* Top notification menu/bar */ |
|
||||
/* Header seaech box */ } |
|
||||
.page-header.navbar .page-logo { |
|
||||
background: #EF3F3F; } |
|
||||
.page-header.navbar .page-top { |
|
||||
box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2); |
|
||||
background: #ffffff; } |
|
||||
.page-header.navbar .top-menu .navbar-nav { |
|
||||
/* Extended Dropdowns */ |
|
||||
/* Notification */ |
|
||||
/* Inbox */ |
|
||||
/* Tasks */ |
|
||||
/* User */ |
|
||||
/* Language */ |
|
||||
/* Dark version */ } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover { |
|
||||
background-color: #f9fafc; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i { |
|
||||
color: #C0CDDC; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default { |
|
||||
background-color: #EF3F3F; |
|
||||
color: #ffffff; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle { |
|
||||
background-color: #f9fafc; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu:before { |
|
||||
border-bottom-color: #e4e8ee; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu { |
|
||||
border: 1px solid #e4e8ee; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:before { |
|
||||
border-bottom-color: #d4dae4; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after { |
|
||||
border-bottom-color: #eaedf2; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external { |
|
||||
background: #eaedf2; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 { |
|
||||
color: #62878f; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a { |
|
||||
color: #337ab7; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover { |
|
||||
color: #23527c; |
|
||||
text-decoration: none; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a { |
|
||||
border-bottom: 1px solid #EFF2F6 !important; |
|
||||
color: #888888; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover { |
|
||||
background: #f8f9fa; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time { |
|
||||
background: #f1f1f1; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time { |
|
||||
background: #e4e4e4; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle { |
|
||||
background-color: #EF3F3F; |
|
||||
color: #ffffff; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner { |
|
||||
border-color: transparent transparent transparent #EF3F3F; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from { |
|
||||
color: #5b9bd1; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress { |
|
||||
background-color: #dfe2e9; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username { |
|
||||
color: #7f96ac; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i { |
|
||||
color: #7f96ac; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu { |
|
||||
width: 195px; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname { |
|
||||
color: #7f96ac; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu { |
|
||||
background: #575757; |
|
||||
border: 0; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after { |
|
||||
border-bottom-color: #575757; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external { |
|
||||
background: #424242; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 { |
|
||||
color: #c2c2c2; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover { |
|
||||
color: #5496cf; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a, |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a { |
|
||||
color: #cecece; |
|
||||
border-bottom: 1px solid #666666 !important; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i, |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i { |
|
||||
color: #b5b5b5; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover, |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover { |
|
||||
background: #616161; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a { |
|
||||
border-bottom: 0 !important; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider { |
|
||||
background: #666666; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time { |
|
||||
background: #4a4a4a; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time { |
|
||||
background: #3d3d3d; } |
|
||||
.page-header.navbar .search-form { |
|
||||
background: #fff; } |
|
||||
.page-header.navbar .search-form .input-group .form-control { |
|
||||
color: #7f96ac; } |
|
||||
.page-header.navbar .search-form .input-group .form-control::-moz-placeholder { |
|
||||
color: #7c94aa; |
|
||||
opacity: 1; } |
|
||||
.page-header.navbar .search-form .input-group .form-control:-ms-input-placeholder { |
|
||||
color: #7c94aa; } |
|
||||
.page-header.navbar .search-form .input-group .form-control::-webkit-input-placeholder { |
|
||||
color: #7c94aa; } |
|
||||
.page-header.navbar .search-form .input-group .input-group-btn .btn.submit > i { |
|
||||
color: #7f96ac; } |
|
||||
|
|
||||
/* Page sidebar */ |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover, |
|
||||
.page-sidebar { |
|
||||
background-color: #3D3D3D; |
|
||||
/* Default sidebar */ } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu, |
|
||||
.page-sidebar .page-sidebar-menu { |
|
||||
/* 1st level links */ |
|
||||
/* All links */ } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a, |
|
||||
.page-sidebar .page-sidebar-menu > li > a { |
|
||||
border-top: 1px solid #454545; |
|
||||
color: #d6d6d6; } |
|
||||
@media (max-width: 991px) { |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a, |
|
||||
.page-sidebar .page-sidebar-menu > li > a { |
|
||||
/* 991px */ |
|
||||
border-top: 1px solid #515151; } } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i, |
|
||||
.page-sidebar .page-sidebar-menu > li > a > i { |
|
||||
color: #8a8a8a; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class^="icon-"], |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class*="icon-"], |
|
||||
.page-sidebar .page-sidebar-menu > li > a > i[class^="icon-"], |
|
||||
.page-sidebar .page-sidebar-menu > li > a > i[class*="icon-"] { |
|
||||
color: #969696; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow.open:before, |
|
||||
.page-sidebar .page-sidebar-menu > li > a > .arrow:before, |
|
||||
.page-sidebar .page-sidebar-menu > li > a > .arrow.open:before { |
|
||||
color: #5c5c5c; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a, |
|
||||
.page-sidebar .page-sidebar-menu > li:hover > a, |
|
||||
.page-sidebar .page-sidebar-menu > li.open > a { |
|
||||
background: #353535; |
|
||||
color: #f0f0f0; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > i, |
|
||||
.page-sidebar .page-sidebar-menu > li:hover > a > i, |
|
||||
.page-sidebar .page-sidebar-menu > li.open > a > i { |
|
||||
color: #969696; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow.open:before, |
|
||||
.page-sidebar .page-sidebar-menu > li:hover > a > .arrow:before, |
|
||||
.page-sidebar .page-sidebar-menu > li:hover > a > .arrow.open:before, |
|
||||
.page-sidebar .page-sidebar-menu > li.open > a > .arrow:before, |
|
||||
.page-sidebar .page-sidebar-menu > li.open > a > .arrow.open:before { |
|
||||
color: #969696; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a, |
|
||||
.page-sidebar .page-sidebar-menu > li.active > a, |
|
||||
.page-sidebar .page-sidebar-menu > li.active.open > a { |
|
||||
background: #333333; |
|
||||
color: white; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover, |
|
||||
.page-sidebar .page-sidebar-menu > li.active > a:hover, |
|
||||
.page-sidebar .page-sidebar-menu > li.active.open > a:hover { |
|
||||
background: #383838; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > i, |
|
||||
.page-sidebar .page-sidebar-menu > li.active > a > i, |
|
||||
.page-sidebar .page-sidebar-menu > li.active.open > a > i { |
|
||||
color: #f04848; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow.open:before, |
|
||||
.page-sidebar .page-sidebar-menu > li.active > a > .arrow:before, |
|
||||
.page-sidebar .page-sidebar-menu > li.active > a > .arrow.open:before, |
|
||||
.page-sidebar .page-sidebar-menu > li.active.open > a > .arrow:before, |
|
||||
.page-sidebar .page-sidebar-menu > li.active.open > a > .arrow.open:before { |
|
||||
color: whitesmoke; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:last-child > a, |
|
||||
.page-sidebar .page-sidebar-menu > li:last-child > a { |
|
||||
border-bottom: 1px solid transparent !important; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow.open:before, |
|
||||
.page-sidebar .page-sidebar-menu li > a > .arrow:before, |
|
||||
.page-sidebar .page-sidebar-menu li > a > .arrow.open:before { |
|
||||
color: #5c5c5c; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow.open:before, |
|
||||
.page-sidebar .page-sidebar-menu li:hover > a > .arrow:before, |
|
||||
.page-sidebar .page-sidebar-menu li:hover > a > .arrow.open:before { |
|
||||
color: #969696; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow.open:before, |
|
||||
.page-sidebar .page-sidebar-menu li.active > a > .arrow:before, |
|
||||
.page-sidebar .page-sidebar-menu li.active > a > .arrow.open:before { |
|
||||
color: whitesmoke; } |
|
||||
.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu:hover .sub-menu, .page-sidebar-closed |
|
||||
.page-sidebar .page-sidebar-menu:hover .sub-menu { |
|
||||
background: #2e2e2e; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li > a { |
|
||||
color: #c9c9c9; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i { |
|
||||
color: #7d7d7d; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"], |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"], |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"], |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"] { |
|
||||
color: #8a8a8a; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow.open:before, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow:before, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow.open:before { |
|
||||
color: #5c5c5c; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a { |
|
||||
background: #353535 !important; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > i, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > i, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > i, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > i { |
|
||||
color: #969696; |
|
||||
color: #b0b0b0; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow:before, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow:before, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before { |
|
||||
color: #969696; } |
|
||||
|
|
||||
/****** |
|
||||
Page Footer |
|
||||
******/ |
|
||||
.page-footer .page-footer-inner { |
|
||||
color: #bdbdbd; } |
|
||||
|
|
||||
.page-footer-fixed .page-footer { |
|
||||
background-color: #a5aea8; } |
|
||||
.page-footer-fixed .page-footer .page-footer-inner { |
|
||||
color: #121618; } |
|
||||
|
|
||||
.page-boxed .page-footer .page-footer-inner { |
|
||||
color: #121618; } |
|
||||
|
|
||||
.page-footer-fixed .page-boxed .page-footer { |
|
||||
background-color: #a5aea8; } |
|
||||
|
|
||||
@media (min-width: 992px) { |
|
||||
/* 992px */ |
|
||||
/* Sidebar menu closed */ |
|
||||
.page-sidebar-menu.page-sidebar-menu-hover-submenu li:hover > .sub-menu { |
|
||||
box-shadow: 5px 5px rgba(48, 48, 48, 0.2); } |
|
||||
.page-sidebar-menu.page-sidebar-menu-closed > li:hover { |
|
||||
box-shadow: 5px 5px rgba(48, 48, 48, 0.2); } |
|
||||
.page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu { |
|
||||
box-shadow: 5px 5px rgba(48, 48, 48, 0.2); } |
|
||||
/* Fixed Sidebar */ |
|
||||
.page-sidebar-fixed:not(.page-footer-fixed) .page-content { |
|
||||
border-bottom: 0; } |
|
||||
.page-sidebar-fixed:not(.page-footer-fixed) .page-footer { |
|
||||
background-color: #eef1f5; } |
|
||||
.page-sidebar-fixed:not(.page-footer-fixed) .page-footer .page-footer-inner { |
|
||||
color: #333; } |
|
||||
/* Boxed Layout */ |
|
||||
.page-boxed { |
|
||||
background-color: #b8bfba !important; |
|
||||
/* Page container */ } |
|
||||
.page-boxed .page-container { |
|
||||
background-color: #3D3D3D; } |
|
||||
.page-boxed.page-sidebar-reversed .page-container { |
|
||||
border-left: 0; } |
|
||||
.page-boxed.page-sidebar-fixed .page-container { |
|
||||
border-left: 0; |
|
||||
border-bottom: 0; } |
|
||||
.page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-container { |
|
||||
border-left: 0; |
|
||||
border-right: 0; |
|
||||
border-bottom: 0; } |
|
||||
/* Sidebar Menu Wirh Hoverable Submenu */ |
|
||||
.page-sidebar-menu-hover-submenu li:hover a > .arrow { |
|
||||
border-right: 8px solid #2e2e2e; } |
|
||||
.page-sidebar-reversed .page-sidebar-menu-hover-submenu li:hover a > .arrow { |
|
||||
border-left: 8px solid #2e2e2e; } |
|
||||
.page-sidebar-menu-hover-submenu li:hover > .sub-menu { |
|
||||
background: #2e2e2e !important; } } |
|
||||
|
|
||||
@media (max-width: 991px) { |
|
||||
/* 991px */ |
|
||||
.page-container { |
|
||||
background: #eef1f5; } |
|
||||
.page-header.navbar { |
|
||||
box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2); |
|
||||
padding: 0; |
|
||||
/* Top menu */ } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover { |
|
||||
background-color: #f6f7fa; } |
|
||||
.page-header.navbar .page-top { |
|
||||
box-shadow: none; } } |
|
||||
|
|
||||
@media (max-width: 767px) { |
|
||||
/* 767px */ |
|
||||
.page-header.navbar { |
|
||||
background: #EF3F3F; |
|
||||
/* Top menu */ } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover { |
|
||||
background-color: #eff1f6; } } |
|
||||
|
|
||||
/**** |
|
||||
CSS3 Spinner Bar |
|
||||
****/ |
|
||||
.page-spinner-bar > div, |
|
||||
.block-spinner-bar > div { |
|
||||
background: #f15757; } |
|
||||
|
|
||||
/**** |
|
||||
Boby |
|
||||
****/ |
|
||||
body { |
|
||||
background-color: #3D3D3D; } |
|
||||
|
|
||||
body.page-boxed { |
|
||||
background-color: #C0C6C2; } |
|
||||
File diff suppressed because one or more lines are too long
@ -1,325 +0,0 @@ |
|||||
/* Cubic Bezier Transition */ |
|
||||
/*********** |
|
||||
Page Header |
|
||||
***********/ |
|
||||
/* Header search bar, toggler button & top menu */ |
|
||||
.page-header.navbar { |
|
||||
/* Top notification menu/bar */ |
|
||||
/* Header seaech box */ } |
|
||||
.page-header.navbar .page-logo { |
|
||||
background: #FB5557; } |
|
||||
.page-header.navbar .page-top { |
|
||||
box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2); |
|
||||
background: #ffffff; } |
|
||||
.page-header.navbar .top-menu .navbar-nav { |
|
||||
/* Extended Dropdowns */ |
|
||||
/* Notification */ |
|
||||
/* Inbox */ |
|
||||
/* Tasks */ |
|
||||
/* User */ |
|
||||
/* Language */ |
|
||||
/* Dark version */ } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover { |
|
||||
background-color: #f9fafc; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i { |
|
||||
color: #C0CDDC; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default { |
|
||||
background-color: #FB5557; |
|
||||
color: #ffffff; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle { |
|
||||
background-color: #f9fafc; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu:before { |
|
||||
border-bottom-color: #e4e8ee; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu { |
|
||||
border: 1px solid #e4e8ee; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:before { |
|
||||
border-bottom-color: #d4dae4; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after { |
|
||||
border-bottom-color: #eaedf2; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external { |
|
||||
background: #eaedf2; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 { |
|
||||
color: #62878f; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a { |
|
||||
color: #337ab7; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover { |
|
||||
color: #23527c; |
|
||||
text-decoration: none; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a { |
|
||||
border-bottom: 1px solid #EFF2F6 !important; |
|
||||
color: #888888; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover { |
|
||||
background: #f8f9fa; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time { |
|
||||
background: #f1f1f1; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time { |
|
||||
background: #e4e4e4; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle { |
|
||||
background-color: #FB5557; |
|
||||
color: #ffffff; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner { |
|
||||
border-color: transparent transparent transparent #FB5557; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from { |
|
||||
color: #5b9bd1; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress { |
|
||||
background-color: #dfe2e9; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username { |
|
||||
color: #7f96ac; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i { |
|
||||
color: #7f96ac; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu { |
|
||||
width: 195px; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname { |
|
||||
color: #7f96ac; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu { |
|
||||
background: #536470; |
|
||||
border: 0; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after { |
|
||||
border-bottom-color: #536470; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external { |
|
||||
background: #414f59; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 { |
|
||||
color: #c5ced4; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover { |
|
||||
color: #5496cf; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a, |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a { |
|
||||
color: #d4dadf; |
|
||||
border-bottom: 1px solid #607482 !important; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i, |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i { |
|
||||
color: #b6c2c9; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover, |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover { |
|
||||
background: #5b6f7c; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a { |
|
||||
border-bottom: 0 !important; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider { |
|
||||
background: #607482; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time { |
|
||||
background: #485762; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time { |
|
||||
background: #3d4a53; } |
|
||||
.page-header.navbar .search-form { |
|
||||
background: #fff; } |
|
||||
.page-header.navbar .search-form .input-group .form-control { |
|
||||
color: #7f96ac; } |
|
||||
.page-header.navbar .search-form .input-group .form-control::-moz-placeholder { |
|
||||
color: #7c94aa; |
|
||||
opacity: 1; } |
|
||||
.page-header.navbar .search-form .input-group .form-control:-ms-input-placeholder { |
|
||||
color: #7c94aa; } |
|
||||
.page-header.navbar .search-form .input-group .form-control::-webkit-input-placeholder { |
|
||||
color: #7c94aa; } |
|
||||
.page-header.navbar .search-form .input-group .input-group-btn .btn.submit > i { |
|
||||
color: #7f96ac; } |
|
||||
|
|
||||
/* Page sidebar */ |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover, |
|
||||
.page-sidebar { |
|
||||
background-color: #3D4A53; |
|
||||
/* Default sidebar */ } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu, |
|
||||
.page-sidebar .page-sidebar-menu { |
|
||||
/* 1st level links */ |
|
||||
/* All links */ } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a, |
|
||||
.page-sidebar .page-sidebar-menu > li > a { |
|
||||
border-top: 1px solid #43525c; |
|
||||
color: #dce2e6; } |
|
||||
@media (max-width: 991px) { |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a, |
|
||||
.page-sidebar .page-sidebar-menu > li > a { |
|
||||
/* 991px */ |
|
||||
border-top: 1px solid #4e5f6b; } } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i, |
|
||||
.page-sidebar .page-sidebar-menu > li > a > i { |
|
||||
color: #019660; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class^="icon-"], |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class*="icon-"], |
|
||||
.page-sidebar .page-sidebar-menu > li > a > i[class^="icon-"], |
|
||||
.page-sidebar .page-sidebar-menu > li > a > i[class*="icon-"] { |
|
||||
color: #01b070; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow.open:before, |
|
||||
.page-sidebar .page-sidebar-menu > li > a > .arrow:before, |
|
||||
.page-sidebar .page-sidebar-menu > li > a > .arrow.open:before { |
|
||||
color: #576976; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a, |
|
||||
.page-sidebar .page-sidebar-menu > li:hover > a, |
|
||||
.page-sidebar .page-sidebar-menu > li.open > a { |
|
||||
background: #37424a; |
|
||||
color: #fafbfb; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > i, |
|
||||
.page-sidebar .page-sidebar-menu > li:hover > a > i, |
|
||||
.page-sidebar .page-sidebar-menu > li.open > a > i { |
|
||||
color: #01b070; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow.open:before, |
|
||||
.page-sidebar .page-sidebar-menu > li:hover > a > .arrow:before, |
|
||||
.page-sidebar .page-sidebar-menu > li:hover > a > .arrow.open:before, |
|
||||
.page-sidebar .page-sidebar-menu > li.open > a > .arrow:before, |
|
||||
.page-sidebar .page-sidebar-menu > li.open > a > .arrow.open:before { |
|
||||
color: #01b070; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a, |
|
||||
.page-sidebar .page-sidebar-menu > li.active > a, |
|
||||
.page-sidebar .page-sidebar-menu > li.active.open > a { |
|
||||
background: #344047; |
|
||||
color: white; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover, |
|
||||
.page-sidebar .page-sidebar-menu > li.active > a:hover, |
|
||||
.page-sidebar .page-sidebar-menu > li.active.open > a:hover { |
|
||||
background: #39454d; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > i, |
|
||||
.page-sidebar .page-sidebar-menu > li.active > a > i, |
|
||||
.page-sidebar .page-sidebar-menu > li.active.open > a > i { |
|
||||
color: #fb5f61; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow.open:before, |
|
||||
.page-sidebar .page-sidebar-menu > li.active > a > .arrow:before, |
|
||||
.page-sidebar .page-sidebar-menu > li.active > a > .arrow.open:before, |
|
||||
.page-sidebar .page-sidebar-menu > li.active.open > a > .arrow:before, |
|
||||
.page-sidebar .page-sidebar-menu > li.active.open > a > .arrow.open:before { |
|
||||
color: #ffebeb; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:last-child > a, |
|
||||
.page-sidebar .page-sidebar-menu > li:last-child > a { |
|
||||
border-bottom: 1px solid transparent !important; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow.open:before, |
|
||||
.page-sidebar .page-sidebar-menu li > a > .arrow:before, |
|
||||
.page-sidebar .page-sidebar-menu li > a > .arrow.open:before { |
|
||||
color: #576976; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow.open:before, |
|
||||
.page-sidebar .page-sidebar-menu li:hover > a > .arrow:before, |
|
||||
.page-sidebar .page-sidebar-menu li:hover > a > .arrow.open:before { |
|
||||
color: #01b070; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow.open:before, |
|
||||
.page-sidebar .page-sidebar-menu li.active > a > .arrow:before, |
|
||||
.page-sidebar .page-sidebar-menu li.active > a > .arrow.open:before { |
|
||||
color: #ffebeb; } |
|
||||
.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu:hover .sub-menu, .page-sidebar-closed |
|
||||
.page-sidebar .page-sidebar-menu:hover .sub-menu { |
|
||||
background: #303a41; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li > a { |
|
||||
color: #ced5db; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i { |
|
||||
color: #768b9a; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"], |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"], |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"], |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"] { |
|
||||
color: #8497a5; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow.open:before, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow:before, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow.open:before { |
|
||||
color: #576976; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a { |
|
||||
background: #37424a !important; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > i, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > i, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > i, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > i { |
|
||||
color: #01b070; |
|
||||
color: #b0bdc5; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow:before, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow:before, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before { |
|
||||
color: #01b070; } |
|
||||
|
|
||||
/****** |
|
||||
Page Footer |
|
||||
******/ |
|
||||
.page-footer .page-footer-inner { |
|
||||
color: #bfc9d0; } |
|
||||
|
|
||||
.page-footer-fixed .page-footer { |
|
||||
background-color: #cdd2cf; } |
|
||||
.page-footer-fixed .page-footer .page-footer-inner { |
|
||||
color: #121618; } |
|
||||
|
|
||||
.page-boxed .page-footer .page-footer-inner { |
|
||||
color: #121618; } |
|
||||
|
|
||||
.page-footer-fixed .page-boxed .page-footer { |
|
||||
background-color: #cdd2cf; } |
|
||||
|
|
||||
@media (min-width: 992px) { |
|
||||
/* 992px */ |
|
||||
/* Sidebar menu closed */ |
|
||||
.page-sidebar-menu.page-sidebar-menu-hover-submenu li:hover > .sub-menu { |
|
||||
box-shadow: 5px 5px rgba(48, 48, 48, 0.2); } |
|
||||
.page-sidebar-menu.page-sidebar-menu-closed > li:hover { |
|
||||
box-shadow: 5px 5px rgba(48, 48, 48, 0.2); } |
|
||||
.page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu { |
|
||||
box-shadow: 5px 5px rgba(48, 48, 48, 0.2); } |
|
||||
/* Fixed Sidebar */ |
|
||||
.page-sidebar-fixed:not(.page-footer-fixed) .page-content { |
|
||||
border-bottom: 0; } |
|
||||
.page-sidebar-fixed:not(.page-footer-fixed) .page-footer { |
|
||||
background-color: #eef1f5; } |
|
||||
.page-sidebar-fixed:not(.page-footer-fixed) .page-footer .page-footer-inner { |
|
||||
color: #333; } |
|
||||
/* Boxed Layout */ |
|
||||
.page-boxed { |
|
||||
background-color: #c5cbc7 !important; |
|
||||
/* Page container */ } |
|
||||
.page-boxed .page-container { |
|
||||
background-color: #3D4A53; } |
|
||||
.page-boxed.page-sidebar-reversed .page-container { |
|
||||
border-left: 0; } |
|
||||
.page-boxed.page-sidebar-fixed .page-container { |
|
||||
border-left: 0; |
|
||||
border-bottom: 0; } |
|
||||
.page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-container { |
|
||||
border-left: 0; |
|
||||
border-right: 0; |
|
||||
border-bottom: 0; } |
|
||||
/* Sidebar Menu Wirh Hoverable Submenu */ |
|
||||
.page-sidebar-menu-hover-submenu li:hover a > .arrow { |
|
||||
border-right: 8px solid #303a41; } |
|
||||
.page-sidebar-reversed .page-sidebar-menu-hover-submenu li:hover a > .arrow { |
|
||||
border-left: 8px solid #303a41; } |
|
||||
.page-sidebar-menu-hover-submenu li:hover > .sub-menu { |
|
||||
background: #303a41 !important; } } |
|
||||
|
|
||||
@media (max-width: 991px) { |
|
||||
/* 991px */ |
|
||||
.page-container { |
|
||||
background: #eef1f5; } |
|
||||
.page-header.navbar { |
|
||||
box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2); |
|
||||
padding: 0; |
|
||||
/* Top menu */ } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover { |
|
||||
background-color: #f6f7fa; } |
|
||||
.page-header.navbar .page-top { |
|
||||
box-shadow: none; } } |
|
||||
|
|
||||
@media (max-width: 767px) { |
|
||||
/* 767px */ |
|
||||
.page-header.navbar { |
|
||||
background: #FB5557; |
|
||||
/* Top menu */ } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover { |
|
||||
background-color: #eff1f6; } } |
|
||||
|
|
||||
/**** |
|
||||
CSS3 Spinner Bar |
|
||||
****/ |
|
||||
.page-spinner-bar > div, |
|
||||
.block-spinner-bar > div { |
|
||||
background: #fc6e70; } |
|
||||
|
|
||||
/**** |
|
||||
Boby |
|
||||
****/ |
|
||||
body { |
|
||||
background-color: #3D4A53; } |
|
||||
|
|
||||
body.page-boxed { |
|
||||
background-color: #cdd2cf; } |
|
||||
File diff suppressed because one or more lines are too long
@ -1,325 +0,0 @@ |
|||||
/* Cubic Bezier Transition */ |
|
||||
/*********** |
|
||||
Page Header |
|
||||
***********/ |
|
||||
/* Header search bar, toggler button & top menu */ |
|
||||
.page-header.navbar { |
|
||||
/* Top notification menu/bar */ |
|
||||
/* Header seaech box */ } |
|
||||
.page-header.navbar .page-logo { |
|
||||
background: #ea4b4b; } |
|
||||
.page-header.navbar .page-top { |
|
||||
box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2); |
|
||||
background: #ffffff; } |
|
||||
.page-header.navbar .top-menu .navbar-nav { |
|
||||
/* Extended Dropdowns */ |
|
||||
/* Notification */ |
|
||||
/* Inbox */ |
|
||||
/* Tasks */ |
|
||||
/* User */ |
|
||||
/* Language */ |
|
||||
/* Dark version */ } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover { |
|
||||
background-color: #f9fafc; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i { |
|
||||
color: #C0CDDC; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default { |
|
||||
background-color: #ea4b4b; |
|
||||
color: #ffffff; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle { |
|
||||
background-color: #f9fafc; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu:before { |
|
||||
border-bottom-color: #e4e8ee; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu { |
|
||||
border: 1px solid #e4e8ee; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:before { |
|
||||
border-bottom-color: #d4dae4; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after { |
|
||||
border-bottom-color: #eaedf2; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external { |
|
||||
background: #eaedf2; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 { |
|
||||
color: #62878f; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a { |
|
||||
color: #337ab7; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover { |
|
||||
color: #23527c; |
|
||||
text-decoration: none; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a { |
|
||||
border-bottom: 1px solid #EFF2F6 !important; |
|
||||
color: #888888; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover { |
|
||||
background: #f8f9fa; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time { |
|
||||
background: #f1f1f1; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time { |
|
||||
background: #e4e4e4; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle { |
|
||||
background-color: #ea4b4b; |
|
||||
color: #ffffff; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner { |
|
||||
border-color: transparent transparent transparent #ea4b4b; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from { |
|
||||
color: #5b9bd1; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress { |
|
||||
background-color: #dfe2e9; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username { |
|
||||
color: #7f96ac; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i { |
|
||||
color: #7f96ac; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu { |
|
||||
width: 195px; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname { |
|
||||
color: #7f96ac; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu { |
|
||||
background: #9facac; |
|
||||
border: 0; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after { |
|
||||
border-bottom-color: #9facac; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external { |
|
||||
background: #899a9a; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 { |
|
||||
color: white; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover { |
|
||||
color: #5496cf; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a, |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a { |
|
||||
color: white; |
|
||||
border-bottom: 1px solid #afbbbb !important; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i, |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i { |
|
||||
color: white; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover, |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover { |
|
||||
background: #aab6b6; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a { |
|
||||
border-bottom: 0 !important; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider { |
|
||||
background: #afbbbb; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time { |
|
||||
background: #91a1a1; } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time { |
|
||||
background: #839595; } |
|
||||
.page-header.navbar .search-form { |
|
||||
background: #fff; } |
|
||||
.page-header.navbar .search-form .input-group .form-control { |
|
||||
color: #7f96ac; } |
|
||||
.page-header.navbar .search-form .input-group .form-control::-moz-placeholder { |
|
||||
color: #7c94aa; |
|
||||
opacity: 1; } |
|
||||
.page-header.navbar .search-form .input-group .form-control:-ms-input-placeholder { |
|
||||
color: #7c94aa; } |
|
||||
.page-header.navbar .search-form .input-group .form-control::-webkit-input-placeholder { |
|
||||
color: #7c94aa; } |
|
||||
.page-header.navbar .search-form .input-group .input-group-btn .btn.submit > i { |
|
||||
color: #7f96ac; } |
|
||||
|
|
||||
/* Page sidebar */ |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover, |
|
||||
.page-sidebar { |
|
||||
background-color: #839595; |
|
||||
/* Default sidebar */ } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu, |
|
||||
.page-sidebar .page-sidebar-menu { |
|
||||
/* 1st level links */ |
|
||||
/* All links */ } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a, |
|
||||
.page-sidebar .page-sidebar-menu > li > a { |
|
||||
border-top: 1px solid #8b9c9c; |
|
||||
color: white; } |
|
||||
@media (max-width: 991px) { |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a, |
|
||||
.page-sidebar .page-sidebar-menu > li > a { |
|
||||
/* 991px */ |
|
||||
border-top: 1px solid #99a8a8; } } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i, |
|
||||
.page-sidebar .page-sidebar-menu > li > a > i { |
|
||||
color: #f4f5f5; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class^="icon-"], |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class*="icon-"], |
|
||||
.page-sidebar .page-sidebar-menu > li > a > i[class^="icon-"], |
|
||||
.page-sidebar .page-sidebar-menu > li > a > i[class*="icon-"] { |
|
||||
color: white; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow.open:before, |
|
||||
.page-sidebar .page-sidebar-menu > li > a > .arrow:before, |
|
||||
.page-sidebar .page-sidebar-menu > li > a > .arrow.open:before { |
|
||||
color: #a4b1b1; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a, |
|
||||
.page-sidebar .page-sidebar-menu > li:hover > a, |
|
||||
.page-sidebar .page-sidebar-menu > li.open > a { |
|
||||
background: #7b8e8e; |
|
||||
color: white; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > i, |
|
||||
.page-sidebar .page-sidebar-menu > li:hover > a > i, |
|
||||
.page-sidebar .page-sidebar-menu > li.open > a > i { |
|
||||
color: white; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow.open:before, |
|
||||
.page-sidebar .page-sidebar-menu > li:hover > a > .arrow:before, |
|
||||
.page-sidebar .page-sidebar-menu > li:hover > a > .arrow.open:before, |
|
||||
.page-sidebar .page-sidebar-menu > li.open > a > .arrow:before, |
|
||||
.page-sidebar .page-sidebar-menu > li.open > a > .arrow.open:before { |
|
||||
color: white; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a, |
|
||||
.page-sidebar .page-sidebar-menu > li.active > a, |
|
||||
.page-sidebar .page-sidebar-menu > li.active.open > a { |
|
||||
background: #788b8b; |
|
||||
color: white; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover, |
|
||||
.page-sidebar .page-sidebar-menu > li.active > a:hover, |
|
||||
.page-sidebar .page-sidebar-menu > li.active.open > a:hover { |
|
||||
background: #7e9090; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > i, |
|
||||
.page-sidebar .page-sidebar-menu > li.active > a > i, |
|
||||
.page-sidebar .page-sidebar-menu > li.active.open > a > i { |
|
||||
color: #eb5454; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow.open:before, |
|
||||
.page-sidebar .page-sidebar-menu > li.active > a > .arrow:before, |
|
||||
.page-sidebar .page-sidebar-menu > li.active > a > .arrow.open:before, |
|
||||
.page-sidebar .page-sidebar-menu > li.active.open > a > .arrow:before, |
|
||||
.page-sidebar .page-sidebar-menu > li.active.open > a > .arrow.open:before { |
|
||||
color: whitesmoke; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:last-child > a, |
|
||||
.page-sidebar .page-sidebar-menu > li:last-child > a { |
|
||||
border-bottom: 1px solid transparent !important; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow.open:before, |
|
||||
.page-sidebar .page-sidebar-menu li > a > .arrow:before, |
|
||||
.page-sidebar .page-sidebar-menu li > a > .arrow.open:before { |
|
||||
color: #a4b1b1; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow.open:before, |
|
||||
.page-sidebar .page-sidebar-menu li:hover > a > .arrow:before, |
|
||||
.page-sidebar .page-sidebar-menu li:hover > a > .arrow.open:before { |
|
||||
color: white; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow.open:before, |
|
||||
.page-sidebar .page-sidebar-menu li.active > a > .arrow:before, |
|
||||
.page-sidebar .page-sidebar-menu li.active > a > .arrow.open:before { |
|
||||
color: whitesmoke; } |
|
||||
.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu:hover .sub-menu, .page-sidebar-closed |
|
||||
.page-sidebar .page-sidebar-menu:hover .sub-menu { |
|
||||
background: #738686; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li > a { |
|
||||
color: white; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i { |
|
||||
color: #f2f2f2; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"], |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"], |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"], |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"] { |
|
||||
color: white; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow.open:before, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow:before, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow.open:before { |
|
||||
color: #a4b1b1; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a { |
|
||||
background: #7b8e8e !important; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > i, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > i, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > i, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > i { |
|
||||
color: white; |
|
||||
color: white; } |
|
||||
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow:before, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow:before, |
|
||||
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before { |
|
||||
color: white; } |
|
||||
|
|
||||
/****** |
|
||||
Page Footer |
|
||||
******/ |
|
||||
.page-footer .page-footer-inner { |
|
||||
color: #e6e6e6; } |
|
||||
|
|
||||
.page-footer-fixed .page-footer { |
|
||||
background-color: #d5d9d7; } |
|
||||
.page-footer-fixed .page-footer .page-footer-inner { |
|
||||
color: #121618; } |
|
||||
|
|
||||
.page-boxed .page-footer .page-footer-inner { |
|
||||
color: #121618; } |
|
||||
|
|
||||
.page-footer-fixed .page-boxed .page-footer { |
|
||||
background-color: #d5d9d7; } |
|
||||
|
|
||||
@media (min-width: 992px) { |
|
||||
/* 992px */ |
|
||||
/* Sidebar menu closed */ |
|
||||
.page-sidebar-menu.page-sidebar-menu-hover-submenu li:hover > .sub-menu { |
|
||||
box-shadow: 5px 5px rgba(48, 48, 48, 0.2); } |
|
||||
.page-sidebar-menu.page-sidebar-menu-closed > li:hover { |
|
||||
box-shadow: 5px 5px rgba(48, 48, 48, 0.2); } |
|
||||
.page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu { |
|
||||
box-shadow: 5px 5px rgba(48, 48, 48, 0.2); } |
|
||||
/* Fixed Sidebar */ |
|
||||
.page-sidebar-fixed:not(.page-footer-fixed) .page-content { |
|
||||
border-bottom: 0; } |
|
||||
.page-sidebar-fixed:not(.page-footer-fixed) .page-footer { |
|
||||
background-color: #eef1f5; } |
|
||||
.page-sidebar-fixed:not(.page-footer-fixed) .page-footer .page-footer-inner { |
|
||||
color: #333; } |
|
||||
/* Boxed Layout */ |
|
||||
.page-boxed { |
|
||||
background-color: #e8eae9 !important; |
|
||||
/* Page container */ } |
|
||||
.page-boxed .page-container { |
|
||||
background-color: #839595; } |
|
||||
.page-boxed.page-sidebar-reversed .page-container { |
|
||||
border-left: 0; } |
|
||||
.page-boxed.page-sidebar-fixed .page-container { |
|
||||
border-left: 0; |
|
||||
border-bottom: 0; } |
|
||||
.page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-container { |
|
||||
border-left: 0; |
|
||||
border-right: 0; |
|
||||
border-bottom: 0; } |
|
||||
/* Sidebar Menu Wirh Hoverable Submenu */ |
|
||||
.page-sidebar-menu-hover-submenu li:hover a > .arrow { |
|
||||
border-right: 8px solid #738686; } |
|
||||
.page-sidebar-reversed .page-sidebar-menu-hover-submenu li:hover a > .arrow { |
|
||||
border-left: 8px solid #738686; } |
|
||||
.page-sidebar-menu-hover-submenu li:hover > .sub-menu { |
|
||||
background: #738686 !important; } } |
|
||||
|
|
||||
@media (max-width: 991px) { |
|
||||
/* 991px */ |
|
||||
.page-container { |
|
||||
background: #eef1f5; } |
|
||||
.page-header.navbar { |
|
||||
box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2); |
|
||||
padding: 0; |
|
||||
/* Top menu */ } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover { |
|
||||
background-color: #f6f7fa; } |
|
||||
.page-header.navbar .page-top { |
|
||||
box-shadow: none; } } |
|
||||
|
|
||||
@media (max-width: 767px) { |
|
||||
/* 767px */ |
|
||||
.page-header.navbar { |
|
||||
background: #ea4b4b; |
|
||||
/* Top menu */ } |
|
||||
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover { |
|
||||
background-color: #eff1f6; } } |
|
||||
|
|
||||
/**** |
|
||||
CSS3 Spinner Bar |
|
||||
****/ |
|
||||
.page-spinner-bar > div, |
|
||||
.block-spinner-bar > div { |
|
||||
background: #ed6262; } |
|
||||
|
|
||||
/**** |
|
||||
Boby |
|
||||
****/ |
|
||||
body { |
|
||||
background-color: #839595; } |
|
||||
|
|
||||
body.page-boxed { |
|
||||
background-color: #f0f2f1; } |
|
||||
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 1.9 KiB |
|
Before Width: | Height: | Size: 1011 B |
|
Before Width: | Height: | Size: 682 B |
|
Before Width: | Height: | Size: 1.6 KiB |
@ -1,25 +0,0 @@ |
|||||
/** |
|
||||
Cookie consent init |
|
||||
**/ |
|
||||
|
|
||||
var CookieConsent = function () { |
|
||||
|
|
||||
var _init = function () { |
|
||||
$('.mt-cookie-consent-bar').cookieBar({ |
|
||||
closeButton : '.mt-cookie-consent-btn' |
|
||||
}); |
|
||||
}; |
|
||||
|
|
||||
return { |
|
||||
init: function () { |
|
||||
_init(); |
|
||||
} |
|
||||
}; |
|
||||
|
|
||||
}(); |
|
||||
|
|
||||
if (App.isAngularJsApp() === false) { |
|
||||
jQuery(document).ready(function() { |
|
||||
CookieConsent.init(); |
|
||||
}); |
|
||||
} |
|
||||
@ -1 +0,0 @@ |
|||||
var CookieConsent=function(){var n=function(){$(".mt-cookie-consent-bar").cookieBar({closeButton:".mt-cookie-consent-btn"})};return{init:function(){n()}}}();App.isAngularJsApp()===!1&&jQuery(document).ready(function(){CookieConsent.init()}); |
|
||||
@ -1,288 +0,0 @@ |
|||||
/** |
|
||||
Demo script to handle the theme demo |
|
||||
**/ |
|
||||
var Demo = function () { |
|
||||
|
|
||||
// Handle Theme Settings
|
|
||||
var handleTheme = function () { |
|
||||
|
|
||||
var panel = $('.theme-panel'); |
|
||||
|
|
||||
if ($('body').hasClass('page-boxed') === false) { |
|
||||
$('.layout-option', panel).val("fluid"); |
|
||||
} |
|
||||
|
|
||||
$('.sidebar-option', panel).val("default"); |
|
||||
$('.page-header-option', panel).val("fixed"); |
|
||||
$('.page-footer-option', panel).val("default"); |
|
||||
if ($('.sidebar-pos-option').attr("disabled") === false) { |
|
||||
$('.sidebar-pos-option', panel).val(App.isRTL() ? 'right' : 'left'); |
|
||||
} |
|
||||
|
|
||||
//handle theme layout
|
|
||||
var resetLayout = function () { |
|
||||
$("body"). |
|
||||
removeClass("page-boxed"). |
|
||||
removeClass("page-footer-fixed"). |
|
||||
removeClass("page-sidebar-fixed"). |
|
||||
removeClass("page-header-fixed"). |
|
||||
removeClass("page-sidebar-reversed"); |
|
||||
|
|
||||
$('.page-header > .page-header-inner').removeClass("container"); |
|
||||
|
|
||||
if ($('.page-container').parent(".container").size() === 1) { |
|
||||
$('.page-container').insertAfter('body > .clearfix'); |
|
||||
} |
|
||||
|
|
||||
if ($('.page-footer > .container').size() === 1) { |
|
||||
$('.page-footer').html($('.page-footer > .container').html()); |
|
||||
} else if ($('.page-footer').parent(".container").size() === 1) { |
|
||||
$('.page-footer').insertAfter('.page-container'); |
|
||||
$('.scroll-to-top').insertAfter('.page-footer'); |
|
||||
} |
|
||||
|
|
||||
$(".top-menu > .navbar-nav > li.dropdown").removeClass("dropdown-dark"); |
|
||||
|
|
||||
$('body > .container').remove(); |
|
||||
}; |
|
||||
|
|
||||
var lastSelectedLayout = ''; |
|
||||
|
|
||||
var setLayout = function () { |
|
||||
|
|
||||
var layoutOption = $('.layout-option', panel).val(); |
|
||||
var sidebarOption = $('.sidebar-option', panel).val(); |
|
||||
var headerOption = $('.page-header-option', panel).val(); |
|
||||
var footerOption = $('.page-footer-option', panel).val(); |
|
||||
var sidebarPosOption = $('.sidebar-pos-option', panel).val(); |
|
||||
var sidebarStyleOption = $('.sidebar-style-option', panel).val(); |
|
||||
var sidebarMenuOption = $('.sidebar-menu-option', panel).val(); |
|
||||
var headerTopDropdownStyle = $('.page-header-top-dropdown-style-option', panel).val(); |
|
||||
|
|
||||
|
|
||||
if (sidebarOption == "fixed" && headerOption == "default") { |
|
||||
alert('Default Header with Fixed Sidebar option is not supported. Proceed with Fixed Header with Fixed Sidebar.'); |
|
||||
$('.page-header-option', panel).val("fixed"); |
|
||||
$('.sidebar-option', panel).val("fixed"); |
|
||||
sidebarOption = 'fixed'; |
|
||||
headerOption = 'fixed'; |
|
||||
} |
|
||||
|
|
||||
resetLayout(); // reset layout to default state
|
|
||||
|
|
||||
if (layoutOption === "boxed") { |
|
||||
$("body").addClass("page-boxed"); |
|
||||
|
|
||||
// set header
|
|
||||
$('.page-header > .page-header-inner').addClass("container"); |
|
||||
var cont = $('body > .clearfix').after('<div class="container"></div>'); |
|
||||
|
|
||||
// set content
|
|
||||
$('.page-container').appendTo('body > .container'); |
|
||||
|
|
||||
// set footer
|
|
||||
if (footerOption === 'fixed') { |
|
||||
$('.page-footer').html('<div class="container">' + $('.page-footer').html() + '</div>'); |
|
||||
} else { |
|
||||
$('.page-footer').appendTo('body > .container'); |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
if (lastSelectedLayout != layoutOption) { |
|
||||
//layout changed, run responsive handler:
|
|
||||
App.runResizeHandlers(); |
|
||||
} |
|
||||
lastSelectedLayout = layoutOption; |
|
||||
|
|
||||
//header
|
|
||||
if (headerOption === 'fixed') { |
|
||||
$("body").addClass("page-header-fixed"); |
|
||||
$(".page-header").removeClass("navbar-static-top").addClass("navbar-fixed-top"); |
|
||||
} else { |
|
||||
$("body").removeClass("page-header-fixed"); |
|
||||
$(".page-header").removeClass("navbar-fixed-top").addClass("navbar-static-top"); |
|
||||
} |
|
||||
|
|
||||
//sidebar
|
|
||||
if ($('body').hasClass('page-full-width') === false) { |
|
||||
if (sidebarOption === 'fixed') { |
|
||||
$("body").addClass("page-sidebar-fixed"); |
|
||||
$("page-sidebar-menu").addClass("page-sidebar-menu-fixed"); |
|
||||
$("page-sidebar-menu").removeClass("page-sidebar-menu-default"); |
|
||||
Layout.initFixedSidebarHoverEffect(); |
|
||||
} else { |
|
||||
$("body").removeClass("page-sidebar-fixed"); |
|
||||
$("page-sidebar-menu").addClass("page-sidebar-menu-default"); |
|
||||
$("page-sidebar-menu").removeClass("page-sidebar-menu-fixed"); |
|
||||
$('.page-sidebar-menu').unbind('mouseenter').unbind('mouseleave'); |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
// top dropdown style
|
|
||||
if (headerTopDropdownStyle === 'dark') { |
|
||||
$(".top-menu > .navbar-nav > li.dropdown").addClass("dropdown-dark"); |
|
||||
} else { |
|
||||
$(".top-menu > .navbar-nav > li.dropdown").removeClass("dropdown-dark"); |
|
||||
} |
|
||||
|
|
||||
//footer
|
|
||||
if (footerOption === 'fixed') { |
|
||||
$("body").addClass("page-footer-fixed"); |
|
||||
} else { |
|
||||
$("body").removeClass("page-footer-fixed"); |
|
||||
} |
|
||||
|
|
||||
//sidebar style
|
|
||||
if (sidebarStyleOption === 'compact') { |
|
||||
$(".page-sidebar-menu").addClass("page-sidebar-menu-compact"); |
|
||||
} else { |
|
||||
$(".page-sidebar-menu").removeClass("page-sidebar-menu-compact"); |
|
||||
} |
|
||||
|
|
||||
//sidebar menu
|
|
||||
if (sidebarMenuOption === 'hover') { |
|
||||
if (sidebarOption == 'fixed') { |
|
||||
$('.sidebar-menu-option', panel).val("accordion"); |
|
||||
alert("Hover Sidebar Menu is not compatible with Fixed Sidebar Mode. Select Default Sidebar Mode Instead."); |
|
||||
} else { |
|
||||
$(".page-sidebar-menu").addClass("page-sidebar-menu-hover-submenu"); |
|
||||
} |
|
||||
} else { |
|
||||
$(".page-sidebar-menu").removeClass("page-sidebar-menu-hover-submenu"); |
|
||||
} |
|
||||
|
|
||||
//sidebar position
|
|
||||
if (App.isRTL()) { |
|
||||
if (sidebarPosOption === 'left') { |
|
||||
$("body").addClass("page-sidebar-reversed"); |
|
||||
$('#frontend-link').tooltip('destroy').tooltip({ |
|
||||
placement: 'right' |
|
||||
}); |
|
||||
} else { |
|
||||
$("body").removeClass("page-sidebar-reversed"); |
|
||||
$('#frontend-link').tooltip('destroy').tooltip({ |
|
||||
placement: 'left' |
|
||||
}); |
|
||||
} |
|
||||
} else { |
|
||||
if (sidebarPosOption === 'right') { |
|
||||
$("body").addClass("page-sidebar-reversed"); |
|
||||
$('#frontend-link').tooltip('destroy').tooltip({ |
|
||||
placement: 'left' |
|
||||
}); |
|
||||
} else { |
|
||||
$("body").removeClass("page-sidebar-reversed"); |
|
||||
$('#frontend-link').tooltip('destroy').tooltip({ |
|
||||
placement: 'right' |
|
||||
}); |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
Layout.fixContentHeight(); // fix content height
|
|
||||
Layout.initFixedSidebar(); // reinitialize fixed sidebar
|
|
||||
}; |
|
||||
|
|
||||
// handle theme colors
|
|
||||
var setColor = function (color) { |
|
||||
var color_ = (App.isRTL() ? color + '-rtl' : color); |
|
||||
$('#style_color').attr("href", Layout.getLayoutCssPath() + 'themes/' + color_ + ".min.css"); |
|
||||
}; |
|
||||
|
|
||||
$('.toggler', panel).click(function () { |
|
||||
$('.toggler').hide(); |
|
||||
$('.toggler-close').show(); |
|
||||
$('.theme-panel > .theme-options').show(); |
|
||||
}); |
|
||||
|
|
||||
$('.toggler-close', panel).click(function () { |
|
||||
$('.toggler').show(); |
|
||||
$('.toggler-close').hide(); |
|
||||
$('.theme-panel > .theme-options').hide(); |
|
||||
}); |
|
||||
|
|
||||
$('.theme-colors > ul > li', panel).click(function () { |
|
||||
var color = $(this).attr("data-style"); |
|
||||
setColor(color); |
|
||||
$('ul > li', panel).removeClass("current"); |
|
||||
$(this).addClass("current"); |
|
||||
}); |
|
||||
|
|
||||
// set default theme options:
|
|
||||
|
|
||||
if ($("body").hasClass("page-boxed")) { |
|
||||
$('.layout-option', panel).val("boxed"); |
|
||||
} |
|
||||
|
|
||||
if ($("body").hasClass("page-sidebar-fixed")) { |
|
||||
$('.sidebar-option', panel).val("fixed"); |
|
||||
} |
|
||||
|
|
||||
if ($("body").hasClass("page-header-fixed")) { |
|
||||
$('.page-header-option', panel).val("fixed"); |
|
||||
} |
|
||||
|
|
||||
if ($("body").hasClass("page-footer-fixed")) { |
|
||||
$('.page-footer-option', panel).val("fixed"); |
|
||||
} |
|
||||
|
|
||||
if ($("body").hasClass("page-sidebar-reversed")) { |
|
||||
$('.sidebar-pos-option', panel).val("right"); |
|
||||
} |
|
||||
|
|
||||
if ($(".page-sidebar-menu").hasClass("page-sidebar-menu-light")) { |
|
||||
$('.sidebar-style-option', panel).val("light"); |
|
||||
} |
|
||||
|
|
||||
if ($(".page-sidebar-menu").hasClass("page-sidebar-menu-hover-submenu")) { |
|
||||
$('.sidebar-menu-option', panel).val("hover"); |
|
||||
} |
|
||||
|
|
||||
var sidebarOption = $('.sidebar-option', panel).val(); |
|
||||
var headerOption = $('.page-header-option', panel).val(); |
|
||||
var footerOption = $('.page-footer-option', panel).val(); |
|
||||
var sidebarPosOption = $('.sidebar-pos-option', panel).val(); |
|
||||
var sidebarStyleOption = $('.sidebar-style-option', panel).val(); |
|
||||
var sidebarMenuOption = $('.sidebar-menu-option', panel).val(); |
|
||||
|
|
||||
$('.layout-option, .page-header-top-dropdown-style-option, .page-header-option, .sidebar-option, .page-footer-option, .sidebar-pos-option, .sidebar-style-option, .sidebar-menu-option', panel).change(setLayout); |
|
||||
}; |
|
||||
|
|
||||
// handle theme style
|
|
||||
var setThemeStyle = function(style) { |
|
||||
var file = (style === 'rounded' ? 'components-rounded' : 'components'); |
|
||||
file = (App.isRTL() ? file + '-rtl' : file); |
|
||||
|
|
||||
$('#style_components').attr("href", App.getGlobalCssPath() + file + ".min.css"); |
|
||||
|
|
||||
if (typeof Cookies !== "undefined") { |
|
||||
Cookies.set('layout-style-option', style); |
|
||||
} |
|
||||
}; |
|
||||
|
|
||||
return { |
|
||||
|
|
||||
//main function to initiate the theme
|
|
||||
init: function() { |
|
||||
// handles style customer tool
|
|
||||
handleTheme(); |
|
||||
|
|
||||
// handle layout style change
|
|
||||
$('.theme-panel .layout-style-option').change(function() { |
|
||||
setThemeStyle($(this).val()); |
|
||||
}); |
|
||||
|
|
||||
// set layout style from cookie
|
|
||||
if (typeof Cookies !== "undefined" && Cookies.get('layout-style-option') === 'rounded') { |
|
||||
setThemeStyle(Cookies.get('layout-style-option')); |
|
||||
$('.theme-panel .layout-style-option').val(Cookies.get('layout-style-option')); |
|
||||
} |
|
||||
} |
|
||||
}; |
|
||||
|
|
||||
}(); |
|
||||
|
|
||||
if (App.isAngularJsApp() === false) { |
|
||||
jQuery(document).ready(function() { |
|
||||
Demo.init(); // init metronic core componets
|
|
||||
}); |
|
||||
} |
|
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,11 @@ |
|||||
|
$('#nav-easydex').on('click', function() { |
||||
|
$('#section-dashboard').hide(); |
||||
|
$('#section-easydex').show(); |
||||
|
$('#section-about-iguana').hide(); |
||||
|
}); |
||||
|
|
||||
|
$('#nav-about-iguana').on('click', function() { |
||||
|
$('#section-dashboard').hide(); |
||||
|
$('#section-easydex').hide(); |
||||
|
$('#section-about-iguana').show(); |
||||
|
}); |
||||
@ -1,195 +0,0 @@ |
|||||
/* Cubic Bezier Transition */ |
|
||||
/*** |
|
||||
Anout Us Page |
|
||||
***/ |
|
||||
/* BEGIN HEADER */ |
|
||||
.about-header { |
|
||||
height: 500px; |
|
||||
background-image: url("../media/bg/5.jpg"); |
|
||||
background-position: center; |
|
||||
text-align: center; |
|
||||
margin: 0 -20px; } |
|
||||
|
|
||||
.about-header h1 { |
|
||||
color: #fff; |
|
||||
font-size: 55px; |
|
||||
font-weight: 600; |
|
||||
margin-top: 130px; |
|
||||
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2); } |
|
||||
|
|
||||
.about-header h2 { |
|
||||
color: #fff; |
|
||||
font-size: 22px; |
|
||||
font-weight: 400; |
|
||||
letter-spacing: 1px; |
|
||||
text-transform: uppercase; |
|
||||
margin-top: 30px; |
|
||||
margin-bottom: 40px; } |
|
||||
|
|
||||
/* END HEADER */ |
|
||||
/* BEGIN CARD */ |
|
||||
.card-icon { |
|
||||
width: 100%; |
|
||||
text-align: center; |
|
||||
overflow: hidden; } |
|
||||
|
|
||||
.card-icon i { |
|
||||
font-size: 50px; |
|
||||
border: 1px solid #ecf0f4; |
|
||||
-webkit-border-radius: 50%; |
|
||||
-moz-border-radius: 50%; |
|
||||
border-radius: 50%; |
|
||||
padding: 47px 30px; |
|
||||
margin: 30px 0 30px 0; } |
|
||||
|
|
||||
.card-title { |
|
||||
text-align: center; } |
|
||||
|
|
||||
.card-title span { |
|
||||
font-size: 18px; |
|
||||
font-weight: 600; |
|
||||
color: #373d43; } |
|
||||
|
|
||||
.card-desc { |
|
||||
text-align: center; |
|
||||
margin-top: 20px; |
|
||||
margin-bottom: 30px; } |
|
||||
|
|
||||
.card-desc span { |
|
||||
font-size: 14px; |
|
||||
font-weight: 400; |
|
||||
color: #808a94; } |
|
||||
|
|
||||
/* END CARD */ |
|
||||
/* BEGIN LINKS BLOCK */ |
|
||||
.about-links-cont { |
|
||||
background-color: #fff; |
|
||||
margin: 0 -20px; } |
|
||||
|
|
||||
.about-links-cont .about-links { |
|
||||
padding: 70px 0 70px 70px; } |
|
||||
|
|
||||
.about-links-cont .about-image { |
|
||||
padding-left: 110px; } |
|
||||
|
|
||||
.about-links-item h4 { |
|
||||
font-size: 18px; |
|
||||
font-weight: 600; |
|
||||
color: #373d43; } |
|
||||
|
|
||||
.about-links-item ul { |
|
||||
margin: 0; |
|
||||
padding: 0; |
|
||||
list-style-type: none; } |
|
||||
|
|
||||
.about-links-item ul li { |
|
||||
padding-top: 5px; } |
|
||||
|
|
||||
.about-links-item ul li a { |
|
||||
font-size: 14px; |
|
||||
font-weight: 400; |
|
||||
color: #4a8fba; } |
|
||||
|
|
||||
.about-image { |
|
||||
background-repeat: no-repeat; |
|
||||
background-size: cover; } |
|
||||
|
|
||||
/* END LINKS BLOCK */ |
|
||||
/* BEGIN MEMBERS SUCCESS STORIES */ |
|
||||
.stories-header { |
|
||||
text-align: center; } |
|
||||
|
|
||||
.stories-header h1 { |
|
||||
color: #373d43; |
|
||||
font-size: 35px; |
|
||||
font-weight: 600; } |
|
||||
|
|
||||
.stories-header h2 { |
|
||||
color: #808a94; |
|
||||
font-size: 18px; |
|
||||
font-weight: 400; |
|
||||
letter-spacing: 1px; |
|
||||
text-transform: uppercase; |
|
||||
margin-top: 20px; } |
|
||||
|
|
||||
.stories-cont .photo { |
|
||||
width: 100%; } |
|
||||
|
|
||||
.stories-cont .photo img { |
|
||||
margin: 30px auto; |
|
||||
width: 130px; |
|
||||
height: 130px; |
|
||||
-webkit-border-radius: 50% !important; |
|
||||
-moz-border-radius: 50% !important; |
|
||||
border-radius: 50% !important; } |
|
||||
|
|
||||
.stories-cont .title { |
|
||||
text-align: center; } |
|
||||
|
|
||||
.stories-cont .title span { |
|
||||
font-size: 18px; |
|
||||
font-weight: 600; |
|
||||
color: #373d43; } |
|
||||
|
|
||||
.stories-cont .desc { |
|
||||
text-align: center; |
|
||||
margin-top: 20px; |
|
||||
margin-bottom: 30px; } |
|
||||
|
|
||||
.stories-cont .desc span { |
|
||||
font-size: 14px; |
|
||||
font-weight: 400; |
|
||||
color: #808a94; } |
|
||||
|
|
||||
.stories-footer { |
|
||||
text-align: center; } |
|
||||
|
|
||||
/* END MEMBERS SUCCESS STORIES */ |
|
||||
/* BEGIN ABOUt AND VIDEO */ |
|
||||
.about-text { |
|
||||
height: 500px; |
|
||||
padding: 0 !important; } |
|
||||
.about-text > h4 { |
|
||||
background-color: #d9534f; |
|
||||
font-size: 24px; |
|
||||
font-weight: 600; |
|
||||
color: #fff; |
|
||||
padding: 1em 20px; |
|
||||
margin: 0; } |
|
||||
.about-text > h4 > i { |
|
||||
font-size: 24px !important; |
|
||||
color: #fff; } |
|
||||
.about-text > p { |
|
||||
color: #808a94; } |
|
||||
.about-text ul, |
|
||||
.about-text > p, |
|
||||
.about-text .about-quote { |
|
||||
padding-left: 20px; |
|
||||
padding-right: 20px; } |
|
||||
.about-text li { |
|
||||
margin-bottom: 0.5em; } |
|
||||
.about-text .about-quote > h3 { |
|
||||
border-left: 3px solid; |
|
||||
border-color: #ccc; |
|
||||
padding-left: 1em; |
|
||||
font-style: italic; |
|
||||
line-height: 1.3em; } |
|
||||
.about-text .about-quote > .about-author { |
|
||||
text-align: right; } |
|
||||
|
|
||||
.about-image { |
|
||||
height: 545px; } |
|
||||
|
|
||||
.about-links-item { |
|
||||
margin-bottom: 2em; } |
|
||||
|
|
||||
/* END ABOUt AND VIDEO */ |
|
||||
/* BEGIN RESPONSIVE */ |
|
||||
@media (max-width: 600px) { |
|
||||
.about-text { |
|
||||
height: auto; |
|
||||
padding-bottom: 1.5em !important; } |
|
||||
.about-image { |
|
||||
margin: 0 -20px; } } |
|
||||
|
|
||||
/* END RESPONSIVE */ |
|
||||
@ -1 +0,0 @@ |
|||||
.about-header h2,.stories-header h2{letter-spacing:1px;text-transform:uppercase}.card-icon,.stories-cont .photo{width:100%}.about-header,.card-desc,.card-icon,.card-title,.stories-cont .title,.stories-footer,.stories-header{text-align:center}.about-header{height:500px;background-image:url(../media/bg/5.jpg);background-position:center;margin:0 -20px}.about-header h1{color:#fff;font-size:55px;font-weight:600;margin-top:130px;text-shadow:1px 1px 0 rgba(0,0,0,.2)}.about-header h2{color:#fff;font-size:22px;font-weight:400;margin-top:30px;margin-bottom:40px}.card-icon{overflow:hidden}.card-icon i{font-size:50px;border:1px solid #ecf0f4;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;padding:47px 30px;margin:30px 0}.card-title span{font-size:18px;font-weight:600;color:#373d43}.card-desc{margin-top:20px;margin-bottom:30px}.card-desc span{font-size:14px;font-weight:400;color:#808a94}.about-links-cont{background-color:#fff;margin:0 -20px}.about-links-cont .about-links{padding:70px 0 70px 70px}.about-links-cont .about-image{padding-left:110px}.about-links-item h4{font-size:18px;font-weight:600;color:#373d43}.about-links-item ul{margin:0;padding:0;list-style-type:none}.about-links-item ul li{padding-top:5px}.about-links-item ul li a{font-size:14px;font-weight:400;color:#4a8fba}.stories-header h1{color:#373d43;font-size:35px;font-weight:600}.stories-header h2{color:#808a94;font-size:18px;font-weight:400;margin-top:20px}.stories-cont .photo img{margin:30px auto;width:130px;height:130px;-webkit-border-radius:50%!important;-moz-border-radius:50%!important;border-radius:50%!important}.stories-cont .title span{font-size:18px;font-weight:600;color:#373d43}.stories-cont .desc{text-align:center;margin-top:20px;margin-bottom:30px}.stories-cont .desc span{font-size:14px;font-weight:400;color:#808a94}.about-text{height:500px;padding:0!important}.about-text>h4{background-color:#d9534f;font-size:24px;font-weight:600;color:#fff;padding:1em 20px;margin:0}.about-text>h4>i{font-size:24px!important;color:#fff}.about-text>p{color:#808a94}.about-text .about-quote,.about-text ul,.about-text>p{padding-left:20px;padding-right:20px}.about-text li{margin-bottom:.5em}.about-text .about-quote>h3{border-left:3px solid;border-color:#ccc;padding-left:1em;font-style:italic;line-height:1.3em}.about-text .about-quote>.about-author{text-align:right}.about-image{background-repeat:no-repeat;background-size:cover;height:545px}.about-links-item{margin-bottom:2em}@media (max-width:600px){.about-text{height:auto;padding-bottom:1.5em!important}.about-image{margin:0 -20px}} |
|
||||
@ -1,356 +0,0 @@ |
|||||
@charset "UTF-8"; |
|
||||
/* Cubic Bezier Transition */ |
|
||||
/*** |
|
||||
Blog Page |
|
||||
***/ |
|
||||
.blog-page .bordered { |
|
||||
border: 1px solid; |
|
||||
border-color: #e7ecf1; } |
|
||||
|
|
||||
.blog-page .blog-container { |
|
||||
margin-bottom: 30px; } |
|
||||
|
|
||||
.blog-page .blog-title > a { |
|
||||
color: #4e5a64; |
|
||||
font-weight: 600; } |
|
||||
.blog-page .blog-title > a:hover { |
|
||||
color: #3598DC; |
|
||||
text-decoration: none; } |
|
||||
|
|
||||
.blog-content-1 .blog-img-thumb { |
|
||||
overflow: hidden; |
|
||||
position: relative; } |
|
||||
.blog-content-1 .blog-img-thumb img { |
|
||||
width: 100%; |
|
||||
top: 0; |
|
||||
bottom: 0; |
|
||||
left: 0; |
|
||||
right: 0; |
|
||||
position: absolute; |
|
||||
margin: auto; } |
|
||||
|
|
||||
.blog-content-1 .blog-post-content { |
|
||||
padding: 20px 30px 30px 30px; |
|
||||
background-color: #fff; } |
|
||||
.blog-content-1 .blog-post-content > .blog-post-title { |
|
||||
margin: 0 0 30px 0; } |
|
||||
.blog-content-1 .blog-post-content > .blog-post-title > a { |
|
||||
font-size: 20px; } |
|
||||
.blog-content-1 .blog-post-content > .blog-post-desc { |
|
||||
color: #a0a9b4; |
|
||||
font-size: 14px; |
|
||||
margin: 15px 0; } |
|
||||
.blog-content-1 .blog-post-content > .blog-post-foot > .blog-post-meta { |
|
||||
display: inline-block; |
|
||||
margin-right: 10px; } |
|
||||
.blog-content-1 .blog-post-content > .blog-post-foot > .blog-post-meta > a { |
|
||||
color: #9aa5b2; |
|
||||
font-size: 13px; |
|
||||
font-weight: 600; } |
|
||||
.blog-content-1 .blog-post-content > .blog-post-foot > .blog-post-meta > a:hover { |
|
||||
color: #3598DC; |
|
||||
text-decoration: none; } |
|
||||
.blog-content-1 .blog-post-content > .blog-post-foot > .blog-post-meta > i { |
|
||||
margin-right: 5px; } |
|
||||
.blog-content-1 .blog-post-content > .blog-post-foot > .blog-post-meta:last-child { |
|
||||
margin-right: 0; } |
|
||||
|
|
||||
.blog-content-1 .blog-post-lg > .blog-img-thumb { |
|
||||
height: 480px; } |
|
||||
|
|
||||
.blog-content-1 .blog-post-lg > .blog-post-content > .blog-post-desc { |
|
||||
margin-bottom: 30px; } |
|
||||
|
|
||||
.blog-content-1 .blog-post-lg > .blog-post-content > .blog-post-foot { |
|
||||
border-top: 1px solid; |
|
||||
border-top-color: #f0f1f2; |
|
||||
padding-top: 20px; |
|
||||
text-align: right; } |
|
||||
.blog-content-1 .blog-post-lg > .blog-post-content > .blog-post-foot > .blog-post-tags { |
|
||||
text-align: left; |
|
||||
float: left; |
|
||||
padding: 0; } |
|
||||
.blog-content-1 .blog-post-lg > .blog-post-content > .blog-post-foot > .blog-post-tags > li { |
|
||||
list-style: none; |
|
||||
display: inline-block; |
|
||||
margin-right: 5px; } |
|
||||
.blog-content-1 .blog-post-lg > .blog-post-content > .blog-post-foot > .blog-post-tags > li > a { |
|
||||
background-color: #f4f6f8; |
|
||||
color: #a0a9b4; |
|
||||
font-size: 11px; |
|
||||
font-weight: 600; |
|
||||
padding: 7px 10px; } |
|
||||
.blog-content-1 .blog-post-lg > .blog-post-content > .blog-post-foot > .blog-post-tags > li > a:hover { |
|
||||
background-color: #3598DC; |
|
||||
color: #fff; |
|
||||
text-decoration: none; } |
|
||||
.blog-content-1 .blog-post-lg > .blog-post-content > .blog-post-foot > .blog-post-tags > li:last-child { |
|
||||
margin-right: 0; } |
|
||||
|
|
||||
.blog-content-1 .blog-post-sm > .blog-img-thumb { |
|
||||
height: 200px; } |
|
||||
|
|
||||
.blog-content-1 .blog-post-sm > .blog-post-content > .blog-post-title { |
|
||||
margin: 0 0 15px 0; } |
|
||||
|
|
||||
.blog-content-1 .blog-post-sm > .blog-post-content > .blog-post-foot { |
|
||||
border: none; } |
|
||||
|
|
||||
.blog-content-1 .blog-quote { |
|
||||
background-color: #fff; |
|
||||
padding-bottom: 30px; } |
|
||||
.blog-content-1 .blog-quote > .blog-quote-label { |
|
||||
color: #fff; |
|
||||
padding: 30px 40px 80px 40px; |
|
||||
font-size: 18px; |
|
||||
line-height: 28px; } |
|
||||
.blog-content-1 .blog-quote > .blog-quote-label > i { |
|
||||
display: block; |
|
||||
font-size: 30px; |
|
||||
margin-bottom: 15px; } |
|
||||
.blog-content-1 .blog-quote > .blog-quote-avatar { |
|
||||
width: 110px; |
|
||||
height: 110px; |
|
||||
border-radius: 50% !important; |
|
||||
margin: -55px auto 25px auto; |
|
||||
overflow: hidden; } |
|
||||
.blog-content-1 .blog-quote > .blog-quote-avatar img { |
|
||||
width: 100%; } |
|
||||
.blog-content-1 .blog-quote > .blog-quote-author { |
|
||||
text-align: center; } |
|
||||
.blog-content-1 .blog-quote > .blog-quote-author > .blog-quote-title { |
|
||||
font-size: 20px; |
|
||||
margin: 0 0 15px 0; } |
|
||||
.blog-content-1 .blog-quote > .blog-quote-author > .blog-quote-desc { |
|
||||
font-size: 16px; |
|
||||
color: #9aa5b2; |
|
||||
margin: 0; } |
|
||||
|
|
||||
.blog-content-1 .blog-video > .blog-img-thumb { |
|
||||
height: 330px; } |
|
||||
.blog-content-1 .blog-video > .blog-img-thumb img { |
|
||||
margin: 0; } |
|
||||
|
|
||||
.blog-content-1 .blog-video > .blog-video-play i { |
|
||||
color: #da555b; |
|
||||
background-color: rgba(0, 0, 0, 0.64); |
|
||||
font-size: 35px; |
|
||||
padding: 27px 20px; |
|
||||
position: absolute; |
|
||||
z-index: 5; |
|
||||
margin: -90px 0 0 20px; |
|
||||
border-radius: 50%; } |
|
||||
|
|
||||
.blog-content-1 .blog-video > .blog-video-content { |
|
||||
text-align: center; |
|
||||
padding: 30px; } |
|
||||
.blog-content-1 .blog-video > .blog-video-content > .blog-video-title { |
|
||||
font-size: 20px; |
|
||||
margin: 0 0 15px 0; } |
|
||||
.blog-content-1 .blog-video > .blog-video-content > .blog-video-desc { |
|
||||
font-size: 16px; |
|
||||
color: #9aa5b2; |
|
||||
margin: 0; } |
|
||||
|
|
||||
.blog-content-1 .blog-banner { |
|
||||
background-position: center; |
|
||||
text-align: center; |
|
||||
padding: 100px 0; } |
|
||||
.blog-content-1 .blog-banner > .blog-banner-title > a { |
|
||||
color: #fff; } |
|
||||
.blog-content-1 .blog-banner > .blog-banner-title > a:hover { |
|
||||
color: #3598DC; } |
|
||||
|
|
||||
.blog-content-2 .blog-single-content { |
|
||||
padding: 40px 30px 15px 30px; |
|
||||
background-color: #fff; } |
|
||||
.blog-content-2 .blog-single-content > .blog-single-head > .blog-single-head-title { |
|
||||
font-size: 25px; |
|
||||
font-weight: 600; |
|
||||
color: #4e5a64; |
|
||||
margin: 0 0 40px 0; |
|
||||
display: inline-block; } |
|
||||
.blog-content-2 .blog-single-content > .blog-single-head > .blog-single-head-date { |
|
||||
float: right; |
|
||||
font-size: 13px; |
|
||||
font-weight: 600; |
|
||||
margin-top: 7px; } |
|
||||
.blog-content-2 .blog-single-content > .blog-single-head > .blog-single-head-date > i { |
|
||||
margin-right: 5px; } |
|
||||
.blog-content-2 .blog-single-content > .blog-single-head > .blog-single-head-date > a { |
|
||||
color: #9aa5b2; } |
|
||||
.blog-content-2 .blog-single-content > .blog-single-head > .blog-single-head-date > a:hover { |
|
||||
color: #3598DC; |
|
||||
text-decoration: none; } |
|
||||
.blog-content-2 .blog-single-content > .blog-single-img { |
|
||||
margin: 0 0 35px 0; } |
|
||||
.blog-content-2 .blog-single-content > .blog-single-img > img { |
|
||||
width: 100%; } |
|
||||
.blog-content-2 .blog-single-content > .blog-single-desc > p { |
|
||||
margin: 0 0 35px 0; |
|
||||
font-size: 16px; |
|
||||
color: #7e8691; |
|
||||
line-height: 24px; } |
|
||||
.blog-content-2 .blog-single-content > .blog-single-foot { |
|
||||
border-top: 1px solid; |
|
||||
border-bottom: 1px solid; |
|
||||
border-color: #f0f1f2; |
|
||||
padding: 20px 0 25px 0; |
|
||||
margin-bottom: 20px; } |
|
||||
.blog-content-2 .blog-single-content > .blog-single-foot > .blog-post-tags { |
|
||||
text-align: left; |
|
||||
padding: 0; |
|
||||
margin: 0; } |
|
||||
.blog-content-2 .blog-single-content > .blog-single-foot > .blog-post-tags > li { |
|
||||
list-style: none; |
|
||||
display: inline-block; |
|
||||
margin-right: 5px; } |
|
||||
.blog-content-2 .blog-single-content > .blog-single-foot > .blog-post-tags > li > a { |
|
||||
background-color: #f4f6f8; |
|
||||
color: #a0a9b4; |
|
||||
font-size: 11px; |
|
||||
font-weight: 600; |
|
||||
padding: 7px 10px; } |
|
||||
.blog-content-2 .blog-single-content > .blog-single-foot > .blog-post-tags > li > a:hover { |
|
||||
background-color: #3598DC; |
|
||||
color: #fff; |
|
||||
text-decoration: none; } |
|
||||
.blog-content-2 .blog-single-content > .blog-single-foot > .blog-post-tags > li:last-child { |
|
||||
margin-right: 0; } |
|
||||
.blog-content-2 .blog-single-content .blog-comments { |
|
||||
display: inline-block; |
|
||||
font-size: 14px; |
|
||||
font-weight: 400; |
|
||||
margin: 6px 10px 3px 0; } |
|
||||
.blog-content-2 .blog-single-content .blog-comments .blog-comments-title { |
|
||||
font-size: 20px; } |
|
||||
.blog-content-2 .blog-single-content .blog-comments .c-comment-list { |
|
||||
margin-bottom: 60px; } |
|
||||
.blog-content-2 .blog-single-content .blog-comments .c-comment-list .media { |
|
||||
margin: 30px 0; } |
|
||||
.blog-content-2 .blog-single-content .blog-comments .c-comment-list .media .media-body > .media:last-child { |
|
||||
margin-bottom: 0; } |
|
||||
.blog-content-2 .blog-single-content .blog-comments .c-comment-list .media-object { |
|
||||
height: 50px; |
|
||||
width: 50px; |
|
||||
border-radius: 50px !important; } |
|
||||
.blog-content-2 .blog-single-content .blog-comments .c-comment-list .media-heading > a { |
|
||||
color: #9aa5b2; |
|
||||
font-weight: 600; } |
|
||||
.blog-content-2 .blog-single-content .blog-comments .c-comment-list .media-heading > a:hover { |
|
||||
color: #3598DC; |
|
||||
text-decoration: none; } |
|
||||
.blog-content-2 .blog-single-content .blog-comments .c-comment-list .media-heading > .c-date { |
|
||||
font-size: 14px; } |
|
||||
.blog-content-2 .blog-single-content .blog-comments i { |
|
||||
position: relative; |
|
||||
top: 2px; } |
|
||||
.blog-content-2 .blog-single-content .blog-comments input:focus, |
|
||||
.blog-content-2 .blog-single-content .blog-comments textarea:focus { |
|
||||
outline: 0; |
|
||||
border: 1px solid #ccc; } |
|
||||
|
|
||||
.blog-content-2 .blog-single-sidebar { |
|
||||
padding: 40px 30px; |
|
||||
background-color: #fff; } |
|
||||
.blog-content-2 .blog-single-sidebar .blog-sidebar-title { |
|
||||
font-weight: 600; |
|
||||
font-size: 14px; |
|
||||
color: #4e5a64; |
|
||||
letter-spacing: 1px; |
|
||||
margin-top: 40px; |
|
||||
margin-bottom: 30px; } |
|
||||
.blog-content-2 .blog-single-sidebar > .blog-single-sidebar-search input { |
|
||||
font-size: 14px; |
|
||||
color: #a0a9b4; } |
|
||||
.blog-content-2 .blog-single-sidebar > .blog-single-sidebar-search input:focus { |
|
||||
outline: 0; |
|
||||
border: 1px solid #ccc; } |
|
||||
.blog-content-2 .blog-single-sidebar > .blog-single-sidebar-recent > ul { |
|
||||
padding: 0; } |
|
||||
.blog-content-2 .blog-single-sidebar > .blog-single-sidebar-recent > ul > li { |
|
||||
list-style: none; |
|
||||
margin-bottom: 10px; |
|
||||
position: relative; } |
|
||||
.blog-content-2 .blog-single-sidebar > .blog-single-sidebar-recent > ul > li > a { |
|
||||
color: #49a7fa; |
|
||||
font-size: 16px; |
|
||||
padding-left: 20px; |
|
||||
display: block; } |
|
||||
.blog-content-2 .blog-single-sidebar > .blog-single-sidebar-recent > ul > li > a:hover { |
|
||||
text-decoration: none; |
|
||||
color: #3598DC; } |
|
||||
.blog-content-2 .blog-single-sidebar > .blog-single-sidebar-recent > ul > li:before { |
|
||||
content: "•"; |
|
||||
color: #dae0e5; |
|
||||
font-size: 30px; |
|
||||
position: absolute; |
|
||||
margin-top: -9px; } |
|
||||
.blog-content-2 .blog-single-sidebar > .blog-single-sidebar-tags .blog-post-tags { |
|
||||
text-align: left; |
|
||||
padding: 0; |
|
||||
margin: 20px 0 0 0; } |
|
||||
.blog-content-2 .blog-single-sidebar > .blog-single-sidebar-tags .blog-post-tags > li { |
|
||||
list-style: none; |
|
||||
display: inline-block; |
|
||||
margin: 0 5px 20px 0; } |
|
||||
.blog-content-2 .blog-single-sidebar > .blog-single-sidebar-tags .blog-post-tags > li > a { |
|
||||
background-color: #f4f6f8; |
|
||||
color: #a0a9b4; |
|
||||
font-size: 11px; |
|
||||
font-weight: 600; |
|
||||
padding: 7px 10px; } |
|
||||
.blog-content-2 .blog-single-sidebar > .blog-single-sidebar-tags .blog-post-tags > li > a:hover { |
|
||||
background-color: #3598DC; |
|
||||
color: #fff; |
|
||||
text-decoration: none; } |
|
||||
.blog-content-2 .blog-single-sidebar > .blog-single-sidebar-tags .blog-post-tags > li:last-child { |
|
||||
margin-right: 0; } |
|
||||
.blog-content-2 .blog-single-sidebar > .blog-single-sidebar-links > ul { |
|
||||
padding: 0; } |
|
||||
.blog-content-2 .blog-single-sidebar > .blog-single-sidebar-links > ul > li { |
|
||||
list-style: none; |
|
||||
border-bottom: 1px solid; |
|
||||
border-color: #f0f1f2; |
|
||||
padding: 20px 0; } |
|
||||
.blog-content-2 .blog-single-sidebar > .blog-single-sidebar-links > ul > li > a { |
|
||||
color: #49a7fa; |
|
||||
font-size: 16px; } |
|
||||
.blog-content-2 .blog-single-sidebar > .blog-single-sidebar-links > ul > li > a:hover { |
|
||||
text-decoration: none; |
|
||||
color: #3598DC; } |
|
||||
.blog-content-2 .blog-single-sidebar > .blog-single-sidebar-links > ul > li:first-child { |
|
||||
padding-top: 0; } |
|
||||
.blog-content-2 .blog-single-sidebar > .blog-single-sidebar-links > ul > li:last-child { |
|
||||
border: none; } |
|
||||
.blog-content-2 .blog-single-sidebar > .blog-single-sidebar-ui .ui-margin { |
|
||||
margin: 0; } |
|
||||
.blog-content-2 .blog-single-sidebar > .blog-single-sidebar-ui .ui-padding { |
|
||||
padding: 0 5px 5px 0; } |
|
||||
.blog-content-2 .blog-single-sidebar > .blog-single-sidebar-ui img { |
|
||||
width: 100%; } |
|
||||
|
|
||||
@media (max-width: 991px) { |
|
||||
.blog-content-1 .blog-post-lg > .blog-img-thumb { |
|
||||
height: 330px; } |
|
||||
.blog-content-1 .blog-post-sm > .blog-img-thumb { |
|
||||
height: 170px; } |
|
||||
.blog-content-1 .blog-video > .blog-img-thumb { |
|
||||
height: 301px; } |
|
||||
.blog-content-1 .blog-video > .blog-img-thumb img { |
|
||||
height: auto; |
|
||||
width: 100%; } } |
|
||||
|
|
||||
@media (max-width: 480px) { |
|
||||
.blog-content-1 .blog-post-lg > .blog-post-content > .blog-post-foot { |
|
||||
text-align: left; } |
|
||||
.blog-content-1 .blog-post-lg > .blog-post-content > .blog-post-foot > .blog-post-tags { |
|
||||
float: none; } |
|
||||
.blog-content-1 .blog-post-lg > .blog-post-content > .blog-post-foot > .blog-post-meta { |
|
||||
margin-right: 10px; |
|
||||
margin-top: 10px; } |
|
||||
.blog-content-2 .blog-single-content > .blog-single-head > .blog-single-head-title { |
|
||||
margin-bottom: 0px; } |
|
||||
.blog-content-2 .blog-single-content > .blog-single-head > .blog-single-head-date { |
|
||||
float: none; |
|
||||
margin-bottom: 40px; } } |
|
||||
File diff suppressed because one or more lines are too long
@ -1,87 +0,0 @@ |
|||||
/* Cubic Bezier Transition */ |
|
||||
/*** |
|
||||
Coming Soon Page |
|
||||
***/ |
|
||||
body { |
|
||||
background-color: #ddd; |
|
||||
padding: 0; |
|
||||
margin: 0; } |
|
||||
|
|
||||
.coming-soon-header { |
|
||||
padding: 20px; |
|
||||
margin-top: 80px; } |
|
||||
|
|
||||
.coming-soon-content { |
|
||||
padding: 20px; |
|
||||
margin-top: 10px; } |
|
||||
|
|
||||
.coming-soon-countdown { |
|
||||
padding: 20px; } |
|
||||
|
|
||||
.coming-soon-content h1, |
|
||||
.coming-soon-content p { |
|
||||
color: #fff; } |
|
||||
|
|
||||
.coming-soon-content h1 { |
|
||||
font-size: 42px; |
|
||||
line-height: 50px; |
|
||||
margin-bottom: 15px; |
|
||||
font-weight: 300; } |
|
||||
|
|
||||
.coming-soon-content p { |
|
||||
font-size: 14px; } |
|
||||
|
|
||||
.coming-soon-footer { |
|
||||
text-align: left !important; |
|
||||
font-size: 13px; |
|
||||
color: #fefefe; |
|
||||
padding: 30px; } |
|
||||
|
|
||||
/*Countdown*/ |
|
||||
#defaultCountdown { |
|
||||
width: 100%; |
|
||||
margin: 60px 0; |
|
||||
overflow: hidden; } |
|
||||
|
|
||||
#defaultCountdown span.countdown_row { |
|
||||
overflow: hidden; } |
|
||||
|
|
||||
#defaultCountdown span.countdown_row span { |
|
||||
font-size: 16px; |
|
||||
font-weight: 300; |
|
||||
line-height: 20px; |
|
||||
margin-right: 2px; } |
|
||||
|
|
||||
#defaultCountdown span.countdown_row > span { |
|
||||
float: left; } |
|
||||
|
|
||||
#defaultCountdown span.countdown_section { |
|
||||
color: #fff; |
|
||||
padding: 7px 15px !important; |
|
||||
margin-bottom: 2px; |
|
||||
font-weight: 300; |
|
||||
background: url(../img/bg-white.png) repeat; |
|
||||
text-align: center; } |
|
||||
|
|
||||
#defaultCountdown span.countdown_amount { |
|
||||
display: inline-block; |
|
||||
font-size: 38px !important; |
|
||||
padding: 15px !important; |
|
||||
font-weight: 300; } |
|
||||
|
|
||||
/*Responsive*/ |
|
||||
@media (max-width: 1024px) { |
|
||||
#defaultCountdown span.countdown_amount { |
|
||||
padding: 10px; } } |
|
||||
|
|
||||
@media (max-width: 767px) { |
|
||||
.coming-soon-header, |
|
||||
.coming-soon-countdown, |
|
||||
.coming-soon-content, |
|
||||
.coming-soon-footer { |
|
||||
margin-top: 0px; |
|
||||
padding: 10px; } } |
|
||||
|
|
||||
@media (max-width: 320px) { |
|
||||
.coming-soon-content .btn-subscribe span { |
|
||||
display: none; } } |
|
||||
@ -1 +0,0 @@ |
|||||
body{background-color:#ddd;padding:0;margin:0}.coming-soon-header{padding:20px;margin-top:80px}.coming-soon-content{padding:20px;margin-top:10px}.coming-soon-countdown{padding:20px}.coming-soon-content h1,.coming-soon-content p{color:#fff}.coming-soon-content h1{font-size:42px;line-height:50px;margin-bottom:15px;font-weight:300}.coming-soon-content p{font-size:14px}.coming-soon-footer{text-align:left!important;font-size:13px;color:#fefefe;padding:30px}#defaultCountdown{width:100%;margin:60px 0;overflow:hidden}#defaultCountdown span.countdown_row{overflow:hidden}#defaultCountdown span.countdown_row span{font-size:16px;font-weight:300;line-height:20px;margin-right:2px}#defaultCountdown span.countdown_row>span{float:left}#defaultCountdown span.countdown_section{color:#fff;padding:7px 15px!important;margin-bottom:2px;font-weight:300;background:url(../img/bg-white.png);text-align:center}#defaultCountdown span.countdown_amount{display:inline-block;font-size:38px!important;padding:15px!important;font-weight:300}@media (max-width:1024px){#defaultCountdown span.countdown_amount{padding:10px}}@media (max-width:767px){.coming-soon-content,.coming-soon-countdown,.coming-soon-footer,.coming-soon-header{margin-top:0;padding:10px}}@media (max-width:320px){.coming-soon-content .btn-subscribe span{display:none}} |
|
||||
@ -1,117 +0,0 @@ |
|||||
.c-content-contact-1 { |
|
||||
width: 100%; |
|
||||
position: relative; |
|
||||
margin-bottom: 70px; } |
|
||||
.c-content-contact-1:before { |
|
||||
background-color: rgba(255, 255, 255, 0.5); } |
|
||||
.c-content-contact-1:after { |
|
||||
background-color: rgba(255, 255, 255, 0.5); } |
|
||||
.c-content-contact-1 > .row .c-body { |
|
||||
position: relative; |
|
||||
z-index: 100; |
|
||||
background: #ffffff; |
|
||||
margin: 40px 40px 40px 0; |
|
||||
padding: 60px 40px; } |
|
||||
.c-content-contact-1 > .row .c-body > .c-section { |
|
||||
margin-bottom: 15px; |
|
||||
text-align: right; } |
|
||||
.c-content-contact-1 > .row .c-body > .c-section > .c-content-label { |
|
||||
display: inline; |
|
||||
padding: 3px 7px; |
|
||||
color: #fff; } |
|
||||
.c-content-contact-1 > .row .c-body > .c-section > h3 { |
|
||||
font-size: 26px; |
|
||||
margin: 0 0 30px 0; |
|
||||
text-transform: uppercase; } |
|
||||
.c-content-contact-1 > .row .c-body > .c-section > p { |
|
||||
font-size: 16px; |
|
||||
line-height: 24px; |
|
||||
color: #7f8c97; |
|
||||
font-weight: 300; } |
|
||||
.c-content-contact-1 > .row .c-body > .c-section > p, |
|
||||
.c-content-contact-1 > .row .c-body > .c-section > .c-content-iconlist-1 { |
|
||||
margin-top: 20px; } |
|
||||
.c-content-contact-1 > .row .c-body > .c-section > p > li, |
|
||||
.c-content-contact-1 > .row .c-body > .c-section > .c-content-iconlist-1 > li { |
|
||||
list-style: none; |
|
||||
display: inline-block; |
|
||||
font-size: 24px; |
|
||||
padding: 0 10px 5px 10px; |
|
||||
background-color: #eee; } |
|
||||
|
|
||||
.c-content-contact-1-gmap { |
|
||||
display: block; |
|
||||
top: 0; |
|
||||
bottom: 0; |
|
||||
left: 0; |
|
||||
right: 0; |
|
||||
position: absolute; |
|
||||
width: 100%; } |
|
||||
|
|
||||
.c-content-feedback-1 { |
|
||||
width: 100%; } |
|
||||
.c-content-feedback-1 > .row > div .c-content-title-1 > h3 { |
|
||||
margin-top: 10px; |
|
||||
margin-bottom: 20px; } |
|
||||
.c-content-feedback-1 > .row > div .c-content-title-1 > .c-line-left { |
|
||||
margin-bottom: 30px; |
|
||||
height: 3px; |
|
||||
width: 40px; } |
|
||||
.c-content-feedback-1 > .row > div .c-content-title-1 > p { |
|
||||
margin-bottom: 30px; |
|
||||
font-weight: 300; } |
|
||||
.c-content-feedback-1 > .row > div > .c-container { |
|
||||
background-size: auto; |
|
||||
padding: 30px; |
|
||||
margin: 0 0 30px 0; } |
|
||||
.c-content-feedback-1 > .row > div > .c-container > .c-inverse > h3 { |
|
||||
color: #ffffff; |
|
||||
margin-top: 10px; } |
|
||||
.c-content-feedback-1 > .row > div > .c-container > .c-inverse > .c-line-left { |
|
||||
background-color: #ffffff; } |
|
||||
.c-content-feedback-1 > .row > div > .c-container > .c-inverse > p { |
|
||||
color: #ffffff; } |
|
||||
.c-content-feedback-1 > .row > div > .c-container:last-child { |
|
||||
margin-bottom: 0; } |
|
||||
.c-content-feedback-1 > .row > div > .c-container:last-child p { |
|
||||
margin-bottom: 0; } |
|
||||
.c-content-feedback-1 > .row > div form { |
|
||||
margin-bottom: 20px; } |
|
||||
.c-content-feedback-1 > .row > div form .input-group { |
|
||||
width: 340px; } |
|
||||
.c-content-feedback-1 .input-group { |
|
||||
border: 0; } |
|
||||
.c-content-feedback-1 .input-group .input-group-addon, |
|
||||
.c-content-feedback-1 .input-group .btn { |
|
||||
border: 0; } |
|
||||
|
|
||||
@media (max-width: 1024px) { |
|
||||
.c-content-feedback-1 > .row > div form .input-group { |
|
||||
width: 100%; } } |
|
||||
|
|
||||
@media (max-width: 991px) { |
|
||||
/* 991px */ |
|
||||
.c-content-contact-1-gmap { |
|
||||
display: block; |
|
||||
position: static; |
|
||||
width: 100%; |
|
||||
height: 300px !important; } |
|
||||
.c-content-contact-1 > .row > div { |
|
||||
width: 100%; } |
|
||||
.c-content-contact-1 > .row > div .c-body { |
|
||||
position: static; |
|
||||
display: block; |
|
||||
padding: 30px 20px 10px 20px; |
|
||||
background: #fafafa; |
|
||||
margin: 0; |
|
||||
text-align: left; } |
|
||||
.c-content-feedback-1 > .row > div > .c-container { |
|
||||
margin-right: 0; |
|
||||
margin-bottom: 40px; } |
|
||||
.c-content-feedback-1 > .row > div > .c-contact { |
|
||||
padding: 40px 30px 0 30px; |
|
||||
margin: 0; } |
|
||||
.c-content-feedback-1.c-option-2 > .row > div > .c-contact { |
|
||||
padding: 30px; |
|
||||
margin-top: 40px; |
|
||||
background-color: #ffffff; } } |
|
||||
@ -1 +0,0 @@ |
|||||
.c-content-contact-1{width:100%;position:relative;margin-bottom:70px}.c-content-contact-1:after,.c-content-contact-1:before{background-color:rgba(255,255,255,.5)}.c-content-contact-1>.row .c-body{position:relative;z-index:100;background:#fff;margin:40px 40px 40px 0;padding:60px 40px}.c-content-contact-1>.row .c-body>.c-section{margin-bottom:15px;text-align:right}.c-content-contact-1>.row .c-body>.c-section>.c-content-label{display:inline;padding:3px 7px;color:#fff}.c-content-contact-1>.row .c-body>.c-section>h3{font-size:26px;margin:0 0 30px;text-transform:uppercase}.c-content-contact-1>.row .c-body>.c-section>p{font-size:16px;line-height:24px;color:#7f8c97;font-weight:300}.c-content-contact-1>.row .c-body>.c-section>.c-content-iconlist-1,.c-content-contact-1>.row .c-body>.c-section>p{margin-top:20px}.c-content-contact-1>.row .c-body>.c-section>.c-content-iconlist-1>li,.c-content-contact-1>.row .c-body>.c-section>p>li{list-style:none;display:inline-block;font-size:24px;padding:0 10px 5px;background-color:#eee}.c-content-contact-1-gmap{display:block;top:0;bottom:0;left:0;right:0;position:absolute;width:100%}.c-content-feedback-1{width:100%}.c-content-feedback-1>.row>div .c-content-title-1>h3{margin-top:10px;margin-bottom:20px}.c-content-feedback-1>.row>div .c-content-title-1>.c-line-left{margin-bottom:30px;height:3px;width:40px}.c-content-feedback-1>.row>div .c-content-title-1>p{margin-bottom:30px;font-weight:300}.c-content-feedback-1>.row>div>.c-container{background-size:auto;padding:30px;margin:0 0 30px}.c-content-feedback-1>.row>div>.c-container>.c-inverse>h3{color:#fff;margin-top:10px}.c-content-feedback-1>.row>div>.c-container>.c-inverse>.c-line-left{background-color:#fff}.c-content-feedback-1>.row>div>.c-container>.c-inverse>p{color:#fff}.c-content-feedback-1>.row>div>.c-container:last-child,.c-content-feedback-1>.row>div>.c-container:last-child p{margin-bottom:0}.c-content-feedback-1>.row>div form{margin-bottom:20px}.c-content-feedback-1>.row>div form .input-group{width:340px}.c-content-feedback-1 .input-group,.c-content-feedback-1 .input-group .btn,.c-content-feedback-1 .input-group .input-group-addon{border:0}@media (max-width:1024px){.c-content-feedback-1>.row>div form .input-group{width:100%}}@media (max-width:991px){.c-content-contact-1-gmap{display:block;position:static;width:100%;height:300px!important}.c-content-contact-1>.row>div{width:100%}.c-content-contact-1>.row>div .c-body{position:static;display:block;padding:30px 20px 10px;background:#fafafa;margin:0;text-align:left}.c-content-feedback-1>.row>div>.c-container{margin-right:0;margin-bottom:40px}.c-content-feedback-1>.row>div>.c-contact{padding:40px 30px 0;margin:0}.c-content-feedback-1.c-option-2>.row>div>.c-contact{padding:30px;margin-top:40px;background-color:#fff}} |
|
||||
@ -1,65 +0,0 @@ |
|||||
/* Cubic Bezier Transition */ |
|
||||
/*** |
|
||||
FAQ page |
|
||||
***/ |
|
||||
.faq-page .bordered { |
|
||||
border: 1px solid; |
|
||||
border-color: #e7ecf1; } |
|
||||
|
|
||||
.faq-page .search-bar { |
|
||||
padding: 20px; |
|
||||
margin-bottom: 30px; |
|
||||
background-color: #fff; } |
|
||||
.faq-page .search-bar .input-group { |
|
||||
width: 100%; } |
|
||||
.faq-page .search-bar .input-group > input { |
|
||||
border: none; |
|
||||
background-color: #f3f6f9; |
|
||||
color: #a0a9b4; |
|
||||
height: 55px; } |
|
||||
|
|
||||
.faq-content-1 .faq-section { |
|
||||
background-color: #fff; |
|
||||
padding: 40px 30px 30px 30px; |
|
||||
margin-bottom: 30px; } |
|
||||
.faq-content-1 .faq-section > .faq-title { |
|
||||
margin: 0 0 20px 0; |
|
||||
font-size: 14px; |
|
||||
font-weight: 600; |
|
||||
letter-spacing: 1px; } |
|
||||
.faq-content-1 .faq-section .panel-group { |
|
||||
margin-bottom: 0; } |
|
||||
.faq-content-1 .faq-section > .faq-content .panel { |
|
||||
border: none; } |
|
||||
.faq-content-1 .faq-section > .faq-content .panel-heading { |
|
||||
background-color: transparent; |
|
||||
margin-top: 15px; } |
|
||||
.faq-content-1 .faq-section > .faq-content .panel-heading i { |
|
||||
font-size: 10px; |
|
||||
color: #dae0e5; |
|
||||
margin-right: 10px; |
|
||||
margin-top: 4px; |
|
||||
float: left; } |
|
||||
.faq-content-1 .faq-section > .faq-content .panel-heading .accordion-toggle { |
|
||||
padding-left: 0; |
|
||||
padding-right: 0; |
|
||||
font-size: 16px; |
|
||||
font-weight: 600; |
|
||||
color: #5c646a; |
|
||||
padding: 0 0 10px 20px; |
|
||||
line-height: 22px; } |
|
||||
.faq-content-1 .faq-section > .faq-content .panel-heading .accordion-toggle:hover { |
|
||||
text-decoration: none; |
|
||||
color: #3598DC; } |
|
||||
.faq-content-1 .faq-section > .faq-content .panel-body { |
|
||||
border: none; |
|
||||
background-color: #f3f6f9; |
|
||||
margin-left: 20px; } |
|
||||
.faq-content-1 .faq-section > .faq-content .panel-body > p { |
|
||||
color: #6a757e; |
|
||||
font-size: 14px; |
|
||||
line-height: 22px; } |
|
||||
.faq-content-1 .faq-section > .faq-content .panel-body > p:first-child { |
|
||||
margin-top: 0; } |
|
||||
.faq-content-1 .faq-section > .faq-content .panel-body > p:last-child { |
|
||||
margin-bottom: 0; } |
|
||||
@ -1 +0,0 @@ |
|||||
.faq-page .bordered{border:1px solid #e7ecf1}.faq-page .search-bar{padding:20px;margin-bottom:30px;background-color:#fff}.faq-page .search-bar .input-group{width:100%}.faq-page .search-bar .input-group>input{border:none;background-color:#f3f6f9;color:#a0a9b4;height:55px}.faq-content-1 .faq-section{background-color:#fff;padding:40px 30px 30px;margin-bottom:30px}.faq-content-1 .faq-section>.faq-title{margin:0 0 20px;font-size:14px;font-weight:600;letter-spacing:1px}.faq-content-1 .faq-section .panel-group,.faq-content-1 .faq-section>.faq-content .panel-body>p:last-child{margin-bottom:0}.faq-content-1 .faq-section>.faq-content .panel{border:none}.faq-content-1 .faq-section>.faq-content .panel-heading{background-color:transparent;margin-top:15px}.faq-content-1 .faq-section>.faq-content .panel-heading i{font-size:10px;color:#dae0e5;margin-right:10px;margin-top:4px;float:left}.faq-content-1 .faq-section>.faq-content .panel-heading .accordion-toggle{font-size:16px;font-weight:600;color:#5c646a;padding:0 0 10px 20px;line-height:22px}.faq-content-1 .faq-section>.faq-content .panel-heading .accordion-toggle:hover{text-decoration:none;color:#3598DC}.faq-content-1 .faq-section>.faq-content .panel-body{border:none;background-color:#f3f6f9;margin-left:20px}.faq-content-1 .faq-section>.faq-content .panel-body>p{color:#6a757e;font-size:14px;line-height:22px}.faq-content-1 .faq-section>.faq-content .panel-body>p:first-child{margin-top:0} |
|
||||
@ -1,37 +0,0 @@ |
|||||
/* Cubic Bezier Transition */ |
|
||||
/* Apply these styles only when #preview-pane has |
|
||||
been placed within the Jcrop widget */ |
|
||||
#preview-pane { |
|
||||
display: block; |
|
||||
position: absolute; |
|
||||
z-index: 2000; |
|
||||
right: -200px; |
|
||||
padding: 6px; |
|
||||
border: 1px rgba(0, 0, 0, 0.4) solid; |
|
||||
background-color: white; |
|
||||
-webkit-border-radius: 6px; |
|
||||
-moz-border-radius: 6px; |
|
||||
border-radius: 6px; |
|
||||
-webkit-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2); |
|
||||
-moz-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2); |
|
||||
box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2); } |
|
||||
|
|
||||
@media (max-width: 1024px) { |
|
||||
#preview-pane { |
|
||||
right: 0; } } |
|
||||
|
|
||||
/* The Javascript code will set the aspect ratio of the crop |
|
||||
area based on the size of the thumbnail preview, |
|
||||
specified here */ |
|
||||
#preview-pane .preview-container { |
|
||||
width: 175px; |
|
||||
height: 150px; |
|
||||
overflow: hidden; } |
|
||||
|
|
||||
#demo7 { |
|
||||
background-color: #eee; |
|
||||
width: 500px; |
|
||||
height: 330px; |
|
||||
font-size: 24px; |
|
||||
font-weight: 300; |
|
||||
display: block; } |
|
||||
@ -1 +0,0 @@ |
|||||
#preview-pane{display:block;position:absolute;z-index:2000;right:-200px;padding:6px;border:1px solid rgba(0,0,0,.4);background-color:#fff;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:1px 1px 5px 2px rgba(0,0,0,.2);-moz-box-shadow:1px 1px 5px 2px rgba(0,0,0,.2);box-shadow:1px 1px 5px 2px rgba(0,0,0,.2)}@media (max-width:1024px){#preview-pane{right:0}}#preview-pane .preview-container{width:175px;height:150px;overflow:hidden}#demo7{background-color:#eee;width:500px;height:330px;font-size:24px;font-weight:300;display:block} |
|
||||
@ -1,85 +0,0 @@ |
|||||
/* Cubic Bezier Transition */ |
|
||||
/*** |
|
||||
Invoice page 2 |
|
||||
***/ |
|
||||
.invoice-content-2 { |
|
||||
background-color: #fff; |
|
||||
padding: 80px 70px; } |
|
||||
.invoice-content-2.bordered { |
|
||||
border: 1px solid; |
|
||||
border-color: #e7ecf1; } |
|
||||
.invoice-content-2 .invoice-head { |
|
||||
margin-bottom: 50px; } |
|
||||
.invoice-content-2 .invoice-head .invoice-logo { |
|
||||
text-align: center; } |
|
||||
.invoice-content-2 .invoice-head .invoice-logo > img { |
|
||||
float: left; |
|
||||
margin-right: 45px; } |
|
||||
.invoice-content-2 .invoice-head .invoice-logo > h1 { |
|
||||
float: left; |
|
||||
font-size: 17px; |
|
||||
font-weight: 700; |
|
||||
color: #39424a; |
|
||||
margin-top: 48px; } |
|
||||
.invoice-content-2 .invoice-head .company-address { |
|
||||
text-align: right; |
|
||||
font-size: 14px; |
|
||||
color: #7e8691; } |
|
||||
.invoice-content-2 .invoice-title { |
|
||||
font-size: 12px; |
|
||||
font-weight: 600; |
|
||||
letter-spacing: 1px; |
|
||||
color: #9ea8b7; } |
|
||||
.invoice-content-2 .invoice-desc { |
|
||||
font-size: 14px; |
|
||||
color: #4e5a64; |
|
||||
font-weight: 600; } |
|
||||
.invoice-content-2 .invoice-desc.inv-address { |
|
||||
font-size: 13px; |
|
||||
color: #7e8691; |
|
||||
font-weight: 400; } |
|
||||
.invoice-content-2 .invoice-desc.grand-total { |
|
||||
font-size: 16px; |
|
||||
font-weight: 700; } |
|
||||
.invoice-content-2 .invoice-cust-add { |
|
||||
margin-bottom: 50px; } |
|
||||
.invoice-content-2 .invoice-body .text-center { |
|
||||
text-align: center; } |
|
||||
.invoice-content-2 .invoice-body tr:last-child { |
|
||||
border-bottom: 1px solid #e7ecf1; } |
|
||||
.invoice-content-2 .invoice-body th, .invoice-content-2 .invoice-body td { |
|
||||
vertical-align: middle; |
|
||||
padding-left: 40px; |
|
||||
padding-right: 40px; } |
|
||||
.invoice-content-2 .invoice-body th:first-child, .invoice-content-2 .invoice-body td:first-child { |
|
||||
padding-left: 0; } |
|
||||
.invoice-content-2 .invoice-body th:last-child, .invoice-content-2 .invoice-body td:last-child { |
|
||||
padding-right: 0; } |
|
||||
.invoice-content-2 .invoice-body h3 { |
|
||||
font-size: 14px; |
|
||||
font-weight: 600; |
|
||||
color: #4e5a64; |
|
||||
margin-bottom: 0; } |
|
||||
.invoice-content-2 .invoice-body p { |
|
||||
font-size: 13px; |
|
||||
color: #7e8691; } |
|
||||
.invoice-content-2 .print-btn { |
|
||||
float: right; |
|
||||
font-size: 14px; |
|
||||
font-weight: 600; |
|
||||
letter-spacing: 1px; } |
|
||||
|
|
||||
@media (max-width: 1024px) { |
|
||||
.invoice-content-2 .invoice-head .invoice-logo > img { |
|
||||
width: 130px; |
|
||||
margin-top: 26px; } } |
|
||||
|
|
||||
@media (max-width: 991px) { |
|
||||
.invoice-content-2 { |
|
||||
padding: 40px 30px; } } |
|
||||
|
|
||||
@media (max-width: 480px) { |
|
||||
.invoice-content-2 .invoice-head .invoice-logo > h1 { |
|
||||
margin-top: 10px; } |
|
||||
.invoice-content-2 .invoice-head .company-address { |
|
||||
font-size: 12px; } } |
|
||||
@ -1 +0,0 @@ |
|||||
.invoice-content-2 .invoice-cust-add,.invoice-content-2 .invoice-head{margin-bottom:50px}.invoice-content-2{background-color:#fff;padding:80px 70px}.invoice-content-2.bordered{border:1px solid #e7ecf1}.invoice-content-2 .invoice-head .invoice-logo{text-align:center}.invoice-content-2 .invoice-head .invoice-logo>img{float:left;margin-right:45px}.invoice-content-2 .invoice-head .invoice-logo>h1{float:left;font-size:17px;font-weight:700;color:#39424a;margin-top:48px}.invoice-content-2 .invoice-head .company-address{text-align:right;font-size:14px;color:#7e8691}.invoice-content-2 .invoice-title{font-size:12px;font-weight:600;letter-spacing:1px;color:#9ea8b7}.invoice-content-2 .invoice-desc{font-size:14px;color:#4e5a64;font-weight:600}.invoice-content-2 .invoice-desc.inv-address{font-size:13px;color:#7e8691;font-weight:400}.invoice-content-2 .invoice-desc.grand-total{font-size:16px;font-weight:700}.invoice-content-2 .invoice-body .text-center{text-align:center}.invoice-content-2 .invoice-body tr:last-child{border-bottom:1px solid #e7ecf1}.invoice-content-2 .invoice-body td,.invoice-content-2 .invoice-body th{vertical-align:middle;padding-left:40px;padding-right:40px}.invoice-content-2 .invoice-body td:first-child,.invoice-content-2 .invoice-body th:first-child{padding-left:0}.invoice-content-2 .invoice-body td:last-child,.invoice-content-2 .invoice-body th:last-child{padding-right:0}.invoice-content-2 .invoice-body h3{font-size:14px;font-weight:600;color:#4e5a64;margin-bottom:0}.invoice-content-2 .invoice-body p{font-size:13px;color:#7e8691}.invoice-content-2 .print-btn{float:right;font-size:14px;font-weight:600;letter-spacing:1px}@media (max-width:1024px){.invoice-content-2 .invoice-head .invoice-logo>img{width:130px;margin-top:26px}}@media (max-width:991px){.invoice-content-2{padding:40px 30px}}@media (max-width:480px){.invoice-content-2 .invoice-head .invoice-logo>h1{margin-top:10px}.invoice-content-2 .invoice-head .company-address{font-size:12px}} |
|
||||
@ -1,34 +0,0 @@ |
|||||
/* Cubic Bezier Transition */ |
|
||||
/*** |
|
||||
Invoice page |
|
||||
***/ |
|
||||
.invoice { |
|
||||
margin: 0; } |
|
||||
.invoice table { |
|
||||
margin: 30px 0 30px 0; } |
|
||||
|
|
||||
.invoice .invoice-logo { |
|
||||
margin-bottom: 20px; } |
|
||||
|
|
||||
.invoice .invoice-logo p { |
|
||||
padding: 5px 0; |
|
||||
font-size: 26px; |
|
||||
line-height: 28px; |
|
||||
text-align: right; } |
|
||||
|
|
||||
.invoice .invoice-logo p span { |
|
||||
display: block; |
|
||||
font-size: 14px; } |
|
||||
|
|
||||
.invoice .invoice-logo-space { |
|
||||
margin-bottom: 15px; } |
|
||||
|
|
||||
.invoice .invoice-payment strong { |
|
||||
margin-right: 5px; } |
|
||||
|
|
||||
.invoice .invoice-block { |
|
||||
text-align: right; } |
|
||||
|
|
||||
.invoice .invoice-block .amounts { |
|
||||
margin-top: 20px; |
|
||||
font-size: 14px; } |
|
||||
@ -1 +0,0 @@ |
|||||
.invoice{margin:0}.invoice table{margin:30px 0}.invoice .invoice-logo{margin-bottom:20px}.invoice .invoice-logo p{padding:5px 0;font-size:26px;line-height:28px;text-align:right}.invoice .invoice-logo p span{display:block;font-size:14px}.invoice .invoice-logo-space{margin-bottom:15px}.invoice .invoice-payment strong{margin-right:5px}.invoice .invoice-block{text-align:right}.invoice .invoice-block .amounts{margin-top:20px;font-size:14px} |
|
||||
@ -1,149 +0,0 @@ |
|||||
/* Cubic Bezier Transition */ |
|
||||
/*** |
|
||||
Login page |
|
||||
***/ |
|
||||
/* logo page */ |
|
||||
.login { |
|
||||
background-color: #a0b4c9 !important; } |
|
||||
|
|
||||
.login .logo { |
|
||||
margin: 60px auto 20px auto; |
|
||||
padding: 15px; |
|
||||
text-align: center; } |
|
||||
|
|
||||
.login .content { |
|
||||
background-color: #fff; |
|
||||
width: 360px; |
|
||||
margin: 0 auto; |
|
||||
margin-bottom: 0px; |
|
||||
padding: 30px; |
|
||||
padding-top: 20px; |
|
||||
padding-bottom: 15px; |
|
||||
-webkit-border-radius: 7px; |
|
||||
-moz-border-radius: 7px; |
|
||||
-ms-border-radius: 7px; |
|
||||
-o-border-radius: 7px; |
|
||||
border-radius: 7px; } |
|
||||
|
|
||||
.login .content h3 { |
|
||||
color: #000; } |
|
||||
|
|
||||
.login .content h4 { |
|
||||
color: #555; } |
|
||||
|
|
||||
.login .content p { |
|
||||
color: #222; } |
|
||||
|
|
||||
.login .content .login-form, |
|
||||
.login .content .forget-form { |
|
||||
padding: 0px; |
|
||||
margin: 0px; } |
|
||||
|
|
||||
.login .content .input-icon { |
|
||||
border-left: 2px solid #44B6AE !important; } |
|
||||
|
|
||||
.login .content .input-icon { |
|
||||
-webkit-border-radius: 4px; |
|
||||
-moz-border-radius: 4px; |
|
||||
-ms-border-radius: 4px; |
|
||||
-o-border-radius: 4px; |
|
||||
border-radius: 4px; } |
|
||||
.login .content .input-icon .form-control { |
|
||||
border-left: 0; } |
|
||||
|
|
||||
.login .content .forget-form { |
|
||||
display: none; } |
|
||||
|
|
||||
.login .content .register-form { |
|
||||
display: none; } |
|
||||
|
|
||||
.login .content .form-title { |
|
||||
font-weight: 300; |
|
||||
margin-bottom: 25px; } |
|
||||
|
|
||||
.login .content .form-actions { |
|
||||
background-color: #fff; |
|
||||
clear: both; |
|
||||
border: 0px; |
|
||||
border-bottom: 1px solid #eee; |
|
||||
padding: 0px 30px 25px 30px; |
|
||||
margin-left: -30px; |
|
||||
margin-right: -30px; } |
|
||||
|
|
||||
.login .content .forget-form .form-actions { |
|
||||
border: 0; |
|
||||
margin-bottom: 0; |
|
||||
padding-bottom: 20px; } |
|
||||
|
|
||||
.login .content .register-form .form-actions { |
|
||||
border: 0; |
|
||||
margin-bottom: 0; |
|
||||
padding-bottom: 0px; } |
|
||||
|
|
||||
.login .content .form-actions .rememberme { |
|
||||
margin-top: 8px; |
|
||||
display: inline-block; } |
|
||||
|
|
||||
.login .content .form-actions .btn { |
|
||||
margin-top: 1px; } |
|
||||
|
|
||||
.login .content .forget-password { |
|
||||
margin-top: 25px; } |
|
||||
|
|
||||
.login .content .create-account { |
|
||||
border-top: 1px dotted #eee; |
|
||||
padding-top: 10px; |
|
||||
margin-top: 15px; } |
|
||||
|
|
||||
.login .content .create-account a { |
|
||||
display: inline-block; |
|
||||
margin-top: 5px; } |
|
||||
|
|
||||
/* select2 dropdowns */ |
|
||||
.login .content .select2-container { |
|
||||
border-left: 2px solid #44B6AE !important; } |
|
||||
|
|
||||
.login .content .select2-container .select2-choice { |
|
||||
border-left: none !important; } |
|
||||
|
|
||||
.login .content .select2-container i { |
|
||||
display: inline-block; |
|
||||
position: relative; |
|
||||
color: #ccc; |
|
||||
z-index: 1; |
|
||||
top: 1px; |
|
||||
margin: 4px 4px 0px -1px; |
|
||||
width: 16px; |
|
||||
height: 16px; |
|
||||
font-size: 16px; |
|
||||
text-align: center; } |
|
||||
|
|
||||
.login .content .has-error .select2-container i { |
|
||||
color: #b94a48; } |
|
||||
|
|
||||
.login .content .select2-container a span { |
|
||||
font-size: 13px; } |
|
||||
|
|
||||
.login .content .select2-container a span img { |
|
||||
margin-left: 4px; } |
|
||||
|
|
||||
/* footer copyright */ |
|
||||
.login .copyright { |
|
||||
text-align: center; |
|
||||
margin: 0 auto; |
|
||||
padding: 10px; |
|
||||
color: #999; |
|
||||
font-size: 13px; } |
|
||||
|
|
||||
@media (max-width: 480px) { |
|
||||
/*** |
|
||||
Login page |
|
||||
***/ |
|
||||
.login .logo { |
|
||||
margin-top: 10px; } |
|
||||
.login .content { |
|
||||
width: 280px; } |
|
||||
.login .content h3 { |
|
||||
font-size: 22px; } |
|
||||
.login .checkbox { |
|
||||
font-size: 13px; } } |
|
||||
@ -1 +0,0 @@ |
|||||
.login{background-color:#a0b4c9!important}.login .logo{margin:60px auto 20px;padding:15px;text-align:center}.login .content{background-color:#fff;width:360px;margin:0 auto;padding:20px 30px 15px;-webkit-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px;border-radius:7px}.login .content h3{color:#000}.login .content h4{color:#555}.login .content p{color:#222}.login .content .forget-form,.login .content .login-form{padding:0;margin:0}.login .content .input-icon{border-left:2px solid #44B6AE!important;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}.login .content .input-icon .form-control{border-left:0}.login .content .forget-form,.login .content .register-form{display:none}.login .content .form-title{font-weight:300;margin-bottom:25px}.login .content .form-actions{background-color:#fff;clear:both;border:0;border-bottom:1px solid #eee;padding:0 30px 25px;margin-left:-30px;margin-right:-30px}.login .content .forget-form .form-actions{border:0;margin-bottom:0;padding-bottom:20px}.login .content .register-form .form-actions{border:0;margin-bottom:0;padding-bottom:0}.login .content .form-actions .rememberme{margin-top:8px;display:inline-block}.login .content .form-actions .btn{margin-top:1px}.login .content .forget-password{margin-top:25px}.login .content .create-account{border-top:1px dotted #eee;padding-top:10px;margin-top:15px}.login .content .create-account a{display:inline-block;margin-top:5px}.login .content .select2-container{border-left:2px solid #44B6AE!important}.login .content .select2-container .select2-choice{border-left:none!important}.login .content .select2-container i{display:inline-block;position:relative;color:#ccc;z-index:1;top:1px;margin:4px 4px 0 -1px;width:16px;height:16px;font-size:16px;text-align:center}.login .content .has-error .select2-container i{color:#b94a48}.login .content .select2-container a span{font-size:13px}.login .content .select2-container a span img{margin-left:4px}.login .copyright{text-align:center;margin:0 auto;padding:10px;color:#999;font-size:13px}@media (max-width:480px){.login .logo{margin-top:10px}.login .content{width:280px}.login .content h3{font-size:22px}.login .checkbox{font-size:13px}} |
|
||||
@ -1,138 +0,0 @@ |
|||||
/* Cubic Bezier Transition */ |
|
||||
/*** |
|
||||
Login page |
|
||||
***/ |
|
||||
/* logo page */ |
|
||||
.login { |
|
||||
background-color: #666 !important; } |
|
||||
|
|
||||
.login .logo { |
|
||||
margin: 60px auto 20px auto; |
|
||||
padding: 15px; |
|
||||
text-align: center; } |
|
||||
|
|
||||
.login .content { |
|
||||
background: url(../img/bg-white-lock.png) repeat; |
|
||||
width: 360px; |
|
||||
margin: 0 auto; |
|
||||
margin-bottom: 0px; |
|
||||
padding: 30px; |
|
||||
padding-top: 20px; |
|
||||
padding-bottom: 15px; |
|
||||
-webkit-border-radius: 7px; |
|
||||
-moz-border-radius: 7px; |
|
||||
-ms-border-radius: 7px; |
|
||||
-o-border-radius: 7px; |
|
||||
border-radius: 7px; } |
|
||||
|
|
||||
.login .content h3 { |
|
||||
color: #eee; } |
|
||||
|
|
||||
.login .content h4 { |
|
||||
color: #eee; } |
|
||||
|
|
||||
.login .content p, |
|
||||
.login .content label { |
|
||||
color: #fff; } |
|
||||
|
|
||||
.login .mt-checkbox > span:after { |
|
||||
border-color: #eee; } |
|
||||
|
|
||||
.login .content .login-form, |
|
||||
.login .content .forget-form { |
|
||||
padding: 0px; |
|
||||
margin: 0px; } |
|
||||
|
|
||||
.login .content .form-control { |
|
||||
background-color: #fff; } |
|
||||
|
|
||||
.login .content .forget-form { |
|
||||
display: none; } |
|
||||
|
|
||||
.login .content .register-form { |
|
||||
display: none; } |
|
||||
|
|
||||
.login .content .form-title { |
|
||||
font-weight: 300; |
|
||||
margin-bottom: 25px; } |
|
||||
|
|
||||
.login .content .form-actions { |
|
||||
background-color: transparent; |
|
||||
clear: both; |
|
||||
border: 0px; |
|
||||
padding: 0px 30px 25px 30px; |
|
||||
margin-left: -30px; |
|
||||
margin-right: -30px; } |
|
||||
|
|
||||
.login .content .forget-form .form-actions { |
|
||||
border: 0; |
|
||||
margin-bottom: 0; |
|
||||
padding-bottom: 20px; } |
|
||||
|
|
||||
.login .content .register-form .form-actions { |
|
||||
border: 0; |
|
||||
margin-bottom: 0; |
|
||||
padding-bottom: 0px; } |
|
||||
|
|
||||
.login .content .form-actions .rememberme { |
|
||||
margin-top: 8px; |
|
||||
display: inline-block; } |
|
||||
|
|
||||
.login .content .form-actions .btn { |
|
||||
margin-top: 1px; } |
|
||||
|
|
||||
.login .content .forget-password { |
|
||||
margin-top: 25px; } |
|
||||
|
|
||||
.login .content .create-account { |
|
||||
border-top: 1px dotted #eee; |
|
||||
padding-top: 10px; |
|
||||
margin-top: 15px; } |
|
||||
|
|
||||
.login .content .create-account a { |
|
||||
display: inline-block; |
|
||||
margin-top: 5px; } |
|
||||
|
|
||||
/* select2 dropdowns */ |
|
||||
.login .content .select2-container i { |
|
||||
display: inline-block; |
|
||||
position: relative; |
|
||||
color: #ccc; |
|
||||
z-index: 1; |
|
||||
top: 1px; |
|
||||
margin: 4px 4px 0px -1px; |
|
||||
width: 16px; |
|
||||
height: 16px; |
|
||||
font-size: 16px; |
|
||||
text-align: center; } |
|
||||
|
|
||||
.login .content .has-error .select2-container i { |
|
||||
color: #b94a48; } |
|
||||
|
|
||||
.login .content .select2-container a span { |
|
||||
font-size: 13px; } |
|
||||
|
|
||||
.login .content .select2-container a span img { |
|
||||
margin-left: 4px; } |
|
||||
|
|
||||
/* footer copyright */ |
|
||||
.login .copyright { |
|
||||
text-align: center; |
|
||||
margin: 0 auto; |
|
||||
padding: 10px; |
|
||||
color: #eee; |
|
||||
font-size: 13px; } |
|
||||
|
|
||||
@media (max-width: 480px) { |
|
||||
/*** |
|
||||
Login page |
|
||||
***/ |
|
||||
.login .logo { |
|
||||
margin-top: 10px; } |
|
||||
.login .content { |
|
||||
padding: 30px; |
|
||||
width: 222px; } |
|
||||
.login .content h3 { |
|
||||
font-size: 22px; } |
|
||||
.login .checkbox { |
|
||||
font-size: 13px; } } |
|
||||
@ -1 +0,0 @@ |
|||||
.login{background-color:#666!important}.login .logo{margin:60px auto 20px;padding:15px;text-align:center}.login .content{background:url(../img/bg-white-lock.png);width:360px;margin:0 auto;padding:20px 30px 15px;-webkit-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px;border-radius:7px}.login .content h3,.login .content h4{color:#eee}.login .content label,.login .content p{color:#fff}.login .mt-checkbox>span:after{border-color:#eee}.login .content .forget-form,.login .content .login-form{padding:0;margin:0}.login .content .form-control{background-color:#fff}.login .content .forget-form,.login .content .register-form{display:none}.login .content .form-title{font-weight:300;margin-bottom:25px}.login .content .form-actions{background-color:transparent;clear:both;border:0;padding:0 30px 25px;margin-left:-30px;margin-right:-30px}.login .content .forget-form .form-actions{border:0;margin-bottom:0;padding-bottom:20px}.login .content .register-form .form-actions{border:0;margin-bottom:0;padding-bottom:0}.login .content .form-actions .rememberme{margin-top:8px;display:inline-block}.login .content .form-actions .btn{margin-top:1px}.login .content .forget-password{margin-top:25px}.login .content .create-account{border-top:1px dotted #eee;padding-top:10px;margin-top:15px}.login .content .create-account a{display:inline-block;margin-top:5px}.login .content .select2-container i{display:inline-block;position:relative;color:#ccc;z-index:1;top:1px;margin:4px 4px 0 -1px;width:16px;height:16px;font-size:16px;text-align:center}.login .content .has-error .select2-container i{color:#b94a48}.login .content .select2-container a span{font-size:13px}.login .content .select2-container a span img{margin-left:4px}.login .copyright{text-align:center;margin:0 auto;padding:10px;color:#eee;font-size:13px}@media (max-width:480px){.login .logo{margin-top:10px}.login .content{padding:30px;width:222px}.login .content h3{font-size:22px}.login .checkbox{font-size:13px}} |
|
||||
@ -1,145 +0,0 @@ |
|||||
/* Cubic Bezier Transition */ |
|
||||
.user-login-5 { |
|
||||
min-height: 100vh; } |
|
||||
.user-login-5 .bs-reset { |
|
||||
margin: 0; |
|
||||
padding: 0; } |
|
||||
.user-login-5 .text-right { |
|
||||
text-align: right; } |
|
||||
.user-login-5 .login-bg { |
|
||||
background-position: center; |
|
||||
background-size: cover; |
|
||||
background-repeat: no-repeat; |
|
||||
min-height: 100vh; } |
|
||||
.user-login-5 .login-logo { |
|
||||
position: absolute; |
|
||||
top: 2.5em; |
|
||||
left: 2.5em; } |
|
||||
.user-login-5 .login-logo.login-6 { |
|
||||
top: 80px; |
|
||||
left: 80px; } |
|
||||
.user-login-5 .login-container { |
|
||||
position: relative; |
|
||||
min-height: 100vh; } |
|
||||
.user-login-5 .login-container > .login-content, |
|
||||
.user-login-5 .login-container .login-social, |
|
||||
.user-login-5 .login-container .login-copyright { |
|
||||
padding: 0 80px; } |
|
||||
.user-login-5 .login-container > .login-content { |
|
||||
margin-top: 35%; } |
|
||||
.user-login-5 .login-container > .login-content > h1 { |
|
||||
font-size: 30px; |
|
||||
font-weight: 300; |
|
||||
color: #4e5a64; } |
|
||||
.user-login-5 .login-container > .login-content p { |
|
||||
color: #a0a9b4; |
|
||||
font-size: 15px; |
|
||||
line-height: 22px; } |
|
||||
.user-login-5 .login-container > .login-content > .login-form { |
|
||||
margin-top: 80px; |
|
||||
color: #a4aab2; |
|
||||
font-size: 13px; } |
|
||||
.user-login-5 .login-container > .login-content > .login-form .form-control { |
|
||||
width: 100%; |
|
||||
padding: 10px 0; |
|
||||
border: none; |
|
||||
border-bottom: 1px solid; |
|
||||
border-color: #a0a9b4; |
|
||||
color: #868e97; |
|
||||
font-size: 14px; |
|
||||
margin-bottom: 30px; } |
|
||||
.user-login-5 .login-container > .login-content > .login-form .form-control:focus { |
|
||||
outline: 0; } |
|
||||
.user-login-5 .login-container > .login-content > .login-form .forgot-password, |
|
||||
.user-login-5 .login-container > .login-content > .login-form .login-button { |
|
||||
display: inline-block; } |
|
||||
.user-login-5 .login-container > .login-content > .login-form .rem-password { |
|
||||
margin-top: 10px; } |
|
||||
.user-login-5 .login-container > .login-content > .login-form .rem-password > p { |
|
||||
margin: 0; } |
|
||||
.user-login-5 .login-container > .login-content > .login-form .rem-password > .rem-checkbox { |
|
||||
border-color: #a4aab2; } |
|
||||
.user-login-5 .login-container > .login-content > .login-form .forgot-password { |
|
||||
margin-right: 1em; } |
|
||||
.user-login-5 .login-container > .login-content > .login-form .forgot-password > a { |
|
||||
color: #a4aab2; } |
|
||||
.user-login-5 .login-container > .login-content > .login-form .forgot-password > a:hover { |
|
||||
color: #337ab7; |
|
||||
text-decoration: none; } |
|
||||
.user-login-5 .login-container > .login-content > .login-form .forgot-password > a:focus { |
|
||||
color: #a4aab2; |
|
||||
text-decoration: none; } |
|
||||
.user-login-5 .login-container > .login-footer { |
|
||||
position: absolute; |
|
||||
bottom: 0; |
|
||||
width: 100%; |
|
||||
padding-bottom: 10px; } |
|
||||
.user-login-5 .login-container > .login-footer .login-social { |
|
||||
padding-right: 0; } |
|
||||
.user-login-5 .login-container > .login-footer .login-social li { |
|
||||
display: inline-block; |
|
||||
list-style: none; |
|
||||
margin-right: 1em; } |
|
||||
.user-login-5 .login-container > .login-footer .login-social a { |
|
||||
color: #a9b5be; |
|
||||
font-size: 18px; } |
|
||||
.user-login-5 .login-container > .login-footer .login-social a:hover { |
|
||||
color: #337ab7; |
|
||||
text-decoration: none; } |
|
||||
.user-login-5 .login-container > .login-footer .login-social a:focus { |
|
||||
color: #a9b5be; } |
|
||||
.user-login-5 .login-container > .login-footer .login-copyright { |
|
||||
padding-left: 0; |
|
||||
margin-top: 6px; } |
|
||||
.user-login-5 .login-container > .login-footer .login-copyright > p { |
|
||||
margin: 0; |
|
||||
font-size: 13px; |
|
||||
color: #a9b5be; } |
|
||||
.user-login-5 .alert { |
|
||||
margin-top: -60px; } |
|
||||
.user-login-5 .form-group.has-error { |
|
||||
border-bottom: 2px solid #ed6b75 !important; } |
|
||||
.user-login-5 .form-group.valid { |
|
||||
border-bottom: 1px solid #a0a9b4 !important; } |
|
||||
|
|
||||
@media (max-width: 1365px) { |
|
||||
.user-login-5 .login-logo.login-6 { |
|
||||
top: 40px; |
|
||||
left: 40px; } |
|
||||
.user-login-5 .login-container > .login-content, |
|
||||
.user-login-5 .login-container .login-social, |
|
||||
.user-login-5 .login-container .login-copyright { |
|
||||
padding: 0 40px; } |
|
||||
.user-login-5 .login-container .login-social { |
|
||||
padding-right: 0; } |
|
||||
.user-login-5 .login-container .login-copyright { |
|
||||
padding-left: 0; } } |
|
||||
|
|
||||
@media (max-width: 1023px) { |
|
||||
.user-login-5 { |
|
||||
min-height: 50vh; } |
|
||||
.user-login-5 .login-bg { |
|
||||
min-height: 50vh; } |
|
||||
.user-login-5 .login-logo.login-6 { |
|
||||
position: relative; |
|
||||
margin: 0 0 40px 0; } |
|
||||
.user-login-5 .login-container { |
|
||||
min-height: 50vh; } |
|
||||
.user-login-5 .login-container > .login-content { |
|
||||
margin-top: 60px; } |
|
||||
.user-login-5 .login-container > .login-content .login-form { |
|
||||
margin-top: 40px; } |
|
||||
.user-login-5 .login-container .rem-password { |
|
||||
margin-bottom: 1em; } |
|
||||
.user-login-5 .login-container > .login-footer { |
|
||||
position: relative; |
|
||||
margin-top: 40px; |
|
||||
padding-bottom: 0; } |
|
||||
.user-login-5 .login-container > .login-footer .login-social li { |
|
||||
margin-right: 0.5em; } |
|
||||
.user-login-5 .alert { |
|
||||
margin-top: -20px; } } |
|
||||
|
|
||||
@media (max-width: 640px) { |
|
||||
.user-login-5 .login-container > .login-content .text-right { |
|
||||
text-align: left; } } |
|
||||
@ -1 +0,0 @@ |
|||||
.user-login-5{min-height:100vh}.user-login-5 .bs-reset{margin:0;padding:0}.user-login-5 .text-right{text-align:right}.user-login-5 .login-bg{background-position:center;background-size:cover;background-repeat:no-repeat;min-height:100vh}.user-login-5 .login-logo{position:absolute;top:2.5em;left:2.5em}.user-login-5 .login-logo.login-6{top:80px;left:80px}.user-login-5 .login-container{position:relative;min-height:100vh}.user-login-5 .login-container .login-copyright,.user-login-5 .login-container .login-social,.user-login-5 .login-container>.login-content{padding:0 80px}.user-login-5 .login-container>.login-content{margin-top:35%}.user-login-5 .login-container>.login-content>h1{font-size:30px;font-weight:300;color:#4e5a64}.user-login-5 .login-container>.login-content p{color:#a0a9b4;font-size:15px;line-height:22px}.user-login-5 .login-container>.login-content>.login-form{margin-top:80px;color:#a4aab2;font-size:13px}.user-login-5 .login-container>.login-content>.login-form .form-control{width:100%;padding:10px 0;border:#a0a9b4;border-bottom:1px solid;color:#868e97;font-size:14px;margin-bottom:30px}.user-login-5 .login-container>.login-content>.login-form .form-control:focus{outline:0}.user-login-5 .login-container>.login-content>.login-form .forgot-password,.user-login-5 .login-container>.login-content>.login-form .login-button{display:inline-block}.user-login-5 .login-container>.login-content>.login-form .rem-password{margin-top:10px}.user-login-5 .login-container>.login-content>.login-form .rem-password>p{margin:0}.user-login-5 .login-container>.login-content>.login-form .rem-password>.rem-checkbox{border-color:#a4aab2}.user-login-5 .login-container>.login-content>.login-form .forgot-password{margin-right:1em}.user-login-5 .login-container>.login-content>.login-form .forgot-password>a{color:#a4aab2}.user-login-5 .login-container>.login-content>.login-form .forgot-password>a:hover{color:#337ab7;text-decoration:none}.user-login-5 .login-container>.login-content>.login-form .forgot-password>a:focus{color:#a4aab2;text-decoration:none}.user-login-5 .login-container>.login-footer{position:absolute;bottom:0;width:100%;padding-bottom:10px}.user-login-5 .login-container>.login-footer .login-social{padding-right:0}.user-login-5 .login-container>.login-footer .login-social li{display:inline-block;list-style:none;margin-right:1em}.user-login-5 .login-container>.login-footer .login-social a{color:#a9b5be;font-size:18px}.user-login-5 .login-container>.login-footer .login-social a:hover{color:#337ab7;text-decoration:none}.user-login-5 .login-container>.login-footer .login-social a:focus{color:#a9b5be}.user-login-5 .login-container>.login-footer .login-copyright{padding-left:0;margin-top:6px}.user-login-5 .login-container>.login-footer .login-copyright>p{margin:0;font-size:13px;color:#a9b5be}.user-login-5 .alert{margin-top:-60px}.user-login-5 .form-group.has-error{border-bottom:2px solid #ed6b75!important}.user-login-5 .form-group.valid{border-bottom:1px solid #a0a9b4!important}@media (max-width:1365px){.user-login-5 .login-logo.login-6{top:40px;left:40px}.user-login-5 .login-container .login-copyright,.user-login-5 .login-container .login-social,.user-login-5 .login-container>.login-content{padding:0 40px}.user-login-5 .login-container .login-social{padding-right:0}.user-login-5 .login-container .login-copyright{padding-left:0}}@media (max-width:1023px){.user-login-5,.user-login-5 .login-bg,.user-login-5 .login-container{min-height:50vh}.user-login-5 .login-logo.login-6{position:relative;margin:0 0 40px}.user-login-5 .login-container>.login-content{margin-top:60px}.user-login-5 .login-container>.login-content .login-form{margin-top:40px}.user-login-5 .login-container .rem-password{margin-bottom:1em}.user-login-5 .login-container>.login-footer{position:relative;margin-top:40px;padding-bottom:0}.user-login-5 .login-container>.login-footer .login-social li{margin-right:.5em}.user-login-5 .alert{margin-top:-20px}}@media (max-width:640px){.user-login-5 .login-container>.login-content .text-right{text-align:left}} |
|
||||
@ -1,200 +0,0 @@ |
|||||
/* Cubic Bezier Transition */ |
|
||||
/*** |
|
||||
Login page |
|
||||
***/ |
|
||||
/* bg color */ |
|
||||
.login { |
|
||||
background-color: #364150 !important; } |
|
||||
|
|
||||
.login .logo { |
|
||||
margin: 0 auto; |
|
||||
margin-top: 60px; |
|
||||
padding: 15px; |
|
||||
text-align: center; } |
|
||||
|
|
||||
.login .content { |
|
||||
background-color: white; |
|
||||
-webkit-border-radius: 7px; |
|
||||
-moz-border-radius: 7px; |
|
||||
-ms-border-radius: 7px; |
|
||||
-o-border-radius: 7px; |
|
||||
border-radius: 7px; |
|
||||
width: 400px; |
|
||||
margin: 40px auto 10px auto; |
|
||||
padding: 30px; |
|
||||
padding-top: 10px; |
|
||||
overflow: hidden; |
|
||||
position: relative; } |
|
||||
|
|
||||
.login .content h3 { |
|
||||
color: #4db3a5; |
|
||||
text-align: center; |
|
||||
font-size: 28px; |
|
||||
font-weight: 400 !important; } |
|
||||
|
|
||||
.login .content h4 { |
|
||||
color: #555; } |
|
||||
|
|
||||
.login .content .hint { |
|
||||
color: #999; |
|
||||
padding: 0; |
|
||||
margin: 15px 0 7px 0; } |
|
||||
|
|
||||
.login .content .login-form, |
|
||||
.login .content .forget-form { |
|
||||
padding: 0px; |
|
||||
margin: 0px; } |
|
||||
|
|
||||
.login .content .form-control { |
|
||||
border: none; |
|
||||
background-color: #dde3ec; |
|
||||
height: 43px; |
|
||||
color: #8290a3; |
|
||||
border: 1px solid #dde3ec; } |
|
||||
.login .content .form-control:focus, .login .content .form-control:active { |
|
||||
border: 1px solid #c3ccda; } |
|
||||
.login .content .form-control::-moz-placeholder { |
|
||||
color: #8290a3; |
|
||||
opacity: 1; } |
|
||||
.login .content .form-control:-ms-input-placeholder { |
|
||||
color: #8290a3; } |
|
||||
.login .content .form-control::-webkit-input-placeholder { |
|
||||
color: #8290a3; } |
|
||||
|
|
||||
.login .content select.form-control { |
|
||||
padding-left: 9px; |
|
||||
padding-right: 9px; } |
|
||||
|
|
||||
.login .content .forget-form { |
|
||||
display: none; } |
|
||||
|
|
||||
.login .content .register-form { |
|
||||
display: none; } |
|
||||
|
|
||||
.login .content .form-title { |
|
||||
font-weight: 300; |
|
||||
margin-bottom: 25px; } |
|
||||
|
|
||||
.login .content .form-actions { |
|
||||
clear: both; |
|
||||
border: 0px; |
|
||||
border-bottom: 1px solid #eee; |
|
||||
padding: 25px 30px 25px 30px; |
|
||||
margin-left: -30px; |
|
||||
margin-right: -30px; } |
|
||||
.login .content .form-actions > .btn { |
|
||||
margin-top: -2px; } |
|
||||
|
|
||||
.login-options { |
|
||||
margin-top: 30px; |
|
||||
margin-bottom: 30px; |
|
||||
overflow: hidden; } |
|
||||
|
|
||||
.login-options h4 { |
|
||||
float: left; |
|
||||
font-weight: 600; |
|
||||
font-size: 15px; |
|
||||
color: #7d91aa !important; } |
|
||||
|
|
||||
.login-options .social-icons { |
|
||||
float: right; |
|
||||
padding-top: 3px; } |
|
||||
|
|
||||
.login-options .social-icons li a { |
|
||||
border-radius: 15px 15px 15px 15px !important; |
|
||||
-moz-border-radius: 15px 15px 15px 15px !important; |
|
||||
-webkit-border-radius: 15px 15px 15px 15px !important; } |
|
||||
|
|
||||
.login .content .form-actions .checkbox { |
|
||||
margin-left: 0; |
|
||||
padding-left: 0; } |
|
||||
|
|
||||
.login .content .forget-form .form-actions { |
|
||||
border: 0; |
|
||||
margin-bottom: 0; |
|
||||
padding-bottom: 20px; } |
|
||||
|
|
||||
.login .content .register-form .form-actions { |
|
||||
border: 0; |
|
||||
margin-bottom: 0; |
|
||||
padding-bottom: 0px; } |
|
||||
|
|
||||
.login .content .form-actions .btn { |
|
||||
margin-top: 1px; } |
|
||||
|
|
||||
.login .content .form-actions .btn { |
|
||||
font-weight: 600; |
|
||||
padding: 10px 20px !important; } |
|
||||
|
|
||||
.login .content .form-actions .btn-default { |
|
||||
font-weight: 600; |
|
||||
padding: 10px 25px !important; |
|
||||
color: #6c7a8d; |
|
||||
background-color: #ffffff; |
|
||||
border: none; } |
|
||||
|
|
||||
.login .content .form-actions .btn-default:hover { |
|
||||
background-color: #fafaff; |
|
||||
color: #45b6af; } |
|
||||
|
|
||||
.login .content .forget-password { |
|
||||
font-size: 14px; |
|
||||
float: right; |
|
||||
display: inline-block; |
|
||||
margin-top: 10px; } |
|
||||
|
|
||||
.login .content .check { |
|
||||
color: #8290a3; } |
|
||||
|
|
||||
.login .content .rememberme { |
|
||||
margin-left: 8px; } |
|
||||
|
|
||||
.login .content .create-account { |
|
||||
margin: 0 -40px -30px -40px; |
|
||||
padding: 15px 0 17px 0; |
|
||||
text-align: center; |
|
||||
background-color: #6c7a8d; |
|
||||
-webkit-border-radius: 0 0 7px 7px; |
|
||||
-moz-border-radius: 0 0 7px 7px; |
|
||||
-ms-border-radius: 0 0 7px 7px; |
|
||||
-o-border-radius: 0 0 7px 7px; |
|
||||
border-radius: 0 0 7px 7px; } |
|
||||
.login .content .create-account > p { |
|
||||
margin: 0; } |
|
||||
|
|
||||
.login .content .create-account p a { |
|
||||
font-weight: 600; |
|
||||
font-size: 14px; |
|
||||
color: #c3cedd; } |
|
||||
|
|
||||
.login .content .create-account a { |
|
||||
display: inline-block; |
|
||||
margin-top: 5px; } |
|
||||
|
|
||||
/* footer copyright */ |
|
||||
.login .copyright { |
|
||||
text-align: center; |
|
||||
margin: 0 auto 30px 0; |
|
||||
padding: 10px; |
|
||||
color: #7a8ca5; |
|
||||
font-size: 13px; } |
|
||||
|
|
||||
@media (max-width: 440px) { |
|
||||
/*** |
|
||||
Login page |
|
||||
***/ |
|
||||
.login .logo { |
|
||||
margin-top: 10px; } |
|
||||
.login .content { |
|
||||
width: 280px; |
|
||||
margin-top: 10px; } |
|
||||
.login .content h3 { |
|
||||
font-size: 22px; } |
|
||||
.forget-password { |
|
||||
display: inline-block; |
|
||||
margin-top: 20px; } |
|
||||
.login-options .social-icons { |
|
||||
float: left; |
|
||||
padding-top: 3px; } |
|
||||
.login .checkbox { |
|
||||
font-size: 13px; } } |
|
||||
@ -1 +0,0 @@ |
|||||
.login{background-color:#364150!important}.login .logo{margin:60px auto 0;padding:15px;text-align:center}.login .content{background-color:#fff;-webkit-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px;border-radius:7px;width:400px;margin:40px auto 10px;padding:10px 30px 30px;overflow:hidden;position:relative}.login .content h3{color:#4db3a5;text-align:center;font-size:28px;font-weight:400!important}.login .content h4{color:#555}.login .content .hint{color:#999;padding:0;margin:15px 0 7px}.login .content .forget-form,.login .content .login-form{padding:0;margin:0}.login .content .form-control{background-color:#dde3ec;height:43px;color:#8290a3;border:1px solid #dde3ec}.login .content .form-control:active,.login .content .form-control:focus{border:1px solid #c3ccda}.login .content .form-control::-moz-placeholder{color:#8290a3;opacity:1}.login .content .form-control:-ms-input-placeholder{color:#8290a3}.login .content .form-control::-webkit-input-placeholder{color:#8290a3}.login .content select.form-control{padding-left:9px;padding-right:9px}.login .content .forget-form,.login .content .register-form{display:none}.login .content .form-title{font-weight:300;margin-bottom:25px}.login .content .form-actions{clear:both;border:0;border-bottom:1px solid #eee;padding:25px 30px;margin-left:-30px;margin-right:-30px}.login .content .form-actions>.btn{margin-top:-2px}.login-options{margin-top:30px;margin-bottom:30px;overflow:hidden}.login-options h4{float:left;font-weight:600;font-size:15px;color:#7d91aa!important}.login-options .social-icons{float:right;padding-top:3px}.login-options .social-icons li a{border-radius:15px!important;-moz-border-radius:15px!important;-webkit-border-radius:15px!important}.login .content .form-actions .checkbox{margin-left:0;padding-left:0}.login .content .forget-form .form-actions{border:0;margin-bottom:0;padding-bottom:20px}.login .content .register-form .form-actions{border:0;margin-bottom:0;padding-bottom:0}.login .content .form-actions .btn{margin-top:1px;font-weight:600;padding:10px 20px!important}.login .content .form-actions .btn-default{font-weight:600;padding:10px 25px!important;color:#6c7a8d;background-color:#fff;border:none}.login .content .form-actions .btn-default:hover{background-color:#fafaff;color:#45b6af}.login .content .forget-password{font-size:14px;float:right;display:inline-block;margin-top:10px}.login .content .check{color:#8290a3}.login .content .rememberme{margin-left:8px}.login .content .create-account{margin:0 -40px -30px;padding:15px 0 17px;text-align:center;background-color:#6c7a8d;-webkit-border-radius:0 0 7px 7px;-moz-border-radius:0 0 7px 7px;-ms-border-radius:0 0 7px 7px;-o-border-radius:0 0 7px 7px;border-radius:0 0 7px 7px}.login .content .create-account>p{margin:0}.login .content .create-account p a{font-weight:600;font-size:14px;color:#c3cedd}.login .content .create-account a{display:inline-block;margin-top:5px}.login .copyright{text-align:center;margin:0 auto 30px 0;padding:10px;color:#7a8ca5;font-size:13px}@media (max-width:440px){.login .content,.login .logo{margin-top:10px}.login .content{width:280px}.login .content h3{font-size:22px}.forget-password{display:inline-block;margin-top:20px}.login-options .social-icons{float:left;padding-top:3px}.login .checkbox{font-size:13px}} |
|
||||
@ -1,119 +0,0 @@ |
|||||
/* Cubic Bezier Transition */ |
|
||||
/*** |
|
||||
Portfolio |
|
||||
***/ |
|
||||
.portfolio-content { |
|
||||
padding-top: 10px; } |
|
||||
.portfolio-content .cbp-l-filters-buttonCenter .cbp-filter-item, |
|
||||
.portfolio-content .cbp-l-filters-buttonCenter .cbp-filter-counter, |
|
||||
.portfolio-content .cbp-l-filters-big .cbp-l-filters-big .cbp-filter-item, |
|
||||
.portfolio-content .cbp-l-grid-work-title, |
|
||||
.portfolio-content .cbp-l-clients-title-block, |
|
||||
.portfolio-content .cbp-l-grid-masonry-projects-title, |
|
||||
.portfolio-content .cbp-l-grid-masonry-projects-desc, |
|
||||
.portfolio-content .cbp-l-grid-mosaic .cbp-l-caption-title, |
|
||||
.portfolio-content .cbp-l-grid-mosaic .cbp-l-caption-desc, |
|
||||
.portfolio-content .cbp-l-slider-title-block div, |
|
||||
.portfolio-content .cbp-l-grid-slider-team-name, |
|
||||
.portfolio-content .cbp-l-grid-slider-team-position, |
|
||||
.portfolio-content .cbp-l-grid-slider-team-desc, |
|
||||
.portfolio-content .cbp-l-grid-slider-testimonials-footer, |
|
||||
.portfolio-content .cbp-l-testimonials-title-block, |
|
||||
.portfolio-content .cbp-l-grid-testimonials-footer, |
|
||||
.portfolio-content .cbp-caption-expand .cbp-caption-defaultWrap, |
|
||||
.portfolio-content .cbp-caption-expand .cbp-l-caption-body { |
|
||||
font-family: "Open Sans", sans-serif !important; } |
|
||||
.portfolio-content .text-center { |
|
||||
text-align: center; } |
|
||||
.portfolio-content .cbp-l-project-related-link:hover { |
|
||||
text-decoration: none; } |
|
||||
.portfolio-content .cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active, |
|
||||
.portfolio-content .cbp-l-filters-button .cbp-filter-counter { |
|
||||
background-color: #2F353B; |
|
||||
border-color: #2F353B; |
|
||||
color: #fff; } |
|
||||
.portfolio-content .cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active:before, |
|
||||
.portfolio-content .cbp-l-filters-button .cbp-filter-counter:before { |
|
||||
border-top-color: #2F353B; } |
|
||||
.portfolio-content .cbp-l-project-desc-title span, |
|
||||
.portfolio-content .cbp-l-project-details-title span { |
|
||||
border-bottom-color: #e7505a; |
|
||||
text-transform: uppercase; |
|
||||
font-weight: 600; } |
|
||||
.portfolio-content.portfolio-2 .cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active, |
|
||||
.portfolio-content.portfolio-2 .cbp-l-filters-button .cbp-filter-counter { |
|
||||
background-color: #32C5D2; |
|
||||
border-color: #32C5D2; |
|
||||
color: #fff; } |
|
||||
.portfolio-content.portfolio-2 .cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active:before, |
|
||||
.portfolio-content.portfolio-2 .cbp-l-filters-button .cbp-filter-counter:before { |
|
||||
border-top-color: #32C5D2; } |
|
||||
.portfolio-content.portfolio-2 .cbp-l-grid-mosaic .cbp-caption-activeWrap { |
|
||||
background-color: rgba(50, 197, 210, 0.9); } |
|
||||
.portfolio-content.portfolio-2 .cbp-l-grid-mosaic .cbp-caption-activeWrap .cbp-l-caption-title, |
|
||||
.portfolio-content.portfolio-2 .cbp-l-grid-mosaic .cbp-caption-activeWrap .cbp-l-caption-desc { |
|
||||
color: #fff; } |
|
||||
.portfolio-content.portfolio-3 .cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active, |
|
||||
.portfolio-content.portfolio-3 .cbp-l-filters-button .cbp-filter-counter { |
|
||||
background-color: #3598DC; |
|
||||
border-color: #3598DC; |
|
||||
color: #fff; } |
|
||||
.portfolio-content.portfolio-3 .cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active:before, |
|
||||
.portfolio-content.portfolio-3 .cbp-l-filters-button .cbp-filter-counter:before { |
|
||||
border-top-color: #3598DC; } |
|
||||
.portfolio-content.portfolio-3 .cbp-caption-zoom .cbp-caption-activeWrap { |
|
||||
background-color: rgba(0, 0, 0, 0.7); } |
|
||||
.portfolio-content.portfolio-3 .cbp-l-project-desc-title span, |
|
||||
.portfolio-content.portfolio-3 .cbp-l-project-details-title span { |
|
||||
border-bottom-color: #3598DC; } |
|
||||
.portfolio-content.portfolio-3 .cbp-l-filters-dropdown { |
|
||||
margin-bottom: 25px; } |
|
||||
.portfolio-content.portfolio-4 .cbp-caption-zoom .cbp-caption-activeWrap { |
|
||||
background-color: rgba(0, 0, 0, 0.7); } |
|
||||
.portfolio-content.portfolio-4 .cbp-l-filters-alignCenter { |
|
||||
margin-bottom: 25px; } |
|
||||
.portfolio-content.portfolio-4 .cbp-l-filters-alignCenter .cbp-filter-item { |
|
||||
margin-bottom: 0; } |
|
||||
.portfolio-content .cbp-l-filters-dropdown-floated { |
|
||||
margin-top: 0; } |
|
||||
.portfolio-content .cbp-l-filters-dropdownWrap .cbp-l-filters-dropdownHeader { |
|
||||
line-height: 31px; } |
|
||||
.portfolio-content .cbp-l-filters-dropdownWrap .cbp-l-filters-dropdownList .cbp-filter-item { |
|
||||
line-height: 31px; } |
|
||||
.portfolio-content .cbp-popup-singlePage .cbp-popup-content { |
|
||||
max-width: 1170px; } |
|
||||
.portfolio-content .cbp-l-filters-button { |
|
||||
margin-bottom: 25px; } |
|
||||
.portfolio-content .cbp-l-loadMore-button { |
|
||||
margin-bottom: 60px; } |
|
||||
.portfolio-content .btn { |
|
||||
padding: 6px 12px; } |
|
||||
|
|
||||
.cbp-popup-wrap, |
|
||||
.cbp-popup-singlePage-open { |
|
||||
z-index: 10105 !important; } |
|
||||
|
|
||||
.cbp-popup-singlePage .cbp-popup-navigation-wrap { |
|
||||
z-index: 10106 !important; } |
|
||||
|
|
||||
.portfolio-tile { |
|
||||
margin-bottom: 30px; } |
|
||||
|
|
||||
.cbp-l-filters-dropdownWrap { |
|
||||
background: none; |
|
||||
border: 1px solid #2F353B; } |
|
||||
.cbp-l-filters-dropdownWrap .cbp-l-filters-dropdownHeader { |
|
||||
color: #2F353B; |
|
||||
font-size: 12px; } |
|
||||
.cbp-l-filters-dropdownWrap .cbp-l-filters-dropdownHeader:after { |
|
||||
border-color: #2F353B transparent; } |
|
||||
.cbp-l-filters-dropdownWrap .cbp-l-filters-dropdownList { |
|
||||
background: #ffffff; } |
|
||||
.cbp-l-filters-dropdownWrap .cbp-l-filters-dropdownList .cbp-filter-item { |
|
||||
font-size: 12px; |
|
||||
color: #2F353B; |
|
||||
border: 0; } |
|
||||
.cbp-l-filters-dropdownWrap .cbp-l-filters-dropdownList .cbp-filter-item:hover { |
|
||||
background: #f3f4f5; } |
|
||||
.cbp-l-filters-dropdownWrap .cbp-l-filters-dropdownList .cbp-filter-item.cbp-filter-item-active { |
|
||||
background: #e5e8ea; } |
|
||||
@ -1 +0,0 @@ |
|||||
.portfolio-content.portfolio-3 .cbp-l-filters-dropdown,.portfolio-content.portfolio-4 .cbp-l-filters-alignCenter{margin-bottom:25px}.portfolio-content{padding-top:10px}.portfolio-content .cbp-caption-expand .cbp-caption-defaultWrap,.portfolio-content .cbp-caption-expand .cbp-l-caption-body,.portfolio-content .cbp-l-clients-title-block,.portfolio-content .cbp-l-filters-big .cbp-l-filters-big .cbp-filter-item,.portfolio-content .cbp-l-filters-buttonCenter .cbp-filter-counter,.portfolio-content .cbp-l-filters-buttonCenter .cbp-filter-item,.portfolio-content .cbp-l-grid-masonry-projects-desc,.portfolio-content .cbp-l-grid-masonry-projects-title,.portfolio-content .cbp-l-grid-mosaic .cbp-l-caption-desc,.portfolio-content .cbp-l-grid-mosaic .cbp-l-caption-title,.portfolio-content .cbp-l-grid-slider-team-desc,.portfolio-content .cbp-l-grid-slider-team-name,.portfolio-content .cbp-l-grid-slider-team-position,.portfolio-content .cbp-l-grid-slider-testimonials-footer,.portfolio-content .cbp-l-grid-testimonials-footer,.portfolio-content .cbp-l-grid-work-title,.portfolio-content .cbp-l-slider-title-block div,.portfolio-content .cbp-l-testimonials-title-block{font-family:"Open Sans",sans-serif!important}.portfolio-content .text-center{text-align:center}.portfolio-content .cbp-l-project-related-link:hover{text-decoration:none}.portfolio-content .cbp-l-filters-button .cbp-filter-counter,.portfolio-content .cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active{background-color:#2F353B;border-color:#2F353B;color:#fff}.portfolio-content .cbp-l-filters-button .cbp-filter-counter:before,.portfolio-content .cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active:before{border-top-color:#2F353B}.portfolio-content .cbp-l-project-desc-title span,.portfolio-content .cbp-l-project-details-title span{border-bottom-color:#e7505a;text-transform:uppercase;font-weight:600}.portfolio-content.portfolio-2 .cbp-l-filters-button .cbp-filter-counter,.portfolio-content.portfolio-2 .cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active{background-color:#32C5D2;border-color:#32C5D2;color:#fff}.portfolio-content.portfolio-2 .cbp-l-filters-button .cbp-filter-counter:before,.portfolio-content.portfolio-2 .cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active:before{border-top-color:#32C5D2}.portfolio-content.portfolio-2 .cbp-l-grid-mosaic .cbp-caption-activeWrap{background-color:rgba(50,197,210,.9)}.portfolio-content.portfolio-2 .cbp-l-grid-mosaic .cbp-caption-activeWrap .cbp-l-caption-desc,.portfolio-content.portfolio-2 .cbp-l-grid-mosaic .cbp-caption-activeWrap .cbp-l-caption-title{color:#fff}.portfolio-content.portfolio-3 .cbp-l-filters-button .cbp-filter-counter,.portfolio-content.portfolio-3 .cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active{background-color:#3598DC;border-color:#3598DC;color:#fff}.portfolio-content.portfolio-3 .cbp-caption-zoom .cbp-caption-activeWrap,.portfolio-content.portfolio-4 .cbp-caption-zoom .cbp-caption-activeWrap{background-color:rgba(0,0,0,.7)}.portfolio-content.portfolio-3 .cbp-l-filters-button .cbp-filter-counter:before,.portfolio-content.portfolio-3 .cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active:before{border-top-color:#3598DC}.portfolio-content.portfolio-3 .cbp-l-project-desc-title span,.portfolio-content.portfolio-3 .cbp-l-project-details-title span{border-bottom-color:#3598DC}.portfolio-content.portfolio-4 .cbp-l-filters-alignCenter .cbp-filter-item{margin-bottom:0}.portfolio-content .cbp-l-filters-dropdown-floated{margin-top:0}.portfolio-content .cbp-l-filters-dropdownWrap .cbp-l-filters-dropdownHeader,.portfolio-content .cbp-l-filters-dropdownWrap .cbp-l-filters-dropdownList .cbp-filter-item{line-height:31px}.portfolio-content .cbp-popup-singlePage .cbp-popup-content{max-width:1170px}.portfolio-content .cbp-l-filters-button{margin-bottom:25px}.portfolio-content .cbp-l-loadMore-button{margin-bottom:60px}.portfolio-content .btn{padding:6px 12px}.cbp-popup-singlePage-open,.cbp-popup-wrap{z-index:10105!important}.cbp-popup-singlePage .cbp-popup-navigation-wrap{z-index:10106!important}.portfolio-tile{margin-bottom:30px}.cbp-l-filters-dropdownWrap{background:0 0;border:1px solid #2F353B}.cbp-l-filters-dropdownWrap .cbp-l-filters-dropdownHeader{color:#2F353B;font-size:12px}.cbp-l-filters-dropdownWrap .cbp-l-filters-dropdownHeader:after{border-color:#2F353B transparent}.cbp-l-filters-dropdownWrap .cbp-l-filters-dropdownList{background:#fff}.cbp-l-filters-dropdownWrap .cbp-l-filters-dropdownList .cbp-filter-item{font-size:12px;color:#2F353B;border:0}.cbp-l-filters-dropdownWrap .cbp-l-filters-dropdownList .cbp-filter-item:hover{background:#f3f4f5}.cbp-l-filters-dropdownWrap .cbp-l-filters-dropdownList .cbp-filter-item.cbp-filter-item-active{background:#e5e8ea} |
|
||||
@ -1,221 +0,0 @@ |
|||||
/* Cubic Bezier Transition */ |
|
||||
/*** |
|
||||
Pricing Table 1 |
|
||||
***/ |
|
||||
.pricing-content-1 { |
|
||||
background-color: #fff; } |
|
||||
.pricing-content-1:before, .pricing-content-1:after { |
|
||||
content: " "; |
|
||||
display: table; } |
|
||||
.pricing-content-1:after { |
|
||||
clear: both; } |
|
||||
.pricing-content-1 .arrow-down { |
|
||||
width: 0; |
|
||||
height: 0; |
|
||||
border-left: 15px solid transparent; |
|
||||
border-right: 15px solid transparent; |
|
||||
border-top: 15px solid; |
|
||||
margin: auto; } |
|
||||
.pricing-content-1 .arrow-down.arrow-blue { |
|
||||
border-top-color: #3598DC; } |
|
||||
.pricing-content-1 .arrow-down.arrow-green { |
|
||||
border-top-color: #32C5D2; } |
|
||||
.pricing-content-1 .arrow-down.arrow-dark { |
|
||||
border-top-color: #2F353B; } |
|
||||
.pricing-content-1 .arrow-down.arrow-grey { |
|
||||
border-top-color: #f7f9fb; } |
|
||||
.pricing-content-1 .price-ribbon { |
|
||||
position: absolute; |
|
||||
top: 75px; |
|
||||
right: -4px; |
|
||||
width: 90px; |
|
||||
font-size: 14px; |
|
||||
text-transform: uppercase; |
|
||||
font-weight: 300; |
|
||||
padding: 6px 20px 6px 15px; |
|
||||
color: #fff; |
|
||||
background-color: #D91E18; |
|
||||
text-shadow: 0px 1px 2px #bbb; |
|
||||
-webkit-box-shadow: 0px 2px 4px #888; |
|
||||
-moz-box-shadow: 0px 2px 4px #888; |
|
||||
box-shadow: 0px 2px 4px #888; } |
|
||||
.pricing-content-1 .price-ribbon:after { |
|
||||
content: ' '; |
|
||||
position: absolute; |
|
||||
width: 0; |
|
||||
height: 0; |
|
||||
right: 0px; |
|
||||
top: 100%; |
|
||||
border-width: 5px 10px; |
|
||||
border-style: solid; |
|
||||
border-color: #64120f transparent transparent #64120f; } |
|
||||
.pricing-content-1 .pricing-title { |
|
||||
border-bottom: 1px solid; |
|
||||
border-color: #fff; } |
|
||||
.pricing-content-1 .pricing-title > h1 { |
|
||||
margin: 20px 0; } |
|
||||
.pricing-content-1 .price-column-container { |
|
||||
text-align: center; |
|
||||
margin: 0; |
|
||||
background-color: #fff; } |
|
||||
.pricing-content-1 .price-column-container.border-active { |
|
||||
border: 1px solid #e5e9ee; } |
|
||||
.pricing-content-1 .price-column-container:first-child { |
|
||||
margin-left: 0; } |
|
||||
.pricing-content-1 .price-column-container:last-child { |
|
||||
margin-right: 0; } |
|
||||
.pricing-content-1 .price-table-head { |
|
||||
color: #fff; |
|
||||
padding: 20px 0; } |
|
||||
.pricing-content-1 .price-table-head h2 { |
|
||||
font-size: 26px; } |
|
||||
.pricing-content-1 .price-table-head.price-1 { |
|
||||
background-color: #3598DC; } |
|
||||
.pricing-content-1 .price-table-head.price-2 { |
|
||||
background-color: #32C5D2; } |
|
||||
.pricing-content-1 .price-table-head.price-3 { |
|
||||
background-color: #2F353B; } |
|
||||
.pricing-content-1 .price-table-pricing > h3 { |
|
||||
font-size: 60px; |
|
||||
position: relative; } |
|
||||
.pricing-content-1 .price-table-pricing > h3 > .price-sign { |
|
||||
font-size: 24px; |
|
||||
position: absolute; |
|
||||
margin-left: -15px; } |
|
||||
.pricing-content-1 .price-table-pricing > p { |
|
||||
margin-top: 0; } |
|
||||
.pricing-content-1 .price-table-content { |
|
||||
background-color: #f7f9fb; |
|
||||
color: #5c6d7e; |
|
||||
font-weight: 600; |
|
||||
font-size: 16px; } |
|
||||
.pricing-content-1 .price-table-content .row { |
|
||||
padding-top: 10px; |
|
||||
padding-bottom: 10px; } |
|
||||
.pricing-content-1 .price-table-content .row i { |
|
||||
color: #6cade6; } |
|
||||
.pricing-content-1 .price-table-content .row:first-child { |
|
||||
padding-top: 20px; } |
|
||||
.pricing-content-1 .price-table-content .row:last-child { |
|
||||
padding-bottom: 20px; } |
|
||||
.pricing-content-1 .price-table-footer { |
|
||||
padding: 20px 0; } |
|
||||
.pricing-content-1 .price-table-footer > .price-button { |
|
||||
font-weight: bold; |
|
||||
padding: 10px 20px; } |
|
||||
|
|
||||
@media (max-width: 1024px) { |
|
||||
.pricing-content-1 .mobile-padding { |
|
||||
padding: 0; |
|
||||
margin: 0; } |
|
||||
.pricing-content-1 .mobile-padding > i { |
|
||||
margin-right: 5px; } |
|
||||
.pricing-content-1 .price-table-content { |
|
||||
padding-left: 10px; |
|
||||
padding-right: 10px; } } |
|
||||
|
|
||||
@media (max-width: 1024px) { |
|
||||
.pricing-content-1 .mobile-padding { |
|
||||
padding: 0 15px; |
|
||||
margin: 0 -15px; } |
|
||||
.pricing-content-1 .mobile-padding > i { |
|
||||
margin-right: 20px; } |
|
||||
.pricing-content-1 .price-table-content { |
|
||||
padding-left: 15px; |
|
||||
padding-right: 15px; } } |
|
||||
|
|
||||
/*** |
|
||||
Pricing Table 2 |
|
||||
***/ |
|
||||
.pricing-content-2 { |
|
||||
background-color: #fff; } |
|
||||
.pricing-content-2 .no-padding { |
|
||||
padding: 0; } |
|
||||
.pricing-content-2 .text-left { |
|
||||
text-align: left; } |
|
||||
.pricing-content-2 .text-right { |
|
||||
text-align: right; } |
|
||||
.pricing-content-2.pricing-bg-dark { |
|
||||
background-color: #2F353B; } |
|
||||
.pricing-content-2 .pricing-title { |
|
||||
border-color: #444; } |
|
||||
.pricing-content-2 .pricing-title > h1 { |
|
||||
color: #fff; } |
|
||||
.pricing-content-2 .pricing-table-container { |
|
||||
padding-top: 40px; |
|
||||
padding-bottom: 40px; } |
|
||||
.pricing-content-2 .pricing-table-container .padding-fix { |
|
||||
padding-left: 15px; |
|
||||
padding-right: 15px; } |
|
||||
.pricing-content-2 .pricing-table-container .price-column-container { |
|
||||
background-color: #fff; |
|
||||
margin: 30px 0; |
|
||||
padding: 60px 0; |
|
||||
text-align: center; |
|
||||
border-bottom: 4px solid #ccc; } |
|
||||
.pricing-content-2 .pricing-table-container .price-column-container.border-right { |
|
||||
border-right: 1px solid #ccc; } |
|
||||
.pricing-content-2 .pricing-table-container .price-column-container.border-left { |
|
||||
border-left: 1px solid #ccc; } |
|
||||
.pricing-content-2 .pricing-table-container .price-column-container.border-top { |
|
||||
border-top: 1px solid #ccc; } |
|
||||
.pricing-content-2 .pricing-table-container .price-column-container.featured-price { |
|
||||
margin: 0; |
|
||||
padding: 89px 0; |
|
||||
border: 1px solid; |
|
||||
border-bottom: 4px solid; |
|
||||
border-color: #ccc; } |
|
||||
.pricing-content-2 .pricing-table-container .price-column-container.featured-price > .price-feature-label { |
|
||||
position: absolute; |
|
||||
top: 0; |
|
||||
left: 50%; |
|
||||
display: inline-block; |
|
||||
width: 110px; |
|
||||
margin: 0 0 0 -60px; |
|
||||
padding: 7px 15px; |
|
||||
color: #fff; |
|
||||
font-weight: 300; } |
|
||||
.pricing-content-2 .pricing-table-container .price-column-container > .price-table-head > h2 { |
|
||||
letter-spacing: 1px; |
|
||||
font-weight: 600; |
|
||||
font-size: 18px; |
|
||||
color: #ACB5C3; } |
|
||||
.pricing-content-2 .pricing-table-container .price-column-container > .price-table-head > h2.opt-pricing-5 { |
|
||||
padding: 7px 15px; |
|
||||
display: inline; |
|
||||
margin: 0 auto 20px auto; |
|
||||
font-size: 16px; } |
|
||||
.pricing-content-2 .pricing-table-container .price-column-container > .price-table-pricing > h3 { |
|
||||
font-size: 60px; |
|
||||
position: relative; |
|
||||
font-weight: 600; } |
|
||||
.pricing-content-2 .pricing-table-container .price-column-container > .price-table-pricing > h3 > .price-sign { |
|
||||
font-size: 24px; |
|
||||
position: absolute; |
|
||||
margin-left: -15px; } |
|
||||
.pricing-content-2 .pricing-table-container .price-column-container > .price-table-pricing > p { |
|
||||
margin-top: 0; } |
|
||||
.pricing-content-2 .pricing-table-container .price-column-container > .price-table-content { |
|
||||
color: #333; |
|
||||
font-weight: 300; |
|
||||
font-size: 16px; } |
|
||||
.pricing-content-2 .pricing-table-container .price-column-container > .price-table-content .row { |
|
||||
padding-top: 20px; |
|
||||
padding-bottom: 20px; |
|
||||
border-bottom: 1px solid; |
|
||||
border-color: #eee; } |
|
||||
.pricing-content-2 .pricing-table-container .price-column-container > .price-table-content .row:first-child { |
|
||||
border-top: 1px solid; |
|
||||
border-color: #eee; } |
|
||||
.pricing-content-2 .pricing-table-container .price-column-container > .price-table-footer { |
|
||||
padding: 40px 0 0 0; } |
|
||||
.pricing-content-2 .pricing-table-container .price-column-container > .price-table-footer > .featured-price { |
|
||||
font-size: 20px; |
|
||||
font-weight: 300; |
|
||||
border-bottom: 3px solid #3FABA4; } |
|
||||
|
|
||||
@media (max-width: 991px) { |
|
||||
.pricing-content-2 .price-column-container { |
|
||||
border-left: 1px solid; |
|
||||
border-right: 1px solid; |
|
||||
border-color: #ccc; } } |
|
||||
File diff suppressed because one or more lines are too long
@ -1,277 +0,0 @@ |
|||||
/* Cubic Bezier Transition */ |
|
||||
/*** |
|
||||
Profile Page |
|
||||
***/ |
|
||||
.profile { |
|
||||
position: relative; } |
|
||||
.page-container-bg-solid .profile { |
|
||||
background: #ffffff; |
|
||||
padding: 20px; } |
|
||||
|
|
||||
.profile p { |
|
||||
color: #636363; |
|
||||
font-size: 13px; } |
|
||||
|
|
||||
.profile p a { |
|
||||
color: #169ef4; } |
|
||||
|
|
||||
.profile label { |
|
||||
margin-top: 10px; } |
|
||||
|
|
||||
.profile label:first-child { |
|
||||
margin-top: 0; } |
|
||||
|
|
||||
/*profile info*/ |
|
||||
.profile-classic .profile-image { |
|
||||
position: relative; } |
|
||||
|
|
||||
.profile-classic .profile-edit { |
|
||||
top: 0; |
|
||||
right: 0; |
|
||||
margin: 0; |
|
||||
color: #fff; |
|
||||
opacity: 0.6; |
|
||||
padding: 0 9px; |
|
||||
font-size: 11px; |
|
||||
background: #000; |
|
||||
position: absolute; |
|
||||
filter: alpha(opacity=60); |
|
||||
/*for ie*/ } |
|
||||
|
|
||||
.profile-classic .profile-image img { |
|
||||
margin-bottom: 15px; } |
|
||||
|
|
||||
.profile-classic li { |
|
||||
padding: 8px 0; |
|
||||
font-size: 13px; |
|
||||
border-top: solid 1px #f5f5f5; } |
|
||||
|
|
||||
.profile-classic li:first-child { |
|
||||
border-top: none; } |
|
||||
|
|
||||
.profile-classic li span { |
|
||||
color: #666; |
|
||||
font-size: 13px; |
|
||||
margin-right: 7px; } |
|
||||
|
|
||||
/*profile tabs*/ |
|
||||
.profile .tabbable-custom-profile .nav-tabs > li > a { |
|
||||
padding: 6px 12px; } |
|
||||
|
|
||||
/*profile navigation*/ |
|
||||
.profile ul.profile-nav { |
|
||||
margin-bottom: 30px; } |
|
||||
.profile ul.profile-nav img.pic-bordered { |
|
||||
border: 1px solid #e1e7ee; } |
|
||||
|
|
||||
.profile ul.profile-nav li { |
|
||||
position: relative; } |
|
||||
|
|
||||
.profile ul.profile-nav li a { |
|
||||
color: #557386; |
|
||||
display: block; |
|
||||
font-size: 14px; |
|
||||
padding: 8px 10px; |
|
||||
margin-bottom: 1px; |
|
||||
background: #f0f6fa; |
|
||||
border-left: solid 2px #c4d5df; } |
|
||||
|
|
||||
.profile ul.profile-nav li a:hover { |
|
||||
color: #169ef4; |
|
||||
background: #ecf5fb; |
|
||||
text-decoration: none; |
|
||||
border-left: solid 2px #169ef4; } |
|
||||
|
|
||||
.profile ul.profile-nav li a.profile-edit { |
|
||||
top: 0; |
|
||||
right: 0; |
|
||||
margin: 0; |
|
||||
color: #fff; |
|
||||
opacity: 0.6; |
|
||||
border: none; |
|
||||
padding: 3px 9px; |
|
||||
font-size: 12px; |
|
||||
background: #000; |
|
||||
position: absolute; |
|
||||
filter: alpha(opacity=60); |
|
||||
/*for ie*/ } |
|
||||
|
|
||||
.profile ul.profile-nav li a.profile-edit:hover { |
|
||||
text-decoration: underline; } |
|
||||
|
|
||||
.profile ul.profile-nav a span { |
|
||||
top: 0; |
|
||||
right: 0; |
|
||||
color: #fff; |
|
||||
font-size: 16px; |
|
||||
padding: 7px 13px; |
|
||||
position: absolute; |
|
||||
background: #169ef4; } |
|
||||
|
|
||||
.profile ul.profile-nav a:hover span { |
|
||||
background: #0b94ea; } |
|
||||
|
|
||||
/*profile information*/ |
|
||||
.profile-info h1 { |
|
||||
color: #383839; |
|
||||
font-size: 24px; |
|
||||
font-weight: 400; |
|
||||
margin: 0 0 10px 0; } |
|
||||
|
|
||||
.profile-info ul { |
|
||||
margin-bottom: 15px; } |
|
||||
|
|
||||
.profile-info li { |
|
||||
color: #6b6b6b; |
|
||||
font-size: 13px; |
|
||||
margin-right: 15px; |
|
||||
margin-bottom: 5px; |
|
||||
padding: 0 !important; } |
|
||||
|
|
||||
.profile-info li i { |
|
||||
color: #b5c1c9; |
|
||||
font-size: 15px; } |
|
||||
|
|
||||
.profile-info li:hover i { |
|
||||
color: #169ef4; } |
|
||||
|
|
||||
/*profile sales summary*/ |
|
||||
.sale-summary ul { |
|
||||
margin-top: -10px; } |
|
||||
|
|
||||
.sale-summary li { |
|
||||
padding: 10px 0; |
|
||||
overflow: hidden; |
|
||||
border-top: solid 1px #eee; } |
|
||||
|
|
||||
.sale-summary li:first-child { |
|
||||
border-top: none; } |
|
||||
|
|
||||
.sale-summary li .sale-info { |
|
||||
margin-top: 4px; |
|
||||
float: left; |
|
||||
color: #646464; |
|
||||
font-size: 14px; |
|
||||
text-transform: uppercase; } |
|
||||
|
|
||||
.sale-summary li .sale-num { |
|
||||
float: right; |
|
||||
color: #169ef4; |
|
||||
font-size: 20px; |
|
||||
font-weight: 300; } |
|
||||
|
|
||||
.sale-summary li span i { |
|
||||
top: 1px; |
|
||||
width: 13px; |
|
||||
height: 14px; |
|
||||
margin-left: 3px; |
|
||||
position: relative; |
|
||||
display: inline-block; } |
|
||||
|
|
||||
.sale-summary .caption h4 { |
|
||||
color: #383839; |
|
||||
font-size: 18px; } |
|
||||
|
|
||||
.sale-summary .caption { |
|
||||
border-color: #c9c9c9; } |
|
||||
|
|
||||
/*latest customers table*/ |
|
||||
.profile .table-advance thead tr th { |
|
||||
background: #f0f6fa; } |
|
||||
|
|
||||
.profile .table-bordered th, |
|
||||
.profile .table-bordered td, |
|
||||
.profile .table-bordered { |
|
||||
border-color: #e5eff6; } |
|
||||
|
|
||||
.profile .table-striped tbody > tr:nth-child(2n+1) > td, |
|
||||
.profile .table-striped tbody > tr:nth-child(2n+1) > th { |
|
||||
background: #fcfcfc; } |
|
||||
|
|
||||
.profile .table-hover tbody tr:hover td, |
|
||||
.profile .table-hover tbody tr:hover th { |
|
||||
background: #f5fafd; } |
|
||||
|
|
||||
/*add portfolio*/ |
|
||||
.add-portfolio { |
|
||||
overflow: hidden; |
|
||||
margin-bottom: 30px; |
|
||||
background: #f0f6fa; |
|
||||
padding: 12px 14px; } |
|
||||
|
|
||||
.add-portfolio span { |
|
||||
float: left; |
|
||||
display: inline-block; |
|
||||
font-weight: 300; |
|
||||
font-size: 22px; |
|
||||
margin-top: 0px; } |
|
||||
|
|
||||
.add-portfolio .btn { |
|
||||
margin-left: 20px; } |
|
||||
|
|
||||
/*portfolio block*/ |
|
||||
.portfolio-block { |
|
||||
background: #f7f7f7; |
|
||||
margin-bottom: 15px; |
|
||||
overflow: hidden; } |
|
||||
|
|
||||
.portfolio-stat { |
|
||||
overflow: hidden; } |
|
||||
|
|
||||
/*portfolio text*/ |
|
||||
.portfolio-text { |
|
||||
overflow: hidden; } |
|
||||
|
|
||||
.portfolio-text img { |
|
||||
float: left; |
|
||||
margin-right: 15px; } |
|
||||
|
|
||||
.portfolio-text .portfolio-text-info { |
|
||||
overflow: hidden; } |
|
||||
|
|
||||
/*portfolio button*/ |
|
||||
.portfolio-btn a { |
|
||||
display: block; |
|
||||
padding: 25px 0; |
|
||||
background: #ddd !important; } |
|
||||
|
|
||||
.portfolio-btn a:hover { |
|
||||
background: #1d943b !important; } |
|
||||
|
|
||||
.portfolio-btn span { |
|
||||
color: #fff; |
|
||||
font-size: 22px; |
|
||||
font-weight: 200; } |
|
||||
|
|
||||
/*portfolio info*/ |
|
||||
.portfolio-info { |
|
||||
float: left; |
|
||||
color: #616161; |
|
||||
font-size: 12px; |
|
||||
padding: 10px 25px; |
|
||||
margin-bottom: 5px; |
|
||||
text-transform: uppercase; } |
|
||||
|
|
||||
.portfolio-info span { |
|
||||
color: #16a1f2; |
|
||||
display: block; |
|
||||
font-size: 28px; |
|
||||
line-height: 28px; |
|
||||
margin-top: 0px; |
|
||||
font-weight: 200; |
|
||||
text-transform: uppercase; } |
|
||||
|
|
||||
/*portfolio settings*/ |
|
||||
.profile-settings { |
|
||||
background: #fafafa; |
|
||||
padding: 15px 8px 0; |
|
||||
margin-bottom: 5px; } |
|
||||
|
|
||||
.profile-settings p { |
|
||||
padding-left: 5px; |
|
||||
margin-bottom: 3px; } |
|
||||
|
|
||||
.profile-settings .controls > .radio, |
|
||||
.profile-settings .controls > .checkbox { |
|
||||
font-size: 12px; |
|
||||
margin-top: 2px !important; } |
|
||||
@ -1 +0,0 @@ |
|||||
.profile,.profile-classic .profile-image{position:relative}.add-portfolio,.portfolio-block,.portfolio-stat,.portfolio-text,.portfolio-text .portfolio-text-info{overflow:hidden}.page-container-bg-solid .profile{background:#fff;padding:20px}.profile p{color:#636363;font-size:13px}.profile p a{color:#169ef4}.profile label{margin-top:10px}.profile label:first-child{margin-top:0}.profile-classic .profile-edit{top:0;right:0;margin:0;color:#fff;opacity:.6;padding:0 9px;font-size:11px;background:#000;position:absolute;filter:alpha(opacity=60)}.profile-classic .profile-image img{margin-bottom:15px}.profile-classic li{padding:8px 0;font-size:13px;border-top:solid 1px #f5f5f5}.profile-classic li:first-child{border-top:none}.profile-classic li span{color:#666;font-size:13px;margin-right:7px}.profile .tabbable-custom-profile .nav-tabs>li>a{padding:6px 12px}.profile ul.profile-nav{margin-bottom:30px}.profile ul.profile-nav img.pic-bordered{border:1px solid #e1e7ee}.profile ul.profile-nav li{position:relative}.profile ul.profile-nav li a{color:#557386;display:block;font-size:14px;padding:8px 10px;margin-bottom:1px;background:#f0f6fa;border-left:solid 2px #c4d5df}.profile ul.profile-nav li a:hover{color:#169ef4;background:#ecf5fb;text-decoration:none;border-left:solid 2px #169ef4}.profile ul.profile-nav li a.profile-edit{top:0;right:0;margin:0;color:#fff;opacity:.6;border:none;padding:3px 9px;font-size:12px;background:#000;position:absolute;filter:alpha(opacity=60)}.profile ul.profile-nav li a.profile-edit:hover{text-decoration:underline}.profile ul.profile-nav a span{top:0;right:0;color:#fff;font-size:16px;padding:7px 13px;position:absolute;background:#169ef4}.profile ul.profile-nav a:hover span{background:#0b94ea}.profile-info h1{color:#383839;font-size:24px;font-weight:400;margin:0 0 10px}.profile-info ul{margin-bottom:15px}.profile-info li{color:#6b6b6b;font-size:13px;margin-right:15px;margin-bottom:5px;padding:0!important}.profile-info li i{color:#b5c1c9;font-size:15px}.profile-info li:hover i{color:#169ef4}.sale-summary ul{margin-top:-10px}.sale-summary li{padding:10px 0;overflow:hidden;border-top:solid 1px #eee}.sale-summary li:first-child{border-top:none}.sale-summary li .sale-info{margin-top:4px;float:left;color:#646464;font-size:14px;text-transform:uppercase}.sale-summary li .sale-num{float:right;color:#169ef4;font-size:20px;font-weight:300}.sale-summary li span i{top:1px;width:13px;height:14px;margin-left:3px;position:relative;display:inline-block}.sale-summary .caption h4{color:#383839;font-size:18px}.sale-summary .caption{border-color:#c9c9c9}.profile .table-advance thead tr th{background:#f0f6fa}.profile .table-bordered,.profile .table-bordered td,.profile .table-bordered th{border-color:#e5eff6}.profile .table-striped tbody>tr:nth-child(2n+1)>td,.profile .table-striped tbody>tr:nth-child(2n+1)>th{background:#fcfcfc}.profile .table-hover tbody tr:hover td,.profile .table-hover tbody tr:hover th{background:#f5fafd}.add-portfolio{margin-bottom:30px;background:#f0f6fa;padding:12px 14px}.add-portfolio span{float:left;display:inline-block;font-weight:300;font-size:22px;margin-top:0}.add-portfolio .btn{margin-left:20px}.portfolio-block{background:#f7f7f7;margin-bottom:15px}.portfolio-text img{float:left;margin-right:15px}.portfolio-btn a{display:block;padding:25px 0;background:#ddd!important}.portfolio-btn a:hover{background:#1d943b!important}.portfolio-btn span{color:#fff;font-size:22px;font-weight:200}.portfolio-info{float:left;color:#616161;font-size:12px;padding:10px 25px;margin-bottom:5px;text-transform:uppercase}.portfolio-info span{color:#16a1f2;display:block;font-size:28px;line-height:28px;margin-top:0;font-weight:200;text-transform:uppercase}.profile-settings{background:#fafafa;padding:15px 8px 0;margin-bottom:5px}.profile-settings p{padding-left:5px;margin-bottom:3px}.profile-settings .controls>.checkbox,.profile-settings .controls>.radio{font-size:12px;margin-top:2px!important} |
|
||||
@ -1,134 +0,0 @@ |
|||||
/* Cubic Bezier Transition */ |
|
||||
/*** |
|
||||
New Profile Page |
|
||||
***/ |
|
||||
.profile-sidebar { |
|
||||
float: left; |
|
||||
width: 300px; |
|
||||
margin-right: 20px; } |
|
||||
|
|
||||
.profile-content { |
|
||||
overflow: hidden; } |
|
||||
|
|
||||
/* PROFILE SIDEBAR */ |
|
||||
.profile-sidebar-portlet { |
|
||||
padding: 30px 0 0 0 !important; } |
|
||||
|
|
||||
.profile-userpic img { |
|
||||
float: none; |
|
||||
margin: 0 auto; |
|
||||
width: 50%; |
|
||||
height: 50%; |
|
||||
-webkit-border-radius: 50% !important; |
|
||||
-moz-border-radius: 50% !important; |
|
||||
border-radius: 50% !important; } |
|
||||
|
|
||||
.profile-usertitle { |
|
||||
text-align: center; |
|
||||
margin-top: 20px; } |
|
||||
|
|
||||
.profile-usertitle-name { |
|
||||
color: #5a7391; |
|
||||
font-size: 20px; |
|
||||
font-weight: 600; |
|
||||
margin-bottom: 7px; } |
|
||||
|
|
||||
.profile-usertitle-job { |
|
||||
text-transform: uppercase; |
|
||||
color: #5b9bd1; |
|
||||
font-size: 13px; |
|
||||
font-weight: 800; |
|
||||
margin-bottom: 7px; } |
|
||||
|
|
||||
.profile-userbuttons { |
|
||||
text-align: center; |
|
||||
margin-top: 10px; } |
|
||||
|
|
||||
.profile-userbuttons .btn { |
|
||||
margin-right: 5px; } |
|
||||
.profile-userbuttons .btn:last-child { |
|
||||
margin-right: 0; } |
|
||||
|
|
||||
.profile-userbuttons button { |
|
||||
text-transform: uppercase; |
|
||||
font-size: 11px; |
|
||||
font-weight: 600; |
|
||||
padding: 6px 15px; } |
|
||||
|
|
||||
.profile-usermenu { |
|
||||
margin-top: 30px; |
|
||||
padding-bottom: 20px; } |
|
||||
|
|
||||
.profile-usermenu ul li { |
|
||||
border-bottom: 1px solid #f0f4f7; } |
|
||||
|
|
||||
.profile-usermenu ul li:last-child { |
|
||||
border-bottom: none; } |
|
||||
|
|
||||
.profile-usermenu ul li a { |
|
||||
color: #93a3b5; |
|
||||
font-size: 16px; |
|
||||
font-weight: 400; } |
|
||||
|
|
||||
.profile-usermenu ul li a i { |
|
||||
margin-right: 8px; |
|
||||
font-size: 16px; } |
|
||||
|
|
||||
.profile-usermenu ul li a:hover { |
|
||||
background-color: #fafcfd; |
|
||||
color: #5b9bd1; } |
|
||||
|
|
||||
.profile-usermenu ul li.active a { |
|
||||
color: #5b9bd1; |
|
||||
background-color: #f6f9fb; |
|
||||
border-left: 2px solid #5b9bd1; |
|
||||
margin-left: -2px; } |
|
||||
|
|
||||
.profile-stat { |
|
||||
padding-bottom: 20px; |
|
||||
border-bottom: 1px solid #f0f4f7; } |
|
||||
|
|
||||
.profile-stat-title { |
|
||||
color: #7f90a4; |
|
||||
font-size: 25px; |
|
||||
text-align: center; } |
|
||||
|
|
||||
.profile-stat-text { |
|
||||
color: #5b9bd1; |
|
||||
font-size: 11px; |
|
||||
font-weight: 800; |
|
||||
text-align: center; } |
|
||||
|
|
||||
.profile-desc-title { |
|
||||
color: #7f90a4; |
|
||||
font-size: 17px; |
|
||||
font-weight: 600; } |
|
||||
|
|
||||
.profile-desc-text { |
|
||||
color: #7e8c9e; |
|
||||
font-size: 14px; } |
|
||||
|
|
||||
.profile-desc-link i { |
|
||||
width: 22px; |
|
||||
font-size: 19px; |
|
||||
color: #abb6c4; |
|
||||
margin-right: 5px; } |
|
||||
|
|
||||
.profile-desc-link a { |
|
||||
font-size: 14px; |
|
||||
font-weight: 600; |
|
||||
color: #5b9bd1; } |
|
||||
|
|
||||
/* END PROFILE SIDEBAR */ |
|
||||
/* RESPONSIVE MODE */ |
|
||||
@media (max-width: 991px) { |
|
||||
/* 991px */ |
|
||||
/* 991px */ |
|
||||
.profile-sidebar { |
|
||||
float: none; |
|
||||
width: 100% !important; |
|
||||
margin: 0; } |
|
||||
.profile-sidebar > .portlet { |
|
||||
margin-bottom: 20px; } |
|
||||
.profile-content { |
|
||||
overflow: visible; } } |
|
||||
@ -1 +0,0 @@ |
|||||
.profile-sidebar{float:left;width:300px;margin-right:20px}.profile-content{overflow:hidden}.profile-sidebar-portlet{padding:30px 0 0!important}.profile-userpic img{float:none;margin:0 auto;width:50%;height:50%;-webkit-border-radius:50%!important;-moz-border-radius:50%!important;border-radius:50%!important}.profile-usertitle{text-align:center;margin-top:20px}.profile-usertitle-name{color:#5a7391;font-size:20px;font-weight:600;margin-bottom:7px}.profile-usertitle-job{text-transform:uppercase;color:#5b9bd1;font-size:13px;font-weight:800;margin-bottom:7px}.profile-userbuttons{text-align:center;margin-top:10px}.profile-userbuttons .btn{margin-right:5px}.profile-userbuttons .btn:last-child{margin-right:0}.profile-userbuttons button{text-transform:uppercase;font-size:11px;font-weight:600;padding:6px 15px}.profile-usermenu{margin-top:30px;padding-bottom:20px}.profile-usermenu ul li{border-bottom:1px solid #f0f4f7}.profile-usermenu ul li:last-child{border-bottom:none}.profile-usermenu ul li a{color:#93a3b5;font-size:16px;font-weight:400}.profile-usermenu ul li a i{margin-right:8px;font-size:16px}.profile-usermenu ul li a:hover{background-color:#fafcfd;color:#5b9bd1}.profile-usermenu ul li.active a{color:#5b9bd1;background-color:#f6f9fb;border-left:2px solid #5b9bd1;margin-left:-2px}.profile-stat{padding-bottom:20px;border-bottom:1px solid #f0f4f7}.profile-stat-title{color:#7f90a4;font-size:25px;text-align:center}.profile-stat-text{color:#5b9bd1;font-size:11px;font-weight:800;text-align:center}.profile-desc-title{color:#7f90a4;font-size:17px;font-weight:600}.profile-desc-text{color:#7e8c9e;font-size:14px}.profile-desc-link i{width:22px;font-size:19px;color:#abb6c4;margin-right:5px}.profile-desc-link a{font-size:14px;font-weight:600;color:#5b9bd1}@media (max-width:991px){.profile-sidebar{float:none;width:100%!important;margin:0}.profile-sidebar>.portlet{margin-bottom:20px}.profile-content{overflow:visible}} |
|
||||
@ -1,282 +0,0 @@ |
|||||
/* Cubic Bezier Transition */ |
|
||||
/* |
|
||||
Search Page |
|
||||
***/ |
|
||||
.search-page .bordered { |
|
||||
border: 1px solid; |
|
||||
border-color: #e7ecf1; } |
|
||||
|
|
||||
.search-page .search-bar { |
|
||||
padding: 20px; |
|
||||
margin-bottom: 40px; |
|
||||
background-color: #fff; } |
|
||||
.search-page .search-bar input { |
|
||||
border: none; |
|
||||
background-color: #f3f6f9; |
|
||||
color: #a0a9b4; |
|
||||
height: 55px; } |
|
||||
.search-page .search-bar button { |
|
||||
color: #fff; |
|
||||
height: 55px; |
|
||||
width: 130px; |
|
||||
margin-left: -3px; |
|
||||
margin-top: -2px; } |
|
||||
.search-page .search-bar .search-desc { |
|
||||
margin: 0; |
|
||||
color: #a0a9b4; |
|
||||
font-size: 13px; } |
|
||||
|
|
||||
.search-page .search-filter { |
|
||||
background-color: #fff; |
|
||||
padding: 40px 30px 0 30px; |
|
||||
margin-bottom: 30px; } |
|
||||
.search-page .search-filter > .search-label { |
|
||||
color: #a0a9b4; |
|
||||
font-size: 11px; |
|
||||
letter-spacing: 1px; |
|
||||
font-weight: 700; |
|
||||
margin-bottom: 10px; |
|
||||
margin-top: 40px; } |
|
||||
.search-page .search-filter > .search-label:first-child { |
|
||||
margin-top: 0; } |
|
||||
.search-page .search-filter input, |
|
||||
.search-page .search-filter select { |
|
||||
color: #727f89; |
|
||||
font-weight: 700; |
|
||||
font-size: 14px; } |
|
||||
.search-page .search-filter button { |
|
||||
margin: 40px 0; |
|
||||
padding: 15px 0; } |
|
||||
.search-page .search-filter .search-filter-divider { |
|
||||
display: block; |
|
||||
height: 1px; } |
|
||||
|
|
||||
.search-page .search-pagination { |
|
||||
text-align: center; } |
|
||||
.search-page .search-pagination > .pagination > li > a { |
|
||||
margin: 0 3px; |
|
||||
border: none; |
|
||||
background: #ddd; |
|
||||
color: #666; } |
|
||||
.search-page .search-pagination > .pagination > li > a:hover { |
|
||||
text-decoration: none; |
|
||||
color: #fff; |
|
||||
background-color: #3598DC; } |
|
||||
.search-page .search-pagination > .pagination > .page-active > a { |
|
||||
background-color: #3598DC; |
|
||||
color: #fff; } |
|
||||
.search-page .search-pagination.pagination-rounded > .pagination > li > a { |
|
||||
border-radius: 50% !important; } |
|
||||
|
|
||||
.search-content-1 .search-container { |
|
||||
background-color: #fff; } |
|
||||
.search-content-1 .search-container > ul { |
|
||||
padding: 0 20px 20px 20px; |
|
||||
margin-bottom: 0; } |
|
||||
.search-content-1 .search-container > ul .search-item { |
|
||||
list-style: none; |
|
||||
padding: 20px 0; |
|
||||
border-bottom: 1px solid; |
|
||||
border-color: #f4f6f8; } |
|
||||
.search-content-1 .search-container > ul .search-item > a > img { |
|
||||
width: 100px; |
|
||||
float: left; |
|
||||
margin-right: 20px; } |
|
||||
.search-content-1 .search-container > ul .search-item > .search-content { |
|
||||
padding-left: 120px; } |
|
||||
.search-content-1 .search-container > ul .search-item > .search-content > .search-title { |
|
||||
font-size: 20px; |
|
||||
margin: 10px 0 20px 0; |
|
||||
font-weight: 600; } |
|
||||
.search-content-1 .search-container > ul .search-item > .search-content > .search-title > a { |
|
||||
color: #4e5a64; } |
|
||||
.search-content-1 .search-container > ul .search-item > .search-content > .search-title > a:hover { |
|
||||
text-decoration: none; |
|
||||
color: #49a7fa; } |
|
||||
.search-content-1 .search-container > ul .search-item > .search-content > .search-desc { |
|
||||
color: #a0a9b4; |
|
||||
font-size: 13px; |
|
||||
margin: 0; } |
|
||||
.search-content-1 .search-container > ul .search-item:last-child { |
|
||||
border: none; } |
|
||||
|
|
||||
.search-content-2 .search-container { |
|
||||
background-color: #fff; } |
|
||||
.search-content-2 .search-container > ul { |
|
||||
padding: 20px; |
|
||||
margin-bottom: 0; } |
|
||||
.search-content-2 .search-container > ul > .search-item-header { |
|
||||
list-style: none; |
|
||||
padding: 0 0 5px 0; |
|
||||
border-bottom: 1px solid; |
|
||||
border-color: #f4f6f8; } |
|
||||
.search-content-2 .search-container > ul > .search-item-header h3 { |
|
||||
font-size: 17px; |
|
||||
color: #a0a9b4; |
|
||||
margin: 5px 0 0 0; } |
|
||||
.search-content-2 .search-container > ul .search-item { |
|
||||
list-style: none; |
|
||||
padding: 20px 0; |
|
||||
border-bottom: 1px solid; |
|
||||
border-color: #f4f6f8; } |
|
||||
.search-content-2 .search-container > ul .search-item > .search-content p { |
|
||||
margin: 0; } |
|
||||
.search-content-2 .search-container > ul .search-item > .search-content .search-title { |
|
||||
font-size: 19px; |
|
||||
margin: 0 0 20px 0; |
|
||||
font-weight: 600; } |
|
||||
.search-content-2 .search-container > ul .search-item > .search-content .search-title > a { |
|
||||
color: #4e5a64; } |
|
||||
.search-content-2 .search-container > ul .search-item > .search-content .search-title > a:hover { |
|
||||
text-decoration: none; |
|
||||
color: #49a7fa; } |
|
||||
.search-content-2 .search-container > ul .search-item > .search-content .search-desc { |
|
||||
color: #a0a9b4; |
|
||||
font-size: 13px; } |
|
||||
.search-content-2 .search-container > ul .search-item > .search-content .search-desc > a { |
|
||||
color: #49a7fa; } |
|
||||
.search-content-2 .search-container > ul .search-item > .search-content .search-desc > a:hover { |
|
||||
text-decoration: none; |
|
||||
color: #326b9e; } |
|
||||
.search-content-2 .search-container > ul .search-item > .search-content .search-counter-number, |
|
||||
.search-content-2 .search-container > ul .search-item > .search-content .search-counter-label { |
|
||||
text-align: center; } |
|
||||
.search-content-2 .search-container > ul .search-item > .search-content .search-counter-number { |
|
||||
font-size: 21px; |
|
||||
color: #4e5a64; |
|
||||
margin-bottom: 15px; } |
|
||||
.search-content-2 .search-container > ul .search-item > .search-content .search-counter-label { |
|
||||
font-size: 13px; |
|
||||
color: #8b96a4; } |
|
||||
.search-content-2 .search-container > ul .search-item:last-child { |
|
||||
border: none; } |
|
||||
|
|
||||
.search-content-3 .tile-container { |
|
||||
margin-bottom: 30px; } |
|
||||
.search-content-3 .tile-container > .tile-thumbnail { |
|
||||
height: 200px; |
|
||||
overflow: hidden; |
|
||||
position: relative; } |
|
||||
.search-content-3 .tile-container > .tile-thumbnail img { |
|
||||
width: 100%; |
|
||||
position: absolute; |
|
||||
top: 0; |
|
||||
bottom: 0; |
|
||||
left: 0; |
|
||||
right: 0; |
|
||||
margin: auto; } |
|
||||
.search-content-3 .tile-container > .tile-title { |
|
||||
background-color: #fff; |
|
||||
padding: 30px 20px; } |
|
||||
.search-content-3 .tile-container > .tile-title > h3 { |
|
||||
font-size: 19px; |
|
||||
font-weight: 600; |
|
||||
margin: 0; |
|
||||
display: inline-block; } |
|
||||
.search-content-3 .tile-container > .tile-title > h3 > a { |
|
||||
color: #4e5a64; } |
|
||||
.search-content-3 .tile-container > .tile-title > h3 > a:hover { |
|
||||
text-decoration: none; |
|
||||
color: #49a7fa; } |
|
||||
.search-content-3 .tile-container > .tile-title i { |
|
||||
float: right; |
|
||||
font-size: 24px; |
|
||||
margin: 0 5px; } |
|
||||
.search-content-3 .tile-container > .tile-title > .tile-desc { |
|
||||
font-size: 14px; } |
|
||||
.search-content-3 .tile-container > .tile-title > .tile-desc > p { |
|
||||
margin: 20px 0 0 0; } |
|
||||
.search-content-3 .tile-container > .tile-title > .tile-desc > p > a:hover { |
|
||||
text-decoration: none; } |
|
||||
|
|
||||
.search-content-4 .search-bar .extra-buttons button { |
|
||||
margin-right: 20px; } |
|
||||
.search-content-4 .search-bar .extra-buttons button:last-child { |
|
||||
margin-right: 0; |
|
||||
width: 170px; } |
|
||||
|
|
||||
.search-content-4 .search-table th { |
|
||||
border: none; } |
|
||||
.search-content-4 .search-table th > a { |
|
||||
color: #fff; } |
|
||||
.search-content-4 .search-table th > a:hover { |
|
||||
text-decoration: none; |
|
||||
color: #eee; } |
|
||||
|
|
||||
.search-content-4 .search-table th, .search-content-4 .search-table td { |
|
||||
padding: 20px 30px; |
|
||||
vertical-align: middle; } |
|
||||
|
|
||||
.search-content-4 .search-table td { |
|
||||
border-color: #fff; } |
|
||||
|
|
||||
.search-content-4 .search-table .table-status { |
|
||||
text-align: center; } |
|
||||
.search-content-4 .search-table .table-status i { |
|
||||
font-size: 26px; |
|
||||
padding-top: 10px; } |
|
||||
|
|
||||
.search-content-4 .search-table .table-date { |
|
||||
font-weight: 600; |
|
||||
font-size: 14px; |
|
||||
width: 180px; } |
|
||||
.search-content-4 .search-table .table-date a { |
|
||||
color: #49a7fa; } |
|
||||
.search-content-4 .search-table .table-date a:hover { |
|
||||
text-decoration: none; |
|
||||
color: #326b9e; } |
|
||||
|
|
||||
.search-content-4 .search-table .table-title { |
|
||||
width: 390px; } |
|
||||
.search-content-4 .search-table .table-title > h3 { |
|
||||
margin: 0; |
|
||||
color: #4e5a64; |
|
||||
font-size: 19px; |
|
||||
font-weight: 600; } |
|
||||
.search-content-4 .search-table .table-title > h3 > a { |
|
||||
color: #4e5a64; } |
|
||||
.search-content-4 .search-table .table-title > h3 > a:hover { |
|
||||
text-decoration: none; |
|
||||
color: #49a7fa; } |
|
||||
.search-content-4 .search-table .table-title > p { |
|
||||
margin-bottom: 0; |
|
||||
margin-top: 10px; } |
|
||||
.search-content-4 .search-table .table-title > p > a { |
|
||||
color: #49a7fa; } |
|
||||
.search-content-4 .search-table .table-title > p > a:hover { |
|
||||
text-decoration: none; |
|
||||
color: #326b9e; } |
|
||||
|
|
||||
.search-content-4 .search-table .table-desc { |
|
||||
font-size: 14px; |
|
||||
color: #8b96a4; } |
|
||||
|
|
||||
.search-content-4 .search-table .table-download { |
|
||||
text-align: center; } |
|
||||
.search-content-4 .search-table .table-download i { |
|
||||
font-size: 30px; |
|
||||
padding-top: 10px; } |
|
||||
|
|
||||
@media (max-width: 1024px) { |
|
||||
.search-content-4 .search-bar .extra-buttons { |
|
||||
margin-top: 30px; } |
|
||||
.search-content-4 .search-table th, .search-content-4 .search-table td { |
|
||||
vertical-align: top; } |
|
||||
.search-content-4 .search-table .table-date { |
|
||||
width: auto; } |
|
||||
.search-content-4 .search-table .table-title { |
|
||||
width: auto; } } |
|
||||
|
|
||||
@media (max-width: 991px) { |
|
||||
.search-bar .search-desc { |
|
||||
margin-top: 20px !important; } |
|
||||
.search-pagination { |
|
||||
margin-bottom: 40px; } |
|
||||
.search-content-2 .search-container .search-item > .search-content.text-left { |
|
||||
text-align: left; } |
|
||||
.search-content-2 .search-container .search-item > .search-content .search-desc { |
|
||||
margin-bottom: 40px; } } |
|
||||
|
|
||||
@media (max-width: 767px) { |
|
||||
.search-content-2 .search-container .search-item > .search-content { |
|
||||
text-align: center; } } |
|
||||
File diff suppressed because one or more lines are too long
@ -1,62 +0,0 @@ |
|||||
/* Cubic Bezier Transition */ |
|
||||
/*** |
|
||||
Tasks Widget |
|
||||
***/ |
|
||||
.tasks-widget:after { |
|
||||
clear: both; } |
|
||||
|
|
||||
.tasks-widget .task-list { |
|
||||
list-style: none; |
|
||||
padding: 0; |
|
||||
margin: 0; } |
|
||||
.tasks-widget .task-list > li { |
|
||||
position: relative; |
|
||||
padding: 10px 0; |
|
||||
border-bottom: 1px solid #F4F6F9; } |
|
||||
.tasks-widget .task-list > li:hover { |
|
||||
background: #F4F6F9; } |
|
||||
.tasks-widget .task-list > li.last-line { |
|
||||
border-bottom: none; } |
|
||||
.tasks-widget .task-list > li.task-done { |
|
||||
background: #f6f6f6; } |
|
||||
.tasks-widget .task-list > li.task-done:hover { |
|
||||
background: #f4f4f4; } |
|
||||
.tasks-widget .task-list > li.task-done .task-title-sp { |
|
||||
text-decoration: line-through; } |
|
||||
.tasks-widget .task-list > li > .task-bell { |
|
||||
margin-left: 10px; } |
|
||||
.tasks-widget .task-list > li > .task-checkbox { |
|
||||
float: left; |
|
||||
width: 30px; } |
|
||||
.tasks-widget .task-list > li > .task-checkbox input[type="checkbox"] { |
|
||||
cursor: pointer; } |
|
||||
.tasks-widget .task-list > li > .task-title { |
|
||||
color: #838FA1; |
|
||||
margin-right: 10px; } |
|
||||
.tasks-widget .task-list > li > .task-title .task-title-sp { |
|
||||
margin-right: 5px; } |
|
||||
.tasks-widget .task-list > li .task-config-btn { |
|
||||
margin-top: -1px; } |
|
||||
.tasks-widget .task-list > li > .task-config { |
|
||||
display: none; |
|
||||
position: absolute; |
|
||||
top: 10px; |
|
||||
right: 10px; } |
|
||||
.tasks-widget .task-list > li:hover > .task-config { |
|
||||
display: block; |
|
||||
margin-bottom: 0 !important; } |
|
||||
|
|
||||
.tasks-widget .task-footer { |
|
||||
margin-top: 5px; } |
|
||||
.tasks-widget .task-footer:before, .tasks-widget .task-footer:after { |
|
||||
content: " "; |
|
||||
display: table; } |
|
||||
.tasks-widget .task-footer:after { |
|
||||
clear: both; } |
|
||||
|
|
||||
@media only screen and (max-width: 480px) { |
|
||||
.tasks-widget .task-config-btn { |
|
||||
float: inherit; |
|
||||
display: block; } |
|
||||
.tasks-widget .task-list-projects li > .label { |
|
||||
margin-bottom: 5px; } } |
|
||||
@ -1 +0,0 @@ |
|||||
.tasks-widget .task-footer:after,.tasks-widget:after{clear:both}.tasks-widget .task-list{list-style:none;padding:0;margin:0}.tasks-widget .task-list>li{position:relative;padding:10px 0;border-bottom:1px solid #F4F6F9}.tasks-widget .task-list>li:hover{background:#F4F6F9}.tasks-widget .task-list>li.last-line{border-bottom:none}.tasks-widget .task-list>li.task-done{background:#f6f6f6}.tasks-widget .task-list>li.task-done:hover{background:#f4f4f4}.tasks-widget .task-list>li.task-done .task-title-sp{text-decoration:line-through}.tasks-widget .task-list>li>.task-bell{margin-left:10px}.tasks-widget .task-list>li>.task-checkbox{float:left;width:30px}.tasks-widget .task-list>li>.task-checkbox input[type=checkbox]{cursor:pointer}.tasks-widget .task-list>li>.task-title{color:#838FA1;margin-right:10px}.tasks-widget .task-list>li>.task-title .task-title-sp{margin-right:5px}.tasks-widget .task-list>li .task-config-btn{margin-top:-1px}.tasks-widget .task-list>li>.task-config{display:none;position:absolute;top:10px;right:10px}.tasks-widget .task-list>li:hover>.task-config{display:block;margin-bottom:0!important}.tasks-widget .task-footer{margin-top:5px}.tasks-widget .task-footer:after,.tasks-widget .task-footer:before{content:" ";display:table}@media only screen and (max-width:480px){.tasks-widget .task-config-btn{float:inherit;display:block}.tasks-widget .task-list-projects li>.label{margin-bottom:5px}} |
|
||||
@ -1,194 +0,0 @@ |
|||||
/* Cubic Bezier Transition */ |
|
||||
.mt-comments .mt-comment { |
|
||||
padding: 10px; |
|
||||
margin: 0 0 10px 0; } |
|
||||
.mt-comments .mt-comment .mt-comment-img { |
|
||||
width: 40px; |
|
||||
float: left; } |
|
||||
.mt-comments .mt-comment .mt-comment-img > img { |
|
||||
border-radius: 50% !important; } |
|
||||
.mt-comments .mt-comment .mt-comment-body { |
|
||||
padding-left: 20px; |
|
||||
position: relative; |
|
||||
overflow: hidden; } |
|
||||
.mt-comments .mt-comment .mt-comment-body .mt-comment-info:before, |
|
||||
.mt-comments .mt-comment .mt-comment-body .mt-comment-info:after { |
|
||||
content: " "; |
|
||||
display: table; } |
|
||||
.mt-comments .mt-comment .mt-comment-body .mt-comment-info:after { |
|
||||
clear: both; } |
|
||||
.mt-comments .mt-comment .mt-comment-body .mt-comment-info .mt-comment-author { |
|
||||
display: inline-block; |
|
||||
float: left; |
|
||||
margin: 0px 0px 10px 0; |
|
||||
color: #060606; |
|
||||
font-weight: 600; } |
|
||||
.mt-comments .mt-comment .mt-comment-body .mt-comment-info .mt-comment-date { |
|
||||
display: inline-block; |
|
||||
float: right; |
|
||||
margin: 0px; |
|
||||
color: #BABABA; } |
|
||||
.mt-comments .mt-comment .mt-comment-body .mt-comment-text { |
|
||||
color: #a6a6a6; } |
|
||||
.mt-comments .mt-comment .mt-comment-body .mt-comment-details { |
|
||||
margin: 10px 0px 0px 0; } |
|
||||
.mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-status { |
|
||||
text-transform: uppercase; |
|
||||
float: left; } |
|
||||
.mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-status.mt-comment-status-pending { |
|
||||
color: #B8C0F5; } |
|
||||
.mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-status.mt-comment-status-approved { |
|
||||
color: #6BD873; } |
|
||||
.mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-status.mt-comment-status-rejected { |
|
||||
color: red; } |
|
||||
.mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-actions { |
|
||||
display: none; |
|
||||
list-style: none; |
|
||||
margin: 0; |
|
||||
padding: 0; |
|
||||
float: right; } |
|
||||
.mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-actions > li { |
|
||||
float: left; |
|
||||
padding: 0 5px; |
|
||||
margin: 0; } |
|
||||
.mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-actions > li > a { |
|
||||
text-transform: uppercase; |
|
||||
color: #999999; } |
|
||||
.mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-actions > li > a:hover { |
|
||||
color: #666666; |
|
||||
text-decoration: none; } |
|
||||
.mt-comments .mt-comment:hover { |
|
||||
background: #f9f9f9; } |
|
||||
.mt-comments .mt-comment:hover .mt-comment-body .mt-comment-details .mt-comment-actions { |
|
||||
display: inline-block; } |
|
||||
|
|
||||
.mt-actions .mt-action { |
|
||||
margin: 0px; |
|
||||
padding: 15px 0 15px 0; |
|
||||
border-bottom: 1px solid #f7f8f9; } |
|
||||
.mt-actions .mt-action:last-child { |
|
||||
border-bottom: 0px; } |
|
||||
.mt-actions .mt-action .mt-action-img { |
|
||||
width: 40px; |
|
||||
float: left; } |
|
||||
.mt-actions .mt-action .mt-action-img > img { |
|
||||
border-radius: 50% !important; |
|
||||
margin-bottom: 2px; } |
|
||||
.mt-actions .mt-action .mt-action-body { |
|
||||
padding-left: 15px; |
|
||||
position: relative; |
|
||||
overflow: hidden; } |
|
||||
.mt-actions .mt-action .mt-action-body .mt-action-row { |
|
||||
display: table; |
|
||||
width: 100%; } |
|
||||
.mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info { |
|
||||
display: table-cell; |
|
||||
vertical-align: top; } |
|
||||
.mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info .mt-action-icon { |
|
||||
display: table-cell; |
|
||||
padding: 6px 20px 6px 6px; } |
|
||||
.mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info .mt-action-icon > i { |
|
||||
display: inline-block; |
|
||||
position: relative; |
|
||||
top: 10px; |
|
||||
font-size: 25px; |
|
||||
color: #78E0E8; } |
|
||||
.mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info .mt-action-details { |
|
||||
display: table-cell; |
|
||||
vertical-align: top; } |
|
||||
.mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info .mt-action-details .mt-action-author { |
|
||||
color: #060606; |
|
||||
font-weight: 600; } |
|
||||
.mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info .mt-action-details .mt-action-desc { |
|
||||
margin-bottom: 0; |
|
||||
color: #A6A8A8; } |
|
||||
.mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-datetime { |
|
||||
vertical-align: top; |
|
||||
display: table-cell; |
|
||||
text-align: center; |
|
||||
width: 150px; |
|
||||
white-space: nowrap; |
|
||||
padding-top: 15px; |
|
||||
color: #A6A8A8; } |
|
||||
.mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-datetime .mt-action-dot { |
|
||||
display: inline-block; |
|
||||
width: 10px; |
|
||||
height: 10px; |
|
||||
background-color: red; |
|
||||
border-radius: 50% !important; |
|
||||
margin-left: 5px; |
|
||||
margin-right: 5px; } |
|
||||
.mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-buttons { |
|
||||
vertical-align: top; |
|
||||
display: table-cell; |
|
||||
text-align: center; |
|
||||
width: 120px; |
|
||||
white-space: nowrap; |
|
||||
padding-top: 10px; } |
|
||||
|
|
||||
@media (max-width: 767px) { |
|
||||
/* 767px */ |
|
||||
.mt-actions .mt-action .mt-action-body .mt-action-row { |
|
||||
display: block; } |
|
||||
.mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info { |
|
||||
display: block; } |
|
||||
.mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-datetime { |
|
||||
display: inline-block; |
|
||||
margin-left: 40px; } |
|
||||
.mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-buttons { |
|
||||
display: inline-block; |
|
||||
float: right; } } |
|
||||
|
|
||||
.mt-wiget-1 { |
|
||||
border: 1px solid #e7ecf1; |
|
||||
text-align: center; |
|
||||
border-radius: 4px !important; |
|
||||
position: relative; } |
|
||||
.mt-wiget-1 .mt-icon { |
|
||||
position: absolute; |
|
||||
right: 10px; |
|
||||
top: 10px; |
|
||||
margin: 7px; |
|
||||
font-size: 20px; } |
|
||||
.mt-wiget-1 .mt-icon > a > i { |
|
||||
color: #a1e5e1; } |
|
||||
.mt-wiget-1 .mt-icon > a:hover > i { |
|
||||
color: #79dad5; } |
|
||||
.mt-wiget-1 .mt-img { |
|
||||
display: inline-block; |
|
||||
border-radius: 50% !important; |
|
||||
border: 4px solid #e7ecf1; |
|
||||
margin: 40px 0 30px 0; } |
|
||||
.mt-wiget-1 .mt-img > img { |
|
||||
border: 1px solid trnsparent; |
|
||||
border-radius: 50% !important; } |
|
||||
.mt-wiget-1 .mt-body .mt-username { |
|
||||
text-align: center; |
|
||||
margin: 5px 10px; } |
|
||||
.mt-wiget-1 .mt-body .mt-user-title { |
|
||||
text-align: center; |
|
||||
margin: 10px 10px 10px 10px; |
|
||||
color: #D1D4D6; |
|
||||
font-size: 12px; } |
|
||||
.mt-wiget-1 .mt-body .mt-stats { |
|
||||
margin: 30px 0px 0px 0px; } |
|
||||
.mt-wiget-1 .mt-body .mt-stats .btn-group { |
|
||||
border-top: 1px solid #e7ecf1; } |
|
||||
.mt-wiget-1 .mt-body .mt-stats .btn-group .btn { |
|
||||
padding: 10px 10px; |
|
||||
font-size: 10px; |
|
||||
border-right: 1px solid #e7ecf1; } |
|
||||
.mt-wiget-1 .mt-body .mt-stats .btn-group .btn:hover { |
|
||||
background-color: #e7ecf1; } |
|
||||
.mt-wiget-1 .mt-body .mt-stats .btn-group .btn:last-child { |
|
||||
border: 0; } |
|
||||
.mt-wiget-1 .mt-body .mt-stats .btn-group .btn > i { |
|
||||
position: relative; |
|
||||
top: 3px; |
|
||||
right: 2px; |
|
||||
color: #79dad5; |
|
||||
font-size: 16px; } |
|
||||
.mt-wiget-1 .mt-body .mt-stats .btn-group .btn:first-child { |
|
||||
border-bottom-left-radius: 4px !important; } |
|
||||
.mt-wiget-1 .mt-body .mt-stats .btn-group .btn:last-child { |
|
||||
border-bottom-right-radius: 4px !important; } |
|
||||
File diff suppressed because one or more lines are too long
@ -1,337 +0,0 @@ |
|||||
/*-------------------------------------------------- |
|
||||
[TRANSITION] |
|
||||
----------------------------------------------------*/ |
|
||||
/* Cubic Bezier Transition */ |
|
||||
/*** |
|
||||
Timeline UI Base |
|
||||
***/ |
|
||||
.timeline { |
|
||||
margin: 0; |
|
||||
padding: 0; |
|
||||
list-style: none; |
|
||||
position: relative; |
|
||||
} |
|
||||
|
|
||||
/* The line */ |
|
||||
.timeline:before { |
|
||||
content: ''; |
|
||||
position: absolute; |
|
||||
top: 0; |
|
||||
bottom: 0; |
|
||||
width: 10px; |
|
||||
background: #ccc; |
|
||||
left: 20%; |
|
||||
margin-left: -10px; |
|
||||
} |
|
||||
|
|
||||
.timeline > li { |
|
||||
position: relative; |
|
||||
} |
|
||||
|
|
||||
/*Remove timeline line for last entry*/ |
|
||||
.timeline > li.timeline-noline:before { |
|
||||
content: ''; |
|
||||
position: absolute; |
|
||||
top: 0; |
|
||||
bottom: 0; |
|
||||
width: 10px; |
|
||||
background: #fff; |
|
||||
left: 20%; |
|
||||
margin-left: -10px; |
|
||||
} |
|
||||
|
|
||||
/* The date/time */ |
|
||||
.timeline > li .timeline-time { |
|
||||
display: block; |
|
||||
width: 15%; |
|
||||
text-align: right; |
|
||||
position: absolute; |
|
||||
} |
|
||||
|
|
||||
.timeline > li .timeline-time span { |
|
||||
display: block; |
|
||||
text-align: right; |
|
||||
} |
|
||||
|
|
||||
.timeline > li .timeline-time span.date { |
|
||||
font-size: 12px; |
|
||||
color: #aaa; |
|
||||
display: block; |
|
||||
font-weight: 300; |
|
||||
} |
|
||||
|
|
||||
.timeline > li .timeline-time span.time { |
|
||||
font-weight: 300; |
|
||||
font-size: 38px; |
|
||||
line-height: 38px; |
|
||||
} |
|
||||
|
|
||||
/* Right content */ |
|
||||
.timeline > li .timeline-body { |
|
||||
margin: 0 0 15px 25%; |
|
||||
color: #fff; |
|
||||
padding: 10px; |
|
||||
font-weight: 300; |
|
||||
position: relative; |
|
||||
border-radius: 5px; |
|
||||
} |
|
||||
|
|
||||
.timeline > li .timeline-body h2 { |
|
||||
margin-top: 0px; |
|
||||
padding: 0 0 5px 0; |
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.3); |
|
||||
font-size: 24px; |
|
||||
} |
|
||||
|
|
||||
.timeline > li .timeline-content { |
|
||||
font-size: 14px; |
|
||||
} |
|
||||
|
|
||||
.ie8 .timeline > li .timeline-body h2 { |
|
||||
border-bottom: 1px solid #eee; |
|
||||
} |
|
||||
|
|
||||
.timeline > li .timeline-body img.timeline-img { |
|
||||
width: 75px; |
|
||||
height: 75px; |
|
||||
margin: 5px 10px 0 0px; |
|
||||
} |
|
||||
|
|
||||
.timeline > li .timeline-body img.pull-right { |
|
||||
margin-left: 10px; |
|
||||
} |
|
||||
|
|
||||
.timeline > li .timeline-body a.nav-link { |
|
||||
display: inline-block; |
|
||||
margin-top: 10px; |
|
||||
color: #fff; |
|
||||
font-size: 14px; |
|
||||
padding: 0px; |
|
||||
text-align: left; |
|
||||
text-decoration: none; |
|
||||
} |
|
||||
|
|
||||
.timeline > li .timeline-body a.nav-link:hover { |
|
||||
opacity: 0.5; |
|
||||
filter: alpha(opacity=50); |
|
||||
} |
|
||||
|
|
||||
.timeline > li .timeline-body .btn { |
|
||||
margin-top: 10px; |
|
||||
} |
|
||||
|
|
||||
/* The triangle */ |
|
||||
.timeline > li .timeline-body:after { |
|
||||
right: 100%; |
|
||||
border: solid transparent; |
|
||||
content: " "; |
|
||||
height: 0; |
|
||||
width: 0; |
|
||||
position: absolute; |
|
||||
pointer-events: none; |
|
||||
border-right-color: #3594cb; |
|
||||
border-width: 10px; |
|
||||
top: 19px; |
|
||||
} |
|
||||
|
|
||||
.timeline > li .timeline-content:after, |
|
||||
.timeline > li .timeline-content:before { |
|
||||
display: table; |
|
||||
line-height: 0; |
|
||||
content: ""; |
|
||||
} |
|
||||
|
|
||||
.timeline > li .timeline-content:after { |
|
||||
clear: both; |
|
||||
} |
|
||||
|
|
||||
.timeline > li .timeline-footer:after, |
|
||||
.timeline > li .timeline-footer:before { |
|
||||
content: ""; |
|
||||
display: table; |
|
||||
line-height: 0; |
|
||||
} |
|
||||
|
|
||||
.timeline > li .timeline-footer:after { |
|
||||
clear: both; |
|
||||
} |
|
||||
|
|
||||
/* The icons */ |
|
||||
.timeline > li .timeline-icon { |
|
||||
width: 40px; |
|
||||
height: 40px; |
|
||||
speak: none; |
|
||||
font-style: normal; |
|
||||
font-weight: normal; |
|
||||
font-variant: normal; |
|
||||
text-transform: none; |
|
||||
font-size: 1.4em; |
|
||||
line-height: 40px; |
|
||||
-webkit-font-smoothing: antialiased; |
|
||||
position: absolute; |
|
||||
color: #fff; |
|
||||
background: #aaa; |
|
||||
border-radius: 50%; |
|
||||
box-shadow: 0 0 0 8px #ccc; |
|
||||
text-align: center; |
|
||||
left: 20%; |
|
||||
top: 0; |
|
||||
margin: 5px 0 0 -25px; |
|
||||
padding-bottom: 3px; |
|
||||
padding-right: 1px; |
|
||||
padding-left: 2px; |
|
||||
-webkit-border-radius: 30px !important; |
|
||||
-moz-border-radius: 30px !important; |
|
||||
border-radius: 30px !important; |
|
||||
} |
|
||||
|
|
||||
.timeline > li .timeline-icon > i { |
|
||||
font-size: 18px; |
|
||||
} |
|
||||
|
|
||||
/* Red */ |
|
||||
.timeline li.timeline-red .timeline-body:after { |
|
||||
border-right-color: #e02222; |
|
||||
} |
|
||||
|
|
||||
.timeline li.timeline-red .timeline-body { |
|
||||
background: #e02222; |
|
||||
} |
|
||||
|
|
||||
.timeline li.timeline-red .timeline-time span.time { |
|
||||
color: #e02222; |
|
||||
} |
|
||||
|
|
||||
/* Yellow */ |
|
||||
.timeline li.timeline-yellow .timeline-body:after { |
|
||||
border-right-color: #ffb848; |
|
||||
} |
|
||||
|
|
||||
.timeline li.timeline-yellow .timeline-body { |
|
||||
background: #ffb848; |
|
||||
} |
|
||||
|
|
||||
.timeline li.timeline-yellow .timeline-time span.time { |
|
||||
color: #ffb848; |
|
||||
} |
|
||||
|
|
||||
/* Green */ |
|
||||
.timeline li.timeline-green .timeline-body:after { |
|
||||
border-right-color: #35aa47; |
|
||||
} |
|
||||
|
|
||||
.timeline li.timeline-green .timeline-body { |
|
||||
background: #35aa47; |
|
||||
} |
|
||||
|
|
||||
.timeline li.timeline-green .timeline-time span.time { |
|
||||
color: #35aa47; |
|
||||
} |
|
||||
|
|
||||
/* Blue */ |
|
||||
.timeline li.timeline-blue .timeline-body:after { |
|
||||
border-right-color: #4b8df8; |
|
||||
} |
|
||||
|
|
||||
.timeline li.timeline-blue .timeline-body { |
|
||||
background: #4b8df8; |
|
||||
} |
|
||||
|
|
||||
.timeline li.timeline-blue .timeline-time span.time { |
|
||||
color: #4b8df8; |
|
||||
} |
|
||||
|
|
||||
/* Purple */ |
|
||||
.timeline li.timeline-purple .timeline-body:after { |
|
||||
border-right-color: #852b99; |
|
||||
} |
|
||||
|
|
||||
.timeline li.timeline-purple .timeline-body { |
|
||||
background: #852b99; |
|
||||
} |
|
||||
|
|
||||
.timeline li.timeline-purple .timeline-time span.time { |
|
||||
color: #852b99; |
|
||||
} |
|
||||
|
|
||||
/* Grey */ |
|
||||
.timeline li.timeline-grey .timeline-body:after { |
|
||||
border-right-color: #555555; |
|
||||
} |
|
||||
|
|
||||
.timeline li.timeline-grey .timeline-body { |
|
||||
background: #555555; |
|
||||
} |
|
||||
|
|
||||
.timeline li.timeline-grey .timeline-time span.time { |
|
||||
color: #555555; |
|
||||
} |
|
||||
|
|
||||
@media (max-width: 767px) { |
|
||||
timeline > li .timeline-time span.time { |
|
||||
font-size: 18px; |
|
||||
} |
|
||||
|
|
||||
.timeline:before { |
|
||||
display: none; |
|
||||
} |
|
||||
|
|
||||
.timeline > li .timeline-time { |
|
||||
width: 100%; |
|
||||
position: relative; |
|
||||
padding: 0 0 20px 0; |
|
||||
} |
|
||||
|
|
||||
.timeline > li .timeline-time span { |
|
||||
text-align: left; |
|
||||
} |
|
||||
|
|
||||
.timeline > li .timeline-body { |
|
||||
margin: 0 0 30px 0; |
|
||||
padding: 1em; |
|
||||
} |
|
||||
|
|
||||
.timeline > li .timeline-body:after { |
|
||||
right: auto; |
|
||||
left: 20px; |
|
||||
top: -20px; |
|
||||
} |
|
||||
|
|
||||
.timeline > li .timeline-icon { |
|
||||
position: relative; |
|
||||
float: right; |
|
||||
left: auto; |
|
||||
margin: -55px 5px 0 0px; |
|
||||
} |
|
||||
|
|
||||
/*colors*/ |
|
||||
.timeline li.timeline-red .timeline-body:after { |
|
||||
border-right-color: transparent; |
|
||||
border-bottom-color: #e02222; |
|
||||
} |
|
||||
|
|
||||
.timeline li.timeline-blue .timeline-body:after { |
|
||||
border-right-color: transparent; |
|
||||
border-bottom-color: #4b8df8; |
|
||||
} |
|
||||
|
|
||||
.timeline li.timeline-green .timeline-body:after { |
|
||||
border-right-color: transparent; |
|
||||
border-bottom-color: #35aa47; |
|
||||
} |
|
||||
|
|
||||
.timeline li.timeline-yellow .timeline-body:after { |
|
||||
border-right-color: transparent; |
|
||||
border-bottom-color: #ffb848; |
|
||||
} |
|
||||
|
|
||||
.timeline li.timeline-purple .timeline-body:after { |
|
||||
border-right-color: transparent; |
|
||||
border-bottom-color: #852b99; |
|
||||
} |
|
||||
|
|
||||
.timeline li.timeline-grey .timeline-body:after { |
|
||||
border-right-color: transparent; |
|
||||
border-bottom-color: #555555; |
|
||||
} |
|
||||
} |
|
||||
@ -1 +0,0 @@ |
|||||
.timeline>li .timeline-time,.timeline>li .timeline-time span{text-align:right;display:block}.timeline>li .timeline-content:after,.timeline>li .timeline-footer:after{clear:both}.timeline{margin:0;padding:0;list-style:none;position:relative}.timeline:before,.timeline>li.timeline-noline:before{content:'';top:0;bottom:0;width:10px;margin-left:-10px;left:20%}.timeline:before{position:absolute;background:#ccc}.timeline>li{position:relative}.timeline>li.timeline-noline:before{position:absolute;background:#fff}.timeline>li .timeline-time{width:15%;position:absolute}.timeline>li .timeline-time span.date{font-size:12px;color:#aaa;display:block;font-weight:300}.timeline>li .timeline-time span.time{font-weight:300;font-size:38px;line-height:38px}.timeline>li .timeline-body{margin:0 0 15px 25%;color:#fff;padding:10px;font-weight:300;position:relative;border-radius:5px}.timeline>li .timeline-body h2{margin-top:0;padding:0 0 5px;border-bottom:1px solid rgba(255,255,255,.3);font-size:24px}.timeline>li .timeline-content{font-size:14px}.ie8 .timeline>li .timeline-body h2{border-bottom:1px solid #eee}.timeline>li .timeline-body img.timeline-img{width:75px;height:75px;margin:5px 10px 0 0}.timeline>li .timeline-body img.pull-right{margin-left:10px}.timeline>li .timeline-body a.nav-link{display:inline-block;margin-top:10px;color:#fff;font-size:14px;padding:0;text-align:left;text-decoration:none}.timeline>li .timeline-body a.nav-link:hover{opacity:.5;filter:alpha(opacity=50)}.timeline>li .timeline-body .btn{margin-top:10px}.timeline>li .timeline-body:after{right:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-right-color:#3594cb;border-width:10px;top:19px}.timeline>li .timeline-content:after,.timeline>li .timeline-content:before,.timeline>li .timeline-footer:after,.timeline>li .timeline-footer:before{content:"";display:table;line-height:0}.timeline>li .timeline-icon{width:40px;height:40px;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;font-size:1.4em;line-height:40px;-webkit-font-smoothing:antialiased;position:absolute;color:#fff;background:#aaa;box-shadow:0 0 0 8px #ccc;text-align:center;left:20%;top:0;margin:5px 0 0 -25px;padding-bottom:3px;padding-right:1px;padding-left:2px;-webkit-border-radius:30px!important;-moz-border-radius:30px!important;border-radius:30px!important}.timeline>li .timeline-icon>i{font-size:18px}.timeline li.timeline-red .timeline-body:after{border-right-color:#e02222}.timeline li.timeline-red .timeline-body{background:#e02222}.timeline li.timeline-red .timeline-time span.time{color:#e02222}.timeline li.timeline-yellow .timeline-body:after{border-right-color:#ffb848}.timeline li.timeline-yellow .timeline-body{background:#ffb848}.timeline li.timeline-yellow .timeline-time span.time{color:#ffb848}.timeline li.timeline-green .timeline-body:after{border-right-color:#35aa47}.timeline li.timeline-green .timeline-body{background:#35aa47}.timeline li.timeline-green .timeline-time span.time{color:#35aa47}.timeline li.timeline-blue .timeline-body:after{border-right-color:#4b8df8}.timeline li.timeline-blue .timeline-body{background:#4b8df8}.timeline li.timeline-blue .timeline-time span.time{color:#4b8df8}.timeline li.timeline-purple .timeline-body:after{border-right-color:#852b99}.timeline li.timeline-purple .timeline-body{background:#852b99}.timeline li.timeline-purple .timeline-time span.time{color:#852b99}.timeline li.timeline-grey .timeline-body:after{border-right-color:#555}.timeline li.timeline-grey .timeline-body{background:#555}.timeline li.timeline-grey .timeline-time span.time{color:#555}@media (max-width:767px){timeline>li .timeline-time span.time{font-size:18px}.timeline:before{display:none}.timeline>li .timeline-time{width:100%;position:relative;padding:0 0 20px}.timeline>li .timeline-time span{text-align:left}.timeline>li .timeline-body{margin:0 0 30px;padding:1em}.timeline>li .timeline-body:after{right:auto;left:20px;top:-20px}.timeline>li .timeline-icon{position:relative;float:right;left:auto;margin:-55px 5px 0 0}.timeline li.timeline-red .timeline-body:after{border-right-color:transparent;border-bottom-color:#e02222}.timeline li.timeline-blue .timeline-body:after{border-right-color:transparent;border-bottom-color:#4b8df8}.timeline li.timeline-green .timeline-body:after{border-right-color:transparent;border-bottom-color:#35aa47}.timeline li.timeline-yellow .timeline-body:after{border-right-color:transparent;border-bottom-color:#ffb848}.timeline li.timeline-purple .timeline-body:after{border-right-color:transparent;border-bottom-color:#852b99}.timeline li.timeline-grey .timeline-body:after{border-right-color:transparent;border-bottom-color:#555}} |
|
||||
Loading…
Reference in new issue