be83910651
auto-patch 280-dev-dev01-2024-01-19T16_41_58 * auto-patch 280-dev-dev01-2024-01-19T16_41_58
1016 lines
31 KiB
CSS
1016 lines
31 KiB
CSS
/*!
|
|
* 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+ */
|