انجام پایان‌نامه گنبد کاووس: راهنمای جامع و کاربردی

/* CSS Reset for better compatibility (minimal for block editor) */
body, h1, h2, h3, p, ul, ol, table, th, td, div {
margin: 0;
padding: 0;
box-sizing: border-box;
}

/* Basic body styling for readability */
body {
font-family: ‘B Nazanin’, ‘Arial’, sans-serif;
line-height: 1.8;
color: #333333;
background-color: #f7f9fb; /* Light background for the whole page */
}

/* Container for the article */
div[style*=”max-width: 900px”] {
margin: 20px auto; /* Add some space around the main content */
padding: 25px; /* Increase padding slightly */
box-shadow: 0 6px 12px rgba(0,0,0,0.08); /* Stronger but soft shadow */
}

/* Headings general styling */
h1, h2, h3 {
text-align: right; /* Ensure all headings are right-aligned as per Persian text direction */
}

h1 {
font-family: ‘B Titr’, ‘Arial Black’, sans-serif; /* A more prominent font for H1 */
font-size: 2.8em; /* Slightly larger */
color: #1A2E3E; /* Darker blue-gray */
margin-bottom: 1.2em;
padding-bottom: 0.2em;
border-bottom: 3px solid #3498DB; /* Solid border for H1 */
}

h2 {
font-family: ‘B Nazanin’, ‘Arial’, sans-serif;
font-size: 2.2em; /* Slightly larger */
color: #2C3E50; /* Darker blue-gray */
margin-top: 2em; /* More space above H2 */
margin-bottom: 1em;
border-bottom: 2px solid #3498DB; /* Consistent border for H2 */
padding-bottom: 0.4em;
}

h3 {
font-family: ‘B Nazanin’, ‘Arial’, sans-serif;
font-size: 1.6em; /* Slightly larger */
color: #34495E; /* Medium blue-gray */
margin-top: 1.5em; /* More space above H3 */
margin-bottom: 0.8em;
position: relative;
padding-right: 15px; /* Space for the decorative element */
}
h3::before {
content: “▪”; /* Decorative bullet point */
color: #3498DB;
position: absolute;
right: 0;
top: 0;
font-size: 1.2em;
}

/* Paragraphs */
p {
text-align: justify;
margin-bottom: 1em;
font-size: 1.05em; /* Slightly larger for readability */
}

/* Lists */
ul, ol {
margin-right: 25px; /* Adjust for RTL */
padding-right: 0;
margin-bottom: 1em;
}

ul li, ol li {
margin-bottom: 0.6em;
text-align: justify;
}

/* Links */
a {
color: #2980B9;
text-decoration: none;
transition: color 0.3s ease;
}

a:hover {
color: #1ABC9C;
text-decoration: underline;
}

/* Info Blocks (div[style*=”background-color: #EBF5FB”]) */
div[style*=”background-color: #EBF5FB”],
div[style*=”background-color: #F8F9F9; border-left”],
div[style*=”background-color: #F8F9F9; border-right”] {
padding: 20px;
margin: 2.5em 0;
border-radius: 10px;
box-shadow: 0 2px 6px rgba(0,0,0,0.08); /* A soft shadow for visual pop */
}

/* Specific styling for the ‘problem-solution’ infographic */
div[style*=”display: flex”] > div {
background-color: #FFFFFF !important; /* Override inner background for consistency */
border: 1px solid #D1D8E2 !important; /* Lighter border */
box-shadow: 0 4px 8px rgba(0,0,0,0.06) !important;
}

/* Table styling */
table {
box-shadow: 0 4px 8px rgba(0,0,0,0.05);
}

table thead {
background-color: #2980B9 !important; /* Darker blue for table header */
}

table th {
padding: 15px 20px !important;
text-align: right !important;
font-size: 1.15em !important;
}

table td {
padding: 12px 20px !important;
text-align: right !important;
border-bottom: 1px solid #E0E7EB !important; /* Lighter border for rows */
}

table tr:nth-child(even) td {
background-color: #F2F5F8 !important; /* Slightly darker background for even rows */
}

table tr:hover td {
background-color: #E6F3FA !important; /* Highlight on hover */
}

/* FAQ sections */
div[style*=”background-color: #F8F9F9; border: 1px solid #ECF0F1;”] {
background-color: #FFFFFF !important;
border: 1px solid #D1D8E2 !important;
padding: 15px 20px;
box-shadow: 0 2px 4px rgba(0,0,0,0.04);
}
div[style*=”background-color: #F8F9F9; border: 1px solid #ECF0F1;”] h3 {
font-size: 1.3em !important;
color: #2C3E50 !important;
margin-top: 0.5em !important; /* Adjust margin */
margin-bottom: 0.5em !important;
padding-right: 0 !important; /* Remove custom padding */
}
div[style*=”background-color: #F8F9F9; border: 1px solid #ECF0F1;”] h3::before {
content: none !important; /* Remove bullet from FAQ H3 */
}

/* Internal links block */
div[style*=”background-color: #F0F8FF”] {
background-color: #EBF5FB !important;
border: 2px dashed #A7D9FF !important;
padding: 25px;
border-radius: 10px;
box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}
div[style*=”background-color: #F0F8FF”] p {
font-size: 1.15em !important;
color: #1A5276 !important;
margin-bottom: 1.2em !important;
}
div[style*=”background-color: #F0F8FF”] a {
padding: 12px 25px !important;
font-size: 1.05em !important;
border-radius: 6px !important;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
div[style*=”background-color: #F0F8FF”] a:hover {
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

/* Responsive adjustments */
@media (max-width: 768px) {
div[style*=”max-width: 900px”] {
margin: 10px;
padding: 15px;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.7em;
}
h3 {
font-size: 1.3em;
}
p {
font-size: 1em;
}
ul, ol {
margin-right: 15px;
}
.flex-container { /* If you had a flex container for the info blocks */
flex-direction: column;
gap: 15px;
}
div[style*=”display: flex”] > div {
flex: 1 1 100% !important; /* Stack columns on smaller screens */
}
table, thead, tbody, th, td, tr {
display: block;
}
thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
tr { border: 1px solid #ccc; margin-bottom: 10px; border-radius: 8px;}
td {
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-right: 50% !important;
text-align: right !important;
}
td::before {
position: absolute;
right: 6px;
width: 45%;
padding-left: 10px;
white-space: nowrap;
text-align: left;
font-weight: bold;
}
td:nth-of-type(1)::before { content: “مشکل رایج:”; }
td:nth-of-type(2)::before { content: “راه حل پیشنهادی:”; }
}

@media (max-width: 480px) {
h1 {
font-size: 1.6em;
}
h2 {
font-size: 1.4em;
}
h3 {
font-size: 1.2em;
}
div[style*=”max-width: 900px”] {
padding: 10px;
}
div[style*=”background-color: #F0F8FF”] a {
display: block;
margin: 8px 0;
}
}