<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 ========================*/ /*!************************************************ * Blogger Template Style * Name: vio **************************************************/ /** * 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;} @font-face{ font-family : 'Roboto'; font-style : normal; font-weight : 300,400,600,700; src : local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/Hgo13k-tfSpn0qi1SFdUfaCWcynf_cDxXwCLxiixG1c.ttf) format('truetype');} /* 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-right: 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: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:0 0 1.5em;} hr{height:1px;border:none;background-color:#666;} /* heading */ 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} h1,h2,h3,h4,h5,h6 {margin: 0 0 0.6em;font-weight:700;}.post-body h3{position:relative;margin:0 0 10px;padding:10px 0;border-bottom:2px solid #e0e0e0;font-weight:700;text-transform:capitalize;}.post-body h3:before{content:'';position:absolute;bottom:-2px;right:0;left:0;background:#222222;width:7%;height:2px;}.post-body h4{font-weight:700;text-transform:capitalize;} .post-body h4:before{content:'';margin: 0 0 3px 6px !important;width:20px;height:20px;display:inline-block;vertical-align:middle;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23,12L20.56,9.22L20.9,5.54L17.29,4.72L15.4,1.54L12,3L8.6,1.54L6.71,4.72L3.1,5.53L3.44,9.21L1,12L3.44,14.78L3.1,18.47L6.71,19.29L8.6,22.47L12,21L15.4,22.46L17.29,19.28L20.9,18.46L20.56,14.78L23,12M10,17L6,13L7.41,11.59L10,14.17L16.59,7.58L18,9L10,17Z' fill='%2349e17e'/%3E%3C/svg%3E") no-repeat center center;background-size:23px;} /* list */ ol,ul,dl{margin: .5em 3em .5em 0em} li{margin: .5em 0} dt{font-weight: bold} dd{margin: 0 2em .5em 0} /* 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-wrap;padding:20px;margin:10px;font-size:18px;line-height:1.8;background:rgba(27,27,27,0.91);color:white;border-right:10px solid #000} blockquote{background: #f6f6f6;padding: 1em 1em;font-size: 105%;border-right: 3px solid $(header.background.kiri);border-radius: 2px;font-size:105%;} .post-outer { -webkit-touch-callout:none; -khtml-user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; } .post blockquote,.post pre,.post code{ -webkit-touch-callout:text; -khtml-user-select:text; -webkit-user-select:text; -moz-user-select:text; -ms-user-select:text; } .post-body mark{color:$(navmenu.font.color);background:$(header.background.kiri);opacity: 0.9;padding: 0 5px 2px;border-radius: 4px;} /*info*/ .tips h4.info h4,.warning h4{font-size: 120%;margin-bottom:10px;} .info h4:before{content:'';margin: 0px 0 0 6px !important;width:20px;height:20px;display:inline-block;vertical-align:middle;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14,2A8,8 0 0,0 6,10A8,8 0 0,0 14,18A8,8 0 0,0 22,10A8,8 0 0,0 14,2M4.93,5.82C3.08,7.34 2,9.61 2,12A8,8 0 0,0 10,20C10.64,20 11.27,19.92 11.88,19.77C10.12,19.38 8.5,18.5 7.17,17.29C5.22,16.25 4,14.21 4,12C4,11.7 4.03,11.41 4.07,11.11C4.03,10.74 4,10.37 4,10C4,8.56 4.32,7.13 4.93,5.82M18.09,6.08L19.5,7.5L13,14L9.21,10.21L10.63,8.79L13,11.17' fill='%2300539f'/%3E%3C/svg%3E") no-repeat center center;background-size:23px;} .tips h4:before{content:'';margin: 0px 0 0 6px !important;width:20px;height:20px;display:inline-block;vertical-align:middle;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23,12L20.56,9.22L20.9,5.54L17.29,4.72L15.4,1.54L12,3L8.6,1.54L6.71,4.72L3.1,5.53L3.44,9.21L1,12L3.44,14.78L3.1,18.47L6.71,19.29L8.6,22.47L12,21L15.4,22.46L17.29,19.28L20.9,18.46L20.56,14.78L23,12M10,17L6,13L7.41,11.59L10,14.17L16.59,7.58L18,9L10,17Z' fill='%230c9445'/%3E%3C/svg%3E") no-repeat center center;background-size:23px;} .warning h4:before{content:'';margin: 0px 0 0 6px !important;width:20px;height:20px;display:inline-block;vertical-align:middle;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13,13H11V7H13M13,17H11V15H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' fill='%23d93025'/%3E%3C/svg%3E") no-repeat center center;background-size:23px;} .info, .tips, .warning {line-height:1.2em;font-family:-apple-system,BlinkMacSystemFont,'Roboto','Segoe UI','Oxygen-Sans','Ubuntu','Cantarell','Helvetica Neue',sans-serif;min-height: 38px;padding:12px 15px 15px;margin: 5px 0;border-radius:4px;border-right:4px solid;}.info {background: rgba(186, 208, 228, .37);color: #00539f;border-color:#00539f }.tips {background: rgba(198, 226, 204, .37);color: #0c9445;border-color:#0c9445 }.warning {background: rgba(244, 215, 201, .37);color: #d93025;border-color:#d93025 }.info b,.tips b,.warning b{color:inherit!important }.info a,.tips a,.warning a{color:inherit!important;opacity:0.7;text-decoration:underline }.info a:hover,.tips a:hover,.warning a:hover{text-decoration:none } /* CSS Button */ .jejakerdownload{float:right;list-style:none;text-align:center;width:95%;margin:10px;padding:2px;font-size:14px;clear:both} .jejakerdownload ul{margin:0;padding:0} .jejakerdownload li{display:inline;margin:5px;padding:0;list-style:none} .jejakerdownload li a.demo,.jejakerdownload li a.download{position:relative;padding:14px 16px 14px 48px;background:#f39c12;display:block;color:#fff!important;font-weight:700;font-size:14px;text-align:right;text-transform:uppercase;letter-spacing:.2px;border-radius:3px;box-shadow:0 1px rgba(0,0,0,0.1);line-height:normal;transition:all .3s;max-width:100px;margin:auto;overflow:hidden} .jejakerdownload li a.download{background:$(header.background.kiri)} .jejakerdownload li a.demo:hover,.jejakerdownload li a.download:hover{background:#666} .jejakerdownload li a.demo:active,.jejakerdownload li a.download:active{cursor:pointer} .jejakerdownload li a.demo:after,.jejakerdownload li a.download:after{content:'\F054';background:rgba(0,0,0,0.1);position:absolute;left:0;top:0;font-weight:normal;display:inline-block;margin:0 10px 0 0;color:#fff;padding:16px 24px;font-family:fontawesome;transition:all .3s} .jejakerdownload li:hover a.demo:after,.jejakerdownload li:hover a.download:after{background:transparent;-webkit-animation:bounceright .3s alternate ease infinite;animation:bounceright .3s alternate ease infinite} @keyframes bounceright{from{transform:translateX(0)}to{transform:translateX(-3px)}} /* 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; } .label-info-th a, .info-1, .info-2, h2.post-title, .post-snippet{ 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; } 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; } /* body */ .tag-post a,.pagecurrent, #blog-pager-newer-link a, #blog-pager-older-link a{ border-radius: 3px } #share a:first-child { border-radius: 0 3px 3px 0; } #share a:last-child { border-radius: 3px 0 0 3px; } body {background: $(body.background);margin: 0 0 0 0;padding: 0 0 0 0;color: $(body.text.color);font: $(page.text.font);text-align: right;} /* WRAPPER */ #header-wrapper,#wrapper,.batas-footer{max-width:$(max.lebar)} #footer{max-width:$(batas.footer)} #wrapper {background: $(posts.background.color);margin: 0 auto;padding: 90px 30px 30px;overflow: hidden;} /* HEADER */ #header-container {background: $(header.background.kiri);background:linear-gradient(to left, $(header.background.kiri), $(header.background.kanan));position: absolute;top: 0;right: 0;left: 0;width: 100%;z-index: 999;height:70px;box-shadow: 0 3px 4px -2px rgba(0,0,0,0.1);}#header-wrapper {margin: 10px auto;position: relative;}.header {max-width: 400px;float: right;margin-left:12px;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);}.header img {display: block;width: auto;margin:5px auto;max-height:35px;}.header img:hover{animation:goyangin 1s;animation-iteration-count: infinite;} /* POST WRAPPER */ .post-container { padding:0; } #post-wrapper { background:transparent; float:right; width:66%; max-width:700px; margin:0 0 10px; } .post { margin-bottom: 20px; } .post-body { font:$(post.page.text.font); color:$(post.body.color); line-height: 1.65em; text-align: right; word-wrap: break-word; } #body-post-it a{ text-decoration:underline } h1.post-title { color:#fff; line-height: 1.425em; margin-bottom: 37px; font-weight:600; font:normal bold 1.8rem Roboto; } h2.post-title{ font: $(post.title.font); } h2.post-title { margin-bottom: 10px; } h2.post-title a, h1.post-title a, h2.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); } /* thumbnail */ .img-thumbnail {position: relative;float: right;max-width:100%;height:auto;overflow:hidden;margin-left: 12px;} .img-thumbnail img {width:100%;height:auto;display: block;}.img-thumbnail::before {position: absolute;top: 0;right: -75%;z-index: 2;display: block;content: '';width: 50%;height: 100%;background: -webkit-linear-gradient(right, rgba(255,255,255,0) 100%, rgba(255,255,255,.3) 100%);background: linear-gradient(to left, rgba(255,255,255,0) 100%, rgba(255,255,255,.3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}.img-thumbnail:hover::before {-webkit-animation: shine .75s;animation: shine .75s;}@-webkit-keyframes shine {100% {right: 125%;}}@keyframes shine {100% {right: 125%;}}} .label-info-th {display: block;z-index: 2;position: relative;margin-bottom: 10px;height: 32px;overflow: hidden;}.label-line-c {position:relative;}.label-line-c {text-align: center;margin-bottom: 6px;}.label-line-c::before {z-index: 1;content: "";width: 100%;height: 2px;background: $(label.border.color);position: absolute;top: 50%;right: 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: $(body.link.color);}.post-info {color: $(post.footer.color);font: $(post.footer.font);line-height: 1.6em;}.post-snippet{font-size: 14px;color: #454545;line-height: 1.2em;}.post-snippet b, .post-snippet strong, .post-snippet i, .post-snippet em {font-weight: normal;font-style: normal;} .info-1 {margin-top: 10px;}.info-2 {margin-top: 10px;}.info-3 {margin:1.6em 0;} .post-info a {text-transform:capitalize;display: inline-block;color: inherit;}.post-info a:hover {color: $(body.link.color);} .author-info::after,.time-info::after, .label-info::after {content: "-";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;} /* tag post bawah artikel */ .tag-post{margin-top:18px;letter-spacing:0;color:#fff;padding:0;font-size:13.5px;display:block;top:0;position:relative;right:0;z-index:100 } .tag-post a{color:#222222;font-weight:600;text-transform:none;padding:1px 8px 0;margin-left:7px;background:#eaeaea;text-decoration: none !important;} .tag-post:before{content:"Tags:";color:#222222;font-weight:600;border:1px solid #222222;padding:3.5px 8px 2.5px;margin:3px 0 5px 7px } .tag-post a:hover{box-shadow:0px 5px 4px rgba(64,64,64,0.1)} .tag-post a,.tag-post a:hover{display:none } .tag-post a:first-child,.tag-post a:nth-child(2),.tag-post a:nth-child(3){display:inline-block } /* breadcrumb */ .breadcrumbs{padding: 15px;margin: 0;margin-bottom: 20px;border: 0;display: block;font-size: 12px;color: #888;box-shadow:0 1px 4px rgba(0,0,0,0.05);}.breadcrumbs a{color:#888;}.breadcrumbs a:hover{color:#49e17e} /* AUTHOR POST PROFILE */ .author-profile {overflow: hidden;margin: 30px 0;line-height: 1.5;}.author-profile img {border: none;float: right;margin-left: 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);}.author-profile a.g-profile::after {content: "\f058";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;padding-left: 4px;color: $(body.link.color);} /* CUSTOM WIDGET */ .widget-item-control {float: left;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: none;background: none;-moz-box-shadow: none;-webkit-box-shadow: none;-ie-box-shadow: none;box-shadow: none }.widget ul {line-height:1.4em;} /* Label*/ .widget-content.cloud-label-widget-content{display:inline-block;width:100%} .widget-content.list-label-widget-content{padding:0} .widget-content.cloud-label-widget-content{display:inline-block} .label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5{font-size:100%;opacity:1} .cloud-label-widget-content{text-align:right;padding:10px} .label-count{white-space:nowrap;display:inline-block} .Label li{position:relative;background:#fff;color:#444;font-size:14px;padding:0;margin:0;text-align:right;border-bottom:1px solid rgba(0,0,0,0.08);width:100%} .Label li:last-child{border-bottom:0} .Label li:hover{background:#fff;color:#f39c12} .Label li:before{content:"";position:absolute;width:2px;height:100%;background:#e9e9e9;opacity:0} .Label li:hover:before{opacity:1;background:#f39c12} .Label li:after{position:absolute;right:15px;top:25%;content:'';width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9,1H19A2,2 0 0,1 21,3V19L19,18.13V3H7A2,2 0 0,1 9,1M15,20V7H5V20L10,17.82L15,20M15,5C16.11,5 17,5.9 17,7V23L10,20L3,23V7A2,2 0 0,1 5,5H15Z' fill='%236666'/%3E%3C/svg%3E") no-repeat center center;background-size:18px;display:inline-block;transition:all .3s} .Label li:hover:after{color:#f39c12} .Label li a{padding:0 42px 0 0;display:block;position:relative;line-height:42px;color:#222;text-decoration:none;transition:none} .Label li a:hover{color:#f39c12} .Label li span{float:left;height:24px;line-height:26px;width:40px;text-align:center;display:inline-block;background:#f0f0f0;color:#aaa;font-size:11px;position:absolute;top:9px;left:12px;z-index:2;border-radius:99em;transition:all .3s} .Label li:hover span{background:#fff;color:#222;box-shadow:0 0 0 1px rgba(0,0,0,0.08)} /* label Bro */ .label-info{position:relative;margin:auto 3px;display: inline-block;text-transform: capitalize;} .label-info svg{width: 15px;height: 15px;vertical-align:middle;} .label-info svg path{fill:#777;} .label-info a {display:inline-block;position:relative;margin:0;color:#fff;text-decoration:none;padding:1px;white-space:nowrap;border: 0;} .post-info a:nth-of-type(n+2){display:none} .label-info a:hover {color:$(body.link.hover.color);text-decoration:none;}.breadlabel:last-child {margin:0 4px 0 0;color:#c3c3c3;}.post-info {color: $(post.footer.color);font: $(post.footer.font);}.info-1, .info-2, h2.post-title, .post-snippet {margin-right:220px;}.info-1 {margin-bottom: 10px;}.info-2 {margin-top: 12px;} .info-3 {margin:0;display: inline-block;width: 100%;vertical-align: middle;line-height:4em;padding: 3px 0;} .post-info a {display: inline-block;font-weight: 600;color: #777;}.post-info a:hover {color: $(body.link.color);} .comment-info svg{width:13px;height:13px;vertical-align:-4px;} .comment-info svg path{fill:#777;} .comment-info a {color: #777;display: inline-block;min-width: 8px;padding:2px 4px 2px 4px;position: relative;} .comment-info a:hover {color:$(body.link.hover.color);}.edit-post:before {content: "-";padding: 0 2px;} /* 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;background:$(populer.bg.color)}.PopularPosts .widget-content ul li img {display: block;width: 70px;height: 70px;float: right;}.PopularPosts .widget-content ul li {margin:0;counter-increment: num;padding:4px 0;position: relative;border-bottom: 1px solid #eaeaea;} .PopularPosts ul li > a{color: $(populer.color);} .PopularPosts ul li:last-child {margin-bottom: 0px;padding-bottom:10px;border-bottom:0}.PopularPosts ul li .item-thumbnail-only::before, .PopularPosts ul li .item-content::before, .PopularPosts ul li > a::before {color:$(populer.color) !important} .PopularPosts .widget-content ul li:hover,.PopularPosts ul li:hover a:before{color:$(populer.hover) !important;background:$(populer.bg.hover);} .PopularPosts ul li .item-thumbnail-only::after, .PopularPosts ul li .item-content::after, .PopularPosts ul li > a::after {background: $(label.border.color);}.PopularPosts .item-title {line-height: 1.6;margin-left: 8px;min-height: 40px;font-weight: bold;}.PopularPosts .item-thumbnail {float: right;margin-left: 8px;}.PopularPosts .item-snippet {line-height: 1.6em;font-family: cairo;font-size: 14px;margin-top: 8px;opacity: 0.925;} /* 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;left: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);}.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;} /* Profile */ .Profile .widget-content {text-align: center;padding: 30px;margin: 0 auto;max-width: 300px;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: $(body.link.color);}.Profile .profile-link {border-style: solid;border-width: 1px;cursor: pointer;font-size: 14px;padding: 6px 22px;display: inline-block;line-height: normal;}.profile-textblock {margin: .8em 0;font-size: 14px;line-height: 1.5em;}.profile-img {float: right;display:inline;opacity:10;margin:0 0 3px 6px;}.profile-data {margin: 0;}.profile-datablock {margin: .5em 0;}.profile-name-link {background: no-repeat right top;box-sizing: border-box;display: inline-block;max-width: 100%;min-height: 20px;padding-right: 20px;} /* Archive */ #ArchiveList .toggle {cursor: pointer;font-family: Arial, sans-serif;}#ArchiveList .toggle-open {_font-size: 1.7em;line-height: .6em;}#ArchiveList {text-align: right;}#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-right: 15px;text-indent: -15px;margin: .25em 0;background-image: none;}.BlogArchive #ArchiveList ul ul li {padding-right: 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-right: 1.3em;}#ArchiveList .collapsed ul {display: none;} /* SUBSCRIBER BOX */ .berlangganan-box {background:transparent;color:#000;padding:10px;margin:0;text-align: center;border: 1px solid rgba(0,0,0,0.15);} .berlangganan-box p {margin:15px 0;} .berlangganan-box .email-group{float:right} .berlangganan-box input.your-name[type="text"],.berlangganan-box input.email-address[type="text"] {float:right;width:40%;padding: 10px;text-align:right;border-radius: 2px;border: none;outline: none;border:1px solid #aaa;margin-left: 12px;text-indent: 12px;} .berlangganan-box input.submit-email[type="submit"] {background:#49e17e;padding: 10px 15px;border-radius: 2px;color:#fff;border: none;outline: none;border:1px solid #aaa;font-weight: bold;} .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;} .berlangganan-box h2 { font-size: 22px; line-height: 35px; margin-bottom: 20px; margin-top: 15px; text-transform: none; border-bottom: 1px dashed #cccccc; padding-bottom: 10px; text-align: right; } .berlangganan-box ul.list--usp { list-style: none; margin: -10px -10px 25px 10px; padding: 0; } .berlangganan-box ul li{ margin-right:7px; padding: 5px 0; line-height: 25px; list-style: none; text-align:right; } .berlangganan-box ul li:before{height: 20px;width: 20px;display: inline-block;content: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9,20.42L2.79,14.21L5.62,11.38L9,14.77L18.88,4.88L21.71,7.71L9,20.42Z' fill='%2349e17e'/%3E%3C/svg%3E"); margin-left: 8px; vertical-align: middle; } /* Back to top */ #back-to-top svg {background:$(backtp.background.color);padding:10px 10px;width:24px;height:24px;border-radius: 22px;}#back-to-top svg path{fill:$(backtp.color);}.back-to-top {position: fixed !important;position: absolute;bottom: 25px;left: 20px;z-index: 998;} /* Blogger Sitemap Dropdown */ #sitemap1 {background-color:#fff; color:#1d2129; font-weight:400; border:1px solid #ccc;} #sitemap1 .loading {padding:10px 15px; color:#666;} #sitemap1 .judul {background-color:$(populer.bg.color); color:#fff; font-size:125%; font-weight:600; padding:15px; cursor:pointer; border-bottom:1px solid #fff; letter-spacing:1px; transition:all .3s ease;text-transform: capitalize;} #sitemap1 .judul:before{height: 20px;width: 20px;display: inline-block;float: left;content: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z' fill='%23fff'/%3E%3C/svg%3E");} #sitemap1 .judul:last-child {border-bottom:0px;} #sitemap1 .judul:hover {background-color:#1d2129;} #sitemap1 .judul:after {content:''; width:0px; height:0px; position:relative; float:left; top:10px; left:10px; border:5px solid transparent; border-color:#fff transparent transparent; transition:all .3s ease} #sitemap1 .judul.aktif {background-color:#1d2129;} #sitemap1 .judul.aktif:before {border-color:#fff transparent transparent; top:5px; -webkit-transform:rotate(-180deg); -moz-transform:rotate(-180deg); -ms-transform:rotate(-180deg); -o-transform:rotate(-180deg); transform:rotate(-180deg)} #sitemap1 .konten ol, #sitemap1 .konten ol li {list-style:none; list-style-type:none; margin:0px; padding:0px; font-weight:400;} #sitemap1 .konten ol li:nth-of-type(even) {background-color:#e9e9e9;} #sitemap1 .konten ol li:nth-of-type(odd) {background-color:#fff} #sitemap1 .konten ol li a {text-decoration:none; padding:10px 15px; display:block; color:#666; line-height:1.5em; transition:all .3s ease;} #sitemap1 .konten ol li a:hover {color:#000;} /* Share button */ #share_btnper{margin:auto;padding:7px 0} .showother{display:none} .share_btn{position:relative;margin:0;padding:0;display:block;overflow:hidden} .share_btn ul,ul .showother{position:relative;margin:0;padding:0;font-size:12px} .share_btn ul li{float:right;display:inline-block;overflow:hidden} .share_btn li a,.shareplus{color:#fff;padding:0;width:40px;display:block;text-align:center;height:35px;line-height:35px;transition:all 0.25s;margin:0 0 5px 5px;text-transform:uppercase;letter-spacing:1px;border-radius:4px;overflow:hidden} .share_btn i{font-size:16px;padding:0;margin:0;line-height:35px;text-align:center} .shareplus{padding:0;background:#aaa;cursor:pointer;margin-left:0} .share_btn li a.fb i,.share_btn li a.tw i{width:20px;text-align:right} .share_btn li a.fb,.share_btn li a.tw{padding:0 35px;width:212px} .share_btn a:hover{background:#333} .share_btn li a.fb{background:#4867aa} .share_btn li a.tw{background:#1da1f2} .share_btn li a.pt{background:#ca2128} .share_btn li a.le{background:#0673ab} .share_btn li a.tr{background:#43556e} .share_btn li a.em{background:#141b23} .share_btn li a.ln{background:#00c300} .share_btn li a.wa{background:#4dc247} .share_btn li a:hover,.shareplus:hover{-webkit-filter:grayscale(100%);opacity:0.8} /* 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-right: .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;}#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;} /* PAGE NAVIGATION */ #blog-pager-newer-link a {float:right;display:block;} #blog-pager-older-link a {float:left;display:block;} #blog-pager-newer-link a svg, #blog-pager-older-link a svg{width: 20px;height: 20px;vertical-align: middle;} #blog-pager-newer-link a svg path, #blog-pager-older-link a svg path{fill:#fff;} #blog-pager-newer-link a, #blog-pager-older-link a {font-family:'roboto',sans-serif;font-size:12px;padding: 6px 10px;margin: 2px 0px 2px 3px;display: inline-block;color:#fff;background:$(body.link.color);font-weight: bold;box-shadow: 0 2px 3px rgba(0,0,0,0.06), 0 2px 3px rgba(0,0,0,0.1) ;}#blog-pager-older-link a:hover, #blog-pager-newer-link a:hover, a.home-link:hover, .displaypageNum a:hover,.showpage a:hover{box-shadow:0 10px 21px rgba(0,0,0,0.15);}.showpageOf {display: none !important;}#blog-pager .pages {border: none;} /* Tombol Load More */ #blog-pager:before{position:relative;background:#000;width:200px;} #blog-pager {clear:both !important;padding:2px 0;text-align:center;} .sudah-habis,.coba-lagi,.sedang-loading,.muatlagi{max-width:200px;display:block;color:$(navmenu.font.color);font-family: 'roboto',sans-serif;background-color:$(header.background.kiri);font-size:12px;font-weight: bold;margin: 0px auto;padding:8px 15px;text-align: center;white-space: nowrap;border-radius: 25px;box-shadow:0 1px 6px rgba(32, 33, 36, 0.28);cursor:pointer;border:1px solid #DFE1E5;line-height: 19px;} .sedang-loading{cursor:wait;} .sudah-habis:after{width:18px;height:18px;vertical-align: -5px;display: inline-block;margin-right:5px;background: url("data:image/svg+xml,") center no-repeat;content: '';} .muatlagi:after{float:left;width:18px;height:18px;vertical-align:-5px;display:inline-block;background: url("data:image/svg+xml,") center no-repeat;content: '';} a.sedang-loading,a.muatlagi{color:$(navmenu.font.color)} .sedang-loading:after{float:left;width: 14px;height: 14px;margin-right: 10px;vertical-align: -2px;display: inline-block;animation: aqilSpin .75s linear infinite normal;-webkit-animation: aqilSpin .75s linear infinite normal;background: url("data:image/svg+xml,") center no-repeat;content: '';} .muatlagi:hover,.sedang-loading:hover{box-shadow:1px 9px 11px 0px rgba(0,0,0,0.05)} /* SEARCH FORM */ #search-wrapper{width:90%;margin:0 auto;padding:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-animation:shownow 0 ease-in-out;-moz-animation:shownow 0 ease-in-out;animation:shownow 0 ease-in-out }@keyframes shownow{0{transform:scale(0.9) }50%{transform:scale(1.01) }100%{transform:scale(1) }}#search-wrap{clear:both;width:75%;height:5px;margin:0 auto;padding:0;display:block;overflow:hidden }#search{border:0 solid rgba(63,63,63,.8);position:fixed;top:0;left:0;right:0;background:#fff;color:#444 }#searchform{color:#111;width:100%;max-width:1078px;margin:0 auto;overflow:hidden;position:relative }.search-button,.search-button:hover{display:none;clear:both;background:0 0;border:0;fill:#3f3f3f;width:40px;height:40px;line-height:40px;padding:0;text-align:center;font-size:25px;cursor:pointer;position:absolute;top:5px;left:10px;font-weight:700 }.search-button:active{border:0 0;outline:0 0;background:0 0 }#search-form{border:none;overflow:hidden;background-color:transparent;width:93%;height:45px;line-height:45px;padding:0;-moz-box-sizing:border-box;box-sizing:border-box;border:0 0;font-weight:400;font-size:16px;color:#444!important }#search-form{-webkit-box-sizing:border-box }#search-form:focus{border:0 0;outline:0;color:#fff }#searchform:focus{border:0 0;outline:0;color:#3f3f3f } #box{margin:21px auto;display:none;padding:0;width:100%;height:45px;position:fixed;top:48px;right:0;z-index:999999;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);background-color:#fff;border-bottom:4px solid $(border.color);text-align:center;-webkit-transition:all ease-in-out .25s;-moz-transition:all ease-in-out .25s;-ms-transition:all ease-in-out .25s;-o-transition:all ease-in-out .25s;transition:all ease-in-out .25s }#hide span.smallbutton{color:#fff;font-weight:700;padding:0;text-align:center;cursor:pointer;font-size:20px;width:40px;height:40px;line-height:40px;padding:0;border-radius:0;border:0 solid #fff;float:left;overflow:hidden;display:block;position:absolute;top:2px;left:35px }#hide span.smallbutton:hover{color:#fff;border-color:#fff }#box p{font-size:14px;margin:15% auto 70px;color:#fff;letter-spacing:2px;text-transform:uppercase } .search-icon span{font-weight: normal;width: 30px;height: 30px;position: absolute;top: 10px;left: 3px;cursor: pointer;text-align: center;background:$(search.icon.bg);border-radius: 2em;} .search-icon span:hover{background:$(search.icon.hover);} .search-icon .icons{width: 15px;position: absolute;top: 8px;left:7px} .search-button .icons{width:25px;padding:12px 0 0 } #hide span.smallbutton .icons{width:25px;vertical-align:middle } /* 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: right;}#cssmenu ul {margin: 0;display: block;height: 48px;}#cssmenu #head-mobile {display: none;position: relative;}#cssmenu > ul > li {float: right;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:#fff;-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: "\f0d7";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;margin-right: 10px;}#cssmenu ul ul li.has-sub > a::after {content: "\f0da";}#cssmenu > ul > li.has-sub:hover > a::after {content: "\f0d8";}#cssmenu ul ul {height: auto;position: absolute;right: -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 {right: 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-right: 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: 42px;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-right: 35px }#cssmenu ul ul, #cssmenu ul ul ul {position: relative;right: 0;width: 100%;margin: 0;text-align: right }#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;left: 0;top: 14px;cursor: pointer;z-index: 2;outline: none;}.mline1, .mline2, .mline3 {position: absolute;right: 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;left: 0;top: 0;cursor: pointer;}#cssmenu .submenu-button::after {content: "\f0d7";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;margin: 0 20px;color: $(navsubmenu.font.color);line-height: 42px;}#cssmenu .submenu-opened::after {content: "\f0d8";}#cssmenu ul ul .submenu-button::after {line-height: 36px;}#cssmenu ul ul ul li.active a{border-right: none }#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top: none }} /* FOOTER WIDGET */ .footer-widget {margin: 0 auto;text-align: center;}.footer-widget h2 {display: none;}.footer-widget .widget {margin-bottom: 0px !important;padding: 20px 0px;} /* FOOTER */ #footer {padding:0;overflow: hidden;color: $(footer.color);position: relative;margin: 0 auto 0;}#footer-atas {background:$(footer.atas.background);padding:0;overflow: hidden;color: $(footer.color);font-size: 12px;text-align: center;position: relative;max-height:150px;}#footer-bawah {display: inline-block;width: 100%;background:$(footer.bawah.background);font-family: 'roboto',sans-serif;margin-bottom: -3px;padding: 10px 0 10px;text-align: center;font-size: 11px;text-transform: capitalize;}#footer-bawah a {color: $(footer.body.link.color);margin:0 4px;}#footer-bawah a:hover {color: $(footer.hover.color);}.batas-footer{width:100%;display:inline-block;}.copyright{background:#000;}.footer-right{float:right;margin:6px 13px;}.footer-left{float:left;}.footer-left ul {list-style: none;margin: 0;}.footer-left ul li {display: inline-block;margin: 6px 0;}.footer-left ul li::after {content:"/";}.footer-left ul li:last-child::after {content:"";} /* menu navigasi */ #footer-nav{display: inline-block;max-width: 1000px;width: 100%;}.about-jejaker{display: block;min-height: 1px;float: right;width: 40%;margin: 30px 1px;}.about-jejaker p{text-align: initial;color:#fff;}.about-jejaker h2{text-align: right;font-size: 20px;font-weight: bold;text-transform:capitalize;color:#fff }.sosial-jejaker{float: left;margin: 30px 0;}.sosial-jejaker h2{font-size:19px;margin:0;font-family: 'roboto', sans-serif;} /* SOCIAL ICON footer */ ul.nav-social {list-style: none;margin: 0;padding: 0;}ul.nav-social li {float:left;display:inline-block;padding-right:6px;margin: 30px 0;}ul.nav-social li a {background:$(footerwidget.bg.color);width: 40px;height: 40px;line-height:4.5;display: block;text-align: center;border-radius: 5px;}ul.nav-social li a:hover {color:#fff;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;border-radius:50%;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;}ul.nav-social svg {width:25px;height:25px;}ul.nav-social path {fill: $(footerwidget.color);} .protect img{width:25px;height:auto;vertical-align:-2px;margin-right:2px;} /* Multi Related Post */ .mastahMultiRelated{background:#eaeaea;color:#000;margin:15px auto;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:nowrap;justify-content:space-between;border-right:4px solid #f39c12;transition:all .3s} .mastahMultiRelated .content .text{margin-left:5px;font-weight:bold;} .mastahMultiRelated .content{padding:10px 15px} .mastahMultiRelated .content a{color:#000;text-decoration:none !important;line-height:1.5em} .mastahMultiRelated .content a:hover{color:$(body.link.color);text-decoration:underline !important} /* RELATED POSTS */ .related-postbwrap{position:relative;margin:0 auto 0 auto;padding:0 0 20px 0;border-bottom:1px solid rgba(0,0,0,0.08)} .related-postbwrap h4{background:#0092e1;display:table;margin:0 0 15px 0;font-size:14px;color:#fff;font-weight:400;padding:4px 14px;border-radius:3px} .related-postbwrap h4:before{content:'';width:24px;height:17px;background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19,2L14,6.5V17.5L19,13V2M6.5,5C4.55,5 2.45,5.4 1,6.5V21.16C1,21.41 1.25,21.66 1.5,21.66C1.6,21.66 1.65,21.59 1.75,21.59C3.1,20.94 5.05,20.5 6.5,20.5C8.45,20.5 10.55,20.9 12,22C13.35,21.15 15.8,20.5 17.5,20.5C19.15,20.5 20.85,20.81 22.25,21.56C22.35,21.61 22.4,21.59 22.5,21.59C22.75,21.59 23,21.34 23,21.09V6.5C22.4,6.05 21.75,5.75 21,5.5V7.5L21,13V19C19.9,18.65 18.7,18.5 17.5,18.5C15.8,18.5 13.35,19.15 12,20V13L12,8.5V6.5C10.55,5.4 8.45,5 6.5,5V5Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center center;background-size: 20px;float: right;transition: all .6s;margin: 3px 0 0 6px !important;} .related-post-style-2,.related-post-style-2 li{list-style:none;margin:0;padding:0} .related-post-style-2 li{min-height: 102px;background: #fff;overflow: hidden;position: relative;width: 49.2%;float: right;margin-left: 6px;padding: 0;box-shadow: 0 2px 3px rgba(0,0,0,0.06), 0 2px 3px rgba(0,0,0,0.1);transition: all .3s;margin-bottom: 6px;} .related-post-style-2 li:nth-child(even){margin-left:0;width:329px;} .related-post-style-2 li:hover{background:#fff;box-shadow:0 1px 2px rgba(0,0,0,0.1);cursor:pointer} .related-post-style-2 .related-post-item-thumbnail{display:inline-block;width:100px;height:auto;max-width:none;max-height:none;background-color:transparent;border:none;float:right;margin:2px 0 0 10px;padding:0} .related-post-style-2 .related-post-item-title{display:block;font-size:14px;color:#111;overflow:hidden;padding:15px 5px 10px 10px;transition:all .3s;font-weight:bold;} .related-post-style-2 .related-post-item-title:hover{color:$(body.link.hover.color)} .related-post-style-2 .related-post-item-summary{display:none;} @media screen and (max-width:1024px){ .related-post-style-2 li:nth-child(even){margin-left:0;width:49%;} .related-post-style-2 li{margin-left:6px;width:49.2%;} .share_btn li a.fb, .share_btn li a.tw{width:auto;}} @media screen and (max-width:800px){ .related-post-style-2 li:nth-child(even){margin-left:0;}} @media screen and (max-width:768px){ .related-post-style-2 li:nth-child(even){margin-left: 0;width:100%;} .related-post-style-2 li {width:100%;float: right;margin-left:11px;padding: 0;}} @media screen and (max-width: 680px){ .related-post-style-2 li,.related-post-style-2 li:nth-child(even){width:100%;float:none;margin:5px 0} .related-post-style-2 li:nth-child(n+5){display:none}} /* contact form */ .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;}.comment-body {padding: 15px 0;margin: 0 0;}.comment-body p {margin: 0;}.comment-form {overflow:unset;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 h3{background:#49e17e;padding: 20px;border-radius: 3px;color: #fff;font-size:15px;}.comments .comments-content{font-size: 14px;margin-bottom: 30px }.comments .comments-content .comment-thread ol{text-align: right;margin: 13px 0;padding: 0;list-style: none;}.comment .avatar-image-container {float: right;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-right: 45px;border: 2px solid $(label.border.color);border-radius: 10px;word-break: break-word;}.comments .komenAdmin{background-color:#d9ffc9;border:1px solid #9bd084;padding:10px;margin-bottom:10px;}.comments .comment:target .comment-block {background-color:#d4edda;padding:10px 10px 25px;border-radius:5px;}.comments .comment .comment:target{padding:10px 10px 15px;}.comments .comment .comment:target .comment-actions{margin-bottom:5px;}.comments .comments-content .comment-replies{margin:10px 0;margin-right:45px }.comments .comments-content .comment-thread:empty{display:none }.comments .comment-replybox-single {margin-right:45px;margin: 20px 0;}.comments .comment-replybox-thread {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 14% 5px 0px }.comment .comment-thread.inline-thread .comment:nth-child(6) {margin:0px 12% 5px 0px;}.comment .comment-thread.inline-thread .comment:nth-child(5) {margin:0px 10% 5px 0px;}.comment .comment-thread.inline-thread .comment:nth-child(4) {margin:0px 8% 5px 0px;}.comment .comment-thread.inline-thread .comment:nth-child(3) {margin:0px 4% 5px 0px;}.comment .comment-thread.inline-thread .comment:nth-child(2) {margin:0px 2% 5px 0px;}.comment .comment-thread.inline-thread .comment:nth-child(1) {margin:0px 0 5px 0px;}.comments .comments-content .comment-thread{margin:0;padding:0 }.comments .comments-content .inline-thread{background:#fff;margin:0 } .comments .comments-content .icon.blog-author {width: 16px;height: 16px;margin-right: 5px;vertical-align: -3px;display: inline-block;background: url("data:image/svg+xml,") center center no-repeat;} .comments .comments-content .comment-header {font-size:14px;margin: 0 0 15px;}.comments .comments-content .comment-content {margin: 0 0 15px;text-align: right;line-height: 1.6;}.comments .comments-content .datetime {margin-right: 6px;}.comments .comments-content .datetime a {color:#bbbbbb;}.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 0 0 8px;}.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 {} .pesan-jejak{position: relative;background: #fff;color: #444;font-size: 14px;line-height: 1.5em;margin-bottom: 20px;padding: 15px;font-weight: 500;box-shadow: 0 0 20px rgba(0,0,0,.15);border-radius: 10px;}.pesan-jejak h5:before{color: #000;display: inline-block;content: "\f164";font-family: fontAwesome;font-style: normal;font-weight: normal;font-size: 18px;margin-left: 16px;}.pesan-jejak h5{font-size: 14px;margin: 0;color: #000;padding: 15px 20px;font-weight: 700;position: relative;text-transform: uppercase;overflow: hidden;} .pesan-komentar p {margin: 5px 0 15px;}.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-left: 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-right: 0 }} /* MEDIA QUERY */ @media only screen and (max-width:1080px){ #wrapper { margin: 0 auto; } #header-wrapper{ padding-right: 30px; padding-left: 30px; } .sticky-mobile { margin-left: 30px; } .img-thumbnail img { width: 240px; height:auto; } .search-icon span { left:30px; } .berlangganan-box .email-group{ loat: right; width: 73%;} } @media only screen and (max-width:800px){ #header-container{ height:50px; } #header-wrapper { padding-right: 0px; padding-left: 0px; position: relative; margin:0; } #wrapper { padding:60px 20px 20px; } #cssmenu > ul > li > a { padding: 0x 20px; line-height: 42px; } #footer-atas{ max-height:170px; } .footer-left,.footer-right,.about-jejaker,.sosial-jejaker{ display:inline-block; width:100%; margin:0; }.sosial-jejaker h2{display:none} .about-jejaker,.sosial-jejaker{ padding:0 0 14px; } .about-jejaker h2{ font-size:20px; font-weight: bold; } .about-jejaker h2,.about-jejaker p{ text-align:center; margin:5px 0; display:block; padding:3px; } .button { right: 20px; } .header { position: absolute; top: 0; right: 45px; left: 45px; z-index: 1; text-align: center; float: none; display: inline-block; max-width: 100%; margin-left: 0; } .header img { display: inline-block !important; height:28px; margin-top:9px; } .img-thumbnail img { width: 180px; height:auto; } .search-icon span { left:16px; } #hide span.smallbutton{ left: 5px; } #box{ margin:0 auto; } ul.nav-social { padding: 0px 8px; float: none; display: inline-block; } ul.nav-social li{margin:0} .berlangganan-box .email-group{float:none;width:100%} .berlangganan-box input.your-name[type="text"], .berlangganan-box input.email-address[type="text"]{ width: 95%; float: right; margin-bottom: 12px; } .berlangganan-box h2{font-size:18px} } @media only screen and (max-width:768px){ #post-wrapper, #sidebar-wrapper { float:none; width:100%; max-width:100%; padding:0; } .post-container { padding: 0 0 20px 0; } .share_btn li a.fb,.share_btn li a.tw{padding:0 36px;width:68px; } } @media only screen and (max-width:640px){ #wrapper { padding:60px 15px 15px; } #cssmenu > ul > li > a { padding: 0 15px; } .footer-widget .widget, #footer-navmenu-container { padding-right: 15px; padding-left: 15px; } .button { right: 15px; } #post-wrapper, #sidebar-wrapper { float:none; width:100%; max-width:100%; padding:0; } .search-icon span { left:15px; } } @media only screen and (max-width:480px){ #footer-navmenu ul li a { margin: 0px 8px; } .img-thumbnail { float: right; width: 100px; height: auto; margin: 3px 0 3px 8px; } .img-thumbnail img { width: 100px; height:auto; } blockquote { margin-right:0; margin-left:0; } 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:14px; font-weight:700; padding:2px 0; } h1.post-title { font-size: 24px; color:#000; } .section:last-child .widget:last-child, .sidebar .widget, .sidebar-sticky .widget, .above-post-widget .widget { margin:0 0 20px; } .comments .comments-content .comment-replies{ margin-right: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; } .FeaturedPost .post-summary { width: calc(100% + 30px); margin: 0px -15px 15px 0px; } .FeaturedPost .post-summary, .FeaturedPost .image, .img-thumbnail, .img-thumbnail img { border-radius: unset; } .FeaturedPost .post-summary h3 { font-size: 20px; margin: 0 10px; } .FeaturedPost .post-summary p { margin: 0 10px; } .share_btn li a.fb,.share_btn li a.tw{padding:0 24px;width:68px;} .berlangganan-box input.your-name[type="text"], .berlangganan-box input.email-address[type="text"]{ width: 95%; float: right; margin-bottom: 12px; } .berlangganan-box{border:none;padding:0} #blog-pager{margin-top:20px} } @media screen and (max-width:320px){ .share_btn ul li a.fb,.share_btn ul li a.tw{padding:0 14px} } /* 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;right: 15px;top: 52%;}.buttonDownload::before {width: 10px;height: 2px;border-style: solid;border-width: 0 2px 2px;}.buttonDownload::after {width: 0;height: 0;margin-right: 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 left, $(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: right;}.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 0 0 -1px;}.tabbed-toc .toc-content, .tabbed-toc .toc-line {width: 80%;float: left;background-color: white;border-right: 5px solid rgba(64,64,64,0.1);box-sizing: border-box;}.tabbed-toc .toc-line {float: none;display: block;position: absolute;top: 0;left: 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: left;}.tabbed-toc .panel li .summary {display: block;padding: 10px 12px 10px;font-size: 13px;}.tabbed-toc .panel li .summary img.thumbnail {float: right;display: block;margin: 5px 0 0 8px;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: right;}.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 }} #wrap { margin: 20px auto; text-align: center; } #wrap br { display: none; } .btn-slide { position: relative; display: inline-block; height: 50px; width: 250px; line-height: 50px; padding: 0; border-radius: 10px; background: #287f47; border: 2px solid #09b846; margin: 10px; transition: .5s; } .btn-slide span.circle { display: block; background-color: #09b846; color: #ffffff; position: absolute; float: left; margin: 5px; line-height: 42px; height: 40px; width: 40px; top: 0; left: 0; transition: .5s; border-radius: 50%; } .btn-slide2 { position: relative; display: inline-block; height: 50px; width: 250px; line-height: 50px; padding: 0; border-radius: 10px; background: #09b846; border: 2px solid #e80e8f; margin: 10px; transition: .5s; } .btn-slide2 span.circle2 { display: block; background-color: #09b846; color: #ffffff; position: absolute; float: left; margin: 5px; line-height: 42px; height: 40px; width: 40px; top: 0; left: 0; transition: .5s; border-radius: 50%; } .btn-slide:hover span.title, .btn-slide2:hover span.title2 { left: 40px; opacity: 0; } .btn-slide:hover span.title-hover, .btn-slide2:hover span.title-hover2 { opacity: 1; left: 40px; } .btn-slide:hover { background-color: #fff; } .btn-slide:hover span.circle, .btn-slide2:hover span.circle2 { left: 100%; margin-left: -45px; background-color: #fff; color: #09b846; } .btn-slide2 { border: 2px solid #287f47; } .btn-slide2:hover { background-color: #fff; } .btn-slide2:hover span.circle2 { color: #287f47; } .btn-slide2 span.circle2 { background-color: #287f47; } .btn-slide span.title, .btn-slide span.title-hover, .btn-slide2 span.title2, .btn-slide2 span.title-hover2 { position: absolute; left: 90px; text-align: center; margin: 0 auto; font-size: 16px; font-weight: bold; color: #fff; transition: .5s; } .btn-slide2 span.title2, .btn-slide2 span.title-hover2 { color: #fff; left: 80px; } .btn-slide span.title-hover, .btn-slide2 span.title-hover2 { left: 80px; opacity: 0; } .btn-slide span.title-hover, .btn-slide2 span.title-hover2 { color: #000; } ]]> >"; position: absolute; bottom: 18px; z-index: 999; left: 80px; color: #999; font-size: 12px; } body#layout #wrapper, body#layout #header-wrapper{ margin: 0 0; padding: 0 20px; } body#layout #cssmenu,body#layout #cssmenu ul, body#layout #footer ul { display: none; } body#layout .post-container { padding: 0 0 0 15px; } body#layout #post-wrapper{ width:62%; float:right; } body#layout .sidebar-container { width: 38%; float: right; padding:7px 0px; } 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 .sosial-jejaker{ float:left } body#layout .about-jejaker{ float:right } 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-right: 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: #bbbbbb; border-radius: 15px; padding: 4px 6px; } body#layout #footer{ position: relative; display:none; padding:0; font-size: 14px; color: #fff; background: #bbbbbb; border: 1px solid #8e8e8e; font-weight: bold; margin: 7px; height: 50px; } body#layout #footer::after { content: "Footer"; color: #fff; position: absolute; top: 17px; visibility: visible; } ]]> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5M6MFWZ');</script> <!-- End Google Tag Manager -->