MediaWiki:Common.css: Difference between revisions
From AbhiprayaVedi
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
.article-wrapper { | .article-wrapper { | ||
max-width: 900px; | max-width: 900px; margin: 0 auto; padding: 20px; | ||
font-family: Georgia, serif; line-height: 1.6; | |||
font-family: Georgia, serif; | |||
} | } | ||
.article-wrapper > span:first-child { | |||
display: block; text-align: center; | |||
font-size: 1.1em; | font-size: 1.1em; font-weight: bold; | ||
margin: 0 0 1em 0; line-height: 1.1; | |||
margin | |||
} | } | ||
.article- | .article-intro { | ||
background: #f8f9fa; padding: 16px; | |||
margin: 0 | border-left: 5px solid #adb5bd; margin: 0 0 1em 0; | ||
} | } | ||
.article- | .article-floatbox { | ||
float: right; width: 220px; margin: 0 0 1em 1em; | |||
background: #f8f9fa; padding: 12px; border-left: 4px solid #dee2e6; | |||
padding- | |||
} | } | ||
.article-highlights div { | |||
.article- | margin: 8px 0; padding-bottom: 6px; | ||
border-bottom: 1px solid #dee2e6; | |||
margin: | |||
border- | |||
} | } | ||
.article- | .article-highlights div:last-child { border-bottom: none; } | ||
} | |||
.article-author-bio { | |||
.article- | clear: both; margin-top: 2em; | ||
margin-top: | background: #f1f3f4; padding: 15px; | ||
border-radius: 6px; border-top: 2px solid #dee2e6; | |||
} | } | ||
.thumb { float: left !important; margin: 0 1em 0.5em 0 !important; } | |||
.thumb { | |||
} | |||
@media (max-width: 768px) { | @media (max-width: 768px) { | ||
.article-wrapper { | .article-wrapper { padding: 10px; } | ||
.article-floatbox { | .article-floatbox { float: none; width: 100%; margin: 1em 0; } | ||
} | } | ||
Revision as of 13:33, 1 February 2026
.article-wrapper {
max-width: 900px; margin: 0 auto; padding: 20px;
font-family: Georgia, serif; line-height: 1.6;
}
.article-wrapper > span:first-child {
display: block; text-align: center;
font-size: 1.1em; font-weight: bold;
margin: 0 0 1em 0; line-height: 1.1;
}
.article-intro {
background: #f8f9fa; padding: 16px;
border-left: 5px solid #adb5bd; margin: 0 0 1em 0;
}
.article-floatbox {
float: right; width: 220px; margin: 0 0 1em 1em;
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-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 1em 0.5em 0 !important; }
@media (max-width: 768px) {
.article-wrapper { padding: 10px; }
.article-floatbox { float: none; width: 100%; margin: 1em 0; }
}