Documentation Template Igniel V1.1

Barikut dokumentasi bagi yang anda ingin menerapkan atau memakai template Igniel Versi 1.1. harap perhatikan dengan baik baik ya. nah bagi yang belum punya templatenmya silahkan downloa disini : Download IGniel Responsive Template

Mengganti Foto Profil dan Nama

Silahkan masuk pada Tema -  Edit HTML dan cari kode berikut :

<div class='KaXTamprofil' tabindex='0'>
<a title='Profil'><img alt='Profil' src='https://4.bp.blogspot.com/-0FUdKfrnk5g/W02l-i8gPCI/AAAAAAAAAl8/iXDD0Sb5INkF6LaR1uw3wRXfbYv2XlOsACKgBGAs/s80-rw/niu-xin-xin.jpg' title='Profil' />KaXTam</a>
<ul class='dropdown'>
<li><a href='/p/about.html' title='About'>About</a></li>
<li><a href='/p/sitemap.html' title='Sitemap'>Sitemap</a></li>
<li><a href='/p/disclaimer.html' title='Disclaimer'>Disclaimer</a></li>
<li><a href='/p/privacy-policy.html' title='Privacy Policy'>Privacy Policy</a></li>
</ul>
</div>
</div>

Keterangan :
Ganti :

• https://4.bp.blogspot.com/-0FUdKfrnk5g/W02l-i8gPCI/AAAAAAAAAl8/iXDD0Sb5INkF6LaR1uw3wRXfbYv2XlOsACKgBGAs/s1600/niu-xin-xin.jpg (Dengan Url Profil anda)
• KaXtam (Dengan Nama Anda)

Mengedit Label Kategori

Untuk Mengedit Kategori Silahkan ubah pada kode berikut :

