<data:blog.pageTitle/> <data:blog.pageName/> - <data:blog.title/> All Posts - <data:blog.title/> Page Not Found - <data:blog.title/> <data:blog.pageName/> Variable definitions end ========================*/ /** * Eric Meyer's Reset CSS v2.0 http://meyerweb.com/eric/tools/css/reset/ * http://cssreset.com */ a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; } 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::after,blockquote::before,q::after,q::before { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } .section,.widget { margin: 0; padding: 0; padding-left: 0; } #backlinks-container,.blog-feeds,.blog-mobile-link,.feed-links,.navbar,a.home-link { display: none; } .edit-post,.item-control,.quickedit { display: none; } .post-body .separator>a,.post-body .separator>span { margin-left: 0!important; } b,strong { font-weight: 700; } cite,em,i { font-style: italic; } a:link { color: #1a73e8; text-decoration: none; outline: 0; } a:visited { color: #fff; text-decoration: none; } a:hover { color: #555555; text-decoration: none; } .post-body img { cursor: zoom-in; } a img { border: none; border-width: 0; outline: 0; } abbr,acronym { border-bottom: 1px dotted; cursor: help; } sub,sup { 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: #000; } blockquote,dl,figure,form,hr,ol,p,pre,table,ul { margin: 0 0 1.5em; } hr { border: 0 solid #666; border-top-width: 7px; border-radius: 100px; margin: 15px auto; overflow: visible; position: relative; width: 7px; transition: border-color .2 ease; } hr:after,hr:before { content: ''; border: 0 solid #666; border-top-width: 5px; border-radius: 100px; position: absolute; top: -6px; width: 5px; } hr:before { left: -20px; } hr:after { right: -20px; } 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: .9rem; } h1,h2,h3,h4,h5,h6 { margin: 0 0 .6em; font-weight: 700; } dl,ol,ul { margin: .5em 0 .5em 2em; } li { margin: 0; } dt { font-weight: 700; } dd { margin: 0 0 .5em 2em; } button,input,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,pre { font-family: "Courier New",Courier,Monospace; color: inherit; } pre { white-space: pre; word-wrap: normal; overflow: auto; } .Night blockquote { border-color: #5f6368; color: #fff; } blockquote { position: relative; background: transparent; margin-left: 1em; margin-right: 1em; padding: 1em; border: 1px solid #ddd; color: #121212; border-radius: 5px; font-style: italic; font-size: 100%; padding-top: 25px; transition: all .5s ease; } blockquote::before { content: ""; position: absolute; background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14,17H17L19,13V7H13V13H16M6,17H9L11,13V7H5V13H8L6,17Z' fill='%23fff'/%3E%3C/svg%3E") center/35px no-repeat; background-color: #630dec; background-size: 25px; border-radius: 100px; top: -16px; left: 0; right: 0; margin-right: auto; margin-left: auto; width: 35px; height: 35px; } 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; } img,table { max-width: 100%; height: auto; } iframe { max-width: 100%; } td.tr-caption { color: #777; } .clear { clear: both; } .clear::after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } #cssmenu ul ul li,#cssmenu ul ul li.has-sub>a::before,#cssmenu>ul>li.has-sub>a::before,.berlangganan-box input.email-address[type=text],.berlangganan-box input.submit-email[type=submit],.label-count { transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; color: #fff; } a:link { color: #000; } .related-post-style-3 .related-post-item { transition: opacity .2s linear; } .info-1,.info-2,.label-info-th a,.post-snippet,.sidebar-sticky,h2.post-title { transition: all .2s linear; -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; } #searchfs input[type=search],h1,h2,h3,h4,h5,h6 { transition: font-size .2s linear; -o-transition: font-size .2s linear; -moz-transition: font-size .2s linear; -webkit-transition: font-size .2s linear; } #baca-juga,#baca-juga h2,#baca-juga ul,.FeaturedPost .image,.FeaturedPost .post-summary,.PopularPosts .item-thumbnail,.PopularPosts .widget-content ul,.PopularPosts .widget-content ul li img,.PopularPosts ul li .item-content::before,.PopularPosts ul li .item-thumbnail-only::before,.PopularPosts ul li>a::before,.Profile .profile-link,.Profile .widget-content,.berlangganan-box,.displaypageNum a,.img-thumbnail,.img-thumbnail img,.label-info-th a,.label-size,.list-label-widget-content ul,.pagecurrent,.related-post-item-thumbnail,.showpage a { border-radius: 0; } body { background: #ffff; margin: 0; padding: 0; color: #465760; font-family: Quicksand,-apple-system,BlinkMacSystemFont,'Segoe UI',Oxygen,'Helvetica Neue',sans-serif!important; text-align: left; } #Tukang_Redesign_wrapper { background: 0 0; margin: 0 auto; padding: 90px 0 15px 0; display: flex; overflow:hidden; } #Tukang_Redesign_Header_Container { background: #7d0633; position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 1; height: 44px; z-index: 999; padding: 10px 0 10px 0; box-shadow:0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2); } #header-wrapper { background: 0 0; margin: 0 auto; position: relative; padding-top: 0; } @media only screen and (max-width:1080px) { #header-wrapper { margin-left: 0; margin-top: 0; padding: 0!important; box-shadow: none; border: none; border-radius: 0; } } .header { max-width: 400px; float: left; left: 63px; position: absolute; top: 7px; } .header h1.title,.header p.title { color: #ffffff; display: inline; margin: 0; text-transform: capitalize; line-height: 30px; font-size: 20px; overflow: hidden; white-space: normal; } .header .description { color: #ffffff; margin: -10px 0 4px; padding: 0; font-size: .7em; display: none; } .header a { color: #fff; font-weight: 700; } .header img { display: block; width: auto; max-height: 47px; margin-top: -7px; } #post-wrapper { background: 0 0; float: left; width: 100%; margin-right: 20px; margin-left: 300px; display: flex; } .post-container { width: calc(100% - (320px + 20px)); margin-right: 20px; } #post-wrapper.open { margin-left: 15px; } #Tukang_Redesign_wrapper.open { max-width: 1200px; } .breadcrumbs { width: 100%; margin-bottom: 10px; color: #656565; border-radius: 6px; text-align: left; } .breadcrumbs a { color: #656565; font-weight: 400; font-size: 13px; line-height: 18px; } .breadcrumbs a.home { color: #7d0633!important; } .Night .breadcrumbs a.home { color: #ff007b!important; } .breadcrumbs a:hover { color: #7d0633; } .Night .breadcrumbs a:hover { color: #ff007b; } @media screen and (max-width:480px) { .breadcrumbs { font-size: 12px; } } @media screen and (max-width:800px) { .breadcrumbs { font-size: 13px; width: 100%; } } .post { background: 0 0; padding-bottom: 10px; border-bottom: 1px solid #ddd; } .post-body { line-height: 1.65em; text-align: left; word-wrap: break-word; color: #000; } h1.post-title { font-size: 24px; margin-bottom: 15px; } h1.post-title,h1.post-title a,h2.post-title,h2.post-title a { line-height: 1.5em; } h1.post-title a:hover,h2.post-title a:hover { color: #7d0633; text-decoration: underline; } h2.post-title a { color: #262626; font-weight: 700; font-size: 16px; } .img-thumbnail img { width: 100%; display: block; } .label-info-th { display: block; z-index: 2; position: relative; margin-bottom: 10px; height: 32px; overflow: hidden; } .label-line,.label-line-c { position: relative; } .label-line-c { text-align: center; margin-bottom: 6px; margin-top: 17px; } .label-line-c::before,.label-line::before { z-index: 1; content: ""; width: 100%; height: 0; position: absolute; top: 50%; left: 0; margin-top: -2px; border-bottom: 1px dotted #8899a6; } .label-info-th a { color: #ffffff; background: #df0f81; display: inline-block; padding: 6px 12px; margin: 1px 0; font-size: 11px; font-weight: 500; text-transform: uppercase; border: 0 solid #efefef; } .label-info-th a:hover { color: #1a73e8; } .post-info { color: #656565; line-height: 30px; font-weight: 400; text-align: left; font-size: 14px; margin-bottom: 15px; cursor: default; } .post-snippet b,.post-snippet em,.post-snippet i,.post-snippet strong { font-weight: 400; font-style: normal; } .info-1 { margin-top: 10px; } .info-2 { margin-top: 10px; } .info-3 svg { margin-right: 10px; } .post-info a { display: inline-block; color: inherit; } .edit-post a { color: #1a73e8; } .edit-post a:hover { color: #555555; } .edit-post::before { content: "-"; padding: 0 2px; } .author-profile { overflow: hidden; margin: 30px 0; line-height: 1.5; } .author-profile img { border: none; float: left; margin-right: 15px; border-radius: 46px; } .author-profile>span { font-size: 14px; opacity: .8; } .author-profile a.g-profile { font-weight: 700; color: #555555; font-size: 18px; margin-bottom: 5px; display: inline-block; } .author-profile a.g-profile:hover { color: #1a73e8; } .author-profile a.g-profile::after { content: "\f058"; font-family: FontAwesome; font-style: normal; font-weight: 400; text-decoration: inherit; padding-right: 4px; color: #1a73e8; } #sidebar-wrapper { float: right; width: 320px; } .latest-post-title h2 { font: normal 15px Roboto,Arial,sans-serif; box-shadow: 0 2px 2px 0 rgba(0,0,0,.04),0 3px 1px -2px rgba(0,0,0,.05),0 1px 5px 0 rgba(0,0,0,.04); border: none; width: 92%; color: #fff; padding: 15px 20px; background: #1d976c; border-radius: 10px; margin-bottom: 15px; font-weight: 700; text-align: center; display: none; } .sidebar h2 { color: #465760; display: none; } .above-post-widget .widget,.bellow-header-widget .widget,.section:last-child .widget:last-child,.sidebar .widget,.sidebar-sticky .widget { margin: 0 0 30px; clear: both; } .sidebar ol,.sidebar ul,.sidebar-sticky ol,.sidebar-sticky ul { list-style-type: none; margin: 0; padding: 0; padding: 0; } .sidebar li,.sidebar-sticky li { margin: 5px 0; padding: 0; } .sidebar-sticky { z-index: 9; margin-left: 20px; } .sidebar-sticky h2 { cursor: default; width: auto; color: #7d0633; text-align: left; font-size: 15px; position: relative; font-weight: 700; border-bottom: .1875rem solid #7d0633; border-left: .1875rem solid transparent; border-right: .1875rem solid transparent; display: inline-block; line-height: 2.75rem; margin: 0; } .border-bottom-ads-sidebar { border-bottom: 1px solid #ddd; margin-bottom: 15px; } .Night .border-bottom-ads-sidebar { border-color: #5f6368; } .Night .sidebar-sticky h2 { color: #ff007b; border-bottom: .1875rem solid #ff007b; } .sidebar .widget-content::after,.sidebar .widget-content::before,.sidebar-sticky .widget-content::after,.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 iframe,.bellow-header-widget img { max-width: 100%; border: none; overflow: hidden; } .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: none; background: 0 0; -moz-box-shadow: none; -webkit-box-shadow: none; -ie-box-shadow: none; box-shadow: none; } .widget ul { line-height: 1.625; } .gsc-search-box-tools .gsc-search-box .gsc-input { margin: 3px 0!important; } .gsib_a { padding: 0 6px!important; } .cse .gsc-search-button-v2,.gsc-search-button-v2 { padding: 9px 27px!important; } .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 .25s; -moz-transition: all .25s; -webkit-transition: all .25s; line-height: 1.2; display: block; float: left; margin: 0 3px 3px 0; color: #1a73e8; font-size: 13px; text-transform: uppercase; border: 1px solid #1a73e8; } .label-size a,.label-size span { display: inline-block; color: #1a73e8; padding: 6px 8px; } .label-size:hover { border: 1px solid #1a73e8; background: #1a73e8; } .label-size:hover .label-count,.label-size:hover a { color: #ffffff; } .label-count { margin-left: -12px; margin-right: 0; } .list-label-widget-content ul { display: flex; flex-wrap: wrap; padding: 15px 0 0; } .list-label-widget-content ul li { list-style-type: none; margin: 0 5px 5px 0; border: none; display: flex; width: auto; flex-wrap: nowrap; align-items: center; flex-grow: 1; border-radius: 30px; background: transparent; } .bellow-header-widget .cloud-label-widget-content .label-size { font-weight: 700; } .bellow-header-widget .cloud-label-widget-content .label-size a,.bellow-header-widget .cloud-label-widget-content .label-size span { padding: 15px 20px; } .Feed ul li { display: block; margin: 0 0 10px; } .Feed ul li:last-child { margin-bottom: 10px; } .Feed .item-author,.Feed .item-date { color: #999; } .Feed .item-title { font-weight: 700; } .PopularPosts .widget-content ul,.PopularPosts .widget-content ul li { margin: 0; padding: 0; list-style: none; border: none; outline: 0; } .PopularPosts .widget-content ul li a { color: #121212; font-size: 16px; font-weight: 700; display: inherit; line-height: 22px; } .PopularPosts .widget-content ul li a:hover { color: #7d0633; text-decoration: underline; } .Night .PopularPosts .widget-content ul li a:hover { color: #ff007b; } .PopularPosts .widget-content ul li:not(:last-child) { margin: 0; counter-increment: num; position: relative; margin-bottom: 10px; } .PopularPosts ul li:last-child { margin-bottom: 0; } .PopularPosts ul li .item-content::before,.PopularPosts ul li .item-thumbnail-only::before,.PopularPosts ul li>a::before { color: #1a73e8!important; } .PopularPosts ul li .item-content::after,.PopularPosts ul li .item-thumbnail-only::after,.PopularPosts ul li>a::after { background: #efefef; } .PopularPosts .item-title { line-height: 1.6; min-height: 40px; font-weight: 500; } .PopularPosts .item-thumbnail { float: left; margin-right: 8px; } .PopularPosts .item-snippet { line-height: 1.6em; font-size: 14px; margin-top: 8px; opacity: .925; } .Profile .widget-content { text-align: center; padding: 30px; margin: 0 auto; max-width: 300px; border: 2px solid #efefef; } .Profile .profile-img { border-radius: 50%; float: none; } .Profile .profile-name-link { color: #393939; font-size: .9em; opacity: 1; overflow: hidden; } .Profile .profile-name-link:hover { color: #1a73e8; } .Profile .profile-link { border-style: solid; border-width: 1px; cursor: pointer; font-size: 14px; padding: 6px 22px; display: inline-block; line-height: normal; } .profile-textblock { margin: .8em 0; font-size: 14px; line-height: 1.5em; } .profile-img { float: 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; } #ArchiveList .toggle { cursor: pointer; font-family: Arial,sans-serif; } #ArchiveList .toggle-open { 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:hover,#ArchiveList a.toggle:link,#ArchiveList a.toggle:visited { color: #a0a0a0; text-decoration: none; } .BlogArchive #ArchiveList ul li { background: 0 0; list-style: none; list-style-image: none; list-style-position: outside; border-width: 0; padding-left: 15px; text-indent: -15px; margin: .25em 0; background-image: none; } .BlogArchive #ArchiveList ul ul li { padding-left: 1.2em; } .BlogArchive #ArchiveList ul { margin: 0; padding: 0; list-style: none; list-style-image: none; border-width: 0; } .BlogArchive #ArchiveList ul.posts li { padding-left: 1.3em; } #ArchiveList .collapsed ul { display: none; } .artikel-terbaru ul li { border-bottom: 1px dashed #fff; padding-bottom: 8px; margin-bottom: 8px; font-weight: 700; } .LinkList ul li,.PageList ul li { border-bottom: 2px dotted #efefef; padding: 6px 0; } .LinkList ul li::before,.PageList ul li::before,.artikel-terbaru ul li::before { content: "\f14b"; font-family: FontAwesome; font-style: normal; font-weight: 400; text-decoration: inherit; margin-right: 6px; color: #1a73e8; } .artikel-terbaru ul li::before { content: "\f14b"; } .LinkList ul li::before { content: "\f14c"; } .PageList ul li::before { content: "\f249"; } .berlangganan-box { background: #1a73e8; background: linear-gradient(to right,#1a73e8,#1a73e8); 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: 0; } .berlangganan-box input.submit-email[type=submit] { background: #fff; padding: 10px 15px; border-radius: 2px; color: #393939; border: none; outline: 0; } .berlangganan-box input.submit-email[type=submit]:hover { background: #393939; color: #fff; cursor: pointer; } .berlangganan-box input.email-address[type=text]:focus { background: #fffcd2; } .share-this-pleaseeeee { display: inline-block; margin: 0; color: #8899a6; text-transform: uppercase; font-size: 16px; background: #fff; z-index: 1; position: relative; padding: 0 10px; font-weight: 700; transition: all .5s ease; } #share-container { margin: 20px auto 30px; overflow: hidden; } #share { width: 70%; text-align: center; } #share a { width: 11%; height: 24px; display: block; font-size: 24px; color: #fff; transition: opacity .15s linear; float: left; } #share a:hover { opacity: .8; } #share i { position: relative; top: 50%; transform: translateY(-50%); } .status-msg-wrap { font-size: 110%; width: 100%; height: 100%; margin: auto; position: fixed; } .status-msg-border { border: none; -moz-opacity: .4; opacity: .4; width: 100%; position: relative; } .status-msg-bg { background-color: transparent; opacity: .8; -moz-opacity: .8; width: 100%; position: relative; z-index: 1; } .Night .status-msg-body { color: #fff; } .status-msg-body { text-align: center; width: 100%; position: relative; z-index: 4; color: #121212; font-weight: 600; top: 50%; right: 50%; transform: translate(50%,-50%); padding: 0 0 50px; } .status-msg-hidden { visibility: hidden; padding: .3em 0; } .status-msg-wrap a { color: #fff; font-size: 16px; font-weight: 700; position: absolute; padding: 15px; margin-right: auto; margin-left: auto; right: 0; left: 0; width: 270px; bottom: 0; background: #7d0633; border: 5px solid #69062b; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.225); } .status-msg-wrap a:hover { color: #fff; } .iklan-atas .widget,.iklan-atas .widget-content,.iklan-bawah .widget,.iklan-bawah .widget-content,.iklan-tengah1 .widget,.iklan-tengah1 .widget-content,.iklan-tengah2 .widget,.iklan-tengah2 .widget-content { margin: 0!important; } .iklan-atas h2,.iklan-bawah h2,.iklan-tengah1 h2,.iklan-tengah2 h2 { display: none; } #kode-iklan-atas ins,#kode-iklan-bawah ins,#kode-iklan-tengah1 ins,#kode-iklan-tengah2 ins { margin: 20px 0; } .post-body #kode-iklan-atas,.post-body #kode-iklan-bawah,.post-body #kode-iklan-tengah1,.post-body #kode-iklan-tengah2 { text-align: center; display: block; } .post-body #baca-juga { display: block; } #footer-navmenu { border-bottom: 1px dotted rgba(0,0,0,.08); background: #028271; padding: 30px 0; font: bold 14px Roboto,Arial,sans-serif; color: #fff; transition: all .5s ease; } #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; transition: all .5s ease; } #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: 0!important; padding: 20px 0; display: none; } ul.nav-social { list-style: none; margin: 0; padding: 0; } ul.nav-social li { display: inline-block; padding: 0 15px; margin: 0; } ul.nav-social li a { color: #999999; } 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-icon a { color: #ffffff; } #searchfs { position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-transform: translate(0,-100%) scale(0,0); -moz-transform: translate(0,-100%) scale(0,0); -o-transform: translate(0,-100%) scale(0,0); -ms-transform: translate(0,-100%) scale(0,0); transform: translate(0,-100%) scale(0,0); opacity: 0; } #searchfs.open { -webkit-transform: translate(0,0) scale(1,1); -moz-transform: translate(0,0) scale(1,1); -o-transform: translate(0,0) scale(1,1); -ms-transform: translate(0,0) scale(1,1); transform: translate(0,0) scale(1,1); opacity: 1; z-index: 9999; } #searchfs input[type=search] { position: absolute; top: 50%; left: 0; right: 0; margin-left: auto; margin-right: auto; margin-top: -51px; width: 300px; color: #46565f; background: 0 0; font-size: 40px; text-align: left; outline: 0; padding: 10px; border: 1px solid #ddd; border-radius: 3px; font-size: 15px; } #searchfs .close { display: none; position: fixed; bottom: 50%; right: 50%; color: #df0b84; background-color: transparent; opacity: .8; font-size: 40px; border: none; outline: 0; margin-bottom: 60px; margin-right: -10px; } #searchfs .close:hover { cursor: pointer; } #cssmenu,#cssmenu #head-mobile,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a { border: 0; list-style: none; line-height: 1; display: inline-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; margin-top: 5px; } #cssmenu #head-mobile { display: none; position: relative; } #cssmenu>ul>li:first-child { border-left: none; } #cssmenu>ul>li:last-child { border-right: none; } #cssmenu>ul>li { margin: 0; margin-bottom: 5px; } #cssmenu>ul>li>a>i { margin-right: 5px; } #cssmenu>ul>li>a { padding: 0 15px; line-height: 48px; letter-spacing: .8px; text-decoration: none; text-transform: capitalize; color: #465760; font-weight: 400; font-size: .875rem; padding-left: 0; } #cssmenu ul li.active,#cssmenu ul li.active:hover,#cssmenu ul li.has-sub.active:hover,#cssmenu>ul>li:hover { -webkit-transition: background .2s ease; -ms-transition: background .2s ease; transition: background .2s ease; } #cssmenu ul ul li.has-sub>a::after { content: "\f0da"; } #cssmenu ul ul { height: auto; position: absolute; z-index: 1; -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.15); box-shadow: 0 2px 8px 0 rgba(0,0,0,.15); opacity: 0; transform: translateY(50em); transition: all .3s ease-in-out 0; left: -10px; right: 0; transition: all .5s ease; opacity: 0; padding: 10px; backdrop-filter: blur(6px); z-index: 999; width: 208px; } #cssmenu li:hover .menudropdown { transform: rotate(180deg); transition: all .5s ease; } .menudropdown { transition: all .5s ease; } @media screen and (max-width:1080px) { #cssmenu>ul>li>a { cursor: default; } } #cssmenu>ul>li:hover:before { content: ''; position: absolute; background-color: #465760; width: 4px; height: 48px; left: -10px; } #cssmenu>ul>li.footer:hover:before { content: ''; display: none; } #cssmenu>ul>li.subs:hover:before { content: ''; display: none; } #cssmenu>ul>li>a.tmblbtn:hover { color: #fff!important; } #cssmenu>ul>li>a.flws:hover { color: #fff!important; } #cssmenu li:hover>ul { opacity: 1; transform: translateY(0); transition-delay: 0s,0s,.3s; } ul.allsub li.bulet>a { background: #000; border: 2px solid #000; border-radius: 20px; } #cssmenu ul ul li:hover { animation: ignielShake .82s cubic-bezier(.36,.07,.19,.97) both; transform: translate3d(0,0,0); backface-visibility: hidden; perspective: 1000px; } #cssmenu ul ul ul { margin-left: 100%; top: 0; } #cssmenu ul ul li a { padding: 0 17px; line-height: 42px; width: 183px; text-decoration: none; color: #465760; white-space: nowrap; text-overflow: ellipsis; background: #ececec; border-radius: 5px; margin: 2px; font-weight: 400; } #cssmenu ul ul li.last-item>a,#cssmenu ul ul li:last-child>a { border-bottom: 0; } #cssmenu ul li.has-sub ul li.has-sub ul li:hover,#cssmenu ul ul li.has-sub:hover { background: rgba(31,34,39,.29); } @media screen and (min-width:801px) { #cssmenu ul { display: block!important; } } @media screen and (max-width:800px) { #cssmenu { float: none; } #cssmenu ul { background: #fafafa; width: 100%; display: none; height: auto; -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.15); box-shadow: 0 2px 8px 0 rgba(0,0,0,.15); } #cssmenu>ul { transition-delay: 2s; transition: width 4s ease; position: fixed; display: block; width: 250px; left: -668px; margin: 0; height: calc(100% - 45px); background-color: #d28214; z-index: 999; overflow-y: auto; list-style-type: none; } #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%; } #cssmenu ul li.active,#cssmenu ul li.active:hover,#cssmenu ul li.has-sub.active:hover,#cssmenu>ul>li:hover { background: #d28214; } #cssmenu ul li.active a,#cssmenu>ul>li:hover>a { background: #d28214; } #cssmenu ul ul li a { padding: 0 25px; } #cssmenu ul li a,#cssmenu ul ul li a { width: 100%; border-bottom: 0; } #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 ul>li.has-sub>a::after,#cssmenu>ul>li.has-sub>a::after { display: none; } #cssmenu #head-mobile { display: block; padding: 24px; color: #fff; font-size: 12px; font-weight: 700; } .button { width: 48px; position: absolute; right: 0; top: -2px; cursor: pointer; z-index: 2; outline: 0; } .button.menu-opened .mline2 { top: 7px; left: 2px; width: 19px; background: #fff; } .button.menu-opened .mline3 { top: 11px; height: 2px; width: 13px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); } #cssmenu .submenu-button { display: none; position: absolute; z-index: 99; right: 0; top: 0; cursor: pointer; } #cssmenu ul ul .submenu-button::after { line-height: 36px; } #cssmenu ul ul ul li.active a { border-left: none; } #cssmenu>ul ul>li.has-sub>ul>li.active>a,#cssmenu>ul>li.has-sub>ul>li.active>a { border-top: none; } } .button { width: 48px; position: absolute; right: 0; left: 12px; top: -2px; cursor: pointer; z-index: 2; outline: 0; } .mline1,.mline2,.mline3 { position: absolute; left: 0; display: block; height: 2px; width: 22px; background: #465760; content: ''; border-radius: 10px; transition: all .2s; } .mline1 { top: 0; width: 13px; } .mline2 { top: 7px; } .mline3 { top: 14px; width: 13px; margin-left: 9px; background: #01a9b4; } .button.menu-opened .mline1 { top: 8px; border: 0; height: 3px; width: 22px; 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: 8px; background: #ffffff; width: 22px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .button.menu-opened .mline3 { display: none; height: 0; } #cssmenu .submenu-button { position: absolute; z-index: 99; right: 0; top: 0; cursor: pointer; background: linear-gradient(to left,#1a73e8,#1a73e8); display: none; } #cssmenu .submenu-button::after { content: "\f0d7"; font-family: FontAwesome; font-style: normal; font-weight: 400; text-decoration: inherit; margin: 0 20px; color: #ffffff; 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 ul>li.has-sub>ul>li.active>a,#cssmenu>ul>li.has-sub>ul>li.active>a { border-top: none; } #footer-container { background: 0 0; color: #262626; padding: 10px 5px; overflow: hidden; font-size: 14px; text-align: center; transition: all .5s ease; font-weight: 700; margin: 20px 0 5px 0; } #footer-wrapper { max-width: 1000px; margin: 0 auto; font-weight: 400; } #footer-wrapper span:after { content: '\0000a0\002022\0000a0'; margin: 0 5px; } #footer-wrapper a { color: #262626; } #baca-juga li:not(:last-child) { border-bottom: 3px dotted #ddd; } .Night #baca-juga li:not(:last-child) { border-color: #5f6368; } #baca-juga { position: relative; } #baca-juga h2 { color: #fff; position: absolute; top: -22px; left: 0; right: 0; margin-right: auto; margin-left: auto; border: 5px solid #fff; padding: 2px 10px; font-size: 14px; background: #121212; font-weight: 700; z-index: 1; text-align: center; border-radius: 30px; width: 80px; } #baca-juga a { display: block; padding: 0; color: #121212!important; font-size: 14px; line-height: 20px!important; text-align: left; } .Night #baca-juga a { color: #fff!important; } @media screen and (max-width:480px) { #baca-juga a { font-size: 13px; } } #baca-juga a:hover { text-decoration: underline!important; color: #ffb200; } #baca-juga ul { max-width: 100%; margin: 35px 0 20px; padding: 25px 20px 3px 32px; position: relative; border: 1px solid #ddd; border-radius: 6px; } .Night #baca-juga ul { border-color: #5f6368; } #baca-juga li { padding: 0; margin: 0; padding-bottom: 5px; color: #121212; margin-bottom: 5px; } .Night #baca-juga li { color: #fff; } .related-post { margin: 30px auto 0; overflow: hidden; } .related-post h4 { position: relative; margin: 0; display: inline-block; font-weight: 700; color: #ffffff; text-transform: uppercase; font-size: 16px; z-index: 1; background: #fff; padding: 0 10px; } .related-post ul { padding: 0!important; font-size: 14px; } .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: .7; } .related-post-style-3 .related-post-item-thumbnail { display: block; max-height: none; background-color: transparent; border: none; padding: 0; max-width: 100%; } .related-post-style-3 .related-post-item-title { color: #444; } .related-post-style-3 .related-post-item-tooltip { padding: 10px 0; } .related-post-item-tooltip .related-post-item-title { font-weight: 700; display: block; } @media only screen and (max-width:480px) { .related-post-style-3 .related-post-item { width: 48%; margin-right: 4%; } .related-post-style-3 .related-post-item:nth-of-type(2n+0) { margin-right: 0; } .related-post-style-3 .related-post-item:nth-of-type(2n+1) { clear: both; } } .contact-form-error-message,.contact-form-success-message { background: #f9edbe; border: 0 solid #f0c36d; font-size: 14px; text-align: center; max-width: 500px; border-radius: 3px; } .contact-form-error-message-with-border,.contact-form-success-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-message:hover,.contact-form-email:hover,.contact-form-name:hover { outline: 0; border: 1px solid #1a73e8; } .contact-form-email-message:focus,.contact-form-email:focus,.contact-form-name:focus { outline: 0; border: 1px solid #1a73e8; } .contact-form-email,.contact-form-email-message,.contact-form-name { 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: #1a73e8; color: #fff; border-radius: 3px; font-weight: 700; } .contact-form-button.hover,.contact-form-button:hover { cursor: pointer; outline: 0; opacity: .85; } .contact-form-button.focus,.contact-form-button.left.focus,.contact-form-button.mid.focus,.contact-form-button.right.focus { outline: 0; } .contact-form-button-submit.focus,.contact-form-button-submit:focus { outline: 0; opacity: .85; } .swajib { font-weight: 700; color: #e85e5e; } .ctitles { font-weight: 700; display: block; margin: 30px 0 0; } #comments-block { margin: 15px 0; } .comment-body { padding: 15px 0; margin: 0; } .comment-body p { margin: 0; } .comment-form { overflow: hidden; margin-top: 20px; } .comment-footer { margin: 0; } #comments-block .avatar-image-container { display: none; } h4#comment-post-message { display: none; margin: 0; } .comments { clear: both; margin-top: 40px; margin-bottom: 0; } .comments .comments-content { margin-bottom: 20px; transition: all .5s ease; } .comments .comments-content .comment-thread ol { text-align: left; margin: 13px 0; padding: 0; list-style: none; margin-top: 25px; } #comments .comment-replies .comment-thread .comment .avatar-image-container { margin-left: 0; } .Blog .comments ol>li>.avatar-image-container { margin-left: 13px; margin-right: 10px; margin-top: -8px; position: sticky; position: -webkit-sticky; top: 75px; } @media screen and (max-width:640px) { .Blog .comments ol>li>.avatar-image-container { top: 67px; } } .comment .avatar-image-container { float: left; max-height: 36px; width: 36px; } .comments .avatar-image-container img { max-width: 35px; height: 35px; border-radius: 50%; } .Blog .comments li li .comment-block { padding: 0 0 0 46px; } .Blog .comments ol>li>.comment-replies { padding: 12px 15px 15px; background-color: rgba(0,0,0,.015); margin-top: 15px; border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; } .Night .Blog .comments ol>li>.comment-replies { background-color: #21252d2e; } .comments .comments-content .comment-thread:empty { display: none; } .comments .comment-replybox-single { margin: 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; } .comment .comment-thread.inline-thread .comment:nth-child(6) { margin: 0 0 20px; padding-bottom: 20px; } .comment .comment-thread.inline-thread .comment:nth-child(5) { margin: 0 0 20px; padding-bottom: 20px; } .comment .comment-thread.inline-thread .comment:nth-child(4) { margin: 0 0 20px; padding-bottom: 20px; } .comment .comment-thread.inline-thread .comment:nth-child(3) { margin: 0 0 20px; padding-bottom: 20px; } .comment .comment-thread.inline-thread .comment:nth-child(2) { margin: 0 0 20px; padding-bottom: 20px; } .comment .comment-thread.inline-thread .comment:nth-child(1) { margin: 0 0 20px; padding-bottom: 20px; } .comments .comments-content .comment-thread { margin: 0; padding: 0; } .comments .comments-content .inline-thread { margin: 0; } .comments .comments-content .icon.blog-author { display: inline-block; height: 13px; margin: 0 0 -2px 2px; width: 18px; background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23 12l-2.44-2.79l.34-3.69l-3.61-.82l-1.89-3.2L12 2.96L8.6 1.5L6.71 4.69L3.1 5.5l.34 3.7L1 12l2.44 2.79l-.34 3.7l3.61.82L8.6 22.5l3.4-1.47l3.4 1.46l1.89-3.19l3.61-.82l-.34-3.69L23 12zm-12.91 4.72l-3.8-3.81l1.48-1.48l2.32 2.33l5.85-5.87l1.48 1.48l-7.33 7.35z' fill='%234285F4'/%3E%3C/svg%3E") center no-repeat; } .Blog .comments li li:not(:last-child) { border-bottom: 1px dashed #ebeced; } .Night .Blog .comments li li:not(:last-child) { border-color: rgba(255,255,255,.1); } .comments a { color: #465760; } .Night #Tukang_Redesign_nav-wrapper { border-color: #5f6368; } .Night .comments a { color: #fff; } .comments .comments-content .comment-content { margin: 15px 0; text-align: left; line-height: 1.6; color: #666; font-size: 13px; } .comments .comments-content .datetime { margin-left: 6px; } .comments .comments-content .datetime a { color: #8899a6; margin-top: 4px; float: right; font-weight: 400; font-size: 10px; } .Blog .comments ol>li>.comment-replies .datetime a { float: none; display: flex; margin-top: 7px; } .comments .comments-content .user { font-weight: 400; font-style: normal; color: #666; } .Night .comments .comments-content .user { color: #fff; } .comments .continue a { display: inline-block; font-size: 13px; padding: 3px 10px 3px 7px; color: #666; border-radius: 3px; text-align: center; } .Night .comments .continue a { color: #fff; } #top-continue a { background: 0 0; color: #465760; border-radius: 7px; width: calc(100% - 22px); padding: 10px; text-decoration: none; border: 1px solid #465760; } .comments .comment .comment-actions a { display: inline-block; font-size: 13px; line-height: 15px; margin: 4px 8px 0 0; transition: all .3s ease; color: #666; font-weight: 400; } .Night .comments .comment .comment-actions a { color: #fff; } .comments .comment .comment-actions a:hover,.comments .continue a:hover { text-decoration: none; } .Night .pesan-komentar { background: #242831; color: #fff; } .pesan-komentar { background: #01a9b414; color: #01a9b4; padding: 10px; font-weight: 400; border-radius: 8px; margin-bottom: 15px; margin-top: 15px; font: 400 15px 'Google Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Oxygen,Roboto,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Arial,sans-serif; transition: all .5s ease; display: none; } .pesan-komentar p { margin: 5px 0 15px; display: flex; } .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: block; } .comments .thread-chrome.thread-expanded { display: none; } .comments .thread-toggle { font-size: 13px; } .comments .thread-toggle .thread-arrow { display: inline-block; height: 6px; margin: .3em; overflow: visible; padding-right: 4px; width: 7px; vertical-align: -2px; } .comments .thread-expanded .thread-arrow { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAABJRU5ErkJggg==) no-repeat scroll 0 0 transparent; } .comments .thread-collapsed .thread-arrow { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC) 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 only screen and (max-width:1080px) { #Tukang_Redesign_wrapper { margin: 0 auto; } #footer-navmenu-container,.footer-widget { max-width: 100%; } #footer-navmenu-container,#header-wrapper,.footer-widget .widget { padding-left: 30px; padding-right: 30px; } .sticky-mobile { margin-right: 30px; } .img-thumbnail { width: 240px; height: 160px; } } @media only screen and (max-width:800px) { #header-wrapper { position: relative; padding: 0; border: none; box-shadow: none; margin-left: 0; width: 100%; margin-top: 0; } #cssmenu>ul>li>a { padding: 0x 20px; line-height: 42px; color: #fff; } #footer-navmenu-container,.footer-widget .widget { padding-left: 20px; padding-right: 20px; } .button { left: 20px; display: block; } .header img { cursor: default; } .img-thumbnail { width: 180px; height: 120px; } #post-wrapper,#sidebar-wrapper { float: none; width: 100%!important; max-width: 100%!important; } .post-container { padding: 0 0 20px 0; width: 100%; } } @media only screen and (max-width:640px) { #cssmenu>ul>li>a { padding: 0 15px; } #footer-navmenu-container,.footer-widget .widget { padding-left: 15px; padding-right: 15px; } .button { left: 12px; } #post-wrapper,#sidebar-wrapper { float: none; width: 100%!important; max-width: 100%!important; margin-left: 0!important; } .search-icon { display: block!important; right: 125px; position: absolute; z-index: 99; padding: 8px; border-radius: 100%; } .search-icon:hover { background: rgba(60,64,67,.08); } .search-icon:active { background: rgba(0,0,0,.1); } } .search-icon { display: none; } .post-snippet { color: #8f8f8f; font-weight: 400; font-size: 14px; margin-right: 230px; margin-top: 10px; margin-bottom: 10px; padding-left: 10px; position: relative; } .post-snippet:before { content: ''; background-color: #7d0633; position: absolute; height: 100%; left: 0; width: 2px; } @media screen and (max-width:320px) { .post-snippet { display: block; font-size: 12px; line-height: 22px; color: #515a5d; font-weight: 400; margin-left: 0!important; } } .Night .post-snippet { color: #9ba3b5; } .waktu_update { font-weight: 400; color: #8f8f8f; font-size: 12px; cursor: default; } .waktu_update:after { content: '\0000a0\002022\0000a0'; padding: 0 2px; } @media only screen and (max-width:480px) { #footer-navmenu ul li a { display: inline-flex; } ul.nav-social li { padding: 0 8px; } blockquote { margin-left: 0; margin-right: 0; } #baca-juga ul { max-width: 100%; } h1 { font-size: 170%; } h2 { font-size: 150%; } h3 { font-size: 100%; } h4 { font-size: 120%; } h5 { font-size: 110%; } h6 { font-size: 100%; } .above-post-widget .widget,.bellow-header-widget .widget,.section:last-child .widget:last-child,.sidebar .widget,.sidebar-sticky .widget { margin: 0 0 20px; } #searchfs input[type=search] { font-size: 26px; } .FeaturedPost .post-summary { height: 320px; } .FeaturedPost .image,.FeaturedPost .post-summary,.img-thumbnail,.img-thumbnail img { border-radius: unset; } #baca-juga { max-width: 100%; } } .buttonDownload { border-radius: 3px; display: inline-block; position: relative; padding: 10px 25px; background-color: #1a73e8; color: #fff!important; font-weight: 700; font-size: .9em; text-align: center; text-indent: 15px; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; } .buttonDownload:hover { opacity: .85; } .buttonDownload::after,.buttonDownload::before { 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; 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; } } .tabbed-toc { margin: 0 auto; background: #1a73e8; background: linear-gradient(to bottom right,#1a73e8,#1a73e8); position: relative; } .tabbed-toc .loading { display: block; padding: 2px 12px; color: #ffffff; } .tabbed-toc li,.tabbed-toc ol,.tabbed-toc ul { 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,.1); } .tabbed-toc .toc-tabs li a.active-tab { background: rgba(64,64,64,.1); position: relative; z-index: 5; margin: 0 -1px 0 0; } .tabbed-toc .toc-content,.tabbed-toc .toc-line { width: 80%; float: right; background-color: #fff; border-left: 5px solid rgba(64,64,64,.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: 700; font-size: 14px; padding: 6px 12px; overflow: hidden; } .tabbed-toc .panel li time { display: block; font-weight: 400; font-size: 11px; color: #666; float: right; } .tabbed-toc .panel li .summary { display: block; padding: 10px 12px; 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:focus,.tabbed-toc .panel li a:hover,.tabbed-toc .panel li.bold a { background-color: rgba(64,64,64,.1); outline: 0; } @media (max-width:700px) { .tabbed-toc .toc-content,.tabbed-toc .toc-tabs { 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,.1); } .tabbed-toc .toc-content { border: none; } .tabbed-toc .panel li time,.tabbed-toc .toc-line { display: none; } } .modedark span { color: #465760; font-size: .875rem; margin-top: 6px; } .modedark { display: inline-block; position: absolute; right: 70px; top: -2px; z-index: 99; } .modedark svg { width: 24px; height: 24px; } .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: flex!important; padding: 12px 0 10px 10px; background-position: center; transition: all .5s linear; } .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; } .modedarkmobile svg { width: 24px; height: 24px; vertical-align: -5px; background-repeat: no-repeat!important; content: ''; } .modedarkmobile svg path { fill: none; } .modedarkmobile .check:checked~.NavMenu { opacity: 1; visibility: visible; top: 45px; min-width: 200px; transition: all .3s ease; z-index: 2; } .check { display: none; } .modedarkmobile .iconmode .openmode { display: block; } .modedarkmobile .iconmode .closemode { display: none; } .modedarkmobile .check:checked~.iconmode .openmode { display: none; } .modedarkmobile .check:checked~.iconmode .closemode { display: block; } .Night .subs_Mobile a { background: #f3f3f345!important; color: #fff!important; } .Night #top-continue a { color: #fff; border-color: #fff; } .Night .post-labels span { background: #212121; } .Night #Tukang_Redesign_Header_Container { background: #212121; border-color: #5f6368; } .Night .header a { color: #fff; } .Night .Tukang_Redesign_Popup { background: #242831; } .Night .Tukang_Redesign_Popup1 { color: #fff; } .Night .Tukang_Redesign_Popup2 { color: #fff; } .Night .Tukang_Redesign_Popup:before { background-color: #21252e; } .Night #wrap input { background: #21252e; border: 1px solid #242831; color: #fff; } .Night .iconmassage h2 { color: #fff; } .Night .query-message__description { color: #fff; } .Night .navigation-mobile svg.line { stroke: #fff; } .Night .navigation-mobile svg { fill: #fff; } .Night .modedarkmobile svg path { fill: #fff; } .Night .navigation-mobile .top-link svg.line { stroke: #fff; } .Night #box { background-color: #313235; } .Night #search-form { color: #fff!important; } .Night #hide span.smallbutton svg { fill: #fff; } .Night .navigation-mobile { background-color: #242831; transition: all .5s ease; } .Night .kotak9 { fill: #fff; } .Night .search-icon svg { fill: #fff; } .Night #wrap_Menu li a { background: #1b2028; color: #fff; } .Night .waves-light.close-sf { color: #fff; } .Night .Popup_Menu { background: #242831; } .Night .Popup_Menu1 { color: #fff; } .Night #cssmenu>ul>li:hover:before { background-color: #fff; } .Night #cssmenu>ul>li>a { color: #fff; } .Night .sidebar h2 { color: #fff; } .Night .Latest-post-title-right a { color: #9aa0a6; } .Night .Latest-post-title-right a:hover { color: #768fff; } .Night .FeaturedPost .post-summary h3 a { color: #fff; } .Night #textsearchboxdesktop { background-color: #313235; color:#fff; } .Night #textsearchboxdesktop::placeholder { color: #757575; } .Night .search_icon { fill: #fff!important; } .Night .modedark span { color: #fff; } .Night .modedark svg path { fill: #fff; } .Night .PopularPosts ul li:before { color: rgba(202,202,202,.2); } .Night #footer-container { color: #fff; } .Night #footer-wrapper a { color: #fff; } .Night #back-to-top { background: #212121; } .Night .post-info { color: #9aa0a6; } .Night .sharesosmed a svg { fill: #fff; } .Night .sharesosmed { color: #fff; } .Night #downloadinfo { background: #313235; } .Night .informasitext li { color: #fff; transition: all .5s ease; } .Night .changelogtextarea h3 { color: #fff; transition: all .5s ease; } .Night .changelogtextarea .changelog_list { background: #212121; box-shadow: 0 1px 3px 0 #242831,0 0 0 1px #212121; } .Night div#body-post-it { color: #fff; } .Night div.Label h2 span { color: #fff; background: #202442; transition: all .5s ease; } .Night .post-labels a { color: #fff!important; border-color: #5f6368; } .Night #light-toc { background: #313235; } .Night #toc li a { color: #fff; } .Night #toc li a:hover { color: #768fff; } .Night h2.post-title a:hover { color: #ff007b; } .Night h2.post-title a { color: #fff; } .Night .post-body { color: #fff; } .Night .latest-post-title h2 { background: #213040; color: #fff; } .Night { background: #212121; } .Night .post { border-color: #5f6368!important; } .Night .breadcrumbs { color: #9aa0a6; transition: all .5s ease; } .Night h1.post-title { color: #de0985; } .Night #Tukang_Redesign_nav-wrapper li.first a { color: #fff; } .Night .popular-posts { border-color: #5f6368; } .Night #Tukang_Redesign_nav-wrapper ul li:nth-child(8)::after { margin: .75rem 1rem; background: linear-gradient(225deg,#00dcc0 0,#005af0 75%); height: 2px; white-space: normal; display: block; } .Night .share-this-pleaseeeee { background: #213040; transition: all .5s ease; } .Night .btn { background: #213040; } .Night .middle a { color: #ee0979; } .Night .comments .comments-content .comment-content { color: #fff; } .Night .PopularPosts .widget-content ul li a { color: #fff; } .Night .list-label-widget-content ul li a { color: #fff; border-color: #5f6368; } .Night .post-bottom a { color: #fff; } .Night div.Label { transition: all .5s ease; } .Night .PopularPosts .widget-content ul li:not(:last-child) { transition: all .5s ease; } .Night .post h1.post-title { color: #fff; } .Night .post-snippet:before { background-color: #ff007b; } .Night #Tukang_Redesign_nav-wrapper ul:not(.nav-sub)>li:nth-child(1)::after { background: #5f6368; } .Night #Tukang_Redesign_nav-wrapper ul:not(.nav-sub)>li:nth-child(5)::after { background: #5f6368; } .Night #Tukang_Redesign_nav-wrapper>ul>li.selected>a { color: #ff007b; background-color: #df149033!important; } .Night #Tukang_Redesign_nav-wrapper>ul>li>a { color: #eee; } .Night #Tukang_Redesign_nav-wrapper li li a { color: #fff; } .Night .breadcrumbs a { color: #9aa0a6; } .Night .botton::before { background: #212121; transition: all .5s ease; } .Night .botton::after { background: #212121; transition: all .5s ease; } .Night #baca-juga h2 { color: #fff; background: #ff007b; border-color: #212121; } .Night #footer-navmenu { background: #213040; transition: all .5s ease; } .Night .footer-fancy-shape .footer-fancy-shape-fill { transition: all .5s ease; } .Night #footer-navmenu ul li a { background: #15202b; color: #929aa0; transition: all .5s ease; } .Night .s-view { background: #25294a; color: #f7f7f7; transition: all .5s ease; } .Night .post-label svg { fill: #929aa0; } .Night .c { fill: #202442; transition: all .5s ease; } .Night .d { fill: #202442; transition: all .5s ease; } .Night .above-post-widget h2 span { color: #fff; } .Night .PopularPosts h2 span { background: #202442; color: #fff; transition: all .5s ease; } .Night .comments h3 span { color: #fff; } .Night #comments .comment-thread ol>li { background: #313235; } .Night .FeaturedPost .post-summary { border-color: #5f6368; } .Night #ignielNewsletter input { background: #272b33; border-color: #2b303a; } .Night a.showcontent { border: 1px solid #fff; color: #fff; } .Night #comments a.hiddencontent { border: 1px solid #fff; color: #fff; } .Night .tkgrdsgnmenubawahpost { transition: all .5s ease; background: rgba(255,255,255,.18); } .Night .tkgrdsgnmenubawahpost .trmenubawahpost .judulmenubawah { transition: all .5s ease; background: #25294a; border-bottom: 1px dotted #dadada33; } .Night .tkgrdsgnmenubawahpost .trmenubawahpost .menubawahtombol { transition: all .5s ease; background: #25294a; } .Night #blog-pager-newer-link a { color: #fff; } .Night #blog-pager-older-link a { color: #fff; } .botton { width: 200px; height: 60px; background: 0 0; border: 4px solid; color: #97bdee; font-weight: 700; text-transform: uppercase; cursor: pointer; font-size: 16px; position: relative; background: #1a73e8; border-radius: 10px; outline: 0; padding-left: 0; } .botton::after,.botton::before { content: ""; position: absolute; width: 14px; height: 4px; background: #fff; transform: skewX(50deg)!important; 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%; } #sitemap1 { background-color: #fff; color: #1d2129; font-weight: 400; border: 1px solid #ccc; } #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: 0; } #sitemap1 .judul:hover { background-color: #1d2129; } #sitemap1 .judul:after { content: ''; width: 0; height: 0; position: relative; float: right; top: 10px; right: 10px; border: 5px solid transparent; border-color: #fff transparent transparent; transition: all .3s ease; } #sitemap1 .judul.aktif { background-color: #1d2129; } #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: 0; padding: 0; font-weight: 400; } #sitemap1 .konten ol li:nth-of-type(even) { background-color: #e9e9e9; } #sitemap1 .konten ol li:nth-of-type(odd) { background-color: #fff; } #sitemap1 .konten ol li a { text-decoration: none; padding: 10px 15px; display: block; color: #666; line-height: 1.5em; transition: all .3s ease; } #sitemap1 .konten ol li a:hover { color: #000; } .middle { width: 100%; text-align: center; } .middle a { color: #ee0979; } .btn { display: inline-block; width: 70px; height: 70px; background: #f1f1f1; margin: 10px; border-radius: 30%; box-shadow: 0 5px 15px -5px #00000070; color: #3498db; overflow: hidden; position: relative; } .btn i { line-height: 70px; font-size: 26px; transition: .2s linear; } .btn:hover i { transform: scale(1.3); color: #f1f1f1; } .btn::before { content: ""; position: absolute; width: 120%; height: 120%; background: linear-gradient(to right,#ee0979,#ff6a00); transform: rotate(45deg); left: -110%; top: 90%; } .btn:hover::before { animation: aaa .7s 1; top: -10%; left: -10%; } @keyframes aaa { 0% { left: -110%; top: 90%; } 50% { left: 10%; top: -30%; } 100% { top: -10%; left: -10%; } } .txtb { width: 100%; height: 70px; background: #f1f1f199; border-radius: 40px; position: relative; margin-top: 40px; } .txtb input { width: 100%; height: 70px; border-radius: 40px; border: 0; background: 0 0; padding: 0 30px; outline: 0; font-size: 15px; padding-right: 80px; } .txtb button { background: #df1082; border: 0; width: 50px; height: 50px; border-radius: 50%; position: absolute; right: 10px; top: 10px; outline: 0; cursor: pointer; color: #fff; transition: .3s linear; } .txtb button:hover { opacity: .5; } .contact-info { display: flex; align-items: center; justify-content: center; padding: 0 20px; } .card { background: linear-gradient(to right,#ee0979,#ff6a00); padding: 0 20px; margin: 0 10px; width: calc(33% - 20px); height: 200px; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #fff; cursor: pointer; border-radius: 10px; } .card-icon { font-size: 28px; background: #ff6348; width: 60px; height: 60px; text-align: center; line-height: 60px!important; border-radius: 50%; transition: .3s linear; } .card:hover .card-icon { background: 0 0; color: #ff6348; transform: scale(1.6); } .card p { margin-top: 20px; font-weight: 300; letter-spacing: 2px; max-height: 0; opacity: 0; transition: .3s linear; } .card:hover p { max-height: 40px; opacity: 1; } @media screen and (max-width:800px) { .contact-info { flex-direction: column; } .card { width: 100%; max-width: 300px; margin: 10px 0; } } .email-box { height: 40px; justify-content: center; display: flex; } .email-box i { background: #2f3542; width: 40px; line-height: 40px; } .baten,.tbox { border: none; outline: 0; } .tbox { width: 0; transition: .6s; } .email-box:hover>.tbox,.tbox:focus { width: 260px; padding: 0 10px; } .baten { background: #2f3542; color: #fff; padding: 0 10px; text-transform: uppercase; cursor: pointer; } .kontaner { text-align: center; color: #fff; } #na-wrapper { background: teal; width: 100%; border-top: 1px solid rgba(0,0,0,.08); border-radius: 10px; background-image: linear-gradient(110deg,rgba(255,255,255,.1) 16%,rgba(255,255,255,.1) 17%,rgba(255,255,255,.05) 17%,rgba(255,255,255,.05) 23%,transparent 8.5%,transparent 78%,rgba(255,255,255,.05) 78%,rgba(255,255,255,.05) 84%,rgba(255,255,255,.1) 84%,rgba(255,255,255,.1)); display: none; } .invertsubs-content { max-width: 970px; margin: 0 auto; overflow: hidden; padding: 0; position: relative; } #invertsubs-subs { text-align: center; text-transform: uppercase; width: 100%; height: auto; border-radius: 2px; padding: 0; } #invertsubs-subs .emailfield form.invertsubs-form { position: relative; margin: 0 auto 40px; overflow: hidden; width: 65%; } #invertsubs-subs p { color: #fff; padding: 40px 20px 20px; margin: 0; overflow: hidden; } #invertsubs-subs .emailfield { padding: 0 20px 10px; } #invertsubs-subs .emailfield input { width: 80%; color: #555; padding: 15px; font-size: 13px; border: 1px solid rgba(0,0,0,.1); background: #fff; border-radius: 10px; } #invertsubs-subs .emailfield input:focus { color: #000; outline: 0; } #invertsubs-subs .emailfield input::-webkit-input-placeholder { color: #555; } #invertsubs-subs .emailfield input::-moz-placeholder { color: #555; } #invertsubs-subs .emailfield input:-ms-input-placeholder { color: #555; } #invertsubs-subs .emailfield input:-moz-placeholder { color: #555; } #invertsubs-subs .emailfield .submitbutton { display: inline-block; position: absolute; right: 0; top: 0; background: #1a8d8d; color: #fff; text-transform: uppercase; border: 0; outline: 0; cursor: pointer; width: 30%; border-radius: 10px; transition: all .1s; padding-top: 17px; } #invertsubs-subs .emailfield .submitbutton:active { border: 0; outline: 0; } #invertsubs-subs .emailfield .submitbutton:hover { background: #b7724a; color: #fff; box-shadow: 0 10px 20px -10px rgba(0,0,0,.1); } @media screen and (max-width:768px) { #invertsubs-subs .emailfield form.invertsubs-form { width: 95%; } #invertsubs-subs .emailfield .submitbutton { width: auto; } #invertsubs-subs .emailfield input { width: 85%; } } #downloadbtn a { position: absolute; transform: translate(-50%,-50%); color: #fff; padding: 30px; letter-spacing: 2px; text-transform: uppercase; text-decoration: none; box-shadow: 0 20px 50px rgba(0,0,0,.5); overflow: hidden; background: linear-gradient(to right,#de0985,#f18241); } #downloadbtn a:before { content: ''; position: absolute; top: 2px; left: 2px; bottom: 2px; width: 50%; background: rgba(255,255,255,.05); } #downloadbtn a span:nth-child(1) { position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: linear-gradient(to right,#de0985,#f18241); animation: animate1 2s linear infinite; } @keyframes animate1 { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } } #downloadbtn a span:nth-child(2) { position: absolute; top: 0; right: 0; width: 2px; height: 100%; background: linear-gradient(to right,#de0985,#f18241); animation: animate2 2s linear infinite; animation-delay: 1s; } @keyframes animate2 { 0% { transform: translateY(-100%); } 100% { transform: translateY(100%); } } #downloadbtn a span:nth-child(3) { position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: linear-gradient(to right,#de0985,#f18241); animation: animate3 2s linear infinite; } @keyframes animate3 { 0% { transform: translateX(100%); } 100% { transform: translateX(-100%); } } #downloadbtn a span:nth-child(4) { position: absolute; top: 0; left: 0; width: 2px; height: 100%; background: linear-gradient(to right,#de0985,#f18241); animation: animate4 2s linear infinite; animation-delay: 1s; } @keyframes animate4 { 0% { transform: translateY(100%); } 100% { transform: translateY(-100%); } } #blog-pager a.home-link { display: inline-block; padding: 10px; background: #630dec; color: #fff; border-radius: 4px; transition: all .5s ease; } #blog-pager a.home-link:hover { background: #4a07b5; } #blog-pager a.home-link:active { box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15); } #blog-pager a.home-link svg { width: 24px; height: 24px; vertical-align: -5px; margin-right: 10px; fill: currentcolor; } #blog-pager { margin: 15px 0 0; text-align: center; } #blog-pager-older-link { float: none; display: block; } #blog-pager-older-link img { max-height: 50px; } #blog-pager-older-link a { color: #666; font-size: 14px; font-weight: 400; border-radius: 3px; padding: 10px 20px; display: inline-block; position: relative; } @media screen and (max-width:1080px) { #blog-pager-older-link a { cursor: default; } } #blog-pager-older-link a svg { margin-right: -12px; } #blog-pager-newer-link a { font-size: 14px; font-weight: 400; border-radius: 3px; padding: 10px 20px; display: inline-block; position: relative; color: #666; } @media screen and (max-width:1080px) { #blog-pager-newer-link a { cursor: default; } } #blog-pager-newer-link a:hover,#blog-pager-older-link a:hover { color: #7d0633; } .Night #blog-pager-newer-link a:hover, .Night #blog-pager-older-link a:hover { color: #ff007b; } #blog-pager-newer-link a svg { margin-left: -12px; } .ends { cursor: not-allowed; } @media screen and (max-width:1080px) { .js-load { cursor: default; } } @media screen and (max-width:800px) { .js-load { margin-bottom: 28px!important; } } @media screen and (max-width:640px) { .js-load { margin-bottom: 0!important; } } .js-load { display: inline-block; box-sizing: border-box; background: #7d0633; color: #fff!important; margin: 0; border-radius: 4px; font-weight: 700; transition: all .5s ease; padding: 8px 12px 8px 12px; position: relative; } .Night .js-load { background:#ff007b; } .js-load.ends { background: rgba(155,155,155,.05)!important; color: #656565!important; box-shadow: none!important; } .js-load.loads { background: 0 0!important; box-shadow: none!important; padding: 0; } .js-load.loads svg { fill: #2962ff; width: 40px; height: 40px; vertical-align: middle; margin-right: 0; } .js-load:hover { background: #31112c; } .js-load:active { box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15); } .js-load svg { vertical-align: -6px; fill: currentcolor; margin-right: 10px; } .mobile .blogger-iframe-colorize { display: block!important; } .blogger-iframe-colorize { display: block!important; } .emji { height: 35px; border: none; box-shadow: none; } .post-body pre { background-color: #292e34; padding: 0; margin: .5em auto; white-space: pre; position: relative; word-wrap: break-word; overflow: auto; position: relative; width: 100%; -moz-tab-size: 2; -o-tab-size: 2; tab-size: 2; word-break: normal; user-select: text; -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; padding-top: 50px; border-radius: 6px; } .post-body pre::before { content: ''; background-color: #630dec; height: 40px; position: absolute; width: 100%; top: 0; color: #242831; font-weight: 500; border-radius: 6px 6px 0 0; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.09,12L12,14.08V14.09L8.91,12L12,9.92V9.92L15.09,12M12,2C11.84,2 11.68,2.06 11.53,2.15L2.5,8.11C2.27,8.22 2.09,8.43 2,8.67V14.92C2,15.33 2,15.33 2.15,15.53L11.53,21.86C11.67,21.96 11.84,22 12,22C12.16,22 12.33,21.95 12.47,21.85L21.85,15.5C22,15.33 22,15.33 22,14.92V8.67C21.91,8.42 21.73,8.22 21.5,8.1L12.47,2.15C12.32,2.05 12.16,2 12,2M16.58,13L19.59,15.04L12.83,19.6V15.53L16.58,13M19.69,8.9L16.58,11L12.83,8.47V4.38L19.69,8.9M20.33,10.47V13.53L18.07,12L20.33,10.47M7.42,13L11.17,15.54V19.6L4.41,15.04L7.42,13M4.31,8.9L11.17,4.39V8.5L7.42,11L4.31,8.9M3.67,10.5L5.93,12L3.67,13.54V10.5Z' fill='%23fff'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 12px center; background-size: 24px 24px; padding-top: 10px; } .post-body pre::after { content: ''; background-color: #28cb41; position: absolute; width: 20px; height: 20px; top: 15px; right: 10px; border-radius: 50%; } .post-body pre code { color: #bfbf90; font-size: 12px; max-height: 250px; line-height: 1.5em; display: block; background: 0 0; border: none; padding: 10px 15px; font-family: 'source code pro',menlo,consolas,monaco,monospace; white-space: pre-wrap; overflow: auto; user-select: text; -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } .post-body pre code::after { content: ''; background-color: #ffbd2d; position: absolute; width: 20px; height: 20px; top: 15px; right: 35px; border-radius: 50%; } .post-body pre code::before { content: ''; background-color: #ff5f57; position: absolute; width: 20px; height: 20px; top: 15px; right: 60px; border-radius: 50%; } .post h1.post-title { cursor: default; margin-bottom: 15px; margin-top: 15px; font-weight: 700; color: #121212; text-align: left; font-size: 30px; } @media screen and (max-width:640px) { h1.post-title { font-size: 29px!important; } } .post-body a img:hover { animation: ignielShake .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); } } .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%); -webkit-transition: all .5s linear; transition: all .5s 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),#fff); animation: animShootingStar 6s linear infinite; -webkit-transition: all 2s linear; transition: all 2s 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),#fff); animation: animShootingStar-2 9s linear infinite; -webkit-transition: all 2s linear; transition: all 2s 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: .4; animation: starShine 3.5s linear infinite; -webkit-transition: all 1.2s linear; transition: all 1.2s 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(0) translateX(0) rotate(-45deg); opacity: 1; height: 5px; } to { transform: translateY(1280px) translateX(1280px) rotate(-45deg); opacity: 1; height: 800px; } } @keyframes animShootingStar-2 { from { transform: translateY(0) translateX(0) rotate(-45deg); opacity: 1; height: 5px; } to { transform: translateY(1920px) translateX(1920px) rotate(-45deg); opacity: 1; height: 800px; } } @keyframes starShine { 0% { transform: scale(.3) rotate(0); opacity: .4; } 25% { transform: scale(1) rotate(360deg); opacity: 1; } 50% { transform: scale(.3) rotate(720deg); opacity: .4; } 100% { transform: scale(.3) rotate(0); opacity: .4; } } .Tukang_Redesign_darkshadow { display: none; visibility: hidden; opacity: 0; position: fixed; top: 50px; background: rgba(0,0,0,.59); left: 0; right: 0; bottom: 0; margin: 0; z-index: 100; transition: all .4s ease-in-out; } .Tukang_Redesign_darkshadow.open { visibility: visible; opacity: 1; } #Tukang_Redesign_nav-wrapper svg.close { width: 24px; height: 24px; position: absolute; top: 11px; right: 0; left: 16px; fill: #fff; background: #01a9b4; border-radius: 15px; } #Tukang_Redesign_nav-wrapper ul:not(.nav-sub)>li:nth-child(1)::after { content: ''; margin: .75rem 1rem; background: #e0e0e0; height: 1px; white-space: normal; display: block; width: 14.5rem; } #Tukang_Redesign_nav-wrapper ul:not(.nav-sub)>li:nth-child(5)::after { content:''; margin: .75rem 1rem; background: #e0e0e0; height: 1px; white-space: normal; display: block; width: 14.5rem; } @media screen and (max-width:800px) { #Tukang_Redesign_nav-wrapper { display: block!important; } .Tukang_Redesign_darkshadow { display: block!important; } } #Tukang_Redesign_nav-wrapper { font-size: 13px; width: 280px; position: fixed; z-index: 200; top: 64px; overflow: hidden; left: 0; background: Transparent; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; bottom: 0; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); transition: all .3s ease; border-right: 1px solid #ddd; } .Night #Tukang_Redesign_nav-wrapper>ul>li>a:hover { background-color: #31323563; } #Tukang_Redesign_nav-wrapper>ul>li>a:hover { background-color: #ececec78; } #Tukang_Redesign_nav-wrapper:hover { overflow-y: auto; } #Tukang_Redesign_nav-wrapper.open { -webkit-transform: translateX(-290px); -ms-transform: translateX(-290px); transform: translateX(-290px); } #Tukang_Redesign_nav-wrapper ul { margin: 0; padding: 0; list-style: none; margin-top: 13px; margin-bottom: 10px; } #Tukang_Redesign_nav-wrapper li.subs_Mobile:hover:before { content: ''; display: none; } #Tukang_Redesign_nav-wrapper li.footer:hover:before { content: ''; display: none; } #Tukang_Redesign_nav-wrapper li { display: block; list-style: none; position: relative; } #Tukang_Redesign_nav-wrapper li:hover:before { position: absolute; background: #2962ff; width: 4px; height: 44px; } #Tukang_Redesign_nav-wrapper li.first { transition: all .5s ease; margin-bottom: 3px; margin-top: 7px; } #Tukang_Redesign_nav-wrapper li.first a { color: #666; } #Tukang_Redesign_nav-wrapper>ul>li>a { color: #121212; 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: 10px 0 10px 24px; font-size: 14px; font-weight: 400; width: 14.9rem; border-top-right-radius: 30px; border-bottom-right-radius: 30px; } #Tukang_Redesign_nav-wrapper li ul.nav-sub { display: none; margin-top: 0; border: none; } #Tukang_Redesign_nav-wrapper li li a { display: block; position: relative; padding-left: 5em; line-height: 44px; color: #121212; width: 12.4rem; } .Night #Tukang_Redesign_nav-wrapper li li a:hover { background-color: #31323563; } #Tukang_Redesign_nav-wrapper li li a:hover { background-color: #ececec78; border-top-right-radius: 30px; border-bottom-right-radius: 30px; } #Tukang_Redesign_nav-wrapper svg.down { margin-right: 15px; display: block; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } #Tukang_Redesign_nav-wrapper li.open svg.down { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } #Tukang_Redesign_nav-wrapper svg { height: 24px; width: 24px; margin-right: 15px; overflow: hidden; fill: currentColor; opacity: .7; } #Tukang_Redesign_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; } #Tukang_Redesign_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:800px) { #Tukang_Redesign_nav-wrapper .profile img { width: 24px; height: 24px; margin-right: 15px; border-radius: 20px; } } @media screen and (max-width:600px) { #Tukang_Redesign_nav-wrapper .subs { display: flex; margin-left: 24px; margin-top: 10px; } #Tukang_Redesign_nav-wrapper .subs a { font-size: 11px; margin-right: 10px; width: auto; height: auto; padding: 7px 10px; margin-top: 0; background-color: #1a73e8; color: #fff; border-radius: 20px; } #Tukang_Redesign_nav-wrapper .subs svg { width: 12px; height: 12px; margin-right: 3px; margin-top: -1px; } #Tukang_Redesign_nav-wrapper .subs button { flex-grow: 1; margin-top: 0; width: auto; height: auto; display: flex; align-items: center; justify-content: center; background-color: #1a73e8; border-radius: 20px; border: none; margin-right: 5px; color: #fff; outline: 0; } #Tukang_Redesign_nav-wrapper li.footer a { font-size: 11px; font-weight: 400; color: #333; display: inline-block; padding: 0; } #Tukang_Redesign_nav-wrapper .footer { display: block; margin-top: 14px; margin-left: 15px; } #Tukang_Redesign_nav-wrapper .footer .social { display: flex; margin: 7px 0; } #Tukang_Redesign_nav-wrapper .footer .credit { display: block; color: #657786; font-size: 10px; } #Tukang_Redesign_nav-wrapper .footer .developer { color: #657786; } } @media screen and (max-width:800px) { #Tukang_Redesign_nav-wrapper .subs { display: none!important; margin-left: 15px; margin-top: 10px; } #Tukang_Redesign_nav-wrapper .subs a { font-size: 11px; margin-right: 10px; width: auto; height: auto; padding: 7px 10px; margin-top: 0; background-color: #1a73e8; color: #fff; border-radius: 20px; } #Tukang_Redesign_nav-wrapper .subs svg { width: 12px; height: 12px; margin-right: 3px; margin-top: -1px; } #Tukang_Redesign_nav-wrapper .subs button { flex-grow: 1; margin-top: 0; width: auto; height: auto; display: flex; align-items: center; justify-content: center; background-color: #1a73e8; border-radius: 20px; border: none; margin-right: 5px; color: #fff; outline: 0; } #Tukang_Redesign_nav-wrapper li.footer a { font-size: 11px; font-weight: 400; color: #657786; display: inline-block; padding: 0; } #Tukang_Redesign_nav-wrapper .footer { display: block!important; margin-top: 14px; margin-left: 20px; } #Tukang_Redesign_nav-wrapper .footer .social { display: flex; margin: 7px 0; } #Tukang_Redesign_nav-wrapper .footer .credit { display: block; color: #657786; } #Tukang_Redesign_nav-wrapper .footer .developer { color: #657786; font-size: 11px; } } .kotak9 { fill: #465760; margin-top: -4px; width: 24px; height: 24px; } @media screen and (max-width:800px) { .kotak9 { width: 24px; height: 24px; fill: #465760; margin-top: -5px; display: block; cursor: default; } } .popular-posts { padding-left: 0; border-top: 1px solid #ddd; } .PopularPosts .widget-content ul,.PopularPosts .widget-content ul li { margin: 0; padding: 0; list-style: none; border: none; outline: 0; } .PopularPosts .widget-content ul { margin: 0; list-style: none; counter-reset: num; padding: 15px 0 0 0; } .PopularPosts .widget-content ul li img { display: block; width: 50px; height: 50px; border-radius: 50%; float: left; } .PopularPosts .widget-content ul li { margin: 0; counter-increment: num; position: relative; transition: all .5s ease; } .PopularPosts ul li:last-child { margin-bottom: 0; } .PopularPosts ul li .item-content::after,.PopularPosts ul li .item-thumbnail-only::after,.PopularPosts ul li>a::after { background: #efefef; } .PopularPosts .item-title { line-height: 1.6; margin-right: 8px; min-height: 40px; font-weight: 500; } .PopularPosts .item-thumbnail { float: left; margin-right: 8px; } .PopularPosts .item-snippet { line-height: 1.6em; margin-top: 8px; opacity: .925; } .PopularPosts .item-snippet,.PopularPosts .item-thumbnail,.PopularPosts .item-title { margin-top: 0; } .PopularPosts ul li:before { position: absolute; top: 0; left: -8px; color: rgba(0,0,0,.2); z-index: 1; font-family: arial; font-size: 20px; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.543 8.028c-.023 1.503-.523 3.538-2.867 4.327c.734-1.746.846-3.417.326-4.979c-.695-2.097-3.014-3.735-4.557-4.627c-.527-.306-1.203.074-1.193.683c.02 1.112-.318 2.737-1.959 4.378C4.107 9.994 3 12.251 3 14.517C3 17.362 5 21 9 21c-4.041-4.041-1-7.483-1-7.483C8.846 19.431 12.988 21 15 21c1.711 0 5-1.25 5-6.448c0-3.133-1.332-5.511-2.385-6.899c-.347-.458-1.064-.198-1.072.375' fill='%2301a9b4'/%3E%3C/svg%3E"); background-repeat: no-repeat; width: 20px; height: 20px; } .igniplexSearch { position: absolute; right: 0; top: 0; bottom: 0; } .igniplexSearch svg { width: 24px; height: 24px; } .igniplexSearch svg path { fill: #fff; } .igniplexSearch .search .input { background-color: #fff; color: #4b4f56; padding: 0; width: 0; height: 30px; border-radius: 25px; vertical-align: bottom; top: 9px; right: 10px; position: relative; transition: all .3s ease; outline: 0; border: none; z-index: 3; } .igniplexSearch .search .icon { position: absolute; top: 8px; right: 8px; border-radius: 25px; padding: 4px; transition: all .5s ease; cursor: pointer; z-index: 3; } .igniplexSearch .search .icon .open { display: block; } .igniplexSearch .search .icon .close { display: none; } .igniplexSearch .search .check:checked~.input,.igniplexSearch .search .input:focus { padding: 0 40px 0 15px; width: calc(875px - 77px); } .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); } } @media screen and (max-width:1130px) { .igniplexSearch .search .check:checked~.input,.igniplexSearch .search .input:focus { width: calc(100vw - 115px); } } .list-label-widget-content ul li a { color: #121212; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%; text-align: center; flex-grow: 1; padding: 5px; font-size: 14px; border-radius: 30px; border: 1px solid #ddd; } .list-label-widget-content ul li a:hover { color: #fff; background: #7d0633; } .Night .list-label-widget-content ul li a:hover { background:#ff007b; } .list-label-widget-content ul li span { color: #2962ff; width: 100%; font-weight: 700; text-align: center; } @media screen and (max-width:800px) { div.Label { margin-left: 0!important; margin-top: 15px!important; } } div.Label h2 { margin: 0; border-bottom: .1875rem solid #7d0633; border-left: .1875rem solid transparent; border-right: .1875rem solid transparent; line-height: 2.75rem; display: inline-block; width: auto; color: #7d0633; position: relative; font-size: 1rem; cursor: default; font-weight: 700; } div.Label h2 span { color: #666; position: absolute; top: -5.5px; background: #fff; padding-right: 10px; transition: all .5s ease; font-weight: 400; } .Label h2 svg { content: ''; margin-right: 7px; display: inline-block; width: 24px; height: 24px; vertical-align: -6px; background-repeat: no-repeat!important; color: #465760; } .Night .widget-content.list-label-widget-content { border-color: #5e6267; } .widget-content.list-label-widget-content { border-top: 1px solid #ddd; } .nexlab { background-color: rgba(0,0,0,.25); color: #fff; height: 100%; font-size: .85rem; display: flex; align-items: center; border-radius: 0 3px 3px 0; transition: all .3s ease; padding: 0 7px; } #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: #263238; width: calc(100% + 2.5px); transform: rotateY(0); -webkit-transform-origin: center; transform-origin: center; transition: all .5s ease; } .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; } } #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: 0!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: 0; 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: 400; 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: 0; } .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-button,.subs-field { height: 50px; line-height: 50px; } .subs-button { max-width: 50px; } } #comment-editor { border-radius: 12px; width: calc(100% - 0px); } #share svg { margin-top: 0; } #cssmenu svg { fill: currentcolor; margin-right: 15px; vertical-align: -7px; width: 24px; height: 24px; } .mutermuter { animation: KaXTamSpin 1.25s linear infinite normal; -webkit-animation: KaXTamSpin 1.25s linear infinite normal; } @keyframes KaXTamSpin { from { transform: rotate(0); } to { transform: rotate(360deg); } } @-webkit-keyframes KaXTamSpin { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } .mutermuter2 { animation: KaXTamSpin .5s linear infinite normal; -webkit-animation: KaXTamSpin .5s linear infinite normal; } @keyframes KaXTamSpin { from { transform: rotate(0); } to { transform: rotate(360deg); } } @-webkit-keyframes KaXTamSpin { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } .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%); -webkit-transition: all .5s linear; transition: all .5s 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),#fff); animation: animShootingStar 6s linear infinite; -webkit-transition: all 2s linear; transition: all 2s 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),#fff); animation: animShootingStar-2 9s linear infinite; -webkit-transition: all 2s linear; transition: all 2s 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: .4; animation: starShine 3.5s linear infinite; -webkit-transition: all 1.2s linear; transition: all 1.2s 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(0) translateX(0) rotate(-45deg); opacity: 1; height: 5px; } to { transform: translateY(1280px) translateX(1280px) rotate(-45deg); opacity: 1; height: 800px; } } @keyframes animShootingStar-2 { from { transform: translateY(0) translateX(0) rotate(-45deg); opacity: 1; height: 5px; } to { transform: translateY(1920px) translateX(1920px) rotate(-45deg); opacity: 1; height: 800px; } } @keyframes starShine { 0% { transform: scale(.3) rotate(0); opacity: .4; } 25% { transform: scale(1) rotate(360deg); opacity: 1; } 50% { transform: scale(.3) rotate(720deg); opacity: .4; } 100% { transform: scale(.3) rotate(0); opacity: .4; } } .anoytext { color: #333; 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: 30px; background-repeat: no-repeat; padding: 12px 12px 12px 60px; min-height: 60px; transition: all .3s ease; } .warningcode { color: #fff; border-left: 5px solid #c00; background-position: 12px 12px; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13,14H11V10H13M13,18H11V16H13M1,21H23L12,2L1,21Z' fill='%23edf094'/%3E%3C/svg%3E"); background-size: 35px; background-repeat: no-repeat; background-color: #db6161; padding: 12px 12px 12px 60px; min-height: 50px; } div#body-post-it { color: #121212; line-height: 30px; font-size: 16px; } .Night div#body-post-it a { color: #9e4bff; } div#body-post-it a { color: #630dec; } div#body-post-it a:hover { text-decoration: underline; } .post-body h3,.post-body h5,.post-body h6 { position: relative; margin: 0 0 10px; padding: 10px 0; font-weight: 500; letter-spacing: 1px; background: 0 0; text-align: left; border-radius: 0; } h3.title-partner { border: none; box-shadow: none; } .Latest-post-title { position: relative; margin: 0 0 20px 0; float: left; font-size: 14px; width: 100%; } .Latest-post-title span { position: relative; font-size: 20px; font-weight: 700; color: #121212; float: left; cursor: default; } .Night .Latest-post-title span { color: #fff; } .Latest-post-title a.show_all { float: right; color: #656565; font-size: 12px; } .Night .Latest-post-title a.show_all { color: #9aa0a6; } .Latest-post-title a.show_all:hover { color: #7d0633; } .Night .Latest-post-title a.show_all:hover { color: #ff007b; } .Tombol_Story svg#story_icon { -webkit-animation: Tukang_Redesign_Ring 6s 0s ease-in-out infinite; -webkit-transform-origin: 50% 4px; -moz-animation: Tukang_Redesign_Ring 6s 0s ease-in-out infinite; -moz-transform-origin: 50% 4px; animation: Tukang_Redesign_Ring 6s 0s ease-in-out infinite; transform-origin: 50% 4px; } @keyframes Tukang_Redesign_Ring { 0% { transform: rotate(0); } 1% { transform: rotate(30deg); } 3% { transform: rotate(-28deg); } 5% { transform: rotate(34deg); } 7% { transform: rotate(-32deg); } 9% { transform: rotate(30deg); } 11% { transform: rotate(-28deg); } 13% { transform: rotate(26deg); } 15% { transform: rotate(-24deg); } 17% { transform: rotate(22deg); } 19% { transform: rotate(-20deg); } 21% { transform: rotate(18deg); } 23% { transform: rotate(-16deg); } 25% { transform: rotate(14deg); } 27% { transform: rotate(-12deg); } 29% { transform: rotate(10deg); } 31% { transform: rotate(-8deg); } 33% { transform: rotate(6deg); } 35% { transform: rotate(-4deg); } 37% { transform: rotate(2deg); } 39% { transform: rotate(-1deg); } 41% { transform: rotate(1deg); } 43% { transform: rotate(0); } 100% { transform: rotate(0); } } @-webkit-keyframes Tukang_Redesign_Ring { 0% { -webkit-transform: rotateZ(0); } 1% { -webkit-transform: rotateZ(30deg); } 3% { -webkit-transform: rotateZ(-28deg); } 5% { -webkit-transform: rotateZ(34deg); } 7% { -webkit-transform: rotateZ(-32deg); } 9% { -webkit-transform: rotateZ(30deg); } 11% { -webkit-transform: rotateZ(-28deg); } 13% { -webkit-transform: rotateZ(26deg); } 15% { -webkit-transform: rotateZ(-24deg); } 17% { -webkit-transform: rotateZ(22deg); } 19% { -webkit-transform: rotateZ(-20deg); } 21% { -webkit-transform: rotateZ(18deg); } 23% { -webkit-transform: rotateZ(-16deg); } 25% { -webkit-transform: rotateZ(14deg); } 27% { -webkit-transform: rotateZ(-12deg); } 29% { -webkit-transform: rotateZ(10deg); } 31% { -webkit-transform: rotateZ(-8deg); } 33% { -webkit-transform: rotateZ(6deg); } 35% { -webkit-transform: rotateZ(-4deg); } 37% { -webkit-transform: rotateZ(2deg); } 39% { -webkit-transform: rotateZ(-1deg); } 41% { -webkit-transform: rotateZ(1deg); } 43% { -webkit-transform: rotateZ(0); } 100% { -webkit-transform: rotateZ(0); } } @-moz-keyframes Tukang_Redesign_Ring { 0% { -moz-transform: rotate(0); } 1% { -moz-transform: rotate(30deg); } 3% { -moz-transform: rotate(-28deg); } 5% { -moz-transform: rotate(34deg); } 7% { -moz-transform: rotate(-32deg); } 9% { -moz-transform: rotate(30deg); } 11% { -moz-transform: rotate(-28deg); } 13% { -moz-transform: rotate(26deg); } 15% { -moz-transform: rotate(-24deg); } 17% { -moz-transform: rotate(22deg); } 19% { -moz-transform: rotate(-20deg); } 21% { -moz-transform: rotate(18deg); } 23% { -moz-transform: rotate(-16deg); } 25% { -moz-transform: rotate(14deg); } 27% { -moz-transform: rotate(-12deg); } 29% { -moz-transform: rotate(10deg); } 31% { -moz-transform: rotate(-8deg); } 33% { -moz-transform: rotate(6deg); } 35% { -moz-transform: rotate(-4deg); } 37% { -moz-transform: rotate(2deg); } 39% { -moz-transform: rotate(-1deg); } 41% { -moz-transform: rotate(1deg); } 43% { -moz-transform: rotate(0); } 100% { -moz-transform: rotate(0); } } .Latest-post-title a svg { width: 18px; height: 18px; fill: currentcolor; transform: rotate(180deg); vertical-align: -4px; margin-left: 5px; } .sidebar-sticky { margin: 0; } .comment-info svg { margin-bottom: -4px; } @media screen and (max-width:800px) { .comment-info svg { margin-bottom: -5px; } h2.post-title a { font-size: 15px; } } .post-label svg { width: 23px; height: 23px; fill: #757575; margin-bottom: 0; } @media screen and (max-width:800px) { .post-label svg { margin-bottom: 0; } } .hide-content { display: none; margin: 0; padding: 0; } #comments a.hiddencontent,a.showcontent { display: block; text-decoration: none; position: relative; color: #465760; font-weight: 400; font-size: 15px; padding: 15.5px 0; text-align: center; margin: 30px auto; letter-spacing: 1px; transition: all .3s; border: 1px solid #465760; border-radius: 6px; margin-top: 50px; } .hero-wrap .hero-content.container { width: 100%; max-width: 1000px; margin: 0 auto; padding: 0; } #hero-vvv { background: #1a73e8; z-index: 0; width: 100%; padding: 4rem 0 5rem; position: relative; display: inline-block; top: 42px; } @media screen and (max-width:800px) { #hero-vvv { top: 23px; } .button-home a span.but { cursor: default; } .button-home a span.bus { cursor: default; } } .button-home a span.but { font-size: 12px; font-weight: 500; background-color: #fff; -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: 0 10px auto 0; overflow: hidden; color: #1a73e8; border: 5px solid #dcdcdc; } .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-color: #fff; color: #1a73e8; border: 5px solid #dcdcdc; } .button-home a span.bus:hover { background-color: #3688d7; color: #fff; } .button-home a span.bus svg,.button-home a span.but svg { width: 22px; fill: #1a73e8; } .button-home a span.but:hover { background-color: #3688d7; color: #fff; } #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 { font-size: 38px; padding: 0; } #hero-vvv .hero-content h2.hero-title { font-size: 230%; } .hero-content h2.hero-title { margin-top: 20px; color: #fff; font-size: 48px; font-weight: 300; max-width: 600px; padding: 0 20px 31px; text-shadow: none; } .hero-content h2.hero-title { font-size: 38px; } .hero-content p.hero-description { 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: #1a73e8; cursor: default; background: #fff; padding: 0 6px; border-radius: 5px; } .widget-wrap h2.heading-title { padding: 0; color: rgba(255,255,255,.6); font-weight: 400; z-index: 1; font-size: 16px; margin: 0; cursor: default; } svg { vertical-align: middle; } .widget-wrap { width: 100%; margin: 3% 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: #ededed; transition: all .5s ease; } .d { opacity: .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; } } .circles { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; margin: 0; } .circles li { position: absolute; display: block; list-style: none; width: 20px; height: 20px; background: rgba(255,255,255,.19); animation: animate 45s linear infinite; bottom: -150px; z-index: 0; } .circles li:nth-child(1) { left: 25%; width: 60px; height: 60px; animation-delay: 0; } .circles li:nth-child(2) { left: 10%; width: 10px; height: 10px; animation-delay: 2s; animation-duration: 12s; } .circles li:nth-child(3) { left: 70%; width: 10px; height: 10px; animation-delay: 4s; } .circles li:nth-child(4) { left: 40%; width: 40px; height: 40px; animation-delay: 0; animation-duration: 18s; } .circles li:nth-child(5) { left: 65%; width: 10px; height: 10px; animation-delay: 0; } .circles li:nth-child(6) { left: 75%; width: 90px; height: 90px; animation-delay: 3s; } .circles li:nth-child(7) { left: 35%; width: 130px; height: 130px; animation-delay: 7s; } .circles li:nth-child(8) { left: 50%; width: 15px; height: 15px; animation-delay: 15s; animation-duration: 45s; } .circles li:nth-child(9) { left: 20%; width: 5px; height: 5px; animation-delay: 2s; animation-duration: 35s; } .circles li:nth-child(10) { left: 85%; width: 130px; height: 130px; animation-delay: 0; animation-duration: 11s; } @keyframes animate { 0% { transform: translateY(0) rotate(0); opacity: 1; border-radius: 0; } 100% { transform: translateY(-1000px) rotate(720deg); opacity: 0; border-radius: 50%; } } #igniplexFooter { background-color: #263238; color: #fff; margin-top: 20px; background: #263238 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwJoJ3-DaNhzZjSWGnPG4668h2LsZFBAseP5UBBGV9XSMHDEosIiR7mn24e-vlBD95k_X16EQzATfBkhURWxKothr1yNDhJIVct9osGZJY3C44chewFsDAogbWbbIpwrvOYk-Ac833DKI/s320/footer-arik.png); } #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: 20px; height: 20px; margin-right: 3px; vertical-align: -5px; } #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; } } .FeaturedPost .post-summary { background: 0 0; position: relative; padding: 10px; min-height: 190px; max-height: 450px; overflow: hidden; border-radius: 10px; border: 1px solid #ddd; display: flex; } .FeaturedPost .post-summary h3 { z-index: 1; font-size: 1.25rem; margin: 0; overflow: hidden; line-height: initial; font-weight: 400; width: 100%; } .FeaturedPost .post-summary h3::after { content: ""; position: absolute; top: -.25em; right: 100%; bottom: -.25em; width: .25em; } .FeaturedPost .post-summary h3 a { color: #262626; font-weight: 700; font-size: 17px; } .FeaturedPost .post-summary h3 a:hover { color: #7d0633; text-decoration: underline; } .Night .FeaturedPost .post-summary h3 a:hover { color:#ff007b; } @media screen and (max-width:480px) { .FeaturedPost .post-summary h3 a { font-size: 15px!important; } } @media screen and (max-width:320px) { .FeaturedPost .post-summary h3 a { font-size: 14px!important; } } .FeaturedPost .post-summary p { color: #8f8f8f; overflow: hidden; text-overflow: ellipsis; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 15px; margin-top: 17px; margin-right: 10px; } .Night .FeaturedPost .post-summary p { color: #9aa2b4; } .FeaturedPost .image { display: block; border-radius: 7px; width: 314px; height: 190px; clear: both; transition: all .5s ease; } .sidebar .FeaturedPost .post-summary h3 { font-size: 16px; } .Profile .widget-content { text-align: center; padding: 30px; margin: 0 auto; max-width: 300px; border: 2px solid #efefef; } .above-post-widget h2 { display: flex; margin-bottom: 15px; font-size: 1.15rem; align-items: center; color: #121212; position: relative; font-weight: 700; cursor: default; } .Night .above-post-widget h2 { color: #fff; } .above-post-widget h2 span { transition: all .5s ease; padding-right: 10px; position: absolute; top: -7.5px; cursor: default; font-weight: 500; } .above-post-widget svg { display: none; width: 17px; height: 17px; margin-right: 5px; fill: #006aed; } .PopularPosts h2 { cursor: default; width: auto; color: #7d0633; text-align: left; font-size: 15px; position: relative; font-weight: 700; border-bottom: .1875rem solid #7d0633; border-left: .1875rem solid transparent; border-right: .1875rem solid transparent; display: inline-block; line-height: 2.75rem; margin: 0; } .PopularPosts h2 span { background: #fff; padding-right: 10px; top: -9.5px; position: absolute; transition: all .5s ease; cursor: default; font-weight: 500; } .PopularPosts h2 svg { fill: #006aed; margin-right: 7px; display: none; width: 24px; height: 24px; background-repeat: no-repeat!important; content: ''; } .back-to-top { position: fixed!important; position: absolute; bottom: 30px; right: 20px; z-index: 9; } #back-to-top svg { width: 17px; height: 23px; vertical-align: -5px; fill: #262626; } #back-to-top { color: #444; padding: 10px 12px; border-radius: 50%; background: #fff; overflow: hidden; box-shadow: 0 1px 3px 0 rgba(0,0,0,.25); } .Night #back-to-top svg { fill: #fff; } .comments h3 span svg { margin-right: 5px; fill: none; stroke: currentcolor; width: 20px; height: 20px; vertical-align: -4px; display: none; } .comments h3 { width: 100%; cursor: default; font-size: 18px; padding: 0; text-align: left; height: 6px; font-weight: 700; color: #121212; margin: 0; position: relative; } .comments h3 span { padding-right: 10px; position: absolute; top: -7.5px; } #comments .comment-replies .comment-thread .comment .avatar-image-container img { width: 25px; height: 25px; } #comments .comment .thread-expanded .comment-block { margin-left: 40px; } .Blog .comments ol>li>.comment-block { padding: 0 15px; } #comments .comment-thread ol>li { background: #f3f3f3; padding: 18px 0 0; margin: 0 0 20px 0; border-radius: 12px; box-shadow: 0 6px 18px 0 rgba(9,32,76,.035); } #share-container { margin: 20px auto 10px; overflow: hidden; } #share { width: 100%!important; text-align: center; } #share a { width: 11%; height: 24px; display: block; font-size: 24px; color: #fff; transition: opacity .15s linear; float: left; } #share i { position: relative; top: 50%; transform: translateY(-50%); } .facebook:hover { background: #3a579a; } #share svg { vertical-align: -3px; } #share a:hover svg path { fill: #fff; } .twitter:hover { background: #55acee; } .pinterest:hover { background: #cb2027; } .whatsapp:hover { background: #25d366; } .tkgrdsgnmenubawahpost { width: calc(100% - 0px); display: flex; position: sticky; transition: all .5s ease; padding: 12px 5px 5px; z-index: 10; bottom: -50px; transition: all .5s ease-in-out; flex-wrap: wrap; background: rgba(255,255,255,.6); backdrop-filter: blur(3px); box-shadow: 0 0 0 0 rgba(0,0,0,.12),0 2px 2px 0 rgba(0,0,0,.1); -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,.12),0 2px 2px 0 rgba(0,0,0,.1); border-radius: 5px; } .tkgrdsgnmenubawahpost .trmenubawahpost { width: 100%; text-align: center; } .tkgrdsgnmenubawahpost:after,.tkgrdsgnmenubawahpost:before { content: ""; width: 17px; height: 5px; background: #dcdcdc; top: 3px; border-radius: 30px; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; transition: transform .5s ease-in-out; } .tkgrdsgnmenubawahpost:before { left: -13px; } .tkgrdsgnmenubawahpost:hover:before { transform: rotateZ(-15deg); } .tkgrdsgnmenubawahpost:after { right: -13px; } .tkgrdsgnmenubawahpost:hover:after { transform: rotateZ(15deg); } .animenubawahpost:active,.tkgrdsgnmenubawahpost:focus,.tkgrdsgnmenubawahpost:hover,.tkgrdsgnmenubawahpost:visited { bottom: 0; } .tkgrdsgnmenubawahpost .trmenubawahpost .judulmenubawah:before { margin-right: 10px; display: inline-block; width: 14px; height: 14px; background: #0ecf0e; vertical-align: -4px; background-repeat: no-repeat!important; content: ''; -webkit-mask-image: url("data:image/svg+xml,"); } .tkgrdsgnmenubawahpost .trmenubawahpost .judulmenubawah { text-align: center; width: calc(100% - 10px); padding: 0 5px; font-size: 11px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-bottom: 1px dotted #dadada; border-radius: 5px 5px 0 0; background: #fff; text-overflow: ellipsis; transition: initial; overflow: hidden; box-shadow: 0 3px 6px 0 rgba(0,0,0,.15),0 1px 3px 0 rgba(0,0,0,.05); white-space: nowrap; transition: all .5s ease; } .tkgrdsgnmenubawahpost .trmenubawahpost .menubawahtombol { display: flex; background: #fff; box-shadow: 0 3px 6px 0 rgba(0,0,0,.03),0 1px 3px 0 rgba(0,0,0,.05); padding: 2px; transition: all .5s ease; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; } .tkgrdsgnmenubawahpost label { margin: 0 auto; padding: 6px 12px 6px 4px; position: relative; font-size: 13px; color: #717171; display: block; cursor: default; font-weight: 600; } .tkgrdsgnmenubawahpost label:before { display: inline-block; width: 20px; height: 20px; margin-right: 10px; position: relative; top: 6px; z-index: 9; vertical-align: 0; background-repeat: no-repeat!important; content: ''; background: #717171; } .tkgrdsgnmenubawahpost label.bagikan:before { -webkit-mask-image: url("data:image/svg+xml,"); } #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 { 50% { transformtransform: scale(.9) 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 .ikoncari { margin-top: 9px; margin-left: 12px; width: 23px; height: 23px; float: left; } #search { border: 0 solid rgba(63,63,63,.8); position: fixed; top: 0; right: 0; left: 0; color: #444; } #searchform { width: 100%; max-width: 1078px; margin: 0 auto; overflow: hidden; position: relative; } .search-button,.search-button:hover { display: none; clear: both; background: 0 0; border: 0; fill: #3f3f3f; width: 40px; height: 40px; line-height: 40px; padding: 0; text-align: center; font-size: 25px; cursor: pointer; position: absolute; top: 5px; right: 10px; font-weight: 700; } .search-button:active { border: 0 0; outline: 0 0; background: 0 0; } #search-form { border: none; overflow: hidden; background-color: transparent; width: 93%; height: 45px; line-height: 45px; padding: 0; padding-left:25px; -moz-box-sizing: border-box; box-sizing: border-box; font-weight: 400; font-size: 15px; color: #5f6368!important; -webkit-box-sizing: border-box; } #search-form:focus { border: 0 0; outline: 0; color: #465760; } #searchform:focus { border: 0 0; outline: 0; color: #3f3f3f; } #box { display: none; padding: 0; width: 40%; height: 42px; position: fixed; top: 9px; left: 0; right:0; margin-left:auto; margin-right:auto; z-index: 999999; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); border-radius: 5px; background-color: #f1f3f4; 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; } @media screen and (max-width:640px) { #box { margin: 21px auto; display: none; padding: 0; width: 41%; height: 42px; position: fixed; top: -18px; left: 39%; z-index: 999999; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); border-radius: 5px; background-color: #31112c; text-align: center; -webkit-transition: all ease-in-out .25s; -moz-transition: all ease-in-out .25s; -ms-transition: all ease-in-out .25s; -o-transition: all ease-in-out .25s; transition: all ease-in-out .25s; } } #hide span.smallbutton svg { fill: #5f6368; } #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: 0; right: 2px; left:0; } #hide span.smallbutton:hover { color: #fff; border-color: #fff; } #box p { font-size: 14px; margin: 10% auto 70px; color: #fff; letter-spacing: 2px; text-transform: uppercase; } .search-icon span { width: 30px; height: 30px; cursor: pointer; } .search-icon .icons { width: 15px; position: absolute; top: 8px; right: 7px; } .search-button .icons { width: 25px; padding: 12px 0 0; } #hide span.smallbutton .icons { width: 23px; vertical-align: middle; } @media screen and (max-width:1080px) { .search-icon span { cursor: default; } .iconmode { cursor: default; } } @media screen and (max-width:800px) { .search-icon span { cursor: default; } .iconmode { cursor: default; padding: 0; } } @media screen and (max-width:640px) { #box { width: calc(100% - (-32px + 42px)); height: 47px; top: -17px; left: 5px; right:5px; } #search-form { width: 93%; height: 48px; padding-left: 40px; } #hide span.smallbutton { top: 2px; left: 7px; } .search-icon span { cursor: default; } .iconmode { cursor: default; } } #search-form::-webkit-input-placeholder { color: #757575; } .Switchbtn { position: absolute; right: 47px; top: 4px; height: 40px; line-height: 40px; text-align: center; display: inline-block; align-items: center; z-index: 50; } .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='%23fff'/%3E%3C/svg%3E") center/17px no-repeat; transition: left .3s cubic-bezier(.175,.885,.32,1.275),padding .3s ease,margin .3s ease; position: absolute; width: 20px; height: 20px; top: -5px; left: 0; box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); background-color: #1a73e8; } .togglenight-switch:checked+.togglenight-btn { background: #86d993; } .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: #1a73e8; } #ajaxsearch { position: absolute; z-index: 9999; width: calc(100% - 0px); top: 41px; } .ajax-search { overflow: hidden; border-top: 1px solid #3982e061; max-width: 100%; padding: 20px 20px 8px; background: #004caf!important; box-shadow: 0 4px 7px rgba(0,0,0,.15); border-radius: 0 0 7px 7px; } .ajax-search p { color: #666; } .ajax-search h3 { font-size: 14px; font-weight: 400; margin: 0 0 15px; color: #fff; } .ajax-search li { position: relative; display: inline-block; float: left; width: 100%; padding: 5px 0; } .ajax-search li h4 { font-size: 13px; font-weight: 400; margin: 0 15px 0 0; margin-left: 37px; text-align: left; } .ajax-search-results-empty { margin: 5px 0 10px; color: #666; } .ajax-search li h4 a { color: #fff; transition: all .3s; line-height: 2; padding: 0; } .ajax-search li:first-child { padding-top: 0; } .ajax-search li:last-child { padding-bottom: 0; } .ajax-search li h4 mark { color: #004caf; text-decoration: none; background: #ededed; border-radius: 2px; transition: all .3s; } .ajax-search li:hover { cursor: pointer; } .ajax-search li:hover h4 a { color: #ff0; } .ajax-search li:hover h4 a:before { background: #ff0; } .ajax-search li:hover h4 mark { color: #1a73e8; background: #ff0; } .ajax-search-image { float: left; margin: 0 10px 0 0; } .ajax-search-image img { border-radius: 5px; } .ajax-search-results { margin: 0; margin-left: -10px; padding: 0; } .ajax-search-pager a { display: inline-block; clear: both; overflow: hidden; background: #ff0; color: #1a73e8; font-weight: 500; font-size: 13px; padding: 1px 11px; border-radius: 2px; margin: 15px auto 0; } .ajax-search li h4 a:before { content: ''; position: absolute; width: 23px; height: 23px; top: 0; bottom: 0; margin: auto; background: #fff; left: 4px; -webkit-mask-image: url("data:image/svg+xml,"); } .ajax-search-pager a:hover { color: #026bec; } @media screen and (max-width:800px) { #ajaxsearch { width: calc(100% - 0px)!important; top: 38px; } .ajax-search-results { max-height: 300px; height: 100%; overflow: auto; } } #downloadinfo { background: #e2f1fd; border-radius: 3px; padding: 10px 20px; } #tkr_list { font-weight: 700; cursor: pointer; margin: 10px 0; border-bottom: 2px solid #718096; padding-bottom: 10px; color: #718096; } #tkr_list:focus,#toc li:focus,.back_tocontent:focus { outline: 0; } #tkr_list svg { vertical-align: middle; margin-right: 10px; } #toc li { background: 0 0; cursor: default; } #toc li a:hover { color: #2962ff; } #toc { display: grid; } #toc ol { margin: 0; } .back_tocontent { display: inline-block; cursor: pointer; text-align: right; float: right; margin: 15px auto; background: #00cec9; color: #fff; font-size: 11px; padding: 2px 12px; border-radius: 99em; transition: all .3s; } .back_tocontent:hover { background: #2d3436; color: #fff; } :target::before { content: ' display: block; height: 40px; margin-top: -40px; visibility: hidden; } .downloadbutton { text-align: left; } .downloadbutton a .buttons { width: 200px; background: #2196f3; color: #fff; text-decoration: none; border: none; padding: .5rem 1.5rem; border-radius: 9rem; margin: 5px; cursor: pointer; outline: 0; } .informasitext { margin: 12px 0 10px; } .informasitext ul { margin-left: 18px; } .informasitext li { transition: all .5s ease; list-style: none; margin-left: -18px; margin-bottom: 5px; padding: 2px 0; color: #000; line-height: 20px; font-family: Consolas,andale mono wt,andale mono,lucida console,lucida sans typewriter,dejavu sans mono,bitstream vera sans mono,liberation mono,nimbus mono l,Monaco,courier new,Courier,monospace; } .informasitext li span { color: #718096; margin-left: 3px; } .changelogtextarea .changelog_list { display: block; width: 100%; padding: .75rem; white-space: pre-line; height: 300px; border-radius: 3px; background: #f7fafc; border: none; color: #718096; box-shadow: 0 1px 3px 0 #d4d4d5,0 0 0 1px #d4d4d5; font-family: Consolas,andale mono wt,andale mono,lucida console,lucida sans typewriter,dejavu sans mono,bitstream vera sans mono,liberation mono,nimbus mono l,Monaco,courier new,Courier,monospace; resize: none; overflow-y: scroll; outline: 0; font-size: 15px; } .changelogtextarea h3 { transition: all .5s ease; font-size: 20px; color: #000; } #tkrdownload { margin-top: 20px; margin-left: -10px; } div#top-continue { text-align: center; } span.artikelbaru { font: 400 15px 'Google Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Oxygen,Roboto,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Arial,sans-serif; } .post-label a:before { content: ''; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.63 5.84C17.27 5.33 16.67 5 16 5L5 5.01C3.9 5.01 3 5.9 3 7v10c0 1.1.9 1.99 2 1.99L16 19c.67 0 1.27-.33 1.63-.84L22 12l-4.37-6.16z' fill='%23fff'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: 20px; vertical-align: -5px; display: inline-block; min-width: 20px; min-height: 20px; background-position: center; background-repeat: no-repeat; background-size: 20px; vertical-align: -6px; display: inline-block; } .sharesosmed { margin-top: 15px; margin-bottom: -5px; color: #666; } .sharesosmed a svg { width: 24px; height: 24px; fill: #666; margin-right: 15px; } .textshare { float: left; margin-right: 15px; font-size: 20px; font-weight: 600; cursor: default; } .textshare svg { width: 24px; height: 24px; fill: currentcolor; vertical-align: -5px; margin-right: 5px; } .textback { position: absolute; left: 52px; top: 13px; font-weight: 600; font-size: 20px; color: #01a9b4; } .Tukang_Redesign_Share { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: nowrap; align-items: center; background-color: #fff; margin-top: 15px; padding: 8px 0 0; position: sticky; position: -webkit-sticky; bottom: 0; z-index: 99; transition: all .5s ease; } .Night .Tukang_Redesign_Share { background-color: #242831; } @media screen and (max-width:800px) { .Tukang_Redesign_Share { padding: 5px 0 0!important; position: relative; } } .Tukang_Redesign_Share svg { width: 17px; height: 17px; vertical-align: -4px; } .Tukang_Redesign_Share svg path { fill: #757575; transition: all .3s ease; } .Tukang_Redesign_Share a { width: 100%; padding: 10px 0; border-top-width: 3px; border-top-style: solid; text-align: center; box-shadow: none; transition: all .3s ease; } .Tukang_Redesign_Share a:hover svg path { fill: #fff!important; } .Tukang_Redesign_Share a.facebook { border-color: #3a579a; } .Tukang_Redesign_Share a.facebook:hover { background-color: #3a579a; } .Tukang_Redesign_Share a.facebook svg path { fill: #3a579a; } .Tukang_Redesign_Share a.twitter { border-color: #00abf0; } .Tukang_Redesign_Share a.twitter:hover { background-color: #00abf0; } .Tukang_Redesign_Share a.twitter svg path { fill: #00abf0; } .Tukang_Redesign_Share a.pinterest { border-color: #cd1c1f; } .Tukang_Redesign_Share a.pinterest:hover { background-color: #cd1c1f; } .Tukang_Redesign_Share a.pinterest svg path { fill: #cd1c1f; } .Tukang_Redesign_Share a.linkedin { border-color: #2554bf; } .Tukang_Redesign_Share a.linkedin:hover { background-color: #2554bf; } .Tukang_Redesign_Share a.linkedin svg path { fill: #2554bf; } .Tukang_Redesign_Share a.tumblr { border-color: #314358; } .Tukang_Redesign_Share a.tumblr:hover { background-color: #314358; } .Tukang_Redesign_Share a.tumblr svg path { fill: #314358; } .Tukang_Redesign_Share a.telegram { border-color: #54a9eb; } .Tukang_Redesign_Share a.telegram:hover { background-color: #54a9eb; } .Tukang_Redesign_Share a.telegram svg path { fill: #54a9eb; } .Tukang_Redesign_Share a.reddit { border-color: #ff4500; } .Tukang_Redesign_Share a.reddit:hover { background-color: #ff4500; } .Tukang_Redesign_Share a.reddit svg path { fill: #ff4500; } .Tukang_Redesign_Share a.gmail { border-color: #d93025; } .Tukang_Redesign_Share a.gmail:hover { background-color: #d93025; } .Tukang_Redesign_Share a.gmail svg path { fill: #d93025; } .Tukang_Redesign_Share a.whatsapp { border-color: #4dc247; } .Tukang_Redesign_Share a.whatsapp:hover { background-color: #4dc247; } .Tukang_Redesign_Share a.whatsapp svg path { fill: #4dc247; } .Tukang_Redesign_Share a.messenger { border-color: #448aff; } .Tukang_Redesign_Share a.messenger:hover { background-color: #448aff; } .Tukang_Redesign_Share a.messenger svg path { fill: #448aff; } @media screen and (max-width:480px) { #share { width: 80%; margin-top: 4px; margin-bottom: 1px; } #share a { height: 24px; } #share svg { margin-top: 0!important; } .Tukang_Redesign_Share .total { margin-top: 1px!important; padding: 6px 0!important; } .Tukang_Redesign_Share .total svg { margin-right: 5px!important; margin-top: 3px!important; } } .tukangredesign_Author { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: flex-start; margin-top: 20px; background: 0 0; padding: 10px; border: 1px solid #ddd; border-radius: 10px; } .Night .tukangredesign_Author { border-color: #5f6368; } .Profile .avatar,.tukangredesign_Author .avatar { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; position: relative; } .tukangredesign_Author .avatar { width: 81px; height: 81px; min-width: 81px; min-height: 81px; margin-right: 20px; } .Night .tukangredesign_Author .avatar:before,.Profile .avatar:before { background: #fff; } .Profile .avatar:before,.tukangredesign_Author .avatar:before { content: ''; background: #121212; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; border-radius: 100px; animation: ignielSpin 3s linear infinite normal; -moz-animation: ignielSpin 3s linear infinite normal; -webkit-animation: ignielSpin 3s linear infinite normal; -o-animation: ignielSpin 3s linear infinite normal; } .tukangredesign_Author .avatar:before { width: 75px; height: 75px; } .Profile img,.tukangredesign_Author img { border: 3px solid #fff; position: relative; border-radius: 100px; } .Night .tukangredesign_Author img,.Profile img { border-color: #25294a; } .tukangredesign_Author img { width: 65px; height: 65px; } .tukangredesign_Author .bottom { width: 100%; flex-grow: 1; z-index: 99; } .tukangredesign_Author .author-name { font-size: 1.15rem; font-weight: 600; margin-bottom: 7px; } .tukangredesign_Author .author-name:after { content: ''; display: inline-block; background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23 12l-2.44-2.79l.34-3.69l-3.61-.82l-1.89-3.2L12 2.96L8.6 1.5L6.71 4.69L3.1 5.5l.34 3.7L1 12l2.44 2.79l-.34 3.7l3.61.82L8.6 22.5l3.4-1.47l3.4 1.46l1.89-3.19l3.61-.82l-.34-3.69L23 12zm-12.91 4.72l-3.8-3.81l1.48-1.48l2.32 2.33l5.85-5.87l1.48 1.48l-7.33 7.35z' fill='%234285F4'/%3E%3C/svg%3E") center no-repeat; width: 15px; height: 15px; vertical-align: -2px; } .tukangredesign_Author .author-name a { color: #121212; font-weight: 700; } .tukangredesign_Author .author-name a:hover { text-decoration: underline; } .Night .tukangredesign_Author .author-name a { color: #fff; } .tukangredesign_Author .author-desc { color: #656565; font-size: .95rem; line-height: initial; } .Night .tukangredesign_Author .author-desc { color: #9aa0a6; } .avatar_gif { position: absolute; width: 300px; height: 157px; background: no-repeat center center scroll transparent; background-size: 53px; z-index: 9; top: -19px; left: -80px; } .tukangredesign_author-post { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: flex-start; background: 0 0; padding: 10px 0 10px 0; float: left; } .Profile .avatar,.tukangredesign_author-post .avatar { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; position: relative; } .tukangredesign_author-post .avatar { margin-right: 10px; } .Profile img,.tukangredesign_author-post img { border: 3px solid #fff; position: relative; border-radius: 100px; } .Night .tukangredesign_author-post img,.Profile img { border-color: #212121; } .tukangredesign_author-post img { width: 43px; height: 30px; } .tukangredesign_author-post .bottom { width: 100%; flex-grow: 1; z-index: 99; } .tukangredesign_author-post .author-name { font-size: 1.15rem; font-weight: 600; margin-top: 7px; } .tukangredesign_author-post .author-name:after { content: ''; display: inline-block; background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23 12l-2.44-2.79l.34-3.69l-3.61-.82l-1.89-3.2L12 2.96L8.6 1.5L6.71 4.69L3.1 5.5l.34 3.7L1 12l2.44 2.79l-.34 3.7l3.61.82L8.6 22.5l3.4-1.47l3.4 1.46l1.89-3.19l3.61-.82l-.34-3.69L23 12zm-12.91 4.72l-3.8-3.81l1.48-1.48l2.32 2.33l5.85-5.87l1.48 1.48l-7.33 7.35z' fill='%234285F4'/%3E%3C/svg%3E") center no-repeat; width: 15px; height: 15px; vertical-align: -2px; } .tukangredesign_author-post .author-name a { color: #121212; font-weight: 400; } .Night .tukangredesign_author-post .author-name a { color: #fff; } .tukangredesign_author-post .author-desc { color: #8f8f96; font-size: .95rem; line-height: initial; } .avatar_gif { position: absolute; width: 300px; height: 157px; background: no-repeat center center scroll transparent; background-size: 53px; z-index: 9; top: -19px; left: -80px; } button { background: #630dec; padding: 10px; text-decoration: none; width: auto; margin-right: 5px; margin-bottom: 5px; text-align: center; border-radius: 3px; font-weight: 600; border: none; color: #fff; cursor: pointer; outline: 0; position: relative; box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15); } a button:before { content: ''; position: absolute; width: 20px; height: 20px; left: 6px; top: 10px; margin-left: 3px; } a.download button:before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 13h2.55v-3h2.9v3H16l-4 4l-4-4m11.35-2.96c2.6.18 4.65 2.32 4.65 4.96a5 5 0 0 1-5 5H6a6 6 0 0 1-6-6c0-3.09 2.34-5.64 5.35-5.96A7.496 7.496 0 0 1 12 4a7.49 7.49 0 0 1 7.35 6.04M19 18a3 3 0 0 0 3-3a2.98 2.98 0 0 0-2.78-2.96l-1.53-.11l-.3-1.5A5.503 5.503 0 0 0 12 6C9.94 6 8.08 7.14 7.13 8.97l-.5.95l-1.07.11A3.973 3.973 0 0 0 2 14a4 4 0 0 0 4 4h13z' fill='%23fff'/%3E%3C/svg%3E"); } button svg { vertical-align: -4px; width: 20px; height: 20px; margin-right: 7px; } .drop { float: left; font-size: 4rem; line-height: 15px; margin-top: .3em; padding-right: .75rem; color: #1a73e8; } .search-icon svg { fill: #fff; } .searchbox { margin-bottom: 10px; margin-top: 10px; display: none; } #textsearchbox { border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px solid #e1e9ef; outline: 0; padding: 5px; } #textsearchboxdesktop::placeholder { color: #757575; } #textsearchboxdesktop { border-radius: 4px; border: none; outline: 0; width: 90%; padding-left: 55px; font-size: 15px; border: .0625rem solid transparent; background-color: #31112c; color: #fff; height: 46px; } #textsearchboxdesktop:focus { box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15); } .searchboxdesktop { position: absolute; z-index: 1; top: -2px; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 650px; } @media only screen and (max-width:1080px) { .searchbox { margin-bottom: 10px; margin-top: 10px; display: block; } #textsearchbox { border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px solid #e1e9ef; outline: 0; padding: 5px; } } .search_icon { position: absolute; right: 0; left: 18px; top: 13px; fill: #5f6368; width: 24px; height: 24px; } @media only screen and (max-width:800px) { .searchbox { display: none!important; } } .logo_tukang_redesign { display: none; } @media only screen and (max-width:1080px) { .logo_tukang_redesign { display: block; background-repeat: no-repeat; min-height: 100%; width: 24px; height: 24px; margin-top: -10px; margin-bottom: 35px; transition: all .5s ease; } } @media only screen and (max-width:800px) { .logo_tukang_redesign { display: none; } } .subs { display: flex!important; flex-wrap: nowrap; align-items: center; justify-content: space-between; margin-top: 7px!important; } .subs a { padding: 7px 10px!important; background: #f3f3f3; line-height: 0!important; color: #333!important; border-radius: 100px; letter-spacing: 0!important; font-size: 11px!important; margin-right: 7px; } .subs a:hover { background: #01a9b4; color: #fff!important; } .subs a svg { margin-right: 4px!important; width: 14px!important; height: 14px!important; vertical-align: -3px!important; } .subs_Mobile { display: flex!important; flex-wrap: nowrap; align-items: center; margin-top: 10px!important; margin-left: 17px!important; } .subs_Mobile a { padding: 7px 10px!important; background: #f3f3f3; color: #333!important; border-radius: 100px; letter-spacing: 0!important; font-size: 11px!important; margin-right: 7px!important; } .subs_Mobile a:hover { background: #01a9b4!important; color: #fff!important; } .subs_Mobile a svg { margin-right: 4px!important; width: 14px!important; height: 14px!important; } .imgtkr { width: 24px; height: 24px; border-radius: 50%; vertical-align: middle; margin-right: 14px; } li.footer { font-size: 11px; color: #657786; margin-top: 15px!important; } li.footer a { line-height: 1.5em!important; padding: 0!important; font-size: 11px!important; font-weight: 400!important; } li.footer span.credit { display: flex; margin-top: 7px; margin-bottom: 5px; } .Tukang_Redesign_Popup { background: #fff; position: fixed; padding: 25px; top: calc(50% - 130px); transform: scale(1.2); max-width: 640px; margin: auto; left: 0; right: 0; z-index: 100; box-shadow: 0 3px 8px 2px rgba(0,0,0,.1); transition: all .2s ease; border: 15px solid rgba(0,0,0,.07); overflow: hidden; } .Tukang_Redesign_Popup:before { content: ''; background-color: #ededed; width: 100%; height: 350px; position: absolute; z-index: -1; clip-path: circle(); left: 0; right: 0; margin-right: auto; margin-left: auto; } @media screen and (max-width:640px) { .Tukang_Redesign_Popup { margin-right: 5px; margin-left: 5px; padding-top: 35px; } } .Tukang_Redesign_Popup1 { font-size: 30px; margin-bottom: 15px; font-weight: 400; text-align: center; width: 100%; color: #333; } @media screen and (max-width:640px) { .Tukang_Redesign_Popup1 { font-size: 22px; } } .Tukang_Redesign_Popup2 { font-size: 16px; width: 100%; text-align: center; color: #666; } @media screen and (max-width:640px) { .Tukang_Redesign_Popup2 p { font-size: 12px; } } .Tukang_Redesign_Popup.aktif { transform: scale(1); z-index: 9999; animation: Tukang_Redesign_Wobble .5s; -moz-animation: Tukang_Redesign_Wobble .5s; -webkit-animation: Tukang_Redesign_Wobble .5s; -o-animation: Tukang_Redesign_Wobble .5s; } @keyframes Tukang_Redesign_Wobble { 0% { transform: scale(0) rotate(-54deg) translatey(40px); } 45% { transform: scale(1.1) rotate(20deg) translatey(0); } 60% { transform: scale(1) rotate(-15deg) translatey(0); } 77% { transform: scale(1) rotate(10deg) translatey(0); } 100% { transform: translatey(0); } } @-webkit-keyframes Tukang_Redesign_Wobble { 0% { transform: scale(0) rotate(-54deg) translatey(40px); } 45% { transform: scale(1.1) rotate(20deg) translatey(0); } 60% { transform: scale(1) rotate(-15deg) translatey(0); } 77% { transform: scale(1) rotate(10deg) translatey(0); } 100% { transform: translatey(0); } } @-moz-keyframes Tukang_Redesign_Wobble { 0% { transform: scale(0) rotate(-54deg) translatey(40px); } 45% { transform: scale(1.1) rotate(20deg) translatey(0); } 60% { transform: scale(1) rotate(-15deg) translatey(0); } 77% { transform: scale(1) rotate(10deg) translatey(0); } 100% { transform: translatey(0); } } .Tukang_Redesign_Popup.aktif,.Tukang_Redesign_Popup3.aktif { visibility: visible; opacity: 1; } .Tukang_Redesign_Popup,.Tukang_Redesign_Popup3 { visibility: hidden; opacity: 0; } #wrap { margin: 20px auto; text-align: center; } #wrap form { display: flex; flex-wrap: nowrap; align-items: center; margin: 15px 0; padding: 0; position: relative; } #wrap form:before { content: ''; position: absolute; left: 15px; display: block; width: 20px; height: 20px; background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='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' fill='%23657786'/%3E%3C/svg%3E") center no-repeat; } #wrap input { background: #ededed; outline: 0; border: 1px solid #ddd; padding: 7px 10px 7px 45px; border-radius: 50px 0 0 50px; width: calc(100% - 35px); font-size: 14px; } #wrap button { background: #01a9b4; width: 40px; min-width: 40px; margin: 0; padding: 6px 0; border: 0; border-radius: 0 50px 50px 0; } #wrap button:hover { background: #000; } #wrap button:before { content: ''; vertical-align: -3px; display: inline-block; width: 20px; height: 20px; margin: 0; background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2,21L23,12L2,3V10L17,12L2,14V21Z' fill='%23fff'/%3E%3C/svg%3E") center no-repeat; } .Tukang_Redesign_Popup3 { position: fixed; top: 0; left: 0; bottom: 0; right: 0; margin: 0; z-index: 999; transition: all .5s ease; background: rgba(0,0,0,.65); } .Popup_Menu { background: #fff; position: fixed; padding: 25px; padding-bottom: 0; padding-right: 0; padding-left: 0; top: calc(35% - 130px); transform: scale(1.2); max-width: 640px; margin: auto; left: 0; right: 0; z-index: 100; box-shadow: 0 3px 8px 2px rgba(0,0,0,.1); transition: all .5s ease; border: 15px solid rgba(0,0,0,.07); overflow: hidden; overflow-y: auto; height: 322px; border-radius: 6px; } @media screen and (max-width:640px) { .Popup_Menu { margin-right: 5px; margin-left: 5px; padding-top: 35px; height: 200px; top: calc(35% - 90px); } } @media screen and (max-width:480px) { .Popup_Menu { height: 322px; top: calc(35% - 130px); } } .Popup_Menu1 { font-size: 30px; margin-bottom: 40px; font-weight: 400; text-align: center; width: 100%; color: #333; } .Popup_Menu1 svg { width: 30px; height: 30px; vertical-align: -6px; fill: currentcolor; } @media screen and (max-width:640px) { .Popup_Menu1 { font-size: 22px; } .Popup_Menu1 svg { width: 24px; height: 24px; vertical-align: -4px; } } .Popup_Menu2 { font-size: 16px; width: 100%; text-align: center; color: #666; } @media screen and (max-width:640px) { .Popup_Menu2 p { font-size: 12px; } } .Popup_Menu.aktif { transform: scale(1); z-index: 9999; } .Popup_Menu.aktif,.Popup_Menu3.aktif { visibility: visible; opacity: 1; } .Popup_Menu,.Popup_Menu3 { visibility: hidden; opacity: 0; } #wrap_Menu { text-align: center; } #wrap_Menu li { list-style: none; text-align: left; } #wrap_Menu li ul { margin: 0; margin-left: 10px; margin-right: 10px; } #wrap_Menu li a { color: #666; line-height: 40px; background: #ededed; padding: 6px; border-radius: 6px; display: flex; margin-bottom: 10px; padding-left: 10px; } #wrap_Menu li a svg { margin-right: 15px; fill: currentcolor; margin-top: 7px; } .Popup_Menu3 { position: fixed; top: 0; left: 0; bottom: 0; right: 0; margin: 0; z-index: 999; transition: all .5s ease; background: rgba(0,0,0,.65); } .waves-light.close-sf { font-weight: 600; color: #121212; position: absolute; right: 20px; top: 13px; font-size: 18px; } .waves-light.close-sf:hover { color: #ff0808; } .Ads-sample { border: 1px solid #ccc; padding: 60px 0; text-align: center; color: #ccc; } .Ads-sample-hp { border: 1px solid #ccc; color: #ccc; padding-top: 70px; padding-bottom: 70px; text-align: center; } .Ads-box-grid { display: grid; grid-template-columns: 50% auto; text-align: center; margin-bottom: 25px; } .Ads-Box h2 { display: none; } .Ads-box-grid li { list-style: none; border: 1px solid #ccc; border-radius: 30px; margin-top: 5px; } .Ads-box-grid li a { color: #ccc; line-height: 40px; padding: 5px; } .Ads-box-grid li a svg { width: 24px; height: 24px; fill: currentcolor; margin-top: 8px; margin-right: 10px; float: right; } .navigation-mobile { display: none!important; display: flex; align-items: center; justify-content: space-evenly; position: fixed; left: 0; bottom: 0; width: 100%; height: 45px; background-color: #fff; z-index: 99; margin: 0; box-shadow: 0 6px 18px 0 rgba(9,32,76,.035); transition: all .5s ease; } .Night li.tag-link { border-color: #242831; transition: all .5s ease; } .navigation-mobile svg.tag_link { position: absolute; left: 15px; top: 15px; stroke: #fff!important; margin: 0; } .navigation-mobile li { list-style: none; } .navigation-mobile li:active { transform: scale(1.1); } .navigation-mobile a { display: block; padding: .4rem 1rem; cursor: default; } .navigation-mobile svg { fill: #262626; height: 24px; width: 24px; } .navigation-mobile svg.line { fill: none; stroke: #fff; } .navigation-mobile .dark-link .svg-2 { display: none; } .navigation-mobile .top-link a { display: block!important; opacity: 1!important; align-items: center; justify-content: center; position: relative; right: initial; bottom: initial; width: initial; height: initial; background-color: transparent; } .navigation-mobile .top-link svg.line { stroke: #fff; } .navigation-mobile .top-link svg.line .svg-c { stroke: #fff; } .sosmedME { display: flex; flex-wrap: wrap; margin-top: 10px; } .sosmedME a { border-radius: 3px; margin-right: 10px; margin-bottom: 7px; color: #121212; font-size: 14px; } .Night .sosmedME a { color: #fff; } .sosmedME a svg { width: 20px; height: 20px; vertical-align: -4px; margin-right: 7px; } .lazy { opacity: 1; overflow: hidden; -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: placeload; animation-name: placeload; -webkit-animation-timing-function: linear; animation-timing-function: linear; background: -o-linear-gradient(left,#eee 0,#ddd 30%,#eee 70%); background: -webkit-gradient(linear,left top,right top,from(#eee),color-stop(30%,#ddd),color-stop(70%,#eee)); background: linear-gradient(to right,#eee 0,#ddd 30%,#eee 70%); background-image: -o-linear-gradient(left,#eee 0,#ddd 30%,#eee 70%); background-image: -webkit-gradient(linear,left top,right top,from(#eee),color-stop(30%,#ddd),color-stop(70%,#eee)); background-image: linear-gradient(to right,#eee 0,#ddd 30%,#eee 70%); color: transparent!important; } .entry-thumb { display: block; position: relative; width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; z-index: 1; -webkit-transition: opacity .35s ease,-webkit-transform .3s ease; transition: opacity .35s ease,-webkit-transform .3s ease; -o-transition: opacity .35s ease,transform .3s ease; transition: opacity .35s ease,transform .3s ease; transition: opacity .35s ease,transform .3s ease,-webkit-transform .3s ease; } .Night .lazy { background-image: -o-linear-gradient(left,#202124 0,#161618 30%,#202124 70%); background-image: -webkit-gradient(linear,left top,right top,from(#202124),color-stop(30%,#161618),color-stop(70%,#202124)); background-image: linear-gradient(to right,#202124 0,#161618 30%,#202124 70%); } @-webkit-keyframes placeload { 0% { background-position: -156 0; } 100% { background-position: 468px 0; } } @keyframes placeload { 0% { background-position: -156 0; } 100% { background-position: 468px 0; } } .lazyloaded { opacity: 1; transition: opacity 2s ease,transform 2s ease,-webkit-transform 2s ease; } @-webkit-keyframes placeload { 0% { background-position: -156px 0; } 100% { background-position: 468px 0; } } @keyframes placeload { 0% { background-position: -156px 0; } 100% { background-position: 468px 0; } } .Topik_Blog h2 { display: none; } .grid-setting h2 { display: none; } body.aktif { overflow: hidden; } .notification-popup { position: fixed; right: 20px; bottom: 20px; width: 250px; background-color: #fff; z-index: 110; padding: 15px; border-radius: 7px; box-shadow: 0 3px 8px 2px rgba(0,0,0,.1); transition: all .5s ease; } .notification-popup h3 { color: #465760; font-size: 18px; font-weight: 400; margin: 0 0 7px; } .notification-popup p { font-size: 13px; color: #757575; line-height: 1.5em; margin: 0; } .notification-popup a { float: left; width: 100%; height: 28px; background-color: #01a9b4; font-size: 14px; color: #fff; text-align: center; line-height: 28px; margin-top: 10px; border-radius: 5px; transition: background .17s ease; } .notification-popup a:hover { background-color: #3c97ef; } .notification-popup-close { position: absolute; top: 10px; right: 13px; font-size: 15px; color: #465760; font-weight: 700; cursor: pointer; transition: color .17s ease; } .notification-popup-close:hover { color: #f03a17!important; } .Night .notification-popup { background-color: #242831; } .Night .notification-popup h3 { color: #fff; } .Night .notification-popup p { color: #9ba3b5; } .Night .notification-popup-close { color: #9ba3b5; } @media screen and (max-width:800px) { .notification-popup { bottom: 0; left: 0; right: 0; width: auto; border-radius: 0; } } .judul-label { color: #01a9b4; font-weight: 400; font-size: 15px; display: none; } @media screen and (max-width:800px) { .widget .title svg { width: 17px; height: 17px; vertical-align: -4px; } .judul-label { margin-left: 6px; margin-top: 3px; font-size: 11px; } .indologo { margin-left: 7px; } } .indologo { display: none; } .Night .navmenubutton svg { fill: #fff; } .navmenubutton svg { width: 24px; height: 24px; fill: #fff; } .navmenubutton .check:checked~.NavMenu { opacity: 1; visibility: visible; top: 45px; min-width: 200px; transition: all .3s ease; z-index: 2; } .iconmode2 { cursor: pointer; background-position: center; padding: 8px; border-radius: 100%; display: block; position: relative; } .check { display: none; } .navmenubutton .iconmode2 .openmode { display: block; } .navmenubutton .iconmode2 .closemode { display: none; } .navmenubutton .check:checked~.iconmode2 .openmode { display: none; } .navmenubutton .check:checked~.iconmode2 .closemode { display: block; } .container-top-menu { display: inline; } .Tombol_share { float: right; padding: 8px; border-radius: 50%; margin-top: -11px; display: none; } .Tombol_share:hover { background: rgba(60,64,67,.08); } .Tombol_share:active { background: rgba(0,0,0,.1); } .Tombol_share svg { width: 24px; height: 24px; fill: #5f6368; } .Night .Tombol_share svg { fill: #fff; } .Popup_Menu-Share { background: #fff; position: fixed; padding: 25px; padding-bottom: 0; padding-right: 0; padding-left: 0; top: calc(35% - 130px); transform: scale(0); max-width: 400px; margin: auto; left: 0; right: 0; z-index: 100; transition: all .3s ease; border-radius: 10px; border-top: 5px solid #7d0633; } .Night .Popup_Menu-Share { background: #212121; border-color:#ff007b; } .Popup_Menu-Share #wrap_Menu li a svg { width: 24px; height: 24px; margin: 0; margin-right: 10px; } .Popup_Menu-Share #wrap_Menu li a { background: 0 0; border-radius: 0; } .Popup_Menu-Share #wrap_Menu li a:last-child { margin: 0; } .Popup_Menu-Share #wrap_Menu li a:not(:last-child) { border-bottom: 1px solid #ddd; } .Night .Popup_Menu-Share #wrap_Menu li a:not(:last-child) { border-color: #5f636826; } .Popup_Menu-Share #wrap_Menu li a span { margin-top: -6px; } .Popup_Menu-Share #wrap_Menu ul { margin: 0; } .Popup_Menu-Share #wrap_Menu ul li { margin: 0; } @media screen and (max-width:640px) { .Popup_Menu-Share { margin-right: 5px; margin-left: 5px; padding-top: 35px; top: calc(35% - 90px); max-width: 640px; } } @media screen and (max-width:480px) { .Popup_Menu-Share { top: calc(35% - 130px); } } .Popup_Menu-Share1 { font-size: 30px; margin-bottom: 25px; font-weight: 400; text-align: center; width: 100%; color: #121212; } .Night .Popup_Menu-Share1 { color: #fff; } .Popup_Menu-Share1 svg { width: 24px; height: 24px; vertical-align: -3px; margin-right: 5px; fill: currentcolor; } @media screen and (max-width:640px) { .Popup_Menu-Share1 { font-size: 22px; } .Popup_Menu-Share1 svg { width: 24px; height: 24px; vertical-align: -4px; } } .Popup_Menu-Share2 { font-size: 16px; width: 100%; text-align: center; color: #666; } @media screen and (max-width:640px) { .Popup_Menu-Share2 p { font-size: 12px; } } .Popup_Menu-Share.aktif { transform: scale(1); z-index: 9999; } .Popup_Menu-Share.aktif,.Popup_Menu-Share3.aktif { visibility: visible; opacity: 1; } .Popup_Menu-Share,.Popup_Menu-Share3 { visibility: hidden; opacity: 0; } .Popup_Menu-Share3 { position: fixed; top: 0; left: 0; bottom: 0; right: 0; margin: 0; z-index: 999; transition: all .1s ease; background: rgba(0,0,0,.33); } .nowrap_menu { overflow: hidden; overflow-y: auto; height: 345px; } .nowrap_menu::-webkit-scrollbar { background: 0 0; width: 8px; height: 8px; } .nowrap_menu::-webkit-scrollbar-thumb { min-height: 48px; min-width: 48px; background-color: rgba(0,0,0,.26); } .Popup_Menu-Love { background: #fff; position: fixed; padding: 25px; padding-bottom: 0; padding-right: 0; padding-left: 0; top: calc(50% - 130px)!important; transform: scale(1.2); max-width: 400px; margin: auto; left: 0; right: 0; z-index: 100; transition: all .1s ease; border-radius: 6px; } .Popup_Menu-Love #wrap_Menu li a svg { width: 24px; height: 24px; margin: 0; margin-right: 10px; } .Popup_Menu-Love #wrap_Menu li a { background: 0 0; border-radius: 0; } .Popup_Menu-Love #wrap_Menu li a:last-child { margin: 0; } .Popup_Menu-Love #wrap_Menu li a:not(:last-child) { border-bottom: 1px solid #ddd; } .Popup_Menu-Love #wrap_Menu li a span { margin-top: -6px; } .Popup_Menu-Love #wrap_Menu ul { margin: 0; } .Popup_Menu-Love #wrap_Menu ul li { margin: 0; } @media screen and (max-width:640px) { .Popup_Menu-Love { margin-right: 5px; margin-left: 5px; padding-top: 35px; top: calc(35% - 90px); max-width: 640px; } } @media screen and (max-width:480px) { .Popup_Menu-Love { top: calc(35% - 130px); } } .Popup_Menu-Love1 { font-size: 30px; margin-bottom: 40px; font-weight: 400; text-align: center; width: 100%; color: #333; } .Popup_Menu-Love1 svg { width: 24px; height: 24px; vertical-align: -3px; margin-right: 5px; fill: currentcolor; } @media screen and (max-width:640px) { .Popup_Menu-Love1 { font-size: 22px; } .Popup_Menu-Love1 svg { width: 24px; height: 24px; vertical-align: -4px; } } .Popup_Menu-Love2 { font-size: 16px; width: 100%; text-align: center; color: #666; } @media screen and (max-width:640px) { .Popup_Menu-Love2 p { font-size: 16px; } } .Popup_Menu-Love.aktif { transform: scale(1); z-index: 9999; } .Popup_Menu-Love.aktif,.Popup_Menu-Love3.aktif { visibility: visible; opacity: 1; } .Popup_Menu-Love,.Popup_Menu-Love3 { visibility: hidden; opacity: 0; } .Popup_Menu-Love3 { position: fixed; top: 0; left: 0; bottom: 0; right: 0; margin: 0; z-index: 999; transition: all .1s ease; background: rgba(0,0,0,.33); } .iconsosmed { position: absolute; right: 7px; top: 2px; } @media screen and (max-width:800px) { .berandapage { display: none; } .iconsosmed a svg { width: 24px; height: 24px; } } .iconsosmed a { color: #666; padding: 8px; border-radius: 100%; display: block; } .iconsosmed a:hover { background-color: rgba(60,64,67,.08); } .iconsosmed a svg { width: 24px; height: 24px; fill: #fff; } .sharesosmed { margin-top: 10px; margin-bottom: -10px; } .sharesosmed a svg { width: 24px; height: 24px; fill: #666; margin-right: 15px; } .containerbtnbottom { display: flex; } .komenpost { font-size: 12px; color: #8f8f8f; cursor: default; margin-left: 3px; } .Tukang_Redesign_Navigation { display: inline-block; float: right; position: absolute; right: 15px; top: -2px; } .Tukang_Redesign_Navigation svg { width: 24px; height: 24px; } .Night .Tukang_Redesign_Navigation svg path { fill: #fff; } .Tukang_Redesign_Navigation svg path { fill: #fff; } .Tukang_Redesign_Navigation .check:checked~.NavMenu { opacity: 1; visibility: visible; min-width: 200px; transition: all .3s ease; z-index: 2; border-radius: 8px; transform: scale(1) translateZ(0); } .Tukang_Redesign_Navigation .icon:hover { color: #009688; animation: rubberBand 1s; } .Tukang_Redesign_Navigation .icon .open { display: block; } .Tukang_Redesign_Navigation .icon .close { display: none; } .Tukang_Redesign_Navigation .check:checked~.icon .open { display: none; } .Tukang_Redesign_Navigation .check:checked~.icon .close { display: block; } .Tukang_Redesign_Navigation .NavMenu { opacity: 0; visibility: hidden; position: absolute; right: 0; top: 56px; background-color: #fff; color: #3c4043; box-shadow: 0 2px 10px rgba(0,0,0,.2); transition: all .3s ease; transform: scale(0) translateZ(0); transform-origin: 100% 0; border: 1px solid #fff; } .Night .Tukang_Redesign_Navigation .NavMenu { background-color: #212121; border-color: #5f6368; } .Night .Tukang_Redesign_Navigation .NavMenu ul li a { color: #fff; } .Night .Tukang_Redesign_Navigation .NavMenu ul li a:hover { color: #ff007b; } .Tukang_Redesign_Navigation .NavMenu #ftprof { max-width: 50px; max-height: 50px; border-radius: 100px; border: 1px solid #fff; margin: 0; height: 50px; width: 50px; } .Tukang_Redesign_Navigation .NavMenu ul { margin: 0; padding: 10px 0; width: 200px; } .Tukang_Redesign_Navigation .NavMenu ul li { list-style-type: none; transition: all .3s ease; margin: 0; } .Tukang_Redesign_Navigation .NavMenu ul li a { color: #3c4043; display: block; padding: 10px 20px; font-weight: 400; line-height: 1.4; font-size: 13px; height: 25px; } .Tukang_Redesign_Navigation .NavMenu ul li a:hover { color: #7d0633; font-weight:600; } .Tukang_Redesign_Navigation .NavMenu ul li svg { width: 22px; height: 22px; vertical-align: -7px; margin-right: 10px; } .Tukang_Redesign_Navigation .NavMenu ul li svg path { fill: #3c4043; } .Tukang_Redesign_Navigation .NavMenu ul li.head { background-color: #e6e6e6; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; padding: 10px 16px; border-bottom: 1px solid #fff; } .Tukang_Redesign_Navigation .NavMenu ul li.head svg { width: 16px; height: 16px; position: relative; left: -7px; margin-right: 0; } .Tukang_Redesign_Navigation .NavMenu ul li.head svg path { fill: #4285f4; stroke: #fff; stroke-width: 3px; paint-order: stroke; } .Tukang_Redesign_Navigation .NavMenu ul li.head ul { line-height: 24px; margin-left: 3px; } .Tukang_Redesign_Navigation .NavMenu ul li.head ul li { padding: 0; font-size: 17px; line-height: normal; white-space: nowrap; } .Tukang_Redesign_Navigation .NavMenu ul li.head ul li.name { font-weight: 700; font-size: 17px; margin-bottom: 5px; } .Tukang_Redesign_Navigation .NavMenu ul li.head ul li.follow a { background-color: #4285f4; color: #fff; font-size: 10px; padding: 3px 7px; border-radius: 25px; display: inline-block; } .Tukang_Redesign_Navigation .NavMenu ul li.head ul li.follow a:hover { background-color: #ff9800; } .Tukang_Redesign_Navigation .NavMenu ul li.head ul li.follow a:before { content: ''; display: inline-block; width: 15px; height: 15px; margin-right: 3px; margin-left: -3px; vertical-align: -4px; background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M13,7H11V11H7V13H11V17H13V13H17V11H13V7Z' fill='%23fff'/%3E%3C/svg%3E") center no-repeat; } .Tukang_Redesign_Navigation .NavMenu ul li.social { background-color: #e6e6e6; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: space-between; padding: 0 15px; border-top: 1px solid #fff; } .Tukang_Redesign_Navigation .NavMenu ul li.social button { margin: 0; font-size: unset; } .Tukang_Redesign_Navigation .NavMenu ul li.social a { padding: 15px 7px; z-index: 1; position: relative; } .Tukang_Redesign_Navigation .NavMenu ul li.social a:hover:before { content: ''; position: absolute; z-index: -1; margin: auto; background: rgba(0,0,0,.1); border-radius: 100px; width: 36px; height: 36px; top: 0; bottom: 0; left: 0; right: 0; transition: opacity .3s linear; } .Tukang_Redesign_Navigation .NavMenu ul li.social svg { margin: 0; width: 22px; height: 22px; } .Tukang_Redesign_Navigation .NavMenu ul li.social .facebook svg { fill: #3a579a; } .Tukang_Redesign_Navigation .NavMenu ul li.social .twitter svg { fill: #00abf0; } .Tukang_Redesign_Navigation .NavMenu ul li.social .instagram svg path { fill: #9c27b0; } .Tukang_Redesign_Navigation .NavMenu ul li.social .pinterest svg path { fill: #e73e36; } .Tukang_Redesign_Navigation .NavMenu ul li.social .ytube svg path { fill: red; } .Tukang_Redesign_Navigation .NavMenu ul li.social a:hover svg,.Tukang_Redesign_Navigation .NavMenu ul li.social a:hover svg path { fill: #333; } input[type=checkbox],input[type=radio] { box-sizing: border-box; padding: 0; } .check { display: none; } #header-wrapper label { cursor: pointer; display: block; padding: 12px; background-position: center; transition: all .5s linear; border-radius: 50%; } #header-wrapper label:hover { background: rgba(60,64,67,.08); } #header-wrapper label:active { border-radius: 100px; background-color: rgba(0,0,0,.1); background-size: 100%; transition: background 0s; } #sidebar-wrapper .FollowByEmail { border: .0625rem solid #ddd; padding: 20px; border-radius: 8px; margin: 0; } .Night #sidebar-wrapper .FollowByEmail { border-color: #5f6368; } #sidebar-wrapper .FollowByEmail p { color: #262626; font-size: 13px; } .Night #sidebar-wrapper .FollowByEmail p { color: #fff; } .Night .follow-by-email-title { color: #fff; } .follow-by-email-title { color: #121212; font-weight: 700; font-size: 25px; } .FollowByEmail .widget-content { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; text-align: center; } .follow-by-email-address { width: 100%; height: 40px; font-family: inherit; background: 0 0; color: #656565; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; margin: 0 0 10px; border: .0625rem solid #ddd; border-radius: .25rem; outline: 0; } .Night .follow-by-email-address { border-color: #5f6368; color: #fff; } .follow-by-email-address:focus { background-color: rgba(155,155,155,.05); border-color: rgba(155,155,155,.4); } .Night .follow-by-email-submit { background-color: #ff007b; } .follow-by-email-submit { font-family: inherit; } .follow-by-email-submit:hover { background-color: #31112c; color: #fff; } .follow-by-email-submit { margin-right: .5rem; background-color: #7d0633; color: #fff; border: none; border-radius: .25rem; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 2.25rem; min-width: 5.5rem; outline: 0; padding: 7px 15px; position: relative; -webkit-transition: background .4s cubic-bezier(.25,.8,.25,1); -o-transition: background .4s cubic-bezier(.25,.8,.25,1); transition: background .4s cubic-bezier(.25,.8,.25,1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; text-align: center; white-space: nowrap; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 10px; margin-bottom: -10px; } .lastupdate { text-decoration: underline; } .progress { position: fixed; height: 3px; top: 0; display: block; width: 100%; background-color: #31112c; border-radius: 2px; overflow: hidden; z-index: 9999; } .progress .indeterminate { background-color: rgba(255, 255, 255, 0.39); } .progress .indeterminate:before { content: ""; position: absolute; background-color: inherit; top: 0; left: 0; bottom: 0; will-change: left,right; -webkit-animation: indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite; animation: indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite; } .progress .indeterminate:after { content: ""; position: absolute; background-color: inherit; top: 0; left: 0; bottom: 0; will-change: left,right; -webkit-animation: indeterminate-short 2.1s cubic-bezier(.165,.84,.44,1) infinite; animation: indeterminate-short 2.1s cubic-bezier(.165,.84,.44,1) infinite; -webkit-animation-delay: 1.15s; animation-delay: 1.15s; } @-webkit-keyframes indeterminate { 0% { left: -35%; right: 100%; } 60% { left: 100%; right: -90%; } 100% { left: 100%; right: -90%; } } @keyframes indeterminate { 0% { left: -35%; right: 100%; } 60% { left: 100%; right: -90%; } 100% { left: 100%; right: -90%; } } @-webkit-keyframes indeterminate-short { 0% { left: -200%; right: 100%; } 60% { left: 107%; right: -8%; } 100% { left: 107%; right: -8%; } } @keyframes indeterminate-short { 0% { left: -200%; right: 100%; } 60% { left: 107%; right: -8%; } 100% { left: 107%; right: -8%; } } .hovertitlemodedark { position: absolute; background: #fff; color: #121212; white-space: nowrap; padding: 10px; border-radius: 3px; left: -35px; top: 56px; box-shadow: 0 2px 10px rgba(0,0,0,.2); border: 1px solid #fff; display: none; } .Night .hovertitlemodedark { background: #212121; color: #fff; border-color: #5e6267; } .modedark:hover .hovertitlemodedark { display: block; } .hovertitlemodedark:after { border-color: transparent; border-style: solid; border-width: 0 8.5px 8.5px; position: absolute; z-index: 1; border-bottom-color: #fff; top: -9px; right: 7px; } .hovertitleutilities { background: #fff; color: #121212; white-space: nowrap; padding: 10px; position: absolute; right: 4px; top: 56px; border-radius: 3px; box-shadow: 0 2px 10px rgba(0,0,0,.2); border: 1px solid #fff; display: none; } .Night .hovertitleutilities { background: #212121; color: #fff; border-color: #5e6267; } .Tukang_Redesign_Navigation:hover .hovertitleutilities { display: block; } .hovertitleutilities:before { border-color: transparent; border-style: solid; border-width: 0 8.5px 8.5px; position: absolute; z-index: 1; border-bottom-color: #fff; top: -9px; right: 7px; } .hovertitlemenu { background: #fff; color: #121212; white-space: nowrap; padding: 10px; position: absolute; left: -8px; top: 56px; border-radius: 3px; box-shadow: 0 2px 10px rgba(0,0,0,.2); border: 1px solid #fff; display: none; } .Night .hovertitlemenu { background: #212121; color: #fff; border-color: #5e6267; } .navmenubutton:hover .hovertitlemenu { display: block; } .hovertitlemenu:before { border-color: transparent; border-style: solid; border-width: 0 8.5px 8.5px; position: absolute; z-index: 1; border-bottom-color: #fff; top: -9px; left: 6px; } .circular { -webkit-animation: rotate 1s linear infinite; animation: rotate 1s linear infinite; height: 100%; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; width: 100%; margin: auto; } .path { stroke-dasharray: 1,200; stroke-dashoffset: 0; -webkit-animation: dash 1.5s ease-in-out infinite,color 2s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite,color 2s ease-in-out infinite; stroke-linecap: round; } @-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes dash { 0% { stroke-dasharray: 1,200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89,200; stroke-dashoffset: -35px; } 100% { stroke-dasharray: 89,200; stroke-dashoffset: -124px; } } @keyframes dash { 0% { stroke-dasharray: 1,200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89,200; stroke-dashoffset: -35px; } 100% { stroke-dasharray: 89,200; stroke-dashoffset: -124px; } } @-webkit-keyframes color { 0%,100% { stroke: #ff6060; } 40% { stroke: #fbaa39; } 66% { stroke: #2962ff; } 80%,90% { stroke: #56b856; } } @keyframes color { 0%,100% { stroke: #ff6060; } 40% { stroke: #fbaa39; } 66% { stroke: #2962ff; } 80%,90% { stroke: #56b856; } } #ignielRelatedList { display: block; margin: 20px 0; line-height: 1.25em; } #ignielRelatedList h3.title { font-size: 16px; font-weight: 600; text-align: center; text-transform: uppercase; line-height: initial; } #ignielRelatedList h3.title span { background-color: #fff; padding: 0 15px; position: relative; z-index: 1; color: #121212; } .Night #ignielRelatedList h3.title span { background-color: #212121; color: #fff; } #ignielRelatedList h3.title:before { content: ''; display: block; position: relative; top: 10px; width: 100%; border-top: 1px solid #ddd; } .Night #ignielRelatedList h3.title:before { border-color: #5f6368; } #ignielRelatedList ul { margin: 20px 0 0; padding: 0; } #ignielRelatedList ul li { list-style: none; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ccc; -webkit-margin-start: 0!important; display: inline-block; width: 100%; clear: both; } .Night #ignielRelatedList ul li { border-color: #5f6368; } #ignielRelatedList ul li:last-child { border: 0; padding: 0; } #ignielRelatedList ul li .thumb { overflow: hidden; line-height: 0; border-radius: 7px; float: left; margin-right: 15px; } #ignielRelatedList ul li a { display: block; } #ignielRelatedList ul li a.judul { color: #121212; font-weight: 600; font-size: 16px; overflow: hidden; line-height: 1.25em; } .Night #ignielRelatedList ul li a.judul { color: #fff; } #ignielRelatedList ul li .snippet { color: #444; font-size: 13px; overflow: hidden; margin: 7px 0 0; padding: 0; } .Night #ignielRelatedList ul li .snippet { color: #9aa0a6; } #ignielRelatedList ul li a.judul:hover,#ignielRelatedList ul li:hover a.judul { color: #7d0633; } .Night #ignielRelatedList ul li a.judul:hover,.Night #ignielRelatedList ul li:hover a.judul { color: #ff007b; } #ignielRelatedList ul li a img { width: 120px; height: 90px; transition: all .3s ease; border: 0; margin: 0; } #ignielRelatedList ul li a img:hover,#ignielRelatedList ul li:hover img { transform: scale(1.1); filter: brightness(75%); -webkit-filter: brightness(75%); } #ignielRelatedList .norelated { text-align: center; font-weight: 600; } @media screen and (max-width:480px) { #ignielRelatedList ul li a.judul { font-size: 14px; } #ignielRelatedList ul li .snippet { font-size: 12px; } } #Tukang_Redesign_nav-wrapper li.selected a { background-color: rgba(125, 6, 51, 0.22)!important; border-top-right-radius: 30px; border-bottom-right-radius: 30px; font-weight: 700; color: #31112c; } .Night #Tukang_Redesign_nav-wrapper li.selected:before { background: #ff007b; } #Tukang_Redesign_nav-wrapper li.selected:before { content: ''; position: absolute; background: #31112c; width: 4px; height: 44px; left: 0; } .blanterinput { float: none; position: relative; margin-bottom: 45px; margin-right: 10px; } .Night .blanterinput input,.Night .blanterinput textarea { color: #fff; } .blanterinput input,.blanterinput textarea { background: 0 0; color: #121212; font-size: 15px; padding: 15px 0; display: block; width: 100%; border: none; border-bottom: 1px solid #ddd; } .blanterinput input:focus,.blanterinput textarea:focus { outline: 0; } .blanterinput label { color: #999; font-size: 15px; font-weight: 400; position: absolute; pointer-events: none; left: 0; top: 10px; transition: .2s ease all; } .blanterinput input:focus~label,.blanterinput input:valid~label,.blanterinput textarea:focus~label,.blanterinput textarea:valid~label { top: -20px; font-size: 14px; color: #2962ff; } .bar { position: relative; display: block; width: 100%; } .bar:after,.bar:before { content: ''; height: 2px; width: 0; bottom: 1px; position: absolute; background: #2962ff; transition: .2s ease all; } .bar:before { left: 50%; } .bar:after { right: 50%; } .blanterinput input:focus~.bar:after,.blanterinput input:focus~.bar:before,.blanterinput textarea:focus~.bar:after,.blanterinput textarea:focus~.bar:before { width: 50%; } .highlight { position: absolute; height: 50%; width: 100px; top: 25%; left: 0; pointer-events: none; opacity: .5; } .blanterinput input:focus~.highlight,.blanterinput textarea:focus~.highlight { animation: inputHighlighter .3s ease; } .blanterinput input:focus~label,.blanterinput input:valid~label,.blanterinput textarea:focus~label,.blanterinput textarea:valid~label { top: -20px; font-size: 13px; color: #2962ff; } input#ContactForm1_contact-form-email-message { height: 150px; } input#ContactForm1_contact-form-submit { color: #fff!important; background: #2962ff; padding: 15px 25px; border-radius: 4px; border: none; outline: 0; box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12); cursor: pointer; transition: all .4s ease-in-out; text-transform: uppercase; float: left; margin-top: 15px; } input#ContactForm1_contact-form-submit:hover { box-shadow: 0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19); } #ContactForm1_contact-form-error-message { float: right; background: #d32f2f; color: #fff; font-size: 13px; font-weight: 700; border-radius: 3px; } #ContactForm1_contact-form-success-message { float: right; background: #4caf50; color: #fff; font-size: 13px; font-weight: 700; border-radius: 3px; } .Popup_Story { background: #fff; position: fixed; padding: 25px; padding-bottom: 0; padding-right: 0; padding-left: 0; top: calc(35% - 0px); transform: scale(0); max-width: 400px; margin: auto; left: 0; right: 0; z-index: 100; transition: all .5s ease; border-radius: 10px; border-top: 5px solid #630dec; } .Popup_Story #wrap_Menu li a svg { width: 24px; height: 24px; margin: 0; margin-right: 10px; } .Popup_Story #wrap_Menu li a { background: 0 0; border-radius: 0; } .Popup_Story #wrap_Menu li a:last-child { margin: 0; } .Popup_Story #wrap_Menu li a:not(:last-child) { border-bottom: 1px solid #ddd; } .Night .Popup_Story #wrap_Menu li a:not(:last-child) { border-color: #5f6368; } .Popup_Story #wrap_Menu li a span { margin-top: -6px; } .Popup_Story #wrap_Menu ul { margin: 0; } .Popup_Story #wrap_Menu ul li { margin: 0; } @media screen and (max-width:640px) { .Popup_Story { margin-right: 5px; margin-left: 5px; padding-top: 35px; top: calc(35% - 90px); max-width: 640px; } } @media screen and (max-width:480px) { .Popup_Story { top: calc(35% - 0px); } } .Popup_Story1 { font-size: 30px; font-weight: 700; margin-bottom: 25px; font-weight: 400; text-align: center; width: 100%; color: #121212; } .Popup_Story1 svg { width: 24px; height: 24px; vertical-align: -3px; margin-right: 5px; fill: currentcolor; } @media screen and (max-width:640px) { .Popup_Story1 { font-size: 22px; } .Popup_Story1 svg { width: 24px; height: 24px; vertical-align: -4px; } } .Popup_Story p { padding: 0 10px; } .Popup_Story2 { font-size: 16px; width: 100%; text-align: center; color: #666; } @media screen and (max-width:640px) { .Popup_Story2 p { font-size: 12px; } } .Popup_Story.aktif { transform: scale(1); z-index: 9999; } .Popup_Story.aktif,.Popup_Story3.aktif { visibility: visible; opacity: 1; } .Popup_Story,.Popup_Story3 { visibility: hidden; opacity: 0; } .Popup_Story3 { position: fixed; top: 0; left: 0; bottom: 0; right: 0; margin: 0; z-index: 999; transition: all .5s ease; background: #262626; } .Tombol_Story { float: left; display: none; } #light-toc { background: #f5f5f5; border-radius: 7px; padding: 10px 20px; } #toc_list { font-weight: 700; cursor: pointer; margin: 10px 0; } #toc li:focus,#toc_list:focus,.back_tocontent:focus { outline: 0; } #toc_list svg { vertical-align: middle; } #toc li { background: 0 0; cursor: pointer; margin: .2em 0 .2em 1em; } #toc ol li:before { left: -2em; } #toc li a { color: #121212; } #toc li a:hover { color: #2962ff; text-decoration: underline; } #toc { display: grid; } .back_tocontent { display: inline-block; cursor: pointer; text-align: right; float: right; margin: 15px auto; background: #00cec9; color: #fff; font-size: 11px; padding: 2px 12px; border-radius: 99em; transition: all .3s; } .back_tocontent:hover { background: #2d3436; color: #fff; } :target::before { content: ' height: 40px; margin-top: -40px; visibility: hidden; } .Tombol_Story svg { width: 18px; height: 18px; margin-left: 10px!important; fill: #630dec!important; } .Night .Tombol_Story svg { fill: #7b40c6!important; } .elcreative-md-button-ripple { color: #ffffff; border: none; outline: 0; padding: 7px 15px; position: relative; -webkit-transition: background .4s cubic-bezier(.25,.8,.25,1); -o-transition: background .4s cubic-bezier(.25,.8,.25,1); transition: background .4s cubic-bezier(.25,.8,.25,1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; text-align: center; white-space: nowrap; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-decoration: none; } .elcreative-ripple-effect { position: relative; overflow: hidden; -webkit-transform: translatez(0); } .elc-ripple-effect { display: block; position: absolute; border-radius: 50%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); background: #5f6368; opacity: 0.4; } .Night .elc-ripple-effect { background: #fff; } .elc-ripple-effect.animate { -webkit-animation: elcreative-ripple-effect 0.4s linear; animation: elcreative-ripple-effect 0.4s linear; } @keyframes elcreative-ripple-effect { 100% { opacity: 0; -webkit-transform: scale(2.4); transform: scale(2.4); } } @-webkit-keyframes elcreative-ripple-effect { 100% { opacity: 0; -webkit-transform: scale(2.4); transform: scale(2.4); } } .shadow { -webkit-box-shadow:0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2); box-shadow:0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2); border:none!important; } ]]> >"; position: absolute; bottom: 18px; z-index: 999; right: 80px; color: #999; font-size: 12px; } body#layout #Tukang_Redesign_wrapper, body#layout #header-wrapper, body#layout #footer-container, body#layout #footer-widget-container { margin: 0 0; padding: 0 20px; display:block; } body#layout #footer-container { padding-bottom: 20px; } body#layout #cssmenu ul, body#layout #footer-navmenu ul { display: none; } body#layout #cssmenu::after { content: "Menu navigasi harus diedit melalui Edit HTML"; color: #fff; position: absolute; top: 30px; left: 20px; visibility: visible; } body#layout .post-container { padding: 0 15px 0 0; width:70%; } body#layout #sidebar-wrapper { width:30%; } 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 Right (Sticky)"; } body#layout .sidebar::before { content: "Widget Sidebar Right"; } body#layout .above-post-widget::before { content: "Widget Sorotan (Hompage)"; } body#layout .Ads-Box::before { content:'Iklan Box (Hompage)'; display:flex; padding:5px 10px; font-size:14px; color:#fff; background:#2962ff; border:3px solid #204dcc; font-weight:600; border-radius:30px; } body#layout .Topik_Blog::before { content:'#Topik Blog'; display:flex; padding:5px 10px; font-size:14px; color:#fff; background:#01a9b4; border:3px solid #16878e; font-weight:600; border-radius:30px; } body#layout .grid-setting:before { content:'Grid Setting Mode (Hanya Untuk Mobile)'; display:flex; padding:5px 10px; font-size:14px; color:#fff; background:#01a9b4; border:3px solid #16878e; font-weight:600; border-radius:30px; } body#layout .Blog::before { content: "Posting Blog"; margin-bottom: 8px; } body#layout .bellow-header-widget::before { content: "Iklan Box"; } 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, body#layout #footer-widget-container::before { padding: 5px 10px; display: flex; font-size: 14px; color: #fff; background: #2962ff; border: 3px solid #204dcc; font-weight: bold; border-radius:30px; } body#layout .add_widget, body#layout .widget-content { padding: 12px; } body#layout .add_widget a { margin-left: 0px; font-size: 14px; } body#layout .add_widget {display:flex;} body#layout .Blog .widget-content {z-index:999;} body#layout div.widget {z-index:999;} body#layout div.layout-title { font-size: 14px; } body#layout div.layout-widget-description { font-size: 12px; } body#layout .editlink { color: #FFFFFF !important; background: #bbbbbb; border-radius: 15px; padding: 4px 6px; } body#layout #footer-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 { position: relative; display: block; padding:0; font-size: 14px; color: #fff; background: #bbbbbb; border: 1px solid #8e8e8e; font-weight: bold; margin: 0 20px 8px; height: 50px; } body#layout #footer-navmenu::after { content: "Menu navigasi harus diedit melalui Edit HTML"; color: #fff; position: absolute; top: 17px; left: 20px; visibility: visible; } ]]>
Kembali Ke Halaman Utama Maaf, halaman yang Anda cari di blog ini tidak ada.
Maaf, halaman yang Anda cari di blog ini tidak ada.
 <div itemscope='itemscope' itemtype='http://schema.org/Blog'>
