/************************************************************** Dynamic Table v 0.4 **************************************************************/ #properties #torrentFiles table, #properties #trackers table { border: 1px solid #ccc; width: 100%; } #properties #torrentFiles th, #properties #trackers th, #transferList th { background-color: #eee; padding: 4px; } #properties #torrentFiles tr, #properties #trackers tr, #transferList tr { background-color: #fff; padding: 4px; } #torrentsTable tr:nth-child(even), #torrentPeersTable tr:nth-child(even), #filesTable tr:nth-child(even), #properties #torrentFiles tr.alt, #properties #trackers tr.alt, #transferList tr.alt { background-color: #eee; padding: 4px; } #properties #torrentFiles td, #properties #trackers td, #transferList td { padding: 0 2px; } #properties #torrentFiles tr.selected, #properties #trackers tr.selected, #transferList tr.selected { background-color: #415A8D; color: #fff; } #torrentPeersTable tr.selected { background-color: #354158; color: #fff; } #torrentsTable tr:hover, #torrentPeersTable tr:hover, #filesTable tr:hover, #properties #torrentFiles tr.over, #properties #trackers tr.over, #transferList tr.over { background-color: #ee6600; color: #fff; } #torrentsTable tr:hover, #properties #torrentFiles tr.over, #properties #trackers tr.over, #transferList tr.over { cursor: pointer; } #transferList img.statusIcon { height: 1.3em; vertical-align: middle; } tr.dynamicTableHeader { cursor: pointer; } .dynamicTable { table-layout: fixed; width :1%; padding: 0; border-spacing: 0; } .dynamicTable th { padding: 5px 10px; white-space: nowrap; } .dynamicTable td { padding: 0px 3px; white-space: nowrap; } .dynamicTable thead tr { background-color: #eee; } .dynamicTable th, .dynamicTable td { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 300px; } .dynamicTableFixedHeaderDiv { overflow: hidden; } .dynamicTableDiv { overflow: auto; } .dynamicTableDiv thead th { line-height: 0px !important; height: 0px !important; padding-top: 0px !important; padding-bottom: 0px !important; }