<data:blog.pageTitle/> <data:blog.pageName/> - <data:blog.title/> All Posts - <data:blog.title/> Page Not Found - <data:blog.title/> <data:blog.pageName/> 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} .post-body .separator > a,.post-body .separator > span{margin-left:0!important} .quickedit,.thread-toggle,.edit-post,.item-control{display:none} /* disable font boosting on mobile browsers */ body *{max-height:9999999em;/* Chrome for Android */ -moz-text-size-adjust:none;/* Firefox Mobile */} /* FRAMEWORK */ strong,b{font-weight:bold} cite,em,i{font-style:italic} a:link{color:$(link.color);text-decoration:none;outline:none} a:visited{color:$(link.color);text-decoration:none} a:hover{color:$(link.hover.color);text-decoration:none} 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:-.4em;font-size:86%} sub{top:.4em} small{font-size:86%} kbd{font-size:80%;border:1px solid #777;padding:2px 5px;border-bottom-width:2px;border-radius:3px} mark{background-color:#ffce00;color:black} p,blockquote,pre,table,figure,hr,form,ol,ul,dl{margin:1.5em 0} 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.6em;font-weight:500} /* list */ ol,ul,dl{margin:.5em 0 .5em 3em} li{margin:.5em 0} dt{font-weight:500} dd{margin:0 0 .5em 2em} /* 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} pre{white-space:pre;word-wrap:normal;overflow:auto} blockquote{background:#f6f6f6;margin-left:2em;margin-right:2em;padding:1em 1em;font-style:italic;font-size:105%} blockquote:before{content:"\f10d";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:4px;color:#666} /* 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{color:#777} .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,.button:before,.button.menu-opened:after,.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} .related-post-style-3 .related-post-item{transition:opacity 0.2s linear} .img-thumbnail,.img-thumbnail img,.label-info-th a,.info-1,.info-2,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} #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{border-radius:3px} body{background:$(body.background);margin:0 0 0 0;padding:0 0 0 0;color:$(body.text.color);font:$(body.font);text-align:left} /* WRAPPER */ #wrapper{background:#efefef;max-width:1000px;margin:0 auto;padding:60px 10px 10px;overflow:hidden} /* HEADER */ #header-container{background:$(header.background.kiri);background:linear-gradient(to right,$(header.background.kiri),$(header.background.kanan));-webkit-box-shadow:0 2px 6px 0 rgba(0,0,0,0.2);box-shadow:0 2px 6px 0 rgba(0,0,0,0.2);position:fixed;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;padding:9px 0} .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)} .header img{display:block;width:auto;margin:8px 0;max-height:35px} /* POST WRAPPER */ .post-container{padding:15px} #post-wrapper{background:transparent;float:left;width:67%;max-width:700px;margin:0 0 0} .breadcrumbs a{color:$(widget.title.color)} .post{margin-bottom:20px} .post-body{font:$(post.body.font);color:$(post.body.color);line-height:1.6em;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:12px} h2.post-title{margin-bottom:12px} h2.post-title a,h1.post-title a,h2.post-title,h1.post-title{color:$(post.title.color);line-height:1.3em} h2.post-title a:hover,h1.post-title a:hover{color:$(post.title.hover.color)} .img-thumbnail{position:relative;float:left;width:255px;height:170px} .img-thumbnail img{width:255px;height:170px;display:block} .label-info-th{display:block;z-index:2;position:relative;margin-bottom:10px} .label-line,.label-line-c{position:relative} .label-line-c{text-align:center;margin-bottom:6px} .label-line:before,.label-line-c:before{z-index:1;content:"";width:100%;height:2px;background:$(label.border.color);position:absolute;top:50%;left:0;margin-top:-2px} .label-info-th a{color:$(label.color);background:$(label.bg.color);display:inline-block;padding:6px 12px;margin:1px 0;font-size:11px;font-weight:500;text-transform:uppercase;border:2px solid $(label.border.color)} .label-info-th a:hover{color:$(link.color)} .post-info{color:$(post.footer.color);font:$(post.footer.font)} .info-1,.info-2,h2.post-title,.post-snippet{margin-left:275px} .info-1{margin-top:12px} .info-2{margin-top:12px} .info-3{margin-bottom:1.6em} .post-info a{display:inline-block;color:$(post.footer.color)} .post-info a:hover{color:$(link.color)} .author-info:after,.time-info:after,.label-info:after{content:"-";padding:0 2px} .edit-post:before{content:"-";padding:0 2px} /* AUTHOR POST PROFILE */ .author-profile{overflow:hidden;margin:30px 0;line-height:1.5} .author-profile img{border:none;float:left;margin-right:15px;border-radius:46px} .author-profile > span{font-size:14px;color:#888} .author-profile a.g-profile{font-weight:500;color:$(link.hover.color);font-size:18px;margin-bottom:5px;display:inline-block} .author-profile a.g-profile:hover{color:$(link.color)} .author-profile a.g-profile:after{content:"\f058";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:4px;color:$(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,.breadcrumbs{font:$(widget.title.font);margin-bottom:15px;padding:10px 0 10px;color:#fff;text-transform:uppercase;display:inline-block;border-radius:5px;background:linear-gradient(to right,#eb9532,#f9690e);text-align:center;width:100%; box-shadow:0 3px 8px 2px rgba(0,0,0,0.1)} .section:last-child .widget:last-child,.sidebar .widget,.sidebar-sticky .widget,.above-post-widget .widget,.bellow-header-widget .widget,#blog-pager{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:997} .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 ul{line-height:1.4em} /* 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{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:$(link.color);font-size:12px;text-transform:uppercase;border:1px solid $(link.color)} .label-size a,.label-size span{display:inline-block;color:$(link.color);padding:6px 8px} .label-size:hover{border:1px solid $(link.hover.color)} .label-size:hover a,.label-size:hover .label-count{color:$(link.hover.color)} .label-count{margin-left:-12px;margin-right:0} .list-label-widget-content ul li{display:block;margin:0 0 5px} .list-label-widget-content ul li:last-child{margin-bottom:10px} /* 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:500} /* Popular Posts */ .PopularPosts .widget-content ul,.PopularPosts .widget-content ul li,.PopularPosts .widget-content ul li img,.PopularPosts .widget-content ul li a,.PopularPosts .widget-content ul li a img{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;border-radius:50px;float:left} .PopularPosts .widget-content ul li{margin:auto 5px 20px;counter-increment:num;position:relative;background:#fff;transition:0.5s;border-radius:5px;box-shadow:5px 5px 5px rgba(0,0,0,0.12),0 5px 5px 5px rgba(0,0,0,0.12);padding:5px 5px 5px} .PopularPosts ul li:last-child{margin-bottom:0} .PopularPosts ul li .item-title a,.PopularPosts ul li a{color:#f9690e;text-decoration:none;font-size:15px;font-weight:bold} .PopularPosts ul li .item-title a:hover,.PopularPosts ul li a:hover{color:#333} .PopularPosts .item-title{line-height:1.6;margin-right:8px} .PopularPosts .item-thumbnail{margin-right:8px;border-radius:50px;border:2px solid #f9690e;float:left} .PopularPosts .item-snippet{line-height:1.6em;font-size:12px;margin-top:8px;color:#fefefe} /* Featured Post */ .FeaturedPost .post-summary{background:#f7f7f7;position:relative;padding:0;min-height:200px;max-height:350px;overflow:hidden} .FeaturedPost .post-summary h3{font:500 20px Roboto,Arial,sans-serif;background:rgba(0,0,0,0.37);position:absolute;bottom:0;padding:20px;z-index:1;font-size:25px;margin:0;width:94%} .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:#fff;padding:0;-webkit-box-decoration-break:clone;-o-box-decoration-break:clone;box-decoration-break:clone} .FeaturedPost .post-summary h3 a:hover{color:#fff;text-decoration:underline} .FeaturedPost .post-summary p{position:absolute;background:#ffffff;color:#5a5a5a;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} /* Profile */ .Profile .widget-content{text-align:center;padding:30px;border:2px solid $(label.border.color)} .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:$(link.color)} .Profile .profile-link{border-style:solid;border-width:1px;cursor:pointer;font-size:13px;font-weight:400;padding:6px 22px;display:inline-block;line-height:normal} .profile-textblock{margin:.8em 0;font-size:14px} .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} #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:inherit;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;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{border-bottom:2px dotted $(label.border.color);padding-bottom:8px;margin-bottom:8px;font-weight:500} .list-label-widget-content ul li,.LinkList ul li,.PageList ul li{border-bottom:2px dotted $(label.border.color);padding-bottom:5px} .artikel-terbaru ul li:before,.list-label-widget-content ul li:before,.LinkList ul li:before,.PageList ul li:before{content:"\f14b";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;margin-right:6px} .artikel-terbaru ul li:before{content:"\f14b"} .list-label-widget-content ul li:before{content:"\f07b"} .LinkList ul li:before{content:"\f14c"} .PageList ul li:before{content:"\f249"} /* 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:8px 10px;font-size:24px;border-radius:5px;box-shadow:0 1px 2px 0 rgba(0,0,0,.15),0 1px 1px 0 rgba(0,0,0,.30)} .back-to-top{position:fixed!important;position:absolute;bottom:70px;right:20px;z-index:998} /* Status Msg */ .status-msg-wrap{font-size:110%;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;padding 0} .iklan-tengah1 h2,.iklan-tengah2 h2,.iklan-bawah h2,.iklan-atas h2{display:none} #kode-iklan-atas ins,#kode-iklan-bawah ins,#kode-iklan-tengah1 ins,#kode-iklan-tengah2 ins{margin:20px 0} .post-body #kode-iklan-tengah1,.post-body #kode-iklan-tengah2,.post-body #kode-iklan-bawah,.post-body #kode-iklan-atas{text-align:center;display:block} @media screen and (max-width:800px){.post-body #kode-iklan-tengah1,.post-body #kode-iklan-tengah2,.post-body #kode-iklan-bawah,.post-body #kode-iklan-atas{margin:0 -20px}#kode-iklan-atas,#kode-iklan-bawah,#kode-iklan-tengah1,#kode-iklan-tengah2{width:100vw}} @media screen and (max-width:640px){.post-body #kode-iklan-tengah1,.post-body #kode-iklan-tengah2,.post-body #kode-iklan-bawah,.post-body #kode-iklan-atas{margin:0 -15px}} @media screen and (max-width:480px){.post-body #kode-iklan-tengah1,.post-body #kode-iklan-tengah2,.post-body #kode-iklan-bawah,.post-body #kode-iklan-atas{margin:0 -12px}} @media screen and (max-width:320px){.post-body #kode-iklan-tengah1,.post-body #kode-iklan-tengah2,.post-body #kode-iklan-bawah,.post-body #kode-iklan-atas{margin:0 -10px}} .post-body #baca-juga{display:block} /* PAGE NAVIGATION */ #blog-pager{clear:both!important;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-size:15px;padding:8px 12px;margin:2px 3px 2px 0;background:#f9690e;display:inline-block;color:#fff;font-weight:blod;border:2px solid #f9690e;border-radius:50px} #blog-pager-older-link a:hover,#blog-pager-newer-link a:hover,a.home-link:hover,.displaypageNum a:hover,.showpage a:hover,.pagecurrent{color:#fff;border:2px solid #f9690e} .showpageOf{display:none!important} #blog-pager .pages{border:none} /* SEARCH FORM */ .search-icon{position:absolute;top:11px;right:0;font-size:19px} .search-icon a{color:$(search.icon.color)} #searchfs{position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#eb9532,#f9690e);-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:-50px;width:70%;margin-left:15%;color:#f9690e;background:#fff;border-radius:5px;border:none;font-size:40px;text-align:center;outline:none;padding:10px} #searchfs .close{position:fixed;top:20px;right:30px;color:#fff;background-color:transparent;font-size:40px;border:none;outline:none} #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;line-height:20px} #cssmenu > ul > li > a{padding:0 10px;font:15px Raleway,Arial,sans-serif;line-height:50px;text-decoration:none;text-transform:uppercase;color:#f9690e} #cssmenu ul li svg{width:24px;height:24px;vertical-align:-7px;margin-right:10px} #cssmenu ul li svg path{fill:#f9690e} #cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#f9690e} #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:"\f078";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;margin-left:10px} #cssmenu ul ul li.has-sub > a::after{content:"\f0da"} #cssmenu > ul > li.has-sub:hover > a::after{content:"\f077"} #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:#ffffff;margin:0} #cssmenu ul ul li:hover{color:#f9690e} #cssmenu ul ul ul{margin-left:100%;top:0} #cssmenu ul ul li a{font:15px Raleway,Arial,sans-serif;border-bottom:1px solid rgba(150,150,150,0.15);padding:0 17px;line-height:42px;max-width:100%;text-decoration:none;color:#f9690e;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:#ffffff} @media screen and (min-width:801px){#cssmenu ul{display:block!important}} @media screen and (max-width:800px){#cssmenu{float:none}#cssmenu ul{width:100%;display:none}#cssmenu > ul{max-height:calc(100vh - 50px);overflow-y:auto;width:300px;height:2000px;background:#ffffff;box-shadow:3px 3px 3px rgba(0,0,0,0.12),0 3px 3px 3px rgba(0,0,0,0.12)}#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:260px;border:0;background:linear-gradient(to right,#eb9532,#f9690e);margin:10px 20px;border-radius:5px}#cssmenu > ul > li > a{padding:0 17px;font:13px;line-height:50px;text-decoration:none;text-transform:uppercase;font-weight:bold}#cssmenu ul li svg{width:24px;height:24px;vertical-align:-7px;margin-right:10px}#cssmenu ul li svg path{fill:#ffffff}#cssmenu ul ul li{background:linear-gradient(to right,#eb9532,#f9690e);margin:0;color:ffffff}#cssmenu ul ul li:hover{color:#ffffff}#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{background:linear-gradient(to right,#eb9532,#f9690e)}#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#ffffff}#cssmenu ul ul li a{padding:0 25px}#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0;color:#ffffff}#cssmenu > ul > li{float:left;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:#f9690e;font-size:15px}.button{width:25px;height:25px;position:absolute;left:0;top:14px;cursor:pointer;z-index:2;outline:none}.mline1,.mline2,.mline3{position:absolute;left:0;display:block;height:3px;width:20px;background:#f9690e;content:'';border-radius:5px;transition:all 0.2s}.mline1{top:0}.mline2{top:7px}.mline3{top:14px}.button.menu-opened .mline1{top:3px;border:0;width:13px;background:#f9690e;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.button.menu-opened .mline2{top:7px;left:2px;background:#f9690e;width:19px}.button.menu-opened .mline3{height:3px;top:11px;width:13px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg)}#cssmenu .submenu-button{position:absolute;z-index:2;right:0;top:0;cursor:pointer}#cssmenu .submenu-button::after{content:"\f078";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;margin:0 20px;color:#ffffff;line-height:50px}#cssmenu .submenu-opened::after{content:"\f077"}#cssmenu ul ul .submenu-button::after{line-height:50px}#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:#ffffff;padding:15px 5px;overflow:hidden;color:#222;font-size:17px;text-align:center} #footer-wrapper{max-width:800px;margin:0 auto;padding:10px} #footer-wrapper a{color:#f9690e;font-weight:500} #footer-wrapper a:hover{color:#19b5fe} @media screen and (max-width:700px){.btn{margin:0;width:100%;margin-top:20px}} /* BACA JUGA */ #baca-juga{display:none;position:relative} #baca-juga h2{color:$(label.color);position:absolute;top:-15px;left:20px;border:2px solid $(label.border.color);padding:2px 12px;font-size:14px;background:$(label.bg.color);font-weight:500;z-index:1} #baca-juga a{font-weight:500;font-size:14px;display:block;padding:0} #baca-juga ul{max-width:75%;margin:30px 0 20px;padding:20px 20px 10px 40px;position:relative;border:2px solid $(label.border.color)} #baca-juga li{padding:0;margin:.6em 0} /* RELATED POSTS */ .related-post{margin:30px auto 0;overflow:hidden} .related-post h4{position:relative;margin:0;display:inline-block;font-weight:500;color:#afafaf;text-transform:uppercase;font-size:16px;z-index:1;background:#fff;padding:0 10px} .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:hover{opacity:0.7} .related-post-style-3 .related-post-item-thumbnail{display:block;max-height:none;background-color:transparent;border:none;padding:0;max-width:100%} .related-post-style-3 .related-post-item-title{color:#444} .related-post-style-3 .related-post-item-tooltip{padding:10px 0} .related-post-item-tooltip .related-post-item-title{font-weight:500;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 $(link.color)} .contact-form-email:focus,.contact-form-name:focus,.contact-form-email-message:focus{outline:none;border:1px solid $(link.color)} .contact-form-name,.contact-form-email,.contact-form-email-message{background:#ffffff} .contact-form-button{display:block;font-size:14px;line-height:24px;padding:5px 20px;margin:30px 0;text-align:center;border:none;background:$(link.color);color:#fff;border-radius:3px;font-weight:500} .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:500;display:block;margin:30px 0 0} /* COMMENT FORM */ #comments-block{margin:15px 0} .comment-body{padding:15px 0;margin:0 0} .comment-body p{margin:0} .comment-form{overflow:hidden;margin-top:20px} .comment-footer{margin:0 0 30px} #comments-block .avatar-image-container{display:none} 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{float:left;max-height:36px;overflow:hidden;width:36px} .comments .avatar-image-container img{max-width:34px;border-radius:17px} .comments .comment-block{position:relative;padding:20px;margin-left:45px;border:2px solid $(label.border.color);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} .comments .comment-replybox-thread{} iframe#comment-editor{min-height:220px} .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:0 0 5px 14%} .comment .comment-thread.inline-thread .comment:nth-child(6){margin:0 0 5px 12%} .comment .comment-thread.inline-thread .comment:nth-child(5){margin:0 0 5px 10%} .comment .comment-thread.inline-thread .comment:nth-child(4){margin:0 0 5px 8%} .comment .comment-thread.inline-thread .comment:nth-child(3){margin:0 0 5px 4%} .comment .comment-thread.inline-thread .comment:nth-child(2){margin:0 0 5px 2%} .comment .comment-thread.inline-thread .comment:nth-child(1){margin:0 0 5px 0} .comments .comments-content .comment-thread{margin:0;padding:0} .comments .comments-content .inline-thread{background:#fff;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:"\f058";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:4px;color:$(link.color)} .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:#bbbbbb} .comments .comments-content .user{font-weight:500;font-style:normal} .comments .comment .comment-actions a{display:inline-block;font-weight:500;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{padding:0 8px} .pesan-komentar p{margin:5px 0} .comments .comments-content .loadmore{max-height:24px;opacity:1;overflow:hidden;line-height:24px} .comments .comments-content .loadmore a{display:block;padding:0 0;text-align:center;font-weight:500} .deleted-comment{font-style:italic;opacity:.5} /* MEDIA QUERY */ @media only screen and (max-width:1080px){#wrapper{margin:0 auto}#header-wrapper{padding-left:30px;padding-right:30px}.sticky-mobile{margin-right:30px}.img-thumbnail,.img-thumbnail img{width:240px;height:160px}.info-1,.info-2,h2.post-title,.post-snippet{margin-left:260px}.search-icon{right:30px}} @media only screen and (max-width:800px){#header-wrapper{padding-left:0;padding-right:0;position:relative}#wrapper{padding:60px 10px 10px}#cssmenu > ul > li > a{padding:12px 20px}.button{margin-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}.img-thumbnail,.img-thumbnail img{width:180px;height:120px}.info-1,.info-2,h2.post-title,.post-snippet{margin-left:195px}.search-icon{right:20px}} @media only screen and (max-width:768px){#post-wrapper,#sidebar-wrapper{float:none;width:100%;max-width:100%}#cssmenu > ul > li > a{padding:0 12px}.post-container{padding:0 0 20px 0}} @media only screen and (max-width:640px){#wrapper{padding:60px 10px 10px}#cssmenu > ul > li > a{padding:0 12px}.button{margin-left:15px}#post-wrapper,#sidebar-wrapper{float:none;width:100%;max-width:100%}.info-1,.info-2,h2.post-title,.post-snippet{margin-left:190px}.search-icon{right:15px}} @media only screen and (max-width:480px){#wrapper{padding:60px 10px 10px}#cssmenu > ul > li > a{padding:0 10px}.button{margin-left:12px}.img-thumbnail{float:right;width:100px;height:auto;margin:3px 0 0 10px}.img-thumbnail img{width:100px;height:67px}.info-1,.info-2,h2.post-title,.post-snippet{margin-left:0}.post-snippet{margin-top:10px}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;display:inline}h1.post-title{font-size:24px}.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}iframe#comment-editor{min-height:270px}#searchfs input[type="search"]{font-size:26px}.FeaturedPost .post-summary h3{font-size:20px;margin:0 10px}.FeaturedPost .post-summary p{margin:0 10px}.search-icon{right:12px}#baca-juga{max-width:100%}} @media screen and (max-width:320px){#wrapper{padding:60px 10px 10px}#cssmenu > ul > li > a{padding:12px 10px}.button{margin-left:10px}.info-1,.info-2,h2.post-title,.post-snippet{margin-left:0}.search-icon{right:10px}} /* Tombol Download */ .buttonDownload{border-radius:3px;display:inline-block;position:relative;padding:10px 25px;background-color:$(link.color);color:white!important;font-weight:500;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:500;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}} ]]> >";position:absolute;bottom:18px;z-index:999;right:80px;color:#999;font-size:12px} body#layout #wrapper,body#layout #header-wrapper{margin:0 0;padding:0 20px} body#layout #cssmenu{position:relative;height:33px;display:block;padding:20px;margin:8px 0;width:500px;font-size:14px;color:#fff;background:#bbbbbb;font-weight:bold;float:right;border:1px solid #8e8e8e} body#layout #cssmenu ul{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:0 0 15px 0;padding:0;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 .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:#bbbbbb;border:1px solid #8e8e8e;font-weight:bold} body#layout .add_widget,body#layout .widget-content{padding:12px} body#layout .add_widget a{margin-left:0;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:#bbbbbb;border-radius:15px;padding:4px 6px} ]]> <div itemscope='itemscope' itemtype='http://schema.org/Blog'> <script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d5011147696499885054\x26blogName\x3dtemplatemood\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dLIGHT\x26layoutType\x3dLAYOUTS\x26searchRoot\x3dhttps://templatemood.blogspot.com/search\x26blogLocale\x3din\x26v\x3d2\x26homepageUrl\x3dhttps://templatemood.blogspot.com/\x26vt\x3d-2983631487655555140', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script><script type="text/javascript"> (function() { var script = document.createElement('script'); script.type = 'text/javascript'; script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js'; var head = document.getElementsByTagName('head')[0]; if (head) { head.appendChild(script); }})(); </script>
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGSBoTa3naXn62hHUIwtPHl8QlanpKewPLFD7dCsUprGzU6PRZUEXK8UaCcTTID80-mflOVRyl0qZv66QOyT-tKTtto4W3nukTenUpVjBkMBWPkptSoP8QujI2hOzp1uBNiFTQwrf3ERQN/s1600/logo-templatemod.png 634 200 true false REPLACE 638

VIOMOOD

kami menyediakan template blog dengan berbagai aneka model dan desain mulai dari template gratisan hingga premium.

Template terbaru

Komentar false Penulis true TextAndImage pada tanggal BERI PENILAIAN: false 1x1 false false 1 #ffffff Post Link false #111111 true #f9690e false #f9690e #ffffff false false false false

Edit By Cacian 1 Cacian Cacian Cacian 1 Cacian Cacian

Berlangganan update artikel terbaru via email: