arabicPhilo / style.css
methodya's picture
Update style.css
4671a43 verified
raw
history blame
3.18 kB
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;700&display=swap");
/* الأساسيات */
body {
background: #ffffff !important;
color: #22228e !important;
}
.gradio-container {
background: white !important;
font-family: "Noto Sans Arabic", sans-serif !important;
color: rgb(78, 46, 220) !important;
}
/* البلوكات والحاويات */
.block.svelte-11xb1hd {
background: #ffffff !important;
border: 1px solid #e5e7eb !important;
border-radius: 20px !important;
overflow: visible !important;
}
/* تعطيل خلفية div.svelte-633qhp */
div.svelte-633qhp {
background: none !important;
display: flex;
flex-direction: inherit;
flex-wrap: wrap;
gap: var(--form-gap-width);
box-shadow: var(--block-shadow);
border: var(--block-border-width) solid var(--block-border-color);
border-radius: var(--block-radius);
}
/* العناوين */
span.svelte-1gfkn6j {
background: rgb(52 45 152) !important;
font-size: 15px !important;
text-align: center !important;
display: block !important;
margin-bottom: 10px !important;
}
/* حقول النص */
textarea.svelte-173056l {
background: #ffffff !important;
border-radius: 12px !important;
padding: 15px !important;
direction: rtl !important;
}
/* مربعات الأرقام */
input[type="number"].svelte-10lj3xl {
background: #28ae66 !important;
color: #22228e !important;
border: none !important;
border-radius: 10px !important;
width: 60px !important;
text-align: center !important;
}
/* زر الريست */
.reset-button.svelte-10lj3xl {
padding: 3px 8px !important;
font-size: 14px !important;
background: transparent !important;
border: 1px solid #5046e5 !important;
color: #22228e !important;
border-radius: 5px !important;
}
/* السلايدر */
input[type="range"] {
accent-color: #5046e5 !important;
}
/* معالجة مشكلة الحاوية المتكررة */
.form.svelte-633qhp {
overflow: visible !important;
margin: 0 !important;
padding: 0 !important;
}
.gradio-container h1 {
color: rgb(78, 46, 220) !important;
text-align: center !important;
}
/* الأزرار */
button.lg.primary {
background-color: #5046e5 !important;
}
button.lg.secondary {
background-color: #6b7280 !important;
}
/* معالجة ظهور الحاويات المتكررة */
.block.svelte-11xb1hd.padded.auto-margin {
overflow: hidden !important;
margin-bottom: 20px !important;
}
input.svelte-173056l.svelte-173056l,
textarea.svelte-173056l.svelte-173056l {
flex-grow: 1 !important;
outline: none !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
resize: none !important;
z-index: 1 !important;
display: block !important;
position: relative !important;
padding: var(--input-padding) !important;
width: 100% !important;
color: #191996 !important;
font-weight: var(--input-text-weight) !important;
font-size: var(--input-text-size) !important;
line-height: var(--line-sm) !important;
border: none !important;
}