- Янв
- 32
- 0
Пользователь
3.1. Заголовок темы должен отражать основную суть темы.
Ищу префиксы и баннеры суровой россии
Последнее редактирование модератором:
By registering with us, you'll be able to discuss, share and private message with other members of our community.
SignUp Now!.prefix
{
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 3px 6px;
font-size: 66%;
font-weight: 700;
line-height: 1.2;
text-transform: uppercase;
letter-spacing: 0.3px;
border: none;
border-radius: 10px;
text-align: center;
z-index: 1;
cursor: pointer;
background-size: 600% 600%;
animation: AnimBanner 10s ease infinite;
color: #fff;
&:hover
{
transform: translateY(-2px) scale(1.05);
transition: all .3s cubic-bezier(.4, 0, .2, 1);
}
&:active
{
transform: translateY(1px) scale(.98);
}
&.information
{
background-image: linear-gradient(270deg, #ff6347, #ffa500, #ff6347);
&.staff
{
border-radius: 30px;
background-image: linear-gradient(270deg, #f00, #ff6347, #f00);
background-size: 900% 900%;
}
}
&.rejected
{
background-image: linear-gradient(270deg, #ff416c, #ff4b2b, #ff416c);
}
&.important
{
background-size: 900% 900%;
animation: AnimBanner 8s ease infinite;
background-image: linear-gradient(270deg, #f00, #ff6347, #f00);
}
&.approved
{
background-image: linear-gradient(270deg, #00b09b, #96c93d, #00b09b);
}
&.consideration
{
background-image: linear-gradient(270deg, #ffa500, #ff8c00, #ffa500);
}
&.reviewed
{
background-image: linear-gradient(270deg, #4a00e0, #8e2de2, #4a00e0);
}
&.open
{
background-image: linear-gradient(270deg, #00b09b, #96c93d, #00b09b);
}
&.closed
{
background-image: linear-gradient(270deg, #8b0000, #b22222, #8b0000);
}
&.solved
{
color: #1a1a1a;
background-image: linear-gradient(270deg, #acb6e5, #86fde8, #acb6e5);
}
&.viewed
{
background-image: linear-gradient(270deg, #616161, #9e9e9e, #616161);
}
&.event
{
background-image: linear-gradient(270deg, #ff0080, #ff8c00, #ff0080);
}
&.music
{
background-image: linear-gradient(270deg, #a0f, #f0a, #a0f);
}
&.preftm, &.prefga, &.prefca
{
background-image: linear-gradient(270deg, #dc143c, #ff4500, #dc143c);
}
&.preftc
{
background-image: linear-gradient(270deg, #ff8c00, #ffa500, #ff8c00);
}
&.relis
{
background-image: linear-gradient(270deg, #2e7d32, #4caf50, #2e7d32);
}
&.npass
{
background-image: linear-gradient(270deg, #b8860b, #daa520, #b8860b);
}
}
@keyframes AnimBanner
{
0%, 100%
{
background-position: 0% 50%;
}
50%
{
background-position: 100% 50%;
}
}
@media (max-width: @xf-responsiveMedium)
{
.prefix
{
padding: 4px 8px;
font-size: 70%;
border-radius: 10px;
}
}
@media (max-width: @xf-responsiveNarrow)
{
.prefix
{
padding: 3px 7px;
font-size: 68%;
letter-spacing: 0.3px;
}
}