10 بهترین موسسه انجام پایان نامه رشته مدیریت تجارت الکترونیکی

/* Basic Reset & Font */
body {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: ‘Vazirmatn’, ‘Arial’, sans-serif;
direction: rtl; /* Ensure RTL for Persian text */
text-align: right; /* Default text alignment */
}

/* Vazirmatn Font Import (if not already globally defined) */
@font-face {
font-family: ‘Vazirmatn’;
src: url(‘https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/fonts/webfonts/Vazirmatn-Regular.woff2’) format(‘woff2’);
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: ‘Vazirmatn’;
src: url(‘https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/fonts/webfonts/Vazirmatn-Bold.woff2’) format(‘woff2’);
font-weight: 700;
font-style: normal;
}

/* Responsive adjustments */
@media (max-width: 768px) {
h1 {
font-size: 2em !important;
padding: 15px 0 !important;
}
h2 {
font-size: 1.6em !important;
}
h3 {
font-size: 1.3em !important;
}
p, li, td {
font-size: 0.95em !important;
}
.main-content-div {
padding: 15px !important;
}
.card-container > div {
width: calc(100% – 20px) !important; /* Full width for cards on small screens */
margin: 10px auto !important;
}
table, thead, tbody, th, td, tr {
display: block;
}
thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
tr {
border: 1px solid #eee;
margin-bottom: 10px;
background-color: #F8F9F9;
border-radius: 8px;
}
tr:nth-child(even) {
background-color: #FFFFFF;
}
td {
border: none;
position: relative;
padding-left: 50% !important;
text-align: right !important;
padding: 10px 15px !important;
font-size: 0.9em !important;
}
td:before {
position: absolute;
top: 50%;
right: 15px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
content: attr(data-label);
font-weight: bold;
transform: translateY(-50%);
text-align: right;
}
td:nth-of-type(1):before { content: “معیار”; }
td:nth-of-type(2):before { content: “توضیحات اهمیت”; }
.infographic-block {
flex: 1 1 100% !important;
}
}

@media (min-width: 769px) and (max-width: 1024px) {
.card-container > div {
width: calc(48% – 20px) !important; /* Two columns for cards on medium screens */
}
}

// This script helps ensure the table is responsive by adding data-label attributes.
// It’s client-side JS, so it won’t execute in a block editor preview, but will on a live page.
document.addEventListener(‘DOMContentLoaded’, function() {
const table = document.querySelector(‘table’);
if (table) {
const headers = Array.from(table.querySelectorAll(‘thead th’)).map(th => th.textContent);
table.querySelectorAll(‘tbody tr’).forEach(row => {
row.querySelectorAll(‘td’).forEach((cell, index) => {
cell.setAttribute(‘data-label’, headers[index]);
});
});
}
});