|
|
body { |
|
|
font-family: Arial, sans-serif; |
|
|
background-color: #f0f8ff; |
|
|
} |
|
|
.arabic-text { |
|
|
font-size: 24px; |
|
|
direction: rtl; |
|
|
text-align: right; |
|
|
color: #2c3e50; |
|
|
margin-bottom: 20px; |
|
|
} |
|
|
h3 { |
|
|
color: #1a5f7a; |
|
|
} |
|
|
button { |
|
|
background-color: #1a5f7a !important; |
|
|
color: white !important; |
|
|
} |
|
|
.english-translation { |
|
|
color: #007bff; |
|
|
padding: 10px; |
|
|
border-radius: 5px; |
|
|
} |
|
|
.english-tafseer { |
|
|
color: #28a745; |
|
|
padding: 10px; |
|
|
border-radius: 5px; |
|
|
} |
|
|
.urdu-translation { |
|
|
color: #dc3545; |
|
|
padding: 10px; |
|
|
border-radius: 5px; |
|
|
direction: rtl; |
|
|
} |
|
|
.urdu-tafseer { |
|
|
color: #ffc107; |
|
|
padding: 10px; |
|
|
border-radius: 5px; |
|
|
direction: rtl; |
|
|
} |
