cookie-law-info-admin-1.6.7.css
295 lines
| 1 | /** |
| 2 | * All of the CSS for your admin-specific functionality should be |
| 3 | * included in this file. |
| 4 | */ |
| 5 | #cli-plugin-migrate { |
| 6 | background: #C5E3BF; |
| 7 | border: 1px solid #98A148; |
| 8 | color: #000; |
| 9 | margin: 0 0 20px 0; |
| 10 | padding: 10px; |
| 11 | display: none; |
| 12 | } |
| 13 | |
| 14 | .vvv_combobox { |
| 15 | width: 100%; |
| 16 | } |
| 17 | .vvv_textbox { |
| 18 | height: 150px; |
| 19 | width: 100%; |
| 20 | } |
| 21 | .form-table input[type="text"], .vvv_textfield { |
| 22 | width:100%; |
| 23 | margin-bottom: 5px; |
| 24 | } |
| 25 | .cli-plugin-example{ |
| 26 | display: block; |
| 27 | } |
| 28 | #cookielawinfo-accordion h4 { |
| 29 | border-bottom: 1px solid #ccc; |
| 30 | line-height: 110%; |
| 31 | padding: 5px; |
| 32 | } |
| 33 | #cookielawinfo-accordion h4 code { |
| 34 | padding-left: 40px; |
| 35 | background: transparent; |
| 36 | } |
| 37 | .cli-help pre { |
| 38 | font-weight: bold; |
| 39 | } |
| 40 | .cli-help span { |
| 41 | margin: 0 0 30px 15px; |
| 42 | display: block; |
| 43 | } |
| 44 | .cli-plugin-toolbar { |
| 45 | height: 40px; |
| 46 | width: 100%; |
| 47 | margin: 0; |
| 48 | padding: 0; |
| 49 | } |
| 50 | .cli-plugin-toolbar .left { |
| 51 | float: left; |
| 52 | margin: 0; |
| 53 | padding: 0; |
| 54 | } |
| 55 | .cli-plugin-toolbar .left img { |
| 56 | vertical-align: text-bottom; |
| 57 | margin-right: 10px; |
| 58 | } |
| 59 | .cli-plugin-toolbar .right { |
| 60 | float: right; |
| 61 | margin: 0 10px 0 0; |
| 62 | padding: 0; |
| 63 | } |
| 64 | .cli-plugin-toolbar.top { |
| 65 | margin-bottom: -5px; |
| 66 | } |
| 67 | .cli-plugin-toolbar.bottom { |
| 68 | margin-top: 12px; |
| 69 | background: #f5f5f5; |
| 70 | border-top: 1px solid #ddd; |
| 71 | margin-left: -15px; |
| 72 | margin-right: -15px; |
| 73 | margin-bottom: -15px; |
| 74 | padding:15px; |
| 75 | } |
| 76 | .cli-plugin-toolbar.top { |
| 77 | margin-top:-15px; |
| 78 | background: #f5f5f5; |
| 79 | border-bottom: 1px solid #ddd; |
| 80 | border-top: 1px solid #ddd; |
| 81 | margin-left: -15px; |
| 82 | margin-right: -15px; |
| 83 | margin-bottom: -15px; |
| 84 | padding:15px; |
| 85 | } |
| 86 | #header_on_off_field_warning { |
| 87 | margin-left: 30px; |
| 88 | } |
| 89 | .warning { /* called by jQuery in admin-ui-controller.js */ |
| 90 | color: #f00; |
| 91 | font-weight: bold; |
| 92 | } |
| 93 | .cli-plugin-container { |
| 94 | overflow: hidden; |
| 95 | width: 100%; |
| 96 | } |
| 97 | .cli-plugin-left-col { |
| 98 | float: left; |
| 99 | padding-bottom: 500em; |
| 100 | margin-bottom: -500em; |
| 101 | } |
| 102 | .cli-plugin-right-col { |
| 103 | float: left; |
| 104 | margin-right: -1px; /* For IE */ |
| 105 | padding-bottom: 500em; |
| 106 | margin-bottom: -500em; |
| 107 | } |
| 108 | |
| 109 | .cli-plugin-container.width-50 { width: 50%; } |
| 110 | .cli-plugin-container.width-60 { width: 60%; } |
| 111 | .cli-plugin-container.width-70 { width: 70%; } |
| 112 | .cli-plugin-container.width-80 { width: 80%; } |
| 113 | .cli-plugin-container.width-90 { width: 90%; } |
| 114 | .cli-plugin-left-col.width-50, .cli-plugin-right-col.width-50 { width: 50%; } |
| 115 | .cli-plugin-left-col.width-62, .cli-plugin-right-col.width-62 { width: 62%; } /* Golden Ratio */ |
| 116 | .cli-plugin-left-col.width-38, .cli-plugin-right-col.width-38 { width: 38%; } /* Golden Ratio */ |
| 117 | .cli-plugin-left-col.width-f220, .cli-plugin-right-col.width-f220 { width: 220px; } |
| 118 | .cli-plugin-container div.pad-5, .cli-plugin-left-col div.pad-5, .cli-plugin-right-col div.pad-5 { padding: 5px; } |
| 119 | .cli-plugin-container div.pad-10, .cli-plugin-left-col div.pad-10, .cli-plugin-right-col div.pad-10 { padding: 10px; } |
| 120 | .width-60 { width: 60%; } |
| 121 | .width-100 { width: 100%; } |
| 122 | |
| 123 | .hr-top { border-top: 1px solid #ccc; } |
| 124 | .hr-bottom { border-bottom: 1px solid #ccc; } |
| 125 | |
| 126 | |
| 127 | |
| 128 | |
| 129 | |
| 130 | table.cli_script_items{ |
| 131 | position:relative |
| 132 | } |
| 133 | table.cli_script_items td,table.cli_script_items th{ |
| 134 | display:table-cell!important; |
| 135 | padding:1em!important; |
| 136 | vertical-align:top; |
| 137 | line-height:1.75em |
| 138 | } |
| 139 | table.wc_emails.wc_emails td,table.cli_script_items.wc_emails td,table.wc_shipping.wc_emails td{ |
| 140 | vertical-align:middle |
| 141 | } |
| 142 | table.cli_script_items tr:nth-child(odd) td{ |
| 143 | background:#f9f9f9 |
| 144 | } |
| 145 | table.cli_script_items td.name{ |
| 146 | font-weight:700 |
| 147 | } |
| 148 | table.wc_emails .settings,table.cli_script_items .settings,table.wc_shipping .settings{ |
| 149 | text-align:right |
| 150 | } |
| 151 | table.wc_emails .default,table.wc_emails .radio,table.wc_emails .status,table.cli_script_items .default,table.cli_script_items .radio,table.cli_script_items .status,table.wc_shipping .default,table.wc_shipping .radio,table.wc_shipping .status{ |
| 152 | text-align:center |
| 153 | } |
| 154 | table.wc_emails .default .tips,table.wc_emails .radio .tips,table.wc_emails .status .tips,table.cli_script_items .default .tips,table.cli_script_items .radio .tips,table.cli_script_items .status .tips,table.wc_shipping .default .tips,table.wc_shipping .radio .tips,table.wc_shipping .status .tips{ |
| 155 | margin:0 auto |
| 156 | } |
| 157 | table.wc_emails .default input,table.wc_emails .radio input,table.wc_emails .status input,table.cli_script_items .default input,table.cli_script_items .radio input,table.cli_script_items .status input,table.wc_shipping .default input,table.wc_shipping .radio input,table.wc_shipping .status input{ |
| 158 | margin:0 |
| 159 | } |
| 160 | table.wc_emails td.sort,table.cli_script_items td.sort,table.wc_shipping td.sort{ |
| 161 | cursor:move; |
| 162 | font-size:15px; |
| 163 | text-align:center |
| 164 | } |
| 165 | table.wc_emails td.sort::before,table.cli_script_items td.sort::before,table.wc_shipping td.sort::before{ |
| 166 | content:'\f333'; |
| 167 | font-family:Dashicons; |
| 168 | text-align:center; |
| 169 | line-height:1; |
| 170 | color:#999; |
| 171 | display:block; |
| 172 | width:17px; |
| 173 | float:left; |
| 174 | height:100%; |
| 175 | line-height:24px |
| 176 | } |
| 177 | table.wc_emails .wc-payment-gateway-method-name,table.cli_script_items .wc-payment-gateway-method-name,table.wc_shipping .wc-payment-gateway-method-name{ |
| 178 | font-weight:400 |
| 179 | } |
| 180 | table.wc_emails .wc-email-settings-table-name,table.cli_script_items .wc-email-settings-table-name,table.wc_shipping .wc-email-settings-table-name{ |
| 181 | font-weight:700 |
| 182 | } |
| 183 | table.wc_emails .wc-email-settings-table-name span,table.cli_script_items .wc-email-settings-table-name span,table.wc_shipping .wc-email-settings-table-name span{ |
| 184 | font-weight:400; |
| 185 | color:#999; |
| 186 | margin:0 0 0 4px!important |
| 187 | } |
| 188 | table.wc_emails .wc-payment-gateway-method-toggle-disabled,table.wc_emails .cli-script-items-toggle-enabled,table.cli_script_items .wc-payment-gateway-method-toggle-disabled,table.cli_script_items .cli-script-items-toggle-enabled,table.wc_shipping .wc-payment-gateway-method-toggle-disabled,table.wc_shipping .cli-script-items-toggle-enabled{ |
| 189 | padding-top:1px; |
| 190 | display:block; |
| 191 | outline:0; |
| 192 | -webkit-box-shadow:none; |
| 193 | box-shadow:none |
| 194 | } |
| 195 | table.wc_emails .wc-email-settings-table-status,table.cli_script_items .wc-email-settings-table-status,table.wc_shipping .wc-email-settings-table-status{ |
| 196 | text-align:center; |
| 197 | width:1em |
| 198 | } |
| 199 | table.wc_emails .wc-email-settings-table-status .tips,table.cli_script_items .wc-email-settings-table-status .tips,table.wc_shipping .wc-email-settings-table-status .tips{ |
| 200 | margin:0 auto |
| 201 | } |
| 202 | .cli-input-toggle{ |
| 203 | height:16px; |
| 204 | width:32px; |
| 205 | border:2px solid #935687; |
| 206 | background-color:#935687; |
| 207 | display:inline-block; |
| 208 | text-indent:-9999px; |
| 209 | border-radius:10em; |
| 210 | position:relative; |
| 211 | margin-top:-1px; |
| 212 | vertical-align:text-top |
| 213 | } |
| 214 | .cli-input-toggle:before{ |
| 215 | content:""; |
| 216 | display:block; |
| 217 | width:16px; |
| 218 | height:16px; |
| 219 | background:#fff; |
| 220 | position:absolute; |
| 221 | top:0; |
| 222 | right:0; |
| 223 | border-radius:100% |
| 224 | } |
| 225 | .cli-input-toggle.cli-input-toggle--disabled{ |
| 226 | border-color:#999; |
| 227 | background-color:#999 |
| 228 | } |
| 229 | .cli-input-toggle.cli-input-toggle--disabled:before{ |
| 230 | right:auto; |
| 231 | left:0 |
| 232 | } |
| 233 | .cli-input-toggle.cli-input-toggle--loading{ |
| 234 | opacity:.5 |
| 235 | } |
| 236 | .cookie-law-info-tab-head{ margin-right:20px;} |
| 237 | .cookie-law-info-tab-container{ |
| 238 | padding:15px; |
| 239 | background: #fff; box-shadow:0px 2px 2px #ccc; float: left; box-sizing:border-box; width:100%; height:auto; |
| 240 | } |
| 241 | .cookie-law-info-tab-head .nav-tab-active{ background: #fff; border-bottom: solid 1px #fff; } |
| 242 | .cookie-law-info-tab-head .nav-tab:focus{ box-shadow:none;} |
| 243 | .cookie-law-info-tab-content{ display:none; float:left; width:100%; height:auto; } |
| 244 | .cli_sub_tab_container{float:left; width:100%; height:auto;} |
| 245 | .cli_sub_tab{ display:inline-block; margin:0px; float:left; width:100%; height:auto;} |
| 246 | .cli_sub_tab li{ display:inline-block; border-left: solid 1px #ccc; padding:3px 10px; cursor: pointer;} |
| 247 | .cli_sub_tab_content{ display: none; float:left; width:100%; height:auto; } |
| 248 | .cli-shortcodes li{margin-bottom:20px; border-bottom: dashed 1px #ccc; padding-bottom:7px; margin-left: 15px;} |
| 249 | .cli-shortcodes li div{ font-weight: bold; width: 100%; } |
| 250 | .cli-shortcodes li span{ display: inline-block;} |
| 251 | .cli-help-links li{ float:left; padding:40px; margin:20px; display: inline-block; text-align: center; box-shadow:1px 1px 5px 1px rgba(0,0,0,.1); width: 185px; height: 245px;} |
| 252 | .cli-help-links li a{ text-decoration: none; height: 28px !important; margin-top: 20px; } |
| 253 | .cli-help-links li img{ |
| 254 | margin-top: 15px; |
| 255 | } |
| 256 | /* copied from bootstrap */ |
| 257 | .cli_sub_tab_container input[type="text"], .cli_sub_tab_container select { |
| 258 | display: block; |
| 259 | width: 100%; |
| 260 | padding: 0.375rem 0.75rem; |
| 261 | font-size: 1rem; |
| 262 | line-height: 1.5; |
| 263 | color: #495057; |
| 264 | background-color: #fff; |
| 265 | background-clip: padding-box; |
| 266 | border: 1px solid #ced4da; |
| 267 | border-radius: 0.25rem; |
| 268 | transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; height: auto !important; |
| 269 | } |
| 270 | .cookie-law-info-tab-container .button-primary |
| 271 | { |
| 272 | height:34px; |
| 273 | } |
| 274 | .notify_msg{ position:fixed; width:300px; padding:15px; color:#fff; right:60px; top:0px; opacity:0; box-shadow:0px 2px 2px #ccc; border-radius:5px;} |
| 275 | .cli-indent-15{ } |
| 276 | .cli-indent-15 th{ padding-left: 15px; } |
| 277 | .cli_notify_table{ height:60px;} |
| 278 | .cookie-law-info-form-container{ |
| 279 | padding:15px; |
| 280 | background: #fff; box-shadow:0px 2px 2px #ccc; |
| 281 | } |
| 282 | .cli_non_necessary_form label{ width:100%; display: inline-block; font-weight: bold; margin-bottom: 10px; margin-top: 15px; } |
| 283 | .cli_non_necessary_form .cli_form_help{ color: #aaa; font-style: italic; font-weight:250; font-size: 12px; } |
| 284 | .cli_settings_left{ width:63%;float: left; margin-bottom: 25px; } |
| 285 | .cli_settings_right{ width:33%; float: left; padding-left:25px;} |
| 286 | .cli_form_help{ color: #aaa; font-style: italic; font-weight:250; font-size: 12px; display: inline-block; width: 100%; } |
| 287 | .cli_form_er{ color:red; font-style: italic; font-weight:300; font-size: 12px; display: inline-block; width: 100%;} |
| 288 | .cli_scroll_accept_er{ display: none; } |
| 289 | |
| 290 | |
| 291 | @media screen and (max-width:1210px) { |
| 292 | .cli_settings_left{ width:100%;} |
| 293 | .cli_settings_right{ padding-left:0px; width:100%;} |
| 294 | } |
| 295 |