MediaWiki:Common.css: Difference between revisions
From AbhiprayaVedi
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
.page-title { | |||
font-family: Georgia, serif; | |||
font-size: 2.2em; | |||
text-align: center; | |||
margin: 0 0 0.15em 0; | |||
line-height: 1.1; | |||
} | |||
.article-meta { | |||
text-align: center; | |||
background: #f8f9fa; | |||
color: #444; | |||
font-size: 1.15em; | |||
font-weight: bold; | |||
padding: 6px 12px; | |||
margin: 0 0 0.8em 0; | |||
border-radius: 4px; | |||
display: inline-block; | |||
} | |||
.meta-line { | |||
display: inline-flex; | |||
align-items: center; | |||
gap: 0.6em; | |||
} | |||
.meta-sep { | |||
font-weight: normal; | |||
margin: 0 0.2em; | |||
} | |||
.article-wrapper { | .article-wrapper { | ||
max-width: 900px; margin: 0 auto; padding: 20px; | max-width: 900px; | ||
font-family: Georgia, serif; line-height: 1.6; | margin: 0 auto; | ||
padding: 20px; | |||
font-family: Georgia, serif; | |||
line-height: 1.6; | |||
} | } | ||
.article- | .article-main p { | ||
margin: 0.2em 0 0.8em 0; | |||
margin: 0 0 | |||
} | } | ||
.article- | .article-main p:first-child { | ||
margin-top: 0; | |||
} | } | ||
.article-floatbox { | .article-floatbox { | ||
float: right | float: right; | ||
margin | width: 220px; | ||
margin: 0 0 1em 1.5em; | |||
background: #f8f9fa; | |||
padding: 12px; | |||
border-left: 4px solid #dee2e6; | |||
} | } | ||
.article-highlights div { | .article-highlights div { | ||
margin: 8px 0; padding-bottom: 6px; | margin: 8px 0; | ||
border-bottom: 1px solid #dee2e6; | padding-bottom: 6px; | ||
border-bottom: 1px solid #dee2e6; | |||
} | } | ||
.article-highlights div:last-child { border-bottom: none; } | .article-highlights div:last-child { | ||
border-bottom: none; | |||
} | |||
.article-intro { | |||
background: #f8f9fa; | |||
padding: 16px; | |||
border-left: 5px solid #adb5bd; | |||
margin-bottom: 1em; | |||
} | |||
.article-author-bio { | .article-author-bio { | ||
clear: both; margin-top: 2em; | clear: both; | ||
background: #f1f3f4; padding: 15px; | margin-top: 2em; | ||
border-radius: 6px; border-top: 2px solid #dee2e6; | background: #f1f3f4; | ||
padding: 15px; | |||
border-radius: 6px; | |||
border-top: 2px solid #dee2e6; | |||
} | } | ||
.thumb { float: left !important; margin: 0 1em 0.5em 0 !important; } | .thumb { | ||
float: left !important; | |||
margin: 0.2em 1em 0.5em 0 !important; | |||
} | |||
@media (max-width: 768px) { | @media (max-width: 768px) { | ||
.article-wrapper { padding: 10px; } | .article-wrapper { padding: 10px; } | ||
.article-floatbox { float: none; width: 100%; margin: 1em 0; } | .article-floatbox { float: none; width: 100%; margin: 1em 0; } | ||
} | } | ||
Revision as of 13:28, 2 February 2026
.page-title {
font-family: Georgia, serif;
font-size: 2.2em;
text-align: center;
margin: 0 0 0.15em 0;
line-height: 1.1;
}
.article-meta {
text-align: center;
background: #f8f9fa;
color: #444;
font-size: 1.15em;
font-weight: bold;
padding: 6px 12px;
margin: 0 0 0.8em 0;
border-radius: 4px;
display: inline-block;
}
.meta-line {
display: inline-flex;
align-items: center;
gap: 0.6em;
}
.meta-sep {
font-weight: normal;
margin: 0 0.2em;
}
.article-wrapper {
max-width: 900px;
margin: 0 auto;
padding: 20px;
font-family: Georgia, serif;
line-height: 1.6;
}
.article-main p {
margin: 0.2em 0 0.8em 0;
}
.article-main p:first-child {
margin-top: 0;
}
.article-floatbox {
float: right;
width: 220px;
margin: 0 0 1em 1.5em;
background: #f8f9fa;
padding: 12px;
border-left: 4px solid #dee2e6;
}
.article-highlights div {
margin: 8px 0;
padding-bottom: 6px;
border-bottom: 1px solid #dee2e6;
}
.article-highlights div:last-child {
border-bottom: none;
}
.article-intro {
background: #f8f9fa;
padding: 16px;
border-left: 5px solid #adb5bd;
margin-bottom: 1em;
}
.article-author-bio {
clear: both;
margin-top: 2em;
background: #f1f3f4;
padding: 15px;
border-radius: 6px;
border-top: 2px solid #dee2e6;
}
.thumb {
float: left !important;
margin: 0.2em 1em 0.5em 0 !important;
}
@media (max-width: 768px) {
.article-wrapper { padding: 10px; }
.article-floatbox { float: none; width: 100%; margin: 1em 0; }
}