/* in4u static heading CSS blog=1 generated=2026-06-06T10:42:26+00:00 v3.2 */
/* MU fallback in4u-heading-theme.css */ /* in4u 공통 — GeneratePress 추가 CSS + 제목 꾸미기 (Staatic 이 link 로 수집) */ /* GeneratePress Site CSS */ .auto-width.gb-query-loop-wrapper { flex: 1; } @media (min-width: 768px) { .sticky-container > .gb-inside-container, .sticky-container { position: sticky; top: 80px; } #right-sidebar .inside-right-sidebar { height: 100%; } } select#wp-block-categories-1 { width: 100%; } /* H1 */ .site-main h1, .entry-content h1 { margin: 1em 0 0.5em 0; font-weight: bold; font-size: 36px; line-height: 1.3; font-family: 'Muli', sans-serif; text-align: center; animation: h1ColorChange 8s ease-in-out infinite; } @keyframes h1ColorChange { 0%, 100% { color: #8e44ad; } 25% { color: #16a085; } 50% { color: #d35400; } 75% { color: #2980b9; } } /* H2 */ .entry-content h2 { margin: 1.5em 0 0.8em 0; font-weight: bold; position: relative; font-size: 28px; line-height: 1.4; padding: 15px 20px; font-family: 'Muli', sans-serif; overflow: hidden; background: transparent; } .entry-content h2::before, .entry-content h2::after { content: ''; position: absolute; left: -50%; right: -50%; height: 2px; background: linear-gradient( to right, #3498db, #2ecc71, #e74c3c, #f39c12, #9b59b6, #3498db, #2ecc71, #e74c3c, #f39c12, #9b59b6 ); background-size: 200% 100%; animation: borderMove 10s linear infinite; } .entry-content h2::before { top: 0; } .entry-content h2::after { bottom: 0; } @keyframes borderMove { 0% { background-position: 0 0; } 100% { background-position: -200% 0; } } /* H3 */ .entry-content h3 { padding: 10px 15px; margin: 35px 0 25px 0; font-size: 1.3em; font-weight: 700; position: relative; overflow: hidden; background: transparent; } .entry-content h3::after { content: ''; position: absolute; left: -50%; bottom: 0; height: 3px; width: 200%; background: linear-gradient( to right, #3498db, #2ecc71, #e74c3c, #f39c12, #9b59b6, #3498db, #2ecc71, #e74c3c, #f39c12, #9b59b6 ); background-size: 200% 100%; animation: underlineMove 10s linear infinite; } @keyframes underlineMove { 0% { background-position: 0 0; } 100% { background-position: -200% 0; } } /* H4 */ .entry-content h4 { padding: 10px 15px; margin: 30px 0 20px 0; font-size: 1.2em; font-weight: 700; position: relative; overflow: hidden; background: transparent; } .entry-content h4::after { content: ''; position: absolute; left: 0; bottom: 0; height: 3px; width: 100%; background: linear-gradient(to right, #3498db, #2ecc71, #e74c3c, #f39c12, #9b59b6); animation: h4UnderlineMove 4s linear infinite; } @keyframes h4UnderlineMove { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } } .entry-content h2, .entry-content h3, .entry-content h4 { animation: textColorChange 5s linear infinite; } @keyframes textColorChange { 0%, 100% { color: #2c3e50; } 25% { color: #3498db; } 50% { color: #2ecc71; } 75% { color: #e74c3c; } } @media (prefers-color-scheme: dark) { .site-main h1, .entry-content h1 { animation: h1ColorChangeDark 8s ease-in-out infinite; } @keyframes h1ColorChangeDark { 0%, 100% { color: #9b59b6; } 25% { color: #1abc9c; } 50% { color: #e67e22; } 75% { color: #3498db; } } .entry-content h2, .entry-content h3, .entry-content h4 { animation: textColorChangeDark 5s linear infinite; } @keyframes textColorChangeDark { 0%, 100% { color: #ecf0f1; } 25% { color: #3498db; } 50% { color: #2ecc71; } 75% { color: #e74c3c; } } } .top-bar .widget { margin: 0; padding: 0; width: 100%; height: 100%; }