Alby96
79756d878d
Sono stati aggiunti numerosi nuovi file JavaScript, CSS, SVG e PNG per migliorare la grafica, la responsività e le funzionalità delle pagine di aste, login, notifiche e player video. Introdotte nuove librerie (OneSignal, Bootstrap, Font Awesome, Vue.js, Slick Carousel, ProgressBar.js, CryptoJS, mCustomScrollbar, Switchery) e script per la gestione di notifiche push, tracciamento eventi (Facebook Pixel, TikTok Pixel, Google Ads, Smartech), pagamenti Ingenico, modali, banner promozionali, preferiti, auto-puntate, e gestione utente inattivo. Ampliata la logica del player embedded YouTube con nuovi hook, logging avanzato, gestione ciclo di vita, storage e challenge di attestation. Aggiunti nuovi stili CSS per layout responsive, componenti UI, modali, badge, bottoni, progress bar, e ottimizzazioni mobile. Integrate nuove immagini e icone per arricchire l’interfaccia grafica. Non sono state apportate modifiche al file `www-player.css` e ad altri file specificati. Queste modifiche migliorano la sicurezza, la tracciabilità, l’esperienza utente e la flessibilità dell’applicazione.
928 lines
20 KiB
CSS
928 lines
20 KiB
CSS
#wrapBonusSection{
|
|
width: 100%;
|
|
background-color: #fff;
|
|
margin-bottom: 20px;
|
|
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);
|
|
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);
|
|
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);
|
|
border-top: 1px solid #d0d0d0;
|
|
display: none;
|
|
cursor: pointer;
|
|
}
|
|
#wrapBonusSection.visible{
|
|
display: block;
|
|
}
|
|
#BonusSection{
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 65%;
|
|
min-height: 40px;
|
|
margin: 0 auto;
|
|
align-items: center;
|
|
margin-bottom: -25px;
|
|
}
|
|
@media (max-width: 576px) {
|
|
#BonusSection{
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
|
|
|
|
#BonusSection .wrap-msg-bonus, #BonusSection .pt-2 .wrap-progress, #BonusSection .pt-1 .wrap-progress, #BonusSection .pt-3 .wrap-progress, #BonusSection .pt-3 .wrap-bids, #auctionBidsModal .wrap-msg-bonus, #auctionBidsModal .wrap-msg-bonus .wrap-progress, #bidsBonusSection #section2 .wrap-progress, #bidsBonusSection #section3 .wrap-progress{
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
#bidsBonusSection #section2 .wrap-progress{
|
|
font-size: 14px;
|
|
}
|
|
#auctionBidsModal #countdownAddSlot{
|
|
font-weight: bold;
|
|
color: #55bc62;
|
|
}
|
|
#auctionBidsModal .wrap-msg-bonus{
|
|
margin-bottom: 25px;
|
|
}
|
|
#BonusSection .pt-2 .item, #BonusSection .pt-3 .item{
|
|
margin: 2px;
|
|
}
|
|
#BonusSection .pt-2, #BonusSection .pt-1, #BonusSection .pt-3, #auctionBidsModal .wrap-pt2{
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
#auctionBidsModal .wrap-pt2 .bonus-obtained{
|
|
font-size: 12px;
|
|
color: #6F6F6F;
|
|
font-weight: bold;
|
|
margin-top: 3px;
|
|
display: none;
|
|
}
|
|
#auctionBidsModal .wrap-pt2{
|
|
justify-content: space-around;
|
|
align-items: flex-start;
|
|
margin-top: 20px;
|
|
border-top: 1px solid #DBDBDB;
|
|
padding-top: 20px;
|
|
font-size: 13px;
|
|
margin-bottom: 10px;
|
|
}
|
|
@media (max-width: 340px) {
|
|
#auctionBidsModal .wrap-pt2{
|
|
font-size: 12px;
|
|
}
|
|
}
|
|
|
|
#auctionToBonusModal{
|
|
font-size: 15px;
|
|
color: #333;
|
|
}
|
|
#BonusSection .text{
|
|
color: #6D6D6D;
|
|
font-size: 15px;
|
|
margin: auto 4px;
|
|
}
|
|
#BonusSection .pt-2 img{
|
|
height: 29px;
|
|
}
|
|
#BonusSection .pt-2 .img-emoji img, #auctionBidsModal .img-emoji img {
|
|
height: 18px;
|
|
width: 18px;
|
|
margin-left: -10px;
|
|
margin-top: -3px;
|
|
}
|
|
#auctionBidsModal .img-emoji img{
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
#auctionBidsModal .img-emoji{
|
|
z-index: 9;
|
|
margin-left: -3px;
|
|
margin-right: 2px;
|
|
}
|
|
#BonusSection .pt-dx img, #auctionBidsModal .pt-dx img, #auctionBidsModal .pt-center img{
|
|
width: 16px;
|
|
}
|
|
#BonusSection .pt-2 .wrap-progress .progress{
|
|
margin-left: 5px;
|
|
background-color: #D1D1D1;
|
|
}
|
|
#auctionBidsModal .progress{
|
|
width: 56px;
|
|
height: 24px;
|
|
margin: 0 6px;
|
|
position: relative;
|
|
background-color: #D1D1D1;
|
|
border-radius: 20px;
|
|
}
|
|
#auctionBidsModal .progress{
|
|
width: 110px;
|
|
height: 22px;
|
|
}
|
|
#auctionBidsModal .pt-1 .progress{
|
|
height: 11px;
|
|
}
|
|
#BonusSection .progress, #auctionBidsModal .progress{
|
|
width: 60px;
|
|
height: 13px;
|
|
margin-bottom: 0px;
|
|
}
|
|
#auctionBidsModal .progress{
|
|
width: 90px;
|
|
}
|
|
#BonusSection #countdown-bonus{
|
|
width: 60px;
|
|
color: #fff;
|
|
background-color: #FF0658;
|
|
font-weight: bold;
|
|
font-size: 11px;
|
|
padding: 0px 4px;
|
|
height: 16px;
|
|
border-radius: 5px;
|
|
}
|
|
#BonusSection #bonus-earned, #BonusSection #bonus-active-all{
|
|
display: none;
|
|
font-weight: bold;
|
|
margin-right: 15px;
|
|
}
|
|
@media (max-width: 576px) {
|
|
#BonusSection #bonus-earned, #BonusSection #bonus-active-all{
|
|
font-size: 12px;
|
|
}
|
|
}
|
|
#BonusSection #bonus-active-all{
|
|
color: #55bc62;
|
|
}
|
|
|
|
|
|
#BonusSection .progress .progress-bar, #auctionBidsModal .pt-1 .progress .progress-bar, #auctionBidsModal #bidsBonusSection #section2 .progress .progress-bar, #auctionBidsModal .progress .progress-bar{
|
|
background: rgb(4,170,176);
|
|
background: linear-gradient(90deg, rgba(4,170,176,1) 0%, rgba(7,206,173,1) 100%);
|
|
box-shadow: none;
|
|
}
|
|
|
|
#BonusSection .progress .progressbar-text{
|
|
position: absolute;
|
|
top: 2px;
|
|
height: 22px;
|
|
color: #000;
|
|
width: 100%;
|
|
left: 0;
|
|
margin: 0;
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
}
|
|
#auctionBidsModal .progress .progressbar-text{
|
|
font-size: 15px;
|
|
top: 0;
|
|
}
|
|
#todayBids, #auctionBidsModal{
|
|
font-size: 16px;
|
|
color: #333;
|
|
}
|
|
#auctionBidsModal{
|
|
font-weight: normal;
|
|
}
|
|
#auctionToBonus.active{
|
|
font-weight: bold;
|
|
color: #000;
|
|
}
|
|
#confirmedAuctionWithBonus{
|
|
display: none;
|
|
margin-left: 5px;
|
|
}
|
|
#confirmedAuctionWithBonus .value{
|
|
font-weight: bold;
|
|
}
|
|
.wrap-bonus-mobile{
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.wrap-bonus-mobile .wrap-bonus-value{
|
|
font-size: 14px;
|
|
color: #504E4E;
|
|
margin-left: 5px;
|
|
}
|
|
#auctionBidsModal .wrap-bonus-value{
|
|
margin-right: 2px;
|
|
}
|
|
#BonusSection .pt-3 img{
|
|
width: 15px;
|
|
}
|
|
#BonusSection .wrap-title-bonus{
|
|
display: flex;
|
|
}
|
|
#BonusSection .wrap-title-bonus .icon-check{
|
|
width: 15px;
|
|
display: none;
|
|
margin-right: 4px;
|
|
}
|
|
#BonusSection .pt-2 #countdown-bonus{
|
|
display: none;
|
|
}
|
|
@media (max-width: 1040px) {
|
|
#BonusSection{
|
|
width: 100%;
|
|
justify-content: space-around;
|
|
min-height: 50px;
|
|
}
|
|
#BonusSection .pt-1, #BonusSection .pt-2, #BonusSection .pt-3{
|
|
flex-direction: column;
|
|
}
|
|
#BonusSection .pt-3 .wrap-bids{
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
#BonusSection .text {
|
|
font-size: 12px;
|
|
}
|
|
|
|
|
|
|
|
#BonusSection .pt-2 img{
|
|
margin-right: 5px;
|
|
height: 18px;
|
|
width: 10px;
|
|
}
|
|
#BonusSection .pt-1 .progress {
|
|
width: 90px;
|
|
height: 10px;
|
|
}
|
|
#todayBids{
|
|
font-size: 14px;
|
|
}
|
|
#BonusSection .pt-3 .item{
|
|
margin: 0;
|
|
}
|
|
#BonusSection .pt-3 img{
|
|
width: 13px;
|
|
margin-top: -1px;
|
|
margin-left: 3px;
|
|
}
|
|
#BonusSection .wrap-msg-bonus{
|
|
flex-direction: column;
|
|
justify-content: flex-start;
|
|
align-items: baseline;
|
|
}
|
|
|
|
.wrap-bonus-mobile{
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
}
|
|
@media (max-width: 576px) {
|
|
#BonusSection {
|
|
min-height: 45px;
|
|
}
|
|
}
|
|
@media (max-width: 360px) {
|
|
#BonusSection .text {
|
|
font-size: 11px;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
#auctionBidsModal .pt-left .wrap-progress, #auctionBidsModal .pt-dx .wrap-bids, #auctionBidsModal .pt-center .wrap-bids{
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin-top: 5px;
|
|
font-weight: bold;
|
|
}
|
|
#auctionBidsModal .pt-center .item, #auctionBidsModal .pt-dx .item{
|
|
margin-left: 1px;
|
|
margin-right: 1px;
|
|
}
|
|
#auctionBidsModal .pt-center .item img, #auctionBidsModal .pt-dx .item img{
|
|
margin-left: 2px;
|
|
margin-right: 2px;
|
|
margin-top: -5px;
|
|
}
|
|
|
|
#auctionToGoModal{
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
}
|
|
@media (max-width: 340px) {
|
|
#auctionBidsModal .wrap-pt2{
|
|
font-size: 12px;
|
|
}
|
|
#auctionToGoModal, #todayBidsModal, #todayBidsPayedModal{
|
|
font-size: 13px;
|
|
}
|
|
}
|
|
|
|
#todayBidsModal, #todayBidsPayedModal{
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
}
|
|
#loaderAuctionBids{
|
|
min-height: 40px;
|
|
text-align: center;
|
|
padding: 5px;
|
|
font-size: 20px;
|
|
}
|
|
#auctionToGo{
|
|
color: #000;
|
|
margin-left: 5px;
|
|
}
|
|
.loader-data{
|
|
display: block;
|
|
position: relative;
|
|
margin-right: 0px !important;
|
|
margin-left: 0px !important;
|
|
}
|
|
.loader-data::before{
|
|
content: "";
|
|
background-color: #eaeaea;
|
|
display: block;
|
|
width: 100%;
|
|
height: 22px;
|
|
position: absolute;
|
|
}
|
|
@media (max-width: 576px) {
|
|
.loader-data{
|
|
margin-top: 2px !important;
|
|
margin-bottom: 2px !important;
|
|
}
|
|
.loader-data::before{
|
|
height: 16px;
|
|
min-width: 20px;
|
|
}
|
|
}
|
|
#BonusSection .pt-1, #BonusSection .pt-2, #BonusSection .pt-3{
|
|
position: relative;
|
|
}
|
|
.loader-data img{
|
|
display: none !important;
|
|
}
|
|
.wrap-countdown-auctionBidsModal{
|
|
color: #55BC62;
|
|
font-weight: bold;
|
|
}
|
|
#auctionBidsModal .wrapTitle{
|
|
margin: 20px auto 10px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
#auctionBidsModal .modal-body{
|
|
padding: 0;
|
|
}
|
|
#auctionBidsModal .contentModal #bidsBonusSection .content, #auctionBidsModal .contentModal #rankingBonusSection{
|
|
font-size: 16px;
|
|
text-align: center;
|
|
margin-top: 15px;
|
|
padding: 15px;
|
|
}
|
|
#auctionBidsModal .contentModal #bidsBonusSection .content{
|
|
margin-top: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#auctionBidsModal .contentModal #bidsBonusSection .content.parent-content-div {
|
|
padding: 0 0 5px 0;
|
|
}
|
|
|
|
#tabsSection{
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
@media (max-width: 576px) {
|
|
#tabsSection{
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
#tabsSection .pt-1{
|
|
width: 55%;
|
|
}
|
|
#tabsSection .pt-2{
|
|
width: 40%;
|
|
}
|
|
#tabsSection .pt-1, #tabsSection .pt-2{
|
|
|
|
padding: 8px 18px;
|
|
border-bottom: 1px solid #BCBCBC;
|
|
text-align: center;
|
|
font-size: 14px;
|
|
}
|
|
#tabsSection .pt-1 .fa, #tabsSection .pt-2 .fa{
|
|
margin-right: 5px;
|
|
}
|
|
#tabsSection .pt-3{
|
|
width: 10%;
|
|
padding: 5px 10px;
|
|
border-bottom: 1px solid #BCBCBC;
|
|
}
|
|
button[aria-label='Close'] span{
|
|
font-size: 26px;
|
|
}
|
|
@media (max-width: 576px) {
|
|
#tabsSection .pt-3{
|
|
padding: 4px 10px;
|
|
}
|
|
#tabsSection .pt-1, #tabsSection .pt-2{
|
|
font-size: 12px;
|
|
padding: 8px 10px;
|
|
}
|
|
button[aria-label='Close'] span{
|
|
font-size: 25px;
|
|
}
|
|
}
|
|
|
|
#tabsSection .pt-1.active, #tabsSection .pt-2.active, #tabsSection .pt-3.active{
|
|
border-color: #2F80ED;
|
|
}
|
|
#tabsSection .pt-1.active a, #tabsSection .pt-2.active a, #tabsSection .pt-3.active a, #tabsSection .pt-1.active a:hover, #tabsSection .pt-2.active a:hover{
|
|
color: #2F80ED;
|
|
font-weight: bold;
|
|
text-decoration: none;
|
|
}
|
|
#tabsSection .pt-1 a, #tabsSection .pt-2 a{
|
|
color: #7d7d7d;
|
|
}
|
|
|
|
|
|
#tabsSection .pt-1 a:hover, #tabsSection .pt-2 a:hover{
|
|
text-decoration: none;
|
|
font-weight: normal;
|
|
color: #2F80ED;
|
|
}
|
|
#rankingBonusSection{
|
|
display: none;
|
|
}
|
|
#bidsBonusSection #section2 .box-congrats,
|
|
#bidsBonusSection #section3 .box-congrats{
|
|
margin-top: 12px;
|
|
}
|
|
#bidsBonusSection #section2, #bidsBonusSection #section3{
|
|
display: none;
|
|
}
|
|
#bidsBonusSection #section2 .titleModal{
|
|
font-size: 20px;
|
|
}
|
|
#auctionBidsModal .wrap-credit-bonus{
|
|
display: inline-block;
|
|
}
|
|
#auctionBidsModal #bidsBonusSection .wrap-content{
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
#bidsBonusSection #section2 .summary-body #countdown-bonus{
|
|
font-size: 14px;
|
|
}
|
|
#bidsBonusSection #section2 .summary-body .countdown{
|
|
color: #FF0658;
|
|
}
|
|
#bidsBonusSection #section2 .summary-body #countdownForBonus{
|
|
font-weight: bold;
|
|
}
|
|
#bidsBonusSection #section2 .summary{
|
|
margin-top: 30px;
|
|
}
|
|
#bidsBonusSection #section2 .summary-body{
|
|
width: 250px;
|
|
margin: -18px auto 25px;
|
|
border: 1px solid #000;
|
|
border-radius: 5px;
|
|
padding: 20px 15px;
|
|
box-shadow: 2px 2px 3px 1px rgba(208, 209, 213, 0.2), 0 2px 2px 1px rgba(220, 221, 224, 0.2);
|
|
-webkit-box-shadow: 2px 2px 3px 1px rgba(208, 209, 213, 0.2), 0 2px 2px 1px rgba(220, 221, 224, 0.2);
|
|
-moz-box-shadow: 2px 2px 3px 1px rgba(208, 209, 213, 0.2), 0 2px 2px 1px rgba(220, 221, 224, 0.2);
|
|
}
|
|
#bidsBonusSection #section3 .summaryTitle{
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
margin-top: 40px;
|
|
|
|
}
|
|
#bidsBonusSection #section3 .summaryList img{
|
|
width: 18px;
|
|
}
|
|
#bidsBonusSection #section3 .summaryList ul{
|
|
text-align: left;
|
|
width: 300px;
|
|
margin: 5px auto 20px;
|
|
line-height: 30px;
|
|
}
|
|
.bottom-area{
|
|
font-size: 16px;
|
|
}
|
|
.bottom-area.highlight{
|
|
color: #FF0658;
|
|
font-weight: bold;
|
|
margin-top: 15px;
|
|
margin-bottom: -10px;
|
|
}
|
|
#auctionBidsModal #bidsBonusSection #bonusSection img{
|
|
width: 20px;
|
|
margin-top: -2px;
|
|
}
|
|
#auctionBidsModal #bidsBonusSection #bonusSection .bottomSection img{
|
|
width: 16px;
|
|
margin-right: 4px;
|
|
}
|
|
#auctionBidsModal #bidsBonusSection #bonusSection .bottomSection{
|
|
font-size: 16px;
|
|
margin-bottom: 15px;
|
|
color: #5F5F5F;
|
|
}
|
|
|
|
#bonusSection .btnConfirm{
|
|
font-size: 18px;
|
|
display: inline-block;
|
|
color: #333;
|
|
background-color: #fcc62d;
|
|
padding: 5px;
|
|
line-height: 25px;
|
|
border-radius: 5px;
|
|
font-weight: bold;
|
|
margin-bottom: 10px;
|
|
margin-top: 10px;
|
|
width: 95%;
|
|
text-decoration: none;
|
|
|
|
}
|
|
@media (max-width: 576px) {
|
|
#auctionBidsModal #bidsBonusSection #bonusSection .bottomSection {
|
|
font-size: 15px;
|
|
}
|
|
#bonusSection .btnConfirm{
|
|
font-size: 16px;
|
|
}
|
|
}
|
|
#rankingBonusSection .title{
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
margin-bottom: 5px;
|
|
}
|
|
#rankingBonusSection .subtitle{
|
|
font-size: 14px;
|
|
}
|
|
#rankingBonusSection #ranking{
|
|
padding: 0 10px;
|
|
}
|
|
#rankingBonusSection #ranking table{
|
|
margin-top:30px;
|
|
width: 100%;
|
|
}
|
|
#rankingBonusSection #ranking table td{
|
|
text-align: left;
|
|
}
|
|
#rankingBonusSection #ranking table .td1{
|
|
text-align: center;
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
}
|
|
#rankingBonusSection #ranking table .td1 img{
|
|
width: 38px;
|
|
}
|
|
#rankingBonusSection #ranking table td.td2{
|
|
font-size: 16px;
|
|
width: 70%;
|
|
padding: 8px 10px;
|
|
text-transform: capitalize;
|
|
}
|
|
#rankingBonusSection #ranking table td.td3{
|
|
width: 25%;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
text-align: right;
|
|
}
|
|
#rankingBonusSection #ranking table td.td3 img{
|
|
width: 17px;
|
|
margin-left: 4px;
|
|
}
|
|
#auctionBidsModal #section1, #auctionBidsModal #section4{
|
|
display: none;
|
|
}
|
|
#auctionBidsModal #section1{
|
|
padding: 0px 20px;
|
|
}
|
|
#auctionBidsModal #section4 .sad{
|
|
width: 25px;
|
|
margin-bottom: 10px;
|
|
}
|
|
#BonusSection .img-lock, #BonusSection .img-lock-open{
|
|
display: none;
|
|
}
|
|
#BonusSection .img-lock img, #BonusSection .img-lock-open img{
|
|
width: 12px;
|
|
margin-left: 5px;
|
|
margin-top: -1px;
|
|
}
|
|
#BonusSection .pay-bids-counter{
|
|
margin-left: 5px;
|
|
color: #fff;
|
|
background-color: #FF0658;
|
|
border-radius: 40px;
|
|
width: 19px;
|
|
height: 19px;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
font-size: 11px;
|
|
padding: 2px;
|
|
display: none;
|
|
}
|
|
#auctionBidsModal .wrap-new-daily-challenge.wrap2{
|
|
margin-top: 5px;
|
|
}
|
|
#auctionBidsModal .wrap-new-daily-challenge{
|
|
color: #2F80ED;
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
margin: 20px 60px 0px;
|
|
display: none;
|
|
}
|
|
@media (max-width: 576px) {
|
|
#auctionBidsModal .wrap-new-daily-challenge {
|
|
margin: 20px 40px 0;
|
|
}
|
|
}
|
|
#BonusSection .img-plus-not-active, #BonusSection .img-plus-active{
|
|
display: none;
|
|
}
|
|
#auctionBidsModal .extraSlots .slot-title .open-lock{
|
|
margin-top: -5px;
|
|
width: 15px;
|
|
margin-right: 3px;
|
|
}
|
|
#auctionBidsModal .extraSlots .slot-title span .fa{
|
|
font-size: 20px;
|
|
position: absolute;
|
|
margin-left: 5px;
|
|
}
|
|
#auctionBidsModal .extraSlots .wrap-content-slot{
|
|
padding: 10px 0 15px;
|
|
}
|
|
#auctionBidsModal .bonus-obtained{
|
|
display: none;
|
|
}
|
|
#auctionBidsModal .extraSlots{
|
|
border: none;
|
|
margin: -5px auto 0;
|
|
padding: 10px 15px;
|
|
text-align: center;
|
|
background-color: #f3f6f9;
|
|
border-radius: 0;
|
|
border-bottom-left-radius: 5px;
|
|
border-bottom-right-radius: 5px;
|
|
}
|
|
#auctionBidsModal .extraSlots.avaible{
|
|
border-color: #55BC62;
|
|
}
|
|
#extraSlotTemplate{
|
|
display: none;
|
|
}
|
|
#wrapSlots{
|
|
display: flex;
|
|
justify-content: space-evenly;
|
|
flex-wrap: wrap;
|
|
}
|
|
#wrapSlots .box-extra-slot{
|
|
border: 1px solid #6F6F6F;
|
|
background-color: #f3f6f9;
|
|
padding: 10px;
|
|
border-radius: 5px;
|
|
width: 100px;
|
|
margin-top: 15px;
|
|
display: none;
|
|
}
|
|
.wrap-num-other-slot{
|
|
position: relative;
|
|
display: none;
|
|
font-weight: bold;
|
|
margin-top: 10px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.wrap-num-other-slot .reduce{
|
|
display: none;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 20px;
|
|
color: #333;
|
|
text-decoration: underline;
|
|
}
|
|
.wrap-num-other-slot .open{
|
|
color: #55BC62;
|
|
text-decoration: underline;
|
|
display: none;
|
|
}
|
|
#wrapSlots .box-extra-slot .expire{
|
|
font-size: 10px;
|
|
font-weight: bold;
|
|
color: #6A6B6C;
|
|
margin-bottom: 5px;
|
|
}
|
|
#wrapSlots .box-extra-slot .expire img{
|
|
margin-left: 2px;
|
|
}
|
|
#wrapSlots .box-extra-slot .content{
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
#wrapSlots .box-extra-slot .content .slot-value{
|
|
font-size: 18px;
|
|
font-weight: bold;
|
|
color: #333;
|
|
}
|
|
#wrapSlots .box-extra-slot .wrap-cta .cta{
|
|
background-color: #B4B4B4;
|
|
color: #fff;
|
|
padding: 0px 10px;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
width: 100%;
|
|
max-height: 23px;
|
|
|
|
}
|
|
#wrapSlots .box-extra-slot .wrap-cta .cta img{
|
|
margin-top: -2px;
|
|
margin-right: 2px;
|
|
}
|
|
|
|
.extraSlots .wrap-content-slot{
|
|
display: none;
|
|
}
|
|
.extraSlots .slot-title a{
|
|
width: 100%;
|
|
display: block;
|
|
color: #333;
|
|
text-decoration: none;
|
|
}
|
|
.extraSlots .slot-title{
|
|
color: #000;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
}
|
|
.extraSlots .slot-content{
|
|
font-size: 12px;
|
|
}
|
|
|
|
.extraSlots .slot-content .beforeConfirmed, .extraSlots .slot-content .afterConfirmed{
|
|
display: none;
|
|
}
|
|
.wrap-extra-slots .box-noSlot .titleNoSlot{
|
|
color: #FE4E4E;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
}
|
|
.wrap-extra-slots .box-noSlot .contentNoSlot{
|
|
font-size: 12px;
|
|
}
|
|
.wrap-extra-slots .box-noSlot .contentNoSlot img{
|
|
width: 17px;
|
|
margin-top: -3px;
|
|
margin-left: 3px;
|
|
}
|
|
.wrap-extra-slots .box-noSlot{
|
|
margin-top: 10px;
|
|
}
|
|
.wrap-extra-slots .box-noSlot{
|
|
display: none;
|
|
}
|
|
.wrap-extra-slots .box-noSlot .box-noextra-slot .no-extra-slot-content .slot-img img{
|
|
width: 20px;
|
|
opacity: 0.6;
|
|
margin-bottom: 5px;
|
|
}
|
|
.wrap-extra-slots .box-noSlot .box-noextra-slot .no-extra-slot-content{
|
|
font-size: 10px;
|
|
color: #333;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
height: 100%;
|
|
}
|
|
.wrap-extra-slots .box-noSlot .box-noextra-slot{
|
|
width: 92px;
|
|
margin: 20px auto;
|
|
height: 81px;
|
|
border: 1px solid #55BC62;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
#wrapSlots.avaible .box-extra-slot{
|
|
border-color: #55BC62;
|
|
background-color: #EDF8EF;
|
|
}
|
|
#wrapSlots.avaible .box-extra-slot .wrap-cta .cta{
|
|
background-color: #55BC62;
|
|
}
|
|
.wrap-extra-slots{
|
|
display: none;
|
|
}
|
|
.wrap-extra-slots .title-extraSlot-blocked{
|
|
font-size: 18px;
|
|
font-weight: bold;
|
|
width: 100%;
|
|
margin: 0 0 10px;
|
|
display: none;
|
|
text-align: center;
|
|
}
|
|
.wrap-extra-slots .title-extraSlot-blocked img{
|
|
width: 18px;
|
|
margin-top: -5px;
|
|
}
|
|
#auctionBidsModal #bidsBonusSection .img-lock, #auctionBidsModal #bidsBonusSection .img-lock-open{
|
|
display: none;
|
|
|
|
}
|
|
#auctionBidsModal #bidsBonusSection .img-lock img, #auctionBidsModal #bidsBonusSection .img-lock-open img{
|
|
margin-left: 5px;
|
|
width: 14px;
|
|
margin-top: -5px;
|
|
}
|
|
#auctionBidsModal #differenzaAsteDaConfermare{
|
|
color: #fff;
|
|
background-color: #FF0658;
|
|
border-radius: 40px;
|
|
width: 23px;
|
|
height: 23px;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
padding: 1px 2px;
|
|
display: inline-block;
|
|
font-size: 15px;
|
|
}
|
|
#auctionBidsModal #bonusEarned img{
|
|
width: 15px;
|
|
margin-left: 5px;
|
|
}
|
|
#auctionBidsModal .wrap-already-taken, #auctionBidsModal .bonus-yet-to-be-obtained{
|
|
display: none;
|
|
}
|
|
#auctionBidsModal .wrap-already-taken .txt-already-taken{
|
|
color: #797979;
|
|
}
|
|
#auctionBidsModal .bonus-yet-to-be-obtained{
|
|
color: #FF0658;
|
|
}
|
|
#auctionBidsModal #bonusEarned .wrap-details-bonus{
|
|
text-align: center;
|
|
margin: 7px 0;
|
|
}
|
|
#auctionBidsModal #modalConfirmSlotStopGame{
|
|
z-index: 11;
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
height: 130px;
|
|
background-color: #fff;
|
|
width: 270px;
|
|
margin: auto;
|
|
left: 0;
|
|
right: 0;
|
|
padding: 15px;
|
|
border-radius: 5px;
|
|
text-align: center;
|
|
display: none;
|
|
}
|
|
#auctionBidsModal #modalConfirmSlotStopGame .contentButton .btn{
|
|
padding: 2px 13px;
|
|
font-size: 12px;
|
|
color: #fff;
|
|
font-weight: bold;
|
|
margin: 3px;
|
|
}
|
|
#auctionBidsModal #modalConfirmSlotStopGame .contentButton .btn-confirm{
|
|
background-color: #55BC62
|
|
}
|
|
#auctionBidsModal #modalConfirmSlotStopGame .contentButton .btn-cancel{
|
|
background-color: #BFBFBF;
|
|
}
|
|
#auctionBidsModal #modalConfirmSlotStopGame .contentButton{
|
|
display: flex;
|
|
justify-content: center;
|
|
margin-top: 10px;
|
|
}
|
|
#auctionBidsModal #modalConfirmSlotStopGame .content{
|
|
font-size: 12px;
|
|
text-align: center;
|
|
}
|
|
#auctionBidsModal #modalConfirmSlotStopGame .title{
|
|
color: #FF0202;
|
|
text-align: center;
|
|
font-size: 13px;
|
|
font-weight: bold;
|
|
margin-bottom: 5px;
|
|
}
|
|
#auctionBidsModal .overlayModalConfirmSlotStopGame{
|
|
background: rgba(0,0,0,0.2);
|
|
top: 0;
|
|
left: 0;
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
display: none;
|
|
}
|