/* ivftaipei article typography + components
Scope: single post pages only */
.single-post .elementor-widget-theme-post-content {
color: #444;
}
.single-post .elementor-widget-theme-post-content .elementor-widget-container {
font-family: "Noto Sans TC", "Microsoft JhengHei", sans-serif;
font-size: 18px;
line-height: 1.95;
letter-spacing: 0.01em;
}
.single-post .elementor-widget-theme-post-content p {
margin: 0 0 1.1em;
}
.single-post .elementor-widget-theme-post-content h2,
.single-post .elementor-widget-theme-post-content .wp-block-heading h2,
.single-post .elementor-widget-theme-post-content h2.wp-block-heading {
position: relative;
margin: 2.1em 0 1em;
padding: 0.9em 1.1em 0.85em 1.25em;
border: 0;
border-radius: 22px;
background: linear-gradient(180deg, #ffffff 0%, #fff7f8 100%);
box-shadow: 0 10px 28px rgba(52, 147, 219, 0.08);
color: #2f7fb7;
font-family: "cwTeXYen", "Noto Sans TC", sans-serif;
font-size: 1.5em;
line-height: 1.35;
}
.single-post .elementor-widget-theme-post-content h2::before,
.single-post .elementor-widget-theme-post-content .wp-block-heading h2::before,
.single-post .elementor-widget-theme-post-content h2.wp-block-heading::before {
content: '';
position: absolute;
left: 0;
top: 18px;
width: 7px;
height: calc(100% - 36px);
border-radius: 999px;
background: linear-gradient(180deg, #f6a8bf 0%, #ffd6de 100%);
}
.single-post .elementor-widget-theme-post-content h3,
.single-post .elementor-widget-theme-post-content .wp-block-heading h3,
.single-post .elementor-widget-theme-post-content h3.wp-block-heading {
display: inline-flex;
align-items: center;
gap: 0.55em;
margin: 1.6em 0 0.8em;
padding: 0.45em 0.9em 0.45em 0.95em;
border-radius: 999px;
background: rgba(246, 168, 191, 0.12);
color: #356c95;
font-family: "cwTeXYen", "Noto Sans TC", sans-serif;
font-size: 1.18em;
line-height: 1.4;
}
.single-post .elementor-widget-theme-post-content h3::before,
.single-post .elementor-widget-theme-post-content .wp-block-heading h3::before,
.single-post .elementor-widget-theme-post-content h3.wp-block-heading::before {
content: '';
width: 10px;
height: 10px;
border-radius: 999px;
background: #3493db;
box-shadow: 0 0 0 5px rgba(52, 147, 219, 0.12);
flex: 0 0 10px;
}
.single-post .elementor-widget-theme-post-content h4,
.single-post .elementor-widget-theme-post-content h5,
.single-post .elementor-widget-theme-post-content h6 {
color: #3d6e8c;
font-weight: 700;
line-height: 1.5;
margin: 1.2em 0 0.5em;
}
.single-post .elementor-widget-theme-post-content a {
color: #2f86c5;
text-decoration-thickness: 0.08em;
text-underline-offset: 0.16em;
}
.single-post .elementor-widget-theme-post-content a:hover {
color: #f08aa5;
}
.single-post .elementor-widget-theme-post-content ul,
.single-post .elementor-widget-theme-post-content ol {
padding-left: 1.35em;
margin: 0 0 1.2em;
}
.single-post .elementor-widget-theme-post-content li + li {
margin-top: 0.35em;
}
.single-post .elementor-widget-theme-post-content blockquote,
.single-post .elementor-widget-theme-post-content .wp-block-quote {
position: relative;
margin: 1.6em 0;
padding: 1.15em 1.25em 1.15em 1.4em;
background: linear-gradient(180deg, #fffdfd 0%, #fff4f6 100%);
border: 1px solid rgba(240, 138, 165, 0.25);
border-left: 8px solid #f4a3bb;
border-radius: 22px;
box-shadow: 0 12px 26px rgba(244, 163, 187, 0.12);
color: #5c5c68;
}
.single-post .elementor-widget-theme-post-content blockquote::before,
.single-post .elementor-widget-theme-post-content .wp-block-quote::before {
content: '“';
position: absolute;
top: -0.12em;
left: 0.45em;
font-family: "Georgia", serif;
font-size: 4em;
line-height: 1;
color: rgba(52, 147, 219, 0.14);
}
.single-post .elementor-widget-theme-post-content blockquote p:last-child,
.single-post .elementor-widget-theme-post-content .wp-block-quote p:last-child {
margin-bottom: 0;
}
.single-post .elementor-widget-theme-post-content table,
.single-post .elementor-widget-theme-post-content .wp-block-table table {
width: 100%;
margin: 1.6em 0;
border-collapse: separate;
border-spacing: 0;
overflow: hidden;
border: 1px solid rgba(52, 147, 219, 0.18);
border-radius: 22px;
box-shadow: 0 14px 30px rgba(52, 147, 219, 0.08);
background: #fff;
}
.single-post .elementor-widget-theme-post-content table thead th,
.single-post .elementor-widget-theme-post-content .wp-block-table table thead th {
background: linear-gradient(180deg, #3493db 0%, #2f7fb7 100%);
color: #fff;
font-weight: 700;
text-align: left;
padding: 14px 16px;
border-bottom: 0;
}
.single-post .elementor-widget-theme-post-content table td,
.single-post .elementor-widget-theme-post-content table th,
.single-post .elementor-widget-theme-post-content .wp-block-table table td,
.single-post .elementor-widget-theme-post-content .wp-block-table table th {
padding: 13px 16px;
border-bottom: 1px solid rgba(52, 147, 219, 0.11);
vertical-align: top;
}
.single-post .elementor-widget-theme-post-content table tbody tr:nth-child(even),
.single-post .elementor-widget-theme-post-content .wp-block-table table tbody tr:nth-child(even) {
background: #fffafc;
}
.single-post .elementor-widget-theme-post-content table tbody tr:hover,
.single-post .elementor-widget-theme-post-content .wp-block-table table tbody tr:hover {
background: #f5fbff;
}
.single-post .elementor-widget-theme-post-content table tr:last-child td,
.single-post .elementor-widget-theme-post-content table tr:last-child th,
.single-post .elementor-widget-theme-post-content .wp-block-table table tr:last-child td,
.single-post .elementor-widget-theme-post-content .wp-block-table table tr:last-child th {
border-bottom: 0;
}
.single-post .elementor-widget-theme-post-content .rank-math-faq-item,
.single-post .elementor-widget-theme-post-content .wp-block-rank-math-faq-block,
.single-post .elementor-widget-theme-post-content details,
.single-post .elementor-widget-theme-post-content .wp-block-details,
.single-post .elementor-widget-theme-post-content .elementor-accordion-item {
border: 1px solid rgba(52, 147, 219, 0.16);
border-radius: 20px;
background: linear-gradient(180deg, #fff 0%, #fff9fb 100%);
box-shadow: 0 10px 24px rgba(52, 147, 219, 0.06);
margin: 0 0 14px;
overflow: hidden;
}
.single-post .elementor-widget-theme-post-content details > summary,
.single-post .elementor-widget-theme-post-content .wp-block-details > summary,
.single-post .elementor-widget-theme-post-content .rank-math-faq-question,
.single-post .elementor-widget-theme-post-content .elementor-tab-title,
.single-post .elementor-widget-theme-post-content .elementor-accordion-title {
position: relative;
list-style: none;
cursor: pointer;
padding: 16px 18px 16px 54px;
font-weight: 700;
color: #356c95;
background: rgba(52, 147, 219, 0.04);
border: 0;
}
.single-post .elementor-widget-theme-post-content details > summary::-webkit-details-marker {
display: none;
}
.single-post .elementor-widget-theme-post-content details > summary::before,
.single-post .elementor-widget-theme-post-content .wp-block-details > summary::before,
.single-post .elementor-widget-theme-post-content .rank-math-faq-question::before,
.single-post .elementor-widget-theme-post-content .elementor-tab-title::before,
.single-post .elementor-widget-theme-post-content .elementor-accordion-title::before {
content: 'Q';
position: absolute;
left: 18px;
top: 50%;
transform: translateY(-50%);
width: 26px;
height: 26px;
border-radius: 999px;
display: grid;
place-items: center;
background: linear-gradient(180deg, #3493db 0%, #2f7fb7 100%);
color: #fff;
font-size: 13px;
font-weight: 700;
}
.single-post .elementor-widget-theme-post-content details[open] > summary,
.single-post .elementor-widget-theme-post-content .wp-block-details[open] > summary,
.single-post .elementor-widget-theme-post-content .elementor-accordion-item.elementor-active .elementor-tab-title {
background: linear-gradient(180deg, rgba(246, 168, 191, 0.14) 0%, rgba(52, 147, 219, 0.08) 100%);
}
.single-post .elementor-widget-theme-post-content details > :not(summary),
.single-post .elementor-widget-theme-post-content .wp-block-details > :not(summary),
.single-post .elementor-widget-theme-post-content .rank-math-faq-answer,
.single-post .elementor-widget-theme-post-content .elementor-tab-content,
.single-post .elementor-widget-theme-post-content .elementor-accordion-content {
padding: 16px 18px 18px 54px;
color: #555;
}
.single-post .elementor-widget-theme-post-content .rank-math-faq-answer {
position: relative;
}
.single-post .elementor-widget-theme-post-content .rank-math-faq-answer::before,
.single-post .elementor-widget-theme-post-content .elementor-tab-content::before,
.single-post .elementor-widget-theme-post-content .elementor-accordion-content::before,
.single-post .elementor-widget-theme-post-content details > :not(summary)::before,
.single-post .elementor-widget-theme-post-content .wp-block-details > :not(summary)::before {
content: 'A';
position: absolute;
left: 18px;
margin-top: 2px;
width: 26px;
height: 26px;
border-radius: 999px;
display: grid;
place-items: center;
background: linear-gradient(180deg, #f4a3bb 0%, #f08aa5 100%);
color: #fff;
font-size: 13px;
font-weight: 700;
}
.single-post .elementor-widget-theme-post-content .wp-block-group.is-style-rounded,
.single-post .elementor-widget-theme-post-content .info-box,
.single-post .elementor-widget-theme-post-content .notice,
.single-post .elementor-widget-theme-post-content .callout {
padding: 18px 20px;
border-radius: 22px;
background: linear-gradient(180deg, #ffffff 0%, #fff7f8 100%);
border: 1px solid rgba(52, 147, 219, 0.12);
box-shadow: 0 12px 24px rgba(52, 147, 219, 0.06);
}
.single-post .elementor-widget-theme-post-content hr {
border: 0;
height: 1px;
margin: 2em 0;
background: linear-gradient(90deg, rgba(52, 147, 219, 0.05), rgba(52, 147, 219, 0.34), rgba(240, 138, 165, 0.22), rgba(52, 147, 219, 0.05));
}
@media (max-width: 767px) {
.single-post .elementor-widget-theme-post-content .elementor-widget-container {
font-size: 16px;
line-height: 1.9;
}
.single-post .elementor-widget-theme-post-content h2,
.single-post .elementor-widget-theme-post-content h2.wp-block-heading {
padding: 0.8em 0.95em 0.75em 1.05em;
font-size: 1.28em;
}
.single-post .elementor-widget-theme-post-content h3,
.single-post .elementor-widget-theme-post-content h3.wp-block-heading {
font-size: 1.08em;
}
.single-post .elementor-widget-theme-post-content table,
.single-post .elementor-widget-theme-post-content .wp-block-table table {
display: block;
overflow-x: auto;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
.single-post .elementor-widget-theme-post-content details > summary,
.single-post .elementor-widget-theme-post-content .wp-block-details > summary,
.single-post .elementor-widget-theme-post-content .rank-math-faq-question,
.single-post .elementor-widget-theme-post-content .elementor-tab-title,
.single-post .elementor-widget-theme-post-content .elementor-accordion-title,
.single-post .elementor-widget-theme-post-content details > :not(summary),
.single-post .elementor-widget-theme-post-content .wp-block-details > :not(summary),
.single-post .elementor-widget-theme-post-content .rank-math-faq-answer,
.single-post .elementor-widget-theme-post-content .elementor-tab-content,
.single-post .elementor-widget-theme-post-content .elementor-accordion-content {
padding-left: 46px;
}
}
跳至主要內容
Scroll Up