fixed
هذا الالتزام موجود في:
@@ -347,6 +347,7 @@
|
||||
|
||||
.ml5 {
|
||||
margin-left: 5px;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.ml10 {
|
||||
@@ -357,7 +358,7 @@
|
||||
textarea,
|
||||
input[type='text'] {
|
||||
background: var(--msger-bg) !important;
|
||||
color: #fff !important;
|
||||
color: black !important;
|
||||
transition: height 0.5s !important;
|
||||
}
|
||||
|
||||
|
||||
@@ -4,6 +4,24 @@
|
||||
# Keyframes
|
||||
--------------------------------------------------------------*/
|
||||
|
||||
|
||||
:root {
|
||||
--primary-red: #e53935;
|
||||
--dark-red: #c62828;
|
||||
--light-red: #ff5252;
|
||||
--accent-red: #ff8a80;
|
||||
--text-dark: #333333;
|
||||
--text-light: #666666;
|
||||
--background: #f9f9f9;
|
||||
--white: #ffffff;
|
||||
--gray-light: #f5f5f5;
|
||||
--gray-medium: #e0e0e0;
|
||||
--shadow: 0 4px 12px rgba(229, 57, 53, 0.15);
|
||||
--shadow-hover: 0 6px 20px rgba(229, 57, 53, 0.25);
|
||||
}
|
||||
|
||||
|
||||
|
||||
@-webkit-keyframes fadeIn {
|
||||
from {
|
||||
opacity: 0;
|
||||
@@ -67,29 +85,34 @@ body {
|
||||
--------------------------------------------------------------*/
|
||||
|
||||
#loadingDiv {
|
||||
color: #fff;
|
||||
color: var(--text-dark);
|
||||
padding: 30px;
|
||||
text-align: center;
|
||||
border-radius: 10px;
|
||||
background: rgba(0, 0, 0, 0.7);
|
||||
background: var(--white);
|
||||
box-shadow: var(--shadow);
|
||||
border: 1px solid var(--gray-medium);
|
||||
}
|
||||
|
||||
#loadingDiv h1 {
|
||||
padding: 10px;
|
||||
font-size: 60px;
|
||||
font-family: 'Montserrat';
|
||||
border-radius: 10px;
|
||||
}
|
||||
#loadingDiv img {
|
||||
margin-top: 5px;
|
||||
margin-bottom: 10px;
|
||||
font-family: 'IBM Plex Sans';
|
||||
border-radius: 10px;
|
||||
color: var(--primary-red);
|
||||
}
|
||||
|
||||
|
||||
|
||||
#loadingDiv pre {
|
||||
padding: 10px;
|
||||
font-family: 'Montserrat';
|
||||
font-family: 'IBM Plex Sans';
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
# Init User
|
||||
--------------------------------------------------------------*/
|
||||
@@ -154,7 +177,7 @@ body {
|
||||
width: 100%;
|
||||
margin-top: 15px;
|
||||
padding: 10px;
|
||||
background-color: var(--select-bg) !important;
|
||||
background-color: red !important;
|
||||
color: white;
|
||||
border: var(--border);
|
||||
border-radius: 5px;
|
||||
@@ -171,7 +194,8 @@ body {
|
||||
font-size: 1.2rem;
|
||||
border: var(--border);
|
||||
border-radius: 5px;
|
||||
background-color: transparent;
|
||||
background-color: red;
|
||||
color: black !important;
|
||||
}
|
||||
|
||||
.init-user button:hover {
|
||||
@@ -404,7 +428,6 @@ body {
|
||||
/*--------------------------------------------------------------
|
||||
# Bottom buttons
|
||||
--------------------------------------------------------------*/
|
||||
|
||||
#bottomButtons {
|
||||
z-index: 3;
|
||||
position: fixed;
|
||||
@@ -556,7 +579,7 @@ body {
|
||||
#mySettings p {
|
||||
display: inline-flex;
|
||||
margin: auto;
|
||||
color: #fff;
|
||||
color: black;
|
||||
padding: 5px;
|
||||
background: transparent;
|
||||
}
|
||||
@@ -1060,7 +1083,7 @@ body {
|
||||
|
||||
#notificationsModeDiv input[type='text'] {
|
||||
width: 100%;
|
||||
color: #fff;
|
||||
color: black;
|
||||
padding: 10px;
|
||||
margin: 10px 0;
|
||||
border: var(--border);
|
||||
@@ -1374,6 +1397,10 @@ body {
|
||||
# swal2
|
||||
--------------------------------------------------------------*/
|
||||
|
||||
|
||||
.swal2-styled.swal2-confirm{
|
||||
background-color: red !important;
|
||||
}
|
||||
.swal2-popup {
|
||||
/* border: var(--border) !important; */
|
||||
/* border: 0.5px solid rgb(255 255 255 / 32%) !important; */
|
||||
@@ -1389,7 +1416,7 @@ body {
|
||||
.swal2-content,
|
||||
.swal2-input {
|
||||
text-align: center;
|
||||
color: #fff !important;
|
||||
color: black !important;
|
||||
background-color: transparent !important;
|
||||
}
|
||||
.swal2-html-container {
|
||||
|
||||
@@ -1,67 +1,78 @@
|
||||
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');
|
||||
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400,500,600,700&display=swap');
|
||||
|
||||
:root {
|
||||
--body-bg: radial-gradient(#393939, #000000);
|
||||
--border: 0.5px solid rgb(255 255 255 / 32%);
|
||||
--border-radius: 1rem;
|
||||
/* Red Color Scheme from 404 page */
|
||||
--primary-red: #e53935;
|
||||
--dark-red: #c62828;
|
||||
--light-red: #ff5252;
|
||||
--accent-red: #ff8a80;
|
||||
|
||||
/* Background and text colors */
|
||||
--body-bg: linear-gradient(135deg, #f9f9f9 0%, #f0f0f0 100%);
|
||||
--border: 1px solid rgba(229, 57, 53, 0.2);
|
||||
--border-radius: 8px;
|
||||
|
||||
/* Main containers */
|
||||
--msger-width: 800px;
|
||||
--msger-height: 700px;
|
||||
--msger-bubble-width: 85%;
|
||||
--msger-bg: radial-gradient(#393939, #000000);
|
||||
--msger-bg: #ffffff;
|
||||
--box-shadow: 0 8px 32px rgba(229, 57, 53, 0.1);
|
||||
|
||||
/* Whiteboard */
|
||||
--wb-width: 800px;
|
||||
--wb-height: 600px;
|
||||
--wb-bg: radial-gradient(#393939, #000000);
|
||||
--select-bg: #2c2c2c;
|
||||
--left-msg-bg: #252d31;
|
||||
--right-msg-bg: #056162;
|
||||
--private-msg-bg: #6b1226;
|
||||
--box-shadow: 0px 8px 16px 0px rgb(0 0 0);
|
||||
--btns-hover-scale: scale(1.1);
|
||||
--settings-bg: radial-gradient(#393939, #000000);
|
||||
--tab-btn-active: rgb(42 42 42 / 70%);
|
||||
--btns-bg-color: rgba(0, 0, 0, 0.7);
|
||||
/* buttons bar horizontal */
|
||||
--wb-bg: #ffffff;
|
||||
|
||||
/* Selection and messages */
|
||||
--select-bg: #f8f9fa;
|
||||
--left-msg-bg: #f1f3f4;
|
||||
--right-msg-bg: var(--primary-red);
|
||||
--private-msg-bg: var(--dark-red);
|
||||
|
||||
/* Buttons and interactive elements */
|
||||
--btns-bg-color: var(--primary-red);
|
||||
--btns-hover-scale: scale(1.05);
|
||||
--settings-bg: #ffffff;
|
||||
--tab-btn-active: rgba(229, 57, 53, 0.1);
|
||||
|
||||
/* Button bars positioning */
|
||||
--btns-top: 50%;
|
||||
--btns-right: 0%;
|
||||
--btns-left: 10px;
|
||||
--btns-left: 20px;
|
||||
--btns-margin-left: 0px;
|
||||
--btns-width: 60px;
|
||||
--btns-flex-direction: column;
|
||||
/* buttons bar horizontal
|
||||
--btns-top: 95%;
|
||||
--btns-right: 25%;
|
||||
--btns-left: 50%;
|
||||
--btns-margin-left: -160px;
|
||||
--btns-width: 320px;
|
||||
--btns-flex-direction: row;
|
||||
*/
|
||||
/* bottom buttons bar horizontal default */
|
||||
|
||||
/* Bottom buttons bar */
|
||||
--bottom-btns-top: auto;
|
||||
--bottom-btns-left: 50%;
|
||||
--bottom-btns-bottom: 0;
|
||||
--bottom-btns-translate-X: -50%;
|
||||
--bottom-btns-translate-Y: 0%;
|
||||
--bottom-btns-margin-bottom: 18px;
|
||||
--bottom-btns-margin-bottom: 20px;
|
||||
--bottom-btns-flex-direction: row;
|
||||
|
||||
/* Transcription */
|
||||
--transcription-height: 680px;
|
||||
--transcription-width: 420px;
|
||||
--trx-bg: radial-gradient(#393939, #000000);
|
||||
--trx-bg: #ffffff;
|
||||
|
||||
/* Editor */
|
||||
--editor-container-width: 100%;
|
||||
--editor-container-height: 100%;
|
||||
--editor-height: 85vh;
|
||||
|
||||
/* Video */
|
||||
--vmi-wh: 15vw;
|
||||
/* https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit */
|
||||
--videoObjFit: cover;
|
||||
--videoBar-active: 2px solid var(--primary-red);
|
||||
|
||||
--dd-color: #ffffff;
|
||||
|
||||
--videoBar-active: 1px solid rgba(102, 190, 255, 0.32);
|
||||
/* Dropdown and text */
|
||||
--dd-color: #333333;
|
||||
}
|
||||
|
||||
* {
|
||||
outline: none;
|
||||
font-family: 'Montserrat';
|
||||
}
|
||||
font-family: 'IBM Plex Sans', sans-serif;
|
||||
}
|
||||
@@ -72,13 +72,13 @@ button {
|
||||
input[type='text'],
|
||||
input[type='password'] {
|
||||
flex: 1;
|
||||
color: #fff;
|
||||
color: black;
|
||||
border: var(--border);
|
||||
background: var(--body-bg);
|
||||
}
|
||||
|
||||
input[type='text'][readonly] {
|
||||
color: #fff;
|
||||
color: black;
|
||||
border: var(--border);
|
||||
background: var(--body-bg);
|
||||
}
|
||||
|
||||
@@ -100,7 +100,7 @@
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
color: #fff;
|
||||
color: black;
|
||||
font-size: 10px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -205,7 +205,7 @@
|
||||
.videoAvatarMenuBar button:hover,
|
||||
.videoMenuBarShare button:hover {
|
||||
color: #fff;
|
||||
background: var(--btns-bg-color);
|
||||
background: red;
|
||||
}
|
||||
|
||||
/* Touch-friendly sizing for buttons within menu bar */
|
||||
|
||||
@@ -39,7 +39,7 @@
|
||||
/* Main Widget Styles */
|
||||
.mirotalk-support-widget {
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
||||
background: linear-gradient(135deg, #1f1f2e 0%, #2a2a3e 100%);
|
||||
background: linear-gradient(135deg, #f9f9f9 0%, #f0f0f0 100%);
|
||||
color: #fff;
|
||||
padding: 24px;
|
||||
border-radius: 20px;
|
||||
|
||||
المرجع في مشكلة جديدة
حظر مستخدم