PHP Classes

File: public/backend/assets/css/responsive.css

Recommend this page to a friend!
  Classes of Maniruzzaman Akash   Laravel Roles and Permissions   public/backend/assets/css/responsive.css   Download  
File: public/backend/assets/css/responsive.css
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: Laravel Roles and Permissions
Manage application users' roles and permissions
Author: By
Last change:
Date: 2 years ago
Size: 17,024 bytes
 

Contents

Class file image Download
/* (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; } }