موضوع جدید پایان نامه رشته تربیت بدنی رفتار حرکتی + عناوین و موضوعات به روز کارشناسی ارشد

/* Global Styles for Responsiveness and Aesthetics */
@import url(‘https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700&display=swap’);

body {
font-family: ‘Vazirmatn’, ‘Arial’, sans-serif;
line-height: 1.8;
color: #333;
background-color: #f9f9f9;
margin: 0;
padding: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

div {
box-sizing: border-box;
}

/* Headings Styles */
h1 {
font-size: 36px;
font-weight: 700;
color: #1a4a72; /* Dark Blue */
text-align: center;
margin-bottom: 40px;
padding-bottom: 15px;
border-bottom: 2px solid #e0e0e0;
letter-spacing: 0.5px;
}

h2 {
font-size: 28px;
font-weight: 600;
color: #2e7d32; /* Medium Green */
margin-top: 40px;
margin-bottom: 20px;
border-bottom: 1px dashed #c8e6c9;
padding-bottom: 10px;
}

h3 {
font-size: 22px;
font-weight: 600;
color: #4CAF50; /* Lighter Green */
margin-top: 30px;
margin-bottom: 15px;
}

/* Paragraphs */
p {
font-size: 17px;
margin-bottom: 25px;
text-align: justify;
line-height: 1.9;
}

/* Lists */
ul {
font-size: 17px;
margin-left: 25px;
margin-bottom: 20px;
padding-left: 0; /* Override default padding for custom list-style-type */
}

ul li {
margin-bottom: 10px;
padding-left: 10px; /* Space for custom bullet */
}

/* Table Styles */
table {
width: 100%;
border-collapse: collapse;
background-color: #ffffff;
border-radius: 8px;
overflow: hidden; /* Ensures rounded corners apply to content */
box-shadow: 0 2px 10px rgba(0,0,0,0.07);
margin: 30px 0;
}

caption {
font-size: 20px;
font-weight: 600;
color: #1a4a72;
caption-side: top;
padding: 15px 0;
background-color: #e0f2f1; /* Light Teal */
border-bottom: 1px solid #b2dfdb;
}

th, td {
padding: 15px;
text-align: right;
font-size: 16px;
border-right: 1px solid #e0f2f1;
border-bottom: 1px solid #e0f2f1;
}

th {
background-color: #26a69a; /* Teal */
color: #fff;
font-size: 18px;
font-weight: 600;
}

tr:nth-child(even) {
background-color: #e0f7fa; /* Lighter Teal for even rows */
}

tr:nth-child(odd) {
background-color: #f5fcfc; /* Very Light Teal for odd rows */
}

tr:last-child td {
border-bottom: none; /* No border for the last row */
}

td:last-child, th:last-child {
border-right: none; /* No border for the last column */
}

/* Infographic Replacement (Styled Div) */
div[style*=”background-color: #e3f2fd;”],
div[style*=”background-color: #f1f8e9;”] {
padding: 25px;
border-radius: 12px;
margin: 30px 0;
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

div[style*=”background-color: #ffffff”] { /* Individual steps in infographic */
background-color: #ffffff;
padding: 20px;
border-radius: 10px;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
display: flex;
align-items: flex-start;
}

div[style*=”background-color: #ffffff”] span { /* Step numbers */
font-size: 28px;
margin-right: 15px;
color: #42a5f5; /* Light Blue */
}

/* Responsive Adjustments */
@media (max-width: 768px) {
h1 {
font-size: 28px;
margin-bottom: 25px;
}
h2 {
font-size: 24px;
margin-top: 30px;
margin-bottom: 15px;
}
h3 {
font-size: 20px;
margin-top: 25px;
margin-bottom: 10px;
}
p, ul li, th, td {
font-size: 15px;
line-height: 1.7;
}
table, .infographic-steps {
margin: 20px 0;
padding: 15px;
}
th, td {
padding: 10px;
}
div[style*=”background-color: #e3f2fd;”] > div,
div[style*=”background-color: #f1f8e9;”] > div {
flex-direction: column; /* Stack infographic steps on small screens */
}
div[style*=”background-color: #ffffff”] {
width: 100%;
margin-bottom: 15px;
}
div[style*=”background-color: #ffffff”] span {
font-size: 24px;
margin-right: 10px;
}
div[style*=”background-color: #ffffff”] strong {
font-size: 17px;
}
.main-content-wrapper {
padding: 15px;
}
}

@media (max-width: 480px) {
h1 {
font-size: 24px;
}
h2 {
font-size: 20px;
}
h3 {
font-size: 18px;
}
p, ul li, th, td {
font-size: 14px;
}
.main-content-wrapper {
padding: 10px;
}
table {
display: block;
width: 100%;
overflow-x: auto;
}
thead, tbody, th, td, tr {
display: block;
}
thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
tr {
border: 1px solid #e0f2f1;
margin-bottom: 10px;
}
td {
border: none;
border-bottom: 1px solid #e0f2f1;
position: relative;
padding-left: 50%;
text-align: right;
}
td:before {
position: absolute;
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
text-align: left;
font-weight: bold;
color: #1a4a72;
}
td:nth-of-type(1):before { content: “معیار:”; }
td:nth-of-type(2):before { content: “توضیحات:”; }
}

/* Generic styling for block editor to interpret H1, H2, H3 */
/* The block editor should automatically recognize H1, H2, H3 based on the tags.
The inline styles above are for visual guidance and can be overridden by global CSS.
The wrapper div with its style attribute helps in applying a consistent look
if copied directly into a block editor that supports inline styles or custom HTML blocks. */