Template:EnglishArticle/styles.css: Difference between revisions
From AbhiprayaVedi
mNo edit summary |
mNo edit summary |
||
| Line 1: | Line 1: | ||
/* Article Styles */ | /* English Article Specific Styles */ | ||
.article-header { | .article-header { | ||
margin-bottom: | margin-bottom: 24px; | ||
padding-bottom: 12px; | padding-bottom: 12px; | ||
border-bottom: 1px solid #eee; | border-bottom: 1px solid #eee; | ||
| Line 13: | Line 13: | ||
.author-name { | .author-name { | ||
font-weight: bold; | font-weight: bold; | ||
font-size: 1. | font-size: 1.45em; | ||
color: #222; | |||
} | } | ||
.article-date { | .article-date { | ||
margin-left: | margin-left: 18px; | ||
font-size: 1.18em; | font-size: 1.18em; | ||
color: #555; | color: #555; | ||
| Line 25: | Line 26: | ||
float: right; | float: right; | ||
width: 320px; | width: 320px; | ||
margin: 0 0 | margin: 0 0 28px 32px; | ||
padding: | padding: 18px; | ||
background: #f9f9f9; | background: #f9f9f9; | ||
border: 1px solid #e5e5e5; | border: 1px solid #e5e5e5; | ||
| Line 42: | Line 43: | ||
.intro-box { | .intro-box { | ||
margin: | margin: 28px 0 34px 0; | ||
padding: | padding: 26px; | ||
background: #f0f8ff; | background: #f0f8ff; | ||
border-left: 6px solid #4682b4; | border-left: 6px solid #4682b4; | ||
font-size: 1. | font-size: 1.19em; | ||
line-height: 1. | line-height: 1.68; | ||
} | } | ||
.article-image1 { | .article-image1 { | ||
margin: | margin: 12px 24px 24px 0; | ||
float: left; | float: left; | ||
max-width: 320px; | max-width: 320px; | ||
| Line 59: | Line 60: | ||
font-size: 1.02em !important; | font-size: 1.02em !important; | ||
color: #444; | color: #444; | ||
margin-top: | margin-top: 9px; | ||
line-height: 1.5; | line-height: 1.5; | ||
} | } | ||
.article-meta-category { | .article-meta-category { | ||
margin: 25px | margin: 32px 0 25px 0; | ||
padding: | padding: 9px 18px; | ||
background: #f0f0f0; | background: #f0f0f0; | ||
border-radius: 6px; | border-radius: 6px; | ||
| Line 71: | Line 72: | ||
font-weight: bold; | font-weight: bold; | ||
color: #2c5282; | color: #2c5282; | ||
font-size: 1. | font-size: 1.1em; | ||
} | } | ||
.article-content { | .article-content { | ||
line-height: 1. | line-height: 1.82; | ||
font-size: 1. | font-size: 1.04em; | ||
} | } | ||
Revision as of 17:00, 27 May 2026
/* English Article Specific Styles */
.article-header {
margin-bottom: 24px;
padding-bottom: 12px;
border-bottom: 1px solid #eee;
}
.article-byline {
color: #333;
}
.author-name {
font-weight: bold;
font-size: 1.45em;
color: #222;
}
.article-date {
margin-left: 18px;
font-size: 1.18em;
color: #555;
}
.article-sidebar {
float: right;
width: 320px;
margin: 0 0 28px 32px;
padding: 18px;
background: #f9f9f9;
border: 1px solid #e5e5e5;
border-radius: 8px;
}
.highlight-box {
margin: 14px 0;
padding: 14px;
background: #fff9e6;
border-left: 5px solid #f4a261;
color: #333;
line-height: 1.55;
}
.intro-box {
margin: 28px 0 34px 0;
padding: 26px;
background: #f0f8ff;
border-left: 6px solid #4682b4;
font-size: 1.19em;
line-height: 1.68;
}
.article-image1 {
margin: 12px 24px 24px 0;
float: left;
max-width: 320px;
}
.image-caption {
font-size: 1.02em !important;
color: #444;
margin-top: 9px;
line-height: 1.5;
}
.article-meta-category {
margin: 32px 0 25px 0;
padding: 9px 18px;
background: #f0f0f0;
border-radius: 6px;
display: inline-block;
font-weight: bold;
color: #2c5282;
font-size: 1.1em;
}
.article-content {
line-height: 1.82;
font-size: 1.04em;
}