/* Theme Name: Skillful Theme URI: http://demo-skillful.bbsetheme.com Author: BBS e-Theme Author URI: http://www.bbsetheme.com License: GNU General Public License, v3 License URI: http://www.gnu.org/licenses/gpl.html Description: 테마환경설정, 스킨설정(Red, Green, Blue), 관리자 빠른설정, SNS공유, 카테고리템플릿(갤러리/리스트), 반응형, SEO, 보안서버설치가능, BBS e-Plugin과 호환되며 업데이트 발생 시 알림표시를 제공합니다. Version: 100 Tags: 파란색, 흰색, 밝음, 1열, 좌측 사이드바, 우측 사이드바, 반응형 레이아웃, 블라바타, 사용자 정의 메뉴, 테마 옵션 본 테마는 워드프레스와 동일한 GPL 라이센스의 테마입니다. 임의대로 수정,삭제 후 이용하셔도 됩니다. 단, 재배포 시 GPL 라이센스로 재배포 되어야 하며, 원 제작자의 표기를 해주시기 바랍니다. ‘Skillful' WordPress Theme, Copyright 2014 BBS e-Theme(http://www.bbsetheme.com) ‘Skillful' is distributed under the terms of the GNU GPL */ /* =Reset -------------------------------------------------------------- */ /* 1. 기본 설정 (시작) * * ================================================ */ @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); @import url("style_layout.css"); @import url("style_board.css"); /* page navigation */ .paging-navigation {clear:both;margin:40px 0;width:100%;} .page-navigation-toggle {display:none} .paging-navigation:after {display:block;content:"";clear:both;} .paging-navigation > span {height:2em;line-height:2em;} .paging-navigation .pagination.loop-pagination {display:block;;width:auto;height:2.1em;line-height:2.1em;text-align:center} .paging-navigation .pagination.loop-pagination .page-numbers {display:inline-block;width:32px;height:32px;line-height:32px;color:#333333;text-align:center;font-weight:700;box-shadow:0px 0px 3px #999;border-radius:50%;background:#FFFFFF} .paging-navigation .pagination.loop-pagination a.page-numbers:hover {color:white;background:#dddddd;} .paging-navigation .pagination.loop-pagination .firstPage {} .paging-navigation .pagination.loop-pagination .lastPage {} .paging-navigation .pagination.loop-pagination .current {font-weight:bold;color:white;background:#d44343;} h1#logo { padding: 10px 0px 20px; } /** * 메타 데이터 * ----------------------------------------------------------------------------- */ .entry-meta {margin:10px 0;color:#666; font-size:11px;} .entry-meta span {padding-right:10px;} .entry-meta a {color:#666;} .site-content .entry-meta {clear:both;color:#767676;font-size:12px;font-weight:400;line-height:1.3333333333;text-transform:uppercase;} .sticky .entry-date {display:none;} .cat-links {font-weight:900;text-transform:uppercase;} .cat-links a {color:#2b2b2b;} .cat-links a:hover {color:#41a62a;} .byline {display:none;} .single .byline, .group-blog .byline {display:inline;} .site-content footer.entry-meta {margin:24px auto 0;padding:0 10px;} .post-format-icon:before {position:relative;top:5px;display:inline-block;vertical-align:text-bottom; margin-right: 7px; font-weight:normal; font-size:inherit; font-style:normal; font-family:dashicons;/*font: 400 20px/1 dashicons;*/speak: none; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .post-state-format:before, .post-format-icon:before {color: #ddd;-webkit-transition: all .1s ease-in-out;-moz-transition: all .1s ease-in-out;transition: all .1s ease-in-out;} .post-state-format.post-format-standard:before, .post-format-icon.post-format-standard:before, a.post-state-format.format-standard:before {content: '\f109';} .post-state-format.post-format-aside:before, .post-format-icon.post-format-aside:before, a.post-state-format.format-aside:before {content:'\f123'} .post-state-format.post-format-image:before, .post-format-icon.post-format-image:before, a.post-state-format.format-image:before {content:'\f128'} .post-state-format.post-format-audio:before, .post-format-icon.post-format-audio:before, a.post-state-format.format-audio:before {content:'\f127'} .post-state-format.post-format-video:before, .post-format-icon.post-format-video:before, a.post-state-format.format-video:before {content:'\f126'} .post-state-format.post-format-quote:before, .post-format-icon.post-format-quote:before, a.post-state-format.format-quote:before {content:'\f122'} .post-state-format.post-format-status:before, .post-format-icon.post-format-status:before, a.post-state-format.format-status:before {content:'\f130'} .post-state-format.post-format-gallery:before, .post-format-icon.post-format-gallery:before, a.post-state-format.format-gallery:before {content:'\f161'} .post-state-format.post-format-link:before, .post-format-icon.post-format-link:before, a.post-state-format.format-link:before {content:'\f103'} .post-state-format.post-format-chat:before, .post-format-icon.post-format-chat:before, a.post-state-format.format-chat:before {content:'\f125'} /* Tag 링크 */ .tag-links {display:block;margin:50px 0 0 0;} .tag-links a { background-color:#767676; border-radius:0 2px 2px 0; color:#fff; display:inline-block; font-size:11px; font-weight:700; line-height:1.2727272727; margin:2px 4px 2px 10px; padding:3px 7px; position:relative; text-transform:uppercase; } .tag-links a:hover { background-color:#41a62a; color:#fff; } .tag-links a:before { border-top:10px solid transparent; border-right:8px solid #767676; border-bottom:10px solid transparent; content:""; height:0; position:absolute; top:0; left:-8px; width:0; } .tag-links a:hover:before { border-right-color:#41a62a; } .tag-links a:after { background-color:#fff; border-radius:50%; content:""; height:4px; position:absolute; top:8px; left:-2px; width:4px; } /* comment */ .comments-area {margin-top:50px;padding:0;} .comments-area .comments-title {font-size:16px;} .comments-area .comment-list {border-top:2px solid #E0E0E0;margin-top:12px;} .comments-area .comment-list > ol > li {padding:30px 0;border-bottom:1px solid #E0E0E0;} .avatar-box {float:left;width:auto;} .avatar-box img {/*width:90px;height:90px;*/border-radius:3px;} .comment-wrap {padding-left:108px;} .commentmetadata .fn {font-size:15px;font-weight:700;color:#333;padding-right:10px;} .commentmetadata .comment-date {} .comment-content {line-height:1.5;margin-top:5px;} .comment-content p {word-break:break-all} .children {position:relative;margin-top:30px;margin-left:40px;background-color:#F7F7F7;padding:15px;} .children .design-element {position:absolute;top:-16px;left:37px;display:block;width:16px;height:16px;border:8px solid transparent;border-bottom:8px solid #F7F7F7;} .children ol li {margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #E0E0E0;} .children ol li:last-child {margin-bottom:0;padding-bottom:0;border-bottom:none;} .buttonBox {line-height:1.5;margin-top:5px;} .buttonBox a {display:inline-block;padding:0 5px;height:22px;line-height:22px;text-align:center;font-size:12px;border:1px solid #C3C3C3;background-color:#FFF; border-radius:2px; box-shadow:0px -1px 0 #FBFBFB; box-shadow:inset 0px -1px 0 #FBFBFB; } .comment-respond {padding:20px 0;width:100%;} .comment-reply-title {font-size:16px;font-weight:700;} .comment-reply-title small {font-size:12px;font-weight:400;} .comment-form .writer-information-box {display:table;width:100%;margin-top:20px;} .comment-form .writer-information-box .writer_info {display:table-cell;width:40%;height:auto;position:relative;} .comment-form .writer-information-box .writer_info + p {width:60%;padding-left:6px;} .comment-form .writer-information-box .writer_info input[type=text] {width:96%;padding:0 2%;background-color:#FBFBFB;} .comment-form .writer-information-box .writer_info input[type=text] + label {position:absolute;top:9px;left:10px;color:#BCBBBB;display:none;cursor:text;} .comment-form .writer-information-box .writer_info input[type=text]:focus + label {display:none;} .comment-form #comment_msg {display:none;text-align:center;margin-top:20px;font-size:11px;width:96%;color:#F55555;padding:10px 2%;background: #FBFBFB; border:1px solid #dadde1 !important; border-radius: 3px;box-shadow: inset 1px 3px 4px -3px #e9e9e9; resize:none} .comment-form-comment {position:relative;margin-top:15px;width:100%;} .comment-form-comment label[for="comment"] {display:none} .comment-form-comment #comment {padding:2%;width:96%;height:120px;background-color:#FBFBFB;} .comment-form-comment #private {font-size:11px;padding:2%;width:96%;color:#949494;background: #FBFBFB; border:1px solid #dadde1 !important; border-radius: 3px;box-shadow: inset 1px 3px 4px -3px #e9e9e9; resize:none} .form-submit {margin-top:20px;line-height:39px;} .form-submit input[type="submit"] {padding:0;width:175px;height:39px;line-height:39px;text-align:center;font-size:16px;font-weight:700;color:#676761;background-color:#ffffff; border:1px solid #ddd;border-radius:5px;cursor:pointer; } .hentry {} .hentry > footer {padding-top:30px;border-top: 1px solid #a09c93;margin-bottom: 5px;} .main-header {margin-bottom: 20px;} .main-header .entry-title {margin:0 0 5px 0;line-height:25px;color:#ffffff;font-size:18px;font-weight:700;overflow:hidden;} .main-header .entry-meta, .main-header .entry-meta * {} .main-header .entry-footer {padding: 0 0 50px 0;border-bottom: 1px solid #a09c93;} #POST-CONTENT {width:100%;} #POST-CONTENT * { font-family:'나눔고딕','NanumGothic','Nanum Gothic',Arial, Helvetica, sans-serif;word-break:break-all;} #POST-CONTENT h1 {clear:both;line-height:1.4em; font-size:2em;} #POST-CONTENT h2 {clear:both;line-height:1.86em;font-size:1.5em;} #POST-CONTENT h3 {clear:both;line-height:2.39em;font-size:1.17em;} #POST-CONTENT h4 {clear:both;line-height:2.4em; font-size:1em;} #POST-CONTENT h5 {clear:both;line-height:2.83em;font-size:0.83em;} #POST-CONTENT h6 {clear:both;line-height:3.99em;font-size:0.7em;} #POST-CONTENT h1:first-child, #POST-CONTENT h2:first-child, #POST-CONTENT h3:first-child, #POST-CONTENT h4:first-child, #POST-CONTENT h5:first-child, #POST-CONTENT h6:first-child { margin-top: 0; } #POST-CONTENT address {font-style:italic;margin-bottom:24px;} #POST-CONTENT strong {font-weight:700;} #POST-CONTENT em {font-style:italic;} #POST-CONTENT p {margin-bottom:24px;} #POST-CONTENT pre {margin:20px 0;max-width:100%;font-family:monospace, serif;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;line-height:1.6;} #POST-CONTENT blockquote:before, #POST-CONTENT blockquote:after {content:"";content:none;} #POST-CONTENT blockquote {margin:15px 15px 15px 0;padding:0 0 0 10px;font-style:italic;line-height:1.8em;border-left:4px solid #000000} #POST-CONTENT blockquote em {font-style:normal;} #POST-CONTENT blockquote strong {font-weight:400;} #POST-CONTENT ul, #POST-CONTENT ol {margin:0 0 10px 20px;} #POST-CONTENT li > ul, #POST-CONTENT li > ol {margin:0 0 0 20px;} #POST-CONTENT ul, #POST-CONTENT ul > li {list-style:disc;} #POST-CONTENT ol, #POST-CONTENT ol > li {list-style:decimal;} #POST-CONTENT del {color:#666;} #POST-CONTENT hr {background-color:rgba(0, 0, 0, 0.1);border:0;height:1px;margin-bottom:23px;} #POST-CONTENT .comment-content img, #POST-CONTENT .entry-content img, #POST-CONTENT .entry-summary img, .wp-caption {max-width:100%;} .comment-content img[height], .entry-content img, .entry-summary img, #POST-CONTENT img[class*="align"], #POST-CONTENT img[class*="wp-image-"], #POST-CONTENT img[class*="attachment-"]{height:auto;} #POST-CONTENT img, #POST-CONTENT img.size-full, #POST-CONTENT img.size-large, #POST-CONTENT .wp-post-image, #POST-CONTENT .post-thumbnail img {height:auto;max-width:100%;} #POST-CONTENT embed, #POST-CONTENT iframe, #POST-CONTENT object, #POST-CONTENT video {margin-bottom:24px;max-width:100%;} #POST-CONTENT p > embed, #POST-CONTENT p > iframe, #POST-CONTENT p > object, #POST-CONTENT span > embed, #POST-CONTENT span > iframe, #POST-CONTENT span > object {margin-bottom:0;} #POST-CONTENT .agreement {padding:1%;max-width:98% !important;} #gmaps-container img {max-width:none;} /* Alignment */ .alignleft {float: left;} .alignright {float: right;} .aligncenter {display: block;margin-left: auto;margin-right: auto;} blockquote.alignleft, img.alignleft {margin: 7px 24px 7px 0;} .wp-caption.alignleft {margin: 7px 14px 7px 0;} blockquote.alignright, img.alignright {margin: 7px 0 7px 24px;} .wp-caption.alignright {margin: 7px 0 7px 14px;} blockquote.aligncenter, img.aligncenter, .wp-caption.aligncenter {margin-top: 7px;margin-bottom: 7px;} .site-content blockquote.alignleft, .site-content blockquote.alignright { border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-top: 17px; width: 50%;} .site-content blockquote.alignleft p, .site-content blockquote.alignright p { margin-bottom: 17px;} .wp-caption {margin-bottom:24px;padding:10px 5px ;} .wp-caption img[class*="wp-image-"] {display:block;margin:0 auto;} .wp-caption {color:#333;} .wp-caption-text {font-style:italic;line-height:1.5;margin:9px 0 0;padding-right:10px;} .wp-caption-text:before {content:'▲ ';font-style:normal;} .wp-smiley {border:0;margin-bottom:0;margin-top:0;padding:0;} #gmaps-box {margin:30px 0 0 0;} .share-sns {margin:30px 0 20px;text-align:right;} .share-sns h6 {font-style:italic;font-weight:bold;font-size:1em;} .share-sns a {margin:0 0 0 8px;height:30px;line-height:30px;font-size:30px;} .share-sns a * {vertical-align:text-bottom;} .share-sns a.sharetw {color:#55ACEE} .share-sns a.sharefb {color:#3B5998} .share-sns a.sharehmb {color:#3B5998} #error404 {} #error404 h2,#error404 h3 {margin:0 0 10px 0;} #error404 ul {margin:0 0 20px 20px} #error404 ul li {line-height:1.8em;list-style:disc} /*bbse plugins*/ #bbse_board .mce-btn {margin:2px 2px 0 ;padding:0 1px 4px 2px;} #bbse_board .mce-btn i {font-style:normal;font-family:dashicons} #bbse_board .quicktags-toolbar input {margin:4px 2px 2px;padding:0 8px 1px;font-size:12px;height:26px;line-height:24px;border:1px solid #b4b4b4;border-top:3px solid #b4b4b4;box-shadow:0 3px 2px -1px #eee;text-shadow: -1px -1px #fff;cursor:pointer;border-radius:3.1px;background: #ffffff;font-weight: bold;} #bbse_board fieldset, #bbse_contact_form fieldset {border:none} #bbse_board div, #bbse_contact_form div, #bbse_membership div, #bbse_board p, #bbse_contact_form p, #bbse_membership p, #bbse_board * input, #bbse_contact_form * input, #bbse_contact_form * input, #bbse_membership * input {margin:initial;padding:initial;height:initial;line-height:initial;} #bbse_board * input[type=text], #bbse_board * input[type=password], #bbse_contact_form * input[type=text], #bbse_contact_form * input[type=password], #bbse_contact_form * input[type=text], #bbse_contact_form * input[type=password], #bbse_membership * input[type=text],#bbse_membership * input[type=password] {margin:initial;padding:initial;height:1.3em;line-height:initial;} #bbse_board .con div {height:20px !important;line-height:20px !important} /* 태블릿 */ @media only screen and ( min-width:640px ) and ( max-width: 1024px ) and (orientation:portrait) { }/* 태블릿 */ /* 태블릿 가로 */ @media only screen and ( min-width:640px ) and ( max-width: 1024px ) and (orientation:landscape) { }/* 태블릿 가로*/ /* 모바일 */ @media only screen and ( max-width: 640px ) and (orientation:portrait) { /*comment*/ .avatar-box img {width:40px;height:40px;border-radius:3px;} .comment-wrap {padding-left:50px;} .children {margin-left:20px;} .commentmetadata span {display:block;margin:0;} }/* 모바일 */ /* 모바일 가로 */ @media only screen and ( max-width: 640px ) and (orientation:landscape) { /*comment*/ .avatar-box img {width:40px;height:40px;border-radius:3px;} .comment-wrap {padding-left:50px;} .children {margin-left:20px;} .commentmetadata span {display:block;margin:0;} }/* 모바일 가로*/