- Katılım
- 5 Mart 2019
- Mesajlar
- 197
- Elmaslar
- 103
- Puanlar
- 4.060
- Minecraft
- Jcicosn
CSS:
/* Genel Pankart Ayarları */
.userBanner {
font-weight: 700;
border-radius: 30px 0;
padding: 1px 20px;
}
/* YETKILI PANKARTLARI */
.userBanner.yonetici {
background: linear-gradient(to right, #ed213a, #93291e);
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
font-family: 'Poppins', sans-serif;
color: white;
}
.userBanner.takimLideri {
background: linear-gradient(45deg, #1d4350, #a43931) !important;
font-family: 'Poppins', sans-serif;
color: white;
}
.userBanner.yirmibir {
background: linear-gradient(230deg, #232526, #0575e6);
background-size: 600% 600%;
color: #fff;
-webkit-animation: AnimationName 7s ease infinite;
-moz-animation: AnimationName 7s ease infinite;
animation: AnimationName 7s ease infinite;
}
@-webkit-keyframes AnimationName {
0% {
background-position: 0% 84%;
}
50% {
background-position: 100% 17%;
}
100% {
background-position: 0% 84%;
}
}
@-moz-keyframes AnimationName {
0% {
background-position: 0% 84%;
}
50% {
background-position: 100% 17%;
}
100% {
background-position: 0% 84%;
}
}
@keyframes AnimationName {
0% {
background-position: 0% 84%;
}
50% {
background-position: 100% 17%;
}
100% {
background-position: 0% 84%;
}
}
.userBanner.yy {
background-image: linear-gradient(-345645364deg, #ff0147 10%, #ff00bc 100%);
color: white;
}
.userBanner.forumyoneticisi {
background-color: #1e268c;
border-color: #1e268c;
color: white;
}
.userBanner.reklamyoneticisi {
background: linear-gradient(141deg, rgba(255, 67, 111, 0.86) 0%, rgba(220, 53, 53, 0.86) 51%, #ea4d4d 75%);
-webkit-animation: Animo 30s ease infinite !important;
-moz-animation: Animo 30s ease infinite !important;
animation: Animo 30s ease infinite !important;
color: #fff;
}
.userBanner.yardimsever {
background: linear-gradient(141deg, #f3b1bb 0%, #f1909e 51%, #ef7a8c 75%);
-webkit-animation: Animo 30s ease infinite !important;
-moz-animation: Animo 30s ease infinite !important;
animation: Animo 30s ease infinite !important;
color: #fff;
}
.userBanner.hostinggorevlisi {
color: white;
background: linear-gradient(158deg, #ff8177, #ff867a, #ff8c7f, #f99185, #cf556c, #b12a5b);
background-size: 1400% 1400%;
-webkit-animation: dunyaDonuyor 6s ease infinite;
-moz-animation: dunyaDonuyor 6s ease infinite;
-o-animation: dunyaDonuyor 6s ease infinite;
animation: dunyaDonuyor 6s ease infinite;
font-weight: 700 !important;
}
.userBanner.kalem {
background: linear-gradient(to right, #a5d6a4 1%, #11ffbd 80%);
color: white;
}
.userBanner.boss {
background: linear-gradient(to right, #fda085, #b993ff, #f6d365);
color: white;
}
.userBanner.pimin.ucunda {
background: linear-gradient(to right, #59c173, #a17fe0, #5d26c1);
color: white;
}
.userBanner.haftanin.yazari {
background: linear-gradient(to right, #74ebd5, #acb6e5);
color: white;
}
.userBanner.ayin.yetkilisi {
background: linear-gradient(to right, #00f260, #0575e6);
color: white;
}
.userBanner.toplulukLideri {
background: linear-gradient(123deg, #84b2ff, #fff781);
background-size: 1400% 1400%;
-webkit-animation: dunyaDonuyor 6s ease infinite;
-moz-animation: dunyaDonuyor 6s ease infinite;
-o-animation: dunyaDonuyor 6s ease infinite;
animation: dunyaDonuyor 6s ease infinite;
color: white;
}
.userBanner.etkinlik {
background: linear-gradient(to right, #4e9dff, #9a81ff) !important;
color: white;
}
.userBanner.DenemeEditor {
background-image: linear-gradient(to right, #86d8a7, #5cccc6) !important;
color: white;
}
.userBanner.YardimciEditor {
background: linear-gradient(to right, #a3d9ff, #60ffff) !important;
color: white;
}
.userBanner.NormalEditor {
background: linear-gradient(to right, #86ffc7, #7ddbff) !important;
color: white;
}
.userBanner.ProfesyonelEditor {
background: linear-gradient(to right, #cee0b0, #63e4bb) !important;
color: white;
}
.userBanner.UzmanEditor {
background: linear-gradient(to right, #c8d5f1, #21fdb6) !important;
color: white;
}
.userBanner.IcerikYoneticisi {
background: linear-gradient(to right, #50b5ef, #47efdf) !important;
color: white;
}
.userBanner.EditorSefi {
background: linear-gradient(to right, #a0eaac, #68f8ff) !important;
color: white;
}
.userBanner.DenemeModerator {
background: linear-gradient(to right, #86d8d8, #5c82cc) !important;
color: white;
}
.userBanner.BolumModeratoru {
background: linear-gradient(to right, #4b74e0, #309a9a) !important;
color: white;
}
.userBanner.GenelModerator {
background: linear-gradient(to right, #55b3ff, #78d4ff) !important;
color: white;
}
.userBanner.ModeratorMufettisi {
background: linear-gradient(to right, #3b87e0, #1be2e2) !important;
color: white;
}
.userBanner.ModeratorSefi {
background: linear-gradient(to right, #7575ff, #37c5c5) !important;
color: white;
}
.userBanner.DenemeDestek {
background: linear-gradient(to right, #ff8e8e, #f19d36) !important;
color: white;
}
.userBanner.BolumDestegi {
background: linear-gradient(to right, #f5e285, #fd974e) !important;
color: white;
}
.userBanner.GenelDestek {
background: linear-gradient(to right, #ffab55, #ffcf78) !important;
color: white;
}
.userBanner.DestekMüfettisi {
background: linear-gradient(to right, #ffb37c, #ffa977) !important;
color: white;
}
.userBanner.DestekSefi {
background: linear-gradient(to right, #ff88ba, #ff9664) !important;
color: white;
}
/* KULLANICI PANKARTLARI */
.userBanner.gelistirici {
color: white;
background: linear-gradient(159deg, #ffb230, #ff66b6);
background-size: 400% 400%;
-webkit-animation: dunyaDonuyor 6s ease infinite;
-moz-animation: dunyaDonuyor 6s ease infinite;
-o-animation: dunyaDonuyor 6s ease infinite;
animation: dunyaDonuyor 6s ease infinite;
font-weight: 900;
}
.userBanner.gelistirici > strong > .fas {
font-size: 70%;
}
.userBanner.yarisma {
color: white;
background: linear-gradient(to right, #009fff, #ec2f4b);
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
background-size: 1200% 1200% !important;
-webkit-animation: Animo 30s ease infinite !important;
-moz-animation: Animo 30s ease infinite !important;
animation: Animo 30s ease infinite !important;
font-weight: 900;
}
.userBanner.premium {
color: white;
background: linear-gradient(158deg, #ff0000, #ff005c, #ff00a0, #cc00ff, #7d00ff, #000aff, #00e0ff);
background-size: 1400% 1400%;
-webkit-animation: dunyaDonuyor 6s ease infinite;
-moz-animation: dunyaDonuyor 6s ease infinite;
-o-animation: dunyaDonuyor 6s ease infinite;
animation: dunyaDonuyor 6s ease infinite;
font-weight: 900;
}
.userBanner.seckinUye {
color: white;
background: linear-gradient(67deg, #e81af3, #f31a65, #3c1af3, #1ac1f3, #1af382, #01d900);
background-size: 1200% 1200%;
-webkit-animation: dunyaDonuyor 8s ease infinite;
-moz-animation: dunyaDonuyor 8s ease infinite;
-o-animation: dunyaDonuyor 8s ease infinite;
animation: dunyaDonuyor 8s ease infinite;
font-weight: 900;
}
.userBanner.emekli {
background-color: #20b2aa;
border-color: #20b2aa;
color: white;
}
.userBanner.firma {
background-color: black;
border-color: black;
color: white;
}
.userBanner.onaylisatici {
background-image: linear-gradient(45deg, #74ebd5, #acb6e5) !important;
color: white;
}
.userBanner.susturuldu {
background: #c0c0c0;
border-radius: 50px 0px 50px 0px;
color: #000000;
}
.userBanner.userBanner--tpm {
background-image: linear-gradient(to right, #ffd18c, #ffe689);
color: white;
font-size: 11px;
font-weight: 600;
font-style: normal;
padding: 2px 51px;
margin-top: 3px;
border: 1px solid transparent;
border-radius: 50px 0px 50px 0px;
font-family: 'Poppins Medium', sans-serif;
letter-spacing: 0.5px;
text-align: center;
display: inline-block;
}
.userBanner.yasaklandi {
background: #c0c0c0;
border-radius: 50px 0px 50px 0px;
color: #000000;
}
@-webkit-keyframes dunyaDonuyor {
0% {
background-position: 26% 0%;
}
50% {
background-position: 75% 100%;
}
100% {
background-position: 26% 0%;
}
}
@-moz-keyframes dunyaDonuyor {
0% {
background-position: 26% 0%;
}
50% {
background-position: 75% 100%;
}
100% {
background-position: 26% 0%;
}
}
@-o-keyframes dunyaDonuyor {
0% {
background-position: 26% 0%;
}
50% {
background-position: 75% 100%;
}
100% {
background-position: 26% 0%;
}
}
@keyframes dunyaDonuyor {
0% {
background-position: 26% 0%;
}
50% {
background-position: 75% 100%;
}
100% {
background-position: 26% 0%;
}
}
@-webkit-keyframes Animo {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
@-moz-keyframes Animo {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
@keyframes Animo {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}