Template:EnglishArticle/styles.css: Difference between revisions
From AbhiprayaVedi
mNo edit summary |
mNo edit summary |
||
| Line 1: | Line 1: | ||
.article-header { | .article-header { | ||
margin-bottom: | margin-bottom: 26px; | ||
padding-bottom: | padding-bottom: 14px; | ||
border-bottom: 1px solid # | border-bottom: 1px solid #f0f0f0; | ||
} | } | ||
.article-byline { | .article-byline { | ||
color: # | color: #222; | ||
} | } | ||
.author-name { | .author-name { | ||
font-weight: bold; | font-weight: bold; | ||
font-size: 1. | font-size: 1.48em; | ||
} | } | ||
.article-date { | .article-date { | ||
margin-left: 18px; | margin-left: 18px; | ||
font-size: 1. | font-size: 1.2em; | ||
color: #555; | color: #555; | ||
} | } | ||
| Line 26: | Line 23: | ||
float: right; | float: right; | ||
width: 320px; | width: 320px; | ||
margin: 0 0 | margin: 0 0 30px 35px; | ||
padding: 18px; | padding: 18px; | ||
background: #f9f9f9; | background: #f9f9f9; | ||
| Line 35: | Line 32: | ||
.highlight-box { | .highlight-box { | ||
margin: 14px 0; | margin: 14px 0; | ||
padding: | padding: 16px; | ||
background: #fff9e6; | background: #fff9e6; | ||
border-left: 5px solid #f4a261; | border-left: 5px solid #f4a261; | ||
color: #333; | color: #333; | ||
line-height: 1. | line-height: 1.6; | ||
} | } | ||
.intro-box { | .intro-box { | ||
margin: 28px 0 | margin: 28px 0 36px 0; | ||
padding: | padding: 28px; | ||
background: #f0f8ff; | background: #f0f8ff; | ||
border-left: 6px solid #4682b4; | border-left: 6px solid #4682b4; | ||
font-size: 1.19em; | font-size: 1.19em; | ||
line-height: 1. | line-height: 1.7; | ||
} | } | ||
.article-image1 { | .article-image1 { | ||
margin: 12px | margin: 12px 26px 26px 0; | ||
float: left; | float: left; | ||
max-width: 320px; | max-width: 320px; | ||
| Line 58: | Line 55: | ||
.image-caption { | .image-caption { | ||
font-size: 1. | font-size: 1.05em !important; | ||
color: # | color: #333; | ||
margin-top: | margin-top: 10px; | ||
line-height: 1.5; | line-height: 1.5; | ||
font-weight: 500; | |||
} | } | ||
.article-meta-category { | .article-meta-category { | ||
margin: | margin: 35px 0 25px 0; | ||
padding: | padding: 10px 18px; | ||
background: #f0f0f0; | background: #f0f0f0; | ||
border-radius: 6px; | border-radius: 6px; | ||
| Line 72: | Line 70: | ||
font-weight: bold; | font-weight: bold; | ||
color: #2c5282; | color: #2c5282; | ||
font-size: 1. | font-size: 1.12em; | ||
} | } | ||
.article-content { | .article-content { | ||
line-height: 1. | line-height: 1.85; | ||
font-size: 1.04em; | font-size: 1.04em; | ||
} | } | ||
Revision as of 17:36, 27 May 2026
.article-header {
margin-bottom: 26px;
padding-bottom: 14px;
border-bottom: 1px solid #f0f0f0;
}
.article-byline {
color: #222;
}
.author-name {
font-weight: bold;
font-size: 1.48em;
}
.article-date {
margin-left: 18px;
font-size: 1.2em;
color: #555;
}
.article-sidebar {
float: right;
width: 320px;
margin: 0 0 30px 35px;
padding: 18px;
background: #f9f9f9;
border: 1px solid #e5e5e5;
border-radius: 8px;
}
.highlight-box {
margin: 14px 0;
padding: 16px;
background: #fff9e6;
border-left: 5px solid #f4a261;
color: #333;
line-height: 1.6;
}
.intro-box {
margin: 28px 0 36px 0;
padding: 28px;
background: #f0f8ff;
border-left: 6px solid #4682b4;
font-size: 1.19em;
line-height: 1.7;
}
.article-image1 {
margin: 12px 26px 26px 0;
float: left;
max-width: 320px;
}
.image-caption {
font-size: 1.05em !important;
color: #333;
margin-top: 10px;
line-height: 1.5;
font-weight: 500;
}
.article-meta-category {
margin: 35px 0 25px 0;
padding: 10px 18px;
background: #f0f0f0;
border-radius: 6px;
display: inline-block;
font-weight: bold;
color: #2c5282;
font-size: 1.12em;
}
.article-content {
line-height: 1.85;
font-size: 1.04em;
}