#radio-container {
background: url(https://f.top4top.io/p_1574iovjc1.gif) 100% 100% / 100% 100% no-repeat !important;
width: 100%;
}
#radio-container img {
visibility: collapse;
}
button.fl.btn.btn-primary.fa.fa-comments {
margin-right: 12px;
}
#chat__footer {
height: 1.8rem;
background-image: radial-gradient(circle,#332602,#da2a56,#0d0101)!important;
}
.chat__body__message-input__input {
height: 30px;
margin-top: 6px;
}
#chat__footer__menu {
padding: 8px;
margin-left: -5px;
}
div { zoom: 0.990;}
.users-count-label {
position: relative;
padding-top: 0;
margin-top: 28px;
}
a.fa-facebook.btn.btn-primary, a.login-btn-holder__btn.fa.fa-instagram.btn.btn-bayain, a.login-btn-holder__btn.fa.fa-star-half-o.btn.btn-primary, a.login-btn-holder__btn.fa.fa-heartbeat.btn.btn-success {
position: relative;
top: 0px;
color: #fff;
display: inline-block;
border: .5px solid#01061c!important;
border-radius: 4px;
font-size: small;
background-image: radial-gradient(circle,#411718,#841615,#230027)!important;
border-radius: 7px 14px 7px 14px!important;
}
.react-tabs {
-webkit-tap-highlight-color: transparent;
margin-top: 30px;
margin-bottom: -70px;
}
.marquee {
height: 24px;
border-right: aquamarine;
font-family: ‘Changa’, cursive,FontAwesome;
padding-bottom: 10px;
BACKGROUND: rgba(0, 255, 255, 0) !important;
BORDER: #7fffd405 !important;
border-color: #0a91ad00 !important;
top: -72px !important;
position: relative;
font-size: .6rem;
padding: .25rem .2rem;
margin: .3rem;
margin-top: .5rem;
border-radius: 3px;
width: 98%;
background-image: radial-gradient(circle,#411718,#841615,#230027)!important;
}
li#react-tabs-0:hover {
color: #ffc107 !important;
border: 2px solid #ffc1071;
border-color: #ffc107 !important;
}
li#react-tabs-2:hover {
color: #ffc107 !important;
border: 2px solid #ffc107;
border-color: #ffc107 !important;
}
li#react-tabs-4:hover {
color: #ffc107 !important;
border: 2px solid #ffc107;
border-color: #ffc107 !important;
}
li#react-tabs-0 {
color: #ffffff !important;
border: 1px solid #b0ab7e82;
border-color: #b0ab7e82 !important;
}
li#react-tabs-2 {
color: #ffffff !important;
border: 1px solid #b0ab7e82;
border-color: #b0ab7e82 !important;
}
li#react-tabs-4 {
color: #ffffff !important;
border: 1px solid rgba(0, 0, 0, 0.32);
color: #ffffff!important;
}
.copyrightscompany {
visibility: collapse;
}
@keyframes fhd3 {
0%
{
box-shadow: 0 0 0 0 rgba(255,10,74,.7),0 0 0 0 rgba(255,109,74,.7) scale(1);
}
25%
{
box-shadow: 0 0 0 0 rgba(255,10,74,.7),0 0 0 0 rgba(255,109,74,.7) scale(1);
}
30%
{
box-shadow: 0 0 0 0 rgba(255,10,74,.7),0 0 0 0 rgba(255,109,74,.7) scale(1.4);
}
50%
{
box-shadow: 0 0 0 0 rgba(255,10,74,.7),0 0 0 0 rgba(255,109,74,.7) scale(1.2);
}
70%
{
box-shadow: 0 0 0 0 rgba(255,10,74,.7),0 0 0 0 rgba(255,109,74,.7) scale(1.4);
}
90%
{
box-shadow: 0 0 0 0 rgba(255,10,74,.7),0 0 0 0 rgba(255,109,74,.7) scale(1);
}
100%
{
box-shadow: 0 0 0 0 rgba(255,10,74,.7),0 0 0 0 rgba(255,109,74,.7) scale(1);
}
}
@keyframes fhd1 {
0%
{
box-shadow: 0 0 0 0 rgba(255,10,74,.7),0 0 0 0 rgba(255,109,74,.7);
}
40%
{
box-shadow: 0 0 0 5px rgba(255,109,74,0),0 0 0 0 rgba(255,109,74,.7);
}
80%
{
box-shadow: 0 0 0 5px rgba(255,109,74,0),0 0 0 5px rgba(255,109,74,0);
}
80%
{
box-shadow: 0 0 0 0 rgba(255,109,74,0),0 0 0 5px rgba(255,109,74,0);
}
}
@keyframes fhd {
0%
{
box-shadow: 0 0 0 0 rgba(255,109,74,.7),0 0 0 0 rgba(255,109,74,.7);
}
40%
{
box-shadow: 0 0 0 10px rgba(255,109,74,0),0 0 0 0 rgba(255,109,74,.7);
}
80%
{
box-shadow: 0 0 0 10px rgba(255,109,74,0),0 0 0 5px rgba(255,109,74,0);
}
80%
{
box-shadow: 0 0 0 0 rgba(255,109,74,0),0 0 0 5px rgba(255,109,74,0);
}
}
header.label.label-primary {
BACKGROUND: #f0ffff00;
}
#tv_box__close {
position: absolute;
right: 120PX;
BACKGROUND: black;
}
li.border.border-color.btn-primary.chat__footer__menu__item {
border-radius: 24px 24px 24px 24px;
animation: fhd1 1s ease-out infinite normal;
}
.fa-heart:before {
content: “\f004”;
transform: rotate(45deg) translate(10px,10px);
animation: fhd3 1s linear infinite;
}
#online_users .chat_pane__user_item__name {
font-size: .5rem;
font-weight: 700;
padding: .5em;
direction: rtl;
margin: .1rem;
width: 90%;
}
#online_users .chat_pane__user_item__status {
font-size: .0rem;
font-weight: 100;
padding: 0em;
direction: inherit;
margin: .0rem;
width: 100%;
VISIBILITY: HIDDEN;
}
.badge {
display: inline-block;
min-width: 10px;
padding: .1em .5em;
font-size: 12px;
font-weight: 700;
line-height: 1;
color: #fff;
white-space: nowrap;
vertical-align: middle;
background-color: #b50617;
border-radius: 10px;
margin-top: -.9em;
border: 1px solid #000;
}
.btn-primary, .label-primary {
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,#ffffff33 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent)!important;
border-radius: 24px!important;
border-left: .5px solid#c27ba0!important;
border-right: .5px solid#c27ba0!important;
border-top: .5px solid#9d778b!important;
border-bottom: .5px solid#9d778b!important;
border: 1px solid #fff!important;}
a.login-btn-holder__btn.fa.fa-star-half-o.btn.btn-info
{
}
a.login-btn-holder__btn.fa.fa-star-half-o.btn.btn-success
{
}
a.login-btn-holder__btn.fa.fa-heartbeat.btn.btn-danger
{
}
.login-banner__img {
width: 66%;
height: 100px;
}
* {
font-family: Sail, serif;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-weight: bold;
font-weight: bold;
}
#login {
max-width: 390px;
min-height: 100%;
border-radius: 10px;
width: 98%;
background-color: #e9ecef!important;
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent)!important;
outline: #ccc solid 0px!important;
box-shadow: inset 0 2px 2px rgba(0,0,0,.075), 0 0 8px #212529;
border: 1px solid#212529;
background: #dee2e6;
background-image: radial-gradient(circle,#332602,#560d1f,#0d0101)!important;
zoom: 1.02;
}
.react-tabs__tab:hover {
color: #ffc107 !important;
}
::-webkit-scrollbar{width:5px;height:10px}
::-webkit-scrollbar-button{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#000000;border:71px none #fff;border-radius:31px;background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent)!important}
#chat__body__messages_container {
background: #ffffff00;
}
#copyrighs {
font-size: 1px!important;
padding: 0px!important;
color: #e9ecef;
font-family: ‘fanni’;
width: 150px;
margin-left: 1px!important;
margin-top: 15px!important;
background: none!important;
border: 1px solid #e9ecef!important;
}
a {
color: #e9ecef;
text-decoration: none;
background-color: transparent;
}
.react-tabs__tab {
width: 33.33%;
zoom: 0.9;
font-size: .6rem;
padding: .6em 0;
margin: auto;
text-align: center;
border-radius: 7px;
margin-top: -1px;
margin-left: 5px;
background: none;
height: 35px!important;
margin-bottom: 4px;
display: block;
border-radius: 3px;
background-image: radial-gradient(circle,#411718,#841615,#230027)!important;
}
.react-tabs__tab-panel {
padding: .3rem;
padding-bottom: 0px;
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent)!important;
background: #6d767e80;
border: 69px none #fff;
width: 60%;
margin-top: -105px!important;
text-align: end;
margin-left: 140px;
font-family: ‘fanni’;
border-radius: 8px!important;
height: 104px;
position: inherit;
}
#guest-form__submit {
font-size: 17px!important;
padding: .3em .4em;
display: block;
margin-left: 145px;
border-radius: 7px 7px 7px 7px;
margin-top: 33px;
border-color: #408fcaed !important;
position: relative;
visibility: inherit;
width: 42%;
width: 32%;
animation: button 7s ease-out infinite normal;
text-transform: uppercase;
border-radius: 7px!important;
FONT-FAMILY: ‘Changa’, cursive,FontAwesome;
}
#login-form__submit, #register-form__submit {
font-size: 17px!important;
padding: -2.95em 2.5em;
width: 4.4rem;
margin: 0 auto;
display: block;
margin-left: 145px;
border-radius: 7px 7px 7px 7px;
margin-top: -3px;
border-color: #408fcaed !important;
top: 0px;
position: relative;
visibility: inherit;
width: 42%;
width: 32%;
animation: button 7s ease-out infinite normal;
text-transform: uppercase;
}
button.btn.fr.btn-success.fa.fa-refresh.login-header__refresh {
border-radius: 7px!important;
background: radial-gradient(circle,#f8f9fa5e,#b90718,#560d1f)!important;
}
#online_users .chat_pane__user_item {
border-left: none;
box-shadow: 0 4px 4px -4px #000, 0 0 8px #fff;
}
#online_users .chat_pane__user_item__avatar img {
border-width: 1px!important;
padding: 0px;
width: 39px;
height: 39px;
border-radius: 50px;
MARGIN-LEFT: 2PX;
MARGIN-RIGHT: 5PX;
position: absolute;
visibility: visible;
left: -50px;
top: 4px;
z-index: 200;
box-shadow: 1px 1px 1px 2px #b9b9f4, 0 0 2px #b9b9f4;
}
#login-form__hidden_container {
position: absolute;
margin-top: -35px;
padding: 0 .5rem;
right: 140px;
0: ;
}
#connection-state.connected {
position: absolute;
font-size: .55rem;
background-color: #ffffff00;
color: #fff;
padding: .2em 1.4em;
border-radius: .5em;
left: 0;
top: 3px;
height: 0.80rem;
line-height: 1;
}
.public_message__avatar img {
border-radius: .5rem 0 .5rem 0;
border-width: 1px!important;
padding: 1px;
width: 41px;
height: 41px;
border-radius: 6px 6px 6px 6px;
MARGIN-LEFT: 2PX;
MARGIN-RIGHT: 5PX;
border-radius: 50px;
box-shadow: 0 4px 4px -4px #000000, 0 0 0 2px #ccc;
}
.login-banner__img {
max-width: 100%;
height: 50px;
border-radius: 3px;
margin: 0px;
width: 99.5%;
padding: 3px 50px 0px;
position: relative;
font-size: .65rem;
min-height: 2.5rem;
}
.username__wrapper {
background: #cbcbcb;
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 25%,rgba(255,255,255,.2) 50%,rgba(255,255,255,0) 75%,transparent 100%,transparent)!important;
border-bottom: 9px #000;
border-radius: 24px 24px 24px 3px!important;
max-width: 100%!important;
}
.chat_pane__container__banner_img img {
border-radius: 0px !important;
border: 5px solid #ff6d4a00;
border-image: url(https://4.top4top.net/p_1245exqor1.jpg) 30 round;
max-width: 100%;
height: 50px;
margin: 0px;
width: 99.5%;
padding: 3px 100px 0px;
background-color: #e9ecef;
border-color: #9e1158;
position: relative;
font-size: .65rem;
min-height: 2.5rem;
}
#online_users .chat_pane__user_item__avatar img {
border-width: 1px!important;
padding: 0px;
width: 39px;
height: 39px;
border-radius: 7px;
MARGIN-LEFT: 2PX;
MARGIN-RIGHT: 5PX;
position: absolute;
visibility: visible;
left: -50px;
top: 4px;
z-index: 200;
box-shadow: 0 4px 4px -4px #212529, 0 0 8px #212529;
}
#online_users {
outline: #000000 solid 0px!important;
background-color: #410c17!important;
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent)!important;
}
#register-form__submit {
border-radius: 7px!important;
padding: 0 0 3px;
border: 0 solid#ffffff!important;
background-image: radial-gradient(circle,#f8f9fa5e,#560d1f,#e9ecef)!important;
}
#online_users .username__wrapper {
background: #fff;
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent)!important;
margin-top: 0px!important;
border-radius: 5px!important;
max-width: 100%!important;
margin-left: -2px;
}
#online_users .username__icon.fl {
margin-left: 0px;
}
.chat__footer__menu__item:nth-child(2) {
}
#online_users .chat_pane__user_item__avatar img.state_active {
border-left: 0px solid #58c827!important;
}
#online_users .chat_pane__user_item__avatar img.state_idle {
border-left: 0px solid #00ff92a6!important;
}
#online_users .chat_pane__user_item__avatar img.state_no_private {
border-left: 0px solid red!important;
}
#online_users .chat_pane__user_item__flag {
position: absolute;
top: .05em;
right: .05em;
VISIBILITY: HIDDEN;
}
#online_users .chat_pane__user_item {
width: 85%;
padding: 1px;
margin: 1px 0px;
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,#eae9e924 50%,rgba(239, 222, 222, 0.2) 50%,rgba(247, 235, 235, 0.2) 75%,#eae1e100 75%,#efe6e61f)!important;
margin-top: 7px!important;
text-align: end;
margin-left: 55px;
margin-bottom: 6px!important;
color: #b406664f!important;
border-radius: 8px!important;
zoom: 0.9;
}
.user_profile__body__avatar {
border-radius: 10px 1px 10px 1px;
border: 1px solid #000;
box-shadow: 0 1px 1px -1px #000, 0 0 6px #f5f8fa; padding: 0px;
width: 200px;
height: 200px;
display: block;
margin: 5px auto;
}
.chat_box__header__avatar {
border: 1px solid #000;
padding: 0px;
width: 25px;
height: 25px;
border-radius: 8px 0px 8px 0px!important;
MARGIN-LEFT: 2PX;
MARGIN-RIGHT: 5PX;
box-shadow: 0 1px 1px -1px #000, 0 0 6px #f5f8fa;
float: left;
}
.user_profile__header__avatar {
border: 1px solid #000;
padding: 0px;
width: 25px;
height: 25px;
border-radius: 8px 0px 8px 0px!important;
MARGIN-LEFT: 2PX;
MARGIN-RIGHT: 5PX;
box-shadow: 0 1px 1px -1px #000, 0 0 6px #f5f8fa;
float: left;
}
.wall_post {
border-radius: 3px;
margin: 0px;
width: 100%;
padding: 3px 0px 0px;
background-color: white;
border-width: 0.4px 3px 0.5px;
border-style: solid;
border-color: #ccc;
position: relative;
font-size: .65rem;
ackground: #fff;
min-height: 2.5rem;
}
.chat_pane {
position: absolute;
top: 0;
right: 0;
bottom: 30px;
width: 75%;
max-width: 290px;
border: 1px solid #000;
border-bottom: none;
border-radius: 5px;
z-index: 1;
}
#login-form__submit, #register-form__submit {
font-size: 17px!important;
padding: -2.95em 2.5em;
width: 4.4rem;
margin: 0 auto;
display: block;
margin-left: 100px;
border-radius: 7px 7px 7px 7px;
margin-top: -3px;
border-color: #408fcaed !important;
top: 0px;
position: relative;
visibility: inherit;
width: 42%;
width: 32%;
animation: button 7s ease-out infinite normal;
text-transform: uppercase;
}
#login-form__password, #register-form__password {
width: 101%;
margin-top: 3px;
margin-left: -5px!important;
text-align: center;
border-radius: 7px;
height: 30px;
border-left: 1px solid#1a90a5!important;
border-right: 1px solid#1a90a5!important;
border-top: 1px solid#1a90a5!important;
border-bottom: 1px solid#1a90a5!important;
}
#register-form__name, #login-form__name {
width: 52%;
text-align: center;
display: inline;
height: 34px;
border-radius: 7px 7px 0px 0px;
margin-bottom: -2px;
margin-left: 15px;
border-color: #408fcaed !important;
width: 101%;
margin-top: -3px;
margin-left: -5px!important;
text-align: center;
border-radius: 7px;
height: 30px;
border-left: 1px solid#1a90a5!important;
border-right: 1px solid#1a90a5!important;
border-top: 1px solid#1a90a5!important;
border-bottom: 1px solid#1a90a5!important;
}
#guest-form__name {
width: 52%;
text-align: center;
display: inline;
height: 34px;
border-radius: 7px 7px 0px 0px;
margin-bottom: -2px;
margin-left: 15px;
border-color: #408fcaed !important;
width: 101%;
margin-top: -3px;
margin-left: -5px!important;
text-align: center;
border-radius: 7px;
height: 30px;
border-left: 1px solid#1a90a5!important;
border-right: 1px solid#1a90a5!important;
border-top: 1px solid#1a90a5!important;
border-bottom: 1px solid#1a90a5!important;
}
div#online_users .chat_pane__user_item.active, div#online_users .chat_pane__user_item:hover {
background: #ffffffa3;
}
#online_users .chat_pane__user_item__avatar img.state_active {
border-left: 0px solid #58c827!important;
}
#online_users .chat_pane__user_item__avatar img.state_idle {
border-left: 0px solid #00ff92a6!important;
}
#online_users .chat_pane__user_item__avatar img.state_no_private {
border-left: 0px solid red!important;
}
.wall_post__avatar img {
border-radius: 50px;
}
.border-color.chat_pane__user_item {
box-shadow: 0 1px 8px -1px #212529, 0 0 1px #212529;
}
#online_users .chat_pane__user_item {
border-left: none;
box-shadow: 0 4px 4px -4px #ffffff, 0 0 8px #ffffff;
}
#online_users .chat_pane__user_item__avatar {
float: left;
margin: 0;
margin-left: -12px;
}
.chat_pane__user_item__avatar .status {
position: absolute;
left: 2px;
top: 2px;
width: 10px;
height: 10px;
border-radius: 8px;
}
.login-header__title {
color: #fff;
padding: 0 .2rem;
display: inline-block;
font-size: .6rem;
font-family: ‘Aref Ruqaa’, serif;
}
#online_users {
height: 244px;
background: white;
}
.wall_post__footer .btn {
margin-right: .2em;
font-size: .55rem;
font-weight: 700;
margin-bottom: .2em;
animation: button 7s ease-out infinite normal;
}
.btn {
padding: 0 .4em;
outline: none;
border: 1px solid #05050e;
border-radius: 15px;
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
box-shadow: 0 4px 4px -4px #f8f9fa, 0 0 8px #f8f9fa;
animation: fhd1 8s ease-out infinite normal;
}
.private_message__body, .private_message__title {
font-size: .6rem;
font-weight: 700;
padding: 0 .2em 0 2.2em;
direction: rtl;
margin: 0;
}
.public_message {
position: relative;
border: 1px solid #0303031a;
margin: 0px 1px 2px 2px!important;
text-align: left;
width: 99%;
padding: 2px 1px 1px;
border-radius: 10px;
border-width: 1px 2px;
border-style: solid;
border-color: rgb(201, 200, 234);
}
.public_message__content {
color: #060505;
margin: -.5em 0 0;
margin-bottom: 0px;
margin-top:-5px;
}
.private_message__body {
color: #888;
margin: -.6em 0 0;
}
.chat_pane__user_item {
position: relative;
background: rgba(255, 255, 255, 0.8588235294117647);
border: 1px solid #205599;
margin: 0 .05rem;
padding: 0 .05rem;
cursor: pointer;
margin-bottom: -1px;
}
.emoji_picker.public_messages {
left: .1rem;
bottom: 2.5rem;
}
.chat_pane__user_item__status {
color: #888;
width: 100%;
margin-top: -6.9px;
}
.emoji_picker {
position: fixed;
max-width: 250px;
max-height: 600px;
overflow: auto;
background: #fff;
z-index: 4;
padding: 2px;
border: 1px solid #999;
border-radius: 5px;
text-align: center;
bottom: 55PX;
left: 0;
}
.chat_pane__user_item__flag {
position: absolute;
top: .05em;
right: .05em;
}
.chat_pane__user_item__avatar img {
border-radius: .5rem 0 .5rem 0;
border-width: 1px!important;
padding: 1px;
width: 41px;
height: 41px;
border-radius: 6px 6px 6px 6px;
MARGIN-LEFT: 12PX;
MARGIN-RIGHT: 5PX;
border-radius: 50px;
animation: fhd1 8s ease-out infinite normal;
}
.username__wrapper {
margin-top: 0.01em;
padding: 2.1px 8px;
border-radius: 3em 3em;
display: inline-block;
white-space: nowrap;
overflow: hidden !important;
text-overflow: ellipsis;
max-width: 70%;
MARGIN-LEFT: 3PX;
direction: initial;
-webkit-user-select: none;
FONT-SIZE: 15PX;
margin-bottom: 3px;
}
.radius {
border-radius: 3px;
border-radius: 50px;
}
.chat__body__wall_pane__form__input {
text-align: RIGHT;
width: calc(100% – 5rem);
margin-right: .2em;
vertical-align: middle;
PADDING-BOTTOM: 7PX;
padding-top: 7px;
}
.chat_pane__room_item {
padding: .1rem .05rem;
cursor: pointer;
position: relative;
border: 1px solid #ccc;
margin: 0 .05rem;
margin-bottom: -1px;
box-shadow: 0 4px 4px -4px #ffffff33, 0 0 8px #fff3;
}
.private_message {
position: relative;
background: #f5f8fa;
border: 1px solid #f5f8fa;
margin: 0 .05rem;
padding: 0 .05rem;
cursor: pointer;
margin-bottom: -1px;
}
.chat__body__settings_pane__container__button {
cursor: pointer;
text-align: center;
padding-top: .3em;
border-radius: 40px 40px 0px 40px;
border: 1px solid #c9d3e4;
margin-top: 3px;
height: 32px;
line-height: 25px;
font-weight: 700;
position: relative;
margin-bottom: .2rem;
background-color: ghostwhite;
color: rgb(41, 12, 209);
margin: 4px;
padding: 3px;
width: 98%;
}
.chat__footer__menu__item:nth-child(odd) {
border-radius: 15px;
}
.chat__footer__menu__item {
border-radius: 15px;
animation: fhd1 8s ease-out infinite normal;
}
.wall_post {
position: relative;
font-size: .65rem;
background: rgba(255, 255, 255, 0.8588235294117647);
margin-bottom: 0;
border-bottom: 1px solid #ccc;
}
.chat__body__wall_pane__form {
text-align: center;
height: 35px;
padding-top: .05em;
position: relative;
}
.user_profile__footer__actions__item .btn {
border: 1px solid #e6e6fa;
border-radius: .4em;
width: 100%;
font-weight: 700;
font-size: .6rem;
padding: .2em 0;
background: #fff;
color: #000;
}
.label { padding: 2px; }
input {
font-size: .6rem;
padding: 0 .5em;
border: .04em solid #bbb;
outline: none;
}
#chat__body__message-input {
position: absolute;
bottom: -30px;
left: 0;
right: 0;
height: 2.6rem;
text-align: center;
background-color: #e9ecef;
padding-top: .15em;
}
.conversations_item__holder {
padding: 0;
width: 9.4rem;
border: 1px solid #000;
}
.chat_pane__user_item__name, .chat_pane__user_item__status {
font-size: .5rem;
font-weight: 700;
padding: 0.2em;
direction: rtl;
margin: 0rem;
width: 90%;
}
.public_message__content, .public_message__title {
font-size: .6rem;
font-weight: 700;
padding: 0.2em;
direction: rtl;
margin-bottom: 0;
}
.private_message__body, .private_message__title {
font-size: .6rem;
font-weight: 700;
padding: 0.2em;
direction: rtl;
margin: 0;
}
.public_message.greeting {
background-color: #defadaaa;
text-align: center;
padding: 0;
}
.public_message.linen{
background-color: #8883;
}
.user_profile__scroll_area {
background: #fff;
}
#chat__body__messages_container {
background: rgba(255, 255, 255, 0.7490196078431373);
}
chat_pane__user_item.hidden img.state_active {
border-left: 3px solid #007bff !important;
}
#chat__body__wall_pane {
background: #fff !important;
z-index: 2;
}
#login-form__hidden-label {
font-size: .6rem;
margin-top: -26px!important;
margin-left: -195px!important;
position: fixed;
float: right;
color: white;
}
input[type=checkbox], input[type=radio] {
margin-top: -24px!important;
margin-left: -214px!important;
position: fixed;
float: right;
}
.wall_post__body {
font-size: .6rem;
text-align: center;
padding: .2em;
margin: 0 0 2.0em;
font-weight: 700;
width: 100%;
word-break: break-word;
}
.chat_pane__user_item__avatar img.state_active {
border-left: 3px solid #000 !important;
}
.chat_pane__user_item__avatar img.state_idle {
border-left: 3px solid #000 !important;
}
.chat_pane__user_item__avatar img.state_no_private {
border-left: 3px solid red!important;
}
.conversations_item.state_active {
border-left: 3px solid #000;
}
.conversations_item.state_idle {
border-left: 3px solid #000;
}
.conversations_item.state_no_private {
border-left: 3px solid red!important;
}
.chat_pane__room_item {
position: relative;
background: #fff;
border: 1px solid #e6e6fa;
margin: 0 .05rem;
padding: .2rem .05rem;
cursor: pointer;
margin-bottom: -1px;
border-radius: .5rem;
border-left: 3px solid #555!important;
border-right: 3px solid #555!important;
}
.chat_pane__room_item.active {
border-left: 3px solid #495057!important;
border-bottom: 3px solid #6ad661!important;
border-top: 3px solid #6ad661!important;
}
#radio-container {
background: url(https://f.top4top.io/p_1574iovjc1.gif) 100% 100% / 100% 100% no-repeat !important;
width: 100%;
}
#radio-container img {
visibility: collapse;
}
button.fl.btn.btn-primary.fa.fa-comments {
margin-right: 12px;
}
#chat__footer {
height: 1.8rem;
background-image: radial-gradient(circle,#332602,#da2a56,#0d0101)!important;
}
.chat__body__message-input__input {
height: 30px;
margin-top: 6px;
}
#chat__footer__menu {
padding: 8px;
margin-left: -5px;
}
div { zoom: 0.990;}
.users-count-label {
position: relative;
padding-top: 0;
margin-top: 28px;
}
a.fa-facebook.btn.btn-primary, a.login-btn-holder__btn.fa.fa-instagram.btn.btn-bayain, a.login-btn-holder__btn.fa.fa-star-half-o.btn.btn-primary, a.login-btn-holder__btn.fa.fa-heartbeat.btn.btn-success {
position: relative;
top: 0px;
color: #fff;
display: inline-block;
border: .5px solid#01061c!important;
border-radius: 4px;
font-size: small;
background-image: radial-gradient(circle,#411718,#841615,#230027)!important;
border-radius: 7px 14px 7px 14px!important;
}
.react-tabs {
-webkit-tap-highlight-color: transparent;
margin-top: 30px;
margin-bottom: -70px;
}
.marquee {
height: 24px;
border-right: aquamarine;
font-family: ‘Changa’, cursive,FontAwesome;
padding-bottom: 10px;
BACKGROUND: rgba(0, 255, 255, 0) !important;
BORDER: #7fffd405 !important;
border-color: #0a91ad00 !important;
top: -72px !important;
position: relative;
font-size: .6rem;
padding: .25rem .2rem;
margin: .3rem;
margin-top: .5rem;
border-radius: 3px;
width: 98%;
background-image: radial-gradient(circle,#411718,#841615,#230027)!important;
}
li#react-tabs-0:hover {
color: #ffc107 !important;
border: 2px solid #ffc1071;
border-color: #ffc107 !important;
}
li#react-tabs-2:hover {
color: #ffc107 !important;
border: 2px solid #ffc107;
border-color: #ffc107 !important;
}
li#react-tabs-4:hover {
color: #ffc107 !important;
border: 2px solid #ffc107;
border-color: #ffc107 !important;
}
li#react-tabs-0 {
color: #ffffff !important;
border: 1px solid #b0ab7e82;
border-color: #b0ab7e82 !important;
}
li#react-tabs-2 {
color: #ffffff !important;
border: 1px solid #b0ab7e82;
border-color: #b0ab7e82 !important;
}
li#react-tabs-4 {
color: #ffffff !important;
border: 1px solid rgba(0, 0, 0, 0.32);
color: #ffffff!important;
}
.copyrightscompany {
visibility: collapse;
}
@keyframes fhd3 {
0%
{
box-shadow: 0 0 0 0 rgba(255,10,74,.7),0 0 0 0 rgba(255,109,74,.7) scale(1);
}
25%
{
box-shadow: 0 0 0 0 rgba(255,10,74,.7),0 0 0 0 rgba(255,109,74,.7) scale(1);
}
30%
{
box-shadow: 0 0 0 0 rgba(255,10,74,.7),0 0 0 0 rgba(255,109,74,.7) scale(1.4);
}
50%
{
box-shadow: 0 0 0 0 rgba(255,10,74,.7),0 0 0 0 rgba(255,109,74,.7) scale(1.2);
}
70%
{
box-shadow: 0 0 0 0 rgba(255,10,74,.7),0 0 0 0 rgba(255,109,74,.7) scale(1.4);
}
90%
{
box-shadow: 0 0 0 0 rgba(255,10,74,.7),0 0 0 0 rgba(255,109,74,.7) scale(1);
}
100%
{
box-shadow: 0 0 0 0 rgba(255,10,74,.7),0 0 0 0 rgba(255,109,74,.7) scale(1);
}
}
@keyframes fhd1 {
0%
{
box-shadow: 0 0 0 0 rgba(255,10,74,.7),0 0 0 0 rgba(255,109,74,.7);
}
40%
{
box-shadow: 0 0 0 5px rgba(255,109,74,0),0 0 0 0 rgba(255,109,74,.7);
}
80%
{
box-shadow: 0 0 0 5px rgba(255,109,74,0),0 0 0 5px rgba(255,109,74,0);
}
80%
{
box-shadow: 0 0 0 0 rgba(255,109,74,0),0 0 0 5px rgba(255,109,74,0);
}
}
@keyframes fhd {
0%
{
box-shadow: 0 0 0 0 rgba(255,109,74,.7),0 0 0 0 rgba(255,109,74,.7);
}
40%
{
box-shadow: 0 0 0 10px rgba(255,109,74,0),0 0 0 0 rgba(255,109,74,.7);
}
80%
{
box-shadow: 0 0 0 10px rgba(255,109,74,0),0 0 0 5px rgba(255,109,74,0);
}
80%
{
box-shadow: 0 0 0 0 rgba(255,109,74,0),0 0 0 5px rgba(255,109,74,0);
}
}
header.label.label-primary {
BACKGROUND: #f0ffff00;
}
#tv_box__close {
position: absolute;
right: 120PX;
BACKGROUND: black;
}
li.border.border-color.btn-primary.chat__footer__menu__item {
border-radius: 24px 24px 24px 24px;
animation: fhd1 1s ease-out infinite normal;
}
.fa-heart:before {
content: “\f004”;
transform: rotate(45deg) translate(10px,10px);
animation: fhd3 1s linear infinite;
}
#online_users .chat_pane__user_item__name {
font-size: .5rem;
font-weight: 700;
padding: .5em;
direction: rtl;
margin: .1rem;
width: 90%;
}
#online_users .chat_pane__user_item__status {
font-size: .0rem;
font-weight: 100;
padding: 0em;
direction: inherit;
margin: .0rem;
width: 100%;
VISIBILITY: HIDDEN;
}
.badge {
display: inline-block;
min-width: 10px;
padding: .1em .5em;
font-size: 12px;
font-weight: 700;
line-height: 1;
color: #fff;
white-space: nowrap;
vertical-align: middle;
background-color: #b50617;
border-radius: 10px;
margin-top: -.9em;
border: 1px solid #000;
}
.btn-primary, .label-primary {
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,#ffffff33 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent)!important;
border-radius: 24px!important;
border-left: .5px solid#c27ba0!important;
border-right: .5px solid#c27ba0!important;
border-top: .5px solid#9d778b!important;
border-bottom: .5px solid#9d778b!important;
border: 1px solid #fff!important;}
a.login-btn-holder__btn.fa.fa-star-half-o.btn.btn-info
{
}
a.login-btn-holder__btn.fa.fa-star-half-o.btn.btn-success
{
}
a.login-btn-holder__btn.fa.fa-heartbeat.btn.btn-danger
{
}
.login-banner__img {
width: 66%;
height: 100px;
}
* {
font-family: Sail, serif;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-weight: bold;
font-weight: bold;
}
#login {
max-width: 390px;
min-height: 100%;
border-radius: 10px;
width: 98%;
background-color: #e9ecef!important;
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent)!important;
outline: #ccc solid 0px!important;
box-shadow: inset 0 2px 2px rgba(0,0,0,.075), 0 0 8px #212529;
border: 1px solid#212529;
background: #dee2e6;
background-image: radial-gradient(circle,#332602,#560d1f,#0d0101)!important;
}
.react-tabs__tab:hover {
color: #ffc107 !important;
}
::-webkit-scrollbar{width:5px;height:10px}
::-webkit-scrollbar-button{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#000000;border:71px none #fff;border-radius:31px;background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent)!important}
#chat__body__messages_container {
background: #ffffff00;
}
#copyrighs {
font-size: 1px!important;
padding: 0px!important;
color: #e9ecef;
font-family: ‘fanni’;
width: 150px;
margin-left: 1px!important;
margin-top: 15px!important;
background: none!important;
border: 1px solid #e9ecef!important;
}
a {
color: #e9ecef;
text-decoration: none;
background-color: transparent;
}
.react-tabs__tab {
width: 33.33%;
zoom: 0.9;
font-size: .6rem;
padding: .6em 0;
margin: auto;
text-align: center;
border-radius: 7px;
margin-top: -1px;
margin-left: 5px;
background: none;
height: 35px!important;
margin-bottom: 4px;
display: block;
border-radius: 3px;
background-image: radial-gradient(circle,#411718,#841615,#230027)!important;
}
.react-tabs__tab-panel {
padding: .3rem;
padding-bottom: 0px;
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent)!important;
background: #6d767e80;
border: 69px none #fff;
width: 60%;
margin-top: -105px!important;
text-align: end;
margin-left: 140px;
font-family: ‘fanni’;
border-radius: 8px!important;
height: 103px;
position: inherit;
}
#guest-form__submit {
font-size: 17px!important;
padding: .3em .4em;
display: block;
margin-left: 145px;
border-radius: 7px 7px 7px 7px;
margin-top: 33px;
border-color: #408fcaed !important;
position: relative;
visibility: inherit;
width: 42%;
width: 32%;
animation: button 7s ease-out infinite normal;
text-transform: uppercase;
border-radius: 7px!important;
FONT-FAMILY: ‘Changa’, cursive,FontAwesome;
}
#login-form__submit, #register-form__submit {
font-size: 17px!important;
padding: -2.95em 2.5em;
width: 4.4rem;
margin: 0 auto;
display: block;
margin-left: 145px;
border-radius: 7px 7px 7px 7px;
margin-top: -3px;
border-color: #408fcaed !important;
top: 0px;
position: relative;
visibility: inherit;
width: 42%;
width: 32%;
animation: button 7s ease-out infinite normal;
text-transform: uppercase;
}
button.btn.fr.btn-success.fa.fa-refresh.login-header__refresh {
border-radius: 7px!important;
background: radial-gradient(circle,#f8f9fa5e,#b90718,#560d1f)!important;
}
#online_users .chat_pane__user_item {
border-left: none;
box-shadow: 0 4px 4px -4px #000, 0 0 8px #fff;
}
#online_users .chat_pane__user_item__avatar img {
border-width: 1px!important;
padding: 0px;
width: 39px;
height: 39px;
border-radius: 50px;
MARGIN-LEFT: 2PX;
MARGIN-RIGHT: 5PX;
position: absolute;
visibility: visible;
left: -50px;
top: 4px;
z-index: 200;
box-shadow: 1px 1px 1px 2px #b9b9f4, 0 0 2px #b9b9f4;
}
#login-form__hidden_container {
position: absolute;
margin-top: -35px;
padding: 0 .5rem;
right: 140px;
0: ;
}
#connection-state.connected {
position: absolute;
font-size: .55rem;
background-color: #ffffff00;
color: #fff;
padding: .2em 1.4em;
border-radius: .5em;
left: 0;
top: 3px;
height: 0.80rem;
line-height: 1;
}
.public_message__avatar img {
border-radius: .5rem 0 .5rem 0;
border-width: 1px!important;
padding: 1px;
width: 41px;
height: 41px;
border-radius: 6px 6px 6px 6px;
MARGIN-LEFT: 2PX;
MARGIN-RIGHT: 5PX;
border-radius: 50px;
box-shadow: 0 4px 4px -4px #000000, 0 0 0 2px #ccc;
}
.login-banner__img {
max-width: 100%;
height: 50px;
border-radius: 3px;
margin: 0px;
width: 99.5%;
padding: 3px 50px 0px;
position: relative;
font-size: .65rem;
min-height: 2.5rem;
}
.username__wrapper {
background: #cbcbcb;
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 25%,rgba(255,255,255,.2) 50%,rgba(255,255,255,0) 75%,transparent 100%,transparent)!important;
border-bottom: 9px #000;
border-radius: 24px 24px 24px 3px!important;
max-width: 100%!important;
}
.chat_pane__container__banner_img img {
border-radius: 0px !important;
border: 5px solid #ff6d4a00;
border-image: url(https://4.top4top.net/p_1245exqor1.jpg) 30 round;
max-width: 100%;
height: 50px;
margin: 0px;
width: 99.5%;
padding: 3px 100px 0px;
background-color: #e9ecef;
border-color: #9e1158;
position: relative;
font-size: .65rem;
min-height: 2.5rem;
}
#online_users .chat_pane__user_item__avatar img {
border-width: 1px!important;
padding: 0px;
width: 39px;
height: 39px;
border-radius: 7px;
MARGIN-LEFT: 2PX;
MARGIN-RIGHT: 5PX;
position: absolute;
visibility: visible;
left: -50px;
top: 4px;
z-index: 200;
box-shadow: 0 4px 4px -4px #212529, 0 0 8px #212529;
}
#online_users {
outline: #000000 solid 0px!important;
background-color: #410c17!important;
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent)!important;
}
#register-form__submit {
border-radius: 7px!important;
padding: 0 0 3px;
border: 0 solid#ffffff!important;
background-image: radial-gradient(circle,#f8f9fa5e,#560d1f,#e9ecef)!important;
}
#online_users .username__wrapper {
background: #fff;
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent)!important;
margin-top: 0px!important;
border-radius: 5px!important;
max-width: 100%!important;
margin-left: -2px;
}
#online_users .username__icon.fl {
margin-left: 0px;
}
.chat__footer__menu__item:nth-child(2) {
}
#online_users .chat_pane__user_item__avatar img.state_active {
border-left: 0px solid #58c827!important;
}
#online_users .chat_pane__user_item__avatar img.state_idle {
border-left: 0px solid #00ff92a6!important;
}
#online_users .chat_pane__user_item__avatar img.state_no_private {
border-left: 0px solid red!important;
}
#online_users .chat_pane__user_item__flag {
position: absolute;
top: .05em;
right: .05em;
VISIBILITY: HIDDEN;
}
#online_users .chat_pane__user_item {
width: 85%;
padding: 1px;
margin: 1px 0px;
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,#eae9e924 50%,rgba(239, 222, 222, 0.2) 50%,rgba(247, 235, 235, 0.2) 75%,#eae1e100 75%,#efe6e61f)!important;
margin-top: 7px!important;
text-align: end;
margin-left: 55px;
margin-bottom: 6px!important;
color: #b406664f!important;
border-radius: 8px!important;
zoom: 0.9;
}
.user_profile__body__avatar {
border-radius: 10px 1px 10px 1px;
border: 1px solid #000;
box-shadow: 0 1px 1px -1px #000, 0 0 6px #f5f8fa; padding: 0px;
width: 200px;
height: 200px;
display: block;
margin: 5px auto;
}
.chat_box__header__avatar {
border: 1px solid #000;
padding: 0px;
width: 25px;
height: 25px;
border-radius: 8px 0px 8px 0px!important;
MARGIN-LEFT: 2PX;
MARGIN-RIGHT: 5PX;
box-shadow: 0 1px 1px -1px #000, 0 0 6px #f5f8fa;
float: left;
}
.user_profile__header__avatar {
border: 1px solid #000;
padding: 0px;
width: 25px;
height: 25px;
border-radius: 8px 0px 8px 0px!important;
MARGIN-LEFT: 2PX;
MARGIN-RIGHT: 5PX;
box-shadow: 0 1px 1px -1px #000, 0 0 6px #f5f8fa;
float: left;
}
.wall_post {
border-radius: 3px;
margin: 0px;
width: 100%;
padding: 3px 0px 0px;
background-color: white;
border-width: 0.4px 3px 0.5px;
border-style: solid;
border-color: #ccc;
position: relative;
font-size: .65rem;
ackground: #fff;
min-height: 2.5rem;
}
.chat_pane {
position: absolute;
top: 0;
right: 0;
bottom: 30px;
width: 75%;
max-width: 290px;
border: 1px solid #000;
border-bottom: none;
border-radius: 5px;
z-index: 1;
}
#login-form__submit, #register-form__submit {
font-size: 17px!important;
padding: -2.95em 2.5em;
width: 4.4rem;
margin: 0 auto;
display: block;
margin-left: 100px;
border-radius: 7px 7px 7px 7px;
margin-top: -3px;
border-color: #408fcaed !important;
top: 0px;
position: relative;
visibility: inherit;
width: 42%;
width: 32%;
animation: button 7s ease-out infinite normal;
text-transform: uppercase;
}
#login-form__password, #register-form__password {
width: 101%;
margin-top: 3px;
margin-left: -5px!important;
text-align: center;
border-radius: 7px;
height: 30px;
border-left: 1px solid#1a90a5!important;
border-right: 1px solid#1a90a5!important;
border-top: 1px solid#1a90a5!important;
border-bottom: 1px solid#1a90a5!important;
}
#register-form__name, #login-form__name {
width: 52%;
text-align: center;
display: inline;
height: 34px;
border-radius: 7px 7px 0px 0px;
margin-bottom: -2px;
margin-left: 15px;
border-color: #408fcaed !important;
width: 101%;
margin-top: -3px;
margin-left: -5px!important;
text-align: center;
border-radius: 7px;
height: 30px;
border-left: 1px solid#1a90a5!important;
border-right: 1px solid#1a90a5!important;
border-top: 1px solid#1a90a5!important;
border-bottom: 1px solid#1a90a5!important;
}
#guest-form__name {
width: 52%;
text-align: center;
display: inline;
height: 34px;
border-radius: 7px 7px 0px 0px;
margin-bottom: -2px;
margin-left: 15px;
border-color: #408fcaed !important;
width: 101%;
margin-top: -3px;
margin-left: -5px!important;
text-align: center;
border-radius: 7px;
height: 30px;
border-left: 1px solid#1a90a5!important;
border-right: 1px solid#1a90a5!important;
border-top: 1px solid#1a90a5!important;
border-bottom: 1px solid#1a90a5!important;
}
div#online_users .chat_pane__user_item.active, div#online_users .chat_pane__user_item:hover {
background: #ffffffa3;
}
#online_users .chat_pane__user_item__avatar img.state_active {
border-left: 0px solid #58c827!important;
}
#online_users .chat_pane__user_item__avatar img.state_idle {
border-left: 0px solid #00ff92a6!important;
}
#online_users .chat_pane__user_item__avatar img.state_no_private {
border-left: 0px solid red!important;
}
.wall_post__avatar img {
border-radius: 50px;
}
.border-color.chat_pane__user_item {
box-shadow: 0 1px 8px -1px #212529, 0 0 1px #212529;
}
#online_users .chat_pane__user_item {
border-left: none;
box-shadow: 0 4px 4px -4px #ffffff, 0 0 8px #ffffff;
}
#online_users .chat_pane__user_item__avatar {
float: left;
margin: 0;
margin-left: -12px;
}
.chat_pane__user_item__avatar .status {
position: absolute;
left: 2px;
top: 2px;
width: 10px;
height: 10px;
border-radius: 8px;
}
.login-header__title {
color: #fff;
padding: 0 .2rem;
display: inline-block;
font-size: .6rem;
font-family: ‘Aref Ruqaa’, serif;
}
#online_users {
height: 244px;
background: white;
}
.wall_post__footer .btn {
margin-right: .2em;
font-size: .55rem;
font-weight: 700;
margin-bottom: .2em;
animation: button 7s ease-out infinite normal;
}
.btn {
padding: 0 .4em;
outline: none;
border: 1px solid #05050e;
border-radius: 15px;
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
box-shadow: 0 4px 4px -4px #f8f9fa, 0 0 8px #f8f9fa;
animation: fhd1 8s ease-out infinite normal;
}
.private_message__body, .private_message__title {
font-size: .6rem;
font-weight: 700;
padding: 0 .2em 0 2.2em;
direction: rtl;
margin: 0;
}
.public_message {
position: relative;
border: 1px solid #0303031a;
margin: 0px 1px 2px 2px!important;
text-align: left;
width: 99%;
padding: 2px 1px 1px;
border-radius: 10px;
border-width: 1px 2px;
border-style: solid;
border-color: rgb(201, 200, 234);
}
.public_message__content {
color: #060505;
margin: -.5em 0 0;
margin-bottom: 0px;
margin-top:-5px;
}
.private_message__body {
color: #888;
margin: -.6em 0 0;
}
.chat_pane__user_item {
position: relative;
background: rgba(255, 255, 255, 0.8588235294117647);
border: 1px solid #205599;
margin: 0 .05rem;
padding: 0 .05rem;
cursor: pointer;
margin-bottom: -1px;
}
.emoji_picker.public_messages {
left: .1rem;
bottom: 2.5rem;
}
.chat_pane__user_item__status {
color: #888;
width: 100%;
margin-top: -6.9px;
}
.emoji_picker {
position: fixed;
max-width: 250px;
max-height: 600px;
overflow: auto;
background: #fff;
z-index: 4;
padding: 2px;
border: 1px solid #999;
border-radius: 5px;
text-align: center;
bottom: 55PX;
left: 0;
}
.chat_pane__user_item__flag {
position: absolute;
top: .05em;
right: .05em;
}
.chat_pane__user_item__avatar img {
border-radius: .5rem 0 .5rem 0;
border-width: 1px!important;
padding: 1px;
width: 41px;
height: 41px;
border-radius: 6px 6px 6px 6px;
MARGIN-LEFT: 12PX;
MARGIN-RIGHT: 5PX;
border-radius: 50px;
animation: fhd1 8s ease-out infinite normal;
}
.username__wrapper {
margin-top: 0.01em;
padding: 2.1px 8px;
border-radius: 3em 3em;
display: inline-block;
white-space: nowrap;
overflow: hidden !important;
text-overflow: ellipsis;
max-width: 70%;
MARGIN-LEFT: 3PX;
direction: initial;
-webkit-user-select: none;
FONT-SIZE: 15PX;
margin-bottom: 3px;
}
.radius {
border-radius: 3px;
border-radius: 50px;
}
.chat__body__wall_pane__form__input {
text-align: RIGHT;
width: calc(100% – 5rem);
margin-right: .2em;
vertical-align: middle;
PADDING-BOTTOM: 7PX;
padding-top: 7px;
}
.chat_pane__room_item {
padding: .1rem .05rem;
cursor: pointer;
position: relative;
border: 1px solid #ccc;
margin: 0 .05rem;
margin-bottom: -1px;
box-shadow: 0 4px 4px -4px #ffffff33, 0 0 8px #fff3;
}
.private_message {
position: relative;
background: #f5f8fa;
border: 1px solid #f5f8fa;
margin: 0 .05rem;
padding: 0 .05rem;
cursor: pointer;
margin-bottom: -1px;
}
.chat__body__settings_pane__container__button {
cursor: pointer;
text-align: center;
padding-top: .3em;
border-radius: 40px 40px 0px 40px;
border: 1px solid #c9d3e4;
margin-top: 3px;
height: 32px;
line-height: 25px;
font-weight: 700;
position: relative;
margin-bottom: .2rem;
background-color: ghostwhite;
color: rgb(41, 12, 209);
margin: 4px;
padding: 3px;
width: 98%;
}
.chat__footer__menu__item:nth-child(odd) {
border-radius: 15px;
}
.chat__footer__menu__item {
border-radius: 15px;
animation: fhd1 8s ease-out infinite normal;
}
.wall_post {
position: relative;
font-size: .65rem;
background: rgba(255, 255, 255, 0.8588235294117647);
margin-bottom: 0;
border-bottom: 1px solid #ccc;
}
.chat__body__wall_pane__form {
text-align: center;
height: 35px;
padding-top: .05em;
position: relative;
}
.user_profile__footer__actions__item .btn {
border: 1px solid #e6e6fa;
border-radius: .4em;
width: 100%;
font-weight: 700;
font-size: .6rem;
padding: .2em 0;
background: #fff;
color: #000;
}
.label { padding: 2px; }
input {
font-size: .6rem;
padding: 0 .5em;
border: .04em solid #bbb;
outline: none;
}
#chat__body__message-input {
position: absolute;
bottom: -30px;
left: 0;
right: 0;
height: 2.6rem;
text-align: center;
background-color: #e9ecef;
padding-top: .15em;
}
.conversations_item__holder {
padding: 0;
width: 9.4rem;
border: 1px solid #000;
}
.chat_pane__user_item__name, .chat_pane__user_item__status {
font-size: .5rem;
font-weight: 700;
padding: 0.2em;
direction: rtl;
margin: 0rem;
width: 90%;
}
.public_message__content, .public_message__title {
font-size: .6rem;
font-weight: 700;
padding: 0.2em;
direction: rtl;
margin-bottom: 0;
}
.private_message__body, .private_message__title {
font-size: .6rem;
font-weight: 700;
padding: 0.2em;
direction: rtl;
margin: 0;
}
.public_message.greeting {
background-color: #defadaaa;
text-align: center;
padding: 0;
}
.public_message.linen{
background-color: #8883;
}
.user_profile__scroll_area {
background: #fff;
}
#chat__body__messages_container {
background: rgba(255, 255, 255, 0.7490196078431373);
}
chat_pane__user_item.hidden img.state_active {
border-left: 3px solid #007bff !important;
}
#chat__body__wall_pane {
background: #fff !important;
z-index: 2;
}
#login-form__hidden-label {
font-size: .6rem;
margin-top: -26px!important;
margin-left: -195px!important;
position: fixed;
float: right;
color: white;
}
input[type=checkbox], input[type=radio] {
margin-top: -24px!important;
margin-left: -214px!important;
position: fixed;
float: right;
}
.wall_post__body {
font-size: .6rem;
text-align: center;
padding: .2em;
margin: 0 0 2.0em;
font-weight: 700;
width: 100%;
word-break: break-word;
}
.chat_pane__user_item__avatar img.state_active {
border-left: 3px solid #000 !important;
}
.chat_pane__user_item__avatar img.state_idle {
border-left: 3px solid #000 !important;
}
.chat_pane__user_item__avatar img.state_no_private {
border-left: 3px solid red!important;
}
.conversations_item.state_active {
border-left: 3px solid #000;
}
.conversations_item.state_idle {
border-left: 3px solid #000;
}
.conversations_item.state_no_private {
border-left: 3px solid red!important;
}
.chat_pane__room_item {
position: relative;
background: #fff;
border: 1px solid #e6e6fa;
margin: 0 .05rem;
padding: .2rem .05rem;
cursor: pointer;
margin-bottom: -1px;
border-radius: .5rem;
border-left: 3px solid #555!important;
border-right: 3px solid #555!important;
}
.chat_pane__room_item.active {
border-left: 3px solid #495057!important;
border-bottom: 3px solid #6ad661!important;
border-top: 3px solid #6ad661!important;
}
#radio-container {
background: url(https://f.top4top.io/p_1574iovjc1.gif) 100% 100% / 100% 100% no-repeat !important;
width: 100%;
}
#radio-container img {
visibility: collapse;
}
button.fl.btn.btn-primary.fa.fa-comments {
margin-right: 12px;
}
#chat__footer {
height: 1.8rem;
background-image: radial-gradient(circle,#332602,#da2a56,#0d0101)!important;
}
.chat__body__message-input__input {
height: 30px;
margin-top: 6px;
}
#chat__footer__menu {
padding: 8px;
margin-left: -5px;
}
div { zoom: 0.990;}
.users-count-label {
position: relative;
padding-top: 0;
margin-top: 28px;
}
a.fa-facebook.btn.btn-primary, a.login-btn-holder__btn.fa.fa-instagram.btn.btn-bayain, a.login-btn-holder__btn.fa.fa-star-half-o.btn.btn-primary, a.login-btn-holder__btn.fa.fa-heartbeat.btn.btn-success {
position: relative;
top: 0px;
color: #fff;
display: inline-block;
border: .5px solid#01061c!important;
border-radius: 4px;
font-size: small;
background-image: radial-gradient(circle,#411718,#841615,#230027)!important;
border-radius: 7px 14px 7px 14px!important;
}
.react-tabs {
-webkit-tap-highlight-color: transparent;
margin-top: 30px;
margin-bottom: -70px;
}
.marquee {
height: 24px;
border-right: aquamarine;
font-family: ‘Changa’, cursive,FontAwesome;
padding-bottom: 10px;
BACKGROUND: rgba(0, 255, 255, 0) !important;
BORDER: #7fffd405 !important;
border-color: #0a91ad00 !important;
top: -72px !important;
position: relative;
font-size: .6rem;
padding: .25rem .2rem;
margin: .3rem;
margin-top: .5rem;
border-radius: 3px;
width: 98%;
background-image: radial-gradient(circle,#411718,#841615,#230027)!important;
}
li#react-tabs-0:hover {
color: #ffc107 !important;
border: 2px solid #ffc1071;
border-color: #ffc107 !important;
}
li#react-tabs-2:hover {
color: #ffc107 !important;
border: 2px solid #ffc107;
border-color: #ffc107 !important;
}
li#react-tabs-4:hover {
color: #ffc107 !important;
border: 2px solid #ffc107;
border-color: #ffc107 !important;
}
li#react-tabs-0 {
color: #ffffff !important;
border: 1px solid #b0ab7e82;
border-color: #b0ab7e82 !important;
}
li#react-tabs-2 {
color: #ffffff !important;
border: 1px solid #b0ab7e82;
border-color: #b0ab7e82 !important;
}
li#react-tabs-4 {
color: #ffffff !important;
border: 1px solid rgba(0, 0, 0, 0.32);
color: #ffffff!important;
}
.copyrightscompany {
visibility: collapse;
}
@keyframes fhd3 {
0%
{
box-shadow: 0 0 0 0 rgba(255,10,74,.7),0 0 0 0 rgba(255,109,74,.7) scale(1);
}
25%
{
box-shadow: 0 0 0 0 rgba(255,10,74,.7),0 0 0 0 rgba(255,109,74,.7) scale(1);
}
30%
{
box-shadow: 0 0 0 0 rgba(255,10,74,.7),0 0 0 0 rgba(255,109,74,.7) scale(1.4);
}
50%
{
box-shadow: 0 0 0 0 rgba(255,10,74,.7),0 0 0 0 rgba(255,109,74,.7) scale(1.2);
}
70%
{
box-shadow: 0 0 0 0 rgba(255,10,74,.7),0 0 0 0 rgba(255,109,74,.7) scale(1.4);
}
90%
{
box-shadow: 0 0 0 0 rgba(255,10,74,.7),0 0 0 0 rgba(255,109,74,.7) scale(1);
}
100%
{
box-shadow: 0 0 0 0 rgba(255,10,74,.7),0 0 0 0 rgba(255,109,74,.7) scale(1);
}
}
@keyframes fhd1 {
0%
{
box-shadow: 0 0 0 0 rgba(255,10,74,.7),0 0 0 0 rgba(255,109,74,.7);
}
40%
{
box-shadow: 0 0 0 5px rgba(255,109,74,0),0 0 0 0 rgba(255,109,74,.7);
}
80%
{
box-shadow: 0 0 0 5px rgba(255,109,74,0),0 0 0 5px rgba(255,109,74,0);
}
80%
{
box-shadow: 0 0 0 0 rgba(255,109,74,0),0 0 0 5px rgba(255,109,74,0);
}
}
@keyframes fhd {
0%
{
box-shadow: 0 0 0 0 rgba(255,109,74,.7),0 0 0 0 rgba(255,109,74,.7);
}
40%
{
box-shadow: 0 0 0 10px rgba(255,109,74,0),0 0 0 0 rgba(255,109,74,.7);
}
80%
{
box-shadow: 0 0 0 10px rgba(255,109,74,0),0 0 0 5px rgba(255,109,74,0);
}
80%
{
box-shadow: 0 0 0 0 rgba(255,109,74,0),0 0 0 5px rgba(255,109,74,0);
}
}
header.label.label-primary {
BACKGROUND: #f0ffff00;
}
#tv_box__close {
position: absolute;
right: 120PX;
BACKGROUND: black;
}
li.border.border-color.btn-primary.chat__footer__menu__item {
border-radius: 24px 24px 24px 24px;
animation: fhd1 1s ease-out infinite normal;
}
.fa-heart:before {
content: “\f004”;
transform: rotate(45deg) translate(10px,10px);
animation: fhd3 1s linear infinite;
}
#online_users .chat_pane__user_item__name {
font-size: .5rem;
font-weight: 700;
padding: .5em;
direction: rtl;
margin: .1rem;
width: 90%;
}
#online_users .chat_pane__user_item__status {
font-size: .0rem;
font-weight: 100;
padding: 0em;
direction: inherit;
margin: .0rem;
width: 100%;
VISIBILITY: HIDDEN;
}
.badge {
display: inline-block;
min-width: 10px;
padding: .1em .5em;
font-size: 12px;
font-weight: 700;
line-height: 1;
color: #fff;
white-space: nowrap;
vertical-align: middle;
background-color: #b50617;
border-radius: 10px;
margin-top: -.9em;
border: 1px solid #000;
}
.btn-primary, .label-primary {
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,#ffffff33 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent)!important;
border-radius: 24px!important;
border-left: .5px solid#c27ba0!important;
border-right: .5px solid#c27ba0!important;
border-top: .5px solid#9d778b!important;
border-bottom: .5px solid#9d778b!important;
border: 1px solid #fff!important;}
a.login-btn-holder__btn.fa.fa-star-half-o.btn.btn-info
{
}
a.login-btn-holder__btn.fa.fa-star-half-o.btn.btn-success
{
}
a.login-btn-holder__btn.fa.fa-heartbeat.btn.btn-danger
{
}
.login-banner__img {
width: 66%;
height: 100px;
}
* {
font-family: Sail, serif;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-weight: bold;
font-weight: bold;
}
#login {
max-width: 390px;
min-height: 100%;
border-radius: 10px;
width: 98%;
background-color: #e9ecef!important;
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent)!important;
outline: #ccc solid 0px!important;
box-shadow: inset 0 2px 2px rgba(0,0,0,.075), 0 0 8px #212529;
border: 1px solid#212529;
background: #dee2e6;
background-image: radial-gradient(circle,#332602,#560d1f,#0d0101)!important;
zoom: 1.02;
}
.react-tabs__tab:hover {
color: #ffc107 !important;
}
::-webkit-scrollbar{width:5px;height:10px}
::-webkit-scrollbar-button{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#000000;border:71px none #fff;border-radius:31px;background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent)!important}
#chat__body__messages_container {
background: #ffffff00;
}
#copyrighs {
font-size: 1px!important;
padding: 0px!important;
color: #e9ecef;
font-family: ‘fanni’;
width: 150px;
margin-left: 1px!important;
margin-top: 15px!important;
background: none!important;
border: 1px solid #e9ecef!important;
}
a {
color: #e9ecef;
text-decoration: none;
background-color: transparent;
}
.react-tabs__tab {
width: 33.33%;
zoom: 0.9;
font-size: .6rem;
padding: .6em 0;
margin: auto;
text-align: center;
border-radius: 7px;
margin-top: -1px;
margin-left: 5px;
background: none;
height: 35px!important;
margin-bottom: 4px;
display: block;
border-radius: 3px;
background-image: radial-gradient(circle,#411718,#841615,#230027)!important;
}
.react-tabs__tab-panel {
padding: .3rem;
padding-bottom: 0px;
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent)!important;
background: #6d767e80;
border: 69px none #fff;
width: 60%;
margin-top: -105px!important;
text-align: end;
margin-left: 140px;
font-family: ‘fanni’;
border-radius: 8px!important;
height: 104px;
position: inherit;
}
#guest-form__submit {
font-size: 17px!important;
padding: .3em .4em;
display: block;
margin-left: 145px;
border-radius: 7px 7px 7px 7px;
margin-top: 33px;
border-color: #408fcaed !important;
position: relative;
visibility: inherit;
width: 42%;
width: 32%;
animation: button 7s ease-out infinite normal;
text-transform: uppercase;
border-radius: 7px!important;
FONT-FAMILY: ‘Changa’, cursive,FontAwesome;
}
#login-form__submit, #register-form__submit {
font-size: 17px!important;
padding: -2.95em 2.5em;
width: 4.4rem;
margin: 0 auto;
display: block;
margin-left: 145px;
border-radius: 7px 7px 7px 7px;
margin-top: -3px;
border-color: #408fcaed !important;
top: 0px;
position: relative;
visibility: inherit;
width: 42%;
width: 32%;
animation: button 7s ease-out infinite normal;
text-transform: uppercase;
}
button.btn.fr.btn-success.fa.fa-refresh.login-header__refresh {
border-radius: 7px!important;
background: radial-gradient(circle,#f8f9fa5e,#b90718,#560d1f)!important;
}
#online_users .chat_pane__user_item {
border-left: none;
box-shadow: 0 4px 4px -4px #000, 0 0 8px #fff;
}
#online_users .chat_pane__user_item__avatar img {
border-width: 1px!important;
padding: 0px;
width: 39px;
height: 39px;
border-radius: 50px;
MARGIN-LEFT: 2PX;
MARGIN-RIGHT: 5PX;
position: absolute;
visibility: visible;
left: -50px;
top: 4px;
z-index: 200;
box-shadow: 1px 1px 1px 2px #b9b9f4, 0 0 2px #b9b9f4;
}
#login-form__hidden_container {
position: absolute;
margin-top: -35px;
padding: 0 .5rem;
right: 140px;
0: ;
}
#connection-state.connected {
position: absolute;
font-size: .55rem;
background-color: #ffffff00;
color: #fff;
padding: .2em 1.4em;
border-radius: .5em;
left: 0;
top: 3px;
height: 0.80rem;
line-height: 1;
}
.public_message__avatar img {
border-radius: .5rem 0 .5rem 0;
border-width: 1px!important;
padding: 1px;
width: 41px;
height: 41px;
border-radius: 6px 6px 6px 6px;
MARGIN-LEFT: 2PX;
MARGIN-RIGHT: 5PX;
border-radius: 50px;
box-shadow: 0 4px 4px -4px #000000, 0 0 0 2px #ccc;
}
.login-banner__img {
max-width: 100%;
height: 50px;
border-radius: 3px;
margin: 0px;
width: 99.5%;
padding: 3px 50px 0px;
position: relative;
font-size: .65rem;
min-height: 2.5rem;
}
.username__wrapper {
background: #cbcbcb;
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 25%,rgba(255,255,255,.2) 50%,rgba(255,255,255,0) 75%,transparent 100%,transparent)!important;
border-bottom: 9px #000;
border-radius: 24px 24px 24px 3px!important;
max-width: 100%!important;
}
.chat_pane__container__banner_img img {
border-radius: 0px !important;
border: 5px solid #ff6d4a00;
border-image: url(https://4.top4top.net/p_1245exqor1.jpg) 30 round;
max-width: 100%;
height: 50px;
margin: 0px;
width: 99.5%;
padding: 3px 100px 0px;
background-color: #e9ecef;
border-color: #9e1158;
position: relative;
font-size: .65rem;
min-height: 2.5rem;
}
#online_users .chat_pane__user_item__avatar img {
border-width: 1px!important;
padding: 0px;
width: 39px;
height: 39px;
border-radius: 7px;
MARGIN-LEFT: 2PX;
MARGIN-RIGHT: 5PX;
position: absolute;
visibility: visible;
left: -50px;
top: 4px;
z-index: 200;
box-shadow: 0 4px 4px -4px #212529, 0 0 8px #212529;
}
#online_users {
outline: #000000 solid 0px!important;
background-color: #410c17!important;
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent)!important;
}
#register-form__submit {
border-radius: 7px!important;
padding: 0 0 3px;
border: 0 solid#ffffff!important;
background-image: radial-gradient(circle,#f8f9fa5e,#560d1f,#e9ecef)!important;
}
#online_users .username__wrapper {
background: #fff;
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent)!important;
margin-top: 0px!important;
border-radius: 5px!important;
max-width: 100%!important;
margin-left: -2px;
}
#online_users .username__icon.fl {
margin-left: 0px;
}
.chat__footer__menu__item:nth-child(2) {
}
#online_users .chat_pane__user_item__avatar img.state_active {
border-left: 0px solid #58c827!important;
}
#online_users .chat_pane__user_item__avatar img.state_idle {
border-left: 0px solid #00ff92a6!important;
}
#online_users .chat_pane__user_item__avatar img.state_no_private {
border-left: 0px solid red!important;
}
#online_users .chat_pane__user_item__flag {
position: absolute;
top: .05em;
right: .05em;
VISIBILITY: HIDDEN;
}
#online_users .chat_pane__user_item {
width: 85%;
padding: 1px;
margin: 1px 0px;
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,#eae9e924 50%,rgba(239, 222, 222, 0.2) 50%,rgba(247, 235, 235, 0.2) 75%,#eae1e100 75%,#efe6e61f)!important;
margin-top: 7px!important;
text-align: end;
margin-left: 55px;
margin-bottom: 6px!important;
color: #b406664f!important;
border-radius: 8px!important;
zoom: 0.9;
}
.user_profile__body__avatar {
border-radius: 10px 1px 10px 1px;
border: 1px solid #000;
box-shadow: 0 1px 1px -1px #000, 0 0 6px #f5f8fa; padding: 0px;
width: 200px;
height: 200px;
display: block;
margin: 5px auto;
}
.chat_box__header__avatar {
border: 1px solid #000;
padding: 0px;
width: 25px;
height: 25px;
border-radius: 8px 0px 8px 0px!important;
MARGIN-LEFT: 2PX;
MARGIN-RIGHT: 5PX;
box-shadow: 0 1px 1px -1px #000, 0 0 6px #f5f8fa;
float: left;
}
.user_profile__header__avatar {
border: 1px solid #000;
padding: 0px;
width: 25px;
height: 25px;
border-radius: 8px 0px 8px 0px!important;
MARGIN-LEFT: 2PX;
MARGIN-RIGHT: 5PX;
box-shadow: 0 1px 1px -1px #000, 0 0 6px #f5f8fa;
float: left;
}
.wall_post {
border-radius: 3px;
margin: 0px;
width: 100%;
padding: 3px 0px 0px;
background-color: white;
border-width: 0.4px 3px 0.5px;
border-style: solid;
border-color: #ccc;
position: relative;
font-size: .65rem;
ackground: #fff;
min-height: 2.5rem;
}
.chat_pane {
position: absolute;
top: 0;
right: 0;
bottom: 30px;
width: 75%;
max-width: 290px;
border: 1px solid #000;
border-bottom: none;
border-radius: 5px;
z-index: 1;
}
#login-form__submit, #register-form__submit {
font-size: 17px!important;
padding: -2.95em 2.5em;
width: 4.4rem;
margin: 0 auto;
display: block;
margin-left: 100px;
border-radius: 7px 7px 7px 7px;
margin-top: -3px;
border-color: #408fcaed !important;
top: 0px;
position: relative;
visibility: inherit;
width: 42%;
width: 32%;
animation: button 7s ease-out infinite normal;
text-transform: uppercase;
}
#login-form__password, #register-form__password {
width: 101%;
margin-top: 3px;
margin-left: -5px!important;
text-align: center;
border-radius: 7px;
height: 30px;
border-left: 1px solid#1a90a5!important;
border-right: 1px solid#1a90a5!important;
border-top: 1px solid#1a90a5!important;
border-bottom: 1px solid#1a90a5!important;
}
#register-form__name, #login-form__name {
width: 52%;
text-align: center;
display: inline;
height: 34px;
border-radius: 7px 7px 0px 0px;
margin-bottom: -2px;
margin-left: 15px;
border-color: #408fcaed !important;
width: 101%;
margin-top: -3px;
margin-left: -5px!important;
text-align: center;
border-radius: 7px;
height: 30px;
border-left: 1px solid#1a90a5!important;
border-right: 1px solid#1a90a5!important;
border-top: 1px solid#1a90a5!important;
border-bottom: 1px solid#1a90a5!important;
}
#guest-form__name {
width: 52%;
text-align: center;
display: inline;
height: 34px;
border-radius: 7px 7px 0px 0px;
margin-bottom: -2px;
margin-left: 15px;
border-color: #408fcaed !important;
width: 101%;
margin-top: -3px;
margin-left: -5px!important;
text-align: center;
border-radius: 7px;
height: 30px;
border-left: 1px solid#1a90a5!important;
border-right: 1px solid#1a90a5!important;
border-top: 1px solid#1a90a5!important;
border-bottom: 1px solid#1a90a5!important;
}
div#online_users .chat_pane__user_item.active, div#online_users .chat_pane__user_item:hover {
background: #ffffffa3;
}
#online_users .chat_pane__user_item__avatar img.state_active {
border-left: 0px solid #58c827!important;
}
#online_users .chat_pane__user_item__avatar img.state_idle {
border-left: 0px solid #00ff92a6!important;
}
#online_users .chat_pane__user_item__avatar img.state_no_private {
border-left: 0px solid red!important;
}
.wall_post__avatar img {
border-radius: 50px;
}
.border-color.chat_pane__user_item {
box-shadow: 0 1px 8px -1px #212529, 0 0 1px #212529;
}
#online_users .chat_pane__user_item {
border-left: none;
box-shadow: 0 4px 4px -4px #ffffff, 0 0 8px #ffffff;
}
#online_users .chat_pane__user_item__avatar {
float: left;
margin: 0;
margin-left: -12px;
}
.chat_pane__user_item__avatar .status {
position: absolute;
left: 2px;
top: 2px;
width: 10px;
height: 10px;
border-radius: 8px;
}
.login-header__title {
color: #fff;
padding: 0 .2rem;
display: inline-block;
font-size: .6rem;
font-family: ‘Aref Ruqaa’, serif;
}
#online_users {
height: 244px;
background: white;
}
.wall_post__footer .btn {
margin-right: .2em;
font-size: .55rem;
font-weight: 700;
margin-bottom: .2em;
animation: button 7s ease-out infinite normal;
}
.btn {
padding: 0 .4em;
outline: none;
border: 1px solid #05050e;
border-radius: 15px;
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
box-shadow: 0 4px 4px -4px #f8f9fa, 0 0 8px #f8f9fa;
animation: fhd1 8s ease-out infinite normal;
}
.private_message__body, .private_message__title {
font-size: .6rem;
font-weight: 700;
padding: 0 .2em 0 2.2em;
direction: rtl;
margin: 0;
}
.public_message {
position: relative;
border: 1px solid #0303031a;
margin: 0px 1px 2px 2px!important;
text-align: left;
width: 99%;
padding: 2px 1px 1px;
border-radius: 10px;
border-width: 1px 2px;
border-style: solid;
border-color: rgb(201, 200, 234);
}
.public_message__content {
color: #060505;
margin: -.5em 0 0;
margin-bottom: 0px;
margin-top:-5px;
}
.private_message__body {
color: #888;
margin: -.6em 0 0;
}
.chat_pane__user_item {
position: relative;
background: rgba(255, 255, 255, 0.8588235294117647);
border: 1px solid #205599;
margin: 0 .05rem;
padding: 0 .05rem;
cursor: pointer;
margin-bottom: -1px;
}
.emoji_picker.public_messages {
left: .1rem;
bottom: 2.5rem;
}
.chat_pane__user_item__status {
color: #888;
width: 100%;
margin-top: -6.9px;
}
.emoji_picker {
position: fixed;
max-width: 250px;
max-height: 600px;
overflow: auto;
background: #fff;
z-index: 4;
padding: 2px;
border: 1px solid #999;
border-radius: 5px;
text-align: center;
bottom: 55PX;
left: 0;
}
.chat_pane__user_item__flag {
position: absolute;
top: .05em;
right: .05em;
}
.chat_pane__user_item__avatar img {
border-radius: .5rem 0 .5rem 0;
border-width: 1px!important;
padding: 1px;
width: 41px;
height: 41px;
border-radius: 6px 6px 6px 6px;
MARGIN-LEFT: 12PX;
MARGIN-RIGHT: 5PX;
border-radius: 50px;
animation: fhd1 8s ease-out infinite normal;
}
.username__wrapper {
margin-top: 0.01em;
padding: 2.1px 8px;
border-radius: 3em 3em;
display: inline-block;
white-space: nowrap;
overflow: hidden !important;
text-overflow: ellipsis;
max-width: 70%;
MARGIN-LEFT: 3PX;
direction: initial;
-webkit-user-select: none;
FONT-SIZE: 15PX;
margin-bottom: 3px;
}
.radius {
border-radius: 3px;
border-radius: 50px;
}
.chat__body__wall_pane__form__input {
text-align: RIGHT;
width: calc(100% – 5rem);
margin-right: .2em;
vertical-align: middle;
PADDING-BOTTOM: 7PX;
padding-top: 7px;
}
.chat_pane__room_item {
padding: .1rem .05rem;
cursor: pointer;
position: relative;
border: 1px solid #ccc;
margin: 0 .05rem;
margin-bottom: -1px;
box-shadow: 0 4px 4px -4px #ffffff33, 0 0 8px #fff3;
}
.private_message {
position: relative;
background: #f5f8fa;
border: 1px solid #f5f8fa;
margin: 0 .05rem;
padding: 0 .05rem;
cursor: pointer;
margin-bottom: -1px;
}
.chat__body__settings_pane__container__button {
cursor: pointer;
text-align: center;
padding-top: .3em;
border-radius: 40px 40px 0px 40px;
border: 1px solid #c9d3e4;
margin-top: 3px;
height: 32px;
line-height: 25px;
font-weight: 700;
position: relative;
margin-bottom: .2rem;
background-color: ghostwhite;
color: rgb(41, 12, 209);
margin: 4px;
padding: 3px;
width: 98%;
}
.chat__footer__menu__item:nth-child(odd) {
border-radius: 15px;
}
.chat__footer__menu__item {
border-radius: 15px;
animation: fhd1 8s ease-out infinite normal;
}
.wall_post {
position: relative;
font-size: .65rem;
background: rgba(255, 255, 255, 0.8588235294117647);
margin-bottom: 0;
border-bottom: 1px solid #ccc;
}
.chat__body__wall_pane__form {
text-align: center;
height: 35px;
padding-top: .05em;
position: relative;
}
.user_profile__footer__actions__item .btn {
border: 1px solid #e6e6fa;
border-radius: .4em;
width: 100%;
font-weight: 700;
font-size: .6rem;
padding: .2em 0;
background: #fff;
color: #000;
}
.label { padding: 2px; }
input {
font-size: .6rem;
padding: 0 .5em;
border: .04em solid #bbb;
outline: none;
}
#chat__body__message-input {
position: absolute;
bottom: -30px;
left: 0;
right: 0;
height: 2.6rem;
text-align: center;
background-color: #e9ecef;
padding-top: .15em;
}
.conversations_item__holder {
padding: 0;
width: 9.4rem;
border: 1px solid #000;
}
.chat_pane__user_item__name, .chat_pane__user_item__status {
font-size: .5rem;
font-weight: 700;
padding: 0.2em;
direction: rtl;
margin: 0rem;
width: 90%;
}
.public_message__content, .public_message__title {
font-size: .6rem;
font-weight: 700;
padding: 0.2em;
direction: rtl;
margin-bottom: 0;
}
.private_message__body, .private_message__title {
font-size: .6rem;
font-weight: 700;
padding: 0.2em;
direction: rtl;
margin: 0;
}
.public_message.greeting {
background-color: #defadaaa;
text-align: center;
padding: 0;
}
.public_message.linen{
background-color: #8883;
}
.user_profile__scroll_area {
background: #fff;
}
#chat__body__messages_container {
background: rgba(255, 255, 255, 0.7490196078431373);
}
chat_pane__user_item.hidden img.state_active {
border-left: 3px solid #007bff !important;
}
#chat__body__wall_pane {
background: #fff !important;
z-index: 2;
}
#login-form__hidden-label {
font-size: .6rem;
margin-top: -26px!important;
margin-left: -195px!important;
position: fixed;
float: right;
color: white;
}
input[type=checkbox], input[type=radio] {
margin-top: -24px!important;
margin-left: -214px!important;
position: fixed;
float: right;
}
.wall_post__body {
font-size: .6rem;
text-align: center;
padding: .2em;
margin: 0 0 2.0em;
font-weight: 700;
width: 100%;
word-break: break-word;
}
.chat_pane__user_item__avatar img.state_active {
border-left: 3px solid #000 !important;
}
.chat_pane__user_item__avatar img.state_idle {
border-left: 3px solid #000 !important;
}
.chat_pane__user_item__avatar img.state_no_private {
border-left: 3px solid red!important;
}
.conversations_item.state_active {
border-left: 3px solid #000;
}
.conversations_item.state_idle {
border-left: 3px solid #000;
}
.conversations_item.state_no_private {
border-left: 3px solid red!important;
}
.chat_pane__room_item {
position: relative;
background: #fff;
border: 1px solid #e6e6fa;
margin: 0 .05rem;
padding: .2rem .05rem;
cursor: pointer;
margin-bottom: -1px;
border-radius: .5rem;
border-left: 3px solid #555!important;
border-right: 3px solid #555!important;
}
.chat_pane__room_item.active {
border-left: 3px solid #495057!important;
border-bottom: 3px solid #6ad661!important;
border-top: 3px solid #6ad661!important;
}
a.fa-facebook.btn.btn-primary, a.login-btn-holder__btn.fa.fa-instagram.btn.btn-bayain, a.login-btn-holder__btn.fa.fa-star-half-o.btn.btn-primary, a.login-btn-holder__btn.fa.fa-heartbeat.btn.btn-success {
height: 26px;
background-image: linear-gradient(90deg,#03A9F4 0,#3F51B5 10%,#2196F3 51%,#3F51B5 89%,#03A9F4 100%)!important;
border-radius: 3px!important;
border-left: .5px solid#333!important;
border-right: .5px solid#333!important;
border-top: .5px solidrgba(255,255,255,.15)!important;
border-bottom: .5px solid#333!important;
border-bottom: -3.5px solidrgba(255,255,255,.15)!important;
border: 1px solid #333!important;
margin-top: -14px;
color: white;
}
.login_wrapper {
zoom: 0.99;
}users-count-label {
position: relative;
zoom: 0.93;
}
div {
zoom: 0.998;
}
.chat__body__message-input__input {
width: calc(100% – 5rem);
height: 28px;
}
.user_profile__footer__actions__item {
margin: 2px;
width: 32%;
display: inline-flex;
height: 29px;
}
user_profile__footer__actions__item .btn {
border: 1px solid #e6e6fa;
border-radius: .4em;
width: 100%;
font-weight: 700;
font-size: .6rem;
padding: 7px;
background: #fff;
}
.chat__footer__menu__item:nth-child(1) {
padding-right: 3px;
}
.chat__footer__menu__item:nth-child(3) {
padding-right: 2px;
padding-left: 5px;
}
.chat__footer__menu__item:nth-child(4) {
padding-right: 2px;
padding-right: 2px;
padding-left: 2px;
}
.chat__footer__menu__item.unread {
background-color: orange;
padding-right: 0px;
padding-left: 2px;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: initial;
text-rendering: auto;
-webkit-font-smoothing: inherit;
-moz-osx-font-smoothing: grayscale;
}
#chat__body__wall_pane .chat_pane__container {
height: calc(100% – 1.4rem – 1.25rem);
overflow-x: hidden;
}
button#guest-form__submit
#guest-form__submit {
border-color: #408fcaed !important;
width: auto;
font-size: 20px!important;
padding: -2.95em 2.5em;
border: 1px solid #bbb;
border-radius: 5rem;
width: 3rem;
margin: 0 auto;
display: block;
margin-left: 133px;
border-radius: 7px 7px 7px 7px;
position: relative;
visibility: inherit;
position: fixed;
float: right;
}
.react-tabs__tab-panel {
padding: .3rem;
padding-bottom: 0px;
background-image: linear-gradient(90deg,#03A9F4 0,#3F51B5 10%,#2196F3 51%,#3F51B5 89%,#03A9F4 100%)!important;
background: #315970;
border: 69px none #fff;
width: 62%;
margin-top: -100px!important;
margin-left: 140px;
margin-bottom: 6px!important;
font-family: ‘fanni’;
border-radius: 8px!important;
height: 88px;
}
#login-btn-holder {
background-image: linear-gradient(90deg,#03A9F4 0,#3F51B5 10%,#2196F3 51%,#3F51B5 89%,#03A9F4 100%)!important;
zoom: 0.8;
margin-bottom: 6px;
height: 5px;
border-radius: 7px;
border-bottom: 4px solid #3b444b;
border-top: 4px solid #3b444b;
font-size: 16px!important;
padding: 15px!important;
BACKGROUND: #cccccc20;
}
.login-header__refresh:before {
top: 4px;
position: absolute;
left: .4em;
}
#chat__body__messages_container {
height: calc(702px – 4.7rem);
}
.user_profile_body__status {
text-align: center;
margin-bottom: .4rem;
font-size: .65rem;
}
.marquee {
padding: 0;
font-size: .6rem;
padding: .3rem .2rem;
margin-top: .1rem;
border-radius: 1em 0 1em 0;
font-family: ‘Changa’, sans-serif;
padding: 1px;
width: 65%;
height: 20px;
box-shadow: 0 4px 4px -4px #f8f9fa, 0 0 8px #9E9E9E;
background-image: linear-gradient(90deg,#03A9F4 0,#3F51B5 10%,#2196F3 51%,#3F51B5 89%,#03A9F4 100%)!important;
border-radius: 3px!important;
border-left: .5px solid#333!important;
border-right: .5px solid#333!important;
border-top: .5px solidrgba(255,255,255,.15)!important;
border-bottom: .5px solid#333!important;
border-bottom: -3.5px solidrgba(255,255,255,.15)!important;
border: 1px solid #333!important;
}
.chat_pane__user_item__status {
font-size: .65rem;
color: #888;
width: 100%;
margin-top: .15rem;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 9;
-webkit-box-orient: vertical;
}
#login-header {
border-top-left-radius: .5rem;
border-top-right-radius: .5rem;
margin: 0;
position: relative;
BORDER-BOTTOM-LEFT-RADIUS: 0PX;
BORDER-BOTTOM-right-RADIUS: 0PX;
}
#online_users .chat_pane__user_item__avatar img {
border-radius: .5rem 0 .5rem 0;
border-width: 1px!important;
padding: 0px;
width: 39px;
height: 39px;
border-radius: 7px;
MARGIN-LEFT: 2PX;
MARGIN-RIGHT: 5PX;
position: absolute;
visibility: visible;
left: -45px;
top: 4px;
z-index: 200;
box-shadow: 0 4px 4px -4px #333, 0 0 8px #17a2b8;
}
#online_users {
height: 253px;
background: #c51e0014;
outline: #b4066605 solid 1px!important;
background-color: #ffffff33!important;
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent)!important;
}
#guest-form__submit, #login-form__submit, #register-form__submit {
display: block;
width: 100%;
margin-bottom: .1rem;
font-size: .7rem;
padding: .2em .5em;
border: 1px solid #bbb;
border-radius: 0 0 1.3em 1.3em;
border-radius: 7px!important;
width: 85px;
position: inherit;
height: 36px;
margin-bottom: 4px;
padding: 0 0 3px;
border: 0 solid#ffffff!important;
font-family: ‘fanni’;
background-image: radial-gradient(circle,#3b444b,#021a2a,#05101978)!important;
font-family: ‘Aref Ruqaa’, serif;
}
#online_users .username__wrapper {
background: #fff;
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent)!important;
margin-top: 0px!important;
border-radius: 5px!important;
max-width: 100%!important;
margin-left: -2px;
}
#online_users .username__icon.fl {
margin-left: -30px;
}
.chat__footer__menu__item:nth-child(2) {
}
#online_users .chat_pane__user_item__avatar img.state_active {
border-left: 0px solid #58c827!important;
}
#online_users .chat_pane__user_item__avatar img.state_idle {
border-left: 0px solid #00ff92a6!important;
}
#online_users .chat_pane__user_item__avatar img.state_no_private {
border-left: 0px solid red!important;
}
#online_users .chat_pane__user_item__flag {
position: absolute;
top: .05em;
right: .05em;
VISIBILITY: HIDDEN;
}
#online_users .chat_pane__user_item {
margin-top: 5px!important;
border-radius: 9px!important;
border: 1px solid #315970;
width: 87%;
padding: 1px;
border-radius: 0px;
margin: 1px 0px;
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,#eae9e924 50%,rgba(239, 222, 222, 0.2) 50%,rgba(247, 235, 235, 0.2) 75%,#eae1e100 75%,#efe6e61f)!important;
margin-top: 7px!important;
text-align: end;
margin-left: 47px;
margin-bottom: 6px!important;
color: #b406664f!important;
font-family: ‘fanni’;
border-radius: 8px!important;
}
#chat__footer {
position: absolute;
bottom: 0px;
left: 0;
right: 0;
height: 1.5rem;
max-width: 100%;
background-color: #d4c6c6;
background: linear-gradient(163deg,#cccccc 0%,#661c1c4f 100%);
}
#chat__body__message-input {
position: absolute;
bottom: -4px;
left: 0;
right: 0;
height: 1.6rem;
text-align: center;
background-color: #d4c6c6;
padding-top: .15em;
background: linear-gradient(163deg,#cccccc 0%,#661c1c4f 100%);
}
button.btn.btn-danger.wall_comments__header__close {
padding-right: 7px;
padding-left: 7px;
}
button.fl.btn.btn-primary.fa.fa-comments {
border-radius: 8px;
padding-right: 1px;
animation: button2 7s ease-out infinite normal;
}
.img-thumbnail {
padding: .0rem;
background-color: #f5f8fa;
border: 1px solid #dee2e6;
border-radius: .25rem;
}
.crisp-x94m06 crisp-ws3gf1{
bottom: 80px!important
}
button.btn.btn-danger.user_profile__header__close {
PADDING-LEFT: 8PX;
PADDING-RIGHT: 8PX;
}
button.btn.btn-danger.user_profile__header__close {
PADDING-LEFT: 8PX;
PADDING-RIGHT: 8PX;
}
button.btn.btn-info.fa.fa-expand.pull-right {
PADDING-RIGHT: 11PX;
PADDING-LEFT: 11PX;
}
button.btn.btn-danger.fa.fa-minus.pull-right {
PADDING-RIGHT: 11PX;
PADDING-LEFT: 11PX;
}
button.btn.btn-primary.fa.fa-share-alt {
PADDING-RIGHT: 14PX;
}
button.btn.btn-primary.fa.fa-phone {
PADDING-RIGHT: 14PX;
}
#chat_box {
position: absolute;
top: 0;
left: 0;
width: 97%;
max-width: 500px;
height: 50%;
min-height: 180px;
max-height: 500px;
border: 1px solid #000;
border-radius: 0 8px 5px 5px;
background-color: #4a5261;
z-index: 1;
max-width: 500px;
border-radius: 5px;
}
#login {
width: 100%;
max-width: 400px;
height: 100vh;
margin: 0 auto;
border: 1px solid #000;
border-radius: .5rem;
background-color: #ffffff33;
ZOOM: 1;
overflow-x: hidden;
overflow-y: hidden;
height: 596px;
}
.chat__body__settings_pane__container__button.form-control.warning {
background: darkred;
}
.chat_pane__user_item__avatar img.state_idle {
border-left: 3px solid #00ff92a6!important;
}
.public_message__content, .public_message__title {
font-weight: 900;
font-size: .65rem;
}
span.chat_pane__room_item–inline.label.label-primary {
padding: 2px;
max-width: 180px;
min-width: 60px;
}
.chat__body__wall_pane__form__input {
width: calc(100% – 5.5rem);
margin-right: .2em;
vertical-align: middle;
padding: 4px;
}
button.fa.fa-send.btn.btn-primary.chat__body__wall_pane__form__send {
padding: 0.0px;
}
.btn {
font-size: .7rem;
padding: 0 7px;
outline: none;
border-radius: 8px;
box-shadow: 0 4px 4px -4px #f8f9fa, 0 0 8px #f5f8fa;
}
.chat_pane__user_item {
position: relative;
background: #fff;
border: 1px solid #000000;
margin: 0 .06rem;
padding: 0 .05rem;
cursor: pointer;
width: 99%;
border-radius: 5px!important;
border-color: rgba(201, 200, 234, 0.6);
margin-bottom: 1px;
}
img#main-footer-top-request-mic {
visibility: hidden;
}
img#main-footer-top-stop-sound {
visibility: hidden;
MARGIN-LEFT: -11PX;
}
.public_message__content {
color: #212529;
margin: 0;
PADDING-BOTTOM: 2PX;
}
.public_message.greeting {
background-color: rgba(0, 77, 255, 0.08)!important;
text-align: left;
padding: .5em;
}
.wall_post__body {
padding: 0.2em;
margin: 0 0 1.5em;
}
button.wall_post__body__remove.fr.btn.btn-danger.fa.fa-times {
border-radius: 8px;
margin-left: 2px;
}
button.fl.btn.btn-danger.fa.fa-heart {
MARGIN-LEFT: 9PX;
border-radius: 8px;
animation: button2 7s ease-out infinite normal;
}
button.fl.btn.btn-primary.fa.fa-comments {
border-radius: 8px;
margin-right: 88px;
}
.chat_pane__user_item.hidden img.state_active {
border-left: 3px solid #007bff !important;
}
.badge {
display: inline-block;
min-width: 10px;
padding: .1em .5em;
font-size: 12px;
font-weight: 700;
line-height: 1;
color: #eeeeee;
white-space: nowrap;
vertical-align: middle;
background-color: #030405;
border-radius: 10px;
margin-top: -.9em;
border: 1px solid #000;
}
#login-form__hidden-label {
font-size: .6rem;
margin-top: -67px!important;
margin-left: 164px!important;
position: fixed;
float: right;
color: white;
}
#login-form__hidden_container {
position: absolute;
margin-top: -70px;
padding: 0 .5rem;
right: 0;
}
input[type=checkbox], input[type=radio] {
margin-top: -65px!important;
margin-left: 144px!important;
tant: ;
position: fixed;
float: right;
}
font-face{font-family:’fanni’;src:url(https://www.fontstatic.com/fonts/fanni/Fanni.eot?#iefix);src:local(فني),local(fanni),url(https://www.fontstatic.com/fonts/fanni/Fanni.woff) format(“woff”)}@font-face{font-family:’jazeera’;src:url(https://www.fontstatic.com/fonts/jazeera/jazeera.eot?#iefix);src:local(الجزيرة),local(jazeera),url(https://www.fontstatic.com/fonts/jazeera/jazeera.woff) format(“woff”)}@font-face{font-family:’jazeera-light’;src:url(https://www.fontstatic.com/fonts/jazeera-light/jazeera-light.eot?#iefix);src:local(‘الجزيرة خفيف’),local(jazeera-light),url(https://www.fontstatic.com/fonts/jazeera-light/jazeera-light.woff) format(“woff”)}
#login-form__submit, #register-form__submit {
font-size: 17px!important;
padding: -2.95em 2.5em;
width: 4.4rem;
margin: 0 auto;
display: block;
margin-left: 145px;
border-radius: 7px 7px 7px 7px;
margin-top: -34px;
border-color: #408fcaed !important;
top: 0px;
position: relative;
visibility: inherit;
width: 42%;
width: 32%;
animation: button 7s ease-out infinite normal;
text-transform: uppercase;
}
#login-form__password, #register-form__password {
width: 52%;
text-align: center;
display: inline;
height: 34px;
border-radius: 0px 0px 7px 7px;
margin-left: 15px;
margin-bottom: -1px;
border-color: #408fcaed !important;
}
#register-form__name, #login-form__name {
width: 52%;
text-align: center;
display: inline;
height: 34px;
border-radius: 7px 7px 0px 0px;
margin-bottom: -2px;
margin-left: 15px;
border-color: #408fcaed !important;
}
.react-tabs__tab {
width: 33.33%;
zoom: 0.9;
font-size: .6rem;
padding: .6em 0;
border-radius: 1.2em 1.2em 0 0;
border-top-width: 3px;
border-bottom-width: 2px;
border-top-style: solid;
border-bottom-style: solid;
font-family: Al-Jazeera-Regular,serif, FontAwesome;
background-image: radial-gradient(circle,rgba(255,255,255,.2),#03A9F4,#2196F3,#3F51B5,#667a893d)!important;
color: #fff;
margin: auto;
text-align: center;
border-radius: 7px;
height: 87%!important;
color: white;
margin-top: -2px;
font-family: ‘jazeera’,FontAwesome;
margin-left: 5px;
background: none;
height: 35px!important;
margin-bottom: 8px;
display: block;
border: 71px none #fff;
border-radius: 31px;
border: 65px none #fff;
border-radius: 34px;
}
#guest-form__name {
text-align: center;
display: inline;
height: 34px;
border-radius: 7px 7px 0px 0px;
margin-bottom: -2px;
margin-left: 55px;
border-color: #408fcaed !important;
width: 52%;
}
#guest-form__submit{
border-color: #408fcaed !important;
width: auto;
font-size: 20px!important;
padding: -2.95em 2.5em;
border: 1px solid #bbb;
border-radius: 5rem;
width: 3rem;
margin: 0 auto;
display: block;
margin-left: 75px;
border-radius: 7px 7px 7px 7px;
position: relative;
visibility: inherit;
}
.btn-primary, .label-primary {
background-image: linear-gradient(90deg,#03A9F4 0,#3F51B5 10%,#2196F3 51%,#3F51B5 89%,#03A9F4 100%)!important;
border-radius: 3px!important;
border-left: .5px solid#333!important;
border-right: .5px solid#333!important;
border-top: .5px solidrgba(255,255,255,.15)!important;
border-bottom: .5px solid#333!important;
border-bottom: -3.5px solidrgba(255,255,255,.15)!important;
border: 1px solid #333!important;
}
.radius {
border-radius: 3px;
width: 36px;
height: 38px;
box-shadow: 0 4px 4px -4px rgb(171,33,71), 0 0 8px rgb(171,33,71);
border-radius: 0px;
MARGIN-LEFT: 2PX;
MARGIN-RIGHT: 5PX;
box-shadow: 0 4px 4px -4px rgba(18, 11, 13, 0.98), 0 0 1px rgb(64, 29, 39);
}
.public_message {
position: relative;
text-align: left;
background-color: white;
border-radius: 5px;
background-color: white;
border: 1px solid lavender;
border-radius: 5px;
margin-bottom: -2px;
width: 99.5%;
padding: 1px;
background-color: #ffffff;
}
.chat_pane__user_item__avatar img {
border-radius: .5rem 0 .5rem 0;
border-width: 1px!important;
padding: 0px;
width: 36px;
height: 38px;
border-radius: 0px;
MARGIN-LEFT: 2PX;
MARGIN-RIGHT: 5PX;
box-shadow: 0 4px 4px -4px rgba(15, 9, 10, 0.98), 0 0 1px rgb(12, 6, 8);
}
.public_message__avatar img {
border-radius: .5rem 0 .5rem 0;
border-width: 1px!important;
padding: 0px;
wi: 36px;
width: 36px;
height: 38px;
border-radius: 0px;
MARGIN-LEFT: 2PX;
MARGIN-RIGHT: 5PX;
box-shadow: 0 4px 4px -4px rgba(22, 20, 20, 0.98), 0 0 1px rgb(25, 19, 21);
background-size: contain;
background-repeat: no-repeat;
background-position: 50% 50%;
margin-left: 1px;
margin-top: 1px;
}
.chat_pane__room_item–inline {
padding: 3px 3px;
}
.login-banner__img {
width: 100%;
max-height: 18rem;
HEIGHT: 110PX;
}
* {
font-family: serif;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-weight: bold;
}
.chat__footer__menu__item {
border-radius: 0px;
}
.chat__footer__menu__item:nth-child(odd) {
border-radius: 0px;
}
.label-count .count {
margin-left: .2rem;
font-size: 18px !important;
}
.label-count {
font-size: 16.4px !important;
}
#connection-state {
position: absolute;
font-size: 20px!important;
background-color: #e0392d;
color: #fff;
padding: 9px 0.4em!important;
border-radius: .5em;
left: .05rem;
top: 0;
height: 30px!important;
line-height: 1rem!important;
}
.users-count-label .blog_alamira_btn {
position: absolute;
top: 1PX;
right: 0;
BACKGROUND: center;
border-radius: .5em;
padding: 0px 0.5em;
color: #fff;
border-color: #c1c1c100 !important;
animation: button 7s ease-out infinite normal;
text-transform: uppercase;
}
#login-form__hidden-label {
font-size: .6rem;
margin-left: .2rem;
}
.label-count .fa {
font-size: 20px!important;
padding: .1em .5em;
background-color: #5cb85c;
border-color: #4cae4c;
margin-left: -2.8em;
border-radius: 7px 7px 7px 7px;
}
#users-count-label__app-btn, #connection-state, .label-count .fa, .login-header__refresh {
background-color: rgba(248, 249, 250, 0) !important;
color: #fff;
}
#copyrighs {
bottom: 0px !important;
position: relative;
height: 38px;
padding: 5px;
}
.chat_pane__user_item__avatar img.state_active {
border-left: 3px solid #17a2b8 !important;
}
.chat_pane__user_item__avatar img.state_idle {
border-left: 3px solid #17a2b8 !important;
}
.chat_pane__user_item__avatar img.state_no_private {
border-left: 3px solid red!important;
}
.conversations_item.state_active {
border-left: 3px solid #17a2b8;
}
.conversations_item.state_idle {
border-left: 3px solid #17a2b8;
}
.conversations_item.state_no_private {
border-left: 3px solid red!important;
.label-primary {
background-image: linear-gradient(90deg,#315970 0,#17a2b8 10%,#315970 51%,rgba(23,162,184,.5) 89%,#315970 100%)!important;
border-radius: 3px!important;
border-left: .5px solid#333!important;
border-right: .5px solid#333!important;
border-bottom: .5px solid#333!important;
border: 1px solid #333!important;
}
https://egywatchpro.com/
اخطر 10 نباتات علي وجه الارض تؤدي اللي الموت دائماً احذر منها بالصور والفيديو
الأرشيف
من بينهم نبات خطر ويسبب الوفاة اللحظية
لو كنت فاكر ان الكلام عن النباتات بيكون عشان جمالة او شكلة الحلو بس تبقا غلطان والنهاردة هتعرف قد اي النبات ممكن يكون اخطر حاجة ممكن تتخيلها.
بعض النباتات بتكون خطيرة جدا علي حياة الانسان ودة اللي هنسبتهولك النهاردة عن بعض النباتات اللي ممكن تبهرك بجمالها ولاكن كن حذر ولا تقترب منها.
اخطر نباتات
https://el-archives.com/%d8%a7%d8%ae%d8%b7%d8%b1-10-%d9%86%d8%a8%d8%a7%d8%aa%d8%a7%d8%aa-%d8%b9%d9%84%d9%8a-%d9%88%d8%ac%d9%87-%d8%a7%d9%84%d8%a7%d8%b1%d8%b6-%d8%aa%d8%a4%d8%af%d9%8a-%d8%a7%d9%84%d9%84%d9%8a-%d8%a7%d9%84/