/*! * Project: WordPress IP Geo Block * Copyright (c) 2013-2019 tokkonopapa (tokkonopapa@yahoo.com) * This software is released under the MIT License. */ dfn { cursor: help; border-bottom: 1px dotted #888; } /* style legend and fieldset as panel */ fieldset, legend { padding: 0; margin: 0; border: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } fieldset { min-width: 0; } legend { display: block; line-height: inherit; width: 100%; } label { display: inline-block; max-width: 100%; } .panel { border-color: #888; border: 1px solid #e5e5e5; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.04); -moz-box-shadow: 0 1px 1px rgba(0,0,0,.04); box-shadow: 0 1px 1px rgba(0,0,0,.04); background: #f5f5f5; } .panel-heading { float: left !important; background: #fff; } .panel-default > .panel-heading { border-color: inherit; } .panel-body { width: 100%; padding: 0 1em; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .panel-body:before, .panel-body:after { content: " "; display: table; } .panel-body:after { clear: both; } .ip-geo-block-navi-link { text-align: left; } .ip-geo-block-help-link { float: right; font-size: 90%; font-weight: normal; } .ip-geo-block-help-link a { box-shadow: none; } /* style legend and fieldset */ fieldset label { vertical-align: text-middle; } fieldset input[type="checkbox"] { margin: 1px 2px 0; } fieldset.ip-geo-block-field { /* padding: 0 10px;*/ margin: 1em 0; } fieldset.ip-geo-block-field h2, fieldset.ip-geo-block-field h3 { padding: 0; margin: 0; font-size: 14px !important; } fieldset.ip-geo-block-field h4 { margin: 0.75em 0 0.5em 0; } fieldset.ip-geo-block-field legend.panel-heading { padding: 10px; } fieldset.ip-geo-block-field .ip-geo-block-dropup, fieldset.ip-geo-block-field .ip-geo-block-dropdown { cursor: pointer; position: relative; padding-left: 1em; } fieldset.ip-geo-block-field .ip-geo-block-dropup:before, fieldset.ip-geo-block-field .ip-geo-block-dropdown:before { content: ''; height: 0; width: 0; border: 0.4em solid transparent; position: absolute; } fieldset.ip-geo-block-field .ip-geo-block-dropup:before { border-left: 0.4em solid #555; left: 2px; top: 18%; } fieldset.ip-geo-block-field .ip-geo-block-dropdown:before { border-top: 0.4em solid #555; left: -2px; top: 38%; } fieldset.ip-geo-block-field .form-table .ip-geo-block-dropup, fieldset.ip-geo-block-field .form-table .ip-geo-block-dropdown { margin-top: 0.75em; } fieldset.ip-geo-block-field ul.ip-geo-block-dropup:before { top: 0.25em; } fieldset.ip-geo-block-field ul.ip-geo-block-dropdown:before { top: 0.5em; } fieldset.ip-geo-block-field table.form-table { margin: 0 0 0.5em; width: 100%; } /* Text */ textarea.regular-text { width: 25em; } fieldset.ip-geo-block-field input.regular-text, fieldset.ip-geo-block-field textarea.regular-text { font-size: 95%; } /* Checkbox / Radio */ p.ip-geo-block-navi-link input[type="checkbox"], fieldset.ip-geo-block-field input[type="checkbox"], fieldset.ip-geo-block-field input[type="radio"] { margin-right: 0.4em; } /* Plugins/Themes area, Geolocation API settings */ input[id*="ip_geo_block_settings_rewrite_"] + label { margin-left: 0.25em; } input[id*="ip_geo_block_settings_providers"] + label { min-width: 7em; } /* Folding */ .ip-geo-block-settings-folding { margin: 0.5em 0; } .ip-geo-block-settings-folding ul { margin-bottom: 0; } .ip-geo-block-settings-folding li { margin: 0.5em 0; } .folding-disable { pointer-events: none; opacity: 0.5; } .folding-inactive { opacity: 0.5; font-style:oblique !important; } /* Etc */ .ip-geo-block-float li { display: inline-block; width: 18em; margin-top: 0; } .ip-geo-block-checked { list-style-type: disc; } .ip-geo-block-ip-addr { display: inline-block; padding-top: 5px; } .ip-geo-block-hide { display: none; } .ip-geo-block-sup { margin-left: 0.2em; display: inline-block; } .ip-geo-block-note { margin-top: 1em; list-style: disc inside; } .ip-geo-block-note li { text-indent: -1em; padding-left: 1em; } .ip-geo-block-border { border-top: inherit; } .ip-geo-block-notice { color: #dd3d36; } .ip-geo-block-title { width: 100px; display: inline-block; } .ip-geo-block-result { color: #2786C2; display: inline-block; } .ip-geo-block-primary { color: #fff !important;; background: #00838f !important; border-color: #00707a !important; text-shadow: none; /* for WordPress 3.7.21 */ } .ip-geo-block-primary:hover { background-color: #00919e !important; border-color: #00525a !important; } ul#ip-geo-block-logs-preset { margin: 0.25em 0; max-width: 600px; } ul#ip-geo-block-logs-preset li { float: left; line-height: 1.5em; margin-right: 1em; min-width: 160px; } /* Loading image */ .ip-geo-block-loading, #ip-geo-block-live-loading { height: 16px; width: 16px; background-size: 16px 16px; background-position: center center; background-repeat: no-repeat; margin-left: 1em; margin-top: 0.2em; display: inline-block; vertical-align: top; } .ip-geo-block-loading { background-image: url(data:image/gif;base64,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); } /* Google Map infomation window */ #ip-geo-block-map { height: 400px; margin: 1em auto; } #ip-geo-block-apis div.nav-tab-wrapper { padding-top: 0; margin-bottom: 1em; } #ip-geo-block-geoinfo { white-space: normal; word-wrap: break-word; word-break: break-all; } #ip-geo-block-geoinfo ul { margin-top: 0; margin-left: 1em; } .gm-style-iw { width: 18em; height: auto !important; height: 100%; min-height: 100%: } .gm-style-iw ul { margin: 0.1em; } .gm-style-iw li { margin: 0.2em; } /* SVG in google chart */ svg a { cursor: pointer; } svg a:hover > text { fill: #0096dd; } svg a > text { fill: #0073aa; text-decoration: underline; } /* table */ table.ip-geo-block-statistics-table { float: right; } table.ip-geo-block-statistics-table th, table.ip-geo-block-statistics-table td { width: 12em; margin: 0; padding: 0.2em; text-align: right; line-height: 1.5em; word-wrap: break-word; } table.ip-geo-block-statistics-table tr:nth-child(even) { background-color: #eee; } table.ip-geo-block-statistics-table tr:nth-child(odd) { } table.ip-geo-block-table { margin: 1em 0; width: 100%; white-space: normal; word-wrap: break-word; word-break: break-all; } table.ip-geo-block-table td:first-child { min-width: 4.3em; max-width: 5.0em; } /* Whois */ @media screen and (max-width:782px) { #ip-geo-block-whois .panel-body { padding: 0 0.5em; } } /* Scan the country code */ #ip-geo-block-scan-code { vertical-align: middle; } #ip-geo-block-code-list { display: none; margin-bottom: 0; } /* Google Chart */ #ip-geo-block-chart-countries { height: 200px; } #ip-geo-block-chart-daily { height: 240px; } #ip_geo_block_settings_validation_mimetype + label { padding-top: 0.25em; } #ip_geo_block_settings_validation_mimetype + label + ul { margin-top: 0.7em; } #ip_geo_block_settings_create_user { margin-bottom: 0.5em; } #ip-geo-block-toggle-sections, #ip-geo-block-back-to-top a { box-shadow: none; } #ip-geo-block-wp-info textarea { margin-top: 0.5em; overflow: auto; width: 100%; word-wrap: normal; word-break: normal; white-space: pre; } #ip-geo-block-back-to-top { margin:0; text-align:right; } #ip-geo-block-open-new, #ip-geo-block-live-update { margin-left: 1em; } /* Top menu link */ .ip-geo-block-menu-link { font-size: 13px !important; } /* Icons */ dfn ~ .ip-geo-block-icon { margin-left: 0.4em; } .ip-geo-block-icon { position: relative; cursor: pointer; outline: none; box-shadow: none; text-decoration: none; background-color: transparent; } .ip-geo-block-icon:active { top: 1px; } .ip-geo-block-icon span { height: 16px; width: 16px; margin: 0; border: none; display: inline-block; vertical-align: middle; background-size: 16px 16px; background-position: center center; background-repeat: no-repeat; } .ip-geo-block-icon-cycle span { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAh1BMVEUAda2otLp+rsSHprWHr8IBd7EpfKRGhaNajqeUqrRymKuKoq5yo7prlKgAcqoVe6w8gqQmgq5Tj6wIdqsVdKIshrEMea1Uhp+Anqw0hawDdq4gfKhljqE7hqoLdKYbgbM4jLQygKUGeK8CdawQd6gVeKcad6NKkrSerrZAj7UAc6sAc6rc3NySrVGQAAAALXRSTlP//////////////////////////////////////////////////////////wCl7wv9AAACOklEQVR4Ae2W15rzKgxF9xTZzhTX9B7S/gN6/9ebYqzzGZsw/S7LV3FZgCSIwD/kQ8FVcBU8xatZUczy8luC/ABNOn0DSHEsvyZ4PgLatNCYR3efFxyhTQ8g+qQgJxgv2JefERzJXATRh4LHOUwAHD4S7OGEztRJaN86hAUxtaNWDUf/bRdDBbQMWVDAO8jn89WUhag1MeyCAh6hHofyrliLgZKggDMYgzF3eVAwFq0uCZq5KY0TezjIHDDzC0qqmkwe2ctGDOQVLMkgu+F3/rGXwb4xIPcJ6P3JgkM8wFjmfcFAWfeKQywaAz33BJVuHsUcAt09gVbuLDThAJkdR687ggLmf4gDJLIGV7BydtB8yn3u+fbtuj/LS7G9wZAd1AKK+yxJ1x+aBmibTtgCcEHGHsh0wdbOgNLek4L7lI5BigY8nWuZUQ3qGEXes9JzOKGJztPaGtLslu3lIXJirdxCWkASHGDTMqg7V1DKPplygDG61YJukLHjEErGSXqCSos6xNSOgzP3BDmsQBcchNwkoV8oiNnPA78zIefUgCdJeGIfE7LmFWXsFTCFdzTJ/RlfEMRiSGnFXXbkC7AIeqcKDu4ynseozeouKJiSEYBDwkJyIC1nRUjgblkNWp/e/1vXc2gjoAoLksYgjrrFMi0oDgjEEIDij1scBXMJSH6DAj6RNl7o8MkuLak8Co15/Pk+MRmT0xilQJV/sdWNKg2kTaeroudvNNsDjmejYjSL+e6v2/2r4Cp4BXNajr0H7hRfAAAAAElFTkSuQmCC); } .ip-geo-block-icon-lock span { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAYFBMVEXc3Ny3y9Zzq8dRmb7M1dlXnsIFdK0AcawAcqwphrYAcKvZ29wAb6oJd680jrqlw9MBcqxmo8MUfbJLl75eoMI7kbzX2ttqp8VSmL1YnL8NeK+Tu89DlL1ImMEOebBNmL4OkqMoAAAAAXRSTlMAQObYZgAAAPlJREFUeAG9kAWyhTAQBIPOsCzufv9TPnf4Ll0CSbpmxXwNy3Yc23rz2fV8kPA99433AIQIiGDTCD0lojiOQPXCDSFJIbF16CMWItkQMkF+inZzSLYhFKLl+a9UKTZaqJTZJYtarZuo40chrv9CqJTN+behVi+Cm7RdDgRld6AMgLxrE/dxBz0BEjwBEmD/uIsWPAOAF9A+CE56ufSryr8oqfOYcBbQJ8YkES7COkFOYzTypqCDOTDo2wljaEw4vp1APYyWKd8WMBozylvCpcvmXeHQ5fCegHia4s1FgZcIVeVFeFx1M4MvYG4eBHdYWufC+addBtf8E3vdjBNhWnVQqAAAAABJRU5ErkJggg==); } .ip-geo-block-icon-unlock span { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAYFBMVEXc3NyzydRzq8dRmb7I09hYnsEFdK0AcawAcqzP1toqhrYAcKvZ29wAb6oMeK8zjbqrxtQBcazBz9Zko8MVfbLF0thMmL07kbtpp8WjwtJSmL1YnL+Tu89DlL1JmMEPebBFV++UAAAAAXRSTlMAQObYZgAAAONJREFUeAG9kAWChDAMAIMmJaTFXf7/ynXflvMbnE5j8DU8Pwh8D1yEUYxEGEchWFEJEjEflESBhTQSQm2MRpIotQhZTmgKgMIg5ZlFKBmrGg7UFXJpEQKW8qIKN7YeikJdBJI2BTtXwfyx0L3XoPphvBEliNU49OoxqEa6g4cTST/OYshvi3hV8+FxSNfluG3jqxG8C6h7gF6jU+AODnTsFGSCA5O4I8wpQDq7I5CUAKWQW+AZYOYtoQPoGDeECWDaioBmWQxeBduoWURso+5WpBdw7R4ENTVDcGE435tJwT+xB+vMEnZRNB0YAAAAAElFTkSuQmCC); } .ip-geo-block-icon-find span { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAYFBMVEXc3NzS19rD0NWHtMpGk7kYfbAGda0Req+WtcTT1temwM4AcasAcqwAc6wAcKydvMt1pr8Ab6pqpcLX2doggrKoxdNYm7yzw8u/y9HO1tkKdq4th7Td3t6DrcLL0taxyNPGe/YhAAAAAXRSTlMAQObYZgAAARVJREFUeAGtkkeiwyAMRP2xDfxoRjElvd3/lOkNUlZ5u0GPruan/Bnz96Xadr21rvP/7+ujXsAjom78rj4ApCoERIipqfGB1H7wPmYhw1DXjZI6nOel1oJhVAmdUP0tTEDkVC4AYvqIbaDOCqFV6vwRF0tIeYoo6J/X7ICuPAJl9ZynwiIfB5DXxZlRChulbh8xZci0EHZK3TziJFDL504rEOZ+iR5cVj82DoS7XtSshLJpKqaB0Dg3ZjcsQWKaKiF1gVQlITwh/bw2pgKeEeURhE29yKSzUFF03p1V7Wqj2Y7GfrY9X/NirJsPxKsxfBLSSs5GmH8yjAWPSNd8Yoez4f4/G1nIsksqFtGK1i9e39o0P+EAqaoRLlQ+r94AAAAASUVORK5CYII=); } span.ip-geo-block-icon-alert, .ip-geo-block-icon-alert span { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAkFBMVEXc3Nzc2trWl5DHRDTFOyvOgXfc1tXCLBrEMiHEMyLNcmfaxMLDMSDDLx7bu7jRiYHDLhzDMB/LX1PaxsTDLh3YtrHMY1bWmpPJVknSjYXUkYnZuLTMZVnENCPWlI3QhXzENiXXrqrDLRzXsa3Oal7Pe3Hc2NjVn5nNbmPayMbbwb7ay8rUj4fc09Lbw8Db0dDBbRUDAAAAAXRSTlMAQObYZgAAAPVJREFUeAG9ktXWwyAQBonC12brFvff5f2frr4nBredK2DnTFS8Gst2XM8XZmypIGeWcT4PFABaGIXlClfWG1NiC4Ubu705oKRcY32wTAHl2MdTYEqEK8hIiHgHSnSJeaogMyEWO4BijZCvwII2MS9UJ2BXTh+hQidoEttboBOwq3WBnkCNpQlA2iyAhol2hRu71n97p4fw0Z9/ugoPHCfFA+o/iLfCkyBglRJdICBas7uuey+R56fF14wNanj+/QjwY3aX23cBFn6EiHmHNT/ICYxystv/wJy4UHWGlN2cuPB72tFqAq3dP/Hk3zs0E5LZVryGC/hqGNnUa0SVAAAAAElFTkSuQmCC); vertical-align: bottom; } table.form-table th .ip-geo-block-cycle span { vertical-align: text-bottom; } /* Option list */ .ip-geo-block-list { margin-top: 0; margin-bottom: 0.7em; } @media screen and (min-width:782px) { ul.ip-geo-block-list .code { width: 15em; } } /* Exceptions */ .ip-geo-block-list-exceptions label { display: inline-block; } .ip-geo-block-list-exceptions dfn { border: none; } .ip-geo-block-list-exceptions span.dashicons { font-size: 14px; } .ip-geo-block-list-exceptions a.ip-geo-block-icon { margin-left: 0.3em; outline: none; box-shadow: none; text-decoration: none; background-color: transparent; } /* Description */ .form-table td p.ip-geo-block-desc, .form-table td p.ip-geo-block-find-desc { color: #666; font-size: 13px !important; margin: 4px 0 0.5em 0.5em; } .ip-geo-block-find-desc { display: none; } /* Action for admin post */ .ip-geo-block-admin-post { color: #c43322; margin-left: 0.25em; } .ip-geo-block-warn { color: #c43322; font-weight: bold; } /* Badly-behaved bots and crawlers */ input#ip_geo_block_settings_behavior_view, input#ip_geo_block_settings_behavior_time { width: 3.5em; } /* Statistics */ .ip-geo-block-top-list { display: inline-table; list-style-position: outside; margin: 0 2em 0.5em 1.75em; } .ip-geo-block-top-list h4 { margin: 1em 0; } .ip-geo-block-top-list li code { background: none; } /* Embeded data for network site list */ .ip-geo-block-network { margin-bottom: 1em; } /*------------------------------------------------------------ * multi column for Site List * https://caniuse.com/#search=flexbox *------------------------------------------------------------*/ .ip-geo-block-container { margin: 0 auto; padding: 0 1em; position: relative; width: 100%; } .ip-geo-block-row { display: flex; flex-direction: column; align-items: flex-start; align-items: stretch; /* baseline */ padding: 0; width: 100%; } .ip-geo-block-row .ip-geo-block-column { display: block; flex: 1 1 auto; align-self: flex-start; margin-left: 0; max-width: 100%; width: 100%; } .ip-geo-block-row .ip-geo-block-column.column-20 { flex: 0 0 20%; max-width: 20%; } .ip-geo-block-row .ip-geo-block-column.column-25 { flex: 0 0 25%; max-width: 25%; } .ip-geo-block-row .ip-geo-block-column.column-33 { flex: 0 0 33.3333%; max-width: 33.3333%; } .ip-geo-block-row .ip-geo-block-column.column-50 { flex: 0 0 50%; max-width: 50%; } @media (min-width: 40rem) { .ip-geo-block-row { flex-direction: row; margin-left: -2em; width: calc(100% + 2em); } .ip-geo-block-row .ip-geo-block-column { margin-bottom: inherit; padding: 0 1em; } } /*------------------------------------------------------------ * Customizing based on jquery.dataTables.css *------------------------------------------------------------*/ table.ip-geo-block-dataTable { clear: none !important; } table.ip-geo-block-dataTable th, table.ip-geo-block-dataTable td { text-align: right; } table.ip-geo-block-dataTable th:nth-child(n+2), table.ip-geo-block-dataTable td:nth-child(n+2) { padding-left: 0 !important; } table.ip-geo-block-dataTable th { white-space: nowrap; } table.ip-geo-block-dataTable > thead > tr { line-height: 1.8em; } table.ip-geo-block-dataTable > tbody > tr { cursor: pointer; } table.ip-geo-block-dataTable > thead > tr > th, table.ip-geo-block-dataTable > thead > tr > td, table.ip-geo-block-dataTable.no-footer { border-bottom: 1px solid #ddd; } table.ip-geo-block-dataTable thead th, table.ip-geo-block-dataTable thead td { padding: 10px 16px; } /* country code */ #ip-geo-block-statistics-cache td:nth-child(3), #ip-geo-block-validation-logs td:nth-child(4) { min-width: 1.6em; } /* Scroll bar */ div[class*="ip-geo-block"] .dataTables_wrapper.no-footer .dataTables_scrollBody { border-bottom: 1px solid #ddd; } /* Size of column */ table.ip-geo-block-dataTable.nowrap td, table.ip-geo-block-dataTable > tbody > tr > td span { white-space: normal !important; word-wrap: break-word !important; word-break: break-all !important; } table.ip-geo-block-dataTable > tbody > tr > td span { display: inline-block; } /* Checkbox */ .ip-geo-block-settings-folding input[type="checkbox"] { margin-right: 0.5em; } table.ip-geo-block-dataTable input[type="checkbox"] { margin: 0; max-height: 16px; max-width: 16px; vertical-align: middle; } table.ip-geo-block-dataTable > thead > tr > th:first-child, table.ip-geo-block-dataTable > tbody > tr > td:first-child { padding: 8px 4px 8px 1.4em; text-align: left; } /* No data available in table */ table.ip-geo-block-dataTable > tbody > tr > td.dataTables_empty, table.collapsed > tbody > tr > td.dataTables_empty:first-child::before { border: none; text-align: center; } /* Checkbox column */ table.ip-geo-block-dataTable thead > tr > th:first-child.sorting_asc { background-image: none !important; } table.ip-geo-block-dataTable.display tbody tr.even > .sorting_1, table.ip-geo-block-dataTable.display tbody tr.odd > .sorting_1, table.ip-geo-block-dataTable.display tbody tr:hover > .sorting_1 { background-color: inherit !important; } /* Collapsed */ table.ip-geo-block-dataTable.collapsed > tbody > tr > td:first-child { padding: 8px 4px 8px 8px !important; } table.collapsed > tbody > tr > td:first-child::before, table.collapsed > tbody > tr.parent > td:first-child::before { content: ''; height: 0; width: 0; display: inline-block; border-radius: 0; border: 5px solid transparent; box-shadow: none; position: relative; background-color: transparent; } table.collapsed > tbody > tr > td:first-child::before { border-left: 5px solid #555; top: 1px; left: -2px; } table.collapsed > tbody > tr.parent > td:first-child::before { border-top: 5px solid #555; top: 4px; left: -4px; } table.collapsed > tbody > tr.child > td:first-child::before { border: none; } table.collapsed > tbody > tr.child > td.child > ul li { border: none; padding: 0; margin: 0; line-height: 1.8em; } table.collapsed > tbody > tr.child > td.child > ul li span.dtr-title, table.collapsed > tbody > tr.child > td.child > ul li span.dtr-data { font-size: 13px !important; display: block; white-space: normal; word-wrap: break-word; word-break: break-all; } table.collapsed > tbody > tr.child > td.child > ul li span.dtr-data { margin-left: 1.25em; margin-right: 0.3em; } /* Length menu */ div[class*="ip-geo-block"] .dataTables_wrapper .dataTables_length { padding-top: 0.15em; margin: 0.5em 0 0 0.3em; position: relative; display: inline-block; } div[class*="ip-geo-block"] .dataTables_wrapper .dataTables_length:after { content: ''; width: 6px; height: 6px; border: 0px; border-bottom: solid 2px #999; border-right: solid 2px #999; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; right: 10px; margin-top: -4px; } div[class*="ip-geo-block"] .dataTables_wrapper .dataTables_length select { padding-top: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 13px !important; line-height: 1.4em; width: 100%; height: 2.05em !important; background: transparent; position: relative; z-index: 1; padding: 0.125em 1.5em 0.125em 0.25em; border: 1px solid #ddd; border-radius: 4px; box-shadow: none; } div[class*="ip-geo-block"] .dataTables_wrapper .dataTables_length select::-ms-expand { display: none; } /* Pagenation */ div[class*="ip-geo-block"] .dataTables_wrapper .dataTables_paginate { float: none; text-align: center; margin-bottom: 1em; margin-top: 0 !important; } @media screen and (min-width:640px) { div[class*="ip-geo-block"] .dataTables_wrapper .dataTables_length { margin: 0.5em 0 0 0.6em; } div[class*="ip-geo-block"] .dataTables_wrapper .dataTables_paginate { position: relative; left: -2.25em; } } div[class*="ip-geo-block"] .dataTables_wrapper .dataTables_paginate span.ellipsis, div[class*="ip-geo-block"] .dataTables_wrapper .dataTables_paginate a.paginate_button, div[class*="ip-geo-block"] .dataTables_wrapper .dataTables_paginate a.paginate_button:hover, div[class*="ip-geo-block"] .dataTables_wrapper .dataTables_paginate a.paginate_button:active, div[class*="ip-geo-block"] .dataTables_wrapper .dataTables_paginate a.paginate_button.current, div[class*="ip-geo-block"] .dataTables_wrapper .dataTables_paginate a.paginate_button.current:hover, div[class*="ip-geo-block"] .dataTables_wrapper .dataTables_paginate a.paginate_button.current:active, div[class*="ip-geo-block"] .dataTables_wrapper .dataTables_paginate a.paginate_button.disabled, div[class*="ip-geo-block"] .dataTables_wrapper .dataTables_paginate a.paginate_button.disabled:hover, div[class*="ip-geo-block"] .dataTables_wrapper .dataTables_paginate a.paginate_button.disabled:active { min-width: 2em; background: inherit; border-color: #ddd; border-radius: 0; border-image: none; border-style: solid; border-width: 1px 1px 1px 0; box-shadow: none; margin: 0.5em 0 0 0; padding: 0.25em 0; display: inline-block; text-decoration: none; } div[class*="ip-geo-block"] .dataTables_wrapper .dataTables_paginate > a.paginate_button:first-child, div[class*="ip-geo-block"] .dataTables_wrapper .dataTables_paginate:hover > a.paginate_button:first-child, div[class*="ip-geo-block"] .dataTables_wrapper .dataTables_paginate:active > a.paginate_button:first-child { border-left-width: 1px; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } div[class*="ip-geo-block"] .dataTables_wrapper .dataTables_paginate > a.paginate_button:last-child, div[class*="ip-geo-block"] .dataTables_wrapper .dataTables_paginate:hover > a.paginate_button:last-child, div[class*="ip-geo-block"] .dataTables_wrapper .dataTables_paginate:active > a.paginate_button:last-child { border-bottom-right-radius: 4px; border-top-right-radius: 4px; } div[class*="ip-geo-block"] .dataTables_wrapper .dataTables_paginate a.paginate_button { color: #0073aa !important; } div[class*="ip-geo-block"] .dataTables_wrapper .dataTables_paginate a.paginate_button:hover { color: #0096dd !important; background-color: #fff; } div[class*="ip-geo-block"] .dataTables_wrapper .dataTables_paginate span.ellipsis, div[class*="ip-geo-block"] .dataTables_wrapper .dataTables_paginate a.paginate_button.disabled, div[class*="ip-geo-block"] .dataTables_wrapper .dataTables_paginate a.paginate_button.disabled:hover, div[class*="ip-geo-block"] .dataTables_wrapper .dataTables_paginate a.paginate_button.disabled:active { cursor: default; color: #999 !important; background-color: transparent; } div[class*="ip-geo-block"] .dataTables_wrapper .dataTables_paginate a.paginate_button.current, div[class*="ip-geo-block"] .dataTables_wrapper .dataTables_paginate a.paginate_button.current:hover, div[class*="ip-geo-block"] .dataTables_wrapper .dataTables_paginate a.paginate_button.current:active { cursor: default; color: #444 !important; background-color: #fff !important; } /* Alignment of table */ #ip-geo-block-1 #ip-geo-block-section-2 .panel-body, #ip-geo-block-4 #ip-geo-block-section-0 .panel-body { padding: 0; } #ip-geo-block-1 #ip-geo-block-section-2 table.form-table, #ip-geo-block-4 #ip-geo-block-section-0 table.form-table { margin-left: 1em; max-width: 95%; } /* Select target / Period to extract */ #ip-geo-block-select-target, #ip-geo-block-select-layout, #ip-geo-block-select-duration { margin: 0; } #ip-geo-block-select-target li, #ip-geo-block-select-layout li, #ip-geo-block-select-duration li { float: left; margin-right: 1.5em; } #ip-geo-block-select-target li label, #ip-geo-block-select-duration li label { cursor: pointer; } /* Filter */ #ip_geo_block_settings_search_filter { width: 16em; padding-top: 3px; } /* Transition for new row */ table.ip-geo-block-dataTable.display tbody tr.ip-geo-block-passed { background-color: #edf6ff !important; } table.ip-geo-block-dataTable.display tbody tr.ip-geo-block-blocked { background-color: #ffefef !important; } .ip-geo-block-new-passed { animation: ip-geo-block-flash-passed 1s ease-out 0s 1 normal both running; } .ip-geo-block-new-blocked { animation: ip-geo-block-flash-blocked 1s ease-out 0s 1 normal both running; } @keyframes ip-geo-block-flash-passed { 0% { background-color: #ffd700; } 100% { background-color: #edf6ff; } } @keyframes ip-geo-block-flash-blocked { 0% { background-color: #ffd700; } 100% { background-color: #ffefef; } } /* Mark.js */ mark { padding: 0; background: #ffd700; // Gold } /* Live update log */ #ip-geo-block-live-log { margin: 0; } #ip-geo-block-live-log li { float: left; margin-right: 3em; } #ip-geo-block-live-log li:last-child { margin-right: 0; } #ip-geo-block-live-log li input[type=radio] { visibility: hidden; position: absolute; } #ip-geo-block-live-log li input[type=radio] + label { display:inline-block; margin:-2px; padding: 4px 12px; margin-bottom: 0; font-size: 14px; line-height: 20px; color: #333; text-align: center; text-shadow: 0 1px 1px rgba(255,255,255,0.75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5; background-image: -moz-linear-gradient(top,#fff,#e6e6e6); background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6)); background-image: -webkit-linear-gradient(top,#fff,#e6e6e6); background-image: -o-linear-gradient(top,#fff,#e6e6e6); background-image: linear-gradient(to bottom,#fff,#e6e6e6); background-repeat: repeat-x; border: 1px solid #ccc; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); border-bottom-color: #b3b3b3; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); } #ip-geo-block-live-log li input[type=radio]:checked + label { background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); background-color: #e0e0e0; } /*---------------------------------------------------------------------- * Timer animation based on https://codepen.io/paulobrien/pen/joptI *----------------------------------------------------------------------*/ .ip-geo-block-live-timer { height: 1em; width: 1em; margin: 0; position: relative; top: 0; left: 0; } .ip-geo-block-live-timer:before { content: ""; display: block; height: 1em; width: 1em; background: #0073aa; border-radius: 50%; position: absolute; top: 0; left: 0; } .ip-geo-block-live-timer:after { display: none } .ip-geo-block-live-timer > div { position: absolute; width: 1em; height: 1em; clip: rect(0, 1em, 1em, .5em); } .ip-geo-block-live-timer > div:before { content: " "; position: absolute; width: 1em; height: 1em; border-radius: .5em; clip: rect(0, .5em, 1em, 0); background-color: #f1f1f1; transform: rotate(0deg); } .ip-geo-block-live-timer > div:first-child:before { animation: 30s spin-timer linear forwards; } .ip-geo-block-live-timer > div:last-child { transform: rotate(180deg); } .ip-geo-block-live-timer > div:last-child:before { /* older webkit seems buggy with zero so use 0.00001 if you notice something strange */ transform: rotate(0deg); animation: 30s spin-timer linear 30s forwards; } @keyframes spin-timer { 0% {transform: rotate( 0deg);} 100% {transform: rotate(180deg);} } /* sub items in settings */ .ip-geo-block-subitem { margin-left: 1.7em } .ip-geo-block-subitem:before { content: "\00bb"; /* » */ position: absolute; left: 2em; } .ip-geo-block-subitem dfn { vertical-align: middle; } .ip-geo-block-subitem-parent th, .ip-geo-block-subitem-parent td { padding-top: 0; } /* placeholder */ :placeholder-shown { color: #888; } ::-webkit-input-placeholder { color: #888; } /* Google Chrome, Safari, Opera 15+, Android, iOS */ :-moz-placeholder { color: #888; opacity: 1; } /* Firefox 18- */ ::-moz-placeholder { color: #888; opacity: 1; } /* Firefox 19+ */ :-ms-input-placeholder { color: #888; } /* IE 10+ */