Variable definitions end ========================*/ /** * Eric Meyer's Reset CSS v2.0 http://meyerweb.com/eric/tools/css/reset/ * http://cssreset.com */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;/*font-size:100%;*/font:inherit;vertical-align:baseline;} /* HTML5 display-role reset for older browsers */ article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;display:block;}*{margin:0;padding:0;}html{display:block;}blockquote,q{quotes:none;}blockquote::before,blockquote::after,q::before,q::after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;} /* Blogger CSS Reset */ .section,.widget{margin:0 0 0 0;padding:0 0 0 0;} .navbar,.blog-feeds,.feed-links,#backlinks-container,a.home-link,.blog-mobile-link{display:none;} .quickedit,.edit-post,.item-control{display:none;} .post-body .separator > a, .post-body .separator > span {margin-left: 0 !important;} /* FRAMEWORK */ strong,b{font-weight:bold;} cite,em,i{font-style:italic;} a:link{color:$(body.link.color);text-decoration:none;outline:none;} a:visited{color:$(body.link.color);text-decoration:none;} a:hover{color:$(body.link.hover.color);text-decoration:underline;} a img{border:none;border-width:0;outline:none;} abbr,acronym{border-bottom:1px dotted;cursor:help;} sup,sub{vertical-align:baseline;position:relative;top:-.4rem;font-size:86%;} sub{top:.4rem;}small{font-size:86%;} kbd{font-size:80%;border:1px solid #777;padding:2px 5px;border-bottom-width:2px;border-radius:4px;} mark{background-color:#ffce00;color:black;} p,blockquote,pre,table,figure,hr,form,ol,ul,dl{margin:0 0 1.5rem;} hr{height:1px;border:none;background-color:#666;} h1{font-size:1.8rem} h2{font-size:1.6rem} h3{font-size:1.4rem} h4{font-size:1.2rem} h5{font-size:1rem} h6{font-size:0.9rem} /* heading */ h1,h2,h3,h4,h5,h6 { margin: 0 0 0.6rem; font-weight: bold; } /* list */ ol,ul,dl{margin: .8rem 0rem .8rem 3rem} li{margin: .5rem 0} dt{font-weight: bold} dd{margin: 0 0 .5rem 2rem} /* form */ input,button,select,textarea{font:inherit;font-size:100%;line-height:normal;vertical-align:baseline;} textarea{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} /* code & blockquote */ pre,code{font-family:"Courier New",Courier,Monospace;color:inherit;font-size:.9rem} pre{white-space:pre;word-wrap:normal;overflow:auto;} blockquote{background:rgba(0,0,0,0.025);margin:1.5em 2em;padding:1em 1em;font-style:italic;font-size:105%;} blockquote::before { content: "\275D"; font-size: 1.8rem; text-decoration: inherit; padding-right: 10px; color: inherit; line-height: 1rem; } /* table */ table[border="1"] td, table[border="1"] th { vertical-align: top; text-align: left; font-size: 13px; padding: 3px 5px; border: 1px solid #f6f6f6; } table[border="1"] th { background: #eee; } table, img { max-width: 100%; height: auto; } iframe { max-width: 100%; } td.tr-caption { font-size: .8rem; opacity: 0.8; } .clear { clear: both; } .clear::after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /* TRANSISI */ a:link, .label-count, #cssmenu ul ul li, #cssmenu > ul > li.has-sub > a::before, #cssmenu ul ul li.has-sub > a::before, .berlangganan-box input.submit-email[type="submit"], .berlangganan-box input.email-address[type="text"] { transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; } .lazyload, .lazyloading { opacity: 0; } .lazyloaded { opacity: 1; transition: opacity 300ms; } .related-post-style-3 .related-post-item { transition: opacity 0.2s linear; } .label-info-th a, .info-1, h2.post-title, .post-snippet, .sidebar-sticky { transition: all .2s linear; -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; } .img-thumbnail, .img-thumbnail img { transition: width .2s linear; -o-transition: width .2s linear; -moz-transition: width .2s linear; -webkit-transition: width .2s linear; } #searchfs input[type="search"], h1,h2,h3,h4,h5,h6 { transition: font-size .2s linear; -o-transition: font-size .2s linear; -moz-transition: font-size .2s linear; -webkit-transition: font-size .2s linear; } .img-thumbnail, .img-thumbnail img, .FeaturedPost .post-summary, .FeaturedPost .image, .PopularPosts .item-thumbnail, .PopularPosts .widget-content ul li img, .Profile .widget-content, .PopularPosts .widget-content ul, .list-label-widget-content ul, .label-info-th a, .displaypageNum a, .showpage a, .pagecurrent, #blog-pager-newer-link a, #blog-pager-older-link a, .Profile .profile-link, .label-size, .berlangganan-box, #baca-juga, #baca-juga h2, .related-post-item-thumbnail, #baca-juga ul, .PopularPosts ul li .item-thumbnail-only::before, .PopularPosts ul li .item-content::before, .PopularPosts ul li > a::before, blockquote { border-radius: 4px; } #share a:first-child { border-radius: 3px 0 0 3px; } #share a:last-child { border-radius: 0 3px 3px 0; } body { background: $(body.background); margin: 0 0 0 0; padding: 0 0 0 0; color: $(body.text.color); font: $(page.text.font); text-align: left; } /* WRAPPER */ #wrapper { background: $(posts.background.color); max-width: 1000px; margin: 0 auto; padding: 70px 30px 30px; overflow: hidden; } /* HEADER */ #header-container { background: $(header.background.kiri); background: linear-gradient(to right, $(header.background.kiri), $(header.background.kanan)); position: absolute; top: 0; left: 0; right: 0; width: 100%; z-index: 999; height: 48px; } #header-wrapper { max-width: 1000px; margin: 0 auto; position: relative; } .header { max-width: 400px; float: left; margin-right: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .header h1.title, .header p.title { font: $(header.font); color: $(header.title.color); margin: 0; text-transform: uppercase; line-height: 50px; } .header .description { color: $(header.title.color); margin: -10px 0 4px 0; padding: 0; font-size: 0.7em; display: none; } .header a, .header a:hover { color: $(header.title.color); text-decoration: none; } .header img { display: block; width: auto; margin: 10px 0; max-height: 28px; } /* POST WRAPPER */ .post-container { padding-right: 25px; } #post-wrapper { background: transparent; float: left; width: 70%; max-width: 700px; } .breadcrumbs { font-size: 0.9rem !important; color: $(post.footer.color); margin-bottom: 20px; } .breadcrumbs a { color: $(post.footer.color); } .post { margin-bottom: 30px; } .post-body { line-height: 1.65em; text-align: left; word-wrap: break-word; } h2.post-title, h1.post-title { font: $(post.title.font); } h1.post-title { font-size: 30px; margin-bottom: 15px; } h2.post-title { margin-bottom: 10px; } h2.post-title a, h1.post-title a, h2.post-title, h1.post-title { color: $(posts.title.color); line-height: 1.425em; } h2.post-title a:hover, h1.post-title a:hover { color: $(post.title.hover.color); text-decoration: none; } .img-thumbnail { position: relative; float: left; width: 255px; height: 152px; margin-top: 3px; overflow: hidden; } .img-thumbnail img { width: 100%; display: block; } .label-info-th { display: block; z-index: 2; position: relative; margin-bottom: 10px; height: 32px; overflow: hidden; } .label-line, .label-line-c { position:relative; } .label-line-c { text-align: center; margin-bottom: 20px; } .label-line::before, .label-line-c::before { background: $(label.bg.color); z-index: 1; content: ""; width: 100%; height: 2px; position: absolute; top: 50%; left: 0; } .label-info-th a { color: $(label.color); background: $(label.bg.color); display: inline-block; padding: 8px 12px; margin: 1px 0; font-size: 13px; font-weight: 500; } .label-info-th a:hover { color: $(label.hover.color); } .post-info { color: $(post.footer.color); font: $(post.footer.font); line-height: 1.6em; } .post-snippet b, .post-snippet strong, .post-snippet i, .post-snippet em { font-weight: normal; font-style: normal; } .info-1 { margin-top: 10px; } .info-3 { margin-bottom: 1.6em; } .post-info a { display: inline-block; color: inherit; } .post-info a:hover { color: $(body.link.color); } .comment-info::before, .time-info::before, .label-info::before { content: "\2014"; padding: 0 2px; } .edit-post a { color: $(body.link.color); } .edit-post a:hover { color: $(body.link.hover.color); } .edit-post::before { content: "-"; padding: 0 2px; } /* AUTHOR POST PROFILE */ .author-profile { overflow: hidden; margin: 30px 0; line-height: 1.5; } .author-profile img { width: 75px; border: none; float: left; margin-right: 15px; border-radius: 46px; } .author-profile > span { font-size: 14px; opacity: 0.8; } .author-profile a.g-profile { font-weight: bold; color: $(body.link.hover.color); font-size: 18px; margin-bottom: 5px; display: inline-block; } .author-profile a.g-profile:hover { color: $(body.link.color); } /* SIDEBAR WIDGET */ #sidebar-wrapper { background:transparent; float:right; width:30%; max-width:300px; margin:0 auto; } .sidebar h2, .sidebar-sticky h2, .latest-post-title h2, .above-post-widget h2, .comments h3 { font: $(widget.title.font); margin-bottom: 20px; padding: 0px 0px 5px; color: $(widget.title.color); display: inline-block; text-transform: uppercase; } .sidebar h2::after { content: ""; } .section:last-child .widget:last-child, .sidebar .widget, .sidebar-sticky .widget, .above-post-widget .widget, .bellow-header-widget .widget{ margin:0 0 30px; clear:both; } .sidebar ul, .sidebar ol, .sidebar-sticky ul, .sidebar-sticky ol { list-style-type:none; margin: 0; padding: 0; } .sidebar li, .sidebar-sticky li { margin:5px 0; padding: 0; } .sidebar-sticky { z-index: 9; } .sidebar .widget-content::after, .sidebar-sticky .widget-content::after, .sidebar .widget-content::before, .sidebar-sticky .widget-content::before { content: ""; display: table; table-layout: fixed; clear: both; } .bellow-header-widget { text-align: center; } .bellow-header-widget h2 { display: none; } .bellow-header-widget .widget { overflow: hidden; } .bellow-header-widget img, .bellow-header-widget iframe{ max-width: 100%; border: none; overflow: hidden; } /* CUSTOM WIDGET */ .widget-item-control { float: right; height: 20px; margin-top: -20px; position: relative; z-index: 10 } .widget-item-control a { opacity: .5 } .widget-item-control a:hover { opacity: 1 } .widget .widget-item-control a img { border: none; padding: 0 ; background: none; -moz-box-shadow: none; -webkit-box-shadow: none; -ie-box-shadow: none; box-shadow: none } .widget ul { line-height:1.4em; } /* GSC */ .gsc-search-box-tools .gsc-search-box .gsc-input { margin: 3px 0 !important; } .gsib_a { padding: 0px 6px 0 !important; } .cse .gsc-search-button-v2, .gsc-search-button-v2 { padding: 9px 27px !important; } /* Label */ .label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 { font-size:100%; opacity:10 } .cloud-label-widget-content { text-align:left } .label-size { background: $(label.bg.color); transition: all 0.25s; -moz-transition: all 0.25s; -webkit-transition: all 0.25s; line-height:1.2; display: block; float: left; margin: 0 3px 3px 0; color: $(body.link.color); font-size: 13px; } .label-size a,.label-size span{ display: inline-block; color: $(label.color); padding: 8px 12px; } .label-count { margin-left: -12px; margin-right: 0px; } .list-label-widget-content ul { font-size: .9rem; -moz-column-count: 2; -moz-column-gap: 8px; -webkit-column-count: 2; -webkit-column-gap: 8px; column-count: 2; column-gap: 8px; } .list-label-widget-content ul li { padding-bottom: 5px; margin: 0 0; padding-top: 5px; } .bellow-header-widget .cloud-label-widget-content { } .bellow-header-widget .cloud-label-widget-content .label-size { font-weight: bold; } .bellow-header-widget .cloud-label-widget-content .label-size a, .bellow-header-widget .cloud-label-widget-content .label-size span { padding: 15px 20px; } /* Feed */ .Feed ul li { display: block; margin: 0 0 10px; } .Feed ul li:last-child { margin-bottom: 10px; } .Feed .item-date, .Feed .item-author { color: #999; } .Feed .item-title { font-weight: bold; } /* Popular Posts */ .PopularPosts .widget-content ul, .PopularPosts .widget-content ul li { margin: 0 0; padding: 0 0; list-style:none; border:none; outline:none; } .PopularPosts .widget-content ul { margin: 0; list-style:none; counter-reset:num; } .PopularPosts .widget-content ul li img { display: block; width: 70px; height: 70px; float: left; } .PopularPosts .widget-content ul li { margin: 0 0 20px; counter-increment: num; position: relative; } .PopularPosts ul li:last-child { margin-bottom: 0px; } .PopularPosts ul li .item-thumbnail-only::before, .PopularPosts ul li .item-content::before, .PopularPosts ul li > a::before { color: $(body.link.color) !important; } .PopularPosts ul li .item-thumbnail-only::after, .PopularPosts ul li .item-content::after, .PopularPosts ul li > a::after { } .PopularPosts .item-title { line-height: 1.6; margin-right: 8px; min-height: 40px; font-weight: bold; } .PopularPosts .item-thumbnail { float: left; margin-right: 10px; } .PopularPosts .item-snippet { line-height: 1.6em; font-size: 14px; margin-top: 8px; opacity: 0.925; } .PopularPosts ul li > a { font-weight: bold; } /* Featured Post */ .FeaturedPost .post-summary { background: #f7f7f7; position: relative; padding: 0; min-height: 190px; max-height: 450px; overflow: hidden; } .FeaturedPost .post-summary h3 { font: $(post.title.font); position: absolute; bottom: 58px; z-index: 1; font-size: 28px; margin: 0 15px; } .FeaturedPost .post-summary h3::after { content:""; position:absolute; top:-0.25em; right:100%; bottom:-0.25em; width:0.25em; } .FeaturedPost .post-summary h3 a { color: $(jwfp.color); background: $(jwfp.background.color); padding: 3px 8px; -webkit-box-decoration-break: clone; -o-box-decoration-break: clone; box-decoration-break: clone; } .FeaturedPost .post-summary h3 a:hover { color: $(post.title.hover.color); text-decoration: none; } .FeaturedPost .post-summary p { position: absolute; background: $(jwfp.background.color); color: $(jwfp.color); padding: 3px 8px; bottom: 15px; margin: 0 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 90%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .FeaturedPost .image { display: block; } .sidebar .FeaturedPost .post-summary h3 { font-size: 16px; } /* Profile */ .Profile .widget-content { background: rgba(0, 0, 0, 0.03); text-align: center; padding: 30px; margin: 0 auto; max-width: 300px; } .Profile .profile-img { border-radius: 50%; float: none; } .Profile .profile-name-link { color: $(body.text.color); font-size: .9em; opacity: 1; overflow: hidden; } .Profile .profile-name-link:hover { color: $(body.link.color); } .Profile .profile-link { border-style: solid; border-width: 1px; cursor: pointer; font-size: 14px; padding: 5px 15px; display: inline-block; line-height: normal; } .profile-textblock { margin: .8em 0; font-size: 14px; line-height: 1.5em; } .profile-img { float: left; display:inline; opacity:10; margin:0 6px 3px 0; } .profile-data { margin: 0; } .profile-datablock { margin: .5em 0; } .profile-name-link { background: no-repeat left top; box-sizing: border-box; display: inline-block; max-width: 100%; min-height: 20px; padding-left: 20px; } /* Archive */ #ArchiveList .toggle { cursor: pointer; font-family: Arial, sans-serif; margin-right: 10px; } #ArchiveList .toggle-open { _font-size: 1.7em; line-height: .6em; } #ArchiveList { text-align: left; } #ArchiveList a.post-count-link, #ArchiveList a.post-count-link:link, #ArchiveList a.post-count-link:visited { text-decoration: none; } #ArchiveList a.toggle, #ArchiveList a.toggle:link, #ArchiveList a.toggle:visited, #ArchiveList a.toggle:hover { color: #a0a0a0; text-decoration: none; } .BlogArchive #ArchiveList ul li { background: none; list-style: none; list-style-image: none; list-style-position: outside; border-width: 0; padding-left: 15px; padding-top: 3px; padding-bottom: 3px; text-indent: -15px; margin: .25em 0; background-image: none; } .BlogArchive #ArchiveList ul ul li { padding-left: 1.2em; } .BlogArchive #ArchiveList ul { margin: 0; padding: 0; list-style: none; list-style-image: none; border-width: 0; } .BlogArchive #ArchiveList ul.posts li { padding-left: 1.3em; } #ArchiveList .collapsed ul { display: none; } /* Artikel Terbaru */ .artikel-terbaru ul li { padding-bottom: 8px; margin-bottom: 8px; font-weight: bold; } .LinkList ul li, .PageList ul li { padding: 6px 0px; } .artikel-terbaru ul li::before, .list-label-widget-content ul li::before, .LinkList ul li::before, .PageList ul li::before { content: " "; background: $(body.link.color); width: 8px; height: 8px; display: inline-block; border-radius: 4px; vertical-align: middle; margin-right: 3px; opacity: .7; } /* SUBSCRIBER BOX */ .berlangganan-box { background: $(header.background.kiri); background: linear-gradient(to right, $(header.background.kiri), $(header.background.kanan)); color: $(header.title.color); padding: 15px; margin: 20px 0; text-align: center; } .berlangganan-box p { margin:15px 0; } .berlangganan-box input.email-address[type="text"] { width: 60%; padding: 10px; text-align: center; border-radius: 2px; border: none; outline: none; } .berlangganan-box input.submit-email[type="submit"] { background: #fff; padding: 10px 15px; border-radius: 2px; color: $(body.text.color); border: none; outline: none; } .berlangganan-box input.submit-email[type="submit"]:hover { background: $(body.text.color); color: #fff; cursor: pointer; } .berlangganan-box input.email-address[type="text"]:focus { background: #fffcd2; } /* Back to top */ #back-to-top { background: $(backtp.background.color); color: $(backtp.color); padding: 6px 8px; font-size:24px; border-radius: 22px; } .back-to-top { position: fixed !important; position: absolute; bottom: 25px; right: 20px; z-index: 998; } .back-to-top svg { width:24px; height:24px; vertical-align: middle; margin-top: -5px; } .back-to-top svg path { fill: $(backtp.color); } /* Share button */ .share-this-pleaseeeee { display: inline-block; margin: 0; color: inherit; text-transform: uppercase; font-size: 16px; background: $(posts.background.color); z-index: 1; position: relative; padding: 0 10px; font-weight: bold; margin-top: 3px; } #share-container { margin: 20px auto 30px; overflow: hidden; } #share { width: 100%; text-align: center; } #share a { width: 25%; height: 40px; display: block; font-size: 24px; color: #fff; transition: opacity 0.15s linear; float: left; } #share a:hover { opacity: 0.8; } #share a svg { width:24px; height:24px; margin-top: 7px; } #share a svg path { fill: #ffffff; } .facebook { background: #3b5998; } .twitter { background: #55acee; } .linkedin { background: #0077b5; } .pinterest { background: #cb2027; } .whatsapp { background: #25d366; } /* Status Msg */ .status-msg-wrap { width: 90%; margin: 0 auto 15px; position: relative; } .status-msg-border { border: none; filter: alpha(opacity=40); -moz-opacity: .4; opacity: .4; width: 100%; position: relative; } .status-msg-bg { background-color: transparent; opacity: .8; filter: alpha(opacity=30); -moz-opacity: .8; width: 100%; position: relative; z-index: 1; } .status-msg-body { text-align: center; padding: .3em 0; width: 100%; position: absolute; z-index: 4; } .status-msg-hidden { visibility: hidden; padding: .3em 0; } .status-msg-wrap a { padding-left: .4em; } /* SLOT IKLAN */ .iklan-tengah1 .widget, .iklan-tengah2 .widget, .iklan-bawah .widget, .iklan-atas .widget, .iklan-tengah1 .widget-content, .iklan-tengah2 .widget-content, .iklan-bawah .widget-content, .iklan-atas .widget-content { margin:0 !important; } .iklan-tengah1 h2, .iklan-tengah2 h2, .iklan-bawah h2, .iklan-atas h2 { display: none; } .post-body .widget-content { text-align: center; margin: 0.8em 0 0.8em; display: block; } .post-body .widget-content:blank { margin: 0 0; } /* PAGE NAVIGATION */ #blog-pager { clear:both !important; overflow: hidden; padding:2px 0; text-align: center; } #blog-pager-newer-link a { float:left; display:block; } #blog-pager-older-link a { float:right; display:block; } .displaypageNum a,.showpage a,.pagecurrent, #blog-pager-newer-link a, #blog-pager-older-link a { font: $(navpage.font); padding: 8px 12px; margin: 2px 3px 2px 0px; display: inline-block; background: $(navpage.bg); color: $(navpage.color); } #blog-pager-older-link a:hover, #blog-pager-newer-link a:hover, a.home-link:hover, .displaypageNum a:hover,.showpage a:hover, .pagecurrent { background: $(navpage.bg.hover); color: $(navpage.hover.color); } .showpageOf { display: none !important; } #blog-pager .pages { border: none; } /* FOOTER NAV MENU */ #footer-navmenu { background: $(navmenufooter.bg); padding: 25px 0px; font: $(navmenufooter.font); color: $(navmenufooter.color); } #footer-navmenu-container { max-width: 1000px; margin: 0 auto; text-align: center; } #footer-navmenu ul { list-style: none; margin: 0; } #footer-navmenu ul li { display: inline-block; margin: 6px 0; } #footer-navmenu ul li::after { content:" \00B7"; } #footer-navmenu ul li:last-child::after { content:""; } #footer-navmenu ul li a { color: $(navmenufooter.color); margin: 0 13px; } #footer-navmenu ul li a:hover { color: $(navmenufooter.hover.color); } /* FOOTER WIDGET */ #footer-widget-container { background: $(footerwidget.bg.color); font-size: 18px; } .footer-widget { max-width: 1000px; margin: 0 auto; text-align: center; } /* SOCIAL ICON */ ul.nav-social { list-style: none; margin: 0; padding: 20px 0px; } ul.nav-social li { display: inline-block; padding: 0px 15px; margin: 0; } ul.nav-social li a svg { width: 40px; height: 40px } @media screen and (max-width:480px) { ul.nav-social li a svg { width: 30px; height: 30px } } ul.nav-social li a svg path { fill: $(footerwidget.color); } ul.nav-social li a:hover { fill: #555; } ul.nav-social li a.fb-s:hover svg path { fill: #3B5A9B; } ul.nav-social li a.tw-s:hover svg path { fill: #1BB2E9; } ul.nav-social li a.yt-s:hover svg path { fill: #ED3F41; } ul.nav-social li a.ig-s:hover svg path { fill: #527fa4; } ul.nav-social li a.ld-s:hover svg path { fill: #0271AE; } /* SEARCH FORM */ .search-icon { position: absolute; top: 11px; right: 0px; font-size: 19px; } .search-icon a { color: $(search.icon.color); } .search-icon svg { width: 24px; height: 24px } .search-icon path { fill: $(search.icon.color); } #searchfs { position: fixed; z-index:9999; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.85); -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; -webkit-transform: translate(0px, -100%) scale(0, 0); -moz-transform: translate(0px, -100%) scale(0, 0); -o-transform: translate(0px, -100%) scale(0, 0); -ms-transform: translate(0px, -100%) scale(0, 0); transform: translate(0px, -100%) scale(0, 0); opacity: 0; } #searchfs.open { -webkit-transform: translate(0px, 0px) scale(1, 1); -moz-transform: translate(0px, 0px) scale(1, 1); -o-transform: translate(0px, 0px) scale(1, 1); -ms-transform: translate(0px, 0px) scale(1, 1); transform: translate(0px, 0px) scale(1, 1); opacity: 1; z-index: 9999; } #searchfs input[type="search"] { position: absolute; top: 50%; left: 0; margin-top: -51px; width: 70%; margin-left: 15%; color: rgb(255, 255, 255); background: transparent; border-top: 1px solid rgba(255, 255, 255, .8); border-bottom: 2px solid rgba(255, 255, 255, .5); border-left: 0px solid transparent; border-right: 0px solid transparent; font-size: 40px; text-align: center; outline: none; padding: 10px; } #searchfs .close { position: fixed; bottom: 50%; right: 50%; color: #fff; background-color: transparent; opacity: 0.8; font-size: 40px; border: none; outline: none; margin-bottom: 60px; margin-right: -10px; } #searchfs .close:hover { cursor: pointer; } /* NAV MENU */ #cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #head-mobile { border: 0; list-style: none; line-height: 1; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #cssmenu ul li a { position: relative; } #cssmenu #head-mobile { position: relative; } #cssmenu { text-align: left; } #cssmenu ul { margin: 0; display: block; height: 48px; } #cssmenu #head-mobile { display: none; position: relative; } #cssmenu > ul > li { float: left; margin: 0; } #cssmenu > ul > li > a { padding: 0 17px; font: $(navmenu.font); line-height: 48px; letter-spacing: 0.8px; text-decoration: none; text-transform: uppercase; color: $(navmenu.font.color); } #cssmenu > ul > li:hover > a, #cssmenu ul li.active a { color: $(navmenu.font.hover.color); } #cssmenu > ul > li:hover, #cssmenu ul li.active:hover, #cssmenu ul li.active, #cssmenu ul li.has-sub.active:hover { background: rgba(64,64,64,0.1); -webkit-transition: background .2s ease; -ms-transition: background .2s ease; transition: background .2s ease; } #cssmenu ul li.has-sub { position: relative; } #cssmenu > ul > li.has-sub > a::after, #cssmenu ul ul li.has-sub > a::after { content: ""; border-color: $(navmenu.font.color) transparent transparent; border-style: solid; border-width: 4px; height: 0px; width: 0px; display: inline-block; vertical-align: middle; margin-left: 6px; margin-bottom: -2px; } #cssmenu ul ul li.has-sub > a::after { content: ""; border-color: transparent transparent transparent $(navsubmenu.font.color); margin-bottom: 0px; } #cssmenu ul ul { height: auto; position: absolute; left: -9999px; z-index: 1; -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,0.15); box-shadow: 0 2px 8px 0 rgba(0,0,0,0.15); opacity: 0; transform: translateY(-2em); transition: all 0.3s ease-in-out 0s; } #cssmenu li:hover > ul { left: auto; opacity: 1; transform: translateY(0%); transition-delay: 0s, 0s, 0.3s; } #cssmenu ul ul li { background: $(navsubmenu.font.background); margin: 0; } #cssmenu ul ul li:hover { background: $(navsubmenu.hover); } #cssmenu ul ul ul{ margin-left: 100%; top: 0 } #cssmenu ul ul li a { font: $(navsubmenu.font); border-bottom: 1px solid rgba(150,150,150,0.15); padding: 0 17px; line-height: 36px; max-width: 100%; text-decoration: none; color: $(navsubmenu.font.color); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a { border-bottom: 0 } #cssmenu ul ul li.has-sub:hover, #cssmenu ul li.has-sub ul li.has-sub ul li:hover { background: $(navsubmenu.hover); } @media screen and (min-width:801px){ #cssmenu ul { display: block !important; } } @media screen and (max-width:800px){ #cssmenu { float: none; } #cssmenu ul { background: $(navsubmenu.font.background); width: 100%; display: none; height: auto; -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,0.15); box-shadow: 0 2px 8px 0 rgba(0,0,0,0.15); } #cssmenu > ul { max-height: calc(100vh - 48px); overflow-y: auto; } #cssmenu ul ul { -webkit-box-shadow: none; box-shadow: none; display:none; opacity: 1; transform: translateY(0%); transition: unset; } #cssmenu li:hover > ul { transition-delay: 0s, 0s, 0s; } #cssmenu ul li { width: 100%; border-top: 1px solid rgba(150,150,150,0.15); background: $(navsubmenu.font.background); } #cssmenu > ul > li:hover, #cssmenu ul li.active:hover, #cssmenu ul li.active, #cssmenu ul li.has-sub.active:hover { background: $(navsubmenu.hover); } #cssmenu > ul > li:hover > a, #cssmenu ul li.active a { color: $(navsubmenu.font.color); } #cssmenu ul ul li a { padding: 0 25px; } #cssmenu ul li a, #cssmenu ul ul li a { width: 100%; border-bottom: 0; color: $(navsubmenu.font.color); } #cssmenu > ul > li { float: none; position: relative; } #cssmenu ul ul li.has-sub ul li a { padding-left: 35px } #cssmenu ul ul, #cssmenu ul ul ul { position: relative; left: 0; width: 100%; margin: 0; text-align: left } #cssmenu > ul > li.has-sub > a::after, #cssmenu ul ul > li.has-sub > a::after { display: none } #cssmenu #head-mobile { display: block; padding: 24px; color: #fff; font-size: 12px; font-weight: bold } .button { width: 25px; height: 20px; position: absolute; right: 0; top: 14px; cursor: pointer; z-index: 2; outline: none; } .mline1, .mline2, .mline3 { position: absolute; left: 0; display: block; height: 3px; width: 22px; background: $(search.icon.color); content:''; border-radius: 5px; transition: all 0.2s; } .mline1 { top: 0; } .mline2 { top: 7px; } .mline3 { top: 14px; } .button.menu-opened .mline1 { top: 8px; border: 0; height: 3px; width: 22px; background: $(navmenu.font.color); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) } .button.menu-opened .mline2 { top: 8px; background: $(navmenu.font.color); width: 22px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg) } .button.menu-opened .mline3 { display: none; height:0; } #cssmenu .submenu-button { position: absolute; z-index: 99; right: 0; top: 0; cursor: pointer; } #cssmenu .submenu-button::after { content: ""; border-color: $(navsubmenu.font.color) transparent transparent; border-style: solid; border-width: 4px; height: 0px; width: 0px; display: inline-block; vertical-align: middle; margin: 20px 20px 14px; } #cssmenu ul ul .submenu-button::after { margin: 16px 20px 12px; } #cssmenu ul ul ul li.active a{ border-left: none } #cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{ border-top: none } } /* FOOTER */ #footer-container { background: $(footer.background.color); padding: 20px 5px; overflow: hidden; color: $(footer.color); font-size: 12px; text-align: center; } #footer-wrapper { max-width: 1000px; margin: 0 auto; } #footer-wrapper a { color: $(footer.body.link.color); } #footer-wrapper a:hover { color: $(footer.hover.color); } /* BACA JUGA */ #baca-juga { display: none; } .post-body #baca-juga { display: block; overflow: hidden; } .post-body .baca-juga-wrap { max-width: 75%; margin: 1em 0 1.6em 2em; font-size: 0.9rem; } #baca-juga h2 { font-size: 15px; text-transform: uppercase; } #baca-juga a { font-weight: bold; display: block; padding: 0; } #baca-juga ul { margin: 0 0 0 20px; } #baca-juga li { padding: 0px; margin: .8rem 0; } /* RELATED POSTS */ .related-post { margin: 30px auto 0; overflow: hidden; } .related-post h4 { background: $(posts.background.color); position:relative; margin: 0; display: inline-block; font-weight: bold; color: $(label.color); text-transform: uppercase; font-size: 16px; z-index: 1; padding: 0 10px; margin-top: 3px; } .related-post ul { padding: 0 !important; font-size: 14px; } /* Style 3 */ .related-post-style-3, .related-post-style-3 li { margin: 0; padding: 0; list-style: none; word-wrap: break-word; overflow: hidden; } .related-post-style-3 .related-post-item { float: left; width: 23.5%; height: auto; margin-right: 2%; margin-bottom: 10px; } .related-post-style-3 .related-post-item:nth-of-type(4n+0) { margin-right: 0; } .related-post-style-3 .related-post-item:nth-of-type(4n+1) { clear: both; } .related-post-style-3 .related-post-item:hover { opacity: 0.7; } .related-post-style-3 .related-post-item-thumbnail { display: block; max-height: none; background-color: transparent; border: none; padding: 0; width: 100%; } .related-post-style-3 .related-post-item-title { color: $(body.text.color); } .related-post-style-3 .related-post-item-tooltip { padding: 15px 0; } .related-post-item-tooltip .related-post-item-title { font-weight: bold; display: block; } @media only screen and (max-width:480px){ .related-post-style-3 .related-post-item { width: 48%; margin-right: 4%; } .related-post-style-3 .related-post-item:nth-of-type(2n+0) { margin-right: 0; } .related-post-style-3 .related-post-item:nth-of-type(2n+1) { clear: both; } } .contact-form-widget { } .contact-form-success-message, .contact-form-error-message { background: #f9edbe; border: 0 solid #f0c36d; font-size: 14px; text-align: center; max-width: 500px; border-radius: 3px; } .contact-form-success-message-with-border, .contact-form-error-message-with-border { background: #f9edbe; border: 1px solid #f0c36d; font-size: 14px; text-align: center; max-width: 600px; border-radius: 3px; box-sizing: border-box; padding: 5px 10px; } .contact-form-cross { height: 11px; margin: 0 5px; vertical-align: -8.5%; width: 11px; } .contact-form-email, .contact-form-name { color: inherit; height: 40px; margin-top: 5px; max-width: 300px; width: 100%; padding: 0 15px; border-radius: 3px; border: 1px solid #cacaca; box-sizing: border-box; } .contact-form-email-message { color: inherit; margin-top: 5px; vertical-align: top; max-width: 600px; width: 100%; border-radius: 3px; border: 1px solid #cacaca; padding: 15px; } .contact-form-email:hover, .contact-form-name:hover, .contact-form-email-message:hover { outline: none; border: 1px solid $(body.link.color); } .contact-form-email:focus, .contact-form-name:focus, .contact-form-email-message:focus { outline: none; border: 1px solid $(body.link.color); } .contact-form-name, .contact-form-email, .contact-form-email-message { background: #f8f8f8; } .contact-form-button { display: block; font-size: 14px; line-height: 24px; padding: 5px 20px; margin: 30px 0; text-align: center; border: none; background: $(body.link.color); color: #fff; border-radius: 3px; font-weight: bold; } .contact-form-button:hover, .contact-form-button.hover { cursor: pointer; outline: none; opacity: .85; } .contact-form-button.focus, .contact-form-button.right.focus, .contact-form-button.mid.focus, .contact-form-button.left.focus { outline: none; } .contact-form-button-submit:focus, .contact-form-button-submit.focus { outline: none; opacity: .85; } .swajib { font-weight: bold; color: #e85e5e; } .ctitles { font-weight: bold; display: block; margin: 30px 0 0; } /* COMMENT FORM */ #comments-block { margin: 15px 0; } #comments-block .comment-author { border-radius: 4px 4px 0 0; background: rgba(0, 0, 0, 0.03); padding: 15px 15px 0; } #comments-block .comment-body { background: rgba(0, 0, 0, 0.03); padding: 30px 15px 25px; margin: 0 0; } #comments-block .comment-body p { margin: 0; } #comments-block .comment-footer { border-radius: 0 0 4px 4px; background: rgba(0, 0, 0, 0.03); padding: 0 15px 15px; margin: 0 0 20px; font-size: 0.88rem; } #comments-block .avatar-image-container { display: inline-block; margin-right: 4px; margin-bottom: -10px; background: #888; border-radius: 17px; } #comments-block .avatar-image-container img { display: block; } #comments-block .comment-footer a { } p.comment-footer { display: inline-block; font-weight: bold; margin: 0; } h4#comment-post-message { display: none; margin: 0 0 0 0; } .comments{ clear: both; margin-top: 10px; margin-bottom: 0 } .comments .comments-content{ font-size: 14px; margin-bottom: 30px } .comments .comments-content .comment-thread ol{ text-align: left; margin: 13px 0; padding: 0; list-style: none; } .comment .avatar-image-container { background: rgba(0, 0, 0, 0.03); border-radius: 20px; float: left; max-height: 36px; overflow: hidden; width: 36px; height: 36px; background-repeat: no-repeat; background-position: 8px 7px; } .comments .avatar-image-container img { max-width: 36px; border-radius: 17px; } .comments .comment-block { background: rgba(0, 0, 0, 0.03); position: relative; padding: 20px; margin-left: 45px; border-radius: 10px; word-break: break-word; } .comments .comments-content .comment-replies{ margin:10px 0; margin-left:45px } .comments .comments-content .comment-thread:empty{ display:none } .comments .comment-replybox-single { margin-left:45px; margin: 20px 0; } .comments .comments-content .comment{ margin-bottom:6px; padding:0 } .comments .comments-content .comment:first-child { padding:0; margin:0 } .comments .comments-content .comment:last-child { padding:0; margin:0 } .comments .comment-thread.inline-thread .comment, .comments .comment-thread.inline-thread .comment:last-child { margin:0px 0px 5px 14% } .comment .comment-thread.inline-thread .comment:nth-child(6) { margin:0px 0px 5px 12%; } .comment .comment-thread.inline-thread .comment:nth-child(5) { margin:0px 0px 5px 10%; } .comment .comment-thread.inline-thread .comment:nth-child(4) { margin:0px 0px 5px 8%; } .comment .comment-thread.inline-thread .comment:nth-child(3) { margin:0px 0px 5px 4%; } .comment .comment-thread.inline-thread .comment:nth-child(2) { margin:0px 0px 5px 2%; } .comment .comment-thread.inline-thread .comment:nth-child(1) { margin:0px 0px 5px 0; } .comments .comments-content .comment-thread{ margin:0; padding:0 } .comments .comments-content .inline-thread{ margin:0 } .comments .comments-content .icon.blog-author { display:inline; height: 18px; margin: 0 0 -4px 6px; width: 18px; } .comments .comments-content .icon.blog-author::after { content:"author"; background: rgba(0, 0, 0, 0.36); color: #fff; padding: 2px 6px; border-radius: 10px; font-size: 11px; } .comments .comments-content .comment-header { font-size:14px; margin: 0 0 15px; } .comments .comments-content .comment-content { margin: 0 0 15px; text-align: left; line-height: 1.6; } .comments .comments-content .datetime { margin-left: 6px; } .comments .comments-content .datetime a { color: $(post.footer.color); } .comments .comments-content .user { font-weight: bold; font-style: normal; } .comments .comment .comment-actions a { display: inline-block; font-size: 13px; line-height: 15px; margin: 4px 8px 0 0; } .comments .continue a { display:inline-block; font-size:13px; padding: .5em; } .comments .comment .comment-actions a:hover, .comments .continue a:hover{ text-decoration:underline; } .pesan-komentar:not(:empty) { padding: 20px; background: #f9f9f9; margin-bottom: 30px; } .deleted-comment { font-style: italic; opacity: .5; } .comments .comments-content .loadmore { cursor: pointer; margin-top: 3em; max-height: 3em } .comments .comments-content .loadmore.loaded { max-height: 0; opacity: 0; overflow: hidden } .comments .thread-chrome.thread-collapsed { display: none } .comments .thread-toggle { display: inline-block } .comments .thread-toggle .thread-arrow { display: inline-block; height: 6px; margin: .3em; overflow: visible; padding-right: 4px; width: 7px } .comments .thread-expanded .thread-arrow { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent } .comments .thread-collapsed .thread-arrow { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAABJRU5ErkJggg==") no-repeat scroll 0 0 transparent } .comments .hidden { display: none } @media screen and (max-device-width:480px) { .comments .comments-content .comment-replies { margin-left: 0 } } /* MEDIA QUERY */ @media only screen and (max-width:1080px){ #wrapper { margin: 0 auto; } .footer-widget, #footer-navmenu-container { max-width: 100%; } #header-wrapper, .footer-widget .widget, #footer-navmenu-container { padding-left: 30px; padding-right: 30px; } .sticky-mobile { margin-right: 30px; } .search-icon { right: 30px; } } @media only screen and (max-width:800px){ #post-wrapper, #sidebar-wrapper { float:none; width:100%; max-width:100% } .post-container { padding: 0 0 20px 0; } #header-wrapper { padding-left: 0px; padding-right: 0px; position: relative; } #wrapper { padding: 70px 20px 20px; } #cssmenu > ul > li > a { padding: 0px 20px; line-height: 42px; } .footer-widget .widget, #footer-navmenu-container { padding-left: 20px; padding-right: 20px; } .button { left: 20px; } .header { position: absolute; top: 0; left: 45px; right: 45px; z-index: 1; text-align: center; float: none; display: inline-block; max-width: 100%; margin-right: 0; } .header img { display: inline-block !important; } .search-icon { right: 20px; } } @media only screen and (max-width:640px){ #wrapper { padding: 70px 15px 15px; } #cssmenu > ul > li > a { padding: 0 15px; } .footer-widget .widget, #footer-navmenu-container { padding-left: 15px; padding-right: 15px; } .button { left: 15px; } #post-wrapper, #sidebar-wrapper { float:none; width:100%; max-width:100% } .search-icon { right: 15px; } } @media only screen and (max-width:480px){ #footer-navmenu ul li a { margin: 0px 8px; } ul.nav-social li { padding: 0px 8px; } .post-snippet { margin-top: 10px; } blockquote { margin-left:0; margin-right:0; } .post-body .baca-juga-wrap { margin: 1em 0 1em 0; max-width: 100%; } h1{font-size:170%} h2{font-size:150%} h3{font-size:130%} h4{font-size:120%} h5{font-size:110%} h6{font-size:100%} h2.post-title { font-size: 18px; } h1.post-title { font-size: 24px; } .post-body img.fullwidth { width: 100vw; margin: 0px -15px; max-width: 100vw; } .section:last-child .widget:last-child, .sidebar .widget, .sidebar-sticky .widget, .above-post-widget .widget, .bellow-header-widget .widget, #blog-pager { margin:0 0 20px; } .comments .comments-content .comment-replies{ margin-left:20px !important; } .comments .comment-block { padding: 15px !important; } .comment .comment-thread.inline-thread .comment { margin: 0 0 0 0 !important; } #searchfs input[type="search"] { font-size: 26px; } .FeaturedPost .post-summary, .bellow-header-widget { width: calc(100% + 30px); margin: 0px 0px 15px -15px; } .FeaturedPost .post-summary, .FeaturedPost .image{ border-radius: unset; } .FeaturedPost .post-summary h3 { font-size: 20px; margin: 0 10px; } .FeaturedPost .post-summary p { margin: 0 10px; } } /* Tombol Download */ .buttonDownload { border-radius: 3px; display: inline-block; position: relative; padding: 10px 25px; background-color: $(body.link.color); color: white !important; font-weight: bold; font-size: 0.9em; text-align: center; text-indent: 15px; transition:all 0.4s; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; } .buttonDownload:hover { opacity: .85; } .buttonDownload::before, .buttonDownload::after { content: ' '; display: block; position: absolute; left: 15px; top: 52%; } .buttonDownload::before { width: 10px; height: 2px; border-style: solid; border-width: 0 2px 2px; } .buttonDownload::after { width: 0; height: 0; margin-left: 3px; margin-top: -7px; border-style: solid; border-width: 4px 4px 0 4px; border-color: transparent; border-top-color: inherit; animation: downloadArrow 2s linear infinite; animation-play-state: paused; } .buttonDownload:hover::after { animation-play-state: running; } @keyframes downloadArrow { 0% { margin-top: -7px; opacity: 1; } 0.001% { margin-top: -15px; opacity: 0; } 50% { opacity: 1; } 100% { margin-top: 0; opacity: 0; } } /* Skin for Blogger Tabbed Layout TOC */ .tabbed-toc { margin: 0 auto; background: $(header.background.kiri); background: linear-gradient(to bottom right, $(header.background.kiri), $(header.background.kanan)); position: relative; } .tabbed-toc .loading { display: block; padding: 2px 12px; color: $(navmenu.font.color); } .tabbed-toc ul, .tabbed-toc ol, .tabbed-toc li { margin: 0; padding: 0; list-style: none; } .tabbed-toc .toc-tabs { width: 20%; float: left; } .tabbed-toc .toc-tabs li a { display: block; font: $(navmenu.font); overflow: hidden; color: $(navmenu.font.color); text-transform: uppercase; text-decoration: none; padding: 12px; } .tabbed-toc .toc-tabs li a:hover { background-color: rgba(64,64,64,0.1); } .tabbed-toc .toc-tabs li a.active-tab { background: rgba(64,64,64,0.1); position:relative; z-index:5; margin:0 -1px 0 0; /* cursor:text; */ } .tabbed-toc .toc-content, .tabbed-toc .toc-line { width: 80%; float: right; background-color: white; border-left: 5px solid rgba(64,64,64,0.1); box-sizing: border-box; } .tabbed-toc .toc-line { float: none; display: block; position: absolute; top: 0; right: 0; bottom: 0; } .tabbed-toc .panel { position: relative; z-index: 5; } .tabbed-toc .panel li a { display: block; position: relative; font-weight: bold; font-size: 14px; padding: 6px 12px; overflow: hidden; } .tabbed-toc .panel li time { display: block; font-weight: normal; font-size: 11px; color: #666; float: right; } .tabbed-toc .panel li .summary { display: block; padding: 10px 12px 10px; font-size: 13px; } .tabbed-toc .panel li .summary img.thumbnail { float: left; display: block; margin: 5px 8px 0 0; width: 72px; height: 72px; background-color: #fafafa; } .tabbed-toc .panel li {background-color:#f3f3f3} .tabbed-toc .panel li:nth-child(even) {background-color:#fff} .tabbed-toc .panel li a:hover, .tabbed-toc .panel li a:focus, .tabbed-toc .panel li.bold a { background-color: rgba(64,64,64,0.1); outline: none; } @media (max-width:700px) { .tabbed-toc .toc-tabs, .tabbed-toc .toc-content { overflow :hidden; width: auto; float: none; display: block; } .tabbed-toc .toc-tabs li { display: inline; float: left; } .tabbed-toc .toc-tabs li a.active-tab { background-color: rgba(64,64,64,0.1); } .tabbed-toc .toc-content { border: none } .tabbed-toc .toc-line, .tabbed-toc .panel li time { display: none } } .CSS_LIGHTBOX { z-index: 9999 !important; } .CSS_LAYOUT_COMPONENT { color: transparent; } .post-body pre .google-auto-placed, .post-body table .google-auto-placed, .post-body blockquote .google-auto-placed, #header-container .google-auto-placed, .sidebar-sticky .google-auto-placed{ display: none; } .comment .avatar-image-container { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAC4jAAAuIwF4pT92AAAC4UlEQVR42nWU30uTYRTHn/d1bjOn5Y0Gu4mBNhWZ4EVXbiMUMVMjL2L+iJSYCMJkF27TzanbdNvfEN10U3STFdV/0GUE3faLsJsovEkIhDqfsWc8vqOLw87O+X6/73nOOc+jdnd3VT6fP2fZbNZVrVbV+vr61f7+/mdKqb+Y+EfEyIFx8tBqODqYy+WsQqGgpqen411dXR+7u7s/DAwMPMHwiZEDA9YU47fh8KvFxsfH0y6X63RycjKZTqcv7ezsWBg+MXJgtKipca6y/f19tby8HLZt+08sFps6PDxUIqS0ID4xcmDAwjErbQgCLhaLqq+v7/ng4ODjUqmktre36ZNl9MkiRg6MYI/gwG0IUiaBvb09lclkLvh8vq9zc3N3hGTJl1t0Hqu3pYUcGLBw4Op8Q5nSk8nk5fb29u9LS0vXqULItnOSxMiBAQsHblOF/MpxPB0dHZ9nZ2fvylEsWY2mComRAyPYT3BMjaYeDg0NPQoEAm/wIUvcNjB2XVCBAdvUQwNcm/La2lqotbX1dGZm5n65XFa6P7rPxMgJ5jdYOHDPHdncQwBynHttbW0/wuFwaWNjI7C1teXB8CORSIkcGL0yTXuIowWpgl1jcbluHo/npKen5x2GT4wcGLBasHFTjPtbm57c1WBvb+9rafix7NmL0dHR0sTERALDJybrcgwGLBy4eg66Mvvg4EDNz8/f9nq9v4T0cnV1dQQQcarB8InF4/ERhMHCIa5XTElvapu/sLBwy7Kss7GxsTSTq0+P5baZLlb3LZ2Xo6fgwOU/S08f7EQiEZCv/YxGozmm6FwXp+n1AQsHrgzsCh9TlUpFhUKhh36//219arbzjTPNeWt4ceAODw8/4KRqZWXlmgzgm/TiZr1s2/nGmWKOt7MmKNwbbrf7hMqVTOuVPJzvNzc3L5q3xlmZ08zbkUqlfJ2dnV8WFxenFHvFU6TfOxP4PzHzw/q9DAaDT2VPz/4BM3gzfN9VWhwAAAAASUVORK5CYII='); } ]]> >"; position: absolute; bottom: 18px; z-index: 999; right: 80px; color: #999; font-size: 12px; } body#layout #wrapper, body#layout #header-wrapper, body#layout #footer-container, body#layout #footer-widget-container { margin: 0 0; padding: 0 20px; } body#layout #footer-container { padding-bottom: 20px; } body#layout #cssmenu, body#layout #footer-navmenu { position: relative; display: block; font-size: 14px; color: #fff; background: #777777; border: 1px solid #555555; font-weight: bold; } body#layout #cssmenu { height: 33px; padding: 20px; margin: 8px 0; width: 500px; float: right; } body#layout #cssmenu ul, body#layout #footer-navmenu ul, body#layout #footer-widget-container { display: none; } body#layout #cssmenu::after { content: "Menu navigasi harus diedit melalui Edit HTML"; color: #fff; position: absolute; top: 30px; left: 20px; visibility: visible; } body#layout .post-container { padding: 0 15px 0 0; } body#layout .sidebar-container { padding: 0 0 0 0; } body#layout #searchfs, body#layout .latest-post-title, body#layout .section h4 { display: none; } body#layout div.section { background: transparent; margin: 0px 0px 15px 0px; padding: 0px; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body#layout .sidebar-sticky::before { content: "Widget Sidebar (Sticky)"; } body#layout .sidebar::before { content: "Widget Sidebar"; } body#layout .above-post-widget::before { content: "Widget di Atas Post (Hanya Homepage)"; } body#layout .Blog::before { content: "Posting Blog"; margin-bottom: 8px; } body#layout .bellow-header-widget::before { content: "Widget di Bawah Header/Menu Navigasi"; } body#layout #footer-widget-container::before { content: "Widget di Atas Footer"; } body#layout .sidebar-sticky::before, body#layout .sidebar::before, body#layout .above-post-widget::before, body#layout .Blog::before, body#layout .bellow-header-widget::before { padding: 5px 10px; display: block; font-size: 14px; color: #fff; background: #777777; border: 1px solid #555555; font-weight: bold; } body#layout .add_widget, body#layout .widget-content { padding: 12px; } body#layout .add_widget a { margin-left: 0px; font-size: 14px; } body#layout div.layout-title { font-size: 14px; } body#layout div.layout-widget-description { font-size: 12px; } body#layout .editlink { color: #FFFFFF !important; background: #777777; border-radius: 15px; padding: 4px 6px; } body#layout #footer-wrapper { position: relative; background: #fff; height: 40px; border: 1px solid #ddd; } body#layout #footer-wrapper::after { content:"Footer"; color:#999; position:absolute; top:12px; } body#layout #footer-navmenu { padding: 0; margin: 0 20px 8px; height: 50px; } body#layout #footer-navmenu::after { content: "Menu navigasi harus diedit melalui Edit HTML"; color: #fff; position: absolute; top: 17px; left: 20px; visibility: visible; } ]]>

