تحلیل داده پایان نامه برای دانشجویان علوم اجتماعی

/* Responsive Design & General Styling for Block Editor */
body {
font-family: ‘B Nazanin’, ‘Arial’, sans-serif;
direction: rtl; /* For RTL languages */
text-align: right;
margin: 0;
padding: 0;
background-color: #F0F2F5; /* Light grey background for the page */
}

/* General container for the article content */
div[style*=”max-width: 850px”] {
background-color: #FDFEFE; /* White background for the content block */
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
padding: 20px;
margin: 30px auto; /* Centering the content block and adding vertical margin */
line-height: 1.8;
color: #34495E; /* Dark grey for general text */
box-sizing: border-box; /* Include padding in element’s total width and height */
}

/* Headings Styling (simulated for block editor) */
h1 {
font-family: ‘B Nazanin’, ‘Arial’, sans-serif;
font-size: 2.8em; /* Large size for H1 */
font-weight: bold;
color: #2C3E50; /* Dark blue/grey */
text-align: center;
margin-bottom: 30px;
line-height: 1.3;
}

h2 {
font-family: ‘B Nazanin’, ‘Arial’, sans-serif;
font-size: 2em; /* Smaller than H1 */
font-weight: bold;
color: #34495E; /* Slightly lighter blue/grey */
margin-top: 40px;
margin-bottom: 20px;
border-bottom: 3px solid #E0F2F7; /* Light blue underline */
padding-bottom: 10px;
}

h3 {
font-family: ‘B Nazanin’, ‘Arial’, sans-serif;
font-size: 1.5em; /* Smaller than H2 */
font-weight: bold;
color: #5B6F82; /* Even lighter blue/grey */
margin-top: 35px;
margin-bottom: 15px;
}

/* Paragraphs */
p {
margin-bottom: 25px;
text-align: justify;
}

/* List Styling */
ul {
list-style-type: none; /* Remove default bullet points */
padding: 0;
margin-bottom: 25px;
}

ul li {
margin-bottom: 15px;
padding-left: 30px; /* Space for custom bullet */
position: relative;
}

ul li span.icon {
color: #27AE60; /* Green for checkmarks */
font-size: 1.2em;
position: absolute;
left: 0;
top: 0;
}

/* Specific styles for the “Infographic” blocks */
div[style*=”background-color: #EBF5FB”] { /* Info graphic blue block */
background-color: #EBF5FB;
border-left: 6px solid #5DADE2;
padding: 25px 30px;
border-radius: 8px;
margin-bottom: 30px;
}
div[style*=”background-color: #FCF3CF”] { /* Warning yellow block */
background-color: #FCF3CF;
border-right: 6px solid #F7DC6F;
padding: 25px 30px;
border-radius: 8px;
margin-bottom: 30px;
}

/* Infographic steps styling */
div[style*=”display: flex”] > div {
flex: 1 1 200px; /* Flex item styling for responsiveness */
text-align: center;
background-color: white;
padding: 15px;
border-radius: 10px;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
transition: transform 0.2s ease-in-out; /* Smooth hover effect */
box-sizing: border-box;
}

div[style*=”display: flex”] > div:hover {
transform: translateY(-5px); /* Lift effect on hover */
}

/* Table Styling */
table {
width: 100%;
border-collapse: collapse;
text-align: right; /* RTL text alignment */
border-radius: 10px;
overflow: hidden; /* Ensures border-radius applies to contents */
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
background-color: white;
margin-bottom: 30px;
}

caption {
caption-side: top;
text-align: center;
font-weight: bold;
padding: 15px;
background-color: #5DADE2; /* Blue header for table */
color: white;
font-size: 1.2em;
}

th, td {
padding: 15px;
border: 1px solid #ddd; /* Light grey borders */
vertical-align: top;
}

thead tr {
background-color: #A9CCE3; /* Lighter blue for table header row */
}

/* Responsive adjustments */
@media (max-width: 768px) {
h1 {
font-size: 2em;
}
h2 {
font-size: 1.6em;
}
h3 {
font-size: 1.3em;
}
div[style*=”max-width: 850px”] {
padding: 15px;
margin: 20px auto;
}
table, thead, tbody, th, td, tr {
display: block; /* Stack table elements on small screens */
}
thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
tr {
border: 1px solid #ddd;
margin-bottom: 10px;
border-radius: 8px;
overflow: hidden;
}
td {
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50%; /* Space for pseudo-element label */
text-align: right;
}
td:before {
content: attr(data-label); /* Use data-label for headers */
position: absolute;
right: 6px;
width: 45%;
padding-left: 10px;
white-space: nowrap;
font-weight: bold;
color: #5B6F82;
text-align: right;
}
/* Specific data-labels for table cells */
td:nth-of-type(1):before { content: “نوع تحلیل:”; }
td:nth-of-type(2):before { content: “نرم‌افزارهای پیشنهادی:”; }

/* Adjust infographic flex items for smaller screens */
div[style*=”display: flex”] {
flex-direction: column; /* Stack steps vertically */
gap: 15px;
}
}

@media (max-width: 480px) {
h1 {
font-size: 1.8em;
}
h2 {
font-size: 1.4em;
}
h3 {
font-size: 1.2em;
}
div[style*=”max-width: 850px”] {
margin: 10px auto;
border-radius: 0; /* No border-radius on very small screens for seamless fit */
}
}