Skip to content

Instantly share code, notes, and snippets.

@vidanov

vidanov/cssonetrust19082021

Created August 19, 2021 09:10
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save vidanov/2a3e6b18660610003310f6d6128d2cc2 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save vidanov/2a3e6b18660610003310f6d6128d2cc2 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
cssonetrust19082021
/* make button smaller */
.ot-floating-button__front svg {transform:scale(0.6); -webkit-transform:scale(0.6); -moz-transform:scale(0.6); -ms-transform:scale(0.6); -o-transform:scale(0.6); margin-left:3px !important;}
.ot-floating-button__back svg {transform:scale(0.7); -webkit-transform:scale(0.7); -moz-transform:scale(0.7); -ms-transform:scale(0.7); -o-transform:scale(0.7); margin-left:3px !important;}
#ot-sdk-btn-floating.ot-floating-button {width: 35px !important; height: 35px !important; margin-left:3px !important; margin-bottom: 35px !important;}
.ot-floating-button__close,
.ot-floating-button__open {padding: 0 !important; line-height:0 !important;}
#ot-sdk-btn-floating .ot-floating-button__front, #ot-sdk-btn-floating .ot-floating-button__back {border-radius:2px !important;}
/*hide elements*/
.ot-sdk-button {border-radius: 0 !important;}
#onetrust-consent-sdk #onetrust-pc-sdk .accordion-text p,
#onetrust-pc-sdk .accordion-text.category-item .ot-switch-nob,
#onetrust-pc-sdk .category-host-list-handler,
#onetrust-pc-sdk .cookie-subgroups-container,
#onetrust-pc-sdk .ot-accordion-layout.category-item .ot-switch-inner,
.category-host-list-container,
.pc-logo-container,
a.powered-by-logo,
.ot-pc-footer-logo,
button.ot-link-btn.category-host-list-btn.category-host-list-handler,
div#onetrust-banner-sdk {
display: none !important;
}
#ot-sdk-btn-floating .ot-floating-button__front {
background-color: #003EDB !important;
}
#onetrust-pc-sdk a:visited,
#ot-sdk-btn-floating .ot-floating-button__front,
#ot-sdk-btn-floating .ot-floating-button__back,
#ot-sdk-btn-floating .ot-floating-button__back {
background-color: #003EDB !important;
}
#onetrust-pc-sdk .ot-switch-inner:before {
content: "";
display: block;
opacity: 0;
width: 4px;
height: 11px;
background-color: #3860be !important;
margin-left: 7px;
margin-top: 2px;
transform: rotate(45deg);
}
#onetrust-pc-sdk .switch-checkbox:checked~label .ot-switch-inner:before {
border:solid #fff;
opacity: 1;
border-width: 0 3px 3px 0;
}
#onetrust-pc-sdk #cookie-preferences .ot-always-active:before {
width: 4px;
height: 13px;
border: solid #fff;
border-width: 0 3px 3px 0;
transform: rotate(45deg);
content: "";
display: block;
margin-left: 7px;
margin-top: 0.5px;
opacity: 0.7;
}
button.save-preference-btn-handler.onetrust-close-btn-handler.button-theme,
#accept-recommended-btn-handler {
width: 250px !important;
padding: 12px 30px !important;
font-size: 12px !important;
}
div#accept-recommended-container {
width: auto !important;
float: right !important;
}
#onetrust-pc-sdk .save-preference-btn-container button {
display: block !important;
float: right !important;
}
#onetrust-pc-sdk .cookie-subgroups-container,
#onetrust-pc-sdk .category-host-list-handler {
padding-left: 42px;
}
#onetrust-consent-sdk #onetrust-pc-sdk .ot-switch.toggle {
float: left;
width: 22px;
}
#onetrust-pc-sdk #cookie-preferences .ot-always-active {
float: left;
color: rgba(45, 55, 60, 0);
width: 20px;
height: 20px;
border: 1px solid #CCC;
background-color: #8C8C8C !important;
}
#onetrust-pc-sdk #cookie-preferences h4 {
width: calc(100% - 67px);
float: right;
}
#onetrust-pc-sdk .accordion-text .ot-switch-label {
width: 20px;
height: 20px;
border: 2px solid #003EDB; !important;
border-radius: 0;
background-color: #FFF;
opacity: 1;
}
#onetrust-pc-sdk .accordion-text.category-item .ot-switch.toggle input {}
#onetrust-pc-sdk .accordion-text.category-item {
padding-top: 10px;
padding-bottom: 5px;
margin-top: 0;
}
#onetrust-pc-sdk .category-host-list-container {
margin-top: 10px;
}
#onetrust-pc-sdk .category-item p {
margin-top: 8px;
margin-bottom: 0;
}
#onetrust-pc-sdk .cookie-subgroups-container {
margin-top: 10px;
width: calc(100% - 32px);
}
#onetrust-pc-sdk .ot-checkbox input:checked~label::before {
background-color: #005578;
}
#onetrust-pc-sdk .ot-checkbox label::before {
border: 1px solid #005578;
}
#onetrust-pc-sdk .switch-checkbox:checked+.ot-switch-label {
border: 1px solid #2d373c;
background-color: #3860be !important;
}
#onetrust-pc-sdk .ot-switch-inner:checked {
border: #003EDB solid !important;
}
#onetrust-pc-sdk .save-preference-btn-container {
text-align: right;
margin-top: 0;
}
#onetrust-pc-sdk a {
color: #2387aa;
text-decoration: underline;
margin: 0;
}
#onetrust-pc-sdk a,
#onetrust-pc-sdk .category-vendors-list-handler,
#onetrust-pc-sdk .category-host-list-handler {
color: #50bed7;
margin: 0;
text-decoration: none;
}
#onetrust-pc-sdk a:hover {
color: #003EDB;
text-decoration: underline;
}
#onetrust-pc-sdk a:hover,
#onetrust-pc-sdk .category-vendors-list-handler:hover,
#onetrust-pc-sdk .category-host-list-handler:hover {
color: #003EDB;
text-decoration: underline;
}
#onetrust-pc-sdk button {
font-family: inherit;
margin-top: 0;
margin-bottom: 0;
}
#onetrust-pc-sdk h3 {
font-weight: bold;
font-size: 20px;
line-height: 26px;
}
#onetrust-pc-sdk ul.cookie-subgroups .first-party-cookie-container {
width: calc(100% - 32px);
}
#onetrust-pc-sdk.otPcCenter {
width: 1170px;
}
#ot-sdk-btn.ot-sdk-show-settings,
#ot-sdk-btn.optanon-show-settings,
#onetrust-pc-sdk,
#onetrust-pc-sdk #content #pc-policy-text,
#onetrust-pc-sdk button,
#onetrust-pc-sdk input[type=submit],
#onetrust-pc-sdk input[type=reset],
#onetrust-pc-sdk input[type=button],
#onetrust-pc-sdk .category-item p,
#onetrust-pc-sdk #pc-policy-text #onetrust-pc-sdk #pc-policy-text *,
#onetrust-pc-sdk ul.cookie-subgroups .first-party-cookie-header,
#onetrust-pc-sdk ul.cookie-subgroups .first-party-cookie-group li,
#onetrust-pc-sdk ul.cookie-subgroups li p,
#onetrust-pc-sdk ul.cookie-subgroups li h6,
#onetrust-pc-sdk .button-theme,
#onetrust-pc-sdk #cookie-preferences h4,
#onetrust-pc-sdk .category-host-list-handler {
font-size: 14px;
line-height: 22px;
font-weight: 400 !important;
}
#vendors-list a:visited,
#vendors-list a:hover {
text-decoration: none;
}
.accordion-text.category-item {
float: left !important;
display: grid !important;
grid-auto-flow: dense;
grid-template-columns: 40px auto;
width: auto;
}
.ot-switch.ot-toggle {
grid-column: 1;
margin: 0 !important;
background: none !important;
}
.ot-switch.ot-toggle {}
.save-preference-btn-container button {
margin-bottom: 0;
}
.save-preference-btn-handler {
background-color: rgba(0, 0, 0, 0) !important;
color: #2387aa !important;
padding: 6px 30px !important;
font-size: 11px !important;
}
a.category-host-list-btn.category-host-list-handler {
padding: 0 !important;
margin: 0 !important;
}
#cookie-preferences h3#manage-cookies-text {
margin-top: 13px !important;
margin-bottom: 17px !important;
}
h3#pc-title {
margin-top: 20px;
}
h4.category-header {
grid-column: 2;
white-space: nowrap !important;
//styleName: Legacy / text-small;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
letter-spacing: 0em;
text-align: left;
color: #212121;
}
@media (min-width:960px) {
#onetrust-pc-sdk .accordion-text.category-item {
max-width: 22%;
}
#onetrust-pc-sdk.otPcCenter {
bottom: 13%;
top: 13%;
}
}
.category-host-list-handler {
margin: 0 !important;
padding: 0 !important;
}
.ot-content a {
margin: 0 !important;
}
a.privacy-notice-link {
display: inline-block;
font-size: 14px !important;
line-height: 22px !important;
margin-top: 10.3px !important;
color: #4D4D4D !important;
text-decoration: underline !important;
}
div#onetrust-pc-sdk {
border: 0px solid #003EDB;
}
h3#pc-title {
text-align: left;
font-size: 1.6em !important;
font-family: Inter;
font-weight: 500 !important;
text-align: left;
}
div#pc-policy-text {
font-family: Inter;
font-size: 14px !important;
font-style: normal;
font-weight: 400;
line-height: 21px;
letter-spacing: 0em;
text-align: left;
}
div#onetrust-pc-sdk a {
color: #003EDB;
}
label.ot-switch-label
{
border: 2.5px solid #003EDB !important;
transform: translate(5px, -2px)
}
.ot-always-active {
border: 2.5px solid #8C8C8C !important;
transform: translate(5px, -2px)
}
button.save-preference-btn-handler.onetrust-close-btn-handler.button-theme {
color: #003EDB !important;
}
h3#manage-cookies-text {
margin-top: 30px !important;
margin-bottom: 5px !important;
}
#onetrust-consent-sdk {
font-weight: 700 !important;
font-family: 'FuturaBT-Medium', Helvetica, Arial, sans-serif !important;;
}
div#pc-policy-text {
/* font-weight: 700 !important; */
font-family: 'FuturaBT-Medium', Helvetica, Arial, sans-serif !important;;
}
#onetrust-consent-sdk h4 {
color: #212121 !important;
}
h3#manage-cookies-text {
font-size: 1.2em !important;
color: #212121 !important;
font-weight: 500 !important;
}
#onetrust-pc-sdk .switch-checkbox:checked+.ot-switch-label .ot-switch-inner {
display: block;
}
#ot-btn-parent {
overflow: hidden !important;
padding: min(10px,3%) 3% 3% 3% !important;
}
#onetrust-pc-sdk #ot-content {
position: relative !important;
top: 0 !important;
bottom: 0 !important;
overflow-y: auto !important;
max-height: calc(87vh - 142px) !important;
}
@media (orientation: landscape) {
#onetrust-pc-sdk #ot-content {
max-height: calc(95vh - 142px) !important;
}
}
div#onetrust-pc-sdk {
max-width: 98% !important;
overflow: hidden;
height: fit-content;
}
@supports not (height: fit-content) {
#onetrust-pc-sdk {
display: table;
}
}
#onetrust-pc-sdk .button-theme {
margin-top: 0;
}
button#accept-recommended-btn-handler {
margin-left: 20px;
}
div#accept-recommended-container {
margin: 0 !important;
}
#onetrust-pc-sdk .switch-checkbox:checked+.ot-switch-label .ot-switch-inner {
display: block;
}
@media screen and (max-width: 600px) {
#onetrust-pc-sdk div#accept-recommended-container,
div.save-preference-btn-container,
.ot-sdk-column {
width: 100% !important;
max-width: 100% !important;
float: left !important;
}
#onetrust-pc-sdk .ot-sdk-row .ot-sdk-column {
text-align: center;
}
#onetrust-pc-sdk .save-preference-btn-container button,
#accept-recommended-container button {
float: none !important;
display: block;
margin: 5px auto !important;
}
#onetrust-pc-sdk.otPcCenter {
min-width: 0 !important;
height: fit-content !important;
top: 2%;
}
@supports not (height: fit-content) {
#onetrust-pc-sdk.otPcCenter {
display: table;
}
}
}
@media only screen and (min-width: 600px) and (max-width: 896px) and (max-height: 425px) and (orientation: landscape) {
#onetrust-pc-sdk.otPcCenter {
left: none !important;
top: 2% !important;
min-width: 0 !important;
height: fit-content !important;
border-radius: 0;
}
@supports not (height: fit-content) {
#onetrust-pc-sdk.otPcCenter {
display: table;
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment