Welcome!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!

Префиксы тем

Лучше плохо начать, чем хорошо бездействовать
Ноя
2,660
2,620
Профессионал
Код:
.pgreen {
background-image: linear-gradient(150deg, #32cd32, #008000);
color: white;
text-transform: uppercase;
font-size: 66%;
padding: 3px 6px;
border-radius: 10px;
text-align: center;
box-shadow: 0px 0px 6px #32cd32
}

.porange {
background-image: linear-gradient(150deg, #ffbf00, #ff9800);
color: white;
text-transform: uppercase;
font-size: 66%;
padding: 3px 6px;
border-radius: 10px;
text-align: center;
box-shadow: 0px 0px 6px #ff9800
}

.paqua {
background-image: linear-gradient(150deg, #03a9f4, #2ebcfc);
color: white;
text-transform: uppercase;
font-size: 66%;
padding: 3px 6px;
border-radius: 10px;
text-align: center;
box-shadow: 0px 0px 6px #03a9f4
}

.pred {
background-image: linear-gradient(150deg, #f00, #b22222);
color: white;
text-transform: uppercase;
font-size: 66%;
padding: 3px 6px;
border-radius: 10px;
text-align: center;
box-shadow: 0px 0px 6px #f00
}

.ypred {
background-image: linear-gradient(150deg, #ffe218, #ffc018);
color: black;
text-transform: uppercase;
font-size: 66%;
padding: 3px 6px;
border-radius: 10px;
text-align: center;
box-shadow: 0px 0px 6px #ffc018
}

.bpred {
background-image: linear-gradient(150deg, #1844ff, #186fff);
color: white;
text-transform: uppercase;
font-size: 66%;
padding: 3px 6px;
border-radius: 10px;
text-align: center;
box-shadow: 0px 0px 6px #1844ff
}
 
Ноя
1,959
6,433
Команда форума
Администратор
Less:
.gradientBanner {
    font-size: 80%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 3px;
    border: 1px solid transparent;
    border-radius: 2px;
    text-align: center;
    display: inline-block;
    
    &.red
    {
        box-shadow: 0px 0px 5px #f00;
        background-color: #ff0000;
        border-color: #ff0000;
        color: #fff
    }
    
    &.green
    {
        box-shadow: 0px 0px 5px #008000;
        background-color: green;
        border-color: green;
        color: #fff
    }
    
    &.yellow
    {
        box-shadow: 0px 0px 5px #fdc000;
        background-color: #Fdc000;
        border-color: #Fdc000;
        color: #fff
    }
    
    &.white
    {
        box-shadow: 0px 0px 5px #ababab;
        background-color: #ababab;
        border-color: #ababab;
        color: #fff
    }
    
    &.ber
    {
        box-shadow: 0px 0px 5px #20dcd9;
        background-color: #20DCD9;
        border-color: #20DCD9;
        color: #fff
    }
}
 
Сверху