Sindbad~EG File Manager
.o365-filter__accordion-wrapper {
padding: 0 15px 0px 15px;
border: 1px solid #ccc;
border-radius: 6px;
padding: 13px;
}
.o365-filter__accordion-wrapper h4 {
width: 100%;
background: #428BCA;
border-bottom: 1px solid #fff;
text-indent: 0px;
color: #fff;
text-align: center;
padding: 10px;
margin-top: 0px;
margin-bottom: 0px;
font-weight: 500;
text-transform: capitalize;
letter-spacing: 0px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.o365-filter__accordion-wrapper {
padding: 0px !important;
background: transparent;
margin-bottom: 0 !important;
border: none;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.o365-filter__accordion-wrapper .o365-filter__accordion-btn{
cursor: pointer;
width: 100%;
text-align: left;
outline: none;
max-width: inherit;
background: transparent;
border-bottom: 1px solid #ccc;
padding: 10px;
color: #000;
transition: 0.5s ease-in-out;
}
.o365-filter__accordion-wrapper .o365-filter__accordion-btn:nth-last-child(2) {
border-bottom: none !important;
}
.o365-filter__accordion-btn:after {
content: '\002B';
color: #428BCA;
font-weight: bold;
float: right;
margin-left: 5px;
}
.o365-filter__accordion-wrapper #Value {
width: 100%;
display: block;
line-height: .75em;
vertical-align: top;
}
.o365-filter-content-tform-wrapper {
margin-bottom: 30px;
}
.o365-filter-content-tform-wrapper .form_input_cls input {
padding: 11px;
padding-right: 41px;
border-radius: 5px;
width: 100%;
}
.o365-filter-content-tform-wrapper .o365-filter-btn-wrap {
position: absolute;
top: 0;
right: 0;
}
.o365-filter__accordion-wrapper li {
margin: 0;
}
.sp_search_filter_select {
width: 150px;
border: none;
}
.o365_sp_list_previous {
cursor: pointer;
}
.o365_sp_list_next {
cursor: pointer;
}
.o365-filter__accordion-wrapper #Value label img {
margin-right: 5px;
}
.o365-filter__accordion-wrapper,.o365-filter__accordion-wrapper {
color:#fff;
box-shadow: none;
}
.o365-filter__accordion-btn.active {
color:#fff;
box-shadow: none;
}
.o365-filter__accordion-wrapper .o365-filter__accordion-btn:nth-last-child(2) {
border-bottom: none !important;
}
.o365-filter__accordion-btn:after {
content: '\002B';
color: #428BCA;
font-weight: bold;
float: right;
margin-left: 5px;
}
.activefilter,
ul.o365-list__sidebar-accordion-options li label a:hover {
color: #428BCA !important;
}
.active:after {
content: "\2212";
}
.o365-filter__accordion-content {
background-color: white;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
.o365-filter__accordion-content ul{
padding:0px 10px;
margin:0px;
}
.o365-filter__accordion-form input[type="date"],.o365-filter__accordion-form input[type="submit"]{
width:100%;
margin-bottom:10px;
}
.o365-list_search_content_result {
display: inline-block;
padding-bottom: 20px;
}
.o365-filter-content-tform-wrapper .o365-filter-btn-wrap span input[type="submit"] {
padding: 20px 0px;
font-size: 10px;
opacity: 0;
}
.o365-filter-content-tform-wrapper .o365-filter-btn-wrap span {
position: relative;
}
.o365-filter-content-tform-wrapper .o365-filter-btn-wrap span i.fa-search {
position: absolute;
top: 0;
right: 0;
left: 0;
font-size: 20px;
}
.sp_list_data_wrapper li,
.o365-list_result li {
list-style: none;
margin-bottom: 0px;
}
.sp_list_data,
.o365-list_result {
margin-left: 0;
position: relative;
padding-left: 30px;
border-bottom: 1px solid #ccc;
padding-bottom: 20px;
margin-bottom: 25px !important;
}
.o365-list_result :last-child {
border-bottom: none;
}
.o365-list-iconwrap {
position: absolute;
left: 0;
top: 0;
}
.o365-list_search_info span {
background: #428BCA;
color: #fff;
font-size: 13px;
padding: 2px;
font-weight: 500;
}
li.sp_list_name_data span.auth_name_data {
color: #428BCA;
}
/* from theme style */
.o365-filter__form ul{
padding-left: 0px;
}
.o365-filter__form ul li{
list-style: none;
margin-bottom:10px;
}
.o365-filter-btn-wrap input[type="submit"] {
background-color: #4a97c2;
color: #fff;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.o365-filter-btn-wrap input[type="submit"]:hover {
background-color: #4a97c2;
}
.o365-filter-column {
margin-bottom: 20px;
}
.o365-filter-result {
margin-top: 20px;
}
.o365-list__alphabet{
padding-left: 0px;
}
.o365-list__alphabet li {
display: inline-block;
border: 1px solid #4a97c2;
margin-bottom: 10px;
width: 40px;
border-radius: 50%;
text-align: center;
-webkit-transition: background 0.2s;
transition: background 0.2s;
}
.o365-list__alphabet li span {
color: #4a97c2;
}
.o365-list__alphabet li:hover {
background-color: #4a97c2;
color: #fff;
cursor: pointer;
}
.o365-list__alphabet li:hover span {
color: #fff;
}
.o365-search input[type="submit"],
button,
.o365-search input[type="button"],
.o365-list__btn {
border: 0;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
cursor: pointer;
display: inline-block;
-webkit-transition: background 0.2s;
transition: background 0.2s;
padding: 10px 25px;
background-color: #4a97c2;
}
.o365-list__form {
margin-top: 20px;
}
.o365-list-btn {
text-align: center;
}
.o365-list__form ul{
padding-left: 0px;
}
.o365-list__form ul li {
width: 49%;
display: inline-block;
margin-right: 0px;
margin-bottom: 20px;
}
.o365-list__form ul li label {
font-size: 14px;
font-weight: 500;
}
.o365-list__form ul li input[type="text"] {
border-radius: 3px;
padding: 8px 10px;
width: 100%;
}
.o365-list__form ul li input[type="submit"],
.o365-list__form ul li input[type="reset"] {
padding: 8px 21px;
background: #222;
line-height: normal;
border: none;
transition: 0.5s;
color: #fff;
font-weight: 500;
border-radius: 3px;
font-size: 13px;
}
.o365-list__form ul li input[type="submit"]:hover,
.o365-list__form ul li input[type="reset"]:hover {
background: #767676;
}
@media screen and (max-width:1024px) {
.o365-list-table thead {
display: none;
}
.o365-list-table tbody tr {
margin-bottom: 15px !important;
display: block;
border-top: 1px solid #bbb;
}
.o365-list-table tbody tr td {
display: block;
text-align: right;
min-height: 38px;
border-top: 0 !important;
font-size: 14px;
padding: 8px 12px;
border: 1px solid #bbb;
}
.o365-list-table tbody tr td:before {
content: attr(data-label);
float: left;
font-weight: 600;
color: #000;
}
}
@media screen and (max-width:941px) {
.o365-list__form ul li input[type="submit"],
.o365-list__form ul li input[type="reset"] {
margin-top: 10px;
}
}
@media screen and (max-width:554px) {
.o365-list__form ul li {
width: 100%;
margin-right: 0px;
}
.o365-list__form ul li input[type="text"] {
width: 100%;
max-width: inherit;
}
}
.o365-search__form {
position: relative;
}
.o365-search-button {position: relative;top: 0;right: 0;height: 100%;border-top-right-radius: 3px;border-bottom-right-radius: 3px;background-color: transparent;}
.o365-search-button input[type="submit"] {background-color: #4a97c2;color: #fff;position: relative;top: 0;transform: none;}
.o365-search-textfield {float: left;margin-right: 15px;}
form#o365-search__form {display: inline-block;width: 100%;}
.o365-search-button {float: left;}
.o365-search-button input[type="submit"]:hover {
background-color: #4a97c2;
}
.o365-list-title {
margin-top: 20px;
border-bottom: 1px solid #4a97c2;
color: black;
text-transform: capitalize;
font-size: 25px;
font-weight: 700;
margin-bottom: 30px;
}
.o365-list-table {
overflow: hidden;
width: 100%;
display: inline-table;
}
.o365-list-table article {
overflow-x: hidden
}
.o365-list-table td {
position: relative;
}
.o365-list-table tr .overlay_icon_sec {
display: inline-block;
}
.o365-list-table tr .overlay_icon_sec:hover .o365_sp_search_thumb {
display: block;
position: absolute;
left: 20px;
bottom: 9px;
overflow: hidden;
z-index: 99;
width: 100vw;
}
.o365-list-table tr .overlay_icon_sec i {
cursor: pointer;
}
.o365-list-table tr .overlay_icon_sec .o365_sp_search_thumb img {
box-shadow: -1px 1px 8px 1px #000;
display: inline-block;
}
.o365-list-table tr .o365_sp_search_thumb {
display: none;
}
@media screen and (max-width:1024px) {
.o365-list-table thead {
display: none;
}
.o365-list-table tbody tr {
margin-bottom: 15px !important;
display: block;
border-top: 1px solid #bbb;
}
.o365-list-table tbody tr td {
display: block;
text-align: right;
min-height: 38px;
border-top: 0 !important;
font-size: 14px;
padding: 8px 12px;
border: 1px solid #bbb;
}
.o365-list-table tbody tr td:before {
content: attr(data-label);
float: left;
font-weight: 600;
color: #000;
}
}
.o365-list-table tbody tr.green {
background: #f3f3f3;
}
.o365-list-table {
overflow: hidden;
width: 100%;
display: inline-table;
}
.o365-list-table thead tr th {
font-weight: 600;
color: #4a97c2;
}
.form-control {
display: block;
width: 100%;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: .25rem;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
table.dataTable>tbody>tr.child ul.dtr-details{
display: block;
}
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting{
/*background: none;*/
/*border: transparent;*/
}
#o365_search_data_table thead tr[role=row]{
background: #4a97c2;
color: #ffffff;
width: 100%;
}
#o365_search_data_table .spstitle a{
text-decoration: none;
}
#o365_search_data_table .spstitle a:hover{
color: #000000;
}
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
top: 0px;
bottom: 0px;
margin: auto;
font-size: 17px;
padding: 4px 2px 1px;
}
table.dataTable.no-footer{
display: table;
padding-top: 20px;
border-bottom: transparent;
}
table.dataTable>tbody>tr.child span.dtr-title{
font-size: 16px;
}
table.dataTable>tbody>tr.child span.dtr-data{
font-size: 14px;
}
table.dataTable>tbody>tr.child ul.dtr-details>li{
padding: 5px 10px;
}
table.dataTable>tbody>tr.child ul.dtr-details>li:hover{
background: #f7f7f7;
}
.paginate_button.current{
background: #4a97c2 !important;
color: #ffffff !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current{
color: #ffffff !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
color: #ffffff !important;
}
.paginate_button{
font-size: 16px !important;
}
.paginate_button{
cursor: pointer;
}
.paginate_button.disabled{
cursor: no-drop !important;
background: #f7f7f7 !important;
}
.paginate_button{
margin: 0px 5px;
}
table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td{
width: 100%;
}
.dataTables_wrapper .dataTables_paginate{
padding-top: 15px;
}
.dataTables_wrapper .dataTables_filter input{
height: 30px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{
/*background: #4a97c2;*/
}
.overlay_icon_sec:hover .o365_sp_search_thumb {display: block !important;}
.o365_sp_search_thumb {position: absolute;max-width: 220px;z-index: 999;}
@media(min-width: 300px)and(max-width: 767px) {
.o365-list-table tbody tr {
font-size: 12px;
}
}
#o365_search_data_table_wrapper #o365_search_data_table th{
background-color: #4a97c2 !important;
}
#o365_search_data_table {
padding-top: 0;
}
#o365_search_data_table th {
border-bottom: 0px solid #111;
}
#o365_search_data_table td.sorting_1 {
text-align: center;
}
#o365_search_data_table a.downlaod-button {
width: 100%;
text-align: center;
display: inline-block;
font-size: 25px;
}
.o365-search-button input[type="submit"] {
padding: 20px 35px;
}
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists