#content, #toolBarWrapper{ min-width: 760px; } #gsListwr{ padding: 0 5px; } #gsList{ border-spacing:0; border-collapse: separate; box-sizing: content-box; width: 100%; margin-bottom: 20px; } #gsList > thead th, #gsList > tfoot td{ height:1.5rem; font-weight: normal; background-color: #333; border-top: 1px solid #575757; border-bottom: 1px solid #575757; } #gsList tfoot td{ text-align: right; padding: 0 1em; } #gsList tbody .ab{background-color: #111;} #gsList tbody .bb{background-color: #222;} #gsList tbody tr{padding: 0 1em;} #gsList tbody tr.itemListItem:hover{background-color: darkgray;} #gsList tr td.list-col-data-text, #gsList tr th.list-col-data-text{ text-overflow: ellipsis; white-space: nowrap; overflow:hidden; padding-left: .5em; padding-right: .5em; } #gsList tr td.server-players, #gsList tr th.server-players{ text-align: right; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; padding-right: .5em; } #gsList tr td.server-network, #gsList tr th.server-network{ text-align: left; } #gsList tr td.server-address, #gsList tr th.server-address{ text-align: right; } #gsList tr td.server-seen, #gsList tr th.server-seen{ text-align: right; } td.list-control{ text-align: right; } #gsList > tr > td.list-control, #gsList > tr > th.list-control{ background-color: #000; } #gsList tr td.info, #gsList tr td.gi{ text-align:center } #gsList tr td.cc{ text-align:left; } #gsList tr td strong{ font-weight: normal; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .server-progress-label { vertical-align: middle; margin: 0 10px; color: #8dc63f; } .server-progress-bg { display: inline-block; vertical-align: middle; position: relative; width: 100px; height: 4px; border-radius: 2px; overflow: hidden; background: #eee; } .server-progress-fg { position: absolute; top: 0; bottom: 0; height: 100%; left: 0; margin: 0; background: #8dc63f; z-index: 2; } .server-progress-fy { position: absolute; top: 0; bottom: 0; height: 100%; left: 0; margin: 0; background: #C6A33F; z-index: 1; }  th.list-control div{ display: inline; } #gsList tr td img, #gsList tr th img{ height: 1em; vertical-align:middle; } #gsList tr td.cc img{ height: .8em; } #gsList tr td.info,#gsList tr th.info{ min-width: 20px; } #gsList tr td.cc,#gsList tr th.cc{ max-width: 1.5em; min-width: 1.5em; width: 1.5em; } #gsList tr td.location,#gsList tr th.location{ max-width: 240px; } #gsList tr td.gi,#gsList tr th.gi{ max-width: 1.5em; min-width: 1.5em; width: 1.5em; } #gsList tr td.game-name,#gsList tr th.game-name{ max-width: 80px; min-width: 60px; } #gsList tr td.server-name,#gsList tr th.server-name{ max-width: 240px; min-width: 180px; } #gsList tr td.server-version,#gsList tr th.server-version{ max-width: 120px; min-width: 100px; } #gsList tr td.mod-name,#gsList tr th.mod-name{ max-width: 160px; min-width: 130px; } #gsList tr td.map-name,#gsList tr th.map-name{ max-width: 280px; min-width: 140px; } #gsList tr td.server-player-progress,#gsList tr th.server-player-progress{ width: 50px; max-width: 100px; min-width: 50px; } #gsList tr td.server-players,#gsList tr th.server-players{ max-width: 110px; min-width: 40px; } #gsList tr td.server-network,#gsList tr th.server-network{ max-width: 110px; min-width: 100px; } #gsList tr td.server-address,#gsList tr th.server-address{ max-width: 200px; min-width: 180px; } #gsList tr td.server-seen,#gsList tr th.server-seen{ max-width: 90px; min-width: 80px; } td.list-control{ max-width: 1.5em; min-width: 1.5em; width: 1.5em; } #gsList > tr > td.list-control,#gsList > tr > th.list-control{ padding-left:1em; }  @media screen and (max-width: 945px) { #gsList tr td.server-address,#gsList tr th.server-address{ display:none; } } @media screen and (max-width: 1190px) { #gsList tr td.map-name, #gsList tr th.map-name { max-width: 145px; } #gsList tr td.server-seen, #gsList tr th.server-seen{ display:none; } #gsList tr td.mod-name,#gsList tr th.mod-name{ max-width: 95px; min-width: 75px; } #gsList tr td.server-version,#gsList tr th.server-version{ max-width: 90px; min-width: 60px; } } @media screen and (max-width: 1450px) { #gsList tr td.server-network,#gsList tr th.server-network{ display:none; } } @media screen and (max-width: 1550px) { #gsList tr td .ccCol{ display:none; } }@media screen and (min-width: 2100px) { #gsList tr td .ccCol{ display:none; } } @media screen and (max-width: 1650px) { #gsList tr td.server-player-progress,#gsList tr th.server-player-progress{ display:none; } } @media screen and (min-width: 1800px) { #gsList tr td.server-name,#gsList tr th.server-name{ max-width: 340px; min-width: 220px; } } @media screen and (max-width: 1900px) { #gsList tr td.game-name,#gsList tr th.game-name{ display:none; } } @media screen and (max-width: 2100px) { #gsList tr td .cNCol{ display:none; } } @media screen and (max-width: 2200px) { #gsList tr td .cInCol{ display:none; } } #gsList > thead th{ transition-property: background-color, color; transition-duration: .5s; transition-timing-function: ease-in-out; } #gsListFooterText, #gsList > thead th{ line-height: 1.5em; height: 1.5em; } #gsList thead input::-webkit-input-placeholder { color: #fff;font-weight: normal;} #gsList thead input:-moz-placeholder { color: #fff;opacity: 1;font-weight: normal;} #gsList thead input::-moz-placeholder { color: #fff;opacity: 1;font-weight: normal;} #gsList thead input:-ms-input-placeholder { color: #fff;font-weight: normal;} #gsList thead input{ width: 99%; font-size: inherit; border: 0; background-color: transparent; color: #fff; cursor: text; } .listmenu-filter-ov table{ width:100%; } .listmenu-filter-ov table input[type=number]{ background-color: #000; border: 1px solid #808080; color: inherit; width:50px; } .listmenu-filter-ov table input[type=checkbox]{ -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; border: 1px solid #808080; background: #000; color:#fff; outline:none; display: inline-block; } .listmenu-filter-ov table .selectOp{ margin: 0; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; border: 1px solid #808080; background: #000; color:#fff; outline:none; display: inline-block; -webkit-appearance:none; -moz-appearance:none; appearance:none; } #gsListAddressFilterButton input{ text-align: right; } #gsList thead div.clearInput{ visibility: hidden; float: right; vertical-align: middle; width: 10%; cursor: pointer; } #gsList thead div.clearInput i{ line-height: 1.2em; font-size: 100%; height: 100%; height: 1.2em; width: 90%; color: red; display:none; } #gsList thead th.clickable:hover, #gsList thead th.fh:hover{ background-color: gray!important; } .filter-enabled{ border-top:1px solid #41bfff!important; border-bottom:1px solid #41bfff!important; color: #41bfff!important; } .filter-enabled-color{ color: #41bfff!important; } #gsList thead th div.order-visuals{ position:absolute; display:inline; padding-left:.2em; vertical-align: middle; } #gsList thead th.fh div.order-visuals{ height:1.5em; line-height: 1.5em; } #gsList thead th div.order-visuals i{ position: relative; } tr.gs-detailed-view-open td{ border-top: 1px solid #575757; } tr.gs-detailed-view-open td:first-child{ border-left: 1px solid #575757; } tr.gs-detailed-view-open td:last-child{ border-right: 1px solid #575757; } tr.gs-detailed-view > td{ text-align: left; padding: 0 0 1em 0; } #gsList .details { font-size: .8rem; } #gsList .details table th{ padding: 0 1em; font-size: 1em; font-weight: normal; color: #ccc; } #gsList .details table div.details-table-height-wrapper > table > thead > tr > th { text-decoration: underline; } #gsList .details table, #gsList .details table td table{ width: 100%; border-spacing: 0px; border-collapse: separate; } #gsList .details table.details-wr-table{ border-bottom: 1px solid #575757; border-left: 1px solid #575757; border-right: 1px solid #575757; border-top: 1px solid #575757; } #gsList .details table.details-wr-table td{ vertical-align: top; } #gsList .details table.details-wr-table tr td > div:not(:first-child){ border-left: 1px solid #575757; } #gsList .details table.details-wr-table tr td > div{ padding: 10px; } #gsList .side-loading-details-indic{ border-left: 1px solid red; } #gsList .details table.details-wr-table .details-table-height-wrapper, #gsList .details table.details-wr-table .details-table-height-wrapper, #gsList .details table.details-wr-table .details-table-height-wrapper{ height: 16em; overflow-x: hidden; overflow-y: auto; } #gsList .details table.details-wr-table .det-pl-wr{ float:left; } #gsList .details table.details-wr-table .det-vr-wr, #gsList .details table.details-wr-table .det-ma-wr{ float:right; } #gsList .details table.details-wr-table .det-vr-wr{ width: 300px; } #gsList .details table.details-wr-table .det-ma-wr{ width: 300px; } td.details table tr div table tbody tr:hover td{ background-color: darkgray!important;} table.details-wr-table div table thead th{ text-align: right; border-top: 1px solid #575757; border-bottom: 1px solid #575757; } td.details .details-player-list-team-wr div.details-player-list-item{ display: inline-block; width: 49%; height: 100%; vertical-align: top; } td.details .det-pl-wr div.another-team-table-row{ padding-top: 10px; } td.details .details-player-list-team-wr div.details-player-list-item table{ padding: 0 5px; } td.details table td .details-player-list td, td.details table td .details-player-list th{ text-align: right; padding: 0 1em; } td.details table td .details-player-list .pl-name, td.details table td table.details-var-list table tr th:first-child{ text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; } .details table table table tr th:last-child, .details table table table tr td:last-child{ text-align: right; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; } td.itemListItem .details table td .details-player-list .pl-time{ padding-left: 1em !important; } td.details .details-player-list-team-wr .details-player-list tbody tr:nth-child(1n+1) td:not(.pl-novalue){background-color: #111;} td.details .details-player-list-team-wr .details-player-list tbody tr:nth-child(2n+2) td:not(.pl-novalue){background-color: #222;} td.details table table table thead tr th{ border-bottom: 1px solid #575757; } td.details .details-player-list-team-wr table.details-player-list tbody tr.pl-sum-row td{ border-top: 1px solid #575757; } td.details table td table.details-var-list tr td{ text-overflow: ellipsis; white-space: nowrap; overflow:hidden; } td.details table td table.details-var-list tr td:first-child{ max-width: 150px; } td.details table td table.details-var-list tr td:last-child{ max-width: 100px; }  @media screen and (max-width: 1100px) { td.details .details-player-list-team-wr div.details-player-list-item{ display: block; } td.details .details-player-list-team-wr div.details-player-list-item:not(:first-child) table{ margin-top: 10px; } }  .listmenu-filter-ov{ background-color:rgba(51,51,51,.8); border:1px solid gray; height:100%; } .listmenu-filter-ov .listmenu-filter-ov-top{ border-bottom: 1px solid gray; background-color:rgba(51,51,51,1); margin-bottom: 5px; } .listmenu-filter-ov .filter-ov-top-item{ float:left; text-align: center; } .listmenu-filter-ov .filter-ov-top-item:not(:last-child):not(:first-child){ border-left: 1px solid #000; } .listmenu-filter-ov .filter-ov-top-item.right{ float:right; } .listmenu-filter-ov .filter-ov-title{ float:left; padding: 0 .3em; text-align: left; border-left: 1px solid #000; } .listmenu-filter-ov .filter-ov-item:hover, .listmenu-filter-ov tr:hover td{ background-color: darkgray; } .listmenu-filter-ov .filter-ov-item img{ max-height: 0.9em; } .listmenu-filter-ov .filter-ov-top-item.filter-ov-top-mainitem{ background:rgba(153,153,153,1); } .listmenu-filter-ov .filter-ov-top-item.clickable:hover{ background-color:gray; } .listmenu-filter-ov .filter-ov-item strong{ float: right; font-weight: normal; min-width: 30px; } .listmenu-filter-ov table td{ height:1em; line-height: 1em; }