📁 File Manager

Dosya Düzenle: style.css

.close-sidebar{
    background:none;
    border:none;
    color:#fff;
    font-size:28px;
    float:right;
    cursor:pointer;
    margin-bottom:15px;
}

/* ======================================================
   MOBILE RESPONSIVE CSS
====================================================== */

@media (max-width: 768px) {

body{
        overflow-x:hidden;
    }

/* Sidebar */

.sidebar{
        position:relative !important;
        width:100% !important;
        height:auto !important;
        padding:15px !important;
    }

.sidebar h3{
        text-align:center;
        font-size:20px;
        margin-bottom:15px;
    }

.sidebar a{
        display:block;
        padding:12px;
        margin-bottom:8px;
        font-size:15px;
    }

/* Main Content */

.main{
        margin-left:0 !important;
        padding:15px !important;
    }

/* Topbar */

.topbar{
        display:flex;
        flex-direction:column;
        align-items:flex-start;
        gap:10px;
        padding:15px;
    }

/* Dashboard Cards */

.card-box{
        padding:18px;
        margin-bottom:15px;
    }

.card-body{
        padding:15px;
    }

/* All Bootstrap Flex Cards */

.card-body.d-flex{
        flex-direction:column !important;
        align-items:flex-start !important;
        gap:15px;
    }

/* Statistics */

.stat{
        font-size:28px;
    }

/* Icons */

.fa-3x{
        font-size:2rem !important;
    }

/* Buttons */

.btn,
    .btn-lg{
        width:100%;
        margin-top:10px;
    }

/* Progress */

.progress{
        height:10px !important;
    }

/* Tables */

table{
        display:block;
        overflow-x:auto;
        white-space:nowrap;
    }

/* Images */

img{
        max-width:100%;
        height:auto;
    }

/* Text */

h1{
        font-size:28px;
    }

h2{
        font-size:24px;
    }

h3{
        font-size:22px;
    }

h4{
        font-size:20px;
    }

h5{
        font-size:18px;
    }

p{
        font-size:15px;
        line-height:1.7;
    }

/* Bootstrap Columns */

.row{
        margin-left:0;
        margin-right:0;
    }

[class*="col-"]{
        padding-left:8px;
        padding-right:8px;
        margin-bottom:15px;
    }

}

İptal