Postingan TerbaruLatest Posts

 true #5b86e5 false Oleh true #36d1dc true true #393939 TextAndImage #ffffff pada tanggal true 1x1 true false true 1 false #ffffff false false
</div></div> <div class="date-outer"> <div class="date-posts">
</div></div>

 

BerandaHome &nbsp;›&nbsp; &nbsp;›&nbsp;
BerandaHome &nbsp;›&nbsp;

:

Belum ada Komentar untuk "" Komentar untuk "" 0 Response to "" 1 Response to "" Responses to ""

           

()

Edit
DitulisWritten By Tulis Komentar Komentar Add Comment 1 Comment Comments

Berlangganan update artikel terbaru via email:

Belum ada Komentar untuk "" Komentar untuk "" 0 Response to "" 1 Response to "" Responses to ""

Home  ›  60+ Enfp Anime Characters Girl

60+ Enfp Anime Characters Girl

Written By Friday, March 15, 2024 Add Comment Edit

Apakah anda sedang mencari untuk enfp anime characters girl? Kamu medatangai ke website yang benar. Di web ini, kita punya sekitar 35 enfp anime characters girl yang bisa kita simpan, seperti: Cannon beach weekender haystack, Oregon beach cannon seaside things, Oregon's cannon beach, the tiny coastal town with the giant rock. Lihat selengkapnya:

