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: 20px; | ||
padding-bottom: | padding-bottom: 10px; | ||
border-bottom: 1px solid #f0f0f0; | border-bottom: 1px solid #f0f0f0; | ||
} | } | ||
| Line 22: | Line 7: | ||
.article-byline { | .article-byline { | ||
color: #333; | color: #333; | ||
font-size: 1. | font-size: 1.16em; | ||
} | } | ||
| Line 28: | Line 13: | ||
font-weight: bold; | font-weight: bold; | ||
font-size: 1.48em; | font-size: 1.48em; | ||
} | |||
.meta-separator { | |||
margin: 0 10px; | |||
color: #888; | |||
} | } | ||
| Line 33: | Line 23: | ||
font-size: 1.18em; | font-size: 1.18em; | ||
color: #555; | color: #555; | ||
} | |||
.article-meta-category { | |||
color: #2c5282; | |||
font-weight: 600; | |||
} | |||
.intro-box { | |||
margin: 20px 0 32px 0; | |||
padding: 22px 26px; | |||
background: #f0f8ff; | |||
border-left: 6px solid #4682b4; | |||
border-top: 1px solid #b0d0e8; /* Thin top border as requested */ | |||
font-size: 1.18em; | |||
line-height: 1.68; | |||
} | |||
.intro-box p { | |||
margin: 0 0 0 0 !important; /* Remove default paragraph margins */ | |||
} | } | ||
| Line 52: | Line 61: | ||
color: #333; | color: #333; | ||
line-height: 1.6; | line-height: 1.6; | ||
} | } | ||
| Line 70: | Line 70: | ||
.image-caption { | .image-caption { | ||
font-size: 1. | font-size: 1.04em !important; | ||
color: # | color: #444; | ||
margin-top: 10px; | margin-top: 10px; | ||
line-height: 1.5; | line-height: 1.5; | ||
} | } | ||
Revision as of 15:43, 28 May 2026
.article-header {
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 1px solid #f0f0f0;
}
.article-byline {
color: #333;
font-size: 1.16em;
}
.author-name {
font-weight: bold;
font-size: 1.48em;
}
.meta-separator {
margin: 0 10px;
color: #888;
}
.article-date {
font-size: 1.18em;
color: #555;
}
.article-meta-category {
color: #2c5282;
font-weight: 600;
}
.intro-box {
margin: 20px 0 32px 0;
padding: 22px 26px;
background: #f0f8ff;
border-left: 6px solid #4682b4;
border-top: 1px solid #b0d0e8; /* Thin top border as requested */
font-size: 1.18em;
line-height: 1.68;
}
.intro-box p {
margin: 0 0 0 0 !important; /* Remove default paragraph margins */
}
.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;
}
.article-image1 {
margin: 12px 26px 26px 0;
float: left;
max-width: 320px;
}
.image-caption {
font-size: 1.04em !important;
color: #444;
margin-top: 10px;
line-height: 1.5;
}
.article-content {
line-height: 1.85;
font-size: 1.04em;
}