complete story 10.4

This commit is contained in:
Naser Mansour
2026-01-03 03:47:10 +02:00
parent b4ebbfd4a0
commit de606da191
8 changed files with 234 additions and 92 deletions
+25 -25
View File
@@ -12,7 +12,7 @@
body {
font-family: 'DejaVu Sans', sans-serif;
font-size: 11px;
color: #333;
color: #1A1A1A;
direction: {{ $locale === 'ar' ? 'rtl' : 'ltr' }};
line-height: 1.6;
}
@@ -23,7 +23,7 @@
left: 0;
right: 0;
height: 70px;
border-bottom: 3px solid #D4AF37;
border-bottom: 3px solid #C9C4BA;
padding-bottom: 10px;
}
@@ -48,7 +48,7 @@
.brand-name {
font-size: 24px;
font-weight: bold;
color: #0A1F44;
color: #4A4A42;
}
.brand-subtitle {
@@ -68,7 +68,7 @@
left: 0;
right: 0;
height: 50px;
border-top: 2px solid #D4AF37;
border-top: 2px solid #C9C4BA;
padding-top: 10px;
font-size: 9px;
color: #666;
@@ -105,7 +105,7 @@
.cover-brand {
font-size: 48px;
font-weight: bold;
color: #0A1F44;
color: #4A4A42;
margin-bottom: 10px;
}
@@ -118,13 +118,13 @@
.cover-title {
font-size: 28px;
font-weight: bold;
color: #0A1F44;
color: #4A4A42;
margin-bottom: 20px;
}
.cover-period {
font-size: 22px;
color: #D4AF37;
color: #4A4A42;
margin-bottom: 60px;
}
@@ -141,8 +141,8 @@
.section-title {
font-size: 18px;
font-weight: bold;
color: #0A1F44;
border-bottom: 2px solid #D4AF37;
color: #4A4A42;
border-bottom: 2px solid #C9C4BA;
padding-bottom: 8px;
margin-bottom: 20px;
margin-top: 30px;
@@ -165,7 +165,7 @@
display: table-cell;
width: 30px;
font-weight: bold;
color: #0A1F44;
color: #4A4A42;
}
.toc-title {
@@ -176,7 +176,7 @@
display: table-cell;
width: 40px;
text-align: {{ $locale === 'ar' ? 'left' : 'right' }};
color: #D4AF37;
color: #4A4A42;
}
/* Stats Grid */
@@ -198,8 +198,8 @@
}
.stat-box {
background-color: #f8f9fa;
border: 1px solid #e9ecef;
background-color: #E8E4DC;
border: 1px solid #C9C4BA;
border-radius: 4px;
padding: 15px;
text-align: {{ $locale === 'ar' ? 'right' : 'left' }};
@@ -215,11 +215,11 @@
.stat-value {
font-size: 24px;
font-weight: bold;
color: #0A1F44;
color: #4A4A42;
}
.stat-value-gold {
color: #D4AF37;
color: #4A4A42;
}
/* Data Table */
@@ -230,7 +230,7 @@
}
.data-table th {
background-color: #0A1F44;
background-color: #4A4A42;
color: #fff;
padding: 10px 12px;
text-align: {{ $locale === 'ar' ? 'right' : 'left' }};
@@ -241,18 +241,18 @@
.data-table td {
padding: 10px 12px;
border-bottom: 1px solid #e9ecef;
border-bottom: 1px solid #C9C4BA;
text-align: {{ $locale === 'ar' ? 'right' : 'left' }};
}
.data-table tr:nth-child(even) {
background-color: #f8f9fa;
background-color: #E8E4DC;
}
/* Highlights */
.highlight-box {
background-color: #fff3cd;
border: 1px solid #D4AF37;
background-color: #E8E4DC;
border: 1px solid #C9C4BA;
border-radius: 4px;
padding: 15px;
margin-bottom: 20px;
@@ -260,7 +260,7 @@
.highlight-item {
padding: 5px 0;
border-bottom: 1px solid rgba(212, 175, 55, 0.3);
border-bottom: 1px solid rgba(201, 196, 186, 0.5);
}
.highlight-item:last-child {
@@ -268,7 +268,7 @@
}
.highlight-bullet {
color: #D4AF37;
color: #4A4A42;
font-weight: bold;
margin-{{ $locale === 'ar' ? 'left' : 'right' }}: 8px;
}
@@ -294,14 +294,14 @@
margin: 20px 0;
padding: 15px;
background-color: #fff;
border: 1px solid #e9ecef;
border: 1px solid #C9C4BA;
border-radius: 4px;
}
.chart-title {
font-size: 12px;
font-weight: bold;
color: #0A1F44;
color: #4A4A42;
margin-bottom: 15px;
}
@@ -350,7 +350,7 @@
text-align: center;
padding: 30px;
color: #666;
background-color: #f8f9fa;
background-color: #E8E4DC;
border-radius: 4px;
}
</style>