<style>
 /* Layout */ :root {--color-main: #008c5f; --color-hover: #1d2129; } body {background:#dddfe2; font-weight:400; font-size:14px; margin:0px; padding:0px !important; font-family:'Google Sans', -apple-system,BlinkMacSystemFont,"Roboto","Segoe UI","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif; text-align:left; color:var(--color-hover); user-select:none; -moz-user-select:none; -ms-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -webkit-touch-callout:none; animation:KaXTamFade 1s; -moz-animation: KaXTamFade 1s; -webkit-animation:KaXTamFade 1s; -o-animation:KaXTamFade 1s; transition:all .3s ease;} tt, code, kbd, samp {font-family:-apple-system,BlinkMacSystemFont,"Roboto","Segoe UI","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif} .navbar,.post-feeds,.feed-links{display:none;} .section,.widget{margin:0;padding:0;}strong,b{font-weight:600;padding:0;} cite,em,i{font-style:italic;} a:link,a:visited {color:#37b185;text-decoration:none;transition:all .3s} a:hover,a:hover:visited {color:var(--color-main);text-decoration:none} a img{border:none;border-width:0;outline:none;} img{max-width:100%;vertical-align:middle;border:0} abbr,acronym{border-bottom:1px dotted;cursor:help;} sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%;} sub{top:.4em;} small{font-size:86%;} kbd{display:inline-block;font-size:90%;color:#138be6;} mark{background-color:#7CFC00;color:var(--color-hover);padding:0px 2px} samp{/*background:#F6F7F9;*/ background:var(--color-main); padding:2px 6px; border: 0px solid #ced0d4; font-size:13px; color:#fff; display:inline-block; border-radius:3px; -moz-border-radius:3px; line-height:18px; text-align:center; text-decoration:none; text-shadow:none; vertical-align:top; white-space:nowrap} p,blockquote,pre,table,figure,hr,form,ol,ul,dl{margin:1.5em 0;} hr{height:1px;border:none;background-color:#999;} pre,code, pre code,kbd {font-family:menlo,consolas,monaco,monospace} pre{white-space:pre;word-wrap:normal;overflow:auto;font-size:13px;margin:0;}*:focus {outline:0!important;} h1,h2,h3,h4,h5,h6{font-weight:500; line-height:1.5em; margin:0px; transition:all 0.3s ease; font-smooth:antialiased; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;} h1{font-size:28px} h2{font-size:24px} h3{font-size:20px} h4{font-size:18px} h5{font-size:16px} .post-body blockquote{background:#ddd url("data:image/svg+xml,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M10,7L8,11H11V17H5V11L7,7H10M18,7L16,11H19V17H13V11L15,7H18Z' fill='%23bbb'></path></svg>") no-repeat; background-size:50px 50px; position:relative; font:italic 400 20px Times New Roman,sans-serif; border-left:5px solid #bbb; padding:15px 15px 15px 50px; color:#676767; margin:0px; line-height:inherit; user-select:text; -webkit-user-select:text; -khtml-user-select:text; -moz-user-select:text; -ms-user-select:text} input,button,select,textarea{font-size:100%;line-height:normal;vertical-align:baseline;} textarea{display:block;box-sizing:border-box;} input.placeholder_text,textarea.placeholder_text{color:#888} input::-webkit-input-placeholder,textarea::-webkit-input-placeholder,input:-moz-placeholder,textarea:-moz-placeholder,input.placeholder_text,textarea.placeholder_text{color:#444}[placeholder]:focus::-webkit-input-placeholder{transition:opacity .3s .3s ease;opacity:0} .post ul li span{position:relative;display:block;padding:0;margin:.5em 0 .5em 2em;text-decoration:none;} ol {counter-reset:li;padding:0;margin:0;} ol ol {margin: 0 0 0 2em;} /* Button */ button {background-color:var(--color-main); border:1px solid var(--color-main); color:#fff; border-radius:25px; font-size:20px; font-weight: 400; padding:20px 30px; cursor:pointer; line-height:0px; margin:10px 5px; transition:all .3s ease; font-family:Google Sans; box-shadow:none;} button:hover {background-color:transparent; color:var(--color-main)} button a {color:#fff !important} button:hover a, button a:hover {color:var(--color-main) !important; transition:all .3s ease;} button.demo, button.download {padding:10px 20px;} button.demo:before, button.download:before {display:inline-block; padding:0px; width:25px; height:25px; vertical-align:-5px; margin-right:5px;} button.demo:before {background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17M12,4.5C7,4.5 2.73,7.61 1,12C2.73,16.39 7,19.5 12,19.5C17,19.5 21.27,16.39 23,12C21.27,7.61 17,4.5 12,4.5Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center center; content:''} button.demo:hover::before {background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17M12,4.5C7,4.5 2.73,7.61 1,12C2.73,16.39 7,19.5 12,19.5C17,19.5 21.27,16.39 23,12C21.27,7.61 17,4.5 12,4.5Z' fill='%23008c5f'/%3E%3C/svg%3E") no-repeat center center; content:''} button.download:before {background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center center; content:''} button.download:hover::before {background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z' fill='%23008c5f'/%3E%3C/svg%3E") no-repeat center center; content:''} /* Post List */ .post-body ol, .post-body ul {position:relative;display:block;padding:0;margin:.5em 0px;text-decoration:none;} .post-body ol li, .post-body ul li {-webkit-margin-start:40px !important; -moz-margin-start:40px !important; padding:0 3px; margin:0px; text-decoration:none;} .post-body ol li {list-style-type:decimal} .post-body ul li {list-style-type:disc} .post-body ol li ol li {list-style-type:upper-alpha; -webkit-margin-start:20px !important; -moz-margin-start: 20px !important} /* Post Table */ .post-body table {width:100%; margin:0px} .post-body table td, .post-body table caption{border:1px solid #cccfe2; padding:10px;text-align:left;vertical-align:top} .post-body table th{background:var(--color-main);color:#fff;border:1px solid #cccfe2; border-bottom:0;padding:10px;text-align:left;vertical-align:top} .post-body table.tr-caption-container {border:1px solid #cccfe2; margin:0;} .post-body th{font-weight:500;} .post-body table caption{border:none;font-style:italic;} .post-body td, .post-body th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px;border:1px solid #cccfe2} .post-body th{} .post-body th:hover{color:#fff;} .post-body td a{color:#444;} .post-body td a:hover{color:#cf4d35;} .post-body table.tr-caption-container td{border:0;padding:8px;background:#fff;line-height:17px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-weight:500;color:var(--color-hover)} .post-body table.tr-caption-container, .post-body table.tr-caption-container img, .post-body img {max-width:100%;height:auto;} .post-body td.tr-caption {color:#666;font-size:80%;padding:0px 8px 8px!important;} .sr {visibility:hidden;width:0;height:0;} .clear{clear:both} .hidden {display:none} ::selection {background:#7CFC00;color:#000;text-shadow:none} ::-moz-selection {background:#7CFC00;color:#000;text-shadow:none} .hrecipe{display:none;margin:30px 0 30px 0;padding:12px;border:1px solid #e8e8e8;background:#f8f8f8;overflow:hidden;} .KaXTamBounce{display:block; background:#4d90fe; border:1px solid #3079ed; color:#fff!important; font-weight:500; font-size:16px; margin:0px;padding:5px;text-align:center;border-radius:3px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box} .KaXTamBounce {-webkit-animation:KaXTamBounce 1s linear 1s infinite normal; animation:KaXTamBounce 1s linear 1s infinite normal} #Feed1_feedItemListDisplay a {line-height:20px;} #Feed1_feedItemListDisplay .item-date, #Feed1_feedItemListDisplay .item-author {font-style:italic;} .status-msg-wrap {display:none;width:96.5%;position:relative;margin:10px 0 20px 0px} .status-msg-body {background:var(--color-hover);color:#bdc3c7;padding:10px 3px;text-align:center} .status-msg-body b {color:#fff} .status-msg-hidden{display:none} /* Newsletter */ #KaXTamNewsletter {width:100%; min-width:300px; height:auto; background:#fff; border-radius:7.5px; box-shadow:0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24); display: block; margin:auto; line-height:40px; padding:0px} #KaXTamNewsletter .email__ {padding:15px 15px 5px;} #KaXTamNewsletter .email {margin:auto; color:#777;} #KaXTamNewsletter .email:before {content:''; width:50px; height:50px; display:block; text-align:center; margin:auto; border-radius:100px; transition:all .3s ease; -webkit-animation:KaXTamRing 5s 0s ease-in-out infinite; -webkit-transform-origin:50% 4px; -moz-animation:KaXTamRing 5s 0s ease-in-out infinite; -moz-transform-origin:50% 4px; animation:KaXTamRing 5s 0s ease-in-out infinite; transform-origin:50% 4px; background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21,19V20H3V19L5,17V11C5,7.9 7.03,5.17 10,4.29C10,4.19 10,4.1 10,4A2,2 0 0,1 12,2A2,2 0 0,1 14,4C14,4.1 14,4.19 14,4.29C16.97,5.17 19,7.9 19,11V17L21,19M14,21A2,2 0 0,1 12,23A2,2 0 0,1 10,21M19.75,3.19L18.33,4.61C20.04,6.3 21,8.6 21,11H23C23,8.07 21.84,5.25 19.75,3.19M1,11H3C3,8.6 3.96,6.3 5.67,4.61L4.25,3.19C2.16,5.25 1,8.07 1,11Z' fill='%23008c5f'/%3E%3C/svg%3E") center center / 50px no-repeat;} #KaXTamNewsletter .medsos__ {padding:15px 0px; line-height:0px; border-top:1px solid #cccfe2;} #KaXTamNewsletter form {display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; align-items:center; margin:0px 0px 15px; padding:0px} #KaXTamNewsletter form:before {left:30px; position:absolute; display:block; width:20px; height:20px; background:url("data:image/svg+xml,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M20,8L12,13L4,8V6L12,11L20,6M20,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z' fill='%23717171'></path></svg>") no-repeat; content:'';} #KaXTamNewsletter input {width: calc(100% - 35px); height:35px; border:1px solid #cccfe2; border-right:0px; padding:8px 10px 8px 40px; font-size:12px; border-radius:50px 0px 0px 50px;} #KaXTamNewsletter button {width:35px; height:35px; margin:0px; padding:0px; background-color:var(--color-main); border:0px; box-shadow:none; vertical-align:top; cursor:pointer; transition:all .3s ease; background-image:unset; border-radius:0px 50px 50px 0px;} #KaXTamNewsletter button:hover, #KaXTamNewsletter button:focus {background-color:var(--color-hover);} #KaXTamNewsletter button:before {display:inline-block; width:20px; height:20px; margin:0px; background:url("data:image/svg+xml,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M2,21L23,12L2,3V10L17,12L2,14V21Z' fill='%23fff'></path></svg>") no-repeat; content:''; vertical-align:-3px;} #KaXTamNewsletter .medsos {width:100%; text-align:center;} #KaXTamNewsletter .medsos svg {width:20px;height:20px;margin-top:7px} #KaXTamNewsletter .medsos svg path {fill:#fff} #KaXTamNewsletter .medsos a {display:inline-block; margin-right:7px; width:35px; height:35px; box-shadow: 0px 7px 15px 0px rgba(0,0,0,0.4); transition: all ease-in-out 300ms; border-radius:100px;} #KaXTamNewsletter .medsos a:last-child {margin-right:0px;} #KaXTamNewsletter .medsos a:hover {box-shadow: 0px 23px 15px -3px rgba(0,0,0,0.25); transform: translate(0px, -10px) scale(1.05);} #KaXTamNewsletter .medsos .facebook{background:#3a579a} #KaXTamNewsletter .medsos .twitter {background:#00abf0} #KaXTamNewsletter .medsos .googleplus {background:#df4a32} #KaXTamNewsletter .medsos .youtube {background:#cc181e} #KaXTamNewsletter .medsos .instagram {background:#992ebc} #KaXTamNewsletter .medsos .codepen {background:#292E34} /* Kotak Iklan */ .kotakiklan {width:100%; max-width:300px; background:var(--color-hover); padding:15px 10px; text-align:center; position:relative; left:50%; transform:translate(-50%, 0%)} .kotakiklan img {text-align:center;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;width:100%;max-width:46%;height:100%;border:1px solid #bdc3c7} .kotakiklan a:nth-child(1) img {margin:0 10px 13px 0} .kotakiklan a:nth-child(2) img {margin:0 0 13px 0} .kotakiklan a:nth-child(3) img {margin:0 10px 0 0} .kotakiklan a:nth-child(4) img {margin:0} .kotakiklan img.waktuku {background-color:#fff} /* Iklan Sidebar */ .adsidebar {max-width:360px; min-width:300px; width:100%; max-height:300px; min-height:250px; height:100%; text-align:center; margin:auto; padding:0px} /* Contact Form */ .quickedit,#ContactForm1,#ContactForm1 br{display:none}#BlogArchive1 li.archivedate{padding:0}#BlogArchive1 #ArchiveList ul.posts li{padding:0 0 0 22px;line-height:normal}#ArchiveList{padding:10px}#ArchiveList select{width:100%;padding:10px;margin-bottom:5px;border:1px solid rgba(201,201,201,0.52);font-size:13px; font-size:28px;font-weight:300;letter-spacing:-.7px} /* Template Wrapper */ .maxwrap{max-width:1100px; margin:0 auto}.maxwrap input[type=checkbox]{opacity:0} #wrapper{position:relative; width:100%; max-width:1100px; margin:0 auto;padding:0px; transition:all .3s ease;} #content-wrapper{display:inline-block; width:100%; margin:20px 0px; position:relative; padding:0px} /* Header Wrapper */ #header{width:100%; position:sticky; position:-webkit-sticky; top:0px; z-index:3; margin:0 auto; background-color:var(--color-main)} #header .title{font-size:180%;margin:10px 0 0 0;padding:0;display:inline-block;width:100%;max-width:240px} #header .title a{color:var(--color-hover)} #header .title a:hover{color:#138be6} #header p.description{display:inline-block; font-size:90%; margin:5px 0 0 0;line-height:normal} #headerkiri img {max-height:40px;display:block;height:auto} #headerkiri{display:inline-block;vertical-align:middle; transition: all .3s ease;} #headerkiri img:hover{animation:KaXTamShake 0.82s cubic-bezier(.36,.07,.19,.97) both; transform:translate3d(0, 0, 0); backface-visibility:hidden; perspective:1000px}#headerkanan{float:right; display:inline-block; margin-left:30px; vertical-align: bottom; word-wrap:break-word; white-space:initial} #headerwidget{position:relative; display:block; max-width:1100px; padding:5px 0px; margin:0 auto; font-weight:400; font-size:14px} #header-inner a{color:#fff} /* Menu Atas */ .ignigrab-menuatas{display:inline-block; margin-left:30px;} .ignigrab-menuatas a {display:inline-block;text-align:center;color:#fff} .ignigrab-menuatas a:last-child{margin-right:0px} .ignigrab-menuatas:after {background:rgba(0,0,0,0.3); width:1px; content:''; display:inline-block; height:20px; margin:0px 10px; vertical-align:middle;} .ignigrab-menuatas a:hover{color:var(--color-hover)} .ignigrab-menuatas a.contact:before {width:22px; height:22px; display:inline-block; transition:all .3s ease; background:url("data:image/svg+xml,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M21,8V7L18,9L15,7V8L18,10M22,3H2A2,2 0 0,0 0,5V19A2,2 0 0,0 2,21H22A2,2 0 0,0 24,19V5A2,2 0 0,0 22,3M8,6A3,3 0 0,1 11,9A3,3 0 0,1 8,12A3,3 0 0,1 5,9A3,3 0 0,1 8,6M14,18H2V17C2,15 6,13.9 8,13.9C10,13.9 14,15 14,17M22,12H14V6H22' fill='%23fff'></path></svg>") no-repeat; content:''; vertical-align:-6px; margin-right:7px;} .ignigrab-menuatas a.contact:hover::before {width:22px; height:22px; display:inline-block; transition:all .3s ease; background:url("data:image/svg+xml,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M21,8V7L18,9L15,7V8L18,10M22,3H2A2,2 0 0,0 0,5V19A2,2 0 0,0 2,21H22A2,2 0 0,0 24,19V5A2,2 0 0,0 22,3M8,6A3,3 0 0,1 11,9A3,3 0 0,1 8,12A3,3 0 0,1 5,9A3,3 0 0,1 8,6M14,18H2V17C2,15 6,13.9 8,13.9C10,13.9 14,15 14,17M22,12H14V6H22' fill='%231d2129'></path></svg>") no-repeat; content:''; vertical-align:-6px; margin-right:7px;} /* Profil */ .KaXTamprofil {display:inline-block; position:relative; cursor:pointer; height:33px;} .KaXTamprofil:focus{pointer-events:none; cursor:pointer} #headerkanan .KaXTamprofil img {z-index:1;max-height: 25px; width:auto; border-radius:100px; margin-right:7px; transition:all .3s ease} .KaXTamprofil a {color:#fff; transition:all .3s ease} .KaXTamprofil a:hover {color:var(--color-hover); transition:all .3s ease} .KaXTamprofil ul.dropdown {visibility:hidden; opacity:0; background-color:var(--color-main); right:0px; margin:0; position: absolute; z-index:3; width:200%; max-width:150px; transform: translateY(-20px); transition:all .3s ease} .KaXTamprofil:hover ul.dropdown, .KaXTamprofil:focus ul.dropdown {pointer-events:auto; cursor:pointer; visibility:visible; opacity:1; transform: translateY(8px);} .KaXTamprofil:hover img {animation:KaXTamShake 0.82s cubic-bezier(.36,.07,.19,.97) both;transform:translate3d(0,0,0);backface-visibility:hidden;perspective:1000px} .KaXTamprofil:hover a {color:var(--color-hover)} .KaXTamprofil ul.dropdown li {border:1px solid #fff; border-top:0px; transition:all .3s ease} .KaXTamprofil ul.dropdown li:first-child {border-top:1px solid #fff} .KaXTamprofil ul.dropdown li a{color:#fff;display:block;padding:10px 13px} .KaXTamprofil ul.dropdown li a:hover{background:var(--color-hover)} .KaXTamprofil > a:after {width:24px; height:24px; vertical-align:-7px; display:inline-block; transition:all .3s ease; background: url("data:image/svg+xml,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M7,10L12,15L17,10H7Z' fill='%23fff'></path></svg>") no-repeat; content:''} .KaXTamprofil:hover > a:after {width:24px; height:24px; vertical-align:-7px; display:inline-block; transition:all .3s ease; transform:rotate(180deg); background: url("data:image/svg+xml,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M7,10L12,15L17,10H7Z' fill='%232f303'></path></svg>") no-repeat; content:''} .KaXTamprofil ul.dropdown li a:before {margin-right:10px; vertical-align:-3px; display:inline-block; width:20px; height:20px; content: ''} .KaXTamprofil ul.dropdown li:nth-child(1) a:before {background:url("data:image/svg+xml,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z' fill='%23fff'></path></svg>") no-repeat;} .KaXTamprofil ul.dropdown li:nth-child(2) a:before {background:url("data:image/svg+xml,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M9,2V8H11V11H5C3.89,11 3,11.89 3,13V16H1V22H7V16H5V13H11V16H9V22H15V16H13V13H19V16H17V22H23V16H21V13C21,11.89 20.11,11 19,11H13V8H15V2H9Z' fill='%23fff'></path></svg>") no-repeat;} .KaXTamprofil ul.dropdown li:nth-child(3) a:before {background:url("data:image/svg+xml,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M13,13H11V7H13M13,17H11V15H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' fill='%23fff'></path></svg>") no-repeat;} .KaXTamprofil ul.dropdown li:nth-child(4) a:before {background:url("data:image/svg+xml,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M12,17A2,2 0 0,0 14,15C14,13.89 13.1,13 12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V10C4,8.89 4.9,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z' fill='%23fff'></path></svg>") no-repeat;} /* Kategori */ .ignigrab-menukategori{margin-left:30px; display:inline-block; height:35px;} .ignigrab-menukategori:focus{pointer-events:none; cursor:pointer} .ignigrab-menukategori a {text-align:center; color:#fff; font-size:16px; text-transform:uppercase; cursor:pointer; transition:all 0.3s ease; position:relative} .ignigrab-menukategori a:hover {color:var(--color-hover); transition:all 0.3s ease} .ignigrab-menukategori a:hover > svg path {fill:var(--color-hover)} .ignigrab-menukategori ul.dropdown {margin:0} .ignigrab-menukategori ul.dropdown #Label1 {visibility:hidden; opacity:0; position: absolute; z-index:1; left:0px; right:0px; background-color: var(--color-main); border-top:3px solid var(--color-hover); border-bottom:10px solid #fff; ; transform:translateY(-20px); transition:all 0.3s ease} .ignigrab-menukategori:hover ul.dropdown #Label1, .ignigrab-menukategori:focus ul.dropdown #Label1 {pointer-events:auto; cursor:pointer; visibility:visible; opacity:1; transform:translateY(11px);} .ignigrab-menukategori:hover img {animation:KaXTamShake 0.82s cubic-bezier(.36,.07,.19,.97) both;transform:translate3d(0,0,0);backface-visibility:hidden;perspective:1000px} .ignigrab-menukategori:hover a{color:var(--color-hover)} .ignigrab-menukategori > a:before {animation: KaXTamSpin 1.25s linear infinite normal; -webkit-animation:KaXTamSpin 1.25s linear infinite normal; width:22px; height:22px; vertical-align:-6px; display:inline-block; margin-right:5px; transition:all 0.3s ease; background: url("data:image/svg+xml,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M14.19,14.19L6,18L9.81,9.81L18,6M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,10.9A1.1,1.1 0 0,0 10.9,12A1.1,1.1 0 0,0 12,13.1A1.1,1.1 0 0,0 13.1,12A1.1,1.1 0 0,0 12,10.9Z' fill='%23fff'></path></svg>") no-repeat; content:''} .ignigrab-menukategori > a:hover::before, .ignigrab-menukategori:hover > a:before {width:22px; height:22px; vertical-align:-6px; display:inline-block; margin-right:5px; transition:all 0.3s ease; background: url("data:image/svg+xml,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M14.19,14.19L6,18L9.81,9.81L18,6M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,10.9A1.1,1.1 0 0,0 10.9,12A1.1,1.1 0 0,0 12,13.1A1.1,1.1 0 0,0 13.1,12A1.1,1.1 0 0,0 12,10.9Z' fill='%231d2129'></path></svg>") no-repeat; content:''} .ignigrab-menukategori > a:after {width:24px; height:24px; vertical-align:bottom; display:inline-block; margin-left:5px; transition:all 0.3s ease; background: url("data:image/svg+xml,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z' fill='%23fff'></path></svg>") no-repeat; content:''} .ignigrab-menukategori > a:hover::after, .ignigrab-menukategori:hover > a:after {width:24px; height:24px; vertical-align:bottom; display:inline-block; margin-left:5px; transition:all 0.3s ease; transform:rotate(180deg); background: url("data:image/svg+xml,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z' fill='%231d2129'></path></svg>") no-repeat; content:''} /* LABEL WIDGET */ #Label1 .widget-content.list-label-widget-content {padding:0px; text-align:center;} .label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {font-size:100%}.cloud-label-widget-content{text-align:left;display:block} .widget-content.list-label-widget-content {padding-bottom:0px} .label-size{transition:all 0.25s;-moz-transition:all 0.25s;-webkit-transition:all 0.25s;background-color:var(--color-main);display:block;float:left;margin:0 5px 5px 0;color:#fff;font-size:11px;text-transform:uppercase}.label-size a,.label-size span{display:inline-block;color:#fff !important;padding:6px 8px}.label-size:hover{background:var(--color-hover)} .label-count{white-space:nowrap;padding-right:3px;margin-left:-3px;background:var(--color-hover);color:#fff !important}.label-size{line-height:1.2} #Label1 ul {margin:20px 10px 0px;} #Label1 li {background:var(--color-hover); padding:0px; display:inline-block; border:1px solid var(--color-hover); border-radius:50px; -moz-border-radius:7px; margin:0px 5px 20px 0px; transition:all 0.3s ease} #Label1 li:hover, #Label2 li:active, #Label1 li:focus {background-color:var(--color-main)} #Label1 li a {color:#fff; text-decoration:none;padding:7px 20px 8px 10px; display:inline-block; font-weight:400; font-size:13px; text-transform:none;} #Label1 li .label-terpilih {color:#fff; text-decoration:none; padding:10px 20px; display:block; background-color:var(--color-main); transition:all 0.3s ease} #Label1 li .label-counter {background-color:var(--color-main); color:#fff; padding:8px 0px; width:25px; height:25px; display:inline-block; border-radius:100px; text-align:center; font-size:11px; position:relative; right:6px; transition:all 0.3s ease} #Label1 li:hover .label-counter {background:var(--color-hover); color:#fff; transition:all 0.3s ease} #Label1 li a:before {margin-right:7px; display:inline-block; width:20px; height:20px; vertical-align:-5px; background-repeat:no-repeat !important; content: ''} #Label1 li a:before {background-image:url("data:image/svg+xml,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M14,13H9.95A1,1 0 0,0 8.95,14A1,1 0 0,0 9.95,15H14A1,1 0 0,0 15,14A1,1 0 0,0 14,13M9.95,10H12.55A1,1 0 0,0 13.55,9A1,1 0 0,0 12.55,8H9.95A1,1 0 0,0 8.95,9A1,1 0 0,0 9.95,10M16,9V10A1,1 0 0,0 17,11A1,1 0 0,1 18,12V15A3,3 0 0,1 15,18H9A3,3 0 0,1 6,15V8A3,3 0 0,1 9,5H13A3,3 0 0,1 16,8M20,2H4C2.89,2 2,2.89 2,4V20A2,2 0 0,0 4,22H20A2,2 0 0,0 22,20V4C22,2.89 21.1,2 20,2Z' fill='%23fff'></path></svg>")} #Label1 li.CSS a:before {background:url("data:image/svg+xml,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M5,3L4.35,6.34H17.94L17.5,8.5H3.92L3.26,11.83H16.85L16.09,15.64L10.61,17.45L5.86,15.64L6.19,14H2.85L2.06,18L9.91,21L18.96,18L20.16,11.97L20.4,10.76L21.94,3H5Z' fill='%23fff'></path></svg>")} #Label1 li.Facebook a:before {background-image:url("data:image/svg+xml,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M17,2V2H17V6H15C14.31,6 14,6.81 14,7.5V10H14L17,10V14H14V22H10V14H7V10H10V6A4,4 0 0,1 14,2H17Z' fill='%23fff'></path></svg>")} #Label1 li.AdSense a:before {background: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4Ij4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNDI1LjE5LDcuMzkyQzQyMi4yNDYsMi43ODQsNDE3LjE1OCwwLDQxMS42ODYsMGgtMTYwYy02LjIwOCwwLTExLjg3MiwzLjU4NC0xNC40OTYsOS4yNDhsLTIyNCw0ODAgICAgYy0yLjMwNCw0Ljk2LTEuOTUyLDEwLjc1MiwwLjk5MiwxNS4zNmMyLjk0NCw0LjYwOCw4LjAzMiw3LjM5MiwxMy41MDQsNy4zOTJoMTYwYzYuMjA4LDAsMTEuODcyLTMuNTg0LDE0LjQ5Ni05LjIxNmwyMjQtNDgwICAgIEM0MjguNDg2LDE3LjgyNCw0MjguMTM0LDEyLDQyNS4xOSw3LjM5MnoiIGZpbGw9IiNGRkZGRkYiLz4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik00OTcuNzk4LDI2My4zOTJjLTIuOTEyLTQuNjA4LTguMDMyLTcuMzkyLTEzLjQ3Mi03LjM5MkgzNTIuNjc4TDIzMy4yMjIsNTEyaDE0Ni40NjRjNi4yMDgsMCwxMS44NzItMy41ODQsMTQuNDk2LTkuMjE2ICAgIGwxMDQuNjQtMjI0QzUwMS4xMjYsMjczLjgyNCw1MDAuNzQyLDI2OCw0OTcuNzk4LDI2My4zOTJ6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==") center 1.5px;} #Label1 li.Blogger a:before {background-image:url("data:image/svg+xml,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M14,13H9.95A1,1 0 0,0 8.95,14A1,1 0 0,0 9.95,15H14A1,1 0 0,0 15,14A1,1 0 0,0 14,13M9.95,10H12.55A1,1 0 0,0 13.55,9A1,1 0 0,0 12.55,8H9.95A1,1 0 0,0 8.95,9A1,1 0 0,0 9.95,10M16,9V10A1,1 0 0,0 17,11A1,1 0 0,1 18,12V15A3,3 0 0,1 15,18H9A3,3 0 0,1 6,15V8A3,3 0 0,1 9,5H13A3,3 0 0,1 16,8M20,2H4C2.89,2 2,2.89 2,4V20A2,2 0 0,0 4,22H20A2,2 0 0,0 22,20V4C22,2.89 21.1,2 20,2Z' fill='%23fff'></path></svg>")} #Label1 li.CSS a:before {background:url("data:image/svg+xml,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M5,3L4.35,6.34H17.94L17.5,8.5H3.92L3.26,11.83H16.85L16.09,15.64L10.61,17.45L5.86,15.64L6.19,14H2.85L2.06,18L9.91,21L18.96,18L20.16,11.97L20.4,10.76L21.94,3H5Z' fill='%23fff'></path></svg>")} #Label1 li.Facebook a:before {background-image:url("data:image/svg+xml,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M17,2V2H17V6H15C14.31,6 14,6.81 14,7.5V10H14L17,10V14H14V22H10V14H7V10H10V6A4,4 0 0,1 14,2H17Z' fill='%23fff'></path></svg>")} #Label1 li.Instagram a:before {background-image:url("data:image/svg+xml,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M7.8,2H16.2C19.4,2 22,4.6 22,7.8V16.2A5.8,5.8 0 0,1 16.2,22H7.8C4.6,22 2,19.4 2,16.2V7.8A5.8,5.8 0 0,1 7.8,2M7.6,4A3.6,3.6 0 0,0 4,7.6V16.4C4,18.39 5.61,20 7.6,20H16.4A3.6,3.6 0 0,0 20,16.4V7.6C20,5.61 18.39,4 16.4,4H7.6M17.25,5.5A1.25,1.25 0 0,1 18.5,6.75A1.25,1.25 0 0,1 17.25,8A1.25,1.25 0 0,1 16,6.75A1.25,1.25 0 0,1 17.25,5.5M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z' fill='%23fff'></path></svg>")} #Label1 li.Instant.Articles a:before {background-image:url("data:image/svg+xml,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M11.5,20L16.36,10.27H13V4L8,13.73H11.5V20M12,2C14.75,2 17.1,3 19.05,4.95C21,6.9 22,9.25 22,12C22,14.75 21,17.1 19.05,19.05C17.1,21 14.75,22 12,22C9.25,22 6.9,21 4.95,19.05C3,17.1 2,14.75 2,12C2,9.25 3,6.9 4.95,4.95C6.9,3 9.25,2 12,2Z' fill='%23fff'></path></svg>")} #Label1 li.Javascript a:before {background-image:url("data:image/svg+xml,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M3,3H21V21H3V3M7.73,18.04C8.13,18.89 8.92,19.59 10.27,19.59C11.77,19.59 12.8,18.79 12.8,17.04V11.26H11.1V17C11.1,17.86 10.75,18.08 10.2,18.08C9.62,18.08 9.38,17.68 9.11,17.21L7.73,18.04M13.71,17.86C14.21,18.84 15.22,19.59 16.8,19.59C18.4,19.59 19.6,18.76 19.6,17.23C19.6,15.82 18.79,15.19 17.35,14.57L16.93,14.39C16.2,14.08 15.89,13.87 15.89,13.37C15.89,12.96 16.2,12.64 16.7,12.64C17.18,12.64 17.5,12.85 17.79,13.37L19.1,12.5C18.55,11.54 17.77,11.17 16.7,11.17C15.19,11.17 14.22,12.13 14.22,13.4C14.22,14.78 15.03,15.43 16.25,15.95L16.67,16.13C17.45,16.47 17.91,16.68 17.91,17.26C17.91,17.74 17.46,18.09 16.76,18.09C15.93,18.09 15.45,17.66 15.09,17.06L13.71,17.86Z' fill='%23fff'></path></svg>")} #Label1 li.Messaging a:before {background-image:url("data:image/svg+xml,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M17,12V3A1,1 0 0,0 16,2H3A1,1 0 0,0 2,3V17L6,13H16A1,1 0 0,0 17,12M21,6H19V15H6V17A1,1 0 0,0 7,18H18L22,22V7A1,1 0 0,0 21,6Z' fill='%23fff'></path></svg>")} #Label1 li.Template a:before {background:url("data:image/svg+xml,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M21,16V4H3V16H21M21,2A2,2 0 0,1 23,4V16A2,2 0 0,1 21,18H14V20H16V22H8V20H10V18H3C1.89,18 1,17.1 1,16V4C1,2.89 1.89,2 3,2H21M5,6H14V11H5V6M15,6H19V8H15V6M19,9V14H15V9H19M5,12H9V14H5V12M10,12H14V14H10V12Z' fill='%23fff'></path></svg>")} #Label1 li.Tool.Gratis a:before {background-image:url("data:image/svg+xml,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M12,15.5A3.5,3.5 0 0,1 8.5,12A3.5,3.5 0 0,1 12,8.5A3.5,3.5 0 0,1 15.5,12A3.5,3.5 0 0,1 12,15.5M19.43,12.97C19.47,12.65 19.5,12.33 19.5,12C19.5,11.67 19.47,11.34 19.43,11L21.54,9.37C21.73,9.22 21.78,8.95 21.66,8.73L19.66,5.27C19.54,5.05 19.27,4.96 19.05,5.05L16.56,6.05C16.04,5.66 15.5,5.32 14.87,5.07L14.5,2.42C14.46,2.18 14.25,2 14,2H10C9.75,2 9.54,2.18 9.5,2.42L9.13,5.07C8.5,5.32 7.96,5.66 7.44,6.05L4.95,5.05C4.73,4.96 4.46,5.05 4.34,5.27L2.34,8.73C2.21,8.95 2.27,9.22 2.46,9.37L4.57,11C4.53,11.34 4.5,11.67 4.5,12C4.5,12.33 4.53,12.65 4.57,12.97L2.46,14.63C2.27,14.78 2.21,15.05 2.34,15.27L4.34,18.73C4.46,18.95 4.73,19.03 4.95,18.95L7.44,17.94C7.96,18.34 8.5,18.68 9.13,18.93L9.5,21.58C9.54,21.82 9.75,22 10,22H14C14.25,22 14.46,21.82 14.5,21.58L14.87,18.93C15.5,18.67 16.04,18.34 16.56,17.94L19.05,18.95C19.27,19.03 19.54,18.95 19.66,18.73L21.66,15.27C21.78,15.05 21.73,14.78 21.54,14.63L19.43,12.97Z' fill='%23fff'></path></svg>"); animation: KaXTamSpin 1.25s linear infinite normal; -webkit-animation:KaXTamSpin 1.25s linear infinite normal;} #Label1 li.Twitter a:before {background-image:url("data:image/svg+xml,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M22.46,6C21.69,6.35 20.86,6.58 20,6.69C20.88,6.16 21.56,5.32 21.88,4.31C21.05,4.81 20.13,5.16 19.16,5.36C18.37,4.5 17.26,4 16,4C13.65,4 11.73,5.92 11.73,8.29C11.73,8.63 11.77,8.96 11.84,9.27C8.28,9.09 5.11,7.38 3,4.79C2.63,5.42 2.42,6.16 2.42,6.94C2.42,8.43 3.17,9.75 4.33,10.5C3.62,10.5 2.96,10.3 2.38,10C2.38,10 2.38,10 2.38,10.03C2.38,12.11 3.86,13.85 5.82,14.24C5.46,14.34 5.08,14.39 4.69,14.39C4.42,14.39 4.15,14.36 3.89,14.31C4.43,16 6,17.26 7.89,17.29C6.43,18.45 4.58,19.13 2.56,19.13C2.22,19.13 1.88,19.11 1.54,19.07C3.44,20.29 5.7,21 8.12,21C16,21 20.33,14.46 20.33,8.79C20.33,8.6 20.33,8.42 20.32,8.23C21.16,7.63 21.88,6.87 22.46,6Z' fill='%23fff'></path></svg>")} #Label1 li.Video a:before {background:url("data:image/svg+xml,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M17,10.5V7A1,1 0 0,0 16,6H4A1,1 0 0,0 3,7V17A1,1 0 0,0 4,18H16A1,1 0 0,0 17,17V13.5L21,17.5V6.5L17,10.5Z' fill='%23fff'></path></svg>")} #Label1 li.Youtube a:before {background-image:url("data:image/svg+xml,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M10,15L15.19,12L10,9V15M21.56,7.17C21.69,7.64 21.78,8.27 21.84,9.07C21.91,9.87 21.94,10.56 21.94,11.16L22,12C22,14.19 21.84,15.8 21.56,16.83C21.31,17.73 20.73,18.31 19.83,18.56C19.36,18.69 18.5,18.78 17.18,18.84C15.88,18.91 14.69,18.94 13.59,18.94L12,19C7.81,19 5.2,18.84 4.17,18.56C3.27,18.31 2.69,17.73 2.44,16.83C2.31,16.36 2.22,15.73 2.16,14.93C2.09,14.13 2.06,13.44 2.06,12.84L2,12C2,9.81 2.16,8.2 2.44,7.17C2.69,6.27 3.27,5.69 4.17,5.44C4.64,5.31 5.5,5.22 6.82,5.16C8.12,5.09 9.31,5.06 10.41,5.06L12,5C16.19,5 18.8,5.16 19.83,5.44C20.73,5.69 21.31,6.27 21.56,7.17Z' fill='%23fff'></path></svg>")} #Label1 li.Tool.Gratis {background-color:#bb0000; border:0px;} #Label1 li.Tool.Gratis:hover {background-color:#ff0000;} /* Search Box */ .cari {margin-top:3px;position:relative;transition:all .1s;display:inline-block;} .cariform {padding:0;margin:0} .cariinput {background:#fff; color:var(--color-hover); width:100%; border:0px; padding:0 35px 0 15px; line-height:28px; margin:0;transition:all .3s; border-radius:25px;} .caributton {display:inline-block;width:30px;margin:0;top:0;right:0;position:absolute} span.caributton:hover {cursor:pointer; border-radius:100px} .cari2{display:none} .caributton svg {width:20px;height:20px;margin-top:3px} .caributton svg path{fill:var(--color-hover)} /* Toggle */ #ignigrab-toggle {display:none; position:fixed; z-index:4; top:0px; right:0px; transition: all 0.3s ease; text-align: right; padding-right: 10px; cursor:pointer} #ignigrab-toggle:focus{pointer-events:none;cursor:pointer} #ignigrab-toggle a.buka {transition: all 0.3s ease} #ignigrab-toggle a.buka:before {display:inline-block;width:35px;height:35px; background:url("data:image/svg+xml,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z' fill='%23fff'></path></svg>") no-repeat; content: ''} /* Pinned Post */ #KaXTamKiri{width: calc((100% - 300px) - 20px); display:block; float:left;} /* Main Wrapper */ #main-wrapper{width:calc(100% - 180px); float:left; word-wrap:break-word;} .main .Blog{border-bottom-width:0} .main .widget{margin:0;padding:0} .date-header{display:none !important} .post{position:relative; transition:all 0.3s ease;} .post-body{margin:0;line-height:26px;text-align:left;font-size:14px;padding:20px 0;color:var(--color-hover); transition:all 0.3s ease;}.post-info abbr{border:0} .post-body img,.post-body video,.post-body object{max-width:100%} .breadcrumbs {color:#777; overflow:hidden;position:relative; font-weight:400; line-height:20px; transition:all 0.3s ease; background-color:#fff; padding:10px 15px; border-radius:7.5px; box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24); }} .breadcrumbs > span{padding:0} .breadcrumbs a, .breadcrumbs span a {color:#777} .breadcrumbs > span:last-child{color:var(--color-hover); display:inline} .breadcrumbs a:hover{color:#37b185} .feed-links{clear:both;line-height:2.5em} .breadhome, .breadlabel {display:inline} .vouyeur{color:transparent;border:0px; height:10px; overflow:hidden; display:block; user-select: none; -moz-user-select: none; -ms-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -webkit-touch-callout: none} /* Sidebar Wrapper */ #sidebar-wrapper{width:100%; max-width:300px; float:right; word-wrap:break-word; position:relative;} #sidebar-wrapper h2,#sidebar-wrapper h3,#sidebar-wrapper h4{color:#fff;position:relative; margin:0;font-size:1rem;vertical-align:middle;padding:5px 10px 5px 10px;background-color:var(--color-main);width:auto}#sidebar-wrapper h2 span,#sidebar-wrapper h3 span,#sidebar-wrapper h4 span{display:inline-block;vertical-align:middle}#sidebar-wrapper h2:after,#sidebar-wrapper h3:after,#sidebar-wrapper h4:after{content:'';display:inline-block;position:absolute;height:27px;bottom:10%;width:100% !important;border-top:100px solid #fff;border-left:75px solid transparent;margin-left:-3em}#sidebar-wrapper .widget ul{margin:0;padding:0} #sidebar-wrapper .widget-content{margin-bottom:20px;padding-bottom:0px}.sidebar,.sidebartop{line-height:1.5em;padding:0} .sidebar ul,.sidebartop ul{padding:0;margin:0}.BlogArchive #ArchiveList ul li{text-indent:0 !important}.sidebar ul li,.sidebartop ul li{margin:0;padding:10px;border-bottom:1px solid #eaeaea}.sidebar .widget{margin-bottom:10px}.sidebartop .widget{margin:0 0 20px 0} /* #sidebar-wrapper .sidebar #HTML3{position:sticky; position:-webkit-sticky; top:55px} */ /* Footer Wrapper */ #footer-wrapper{background:var(--color-hover); color:#bdc3c7; width:100%; text-align:left;padding:5px 30px 15px; margin-top:20px; border-top:5px solid var(--color-main); position:relative} #footme{max-width:1100px;height:auto;padding-top:10px;margin:0 auto;overflow:hidden;font-size:13px;color:#95a5a6;line-height:1.8;display:block} #footme a{color:#f1c40f} .footmekiri{text-align:left;float:left;display:block} .footmekanan{text-align:right;float:right;display:block} .footmekanan a{color:#2ecc71} .footmekanan a:hover{color:#fff} .footer-column{display:none;position:relative;margin:0 auto;clear:both;font-size:14px;line-height:24px;overflow:hidden;text-align:left;vertical-align:top;color:#bdc3c7;border-bottom:2px solid rgba(0,0,0,0.1)} .footer-column h3{position:relative;overflow:hidden;margin:0 0 10px 0;font-size:1rem;padding:0 0 10px 0;border-bottom:1px solid rgba(0,0,0,.1);color:#fff} .footer-menu{float:left;width:31%;text-align:justify;margin:0 20px 0 0} .footer-menu p.footer2{margin:5px auto}.footer-menu ul{margin:0} .footer-menu ul li{list-style-type:square;margin:0 0 0 30px}.footer-menu ul li a{color:#bdc3c7} .footer-menu ul li a:hover{color:#fff} #footer3{width:33.4%;margin-right:0} /* Custom Heading Widget */ .footer-column .footer-menu h3:after{content:'';display:inline-block;position:absolute;height:15px;top:0;margin:3px 0 12px 10px;width:100%;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLeTZMi8092DOV_YarB2NGnjh5nCur9dLmpxO7W057XnGRH65DVoiwA-KMZgiwDcsONqx7L-hW5fh5fFIQsRlDbypM24NJiFqAVZ_GCRcIRKSLVtLuiQcMuiWHTooX6sYa5VOKCDdJp4su/s1600/repeat-bg.png)repeat;opacity:.7;} /* Popular Post 1 Middle Wrapper */ .KaXTamPopular ul, .KaXTamPopular li, .KaXTamPopular li a {color:#fff; background-color:var(--color-main); margin:0; padding:0; list-style:none; border:none} .KaXTamPopular li a img {border:1px solid transparent; transition:all 0.3s ease;} .KaXTamPopular ul {padding:15px; margin-top:10px; list-style:none; border-radius:7.5px;} .KaXTamPopular ul li {list-style:none;width:auto;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.3)} .KaXTamPopular ul li:hover img{transform:scale(1.1); filter: brightness(85%); -webkit-filter: brightness(85%);} .KaXTamPopular ul li:last-child {border:0;margin-bottom:0;padding-bottom: 0px;} .KaXTamPopular ul li img {display:block; width:100%; max-width:150px; height:100%; max-height:113px; margin: auto; animation: KaXTamShine .85s linear infinite; -moz-animation: KaXTamShine .85s linear infinite; -webkit-animation: KaXTamShine .85s linear infinite; -o-animation: KaXTamShine .85s linear infinite; background: #e4e4e4 linear-gradient(to right, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, .75) 20%, rgba(255, 255, 255, 0) 30%); background-size: 800px 100px; position: relative; transition: all .3s ease; border-radius:7.5px;} .KaXTamPopular ul li .item-title a, .KaXTamPopular ul li a {font-size:12px; line-height:1.5em ;color:#fff;text-align:left} .KaXTamPopular ul li .item-title a:hover, .KaXTamPopular ul li a:hover {color:#fff} .KaXTamPopular .item-thumbnail {overflow:hidden;display:block;position:relative; border-radius:7.5px;} .KaXTamPopular .item-title {padding-top:7px} .KaXTamPopular ul li:nth-child(1) {border-top:none} .KaXTamPopular ul li .item-snippet {color:#fff;font-size:12px} /* Banner */ .banner,.banner2{text-align:center; margin:auto; overflow:hidden; position:relative} .banner .widget,.banner2 .widget{width:100%; max-width:100%; margin:0 auto; overflow:hidden; padding:0px} .banner .widget-content, .banner2 .widget-content {width:auto; height:auto; transition:all 0.3s ease;} .banner .widget-content{margin-bottom:20px} .banner2 .widget-content{margin-top:20px} .banner img,.banner iframe,.banner2 img,.banner2 iframe{display:block;margin:0 auto;text-align:center;height:auto}.kotak_iklan{text-align:center;margin:0 auto;transition:all 1s ease-out} .kotak_iklan .sidebar .widget-content,.kotak_iklan .sidebar-atas .widget-content{padding:0;border:0} .kotak_iklan .sidebar .widget{margin-bottom:0;padding:0}.kotak_iklan img{background:#fff;text-align:center;margin:0 auto;padding:4px;border:1px solid transparent !important;transition:all .6s ease-out}.kotak_iklan img:hover{background:#fdfdfd;border:1px solid #e6e6e6}.kotak_iklan2,.kotak_iklan3{text-align:center;margin:0 auto;transition:all 1s ease-out}.kotak_iklan2 .sidebar .widget-content,.kotak_iklan2 .sidebar-atas .widget-content{padding:0;background:#f2f6f7;box-shadow:0 1px 2px 0 rgba(0,0,0,.1);border:0}.kotak_iklan2 .sidebar .widget,.kotak_iklan2 .sidebar-atas .widget{margin-bottom:0;padding:0}.kotak_iklan2 img{text-align:center;transition:all 1s ease-out}.kotak_iklan2 img:hover{transition:all .3s ease-out} #HTML3 .widget-content, #HTML5 .widget-content{padding:0; text-align:center} .billboard {max-width:1000px; min-width:970px; width:100%; max-height:300px; min-height:250px; height:100%; text-align:center; margin:auto; padding:0px} /* Back to top */ .KaXTamToTop {visibility:hidden; width:50px; height:50px; position:fixed; bottom:50px; right: 20px; z-index:99; cursor:pointer; border-radius:100px; opacity:0; -webkit-transform:translateZ(0); transition:all .5s; background:var(--color-main) url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center center;} .KaXTamToTop:hover {opacity: 1; background:var(--color-hover) url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center center;} .KaXTamToTop.show {visibility:visible; bottom:20px; opacity:1;} /* Kotak Followers */ div#followers-iframe-container {height:160px;max-height:500px} /* Tools */ #KaXTamTool {width:100%; max-width:400px; background:var(--color-hover); font-size:12px; color:#bdc3c7; padding:15px; border-radius:10px; -moz-border-radius:10px; word-break:break-word; margin:auto; line-height:20px} #KaXTamTool h3, #KaXTamTool h4, #KaXTamTool .judul {display:block; background-color:var(--color-main); color:#fff; font-size:16px; font-weight:500; margin-bottom:15px; text-align:center; line-height:30px} #KaXTamTool  a {color:#37b185; text-decoration:none} #KaXTamTool  a:hover {color:var(--color-main); text-decoration:underline;} #KaXTamTool textarea {border:0px; resize:none; width:100%; height:300px; margin-bottom:10px; padding:5px 7px; font-size:12px; overflow-y:auto; white-space:pre; line-height:15px} #KaXTamTool .profil {margin-bottom:15px; line-height:18px} #KaXTamTool .profil a.lihatToken {color:#f1c40f; float:right} #KaXTamTool .profil img{ float:left; margin-right:10px; border-radius:100px; -moz-border-radius:100px; border:3px solid var(--color-main); transition:all 0.3s ease;} #KaXTamTool .profilinfo {background: #edf094; color: var(--color-hover); margin-bottom: 15px; padding: 5px 7px; border: 1px dashed} #KaXTamTool .KaXTamPost {display:inline-block; width:100%} #KaXTamTool .KaXTamPost textarea {border:0px; resize:none; width:100%; height:75px; margin-bottom:10px; padding:5px 7px; font-size:12px;} #KaXTamTool .KaXTamPost input {border:0px; width:100%; margin-bottom:10px; padding:7px; font-size:12px;} #KaXTamTool .masuk, #KaXTamTool .submit {background-color:var(--color-main); border:0px; border-radius:3px; -moz-border-radius:3px; color:#FFF; cursor:pointer; font-weight:500; padding:5px 15px; text-align:center; line-height:16px; font-size:14px;} #KaXTamTool .masuk {font-size:16px;} #KaXTamTool .KaXTamPost input[type="radio"] {width:auto} #KaXTamTool .masuk:hover, #KaXTamTool .submit:hover {background:#37b185} #KaXTamTool .submit {float:right} #KaXTamTool .respon {text-align:center; padding:5px; margin-top:15px; background:rgba(255,255,255,0.3); color:#fff; word-break:normal} #KaXTamTool .copyright {text-align:center; margin-top:10px; display:block; clear:both;} #KaXTamTool .hidden {display:none} #KaXTamTool .ikon {display:inline-block; background-color:var(--color-main); padding:1.5px 7px} #KaXTamTool .ikon svg {width:20px; height:20px} #KaXTamTool .ikon svg path {fill:#fff} #KaXTamTool .form {display:inline-block; vertical-align:top; width:91%; margin-left:-5px} #KaXTamTool .overlay {position:fixed; top:0; bottom:0; left:0; right:0; background: rgba(0, 0, 0, 0.7); transition:opacity 500ms; visibility:hidden; opacity:0} #KaXTamTool .overlay:target {visibility:visible; opacity:1} #KaXTamTool .popup {margin:70px auto; padding:20px; background:#fff; border-radius:5px; width:90%; max-width:400px; position:relative; transition:all 1s ease-in-out} #KaXTamTool .popup h2 {margin-top:0; color:var(--color-main)} #KaXTamTool .popup .close {position: absolute; top:15px; right:20px; transition: all 200ms; font-size:20px; font-weight:500; text-decoration: none !important} #KaXTamTool .popup .content {color:var(--color-hover); max-height:30%; overflow:auto} #KaXTamTool #KaXTamPost form{margin:0px} #KaXTamTool #KaXTamSocialSignal svg {width:20px; height:20px;} #KaXTamTool #KaXTamSocialSignal svg path {fill:#fff;} #KaXTamTool #KaXTamSocialSignal span {color:#FFF !important; display:inline-block; padding:7px 20px 7px 40px; margin:0 10px 10px 0; border-radius:100px;width:100%;height:auto} #KaXTamTool #loading {position:absolute; margin-top:40px; margin-left:140px; animation: KaXTamSpin 1.25s linear infinite normal; -webkit-animation:KaXTamSpin 1.25s linear infinite normal; z-index:2} #KaXTamTool #loading svg{width:100px; height:100px;} #KaXTamTool #loading svg path{fill:#fff;} #KaXTamTool .login {margin:0px auto; position:relative; text-align:center;} #KaXTamTool #KaXTamSocialSignal span.facebook {background:#3a579a url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17,2V2H17V6H15C14.31,6 14,6.81 14,7.5V10H14L17,10V14H14V22H10V14H7V10H10V6A4,4 0 0,1 14,2H17Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 10px; background-size:20px} #KaXTamTool #KaXTamSocialSignal span.twitter {background:#00abf0 url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.46,6C21.69,6.35 20.86,6.58 20,6.69C20.88,6.16 21.56,5.32 21.88,4.31C21.05,4.81 20.13,5.16 19.16,5.36C18.37,4.5 17.26,4 16,4C13.65,4 11.73,5.92 11.73,8.29C11.73,8.63 11.77,8.96 11.84,9.27C8.28,9.09 5.11,7.38 3,4.79C2.63,5.42 2.42,6.16 2.42,6.94C2.42,8.43 3.17,9.75 4.33,10.5C3.62,10.5 2.96,10.3 2.38,10C2.38,10 2.38,10 2.38,10.03C2.38,12.11 3.86,13.85 5.82,14.24C5.46,14.34 5.08,14.39 4.69,14.39C4.42,14.39 4.15,14.36 3.89,14.31C4.43,16 6,17.26 7.89,17.29C6.43,18.45 4.58,19.13 2.56,19.13C2.22,19.13 1.88,19.11 1.54,19.07C3.44,20.29 5.7,21 8.12,21C16,21 20.33,14.46 20.33,8.79C20.33,8.6 20.33,8.42 20.32,8.23C21.16,7.63 21.88,6.87 22.46,6Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 10px; background-size:20px} #KaXTamTool #KaXTamSocialSignal span.gplus {background:#df4a32 url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23,11H21V9H19V11H17V13H19V15H21V13H23M8,11V13.4H12C11.8,14.4 10.8,16.4 8,16.4C5.6,16.4 3.7,14.4 3.7,12C3.7,9.6 5.6,7.6 8,7.6C9.4,7.6 10.3,8.2 10.8,8.7L12.7,6.9C11.5,5.7 9.9,5 8,5C4.1,5 1,8.1 1,12C1,15.9 4.1,19 8,19C12,19 14.7,16.2 14.7,12.2C14.7,11.7 14.7,11.4 14.6,11H8Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 10px; background-size:20px} #KaXTamTool #KaXTamSocialSignal span.pinterest{background:#cd1c1f url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.25,17.25C12.25,17.25 11.29,16.82 10.6,16.1L9.41,20.1L9.33,20.36L9.29,20.34C9.04,20.75 8.61,21 8.12,21C7.37,21 6.75,20.38 6.75,19.62C6.75,19.56 6.76,19.5 6.77,19.44L6.75,19.43L6.81,19.21L9.12,12.26C9.12,12.26 8.87,11.5 8.87,10.42C8.87,8.27 10.03,7.62 10.95,7.62C11.88,7.62 12.73,7.95 12.73,9.26C12.73,10.94 11.61,11.8 11.61,13C11.61,13.94 12.37,14.69 13.29,14.69C16.21,14.69 17.25,12.5 17.25,10.44C17.25,7.71 14.89,5.5 12,5.5C9.1,5.5 6.75,7.71 6.75,10.44C6.75,11.28 7,12.12 7.43,12.85C7.54,13.05 7.6,13.27 7.6,13.5A1.25,1.25 0 0,1 6.35,14.75C5.91,14.75 5.5,14.5 5.27,14.13C4.6,13 4.25,11.73 4.25,10.44C4.25,6.33 7.73,3 12,3C16.27,3 19.75,6.33 19.75,10.44C19.75,13.72 17.71,17.25 13.25,17.25Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 10px; background-size:20px} #KaXTamTool #KaXTamSocialSignal span.linkedin {background:#2554BF url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21,21H17V14.25C17,13.19 15.81,12.31 14.75,12.31C13.69,12.31 13,13.19 13,14.25V21H9V9H13V11C13.66,9.93 15.36,9.24 16.5,9.24C19,9.24 21,11.28 21,13.75V21M7,21H3V9H7V21M5,3A2,2 0 0,1 7,5A2,2 0 0,1 5,7A2,2 0 0,1 3,5A2,2 0 0,1 5,3Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 10px; background-size:20px} #KaXTamTool #KaXTamSocialSignal span.tumblr {background:#314358 url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M210.8 80.3c-2.3 18.3-6.4 33.4-12.4 45.2 -6 11.9-13.9 22-23.9 30.5 -9.9 8.5-21.8 14.9-35.7 19.5v50.6h38.9v124.5c0 16.2 1.7 28.6 5.1 37.1 3.4 8.5 9.5 16.6 18.3 24.2 8.8 7.6 19.4 13.4 31.9 17.5 12.5 4.1 26.8 6.1 43 6.1 14.3 0 27.6-1.4 39.9-4.3 12.3-2.9 26-7.9 41.2-15v-55.9c-17.8 11.7-35.7 17.5-53.7 17.5 -10.1 0-19.1-2.4-27-7.1 -5.9-3.5-10-8.2-12.2-14 -2.2-5.8-3.3-19.1-3.3-39.7v-91.1H345.5v-55.8h-84.4v-90H210.8z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 10px; background-size:20px} #KaXTamTool #KaXTamSocialSignal span.stumbleupon {background:#EB4823 url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M274.5 216.4l23.1 12.8 36.5-12.3v-24.7c0-42.7-35.7-75.9-78.1-75.9 -42.3 0-78.1 31.1-78.1 75.4 0 44.4 0 113.1 0 113.1 0 10.2-8.3 18.5-18.5 18.5 -10.2 0-18.5-8.3-18.5-18.5v-47.9H80.9c0 0 0 48 0 48.6 0 43.2 35 78.3 78.3 78.3 42.9 0 77.7-34.4 78.3-77.2v-111.7c0-10.2 8.3-18.5 18.5-18.5 10.2 0 18.5 8.3 18.5 18.5L274.5 216.4 274.5 216.4zM371.2 256.9v50.2c0 10.2-8.3 18.5-18.5 18.5 -10.2 0-18.5-8.3-18.5-18.5v-49.2l-36.5 12.4 -23.1-12.8v48.8c0.4 42.9 35.3 77.6 78.3 77.6 43.2 0 78.3-35 78.3-78.3 0-0.6 0-48.6 0-48.6L371.2 256.9 371.2 256.9z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 10px; background-size:20px} /* Adblock Popup */ #KaXTamAdBlock {background:rgba(0,0,0,0.85);padding:0;position:fixed;bottom:0;left:0;top:-100px;right:0;z-index:1000;opacity:1;visibility:visible;height:auto;} #KaXTamAdBlock svg {width:100px; height:100px} #KaXTamAdBlock svg path {fill:#fff} #KaXTamAdBlock a{color:#ffe88b;} #KaXTamAdBlock a:hover{color:#ffe88b;text-decoration:underline} #KaXTamAdBlock .isiAds{background:#e74c3c;color:#fff;position:absolute;text-align:center;padding:0 30px 30px 30px;margin:auto;top:30%;left:0;right:0;font-size:1.5rem;font-weight:400;line-height:1.5em;max-width:800px;box-shadow:0 20px 10px -10px rgba(0,0,0,0.15);border:15px solid rgba(0,0,0,.07); overflow:hidden; transition:all .6s cubic-bezier(.25,.8,.25,1); -webkit-transform:translateZ(0); transform:translateZ(0); backface-visibility:visible; transition:all .2s ease-in-out,visibility 0s; transform-origin:bottom center; pointer-events:auto; transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1); opacity:1; animation:KaXTamWobble .5s; -moz-animation: KaXTamWobble .5s; -webkit-animation:KaXTamWobble .5s; -o-animation:KaXTamWobble .5s} #KaXTamAdBlock .isiAds:hover{box-shadow:0 20px 10px -10px rgba(0,0,0,0.2);} #KaXTamAdBlock .isiAds h4, #KaXTamAdBlock .isiAds .judul{display:inline-block;background:rgba(0,0,0,.07);padding:5px 25px 15px 25px;font-size:2.2rem;font-weight:500;margin-bottom:20px} #KaXTamAdBlock .tutupAds{visibility:hidden;opacity:0;color:#ffe88b;text-align:center;position:absolute;bottom:10px;right:10px;font-size:42px;cursor:pointer;width:30px;height:30px;line-height:30px;border-radius:100%;transition:all .6s cubic-bezier(.25,.8,.25,1);transform:translate(0,50px);} #KaXTamAdBlock .tutupAds:hover{color:#fff;transform:scale(1.0);} #KaXTamAdBlock .isiAds:hover .tutupAds{visibility:hidden;opacity:0;color:#ffe88b;transform:translate(0,0)} /*#KaXTamAdBlock .isiAds:hover .tutupAds{visibility:visible;opacity:1;color:#ffe88b;transform:translate(0,0);}*/ .adsbygoogle {display:block !important; animation:KaXTamFade 1s; -moz-animation: KaXTamFade 1s; -webkit-animation:KaXTamFade 1s; -o-animation:KaXTamFade 1s} /* Night Mode */ .KaXTamNight {background-color: #292E34; } .KaXTamNight h1.post-title.entry-title, .KaXTamNight h2.post-title.entry-title {color: #bdc3c7; } .KaXTamNight .breadcrumbs > span:last-child {color: #bdc3c7; } .KaXTamNight .breadcrumbs {background: var(--color-hover); color: #bdc3c7; } .KaXTamNight .thumbnail img {border: 1px solid #555; } .KaXTamNight #KaXTamNewsletter {background-color:var(--color-hover) } .KaXTamNight #KaXTamNewsletter .email{color:#bdc3c7; } .KaXTamNight #KaXTamNewsletter input{background-color:#292E34; border:1px solid #292E34; } .KaXTamNight #KaXTamNewsletter form:before {background:url("data:image/svg+xml,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M20,8L12,13L4,8V6L12,11L20,6M20,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z' fill='%23bdc3c7'></path></svg>") no-repeat; } .KaXTamNight .ignigrab-menukategori ul.dropdown #Label1 {background-color:var(--color-hover); border-bottom: 10px solid #292E34; } .KaXTamNight .ignigrab-menukategori ul.dropdown #Label1 li{background-color: #292E34; } .KaXTamNight .ignigrab-menukategori ul.dropdown #Label1 li:hover{background-color:var(--color-main); } .KaXTamNight .KaXTamprofil ul.dropdown li {border:1px solid var(--color-hover); } .KaXTamNight .KaXTamprofil ul.dropdown li:first-child {border-top:1px solid var(--color-hover); } /* Toggle Night Mode */ .KaXTamSwitch {text-align: center; display: inline-block; align-items: center; margin:0px 15px 0px 0px; padding:0px; color:#fff; } .tgl {display: none; } .tgl + .tgl-btn {outline: 0; display: inline-block; width: 40px; height: 10px; position: relative; cursor: pointer; margin-left:5px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .tgl + .tgl-btn:after, .tgl + .tgl-btn:before {position: relative; display: block; content: ""; width: 50%; height: 100%; } .tgl:checked + .tgl-btn:after {left: 50%; background: #86d993; } .tgl-KaXTam + .tgl-btn {background: #86d993; border-radius: 100px; transition: all .4s ease; } .tgl-KaXTam + .tgl-btn:after {border-radius: 100px; background: #fff; transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0 rgba(0, 0, 0, 0.08); position: absolute; width: 20px; height: 20px; top: -5px; left: 0px; } .tgl-KaXTam:checked + .tgl-btn {background: var(--color-hover); } /* Random Post */ #KaXTamRandom {background-color:#008c5f; padding:0px; margin:0px;} #KaXTamRandom ul {padding:0px; margin:0px;} #KaXTamRandom ul li {margin:0; padding:15px;position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.3); transition: all .3s ease;} #KaXTamRandom ul li:last-child {border-bottom:none} #KaXTamRandom ul li .item-title {padding:0 10px 0 0} #KaXTamRandom ul li a {font-size:12px; color:#fff; line-height:1.5em} #KaXTamRandom ul li:hover {background-color:rgba(0,0,0,.25)} #KaXTamRandom ul li:hover img {transform:scale(1.1); filter: brightness(85%); -webkit-filter: brightness(85%);} #KaXTamRandom ul li:hover a {text-decoration:underline} #KaXTamRandom ul li .item-thumbnail {width:100px; float:left; margin-right:10px; line-height:0px; overflow:hidden;} #KaXTamRandom ul li img {display:block; width:100%; max-width:100px; height:100%; max-height:75px; border:1px solid transparent; transition:all 0.3s ease; margin: auto; animation: KaXTamShine .85s linear infinite; -moz-animation: KaXTamShine .85s linear infinite; -webkit-animation: KaXTamShine .85s linear infinite; -o-animation: KaXTamShine .85s linear infinite; background: #e4e4e4 linear-gradient(to right, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, .75) 20%, rgba(255, 255, 255, 0) 30%); background-size: 800px 100px; position: relative; transition: all .3s ease} #KaXTamRandom ul li:first-child img {max-width:300px; max-height:225px;} #KaXTamRandom ul li:first-child {border-bottom:none; padding:0px;} #KaXTamRandom ul li:first-child .item-thumbnail {width: 100%; display:block; margin:0px;} #KaXTamRandom ul li:first-child .item-title {background-color:rgba(29, 33, 41, .6); width:100%; text-align:center; padding:15px; position:absolute; bottom:0px; transition: all .3s ease;} #KaXTamRandom ul li:first-child a {font-size:16px; transition: all .0s ease;} #KaXTamRandom ul li:first-child a:hover {font-size:20px; line-height:28px;} #KaXTamRandom ul li:first-child a:hover .item-title {background-color:rgba(29, 33, 41, 1)} /* Global Responsive */ @media screen and (max-width:1024px){#headerwidget{padding:7px 20px} #header img {max-width:200px} #headerkiri {vertical-align:top} #Label1{top: 55px} .ignigrab-menukategori ul.dropdown #Label1{width:1024px} #content-wrapper{padding:0px 20px} .cariinput{width:150px}} @media screen and (max-width:990px){#headerkanan, .ignigrab-menukategori, .ignigrab-menuatas {margin-left: 10px;} } @media screen and (max-width:950px){#headerkanan, .ignigrab-menukategori, .ignigrab-menuatas {zoom: .95} } @media screen and (max-width:900px){body{margin:0px} #footer-wrapper{padding:20px 0} #menu{display:block} #headerkanan, .ignigrab-menukategori, .ignigrab-menuatas {zoom:1; margin-left:0px} .KaXTamSwitch {margin: 0px 15px 0px !important;} .tgl-KaXTam:checked + .tgl-btn {background: #fff !important;} .KaXTamNight .ignigrab-menukategori ul.dropdown #Label1 {border:0px} .KaXTamNight #headerkanan {background-color:var(--color-hover)} .KaXTamNight #Label1 li a {border-bottom:1px solid rgba(255,255,255,.25)} #header img, #header-inner {position:fixed; top:5px; left:0px; right:0px; margin:auto; max-width:150px;} #header-inner h1 {text-align:center;font-size:20px} #header .title{margin:0 0 5px 0} #headerkiri {display:block} #headerkanan {width:100%; max-width:250px; overflow-y:overlay; overflow-x:hidden; position:fixed; top:37px; bottom:0; right:-250px; z-index:3; background-color:var(--color-main); padding-bottom:40px;} #headerkanan .ignigrab-menukategori {display:block; margin-top:65px; margin-left:0; padding:0px} #headerkanan .ignigrab-menuatas {position:fixed; width:100%; display:block; z-index:4; background-color:var(--color-hover); bottom:0px;} #headerkanan .ignigrab-menuatas a {padding:15px; top:0px; border-left:1px  solid rgba(255,255,255,0.25);} #headerkanan .ignigrab-menuatas a:first-child {padding-top:0px} #headerkanan .ignigrab-menuatas a:hover{color:#fff} #headerkanan .ignigrab-menuatas a.contact:hover::before {width:22px; height:22px; display:inline-block; transition:all 0.3s ease; background:url("data:image/svg+xml,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M21,8V7L18,9L15,7V8L18,10M22,3H2A2,2 0 0,0 0,5V19A2,2 0 0,0 2,21H22A2,2 0 0,0 24,19V5A2,2 0 0,0 22,3M8,6A3,3 0 0,1 11,9A3,3 0 0,1 8,12A3,3 0 0,1 5,9A3,3 0 0,1 8,6M14,18H2V17C2,15 6,13.9 8,13.9C10,13.9 14,15 14,17M22,12H14V6H22' fill='%23fff'></path></svg>") no-repeat; content:''; vertical-align:-6px; margin-right:7px;} #headerkanan .ignigrab-menuatas:after {display:none} #headerkanan .KaXTamprofil img {position:relative; top:0px; margin-right:15px; min-width:35px; min-height:35px;} #headerwidget {padding:0px} #headerkanan .cari {display:none} .cari2 {display:block;height:37px;width:70%} #cariform2 {margin:0} #cariinput2 {background:transparent;width:100%;border:0;margin-top:5px;padding:5px 15px 5px 40px;transition:all .5s; border-radius:100px} #cariinput2:focus {background:#fff;color:var(--color-hover)} #caributton2 {position:absolute;top:10px;color:#fff} span#caributton2:hover{cursor:pointer} #caributton2 svg {width:30px;height:30px;margin-top:-6px;margin-left:-6px; transition: all .3s ease} #caributton2 svg path{fill:#fff} #footme{padding:0 20px} .navigation{display:inline} #KaXTamKiri{width:100%} #sidebar-wrapper{max-width:100%;} .sidebar .widget{display: inline-block; width: 50%; position: relative; float: left;} .sidebar .widget:nth-child(2){padding-left:20px} #ignigrab-toggle {display: block !important} .KaXTamprofil {position: absolute; background:var(--color-hover); width: 100%; height:auto; top:0px; padding:15px} .KaXTamprofil ul.dropdown {display:none; max-width: 100%; background:var(--color-hover); top:65px; left:0px} .KaXTamprofil:hover, .KaXTamprofil:focus {z-index:1; height:calc(100% + 210px);} .KaXTamprofil:hover ul.dropdown, .KaXTamprofil:focus ul.dropdown {display:block} .KaXTamprofil:hover > a:after {width:24px; height:24px; vertical-align:-7px; display:inline-block; transition:all 0.3s ease; transform:rotate(180deg); background: url("data:image/svg+xml,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M7,10L12,15L17,10H7Z' fill='%23fff'></path></svg>") no-repeat; content:''} .KaXTamprofil ul.dropdown li {border:0px; margin: 0px;} .KaXTamprofil ul.dropdown li:hover {background:var(--color-main);} .KaXTamprofil ul.dropdown li:first-child {margin-top:0px; border-top:0px;} .KaXTamprofil ul.dropdown li a {padding:15px 0px; margin:0px 15px; color:#bdc3c7; border-bottom:1px solid rgba(255,255,255,0.25)} .KaXTamprofil ul.dropdown li:first-child a {border-top:1px solid rgba(255,255,255,0.25)} .KaXTamprofil ul.dropdown li a:hover {background: transparent; color:#fff;} .KaXTamprofil > a {font-size:18px !important; font-weight:500; color:#fff} .KaXTamprofil > a:after {margin-top:5px; float:right; position:relative;} .KaXTamprofil a:hover, .KaXTamprofil:hover a {color:#fff} .KaXTamprofil a:hover>svg path, .KaXTamprofil:hover svg path {fill:#bdc3c7} .ignigrab-menukategori > a {padding:17px 12px; top:0px; display:none !important;} .ignigrab-menukategori>a:after {float:right; right:10px; position: relative} .ignigrab-menukategori ul{margin:0px} .ignigrab-menukategori ul.dropdown #Label1 {position:relative; max-width:100%; background:transparent; top:0px; left:0; border:0px; height:0px; visibility:visible; opacity:1; transform:translateY(0px);} .ignigrab-menukategori:hover ul.dropdown #Label1, .ignigrab-menukategori:focus ul.dropdown #Label1 {transform:translateY(0px);} #Label1 .widget-content.list-label-widget-content {text-align:left; margin:0px} #Label1 ul {margin:20px 0px 0px;} #Label1 li {display:block; border-radius:0px; -moz-border-radius:0px; border:0px; background:transparent; margin:0px;} #Label1 li:hover {background:var(--color-hover)} #Label1 li a {padding: 15px 0px; border-bottom: 1px solid rgba(0,0,0,0.25); display: block; text-align: left; margin: 0px 15px;} #Label1 li:last-child a, #Label1 li.Template a, #Label1 li.Tool.Gratis a {border-bottom:0px} #Label1 li .label-counter {top:-37px; float:right; right:15px;} #Label1 li.Tool.Gratis .label-counter {background:transparent}} @media screen and (max-width:768px){.page-menu ul li a:hover,.page-menu ul li:hover a{background:transparent}.footer-menu,.footer-column,#footer3{float:none;width:auto;margin:0 10px 20px 10px;text-align:left}} @media screen and (max-width:684px){} @media screen and (max-width:640px){#footer-wrapper{margin:auto} #footer-wrapper .footmekiri,#footer-wrapper .footmekanan{float:none;text-align:center} #footme{padding:0 10px} .status-ms-wrap{margin:10px 0 20px 0px} .backtotop:before{width:35px;height:35px;display:inline-block;background:url("data:image/svg+xml,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z' fill='%23fff'></path></svg>") no-repeat;content:''}} @media screen and (max-width:480px){.status-msg-wrap{width:100%; margin:10px 0px} #headerwidget{padding:0 15px} #content-wrapper{padding:0 10px; margin-top:0px} .post-body h1{font-size:24px} .post-body h2{font-size:20px} .post-body h3{font-size:16px} .post-body h4, .post-body h5{font-size:14px} body,.body-fauxcolumn-outer{font-size:80%} #header p.description{line-height:normal} .post-body{padding:10px 0px} .widget-content{box-shadow:none;border:0} .banner, .banner2 {padding:0px} .banner .widget-content, .banner2 .widget-content {margin:10px 0;} .sidebar .widget, .sidebartop .widget {float:none; width:100%} .sidebar .widget:nth-child(2){padding-left:0px} .KaXTamPopular ul {padding:10px !important} .KaXTamPopular .item-thumbnail {width:auto;display:inline-block; float:left} .KaXTamPopular .item-title {padding-top:3px; line-height:1.5em} .KaXTamPopular ul li img {width:100px; height:76px; margin-right:15px} #KaXTamTool .form {width:88% !important}} @media screen and (max-width:360px){#HTML3 .widget-content, #HTML4 .widget-content, #HTML5 .widget-content{padding:0} #KaXTamTool .form {width:86%} .KaXTamToTop{width:35px; height:35px;} } @media screen and (max-width:240px){body, .body-fauxcolumn-outer {font-size:80%} .status-msg-body{padding:10px 0;display:none} .status-msg-wrap{display:none;font-size:14px;margin-left:1px;width:100%;color:#666} .status-msg-wrap a{color:orange !important} .status-msg-bg{display:none;background:#ccc;position:relative;width:99%;padding:6px;z-index:1;border:2px #999 solid} .status-msg-border{display:none;border:0;position:relative;width:99%}} @media screen and (max-width:969px){.billboard {min-width:728px; min-height:90px}} @media screen and (max-width:727px){.billboard, .adsidebar {min-width:336px; min-height:280px}} @media screen and (max-width:335px){.billboard, .adsidebar {min-width:300px; min-height:250px}} @media screen and (max-width:299px){.billboard, .adsidebar {min-width:250px}} @media screen and (max-width:249px){.billboard, .adsidebar {min-width:200px; min-height:200px}} @keyframes KaXTamBounce{0%,100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} 30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)} 40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)} 50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)} 65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)} 75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)} } @-webkit-keyframes KaXTamBounce{0%,100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} 30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)} 40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)} 50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)} 65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)} 75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)} } @keyframes KaXTamShake {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 KaXTamShake {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)} } @keyframes KaXTamSpin {from {transform:rotate(0deg)} to {transform:rotate(360deg)} } @-webkit-keyframes KaXTamSpin {from { -webkit-transform: rotate(0deg)} to { -webkit-transform: rotate(360deg)} } @keyframes KaXTamFade {from {opacity: 0} to {opacity: 1} } @-webkit-keyframes KaXTamFade {from {opacity: 0} to {opacity: 1} } @keyframes KaXTamSlideDown {0% {transform: translateY(-100%); } 100% {transform: translateY(0); } } @-webkit-keyframes KaXTamSlideDown {0% {transform: translateY(-100%); } 100% {transform: translateY(0); } } @keyframes KaXTamSlideRight {0% {transform: translateX(-100%); } 100% {transform: translateX(0); } } @-webkit-keyframes KaXTamSlideRight {0% {transform: translateX(-100%); } 100% {transform: translateX(0); } } @keyframes KaXTamBukaToggle {0% {transform: translateX(100%); } 100% {transform: translateX(0%); } } @-webkit-keyframes KaXTamBukaToggle {0% {transform: translateX(100%); } 100% {transform: translateX(0%); } } @keyframes KaXTamTutupToggle {0% {transform: translateX(0%); } 100% {transform: translateX(100%); } } @-webkit-keyframes KaXTamTutupToggle {0% {transform: translateX(0%); } 100% {transform: translateX(100%); } } @keyframes KaXTamGradient {0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @-webkit-keyframes KaXTamGradient {0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @-moz-keyframes KaXTamGradient {0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @keyframes KaXTamShine{0%{background-position: -400px 0 } 100%{background-position: 400px 0 } } @-webkit-keyframes KaXTamShine{0%{background-position: -400px 0 } 100%{background-position: 400px 0 } } @-moz-keyframes KaXTamShine{0%{background-position: -400px 0 } 100%{background-position: 400px 0 } } @keyframes KaXTamZoom{from {width:0%} to {width:100%} } @-webkit-keyframes KaXTamShine{from {width:0%} to {width:100%} } @-moz-keyframes KaXTamShine{from {width:0%} to {width:100%} } @keyframes KaXTamWobble{0%{transform:scale(0) rotate(-54deg) translatey(40px)}45%{transform:scale(1.1) rotate(20deg) translatey(0px)}60%{transform:scale(1) rotate(-15deg) translatey(0px)}77%{transform:scale(1) rotate(10deg) translatey(0px)}100%{transform:translatey(0)}} @-webkit-keyframes KaXTamWobble{0%{transform:scale(0) rotate(-54deg) translatey(40px)}45%{transform:scale(1.1) rotate(20deg) translatey(0px)}60%{transform:scale(1) rotate(-15deg) translatey(0px)}77%{transform:scale(1) rotate(10deg) translatey(0px)}100%{transform:translatey(0)}} @-moz-keyframes KaXTamWobble{0%{transform:scale(0) rotate(-54deg) translatey(40px)}45%{transform:scale(1.1) rotate(20deg) translatey(0px)}60%{transform:scale(1) rotate(-15deg) translatey(0px)}77%{transform:scale(1) rotate(10deg) translatey(0px)}100%{transform:translatey(0)}} @-webkit-keyframes KaXTamRing{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 KaXTamRing{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); } } @keyframes KaXTamRing{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); } } 
</style> 

Nah untuk yang lainnya ya seperti biasa. ok guys terimakasih semoga bermanfaat