xXx

Hexid M1n1 5h3ll MobiLe

home/gpuma/abanderado.grupopuma.com/laravel/resources/sass/_[ Writable ]

File:/home/gpuma/abanderado.grupopuma.com/laravel/resources/sass/_prizes.scss

.nav-prizes {
    max-width: 600px;
    margin: 0 auto;
}

.prizes-blocked-message {
    border: 2px solid #e3342f;
    background-color: #ffe3db;

    .alert-heading,
    .alert-desc {
        color: #e3342f;
    }

    .alert-heading {
        text-transform: uppercase;
    }

    p {        
        margin-bottom: 3px;
        font-size: .8rem;
    }

    small {
        color: #111;
    }

    .progress {
        background-color: #fff;
    }
}


.list-group-prices {
    
    /**
     * Estilos apagados para items bloqueados
     */
    .prize-not-purchasable {
        border: 1px solid #ccc;

        img {
            -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
            filter: grayscale(100%);
            opacity: .6;
        }
    }

    /**
     * Items que se pueden comprar
     */
    .prize-purchasable {
        border: 1px solid $puma;
    }
    h2 {
        font-size: 1.5rem;
        margin-top: .5rem;
    }

    .prize-action-wrapper {
        text-align: center;
    }
}

.levels-availability {
    border-bottom: 1px solid #eee;
    margin-bottom: .8rem;
    padding: .5rem 0;

    .title {
        margin-bottom: 0;
        color: #666;
    }
}

/**
 * Solicitud de premios
 */
.prize-request-wrapper {
    max-width: 600px;
    box-shadow: 0px 0px 10px #ccc;
    padding: 2em 1em;
    background-color: #fff;
    border-radius: 6px;
    text-align: center;
    margin: 2em auto;

    h2 {
        font-weight: bold;
        margin-bottom: 1.5em;
    }

    .form-make-prize-request {
        border-top: 1px solid #eee;
        margin-top: 2em;
        padding-top: 1em;

        .btn {
            padding-left: 2.5em;
            padding-right: 2.5em;
        }
    }
}

.prize-request-block {
    .label {
        margin-bottom: 5px;
        color: #666;
    }

    .value {
        font-weight: bold;
        font-size: 1.3em;
        margin-bottom: 0;
    }

    .unit {
        color: #666;
    }
}

.text-color-gift {
    color: $gift_points_color;
}

.prize-request-block-gift {
    color: $gift_points_color;

    .label,
    .value,
    .unit {
        color: $gift_points_color;
    }
}


/*
####################################################
M E D I A  Q U E R I E S
####################################################
*/
 
/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Bootstrap 4 breakpoints
*/
 
/* 
Extra small devices (portrait phones, less than 576px) 
No media query since this is the default in Bootstrap because it is "mobile first"
*/
 
 
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  
 
}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
 
}
 
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    .list-group-prices {
        h2 {
            font-size: 1.8rem;
        }
    }
}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
    
}
 
 
/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Custom media queries
*/
 
/* Set width to make card deck cards 100% width */
@media (max-width: 950px) { 
 
}

Your Access Expired	Date. in : 13-09-2025
Regist : 09-12-2024	Expired : 01-12-2027