같은 요소를 새로 생성하여 부모에는 원래 없던 항목의 스타일을 조절하는 css 값 모음 ****************/
/* 내용보기 화면에 요약글(exceprt)가 노출되지 않아서 요약글
을 새롭게 생성한 후 Title, Except, Information(작성일 등)의 레이아웃 조정함 */
/* 적용 대상 파일경로: /wp-content/themes/pen/partials/content.php 을 복사해와서 새롭게 생성한 /wp-content/themes/pen-child/partials/content.php */
/*************** <공통영역> ****************/
/* 제목 부분 */
/* #page #content #main div.konz_cls_div_ContentHead_Title {
cursor: pointer;
} */
/* 날짜 표시 부분: Updated on 2021년 1월 1일 */
#page #content #main div.konz_cls_div_ContentView-Information {
float: right;
margin-top: 0px;
}
#page #content #main div.konz_cls_div_ContentView-Information .entry-meta {
margin-top: 0;
}
/* 날짜 표시 영역 글씨크기 설정: 예) [Posted On 2021년 1월 1일 Updated On 2021년 1월 1일] */
/* 날짜 표시 영역 표기 여부 */
#page #content #main span.pen_content_date {
font-size: 0.8rem;
margin-top: 0;
display: none;
}
#page #content #main span.pen_content_categories {
font-size: 0.7rem;
}
/*************** <태그 보기 화면> ****************/
/* 개별 태그 조회 페이지 화면의 css (예: /tag/아세트아미노펜) */
/* 태그의 description 부분에 링크가 들어가면 파란색으로 표시되는 문제가 있어서(배경색과 구별이 안됨), 흰색으로 변경 */
#page #content #main header div.archive-description a {
/* text-decoration: none; */
color: white;
}
/* #page #content #main header div.archive-description a:hover,
#page #content #main header div.archive-description a:active {
} */
/********** ***********/
/* 목록보기 화면(list view)에 나오는 요약글 폰트 설정: 목록보기화면은 많은 내용들이 축약되어 있으므로 글씨 너무 크면 좋지 않다. */
/* list view에서는 excerpt를 출력하고, content view에서는 content를 출력하는 부분: list view라서 excerpt! */
#page #content #main div.konz_cls_div_ListView_ContentOrExcerpt-Excerpt p {
font-size: 1.1rem !important;
}
/* 목록보기 화면(list view)에 나오는 본문(content) 폰트 설정 */
/* div.konz_cls_div_ListView-Content p {
font-size: 1.0rem;
} */
/********** ********/
/* list view에서는 excerpt를 출력하고, content view에서는 content를 출력하는 부분: content view라서 content! */
/* div.konz_cls_div_ContentView_ContentOrExcerpt-Content p {
} */
#page #content #main div.konz_cls_div_ContentView-Excerpt p {
font-size: 1.3rem;
}
#page #content #main div.konz_cls_div_ContentView-Excerpt p::before { font-size: 1.2rem; content: '『 '; }
#page #content #main div.konz_cls_div_ContentView-Excerpt p::after { font-size: 1.2rem; content: ' 』'; }
/* 내용보기 화면(content view)에 나오는 본문(content) 폰트 설정 */
#page #content #main div.konz_cls_div_ContentView-Content p {
font-size: 1.4rem;
margin-left: 2.2rem;
}
/* 내용보기 화면(content view) 상단에 나오는 요약글 폰트 설정: 내용보기 화면에 있는 요약글은 좀 더 커도 된다 */
#page #content #main div.konz_cls_div_ContentView-Excerpt {
clear:both;
float:left;
margin-top: 10px;
/* cursor: pointer; */
}
/* 내용보기 화면(content view) 맨 하단에 나오는 footer 영역(태그+카테고리) 중 카테고리 영역에 대한 우측정렬 및 글씨크기 설정 */
#page #content #main .pen_content_footer .entry-meta {
text-align: right;
}
#page #content #main .pen_content_footer .entry-meta .pen_content_categories {
font-size: 1.1rem;
}
/*********************/
/* #pen_content_next_previous a.pen_icon_arrow_double {
border-radius: 0px !important;
} */
#page #pen_footer {
padding: 10px;
}
#page #pen_footer div.site-info {
margin: 0px;
}
/****************/
/* 토글 버튼 스타일 */
.konz_cls_ToggleVisibilityBox {
font-size: 1.3rem;
font-family: "Noto Sans KR", sans-serif;
cursor: pointer;
margin: 2px 0px 8px 30px;
/* 버튼이 나타나고 사라질 때 애니메이션 */
transition: opacity 0.3s ease;
}
/* 토글되는 컨텐츠 영역 - JavaScript에서 직접 transition 제어하므로 여기서는 기본 스타일만 */
#CheckList,
#FAQ_DrugInteraction,
#FAQ_Storage,
#FAQ_Disposal,
#FAQ_Receipt,
#FAQ_SearchMore,
#BasicGuide,
#FAQ_Storage_OTC,
#FAQ_Disposal_OTC,
#FAQ_DrugInteraction_OTC,
#FAQ_SearchMore_OTC,
#BasicGuide_OTC {
overflow: hidden;
}