هزینه و قیمت انجام پایان نامه رشته مهندسی هوافضا گرایش فناوری ماهواره

/* Global Styles for Responsiveness and Typography */
body {
font-family: ‘Vazirmatn’, sans-serif; /* Fallback for Vazirmatn */
margin: 0;
padding: 0;
box-sizing: border-box;
direction: rtl; /* Right-to-left for Persian */
text-align: right;
background-color: #F8F8F8; /* Light background for the whole page */
}

/* Vazirmatn font import */
@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-display: swap;
}
@font-face {
font-family: ‘Vazirmatn’;
src: url(‘https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/fonts/webfonts/Vazirmatn-Medium.woff2’) format(‘woff2’);
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: ‘Vazirmatn’;
src: url(‘https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/fonts/webfonts/Vazirmatn-SemiBold.woff2’) format(‘woff2’);
font-weight: 600;
font-style: normal;
font-display: swap;
}
@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;
font-display: swap;
}
@font-face {
font-family: ‘Vazirmatn’;
src: url(‘https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/fonts/webfonts/Vazirmatn-ExtraBold.woff2’) format(‘woff2’);
font-weight: 800;
font-style: normal;
font-display: swap;
}

/* Headings Styling */
h1 {
font-family: ‘Vazirmatn’, sans-serif;
font-size: 2.5em; /* Base size for H1 */
font-weight: 800;
color: #2C3E50; /* Dark blue-grey */
text-align: center;
margin-bottom: 40px;
line-height: 1.3;
}

h2 {
font-family: ‘Vazirmatn’, sans-serif;
font-size: 1.9em; /* Base size for H2 */
font-weight: 700;
color: #2C3E50;
margin-top: 50px;
margin-bottom: 25px;
border-bottom: 3px solid #3498DB; /* Blue accent line */
padding-bottom: 10px;
}

h3 {
font-family: ‘Vazirmatn’, sans-serif;
font-size: 1.4em; /* Base size for H3 */
font-weight: 600;
color: #34495E; /* Slightly lighter dark blue */
margin-top: 35px;
margin-bottom: 15px;
}

/* General Text Styling */
p {
font-family: ‘Vazirmatn’, sans-serif;
font-size: 1.1em;
line-height: 1.8;
color: #333;
text-align: justify;
}

ul {
list-style-type: disc;
margin-right: 25px; /* Adjust for RTL */
margin-bottom: 20px;
padding-right: 0; /* Override default padding-left */
}

ul li {
margin-bottom: 8px;
text-align: justify;
color: #444;
}

/* Table Styling */
table {
width: 100%;
border-collapse: collapse;
margin-top: 20px;
text-align: right;
direction: rtl;
font-family: ‘Vazirmatn’, sans-serif;
}

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

th {
background-color: #3498DB; /* Blue header */
color: white;
font-weight: 600;
font-size: 1.1em;
}

tr:nth-child(even) td {
background-color: #F8F8F8; /* Light grey for even rows */
}

tr:nth-child(odd) td {
background-color: #FFFFFF; /* White for odd rows */
}

/* Responsive adjustments */
@media (max-width: 1200px) {
h1 { font-size: 2.2em; }
h2 { font-size: 1.7em; }
h3 { font-size: 1.3em; }
p, ul li, th, td { font-size: 1em; }
.container { padding: 15px; }
}

@media (max-width: 768px) {
h1 { font-size: 2em; margin-bottom: 30px; }
h2 { font-size: 1.5em; margin-top: 40px; margin-bottom: 20px; }
h3 { font-size: 1.2em; margin-top: 30px; margin-bottom: 10px; }
p, ul li, th, td { font-size: 0.95em; line-height: 1.7; }
.container { padding: 10px; border-radius: 8px; }
ul { margin-right: 15px; }
th, td { padding: 10px; }
}

@media (max-width: 480px) {
h1 { font-size: 1.8em; margin-bottom: 25px; line-height: 1.2; }
h2 { font-size: 1.3em; margin-top: 30px; margin-bottom: 15px; }
h3 { font-size: 1.1em; margin-top: 25px; margin-bottom: 8px; }
p, ul li, th, td { font-size: 0.9em; line-height: 1.6; }
.container { padding: 8px; border-radius: 6px; }
ul { margin-right: 10px; }
th, td { padding: 8px; display: block; width: auto !important; } /* Make table cells stack */
thead { display: none; } /* Hide table header on small screens */
tr { margin-bottom: 15px; display: block; border: 1px solid #ddd; border-radius: 8px; }
tr td:first-child { background-color: #E6F3FF; font-weight: 600; border-bottom: none; border-radius: 8px 8px 0 0; }
tr td:last-child { border-top: none; border-radius: 0 0 8px 8px; }
tr td:before { /* For labels on stacked table cells */
content: attr(data-label);
font-weight: bold;
display: block;
margin-bottom: 5px;
color: #2C3E50;
}
.infographic-block ul li {
flex-direction: column;
align-items: flex-start;
padding: 10px 15px;
}
.infographic-block ul li span { margin-bottom: 5px; margin-left: 0; }
.infographic-block ul li strong { margin-left: 0; }
}

/* Additional styles for infographic-like blocks (for better responsiveness on mobile) */
.infographic-block ul {
padding-right: 0;
margin-right: 0;
}
.infographic-block ul li {
list-style: none;
display: flex;
align-items: center;
text-align: right;
flex-wrap: wrap; /* Allow content to wrap */
}
.infographic-block ul li span {
flex-shrink: 0; /* Prevent icon from shrinking */
margin-left: 10px; /* Space between icon and text */
}
.infographic-block ul li div {
flex-grow: 1; /* Allow text to take available space */
text-align: justify;
}

/* Style for the main content container */
.main-content-wrapper {
font-family: ‘Vazirmatn’, sans-serif;
font-size: 1.1em;
line-height: 1.8;
color: #333;
max-width: 900px;
margin: 0 auto;
padding: 20px;
background-color: #FDFDFD;
border-radius: 12px;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}

// This JavaScript ensures the table labels work correctly for small screens if needed.
// In a block editor, raw JS might not execute directly, but it’s good practice.
document.addEventListener(‘DOMContentLoaded’, function() {
const table = document.querySelector(‘table’);
if (table && window.innerWidth th.textContent);
table.querySelectorAll(‘tr’).forEach(row => {
if (row.querySelector(‘th’)) return; // Skip header row
Array.from(row.querySelectorAll(‘td’)).forEach((cell, index) => {
cell.setAttribute(‘data-label’, headers[index]);
});
});
}
});

// Simple script to adjust font sizes for TV screens if detected
function adjustForTV() {
if (window.screen.width > 1920 || window.matchMedia(“(min-width: 1920px) and (min-resolution: 2dppx)”).matches) {
document.body.style.fontSize = “1.2em”; // Larger base font
document.querySelector(‘h1’).style.fontSize = “3em”;
document.querySelector(‘h2’).style.fontSize = “2.2em”;
document.querySelector(‘h3’).style.fontSize = “1.6em”;
}
}
window.addEventListener(‘load’, adjustForTV);
window.addEventListener(‘resize’, adjustForTV); // Re-check on resize for dynamic displays