انجام پایان نامه رشته عرفان اسلامی + تضمینی

/* Global styles for better responsiveness and aesthetics */
body {
font-family: ‘B Nazanin’, Tahoma, Arial, sans-serif;
line-height: 1.8;
font-size: 1.1em;
color: #333;
margin: 0;
background-color: #f0f2f5; /* Light grey background for the whole page */
}

/* Main container styling */
div[style*=”max-width: 900px”] {
background-color: #fcfcfc;
border-radius: 12px;
box-shadow: 0 6px 25px rgba(0,0,0,0.08); /* Slightly stronger shadow */
padding: 25px 30px; /* More padding */
margin: 30px auto; /* Centered with top/bottom margin */
}

/* Heading 1 */
h1 {
font-size: 2.8em; /* Slightly larger */
color: #6A1B9A;
border-bottom: 4px solid #E0BBE4; /* Thicker border */
padding-bottom: 20px; /* More padding */
margin-bottom: 40px; /* More margin */
text-shadow: 1px 1px 2px rgba(0,0,0,0.05); /* Subtle text shadow */
}

/* Heading 2 */
h2 {
font-size: 2.2em; /* Slightly larger */
color: #8E24AA;
border-bottom: 3px solid #E0BBE4;
padding-bottom: 12px;
margin-top: 50px; /* More top margin */
margin-bottom: 25px;
}

/* Heading 3 */
h3 {
font-size: 1.8em; /* Slightly larger */
color: #AA00FF;
margin-top: 45px;
margin-bottom: 20px;
}

/* Paragraphs */
p {
text-align: justify;
margin-bottom: 18px;
color: #4A4A4A;
}

/* List styling */
ul {
margin-left: 30px; /* More left margin for lists */
margin-bottom: 25px;
color: #5A5A5A;
}
ul li {
margin-bottom: 10px;
padding-left: 5px; /* Small padding for list items */
}

/* Custom bullet points for specific lists */
ul[style*=”list-style-type: ‘💜 ‘”] li {
list-style-type: none; /* Remove default */
position: relative;
padding-left: 25px;
}
ul[style*=”list-style-type: ‘💜 ‘”] li::before {
content: ‘💜’; /* Custom icon */
position: absolute;
left: 0;
color: #9C27B0; /* Specific color for icon */
font-weight: bold;
}
ul[style*=”list-style-type: ‘📖 ‘”] li {
list-style-type: none; /* Remove default */
position: relative;
padding-left: 25px;
}
ul[style*=”list-style-type: ‘📖 ‘”] li::before {
content: ‘📖’; /* Custom icon */
position: absolute;
left: 0;
color: #7B1FA2;
font-weight: bold;
}
ul[style*=”list-style-type: ‘✍️ ‘”] li {
list-style-type: none; /* Remove default */
position: relative;
padding-left: 25px;
}
ul[style*=”list-style-type: ‘✍️ ‘”] li::before {
content: ‘✍️’; /* Custom icon */
position: absolute;
left: 0;
color: #AD1457;
font-weight: bold;
}
ul[style*=”list-style-type: ‘✨ ‘”] li {
list-style-type: none; /* Remove default */
position: relative;
padding-left: 25px;
}
ul[style*=”list-style-type: ‘✨ ‘”] li::before {
content: ‘✨’; /* Custom icon */
position: absolute;
left: 0;
color: #FFD54F;
font-weight: bold;
}
ul[style*=”list-style-type: ‘✔ ‘”] li {
list-style-type: none; /* Remove default */
position: relative;
padding-left: 25px;
}
ul[style*=”list-style-type: ‘✔ ‘”] li::before {
content: ‘✔’; /* Custom icon */
position: absolute;
left: 0;
color: #4CAF50;
font-weight: bold;
}

/* Table styling */
table {
border-collapse: separate; /* Use separate to allow border-radius on cells */
border-spacing: 0; /* Remove space between cell borders */
margin-top: 25px;
margin-bottom: 35px;
border-radius: 10px; /* Rounded corners for the table */
overflow: hidden; /* Hide overflow for rounded corners */
box-shadow: 0 2px 10px rgba(0,0,0,0.08); /* Subtle shadow for table */
}
th, td {
padding: 14px 18px; /* More padding */
text-align: right;
border: 1px solid #D1C4E9;
font-size: 1em;
}
thead tr {
background-color: #E0BBE4;
}
thead th {
color: #4A148C;
font-weight: bold;
font-size: 1.1em;
}
tbody tr:nth-child(even) {
background-color: #FDFDFD;
}
tbody tr:nth-child(odd) {
background-color: #FFFFFF;
}
tbody tr:hover {
background-color: #F3E5F5; /* Hover effect */
}

/* Info-graphic and styled blocks */
div[style*=”border-left: 5px solid #E0BBE4″] {
border-radius: 10px; /* Slightly more rounded */
padding: 20px; /* More padding */
box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

div[style*=”background-color: #F3E5F5″] { /* For the infographic and challenge blocks */
border-radius: 15px; /* More rounded */
padding: 25px; /* More padding */
box-shadow: 0 5px 20px rgba(0,0,0,0.07);
}
div[style*=”display: flex”] > div { /* Cards within flex containers */
background-color: #FFFFFF;
border-radius: 10px;
padding: 18px; /* More padding */
box-shadow: 0 2px 10px rgba(0,0,0,0.07);
border: 1px solid #E0BBE4; /* Consistent border */
transition: transform 0.2s ease-in-out; /* Smooth hover effect */
}
div[style*=”display: flex”] > div:hover {
transform: translateY(-5px); /* Lift effect on hover */
}
div[style*=”background-color: #E0BBE4″] p strong {
color: #4A148C;
}

/* FAQ section styling */
div[style*=”border: 1px solid #E0BBE4″] { /* For FAQ container */
border-radius: 12px;
padding: 25px;
box-shadow: 0 3px 15px rgba(0,0,0,0.06);
}
div[style*=”border: 1px solid #E0BBE4″] p {
margin-bottom: 12px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
h1 {
font-size: 2.2em;
}
h2 {
font-size: 1.8em;
}
h3 {
font-size: 1.4em;
}
body {
font-size: 1em;
}
div[style*=”max-width: 900px”] {
padding: 15px 20px;
margin: 15px auto;
}
ul {
margin-left: 20px;
}
th, td {
padding: 10px 12px;
}
div[style*=”display: flex”] {
flex-direction: column; /* Stack cards vertically on smaller screens */
gap: 15px;
}
div[style*=”display: flex”] > div {
min-width: unset;
flex: 1 1 100%;
}
}

@media (max-width: 480px) {
h1 {
font-size: 1.8em;
}
h2 {
font-size: 1.5em;
}
h3 {
font-size: 1.2em;
}
body {
font-size: 0.95em;
}
div[style*=”max-width: 900px”] {
padding: 10px 15px;
margin: 10px auto;
}
ul {
margin-left: 15px;
}
th, td {
padding: 8px 10px;
font-size: 0.9em;
}
}