~~BunGa-BunGa CinTa~~: 2018

*/ /* Global reset */ /* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */ *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 } table { border-collapse:collapse; border-spacing:0 } fieldset, img { border:0 } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal } ol, ul, li { list-style:none } caption, th { text-align:left } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal } q:before, q:after { content:''} /* Global reset-RESET */ strong { font-weight: bold } em { font-style: italic } a img { border:none } /* Gets rid of IE's blue borders */ body#layout #header { margin-bottom: 80px; clear:both; } body#layout #navigation { height: auto; margin-bottom: 60px; margin-top: 30px; position: relative; width: 100%; z-index: 999999; } body#layout #navigation-wrapper { width:40%; float:left; } body#layout #top-social { width:40%; float:right; } body#layout #widget-area .footerwidget { width:250px; margin-right: 20px; } body#layout #widget-area .widget, body#layout #sidebar .widget { width:250px; } body { color: #777; font-family: Lora; font-size: 15px; font-weight: 400; font-style: normal; line-height: 1.75; letter-spacing: 0px; text-transform: none; background-color:#FFF; } p { font-size:16px; line-height:26px; } a { text-decoration:none; color:$(maincolorhover); } a:hover { } h1,h2,h3,h4,h5,h6 { font-family:"Open Sans", sans-serif; } .container { width:1030px; margin:0 auto; } .container.sp_sidebar { overflow:hidden; } h1.logo_h.logo_h__txt { font-size: 55px; padding: 50px 0; text-align: center; font-weight: 300; } #main { width:100%; } .container.sp_sidebar #main { width:675px; margin-right:20px; float:left; } #sidebar { width:300px; float:right; margin-top: 8px; } /********************************/ /*** Navigation ***/ /********************************/ #navigation { background:#171717; height:48px; position:fixed; z-index:999999; width:100%; -webkit-backface-visibility: hidden; } .slicknav_menu { display:none; } #navigation .container { position:relative; } .menu { float:left; } .menu li { display:inline-block; margin-right:12px; position:relative; } .menu li a { font-family:"Open Sans", sans-serif; font-size:11px; font-weight:400; letter-spacing:2px; color:#fff; line-height:48px; text-transform:uppercase; display:inline-block; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; } ul.sub-menu li:after { content: "|"; padding-left: 10px; color: #565656; display: none; } /*** DROPDOWN ***/ .menu .sub-menu, .menu .children { background-color: #171717; display: none; padding: 0; position: absolute; margin-top:0; left: 0; z-index: 99999; } ul.menu ul a, .menu ul ul a { color: #999; margin: 0; padding: 6px 10px 7px 10px; min-width: 160px; line-height:20px; -o-transition:.25s; -ms-transition:.25s; -moz-transition:.25s; -webkit-transition:.25s; transition:.25s; border-top:1px solid #333; } ul.menu ul li, .menu ul ul li { padding-right:0; margin-right:0; } ul.menu ul a:hover, .menu ul ul a:hover { color: #fff; background:#333; } ul.menu li:hover > ul, .menu ul li:hover > ul { display: block; } .menu .sub-menu ul, .menu .children ul { left: 100%; top: 0; } /** Search **/ #top-search { position:absolute; right:0; top:0; width:48px; text-align:center; margin-left:16px; } #top-search a { height:48px; font-size:14px; line-height:48px; color:#999; background:#353535; display:block; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } #top-search a:hover { color:#ccc; background:#474747; } .show-search { position:absolute; top:48px; right:-1px; display:none; z-index:10000; } .show-search #searchform input#s { width:190px; background:#FFF; webkit-box-shadow: 0 8px 6px -6px rgba(206,206,206,.2); -moz-box-shadow: 0 8px 6px -6px rgba(206,206,206,.2); box-shadow: 0 8px 6px -6px rgba(206,206,206,.2); } .show-search #searchform input#s:focus { border:1px solid #d5d5d5; } /*** Top Social ***/ #top-social { position:absolute; right:66px; top:0; } #top-social a i { font-size:14px; margin-left:10px; line-height:48px; color:$(maincolor); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } /********************************/ /*** Header ***/ /********************************/ #header { padding-top:48px; border-bottom:1px solid #eee; } #logo { text-align:center; padding:30px 0; } ul.site-social-networks a:hover { color: $(maincolorhover); } /********************************/ /*** Grid Item ***/ /********************************/ /* grid title */ .sp-grid-title { margin-bottom:45px; text-align:center; } .sp-grid-title h3 { font-size: 26px; font-weight: 400; text-transform: uppercase; letter-spacing:4px; margin-bottom:4px; } .sp-grid-title .sub-title { font-size: 18px; font-style: italic; color: #999; } .sp-grid li { display: inline-block; vertical-align: top; width: 300px; margin-right: 16px; margin-bottom: 45px; } .container.sp_sidebar .sp-grid li { width:315px; } .container.sp_sidebar .sp-grid li:nth-child(3n+3) { margin-right:16px; } .container.sp_sidebar .sp-grid li:nth-child(2n+2) { margin-right:0; } .sp-grid li:nth-child(3n+3) { margin-right:0; } .sp-grid li .item img { width:100%; height:auto; margin-bottom:10px; } .sp-grid li .item .cat { font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; font-family:"Open Sans"; margin-bottom:7px; display:block; } .sp-grid li .item .cat a:hover { text-decoration:underline; } .sp-grid li .item h2 { margin-bottom:8px; } .sp-grid li .item h2 a { font-size: 15px; color: #000000; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; } .sp-grid li .item h2 a:hover { opacity:.5; } .sp-grid li .item p { margin-bottom:6px; } .sp-grid li .item .date { font-size: 13px; color: #999; letter-spacing: 1px; font-style: italic; } /********************************/ /*** Post ***/ /********************************/ .post { margin-bottom:100px; } .single .post { margin-bottom:70px; } /*** Post Header ***/ .post-header { margin-bottom:27px; text-align:center; } .post-header .cat a { font-size: 22px; font-weight: 400; font-style: normal; line-height: 1.25; letter-spacing: 0px; text-transform: none; color: #aaa; font-family: 'Bad Script', cursive; } .post-header .cat a:hover { text-decoration:underline; } .post-header h1, .post-header h2 { margin-bottom:8px; } .post-header h1 a, .post-header h2 a, .post-header h1 { font-family: Raleway; font-size: 30px; font-weight: 400; font-style: normal; line-height: 1.25; letter-spacing: 3px; text-transform: uppercase; color: #222; } .post-header h2 a:hover { opacity:.50; } .post-header .date { text-transform: uppercase; letter-spacing: 1px; color: #aaa; margin-right: 5px; font-size: 11px; font-family: Lora; } /*** Post image ***/ .post-image { margin-bottom:18px; } .post-image img { max-width:100%; height:auto; } .post-image.audio iframe { height:166px; } .container.sp_sidebar .post-image.audio iframe { width:650px; height:auto; } /*** Post Entry ***/ .post-entry { text-align: justify; } .post-entry img { max-width:100%; height:auto; } .post-entry p { margin-bottom:20px; text-align: justify; text-align: center; } .post-entry a.more-link { margin-top: 40px; border-radius: 1px; text-transform: uppercase; line-height: 1.75; color: #5d5d5d; border: 1px solid $(maincolor); letter-spacing: 2px; font-size: 10px; padding: 0 15px; font-family: 'Montserrat'; line-height: 38px; display: inline-block; text-transform: uppercase; background: transparent; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .post-entry a:hover { color: $(maincolorhover); } .post-entry p, .post-entry h1, .post-entry h2, .post-entry h3, .post-entry h4, .post-entry h5, .post-entry h6, .post-entry hr { margin-bottom:20px; } .post-entry h1, .post-entry h2, .post-entry h3, .post-entry h4, .post-entry h5, .post-entry h6 { color:#000; font-weight:700; } .post-entry h1 { font-size:30px; } .post-entry h2 { font-size:27px; } .post-entry h3 { font-size:24px; } .post-entry h4 { font-size:20px; } .post-entry h5 { font-size:18px; } .post-entry h6 { font-size:16px; } .post-entry hr { border:0; height:0; border-bottom:1px solid #e5e5e5; clear:both; } .post-entry blockquote p { border-left:3px solid $(maincolorhover); color:#999; padding:0 18px; font-family:"Georgia"; font-size:18px; line-height:28px; font-style:italic; } .post-entry ul, .post-entry ol { padding-left:45px; margin-bottom:20px; } .post-entry ul li { margin-bottom:12px; list-style:square; } .post-entry ol li { margin-bottom:12px; list-style:decimal; } .sticky.post .post-header { border:1px dashed #ddd; padding:20px 0; } .bypostauthor {} .post-entry table { width:100%; margin-bottom:22px; border-collapse:collapse } .post-entry td, .post-entry th { padding: 12px; border-bottom: 1px #e5e5e5 solid; } .post-entry th { font-weight:bold; font-size:14px; background:#f5f5f5;} .post-entry tr:hover { background:#f9f9f9; } /*** Post Share ***/ .post-share { text-align:center; margin-top:40px; margin-bottom:100px; background:url(http://1.bp.blogspot.com/-RaxSFprHuWw/U-eh4Hd6OgI/AAAAAAAAAP0/sijBcrNVTjo/line.gif) repeat-x center center; } .post-share a { display:inline-block; } .share-box { width:55px; height:42px; background:#fff; border:1px solid #e5e5e5; display:inline-block; line-height:42px; margin:0 10px; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; } .share-box i { font-size:14px; } .share-box:hover { background:#171717; border:1px solid #171717; } /*** Post author ***/ .post-author { margin-bottom:80px; margin-top:70px; overflow:hidden; border-bottom: 1px solid rgba(34,34,34,0.1); padding-bottom: 40px; margin-bottom: 40px; } .author-img { float:left; margin-right:30px; } .author-img img { border-radius:50%; } .author-content h5 a { font-size:14px; letter-spacing:2px; text-transform:uppercase; margin-bottom:8px; color:#000; display:block; } .author-content p { margin-bottom:8px; } .author-content .author-social { font-size:14px; color:#bbb; margin-right:8px; } /*** Post related ***/ .post-related { overflow:hidden; margin-bottom:80px; margin-top:70px; } .post-box { text-align:center; } .post-box-title { padding-bottom: 3px; display: inline-block; margin-top: 0; font-family: Raleway; font-size: 24px; font-weight: 400; font-style: normal; line-height: 1.25; letter-spacing: 3px; text-transform: uppercase; text-align: center; color: #222; margin-bottom: 20px; } .item-related { width:292px; float:left; } .item-related:last-child { margin-right:0;} .container.sp_sidebar .item-related{ width:212px; position: relative; } .container.sp_sidebar .item-related:last-child { margin-right:0; } .item-related img { margin-bottom:6px; width:100%; height:auto; } .item-related h3 a { font-size: 12px; text-transform: uppercase; letter-spacing: 2px; color: #000; display: block; font-weight: bold; color: #FFF; position: absolute; bottom: 11px; font-weight: 500; width: 78%; min-height: 42px; padding: 10px 20px; background-color: rgba(0, 0, 0, 0.43); } .item-related h3 a:hover { text-decoration:underline; } .item-related span.date { font-size:10px; font-family:"Open Sans", sans-serif; text-transform:uppercase; font-style:italic; color:#999; } /** Post tags ***/ .post-tags { margin-top:30px; margin-bottom:50px; } .post-tags a { font-family:"Open Sans", sans-serif; font-size:11px; letter-spacing:2px; text-transform:uppercase; background:#f2f2f2; color:#666; padding:7px 10px 8px; margin-right:6px; border-radius:2px; margin-bottom:5px; display:inline-block; } .post-tags a:hover { background:#333; color:#fff; text-decoration:none; } /*** Post Pagination ***/ .post-pagination { overflow:hidden; } .post-pagination .prev-post { float:left; width:470px; } .post-pagination .next-post { float:right; text-align:right; width:470px; } .container.sp_sidebar .post-pagination .prev-post, .container.sp_sidebar .post-pagination .next-post { width:325px; } .post-pagination span { color:#999; font-size:16px; font-style:italic; letter-spacing:1px; } .post-pagination .arrow { font-size:64px; color:#ddd; line-height:64px; } .post-pagination .prev-post .arrow { float:left; margin-right:18px; } .post-pagination .next-post .arrow { float:right; margin-left:18px; } .pagi-text { margin-top:11px; } .post-pagination h5 { text-transform:uppercase; letter-spacing:2px; font-size:14px; } .post-pagination a { color:#999; } .post-pagination a:hover > .arrow, .post-pagination a:hover > .pagi-text span, .post-pagination a:hover { color:#000; } .site-social-networks.show-title li { text-align: center; width: 32.2222%; background-color: #F7F7F7; } .site-social-networks li { display: inline-block; padding: 0; } .site-social-networks.show-title a { margin: 20px auto 0 auto; text-transform: uppercase; font-size: 10px; } .site-social-networks li:last-child { padding-bottom: 7px!important; } .site-social-networks li { margin-bottom: 3px!important; padding-bottom: 7px; } .site-social-networks.show-title i { display: block; margin: 0 auto 10px auto; } .site-social-networks.style-default i { width: 32px; height: 32px; margin: 10px auto 0; line-height: 32px; text-align: center; font-size: 20px; color: #444; } /********************************/ /*** Pagination ***/ /********************************/ .pagination { margin-bottom:60px; overflow:hidden; } .pagination a { color:#999; letter-spacing:3px; text-transform:uppercase; font-size:12px; } .pagination a:hover { text-decoration:none; color:#000; } .pagination .newer { float:left; } .pagination .older { float:right; } /********************************/ /*** Footer Social ***/ /********************************/ #footer-social { background:#f2f2f2; padding:40px 0; text-align:center; } #footer-social a { margin:0 15px; color:#999; font-family:"Open Sans", sans-serif; font-size:11px; text-transform:uppercase; font-weight:700; letter-spacing:1px; } #footer-social a:first-child { margin-left:0; } #footer-social a:last-child { margin-right:0; } #footer-social a i { height:28px; width:28px; text-align:center; line-height:28px; background:#666; color:#fff; border-radius:50%; margin-right:5px; font-size:14px; } #footer-social a:hover { text-decoration:none; color:#000; } #footer-social a:hover > i { background:#000; } /********************************/ /*** Footer logo ***/ /********************************/ #footer-logo { background:#111; padding:60px 0; text-align:center; } #footer-logo img { margin-bottom:15px; } #footer-logo p { color:#777; font-size:15px; margin-bottom:0; font-style:italic; } #footer-logo p i { color:#646464; font-size:14px; margin:0 5px 0 7px; } .share-box:hover > i { color: #fff; } /********************************/ /*** Footer Copyright ***/ /********************************/ #footer-copyright { padding:12px 0; background:#000; overflow:hidden; font-family:"Open Sans", sans-serif; } #footer-copyright p { font-size:11px; color:#EFEFEF; float:left; } #footer-copyright .to-top { float:right; margin-top:6px; font-size:11px; text-transform:uppercase; letter-spacing:1px; color:#EFEFEF; } #footer-copyright .to-top i { font-size:14px; margin-left:3px; } #footer-copyright .to-top:hover { text-decoration:none; } div#author-social a { margin-right: 5px; color: #777; } /********************************/ /*** Widget Area ***/ /********************************/ #widget-area { overflow:hidden; margin-bottom:60px; border-top:1px solid #e5e5e5; padding-top:60px; } #widget-area .footerwidget { float:left; } #widget-area .widget, #sidebar .widget { float: left; margin-right: 32px; width: 322px; } #widget-area #container3 { margin-right:0px; } #sidebar .widget { width: 300px; margin-right: 0; float: none; margin-bottom: 30px; } div#sidebar h2 span { font-family: 'Montserrat'; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; color: #252525; line-height: 27px; padding: 0 10px; border: 1px dashed #E6E6E6; display: inline-block; margin: 0; background: #ffffff; position: relative; } #sidebar img { max-width:300px; } #sidebar iframe { max-width:300px; } .widget:last-child { margin-right:0; } .widget-title, #sidebar .widget h2{ display: block; position: relative; text-align: center; } .footerwidget .widget h2 { display: block; position: relative; text-align: center; } .footerwidget .widget h2:before { content: ""; width: 100%; height: 1px; top: 49%; border-bottom: 1px dashed #E6E6E6; position: absolute; left: 0; } .footerwidget .widget h2 span{ font-family: 'Montserrat'; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; color: #252525; line-height: 27px; padding: 0 10px; border: 1px dashed #E6E6E6; display: inline-block; margin: 0; background: #ffffff; position: relative; } /* Label */ .cloud-label-widget-content {display:inline-block;text-align:left;} .cloud-label-widget-content .label-size{display:inline-block;float:left;font-size:11px;line-height:normal;margin:0 5px 5px 0;opacity:1} .cloud-label-widget-content .label-size a{ background: #fff; color: $(maincolorhover); float: left; border: 1px solid #eee; font-family: 'Open Sans',sans-serif; line-height: 100%; margin: 0; padding: 8px 10px; text-transform: uppercase; transition: all .6s;} #sidebar .widget h2:before { content: ""; width: 100%; height: 1px; top: 49%; border-bottom: 1px dashed #E6E6E6; position: absolute; left: 0; } #sidebar .widget-title, #sidebar .widget h2, #widget-area .widget h2 { margin-bottom:30px; } #sidebar .widget ul li { margin-bottom:7px; padding-bottom:7px; } #sidebar .widget ul li:last-child { margin-bottom:0; padding-bottom:0; border-bottom:none; } .PageList h2 { display: none; } /*** Search widget ***/ #searchform input#s { border: 1px solid #e5e5e5; background:#fff url(img/searchsubmit.png) no-repeat 96% 13px; padding:14px 14px; font-size:11px; color:#999; letter-spacing:1px; } #searchform #s:focus { outline:none; } /** searchbar for widget ***/ .widget #searchform input#s { width:260px; } #sidebar .widget #searchform input#s { width:230px; } /*** About Widget ***/ .about-widget img { max-width:292px; height:auto; } /** Instagram widget support **/ .instag ul.thumbnails > li { width:32% !important; } .instag ul.thumbnails > li img:hover { opacity:.8; } .instag ul li { margin:0; padding-bottom:0; border-bottom:none; } .pllexislider ul li { margin:0; padding-bottom:0; border-bottom:none; } /*** Tagcloud widget ***/ .widget .tagcloud a { font-family:"Open Sans", sans-serif; font-size:10px; letter-spacing:1px; text-transform:uppercase; background:#f2f2f2; color:#666; padding:6px 8px 7px; margin-right:5px; margin-bottom:8px; display:inline-block; border-radius:2px; } .widget .tagcloud a:hover { background:#333; color:#fff; } footer#footer-copyright a { color: $(maincolor); } /*** Calender widget ***/ #wp-calendar {width: 100%; } #wp-calendar caption { text-align: right; color: #777; font-size: 12px; margin-top: 10px; margin-bottom: 15px; } #wp-calendar thead { font-size: 12px; } #wp-calendar thead th { padding-bottom: 10px; } #wp-calendar tbody { color: #aaa; } #wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;} #wp-calendar tbody td a { font-weight:700; color:#222; } #wp-calendar tbody td:hover { background: #fff; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; } #wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; } #wp-calendar thead th { padding-bottom: 10px; text-align: center; } /** WIDGET ITEMS **/ .widget ul.side-newsfeed li { list-style-type:none; margin-bottom:17px; padding-bottom:13px; margin-left:0; } .widget ul.side-newsfeed li:last-child { margin-bottom:0; padding-bottom:0; } .widget ul.side-newsfeed li .side-item { overflow:hidden; } .widget ul.side-newsfeed li .side-item .side-image { float:left; margin-right:14px; } .widget ul.side-newsfeed li .side-item .side-image img { width:86px; height:auto; } .widget ul.side-newsfeed li .side-item .side-item-text { overflow:hidden; } .widget ul.side-newsfeed li .side-item .side-item-text h4 a { margin-bottom:1px; color:#333; display:block; font-size:14px; } .widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta { font-size:10px; letter-spacing:1px; color:#999; font-style:italic; font-family:"Open Sans"; } /** Social Widget **/ .widget-social { text-align:center; } .widget-social a:first-child { margin-left:0; } .widget-social a:last-child { margin-right:0; } .widget-social a i { height:28px; width:28px; text-align:center; line-height:28px; background:#666; color:#fff; border-radius:50%; margin:0 2px; font-size:14px; } .widget-social a:hover { text-decoration:none; color:#000; } .widget-social a:hover > i { background:#000; } /******************************* *** COMMENTS *******************************/ .post-comments { margin-bottom:70px; margin-top:70px; } .comments { margin-bottom:40px; } .comment { border-bottom:1px dotted #eee; margin-top:20px; margin-bottom:34px; padding-bottom:40px; } .comment .avatar-image-container { float:left; } .comment .avatar-image-container img { border-radius:50%; width:50px; height:50px; max-width:50px; max-height:50px; } .comments .comment-block { margin-left: 80px; position: relative; } .comment-replies { margin-left: 40px; margin-top: 20px; } .comments .avatar-image-container { float: left; max-height: 50px; overflow: hidden; width: 50px; } .comment-replies .comment { border:none; margin-bottom:0px; padding-bottom:0px; } .thecomment .comment-text { overflow:hidden; } .thecomment .comment-text span.author, cite.user > a { display:block; font-size:14px; text-transform:uppercase; letter-spacing:2px; margin-bottom:6px; color:#333; font-family:"Open Sans"; } .thecomment .comment-text span.author a:hover { text-decoration:underline; } span.datetime { font-size:14px; color:#999; font-style:italic; display:block; margin-bottom:10px; } .thecomment .comment-text em { font-size:13px; margin-bottom:-14px; display:block; color:orange; letter-spacing:1px; } .thecomment .comment-text em i { font-size:14px; color:#f3bd00; } .comment-actions a { float:right; font-size:11px; background-color:#aaa; color:#FFF; padding:3px 6px 5px 6px; border-radius:2px; margin-left:7px; font-family:"Lato"; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .continue a { float:left; margin-bottom:20px; font-size:11px; background-color:#aaa; color:#FFF; padding:3px 6px 5px 6px; border-radius:2px; margin-left:7px; font-family:"Lato"; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .loadmore a { font-size:11px; background-color:#aaa; color:#FFF; padding:3px 6px 5px 6px; border-radius:2px; margin-left:7px; font-family:"Lato"; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .post-comments span.reply a.comment-edit-link { background:#c5c5c5; } .post-comments span.reply a:hover { opacity:.8; } ul.children { margin: 0 0 0 55px; } ul.children li.thecomment { margin:0 0 8px 0; } /** Reply **/ #respond { margin-bottom:20px; overflow:hidden; } #respond h3 { font-size:14px; color:#999; font-weight:400; margin-bottom:30px; font-family:"Lato"; letter-spacing:2px; text-transform:uppercase; } #respond h3 a { color:#000; display:inline-block; } #respond h3 small a { text-transform:uppercase; font-size:11px; background:#333; color:#FFF; padding:4px 6px 5px; border-radius:3px; margin-left:7px; letter-spacing:1px; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } #respond h3 small a:hover { opacity:.8; } #respond label { color:#888; width:80px; font-size:14px; display:inline-block; font-weight:300; } #respond input { padding:8px 10px; border:1px solid #DDD; margin-right:10px; border-radius: 3px; color:#999; margin-bottom:15px; font-size:11px; width:250px; font-family:"Georgia"; } #respond input:focus {outline:none;} #respond .comment-form-url { margin-bottom:10px; } #respond textarea { padding:14px; border:1px solid #DDD; border-radius: 3px; width:95%; height:120px; font-size:13px; color:#777; margin-bottom:14px; line-height:20px; font-family:"Georgia"; } #respond textarea:focus {outline:none;} #respond #submit { font-family:"Lato"; text-transform:uppercase; letter-spacing:2px; background:#eee; border-radius:0; font-size:11px; color:#666; padding:12px 19px 14px; margin-top:6px; display:inline-block; border:none; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; cursor:pointer; border-radius:30px; width:auto; } #respond #submit:hover { background:#333; color:#FFF; } .bottom-blog { display: inline-block; width: 100%; border-top: 1px dashed #e8e8e8; padding: 13px 0; margin-top: 30px; } .blog-date li{ display: inline-block; font-size: 12px; font-style: italic; margin-right: 14px; } .blog-date li a{ color: #5d5d5d } .blog-date li .fa{ font-size: 16px; color: $(maincolor); margin-right: 10px; vertical-align: middle; } .group-share li{ display: inline-block; margin-left: 6px; } .group-share li a{ width: 27px; height: 27px; line-height: 27px; text-align: center; font-size: 13px; border: 1px solid $(maincolor); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; display: inline-block; } .group-share li a:hover{ color: #ffffff; border-color: $(maincolor); background: $(maincolor); } .separator a { margin-left: 0px!important; } .post-header .bg-category{ width: 100%; overflow: hidden; text-align: center; margin: 20px auto 30px; height: auto; line-height: 12px; /*white-space: nowrap;*/ } .post-header .bg-category .category-name{ position: relative; display: inline-block; } .post-header .bg-category .category-name::before, .post-header .bg-category .category-name::after { border-bottom: 1px dashed #e8e8e8; border-color: #e8e8e8; content: ""; display: block; height: 1px; position: absolute; top: 49%; width: 9999%; } .post-header .bg-category .category-name::before{ margin-right: 25px; right: 100%; } .post-header .bg-category .category-name::after { left: 100%; margin-left: 25px; } .post-header .category-name{ font-size: 10px; font-family: 'Montserrat'; color: #ffffff; text-align: center; text-transform: uppercase; height: auto; } .post-header .category-name a{ color: #ffffff; padding: 0px 8px; letter-spacing: 2px; vertical-align: top; line-height: 21px; } .post-header .category-name span{ position: relative; background: $(maincolor); display: inline-block; height: auto; line-height: 10px; } .post-header .category-name span:before{ content: ""; display: inline-block; border-top: 10px solid transparent; border-right: 7px solid transparent; border-bottom: 10px solid transparent; border-left: 7px solid #ffffff; } .post-header .category-name span:after{ content: ""; display: inline-block; border-top: 10px solid transparent; border-right: 8px solid #ffffff; border-bottom: 10px solid transparent; border-left: 8px solid transparent; } /********************************/ /*** Archive ***/ /********************************/ .archive-box { background:#f4f4f4; padding:22px 0 24px; text-align:center; margin-bottom:70px; margin-top:-70px; border-bottom:1px solid #eee; } .archive-box span { font-size:14px; font-style:italic; letter-spacing:1px; color:#999; } .archive-box h1 { font-size:26px; letter-spacing:4px; text-transform:uppercase; } .nothing { margin-bottom:90px; text-align:center; } /* =WordPress Core -------------------------------------------------------------- */ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } .aligncenter { display: block; margin: 5px auto 5px auto; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } div#footer-instagram h2 { display: none; } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; font-family:"Open Sans"; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } /*** Custom WordPress gallery style ***/ .gallery .gallery-caption{ font-size:12px; color:#888; font-family:"Open Sans"; } .gallery .gallery-icon img{ border-radius:2px; border:1px solid #eee !important; padding:7px; } .gallery .gallery-icon img:hover { border:1px solid #ccc !important; } .single-sharing-btns a { color: $(maincolorhover); } /*** Contact Form 7 ***/ /*********************************************************/ .wpcf7 input { width:266px; } div.wpcf7 { overflow:hidden; margin-top:40px; } .wpcf7 p.sp_input { float:left; margin-right:19px; } .wpcf7 p.sp_message { clear:both; } .wpcf7 input, .wpcf7 textarea { padding:8px; border:1px solid #DDD; margin-right:10px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; color:#777; font-size:12px; margin-top:6px; margin-bottom:6px; } .wpcf7 textarea { width:95%; } .wpcf7 .wpcf7-submit { background:#171717; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius:20px; padding:12px 24px; color:#FFF; letter-spacing:3px; font-size:11px; text-transform:uppercase; cursor:pointer; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; display:block; border:none; width:auto; } .wpcf7 .wpcf7-submit:hover { background:#777; } .post-entry.inside a{ color: $(maincolor); } .post-entry.inside a:hover{ color: $(maincolorhover); } /*** 404 ***/ .error-404 { margin-bottom:105px; text-align:center; } .error-404 h1 { font-size:190px; font-weight:700; margin-bottom:-25px; } .error-404 p { color:#999; font-size:18px; font-style:italic; } .author-content { margin-left: 140px; } #logo { padding:45px 0; } #navigation { background:#171717; } .menu li a { color:#ffffff; } .menu li a:hover { color:#999999; } .menu .sub-menu, .menu .children { background: #171717; } ul.menu ul a, .menu ul ul a { border-top: 1px solid #333333; color:#999999; } ul.menu ul a:hover, .menu ul ul a:hover { color: #ffffff; background:#333333; } #top-social a i { color:$(maincolor); } #top-social a:hover i { color:#ffffff } #top-search a { background:#353535 } #top-search a { color:#999999 } #top-search a:hover { background:#474747; } #top-search a:hover { color:#cccccc; } .widget-title , #sidebar .widget h2, #widget-area .widget h2 { color:#222; } #sidebar .widget-title, #sidebar .widget h2, #widget-area .widget h2 { background:; color:; } #footer-social { background:#f2f2f2; } #footer-logo { background:#171717; } #footer-logo p { color:#EFEFEF; } #footer-copyright { background:#000; } #footer-copyright p { color:#EFEFEF; } a, #footer-logo p i { color:#646464; } .post-entry blockquote p { border-left:3px solid $(maincolorhover); } #main .widget { width: 100%; } #navigation .widget ul li { border:none; margin-bottom:0px; padding-bottom:0px; } #navigation .widget ul li:after { content: "|"; padding-left: 10px; color: #565656; } #navigation .widget ul li:last-child:after { content: ""; } #navigation .widget a:hover { text-decoration: none; } #widget-area #container3 .widget { margin-right: 0; } .container.sp_sidebar { overflow: hidden; margin: 40px auto 0; } .pagination .older { float: right; position: relative; text-align: right; } .pagination .newer { float: left; position: relative; text-align: left; } .post-nav-icon { position: absolute; top: 7px; width: 32px; height: 32px; text-align: center; line-height: 32px; background-color:#000; border-radius: 32px; color: $(maincolor); letter-spacing: 0; } .older .post-nav-icon{ right:0; } .newer .post-nav-icon{ left:0; } .older .pager-heading { margin-bottom: 5px; color:#aaa; margin-right: 42px; } .older .pager-title { font-size: 150%; display: block; line-height: 1.3; white-space: normal; text-overflow: ellipsis; overflow: hidden; color:$(maincolor); margin-right: 42px; } .newer .pager-heading { margin-bottom: 5px; color:#aaa; margin-left: 42px; } .newer .pager-title { font-size: 150%; display: block; line-height: 1.3; white-space: normal; text-overflow: ellipsis; overflow: hidden; color:$(maincolor); margin-left: 42px; } /* Slider */ .slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } /* -------------------------------------------------------------- Homepage Styles -------------------------------------------------------------- */ /* ===[ Carousel And Slider ]=== */ .homepage-carousel.slick-initialized, .homepage-slider.slick-initialized { opacity: 1; transition: opacity .2s ease-in; } .homepage-carousel .slick-slide, .homepage-slider .slick-slide { float: left; position: relative; height: 100%; min-height: 1px; overflow: hidden; } .homepage-carousel .slick-slide img, .homepage-slider .slick-slide img { display: block; width: 100%; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out; } .homepage-carousel .slick-nav, .homepage-slider .slick-nav { font-size: 18px; color: #fff; display: block; text-align: center; outline: 0; padding: 0; width: 30px; height: 30px; position: absolute; top: 50%; margin-top: -15px; background: transparent; border: 1px solid rgba(255,255,255,.5); cursor: pointer; } .homepage-carousel .slick-nav:hover, .homepage-slider .slick-nav:hover { color: #111; background: #fff; } .homepage-carousel .slick-prev, .homepage-slider .slick-prev { left: 25px } .homepage-carousel .slick-next, .homepage-slider .slick-next { right: 25px } /* ===[ Carousel ]=== */ .homepage-carousel { opacity: 0; margin-bottom: 60px; } .homepage-carousel .slick-slide:hover img { transform: scale(1.1) } .homepage-carousel .slick-slide .featured-title { position: absolute; padding: 20px 25px 15px 25px; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.4); } .homepage-carousel .slick-slide .featured-title h2 { font-family: 'Playfair Display', Georgia, 'Times New Roman', Times, serif; font-size: 18px; line-height: 1.2; margin-bottom: 5px; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.2); } .homepage-carousel .slick-slide .featured-title .featured-date { color: #ddd; font-size: 13px; } .homepage-carousel .slick-slide .featured-title .featured-category { font-size: 11px; padding: 2px 5px; text-transform: uppercase; background: $(maincolor); border-radius: 3px; color: #fff; margin-left: 5px; font-family: monospace; font-family: 'Montserrat'; } /* ===[ Slider ]=== */ .homepage-slider { opacity: 0; margin-bottom: 60px; } .homepage-slider .slick-slide .featured-title { text-align: center; position: absolute; margin: 0 auto; top: 20%; left: 30%; width: 40%; padding: 40px 30px 50px; background: #fff; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out; } .homepage-slider .slick-slide:hover .featured-title { background: rgba(255,255,255,.9) } .homepage-slider .slick-slide .featured-title h2 { font-family: 'Playfair Display', Georgia, 'Times New Roman', Times, serif; font-size: 24px; line-height: 1.2; margin-bottom: 10px; color: #111; } .homepage-slider .slick-slide .featured-title .featured-date { color: #999; font-size: 13px; } .homepage-slider .slick-slide .featured-title .featured-category { display: inline-block; font-size: 11px; font-weight: bold; text-transform: uppercase; color: #e1534f; margin-bottom: 10px; border-radius: 3px; } #blog-pager > span a h3 { font-family: raleway; font-size: 17px; } #blog-pager a:hover { text-decoration: none; } #blog-pager a > h3:hover { text-decoration: underline!important; } #blog-pager-older-link{display:inline;float:right;width:50%;text-align:right;padding:0} #blog-pager-newer-link{display:inline;float:left;width:50%;text-align:left;padding:0} #blog-pager{ clear:both; font-size:16px; line-height:normal; margin:0; padding:10px; font-family: times new roman; background: #f9f9f9; } #instafeed{width:100%;display:block;margin:0;padding:0;line-height:0} #instafeed img{height:auto;width:100%} #instafeed a{padding:0;margin:0;display:inline-block;position:relative} #instafeed li{width:12.5%;display:inline-block;margin:0!important;padding:0!important} #instafeed .insta-likes{width:100%;height:100%;margin-top:-100%;opacity:0;text-align:center;letter-spacing:1px;background:rgba(255,255,255,0.4);position:absolute;text-shadow:2px 2px 8px #fff;font:normal 400 11px Montserrat,sans-serif;color:#222;line-height:normal;transition:all .35s ease-out;-o-transition:all .35s ease-out;-moz-transition:all .35s ease-out;-webkit-transition:all .35s ease-out} #instafeed a:hover .insta-likes{opacity:1} /*---Flicker Image Gallery-----*/ .flickr_plugin { width: 100%; } .flickr_badge_image { float: left; height: 70px; margin: 8px 5px 0px 5px; width: 70px; } .flickr_badge_image a { display: block; } .flickr_badge_image a img { display: block; width: 100%; height: auto; -webkit-transition: opacity 100ms linear; -moz-transition: opacity 100ms linear; -ms-transition: opacity 100ms linear; -o-transition: opacity 100ms linear; transition: opacity 100ms linear; } .flickr_badge_image a img:hover { opacity: .5; } .post-gallery .slick-nav { font-size: 18px; color: #fff; display: block; text-align: center; outline: 0; padding: 0; width: 30px; height: 30px; position: absolute; top: 50%; margin-top: -15px; background: transparent; border: 1px solid rgba(255,255,255,.5); cursor: pointer; } .post-gallery .slick-nav:hover { color: #111; background: #fff; } .post-gallery .slick-prev { left: 25px } .post-gallery .slick-next { right: 25px } .related-slide .slick-nav { font-size: 18px; color: #fff; display: block; text-align: center; outline: 0; padding: 0; width: 30px; height: 30px; position: absolute; top: 48%; margin-top: -15px; background: transparent; border: 1px solid rgba(255,255,255,.5); cursor: pointer; } .related-slide .slick-slide{ padding: 5px; } .related-slide .slick-nav:hover { color: #111; background: #fff; } .related-slide .slick-prev { left: 25px } .related-slide .slick-next { right: 25px } ]]>

BunGa-BunGa CinTa

Wednesday, June 20, 2018

Muncul Kembali..

1 : :

1