/* 검색 버튼 스타일 설정 */ .wp-block-search__button { position: relative; text-indent: -9999px; /* 기존 텍스트(Search) 숨기기 */ overflow: hidden; width: 40px; /* 버튼 크기 조정 */ height: 40px; padding: 0; display: flex; align-items: center; justify-content: center; } /* 검색 버튼 */ .wp-block-search__button { position: relative; text-indent: -9999px; /* 기존 텍스트(Search) 숨기기 */ overflow: hidden; width: 40px; /* 버튼 크기 조정 */ height: 40px; padding: 0; display: flex; align-items: center; justify-content: center; } /* 아이콘 변경 */ .wp-block-search__button::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 20px; /* 아이콘 크기 */ height: 20px; /* SVG 경로 삽입 (Lucide Search 아이콘) */ background-color: currentColor; /* 버튼의 글자색을 아이콘 색상으로 사용 */ -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cpath d='m21 21-4.3-4.3'%3E%3C/path%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cpath d='m21 21-4.3-4.3'%3E%3C/path%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: contain; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; } body { display: flex; flex-direction: column; height: 100vh; margin: 0; } header, .site-footer { flex-shrink: 0; /* 헤더와 푸터가 축소되지 않도록 고정 */ } .site { flex-grow: 1; /* 메인 컨텐츠 영역이 남은 공간을 모두 차지하도록 설정 */ display: flex; } .site-main{ display: flex; align-content: center; height: 100%; align-items: center; flex-direction: column; } /* 홈페이지 히어로 섹션에 투명한 헤더를 오버레이하기 위해 필요 */ .site-header { position: absolute; z-index: 2; left: 0; right: 0; background-color: transparent; } .wp-block-comment-template { margin-left: 0px; } .comment .wp-block-columns { gap: 1rem; } .wp-block-comment-template ol { margin-left: 0px; } .comment p { margin-bottom: 0.5em; } a.comment-reply-link, a#cancel-comment-reply-link { padding: 0.4em 1em; border: 1px solid var(--contrast-3); border-radius: 1em; font-size: 0.8rem; font-weight: 500; } .wp-block-comment-edit-link a { padding: 0.2em 0.5em; border: 1px solid var(--contrast-3); border-radius: 1em; font-size: 0.85rem; } a.comment-reply-link:hover, .wp-block-comment-edit-link a:hover, a#cancel-comment-reply-link:hover { background: var(--base-2); } .wp-block-comment-author-name { font-weight: 700; margin-right: 1em; float: left; } .wp-block-post-comments-form .comment-reply-title { margin-bottom: 1em; } .logged-in-as { display: none; } .wp-block-post-comments-form input[type="submit"] { border-radius: 0.5rem; font-size: 0.9rem; padding: 0.5rem 1rem; font-weight: 500; }