#sortableTable { clear: both; } .lyteboxImg { max-width: 170px; } .dataTables_filter { position: relative; float: left; } .dataTables_filter input { height: 20px; width: 205px; border: 1px solid #cdcdcd; } #lbCaption .lyteboxContainer h2 { color: #605d5c; font-family: wuerthbold,Arial,Helvetica,"Microsoft Yahei","微软雅黑",sans-serif; font-size: 18px; margin: 15px 4px 12px; padding: 0; line-height: 19px; font-weight: normal; } #lbCaption .lyteboxContainer table { width: 100%; font-size: 11px; } 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: 18px; left: 10px; height: 14px; width: 14px; display: block; position: absolute; color: #000; border: none; border-radius: 14px; box-shadow: none; box-sizing: unset; text-align: center; text-indent: 0 !important; font-family: Wuerthicons; line-height: 14px; content: '\eac5'; background-color: transparent; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before { -webkit-transition: all ease 0.3s; transition: all ease 0.3s; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } #catfiltercontainer { width: 100%; margin: 0; padding: 0; } .card-deck .card.filterobject { color: #cc0000; font-weight: bold; min-height: 150px; } .card-deck .card.filterobject:hover, .card-deck .card.filterobject.selected { background-color: #cc0000; color: #ffffff; cursor: pointer; } .card-deck .card.filterobject .card-body { height: 100%; display: flex; align-items: center; justify-content: center; } .card-deck .card.filterobject .card-body span{ text-align: center; } .alphabet span.label { display: none; } .alphabet span { color: #000; padding: 3px 12px; margin: 0 10px 10px 0; border: solid 1px #DEDEDE; } .alphabet span.spanAll { padding: 5px 20px; } .alphabet span.active { background-color: #cc0000; border: solid 1px #cc0000; color: #fff; } .dataTables_filter input { font-size: 1.3rem; line-height: 1.3; height: 4.2rem; padding-left: 12px; width: 268px; } .webkit a.btn, .webkit a.btn:link, .webkit a.btn:hover, .webkit a.btn:focus, .webkit a.btn:visited, .webkit a.btn:active { color: #fff; background-color: #cc0000; } .webkit .dataTables_length button { background: none; color: #000; font-family: Arial, Helvetica, "Microsoft Yahei", "微软雅黑", sans-serif; height: auto; padding: 1.3rem 3.2rem 1.1rem 1.2rem; margin: 0; } .webkit thead th { background: none; } table { border-collapse: separate; border-spacing: 0 0.4rem; font-size: 1.5rem; width: 100% !important; } table thead { background: none; } .webkit th, .webkit td { padding: 10px; } table tr:first-child td { border-top: 1px solid #dedede; } tbody tr{ background-color: #fff; } tbody td { border: none; padding: 20px; } tbody td.td-title { width: 25%; } tbody td.td-title span{ line-height: inherit; } tbody td.td-categories { width: 10%; } tbody td.td-description { width: 65%; } tbody td.td-link { width: 10%; } tbody tr:hover { background-color: #ececec; } td a.color-normal { color: #000000; } table td p.multiline-ellipsis { height: 50px; -webkit-line-clamp: 2; padding: 0; margin: 0; width: 100%; } .dataTables_paginate.paging_simple_numbers { margin: .8rem 0; float: left; position: relative; width: 100%; height: auto; } .dataTables_paginate.paging_simple_numbers .paginate_button, .dataTables_paginate .paginate_button { padding: .5rem 0 0 0.3rem; text-align: center; margin: 0 .2rem; cursor: pointer; text-decoration: none; font-size: 1.5rem; display: inline-block; } .page-item .page-link { padding: .8rem; } .page-item:focus .page-link, .page-item .page-link:focus { outline:none; } .dataTables_paginate.paging_simple_numbers .paginate_button.disabled, .dataTables_paginate.paging_simple_numbers .paginate_button.previous, .dataTables_paginate.paging_simple_numbers .paginate_button.next { display: inline-block; font-family: "Wuerthicons" !important; } .dataTables_paginate .paginate_button.disabled { color: black; cursor: default; } .dropdown .dropdown-menu .dropdown-item, .fake-select-mask .dropdown-menu .dropdown-item { color: #000; } .fake-select-mask .dropdown-menu .dropdown-item:hover { color: #535050; text-decoration: none; background-color: #ECECEC; } .dataTables_paginate.paging_simple_numbers .paginate_button.current { color: #000000; background-color: #dedede; } /*@media screen and (-ms-high-contrast:active), all and (-ms-high-contrast:none)*/ #sortableTable tr:hover .multiline-ellipsis::after { content: ""; background: none; } /*@media screen and (-ms-high-contrast:active), all and (-ms-high-contrast:none)*/ #sortableTable tr .multiline-ellipsis::before { right: 10px; } #sortableTable tr:hover .multiline-ellipsis::before { content: ""; background: none; } #sortableTable_filter .icon-interface-search { color: #cc0000; position: absolute; right: 1rem; top: 2.3rem; } @media screen and (min-width: 200px) and (max-width:974px){ #sortableTable_length select { border: 1px solid #cdcdcd; } .lyteboxImg { max-width: 170px; width: 100%; height: auto; } .alphabet .label { display: block; width: 100%; } } @media screen and (max-width: 576px) { .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_filter input { width: 100%; } .dataTables_length label, .dataTables_filter label { width: 98%; } .card-deck .card.filterobject { min-height: auto; } .dataTables_filter { padding: 0; } #sortableTable_filter .icon-interface-search{ right: 1.6rem; } } @media screen and (max-width: 380px) { table#sortableTable tr td:nth-child(4), table#sortableTable tr th:nth-child(4) { /*display: none;*/ } .dataTables_length { float: left; } }