* { font-family: serif; font-weight: 700; text-shadow: none !important; font-size: 15.2px !important; line-height: 1.4 !important; font-weight: 700 !important; text-shadow: none !important; -moz-user-select: none; -ms-user-select: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'); font-weight: normal; font-style: normal; font-display: swap; } .label-primary, .btn-primary, .bg-primary { background-image: none; background-color: var(--bt-primary) !important; } #story { border-bottom: 2px solid var(--bt-primary) !important; } .bg { background-color: var(--bg-primary) !important; } .light { background-color: var(--hi-light); } .mic_chat { position: absolute; top: 0; left: 0; width: 100%; display: flex; justify-content: flex-start; padding-left: 15px !important; background: var(--bt-primary); } .mic_chat > div > .micborder > hr { margin: 0; border-top-color: var(--bt-primary); } .mic_chat > div > .micborderr { background-image: var(--mic-url); } .daymsg .u-pic { background-image: var(--daymsg) !important; } .daymsg { background-color: rgba(0, 77, 255, 0.08) !important; } .btn-primary { color: #fff; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .uploadP { margin-left: 1px; margin-right: -1px; margin-top: 2px; height: 33px; border: 0 !important; font-size: 15px !important; font-weight: 100 !important; color: #ffffff; } @keyframes fadeIn { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } } @keyframes pulse { from { box-shadow: 0px 4px 10px rgba(255, 182, 193, 0.6); } to { box-shadow: 0px 8px 20px rgba(255, 182, 193, 0.8); } } @keyframes glow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .youtubeContainer { display: flex; width: 100%; flex-direction: row; overflow-x: auto; } .fa-angle-up:before { content: '\f106'; } .fa-angle-down:before { content: '\f107'; } .fa-gamepad:before { content: '\f11b'; font-weight: 300 !important; } .vieYoutube { flex: 1 1 calc(20% - 10px); box-sizing: border-box; border: 1px solid #ddd; border-radius: 5px; background-color: #fff; padding: 10px; text-align: center; cursor: pointer; min-width: 120px; } .youtubeContainer::-webkit-scrollbar { height: 8px; } .youtubeContainer::-webkit-scrollbar-thumb { background: #03a9f4; border-radius: 4px; } .youtubeContainer::-webkit-scrollbar-track { background: #e6e6e6; } .vieYoutube img { max-width: 100%; height: auto; border-radius: 5px; } .vieYoutube:hover { border-color: #007bff; background-color: #f0f8ff; } .fa-refresh:before { content: '\f021'; } .fa-eye:before { content: '\f06e'; } .fa-user:before { content: '\f007'; } .fa-bullhorn:before { content: '\f0a1'; } .fa-star:before { content: '\f005'; } .fa-gear:before, .fa-cog:before { content: '\f013'; } .fa-comment:before { content: '\f075'; } .fa-group:before, .fa-users:before { content: '\f0c0'; } .fa-comment:before { content: '\f075'; } .fa-user:before { content: '\f007'; } .fa-trash:before { content: '\f1f8'; } .fa-sign-out:before { content: '\f08b'; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: '\f03e'; } .fa-send:before, .fa-paper-plane:before { content: '\f1d8'; } .fa-remove:before, .fa-close:before, .fa-times:before { content: '\f00d'; } .fa-mail-reply:before, .fa-reply:before { content: '\f112'; } .fa-heart:before { content: '\f004'; } .fa-youtube:before { content: '\f167'; } .fa-search:before { content: '\f002'; } .fa-camera:before { content: '\f030'; } .fa-comment:before { content: '\f075'; } .fa-envelope-o:before { content: '\f003'; } .fa-diamond:before { content: '\f219'; } .fa-ban:before { content: '\f05e'; } #settings .fa-ban:before { content: '\f00c' !important; } #settings .fa-comments::before { font-weight: 300; } .fa-user-times:before { content: '\f235'; } .fa-star:before { content: '\f005'; } .fa-warning:before, .fa-exclamation-triangle:before { content: '\f071'; } .fa-save:before, .fa-floppy-o:before { content: '\f0c7'; } .fa-check:before { content: '\f00c'; } .fa::before { font-size: 92%; } .fa-remove:before, .fa-close:before, .fa-times:before { content: '\f00d'; } .fa-comments:before { content: '\f086'; } .fa-phone:before { content: '\f095'; } .fa-microphone:before { content: '\f130'; } .fa-stop:before { content: '\f04d'; } .fa-minus:before { content: '\f068'; } .fa-expand:before { content: '\f065'; } .fa-volume-up:before { content: '\f028'; } .fa-key:before { content: '\f084'; } .fa-home:before { content: '\f015'; } .fa-edit:before, .fa-pencil-square-o:before { content: '\f044'; } .fa-sign-out:before { content: '\f08b'; } .fa-save:before, .fa-floppy-o:before { content: '\f0c7'; } .fa-refresh:before { content: '\f021'; } .fa-chrome:before { content: '\f268'; } .fa-internet-explorer:before { content: '\f26b'; } .fa-android:before { content: '\f17b'; } .fa-firefox:before { content: '\f269'; } .fa-opera:before { content: '\f26a'; } .fa-edge:before { content: '\f282'; } .fa-scribd:before { content: '\f28a'; } .fa-windows:before { content: '\f17a'; } .fa-linux:before { content: '\f17c'; } .fa-apple:before { content: '\f179'; } .fa-times-circle:before { content: '\f057'; } .fa-android:before { content: '\f17b'; } .fa-th-large:before { content: '\f009'; } .fa-bell:before { content: '\f0f3'; } .fa-area-chart:before { content: '\f1fe'; } .fa-expand:before { content: '\f065'; } .fa-compress:before { content: '\f066'; } .fa-bell-slash:before { content: '\f1f6'; } .fa-plus:before { content: '\f067'; } .fa-share-alt:before { content: '\f1e0'; } .fa-plus-circle:before { content: '\f055'; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555; cursor: default; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; } #d2bc > div.uzr.fl.borderg.MFT.mm { margin-bottom: -17px !important; } #d2 > div.uzr.d-flex.mm > div.uzr.flex-fill.break > div.d-flex.fr { display: none; } .flex-fill { flex: 1 1 auto !important; overflow-y: hidden; } .mic_chat video { display: contents !important; } a { color: #337ab7; text-decoration: none; } img { vertical-align: middle; } .row { margin-right: -15px; margin-left: -15px; } th { text-align: left; } .fa-th-list::before { content: '\f00b'; font-weight: 300; } body > div.center-block.bg.dad > div.hand.corner.nosel > div { margin-top: 7px !important; padding: 0 !important; } .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success.focus, .btn-success:focus { color: #fff; background-color: #449d44; border-color: #255625; } .btn-success:hover { color: #fff; background-color: #449d44; border-color: #398439; } .btn-info { color: #fff; background-color: #3ac2c3; border-color: #3ac2c3; } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .btn-danger.focus, .btn-danger:focus { color: #fff; background-color: #c9302c; border-color: #761c19; } .btn-danger:hover { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger .badge { color: #d9534f; background-color: #fff; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .fa-microphone-slash:before { content: '\f131'; } .fa-volume-off:before { content: '\f026'; } .fa-mortar-board:before, .fa-graduation-cap:before { content: '\f19d'; } .fa-heartbeat:before { content: '\f21e'; } .fa-comments::before { content: ''; } .fa-bars:before, .fa-navicon:before { content: '\f06d'; } a.label:focus, a.label:hover { color: #fff; text-decoration: none; cursor: pointer; } .label:empty { display: none; } #bannerroomid { margin: 0; background-color: rgba(32, 32, 32, 0.12); background-position: center center; height: 151px; width: 100% !important; border-radius: 0 !important; background-size: 100% 100%; padding: 0; margin: 0; min-width: 100%; } .btn .label { position: relative; top: -1px; } .label-success { background-color: #5cb85c; } .label-info { background-color: #5bc0de; } .label-warning { background-color: #f0ad4e; } .label-danger { background-color: #d9534f; } button.close { padding: 0; cursor: pointer; background: 0 0; border: 0; } .modal-open { overflow: hidden; } #wall .Del_com { margin-top: 8px; } #d2 .Del_com, .bgg .Del_com { display: none !important; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; } .viewers-list { display: none; background-color: #ffffff; color: #333333; padding: 10px; border-radius: 10px; max-height: 400px; overflow-y: auto; position: absolute; bottom: 48px; left: 50%; transform: translateX(-50%); z-index: 1000; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); width: 250px; border: 1px solid #ddd; font-family: Arial, sans-serif; } .viewers-list ul { list-style-type: none; padding: 0; margin: 0; } .viewers-list li { font-size: 16px; padding: 8px 0; cursor: pointer; border-bottom: 1px solid #f1f1f1; transition: background-color 0.3s, padding-left 0.3s; } .viewers-list li:hover { background-color: #f5f5f5; padding-left: 10px; } .viewers-list strong { display: block; margin-bottom: 10px; font-weight: bold; font-size: 18px; color: #4caf50; } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0; } .modal-backdrop.in { filter: alpha(opacity=50); opacity: 0.5; } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.42857143; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .fa-youtube:before { content: '\f16a'; } .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: helvetica neue, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); line-break: auto; } .popover.top { margin-top: 0px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-content { padding: 9px 14px; } .tbox { white-space: pre-line !important; } .btn.active, .btn:active { background-image: none; } .btn-primary:focus, .btn-primary:hover { background-position: 0 -15px; } .btn-success:focus, .btn-success:hover { background-color: #419641; background-position: 0 -15px; } .btn-success.active, .btn-success:active { background-color: #419641; border-color: #3e8f3e; } .btn-danger:focus, .btn-danger:hover { background-color: #c12e2a; background-position: 0 -15px; } .fa-arrow-left::before { content: ''; } .fa-arrow-right::before { content: ''; } .bgm { background-color: #40404f; } .flex-grow-1 { flex-grow: 1 !important; } .uhtml { text-align: left; width: 100%; margin: 0 !important; border-bottom: 1px solid #e6e6fa; padding-right: 1px; background-color: #fafafa; } .uhtml .u-pic { min-width: 52px; width: 52px; min-height: 48px; max-height: 62px; background-color: #f3f3f3; margin-top: 1px; } .uzr .fitimg { background-size: cover; margin: 0; } .as.borderg.fl.fitimg.hand.u-pic { width: 52px; height: 52px; } .label-primary, .btn-primary { background-color: #000; } .bgg { background-color: lightslategray; } .pophead { background-color: slategrey; } .fr { float: right; } .fl { float: left; } b, strong { font-weight: 700; } h1 { font-size: 2em; margin: 0.67em 0; } img { border: 0; } hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } button, input, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type='button'] { cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } input { line-height: normal; } textarea { overflow: auto; } td, th { padding: 0; } html { font-size: 10px; } body { font-family: helvetica neue, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; color: #333; background-color: #fff; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a:hover, a:focus { color: #23527c; } a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } img { vertical-align: middle; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; } [role='button'] { cursor: pointer; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700; } input[type='checkbox'] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .form-control:focus { border: 1px solid #2f4078 !important; } .nav { padding-left: 0; margin-bottom: 0; list-style: none; } .nav > li { position: relative; display: block; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eee; } .nav > li.disabled > a { color: #777; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #777; text-decoration: none; cursor: not-allowed; background-color: transparent; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eee; border-color: #337ab7; } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover { border-color: #eee #eee #ddd; } .tab-content > .active { display: block; } .label { display: inline; padding: 0.2em 0.6em 0.3em; font-size: 75%; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25em; } a.label:hover, a.label:focus { color: #fff; text-decoration: none; cursor: pointer; } .label:empty { display: none; } .btn .label { position: relative; top: -1px; } .label-success { background-color: #5cb85c; } .label-success[href]:hover, .label-success[href]:focus { background-color: #449d44; } .label-info { background-color: #5bc0de; } .label-info[href]:hover, .label-info[href]:focus { background-color: #31b0d5; } .label-warning { background-color: #f0ad4e; } .label-danger { background-color: #d9534f; } .label-danger[href]:hover, .label-danger[href]:focus { background-color: #c9302c; } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #777; border-radius: 10px; } #d2bc .uzr.d-flex.mm:nth-child(even) { background-color: #f7f7f7 !important; } #d2bc .uzr.d-flex.mm:nth-child(odd) { background-color: #ffffff !important; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: 0.5; } button.close { padding: 0; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none; appearance: none; } .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.42857143; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-sm { width: 300px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } } .center-block { display: block; margin-right: auto; margin-left: auto; } .pull-right { float: right !important; } .hide { display: none !important; } .show { display: block !important; } .hidden { display: none !important; } .fa::before { font-size: 92%; } .u-msg { line-height: 1.5 !important; } .ae { border: 1px solid #000 !important; border-radius: 2px !important; float: left; text-align: center; width: 20%; max-width: 80px; padding: 4px 0; margin: 1px; margin-bottom: 2px; } .label, .btn { border-radius: 1px !important; } button.btn { padding: 5px !important; } .bgf { backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } .msg { background-color: #f0f0f5; border: 1px solid grey; margin-top: -1px; padding: 2px; margin-right: 3px; margin-left: 3px; } .tbox { overflow: scroll; border-radius: 1px; border: 1px solid lightgrey; padding: 6px; max-height: 32px; min-height: 32px; height: 32px; font-weight: 700; overflow: hidden; resize: none; } .emoii { width: 22px; max-width: 22px; height: 22px; margin: 0; padding: 5px; } .hid { display: none; } .noflow { overflow: hidden; } div { line-height: 20px; } .popover { height: 250px; overflow-y: auto; white-space: pre-wrap; } .item3 { font-size: 16px !important; color: #000; } .item5 { color: gray; } @keyframes slideInOut { 0% { opacity: 0; transform: translateX(-100%); } 10% { opacity: 1; transform: translateX(0); } 85% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-100%); } } .grid-container { background: #f0f8ff; text-align: right; margin-left: 50px; padding: 8px; border-left: 6px solid #6495ed; } .active { color: #555; cursor: default; background-color: #fff; border-bottom-color: transparent; } #u1, #u2, #u3, #pass1, #pass2 { width: 230px; padding: 5px; margin-bottom: 2px; border-radius: 2px; height: 33px; border: 1px solid rgb(0 0 0) !important; } .fa-user-plus::before { content: ''; } .bgg .fitimg.u-pic { min-height: 51px; min-width: 51px; max-width: 87px; width: 50px !important; } .bgg div.btn.minix.btn-primary.fa.fa-times.fr { height: 24px; } .bgg div > div.uzr.flex-fill.break > div.d-flex.fr { display: none; } .mic_chat > div > .micborder > .fa-microphone { font-size: 16px !important; text-align: center; margin-top: 2px; } .mic_chat > div > .micborder > .ismute { position: absolute; height: 2px; background: #999; display: none; width: 65px; margin-left: -3px; margin-top: 0; transform: rotate(136deg); } .u-topic.dots { white-space: nowrap; max-width: 130%; } .btn { display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .pmsgc { background-color: rgba(0, 77, 255, 0.08) !important; } .ppmsgc { background-color: #f1f1ff !important; } .typingIndicatorBubbleDot { width: 4px; height: 4px; margin-right: 4px; background-color: #57585a; border-radius: 50%; animation-name: bounce; animation-duration: 1.3s; animation-timing-function: linear; animation-iteration-count: infinite; } .typingIndicatorBubbleDot:first-of-type { margin: 0 4px; } .typingIndicatorBubbleDot:nth-of-type(2) { animation-delay: 0.15s; } .typingIndicatorBubbleDot:nth-of-type(3) { animation-delay: 0.3s; } @keyframes bounce { 0%, 60%, 100% { transform: translateY(0); } 30% { transform: translateY(-4px); } } .hid { display: none; } .hand { cursor: hand; } img { vertical-align: middle; } .break { overflow: auto; word-wrap: break-word; overflow-x: hidden; overflow-wrap: break-word; } .modal-body { position: relative; padding: 15px; } .u-ico { padding-right: 2px; margin-top: 2px; max-height: 20px; } .emoi { max-width: 260px; max-height: 24px; } .unread { background-color: #ffc89d !important; } div { line-height: 20px; } .fa-commenting::before { content: ''; } th, td { padding: 0; } .mini { font-size: 90% !important; } .corner { border-radius: 5px; } .minix { font-size: 80% !important; } @keyframes animate { from { transform: scale(1); } to { transform: scale(1.5); } } .center { margin: 0 auto; } .dots { display: inline-block; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; max-width: 100%; } .borderg { border: 1px solid #f4f4f4; } .border { border: 1px solid #000; border-radius: 2px !important; } .fitimg { background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; } .bord { border-inline: 4px solid #1e90ff !important; } .modal-header { padding: 5px; } .badge { padding: 0 3px; } .tab-pane { padding: 0; } .popover-content { padding: 1px; } .notification { min-width: 180px; max-width: 260px; border: 1px solid #000; z-index: 2000; background-color: #efefef; position: relative; padding: 5px; border-radius: 5px; margin: 0.7rem auto 0; border-radius: 0; } .notification__title.label-primary { border-radius: 0 !important; border: 0 !important; } .notification__sender__avatar { border-radius: 5px; margin-right: 0.1em; } .notification__sender__name { margin: 0.2em 0; font-size: 0.6rem; font-weight: 700; padding: 0.15em 0 0; max-width: 80%; color: #000; display: inline-block; } .notification p { margin-bottom: 0.4em; } .notification__message { font-size: 0.6rem; font-weight: 700; margin-top: 0.2em; width: 100%; padding: 0 0.2em; word-break: break-word; } .notification__time { position: absolute; top: 0.2rem; right: 0.2rem; font-size: 0.5rem; } .notification__title { font-size: 0.6rem; text-align: center; margin: -14px auto 0; width: 50%; border: 1px solid #000; border-radius: 5px; line-height: 1.6; } .c-flex { display: flex; flex-direction: column; } .d-flex { display: flex; } .flex-grow-1 { flex-grow: 1 !important; } .flex-fill { flex: 1 1 auto !important; } .column { float: left; min-height: 100%; } .row:after { content: ''; display: table; clear: both; } #StoryProgress { width: 100%; background-color: #ddd; } #BarStory { width: 0%; height: 3px; background-color: #6495ed; margin-bottom: 15px; } .popover { z-index: 9000 !important; position: fixed !important; height: 350px !important; min-width: 312px !important; border: 1px solid; border-radius: 0; } #tlogins .co { width: 18px; height: 18px; border-radius: 1px; margin-top: -2px; margin-left: 1px; } #users .co { width: 18px; height: 18px; border-radius: 1px; margin-top: -2px; } .mic_chat > div { max-width: 350px; } .mic_chat > div > .micborder { float: right; color: #113233; width: 53px; height: 50px; margin: 1px; border-radius: 4px; background-size: cover; background-repeat: no-repeat; background-position: center; border: 1px solid; transform: translateX(-61px); } .mic_chat > div > .micborder img { padding: 2px; } .c-flex { display: flex; flex-direction: column; } .mic_chat > div > .micborder > .evant > i { position: relative; font-size: 16px !important; text-align: center; color: #906464; top: 36px; height: 18px; border-radius: 50%; background-color: #ffffffc7; border: 1px solid #d9534f70; } #tlogins .hand.nosel.fl.uzr.borderg { border: 1px solid #e0e0e0; } #d2 .MFT { background-size: 100%; border-radius: 0 !important; width: 100%; margin-left: -1px !important; } #mute, #mute1 { color: #000; margin: 4px; padding: 8px; width: 99%; border: 1px solid #4e4e4e; } #settings .fa-bell-slash:before, #settings .fa-bell:before { float: left; } #users .fl.u-pic { height: 56px !important; width: 56px !important; } .Border_TH .light { border: 1px solid #d5d5d5; } #d2bc.fitimg.fl.u-pic { height: 49px !important; width: 55px !important; } .story { background-color: #906464; color: White; margin: 4px; padding: 8px; width: 45%; border: 1px solid #000 !important; text-align: center; } .wall { background-color: #906464; color: White; margin: 4px; padding: 8px; width: 45%; border: 1px solid #000 !important; text-align: center; } .uhtml { text-align: left; width: 100%; margin: 0 !important; padding-right: 1px; background-color: #fafafa; } .uhtml .co.ico { width: 18px; height: 18px; border-radius: 1px; margin-top: -2px; margin-left: auto; } .d-flex { display: flex; } #chats .u-pic { width: 56px; height: 56px; } #chats .ustat { width: 3px !important; height: 56px !important; } #chats .label-danger { border: 0; } #users .fl.ustat { width: 4px !important; height: 80px !important; margin: -2px; } #users .hand.nosel.fl.uzr.borderg { border: 1px solid #e6e6fa !important; text-align: left !important; width: 107% !important; margin: 0 !important; border-bottom: 1px solid #f2f2ff !important; padding-right: 1px !important; margin-bottom: -2px !important; cursor: pointer; background-size: 100% 100% !important; } #users .fr.co { right: 0; position: sticky; } #users .u-topic.dots { margin-left: 1px !important; margin-top: 2px !important; } #dpnl .uhash { position: relative; } #users .fl.hand.nosel.uzr.uhtml { border-bottom: 1px solid #f3f3f3; } #users .u-msg { margin-top: 7px !important; margin-left: 23px; } span#name { height: 26px !important; padding: 5px 0 0 1px !important; top: 53px !important; right: 1px; } #TH_WETCH .fl.borderg.corner.uzr { margin-left: 2px !important; border-radius: 37px; height: 71px; border: 1px solid #5f92a1; box-shadow: 7px 7px 50px #a4afc5; } #ZAYWETCH_TH { background: #e91e63db !important; color: #fff; border-radius: 80px 80px 0 0 !important; border: 0; } #TH_WETCH img.corner.borderg.fl { width: 80px !important; height: 69px !important; border-radius: 50%; margin: 0; border: 0; } #TH_WETCH .u-topic.dots { display: flex; align-items: baseline; margin: 5px 0 0; } #TH_WETCH .break.fl { text-align: center; color: #fff; position: relative; margin: -34px 0 0 92px; border-radius: 4px; font-family: el messiri, FontAwesome !important; width: 67% !important; font-weight: 300 !important; } #TH_WETCH .hand.corner.wetchnot { display: contents; } #d2 > div.uzr.d-flex.pmsgcxx > div.btn.minix.btn-primary.fa.fa-reply.fr, #d2 > div.uzr.d-flex.pmsgcxx > div.btn.minix.btn-primary.fa.fa-times.fr, #d2 > div.uzr.d-flex.pmsgcxx > .btn-like.fr { display: none !important; } #d2 > div.uzr.d-flex.pmsgcx2 > div.btn.minix.btn-primary.fa.fa-reply.fr, #d2 > div.uzr.d-flex.pmsgcx2 > div.btn.minix.btn-primary.fa.fa-times.fr, #d2 > div.uzr.d-flex.pmsgcx2 > .btn-like.fr { display: none !important; } .dpnl { border: 0 !important; } #chats .fl.mini.u-msg.dots { margin-top: 0 !important; } #users iframe, #upro iframe { min-width: 240px; top: 69px; display: inline-block; position: absolute; height: 256px; left: 0; margin: 0; } .ntop { width: 33px; display: inline-block; background-size: 30px !important; margin: 0 0 0 -10px; padding: 13px 0 0 7px !important; background-size: 121% 114% !important; background-repeat: no-repeat; height: 39px; } #top10 > div.ltop > div:nth-child(1) { background-color: #ffb850 !important; } #top10 > div.ltop > div:nth-child(2) { background-color: #cddc39 !important; } #top10 > div.ltop > div:nth-child(3) { background-color: #00bcd4 !important; } #top10 > div.ltop > div:nth-child(4) { background-color: #f5bdff !important; } #top10 > div.ltop > div:nth-child(5) { background-color: #41efa3 !important; } #top10 > div.ltop > div:nth-child(6) { background-color: #58ff5f !important; } #top10 > div.ltop > div:nth-child(7) { background-color: #eb73ff !important; } textarea#usearch::placeholder { color: #fff; } #more .fa-youtube:before { color: red; font-weight: 200; } #more .fa-send:before { left: 10px !important; position: absolute; } #more .fa-bell-slash:before { left: 10px !important; position: absolute; } #more .fa-bell:before { left: 10px !important; position: absolute; } label, .fl, .bg, button, .bgm { outline: none; -webkit-tap-highlight-color: transparent; -moz-user-select: text; -webkit-user-select: text; -ms-user-select: text; user-select: text; } .VBORB.dslita div { margin-top: -7px; border: 2px solid #000; width: 83px; height: 84px; margin-left: 5px; margin-bottom: 5px; background-size: 100%; display: inline-table; } .VBORB.dslita { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; } .VBOR.dslists div { border: 2px solid #000; width: 97%; height: 100px; margin-left: 5px; margin-bottom: 5px; background-size: 100% 100%; } #d0 .label-warning { background-color: #0000 !important; color: orange; } @media only screen and (min-width: 380px) { #dpnl { width: 73% !important; } } #rooms .fl.u-pic { height: 58px !important; border: 1px solid #a4a4a4 !important; margin-left: -2px; min-height: 58px; max-height: 58px; width: 58px !important; } .bgg .fl.ustat { height: 20px !important; } #rooms .bord { border-right: 3px solid #1e90ff !important; border-left: 0 !important; padding: 0 !important; } .star.ashh { display: none; } .uhtml .u-pic { min-width: 55px; width: 55px; min-height: 50px; max-height: 64px; background-color: #f3f3f3; margin-top: 1px; } .flex-fill { flex: 1 1 auto !important; } #settings .tc { border-radius: 3px !important; padding: 7px !important; border: 1px solid #2b2b2b !important; margin: 6px 0 0 1px !important; width: 99.6% !important; margin-top: 2px !important; } .is_speaking { box-shadow: 0 0 0 3px rgb(0 200 45 / 83%); } #blockpro { margin: 16px 0 0 -18px !important; } textarea:focus { outline: none; box-shadow: none; } span#name { height: 26px !important; padding: 5px 0 0 1px !important; top: 12px !important; right: 1px; width: 53px; border-radius: 0 0 6px 6px; background: #ffffffa8 !important; margin-top: 12px; color: #000 !important; } #users .d-flex.fl { max-height: 200px; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .camlive video { position: absolute; height: 270px; right: 0; margin: 338px -3px 0 28px; border-radius: 0; display: block !important; border: 3px solid #4caf50; filter: drop-shadow(2px 2px 4px black); } .fa-video-camera:before { content: '\f03d'; margin: 0 4px 0 -2px; } .mic_chat > div > .micborder.camlive { background-image: url(/cam.png); background-size: 140%; } body { background-color: #40404f; } #tlogins .u-pic { min-width: 56px; width: 52px; min-height: 48px; max-height: 66px; background-color: #f3f3f3; margin-top: 0px; } #tlogins .u-msg { max-height: 40px; color: #888; } #tlogins .co { width: 20px; height: 20px; border-radius: 1px; margin-top: -2px; margin-left: 1px; } @font-face { font-family: el messiri; font-style: normal; font-weight: 400; src: local('El Messiri'), url(https://fonts.cdnfonts.com/s/15411/ElMessiri[wght].woff) format('woff'); } #more .fa::before { position: static !important; } #more .fa-send:before { float: inline-start; } #more .fa-bell-slash:before, #more .fa-bell:before { float: inline-start; } #users .u-msg { float: unset; max-height: 130px !important; } #users .uhtml .u-pic { max-height: 54px !important; } #users .uhtml .ustat { padding-top: 1px !important; } #mkr input[type='checkbox'] { margin: 0 5px -5px 0px; } #story::-webkit-scrollbar { display: none; } #story video.fitimg.u-pic.borderg { cursor: pointer; border-radius: 6px !important; background-size: cover; overflow: hidden; flex-direction: column; position: relative; margin-bottom: 10px; object-fit: cover !important; min-width: 45px !important; width: 54px !important; height: 73px !important; } #story img.fitimg.u-pic.borderg { cursor: pointer; overflow: hidden; flex-direction: column; position: relative; margin-bottom: 16px; border: 0; padding: 0; border-radius: 0px !important; background-size: 100% 100%; } #story > div.itemstory > div.str > div:nth-child(2) { position: absolute; bottom: 0.1rem; font-size: 0.4rem !important; color: #ffffff !important; margin-bottom: 5px; margin-left: 3px; } #wall .uzr .btn.fa.fa-youtube::before { color: #f90000; margin-left: 8px; margin-right: 11px; display: flex; align-items: center; } #d2bc > div.uzr.d-flex.mm > div > div.u-msg.break > button { margin-top: -5px; } #d2bc > div.uzr.d-flex.mm > div > div.u-msg.break > .fa-youtube { margin-top: 8px; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { margin-right: 5px; } .bgg .uzr.d-flex.mm:nth-child(2n) { background-color: rgb(249, 249, 249) !important; } @keyframes fadeInUp { 0% { opacity: 0; transform: translateX(-50%) translateY(30px); } 100% { opacity: 1; transform: translateX(-50%) translateY(0); } } .fa-wifi:before { content: '\f1eb'; } #upro { overflow: auto; } .modal-body { padding: 10px; } .highlighted { border: 0px !important; } .highlighted::before { top: -2px; left: -2px; right: -2px; bottom: -2px; border-left: 4px dashed #ff8000; border-bottom: 2px dashed #ff66b2; border-right: 3px solid #dc0be5; border-top: 3px solid #ff1e8e; } .highlighted::before, .highlighted::after { content: ''; position: absolute; border-radius: 50%; animation: rotateBorder 10s linear infinite; } .highlighted::after { top: -3px; left: -3px; right: -3px; bottom: -3px; animation-delay: 1s; } @keyframes rotateBorder { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #upro .fa.fa-star.checked { color: #ffc047; font-weight: 300 !important; } #upro .fa.fa-star { font-weight: 300 !important; color: #bbbbbb8f; } #tlogins .fa.fa-star.new-checked { color: var(--bt-primary) !important; font-weight: 300 !important; } #tlogins .fa.fa-star { font-weight: 300 !important; color: #9595958f !important; margin-top: 4px; margin-bottom: -2px; } .u-pic-style2 { border-radius: 122px !important; margin-top: 5px !important; margin-left: -71px !important; margin-bottom: 10px !important; margin-right: -10px !important; background-size: 100% 100% !important; height: 60px !important; width: 62px !important; min-width: 60px !important; min-height: 60px !important; max-height: 60px !important; } .u-msg-style2 { font-family: 'El Messiri', FontAwesome !important; font-size: 14px !important; display: block; max-height: 129px !important; overflow-wrap: anywhere !important; margin-left: 25px; } .u-ico-style2 { min-height: 14px; margin-top: 1px; margin-left: 17px; } .u-topic-style2 { margin-left: 3px; border-radius: 2px; padding: 1px; } .u-topic-style1 { margin-left: 2px; border-radius: 2px; padding: 1px; } .u-pic-style1 { width: 54px; min-width: 54px; } .u-ico-style1 { min-height: 14px; margin-top: 1px; margin-left: 0px; } .yes-style-u-msg { max-height: 129px !important; overflow-wrap: anywhere !important; margin-top: 0px; } .cover-style2 { width: 80px; margin: -4px 0px 0px -2px !important; padding: 40px; height: 80px !important; position: relative !important; border: 0; display: block !important; } #lonline > div > div.d-flex.fl > div > div.new-stars_users_uhtml { margin-top: -11px !important; margin-bottom: 5px; padding-top: 3px; justify-content: center; } #rooms .DivBanner { display: flex; margin-bottom: -4px; align-items: center; flex-direction: column; position: relative; } #rooms .DivBanner .u-topic-baner { position: absolute; left: 0; margin-top: -148px; font-family: 'El Messiri', FontAwesome !important; } #rooms .u-msg-baner { display: none; } #rooms .uc-baner { margin-top: -31px !important; width: 338px; margin-left: 0 !important; background-color: #3939396b !important; } #rooms .room:nth-child(even) { background-color: #f7f7f7 !important; } #rooms .room:nth-child(odd) { background-color: #ffffff !important; } #chats div.fl.hand.nosel.uzr.uhtml > div.c-flex.fr > img { display: none; } @keyframes gradientAnimation { 0% { background: #ff9f68; } 33% { background: #ff6b6b; } 66% { background: #6bbaff; } 100% { background: #ff9f68; } } button.filter_notf { background: #ff9f68; color: white; border: none; transition: background 0.3s ease-in-out !important; animation: gradientAnimation 4s infinite alternate ease-in-out; } .like-btn { font-size: 28px !important; cursor: pointer; user-select: none; transition: transform 0.2s; position: relative; } .like-btn.liked { color: red; transform: scale(1.2); } .like-count { font-size: 18px !important; color: #fff; } .burst { position: absolute; top: 0; left: 50%; transform: translateX(-50%); pointer-events: none; z-index: 10; } .dot { position: absolute; width: 18px; height: 18px; border-radius: 50%; opacity: 0; animation: burst 0.6s forwards; } @keyframes burst { 0% { transform: scale(0.5) translate(0, 0); opacity: 1; } 100% { transform: scale(1.5) translate(var(--dx), var(--dy)); opacity: 0; } } #story-comment-input { color: #000; } .fa-bookmark::before { font-family: 'FontAwesome'; content: '\f02e'; display: inline-block; } .daymsg, .welcpic { background-color: rgba(0, 77, 255, 0.08) !important; } .hmsg { background-color: linen !important; } div.uzr.d-flex.Welcome_user .u-ico { display: none; } .hostwelcome { font-size: 10px !important; font-weight: bold; color: transparent; background-image: linear-gradient(90deg, #ff7eb3, #ff758c, #a591e2, #758cff); background-size: 200%; -webkit-background-clip: text; background-clip: text !important; animation: glow 3s infinite linear; font-family: 'el messiri'; } @keyframes glow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @supports not (--css: variables) { .hostwelcome { color: #ff7eb3; background: none; } } .idboot .Del_com { display: none; } .loginItmsS, .loginItmsS1 { opacity: 0; transform: translateX(-100%); animation: slideInOut 7s ease-in-out forwards; } @keyframes slideInOut { 0% { opacity: 0; transform: translateX(-100%); } 10% { opacity: 1; transform: translateX(0); } 85% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-100%); } } .loginItms { position: absolute; display: none; border: 2px solid #ddd; background: -webkit-linear-gradient(135deg, #bcbcbc, #4caf50) !important; box-shadow: 7px 7px 50px #a4afc5; border-radius: 25px 0 0 25px; background-image: url(/imgs/banner.png); background-repeat: no-repeat; background-size: contain; right: 0; top: 30px; width: 250px; height: 51px; border-radius: 25px 0; } .loginItmsS { position: absolute; display: none; background-image: url(/imgs/l1.png) !important; background-repeat: no-repeat; background-size: 100% 100%; left: 0; top: 43px; width: 327px; height: 179px; filter: drop-shadow(2px 4px 5px black); } .loginItmsS1 { position: absolute; display: none; background-image: url(/imgs/l2.png) !important; background-repeat: no-repeat; background-size: 100% 100%; left: 0; top: 43px; width: 325px; height: 178px; filter: drop-shadow(2px 4px 5px black); } .loginImg { float: right; width: 46px; height: 43px; border: 1px solid #ddd; margin: 1px; background-size: cover; background-repeat: no-repeat; border-radius: 50%; } .loginImgG { float: right; width: 67px; height: 74px; margin: 1px; background-size: cover; border-radius: 50%; margin-right: 216px; margin-top: 35px; box-shadow: 0px 0px 0px 2px #efa9c54a; } .loginImgG1 { float: right; width: 66px; height: 68px; margin: 1px; background-size: cover; border-radius: 50%; margin-right: 215px; margin-top: 39px; box-shadow: 0px 0px 0px 5px #ecbf6d45; } .loginLogo { float: right; margin: 1px; margin-top: -20px; } .loginLogoO, .loginLogoO1 { float: right; margin: 1px; margin-top: -20px; display: none; } .loginIco { float: right; margin: 0 1px 1px; max-height: 18px; background-color: #fff; padding: 1px; border-radius: 2px; } .loginIcoO { float: right; margin: 0 1px 1px; max-height: 18px; background-color: #fff; padding: 1px; border-radius: 2px; } .loginFlog { float: left; margin: 2px 0 5px 5px; max-height: 15px; } .loginFlogG, .loginFlogG1 { float: left; margin: 2px 0 5px 5px; max-height: 15px; display: none; } .loginUserName { font-size: 16px !important; float: right; font-family: arial; font-weight: 9000; max-width: 170px; min-width: 100px; text-align: right; text-shadow: -1px 1px 2px #fff; color: #eee; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; float: left; font-family: el messiri, FontAwesome !important; } .loginUserNameE, .loginUserNameE1 { max-width: 168px; min-width: 100px; color: #0c0c0c; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; font-family: el messiri, FontAwesome !important; margin-left: 43px; float: right; width: 150px; } .loginUserNameE { color: #000000; margin-top: -32px; margin-right: 42px; } .loginUserNameE1 { color: #0c0c0c; margin-top: -37px; margin-right: 32px; } #story .str { display: flex; align-items: center; justify-content: center; margin-top: 0 !important; margin-left: 0px !important; width: 57px !important; } #more { border: 1px solid rgba(148, 163, 184, 0.15) !important; border-radius: 0px !important; padding: 8px; color: #e6edf7; font-family: 'Cairo', system-ui, sans-serif; } #more .label.tc.border.btn.label-info.fl, #more .label.WETCH_DEL.tc.border.btn.label-info.fl, #more .btn.btn-primary { gap: 8px !important; width: 99% !important; border: 0 !important; color: #fff !important; border-radius: 14px !important; padding: 10px 12px !important; margin: 6px 0 !important; font-size: 13px !important; font-weight: 700 !important; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25); transition: transform 0.18s ease, box-shadow 0.18s ease; cursor: pointer; font-family: 'El Messiri', FontAwesome !important; font-weight: 300 !important; } #more .label.tc.border.btn.label-info.fl:hover, #more .label.WETCH_DEL.tc.border.btn.label-info.fl:hover, #more .btn.btn-primary:hover { transform: translateY(-1px); box-shadow: 0 10px 18px rgba(0, 0, 0, 0.35); } #more .label.tc.border.btn.label-info.fl[title='إطار و خلفية العضو'] { background: linear-gradient(135deg, #ff4d6d, #f72585) !important; } #more .label.tc.border.btn.label-info.fl.ash[data-target='#notification'] { background: linear-gradient(135deg, #ff9800, #ffb64d) !important; } #more .label.WETCH_DEL.tc.border.btn.label-info.fl { background: linear-gradient(135deg, #f43f5e, #fb7185) !important; } #more .label.tc.border.btn.label-info.fl[data-target='#top10'] { background: linear-gradient(135deg, #1b84f2, #3a86ff) !important; } #more .btn.btn-primary.fa.fa-send[data-btn='botbrb'] { background: linear-gradient(135deg, #10b981, #2dd4bf) !important; color: #fff !important; } #more #mute, #more #mute1 { background: linear-gradient(135deg, #8b5cf6, #a78bfa) !important; color: #fff !important; border-radius: 0 0 16px 16px !important; padding: 10px 12px !important; font-weight: 700 !important; width: 98.7% !important; margin-top: 6px !important; font-family: 'El Messiri', FontAwesome !important; font-weight: 300 !important; } #more > .line-length-xl:last-of-type { background: linear-gradient(90deg, #3a86ff33, #10b98133) !important; color: #e6edf7 !important; padding: 6px 10px !important; border-radius: 12px !important; border: 1px solid rgba(148, 163, 184, 0.12) !important; height: auto !important; } @keyframes gradientMove { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } #gridSystemModal.modal.fade.in { background: radial-gradient(1200px 600px at 100% -10%, rgba(59, 130, 246, 0.12), transparent 60%), radial-gradient(900px 480px at -10% 100%, rgba(16, 185, 129, 0.12), transparent 65%), rgba(3, 6, 23, 0.55); } #gridSystemModal .modal-dialog { max-width: 420px !important; margin: 10vh auto !important; } #gridSystemModal .modal-content { position: relative; background: rgba(15, 22, 41, 0.92) !important; border-radius: 18px !important; border: 1px solid rgba(255, 255, 255, 0.06) !important; overflow: hidden; } #gridSystemModal .modal-content::before { content: ''; position: absolute; inset: 0; border-radius: inherit; padding: 1.6px; background: linear-gradient(135deg, #1b84f2, #10b981, #8b5cf6); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; } #gridSystemModal .modal-content > * { position: relative; z-index: 1; } #gridSystemModal .modal-header { direction: rtl; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important; padding: 12px 14px !important; background: linear-gradient(180deg, #1a2340, #151c33) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important; } #gridSystemModal .modal-header .fl, #gridSystemModal .modal-header .fr { float: none !important; } #gridSystemModal .modal-title { color: #e6edf7 !important; font-weight: 800 !important; font-size: 16px !important; margin: 0 !important; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.35); } #gridSystemModal .modal-header .btn.btn-primary.fa.fa-close { background: transparent !important; color: #e6edf7 !important; border: 1px solid rgba(255, 255, 255, 0.15) !important; width: 32px !important; height: 32px !important; border-radius: 9px !important; display: inline-flex; align-items: center; justify-content: center; } #gridSystemModal .modal-header .btn.btn-primary.fa.fa-close:hover { background: #c70000 !important; border-color: #c70000 !important; color: #fff !important; } #gridSystemModal .modal-body { padding: 16px !important; background: transparent !important; } #gridSystemModal .row, #gridSystemModal .col-xs-12 { margin: 0 !important; } #gridSystemModal .img-thumbnail.hand.fitimg.lazyload { border-radius: 12px !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; background: #0b1220 !important; } #gridSystemModal .col-xs-12.bg-primary { background: linear-gradient(135deg, #1b84f2, #3a86ff) !important; border-radius: 10px !important; height: 6px !important; } #gridSystemModal .col-xs-12.bg-primary > span { display: none !important; } #gridSystemModal .bootTi { color: #a8c5ff !important; font-weight: 800 !important; font-size: 14px !important; } #gridSystemModal .modal-footer { padding: 10px 14px !important; background: linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.03)) !important; border-top: 1px solid rgba(255, 255, 255, 0.06) !important; display: grid; gap: 8px; } #gridSystemModal .modal-footer .btn { width: 100% !important; border-radius: 14px !important; padding: 10px 12px !important; font-weight: 800 !important; transition: transform 0.15s ease, box-shadow 0.15s ease, opacity 0.2s ease; border: 0 !important; } #gridSystemModal .modal-footer .btn.btn-primary { background: linear-gradient(135deg, #00b894, #00d1b2) !important; } #gridSystemModal .modal-footer .btn.btn-danger { background: linear-gradient(135deg, #f43f5e, #fb7185) !important; } #gridSystemModal .modal-footer .btn:hover { transform: translateY(-1px); box-shadow: 0 14px 24px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.1); } #gridSystemModal .modal-footer .btn:active { transform: translateY(0); } .x-a-d8738d { background-image: url(/im2/1.png); } .x-a-83e1b4 { background-image: url(/im2/2.png); } .x-a-f24c63 { background-image: url(/im2/3.png); } .x-a-c0d3c6 { background-image: url(/im2/4.png); } .x-a-77a45c { background-image: url(/im2/6.png); } .x-a-ddd3c9 { background-image: url(/im2/7.png); } .x-a-d83fea { background-image: url(/im2/8.png); } .x-a-c15395 { background-image: url(/im2/9.png); } .x-a-aa8aa0 { background-image: url(/im2/11.png); } .x-a-abf183 { background-image: url(/im2/16.png); } .x-a-4c2baf { background-image: url(/im2/27.png); } .x-a-5e08e5 { background-image: url(/im2/29.png); } .x-a-aac48c { background-image: url(/im2/30.png); } .x-a-42ef37 { background-image: url(/im2/31.png); } .x-a-b77f01 { background-image: url(/im2/32.png); } .x-a-178530 { background-image: url(/im2/34.png); } .x-a-772c98 { background-image: url(/im2/35.png); } .x-a-bf2eeb { background-image: url(/im2/38.png); } .x-a-4eaaeb { background-image: url(/im2/46.png); } .x-g-adc689 { background-image: url(/im3/1.png); } .x-g-ace4d0 { background-image: url(/im3/4.png); } .x-g-5dff9a { background-image: url(/im3/5.png); } .x-a-db6320 { background-image: url(/im3/6.png); } .x-a-a35a76 { background-image: url(/im3/8.png); } .x-a-5393a9 { background-image: url(/im3/12.png); } .x-a-1c571f { background-image: url(/im3/13.png); } .x-a-39c896 { background-image: url(/im3/14.gif); } .x-a-b66c7f { background-image: url(/im3/15.gif); } .x-a-5e3c10 { background-image: url(/im3/18.gif); } .x-a-b971e3 { background-image: url(/im3/19.png); } .x-a-68af56 { background-image: url(/im3/21.png); } .x-a-d44c1b { background-image: url(/im3/26.png); } .x-a-533597 { background-image: url(/im3/28.png); } .x-a-df5abb { background-image: url(/im3/30.png); } .x-a-f6de0c { background-image: url(/im3/33.gif); } .x-a-a88b78 { background-image: url(/im3/38.png); } .x-a-93a0a0 { background-image: url(/im3/43.gif); } .x-a-095e67 { background-image: url(/im3/45.png); } .x-a-522280 { background-image: url(/im3/51.gif); } .x-a-141f16 { background-image: url(/im3/53.gif); } .x-a-38bed8 { background-image: url(/im3/55.gif); } .x-a-0a5099 { background-image: url(/im3/57.gif); } .x-a-091c4b { background-image: url(/im3/58.gif); } .x-a-f78997 { background-image: url(/im3/61.gif); } .x-g-00f5c6 { background-image: url(/im2/no.png); } .x-g-f71cd7 { background-image: url(/im3/file.png); } .x-g-f71cd7 { background-size: 100% 100% !important; width: 82px !important; } .x-a-867f99 { width: 73px; height: 76px; margin-left: -1px; border: 2px solid; margin-top: -5px; } .x-a-c12583 { text-align: center; font-size: 23px !important; } .x-a-2bc30f { border: 2px solid #000; width: 72%; height: 76px; margin-left: 5px; margin-bottom: 5px; } @media (min-width: 481px) { .movon-card { width: 32vw !important; height: 25vw !important; border-radius: 0 !important; } } @media (max-width: 480px) { .movon-card { width: 90vw !important; height: 100vw !important; border-radius: 0 !important; } } .story-thumb { position: relative; width: 60px; height: 65px; border-radius: 50%; } .story-avatar { position: absolute; top: 2px; left: 4px; width: 24px; height: 24px; border-radius: 50%; background: #ddd center/cover no-repeat; border: 2px solid #fff; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25); z-index: 2; } .story-progress { position: absolute; top: 8px; left: 8px; right: 8px; height: 3px; display: flex; gap: 4px; z-index: 10; } .story-progress .sp-bar { flex: 1 1 auto; background: rgba(255, 255, 255, 0.35); border-radius: 2px; overflow: hidden; } .story-progress .sp-fill { width: 0%; height: 100%; background: #fff; transition: width 0.2s linear; } .story-progress .sp-bar.done .sp-fill { width: 100%; } :root { --card-bg: #fff; --card-border: #ececf2; --card-radius: 14px; --card-shadow: 0 6px 18px rgba(0, 0, 0, 0.06); --text-main: #111322; --text-muted: #6b7280; --accent: #2563eb; --chip-bg: #f3f4f6; --chip-text: #111322; --msg-bg: #f8fafc; --msg-text: #0f172a; --btn-like: #ef4444; --btn-comm: #2563eb; --btn-icon: #334155; } #d2 > .uzr.d-flex.pmsgcxx.mm, #d2 > .uzr.d-flex.pmsgcx2.mm { background: var(--card-bg) !important; border: 1px solid var(--card-border) !important; border-radius: var(--card-radius) !important !important; box-shadow: var(--card-shadow) !important; padding: 10px 12px !important; margin: 8px 6px !important; height: auto !important; align-items: center; gap: 10px; transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease; } #d2 > .uzr.d-flex.pmsgcxx.mm:hover, #d2 > .uzr.d-flex.pmsgcx2.mm:hover { transform: translateY(-1px); box-shadow: 0 10px 22px rgba(0, 0, 0, 0.08) !important; border-color: rgba(37, 99, 235, 0.25) !important; } #d2 > .uzr.d-flex.pmsgcxx.mm > .u-pic, #d2 > .uzr.d-flex.pmsgcx2.mm > .u-pic { width: 52px !important; height: 52px !important; min-width: 52px !important; max-height: 52px !important; border-radius: 50% !important; object-fit: cover; outline: 2px solid #fff2 !important; box-shadow: inset 0 0 0 1px var(--card-border), 0 2px 8px rgba(0, 0, 0, 0.07); } #d2 > .uzr.d-flex.pmsgcxx.mm > .uzr.flex-fill.break, #d2 > .uzr.d-flex.pmsgcx2.mm > .uzr.flex-fill.break { overflow: hidden !important; padding: 2px 2px 0 2px !important; } #d2 .pmsgcxx .d-flex:first-of-type, #d2 .pmsgcx2 .d-flex:first-of-type { height: 22px !important; align-items: center; } #d2 .pmsgcxx .u-topic, #d2 .pmsgcx2 .u-topic { max-width: 60%; font-family: 'Cairo', 'El Messiri', system-ui, -apple-system, Segoe UI, Arial, sans-serif; font-weight: 700; font-size: 13px; line-height: 1; color: var(--chip-text) !important; background: var(--chip-bg) !important; border-radius: 6px !important; padding: 4px 8px !important; margin-inline-start: 4px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: default; } #d2 .pmsgcxx .tago, #d2 .pmsgcx2 .tago { font-size: 12px !important; color: var(--text-muted) !important; padding-inline: 4px !important; } #d2 .pmsgcxx .u-msg.break, #d2 .pmsgcx2 .u-msg.break { width: 100% !important; display: flex !important; align-items: center; gap: 8px; padding: 8px 10px !important; margin-top: 6px; border-radius: 10px; background: var(--msg-bg) !important; color: var(--msg-text) !important; font-family: 'Cairo', 'El Messiri', system-ui, -apple-system, Segoe UI, Arial, sans-serif !important; font-size: 14px !important; font-weight: 500 !important; } #d2 .pmsgcxx .u-msg.break .fa-history, #d2 .pmsgcx2 .u-msg.break .fa-trash { margin-top: 0 !important; margin-inline-start: auto !important; color: var(--accent) !important; font-size: 13px !important; opacity: 0.9; } .fa-history::before { content: '\f1da'; } #d2 > div.uzr.d-flex.pmsgcxx.mm, #d2 > div.uzr.d-flex.pmsgcx2.mm { background-image: none !important; } #d2 > div.uzr.d-flex.pmsgcxx > div.uzr.flex-fill.break > div.u-msg.break, #d2 > div.uzr.d-flex.pmsgcx2 > div.uzr.flex-fill.break > div.u-msg.break { text-align: start !important; display: flex !important; color: var(--msg-text) !important; font-weight: 500 !important; } .Welcome_user .fitimg.u-pic, #d2 > div.uzr.d-flex.Welcome_user.mm > div > div.d-flex { display: none !important; } .Welcome_user .welcome-compact { direction: rtl; display: inline-flex; align-items: center; gap: 10px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(250, 250, 252, 0.95)); border: 1px solid rgba(16, 24, 40, 0.06); border-radius: 10px; padding: 8px 10px; max-width: 320px; box-shadow: 0 6px 18px rgba(8, 15, 30, 0.04) !important; font-family: 'Cairo', 'Segoe UI', Tahoma, Arial, sans-serif; color: #0f172a; font-size: 13px !important; line-height: 1.1 !important; width: 100%; justify-content: flex-start; } .Welcome_user .welcome-compact::before { content: ''; display: block; width: 4px; height: 48%; border-radius: 4px; background: linear-gradient(180deg, #38bdf8, #0ea5e9); margin-inline-start: 6px; } .Welcome_user .welcome-compact .w-ava { width: 42px; height: 42px; min-width: 42px; border-radius: 8px; object-fit: cover; box-shadow: 0 4px 10px rgba(12, 18, 29, 0.06); border: 1px solid rgba(16, 24, 40, 0.04); } .Welcome_user .welcome-compact .w-body { display: flex; flex-direction: column; gap: 2px; overflow: hidden; } .Welcome_user .welcome-compact .w-title { font-weight: 700; color: #d839cf; font-size: 13px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .Welcome_user .welcome-compact .w-username { font-weight: 600; color: #0b2540; margin-inline-start: 6px; } .Welcome_user .welcome-compact .w-sub { font-weight: 500 !important; color: #9995e5; font-size: 12px !important; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .Welcome_user .welcome-compact:hover { transform: translateY(-2px); transition: transform 0.16s ease, box-shadow 0.16s ease; box-shadow: 0 12px 30px rgba(8, 15, 30, 0.06); } @media (prefers-color-scheme: dark) { .Welcome_user .welcome-compact { background: linear-gradient(180deg, rgba(10, 14, 20, 0.6), rgba(8, 12, 18, 0.6)); border: 1px solid rgba(255, 255, 255, 0.04); color: #e6eef8; box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45); } .Welcome_user .welcome-compact::before { background: linear-gradient(180deg, #60a5fa, #38bdf8); } .Welcome_user .welcome-compact .w-sub { color: #a7b5c8; } .Welcome_user .welcome-compact .w-title { color: #eef6ff; } .Welcome_user .welcome-compact .w-ava { border: 1px solid rgba(255, 255, 255, 0.04); } } #d2 .like-count { font-size: 11px !important; } .profile-card-modern { width: 100%; max-width: 380px; background: #ffffff; border-radius: 16px; padding: 0px 20px; font-family: 'Segoe UI', Tahoma, sans-serif; color: #333; transition: transform 0.3s ease, box-shadow 0.3s ease; margin-top: 10px; margin-bottom: -12px; } .header-info { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; } .info-block { display: flex; align-items: center; font-size: 0.9rem; color: #555; } .info-block i { margin-right: 5px; font-size: 1.1rem; } .checked { color: #f1c40f; } .stars-users { display: flex; gap: 4px; color: #f1c40f; } .games-duo-modern { display: flex; gap: 12px; } .game-btn { flex: 1; position: relative; padding: 7px 14px 7px 40px; background: #f5f5f8; border: 1px solid #dcdce0; border-radius: 12px; font-size: 0.95rem; color: #333; cursor: pointer; overflow: hidden; transition: background 0.3s ease, border-color 0.3s ease; } .game-btn::before { content: ''; position: absolute; left: 14px; top: 50%; transform: translateY(-50%); width: 22px; height: 22px; background-image: var(--icon-url); background-size: cover; background-position: center; } .game-btn:hover { background: #eaeaf0; border-color: #c0c0c8; } .info-block.views { display: flex; align-items: center; gap: 6px; background: rgba(245, 245, 245, 0.7); border-radius: 14px; padding: 6px 12px; font-size: 0.95rem; color: #333; backdrop-filter: blur(4px); transition: all 0.3s ease; } .info-block.views:hover { background: rgba(240, 240, 240, 0.85); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04); } .info-block.views .fa-eye { font-size: 1.1rem; color: #6c7a89; transition: color 0.3s ease, transform 0.3s ease; } .info-block.views:hover .fa-eye { color: #3b3f42; transform: scale(1.05); } .info-block.views .NUMBER_TH { font-weight: 500; color: #1e1e1e; letter-spacing: 0.3px; transition: color 0.3s ease; } .info-block.views:hover .NUMBER_TH { color: #000; } .info-block.rating { display: flex; align-items: center; gap: 6px; background: rgba(255, 250, 240, 0.7); border-radius: 14px; padding: 6px 12px; font-size: 0.95rem; color: #333; backdrop-filter: blur(4px); transition: all 0.3s ease; } .info-block.rating:hover { background: rgba(255, 245, 225, 0.85); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04); } .info-block.rating .fa-star { font-size: 1.1rem; color: #f5b70a; transition: color 0.3s ease, transform 0.3s ease; } .info-block.rating:hover .fa-star { color: #e8a800; transform: scale(1.05); } .info-block.rating .pointtop { font-weight: 500; color: #1e1e1e; letter-spacing: 0.3px; transition: color 0.3s ease; } .info-block.rating:hover .pointtop { color: #000; } body > div.ppop.light.border.break.ppop-color-container { margin-left: -73px; margin-top: 1px; } #users .u-msg, #lonline .u-msg, .u-topic, .u-pic, .tago, .profile-name, .nosel { -webkit-touch-callout: none !important; -webkit-user-select: none !important; -khtml-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; cursor: default !important; } #users > div > div > div.d-flex.fl > div > div.d-flex.dots > div { display: flex; justify-content: space-between; } body > div.center-block.bg.dad > div > div.break.fl > img { width: auto; max-width: 100px; } #upro { padding-left: 0px !important; } .kb-open .filter_notf { display: none !important; } #lonline > div > div.d-flex.fl > div > div.new-stars_users_uhtml, #tlogins .new-stars_users_uhtml { --shine-inset: -4%; --star-gap: 3px; gap: var(--star-gap); }