MediaWiki:Common.css: Difference between revisions
From AbhiprayaVedi
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* Title */ | |||
.firstHeading { | .firstHeading { | ||
font-family: Georgia, "Times New Roman", serif; | font-family: Georgia, "Times New Roman", serif; | ||
font-size: 2.4em; | font-size: 2.4em; | ||
text-align: center; | text-align: center; | ||
margin-bottom: | margin-bottom: 5px !important; | ||
} | } | ||
/* Wrapper */ | |||
.article-wrapper { | .article-wrapper { | ||
max-width: 900px; | max-width: 900px; | ||
| Line 13: | Line 15: | ||
} | } | ||
/* Metadata */ | |||
.article-meta { | .article-meta { | ||
text-align: center; | text-align: center; | ||
margin | margin: 0 0 15px 0 !important; | ||
font-size: 1.15em; | font-size: 1.15em; | ||
font-weight: bold; | font-weight: bold; | ||
| Line 22: | Line 25: | ||
.meta-line { | .meta-line { | ||
display: inline- | display: inline-block; | ||
white-space: nowrap; | |||
} | } | ||
| Line 30: | Line 33: | ||
} | } | ||
/* Intro */ | |||
.article-intro { | .article-intro { | ||
font-size: 1.2em; | font-size: 1.2em; | ||
| Line 36: | Line 40: | ||
border-left: 5px solid #bbb; | border-left: 5px solid #bbb; | ||
margin-bottom: 18px; | margin-bottom: 18px; | ||
font-style: italic; | |||
} | } | ||
/* Floatbox */ | |||
.article-floatbox { | .article-floatbox { | ||
float: right; | float: right; | ||
width: 220px; | max-width: 220px; | ||
width: 100%; | |||
margin: 0 0 15px 20px; | margin: 0 0 15px 20px; | ||
background: #fafafa; | background: #fafafa; | ||
| Line 51: | Line 58: | ||
} | } | ||
/* Content */ | |||
.article-content { | .article-content { | ||
font-size: 1.1em; | font-size: 1.1em; | ||
} | } | ||
.content | .article-content p { | ||
text-indent: 1.5em; | text-indent: 1.5em; | ||
margin-top: 0.6em; | margin-top: 0.6em; | ||
} | } | ||
.content | .article-content p:first-of-type { | ||
text-indent: 0; | text-indent: 0; | ||
} | } | ||
/* Source */ | |||
.article-source { | .article-source { | ||
margin-top: 25px; | margin-top: 25px; | ||
| Line 69: | Line 78: | ||
border-top: 1px solid #ddd; | border-top: 1px solid #ddd; | ||
padding-top: 10px; | padding-top: 10px; | ||
} | |||
/* Author bio */ | |||
.author-divider { | |||
margin-top: 25px; | |||
} | } | ||
.article-author-bio { | .article-author-bio { | ||
margin-top: | margin-top: 10px; | ||
font-size: 0.9em; | font-size: 0.9em; | ||
background: #f4f4f4; | background: #f4f4f4; | ||
padding: 10px; | padding: 10px; | ||
border-radius: 4px; | border-radius: 4px; | ||
} | |||
/* Clear floats */ | |||
.article-content::after, | |||
.article-wrapper::after { | |||
content: ""; | |||
display: block; | |||
clear: both; | |||
} | } | ||
Revision as of 17:32, 2 February 2026
/* Title */
.firstHeading {
font-family: Georgia, "Times New Roman", serif;
font-size: 2.4em;
text-align: center;
margin-bottom: 5px !important;
}
/* Wrapper */
.article-wrapper {
max-width: 900px;
margin: auto;
font-family: Georgia, "Times New Roman", serif;
line-height: 1.7;
}
/* Metadata */
.article-meta {
text-align: center;
margin: 0 0 15px 0 !important;
font-size: 1.15em;
font-weight: bold;
color: #444;
}
.meta-line {
display: inline-block;
white-space: nowrap;
}
.meta-sep {
margin: 0 0.6em;
}
/* Intro */
.article-intro {
font-size: 1.2em;
background: #f2f2f2;
padding: 14px;
border-left: 5px solid #bbb;
margin-bottom: 18px;
font-style: italic;
}
/* Floatbox */
.article-floatbox {
float: right;
max-width: 220px;
width: 100%;
margin: 0 0 15px 20px;
background: #fafafa;
padding: 10px;
border-left: 4px solid #ccc;
}
.article-floatbox h3 {
margin-top: 0;
}
/* Content */
.article-content {
font-size: 1.1em;
}
.article-content p {
text-indent: 1.5em;
margin-top: 0.6em;
}
.article-content p:first-of-type {
text-indent: 0;
}
/* Source */
.article-source {
margin-top: 25px;
font-size: 0.9em;
border-top: 1px solid #ddd;
padding-top: 10px;
}
/* Author bio */
.author-divider {
margin-top: 25px;
}
.article-author-bio {
margin-top: 10px;
font-size: 0.9em;
background: #f4f4f4;
padding: 10px;
border-radius: 4px;
}
/* Clear floats */
.article-content::after,
.article-wrapper::after {
content: "";
display: block;
clear: both;
}