**موضوع و عنوان پایان نامه رشته هنر اسلامی + جدید و بروز**

—

**فهرست مطالب:**

* **اهمیت پژوهش در هنر اسلامی**
* **زمینه‌های نوین در انتخاب موضوع پایان‌نامه هنر اسلامی**
* **۱. تاریخ هنر اسلامی و بازنگری‌های معاصر**
* **۲. زیبایی‌شناسی و فلسفه هنر اسلامی در جهان امروز**
* **۳. فناوری‌های نوین و بازآفرینی هنر اسلامی**
* **۴. هنر اسلامی و تعاملات فرهنگی جهانی**
* **۵. مطالعات موردی و تطبیقی نوین در هنر اسلامی**
* **۶. هنر اسلامی در فضای مجازی و رسانه‌های دیجیتال**
* **جدول راهنمای انتخاب موضوع و متدولوژی**
* **راهنمای عملی انتخاب موضوع پایان‌نامه**
* **اینفوگرافیک: عناصر کلیدی یک پایان‌نامه موفق**
* **نتیجه‌گیری و چشم‌انداز آینده**

—

***

***

/* Basic Reset & Body Styling for better readability */
body {
font-family: ‘B Nazanin’, ‘Iranian Sans’, sans-serif; /* Fallback fonts for broader compatibility */
line-height: 1.8;
color: #333;
direction: rtl;
text-align: justify;
background-color: #F8F5EE; /* Light background for the whole page */
margin: 0;
padding: 20px; /* Padding around the content */
}

/* General block for the article content – can be used to wrap the main text */
div[style*=”font-family: ‘B Nazanin'”] {
max-width: 900px; /* Max width for readability on large screens */
margin: 0 auto; /* Center the content */
background-color: #FFFFFF; /* White background for the article block */
padding: 40px;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0,0,0,0.08); /* Soft shadow for depth */
}

/* Heading Styles */
h1 {
font-family: ‘B Nazanin’, ‘Iranian Sans’, sans-serif;
font-size: 2.8em; /* Larger for H1 */
font-weight: bold;
text-align: center;
color: #4A2B00; /* Dark brown */
margin-bottom: 45px;
padding: 20px 0;
border-bottom: 4px solid #D4B27C; /* Gold-ochre separator */
background-color: #FDF9F3; /* Very light cream background for H1 */
border-radius: 8px 8px 0 0; /* Rounded top corners */
line-height: 1.3;
}

h2 {
font-family: ‘B Nazanin’, ‘Iranian Sans’, sans-serif;
font-size: 2.0em; /* H2 size */
font-weight: bold;
color: #7F553B; /* Medium brown */
margin-top: 45px;
margin-bottom: 25px;
border-bottom: 2px solid #E8D4B2; /* Lighter separator */
padding-bottom: 10px;
line-height: 1.4;
}

h3 {
font-family: ‘B Nazanin’, ‘Iranian Sans’, sans-serif;
font-size: 1.6em; /* H3 size */
font-weight: bold;
color: #A6805E; /* Lighter brown */
margin-top: 35px;
margin-bottom: 18px;
border-bottom: 1px solid #F0E0C5; /* Very light separator */
padding-bottom: 6px;
line-height: 1.5;
}

/* Paragraphs and Lists */
p {
font-size: 1.1em;
margin-bottom: 20px;
line-height: 1.9;
color: #444;
}

ul {
list-style-type: disc;
margin-right: 35px;
margin-bottom: 25px;
line-height: 1.8;
color: #444;
}
ul li {
margin-bottom: 10px;
font-size: 1.05em;
}
ul li b {
color: #5A3A1F; /* Darker bold text */
}

