UNPKG

@jumpgroup/avacy-banner

Version:

oil.js Opt-In Layer for consent management based on the IAB TCF Standard

87 lines (74 loc) 1.29 kB
*, *::before, *::after { box-sizing: border-box; } html { scroll-behavior: smooth; position: relative; } body { max-width: 1440px; margin: 0 auto; display: flex; flex-direction: column; position: relative; padding-bottom: 200px; } .PageNavigation { padding: 32px; } .PageNavigation ul { margin-bottom: 2rem; } .PageNavigation li { margin: 10px 0; } .PageTitle { text-align: center; padding: 0 32px; } section { padding: 32px; } .ItemTitle { margin-top: 0; } .ScriptItem { padding: 32px; background-color: #f54848; } .ScriptItem.is-active { padding: 32px; background-color: #2daf59; } .ScriptItem__Content { display: flex; color: #ffffff; justify-content: center; font-size: 1.5rem; } .ScriptItem__Content > * { margin: 0; } /* .ScriptItem:nth-child(even) { background-color: beige; } */ .BackToTop { position: fixed; width: 50px; height: 50px; bottom: 30px; right: calc((100vw - 1400px) / 2); font-size: bold; font-size: 16px; line-height: 16px; display: flex; align-content: baseline; justify-content: center; border-radius: 50px; padding: 10px; border: 1px solid black; cursor: pointer; outline: none; }