MediaWiki:Common.css: Difference between revisions
From AbhiprayaVedi
No edit summary |
No edit summary |
||
| Line 12: | Line 12: | ||
.article-title { | .article-title { | ||
font-size: 2. | font-size: 2.4em; | ||
font-weight: bold; | font-weight: bold; | ||
margin-bottom: 5px; | margin-bottom: 5px; | ||
| Line 18: | Line 18: | ||
.article-meta { | .article-meta { | ||
font-size: | font-size: 1.15em; | ||
color: # | font-weight: bold; | ||
color: #444; | |||
margin-bottom: 15px; | margin-bottom: 15px; | ||
} | |||
.article-meta span { | |||
display: inline; | |||
} | } | ||
| Line 28: | Line 33: | ||
.article-intro { | .article-intro { | ||
font-size: 1. | font-size: 1.2em; | ||
background: # | background: #f2f2f2; | ||
padding: | padding: 14px; | ||
border-left: | border-left: 5px solid #bbb; | ||
margin-bottom: | margin-bottom: 18px; | ||
} | } | ||
| Line 47: | Line 52: | ||
.article-layout { | .article-layout { | ||
display: flex; | display: flex; | ||
gap: | gap: 25px; | ||
align-items: flex-start; | |||
} | } | ||
.article-leftbar, .article-rightbar { | .article-leftbar, .article-rightbar { | ||
font-size: 1.05em; | |||
font-size: | |||
background: #f9f9f9; | background: #f9f9f9; | ||
padding: 10px; | padding: 10px; | ||
border-radius: 4px; | border-radius: 4px; | ||
} | |||
.article-leftbar { | |||
width: 20%; | |||
min-width: 180px; | |||
} | |||
.article-rightbar { | |||
width: 22%; | |||
min-width: 200px; | |||
} | } | ||
Revision as of 18:24, 28 January 2026
.article-wrapper {
max-width: 900px;
margin: auto;
font-family: Georgia, "Times New Roman", serif;
line-height: 1.7;
}
.article-header {
text-align: center;
margin-bottom: 20px;
}
.article-title {
font-size: 2.4em;
font-weight: bold;
margin-bottom: 5px;
}
.article-meta {
font-size: 1.15em;
font-weight: bold;
color: #444;
margin-bottom: 15px;
}
.article-meta span {
display: inline;
}
.meta-sep {
margin: 0 6px;
}
.article-intro {
font-size: 1.2em;
background: #f2f2f2;
padding: 14px;
border-left: 5px solid #bbb;
margin-bottom: 18px;
}
.article-image {
margin: 20px 0;
}
.article-rightbar img,
.article-leftbar img {
max-width: 100%;
height: auto;
}
.article-layout {
display: flex;
gap: 25px;
align-items: flex-start;
}
.article-leftbar, .article-rightbar {
font-size: 1.05em;
background: #f9f9f9;
padding: 10px;
border-radius: 4px;
}
.article-leftbar {
width: 20%;
min-width: 180px;
}
.article-rightbar {
width: 22%;
min-width: 200px;
}
.article-content {
flex: 1;
}
.article-highlights ul,
.article-leftbar ul {
padding-left: 18px;
}
.article-source {
margin-top: 25px;
font-size: 0.9em;
border-top: 1px solid #ddd;
padding-top: 10px;
}
.article-author-bio {
margin-top: 20px;
font-size: 0.9em;
background: #f4f4f4;
padding: 10px;
border-radius: 4px;
}