Beach oregon cannon getyourguide

Oregon beach cannon sunset sunrise coast photography pacific beaches northwest sunsets miller scott landscapes. Ecola bogdan getaways. Beach oregon cannon coast northwest exploring

Cannon Beach Oregon Street Map 4110850

Cannon beach & ecola state park on highway 101. Oregon's cannon beach, the tiny coastal town with the giant rock. View of cannon beach from ecola state park, oregon [oc] [4032x3024]. Cannon beach oregon map ecola state park coast travel moon. 9 incredible things to do in cannon beach oregon

Cannon beach oregon street map 4110850 www.landsat.com

Attractions And Activities In Cannon Beach, Oregon

Beach oregon cannon coast northwest exploring. Cannon beach oregon coast. Cannon beach, oregon. Cannon beach, oregon: seaside weekender. Cannon beach, or

Attractions and activities in cannon beach, oregon www.tripsavvy.com

Cannon Beach

Top 15 things to do in cannon beach, oregon. Sunset at cannon beach, oregon [oc] (5429x3619). Oregon ecola eat. Cannon beach at ecola state park shut down. The best things to do in beautiful cannon beach, plus where to eat and stay

Cannon beach www.willhiteweb.com

Cannon Beach Oregon Street Map 4110850

Road trip: cannon beach to gold beach, oregon. Things to do in cannon beach. 9 incredible things to do in cannon beach oregon. Cannon beach in oregon was rated one of the best beaches in the world. 9 best things to do in cannon beach & seaside, oregon

