body { background-color: white; border: 0; box-sizing: border-box; -moz-box-sizing: border-box; color: black; margin: 0; overflow-x: hidden; padding: 0; width: 100%; } #toolbar { background-color: white; border: 0; box-sizing: border-box; -moz-box-sizing: border-box; left: 0; margin: 0; padding: 0.5em 1em; position: fixed; top: 0; width: 100%; z-index: 10; } #toolbar .button { background-color: white; border: none; box-sizing: border-box; -moz-box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 150%; margin: 0; padding: 8px; } #toolbar .button.disabled { opacity: 0.2; pointer-events: none; } #toolbar .button:hover { background-color: #eee; } #toolbar > div { white-space: nowrap; } #toolbar > div:first-of-type { font-size: 120%; } #toolbar > div > * { vertical-align: middle; } #pageSelector { width: 28em; padding: 0.2em 0; } body #compactViewToggler.button:before { content: '\f102'; } body.compactView #compactViewToggler.button:before { content: '\f103'; } #filterButton { opacity: 0.25; } body.f #filterButton { opacity: 1; } #filterInput.bad { background-color: #fee; } #maxEntries { margin: 0 2em; } input:focus { background-color: #ffe; } #content { font: 13px sans-serif; width: 100%; } #content table { border: 0; border-collapse: collapse; direction: ltr; table-layout: fixed; width: 100%; } #content table > colgroup > col:nth-of-type(1) { width: 5.5em; } #content table > colgroup > col:nth-of-type(2) { width: 2.5em; } #content table > colgroup > col:nth-of-type(3) { width: 2.5em; } #content table > colgroup > col:nth-of-type(4) { width: 5.5em; } #content table > colgroup > col:nth-of-type(5) { width: calc(100% - 16em); } #content table tr { background-color: #fafafa; } body.f table tr.f { display: none; } #content table tr:nth-of-type(2n+1) { background-color: #eee; } #content table tr.cat_info { color: #00f; } #content table tr.blocked { color: #f00; } #content table tr.doc { background-color: #666; color: white; text-align: center; } body #content td { border: 1px solid #ccc; border-top: none; min-width: 0.5em; padding: 3px; vertical-align: top; white-space: normal; word-break: break-all; word-wrap: break-word; } #content table tr td { border-top: 1px solid #ccc; } #content table tr td:first-of-type { border-left: none; } #content table tr td:last-of-type { border-right: none; } body.compactView #content td { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #content table tr td:nth-of-type(1) { text-align: right; white-space: nowrap; } #content table tr td:nth-of-type(2) { text-align: center; white-space: nowrap; } #content table tr.tab_bts > td:nth-of-type(2):before { content: '\f070'; font: 1em FontAwesome; } #content table tr.tab:not(.canMtx) { opacity: 0.3; } #content table tr.tab:not(.canMtx):hover { opacity: 0.7; } #content table tr.tab:not(.canMtx) > td:nth-of-type(2):before { content: '\f00d'; font: 1em FontAwesome; } body:not(.popupOn) #content table tr.canMtx td:nth-of-type(2) { cursor: zoom-in; } body:not(.popupOn) #content table tr.canMtx td:nth-of-type(2):hover { background: #ccc; } #content table tr.cat_net td:nth-of-type(3) { font: 12px monospace; text-align: center; white-space: nowrap; } #content table tr.cat_net td:nth-of-type(5) { } #content table tr.cat_net td:nth-of-type(5) > span > * { opacity: 0.6; } #content table tr.cat_net td:nth-of-type(5) > span > b:first-of-type { opacity: 1; } #popupContainer { background: white; border: 1px solid gray; display: none; overflow: hidden; position: fixed; right: 1em; top: 0; z-index: 200; } body.popupOn #popupContainer { display: block; } #popupContainer > div { background: #888; border: 0; } #popupContainer > div { text-align: right; } #popupContainer > div > span { color: #ccc; cursor: pointer; display: inline-block; font: 14px FontAwesome; padding: 3px; } #popupContainer > div > span:hover { color: white; } #popupContainer > iframe { border: 0; padding: 0; margin: 0; width: 100%; } #popupContainer.hide { width: 6em !important; } #popupContainer.hide > iframe { display: none; }