هزینه و قیمت انجام پایان نامه رشته هنر اسلامی

/* Basic Global Styles for better rendering in various environments, assuming a reset or default styling might exist */
body {
margin: 0;
padding: 0;
font-family: ‘Vazirmatn’, ‘IRANSans’, sans-serif;
direction: rtl; /* Ensure right-to-left for Persian content */
background-color: #f0f2f5; /* Light background for the page */
}
a {
text-decoration: none;
color: #1A237E; /* Dark blue for links */
}
a:hover {
text-decoration: underline;
color: #FFC107; /* Amber on hover */
}
p {
margin-bottom: 1em; /* Standard paragraph spacing */
}

/* Table Specific Styles for responsiveness */
table {
border-collapse: collapse;
width: 100%;
margin-bottom: 1em;
overflow-x: auto; /* Enable horizontal scrolling on small screens */
display: block; /* Make table behave like a block for overflow */
}
th, td {
padding: 12px 15px;
text-align: right;
border: 1px solid #ddd;
}
th {
background-color: #1A237E;
color: white;
font-weight: bold;
font-size: 1.1em;
}
tr:nth-child(even) {
background-color: #f2f2f2; /* zebra striping for rows */
}
tr:hover {
background-color: #f5f5f5; /* Hover effect on table rows */
}

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
h1 {
font-size: 2em !important;
}
h2 {
font-size: 1.6em !important;
}
h3 {
font-size: 1.3em !important;
}
div[style*=”flex-wrap: wrap”] > div {
flex: 1 1 100% !important; /* Stack columns on small screens */
margin-bottom: 15px;
}
div[style*=”max-width: 100%”] {
padding: 10px;
}
}
@media (max-width: 480px) {
h1 {
font-size: 1.8em !important;
text-align: center !important; /* Center align title on very small screens */
border-bottom: none !important; /* Remove border for very small screens if it looks too heavy */
padding-bottom: 0 !important;
}
h2 {
font-size: 1.4em !important;
}
h3 {
font-size: 1.2em !important;
}
div[style*=”padding: 20px”] {
padding: 10px;
}
table, thead, tbody, th, td, tr {
display: block;
}
thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
tr { border: 1px solid #ccc; margin-bottom: 10px; }
td {
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50%;
text-align: left;
}
td:before {
position: absolute;
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
content: attr(data-label); /* Use data-label for column headers */
font-weight: bold;
color: #1A237E;
}
/* Specific content for table cells on small screens */
td:nth-of-type(1):before { content: “مرحله/خدمت:”; }
td:nth-of-type(2):before { content: “شرح خدمت:”; }
}