You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Plugins/features/searchPane/dataTables.searchPane.min.css

2 lines
1.6 KiB
CSS

3 years ago
div.dt-searchPanes{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-around;align-content:flex-start;align-items:stretch;height:200px}div.dt-searchPanes div.pane{position:relative;flex:1;margin:1em .5%;border:1px solid #ccc;border-radius:3px}div.dt-searchPanes div.pane button[type=button]{display:none}div.dt-searchPanes div.pane.filtering button[type=button]{display:block;position:absolute;right:6px;top:6px;border:1px solid #999;background:rgba(0, 0, 0, 0.1);border-radius:16px;cursor:pointer}div.dt-searchPanes div.pane.filtering button[type=button]:hover{background:rgba(0, 0, 0, 0.2)}div.dt-searchPanes div.pane div.title{box-sizing:border-box;height:36px;padding:9px .35em;font-size:1.1em;background-color:#e8e9eb;border-bottom:1px solid rgba(0, 0, 0, 0.15)}div.dt-searchPanes div.pane div.scroller{position:absolute;top:36px;bottom:0;left:0;right:0;overflow:auto}div.dt-searchPanes div.pane div.scroller ul{list-style:none;margin:0;padding:0}div.dt-searchPanes div.pane div.scroller ul li{position:relative;margin:0;padding:0;cursor:pointer}div.dt-searchPanes div.pane div.scroller ul li:nth-child(odd){background:rgba(0, 0, 0, 0.03)}div.dt-searchPanes div.pane div.scroller ul li.selected{background:#3276b1;color:white}div.dt-searchPanes div.pane div.scroller ul li span.label{display:inline-block;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:85%;vertical-align:middle;padding:.2em .3em}div.dt-searchPanes div.pane div.scroller ul li span.count{display:inline-block;width:14%;margin-right:1%;font-size:.8em;text-align:center;background-color:rgba(50, 118, 177, 0.5);border-radius:3px}