Cannon beach oregon street map 4110850 www.landsat.com

12 Things To Do In Cannon Beach

Oregon coast towns. Cannon beach oregon street map 4110850. 9 best things to do in cannon beach & seaside, oregon. Oregon beach cannon seaside things. Cannon beach photo

12 things to do in cannon beach lovehardtraveloften.com

Cannon Beach Photo

Top 15 things to do in cannon beach, oregon. Cannon beach, oregon: exploring the northwest coast. Cannon beach oregon rock haystack getty things delimont danita fun attractions. Cannon beach oregon street map 4110850. Beach oregon cannon coast northwest exploring

Cannon beach photo www.rwongphoto.com

9 Best Things To Do In Cannon Beach & Seaside, Oregon

Beach cannon oregon ecola shut state park down january cc2 vignesh ananth via flickr. Oregon ecola beach state park cannon oc comments earthporn. Beach cannon oregon coast along ocean amazing caves. Cannon beach, oregon. Cannon beach weekender haystack

9 best things to do in cannon beach & seaside, oregon tripmemos.com

9 Incredible Things To Do In Cannon Beach Oregon

Oregon beach cannon seaside things. Cannon oregon bobcat topo route. Cannon beach oregon map coast travel downtown. Cannon beach oregon street map 4110850. Map cannon beach oregon street detail center road

9 incredible things to do in cannon beach oregon makingmoneyandtraveling.com

Cannon Beach In Oregon Was Rated One Of The Best Beaches In The World

Cannon beach oregon things astoria information affiliate incredible contain links please post may. Cannon beach, oregon coast. Cannon beach, oregon: exploring the northwest coast. Sunset at cannon beach, oregon [oc] (5429x3619). Cannon beach oregon map ecola state park coast travel moon

Cannon beach in oregon was rated one of the best beaches in the world www.onlyinyourstate.com

"cannon Beach Sunrise", Oregon Coast

Cannon beach weekender haystack. Beach cannon oregon sunset oc earthporn. The best things to do in beautiful cannon beach, plus where to eat and stay. Map cannon beach oregon street choice printed inch. Oregon ecola beach state park cannon oc comments earthporn

"cannon beach sunrise", oregon coast www.pinterest.com

0 Response to "60+ Enfp Anime Characters Girl"

Post a Comment

Subscribe to: Post Comments (Atom)

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel