MediaWiki:Common.css: Difference between revisions
From AbhiprayaVedi
No edit summary |
No edit summary |
||
| Line 96: | Line 96: | ||
padding: 10px; | padding: 10px; | ||
border-radius: 4px; | border-radius: 4px; | ||
} | |||
.magazine-layout { | |||
display: block; | |||
} | |||
.article-content { | |||
font-size: 1.1em; | |||
} | |||
.article-content p { | |||
text-indent: 1.5em; | |||
} | |||
.article-content p:first-of-type { | |||
text-indent: 0; | |||
} | |||
.article-floatbox { | |||
float: right; | |||
width: 260px; | |||
margin: 10px 0 15px 20px; | |||
background: #fafafa; | |||
padding: 10px; | |||
border-left: 4px solid #ccc; | |||
font-size: 0.95em; | |||
} | |||
.article-floatbox h3 { | |||
margin-top: 0; | |||
} | |||
.article-image { | |||
margin: 25px 0; | |||
} | } | ||
Revision as of 20:02, 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;
text-align: center;
}
.article-meta span {
display: inline-block;
}
.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;
}
.magazine-layout {
display: block;
}
.article-content {
font-size: 1.1em;
}
.article-content p {
text-indent: 1.5em;
}
.article-content p:first-of-type {
text-indent: 0;
}
.article-floatbox {
float: right;
width: 260px;
margin: 10px 0 15px 20px;
background: #fafafa;
padding: 10px;
border-left: 4px solid #ccc;
font-size: 0.95em;
}
.article-floatbox h3 {
margin-top: 0;
}
.article-image {
margin: 25px 0;
}