<data:blog.pageTitle/> <data:blog.pageName/> - <data:blog.title/> <b:switch var='data:blog.locale'><b:case value='id'/>Semua Postingan - <data:blog.title/><b:default/>All Posts - <data:blog.title/> </b:switch> <b:switch var='data:blog.locale'><b:case value='id'/> Halaman tidak ditemukan - <data:blog.title/><b:default/>Page Not Found - <data:blog.title/> </b:switch> <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;} .quickedit,.edit-post,.item-control{display:none;} .post-body .separator > a, .post-body .separator > span {margin-left: 0 !important;} /* Post Table */ .post-body table{width:100%;max-width:100%;overflow:hidden;background:#ff6551;color:#fff;background:linear-gradient(45deg,#ff6551 0,#ff6551 13%,#ff6551 35%,#ffb351 100%);border:5px solid #fff;box-shadow:0 0 0 5px #ff6551}.post-body table td{border:0;padding:12px 15px;text-align:left;vertical-align:top;color:#fff;font-size:.9rem;font-weight:500;transition:all .3s ease}.post-body table td:first-child{border-right:0}.post-body table th{border:0;padding:12px 15px;text-align:left;vertical-align:top;font-size:16px;font-weight:500;transition:all .3s ease}.post-body table.tr-caption-container{border:0;margin:0}.post-body table caption{border:none;font-style:italic}.post-body td,.post-body th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px;border:0}.post-body td a{color:#fff;padding:0 18px;float:right;font-size:12px;display:inline-block;font-weight:500;border-radius:99em;text-transform:capitalize;box-shadow:0 0 0 3px rgba(0,0,0,0.1)}.post-body td a:hover{color:#fff;box-shadow:0 0 0 3px rgba(0,0,0,0.2)}.post-body td a[target="_blank"]:after{margin-left:5px}.post-body table.tr-caption-container td{border:0;padding:0;background:#fff;line-height:17px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-weight:500;color:#57606f}.post-body table.tr-caption-container,.post-body table.tr-caption-container img,.post-body img{max-width:100%;height:auto}.post-body table tr:nth-of-type(even) td{background-color:rgba(0,0,0,0.05)}.post-body table tr:nth-of-type(even):hover td,.post-body table tr:nth-of-type(odd):hover td{background-color:rgba(0,0,0,0.1);color:#fff}.post-body table tr td:nth-of-type(even){border-left:1px solid rgba(0,0,0,0.03)}.post-body table tr th:nth-of-type(even){border-left:1px solid rgba(255,255,255,0.03)}.post-body li{list-style-type:square}.post-body td.tr-caption{background:#465158!important;color:#fff!important;font-size:85%;padding:10px!important}.sr{visibility:hidden;width:0;height:0}.clear{clear:both}html{-webkit-font-smoothing:antialiased}::selection{background:#f33846;color:#fff;text-shadow:none}.post-body::selection{background:#f33846;color:#fff} /* FRAMEWORK */ strong,b{font-weight:bold;} cite,em,i{font-style:italic;} a:link{color:linear-gradient(45deg,#ff6551 0,#ff6551 13%,#ff6551 35%,#ffb351 100%);text-decoration:none;outline:none;} a:visited{color:linear-gradient(45deg,#ff6551 0,#ff6551 13%,#ff6551 35%,#ffb351 100%);text-decoration:none;} a:hover{color:#000000;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;} 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: bold; } /* list */ ol,ul,dl{margin: .8em 0em .8em 3em} li{margin: 0 0;} dt{font-weight: bold} 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:rgba(0,0,0,0.05);margin:1.5em 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 { width: 93%; } 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, .berlangganan-box input.submit-email[type="submit"], .berlangganan-box input.email-address[type="text"] { } .lazyload, .lazyloading { opacity: 0; } .lazyloaded { opacity: 1; transition: opacity 300ms; } .related-post-style-3 .related-post-item { transition: opacity 0.2s linear; } .label-info-th a, .info-1, .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; } .img-thumbnail, .img-thumbnail img { transition: width .2s linear; -o-transition: width .2s linear; -moz-transition: width .2s linear; -webkit-transition: width .2s linear; } #searchfs input[type="search"], h1,h2,h3,h4,h5,h6 { transition: font-size .2s linear; -o-transition: font-size .2s linear; -moz-transition: font-size .2s linear; -webkit-transition: font-size .2s linear; } .img-thumbnail, .img-thumbnail img, .FeaturedPost .post-summary, .FeaturedPost .image, .PopularPosts .item-thumbnail, .PopularPosts .widget-content ul li img, .Profile .widget-content, .PopularPosts .widget-content ul, .list-label-widget-content ul, .label-info-th a, .displaypageNum a, .showpage a, .pagecurrent, #blog-pager-newer-link a, #blog-pager-older-link a, .Profile .profile-link, .label-size, .berlangganan-box, #baca-juga, #baca-juga h2, .related-post-item-thumbnail, #baca-juga ul, .PopularPosts ul li .item-thumbnail-only::before, .PopularPosts ul li .item-content::before, .PopularPosts ul li > a::before { border-radius: 3px; } #share a:first-child { border-radius: 3px 0 0 3px; } #share a:last-child { border-radius: 0 3px 3px 0; } /* bodiku */ body { background: #f3f3f3; margin: 0 0 0 0; padding: 0 0 0 0; color: #fff; font: 400 14px 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Oxygen-Sans', 'Helvetica Neue', Arial, sans-serif; text-align: left; transition: all .5s ease; } /* WRAPPER */ #wrapper { background: #f3f3f3; max-width: 1000px; margin: 0 auto; padding: 0px 30px 30px; overflow: hidden; transition: all .5s ease; } /* HEADER */ #header-container { background:linear-gradient(50deg,#ff4169,#8b41f6); position: absolute; top: 0; left: 0; right: 0; width: 100%; z-index: 999; height: 55px; box-shadow: 0 1px 3px rgba(0,0,0,.3); } #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: bold 25px Poppins, Arial, sans-serif; color: #ffffff; margin: 0; text-transform: uppercase; line-height: 50px; } .header .description { color: #ffffff; margin: -10px 0 4px 0; padding: 0; font-size: 0.7em; display: none; } .header a, .header a:hover { color: #ffffff; } .header img { display: block; width: auto; margin: 10px 0; max-height: 35px; margin-top: 6px; } /* POST WRAPPER */ .post-container { padding-right: 25px; } #post-wrapper { background:transparent; float:left; width:70%; max-width:700px; margin:0 0 10px; } .breadcrumbs { font-size: 0.9em !important; } .breadcrumbs a { color: #555555; } .breadcrumbs a:hover { color: linear-gradient(45deg,#ff6551 0,#ff6551 13%,#ff6551 35%,#ffb351 100%); } /* postpost */ .post { margin-bottom: 6px; background: #fff; box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.04), 0 3px 1px -2px rgba(0, 0, 0, 0.05), 0 1px 5px 0 rgba(0, 0, 0, 0.04); padding: 5px; transition: all .5s ease; } .post-body { font:normal normal 15px Roboto, Arial, sans-serif; color:#000000; line-height: 1.65em; text-align: left; word-wrap: break-word; } h2.post-title, h1.post-title { font: 400 18px Poppins, Arial, sans-serif; } h1.post-title { font-size: 15px; margin-bottom: 15px; padding: 14px; border-radius: 5px; color: #fff; font: 400 20px 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Oxygen-Sans', 'Helvetica Neue', Arial, sans-serif; transition: all .5s ease; text-align:center; } h2.post-title { margin-bottom: 3px; } h2.post-title a, h1.post-title a, h2.post-title, .post-snippet{ color: #555555; line-height: 1.425em; } h2.post-title a:hover, h1.post-title a:hover { color: teal; } .info-1 { color: teal; } .img-thumbnail { position: relative; float: left; width: 255px; height: 170px; margin-top: 3px; overflow: hidden; } .img-thumbnail img { width: 100%; display: block; transition: all .3s ease; } .img-thumbnail img:hover { filter:brightness(85%);-webkit-filter:brightness(85%);animation:none;-moz-animation:none;-webkit-animation:none;-o-animation:none;transition: all .3s ease; } .label-info-th { display: block; z-index: 2; position: relative; height: 32px; overflow: hidden; } .label-line { margin-left: 260px; padding: 0 10px; margin-top: 4px; } .label-line-c { text-align: center; margin-bottom: 6px; position: relative; } .label-info-th a { color: #fff; background: linear-gradient(45deg,#ff6551 0,#ff6551 13%,#ff6551 35%,#ffb351 100%); display: inline-block; padding: 2px 6px; margin: 1px 0; font-size: 13px; font-weight: 500; line-height: 1.8; transition: all .5s ease; } .label-info-th a:hover { color: #fff; } .post-info { font: normal normal 13px Arial; line-height: 1.6em; color: #333; } .post-snippet b, .post-snippet strong, .post-snippet i, .post-snippet em { font-weight: normal; font-style: normal; } .info-1 { margin-top: 4px; } .info-2 { margin-top: 10px; } .info-3 { margin-bottom: 3em; } .post-info a { display: inline-block; } .post-info a:hover { color: #fff; } .author-info::after, .time-info::after, .label-info::after { content: "-"; padding: 0 2px; } .edit-post a { color: linear-gradient(45deg,#ff6551 0,#ff6551 13%,#ff6551 35%,#ffb351 100%); } .edit-post a:hover { color: #000000; } .edit-post::before { content: "-"; padding: 0 2px; } /* 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, .comments h3, .breadcrumbs { font: normal 15px Raleway, Arial, sans-serif; margin-bottom: 20px; color: #000000; display: inline-block; } .above-post-widget h2 { display: flex; margin-bottom: 10px; font: 500 14px 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Oxygen-Sans', 'Helvetica Neue', Arial, sans-serif; font-size: 1.15rem; align-items: center; border-radius: 7px 7px 0px 0px; color: #333; } .above-post-widget svg { width: 17px; height: 17px; margin-right: 5px; fill:#ff6551; } .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: 9; } .sidebar .widget-content::after, .sidebar-sticky .widget-content::after, .sidebar .widget-content::before, .sidebar-sticky .widget-content::before { content: ""; display: table; table-layout: fixed; clear: both; } .bellow-header-widget { text-align: center; } .bellow-header-widget h2 { display: none; } .bellow-header-widget .widget { overflow: hidden; } .bellow-header-widget img, .bellow-header-widget iframe{ max-width: 100%; border: none; overflow: hidden; } /* CUSTOM WIDGET */ .widget-item-control { float: right; height: 20px; margin-top: -20px; position: relative; z-index: 10 } .widget-item-control a { opacity: .5 } .widget-item-control a:hover { opacity: 1 } .widget .widget-item-control a img { border: none; padding: 0 ; background: none; -moz-box-shadow: none; -webkit-box-shadow: none; -ie-box-shadow: none; box-shadow: none } .widget ul { line-height:2.4em; } /* GSC */ .gsc-search-box-tools .gsc-search-box .gsc-input { margin: 3px 0 !important; } .gsib_a { padding: 0px 6px 0 !important; } .cse .gsc-search-button-v2, .gsc-search-button-v2 { padding: 9px 27px !important; } /* Label */ .label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 { font-size:100%; opacity:10 } .cloud-label-widget-content { text-align:left } .label-size { 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: linear-gradient(45deg,#ff6551 0,#ff6551 13%,#ff6551 35%,#ffb351 100%); font-size: 13px; text-transform: uppercase; border: 1px solid linear-gradient(45deg,#ff6551 0,#ff6551 13%,#ff6551 35%,#ffb351 100%); } .label-size a,.label-size span{ display: inline-block; color: linear-gradient(45deg,#ff6551 0,#ff6551 13%,#ff6551 35%,#ffb351 100%); padding: 6px 8px; } .label-size:hover { border: 1px solid #000000; } .label-size:hover a, .label-size:hover .label-count { color: #000000; } .label-count { padding: 0px 7px; } .list-label-widget-content ul { display: flex; flex-wrap: wrap; } .list-label-widget-content ul li { } .bellow-header-widget .cloud-label-widget-content { } .bellow-header-widget .cloud-label-widget-content .label-size { font-weight: bold; } .bellow-header-widget .cloud-label-widget-content .label-size a, .bellow-header-widget .cloud-label-widget-content .label-size span { padding: 15px 20px; } /* Feed */ .Feed ul li { display: block; margin: 0 0 10px; } .Feed ul li:last-child { margin-bottom: 10px; } .Feed .item-date, .Feed .item-author { color: #999; } .Feed .item-title { font-weight: bold; } /*POPULAR POST*/ .popular-posts {box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.04), 0 3px 1px -2px rgba(0, 0, 0, 0.05), 0 1px 5px 0 rgba(0, 0, 0, 0.04);padding: 13px;background:#ffffff;} .PopularPosts ul li:hover{background: #3333330f;} .popular-posts ul li a {color:teal;} .popular-posts ul li a:hover {color:#555555;} .PopularPosts h2 {text-indent: 20px;margin-bottom: -6px;border-bottom: none;width: 100%;padding-bottom: 15px;padding-top: 15px;font:400 14px 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Oxygen-Sans', 'Helvetica Neue', Arial, sans-serif;color:#222;text-align:left} .PopularPosts h2 span {margin-left:20px} .PopularPosts .widget-content ul, .PopularPosts .widget-content ul li {margin: 0 0;padding: 0 0;list-style:none;border:none;outline:none;} .PopularPosts .widget-content ul {margin: 0;list-style:none;counter-reset:num;} .PopularPosts .widget-content ul li img {display: block;width: 70px;height: 70px;float: left;} .PopularPosts .widget-content ul li {margin: 0;counter-increment: num;position: relative;background:linear-gradient(-45deg,#f9b74e,#cf7bfa);margin: 0 0 10px;padding: 5px 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border-radius: 5px;} .PopularPosts ul li:last-child {margin-bottom: 0px;} .PopularPosts ul li .item-thumbnail-only::after, .PopularPosts ul li .item-content::after, .PopularPosts ul li > a::after {background: #efefef;} .PopularPosts .item-title {line-height: 1.6;margin-right: 8px;min-height: 40px;} .PopularPosts .item-thumbnail {float: left;margin-right: 8px;} .PopularPosts .item-snippet {line-height: 1.6em;margin-top: 8px;opacity: 0.925;} .PopularPosts ul li > a {font-weight: bold; font-size: 14px;} .PopularPosts .item-title, .PopularPosts .item-thumbnail, .PopularPosts .item-snippet {margin-left: 15px;margin-bottom: 9px; margin-top: 5px;} .PopularPosts .widget-content ul li a { color: #fff; white-space: nowrap; overflow: hidden; font-size: 91%; } .PopularPosts .widget-content ul li a:hover {text-decoration: underline;} .PopularPosts .widget-content ul li:hover {background-size:200%;} .PopularPosts .widget-content ul li:hover {opacity: 1;transform: scale(1.02);transition: all .3s ease;} .PopularPosts:hover li {opacity: .7;transform: scale(0.98);transition: all .3s ease;} .PopularPosts .widget-content ul li a { color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 91%; } .PopularPosts h2 svg {margin-right: 15px;float: right;display: inline-block;width: 20px;height: 20px;vertical-align: -5px;background-repeat: no-repeat!important;content: '';} /* Featured Post */ .FeaturedPost .post-summary { background:linear-gradient(45deg,#ff6551 0,#ff6551 13%,#ff6551 35%,#ffb351 100%); position: relative; padding: 0; min-height: 190px; max-height: 450px; overflow: hidden; border-radius: 8px; transition: all .5s ease; } .FeaturedPost .post-summary h3 { font: 20px Poppins, Arial, sans-serif; position: absolute; z-index: 1; font-size: 1.25rem; margin: 0; overflow: hidden; padding: 15px; width: 60%; right: -16px; line-height: initial; } .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; } .FeaturedPost .post-summary h3 a:hover { } .FeaturedPost .post-summary p { position: absolute; color: #fff; padding: 3px 8px; bottom: auto; top:70px; margin-left:265px; overflow: hidden; text-overflow: ellipsis; white-space:; width: 60%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .FeaturedPost .image { display: block; border-radius: 7px 0px 0px 7px; width: 37%; height: 190px; clear: both; max-width: 100%; } .sidebar .FeaturedPost .post-summary h3 { font-size: 16px; } /* Profile */ .Profile .widget-content { text-align: center; padding: 30px; margin: 10px 0 0px; max-width: 300px; background:linear-gradient(50deg,#ff4169,#8b41f6); box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.04), 0 3px 1px -2px rgba(0, 0, 0, 0.05), 0 1px 5px 0 rgba(0, 0, 0, 0.04); border-radius:7px; transition:all .5s ease border: 2px solid #efefef; } .Profile .profile-img { border-radius: 10%; float: none; border:2px solid #fff; } .Profile .profile-name-link { color: #ffffff; font-size: .9em; opacity: 1; overflow: hidden; } .Profile .profile-name-link:hover { color: #f2994a; } .Profile .profile-link { border-style: solid; border-width: 1px; cursor: pointer; font-size: 14px; padding: 6px 12px; display: inline-block; line-height: normal; color:#fff; } .profile-textblock { margin: .8em 0; font-size: 14px; line-height: 1.5em; color:#fff; } .profile-img { float: left; display:inline; opacity:10; margin:0 6px 3px 0; } .profile-data { margin: 0; } .profile-datablock { margin: .5em 0; } .profile-name-link { background: no-repeat left top; box-sizing: border-box; display: inline-block; max-width: 100%; min-height: 20px; padding-left: 20px; } /* Archive */ #ArchiveList .toggle { cursor: pointer; font-family: Arial, sans-serif; margin-right: 10px; } #ArchiveList .toggle-open { _font-size: 1.7em; line-height: .6em; } #ArchiveList { text-align: left; } #ArchiveList a.post-count-link, #ArchiveList a.post-count-link:link, #ArchiveList a.post-count-link:visited { text-decoration: none; } #ArchiveList a.toggle, #ArchiveList a.toggle:link, #ArchiveList a.toggle:visited, #ArchiveList a.toggle:hover { color: #a0a0a0; text-decoration: none; } .BlogArchive #ArchiveList ul li { background: none; list-style: none; list-style-image: none; list-style-position: outside; border-width: 0; padding-left: 15px; padding-top: 3px; padding-bottom: 3px; text-indent: -15px; margin: .25em 0; background-image: none; } .BlogArchive #ArchiveList ul ul li { padding-left: 1.2em; } .BlogArchive #ArchiveList ul { margin: 0; padding: 0; list-style: none; list-style-image: none; border-width: 0; } .BlogArchive #ArchiveList ul.posts li { padding-left: 1.3em; } #ArchiveList .collapsed ul { display: none; } /* Artikel Terbaru */ .artikel-terbaru ul li { border-bottom: 2px dotted #eaeaea; padding-bottom: 8px; margin-bottom: 8px; font-weight: bold; } .LinkList ul li, .PageList ul li { border-bottom: 2px dotted #eaeaea; padding: 6px 0px; } .artikel-terbaru 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; color: linear-gradient(45deg,#ff6551 0,#ff6551 13%,#ff6551 35%,#ffb351 100%); } .artikel-terbaru ul li::before { content: "\f14b"; } .LinkList ul li::before { content: "\f14c"; } .PageList ul li::before { content: "\f249"; } /* SUBSCRIBER BOX */ .berlangganan-box { background: #e26a49; background: linear-gradient(to right, #e26a49, #d1246a); color: #ffffff; 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: #000000; border: none; outline: none; } .berlangganan-box input.submit-email[type="submit"]:hover { background: #000000; color: #fff; cursor: pointer; } .berlangganan-box input.email-address[type="text"]:focus { background: #fffcd2; } /* Back to top */ #back-to-top svg{width:24px;height:24px;vertical-align:-4px}#back-to-top:hover svg path{fill:#fff}#back-to-top:hover{box-shadow:0 0 .5rem 0rem #444;background:linear-gradient(-45deg,#f9b74e,#cf7bfa););border-radius:50%;border:2px solid #fff}#back-to-top{background:linear-gradient(45deg,#ff6551 0,#ff6551 13%,#ff6551 35%,#ffb351 100%);border:2px solid #fff;color:#444;padding:6px 10px;box-shadow:0 0 .5rem 0rem #444;font-size:24px;border-radius:50%;transition:all .30s ease-in-out}.back-to-top:hover{transform:rotate(-45deg)}.back-to-top{position:fixed!important;position:absolute;bottom:60px;right:20px;transition:transform .5s ease-out;z-index:998} /* Share button */ .share-this-pleaseeeee { display: inline-block; margin: 0; color: inherit; text-transform: uppercase; font-size: 16px; background: #ffffff; z-index: 1; position: relative; padding: 0 10px; font-weight: bold; margin-top: 3px; } #share-container { margin: 20px auto 30px; overflow: hidden; } #share { width: 100%; text-align: center; } #share a { width: 25%; height: 40px; display: block; font-size: 24px; color: #fff; transition: opacity 0.15s linear; float: left; } #share a:hover { opacity: 0.8; } #share a svg { width:24px; height:24px; margin-top: 7px; } #share a svg path { fill: #ffffff; } .facebook { background: #3b5998; } .twitter { background: #55acee; } .linkedin { background: #0077b5; } .pinterest { background: #cb2027; } .whatsapp { background: #25d366; } /* Status Msg */ .status-msg-wrap { 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; color: #555; } .status-msg-hidden { visibility: hidden; padding: .3em 0; } .status-msg-wrap a { padding-left: .4em; color: teal; } /* SLOT IKLAN */ .iklan-tengah1 .widget, .iklan-tengah2 .widget, .iklan-bawah .widget, .iklan-atas .widget, .iklan-tengah1 .widget-content, .iklan-tengah2 .widget-content, .iklan-bawah .widget-content, .iklan-atas .widget-content { margin:0 !important; } .iklan-tengah1 h2, .iklan-tengah2 h2, .iklan-bawah h2, .iklan-atas h2 { display: none; } .post-body .widget-content { text-align: center; margin: 0.8em 0 0.8em; display: block; } .post-body .widget-content:blank { margin: 0 0; } /* PAGE NAVIGATION */ #blog-pager { clear:both !important; padding:2px 0; text-align: center; } #blog-pager-newer-link a { float:none; display:block; background:linear-gradient(-45deg,#f9b74e,#cf7bfa); width: 96%; border-radius: 30px; padding: 10px 7px; color: #fff; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.04), 0 3px 1px -2px rgba(0, 0, 0, 0.05), 0 1px 5px 0 rgba(0, 0, 0, 0.04); transition: all .5s ease; } #blog-pager-newer-link a:hover { box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.04), 0 3px 1px -2px rgba(0, 0, 0, 0.05), 0 1px 5px 0 rgba(0, 0, 0, 0.04);-webkit-box-shadow: inset 0 -2px 2px 0 rgba(0, 0, 0, 0.04), 0 3px 1px -2px rgba(0, 0, 0, 0.05), 0 1px 5px 0 rgba(0, 0, 0, 0.04);background-size:200%; } #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: 13px; margin: 2px 3px 2px 0px; display: inline-block; } #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; } .showpageOf { display: none !important; } #blog-pager .pages { border: none; } /* FOOTER NAV MENU */ .waving{overflow:hidden;position:relative;width:100%;color:#fff;font-size:0;margin:0 auto} .waving svg{fill:#fff;width:102%;margin-left:-1%;height:auto} #footer-navmenu{border-bottom:1px dotted rgba(0,0,0,0.08);background:#028271;padding:30px 0;font:bold 14px Roboto, Arial, sans-serif;color:#ffffff} #footer-navmenu-container{max-width:1000px;margin:0 auto;text-align:center} #footer-navmenu ul{list-style:none;margin:0} #footer-navmenu ul li{display:inline-block;margin: 2px 0;} #footer-navmenu ul li a{color:#028271;margin:0 1px;padding:9px 12px;border-radius:3px;background: #8fd8d5;} #footer-navmenu ul li a:hover{color:#ffffff;text-decoration: underline;} /* FOOTER WIDGET */ #footer-widget-container { background: #028271; font-size: 18px; } .footer-widget { max-width: 1000px; margin: 0 auto; text-align: center; } .footer-widget h2 { display: none; } .footer-widget .widget { margin-bottom: 0px !important; padding: 20px 0px; } /* SOCIAL ICON */ ul.nav-social { list-style: none; margin: 0; padding: 0; } ul.nav-social li { display: inline-block; padding: 0px 15px; margin: 0; } ul.nav-social li a { color: #8e8e8e; } ul.nav-social li a:hover { color:#555; } ul.nav-social li a.fcb:hover { color:#3B5A9B; } ul.nav-social li a.gpl:hover { color:#DD4B39; } ul.nav-social li a.twt:hover { color:#1BB2E9; } ul.nav-social li a.ytb:hover { color:#ED3F41; } ul.nav-social li a.lkdn:hover { color:#007fb2; } ul.nav-social li a.igicon:hover { color:#527fa4; } /* SEARCH FORM */ .search-icon { position: absolute; top: 11px; right: 55px; font-size: 19px; } .search-icon a { color: #ffffff; } #searchfs { position: fixed; z-index:9999; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; -webkit-transform: translate(0px, -100%) scale(0, 0); -moz-transform: translate(0px, -100%) scale(0, 0); -o-transform: translate(0px, -100%) scale(0, 0); -ms-transform: translate(0px, -100%) scale(0, 0); transform: translate(0px, -100%) scale(0, 0); opacity: 0; } #searchfs.open { -webkit-transform: translate(0px, 0px) scale(1, 1); -moz-transform: translate(0px, 0px) scale(1, 1); -o-transform: translate(0px, 0px) scale(1, 1); -ms-transform: translate(0px, 0px) scale(1, 1); transform: translate(0px, 0px) scale(1, 1); opacity: 1; z-index: 9999; background:#383131f0; } #searchfs input[type="search"] { position: absolute; top: 50%; left: 0; margin-top: -51px; width: 70%; margin-left: 15%; color: rgb(255, 255, 255); background: transparent; font-size: 40px; text-align: center; outline: none; padding: 10px; border: 2px solid #de0985; color: #de0985; border-radius: 40px; } #searchfs .close { position: fixed; bottom: 50%; right: 50%; color: #fff; background-color: transparent; opacity: 0.8; font-size: 40px; border: none; outline: none; margin-bottom: 60px; margin-right: -10px; } #searchfs .close:hover { cursor: pointer; } /* NAV MENU */ #cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #head-mobile { border: 0; list-style: none; line-height: 1; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #cssmenu ul li a { position: relative; } #cssmenu #head-mobile { position: relative; } #cssmenu { text-align: left; } #cssmenu ul { margin: 0; display: block; height: 48px; } #cssmenu #head-mobile { position: relative; } #cssmenu > ul > li { float: left; margin: 0; } #cssmenu > ul > li > a { padding: 0 17px; font: bold 12px Raleway, Arial, sans-serif; line-height: 48px; letter-spacing: 0.8px; text-decoration: none; text-transform: uppercase; color: #ffffff; } #cssmenu > ul > li:hover > a, #cssmenu ul li.active a { color: #ffffff; } #cssmenu > ul > li:hover, #cssmenu ul li.active:hover, #cssmenu ul li.active, #cssmenu ul li.has-sub.active:hover { background: rgba(35, 32, 32, 0.12); -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-left: 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; 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: #f4f4f4; margin: 0; } #cssmenu ul ul li:hover { background: #e5e5e5; } #cssmenu ul ul ul{ margin-left: 100%; top: 0 } #cssmenu ul ul li a { font: 400 12px 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: #000000; 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: #e5e5e5; } @media screen and (min-width:801px){ #cssmenu ul { display: block !important; } } @media screen and (max-width:800px){ #cssmenu { float: none; } #cssmenu ul { background: #f4f4f4; width: 100%; display: none; height: auto; } #cssmenu > ul { max-height: calc(100vh - 48px); overflow-y: auto; width: 300px; transition:all 0.7s ease; position: fixed; height:calc(100% - 45px); background: #077171; transform: translate(-300px, 0px); box-shadow: 0 2px 8px 0 rgba(0,0,0,0.15); } #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%; background: #077171; border: none; } #cssmenu > ul > li:hover, #cssmenu ul li.active:hover, #cssmenu ul li.active, #cssmenu ul li.has-sub.active:hover { background: #065f5f; } #cssmenu > ul > li:hover > a, #cssmenu ul li.active a { } #cssmenu ul ul li a { padding: 0 25px; } #cssmenu ul li a, #cssmenu ul ul li a { width: 100%; border-bottom: 0; color: #000000; } #cssmenu > ul > li { float: none; position: relative; } #cssmenu ul ul li.has-sub ul li a { padding-left: 35px } #cssmenu ul ul, #cssmenu ul ul ul { position: relative; left: 0; width: 100%; margin: 0; text-align: left } #cssmenu > ul > li.has-sub > a::after, #cssmenu ul ul > li.has-sub > a::after { display: none } #cssmenu #head-mobile { display: block; padding: 24px; color: #fff; font-size: 12px; font-weight: bold } .button { width: 25px; height: 20px; position: absolute; right: 0; top: 15px; cursor: pointer; z-index: 2; outline: none; } .mline1, .mline2, .mline3 { position: absolute; left: 0; display: block; height: 2px; width: 18px; background: #ffffff; content:''; border-radius: 5px; transition: all 0.2s; display: none; } .mline1 { top: 2px; } .mline2 { top: 7px; } .mline3 { top: 12px; } .button.menu-opened .mline1 { top: 3px; border: 0; width: 13px; background: #ffffff; -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: #ffffff; width: 19px; } .button.menu-opened .mline3 { height:2px; 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: 99; right: 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: #000000; 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-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:#016e60;color:#dddddd;padding:20px 5px;border-top:1px dotted rgba(255,255,255,0.12);overflow:hidden;font-size:12px;text-align:center} #footer-wrapper{max-width:1000px;margin:0 auto} #footer-wrapper a{color:#dddddd} #footer-wrapper a:hover{color:#ffffff} /* RELATED POSTS */ .related-post { margin: 30px auto 0; overflow: hidden; } .related-post h4 { position:relative; margin: 0; display: inline-block; font-weight: bold; color: #565656; text-transform: uppercase; font-size: 16px; z-index: 1; background: #ffffff; padding: 0 10px; transition: all .5s ease; } .related-post ul { padding: 0 !important; font-size: 14px; } /* Style 3 */ .related-post-style-3, .related-post-style-3 li { margin: 0; padding: 0; list-style: none; word-wrap: break-word; overflow: hidden; } .related-post-style-3 .related-post-item { float: left; width: 23.5%; height: auto; margin-right: 2%; margin-bottom: 10px; } .related-post-style-3 .related-post-item:nth-of-type(4n+0) { margin-right: 0; } .related-post-style-3 .related-post-item:nth-of-type(4n+1) { clear: both; } .related-post-style-3 .related-post-item:hover { opacity: 0.7; } .related-post-style-3 .related-post-item-thumbnail { display: block; max-height: none; background-color: transparent; border: none; padding: 0; max-width: 100%; } .related-post-style-3 .related-post-item-title { color: #444; } .related-post-style-3 .related-post-item-tooltip { padding: 10px 0; line-height: 1.7em; } .related-post-item-tooltip .related-post-item-title { } @media only screen and (max-width:480px){ .label-info-th { float: none; } .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 linear-gradient(45deg,#ff6551 0,#ff6551 13%,#ff6551 35%,#ffb351 100%); } .contact-form-email:focus, .contact-form-name:focus, .contact-form-email-message:focus { outline: none; border: 1px solid #ff6551; } .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: linear-gradient(45deg,#ff6551 0,#ff6551 13%,#ff6551 35%,#ffb351 100%); 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: 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{ transition: all .5s ease; margin-bottom:20px; } .comments .comments-content .comment-thread ol{ text-align: left; margin: 13px 0; padding: 0; list-style: none; } #comments .comment-thread ol > li {background:#fff;border: 1px solid #dddfe2;padding: 15px 15px 0px;margin-bottom: 20px; border-radius: 7px;transition: all .5s ease;} .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; margin-left: 45px; border-radius: 5px; word-break: break-word; transition: all .5s ease; } .comments .comments-content .comment-replies{ margin:10px 0; margin-left:45px; border-left: 1px solid #ff6551; padding-left: 10px; } .comments .comments-content .comment-thread:empty{ display:none } .comments .comment-replybox-single { margin-left: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 0px 5px 14% } .comment .comment-thread.inline-thread .comment:nth-child(6) { margin:0px 0px 5px 0%; } .comment .comment-thread.inline-thread .comment:nth-child(5) { margin:0px 0px 5px 0%; } .comment .comment-thread.inline-thread .comment:nth-child(4) { margin:0px 0px 5px 0%; } .comment .comment-thread.inline-thread .comment:nth-child(3) { margin:0px 0px 5px 0%; } .comment .comment-thread.inline-thread .comment:nth-child(2) { margin:0px 0px 5px 0%; } .comment .comment-thread.inline-thread .comment:nth-child(1) { margin:0px 0px 5px 0; } .comments .comments-content .comment-thread{ margin:0; padding:0 } .comments .comments-content .inline-thread{ background:#fff; margin:0; transition: all .5s ease; } .comments .comments-content .icon.blog-author { display:inline; height: 18px; margin: 0 0 -4px 6px; width: 18px; } .comments .comments-content .icon.blog-author::after { content:"author"; background: teal; color: #fff; padding: 2px 6px; border-radius: 10px; font-size: 11px; } .comments .comments-content .comment-header { font-size:14px; margin: 0 0 15px; } .comments .comments-content .comment-content { margin: 0 0 15px; text-align: left; line-height: 1.6; color: #333; font-size: 13px; } .comments .comments-content .datetime { margin-left: 6px; } @media screen and (max-width: 800px) { .comments .comments-content .datetime { float: none; } } .comments .comments-content .datetime a { color:#757575; } .comments .comments-content .user { font-weight: bold; font-style: normal; } .comments .comment .comment-actions a { display: inline-block; font-size: 13px; line-height: 15px; margin: 4px 8px 0 0; border-radius: 25px; color: linear-gradient(45deg,#ff6551 0,#ff6551 13%,#ff6551 35%,#ffb351 100%); } .comments .continue a { display:inline-block; font-size:13px; padding: 5px 13px 5px 10px; color: teal; text-align: center; } .comments .comment .comment-actions a:hover, .comments .continue a:hover{ text-decoration:underline; } .pesan-komentar { } .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: none; } .comments .thread-toggle .thread-arrow { display: inline-block; height: 6px; margin: .3em; overflow: visible; padding-right: 4px; width: 7px } .comments .thread-expanded .thread-arrow { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent } .comments .thread-collapsed .thread-arrow { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAABJRU5ErkJggg==") no-repeat scroll 0 0 transparent } .comments .hidden { display: none } @media screen and (max-device-width:480px) { .comments .comments-content .comment-replies { margin-left: 0 } } /* MEDIA QUERY */ @media only screen and (max-width:1080px){ #wrapper { margin: 0 auto; } .footer-widget, #footer-navmenu-container { max-width: 100%; } #header-wrapper, .footer-widget .widget, #footer-navmenu-container { padding-left: 30px; padding-right: 30px; } .sticky-mobile { margin-right: 30px; } .img-thumbnail { width: 240px; height: 160px; } .search-icon { right: 55px; } } @media only screen and (max-width:800px){ #header-wrapper { padding-left: 0px; padding-right: 0px; position: relative; } #wrapper { padding: 0px 20px 20px; } #cssmenu > ul > li > a { padding: 0px 20px; line-height: 42px; color: #fff; } .footer-widget .widget, #footer-navmenu-container { padding-left: 20px; padding-right: 20px; } .button { left: 20px; } .header { position: absolute; top: 0px; left: 50px; right: 50px; float: left; float: none; display: inline-block; max-width: 100%; margin-right: 0; } .header img { display: inline-block !important; max-height: 28px; margin-top: 9px; } .img-thumbnail { width: 180px; height: 120px; } .search-icon { right: 55px; } } @media only screen and (max-width:768px){ #post-wrapper, #sidebar-wrapper { float:none; width:100%; max-width:100% } .post-container { padding: 0 0 20px 0; } } @media only screen and (max-width:640px){ #wrapper { padding: 0px 15px 15px; } #cssmenu > ul > li > a { padding: 3px 24px; line-height: 42px; } .footer-widget .widget, #footer-navmenu-container { padding-left: 15px; padding-right: 15px; } .button { left: 15px; } #post-wrapper, #sidebar-wrapper { float:none; width:100%; max-width:100% } .search-icon { right: 55px; } } @media only screen and (max-width:480px){ #footer-navmenu ul li a { display: inline-flex; } ul.nav-social li { padding: 0px 8px; } .post-snippet { margin-top: 10px; } blockquote { margin-left:0; margin-right:0; } .post-body .baca-juga-wrap { margin: 1em 0 1em 0; max-width: 100%; } h1{font-size:170%} h2{font-size:150%} h3{font-size:130%} h4{font-size:120%} h5{font-size:110%} h6{font-size:100%} h2.post-title { font-size: 18px; } h1.post-title { font-size: 15px; } .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 { } .comment .comment-thread.inline-thread .comment { margin: 0 0 0 0 !important; } iframe#comment-editor { } #searchfs input[type="search"] { font-size: 26px; } .FeaturedPost .post-summary, .FeaturedPost .image, .img-thumbnail, .img-thumbnail img { } .FeaturedPost .post-summary p { margin: 0 10px; } } /* Tombol Download */ .buttonDownload { border-radius: 3px; display: inline-block; position: relative; padding: 10px 25px; background-color: linear-gradient(45deg,#ff6551 0,#ff6551 13%,#ff6551 35%,#ffb351 100%); color: white !important; font-weight: bold; font-size: 0.9em; text-align: center; text-indent: 15px; transition:all 0.4s; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; } .buttonDownload:hover { opacity: .85; } .buttonDownload::before, .buttonDownload::after { content: ' '; display: block; position: absolute; left: 15px; top: 52%; } .buttonDownload::before { width: 10px; height: 2px; border-style: solid; border-width: 0 2px 2px; } .buttonDownload::after { width: 0; height: 0; margin-left: 3px; margin-top: -7px; border-style: solid; border-width: 4px 4px 0 4px; border-color: transparent; border-top-color: inherit; animation: downloadArrow 2s linear infinite; animation-play-state: paused; } .buttonDownload:hover::after { animation-play-state: running; } @keyframes downloadArrow { 0% { margin-top: -7px; opacity: 1; } 0.001% { margin-top: -15px; opacity: 0; } 50% { opacity: 1; } 100% { margin-top: 0; opacity: 0; } } /* Skin for Blogger Tabbed Layout TOC */ .tabbed-toc { margin: 0 auto; background: #e26a49; background: linear-gradient(to bottom right, #e26a49, #d1246a); position: relative; } .tabbed-toc .loading { display: block; padding: 2px 12px; color: #ffffff; } .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: bold 12px Raleway, Arial, sans-serif; overflow: hidden; color: #ffffff; text-transform: uppercase; text-decoration: none; padding: 12px; } .tabbed-toc .toc-tabs li a:hover { background-color: rgba(64,64,64,0.1); } .tabbed-toc .toc-tabs li a.active-tab { background: rgba(64,64,64,0.1); position:relative; z-index:5; margin:0 -1px 0 0; /* cursor:text; */ } .tabbed-toc .toc-content, .tabbed-toc .toc-line { width: 80%; float: right; background-color: white; border-left: 5px solid rgba(64,64,64,0.1); box-sizing: border-box; } .tabbed-toc .toc-line { float: none; display: block; position: absolute; top: 0; right: 0; bottom: 0; } .tabbed-toc .panel { position: relative; z-index: 5; } .tabbed-toc .panel li a { display: block; position: relative; font-weight: bold; font-size: 14px; padding: 6px 12px; overflow: hidden; } .tabbed-toc .panel li time { display: block; font-weight: normal; font-size: 11px; color: #666; float: right; } .tabbed-toc .panel li .summary { display: block; padding: 10px 12px 10px; font-size: 13px; } .tabbed-toc .panel li .summary img.thumbnail { float: left; display: block; margin: 5px 8px 0 0; width: 72px; height: 72px; background-color: #fafafa; } .tabbed-toc .panel li {background-color:#f3f3f3} .tabbed-toc .panel li:nth-child(even) {background-color:#fff} .tabbed-toc .panel li a:hover, .tabbed-toc .panel li a:focus, .tabbed-toc .panel li.bold a { background-color: rgba(64,64,64,0.1); outline: none; } @media (max-width:700px) { .tabbed-toc .toc-tabs, .tabbed-toc .toc-content { overflow :hidden; width: auto; float: none; display: block; } .tabbed-toc .toc-tabs li { display: inline; float: left; } .tabbed-toc .toc-tabs li a.active-tab { background-color: rgba(64,64,64,0.1); } .tabbed-toc .toc-content { border: none } .tabbed-toc .toc-line, .tabbed-toc .panel li time { display: none } } .CSS_LIGHTBOX { z-index: 9999 !important; } .CSS_LAYOUT_COMPONENT { color: transparent; } .post-body pre .google-auto-placed, .post-body table .google-auto-placed, .post-body blockquote .google-auto-placed, #header-container .google-auto-placed, .sidebar-sticky .google-auto-placed{ display: none; } /* Label */ .Label .widget-content, .BlogArchive .FLAT{ padding-bottom:7px !important; } .Label ul, .BlogArchive .FLAT ul{ display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; } .Label ul li, .BlogArchive .FLAT ul li{ background:linear-gradient(-45deg,#f9b74e,#cf7bfa); width:calc(40% - 3.5px); display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; justify-content:space-between; flex-grow:1; margin:5px; border-radius:3px; transition:all .3s ease; } .Label ul li:hover, .BlogArchive .FLAT ul li:hover{ background-size:200%; } .Label ul li a, .BlogArchive .FLAT ul li a{ flex-grow:1; color:#fff; padding:2px 10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .Label .list ul li:nth-child(odd){ margin-right:7px !important; } .Label .list ul li:last-child{ margin-right:0px !important; } .Label .cloud ul li, .BlogArchive .FLAT ul li{ width:auto; margin:0px 5px 5px 0px; } .Label .cloud ul li a, .BlogArchive .FLAT ul li a{ font-size:.85rem; text-align:center; padding:1px 5px; } .Label .count, .BlogArchive .FLAT .count{ background-color:rgba(0,0,0,.25); color:#fff; height:100%; font-size:.85rem; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; align-items:center; justify-content:center; border-radius:0px 3px 3px 0px; transition:all .3s ease; } .Label .list .count{ width:30px; } .Label .cloud .count, .BlogArchive .FLAT .count{ padding:0px 7px; } /*Label by Mediaachmad Ala Arlina*/ .list-label-widget-content ul li a { font-size: .85rem; color: #fff; white-space: nowrap; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%; flex-grow: 1; padding: 2px 10px; } div.Label{background: #fff;transition: all .5s ease;} div.Label h2 {padding: 15px 0;text-indent: 20px;width: 100%;border-bottom: 1px dotted #dadada;margin-bottom: 5px;transition: all .5s ease;;font-size:15px;background:#f3f3f3;font:400 14px 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Oxygen-Sans', 'Helvetica Neue', Arial, sans-serif} .Label h2 svg {float: right;margin-right: 15px;display: inline-block;width: 20px;height: 20px;vertical-align: -5px;background-repeat: no-repeat !important;content: '';} .widget:hover h2 > svg {animation: rubberBand 1s;} @keyframes rubberBand{from{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,0.75,1)}40%{transform:scale3d(0.75,1.25,1)}50%{transform:scale3d(1.15,0.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}} .widget-content.list-label-widget-content { padding: 5px; box-shadow:0 2px 8px rgba(0,0,0,0.05); } .nexlab { background-color: rgba(0,0,0,.25); color:#fff; height: 100%; font-size: .85rem; display: flex; align-items: center; border-radius: 0px 3px 3px 0px; transition: all .3s ease; } .nexlab { padding: 0px 7px; } /* Dark Mode, Mode Malam by Mediaachmad.com | Wahyu Achmad */ /* Button Dark Mode */ .modedark{display:inline-block;float: right;margin-top: 3px;position:absolute;right:40px;top: 0;} .modedark svg{ width:24px; height:24px; vertical-align: -5px; background-repeat: no-repeat !important; content: ''; } .modedark svg path{ fill:#fff; } .modedark .check:checked ~ .NavMenu{ opacity:1; visibility:visible; top:45px; min-width:200px; transition:all .3s ease; z-index:2; } .iconmode { cursor: pointer; display: block; padding: 8px; background-position: center; transition: all .5s linear; } .iconmode:hover{ border-radius: 100px; background: rgba(0,0,0,.2) radial-gradient(circle, transparent 2%, rgba(0,0,0,.2) 2%) center/15000%; } .check { display: none; } .modedark .iconmode .openmode{ display:block; } .modedark .iconmode .closemode{ display:none; } .modedark .check:checked ~ .iconmode .openmode{ display:none; } .modedark .check:checked ~ .iconmode .closemode{ display:block; } /* Warna Dark Mode */ /* Warna Night Mode */ .nightmode #wrapper {background: #15202b;transition: all .5s ease;} .mode #HTML3 {background:#1d2129;transition: all .5s ease;} .nightmode .share-this-pleaseeeee {background:#213040;transition: all .5s ease;} .nightmode .related-post h4{background:#213040;transition: all .5s ease;} .nightmode #label-info-th {background:#1d2129;} .nightmode body {background:#15202b;transition: all .5s ease;} .nightmode .post-body {color:#cccccc; transition: all .5s ease;} .nightmode li.recent-posts a{color:#cccccc} .nightmode .recent-posts-title h2{color:#cccccc} .nightmode .Recent_Post_Mas_Tamvan .recent-post-mas-tamvan span.mastamvan_title a{color:#cccccc} .nightmode span.mastamvan_title a .Recent_Post_Mas_Tamvan .recent-post-mas-tamvan {color:#cccccc;background:#1d2129} .nightmode .Recent_Post_Mas_Tamvan .recent-post-mas-tamvan .widget-content {color:#cccccc;background:#1d2129} .nightmode .post-info {color:#cccccc} .nightmode {background:#15202b;transition: all .5s ease;} .nightmode h2.post-title a {color:#9e9e9e;} .nightmode h2.post-title a:hover {color:teal;} .nightmode .post-title {color:#213040;transition: all .5s ease} .nightmode ul.nav-social {color:#1d2129} .nightmode .post-snippet {color:#cccccc} .nightmode #ignielNewsletter {background:#292e38;} .nightmode #Label1{background:#213040;transition: all .5s ease;} .nightmode .post{background:#213040;border-bottom-color: #252a33;} .nightmode .PopularPosts h2{background:#213040;color:#fff} .nightmode div.Label{background:#213040} .nightmode div.Label h2{background:#213040;color:#fff} .nightmode .list-label-widget-content ul li a{background:#15202b;transition:all .5s ease} .nightmode .latest-post-title h2{background:#213040;border-bottom-color: #343944;transition: all .5s ease;} .nightmode .newspaptext{color:#9e9e9e} .nightmode .PopularPosts h2 span{color:#fff} .nightmode #hero-vvv{background:rgba(82,62,232,.92);background-image:url(https://goomsite.github.io/file/overlay.svg),linear-gradient(45deg,#2c3e50 0%,#34495e 100%);background-size:cover;z-index:0;width:100%} .nightmode .list-label-widget-content ul li {border-bottom-color: #313640;} .nightmode .img-thumbnail img {background: #15202b linear-gradient(to right, rgba(255, 255, 255, 0) 5%, rgb(49, 54, 64) 20%, rgba(255, 255, 255, 0) 30%);background-size: 800px 104px;} .nightmode #ignielNewsletter .medsos__ {border-top-color: #313640;} .nightmode .sidebar h2 {border-bottom-color: #3c4957;} .nightmode .sidebar-sticky h2 {transition: all .5s ease;} .nightmode .above-post-widget h2 {color:#b7b7b7;border-bottom-color: #313640;} .nightmode .comments h3 {color:#b7b7b7;transition: all .5s ease;} .nightmode .btnsocialshare {background:#383c44;} .nightmode a.showcontent{background: #292e38} .nightmode #ignielNewsletter input{background: #272b33;border-color:#2b303a;} .nightmode .comments .comments-content .comment-content {color:#ffffff} .nightmode div#Label1 h2 {background: #213040;transition: all .5s ease;} .nightmode .related-post-style-3 .related-post-item-title {color: #bbb;} .nightmode a.showcontent{background: #213040;border: 4px solid #1f2a35;} .nightmode #comments a.hiddencontent {background: #213040;border: 4px solid #1f2a35;} .nightmode .comments .comments-content .inline-thread {background: #213040;transition: all .5s ease;} .nightmode #blog-pager-older-link a { background:#213040; color: #c3c3c3; transition: all .5s ease; } .nightmode #store-style {background:rgba(82,62,232,.92);background-image:url(https://goomsite.github.io/file/overlay.svg),linear-gradient(45deg,#2c3e50 0%,#34495e 100%);color:#fff} .nightmode .rio-ss, .nightmode .storelist{color:#fff} .nightmode #blog-pager-newer-link a { background: #213040; color: #c3c3c3; transition: all .5s ease; } .nightmode .breadcrumbs span { color:#cccccc; transition: all .5s ease; } .nightmode .comments .comments-content { transition: all .5s ease; } .nightmode .blanterinput input{ background: #213040; border-bottom: 1px solid #1d2129; transition: all .5s ease; } .nightmode .blanterinput textarea { background: #213040; border-bottom: 1px solid #1d2129; transition: all .5s ese; } .nightmode .list-label-widget-content ul li { color: #fff; } .nightmode div#comment-holder { } .nightmode .author-profile {background: #292e38;color: #fff;transition: all .5s ease;} .nightmode #author-info p { color: #a5a1a1; } .nightmode #author-info h5 { color: #fff; } .nightmode #author-info { background: #15202b; transition: all .5s ease; } .nightmode #sitemap1 { border: 1px solid teal; background-color: #343944; } .nightmode #sitemap1 .judul { border-bottom: 1px solid #343944; } .nightmode #sitemap1 .konten ol li a{ border-bottom: 1px solid rgba(255,255,255,.1); } .nightmode #sitemap1 .konten ol li:nth-of-type(odd) { background-color: #343944; transition: all .5s ease; } .nightmode #sitemap1 .konten ol li:nth-of-type(even) { background-color: #343944; transition: all .5s ease; } .nightmode .botton::before { background: #213040; transition: all .5s ease; } .nightmode .botton::after { background: #213040; transition: all .5s ease; } .nightmode .btn { background: #3b3f48; transition: all .5s ease; } .nightmode .middle { background: #343944; transition: all .5s ease; } .nightmode .popular-posts { background: #1b252f; transition: all .5s ease; } .nightmode .PopularPosts .widget-content ul li { transition: all .5s ease; background: #213040; } .nightmode .breadcrumbs a { color: #717070; transition: all .5s ease; } .nightmode #nav-wrapper li.first { background: #192531; transition: all .5s ease; } .nightmode #nav-wrapper { background: #213040; transition: all .5s ease; } .nightmode #nav-wrapper>ul>li>a { color: #fff; transition: all .5s ease; } .nightmode #nav-wrapper li li a { color: #bdc3c7; transition: all .5s ease; } .nightmode .label-info-th a { background: #31475f; transition: all .5s ease; } .nightmode #nav-wrapper li.footer a { color: #657786; transition: all .5s ease; } .nightmode #preloader { background: #213040; transition: all .5s ease; } .nightmode .igniplexSearch .search .input { background: #213040; transition: all .5s ease; color: #fff; z-index: 5; } .nightmode #body-post-it h2 { color: #cccccc; } .nightmode .nikamihlighter {color: #9e9e9e;border-left: 3px solid #31475f;} .nightmode .nikamigaris {border-top: 1px dashed #31475f;transition: all .5s ease;} .nightmode #comments .comment-thread ol > li {background: #213040; border: 1px solid #164848;transition: all .5s ease;} .nightmode .c {fill: #15202b;transition: all .5s ease;} .nightmode .d {fill: #15202b;transition: all .5s ease;} /* Dark Mode Bintang */ .section-center{ position: fixed; width: 100%; height: 100%; top: 50%; left: 50%; display: none; overflow: hidden; z-index: 5; pointer-events: none; box-shadow: 0 0 50px 5px rgba(255,148,0,.1); transform: translate(-50%, -50%); } .section-center { -webkit-transition: all 500ms linear; transition: all 500ms linear; } .shooting-star { z-index: 2; width: 1px; height: 50px; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; position: absolute; top: 0; left: -70px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white); animation: animShootingStar 6s linear infinite; -webkit-transition: all 2000ms linear; transition: all 2000ms linear; } .shooting-star-2 { z-index: 2; width: 1px; height: 50px; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; position: absolute; top: 0; left: 200px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white); animation: animShootingStar-2 9s linear infinite; -webkit-transition: all 2000ms linear; transition: all 2000ms linear; } .star { z-index: 2; position: absolute; top: 185px; left: 25px; background-image: url('https://ivang-design.com//svg-load/air/star.png'); background-size: 15px 15px; width: 15px; height: 15px; opacity: 0.4; animation: starShine 3.5s linear infinite; -webkit-transition: all 1200ms linear; transition: all 1200ms linear; } .star.snd { top: 100px; left: 310px; animation-delay: 1s; } .star.trd { top: 130px; left: 100px; animation-delay: 1.4s; } .star.fth { top: 190px; left: 200px; animation-delay: 1.8s; } .star.fith { top: 85px; left: 1080px; animation-delay: 2.2s; } @keyframes animShootingStar { from { transform: translateY(0px) translateX(0px) rotate(-45deg); opacity: 1; height: 5px; } to { transform: translateY(1280px) translateX(1280px) rotate(-45deg); opacity: 1; height: 800px; } } @keyframes animShootingStar-2 { from { transform: translateY(0px) translateX(0px) rotate(-45deg); opacity: 1; height: 5px; } to { transform: translateY(1920px) translateX(1920px) rotate(-45deg); opacity: 1; height: 800px; } } @keyframes starShine { 0% { transform: scale(0.3) rotate(0deg); opacity: 0.4; } 25% { transform: scale(1) rotate(360deg); opacity: 1; } 50% { transform: scale(0.3) rotate(720deg); opacity: 0.4; } 100% { transform: scale(0.3) rotate(0deg); opacity: 0.4; } } /* latest posting */ .latest-post-title h2 { background: #fff; width: 100%; padding: 10px 0px 10px; margin-bottom: 7px; transition: all .5s ease; color:#ff6551; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.04), 0 3px 1px -2px rgba(0, 0, 0, 0.05), 0 1px 5px 0 rgba(0, 0, 0, 0.04); font-weight: bold; } .latest-post-title h2 span { padding-left: 7px; } /* breadcrumbs */ .breadcrumbs { background:transparent; width: 100%; padding:0; margin: 0 0 5px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.05); transition: all .5s ease; color:#fff; } .post-body a img:hover{animation:ignielShake 0.82s cubic-bezier(.36,.07,.19,.97) both;transform:translate3d(0, 0, 0);backface-visibility:hidden;perspective:1000px}@keyframes ignielShake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px, 0, 0)}}@-webkit-keyframes ignielShake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}} /* Infinite Scroll Navigation */ #blog-pager a.home-link {display:none} #blog-pager {padding:0;margin:20px auto; text-align:center;} #blog-pager-older-link img {max-height:50px} #blog-pager-older-link a{max-width: 85px;position: relative;transition: 0.3s;font-size: 13px;padding: 10px 7px;margin: 2px 3px 2px 0;display: inline-block;border-radius: 30px;background:linear-gradient(-45deg,#f9b74e,#cf7bfa);color: #fff;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.04), 0 3px 1px -2px rgba(0, 0, 0, 0.05), 0 1px 5px 0 rgba(0, 0, 0, 0.04);-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.04), 0 3px 1px -2px rgba(0, 0, 0, 0.05), 0 1px 5px 0 rgba(0, 0, 0, 0.04);width: 100%;transition: all .5s ease;} #blog-pager-older-link a:hover{box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.04), 0 3px 1px -2px rgba(0, 0, 0, 0.05), 0 1px 5px 0 rgba(0, 0, 0, 0.04);-webkit-box-shadow: inset 0 -2px 2px 0 rgba(0, 0, 0, 0.04), 0 3px 1px -2px rgba(0, 0, 0, 0.05), 0 1px 5px 0 rgba(0, 0, 0, 0.04);background-size:200%} .showpageOf{display:none!important} a#Blog1_blog-pager-older-link:after{margin-right: 20px;float: right;} a#Blog1_blog-pager-older-link:before{margin-left: 20px;float: left;} a#Blog1_blog-pager-older-link:hover:after{transform: rotate(-180deg);background:teal;} a#Blog1_blog-pager-older-link:hover:before{transform: rotate(180deg);background:teal;} #blog-pager-older-link a {max-width: 96%;float:none;} /* back to topp */ .smoothscroll-top.show { visibility: visible; cursor: pointer; opacity: 1; bottom: 30px; } .smoothscroll-top { position: fixed; opacity: 0; visibility: hidden; overflow: hidden; text-align: center; z-index: 99; background: #039696; color: #fff; width: 47px; height: 45px; line-height: 45px; right: 20px; bottom: 25px; padding-top: 1px; border-radius: 25px; } .smoothscroll-top i.fa { line-height: inherit; } .blogger-iframe-colorize {display: block !important; } /* lazyload image */ .lazy {animation: ignielShine 1s linear infinite;-moz-animation: ignielShine 1.5s linear infinite;/*-webkit-animation: ignielShine 1.5s linear infinite;*/-o-animation: ignielShine 1.5s linear infinite;background: #f5f5f5 linear-gradient(to right,rgba(255,255,255,0) 5%,rgba(255,255,255,.78) 20%,rgba(255,255,255,0) 30%);background-size: 800px 104px;transition: all .5s ease;} .Night .lazy{background:#15202b linear-gradient(to right,rgba(255,255,255,0) 5%,rgb(49,54,64) 20%,rgba(255,255,255,0) 30%);background-size:800px 104px;transition: all .5s ease;} @keyframes ignielShine{0%{background-position:-468px 0}100%{background-position:468px 0}}@-webkit-keyframes ignielShine{0%{background-position:-468px 0}100%{background-position:468px 0}}@-moz-keyframes ignielShine{0%{background-position:-468px 0}100%{background-position:468px 0}}@keyframes ignielZoom{0%{transform:scale(0)}100%{transform:scale(1)}}@-webkit-keyframes ignielZoom{0%{transform:scale(0)}100%{transform:scale(1)}}@-moz-keyframes ignielZoom{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes ignielFade{from{opacity:0}to{opacity:1}}@-webkit-keyframes ignielFade{from{opacity:0}to{opacity:1}}@-moz-keyframes ignielFade{from{opacity:0}to{opacity:1}}@keyframes ignielGradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@-webkit-keyframes ignielGradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@-moz-keyframes ignielGradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes ignielWobble{0%{transform:scale(0) rotate(-54deg) translatey(40px)}45%{transform:scale(1.1) rotate(20deg) translatey(0px)}60%{transform:scale(1) rotate(-15deg) translatey(0px)}77%{transform:scale(1) rotate(10deg) translatey(0px)}100%{transform:translatey(0)}}@-webkit-keyframes ignielWobble{0%{transform:scale(0) rotate(-54deg) translatey(40px)}45%{transform:scale(1.1) rotate(20deg) translatey(0px)}60%{transform:scale(1) rotate(-15deg) translatey(0px)}77%{transform:scale(1) rotate(10deg) translatey(0px)}100%{transform:translatey(0)}}@-moz-keyframes ignielWobble{0%{transform:scale(0) rotate(-54deg) translatey(40px)}45%{transform:scale(1.1) rotate(20deg) translatey(0px)}60%{transform:scale(1) rotate(-15deg) translatey(0px)}77%{transform:scale(1) rotate(10deg) translatey(0px)}100%{transform:translatey(0)}}@keyframes ignielShine{0%{background-position:-468px 0}100%{background-position:468px 0}} #cssmenu ul.navshow.open { transform: translateX(0px); } /* commentss */ .comments h3 { padding: 0px; text-align: center; transition: all .5s ease; font-weight: bold; color:#cf7bfa; margin:0; } #top-continue a { background: teal; color: #fff; border-radius: 7px; } /*css3 design scrollbar*/ ::-webkit-scrollbar { width: 2px; height: 8px; } ::-webkit-scrollbar-thumb { background: #1a8d8d; } #cssmenu svg { fill: #fff; vertical-align: -7px; margin-right: 7px; } /* breadcrumbs 123 */ #breadcrumbs-inner { padding: 0 15px; } .post-body h3, .post-body h5, .post-body h6 { position: relative; margin: 0 0 10px; padding: 10px 0; border-bottom: 2px solid #e0e0e0; font-weight: 500; letter-spacing: 1px; } .post-body h3:before, .post-body h5:before, .post-body h6:before { content: ''; position: absolute; bottom: -2px; left: 0; right: 0; background: teal; width: 7%; height: 2px; } #blog-pager-newer-link a:hover { } #blog-pager-older-link a:hover { } .label-line a { display: inline-block; } /* Subscribe Box Bungfranki */ #bf-subscribe{position:relative;display:block;overflow:hidden;width:100%;text-align:center;padding:100px 0 50px;margin:0 auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:10} .bf-subsfield{max-width:680px;margin:0 auto;text-align:center;padding:0 15px ;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} #subscribe-limit,.subs-field,.subs-form{border-radius:99em;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .subs-form{clear:both;display:block;margin:0 auto ;padding:0;position:relative;float:left;width:100%} input.subs-field[type="text"]{color:#028271;border:0!important;outline:none!important;font-size:108%} .subs-field{background:#a6e6e5;background: -webkit-linear-gradient(to right, #a6e6e5, #028271);background:linear-gradient(to right, #a6e6e5, #028271);margin:0 auto;padding: 0 15px;height:65px;line-height:65px;width:100%;outline:none;text-align:left;} .subs-field[type="text"]:focus{border:0;color:#2d2d2d}input.subs-field::placeholder{color:#028271;font-weight:400} .subs-button{cursor:pointer;border-radius:99em;font-weight:normal;padding:0;height:65px;line-height:65px;border:0 !important;transition:all .25s;margin:0 auto;text-align:center;display:block;background:#a6e6e5;color:#fff;position:absolute;right:0;top:0;padding:0;text-transform:uppercase;font-size:150%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;max-width:65px;outline:none} .subs-button .icons{fill:#028271;vertical-align:middle;height:35px;width:35px}.subs-button:hover{background:#fe8f04} .subs-button:hover .icons{fill:#fff}@media screen and (max-width: 992px) {#bf-fancy-icon {bottom:calc(100% - 28px);} #bf-subscribe{padding:75px 0 45px;}.subs-field,.subs-button{height:50px;line-height:50px;}.subs-button{max-width:50px;}} /* Gelombang Footer */ #fancy-shape { clear: both; max-width: 100%; display: block; position: relative; margin: 15% auto 0; justify-content: center; z-index: 2; box-sizing: border-box; } .footer-fancy-shape { clear: both; overflow: hidden; position: absolute; left: 0; bottom: 100%; width: 100%; margin-bottom: -2px; direction: ltr; } .footer-fancy-shape[data-negative=false].footer-fancy-shape-bottom, .footer-fancy-shape[data-negative=true].footer-fancy-shape-top { transform: rotate(180deg); } @media screen and (max-width:992px){ .footer-fancy-shape-bottom svg { height: 105px; } } .footer-fancy-shape-bottom svg { width: calc(130% + 2.5px); height: 125px; } .footer-fancy-shape .footer-fancy-shape-fill { fill: #028271; width: calc(100% + 2.5px); transform: rotateY(0deg); -webkit-transform-origin: center; transform-origin: center; } .footer-fancy-shape svg { z-index: -1; display: block; position: relative; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); } @media screen and (max-width: 992px) { .footer-fancy-shape-bottom svg { height: 105px; } } @media screen and (max-width: 768px) { .footer-fancy-shape-bottom svg { height: 85px; } } @media screen and (max-width: 480px) { .footer-fancy-shape-bottom svg { height: 55px; } } /* Blogger Sitemap Dropdown */ #sitemap1 {background-color:#fff; color:#1d2129; font-weight:400; border:1px solid teal;} #sitemap1 .loading {padding:10px 15px; color:#666;} #sitemap1 .judul {background:teal; color:#fff; font-size:125%; font-weight:600; padding:15px; cursor:pointer; border-bottom:1px solid #fff; letter-spacing:1px; transition:all .3s ease;} #sitemap1 .judul:last-child {border-bottom:0px;} #sitemap1 .judul:hover {background-color:#1d2129;} #sitemap1 .judul:after {content:''; width:0px; height:0px; position:relative; float:right; top:10px; right:10px; border:5px solid transparent; border-color:#fff transparent transparent; transition:all .3s ease} #sitemap1 .judul.aktif:after {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;transition: all .5s ease;} #sitemap1 .konten ol li:nth-of-type(odd) {background-color:#fff; transition: all .5s ease;} #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;} /* border dotted h2 */ .label-line::before, .label-line-c::before { z-index: 1; content: ""; width: 100%; border-bottom: 1px dotted rgba(0, 0, 0, 0.49); border-top: 1px dotted rgba(255,255,255,0.23); position: absolute; left: 0; margin-top: 10px; } /* Logo CSS Highlighter*/ .anoytext { color: #333333; background: #edf094; border-left: 5px solid #f1c40f; background-position: 12px 17px; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13,9H11V7H13M13,17H11V11H13M12,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='%2395b2f6'/%3E%3C/svg%3E"); background-size: 35px; background-repeat: no-repeat; padding: 12px 12px 12px 60px; min-height: 50px; transition: all .3s ease; } .post-body pre.css:before { content: 'CSS'; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5,3L4.35,6.34H17.94L17.5,8.5H3.92L3.26,11.83H16.85L16.09,15.64L10.61,17.45L5.86,15.64L6.19,14H2.85L2.06,18L9.91,21L18.96,18L20.16,11.97L20.4,10.76L21.94,3H5Z' fill='%231d2129'/%3E%3C/svg%3E"); background-color:#bde0b9; font: 500 14px 'Google Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', Arial, sans-serif; color: #333333; display: block; padding: 10px 35px; font-size: 16px; background-repeat: no-repeat; background-size: 20px 20px; background-position-x: 7px; background-position-y: center; } .post-body pre.javascript:before { content:'Javascript'; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3,3H21V21H3V3M7.73,18.04C8.13,18.89 8.92,19.59 10.27,19.59C11.77,19.59 12.8,18.79 12.8,17.04V11.26H11.1V17C11.1,17.86 10.75,18.08 10.2,18.08C9.62,18.08 9.38,17.68 9.11,17.21L7.73,18.04M13.71,17.86C14.21,18.84 15.22,19.59 16.8,19.59C18.4,19.59 19.6,18.76 19.6,17.23C19.6,15.82 18.79,15.19 17.35,14.57L16.93,14.39C16.2,14.08 15.89,13.87 15.89,13.37C15.89,12.96 16.2,12.64 16.7,12.64C17.18,12.64 17.5,12.85 17.79,13.37L19.1,12.5C18.55,11.54 17.77,11.17 16.7,11.17C15.19,11.17 14.22,12.13 14.22,13.4C14.22,14.78 15.03,15.43 16.25,15.95L16.67,16.13C17.45,16.47 17.91,16.68 17.91,17.26C17.91,17.74 17.46,18.09 16.76,18.09C15.93,18.09 15.45,17.66 15.09,17.06L13.71,17.86Z' fill='%231d2129'/%3E%3C/svg%3E"); background-color:#bde0b9; font: 500 14px 'Google Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', Arial, sans-serif; color: #333333; display: block; padding: 10px 35px; font-size: 16px; background-repeat: no-repeat; background-size: 20px 20px; background-position-x: 7px; background-position-y: center; } .post-body pre.jquery:before { content: 'jQuery'; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.88,10.41C20.77,12.18 17.61,11.9 15.84,9.79C14.06,7.67 14.34,4.5 16.45,2.75L16.96,2.37C15.27,4.19 15.16,7.03 16.8,9C18.43,10.94 21.25,11.32 23.34,9.97L22.88,10.41M21.1,14.5C17.93,17.17 13.2,16.76 10.54,13.58C7.87,10.41 8.29,5.68 11.46,3L12.38,2.36C9.96,5.09 9.84,9.26 12.26,12.14C14.68,15 18.8,15.63 21.91,13.72L21.1,14.5M19.97,19.38C15.53,23.11 8.9,22.53 5.17,18.08C1.45,13.64 2.03,7 6.47,3.29L7.58,2.5C4.07,6.3 3.85,12.23 7.28,16.32C10.71,20.4 16.59,21.22 20.96,18.43L19.97,19.38Z' fill='%231d2129'/%3E%3C/svg%3E"); background-color:#bde0b9; font: 500 14px 'Google Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', Arial, sans-serif; color: #333333; display: block; padding: 10px 35px; font-size: 16px; background-repeat: no-repeat; background-size: 20px 20px; background-position-x: 7px; background-position-y: center; } /* komen style */ iframe#comment-editor { padding: 15px 20px; background-color: #fff; border-radius: 15px; box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24); width: calc(100% - 40px); } div#body-post-it {font:400 14px 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Oxygen-Sans', 'Helvetica Neue', Arial, sans-serif;} /* ViomaxGO Search Design*/ #box{margin:21px auto;display:none;padding:0;width:100%;height:45px;position:fixed;top:27px;left:0;z-index:999999;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);background-color:#fff;border-bottom:4px solid #ff6551;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;box-shadow: 0 1px 2px 0 rgba(117, 124, 171, 0.14), 0 2px 6px 2px rgba(60,64,67,.15)} #box p{font-size:14px;margin:15% auto 70px;color:#fff;letter-spacing:2px;text-transform:uppercase } .search-icon .icons{width: 15px;position: absolute;top: 7px;right:8px} .search-icon span{font-weight: normal;position: absolute;top: -1px;right: 1px;cursor: pointer;text-align: center;border-radius: 2em;} #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;right:0;left:0;background:#fff;color:#444 } #searchform{color:#111;width:100%;max-width:1078px;margin:0 auto;overflow:hidden;position:relative } #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;outline:none; } .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;right:10px;font-weight:700 }.search-button:active{border:0 0;outline:0 0;background:0 0 } .search-button .icons{width:25px;padding:12px 0 0 } #hide span.smallbutton .icons{width:25px;vertical-align:middle } #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:right;overflow:hidden;display:block;position:absolute;top:2px;right: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 } @media only screen and (max-width:800px){ #hide span.smallbutton{ right: 5px; } .search-icon span { top: -1px; } } /* Custom Button Hover Animation */ .botton{ width: 200px; height: 60px; background: none; border: 4px solid; color: teal; font-weight: 700; text-transform: uppercase; cursor: pointer; font-size: 16px; position: relative; } .botton::before,.botton::after{ content: ""; position: absolute; width: 14px; height: 4px; background: #fff; transform: skewX(50deg); transition: .4s linear; } .botton::before{ top: -4px; left: 10%; } .botton::after{ bottom: -4px; right: 10%; } .botton:hover::before{ left: 80%; } .botton:hover::after{ right: 80%; } /* button Follow */ .middle{ width: 100%; text-align: center; background: #fff; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.04), 0 3px 1px -2px rgba(0, 0, 0, 0.05), 0 1px 5px 0 rgba(0, 0, 0, 0.04); border-top: 2px solid linear-gradient(45deg,#ff6551 0,#ff6551 13%,#ff6551 35%,#ffb351 100%); transition: all .5s ease; } .middle a { color:#ee0979; } .btn{ display: inline-block; width: 200px; height: 70px; background: #f1f1f1; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24); color: #3498db; overflow: hidden; position: relative; transition: all .5s ease; } .btn p{ line-height: 70px; font-size: 15px; transition: 0.2s linear; } .btn:hover p{ transform: scale(1.3); color: #f1f1f1; } .btn::before{ content: ""; position: absolute; width: 120%; height: 120%; background: teal; transform: rotate(45deg); left: -110%; top: 90%; } .btn:hover::before{ animation: aaa 0.7s 1; top: -10%; left: -10%; } @keyframes aaa { 0%{ left: -110%; top: 90%; }50%{ left: 10%; top: -30%; }100%{ top: -10%; left: -10%; } } .middle .btn p { color:#f18241; font-weight: bold; } .latest-post-title h2 svg { float: right; margin-right: 15px; display: inline-block; width: 20px; height: 20px; } /* komentar postingan */ .comment-info a { color: #808080; } .comment-info a:hover { color: teal; } /* animasi ikon muter */ .muter3 { animation: peler 1.25s linear infinite normal; -webkit-animation:peler 1.25s linear infinite normal; width:22px; height:22px; vertical-align:-6px; display:inline-block; margin-right:5px; transition:all 0.3s ease; content:''; } @keyframes peler {from {transform:rotate(0deg)} to {transform:rotate(360deg)} } /* animasi ikon muter */ .muter24 { animation: jembut 1.25s linear infinite normal; -webkit-animation:jembut 1.25s linear infinite normal; width:22px; height:22px; vertical-align:-6px; display:inline-block; margin-right:5px; transition:all 0.3s ease; content:''; } @keyframes jembut {from {transform:rotate(0deg)} to {transform:rotate(360deg)} } .muter2 { animation: ajk 1.25s linear infinite normal; -webkit-animation:ajk 1.25s linear infinite normal; width:22px; height:22px; vertical-align:-6px; display:inline-block; margin-right:5px; transition:all 0.3s ease; content:''; } @keyframes ajk {from {transform:rotate(0deg)} to {transform:rotate(0deg)} } .search-icon span:hover { background: rgba(0,0,0,.2) radial-gradient(circle, transparent 2%, rgba(0,0,0,.2) 2%) center/15000%; width: 30px; height: 30px; transition: all .3s ease; } .label-count { background-color: rgba(0,0,0,.25); color:#fff; height: 100%; font-size: .85rem; display: flex; align-items: center; border-radius: 0px 3px 3px 0px; transition: all .3s ease; } .label-pro { color: #fff; } #cssload { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtq2y2y0JUntM6Uu3xDq98fBXKguRMhFhfMLOKY9sPdUNYNE-r1TDiWeP9zyg-oMZNTAcn0WkNP9TnEyG-TCBef0o2kAkOHClAHkhOGGsqFKNZFp6OI9gLsWoNDNhbh2Agy8qiSDUWp3Q/s1600/loading.gif) no-repeat center; background-color:rgba(0, 0, 0, 0.45); width:100%; height:100%; position:fixed; left:0;top:0; z-index:1000; } .breadcrumbs span { transition: all .5s ease; color:#fff; } /* NAVIGASI BAR */ .darkshadow{visibility:hidden;opacity:0;position:fixed;top:48px;background:rgba(0,0,0,0.59);left:0;right:0;bottom:0;margin:0;z-index:5;transition:all .4s ease-in-out}.darkshadow.open{visibility:visible;opacity:1} #nav-wrapper{ font-size:13px; width:265px; position:fixed; z-index:5; top:48px; overflow:hidden; left:0; background:#fff; -webkit-transition:.3s; -o-transition:.3s; transition:.3s; bottom:0; padding-top:15px; -webkit-transform:translateX(-290px); -ms-transform:translateX(-290px); transform:translateX(-290px); transition: all .5s ease; } #nav-wrapper:hover{overflow-y:auto} #nav-wrapper.open{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}#nav-wrapper ul{margin:0;padding:0;list-style:none}#nav-wrapper li{display:block;list-style:none;position:relative} #nav-wrapper li.first{background:#d0d0d0;border-radius:0 50px 50px 0;margin:0 20px 0 0;transition: all .5s ease;display: none;} #nav-wrapper>ul>li>a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:12px 0 13px 15px;color:#333333;font-size:13px}#nav-wrapper li a.nav-submenu{padding:10px 15px;padding-bottom:12px;}#nav-wrapper li ul.nav-sub{display:none}#nav-wrapper li li a{display:block;position:relative;padding-left:4em;line-height:40px;color: #657786;}#nav-wrapper a:hover{color:teal;}#nav-wrapper svg.down{margin-right:0;margin-left:15px;display:block;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease} #nav-wrapper li.open svg.down{ -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg) } #nav-wrapper svg{height:20px;width:20px;margin-right:15px;overflow:hidden;opacity:.7;fill:currentColor}#nav-wrapper>ul>li:not(.colormode)>a>span:not(.new){-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-flex:1;-ms-flex:1 1;flex:1 1}#nav-wrapper>ul>li>a>span>span.new{background:#e1f5fe;color:#004c88;line-height:normal;margin-left:10px;font-size:8px;padding:3px 10px;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px} @media only screen and (max-width:480px){ #nav-wrapper .profile img { width: 24px; height: 24px; margin-right: 15px; margin-left: 1px; border-radius: 20px; } } @media screen and (max-width: 600px) { #nav-wrapper .subs { display: flex; margin-left: 24px; margin-top: 10px; } #nav-wrapper .subs a { font-size: 11px; margin-right: 10px; width: auto; height: auto; padding: 7px 10px; margin-top: 0; background-color: #a1362a; color: #fff; border-radius: 20px; } #nav-wrapper .subs svg { width: 12px; height: 12px; margin-right: 3px; margin-top: -1px; } #nav-wrapper .subs button { flex-grow: 1; margin-top: 0; width: auto; height: auto; padding: 7px 10px; display: flex; align-items: center; justify-content: center; background-color: #657786; border-radius: 20px; border: none; margin-right: 23px; color: #fff; outline: none; } #nav-wrapper li.footer a { font-size: 11px; font-weight: 400; color: #657786; display: inline-block; padding:0; } #nav-wrapper .footer { display: block; margin-top: 14px; margin-left: 24px; } #nav-wrapper .footer .social { display: flex; margin: 7px 0; } #nav-wrapper .footer .credit { display: block; color: #657786; } #nav-wrapper .footer .developer { color: #657786; } } @media screen and (max-width: 800px) { #nav-wrapper .subs { display: flex; margin-left: 15px; margin-top: 10px; } #nav-wrapper .subs a { font-size: 11px; margin-right: 10px; width: auto; height: auto; padding: 7px 10px; margin-top: 0; background-color: #a1362a; color: #fff; border-radius: 20px; } #nav-wrapper .subs svg { width: 12px; height: 12px; margin-right: 3px; margin-top: -1px; } #nav-wrapper .subs button { flex-grow: 1; margin-top: 0; width: auto; height: auto; padding: 7px 10px; display: flex; align-items: center; justify-content: center; background-color: #657786; border-radius: 20px; border: none; margin-right: 23px; color: #fff; outline: none; } #nav-wrapper li.footer a { font-size: 11px; font-weight: 400; color: #657786; display: inline-block; padding:0; } #nav-wrapper .footer { display: block; margin-top: 14px; margin-left: 15px; } #nav-wrapper .footer .social { display: flex; margin: 7px 0; } #nav-wrapper .footer .credit { display: block; color: #657786; } #nav-wrapper .footer .developer { color: #657786; } } /* igniplex search */ .igniplexSearch{ position:absolute; right:0px; top:0px; bottom:0px; } .igniplexSearch svg{ width:24px; height:24px; } .igniplexSearch svg path{ fill:#fff; } .igniplexSearch .search .input { background-color:#fff; color:#4b4f56; padding:0px; width:0px; height:30px; border-radius:25px; vertical-align:bottom; top:9px; right:10px; position:relative; transition:all .3s ease; outline: none; border:none; z-index: 90; } .igniplexSearch .search .icon{ position:absolute; top:8px; right:8px; border-radius:25px; padding: 4px; transition:all .5s ease; cursor: pointer; z-index: 100; } .igniplexSearch .search .icon .open{ display:block; } .igniplexSearch .search .icon .close{ display:none; } .igniplexSearch .search .check:checked ~ .input, .igniplexSearch .search .input:focus{ padding:0px 40px 0px 15px; width:calc(940px - 10px); } .igniplexSearch .search .check:checked ~ .icon .open{ display:none; } .igniplexSearch .search .check:checked ~ .icon .close{ display:block; position:relative; right:2px; } .igniplexSearch .search .check:checked ~ label:hover{ background-color:transparent !important; } .igniplexSearch .search .check:checked ~ .icon > svg path{ fill:#757575; } @media screen and (max-width: 600px) { .igniplexSearch .search .check:checked ~ .input, .igniplexSearch .search .input:focus { width: calc(100vw - 115px)!important; z-index: 2; } } @media screen and (max-width: 1130px) { .igniplexSearch .search .check:checked ~ .input, .igniplexSearch .search .input:focus { width: calc(90vw - 115px); z-index: 2; } } @media only screen and (max-width: 480px) { .FeaturedPost .image { width: 100%; max-width: 100%; border-radius: 7px 7px 0px 0px; height: 265px; } .FeaturedPost .post-summary h3 { width: 96%; top: 255px; font-size: 16px; } .FeaturedPost .post-summary { height: 330px; } } /* igniplex footer */ #igniplexFooter{ background-color:#263238; color:#ffffff; margin-top:20px; } #igniplexFooter a{ color:#fff; } #igniplexFooter a:hover{ color:#ef5350; } #igniplexFooter .title{ background-color:transparent; background-size:20px; color:#fff; margin-bottom:15px; border-bottom:1px dashed rgba(255,255,255,.35); padding-bottom:10px; font-size: 15px; } #igniplexFooter .footer-inner{ display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; align-items:flex-start; justify-content:space-between; max-width:calc(1130px + 60px); margin:auto; } #igniplexFooter .footer-inner .section{ width:100%; } #igniplexFooter .footer-inner .section .widget{ margin:20px; } #igniplexFooter .footer-inner .section .widget:not(:first-child){ margin-top:40px; } #footer .widget .widget-content{ padding:10px; } #igniplexFooter .widget .title svg path{ fill:#ffeb3b; } #igniplexFooter .attribution{ font-size:.85rem; display:block; padding:15px 30px; margin:auto; border-top:1px solid rgba(0,0,0,.25); } #igniplexFooter .attribution .left{ display:inline-block; } #igniplexFooter .attribution .right{ float:right; } .widget .title svg{ width:14px; height:14px; margin-right:3px; } #igniplexFooter li { list-style: none; } #igniplexFooter li svg { width: 17px; height: 17px; margin-right: 7px; fill: #fff; } #igniplexFooter ul { margin: 0; } @media screen and (max-width: 640px) { #igniplexFooter .footer-inner { display: block; padding: 1px; } } #preloader { position: fixed; z-index: 1800; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: #fff } #loader { position: relative; width: 2.5em; height: 2.5em; transform: rotate(165deg); } #loader { position: absolute; top: calc(50% - 1.25em); left: calc(50% - 1.25em); } #loader:before, #loader:after { content: ''; position: absolute; top: 50%; left: 50%; display: block; width: 0.5em; height: 0.5em; border-radius: 0.25em; transform: translate(-50%, -50%); } #loader:before { animation: before 2s infinite; } #loader:after { animation: after 2s infinite; } @keyframes before { 0% { width: 0.5em; box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); } 35% { width: 2.5em; box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75); } 70% { width: 0.5em; box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75); } 100% { box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); } } @keyframes after { 0% { height: 0.5em; box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); } 35% { height: 2.5em; box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75); } 70% { height: 0.5em; box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75); } 100% { box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); } } /* warna font h2 heading artikel */ #body-post-it h2 { color: #555555; } /* BACA JUGA */ #baca-juga { display: block; position: relative; } #baca-juga h2 { color: #ffffff; position: absolute; top: -17px; left: 3.5em; border: 0px solid #efefef; padding: 7px 13px; font-size: 14px; background: linear-gradient(45deg,#ff6551 0,#ff6551 13%,#ff6551 35%,#ffb351 100%); font-weight: bold; z-index: 1; border-radius: 25px; } #baca-juga a { font-size: 14px; display: block; padding: 0; color: linear-gradient(45deg,#ff6551 0,#ff6551 13%,#ff6551 35%,#ffb351 100%); line-height: 20px; } #baca-juga a:hover { color: grey; } #baca-juga ul { max-width: 100%; margin: 1.5em 0 1.5em 0; padding: 20px 20px 10px 17px; position: relative; background-color: linear-gradient(45deg,#ff6551 0,#ff6551 13%,#ff6551 35%,#ffb351 100%)40; } #baca-juga li { padding: 0px; margin: .6em 0; list-style: none; padding-bottom: 5px; border-bottom: 3px dotted rgba(0,0,0,.15); } @media screen and (max-width: 800px) { #body-post-it .baca-juga-wrap h2 { left: 15px; } } /* warna font related */ #body-post-it .baca-juga-wrap h2 { color: #fff; } .kotak9 { fill: #fff; margin-top: -4px; display:none } @media screen and (max-width: 800px) { .kotak9 { fill: #fff; margin-top: -4px; display: block; } } span.time-info { color: #808080; } .label-info-th svg {width: 17px;height: 17px;vertical-align: -4px;margin-right: 3px;fill: #fff;} .nikamihighlighter{font: 400 14px 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Oxygen-Sans', 'Helvetica Neue', Arial, sans-serif;sans-serif;color:#444;line-height:1.6em;text-align:left;word-wrap:break-word;border-left:3px solid #ff6551;padding-left:10px;text-align:left;color:#aaa;} .nikamigaris{padding:.2rem 0 .2rem;border-top:1px dashed #ddd;transition: all .5s ease;} /* Hero Wrapper */ .hero-wrap .hero-content.container{width:100%;max-width:1000px;margin:0 auto;padding:0} #hero-vvv{background:linear-gradient(50deg,#ff4169,#8b41f6);background-size: cover;z-index: 0;width: 100%;} #hero-vvv{padding: 4rem 0 5rem;position: relative;display: inline-block;} .button-home a span.but {font-size: 12px;font-weight: 500;background:linear-gradient(-45deg,#f9b74e,#cf7bfa);-moz-border-radius: 30px;-webkit-border-radius: 30px;border-radius: 30px;padding: 9px 20px;display: inline-block;text-transform: uppercase;text-align: center;position: relative;margin: 20px 10px auto 0;overflow: hidden;color: #fff;} .button-home a span.bus {font-size: 12px;font-weight: 500;-moz-border-radius: 30px;-webkit-border-radius: 30px;border-radius: 30px;padding: 8px 20px;text-transform: uppercase;display: inline-block;text-align: center;position: relative;margin: 20px auto 0;overflow: hidden;background:linear-gradient(45deg,#ff6551 0,#ff6551 13%,#ff6551 35%,#ffb351 100%);color: #fff;} .button-home a span.bus:hover {background-size:200%;color: #fff;} .button-home a span.but svg, .button-home a span.bus svg {width: 22px;margin-right:10px;fill: #ffffff;} .button-home a span.but:hover {background-size:200%;color: #ffffff;} #hero-xxv{background:#fff;height:auto;padding-bottom:60px;min-height:320px} .hero-content{position:relative;z-index:2} #hero-vvv .hero-content h2.hero-title,#hero-vvv .hero-content h2.hero-title,#hero-vvv .hero-content h2.hero-title,#hero-vvv .hero-content h2.hero-title{font-size:38px;padding:0} #hero-vvv .hero-content h2.hero-title{font-size:230%;} .hero-content h2.hero-title{margin-top:20px;color:#ffffff;font-size:48px;font-weight:300;max-width:600px;padding:0 20px 31px;text-shadow:none;} .hero-content h2.hero-title >span{font-weight:500} .hero-content h2.hero-title {font-size:38px;} .hero-content p.hero-description{margin-top: 10px;margin:0;color: #f9f9f9;font-size: 1.3em;line-height: 35px;text-align: center;width: 58%;font-weight: 300;} .button-wrapper {display: block;margin: 0;padding: 10px 0;} .button-wrapper span {font-size: 30px;font-weight: 500;padding: 5px 0;position: relative;margin: 0;color: #fff;} .widget-wrap h2.heading-title {padding: 0;color: rgba(255,255,255,.6);font-weight: 400;z-index: 1;font-size: 16px;margin: 0;}svg {vertical-align: middle;} .widget-wrap {width: 100%;margin: 3% 0 0 0;text-align: center;padding: 0;position: relative;box-sizing: border-box;-webkit-box-sizing: border-box;} .section-header{text-align:center;width:66.66667%;margin-left:170px;} .section-header h3{font-size:1.6em;font-weight:500;color:#555;margin:0;margin-bottom:10px;text-transform:capitalize} .section-header p{font-size:1.3em;color:#777;display:inline-block;line-height:30px;font-weight:300} .section-header-main {margin: 0 15px;text-align:center;text-transform: uppercase;color:#555;} .section-header-main h4 {background:#fff;display:inline-block;z-index:1;position:relative;padding:0 15px;} #hero-vvv svg.wave {position: absolute;bottom: -1px;left: 0;overflow: hidden;vertical-align: middle;} .a{fill:none}.b{clip-path:url(#a)}.c,.d{fill:#f3f3f3;transition: all .5s ease;}.d{opacity:0.5;isolation:isolate} @media only screen and (max-width:800px){ #hero-vvv .hero-content h2.hero-title {font-size:20px;} .hero-content p.hero-description {width:100%;font-size:1em;}} /*Hero Wrap end*/ /* Night Mode */ .Switchbtn{position:absolute;right:50px;top:4px;height:40px;line-height:40px;text-align:center;display:inline-block;align-items:center;z-index:0} .togglenight{display:none;} .togglenight + .togglenight-btn{outline:0;display:inline-block;width:35px;height:10px;position:relative;cursor:pointer;margin-left:5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} .togglenight + .togglenight-btn:after,.togglenight + .togglenight-btn:before{position:relative;display:block;content:"";width:50%;height:100%} .togglenight-switch + .togglenight-btn{background:#fff;border-radius:99em;transition:all .4s ease} .togglenight-switch + .togglenight-btn:after{content:'';border-radius:100px;background:#fff url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.55,18.54L4.96,19.95L6.76,18.16L5.34,16.74M11,22.45C11.32,22.45 13,22.45 13,22.45V19.5H11M12,5.5A6,6 0 0,0 6,11.5A6,6 0 0,0 12,17.5A6,6 0 0,0 18,11.5C18,8.18 15.31,5.5 12,5.5M20,12.5H23V10.5H20M17.24,18.16L19.04,19.95L20.45,18.54L18.66,16.74M20.45,4.46L19.04,3.05L17.24,4.84L18.66,6.26M13,0.55H11V3.5H13M4,10.5H1V12.5H4M6.76,4.84L4.96,3.05L3.55,4.46L5.34,6.26L6.76,4.84Z' fill='%2386d993'/%3E%3C/svg%3E") center / 17px no-repeat;transition:left 0.3s cubic-bezier(0.175,0.885,0.32,1.275),padding 0.3s ease,margin 0.3s ease;position:absolute;width:20px;height:20px;top:-5px;left:0;box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);background-color: linear-gradient(45deg,#ff6551 0,#ff6551 13%,#ff6551 35%,#ffb351 100%);} .togglenight-switch:checked + .togglenight-btn{background:#339999} .togglenight:checked + .togglenight-btn:after{content:'';left:50%;background:#1d2129 url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.75,4.09L15.22,6.03L16.13,9.09L13.5,7.28L10.87,9.09L11.78,6.03L9.25,4.09L12.44,4L13.5,1L14.56,4L17.75,4.09M21.25,11L19.61,12.25L20.2,14.23L18.5,13.06L16.8,14.23L17.39,12.25L15.75,11L17.81,10.95L18.5,9L19.19,10.95L21.25,11M18.97,15.95C19.8,15.87 20.69,17.05 20.16,17.8C19.84,18.25 19.5,18.67 19.08,19.07C15.17,23 8.84,23 4.94,19.07C1.03,15.17 1.03,8.83 4.94,4.93C5.34,4.53 5.76,4.17 6.21,3.85C6.96,3.32 8.14,4.21 8.06,5.04C7.79,7.9 8.75,10.87 10.95,13.06C13.14,15.26 16.1,16.22 18.97,15.95M17.33,17.97C14.5,17.81 11.7,16.64 9.53,14.5C7.36,12.31 6.2,9.5 6.04,6.68C3.23,9.82 3.34,14.64 6.35,17.66C9.37,20.67 14.19,20.78 17.33,17.97Z' fill='%23fff'/%3E%3C/svg%3E") center / 17px no-repeat;background-color: #339999;} .nightmode #header-container{background:rgba(82,62,232,.92);background-image:url(https://goomsite.github.io/file/overlay.svg),linear-gradient(45deg,#2c3e50 0%,#34495e 100%)} .nightmode h1.post-title{background:rgba(82,62,232,.92);background-image:url(https://goomsite.github.io/file/overlay.svg),linear-gradient(45deg,#2c3e50 0%,#34495e 100%)} .nightmode .Profile .widget-content{background:rgba(82,62,232,.92);background-image:url(https://goomsite.github.io/file/overlay.svg),linear-gradient(45deg,#2c3e50 0%,#34495e 100%)} /* image cover */ .coverImage {overflow: hidden;height:auto;position: relative;}.post img.firstimage {width:100%;height:auto;max-width:100%;max-height:480px;margin: -13px 0;}.post-body .separator:nth-child(1) {display:none;}.postcommentinfo2 {position: relative;font-family: open sans,arial,sans-serif;font-weight: 600;text-align: center;} .postcommentinfo2 svg{width:16px!important;height:16px!important;vertical-align:-4px;animation:flash 1.4s;animation-iteration-count: infinite;} .postcommentinfo2 svg:hover{animation:none;} .postcommentinfo2 svg path{fill:#fff;}.postcommentinfo2 a {color: #fff;font-size: 12px !important;padding: 0;position: relative;background: #3b5998 !important;line-height: 2.3em;}.post-header{border-bottom:1px solid #eee;margin-bottom:10px;} .myprofile{position:relative;overflow:unset;float:left;}.photo-wrap{width:60px;height:60px;border-radius:100%;float:left;border:2px solid #fff;margin-right:15px;margin:-3em 6px;} .author-info {font-family: 'roboto',sans-serif;margin-left:0;display: inline-block;position: relative;font-size:12px;float:right;margin-top:7px;font-weight:bold;}.foto-postingan{padding:30px;background: linear-gradient(to bottom,transparent 0%,rgba(0,0,0,0.9) 100%) repeat scroll 0 0 transparent;position: absolute;bottom: 0;left:0;right:0 } .author-info::after{display:none;} .share-box{float:right;margin-right: 6px;margin-top:7px} .share-box ul{list-style:none;margin:0} .share-box li {float:left;display:inline-block;line-height:0;padding:0;margin-left:7px;border-radius: 3px;} .share-box li svg{width:100%;height:16px;margin-top:4px;} .share-box li svg path{fill:#fff} .share-box a{display:inline-block;width:45px;height:25px;background:rgba(0,0,0,0.4);border-radius:3px;opacity:.85;} .share-box a:hover{background:rgba(0,0,0,0.3);box-shadow:0 10px 20px rgba(0,0,0,0.06),0 6px 6px rgba(0,0,0,0.09);opacity:1;} .share-box .facebook a{background:#3F51B5;} .share-box .twitter a{background:#03A9F4;} .share-box .pinterest a{background:#f44336;} .share-box .linkedin a{background:#435288;} .share-box .whatsapp a{background:#01c854;} @media screen and (max-width:800px){ .share-box{float:right;}} @media screen and (max-width:768px){ .coverImage{ height:auto; } .foto-postingan{ position:relative; background: 0; padding: 0; width: auto; } h1.post-title{ color:#000; font-size:18px; } .info-3{ border:0; text-align: center; line-height:4; margin-bottom:1.9em; } } @media screen and (max-width:414px){ .post-header{ padding-bottom:0; } .info-3{line-height:0;} .share-box{ display: inline-block; float: none; margin:0; } .myprofile{margin: 4px 0;float: none;} .photo-wrap{float:none;margin: -4em 0 0;width:70px;height:auto;} .author-info{display:block;margin: 17px 0;float:none} } @media screen and (max-width:380px) { .post-header{ padding-bottom:0; } .info-3{line-height:0;} .myprofile{margin: 4px 0;float: none;} .photo-wrap{float:none;margin: -4em 0 0;width:70px;height:auto;} .author-info{display:block;margin: 17px 0;float:none;} .share-box{ display: inline-block; float: none; margin:0; } } /* CSS Store Style */ #store-style{position:relative;background:#fff;display:block;overflow:hidden;padding:20px;margin:0 0 20px 0;border-radius:12px;border:1px solid #eaedf4}#store-style:nth-child(3):before{content:'\f07a';font-family:fontawesome;font-size:4rem;position:absolute;bottom:20px;right:20px;color:rgba(0,0,0,0.05)}.rio-ss{overflow:hidden;line-height:normal;margin:0;display:block;padding:10px;width:100%;float:left;color:#000;font-size:14px;font-weight:500}#store-style:hover:nth-child(3):before{;animation:swing 2s infinite}#store-style .storebutton{display:block;position:relative;background:#f39c12;background:linear-gradient(-45deg,#f9b74e,#cf7bfa);color:#fff;font-weight:500;text-align:center;font-size:1rem;margin:0;padding:10px 20px;border-radius:99em;overflow:hidden;box-shadow:0 0 2px 0 rgba(0,0,0,.05),0 4px 8px 0 rgba(0,0,0,.05);transition:all 300ms cubic-bezier(0.250,0.100,0.250,1.000);transition-timing-function:cubic-bezier(0.250,0.100,0.250,1.000);background-size:100% auto}#store-style .storebutton.but2{color:#fff}#store-style .storebutton:hover,#store-style .storebutton.but2:hover{color:#fff;box-shadow:0 0 4px 0 rgba(0,0,0,.05),0 6px 12px 0 rgba(0,0,0,.05);background-size:200%}#store-style .storebutton:active{box-shadow:0 1px 0 rgba(0,0,0,0.1);background-position:right center}.but1,.but2{padding:14px}.storelist{display:flex;padding:12px 5px;width:100%;float:left;color:#000;font-weight:500;line-height:28px;transition:all .6s}.storelist:before{content:"\f046";font-style:normal;padding:5px;margin:0 5px 0 0;transition:all .6s;font-family:fontawesome;speak:none;font-weight:400;font-variant:normal;text-transform:none;line-height:1;color:#fd5228;margin-right:.5em;width:25px;height:25px;font-size:21px;-webkit-font-smoothing:antialiased} ]]> >"; position: absolute; bottom: 18px; z-index: 999; right: 80px; color: #999; font-size: 12px; } body#layout #wrapper, body#layout #header-wrapper, body#layout #footer-container, body#layout #footer-widget-container { margin: 0 0; padding: 0 20px; } body#layout #footer-container { padding-bottom: 20px; } body#layout #cssmenu, body#layout #footer-navmenu { position: relative; display: block; font-size: 14px; color: #fff; background: teal; border: 1px solid #d6d6d6; font-weight: bold; } body#layout #cssmenu { height: 33px; padding: 20px; margin: 8px 0; width: 500px; float: right; } body#layout #cssmenu ul, body#layout #footer-navmenu ul, body#layout #footer-widget-container { display: none; } body#layout #cssmenu::after { content: "The navigation menu must be edited via Edit HTML"; color: #fff; position: absolute; top: 30px; left: 20px; visibility: visible; } body#layout .post-container { padding: 0 15px 0 0; } body#layout .sidebar-container { padding: 0 0 0 0; } body#layout #searchfs, body#layout .latest-post-title, body#layout .section h4 { display: none; } body#layout div.section { background: transparent; margin: 0px 0px 15px 0px; padding: 0px; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body#layout .sidebar-sticky::before { content: "Widget Sidebar (Sticky)"; } body#layout .sidebar::before { content: "Widget Sidebar"; } body#layout .above-post-widget::before { content: "Widget Above Post (Homepage Only)"; } body#layout .Blog::before { content: "Posting Blog"; margin-bottom: 8px; } body#layout .bellow-header-widget::before { content: "Widget under the Header/Navigation Menu"; } body#layout #footer-widget-container::before { content: "Widget di Atas Footer"; } body#layout .sidebar-sticky::before, body#layout .sidebar::before, body#layout .above-post-widget::before, body#layout .Blog::before, body#layout .bellow-header-widget::before { padding: 5px 10px; display: block; font-size: 14px; color: #fff; background: teal; border: 1px solid #d6d6d6; font-weight: bold; } body#layout .add_widget, body#layout .widget-content { padding: 12px; } body#layout .add_widget a { margin-left: 0px; font-size: 14px; } body#layout div.layout-title { font-size: 14px; } body#layout div.layout-widget-description { font-size: 12px; } body#layout .editlink { color: #FFFFFF !important; background: teal; border-radius: 15px; padding: 4px 6px; } body#layout #footer-wrapper { position: relative; background: #fff; height: 40px; border: 1px solid #ddd; } body#layout #footer-wrapper::after { content:"Footer"; color:#999; position:absolute; top:12px; } body#layout #footer-navmenu { padding: 0; margin: 0 20px 8px; height: 50px; } body#layout #footer-navmenu::after { content: "The navigation menu must be edited via Edit HTML"; color: #fff; position: absolute; top: 17px; left: 20px; visibility: visible; } body#layout ul {display: none} ]]>
<div itemscope='itemscope' itemtype='http://schema.org/Blog'>
0 -1 false false BEHIND 0

Showing themes that are Seo, fast loading, light, fresh and professional.
Comments FOLLOW SITE
true true 3585842775762059912 true false

Postingan TerbaruLatest Posts

 Post a Comment false by true TextAndImage - Post Navi false 1x1 false true 1 #ffffff You might like true #5b86e5 true #36d1dc true #393939 #ffffff true Tags false false false
</div></div> <div class="date-outer"> <div class="date-posts">
</div></div>

 

BerandaHome ›

()

Edit DitulisWritten By Komentar Komentar Comment 1 Comment Comments 1

Berlangganan update artikel terbaru via email:
Profil Info Ditulis olehWritten By

<ul> <li><svg viewbox='0 0 24 24'> <path fill="currentColor" d="M12,3C9.31,3 7.41,4.22 7.41,4.22L6,9H18L16.59,4.22C16.59,4.22 14.69,3 12,3M12,11C9.27,11 5.39,11.54 5.13,11.59C4.09,11.87 3.25,12.15 2.59,12.41C1.58,12.75 1,13 1,13H23C23,13 22.42,12.75 21.41,12.41C20.75,12.15 19.89,11.87 18.84,11.59C18.84,11.59 14.82,11 12,11M7.5,14A3.5,3.5 0 0,0 4,17.5A3.5,3.5 0 0,0 7.5,21A3.5,3.5 0 0,0 11,17.5C11,17.34 11,17.18 10.97,17.03C11.29,16.96 11.63,16.9 12,16.91C12.37,16.91 12.71,16.96 13.03,17.03C13,17.18 13,17.34 13,17.5A3.5,3.5 0 0,0 16.5,21A3.5,3.5 0 0,0 20,17.5A3.5,3.5 0 0,0 16.5,14C15.03,14 13.77,14.9 13.25,16.19C12.93,16.09 12.55,16 12,16C11.45,16 11.07,16.09 10.75,16.19C10.23,14.9 8.97,14 7.5,14M7.5,15A2.5,2.5 0 0,1 10,17.5A2.5,2.5 0 0,1 7.5,20A2.5,2.5 0 0,1 5,17.5A2.5,2.5 0 0,1 7.5,15M16.5,15A2.5,2.5 0 0,1 19,17.5A2.5,2.5 0 0,1 16.5,20A2.5,2.5 0 0,1 14,17.5A2.5,2.5 0 0,1 16.5,15Z" /> </path></svg><a href='#'>Tech</a></li> <li><svg viewbox='0 0 24 24'> <path fill="currentColor" d="M14,11.5A2.5,2.5 0 0,0 16.5,9A2.5,2.5 0 0,0 14,6.5A2.5,2.5 0 0,0 11.5,9A2.5,2.5 0 0,0 14,11.5M14,2C17.86,2 21,5.13 21,9C21,14.25 14,22 14,22C14,22 7,14.25 7,9A7,7 0 0,1 14,2M5,9C5,13.5 10.08,19.66 11,20.81L10,22C10,22 3,14.25 3,9C3,5.83 5.11,3.15 8,2.29C6.16,3.94 5,6.33 5,9Z" /> </path></svg><a href='h#'>News</a></li> <li><svg viewbox='0 0 24 24'> <path fill="currentColor" d="M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /> </path></svg><a href='#'>Politics</a></li> <li><svg viewbox='0 0 24 24'> <path fill="currentColor" d="M21,3H3C1.89,3 1,3.89 1,5V17A2,2 0 0,0 3,19H8V21H16V19H21A2,2 0 0,0 23,17V5C23,3.89 22.1,3 21,3M21,17H3V5H21M16,11L9,15V7" /> </path></svg><a href='#'>Bollywhood</a></li> </ul>

<ul> <li><svg viewbox='0 0 24 24'> <path d='M11,15H13V17H11V15M11,7H13V13H11V7M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20Z'></path> </svg><a href='#'>About</a></li> <li><svg viewbox='0 0 24 24'> <path d='M20,8L12,13L4,8V6L12,11L20,6M20,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z'></path> </svg><a href='h#'>Contact</a></li> <li><svg viewbox='0 0 24 24'> <path d='M12,1A5,5 0 0,0 7,6V8H6A2,2 0 0,0 4,10V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V10A2,2 0 0,0 18,8H17V6A5,5 0 0,0 12,1M12,2.9C13.71,2.9 15.1,4.29 15.1,6V8H8.9V6C8.9,4.29 10.29,2.9 12,2.9M11,11H13V15H11V11M11,17H13V19H11V17Z'></path> </svg><a href='#'>Privacy Policy</a></li> <li><svg viewbox='0 0 24 24'> <path 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,12M13,17H11V15H13V17M13,13H11V7H13V13Z'></path> </svg><a href='#'>Disclaimer</a></li> </ul>

<ul> <li><svg viewbox='0 0 24 24'> <path fill="currentColor" d="M19,10C19,11.38 16.88,12.5 15.5,12.5C14.12,12.5 12.75,11.38 12.75,10H11.25C11.25,11.38 9.88,12.5 8.5,12.5C7.12,12.5 5,11.38 5,10H4.25C4.09,10.64 4,11.31 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12C20,11.31 19.91,10.64 19.75,10H19M12,4C9.04,4 6.45,5.61 5.07,8H18.93C17.55,5.61 14.96,4 12,4M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M12,17.23C10.25,17.23 8.71,16.5 7.81,15.42L9.23,14C9.68,14.72 10.75,15.23 12,15.23C13.25,15.23 14.32,14.72 14.77,14L16.19,15.42C15.29,16.5 13.75,17.23 12,17.23Z" /></path></svg><a href='#'>Off Topik</a></li> <li><svg viewbox='0 0 24 24'> <path fill="currentColor" d="M20.71,4.63L19.37,3.29C19,2.9 18.35,2.9 17.96,3.29L9,12.25L11.75,15L20.71,6.04C21.1,5.65 21.1,5 20.71,4.63M7,14A3,3 0 0,0 4,17C4,18.31 2.84,19 2,19C2.92,20.22 4.5,21 6,21A4,4 0 0,0 10,17A3,3 0 0,0 7,14Z" /></path></svg><a href='#'>Redesign</a></li> <li><svg viewbox='0 0 24 24'> <path fill="currentColor" d="M17.45,15.18L22,7.31V19L22,21H2V3H4V15.54L9.5,6L16,9.78L20.24,2.45L21.97,3.45L16.74,12.5L10.23,8.75L4.31,19H6.57L10.96,11.44L17.45,15.18Z" /> </path></svg><a href='#'>Traffic</a></li> <li><svg viewbox='0 0 24 24'> <path fill="currentColor" d="M3,5V19H22V5H3M5,7H20V11H5V7M5,17V13H9V17H5M11,17V13H20V17H11Z" /> </path></svg><a href='#'>Info Iklan</a></li> </ul>

Copyright © 2020
</div>