102 lines
1.9 KiB
CSS
102 lines
1.9 KiB
CSS
/* Sponsorship Ad */
|
|
|
|
.sponsorship_packages_ad {
|
|
font-family: BioliniumBold;
|
|
font-size: 20pt;
|
|
text-align: center;
|
|
color: #ffffee;
|
|
transition: none;
|
|
border-style: solid;
|
|
border-width: 3pt;
|
|
border-color: blue;
|
|
background-color: #222233;
|
|
border-radius: 4vw;
|
|
margin: 1pt;
|
|
padding: 5pt;
|
|
}
|
|
|
|
|
|
/* Affiliate Ads */
|
|
|
|
.affiliate_carousel {
|
|
width: 100%;
|
|
min-width: 100%;
|
|
max-width: 100%;
|
|
height: 1.5in;
|
|
overflow: hidden;
|
|
display: block;
|
|
position: relative;
|
|
padding: 0px;
|
|
background-color: red;
|
|
}
|
|
|
|
.affiliate_content {
|
|
position: absolute;
|
|
top: 0in;
|
|
left: 0in;
|
|
width: 42in;
|
|
height: 1.5in;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
display: flex;
|
|
justify-content: space-around;
|
|
align-content: center;
|
|
animation-name: affiliate_scroll;
|
|
animation-duration: 300s;
|
|
animation-iteration-count: infinite;
|
|
animation-timing-function: linear;
|
|
flex-shrink: 3in;
|
|
flex-grow: 18in;
|
|
background-color: black;
|
|
}
|
|
|
|
@keyframes affiliate_scroll {
|
|
from { left: 0in; }
|
|
to { left: -21in; }
|
|
}
|
|
|
|
.affiliate_item {
|
|
padding: 2px;
|
|
margin: 3px;
|
|
background-color: black;
|
|
width: 3in;
|
|
height: 1.5in;
|
|
position: relative;
|
|
color: black;
|
|
border-style: solid;
|
|
border-color: black;
|
|
border-width: 3pt;
|
|
}
|
|
|
|
.affiliate_image {
|
|
width: 3in;
|
|
height: 1.4in;
|
|
background-color: black;
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 0px;
|
|
}
|
|
|
|
@media only screen and (max-width: 600px), (max-height: 600px) {
|
|
.affiliate_image,
|
|
.affiliate_item {
|
|
width: 4in;
|
|
height: 0.9in;
|
|
max-width: 1.9in;
|
|
min-width: 1.9in;
|
|
max-height: 0.9in;
|
|
min-height: 0.9in;
|
|
}
|
|
.affiliate_carousel {
|
|
height: 0.9in;
|
|
}
|
|
.affiliate_content {
|
|
width: 28in;
|
|
height: 1in;
|
|
}
|
|
@keyframes affiliate_scroll {
|
|
from { left: 0in; }
|
|
to { left: -14in; }
|
|
}
|
|
}
|