Welcome!

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

SignUp Now!

Префиксы тем

Лучше плохо начать, чем хорошо бездействовать
Ноя
2,303
1,734
Профессионал
Код:
.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,794
5,052
Команда форума
Администратор
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
    }
}
 
Сверху