Template:EnglishArticle/styles.css: Difference between revisions
From AbhiprayaVedi
mNo edit summary |
mNo edit summary |
||
| Line 1: | Line 1: | ||
/* Article Styles */ | |||
.article-header { | .article-header { | ||
margin-bottom: | margin-bottom: 20px; | ||
padding-bottom: 12px; | |||
border-bottom: 1px solid #eee; | border-bottom: 1px solid #eee; | ||
} | } | ||
| Line 11: | Line 13: | ||
.author-name { | .author-name { | ||
font-weight: bold; | font-weight: bold; | ||
font-size: 1. | font-size: 1.42em; | ||
} | } | ||
.article-date { | .article-date { | ||
margin-left: | margin-left: 16px; | ||
font-size: 1. | font-size: 1.18em; | ||
color: #555; | color: #555; | ||
} | } | ||
| Line 36: | Line 38: | ||
border-left: 5px solid #f4a261; | border-left: 5px solid #f4a261; | ||
color: #333; | color: #333; | ||
line-height: 1. | line-height: 1.55; | ||
} | } | ||
| Line 49: | Line 51: | ||
.article-image1 { | .article-image1 { | ||
margin: 10px | margin: 10px 22px 22px 0; | ||
float: left; | float: left; | ||
max-width: 320px; | max-width: 320px; | ||
| Line 55: | Line 57: | ||
.image-caption { | .image-caption { | ||
font-size: | font-size: 1.02em !important; | ||
color: #444; | color: #444; | ||
margin-top: 8px; | margin-top: 8px; | ||
| Line 62: | Line 64: | ||
.article-meta-category { | .article-meta-category { | ||
margin: | margin: 25px 0 20px 0; | ||
padding: 8px 16px; | padding: 8px 16px; | ||
background: #f0f0f0; | background: #f0f0f0; | ||
| Line 69: | Line 71: | ||
font-weight: bold; | font-weight: bold; | ||
color: #2c5282; | color: #2c5282; | ||
font-size: 1. | font-size: 1.08em; | ||
} | } | ||
Revision as of 16:48, 27 May 2026
/* Article Styles */
.article-header {
margin-bottom: 20px;
padding-bottom: 12px;
border-bottom: 1px solid #eee;
}
.article-byline {
color: #333;
}
.author-name {
font-weight: bold;
font-size: 1.42em;
}
.article-date {
margin-left: 16px;
font-size: 1.18em;
color: #555;
}
.article-sidebar {
float: right;
width: 320px;
margin: 0 0 25px 30px;
padding: 16px;
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: 26px 0 32px 0;
padding: 24px;
background: #f0f8ff;
border-left: 6px solid #4682b4;
font-size: 1.18em;
line-height: 1.65;
}
.article-image1 {
margin: 10px 22px 22px 0;
float: left;
max-width: 320px;
}
.image-caption {
font-size: 1.02em !important;
color: #444;
margin-top: 8px;
line-height: 1.5;
}
.article-meta-category {
margin: 25px 0 20px 0;
padding: 8px 16px;
background: #f0f0f0;
border-radius: 6px;
display: inline-block;
font-weight: bold;
color: #2c5282;
font-size: 1.08em;
}
.article-content {
line-height: 1.78;
font-size: 1.03em;
}