0 200 false false BEHIND 0

true true 8607727235433541993 true false

<h3>

</h3> FeaturedPost
Latest Posts
Show More

Post a Comment false By true TextAndImage pada tanggal true 1x1 false true 1 #ffffff You might like true #1a73e8 true #222222 Location false #393939 #ffffff true Tags false false false

Hasil Pencarian

Hasil Tidak Ditemukan

Tak ada hasil yang ditemukan

deleteicon

 

BerandaHome › Arsip untukArchive for
BerandaHome › Daftar Artikel

()
Thumbnail
Thumbnail

/ / Comment 1 Comment Comments

✖
Share this Posts

Tags

avatar
"Dengan berbicara di belakang, berarti kau cukup menghargai keberadaanku untuk tidak bertingkah di depan mukaku."
Instagram Facebook

Related Posts

Tidak postingan yang terkait.
Edit Ditulis olehWritten By
0 Komentar 1 Komentar
Komen Komentar Comment 1 Comment Comments
✖
Share this Posts

Subscribe Our Newsletter
postthumbnail postthumbnail postthumbnail

<b:if cond='data:blog.pageType == &quot;item&quot;'> <div class="paralax_div"> <div> <div> <div> PASANG IKLAN ADSENSE <br /> DISINI <br /> YANG SUDAH DIPARSE </div> </div> <span class="clear"/> </span></div> </div></b:if>

</div>