.hediye_cark {
width: 320px;
height: 320px;
margin: 0 auto;
background-color: #ccc;
border-radius:50%;
border: 15px solid #dde;
position: relative;
overflow: hidden;
transition: 5s;
}
.hediye_cark div{
height:50%;
width: 168px;
position: absolute;
clip-path: polygon(100% 0 , 50% 100% , 0 0 );
transform:translateX(-50%);
transform-origin:bottom;
text-align:center;
display:flex;
align-items: center;
justify-content: center;
font-size:20px;
font-weight:bold;
font-family:sans-serif;
color:#fff;
left: 62px;
}
.hediye_cark span{color: #00000080;display: inline-block; /* Bu, transform özelliğinin çalışmasını sağlar */transform: rotate(90deg); /* Metni saat yönünde 90 derece döndürür */ /* Döndürme noktasını sol üst köşeye ayarlar */ /* Metnin bir satırda kalmasını sağlar */font-size: 22px;}
.hediye_cark img {
width: 20px;
height: 20px;
:;
vertical-align: middle; */ */ */
}
.hediye_cark .one{
background-color: #ff2244;
left:50%;
}
.hediye_cark .two{
background-color: #00bb88;
transform: rotate(60deg);
}
.hediye_cark .three{
background-color: #ffcc44;
transform:rotate(120deg);
}
.hediye_cark .four{
background-color: #ff2244;
transform: rotate(180deg);
}
.hediye_cark .five{
background-color: #00bb88;
transform: rotate(240deg);
}
.hediye_cark .six{
background-color: #ffcc44;
transform: rotate(300deg);
}
.hediye_cark_arrow{
position: absolute;
top:0;
left:50%;
transform: translateX(-50%);
font-size: 50px;
color: #333;
z-index: 9999;
}
#hediye_cark_spin{
position: absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
z-index:10;
background-color: #e2e2e2;
text-transform: uppercase;
border:8px solid #fff;
font-weight:bold;
font-size: 8px;
color:#a2a2a2;
width: 60px;
height: 60px;
font-family: sans-serif;
border-radius:50%;
cursor: pointer;
outline:none;
letter-spacing: 1px;
}
.hediye_cark_metin {
text-align: center;
margin: 20px 10% 0 10%;
padding: 10px 0;
color: #00bb88;
font-weight: bold;
background: #dde;
border-radius: 6px;
}
.profile_avatar{
display: block;
margin: 0 auto;
}
.avatar_spin{
border-radius: 50%;
}
.state_profile{
width: 18px;
height: 18px;
right: 15px;
}
.profile_tinfo{
display: block;
padding: 10px;
}
.pdetails{
text-align: center;
}
#profile_like{
width: auto;
margin: 0 auto;
}
#room_call {
width: 320px;
height: 410px;
padding: 25px 15px 20px 15px;
position: absolute;
left: 0;
bottom: 85px;
z-index: 202;
display: none;
text-align: initial;
box-shadow: 0 -1px 8px 0 rgba(0, 0, 0, .1);
border-radius: .25rem;
overflow: hidden;
resize:
vertical;
}
#room_call_iframe {
padding: 0;
margin: 0;
border: 0;
display: block;
width: 100%;
height: 100%;
}
.room_call_button {
padding: 6px 12px;
border-radius: 5px;
cursor: pointer;
}
.room_call_body {
background: none;
color: #333;
}
.room_call_baslik {
height: 40px;
margin-bottom: 5px;
border-bottom: 1px solid rgb(0 0 0 / 4%);
}
.room_call_room {
font-size: 16px;
font-weight: 700;
}
.room_call_icon {
font-size: 20px;
vertical-align: middle;
}
.room_call_name {
margin-right: 2px;
vertical-align: middle;
}
#room_call_streams {
height: 248px;
overflow-y: auto;
}
.room_call .kick_user {
cursor: pointer;
height: 20px;
width: 20px;
margin-right: 5px;
}
.room_call .ulist_item {
position: relative;
display: table;
}
.room_call .ulist_name {
padding: 0 10px;
}
.room_call_kick_button {
padding: 6px 12px;
font-size: 12px;
border-radius: 5px;
}
.room_call_star {
position: absolute;
top: 26px;
left: 28px;
width: 7px;
height: 7px;
background-color: #c8bb2d;
-webkit-clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
transform: translate(-50%, -50%) rotate(0) translate(calc(50% - 31px));
}
.vcall_kick {
height: 20px;
width: 20px;
margin-right: 5px;
}
.room_call .ulist_avatar img {
width: 36px;
height: 36px;
}
.room_call_modal {
padding: 20px 10px 10px 10px;
margin: 5px;
position: fixed;
z-index: 9999;
border-radius: 5px;
display: none;
}
.translated_message {
background:rgb(0,0,0,0.05) !important;padding:6px; border-radius:5px; max-width:100%;
}
.frame_choice .bccheck {
color: red;
margin-top: 14px;
}
.usernickefect1 {
background: url(../default_images/nickefekt/sus1.gif);
color: #000;
}
.usernickefect2 {
background: url(../default_images/nickefekt/sus2.gif);
color: #000;
}
.usernickefect3 {
background: url(../default_images/nickefekt/sus3.gif);
color: #000;
}
.usernickefect4 {
background: url(../default_images/nickefekt/sus4.gif);
color: #000;
}
.usernickefect5 {
background: url(../default_images/nickefekt/sus5.gif);
color: #000;
}
.usernickefect6 {
background: url(../default_images/nickefekt/sus6.gif);
color: #000;
}
.usernickefect7 {
background: url(../default_images/nickefekt/sus7.gif);
color: #000;
}
.usernickefect8 {
background: url(../default_images/nickefekt/sus8.gif);
color: #000;
}
.usernickefect9 {
background: url(../default_images/nickefekt/sus9.gif);
color: #000;
}
.usernickefect10 {
background: url(../default_images/nickefekt/sus10.gif);
color: #000;
}
.usernickefect11 {
background: url(../default_images/nickefekt/sus11.gif);
color: #000;
}
.usernickefect12 {
background: url(../default_images/nickefekt/sus12.gif);
color: #000;
}
.usernickefect13 {
background: url(../default_images/nickefekt/sus13.gif);
color: #000;
}
.usernickefect14 {
background: url(../default_images/nickefekt/sus14.gif);
color: #000;
}
.progress-bar {
width: 132px;
height: 12px;
margin-top: 0;
border: 1px solid #565656;
border-radius: 5px;
box-shadow: 0 0 4px rgb(3 173 216);
display: -webkit-inline-box
}
.percentage {
display: block;
height: 100%;
background-color: #03add8;
border-radius: 10px;
animation: progress 1500ms ease-in 1
}
.c {
width: 35%;
--space: 10
}
@keyframes progress {
from {
width: 0
}
}
.serverstabil {
width: 0;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: space-between;
justify-content: space-around;
align-items: flex-start;
font-size: 9px
}
.box {
width: 250px;
height: 200px;
position: absolute;
left: calc(50% - 125px);
top: calc(50% - 100px);
left: -webkit-calc(50% - 125px);
top: -webkit-calc(50% - 100px)
}
.box span {
font-family: lato,sans-serif;
font-weight: 300;
font-size: 20px;
position: absolute
}
.box span:nth-child(2) {
top: 2px;
left: 125px
}
.box span:nth-child(7) {
top: 85px;
left: 125px
}
.box span:nth-child(12) {
top: 165px;
left: 125px
}
.server {
width: 110px;
height: 7px;
border-radius: 1px
}
.server:first-child ul li {
width: 6px;
height: 6px;
float: left;
margin-left: 10px;
margin-top: 12px;
background: rgba(149,244,118,.6)
}
.server ul li:first-child {
-webkit-animation: pattern1 .14s linear infinite
}
.server ul li:nth-child(2) {
-webkit-animation: pattern1 .14s .02s linear infinite
}
.server ul li:last-child {
-webkit-animation: pattern1 .14s .05s linear infinite
}
@-webkit-keyframes pattern1 {
0% {
background: rgba(149,244,118,.6)
}
100% {
background: #95f476
}
}
.warning ul li {
width: 6px;
height: 6px;
float: left;
margin-left: 10px;
margin-top: 12px;
background: rgba(245,190,0,.6)
}
.warning ul li:first-child {
-webkit-animation: pattern2 .14s linear infinite
}
.warning ul li:nth-child(2) {
-webkit-animation: pattern2 .14s .02s linear infinite
}
.warning ul li:last-child {
-webkit-animation: pattern2 .14s .05s linear infinite
}
@-webkit-keyframes pattern2 {
0% {
background: rgba(245,190,0,.6)
}
100% {
background: #f5be00
}
}
.error ul li {
width: 11px;
height: 12px;
float: left;
margin-left: 0;
margin-top: 8px;
background: #0cf;
border-radius: 16px;
box-shadow: 0 0 4px rgb(32 119 209)
}
.error ul li:first-child {
-webkit-animation: pattern3 .9s linear infinite
}
.error ul li:nth-child(2) {
-webkit-animation: pattern3 .9s linear infinite
}
.error ul li:last-child {
-webkit-animation: pattern3 .9s linear infinite
}
@-webkit-keyframes pattern3 {
0% {
background: rgba(236,69,62,.6)
}
80% {
background: #0aff22
}
100% {
background: #ec453e
}
}
.status-attrs {
margin: 8px 16px;
border-radius: .25rem;
border: 1px solid rgba(0,0,0,.13);
padding: 8px 8px 4px;
font-size: .8rem;
color: #777
}
.dark .status-attrs {
border: 1px solid hsla(0,0%,100%,.13);
color: hsla(0,0%,100%,.8)
}
.status-attr {
margin-bottom: 4px;
display: flex;
flex-direction: row;
border-bottom: 1px solid rgba(0,0,0,.07);
padding-bottom: 4px
}
.dark .status-attr {
border-bottom: 1px solid hsla(0,0%,100%,.13)
}
.status-attr:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none
}
.status-attr-inner {
flex: 1 1
}
.status-attr-inner i {
width: 1.5rem;
height: 1.5rem;
line-height: 1.5rem;
background: rgba(0,0,0,.07);
border-radius: 50%;
text-align: center;
margin-right: 4px;
padding: 4px
}
.dark .status-attr-inner i {
background: hsla(0,0%,100%,.07)
}
.user-cards-title {
padding: 8px 8px 0;
font-weight: 700;
color: #136c83
}
.user-cards-title-general {
padding-left: 16px;
padding-bottom: 0
}
.user-cards-title-rank {
padding: 20px 12px 6px 8px
}
.user-cards-owner {
margin-left: 16px;
margin-right: 16px;
border-radius: .5rem;
padding: 10px;
color: rgba(0,0,0,.6);
border: 1px solid rgba(0,0,0,.13);
margin-top: 3px
}
@media screen and (max-width: 769px) {
#footer_yetkili_list {
display:none!important
}
}
#footer_yetkili_list.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
position: relative;
z-index: 1;
height: 50px
}
#footer_yetkili_list.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
-moz-backface-visibility: hidden
}
#footer_yetkili_list.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
#footer_yetkili_list.owl-carousel .owl-stage-outer {
width: 180px;
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0,0,0)
}
#footer_yetkili_list.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
padding: 6px;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none
}
#footer_yetkili_list.owl-carousel .owl-item,.owl-carousel .owl-wrapper {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0)
}
#footer_yetkili_list.owl-carousel .owl-item img {
display: block;
width: 95%
}
#footer_yetkili_list.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled {
display: none
}
#footer_yetkili_list.owl-carousel.owl-loaded {
display: block
}
#footer_yetkili_list.owl-carousel.owl-loading {
opacity: 0;
display: block
}
#footer_yetkili_list.owl-carousel.owl-hidden {
opacity: 0
}
#footer_yetkili_list.owl-carousel.owl-refresh .owl-item {
visibility: hidden
}
#footer_yetkili_list.owl-carousel.owl-drag .owl-item {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
#footer_yetkili_list.owl-carousel.owl-grab {
cursor: move;
cursor: grab
}
#footer_yetkili_list.owl-carousel.owl-rtl {
direction: rtl
}
#footer_yetkili_list.owl-carousel.owl-rtl .owl-item {
float: right
}
#footer_yetkili_list.no-js .owl-carousel {
display: block
}
#footer_yetkili_list.owl-carousel .animated {
animation-duration: 1s;
animation-fill-mode: both
}
#footer_yetkili_list.owl-carousel .owl-animated-in {
z-index: 0
}
#footer_yetkili_list.owl-carousel .owl-animated-out {
z-index: 1
}
#footer_yetkili_list.owl-carousel .fadeOut {
animation-name: fadeOut
}
.owl-height {
transition: height .5s ease-in-out
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity .4s ease
}
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d
}
.owl-carousel:not(.owl-loaded) {
opacity: 0;
visibility: hidden;
height: 0
}
.siteback1,.sbg1 { background: linear-gradient(to right,#40e0d0,#ff8c00, #ff0080)!important ;}
.siteback2,.sbg2 { background: linear-gradient(to right,#11998e,#38ef7d)!important ;}
.siteback3,.sbg3 { background: linear-gradient(to right,#fc466b,#3f5efb)!important ;}
.siteback4,.sbg4 { background: linear-gradient(to right,#00f260,#0575e6)!important ;}
.siteback5,.sbg5 { background: linear-gradient(to right,#fc4a1a,#f7b733)!important ;}
.siteback6,.sbg6 { background: linear-gradient(to right,#22c1c3,#fdbb2d)!important ;}
.siteback7,.sbg7 { background: linear-gradient(to right,#7f00ff,#e100ff)!important ;}
.siteback8,.sbg8 { background: linear-gradient(to right,#ee0979,#ff6a00)!important ;}
.siteback9,.sbg9 { background: linear-gradient(to right,#00c3ff,#ffff1c)!important ;}
.siteback10,.sbg10 { background: linear-gradient(to right,#fc00ff,#00dbde)!important ;}
.siteback11,.sbg11 { background: linear-gradient(to right,#833ab4,#fd1d1d, #fcb045)!important ;}
.siteback12,.sbg12 { background: linear-gradient(to right,#bdc3c7,#2c3e50)!important ;}
.siteback13,.sbg13 { background: linear-gradient(to right,#373B44,#4286f4)!important ;}
.siteback14,.sbg14 { background: linear-gradient(to right,#FF0099,#493240)!important ;}
.siteback15,.sbg15 { background: linear-gradient(to right,#f953c6,#b91d73)!important ;}
.siteback16,.sbg16 { background: linear-gradient(to right,#dd3e54,#6be585)!important ;}
.siteback17,.sbg17 { background: linear-gradient(to right,#8360c3,#2ebf91)!important ;}
.siteback18,.sbg18 { background: linear-gradient(to right,#544a7d,#ffd452)!important ;}
.siteback19,.sbg19 { background: linear-gradient(to right,#009FFF,#ec2F4B)!important ;}
.siteback20,.sbg20 { background: linear-gradient(to right,#59C173,#a17fe0,#5D26C1)!important ;}
.siteback21,.sbg21 { background: linear-gradient(to right,#a8c0ff,#3f2b96)!important ;}
.siteback22,.sbg22 { background: linear-gradient(45deg, #FF0000 0%, #FFA600 50%, #ff0000 100%)!important ;}
.siteback23,.sbg23 { background: linear-gradient(to right,#108dc7,#ef8e38)!important ;}
.siteback24,.sbg24 { background: linear-gradient(to right,#FF0099,#0575E6)!important ;}
.siteback25,.sbg25 { background: linear-gradient(to right,#667db6,#0082c8,#ec38bc,#fdeff9)!important ;}
.siteback26,.sbg26 { background: linear-gradient(to right,#03001e,#7303c0,#ec38bc,#fdeff9)!important ;}
.siteback27,.sbg27 { background: linear-gradient(to right,#1a2a6c,#b21f1f,#fdbb2d)!important ;}
.siteback28,.sbg28 { background: linear-gradient(to right,#3A1C71,#D76D77,#FFAF7B)!important ;}
.siteback29,.sbg29 { background: linear-gradient(to right,#EB5757,#333)!important ;}
.siteback30,.sbg30 { background: linear-gradient(to right,#20002c,#cbb4d4)!important ;}
.siteback31,.sbg31 { background: linear-gradient(to right,#34e89e,#0f3443)!important ;}
.siteback32,.sbg32 { background: linear-gradient(to right,#bdc3c7,#2c3e50)!important ;}
.siteback33,.sbg33 { background: linear-gradient(to right,#a80077,#66ff00)!important ;}
.siteback34,.sbg34 { background: linear-gradient(to bottom, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%)!important ;}
.siteback35,.sbg35 { background: linear-gradient(to top, #a241b7, #7f68d7, #5186e9, #1b9eef, #12b2eb)!important ;}
.siteback36,.sbg36 { background: linear-gradient(to bottom, #845EC2 0%, #D65DB1 0%, #FF6F91 51%, #FF9671 100%)!important ;}
.siteback38,.sbg38 { background: linear-gradient(330deg, #e05252 0%, #99e052 25%, #52e0e0 50%, #9952e0 75%, #e05252 100%)!important ;}
.siteback39,.sbg39 { background: linear-gradient(to bottom, #051937, #004d7a, #008793, #00bf72, #a8eb12)!important ;}
.siteback40,.sbg40 { background: linear-gradient(45deg, #222 0%, #FFA600 50%, #222 100%)!important ;}
#site_color{
padding: 0px 5px 5px 5px;
}
.site_color_switch {
float: left;
width: 11.6px;
height: 11.6px;
border-radius: 11.6px;
margin: 1px;
position: relative;
text-align: center;
}
.sub_list_blog {
width: 40px;
display: table-cell;
vertical-align: middle;
text-align: center;
position: relative
}
.sub_list_blog img {
width: 40px;
height: 40px;
display: block
}
.blog_listing {
border-radius: 5px
}
.defaultflash1 {
text-transform:uppercase;
font-weight:700;
font-size:20px;
background:linear-gradient(to right,#095fab 10%,#25abe8 50%,#57d75b 60%);
background-size:200% auto;
color:#fff;
background-clip:text;
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
animation:textclip 1.5s linear infinite;
display:inline-block;
}
@keyframes textclip {
to {
background-position:200% center;
}
}
.defaultflash2 {
font-size:20px;
background:linear-gradient(110deg,#bc0000 33%,rgba(0,0,0,0) 33%),linear-gradient(110deg,#ffffff 34%,#121108 34%);
background-size:400%;
-webkit-text-fill-color:transparent;
background-clip:text;
-webkit-background-clip:text;
animation:labarow 1.5s ease infinite;
-webkit-animation:labarow 1.5s ease infinite;
-moz-animation:labarow 1.5s ease infinite;
}
@keyframes labarow {
0% {
background-position:10% 40%
}
50% {
background-position:25% 60%
}
100% {
background-position:30% 100%
}
}
.defaultflash3 {
font-size:20px;
font-weight:bold !important;
text-shadow:0 0 80px rgba(255,255,255,.5);
background:url(../default_images/flashnick/pp1.png) repeat-y;
-webkit-background-clip:text;
background-clip:text;
-webkit-text-fill-color:transparent;
-webkit-animation:aitf 80s linear infinite;
animation:aitf 80s linear infinite;
-webkit-transform:translate3d(0,0,0);
-webkit-backface-visibility:hidden;
transform:translate3d(0,0,0);
backface-visibility:hidden;
text-transform:uppercase;
letter-spacing:2px;
}
@-webkit-keyframes aitf {
0% {
background-position:0% 60%;
}
100% {
background-position:100% 50%;
}
}
.defaultflash4 {
font-size:20px;
letter-spacing:1px;
background-image:url(../default_images/flashnick/pp.gif);
background-size:cover;
color:transparent;
background-clip:text;
-moz-background-clip:text;
-webkit-background-clip:text;
text-transform:uppercase;
}
.defaultflash5 {
font-size:20px;
text-transform:uppercase;
text-decoration:underline;
color:transparent;
-webkit-text-stroke:#000;
-webkit-text-stroke-width:1px;
text-shadow:2px 2px 2px #2962ff;
transition:all 0.5s ease-in-out;
text-align:center;
letter-spacing:0.2em;
animation:flicker 0.5s ease-in-out infinite alternate;
}
@keyframes flicker {
0% {
opacity:0.5;
text-shadow:2px 2px 2px #2962ff;
}
100% {
opacity:1;
text-shadow:2px 2px 5px #2962ff;
}
}
.defaultflash6 {
text-transform:uppercase;
background-image:linear-gradient(-225deg,#231557 0%,#44107a 29%,#ff1361 67%,#fff800 100%);
background-size:auto auto;
background-clip:border-box;
background-size:200% auto;
letter-spacing:2px;
color:#fff;
background-clip:text;
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
animation:textclip 2s linear infinite;
display:inline-block;
font-size:20px;
}
@keyframes textclip {
to {
background-position:200% center;
}
}
.defaultflash7 {
color:blue;
font-size:20px;
font-weight:700;
text-transform:uppercase;
filter:blur(0.1rem);
animation:letterspacing 5s infinite alternate cubic-bezier(.2,0,0,1);
}
@keyframes letterspacing {
0% {
letter-spacing:-1rem;
filter:blur(0.1rem);
}
50% {
filter:blur(0.1rem);
}
100% {
letter-spacing:1rem;
filter:blur(0rem);
}
}
.defaultflash8 {
color:#ff0000;
font-size:20px;
position:relative;
text-transform:uppercase;
-webkit-text-stroke:0.1vw #000000;
}
.defaultflash8::before {
top:0;
left:0;
width:0;
height:100%;
color:#01cbff;
overflow:hidden;
position:absolute;
content:attr(data-text);
border-right:2px solid #000000;
-webkit-text-stroke:0vw #f7f7fe;
animation:animate 6s linear infinite;
}
@keyframes animate {
0%,10%,100% {
width:0;
}
70%,90% {
width:100%;
}
}
.defaultflash9 {
color:transparent;
font-size:20px;
display:inline-block;
border-radius:3px;
background-color:#1d3557;
position:relative;
-webkit-background-clip:text;
background-clip:text;
}
.defaultflash9:before {
content:attr(data-text);
background:linear-gradient(90deg,rgba(245,137,21,1) 0%,rgba(253,29,29,1) 51%,rgba(29,53,87,1) 100%);
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
width:0;
background-clip:text;
-webkit-background-clip:text;
transition:all 1s ease-in-out;
animation:text-animation 3s infinite;
}
@keyframes text-animation {
0% {
width:0;
}
50% {
width:100%;
}
100% {
width:0;
}
}
.defaultflash10 {
text-align:center;
font-size:20px;
color:#ff0000;
letter-spacing:-1px;
font-weight:700;
text-transform:uppercase;
animation:blura 2s ease-out infinite;
text-shadow:0px 0px 1px #fff,0px 0px 2px #fff;
}
@keyframes blura {
from {
text-shadow:0px 0px 2px #fff,0px 0px 2px #fff,0px 0px 4px #fff,0px 0px 4px #fff,0px 0px 4px #fff,0px 0px 4px #fff,0px 0px 4px #fff,0px 0px 4px #fff,0px 0px 8px #fff,0px 0px 8px #fff,0px 0px 8px #7B96B8,0px 0px 16px #7B96B8,0px 10px 10px #7B96B8,0px 10px 10px #7B96B8,0px 10px 10px #7B96B8,0px 10px 10px #7B96B8,0px -10px 10px #7B96B8,0px -10px 10px #7B96B8;
}
}
.defaultflash11 {
position:relative;
color:#262626;
padding:5px 12px;
font-size:20px;
font-weight:700;
}
.defaultflash11:before {
background:#262626;
color:white;
content:attr(data-text);
overflow:hidden;
position:absolute;
top:0;
left:0;
padding:5px 12px;
-webkit-clip-path:polygon(0% 0%,30% 0%,30% 100%,0% 100%);
clip-path:polygon(0% 0%,30% 0%,30% 100%,0% 100%);
animation:prslides 4s 1s linear infinite;
}
@keyframes prslides {
50% {
-webkit-clip-path:polygon(70% 0%,100% 0%,100% 100%,70% 100%);
}
}
.defaultflash12 {
display:inline-block;
font-size:20px;
position:relative;
animation:twistText 3s infinite;
transform-style:preserve-3d;
animation-timing-function:cubic-bezier(.5,0,.5,1);
}
@keyframes twistText {
0% {
transform:translateZ(-100px) rotateX(-90deg) scaleY(0.2) scaleX(1);
}
50% {
transform:translateZ(-200px) rotateX(0deg) scaleY(1) scaleX(1);
}
100% {
transform:translateZ(-100px) rotateX(90deg) scaleY(0.2) scaleX(1);
}
}
.defaultflash13 {
font:20px;
background:linear-gradient(to left,#e57627 0%,#e57627 42.5%,#facb8f 50%,#e57627 57.5%,#e57627 100%);
background-size:200% auto;
background-clip:text;
-webkit-background-clip:text;
color:transparent;
background-position:100% center;
animation:loader 10s ease infinite reverse;
}
@keyframes loader {
0% {
background-position:100% center;
}
50% {
background-position:0% center;
}
100% {
background-position:100% center;
}
}
.defaultflash14 {
color:rgba(255,0,0,0.1);
font-size:20px;
text-transform:uppercase;
font-weight:700;
background-size:cover;
background-image:url(../default_images/flashnick/bon.jpg);
-webkit-background-clip:text;
background-clip:text;
animation:background-text-animation 100s linear infinite;
}
@keyframes background-text-animation {
0% {
background-position:left 0px top 50%;
}
50% {
background-position:left 1500px top 50%;
}
100% {
background-position:left 0px top 50%;
}
}
.defaultflash15 {
color:#ff0000;
font-size:20px;
animation:defaultflash87 0.5s cubic-bezier(0.25,0.46,0.45,0.94) both,tracking-in-expand 5s cubic-bezier(0.215,0.61,0.355,1) both infinite alternate;
}
@-webkit-keyframes defaultflash87 {
0% {
text-shadow:none;
}
100% {
text-shadow:0 1px 0 #cccccc,0 1px 0 #cccccc,0 3px 0 #cccccc,0 1px 0 #cccccc,0 1px 0 #cccccc,0 1px 0 #cccccc,0 1px 0 #cccccc,0 1px 0 #cccccc,0 1px 0 #cccccc,0 1px 1px rgba(0,0,0,0.3);
}
}
@keyframes defaultflash87 {
0% {
text-shadow:none;
}
100% {
text-shadow:0 1px 0 #cccccc,0 1px 0 #cccccc,0 3px 0 #cccccc,0 1px 0 #cccccc,0 1px 0 #cccccc,0 1px 0 #cccccc,0 1px 0 #cccccc,0 1px 0 #cccccc,0 1px 0 #cccccc,0 1px 1px rgba(0,0,0,0.3);
}
}
@-webkit-keyframes tracking-in-expand {
0% {
letter-spacing:-0.5em;
opacity:0;
}
40% {
opacity:0.6;
}
100% {
opacity:1;
}
}
@keyframes tracking-in-expand {
0% {
letter-spacing:-0.5em;
opacity:0;
}
40% {
opacity:0.6;
}
100% {
opacity:1;
}
}
.default_flash_select {
width:150px;
height: 30px;
}
.list_mood2 { font-size:11px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color: #fff; }
.custom_rank_image {padding:5px; width:auto;height:32px;}
.avatar_news_input {
width: 36px;
height: 36px;
border-radius: 50%;
cursor: pointer;
display: inline-table;
vertical-align: top;
}
.news_input_c {
display: inline-table;
width: calc(100% - 40px);
border-radius: 13px;
}
.audioplayer {
height: 2.5em;
color: #fff;
text-shadow: 1px 1px 0 #000;
border: 1px solid #222;
position: relative;
z-index: 1;
background: #333;
background: -webkit-gradient( linear,left top,left bottom,from(#444),to(#222) );
background: -webkit-linear-gradient(top,#444,#222);
background: -moz-linear-gradient(top,#444,#222);
background: -o-linear-gradient(top,#444,#222);
background: linear-gradient(top,#444,#222);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 0 1.25em rgba(0,0,0,.5);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 0 1.25em rgba(0,0,0,.5);
box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 0 1.25em rgba(0,0,0,.5);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
max-width: 300px;
margin: 13px auto
}
.audioplayer-mini {
width: 2.5em;
margin: 0 auto
}
.audioplayer>div {
position: absolute
}
.audioplayer-playpause {
width: 2.5em;
height: 100%;
text-align: left;
text-indent: -9999px;
cursor: pointer;
z-index: 2;
top: 0;
left: 0
}
.audioplayer:not(.audioplayer-mini) .audioplayer-playpause {
border-right: 1px solid #555;
border-right-color: rgba(255,255,255,.1)
}
.audioplayer-mini .audioplayer-playpause {
width: 100%
}
.audioplayer-playpause:hover,.audioplayer-playpause:focus {
background-color: #222
}
.audioplayer-playpause a {
display: block
}
.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a {
width: 0;
height: 0;
border: .5em solid transparent;
border-right: none;
border-left-color: #fff;
content: "";
position: absolute;
top: 50%;
left: 50%;
margin: -.5em 0 0 -.25em
}
.audioplayer-playing .audioplayer-playpause a {
width: .75em;
height: .75em;
position: absolute;
top: 50%;
left: 50%;
margin: -.375em 0 0 -.375em
}
.audioplayer-playing .audioplayer-playpause a:before,.audioplayer-playing .audioplayer-playpause a:after {
width: 40%;
height: 100%;
background-color: #fff;
content: "";
position: absolute;
top: 0
}
.audioplayer-playing .audioplayer-playpause a:before {
left: 0
}
.audioplayer-playing .audioplayer-playpause a:after {
right: 0
}
.audioplayer-time {
width: 4.375em;
height: 100%;
line-height: 2.375em;
text-align: center;
z-index: 2;
top: 0
}
.audioplayer-time-current {
border-left: 1px solid #111;
border-left-color: rgba(0,0,0,.25);
left: 2.5em
}
.audioplayer-time-duration {
border-right: 1px solid #555;
border-right-color: rgba(255,255,255,.1);
right: 2.5em
}
.audioplayer-novolume .audioplayer-time-duration {
border-right: 0;
right: 0
}
.audioplayer-bar {
height: .875em;
background-color: #222;
cursor: pointer;
z-index: 1;
top: 50%;
right: 6.875em;
left: 6.875em;
margin-top: -.438em
}
.audioplayer-novolume .audioplayer-bar {
right: 4.375em
}
.audioplayer-bar div {
width: 0;
height: 100%;
position: absolute;
left: 0;
top: 0
}
.audioplayer-bar-loaded {
background-color: #333;
z-index: 1
}
.audioplayer-bar-played {
background: #007fd1;
background: -webkit-gradient( linear,left top,right top,from(#007fd1),to(#c600ff) );
background: -webkit-linear-gradient(left,#007fd1,#c600ff);
background: -moz-linear-gradient(left,#007fd1,#c600ff);
background: -o-linear-gradient(left,#007fd1,#c600ff);
background: linear-gradient(left,#007fd1,#c600ff);
z-index: 2
}
.audioplayer-volume {
width: 2.5em;
height: 100%;
border-left: 1px solid #111;
border-left-color: rgba(0,0,0,.25);
text-align: left;
text-indent: -9999px;
cursor: pointer;
z-index: 2;
top: 0;
right: 0
}
.audioplayer-volume:hover,.audioplayer-volume:focus {
background-color: #222
}
.audioplayer-volume-button {
width: 100%;
height: 100%
}
.audioplayer-volume-button a {
width: .313em;
height: .375em;
background-color: #fff;
display: block;
position: relative;
z-index: 1;
top: 40%;
left: 35%
}
.audioplayer-volume-button a:before,.audioplayer-volume-button a:after {
content: "";
position: absolute
}
.audioplayer-volume-button a:before {
width: 0;
height: 0;
border: .5em solid transparent;
border-left: none;
border-right-color: #fff;
z-index: 2;
top: 50%;
right: -.25em;
margin-top: -.5em
}
.audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a:after {
width: .313em;
height: .313em;
border: .25em double #fff;
border-width: .25em .25em 0 0;
left: .563em;
top: -.063em;
-webkit-border-radius: 0 .938em 0 0;
-moz-border-radius: 0 .938em 0 0;
border-radius: 0 .938em 0 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg)
}
.audioplayer-volume-adjust {
height: 6.25em;
cursor: default;
position: absolute;
left: 0;
right: -1px;
top: -9999px;
background: #222;
background: -webkit-gradient( linear,left top,left bottom,from(#444),to(#222) );
background: -webkit-linear-gradient(top,#444,#222);
background: -moz-linear-gradient(top,#444,#222);
background: -o-linear-gradient(top,#444,#222);
background: linear-gradient(top,#444,#222);
-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px
}
.audioplayer-volume:not(:hover) .audioplayer-volume-adjust {
opacity: 0
}
.audioplayer-volume:hover .audioplayer-volume-adjust {
top: auto;
bottom: 100%
}
.audioplayer-volume-adjust>div {
width: 40%;
height: 80%;
background-color: #222;
cursor: pointer;
position: relative;
z-index: 1;
margin: 30% auto 0
}
.audioplayer-volume-adjust div div {
width: 100%;
height: 100%;
position: absolute;
bottom: 0;
left: 0;
background: #007fd1;
background: -webkit-gradient( linear,left bottom,left top,from(#007fd1),to(#c600ff) );
background: -webkit-linear-gradient(bottom,#007fd1,#c600ff);
background: -moz-linear-gradient(bottom,#007fd1,#c600ff);
background: -o-linear-gradient(bottom,#007fd1,#c600ff);
background: linear-gradient(bottom,#007fd1,#c600ff)
}
.audioplayer-novolume .audioplayer-volume {
display: none
}
.audioplayer-play,.audioplayer-pause,.audioplayer-volume a {
-webkit-filter: drop-shadow(1px 1px 0 #000);
-moz-filter: drop-shadow(1px 1px 0 #000);
filter: drop-shadow(1px 1px 0 #000)
}
.audioplayer-bar,.audioplayer-bar div,.audioplayer-volume-adjust div {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px
}
.audioplayer-bar,.audioplayer-volume-adjust>div {
-webkit-box-shadow: -1px -1px 0 rgba(0,0,0,.5),1px 1px 0 rgba(255,255,255,.1);
-moz-box-shadow: -1px -1px 0 rgba(0,0,0,.5),1px 1px 0 rgba(255,255,255,.1);
box-shadow: -1px -1px 0 rgba(0,0,0,.5),1px 1px 0 rgba(255,255,255,.1)
}
.audioplayer-volume-adjust div div,.audioplayer-bar-played {
-webkit-box-shadow: inset 0 0 5px rgba(255,255,255,.5);
-moz-box-shadow: inset 0 0 5px rgba(255,255,255,.5);
box-shadow: inset 0 0 5px rgba(255,255,255,.5)
}
.audioplayer-volume-adjust {
-webkit-box-shadow: -2px -2px 2px rgba(0,0,0,.15),2px -2px 2px rgba(0,0,0,.15);
-moz-box-shadow: -2px -2px 2px rgba(0,0,0,.15),2px -2px 2px rgba(0,0,0,.15);
box-shadow: -2px -2px 2px rgba(0,0,0,.15),2px -2px 2px rgba(0,0,0,.15)
}
.audioplayer *,.audioplayer *:before,.audioplayer *:after {
-webkit-transition: color .25s ease,background-color .25s ease,opacity .5s ease;
-moz-transition: color .25s ease,background-color .25s ease,opacity .5s ease;
-o-transition: color .25s ease,background-color .25s ease,opacity .5s ease;
transition: color .25s ease,background-color .25s ease,opacity .5s ease
}
.frames_img {
width: .854166667in;
max-height: 61.5pt;
margin-left: auto;
margin-bottom: 0;
margin-right: auto;
margin-top: 0;
height: 61.5pt;
}
.frame_class_userlist {
position: absolute;
height: 37.5pt;
left: -.4375pc;
width: 37.5pt;
top: -.375pc;
}
.frame_class_chat {
position: absolute;
left: -.4375pc;
width: 55px;
height: 3.4375pc;
top: -.375pc;
top: -.5625pc;
}
.profillistarkarenk1,.profillistarkarenkk1 { background: linear-gradient(to right,#40e0d0,#ff8c00, #ff0080)!important ;color:#fff;}
.profillistarkarenk2,.profillistarkarenkk2 { background: linear-gradient(to right,#11998e,#38ef7d)!important ;color:#fff;}
.profillistarkarenk3,.profillistarkarenkk3 { background: linear-gradient(to right,#fc466b,#3f5efb)!important ;color:#fff;}
.profillistarkarenk4,.profillistarkarenkk4 { background: linear-gradient(to right,#00f260,#0575e6)!important ;color:#fff;}
.profillistarkarenk5,.profillistarkarenkk5 { background: linear-gradient(to right,#fc4a1a,#f7b733)!important ;color:#fff;}
.profillistarkarenk6,.profillistarkarenkk6 { background: linear-gradient(to right,#22c1c3,#fdbb2d)!important ;color:#fff;}
.profillistarkarenk7,.profillistarkarenkk7 { background: linear-gradient(to right,#7f00ff,#e100ff)!important ;color:#fff;}
.profillistarkarenk8,.profillistarkarenkk8 { background: linear-gradient(to right,#ee0979,#ff6a00)!important ;color:#fff;}
.profillistarkarenk9,.profillistarkarenkk9 { background: linear-gradient(to right,#00c3ff,#ffff1c)!important ;color:#fff;}
.profillistarkarenk10,.profillistarkarenkk10 { background: linear-gradient(to right,#fc00ff,#00dbde)!important ;color:#fff;}
.profillistarkarenk11,.profillistarkarenkk11 { background: linear-gradient(to right,#833ab4,#fd1d1d, #fcb045)!important ;color:#fff;}
.profillistarkarenk12,.profillistarkarenkk12 { background: linear-gradient(to right,#bdc3c7,#2c3e50)!important ;color:#fff;}
.profillistarkarenk13,.profillistarkarenkk13 { background: linear-gradient(to right,#373B44,#4286f4)!important ;color:#fff;}
.profillistarkarenk14,.profillistarkarenkk14 { background: linear-gradient(to right,#FF0099,#493240)!important ;color:#fff;}
.profillistarkarenk15,.profillistarkarenkk15 { background: linear-gradient(to right,#f953c6,#b91d73)!important ;color:#fff;}
.profillistarkarenk16,.profillistarkarenkk16 { background: linear-gradient(to right,#dd3e54,#6be585)!important ;color:#fff;}
.profillistarkarenk17,.profillistarkarenkk17 { background: linear-gradient(to right,#8360c3,#2ebf91)!important ;color:#fff;}
.profillistarkarenk18,.profillistarkarenkk18 { background: linear-gradient(to right,#544a7d,#ffd452)!important ;color:#fff;}
.profillistarkarenk19,.profillistarkarenkk19 { background: linear-gradient(to right,#009FFF,#ec2F4B)!important ;color:#fff;}
.profillistarkarenk20,.profillistarkarenkk20 { background: linear-gradient(to right,#59C173,#a17fe0,#5D26C1)!important ;color:#fff;}
.profillistarkarenk21,.profillistarkarenkk21 { background: linear-gradient(to right,#a8c0ff,#3f2b96)!important ;color:#fff;}
.profillistarkarenk22,.profillistarkarenkk22 { background: linear-gradient(45deg, #FF0000 0%, #FFA600 50%, #ff0000 100%)!important ;color:#fff;}
.profillistarkarenk23,.profillistarkarenkk23 { background: linear-gradient(to right,#108dc7,#ef8e38)!important ;color:#fff;}
.profillistarkarenk24,.profillistarkarenkk24 { background: linear-gradient(to right,#FF0099,#0575E6)!important ;color:#fff;}
.profillistarkarenk25,.profillistarkarenkk25 { background: linear-gradient(to right,#667db6,#0082c8,#ec38bc,#fdeff9)!important ;color:#fff;}
.profillistarkarenk26,.profillistarkarenkk26 { background: linear-gradient(to right,#03001e,#7303c0,#ec38bc,#fdeff9)!important ;color:#fff;}
.profillistarkarenk27,.profillistarkarenkk27 { background: linear-gradient(to right,#1a2a6c,#b21f1f,#fdbb2d)!important ;color:#fff;}
.profillistarkarenk28,.profillistarkarenkk28 { background: linear-gradient(to right,#3A1C71,#D76D77,#FFAF7B)!important ;color:#fff;}
.profillistarkarenk29,.profillistarkarenkk29 { background: linear-gradient(to right,#EB5757,#333)!important ;color:#fff;}
.profillistarkarenk30,.profillistarkarenkk30 { background: linear-gradient(to right,#20002c,#cbb4d4)!important ;color:#fff;}
.profillistarkarenk31,.profillistarkarenkk31 { background: linear-gradient(to right,#34e89e,#0f3443)!important ;color:#fff;}
.profillistarkarenk32,.profillistarkarenkk32 { background: linear-gradient(to right,#bdc3c7,#2c3e50)!important ;color:#fff;}
.profillistarkarenk33,.profillistarkarenkk33 { background: linear-gradient(to right,#a80077,#66ff00)!important ;color:#fff;}
.profillistarkarenk34,.profillistarkarenkk34 { background: linear-gradient(to bottom, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%)!important ;color:#fff;}
.profillistarkarenk35,.profillistarkarenkk35 { background: linear-gradient(to top, #a241b7, #7f68d7, #5186e9, #1b9eef, #12b2eb)!important ;color:#fff;}
.profillistarkarenk36,.profillistarkarenkk36 { background: linear-gradient(to bottom, #845EC2 0%, #D65DB1 0%, #FF6F91 51%, #FF9671 100%)!important ;color:#fff;}
.profillistarkarenk37,.profillistarkarenkk37 { background: linear-gradient(to top, #00c3ff, #ffff1c)!important; color: #fff;}
.profillistarkarenk38,.profillistarkarenkk38 { background: linear-gradient(to bottom, #051937, #004d7a, #008793, #00bf72, #a8eb12)!important ;color:#fff;}
.profillistarkarenk39,.profillistarkarenkk39 { background: linear-gradient(45deg, #222 0%, #FFA600 50%, #222 100%)!important ;color:#fff;}
.profillistarkarenk40,.profillistarkarenkk40 { background: linear-gradient(330deg, #e05252 0%, #99e052 25%, #52e0e0 50%, #9952e0 75%, #e05252 100%)!important ;color:#fff;}
.avmmenu img {
-moz-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
}
.avmmenu img:hover {
-moz-transform: rotate(360deg);
-o-transform: rotate (360deg);
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
.chat_avatar img {
-moz-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
}
.chat_avatar img:hover {
-moz-transform: rotate(360deg);
-o-transform: rotate (360deg);
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
.menutrig img {
-moz-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
}
.menutrig img:hover {
-moz-transform: rotate(360deg);
-o-transform: rotate (360deg);
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
.user_item_avatar img {
-moz-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
}
.user_item_avatar img:hover {
-moz-transform: rotate(360deg);
-o-transform: rotate (360deg);
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
.star_rank,.star_rank_chat {
position:absolute;
top:18px;
left:18px;
width:7px;
height:7px;
background-color:#000;
clip-path:polygon(50%0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)
}
.star_rank {
top:50%;
left:100%;
margin-left:-18px
}
.chat_yildiz1 {
transform:translate(-50%,-50%) rotate(-24deg) translate(calc(130% - 31px))
}
.chat_yildiz2 {
transform:translate(-50%,-50%) rotate(0deg) translate(calc(130% - 30px))
}
.chat_yildiz3 {
transform:translate(-50%,-50%) rotate(24deg) translate(calc(130% - 30px))
}
.chat_yildiz4 {
transform:translate(-50%,-50%) rotate(48deg) translate(calc(130% - 30px))
}
.chat_yildiz5 {
transform:translate(-50%,-50%) rotate(72deg) translate(calc(130% - 31px))
}
.chat_yildiz6 {
transform:translate(-50%,-50%) rotate(96deg) translate(calc(130% - 31px))
}
.chat_yildiz7 {
transform:translate(-50%,-50%) rotate(120deg) translate(calc(130% - 32px))
}
.chat_yildiz8 {
transform:translate(-50%,-50%) rotate(144deg) translate(calc(130% - 33px))
}
.chat_yildiz9 {
transform:translate(-50%,-50%) rotate(168deg) translate(calc(130% - 34px))
}
.chat_yildiz10 {
transform:translate(-50%,-50%) rotate(192deg) translate(calc(130% - 35px))
}
.chat_yildiz11 {
transform:translate(-50%,-50%) rotate(216deg) translate(calc(130% - 35px))
}
.chat_yildiz12 {
transform:translate(-50%,-50%) rotate(240deg) translate(calc(130% - 35px))
}
.chat_yildiz13 {
transform:translate(-50%,-50%) rotate(264deg) translate(calc(130% - 35px))
}
.chat_yildiz14 {
transform:translate(-50%,-50%) rotate(288deg) translate(calc(130% - 35px))
}
.chat_yildiz15 {
transform:translate(-50%,-50%) rotate(312deg) translate(calc(130% - 32px))
}
.right_yildiz1 {
transform:translate(-50%,-50%) rotate(-24deg) translate(calc(130% - 31px))
}
.right_yildiz2 {
transform:translate(-50%,-50%) rotate(0deg) translate(calc(130% - 31px))
}
.right_yildiz3 {
transform:translate(-50%,-50%) rotate(24deg) translate(calc(130% - 31px))
}
.right_yildiz4 {
transform:translate(-50%,-50%) rotate(48deg) translate(calc(130% - 31px))
}
.right_yildiz5 {
transform:translate(-50%,-50%) rotate(72deg) translate(calc(130% - 31px))
}
.right_yildiz6 {
transform:translate(-50%,-50%) rotate(96deg) translate(calc(130% - 31px))
}
.right_yildiz7 {
transform:translate(-50%,-50%) rotate(120deg) translate(calc(130% - 31px))
}
.right_yildiz8 {
transform:translate(-50%,-50%) rotate(144deg) translate(calc(130% - 31px))
}
.right_yildiz9 {
transform:translate(-50%,-50%) rotate(168deg) translate(calc(130% - 31px))
}
.right_yildiz10 {
transform:translate(-50%,-50%) rotate(192deg) translate(calc(130% - 31px))
}
.right_yildiz11 {
transform:translate(-50%,-50%) rotate(216deg) translate(calc(130% - 31px))
}
.right_yildiz12 {
transform:translate(-50%,-50%) rotate(240deg) translate(calc(130% - 31px))
}
.right_yildiz13 {
transform:translate(-50%,-50%) rotate(264deg) translate(calc(130% - 31px))
}
.right_yildiz14 {
transform:translate(-50%,-50%) rotate(288deg) translate(calc(130% - 31px))
}
.right_yildiz15 {
transform:translate(-50%,-50%) rotate(312deg) translate(calc(130% - 31px))
}
.user_item_datas,.user_item_name {
display:table-cell;
vertical-align:middle;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
padding:0 8px;
}
.user_yildiz_choice .bccheck {
color:red;
margin-top:14px;
}
.user_yildiz_color1,.user_yildiz_colors1 {
background:linear-gradient(to top,#f33,maroon)!important;
}
.user_yildiz_color2,.user_yildiz_colors2 {
background:linear-gradient(to top,#f63,#4d1300)!important;
}
.user_yildiz_color3,.user_yildiz_colors3 {
background:linear-gradient(to top,#f93,#4d2600)!important;
}
.user_yildiz_color4,.user_yildiz_colors4 {
background:linear-gradient(to top,#fc3,#806000)!important;
}
.user_yildiz_color5,.user_yildiz_colors5 {
background:linear-gradient(to top,#cc0,#4d4d00)!important;
}
.user_yildiz_color6,.user_yildiz_colors6 {
background:linear-gradient(to top,#9c0,#394d00)!important;
}
.user_yildiz_color7,.user_yildiz_colors7 {
background:linear-gradient(to top,#59b300,#264d00)!important;
}
.user_yildiz_color8,.user_yildiz_colors8 {
background:linear-gradient(to top,#829356,#2b301c)!important;
}
.user_yildiz_color9,.user_yildiz_colors9 {
background:linear-gradient(to top,green,#001a00)!important;
}
.user_yildiz_color10,.user_yildiz_colors10 {
background:linear-gradient(to top,#00e639,#00330d)!important;
}
.user_yildiz_color11,.user_yildiz_colors11 {
background:linear-gradient(to top,#00e673,#063)!important;
}
.user_yildiz_color12,.user_yildiz_colors12 {
background:linear-gradient(to top,#00e6ac,#004d39)!important;
}
.user_yildiz_color13,.user_yildiz_colors13 {
background:linear-gradient(to top,#0cc,#004d4d)!important;
}
.user_yildiz_color14,.user_yildiz_colors14 {
background:linear-gradient(to top,#03add8,#013d4b)!important;
}
.user_yildiz_color15,.user_yildiz_colors15 {
background:linear-gradient(to top,#36f,#002080)!important;
}
.user_yildiz_color16,.user_yildiz_colors16 {
background:linear-gradient(to top,#107896,#073845)!important;
}
.user_yildiz_color17,.user_yildiz_colors17 {
background:linear-gradient(to top,#004d99,#66b3ff)!important;
}
.user_yildiz_color18,.user_yildiz_colors18 {
background:linear-gradient(to top,#63f,#c6b3ff)!important;
}
.user_yildiz_color19,.user_yildiz_colors19 {
background:linear-gradient(to top,#93f,#d9b3ff)!important;
}
.user_yildiz_color20,.user_yildiz_colors20 {
background:linear-gradient(to top,#c3f,#ecb3ff)!important;
}
.user_yildiz_color21,.user_yildiz_colors21 {
background:linear-gradient(to top,#f3f,#ffb3ff)!important;
}
.user_yildiz_color22,.user_yildiz_colors22 {
background:linear-gradient(to top,#f3c,#ff99e6)!important;
}
.user_yildiz_color23,.user_yildiz_colors23 {
background:linear-gradient(to top,#f39,#ffb3d9)!important;
}
.user_yildiz_color24,.user_yildiz_colors24 {
background:linear-gradient(to top,#f36,#ffb3c6)!important;
}
.user_yildiz_color25,.user_yildiz_colors25 {
background:linear-gradient(to top,#40e0d0,#ff8c00,#ff0080)!important;
}
.user_yildiz_color26,.user_yildiz_colors26 {
background:linear-gradient(to top,#11998e,#38ef7d)!important;
}
.user_yildiz_color27,.user_yildiz_colors27 {
background:linear-gradient(to top,#108dc7,#ef8e38)!important;
}
.user_yildiz_color28,.user_yildiz_colors28 {
background:linear-gradient(to top,#fc5c7d,#6a82fb)!important;
}
.user_yildiz_color29,.user_yildiz_colors29 {
background:linear-gradient(to top,#fc466b,#3f5efb)!important;
}
.user_yildiz_color30,.user_yildiz_colors30 {
background:linear-gradient(to top,#c94b4b,#4b134f)!important;
}
.user_yildiz_color31,.user_yildiz_colors31 {
background:linear-gradient(to top,#00f260,#0575e6)!important;
}
.user_yildiz_color32,.user_yildiz_colors32 {
background:linear-gradient(to top,#fc4a1a,#f7b733)!important;
}
.user_yildiz_color33,.user_yildiz_colors33 {
background:linear-gradient(to top,#22c1c3,#fdbb2d)!important;
}
.user_yildiz_color34,.user_yildiz_colors34 {
background:linear-gradient(to top,#7f00ff,#e100ff)!important;
}
.user_yildiz_color35,.user_yildiz_colors35 {
background:linear-gradient(to top,#67b26f,#4ca2cd)!important;
}
.user_yildiz_color36,.user_yildiz_colors36 {
background:linear-gradient(to top,#ee0979,#ff6a00)!important;
}
.user_yildiz_color37,.user_yildiz_colors37 {
background:linear-gradient(to top,#00c3ff,#ffff1c)!important;
}
.user_yildiz_color38,.user_yildiz_colors38 {
background:linear-gradient(to top,#fc00ff,#00dbde)!important;
}
.user_yildiz_color39,.user_yildiz_colors39 {
background:linear-gradient(to top,#833ab4,#fd1d1d,#fcb045)!important;
}
.user_yildiz_color40,.user_yildiz_colors40 {
background:linear-gradient(to top,#43cea2,#185a9d)!important;
}
.user_yildiz_color41,.user_yildiz_colors41 {
background:linear-gradient(to top,#bdc3c7,#2c3e50)!important;
}
.user_yildiz_color42,.user_yildiz_colors42 {
background:linear-gradient(to top,#373b44,#4286f4)!important;
}
.user_yildiz_color43,.user_yildiz_colors43 {
background:linear-gradient(to top,#2980b9,#6dd5fa,#fff)!important;
}
.user_yildiz_color44,.user_yildiz_colors44 {
background:linear-gradient(to top,#f09,#493240)!important;
}
.user_yildiz_color45,.user_yildiz_colors45 {
background:linear-gradient(to top,#f953c6,#b91d73)!important;
}
.user_yildiz_color46,.user_yildiz_colors46 {
background:linear-gradient(to left,#c31432,#240b36)!important;
}
.user_yildiz_color47,.user_yildiz_colors47 {
background:linear-gradient(to top,#dd3e54,#6be585)!important;
}
.user_yildiz_color48,.user_yildiz_colors48 {
background:linear-gradient(to top,#8360c3,#2ebf91)!important;
}
.user_yildiz_color49,.user_yildiz_colors49 {
background:linear-gradient(to top,#544a7d,#ffd452)!important;
}
.user_yildiz_color50,.user_yildiz_colors50 {
background:linear-gradient(to top,#009fff,#ec2f4b)!important;
}
.user_yildiz_color51,.user_yildiz_colors51 {
background:linear-gradient(to top,#59c173,#a17fe0,#5d26c1)!important;
}
.user_yildiz_color52,.user_yildiz_colors52 {
background:linear-gradient(to top,#005aa7,#fffde4)!important;
}
.user_yildiz_color53,.user_yildiz_colors53 {
background:linear-gradient(to top,#da4453,#89216b)!important;
}
.user_yildiz_color54,.user_yildiz_colors54 {
background:linear-gradient(to top,#ad5389,#3c1053)!important;
}
.user_yildiz_color55,.user_yildiz_colors55 {
background:linear-gradient(to top,#a8c0ff,#3f2b96)!important;
}
.user_yildiz_color56,.user_yildiz_colors56 {
background:linear-gradient(to top,#333,#dd1818)!important;
}
.user_yildiz_color57,.user_yildiz_colors57 {
background:linear-gradient(to top,#108dc7,#ef8e38)!important;
}
.user_yildiz_color58,.user_yildiz_colors58 {
background:linear-gradient(to top,#23074d,#cc5333)!important;
}
.user_yildiz_color59,.user_yildiz_colors59 {
background:linear-gradient(to top,#fffbd5,#b20a2c)!important;
}
.user_yildiz_color60,.user_yildiz_colors60 {
background:linear-gradient(to top,#0f0c29,#302b63,#24243e)!important;
}
.user_yildiz_color61,.user_yildiz_colors61 {
background:linear-gradient(to top,purple,pink)!important;
}
.user_yildiz_color62,.user_yildiz_colors62 {
background:linear-gradient(to top,#00f260,#0575e6)!important;
}
.user_yildiz_color63,.user_yildiz_colors63 {
background:linear-gradient(to top,#667db6,#0082c8,#ec38bc,#fdeff9)!important;
}
.user_yildiz_color64,.user_yildiz_colors64 {
background:linear-gradient(to top,#e1eec3,#f05053)!important;
}
.user_yildiz_color65,.user_yildiz_colors65 {
background:linear-gradient(to top,#03001e,#7303c0,#ec38bc,#fdeff9)!important;
}
.user_yildiz_color66,.user_yildiz_colors66 {
background:linear-gradient(to top,#1a2a6c,#b21f1f,#fdbb2d)!important;
}
.user_yildiz_color67,.user_yildiz_colors67 {
background:linear-gradient(to top,#000,#0f9b0f)!important;
}
.user_yildiz_color68,.user_yildiz_colors68 {
background:linear-gradient(to top,#36d1dc,#5b86e5)!important;
}
.user_yildiz_color69,.user_yildiz_colors69 {
background:linear-gradient(to top,#3a1c71,#d76d77,#ffaf7b)!important;
}
.user_yildiz_color70,.user_yildiz_colors70 {
background:linear-gradient(to top,#283c86,#45a247)!important;
}
.user_yildiz_color71,.user_yildiz_colors71 {
background:linear-gradient(to top,#ef3b36,#fff)!important;
}
.user_yildiz_color72,.user_yildiz_colors72 {
background:linear-gradient(to top,#159957,#155799)!important;
}
.user_yildiz_color73,.user_yildiz_colors73 {
background:linear-gradient(to top,#000046,#1cb5e0)!important;
}
.user_yildiz_color74,.user_yildiz_colors74 {
background:linear-gradient(to top,#56ccf2,#2f80ed)!important;
}
.user_yildiz_color75,.user_yildiz_colors75 {
background:linear-gradient(to top,#eb5757,#000)!important;
}
.user_yildiz_color76,.user_yildiz_colors76 {
background:linear-gradient(to top,#20002c,#cbb4d4)!important;
}
.user_yildiz_color77,.user_yildiz_colors77 {
background:linear-gradient(to top,#34e89e,#0f3443)!important;
}
.user_yildiz_color78,.user_yildiz_colors78 {
background:linear-gradient(to top,#bdc3c7,#2c3e50)!important;
}
.user_yildiz_color79,.user_yildiz_colors79 {
background:linear-gradient(to top,#a80077,#6f0)!important;
}
.user_yildiz_color80,.user_yildiz_colors80 {
background:linear-gradient(to top,#000,#656565)!important;
}
.star_rank,.star_rank_chat {
position:absolute;
top:18px;
left:18px;
width:7px;
height:7px;
background-color:#000;
clip-path:polygon(50%0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)
}
.star_rank {
top:50%;
left:100%;
margin-left:-18px
}
.chat_yildiz1 {
transform:translate(-50%,-50%) rotate(-24deg) translate(calc(130% - 31px))
}
.chat_yildiz2 {
transform:translate(-50%,-50%) rotate(0deg) translate(calc(130% - 30px))
}
.chat_yildiz3 {
transform:translate(-50%,-50%) rotate(24deg) translate(calc(130% - 30px))
}
.chat_yildiz4 {
transform:translate(-50%,-50%) rotate(48deg) translate(calc(130% - 30px))
}
.chat_yildiz5 {
transform:translate(-50%,-50%) rotate(72deg) translate(calc(130% - 31px))
}
.chat_yildiz6 {
transform:translate(-50%,-50%) rotate(96deg) translate(calc(130% - 31px))
}
.chat_yildiz7 {
transform:translate(-50%,-50%) rotate(120deg) translate(calc(130% - 32px))
}
.chat_yildiz8 {
transform:translate(-50%,-50%) rotate(144deg) translate(calc(130% - 33px))
}
.chat_yildiz9 {
transform:translate(-50%,-50%) rotate(168deg) translate(calc(130% - 34px))
}
.chat_yildiz10 {
transform:translate(-50%,-50%) rotate(192deg) translate(calc(130% - 35px))
}
.chat_yildiz11 {
transform:translate(-50%,-50%) rotate(216deg) translate(calc(130% - 35px))
}
.chat_yildiz12 {
transform:translate(-50%,-50%) rotate(240deg) translate(calc(130% - 35px))
}
.chat_yildiz13 {
transform:translate(-50%,-50%) rotate(264deg) translate(calc(130% - 35px))
}
.chat_yildiz14 {
transform:translate(-50%,-50%) rotate(288deg) translate(calc(130% - 35px))
}
.chat_yildiz15 {
transform:translate(-50%,-50%) rotate(312deg) translate(calc(130% - 32px))
}
.right_yildiz1 {
transform:translate(-50%,-50%) rotate(-24deg) translate(calc(130% - 31px))
}
.right_yildiz2 {
transform:translate(-50%,-50%) rotate(0deg) translate(calc(130% - 31px))
}
.right_yildiz3 {
transform:translate(-50%,-50%) rotate(24deg) translate(calc(130% - 31px))
}
.right_yildiz4 {
transform:translate(-50%,-50%) rotate(48deg) translate(calc(130% - 31px))
}
.right_yildiz5 {
transform:translate(-50%,-50%) rotate(72deg) translate(calc(130% - 31px))
}
.right_yildiz6 {
transform:translate(-50%,-50%) rotate(96deg) translate(calc(130% - 31px))
}
.right_yildiz7 {
transform:translate(-50%,-50%) rotate(120deg) translate(calc(130% - 31px))
}
.right_yildiz8 {
transform:translate(-50%,-50%) rotate(144deg) translate(calc(130% - 31px))
}
.right_yildiz9 {
transform:translate(-50%,-50%) rotate(168deg) translate(calc(130% - 31px))
}
.right_yildiz10 {
transform:translate(-50%,-50%) rotate(192deg) translate(calc(130% - 31px))
}
.right_yildiz11 {
transform:translate(-50%,-50%) rotate(216deg) translate(calc(130% - 31px))
}
.right_yildiz12 {
transform:translate(-50%,-50%) rotate(240deg) translate(calc(130% - 31px))
}
.right_yildiz13 {
transform:translate(-50%,-50%) rotate(264deg) translate(calc(130% - 31px))
}
.right_yildiz14 {
transform:translate(-50%,-50%) rotate(288deg) translate(calc(130% - 31px))
}
.right_yildiz15 {
transform:translate(-50%,-50%) rotate(312deg) translate(calc(130% - 31px))
}
.back_priv {background:url(../default_images/icons/arkaplan2.png) no-repeat;background-size:100% 100%}
.emo_menu {
padding-top: 8px;
padding-bottom: 8px;
font-size: .8rem;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
}
#preloader {
width: 100%;
height: 100%;
position: absolute;
z-index: 999999;
background: #ddd;
font-family: 'Signika', sans-serif;
}
#preloader h1 {
text-align: center;
margin: 2% auto 0 auto;
color: #ff6633;
font-size: 32px;
}
#preloader p {
text-align: center;
margin: 5px auto 5% auto;
color: #ff6633;
font-weight: 400;
}
#preloader #footer {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
padding: 10px;
}
#loading{
position: absolute;
bottom: 58%;
left: 50%;
transform: translateX(-50%);
padding: 10px;
display: flex;
flex-direction: row-reverse;
justify-content: center;
}
#loading #blue {
/* NO WHITESPACE in */
background: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Layer_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20168%20168%22%20xml%3Aspace%3D%22preserve%22%20enable-background%3D%22new%200%200%20168%20168%22%3E%0A%20%20%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%20%20%20%20%0A%09.st0%7Bfill%3A%235197D6%3B%7D%0A%09.st1%7Bfill%3Anone%3B%7D%0A%0A%20%20%3C%2Fstyle%3E%0A%20%20%3Cg%3E%0A%20%20%20%20%3Cpath%20class%3D%22st0%22%20d%3D%22M129.9%2038.4c-25.8-25.8-68-25.2-93%201.8%20-23.3%2025.1-22.7%2064.5%201.3%2088.9%2021.2%2021.7%2053.9%2025.2%2078.8%2010.5%201.5-0.9%203.2-1.1%204.9-0.7l18.4%205.1c2.2%200.6%204.3-1.4%203.7-3.7l-5-18.2c-0.5-1.7-0.2-3.4%200.7-4.9C154.5%2092.4%20151.3%2059.8%20129.9%2038.4z%22%2F%3E%0A%20%20%20%20%3Cellipse%20transform%3D%22matrix(0.7071%20-0.7071%200.7071%200.7071%20-34.6941%2084.199)%22%20class%3D%22st1%22%20cx%3D%2284.3%22%20cy%3D%2284%22%20rx%3D%2283.4%22%20ry%3D%2283.4%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
width: 80px;
height: 80px;
}
#loading #white {
/* NO WHITESPACE in */
background: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Layer_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20168%20168%22%20xml%3Aspace%3D%22preserve%22%20enable-background%3D%22new%200%200%20168%20168%22%3E%0A%20%20%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%20%20%20%20%0A%09.st0%7Bfill%3A%23FFFFFF%3B%7D%0A%09.st1%7Bfill%3Anone%3B%7D%0A%0A%20%20%3C%2Fstyle%3E%0A%20%20%3Cg%3E%0A%20%20%20%20%3Cpath%20class%3D%22st0%22%20d%3D%22M113.8%20113.8c16.8-16.8%2016.4-44.4-1.2-60.7%20-16.4-15.2-42.1-14.8-58.1%200.8%20-14.2%2013.9-16.4%2035.2-6.8%2051.5%200.6%201%200.7%202.1%200.4%203.2l-3.3%2012c-0.4%201.5%200.9%202.8%202.4%202.4l11.9-3.3c1.1-0.3%202.2-0.1%203.2%200.5C78.5%20129.9%2099.8%20127.8%20113.8%20113.8z%22%2F%3E%0A%20%20%20%20%3Cellipse%20transform%3D%22matrix(0.7071%20-0.7071%200.7071%200.7071%20-34.7943%2083.9992)%22%20class%3D%22st1%22%20cx%3D%2284%22%20cy%3D%2284%22%20rx%3D%2254.5%22%20ry%3D%2254.5%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
width: 80px;
height: 80px;
}
#loading #darkblue {
width: 80px;
height: 80px;
}
#loading div {
margin: auto;
position: absolute;
-webkit-writing-mode: vertical-rl;
}
#loading .rotate{
animation-duration: 4s;
animation-iteration-count:infinite;
}
@keyframes left {
0% {
transform-origin: center center;
transform: rotate(360deg);
opacity: 1;
}
100% {
transform-origin: center center;
transform: rotate(0);
opacity: 1;
}
}
#loading .left {
animation-name: left;
}
@keyframes right {
0% {
transform-origin: center center;
transform: rotate(-360deg);
opacity: 1;
}
100% {
transform-origin: center center;
transform: rotate(0);
opacity: 1;
}
}
#loading .right {
animation-name: right;
}
#loading .loading{
position:absolute;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right:0;
background: #155d93;
border-radius: 50%;
animation: loading 4s infinite;
}
#loading .loading:nth-child(1) {
animation-delay: 0.6s;
width: 4px;
height: 4px;
left:-15px;
}
#loading .loading:nth-child(2) {
animation-delay: 0.8s;
width: 4px;
height: 4px;
}
#loading .loading:nth-child(3) {
animation-delay: 1s;
width: 4px;
height: 4px;
right:-15px;
}
#loading .loading {
animation-iteration-count:infinite;
animation-timing-function: ease-in;
}
@keyframes loading {
0%{
transform: translateY(0px);
}
20%{
transform: translateY(0px);
}
30%{
transform: translateY(-8px);
}
40%{
transform: translateY(5px);
}
50%{
transform: translateY(-2px);
}
60%{
transform: translateY(2px);
}
80%{
transform: translateY(0px);
}
100%{
transform: translateY(0px);
}
}
.ustpanelbaslikrenk {
color: #ff1a1a;
-webkit-animation: colorchange 5s infinite alternate
}
@-webkit-keyframes colorchange {
0% {
color: #ffeb00
}
10% {
color: #ffeb00
}
20% {
color: #ffeb00
}
40% {
color: #ffeb00
}
60% {
color: #ffeb00
}
80% {
color: #ffeb00
}
100% {
color: #ff1a1a
}
}
.sms_textarea {
height: 150px;
max-height: 100%;
border-radius: 15px
}
.sms_menu {
display: table-cell;
vertical-align: middle;
width: 20px;
text-align: center;
font-size: 13px
}
#sms_id {
position: absolute;
z-index: 12;
width: 100%;
height: 31px;
}
#smsgecis_text {
vertical-align: top;
position: absolute;
margin-left: 2px;
margin-top: 0
}
.ok_btn2 {
background: linear-gradient(169deg,rgb(124 140 143) 0%,rgb(71 71 70) 51%,rgb(51 51 51) 100%);
color: #fff;
border: 2px solid #000;
box-shadow: inset 0 0 36px -7px #000
}
.onay_input {
text-align:center;
line-height:38px;
font-size:15px;
z-index:1;
position:relative;
}
.head_notify_onay {
position: absolute;
top: 5px;
left: 23px;
width: 31px;
height: 17px;
border-radius: 5px;
display: none;
}
.profil_ziyaret_count {
position: absolute;
bottom: 57px;
left: 1px;
padding: 1px 3px;
border-radius: 50px
}
.head_notify, .menu_notify, .notification {
position: absolute;
display: none;
}
.notification {
top: 2px;
left: 2px;
padding: 0 3px;
border-radius: 5px;
font-size: 9px;
font-weight: 700;
}
.mobile-messages-buttons-wrapper,
.mobile-messages-wrapper {
position: absolute;
left: 0;
right: 0;
top: 0;
pointer-events: none !important;
}
.mobile-messages-buttons-wrapper {
overflow-y: auto !important;
bottom: 48px;
}
.mobile-messages-right-buttons {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 36px;
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
background: #fff;
color: #555;
pointer-events: all;
text-align: center;
box-shadow: 0 -1px 8px 0 rgba(0, 0, 0, .2), 0 0 0 1px #eee !important;
overflow-y: auto;
}
.mobile-messages-right-button {
position: relative;
height: 45px;
border-bottom: 1px solid rgba(0, 0, 0, 0.07);
cursor: pointer;
}
.mobile-messages-right-button:hover {
background: rgba(0, 0, 0, 0.07);
}
.dark .mobile-messages-right-button:hover {
background: hsla(0, 0%, 100%, 0.07);
}
.dark .mobile-messages-right-button {
border-bottom: 1px solid hsla(0, 0%, 100%, 0.07);
}
.mobile-messages-right-button:last-child {
border-bottom: none;
}
.mobile-messages-right-button .icon {
width: 36px;
height: 36px;
font-size: 0.7rem;
line-height: 36px;
text-align: center;
}
.mobile-messages-right-button .icon.expanded-icon {
height: 48px;
line-height: 48px;
}
.dark .mobile-messages-right-buttons {
background: #151f2b;
color: #fff;
box-shadow: 0 -1px 8px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px hsla(0, 0%, 100%, 0.2) !important;
}
.menu-badge {
position: absolute;
bottom: 6px;
font-size: 6px;
padding: 2px 4px;
background: none;
border: none;
background: rgba(0, 0, 0, 0.07);
border-radius: 0.5rem;
-webkit-transform: none;
transform: none;
left: 50%;
-webkit-transform: translate(-50%);
transform: translate(-50%);
text-align: center;
}
.menu-badge.important {
background: #e53935;
color: #fff;
}
.sag-panel-close {
bottom: 100px;
border-radius: 5px 5px 0 0;
margin-left: -18px;
position: fixed;
padding: 11px 2px;
line-height: 33px;
font-size: 32px;
z-index: 2;
cursor: pointer;
}
.user_modal_menu{
background:0 0;
margin: 0 10px;
text-align:center
}
#container_user{
padding: 5px;
}
#container_user .user_modal_menu ul {
width: 100%;
height: 35px;
display: table;
table-layout: fixed;
}
#container_user .user_modal_menu ul li:first-child {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border-left: 1px solid #ddd;
}
#container_user .user_modal_menu ul li:last-child {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
#container_user .user_modal_menu ul li {
padding: 10px 0px;
border-radius: 0;
font-size: .8rem;
font-weight: normal;
margin: 0;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
display: table-cell;
}
#container_user .user_modal_menu .modal_selected {
font-weight: bold;
}
.kisisel_arkaplan_icerik{
width: 428px;
margin: 10px;
height: 400px;
overflow: auto;
}
.kisisel_arkaplan_aktif_olan{
border: 3px rgb(3, 131, 250) solid!important;
}
.kisisel_arkaplan_modal_open .kisisel_arkaplan_tab_content {
max-height: 28.125rem;
min-height: 28.125rem;
overflow-y: auto;
}
.kisisel_arkaplan_active{
color: #eaedf2;
background: #007bff;
}
.kisisel_arkaplan_inside_wrapper {
padding: 1rem 2rem 1rem 0;
}
.kisisel_arkaplan_padding {
padding: 0 !important;
}
.kisisel_arkaplaan{
height: calc(100% - 48px)!important
}
.kisisel_arkaplaan ul{
width: 100%;
margin: 0;
padding: 0;
}
.kisisel_arkaplaan li{
float: left;
list-style-type: none;
width: 46%;
margin: 1.33%;
height: 120px;
position: relative;
}
.kisisel_arkaplan_aktif_olan{
border: 3px rgb(3, 131, 250) solid!important;
}
.kisisel_arkaplan_modal_open .kisisel_arkaplan_tab_content {
max-height: 28.125rem;
min-height: 28.125rem;
overflow-y: auto;
}
.kisisel_arkaplan_active{
color: #eaedf2;
background: #007bff;
}
.kisisel_arkaplan_inside_wrapper {
padding: 1rem 2rem 1rem 0;
}
.kisisel_arkaplan_padding {
padding: 0 !important;
}
.kisisel_arkaplaan{
height: calc(100% - 48px)!important
}
.kisisel_arkaplaan ul{
width: 100%;
margin: 0;
padding: 0;
}
.kisisel_arkaplaan li{
float: left;
list-style-type: none;
width: 46%;
margin: 1.33%;
height: 120px;
position: relative;
}
.kisisel_arkaplaan img{
width: 100%;
height: 120px;
border-radius: 5px;
border: 3px #ffffff solid;
}
.kisisel_arkaplaan h1 {
position: absolute;
top: 64px;
width: 100%;
text-align: center;
font-size: 12px;
background: #08a393;
color: #fff;
}
.kisisel_arkaplaan span{
z-index: 9999;
width: 60px;
height: 60px;
text-align: center;
font-size: 36px!important;
border-radius: 60px;
background: rgba(179, 180, 180, 0.514);
position: absolute;
margin-left: 60px;
margin-top: 20px;
}
@media only screen and (max-width:480px) {
.kisisel_arkaplaan li{
float: left;
list-style-type: none;
width: 33%;
margin: 1.33%;
height: 120px;
position: relative;
}
}
@media screen and (max-width:400px) {
.kisisel_arkaplaan li{
float: left;
list-style-type: none;
width: 33%;
margin: 1.33%;
height: 120px;
position: relative;
}
}
.chat_verify {
font-size: 8px;
color: #e2b719;
vertical-align: initial;
text-shadow: none;
position: absolute;
top: 22px;
left: 22px;
}
.chat_radio_color {color: #ff3333 !important;}
span.radio_sayi_en_alt {
top: 17px;
left: 31px;
padding: 0 3px;
border-radius: 2px;
font-size: 12px;
font-weight: 700;
background: red;
position: absolute;
color: #fff;
}
span.beklemede{color:#fff;background:#8c8c8c;padding:3px 10px;display:inline-block;line-height:1em;margin-top:2px;border-radius:20px;font-weight:400}
span.sirada{color:#000;background:#f5ffac;padding:3px 10px;display:inline-block;line-height:1em;margin-top:2px;border-radius:20px;font-weight:400}
span.calindi{color:#fff;background:#b303d8;padding:3px 10px;display:inline-block;line-height:1em;margin-top:2px;border-radius:20px;font-weight:400}
span.yayinlandi{color:#fff;background:#009020;padding:3px 10px;display:inline-block;line-height:1em;margin-top:2px;border-radius:20px;font-weight:400}
.siradaa{background-color:#f5ffac;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;display:inline-block;cursor:pointer;color:#000;font-family:Arial;font-size:10px;padding:5px 10px;text-decoration:none}
.siradaa:hover{background-color:#eb675e}
.siradaa:active{position:relative;top:1px}
.yayinla{background-color:#009020;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;display:inline-block;cursor:pointer;color:#fff;font-family:Arial;font-size:10px;padding:5px 10px;text-decoration:none}
.yayinlama{background-color:red;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;display:inline-block;cursor:pointer;color:#fff;font-family:Arial;font-size:10px;padding:5px 10px;text-decoration:none}
.yayinla:hover{background-color:#eb675e}
.yayinla:active{position:relative;top:1px}
.post_info span{font-size:11px}
.yonetbuton{margin-top:15px}
.yayinlanmadi{color:#fff;background:red;padding:3px 10px;display:inline-block;line-height:1em;margin-top:2px;border-radius:20px;font-weight:400}
.calindii{background-color:#b303d8;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;cursor:pointer;color:#fff;font-family:Arial;font-size:10px;padding:5px 10px;text-decoration:none;width:38px;float:left;margin-right:5px}
.calindii:hover{background-color:#eb675e}
.calindii:active{position:relative;top:1px}
.DJyayinda{text-align:center;font-size:25px;-webkit-text-stroke:thick;word-spacing:1px;overflow-wrap:break-word;letter-spacing:3px;text-transform:uppercase}
.istek_box{background:#2b2b2b;margin:15px;padding:15px;border-radius:0 30px;border-left:2px solid;border-right:2px solid}
.dj_management_label{position:relative}
.set_dj_button{position:absolute;right:0;top:-4px}
.kayanyazi {
max-width:100%;
overflow:hidden;
}
.kayan_yazi {
white-space:nowrap;
overflow:hidden;
display:inline-block;
animation:kayan_yazi 10s linear infinite;
}
.kayan_yazi div {
display:inline-block;
}
@keyframes kayan_yazi {
0% {
transform:translate(10,0);
}
100% {
transform:translate(-100%,0);
}
}
.sohbet_radyaadi,.radio-tag {
border-radius:.25rem;
border:1px solid rgba(0,0,0,.07);
background:rgba(0,0,0,.07)
}
.sohbet_radyaadi {
min-width:100%;
padding:8px;
margin-bottom:6px
}
.radyo_calan_sarkimiz {
font-weight:bold;
font-family:sans-serif;
}
.background_chats::before {
content:'';
position:absolute;
left:0;
width:100%;
height:100%;
background:url('../default_images/icons/cat.svg');
background-repeat:no-repeat;
background-position:bottom -123px right;
background-size:600px;
opacity:1;
box-shadow: inset 0 0 45px rgb(0,0,0,.271);
}
.roombackground {
background-size:100% 100% !important;
}
.add_room_background {
position:relative;
}
.room_background_item_wrap {
display:table;
border-radius:50px;
overflow:hidden;
}
.room_background_item {
width:40px;
height:30px;
display:table-cell;
vertical-align:middle;
text-align:center;
}
.room_background_menu {
display:table-cell;
vertical-align:middle;
width:147px;
}
.room_background_select {
-webkit-appearance:none;
position:absolute;
top:0;
left:0;
opacity:0;
width:100%;
height:100%;
cursor:pointer;
}
.room_background_size {
height:250px;
}
.choose_room_background {
position: relative;
}
@media screen and (max-width:768px){
#chat_head {height: 50px;}
#my_menu {height: 40px;}
.ust-bar_sag { width: inherit !important; border-left: none!important; }
}
.alt_icon_yazi {
font-size: 8px;
margin-top: 5px;
}
.room_square_elem {
width: calc((97%/4) - 10px);
height: auto;
cursor: pointer;
position: relative;
display: inline-block;
margin: 5px;
overflow: hidden;
border-radius: 5px;
overflow: hidden
}
.square_name {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
font-size: 10px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
padding: 2px 4px;
border-radius: 0 0 5px 5px;
text-align: center
}
.room_square_elem img {
width: 100%;
display: block;
height: auto
}
.div-baslik{
text-align: center;
position: relative;
}
.div-baslik:before {
content: "";
left: 0;
position: absolute;
right: 0;
top: 50%;
border-top: 1px solid #ebebeb;
}
.div-baslik span{
background: #fff;
color: #363636;
display: inline-block;
font-weight: 600;
line-height: 25px;
margin: 0;
padding: 0 30px;
position: relative;
border-radius: 12px;
font-size: 11px;
}
.new_chat_oda {
padding: 8px 10px;
cursor: pointer;
font-size: .8rem;
border-radius: 0.25rem;
margin-bottom: 6px;
border: 1px solid rgb(225 218 218 / 12%);
border-left: 3px solid #03add84f;
position: relative;
overflow: hidden;
}
.new_chat_oda:hover {
border: 1px solid rgba(0,0,0,.13);
border-left: 3px solid rgba(0,0,0,.2);
background: rgba(0,0,0,.02);
}
.room-selection-button {
width: 50px;
height: 100%;
position: absolute;
right: 0;
top: 0;
bottom: 0;
background: transparent;
box-sizing: border-box;
border-left: 30px solid transparent;
border-bottom: 70px solid rgba(0,0,0,.04);
}
.room-selection-button-icon {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 36px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
color: #2196f3;
}
.room_selected .room-selection-item:hover {
border: 1px solid rgba(0, 0, 0, 0.13);
border-left: 3px solid rgba(0, 0, 0, 0.2);
background: rgba(0, 0, 0, 0.02);
}
.room_selected .room-selection-button {
border-bottom: 70px solid #2196f3;
}
.room_selected .room-selection-button-icon {
color: #fff;
}
.oda_efekt {
animation: pulse5 linear 1000ms infinite;
}
.pp_oda {
font-size: 10px;
padding: 2px 4px;
border-radius: 2px;
text-align: center;
left: 200px;
position: absolute;
animation: pulse5 linear 1000ms infinite;
}
@keyframes pulse5 {
0% {
box-shadow: 0 0 0 0 #7885ffb5
}
70% {
box-shadow: 0 0 0 11px transparent
}
to {
box-shadow: 0 0 0 0 transparent
}
}
.ust-bar_sag {
display: table-cell;
vertical-align: middle;
width: 340px;
text-align: -webkit-right;
border-left: 2px solid rgb(255 255 255 / 10%);
}
.ust-bar_button {
display: table-cell;
vertical-align: middle;
width: inherit;
text-align: -webkit-right;
}
.main-menu-button {
display: table-cell;
vertical-align: middle;
height: 60px;
padding: 0 12px;
border-left: 2px solid rgb(255 255 255 / 10%);
cursor: pointer;
}
@keyframes gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
.ust_dj_icerik {
color: #fff;
background: linear-gradient(261deg, #411d11, #fff, #495f69, #23d5ab, #495f696b);
background-size: 500% 500%;
animation: gradient 10s cubic-bezier(0.25, 0.1, 0.15, 1.22) infinite;
}
.dj_userlist {
border-radius: 5px;
}
.dj_liste_baslik{
background:url(../default_images/icons/active-userlist.gif) 129px 129px no-repeat;
background-size:70px 80px;
background-position:right
}
#wave_yazanlar .dot:nth-child(2){
animation-delay:-1.1s
}
#wave_yazanlar .dot:nth-child(3){
animation-delay:-.9s
}
@keyframes wave_yazanlar{
0%,100%,60%{
transform:initial
}
30%{
transform:translateY(-5px)
}
}
.room-writings-layout{
position:absolute;
max-width:100%;
overflow-x:hidden;
left:0;
right:0;
bottom:0;
width:100%;
color:#fff;
padding-bottom:-1px;
white-space:nowrap
}
.room-writing{
display:inline-block;
background:rgba(0,0,0,.13);
border-radius:5px;
font-size:.7rem;
padding:2px 3px;
margin-left:1px
}
.writing-dot{
margin-left:2px;
display:inline-block;
width:3px;
height:3px;
border-radius:50%;
margin-right:0;
animation:wave_yazanlar .8s linear infinite
}
.writing-dot:nth-child(2){
-webkit-animation-delay:.2s;
animation-delay:.2s
}
.writing-dot:nth-child(3){
-webkit-animation-delay:.4s;
animation-delay:.4s
}
.room-writing .writing-dot{
background:#fff
}
.cost_tag { padding:3px; border-radius:50px; }
.cost_tag_icon { width:16px; }
.cost_tag_icon img { width:16px; height:16px; display:block; }
.cost_tag_amount { font-weight:bold; font-size:14px; padding:0 3px; }
.cost_tag_wrapper { display:inline-block; }
.chat_log {
width: auto;
}
.chat_log.log2 {
background: transparent;
}
.chat_log > .chat_avatar {
width: 60px;
}
.chat_log > .my_text {
position: relative;
padding: 6px;
border-radius: 6px;
word-break: break-word;
}
.chat_log > .my_text::before {
content: '';
position: absolute;
top: 14px;
right: 100%;
border-width: 8px;
border-style: solid;
border-color: transparent transparent transparent transparent;
}
.chat_log > .my_text > .btable {
table-layout: auto;
}
.OkeyOyun {
width:100px;
height:50px;
position:fixed;
z-index:4;
margin-top:-44px;
}
.nickdusurmobil {
background-color:blue;
color:#fff;
position:fixed;
margin-top:5px;
margin-left:90px;
font-size:16px;
border-radius:100px;
}
.nickdusurmobil:hover {
background-color:white;
color:black;
position:fixed;
margin-top:5px;
margin-left:90px;
font-size:16px;
border-radius:100px;
}
.masagizlemobil {
background-color:blue;
color:#fff;
position:fixed;
margin-top:5px;
margin-left:260px;
font-size:16px;
border-radius:100px;
}
.masagizlemobil:hover {
background-color:white;
color:black;
position:fixed;
margin-top:5px;
margin-left:260px;
font-size:16px;
border-radius:100px;
}
#oyunmydiv {
position:absolute;
z-index:9;
text-align:center;
border-radius:10px;
color:#ff1100;
}
.oyunmobil {
width:100%;
height:105vh;
background-color:#fffacd00;
position:fixed;
z-index:99;
margin-top:0;
}
.oyuniframe {
position:absolute;
margin-top:30px;
z-index:-1;
margin-left:260px;
}
.nickdusur {
background-color:blue;
color:#fff;
position:fixed;
margin-top:10px;
margin-left:300px;
font-size:16px;
border-radius:100px;
}
.nickdusur:hover {
background-color:white;
color:black;
position:fixed;
margin-top:10px;
margin-left:300px;
font-size:16px;
border-radius:100px;
}
.masagizle {
background-color:blue;
color:#fff;
position:fixed;
margin-top:10px;
margin-left: 919px;
font-size:16px;
border-radius:100px;
}
.masagizle:hover {
background-color:white;
color:black;
position:fixed;
margin-top:10px;
margin-left:919px;
font-size:16px;
border-radius:100px;
}
.masaustdiv {
background-color:#000000a8;
font-size:16px;
width:735px;
height:30px;
margin-top:5px;
position:fixed;
margin-left:262px;
cursor:move;
color:#fff;
border-radius:10px;
line-height:30px;
}
#mydiv {
position: absolute;
z-index: 9;
text-align: center;
border-radius: 10px;
color: #ff1100;
}
.mydivheader {
padding: 4px;
cursor: pointer;
background-color: #ff0000;
color: #fff;
border-radius: 17px;
}
#mydiv1 {
position: absolute;
z-index: 9;
text-align: center;
border-radius: 10px;
color: #ff1100;
}
.mydivheader1 {
padding: 4px;
cursor: pointer;
background-color: #ff0000;
color: #fff;
border-radius: 17px;
}
.OkeyOyun {
width:100px;
height:50px;
position:fixed;
z-index:4;
margin-top:-44px;
}
.nickdusurmobil {
background-color:blue;
color:#fff;
position:fixed;
margin-top:5px;
margin-left:90px;
font-size:16px;
border-radius:100px;
}
.nickdusurmobil:hover {
background-color:white;
color:black;
position:fixed;
margin-top:5px;
margin-left:90px;
font-size:16px;
border-radius:100px;
}
.masagizlemobil {
background-color:blue;
color:#fff;
position:fixed;
margin-top:5px;
margin-left:260px;
font-size:16px;
border-radius:100px;
}
.masagizlemobil:hover {
background-color:white;
color:black;
position:fixed;
margin-top:5px;
margin-left:260px;
font-size:16px;
border-radius:100px;
}
#oyunmydiv {
position:absolute;
z-index:9;
text-align:center;
border-radius:10px;
color:#ff1100;
}
.oyunmobil {
width:100%;
height:105vh;
background-color:#fffacd00;
position:fixed;
z-index:99;
margin-top:0;
}
.oyuniframe {
position:absolute;
margin-top:30px;
z-index:-1;
margin-left:260px;
}
.nickdusur {
background-color:blue;
color:#fff;
position:fixed;
margin-top:10px;
margin-left:300px;
font-size:16px;
border-radius:100px;
}
.nickdusur:hover {
background-color:white;
color:black;
position:fixed;
margin-top:10px;
margin-left:300px;
font-size:16px;
border-radius:100px;
}
.masagizle {
background-color:blue;
color:#fff;
position:fixed;
margin-top:10px;
margin-left: 919px;
font-size:16px;
border-radius:100px;
}
.masagizle:hover {
background-color:white;
color:black;
position:fixed;
margin-top:10px;
margin-left:919px;
font-size:16px;
border-radius:100px;
}
.masaustdiv {
background-color:#000000a8;
font-size:16px;
width:735px;
height:30px;
margin-top:5px;
position:fixed;
margin-left:262px;
cursor:move;
color:#fff;
border-radius:10px;
line-height:30px;
}