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

/* Basic styling for improved readability and responsive behavior if rendered in a full browser */
@import url(‘https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/Vazirmatn-VariableFont_wght.css’);
body {
font-family: ‘Vazirmatn’, ‘IranSans’, sans-serif;
direction: rtl;
margin: 0;
background-color: #F0F2F5; /* Light background for the whole page */
}

/* Ensure responsiveness for various screen sizes */
@media (max-width: 768px) {
.div { /* Main content div */
padding: 15px !important;
}
h1 {
font-size: 2em !important;
}
h2 {
font-size: 1.6em !important;
}
h3 {
font-size: 1.2em !important;
}
p, li, td {
font-size: 1em !important;
}
.infographic-box {
flex-basis: 100% !important; /* Stack infographic boxes on small screens */
}
}

/* Global link styling for TOC */
a {
text-decoration: none;
color: #5F4B8B;
transition: color 0.3s ease;
}
a:hover {
color: #7B68EE;
}

/* Table specific styling for responsiveness */
table, thead, tbody, th, td, tr {
display: block; /* Make table elements act like blocks for stacking on small screens */
}
thead tr {
position: absolute; /* Hide header row, but keep content accessible */
top: -9999px;
left: -9999px;
}
tr {
margin-bottom: 15px;
border: 1px solid #ddd;
border-radius: 8px;
box-shadow: 0 2px 5px rgba(0,0,0,0.02);
}
td {
border: none !important; /* Remove individual cell borders on small screens */
position: relative;
padding-left: 50% !important; /* Make space for “data labels” */
text-align: left !important;
white-space: normal;
margin-bottom: 5px;
padding-top: 8px !important;
padding-bottom: 8px !important;
}
td::before {
/* This is where the magic happens. A “data label” for the table cells */
content: attr(data-label);
position: absolute;
right: 15px;
width: 45%;
padding-left: 10px;
font-weight: bold;
white-space: nowrap;
color: #2C3E50;
}

/* Revert table styling for larger screens */
@media (min-width: 600px) {
table {
display: table;
}
thead {
display: table-header-group;
}
thead tr {
position: static;
}
tbody {
display: table-row-group;
}
tr {
display: table-row;
border: none;
box-shadow: none;
}
th, td {
display: table-cell;
text-align: right !important; /* Original alignment for desktop */
padding: 12px 15px !important;
border: 1px solid #ddd !important;
white-space: normal;
}
td::before {
content: none; /* Hide data labels on larger screens */
}
.infographic-box {
flex-basis: 300px !important; /* Restore normal flex basis */
}
}

/* Add data-label attributes to table cells for responsiveness */
[data-label=”حوزه”] { content: “حوزه:”; }
[data-label=”ابزارها و تکنیک‌های کلیدی”] { content: “ابزارها و تکنیک‌های کلیدی:”; }

// This script dynamically adds data-label attributes to table cells for responsive tables.
// It’s placed here as part of the “copy-paste” solution for a block editor.
// In a real web environment, this would be in an external JS file.
document.addEventListener(‘DOMContentLoaded’, function() {
var table = document.querySelector(‘table’);
if (table) {
var headers = Array.from(table.querySelectorAll(‘thead th’)).map(th => th.textContent.trim());
table.querySelectorAll(‘tbody tr’).forEach(function(row) {
row.querySelectorAll(‘td’).forEach(function(cell, index) {
if (headers[index]) {
cell.setAttribute(‘data-label’, headers[index]);
}
});
});
}
});

// Simple smooth scrolling for internal links (TOC)
document.querySelectorAll(‘a[href^=”#”]’).forEach(anchor => {
anchor.addEventListener(‘click’, function (e) {
e.preventDefault();
document.querySelector(this.getAttribute(‘href’)).scrollIntoView({
behavior: ‘smooth’
});
});
});