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

/* Global styles for better readability and responsiveness */
body {
font-family: ‘B Nazanin’, ‘Vazirmatn’, sans-serif;
direction: rtl; /* For RTL languages like Persian */
line-height: 1.8;
color: #333333;
margin: 0;
padding: 0;
background-color: #F8F8F8; /* Light gray background */
}

div {
max-width: 900px; /* Optimal width for reading on desktop */
margin: 0 auto;
padding: 20px;
box-sizing: border-box; /* Include padding in element’s total width and height */
}

/* Heading Styles */
h1 {
font-size: 2.5em; /* Large for H1 */
font-weight: bold;
color: #2C3E50; /* Dark blue/slate */
text-align: center;
margin-bottom: 30px;
padding-bottom: 15px;
border-bottom: 2px solid #3498DB; /* Bright blue accent */
}

h2 {
font-size: 2em; /* Smaller than H1 */
font-weight: bold;
color: #34495E; /* Slightly lighter blue/slate */
margin-top: 40px;
margin-bottom: 20px;
border-bottom: 1px solid #E0F2F7; /* Very light blue border */
padding-bottom: 10px;
}

h3 {
font-size: 1.5em; /* Smaller than H2 */
font-weight: bold;
color: #5B6F82; /* Muted blue/gray */
margin-top: 30px;
margin-bottom: 15px;
}

/* Paragraph styles */
p {
font-size: 1.1em;
text-align: justify;
margin-bottom: 25px;
hyphens: auto; /* Enable hyphenation for better text flow */
}

/* List styles */
ul {
list-style-type: disc;
margin-right: 25px; /* Adjust for RTL */
padding-right: 0; /* Adjust for RTL */
font-size: 1.1em;
margin-bottom: 20px;
}

ul li {
margin-bottom: 8px;
}

/* Specific list types for better visual distinction */
ul[style*=”list-style-type: circle”] {
list-style-type: circle;
margin-right: 35px;
}
ul[style*=”list-style-type: square”] {
list-style-type: square;
margin-right: 35px;
}
ul[style*=”list-style-type: ‘✔️ ‘”] {
list-style-type: none; /* Remove default list style */
padding: 0;
margin-right: 25px;
}
ul[style*=”list-style-type: ‘✔️ ‘] li:before {
content: ‘✔️ ‘; /* Custom bullet point */
margin-left: 10px; /* Space between bullet and text */
color: #2ECC71; /* Green checkmark */
font-weight: bold;
}
ul[style*=”list-style-type: ‘⚙️ ‘”] {
list-style-type: none; /* Remove default list style */
padding: 0;
margin-right: 25px;
}
ul[style*=”list-style-type: ‘⚙️ ‘] li:before {
content: ‘⚙️ ‘; /* Custom bullet point (gear icon) */
margin-left: 10px;
color: #5B6F82; /* Muted blue/gray */
font-weight: bold;
}
ul[style*=”list-style-type: ‘📈 ‘”] {
list-style-type: none; /* Remove default list style */
padding: 0;
margin-right: 25px;
}
ul[style*=”list-style-type: ‘📈 ‘] li:before {
content: ‘📈 ‘; /* Custom bullet point (chart icon) */
margin-left: 10px;
color: #3498DB; /* Bright blue */
font-weight: bold;
}

/* Table styles */
table {
width: 100%;
border-collapse: collapse;
margin-top: 20px;
margin-bottom: 30px;
font-size: 1.05em;
background-color: white; /* White background for tables */
box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* Subtle shadow */
border-radius: 8px; /* Rounded corners */
overflow: hidden; /* Ensures rounded corners are visible */
}

table caption {
caption-side: top;
font-size: 1.2em;
font-weight: bold;
margin-bottom: 10px;
color: #2C3E50;
padding: 10px;
background-color: #E0F2F7;
border-bottom: 1px solid #3498DB;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}

table th, table td {
padding: 12px;
border: 1px solid #ddd;
text-align: right; /* RTL text alignment */
}

table thead {
background-color: #3498DB; /* Blue header */
color: white;
}

table tbody tr:nth-child(even) {
background-color: #f2f2f2; /* Zebra striping for readability */
}

table tbody tr:hover {
background-color: #e9f5ff; /* Highlight row on hover */
}

/* “Infographic” block style */
.infographic-like-block {
background-color: #E0F2F7; /* Light blue background */
border-right: 5px solid #3498DB; /* Bright blue border on the right for accent */
padding: 20px;
margin: 30px 0;
border-radius: 8px; /* Rounded corners */
box-shadow: 0 4px 10px rgba(0,0,0,0.1); /* More pronounced shadow */
}
.infographic-like-block h3 {
color: #2C3E50; /* Darker heading for contrast */
margin-top: 0;
margin-bottom: 15px;
font-size: 1.6em;
border-bottom: 1px dashed #3498DB; /* Dashed border for visual appeal */
padding-bottom: 10px;
}
.infographic-like-block ul {
list-style-type: none; /* No default bullets */
padding: 0;
margin: 0;
font-size: 1.05em;
}
.infographic-like-block ul li {
margin-bottom: 12px;
display: flex; /* Flexbox for bullet-like numbers */
align-items: flex-start;
}
.infographic-like-block ul li span:first-child { /* Styling for the numbered circles */
display: inline-block;
width: 28px; /* Larger circle */
height: 28px;
border-radius: 50%;
background-color: #3498DB;
color: white;
text-align: center;
line-height: 28px;
font-weight: bold;
margin-left: 12px; /* Space from text */
flex-shrink: 0; /* Prevent shrinking on small screens */
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.infographic-like-block ul li span:last-child {
flex-grow: 1; /* Allow text to take remaining space */
}
.infographic-like-block em {
color: #5B6F82;
font-style: normal; /* Override default italic if desired */
display: block; /* New line for explanation */
margin-top: 5px;
padding-right: 5px;
border-right: 2px solid #2ECC71; /* Green line for solutions */
}

/* Responsive adjustments */
@media (max-width: 768px) {
div {
padding: 15px;
}
h1 {
font-size: 2em;
margin-bottom: 20px;
}
h2 {
font-size: 1.7em;
margin-top: 30px;
}
h3 {
font-size: 1.3em;
margin-top: 25px;
}
p, ul, table {
font-size: 1em;
}
table thead {
display: none; /* Hide table header on small screens */
}
table, table tbody, table tr, table td {
display: block; /* Make table elements stack */
width: 100%;
}
table tr {
margin-bottom: 15px;
border: 1px solid #ddd;
border-radius: 8px;
box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}
table td {
text-align: right;
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-right: 50%; /* Space for pseudo-element label */
}
table td:before { /* Add labels for each cell */
content: attr(data-label);
position: absolute;
right: 0px;
width: 45%;
padding-left: 10px;
font-weight: bold;
color: #34495E;
text-align: left;
}
table tr td:first-child:before { content: “جنبه مورد بررسی:”; }
table tr td:last-child:before { content: “شرح و نکات کلیدی:”; }

/* Adjust infographic block for smaller screens */
.infographic-like-block ul li {
flex-direction: column; /* Stack number and text vertically */
align-items: center; /* Center items */
text-align: center;
}
.infographic-like-block ul li span:first-child {
margin-left: 0;
margin-bottom: 10px; /* Space between number and text */
}
.infographic-like-block ul li span:last-child {
padding-right: 0; /* Remove border padding */
}
.infographic-like-block em {
border-right: none; /* Remove side border on small screens */
padding-right: 0;
margin-top: 10px;
}
}

@media (max-width: 480px) {
h1 { font-size: 1.8em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.2em; }
p, ul, table { font-size: 0.95em; }
}