| @@ -84,8 +84,12 @@ | ||
| 84 | 84 | z-index: 99999; |
| 85 | 85 | display: none; |
| 86 | 86 | } |
| 87 | 87 | |
| 88 | +.cookieadmin_law_container:focus{ | |
| 89 | + outline: none; | |
| 90 | +} | |
| 91 | + | |
| 88 | 92 | .cookieadmin_consent_btns{ |
| 89 | 93 | align-content: center; |
| 90 | 94 | display: flex; |
| 91 | 95 | justify-content: space-evenly; |
| @@ -165,8 +169,12 @@ | ||
| 165 | 169 | bottom: 0px; |
| 166 | 170 | animation: 0.5s ease-out forwards cookieadmin_slideUp; |
| 167 | 171 | } |
| 168 | 172 | |
| 173 | +.cookieadmin_cookie_modal:focus{ | |
| 174 | + outline: none; | |
| 175 | +} | |
| 176 | + | |
| 169 | 177 | .cookieadmin_modal_overlay{ |
| 170 | 178 | display: none; |
| 171 | 179 | position: fixed; |
| 172 | 180 | top: 0; |
| @@ -274,9 +282,9 @@ | ||
| 274 | 282 | flex-wrap: wrap; |
| 275 | 283 | border-top: 1px solid #CCCCCC; |
| 276 | 284 | } |
| 277 | 285 | |
| 278 | -.cookieadmin_btn{ | |
| 286 | +button.cookieadmin_btn{ | |
| 279 | 287 | background-color: transparent; |
| 280 | 288 | border: 1px solid gray; |
| 281 | 289 | color: #1863dc; |
| 282 | 290 | padding: 0.4rem 0.9rem; |
| @@ -293,11 +301,16 @@ | ||
| 293 | 301 | |
| 294 | 302 | .cookieadmin_show_pref_cookies{ |
| 295 | 303 | cursor: pointer; |
| 296 | 304 | font-size: 18px; |
| 305 | + font-family: initial; | |
| 306 | + background: none; | |
| 307 | + border: none; | |
| 308 | + padding: 0; | |
| 309 | + color: inherit; | |
| 297 | 310 | } |
| 298 | 311 | |
| 299 | -.cookieadmin_re_consent{ | |
| 312 | +button.cookieadmin_re_consent{ | |
| 300 | 313 | display: none; |
| 301 | 314 | position: fixed; |
| 302 | 315 | bottom: 15px; |
| 303 | 316 | left: 15px; |
| @@ -314,9 +327,10 @@ | ||
| 314 | 327 | justify-content: center; |
| 315 | 328 | } |
| 316 | 329 | |
| 317 | 330 | .cookieadmin-cookie-card { |
| 318 | - background: ghostwhite; | |
| 331 | + /* background: ghostwhite; */ | |
| 332 | + border: 1px solid ghostwhite; | |
| 319 | 333 | border-radius: 10px; |
| 320 | 334 | padding: 16px; |
| 321 | 335 | font-family: 'Open Sans', 'Segoe UI', sans-serif; |
| 322 | 336 | box-shadow: 0 2px 6px rgba(0,0,0,0.1); |
| @@ -378,11 +392,23 @@ | ||
| 378 | 392 | } |
| 379 | 393 | |
| 380 | 394 | /* Hide the checkbox input */ |
| 381 | 395 | .cookieadmin_toggle input{ |
| 382 | - display: none; | |
| 396 | + /* display: none; */ | |
| 397 | + opacity: 0; | |
| 398 | + width: 0; | |
| 399 | + height: 0; | |
| 383 | 400 | } |
| 384 | 401 | |
| 402 | +/* Keyboard accessibility: When the checkbox is focused, add a visible outline to indicate focus. */ | |
| 403 | +.cookieadmin_show_pref_cookies:focus-visible{ | |
| 404 | + outline: 1px solid #000; | |
| 405 | +} | |
| 406 | +.cookieadmin_toggle input:focus + .cookieadmin_slider { | |
| 407 | + outline: 1px solid #000; | |
| 408 | +} | |
| 409 | +/* end keyboard accessibility */ | |
| 410 | + | |
| 385 | 411 | /* Describe slider's look and position. */ |
| 386 | 412 | .cookieadmin_slider { |
| 387 | 413 | position: absolute; |
| 388 | 414 | cursor: pointer; |
| @@ -424,12 +450,16 @@ | ||
| 424 | 450 | } |
| 425 | 451 | |
| 426 | 452 | /* Checkbox switch End */ |
| 427 | 453 | |
| 428 | -.cookieadmin-poweredby{ | |
| 454 | +.cookieadmin_law_container .cookieadmin-poweredby{ | |
| 429 | 455 | margin-top: 10px; |
| 430 | 456 | } |
| 431 | 457 | |
| 458 | +.cookieadmin_modal_footer_links .cookieadmin-poweredby{ | |
| 459 | +margin-left: auto; | |
| 460 | +} | |
| 461 | + | |
| 432 | 462 | .cookieadmin-poweredby a img{ |
| 433 | 463 | height: 15px; |
| 434 | 464 | } |
| 435 | 465 | |
| @@ -445,8 +475,54 @@ | ||
| 445 | 475 | } |
| 446 | 476 | |
| 447 | 477 | .cookieadmin_modal_footer .cookieadmin-poweredby a{ |
| 448 | 478 | justify-content: end; |
| 479 | +} | |
| 480 | + | |
| 481 | +#cookieadmin-gpc-toast{ | |
| 482 | +display:flex; | |
| 483 | +visibility: hidden; | |
| 484 | +position: fixed; | |
| 485 | +bottom: 24px; | |
| 486 | +right: 24px; | |
| 487 | +color: #ffffff; | |
| 488 | +padding: 10px 14px; | |
| 489 | +border-radius: 6px; | |
| 490 | +box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); | |
| 491 | +align-items: center; | |
| 492 | +justify-content: space-between; | |
| 493 | +gap: 10px; | |
| 494 | +font-size: 14px; | |
| 495 | +z-index: 99999; | |
| 496 | +opacity: 0; | |
| 497 | +transform: translateY(20px); | |
| 498 | +transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s 0.3s; | |
| 499 | +line-height:1.5; | |
| 500 | +} | |
| 501 | + | |
| 502 | +#cookieadmin_gpc_override{ | |
| 503 | +padding-bottom:10px; | |
| 504 | +} | |
| 505 | + | |
| 506 | +/* Policy Links */ | |
| 507 | +.cookieadmin_policy_link_box{ | |
| 508 | + display: flex; | |
| 509 | + justify-content: space-around; | |
| 510 | + font-size: 13px; | |
| 511 | + flex-wrap: wrap; | |
| 512 | +} | |
| 513 | + | |
| 514 | +.cookieadmin_modal_policy_link_box{ | |
| 515 | + display: flex; | |
| 516 | + gap: 5px; | |
| 517 | + font-size: 13px; | |
| 518 | + flex-wrap: wrap; | |
| 519 | +} | |
| 520 | + | |
| 521 | +.cookieadmin_modal_footer_links{ | |
| 522 | + display:flex; | |
| 523 | + justify-content:space-between; | |
| 524 | + margin:9px 9px 0 9px; | |
| 449 | 525 | } |
| 450 | 526 | |
| 451 | 527 | /* CSS for phones only */ |
| 452 | 528 | @media (max-width: 767px) { |
