863 lines
17 KiB
CSS
863 lines
17 KiB
CSS
/* (1366x768) WXGA Display */
|
|
|
|
@media screen and (min-width: 1441px) and (max-width: 1920px) {
|
|
.error-content {
|
|
margin-top: 100px;
|
|
}
|
|
}
|
|
|
|
/*Medium Desktop Device*/
|
|
|
|
@media screen and (min-width: 1200px) and (max-width: 1440px) {
|
|
.col-ml-6 {
|
|
-webkit-box-flex: 0;
|
|
-ms-flex: 0 0 50%;
|
|
flex: 0 0 50%;
|
|
max-width: 50%;
|
|
}
|
|
.col-ml-12 {
|
|
-webkit-box-flex: 0;
|
|
-ms-flex: 0 0 100%;
|
|
flex: 0 0 100%;
|
|
max-width: 100%;
|
|
}
|
|
.col-ml-8 {
|
|
-webkit-box-flex: 0;
|
|
-ms-flex: 0 0 66.666667%;
|
|
flex: 0 0 66.666667%;
|
|
max-width: 66.666667%;
|
|
}
|
|
.col-ml-4 {
|
|
-webkit-box-flex: 0;
|
|
-ms-flex: 0 0 33.333333%;
|
|
flex: 0 0 33.333333%;
|
|
max-width: 33.333333%;
|
|
}
|
|
|
|
#coin_distribution-wrapper {
|
|
margin-top: -68px;
|
|
}
|
|
.cripto-live ul li .icon {
|
|
height: 23px;
|
|
width: 23px;
|
|
margin-right: 3px;
|
|
font-size: 13px;
|
|
line-height: 23px;
|
|
}
|
|
.cripto-live ul li {
|
|
margin-bottom: 35px;
|
|
font-size: 15px;
|
|
}
|
|
.exhcange-rate {
|
|
padding: 48px 38px;
|
|
}
|
|
.exchange-btn button {
|
|
margin-top: 37px;
|
|
}
|
|
.single-report h2 {
|
|
font-size: 19px;
|
|
}
|
|
.s-report-title {
|
|
margin-bottom: 17px;
|
|
}
|
|
.card-title {
|
|
font-size: 20px;
|
|
}
|
|
.s-report-inner {
|
|
padding-left: 73px;
|
|
}
|
|
/* dashboard two */
|
|
.s-report-title .header-title {
|
|
font-size: 15px;
|
|
}
|
|
.member-box .media-body p {
|
|
font-size: 15px;
|
|
}
|
|
.s-member img {
|
|
max-width: 60px;
|
|
}
|
|
.s-member .media-body {
|
|
margin-left: 20px!important;
|
|
}
|
|
.tm-social a {
|
|
margin-left: 3px;
|
|
font-size: 18px;
|
|
}
|
|
.member-box .media-body span {
|
|
font-size: 14px;
|
|
line-height: 21px;
|
|
}
|
|
.team-search {
|
|
margin-top: 20px;
|
|
}
|
|
.team-search input {
|
|
width: 100%;
|
|
}
|
|
|
|
/* error page */
|
|
.error-content {
|
|
margin-top: 100px;
|
|
}
|
|
|
|
/* dashboard three */
|
|
#salesanalytic {
|
|
height: 500px;
|
|
}
|
|
#seomap {
|
|
height: 346px;
|
|
}
|
|
#seolinechart8 {
|
|
margin-top: 60px;
|
|
}
|
|
}
|
|
|
|
/* Normal desktop :992px. */
|
|
|
|
@media (min-width: 1200px) and (max-width: 1364px) {
|
|
|
|
/* sidebar */
|
|
.sidebar-menu {
|
|
width: 365px;
|
|
}
|
|
.nav-btn {
|
|
position: fixed;
|
|
z-index: 99;
|
|
left: 363px;
|
|
background: #303641;
|
|
padding: 14px;
|
|
top: 0;
|
|
margin: 0;
|
|
}
|
|
.nav-btn span {
|
|
background: #fffbfb;
|
|
}
|
|
.sbar_collapsed .sidebar-menu {
|
|
left: -90%;
|
|
}
|
|
.sbar_collapsed .nav-btn {
|
|
position: initial;
|
|
background: none;
|
|
padding: 0;
|
|
margin: 10px 30px 0 0;
|
|
}
|
|
.sbar_collapsed .nav-btn span {
|
|
background: #b3aaaa;
|
|
}
|
|
.sbar_collapsed .logo a span {
|
|
display: block;
|
|
}
|
|
.minisidebar.main-menu {
|
|
margin-right: 0;
|
|
}
|
|
/* main content */
|
|
.main-content-inner {
|
|
padding: 0 15px 50px;
|
|
}
|
|
.page-container,
|
|
.sbar_collapsed.page-container {
|
|
padding-left: 0;
|
|
}
|
|
/* sidebar collapsed end */
|
|
/* pricing */
|
|
.col-mdl-4 {
|
|
-webkit-box-flex: 0;
|
|
-ms-flex: 0 0 33.333333%;
|
|
flex: 0 0 33.333333%;
|
|
max-width: 33.333333%;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 992px) and (max-width: 1199px) {
|
|
/* dashboard one */
|
|
.mt-md-30 {
|
|
margin-top: 30px;
|
|
}
|
|
/* sidebar */
|
|
.sidebar-menu {
|
|
width: 306px;
|
|
}
|
|
.nav-btn {
|
|
position: fixed;
|
|
z-index: 99;
|
|
left: 304px;
|
|
background: #303641;
|
|
padding: 14px;
|
|
top: 0;
|
|
margin: 0;
|
|
}
|
|
.nav-btn span {
|
|
background: #fffbfb;
|
|
}
|
|
.sbar_collapsed .sidebar-menu {
|
|
left: -90%;
|
|
}
|
|
.sbar_collapsed .nav-btn {
|
|
position: initial;
|
|
background: none;
|
|
padding: 0;
|
|
margin: 10px 30px 0 0;
|
|
}
|
|
.sbar_collapsed .nav-btn span {
|
|
background: #b3aaaa;
|
|
}
|
|
.sbar_collapsed .logo a span {
|
|
display: block;
|
|
}
|
|
.minisidebar.main-menu {
|
|
margin-right: 0;
|
|
}
|
|
/* main content */
|
|
.main-content-inner {
|
|
padding: 0 15px 50px;
|
|
}
|
|
.page-container,
|
|
.sbar_collapsed.page-container {
|
|
padding-left: 0;
|
|
}
|
|
/* fact area */
|
|
.single-report h2 {
|
|
font-size: 17px;
|
|
}
|
|
.s-report-inner {
|
|
padding-left: 73px;
|
|
}
|
|
.s-report-title {
|
|
margin-bottom: 17px;
|
|
}
|
|
.s-report-title .card-title {
|
|
font-size: 20px;
|
|
}
|
|
#coin_distribution-wrapper {
|
|
margin-top: -65px;
|
|
}
|
|
#verview-shart-wrapper {
|
|
margin-top: -26px;
|
|
}
|
|
.cripto-live ul li .icon {
|
|
height: 23px;
|
|
width: 23px;
|
|
margin-right: 3px;
|
|
font-size: 13px;
|
|
line-height: 23px;
|
|
}
|
|
.cripto-live ul li {
|
|
margin-bottom: 35px;
|
|
font-size: 15px;
|
|
}
|
|
.letest-news {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
}
|
|
.exchange-btn button {
|
|
margin-top: 37px;
|
|
}
|
|
.single-post {
|
|
flex-basis: calc(50% - 15px);
|
|
display: block;
|
|
}
|
|
.lts-thumb {
|
|
margin-bottom: 10px;
|
|
}
|
|
/* dashboard two */
|
|
.member-box .media-body p {
|
|
font-size: 16px;
|
|
}
|
|
|
|
/* dahsboard three */
|
|
#seolinechart8 {
|
|
margin-top: 60px;
|
|
}
|
|
|
|
/* horizontal header dashboard */
|
|
.horizontal-menu ul li a {
|
|
padding: 10px 8px;
|
|
}
|
|
.seo-fact #seolinechart3,
|
|
.seo-fact #seolinechart4 {
|
|
max-width: 144px;
|
|
}
|
|
}
|
|
|
|
/* Normal desktop :991px. */
|
|
|
|
@media (min-width: 768px) and (max-width: 991px) {
|
|
/* dashboard one */
|
|
/* sidebar */
|
|
.sidebar-menu {
|
|
width: 306px;
|
|
}
|
|
.nav-btn {
|
|
position: fixed;
|
|
z-index: 99;
|
|
left: 304px;
|
|
background: #303641;
|
|
padding: 14px;
|
|
top: 0;
|
|
margin: 0;
|
|
}
|
|
.nav-btn span {
|
|
background: #fffbfb;
|
|
}
|
|
.sbar_collapsed .sidebar-menu {
|
|
left: -90%;
|
|
}
|
|
.sbar_collapsed .nav-btn {
|
|
position: initial;
|
|
background: none;
|
|
padding: 0;
|
|
margin: 10px 30px 0 0;
|
|
}
|
|
.sbar_collapsed .nav-btn span {
|
|
background: #b3aaaa;
|
|
}
|
|
.sbar_collapsed .logo a span {
|
|
display: block;
|
|
}
|
|
.minisidebar.main-menu {
|
|
margin-right: 0;
|
|
}
|
|
.sbar_collapsed .metismenu li a span,
|
|
.sbar_collapsed .metismenu li a:after,
|
|
.sbar_collapsed .metismenu .collapse.in {
|
|
display: inline-block;
|
|
}
|
|
/* main content */
|
|
.main-content-inner {
|
|
padding: 0 15px 50px;
|
|
}
|
|
.page-container,
|
|
.sbar_collapsed.page-container {
|
|
padding-left: 0;
|
|
}
|
|
/* main content */
|
|
.search-box input {
|
|
width: 278px;
|
|
}
|
|
/* fact area */
|
|
.s-report-inner {
|
|
padding-left: 18px;
|
|
}
|
|
.single-report .icon {
|
|
display: none;
|
|
}
|
|
.single-report h2 {
|
|
font-size: 16px;
|
|
}
|
|
.single-report span {
|
|
font-size: 13px;
|
|
}
|
|
.s-report-title {
|
|
margin-bottom: 19px;
|
|
}
|
|
.card-title {
|
|
font-size: 18px;
|
|
}
|
|
/* coin distribution */
|
|
.coin-distribution {
|
|
margin-top: 30px;
|
|
}
|
|
#coin_distribution-wrapper {
|
|
margin-top: -101px;
|
|
}
|
|
.mt-sm-30 {
|
|
margin-top: 30px;
|
|
}
|
|
/* criptio price */
|
|
.cripto-live ul li {
|
|
width: 49%;
|
|
display: inline-block;
|
|
}
|
|
.input-form input {
|
|
height: 70px;
|
|
padding-left: 20px;
|
|
}
|
|
.exchange-btn button {
|
|
height: 70px;
|
|
}
|
|
.input-form span {
|
|
height: 70px;
|
|
line-height: 70px;
|
|
}
|
|
/* icons */
|
|
.icon-container {
|
|
flex-basis: calc(100% * (1/3));
|
|
}
|
|
|
|
/* maps */
|
|
#mapamchart1,
|
|
#mapamchart2,
|
|
#mapamchart3,
|
|
#mapamchart4,
|
|
#mapamchart5,
|
|
#mapamchart6 {
|
|
height: 300px;
|
|
}
|
|
#google_map {
|
|
height: 400px;
|
|
}
|
|
|
|
/* login page */
|
|
.ptb--100 {
|
|
padding: 90px 0;
|
|
}
|
|
/* horizontal header dashboard */
|
|
.header-bottom .search-box input {
|
|
max-width: 100%;
|
|
}
|
|
|
|
}
|
|
|
|
/* small mobile :320px. */
|
|
|
|
@media (max-width: 767px) {
|
|
.ptb--100 {
|
|
padding: 90px 0;
|
|
}
|
|
}
|
|
|
|
/* Large Mobile :480px. */
|
|
|
|
@media only screen and (min-width: 480px) and (max-width: 767px) {
|
|
/* dashboard one */
|
|
.mb-xs-30 {
|
|
margin-bottom: 30px;
|
|
}
|
|
.mt-sm-30 {
|
|
margin-top: 30px;
|
|
}
|
|
.mb-sm-40 {
|
|
margin-bottom: 40px;
|
|
}
|
|
/* sidebar */
|
|
.sidebar-menu {
|
|
width: 365px;
|
|
}
|
|
.nav-btn {
|
|
position: fixed;
|
|
z-index: 99;
|
|
left: 363px;
|
|
background: #303641;
|
|
padding: 14px;
|
|
top: 0;
|
|
margin: 0;
|
|
}
|
|
.nav-btn span {
|
|
background: #fffbfb;
|
|
}
|
|
.sbar_collapsed .sidebar-menu {
|
|
left: -90%;
|
|
}
|
|
.sbar_collapsed .nav-btn {
|
|
position: initial;
|
|
background: none;
|
|
padding: 0;
|
|
margin: 10px 30px 0 0;
|
|
}
|
|
.sbar_collapsed .nav-btn span {
|
|
background: #b3aaaa;
|
|
}
|
|
.sbar_collapsed .logo a span {
|
|
display: block;
|
|
}
|
|
.minisidebar.main-menu {
|
|
margin-right: 0;
|
|
}
|
|
/* main content */
|
|
.main-content-inner {
|
|
padding: 0 15px 35px;
|
|
}
|
|
.page-container,
|
|
.sbar_collapsed.page-container {
|
|
padding-left: 0;
|
|
}
|
|
/* main content */
|
|
.search-box input {
|
|
width: 278px;
|
|
}
|
|
.notification-area li {
|
|
margin-left: 21px;
|
|
}
|
|
.page-title {
|
|
font-size: 21px;
|
|
}
|
|
#coin_distribution-wrapper {
|
|
margin-top: -74px;
|
|
}
|
|
.coin-distribution {
|
|
margin-top: 30px;
|
|
}
|
|
.trd-history-tabs ul li a {
|
|
margin: 0 8px;
|
|
}
|
|
table.dbkit-table tr {
|
|
height: 64px;
|
|
}
|
|
.lts-thumb {
|
|
margin-bottom: 15px;
|
|
}
|
|
.lts-content h2 a {
|
|
font-size: 19px;
|
|
font-weight: 500;
|
|
}
|
|
.lts-content span {
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
margin-bottom: 6px;
|
|
}
|
|
.input-form input {
|
|
height: 70px;
|
|
padding-left: 20px;
|
|
}
|
|
.exchange-btn button {
|
|
height: 70px;
|
|
}
|
|
.input-form span {
|
|
height: 70px;
|
|
line-height: 70px;
|
|
}
|
|
/* icons */
|
|
.icon-container {
|
|
flex-basis: calc(100% * (1/2));
|
|
}
|
|
|
|
/* maps */
|
|
#mapamchart1,
|
|
#mapamchart2,
|
|
#mapamchart3,
|
|
#mapamchart4,
|
|
#mapamchart5,
|
|
#mapamchart6 {
|
|
height: 300px;
|
|
}
|
|
#google_map {
|
|
height: 400px;
|
|
}
|
|
|
|
/* horizontal header dashboard */
|
|
.header-bottom .search-box input {
|
|
max-width: 100%;
|
|
}
|
|
}
|
|
|
|
/* small mobile :320px. */
|
|
|
|
@media (min-width: 240px) and (max-width: 479px) {
|
|
/* dashboard one */
|
|
/* sidebar */
|
|
.sidebar-menu {
|
|
width: calc(100% - 48px);
|
|
}
|
|
.nav-btn {
|
|
position: fixed;
|
|
z-index: 99;
|
|
right: 0;
|
|
background: #303641;
|
|
padding: 14px;
|
|
top: 0;
|
|
margin: 0;
|
|
}
|
|
.nav-btn span {
|
|
background: #fffbfb;
|
|
}
|
|
.sbar_collapsed .sidebar-menu {
|
|
left: -100%;
|
|
}
|
|
.sbar_collapsed .nav-btn {
|
|
position: initial;
|
|
background: none;
|
|
padding: 0;
|
|
margin: 10px 30px 0 0;
|
|
}
|
|
.sbar_collapsed .nav-btn span {
|
|
background: #b3aaaa;
|
|
}
|
|
.sbar_collapsed .logo a span {
|
|
display: block;
|
|
}
|
|
.minisidebar.main-menu {
|
|
margin-right: 0;
|
|
}
|
|
/* main content */
|
|
.main-content-inner {
|
|
padding: 0 15px 50px;
|
|
}
|
|
.page-container,
|
|
.sbar_collapsed.page-container {
|
|
padding-left: 0;
|
|
}
|
|
.card-body {
|
|
padding: 1.25rem;
|
|
}
|
|
/* hedaer */
|
|
.search-box input {
|
|
width: 223px;
|
|
}
|
|
.notification-area {
|
|
text-align: center;
|
|
margin: 30px 0 3px;
|
|
float: none;
|
|
}
|
|
.notification-area li {
|
|
margin: 0 15px;
|
|
}
|
|
.user-profile {
|
|
margin: 16px 0 10px 0;
|
|
}
|
|
.user-profile .dropdown-menu {
|
|
width: 100%;
|
|
right: 0px!important;
|
|
}
|
|
.nt-enveloper-box.notify-box {
|
|
width: 286px;
|
|
right: -101px!important;
|
|
}
|
|
.bell-notify-box.notify-box {
|
|
width: 286px;
|
|
right: -160px!important;
|
|
}
|
|
.page-title-area {
|
|
padding: 15px 30px 0;
|
|
}
|
|
/* fact area */
|
|
.s-report-inner {
|
|
padding-left: 20px;
|
|
}
|
|
.single-report .icon {
|
|
display: none;
|
|
}
|
|
.single-report h2 {
|
|
font-size: 20px;
|
|
}
|
|
.card-title {
|
|
font-size: 18px;
|
|
}
|
|
.mb-xs-30 {
|
|
margin-bottom: 30px;
|
|
}
|
|
.mt-xs-30 {
|
|
margin-top: 30px;
|
|
}
|
|
.coin-distribution {
|
|
margin-top: 30px;
|
|
}
|
|
#verview-shart {
|
|
height: 235px;
|
|
}
|
|
#coin_distribution-wrapper {
|
|
margin-top: -88px;
|
|
}
|
|
.market-status-table {
|
|
padding-top: 0!important;
|
|
}
|
|
.cripto-live ul li {
|
|
font-size: 14px;
|
|
}
|
|
.cripto-live ul li .icon {
|
|
height: 25px;
|
|
width: 25px;
|
|
margin-right: 4px;
|
|
font-size: 14px;
|
|
line-height: 25px;
|
|
}
|
|
.cripto-live ul li span {
|
|
width: 45%;
|
|
}
|
|
.trd-history-tabs ul li a {
|
|
margin-right: 18px;
|
|
margin-left: 0;
|
|
}
|
|
.trd-history-tabs {
|
|
margin: 10px 0;
|
|
}
|
|
table.dbkit-table tr {
|
|
height: 63px;
|
|
}
|
|
/* blog */
|
|
.lts-content h2 a {
|
|
font-size: 18px;
|
|
font-weight: 500;
|
|
}
|
|
.lts-thumb {
|
|
flex-basis: 100%;
|
|
margin-bottom: 10px;
|
|
}
|
|
.lts-content {
|
|
flex-basis: 100%;
|
|
}
|
|
.mb-xs-20 {
|
|
margin-bottom: 20px;
|
|
}
|
|
.mb-xs-40 {
|
|
margin-bottom: 40px;
|
|
}
|
|
.input-form input {
|
|
height: 60px;
|
|
padding-left: 15px;
|
|
box-shadow: 0 0 12px rgba(0, 0, 0, 0.07);
|
|
}
|
|
.input-form span {
|
|
width: 86px;
|
|
line-height: 60px;
|
|
font-size: 17px;
|
|
}
|
|
.exhcange-rate {
|
|
padding: 0;
|
|
background-color: #fff;
|
|
}
|
|
.exhcange-rate .exchange-devider {
|
|
font-size: 21px;
|
|
margin: 13px 0;
|
|
}
|
|
.exchange-btn button {
|
|
height: 60px;
|
|
}
|
|
.lts-content span {
|
|
font-size: 14px;
|
|
margin-bottom: 5px;
|
|
display: block;
|
|
}
|
|
/* Dashboard Two */
|
|
#visitor_graph {
|
|
height: 300px;
|
|
}
|
|
.pagination_area {
|
|
float: none;
|
|
text-align: center;
|
|
}
|
|
.s-member .media img {
|
|
max-width: 45px;
|
|
}
|
|
.member-box .media-body {
|
|
margin-left: 10px!important;
|
|
}
|
|
.member-box .media-body p {
|
|
font-size: 15px;
|
|
}
|
|
.tm-social a {
|
|
margin-left: 5px;
|
|
font-size: 16px;
|
|
}
|
|
.member-box .media-body span {
|
|
font-size: 13px;
|
|
line-height: 20px;
|
|
}
|
|
form.team-search {
|
|
margin-top: 20px;
|
|
}
|
|
.s-member {
|
|
padding: 21px 0px 7px;
|
|
background: #fff;
|
|
margin: 15px 0;
|
|
border-top: 1px solid #f1ebeb;
|
|
}
|
|
.s-member:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
/* bar Chart*/
|
|
#ambarchart1,
|
|
#ambarchart2,
|
|
#ambarchart3,
|
|
#ambarchart4,
|
|
#ambarchart5,
|
|
#ambarchart6 {
|
|
height: 250px;
|
|
}
|
|
/* line chart */
|
|
#amlinechart1,
|
|
#amlinechart2,
|
|
#amlinechart3,
|
|
#amlinechart4,
|
|
#amlinechart5 {
|
|
height: 250px;
|
|
}
|
|
/* pie chart */
|
|
#ampiechart1,
|
|
#ampiechart2,
|
|
#ampiechart3,
|
|
#highpiechart4,
|
|
#highpiechart5,
|
|
#highpiechart6 {
|
|
height: 250px;
|
|
}
|
|
/* accordion */
|
|
.according .card-header a {
|
|
padding: 12px 15px;
|
|
}
|
|
.accordion-s2 .card-header a:before,
|
|
.accordion-s3 .card-header a:before {
|
|
right: 9px;
|
|
}
|
|
/* dropdown */
|
|
.btn {
|
|
padding: 11px 16px;
|
|
}
|
|
/* media object */
|
|
.child-media {
|
|
padding-left: 20px;
|
|
}
|
|
/* typography */
|
|
blockquote {
|
|
padding: 20px 15px 20px 60px;
|
|
}
|
|
/* icons */
|
|
.icon-container {
|
|
flex-basis: 100%;
|
|
}
|
|
|
|
/* maps */
|
|
#mapamchart1,
|
|
#mapamchart2,
|
|
#mapamchart3,
|
|
#mapamchart4,
|
|
#mapamchart5,
|
|
#mapamchart6 {
|
|
height: 200px;
|
|
}
|
|
#google_map {
|
|
height: 300px;
|
|
}
|
|
|
|
/* invoice */
|
|
.invoice-date {
|
|
margin-top: 20px;
|
|
}
|
|
.invoice-buttons a {
|
|
padding: 12px 12px;
|
|
}
|
|
.login-form-head,
|
|
.login-form-body {
|
|
padding: 40px 20px;
|
|
}
|
|
.rmber-area {
|
|
font-size: 12px;
|
|
}
|
|
|
|
/* dashboard thee */
|
|
.seo-fact #seolinechart3,
|
|
.seo-fact #seolinechart4 {
|
|
max-width: 128px;
|
|
}
|
|
.seofct-icon i {
|
|
font-size: 37px;
|
|
}
|
|
.seo-fact h2 {
|
|
font-size: 22px;
|
|
}
|
|
#user-statistics {
|
|
height: 250px;
|
|
}
|
|
#salesanalytic {
|
|
height: 400px;
|
|
}
|
|
#seomap {
|
|
height: 180px;
|
|
}
|
|
.tstu-img {
|
|
width: 60px;
|
|
margin-right: 14px;
|
|
}
|
|
.offset-area {
|
|
width: 300px;
|
|
}
|
|
} |