انجام پایان نامه رشته علوم دامی + تضمینی: راهنمای جامع و گام به گام

/* Base styles for readability and aesthetic */
body {
font-family: ‘Vazirmatn’, sans-serif;
line-height: 1.8;
color: #333;
background-color: #f9f9f9;
margin: 0;
padding: 0;
}

/* General container for the article */
div {
max-width: 900px;
margin: 0 auto;
padding: 20px;
background-color: #fff;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0,0,0,0.05);
}

/* Headings styling */
h1 {
font-size: 2.5em; /* Larger for H1 */
font-weight: 800; /* Extra bold */
color: #1a4d2e; /* Dark green for primary title */
text-align: center;
margin-bottom: 30px;
line-height: 1.3;
}

h2 {
font-size: 1.8em; /* Slightly smaller for H2 */
font-weight: 700; /* Bold */
color: #2e7d32; /* Medium green */
margin-top: 40px;
margin-bottom: 20px;
border-bottom: 2px solid #a5d6a7; /* Light green underline */
padding-bottom: 10px;
}

h3 {
font-size: 1.4em; /* Smaller for H3 */
font-weight: 600; /* Semi-bold */
color: #4CAF50; /* Lighter green */
margin-top: 30px;
margin-bottom: 15px;
}

/* Paragraphs and list items */
p {
margin-bottom: 20px;
text-align: justify;
}

ul {
margin-left: 25px;
margin-bottom: 20px;
padding-left: 0; /* Override default for custom list styles */
}

li {
margin-bottom: 10px;
}

/* Table styling */
table {
width: 100%;
border-collapse: collapse;
text-align: right;
background-color: #ffffff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
margin-bottom: 25px;
}

th, td {
padding: 12px 15px;
border: 1px solid #ddd;
}

thead th {
background-color: #2196f3; /* Blue for table header */
color: white;
font-weight: 700;
}

tbody tr:nth-child(odd) {
background-color: #f9f9f9; /* Zebra striping for table rows */
}

/* Infographic-like section styling */
.infographic-container {
background-color: #f0f8ff; /* Light blue background */
border: 2px solid #87ceeb; /* Sky blue border */
border-radius: 15px;
padding: 25px;
margin-bottom: 30px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}

.infographic-title {
font-size: 1.5em;
font-weight: 700;
color: #2196f3; /* Blue for infographic title */
margin-bottom: 20px;
}

.infographic-steps {
display: flex;
flex-wrap: wrap; /* Allows steps to wrap on smaller screens */
justify-content: center;
gap: 20px;
width: 100%;
}

.infographic-step {
background-color: #ffffff;
border: 1px solid #b3e0ff; /* Lighter blue border for steps */
border-radius: 10px;
padding: 15px;
width: calc(50% – 20px); /* 2 columns on larger screens */
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
}

.infographic-icon {
font-size: 2.2em;
color: #42a5f5; /* Blue for icons */
margin-bottom: 10px;
}

.infographic-step-title {
font-weight: 600;
color: #333;
margin-bottom: 5px;
}

.infographic-step-desc {
font-size: 0.9em;
color: #555;
}

/* Custom list items for “Tazmini” section */
ul[style*=”list-style-type: none”] li {
margin-bottom: 10px;
padding: 12px;
border-radius: 8px;
display: flex;
align-items: flex-start; /* Align icon and text at the top */
}

ul[style*=”list-style-type: none”] li:nth-of-type(odd) { /* Alternate background colors for readability */
background-color: #e8f5e9; /* Light green for some bullet points */
}

ul[style*=”list-style-type: none”] li:nth-of-type(even) {
background-color: #f3e5f5; /* Light purple for others */
}

/* Specific colors for different types of lists for visual distinction */
/* “ویژگی‌های یک پایان نامه علوم دامی تضمینی” list items */
ul:has(span[style*=”color: #4CAF50″]) li {
background-color: #e8f5e9;
}
ul:has(span[style*=”color: #4CAF50″]) li span:first-child { /* The checkmark icon */
color: #4CAF50;
}
ul:has(span[style*=”color: #4CAF50″]) li span:last-child { /* The text */
color: #2e7d32;
}

/* “چرا انتخاب یک مسیر تضمینی” list items */
ul:has(span[style*=”color: #fdd835″]) li {
background-color: #fffde7;
}
ul:has(span[style*=”color: #fdd835″]) li span:first-child { /* The star icon */
color: #fdd835;
}
ul:has(span[style*=”color: #fdd835″]) li span:last-child { /* The text */
color: #c08a00;
}

/* “نکات کلیدی برای دفاع موفق” list items */
ul:has(span[style*=”color: #9c27b0″]) li {
background-color: #f3e5f5;
}
ul:has(span[style*=”color: #9c27b0″]) li span:first-child { /* The icon */
color: #9c27b0;
}
ul:has(span[style*=”color: #9c27b0″]) li span:last-child { /* The text */
color: #7b1fa2;
}

/* Responsive adjustments */
@media (max-width: 768px) {
h1 {
font-size: 2em;
margin-bottom: 20px;
}
h2 {
font-size: 1.5em;
margin-top: 30px;
margin-bottom: 15px;
}
h3 {
font-size: 1.2em;
margin-top: 25px;
margin-bottom: 10px;
}
div {
padding: 15px;
border-radius: 8px;
}
table, thead, tbody, th, td, tr {
display: block; /* Make table responsive by stacking cells */
text-align: right;
}
thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
tr {
margin-bottom: 15px;
border: 1px solid #ddd;
border-radius: 8px;
overflow: hidden;
background-color: #fff;
}
td {
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50%;
text-align: right;
}
td::before {
content: attr(data-label);
position: absolute;
left: 0;
width: 45%;
padding-right: 10px;
white-space: nowrap;
font-weight: 600;
color: #555;
text-align: left;
}
/* Update table data-label for content */
td:nth-of-type(1)::before { content: “چالش رایج:”; }
td:nth-of-type(2)::before { content: “راهکار عملی:”; }

.infographic-step {
width: 100%; /* Single column on small screens */
padding: 10px;
}
}

@media (max-width: 480px) {
p, li {
font-size: 1em;
}
div {
padding: 10px;
}
}