2020k wrote:Someone said the smudges are moving around the website but I don't have the time to refresh like that to know if it's true. Anyone confirm?
Scanned through the code. Nope. Maybe that person was on shrooms?
Its just a pretty basic style layout. See for yourself!
Code: Select all
<style>
* {
box-sizing: border-box;
}
html,
body {
margin: 0;
min-height: 100%;
font-family: "itc-avant-garde-gothic-pro", sans-serif;
font-weight: 500;
font-style: normal;
color: #ffffff;
background-color: #000000;
background-image:
linear-gradient(90deg, rgba(44, 44, 44, 0.4) 0%, rgba(58, 58, 58, 0.2) 50%, rgba(44, 44, 44, 0.4) 100%),
url('assets/bg.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
body {
min-height: 100vh;
min-height: 100svh;
overflow: hidden;
}
.viewport {
position: fixed;
inset: 0;
display: grid;
place-items: center;
padding: clamp(16px, 4vh, 48px);
}
.page {
width: min(100%, 820px);
max-height: calc(100svh - clamp(32px, 8vh, 96px));
padding: clamp(16px, 3svh, 40px) clamp(16px, 5vw, 48px);
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: clamp(10px, 1.5svh, 24px);
}
@media only screen and (max-width:600px) {
.viewport, .page {
padding: 0;
}
}
#CybotCookiebotDialogBodyEdgeMoreDetails {
display: none !important;
}
#CybotCookiebotDialogTabContent {
margin: 0 !important;
}
@media screen and (max-width: 600px) {
#CybotCookiebotDialogBodyButtonsWrapper {
width: 100% !important;
}
.CybotCookiebotScrollContainer {
min-height: 0 !important;
}
}
@media screen and (max-width: 1280px) {
#CybotCookiebotDialogBodyButtonsWrapper {
width: 100% !important;
}
.CybotCookiebotDialogBodyButton {
width: 100% !important;
}
}
#CybotCookiebotDialogBodyButtonsWrapper {
flex-direction: row !important;
max-width: 350px !important;
margin-right: 2rem !important;
}
#CybotCookiebotDialogBodyButtons {
justify-content: flex-end !important;
max-width: 350px !important;
}
#CybotCookiebotDialogBodyLevelButtonCustomize > div {
display: none !important;
}
.CybotCookiebotDialogBodyBottomWrapper {
display: none !important;
}
#CybotCookiebotDialogHeader {
display: none !important;
}
#CybotCookiebotDialogPoweredByText {
display: none !important;
}
#CybotCookiebotDialogPoweredbyCybot {
display: none !important;
}
.CybotCookiebotDialogBodyButton {
padding: 8px 0;
margin: 2px 0;
}
.CybotCookiebotDialogBodyContentText {
font-size: 12px !important;
line-height: 1.6em;
font-family: sans-serif !important;
}
#CybotCookiebotDialogBodyContentTitle {
display: none !important
}
#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton:not(:first-of-type) {
margin-top: 0 !important;
}
#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton, #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton:not(:last-of-type) {
border-radius: 30px;
font-weight: 300 !important;
text-transform: uppercase !important;
margin: 0 5px !important;
}
#CybotCookiebotDialog.CybotEdge .CybotCookiebotDialogContentWrapper {
max-width: 3000px !important;
}
#CybotCookiebotDialog {
text-transform: uppercase !important;
font-family: 'itc-avant-garde-gothic-pro' !important;
}
.fade-in-form, #CybotCookiebotDialog {
opacity: 0;
filter: blur(4px);
animation: fadeIn 3s ease forwards;
}
@keyframes fadeIn {
to {
opacity: 0.8;
filter: blur(0.5px);
}
}
@media only screen and (max-width:600px) {
#CybotCookiebotDialog {
opacity: 0;
filter: blur(4px);
animation: fadeIn 3s ease forwards;
}
@keyframes fadeIn {
to {
opacity: 0.9;
filter: blur(0.5px);
}
}
}
button {
transition: all 1s ease !important;
}
</style>
There isn't really much JS. This was coded by hand lol! Wonder if the brothers did it or some intern. I like to think the brothers, finally mastered their PHP skills!
It finally occurred to me that it could be my VPN. It was. The More You Know...
