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;}

#tableTakvim thead tr:first-child{height: 16px;font-size: 16px;line-height: 16px; border: 1px solid #f1f1f1; border-bottom: 1px solid #fff;margin-bottom: -1px;  padding: 10px;  background: rgb(255,255,255); /* Old browsers *//* IE9 SVG, needs conditional override of 'filter' to 'none' */background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGY0ZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top,  rgba(255,255 255,1) 0%, rgba(244,244,244,1) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(244,244,244,1))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* IE10+ */background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-8 */-webkit-kutu-shadow: none;     -moz-kutu-shadow: none;          kutu-shadow: none;  -webkit-border-radius: 5px 5px 0px 0px;       -moz-border-radius: 5px 5px 0px 0px;          border-radius: 5px 5px 0px 0px;overflow: hidden;}
#tableTakvim th, #tableTakvim td {text-align:center; padding:10px}
#tableTakvim tbody {font-size:11px}
#tableTakvim tbody td:first-child {background:#67a0be; color:#fff;}
#tableTakvim tbody > tr > td:hover{background:#50769b; color:#fff; cursor:pointer}
#tableTakvim td:first-child,#tableTakvim th:first-child {text-align:left}
.orange {background: #ff8330;background: #ff8330;background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOTI0OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmNzQxNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background-size: 100%;background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff9249), color-stop(100%, #ff7417));background-image: -webkit-linear-gradient(top, #ff9249, #ff7417);background-image: -moz-linear-gradient(top, #ff9249, #ff7417);background-image: -o-linear-gradient(top, #ff9249, #ff7417);background-image: linear-gradient(top, #ff9249, #ff7417); }
.light-gray-text {color: #eeeeee;}

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

/* 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)