PHP Dosya Yöneticisi

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Courgette&subset=latin,latin-ext);
html {min-height: 100%; position: relative;}
body {background-color: #ecf0f1; font-size: 13px; min-height: 100%;}
a, a:focus, a:active {outline: 0;}
.nav-tabs {margin-bottom: 15px;}
.checkbox label {line-height: 20px;}
.radio label {line-height: 20px;}
.image-thumbs {margin-bottom: 50px;}

/* Eklenenler ********************************/
#sidebar,
.icon-bar {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

.collapse { display: block; }

.navbar-toggle.collapsed .icon-bar:nth-child(1) { transform: none; -webkit-transform:none; }
.navbar-toggle.collapsed .icon-bar:nth-child(2) { opacity: 1; }
.navbar-toggle.collapsed .icon-bar:nth-child(3) { transform: none; -webkit-transform:none; }

.navbar-toggle .icon-bar:nth-child(1) { transform: rotate(45deg)translate(4px, 4px); -webkit-transform: rotate(45deg)translate(4px, 4px); -moz-transform: rotate(45deg)translate(4px, 4px); -ms-transform: rotate(45deg)translate(4px, 4px); -o-transform: rotate(45deg)translate(4px, 4px); }
.navbar-toggle .icon-bar:nth-child(2) { opacity: 0; }
.navbar-toggle .icon-bar:nth-child(3) { transform: rotate(-45deg)translate(5px, -5px); -webkit-transform: rotate(-45deg)translate(5px, -5px); -moz-transform: rotate(-45deg)translate(5px, -5px); -ms-transform: rotate(-45deg)translate(5px, -5px); -o-transform: rotate(-45deg)translate(5px, -5px); }
/* Eklenenler ********************************/

#login {margin-top: 200px;}
#login i {width: 14px;}
#login .col-md-4, #login .col-sm-8 {
    float: none !important;
}
/*#login .panel {*/
/*-webkit-border-radius:0;*/
/*-moz-border-radius:0;*/
/*border-radius:0;*/
/*}*/
/*#login .btn {*/
/*-webkit-border-radius:0;*/
/*-moz-border-radius:0;*/
/*border-radius:0;*/
/*}*/

#header {height: 60px; margin: 0; width: 100%; z-index: 1030; position: fixed;}
#header .header-brand {float: left; height: 60px; background-color: #2C3030; width: 220px;}
#header .header-brand .brand-text {display: block; height: 60px; line-height: 60px; padding: 0 15px; text-align: center; width: 100%; color: #fff; font-weight: 600; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); font-size: 24px; text-decoration: none; font-family: 'Courgette', cursive;}
#header .header-toolbar {background-color: #2C3030; border-bottom: 1px solid #1F2527; height: 61px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08); }
#header .navigation {float: right; margin: 0 15px;}
#header .navigation .nav > li {float: left;}
#header .navigation .nav > li > a {height: 60px; padding: 0 15px; line-height: 60px; cursor: pointer; background-color: transparent; color: #FFF;}
#header .navigation .nav > li > a:hover {color: #00b6ad;}
#header .navigation .nav > li > a > i {font-size: 18px;}
#header .navigation .nav > li.open > a {background-color: #f5f5f5; color: #00b6ad;}
#header .navigation .dropdown-menu {font-size: 12px;}
#header .navigation .dropdown-menu:before {border-color: transparent transparent rgba(0,0,0,0.15); border-style: solid; border-width: 9px; bottom: 100%; content: " "; height: 0; right: 14px; position: absolute; width: 0;}
#header .navigation .dropdown-menu:after {border-color: transparent transparent #fff; border-style: solid; border-width: 8px; bottom: 100%; content: " "; height: 0; right: 15px; position: absolute; width: 0;}
#header .navigation .dropdown-menu i {width: 15px;}
#header .navigation .profile img {width: 35px; vertical-align: middle; box-shadow: 0 2px 0 0 rgba(0,0,0,0.2); margin-right: 5px;}

#sidebar {background-color: #2a2a2a; color: #777; position: fixed; top: 0; left: 0; z-index: 200; width: 220px; min-height: 100%; height: 100%; padding-top: 60px;}
#sidebar .sidemenu {padding-top: 10px;}
#sidebar .sidemenu ul {margin: 0; padding: 0; list-style: none;}
#sidebar .sidemenu ul a {text-decoration: none;}
#sidebar .sidemenu ul a:hover {color: #c3c3c3;}
#sidebar .sidemenu > ul > li > a {display: block; padding: 10px 10px 10px 20px; color: #909090; cursor: pointer; font-weight: 600;}
#sidebar .sidemenu > ul > li > a > i {margin-right: 10px; width: 18px; font-size: 16px; float: left; margin-top: 1px; text-align: center;}
#sidebar .sidemenu > ul > li > a:hover > i {color: #00b6ad;}
#sidebar .sidemenu > ul > li > a > span {float: right; margin-top: 10px; color: #444;}
#sidebar .sidemenu > ul > li:after {border-top: 1px solid #2f2f2f; content: ""; left: 48px; position: absolute; right: 0;}
#sidebar .sidemenu > ul > li > ul {display: none; background-color: #202020; padding-left: 48px; overflow: hidden; position: relative;}
#sidebar .sidemenu > ul > li > ul:after {border-left: 1px solid #2f2f2f; bottom: 0; content: ""; left: 28px; position: absolute;top: 0;}
#sidebar .sidemenu > ul > li > ul > li {position: relative; width: 100%;}
#sidebar .sidemenu > ul > li > ul > li:after {background-color: #2f2f2f; content: ""; position: absolute; border-radius: 50%; box-shadow: 0 0 0 2px #202020; height: 8px; width: 8px; left: -24px; top: 14px; z-index: 1;}
#sidebar .sidemenu > ul > li > ul > li:hover:after {background-color: #00b6ad;}
#sidebar .sidemenu > ul > li > ul > li > a {color: #777; display: block;  padding: 8px 0;}

#main {padding: 80px 0 0 220px;}

.panel .panel-heading {font-size: 14px; font-weight: 600;}
.panel .panel-heading i {margin-right: 10px;}
.panel .panel-toolbar {background-color: #fbfbfb; padding: 14px; border-bottom: 1px solid #ddd;}
.panel .table thead {color: #5e5e5e; background-color: #f9f9f9;}
.panel .table thead tr:first-child {border-bottom: 2px solid #ddd;}
.panel .panel-footer .pagination {margin: 5px 0;}

.breadcrumb {background-color: transparent; padding: 0;}
.breadcrumb a {color: #00b6ad; text-decoration: none;}

.app {margin-bottom: 20px; display: block; height: 82px;}
.app.app-info .app-icon {background-color: #63d3e9; border-bottom: 3px solid #47bfd6;}
.app.app-success .app-icon {background-color: #91c854; border-bottom: 3px solid #7bb13e;}
.app .app-icon {width: 35%; float: left; border-radius: 4px 0 0 4px; height: 100%; text-align: center;}
.app .app-icon i {font-size: 38px; margin: 20px 0; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0, 0.2);}
.app .app-body {width: 65%; float: right; background-color: #fff; border: 1px solid #ddd; border-bottom-width: 3px; border-left: none; border-radius: 0 4px 4px 0; height: 100%; position: relative;}
.app .app-body .label {position: absolute; top: -5px; right: -5px;}
.app .app-body .app-title {padding: 10px; display: table-cell; vertical-align: middle; height: 82px; width: 151px; color: #333;}
.app .app-body .app-title span {display: block; font-weight: 600; font-size: 16px;}

.app-full {margin-bottom: 20px; display: block; height: 82px; border-radius: 4px;}
.app-full.app-info {background-color: #63d3e9; border-bottom: 3px solid #47bfd6;}
.app-full.app-success {background-color: #91c854; border-bottom: 3px solid #7bb13e;}
.app-full .app-icon {width: 30%; float: left; text-align: center; height: 100%;}
.app-full .app-icon i {font-size: 42px; margin: 20px; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0, 0.2);}
.app-full .app-body {width: 70%; float: right; height: 100%; position: relative;}
.app-full .app-body .label {position: absolute; top: -5px; right: -5px;}
.app-full .app-body .app-title {padding: 10px; display: table-cell; vertical-align: middle; height: 82px; width: 151px; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0, 0.2);}
.app-full .app-body .app-title span {display: block; font-weight: 600; font-size: 16px;}

.datepicker {z-index: 99999 !important;}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background-color: rgba(255,255,255,.1) !important;
}

/*yeni eklenenler*/
.extraBody {
    max-height: 450px;
    overflow-y: auto;
}
.extra i {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
.extra i:before {
    font-size: 30px !important;
}

.extra [class^="flaticon-"]::before {
    margin-left: 0;
}
.height120 {
    height: 120px;
    margin-bottom: 15px;
}

.sortable .checkbox {
    padding-left: 0;
    margin-top: 0;
    padding-right: 15px;
}

/*Google Map Stilleri*/
.controls {
    margin-top: 10px;
    border: 1px solid transparent;
    border-radius: 2px 0 0 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 32px;
    outline: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

#pac-input {
    background-color: #fff;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
    margin-left: 12px;
    padding: 0 11px 0 13px;
    text-overflow: ellipsis;
    width: 300px;
}

#pac-input:focus {
    border-color: #4d90fe;
}

.pac-container {
    font-family: Roboto;
}

#type-selector {
    color: #fff;
    background-color: #4d90fe;
    padding: 5px 11px 0px 11px;
}

#type-selector label {
    font-family: Roboto;
    font-size: 13px;
    font-weight: 300;
}
/*Google Map Stilleri*/

/*yeni eklenenler*/

/* XS */
@media (max-width: 767px) {
    #main { padding: 80px 0 0 0; }
    #sidebar { left: -220px; height: 100% !important; }
    #sidebar.collapse.in { left: 0px; }
    #header .header-brand { display: none; }
    .navbar-toggle { float: left; margin-right: 0px; margin-left: 15px; margin-top: 13px; margin-bottom: 13px; }
    .navbar-toggle .icon-bar { background-color: #999; }
    .navbar-right .dropdown-menu { left: auto; right: 0; }
    #header .navigation .nav > li > a { padding: 0px 10px; }
}

/* SM */
@media (min-width: 768px) and (max-width: 991px) {

}
/* MD */
@media (min-width: 992px) and (max-width: 1199px) {

}

/* LG */
@media (min-width: 1200px) {

}

İptal

📁 PHP Dosya Yöneticisi

📝 main.css

📝 main.css

📝 Yeniden Adlandır

🔐 Dosya İzinleri (chmod)