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

/* Basic styles for block editor compatibility and responsiveness */
body {
font-family: ‘B Nazanin’, ‘Iranian Sans’, Arial, sans-serif;
direction: rtl; /* Ensures right-to-left for Persian text */
text-align: right; /* Default text alignment */
margin: 0;
padding: 0;
background-color: #F8F8F8; /* Light grey background for the page */
color: #333333;
}
h1, h2, h3, h4, h5, h6 {
font-weight: bold;
text-align: right;
}
h1 { font-size: 2.5em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.4em; }
p {
margin-bottom: 1em;
text-align: justify;
}
ul, ol {
margin-bottom: 1em;
padding-right: 20px; /* For right-to-left bullet/number positioning */
}
li {
margin-bottom: 0.5em;
text-align: justify;
}
a {
text-decoration: none;
color: #007bff;
}
a:hover {
text-decoration: underline;
}
/* Responsive image/infographic-like block */
.infographic-block {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
gap: 20px;
margin-top: 20px;
}
.infographic-item {
flex: 1 1 45%; /* Allows two items per row on larger screens */
min-width: 280px; /* Minimum width for items on smaller screens */
background-color: #fff;
border: 1px solid #cce8cc;
border-radius: 8px;
padding: 15px;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
@media (max-width: 768px) {
h1 { font-size: 2em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.2em; }
div[style*=”max-width: 900px”] {
padding: 15px;
}
.infographic-item {
flex: 1 1 100%; /* Stacks items vertically on small screens */
}
table {
font-size: 0.9em; /* Smaller font for table on small screens */
}
th, td {
padding: 8px 10px !important; /* Adjust padding for table cells */
}
}
@media (max-width: 480px) {
h1 { font-size: 1.8em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.1em; }
div[style*=”max-width: 900px”] {
padding: 10px;
}
body {
font-size: 1em;
}
ul, ol {
padding-right: 15px;
}
}
/* Ensure table responsiveness */
table {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch; /* Improves scrolling on touch devices */
border-collapse: collapse;
}
thead, tbody, th, td, tr {
display: block;
}
thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
tr {
border: 1px solid #ddd;
margin-bottom: 10px;
display: block; /* Make rows block-level */
}
td {
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50% !important; /* Space for the pseudo-element label */
text-align: right; /* Ensure text alignment for data cells */
}
td:before {
position: absolute;
top: 0;
right: 6px; /* Position the label to the right for RTL */
width: 45%;
padding-right: 10px;
white-space: nowrap;
font-weight: bold;
text-align: right;
}
/* Specific labels for cells – adjust based on your table columns */
td:nth-of-type(1):before { content: “اشتباه رایج:”; background-color: #f2f2f2; padding: 10px; border-radius: 4px;}
td:nth-of-type(2):before { content: “راهکار ویرایشی:”; background-color: #f2f2f2; padding: 10px; border-radius: 4px;}
/* Revert table styling for larger screens */
@media (min-width: 600px) {
table {
display: table;
}
thead {
display: table-header-group;
}
thead tr {
position: static;
}
tr {
display: table-row;
border: none;
}
th, td {
display: table-cell;
text-align: right !important;
}
td {
padding-left: 15px !important;
border: 1px solid #eee; /* Restore borders */
}
td:before {
content: none;
}
}