Template:EnglishArticle/styles.css: Difference between revisions
From AbhiprayaVedi
mNo edit summary |
mNo edit summary |
||
| Line 1: | Line 1: | ||
.article-header { | |||
margin-bottom: 22px; | |||
border-bottom: 1px solid #eee; | |||
padding-bottom: 10px; | |||
} | |||
.article- | .article-byline { | ||
color: #333; | |||
} | } | ||
. | .author-name { | ||
font- | font-weight: bold; | ||
font-size: 1.38em; | |||
} | } | ||
.article- | |||
margin- | .article-date { | ||
margin-left: 15px; | |||
color: # | font-size: 1.12em; | ||
color: #555; | |||
} | } | ||
| Line 21: | Line 23: | ||
float: right; | float: right; | ||
width: 320px; | width: 320px; | ||
margin: 0 0 | margin: 0 0 25px 30px; | ||
padding: 16px; | |||
background: #f9f9f9; | |||
border: 1px solid #e5e5e5; | |||
border-radius: 8px; | |||
} | |||
.highlight-box { | |||
margin: 14px 0; | |||
padding: 14px; | padding: 14px; | ||
border: | background: #fff9e6; | ||
border-left: 5px solid #f4a261; | |||
color: #333; | |||
line-height: 1.5; | |||
} | } | ||
.intro-box { | .intro-box { | ||
margin: | margin: 26px 0 32px 0; | ||
padding: | padding: 24px; | ||
background | background: #f0f8ff; | ||
border-left: | border-left: 6px solid #4682b4; | ||
font-size: 1. | font-size: 1.18em; | ||
line-height: 1. | line-height: 1.65; | ||
} | } | ||
. | .article-image1 { | ||
margin: | margin: 10px 20px 20px 0; | ||
float: left; | |||
max-width: 320px; | |||
} | |||
.image-caption { | |||
font-size: 0.98em; | |||
color: #444; | |||
margin-top: 8px; | |||
line-height: 1.5; | |||
} | } | ||
.article-category { | .article-meta-category { | ||
margin: | margin: 30px 0 20px 0; | ||
padding: 8px | padding: 8px 16px; | ||
background: # | background: #f0f0f0; | ||
border-radius: | border-radius: 6px; | ||
display: inline-block; | display: inline-block; | ||
font- | font-weight: bold; | ||
color: #2c5282; | |||
font-size: 1.05em; | |||
} | } | ||
.article-content { | .article-content { | ||
line-height: 1. | line-height: 1.78; | ||
font-size: 1.03em; | |||
font-size | |||
} | } | ||
Revision as of 13:34, 27 May 2026
.article-header {
margin-bottom: 22px;
border-bottom: 1px solid #eee;
padding-bottom: 10px;
}
.article-byline {
color: #333;
}
.author-name {
font-weight: bold;
font-size: 1.38em;
}
.article-date {
margin-left: 15px;
font-size: 1.12em;
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.5;
}
.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 20px 20px 0;
float: left;
max-width: 320px;
}
.image-caption {
font-size: 0.98em;
color: #444;
margin-top: 8px;
line-height: 1.5;
}
.article-meta-category {
margin: 30px 0 20px 0;
padding: 8px 16px;
background: #f0f0f0;
border-radius: 6px;
display: inline-block;
font-weight: bold;
color: #2c5282;
font-size: 1.05em;
}
.article-content {
line-height: 1.78;
font-size: 1.03em;
}