الأستاذ الدكتور غوكسل بايار

 

:root {
–primary-color: #2c3e50;
–secondary-color: #34495e;
–accent-color: #3498db;
–bg-color: #f4f7f6;
–text-color: #333;
–card-bg: #ffffff;
–border-radius: 8px;
}

body {
font-family: ‘Tajawal’, sans-serif;
background-color: var(–bg-color);
color: var(–text-color);
line-height: 1.6;
margin: 0;
padding: 0;
}

.container {
max-width: 1000px;
margin: 0 auto;
padding: 20px;
}

header {
text-align: center;
margin-bottom: 40px;
padding: 40px 20px;
background: linear-gradient(135deg, var(–primary-color), var(–secondary-color));
color: #fff;
border-radius: var(–border-radius);
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

header h1 {
margin: 0;
font-size: 2.5rem;
}

header p {
margin-top: 10px;
opacity: 0.9;
font-size: 1.1rem;
}

.section-title {
display: flex;
align-items: center;
margin-bottom: 20px;
color: var(–primary-color);
border-bottom: 2px solid var(–accent-color);
padding-bottom: 10px;
}

.section-title h2 {
margin: 0;
font-size: 1.8rem;
}

.section-content {
margin-bottom: 50px;
}

.publication-card {
background-color: var(–card-bg);
border-radius: var(–border-radius);
padding: 20px;
margin-bottom: 15px;
box-shadow: 0 2px 4px rgba(0,0,0,0.05);
transition: transform 0.2s ease, box-shadow 0.2s ease;
border-right: 4px solid var(–accent-color);
}

.publication-card:hover {
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

/* تنسيق النصوص الإنجليزية/التركية لضمان الاتجاه الصحيح */
.ltr-content {
direction: ltr;
text-align: left;
font-family: ‘Segoe UI’, Tahoma, Geneva, Verdana, sans-serif;
}

.pub-title {
font-weight: 700;
font-size: 1.1rem;
color: #2c3e50;
margin-bottom: 8px;
display: block;
}

.pub-meta {
font-size: 0.95rem;
color: #555;
margin-bottom: 8px;
}

.pub-authors {
font-size: 0.9rem;
color: #7f8c8d;
font-style: italic;
}

.pub-authors::before {
content: “Authors: “;
font-weight: bold;
font-style: normal;
color: #333;
}

/* Badge for category if needed */
.badge {
display: inline-block;
padding: 4px 8px;
font-size: 0.8rem;
border-radius: 4px;
background-color: #e3f2fd;
color: #1565c0;
margin-bottom: 10px;
font-weight: bold;
}

@media (max-width: 768px) {
header h1 {
font-size: 1.8rem;
}
.section-title h2 {
font-size: 1.4rem;
}
}