/* Table Styling */
table {
width: 100%;
border-collapse: collapse;
margin-bottom: 35px;
border: 1px solid #D4B27C;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
thead {
background-color: #FDF9F3; /* Light cream for table header */
border-bottom: 2px solid #D4B27C;
}
th, td {
padding: 15px 20px;
text-align: right;
font-family: ‘B Nazanin’, ‘Iranian Sans’, sans-serif;
font-size: 1.05em;
border: 1px solid #E8D4B2; /* Lighter border for cells */
color: #444;
}
th {
font-weight: bold;
color: #4A2B00;
font-size: 1.15em;
}
td b {
color: #5A3A1F;
}

/* Infographic Styling */
div[style*=”background-color: #F8F5EE; padding: 25px;”] {
background-color: #FDF9F3; /* Light cream background for infographic */
padding: 30px;
border-radius: 12px;
border: 1px solid #D4B27C;
margin-bottom: 40px;
box-shadow: 0 3px 15px rgba(0,0,0,0.07);
}
div[style*=”background-color: #F8F5EE; padding: 25px;”] h3 {
color: #4A2B00;
font-size: 1.8em;
margin-bottom: 30px;
border-bottom: none; /* Remove H3 default border here */
}
div[style*=”background-color: #F8F5EE; padding: 25px;”] ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
div[style*=”background-color: #F8F5EE; padding: 25px;”] li {
width: 48%; /* Adjust for spacing */
margin-bottom: 25px;
background-color: #FFFFFF;
border-radius: 10px;
box-shadow: 0 2px 10px rgba(0,0,0,0.08);
padding: 20px;
border-left: 6px solid; /* For colored accent */
box-sizing: border-box; /* Include padding in width calculation */
}
div[style*=”background-color: #F8F5EE; padding: 25px;”] li:nth-child(odd) {
border-left-color: #A6805E; /* Alternate colors */
}
div[style*=”background-color: #F8F5EE; padding: 25px;”] li:nth-child(even) {
border-left-color: #D4B27C; /* Alternate colors */
}
div[style*=”background-color: #F8F5EE; padding: 25px;”] li p:first-child {
font-weight: bold;
color: #7F553B;
font-size: 1.2em;
margin-bottom: 8px;
line-height: 1.4;
}
div[style*=”background-color: #F8F5EE; padding: 25px;”] li p:last-child {
font-size: 1.0em;
color: #555;
line-height: 1.7;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
body {
padding: 15px;
}
div[style*=”font-family: ‘B Nazanin'”] {
padding: 25px;
border-radius: 10px;
}
h1 {
font-size: 2.0em;
margin-bottom: 30px;
padding: 15px 0;
}
h2 {
font-size: 1.6em;
margin-top: 30px;
margin-bottom: 18px;
padding-bottom: 6px;
}
h3 {
font-size: 1.3em;
margin-top: 25px;
margin-bottom: 12px;
padding-bottom: 4px;
}
p {
font-size: 1.0em;
margin-bottom: 15px;
line-height: 1.7;
}
ul {
margin-right: 20px;
margin-bottom: 20px;
line-height: 1.6;
}
ul li {
font-size: 0.95em;
}
th, td {
padding: 10px 12px;
font-size: 0.95em;
}
div[style*=”background-color: #F8F5EE; padding: 25px;”] li {
width: 95%; /* Stack items on small screens */
margin-bottom: 15px;
padding: 15px;
}
div[style*=”background-color: #F8F5EE; padding: 25px;”] h3 {
font-size: 1.4em;
margin-bottom: 20px;
}
div[style*=”background-color: #F8F5EE; padding: 25px;”] li p:first-child {
font-size: 1.05em;
}
div[style*=”background-color: #F8F5EE; padding: 25px;”] li p:last-child {
font-size: 0.9em;
}
}

/* Tablet adjustments */
@media (min-width: 769px) and (max-width: 1024px) {
div[style*=”font-family: ‘B Nazanin'”] {
padding: 30px;
}
h1 {
font-size: 2.3em;
}
h2 {
font-size: 1.7em;
}
h3 {
font-size: 1.4em;
}
div[style*=”background-color: #F8F5EE; padding: 25px;”] li {
width: 47%;
}
}

/* Television/Large Screen Adjustments (if needed, though typically handled by max-width) */
@media (min-width: 1200px) {
div[style*=”font-family: ‘B Nazanin'”] {
max-width: 1000px;
padding: 50px;
}
h1 {
font-size: 3.0em;
}
h2 {
font-size: 2.2em;
}
h3 {
font-size: 1.7em;
}
}

/* Custom Scrollbar for subtle elegance */
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 10px;
}
::-webkit-scrollbar-thumb {
background: #D4B27C;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
background: #A6805E;
}