@jumpgroup/avacy
Version:
oil.js Opt-In Layer for consent management based on the IAB TCF Standard
87 lines (74 loc) • 1.29 kB
CSS
*,
*::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;
}