WhatsApp Mod <style type="text/css"> <!-- /* Variable definitions end ========================*/ /** * Eric Meyer's Reset CSS v2.0 http://meyerweb.com/eric/tools/css/reset/ * http://cssreset.com */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;/*font-size:100%;*/font:inherit;vertical-align:baseline;} /* HTML5 display-role reset for older browsers */ article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;display:block;}*{margin:0;padding:0;}html{display:block;}blockquote,q{quotes:none;}blockquote::before,blockquote::after,q::before,q::after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;} /* Blogger CSS Reset */ .section,.widget{margin:0 0 0 0;padding:0 0 0 0;} .navbar,.blog-feeds,.feed-links,#backlinks-container,a.home-link,.blog-mobile-link{display:none;} .post-body .separator > a, .post-body .separator > span {margin-left: 0 !important;} /* FRAMEWORK */ strong,b{font-weight:bold;} cite,em,i{font-style:italic;} a:link{color:#175A96;text-decoration:none;outline:none;} a:visited{color:#175A96;text-decoration:none;} a:hover{color:#393939;text-decoration:none;} a img{border:none;border-width:0;outline:none;} abbr,acronym{border-bottom:1px dotted;cursor:help;} sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%;} sub{top:.4em;}small{font-size:86%;} kbd{font-size:80%;border:1px solid #777;padding:2px 5px;border-bottom-width:2px;border-radius:3px;} mark{background-color:#ffce00;color:black;} p,blockquote,pre,table,figure,hr,form,ol,ul,dl{margin:0 0 1.5em;} hr{height:1px;border:none;background-color:#666;} h1{font-size:1.8rem} h2{font-size:1.6rem} h3{font-size:1.4rem} h4{font-size:1.2rem} h5{font-size:1rem} h6{font-size:0.9rem} /* Heading */ h1,h2,h3,h4,h5,h6 {margin: 0 0 0.6em;font-weight: bold;} /* List */ ol,ul,dl{margin: .8em 0em .8em 3em} li{margin: .5em 0} dt{font-weight: bold} dd{margin: 0 0 .5em 2em} /* form */ input,button,select,textarea{font:inherit;font-size:100%;line-height:normal;vertical-align:baseline;} textarea{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} /* Code & Blockquote */ pre,code{font-family:"Courier New",Courier,Monospace;color:inherit;} pre{white-space:pre;word-wrap:normal;overflow:auto;} blockquote{background:rgba(0,0,0,0.05);margin:1.5em 2em;padding:1em 1em;font-style:italic;font-size:105%;} blockquote::before {content: "\f10d"; font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;padding-right:4px;color:#666;} /* Table */ table[border="1"] td, table[border="1"] th {vertical-align: top;text-align: left;font-size: 13px;padding: 3px 5px;border: 1px solid #f6f6f6;} table[border="1"] th {background: #eee;} table, img {max-width: 100%;height: auto;} iframe {max-width: 100%;} td.tr-caption {color: #777;} .clear {clear: both;}.clear::after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;} /* TRANSISI */ a:link, .label-count, #cssmenu ul ul li, #cssmenu > ul > li.has-sub > a::before, #cssmenu ul ul li.has-sub > a::before, .berlangganan-box input.submit-email[type="submit"], .berlangganan-box input.email-address[type="text"] {transition: all 0.2s;-moz-transition: all 0.2s;-webkit-transition: all 0.2s;} .lazyload,.lazyloading {opacity: 0;} .lazyloaded {opacity: 1;transition: opacity 300ms;} .related-post-style-3 .related-post-item {transition: opacity 0.2s linear;} .label-info-th a, .info-1, .info-2, h2.post-title, .post-snippet, .sidebar-sticky {transition: all .2s linear; -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; } .img-thumbnail, .img-thumbnail img {transition: width .2s linear; -o-transition: width .2s linear; -moz-transition: width .2s linear; -webkit-transition: width .2s linear; } #searchfs input[type="search"], h1,h2,h3,h4,h5,h6 {transition: font-size .2s linear; -o-transition: font-size .2s linear; -moz-transition: font-size .2s linear; -webkit-transition: font-size .2s linear; } .img-thumbnail, .img-thumbnail img, .FeaturedPost .post-summary, .FeaturedPost .image, .PopularPosts .item-thumbnail, .PopularPosts .widget-content ul li img, .Profile .widget-content, .PopularPosts .widget-content ul, .list-label-widget-content ul, .label-info-th a, .displaypageNum a, .showpage a, .pagecurrent, #blog-pager-newer-link a, #blog-pager-older-link a, .Profile .profile-link, .label-size, .berlangganan-box, #baca-juga, #baca-juga h2, .related-post-item-thumbnail, #baca-juga ul, .PopularPosts ul li .item-thumbnail-only::before, .PopularPosts ul li .item-content::before, .PopularPosts ul li > a::before {border-radius: 3px;} #share a:first-child {border-radius: 3px 0 0 3px;} #share a:last-child {border-radius: 0 3px 3px 0;} /* Warna Body */ body {background: #f3f3f3 none repeat scroll top left;margin: 0 0 0 0;padding: 0 0 0 0;color: #121212;font: normal normal 16px Arial, sans-serif;text-align: left;} /* WRAPPER */ #wrapper {background: #f3f3f3;max-width: 1000px;margin: 0 auto;padding: 70px 30px 30px;overflow: hidden;} /* HEADER */ #header-container {background: #5b86e5;position: absolute;top: 0;left: 0;right: 0;width: 100%;z-index: 999;height: 48px;} #header-wrapper {max-width: 1000px;margin: 0 auto;position: relative;} .header {max-width: 400px;float: left;margin-right: 28px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .header h1.title, .header p.title {text-align:left; font: bold 20px Poppins, Arial, sans-serif;color: #ffffff;margin: 0px 3px;text-transform: uppercase;line-height: 48px;} .header .description {color: #ffffff;margin: -10px 0 4px 0;padding: 0;font-size: 0.7em;display: none;} .header a, .header a:hover {color: #ffffff;} .header img {display: block;width: auto;margin: 10px 0;max-height: 28px;} /* POST WRAPPER */ .post-container {padding-right: 25px;} #post-wrapper {background:transparent;float:left;width:70%;max-width:700px;margin:0 0 10px;} .breadcrumbs {font-size: 0.9em !important;} .breadcrumbs a {color: #393939;} .breadcrumbs a:hover {color: #175A96;} .post {margin-bottom: 20px;padding: 15px 30px 30px 30px;-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.04), 0 3px 1px -2px rgba(0, 0, 0, 0.05), 0 1px 5px 0 rgba(0, 0, 0, 0.04);background-color: #fff;border-radius: 5px;padding: 10px;} .post-body {font:normal normal 16px Arial, sans-serif;color:#121212;line-height: 1.65em;text-align: left;word-wrap: break-word;} h2.post-title, h1.post-title {font: bold 20px Poppins, Arial, sans-serif;} h1.post-title {font-size: 30px;margin-bottom: 15px;} h2.post-title {margin-bottom: 10px;} h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {color: #393939;line-height: 1.425em;} h2.post-title a:hover, h1.post-title a:hover {color: #175A96;} .img-thumbnail {position: relative;float: left;width: 255px;height: 170px;margin-top: 3px;overflow: hidden;} .img-thumbnail img {width: 90%;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;} .label-line::before, .label-line-c::before {z-index: 1;content: "";width: 100%;height: 2px;background: #5b86e5;position: absolute;top: 50%;left: 0;margin-top: -2px;} .label-info-th a {color: #fff;background: #5b86e5;display: inline-block;padding: 6px 12px;margin: 1px 0;font-size: 11px;font-weight: 500;text-transform: uppercase;border: 2px solid #5b86e5;} .label-info-th a:hover {color: #393939;} .post-info {color: #393939;font: normal normal 13px Arial, sans-serif;line-height: 1.6em;} .post-snippet b, .post-snippet strong, .post-snippet i, .post-snippet em {font-weight: normal;font-style: normal;} .info-1 {margin-top: 10px;} .info-2 {margin-top: 10px;} .info-3 {margin-bottom: 1.6em;} .post-info a {display: inline-block;color: inherit;} .post-info a:hover {color: #175A96;} .author-info::after, .time-info::after, .label-info::after {content: "-";padding: 0 2px;} .edit-post a {color: #175A96;} .edit-post a:hover {color: #393939;} .edit-post::before {content: "-";padding: 0 2px;} /* SIDEBAR WIDGET */ #sidebar-wrapper {background:transparent;float:right;width:30%;max-width:300px;margin:0 auto;} .sidebar h2, .sidebar-sticky h2, .latest-post-title h2, .above-post-widget h2, .comments h3, .breadcrumbs {font: normal 15px Arial, sans-serif;margin-bottom: 20px;padding: 0px 0px 5px;color: #393939;display: inline-block;border-bottom: 2px solid #eaeaea;} .section:last-child .widget:last-child, .sidebar .widget, .sidebar-sticky .widget, .above-post-widget .widget, .bellow-header-widget .widget, #blog-pager {margin:0 0 30px;clear:both;} .sidebar ul, .sidebar ol, .sidebar-sticky ul, .sidebar-sticky ol {list-style-type:none;margin: 0;padding: 0;} .sidebar li, .sidebar-sticky li {margin:5px 0;padding: 0;} .sidebar-sticky {z-index: 9;} .sidebar .widget-content::after, .sidebar-sticky .widget-content::after, .sidebar .widget-content::before, .sidebar-sticky .widget-content::before {content: "";display: table;table-layout: fixed;clear: both;} .bellow-header-widget {text-align: center;} .bellow-header-widget h2 {display: none;} .bellow-header-widget .widget {overflow: hidden;} .bellow-header-widget img, .bellow-header-widget iframe{max-width: 100%;border: none;overflow: hidden;} /* CUSTOM WIDGET */ .widget-item-control {float: right;height: 20px;margin-top: -20px;position: relative;z-index: 10} .widget-item-control a {opacity: .5} .widget-item-control a:hover {opacity: 1} .widget .widget-item-control a img {border: none;padding: 0 ;background: none;-moz-box-shadow: none;-webkit-box-shadow: none;-ie-box-shadow: none;box-shadow: none} .widget ul {line-height:1.4em;} /* GSC */ .gsc-search-box-tools .gsc-search-box .gsc-input {margin: 3px 0 !important;} .gsib_a {padding: 0px 6px 0 !important;} .cse .gsc-search-button-v2, .gsc-search-button-v2 {padding: 9px 27px !important;} /* Label */ .label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {font-size:100%;opacity:10} .cloud-label-widget-content {text-align:left} .label-size {transition: all 0.25s;-moz-transition: all 0.25s;-webkit-transition: all 0.25s;line-height:1.2;display: block;float: left;margin: 0 3px 3px 0;color: #175A96;font-size: 13px;text-transform: uppercase;border: 1px solid #175A96;} .label-size a,.label-size span{display: inline-block;color: #175A96;padding: 6px 8px;} .label-size:hover {border: 1px solid #393939;} .label-size:hover a, .label-size:hover .label-count {color: #393939;} .label-count {margin-left: -12px;margin-right: 0px;} .list-label-widget-content ul {-moz-column-count: 2;-moz-column-gap: 8px;-webkit-column-count: 2;-webkit-column-gap: 8px;column-count: 2;column-gap: 8px;} .list-label-widget-content ul li {border-bottom: 2px dotted #efefef;padding-bottom: 5px;margin: 0 0;padding-top: 5px;} .bellow-header-widget .cloud-label-widget-content {} .bellow-header-widget .cloud-label-widget-content .label-size {font-weight: bold;} .bellow-header-widget .cloud-label-widget-content .label-size a, .bellow-header-widget .cloud-label-widget-content .label-size span {padding: 15px 20px;} .list-label-widget-content ul li a {border-bottom: 1px dotted #e6e6e6;border-radius: 5px;margin-bottom: 3px;font-size: 14px;color: #5b86e5;text-overflow: ellipsis;transition: initial;overflow: hidden;white-space: nowrap;display: block;transition: initial;padding: 7px 11px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .list-label-widget-content ul li a:hover {background: #f5f5f5;color: #888;} .list-label-widget-content ul li {list-style-type: none;margin: 0 0;border:none;display: inline-grid;width: 100%;} .list-label-widget-content {padding: 0px 7px;} div.Label{background: #fff;padding-bottom: 20px;box-shadow:0 2px 8px rgba(0,0,0,0.05);} div.Label h2 {border-top: 2px solid #5b86e5;padding: 15px 0;text-indent: 20px;width: 100%;border-bottom: 1px solid #dadada;margin-bottom: 5px;} .Label h2 svg {float: right;margin-right: 15px; display: inline-block;width: 20px;height: 20px;vertical-align: -5px;background-repeat: no-repeat !important;content: '';} .widget:hover h2 > svg {animation: rubberBand 1s;} .list-label-widget-content ul li a:before {background-image:url("data:image/svg+xml,");margin-right: 10px;display: inline-block;width: 20px;height: 20px;vertical-align: -5px;background-repeat: no-repeat !important;content: '';} @keyframes rubberBand{from{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,0.75,1)}40%{transform:scale3d(0.75,1.25,1)}50%{transform:scale3d(1.15,0.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}} /* Feed */ .Feed ul li {display: block;margin: 0 0 10px;} .Feed ul li:last-child {margin-bottom: 10px;} .Feed .item-date, .Feed .item-author {color: #999;} .Feed .item-title {font-weight: bold;} /*Popular Posts*/ .popular-posts {background: #5b86e5;} .PopularPosts ul li:hover{background: #3333330f;} .popular-posts ul li a {color:#fff;} .popular-posts ul li a:hover {color:#fff;} .PopularPosts h2 {text-indent: 20px;border-top: 2px solid #5b86e5;margin-bottom: 0px;border-bottom: none;width: 100%;padding-bottom: 15px;background: #fff;padding-top: 15px;} .PopularPosts h2 span {margin-left:20px} .PopularPosts .widget-content ul, .PopularPosts .widget-content ul li {margin: 0 0;padding: 0 0;list-style:none;border:none;outline:none;} .PopularPosts .widget-content ul {margin: 0;list-style:none;counter-reset:num;} .PopularPosts .widget-content ul li img {display: block;width: 70px;height: 70px;float: left;} .PopularPosts .widget-content ul li {margin: 0;counter-increment: num;position: relative;border-bottom: 1px solid rgba(0,0,0,0.08);border-top: 1px solid rgba(255,255,255,0.12);} .PopularPosts ul li:last-child {margin-bottom: 0px;} .PopularPosts ul li .item-thumbnail-only::after, .PopularPosts ul li .item-content::after, .PopularPosts ul li > a::after {background: #efefef;} .PopularPosts .item-title {line-height: 1.6;margin-right: 8px;min-height: 40px;font-weight: bold;} .PopularPosts .item-thumbnail {float: left;margin-right: 8px;} .PopularPosts .item-snippet {line-height: 1.6em;margin-top: 8px;opacity: 0.925;} .PopularPosts ul li > a {font-weight: bold; font-size: 14px;} .PopularPosts .item-title, .PopularPosts .item-thumbnail, .PopularPosts .item-snippet {margin-left: 28px;} .PopularPosts ul li > a {display: block;padding: 8px 20px;font-size: 15px;font-weight: 400;min-height: 45px;} .PopularPosts h2 svg {margin-right: 15px;float: right;display: inline-block;width: 20px;height: 20px;vertical-align: -5px;background-repeat: no-repeat!important;content: '';} /* Featured Post */ .FeaturedPost .post-summary {background: #f7f7f7;position: relative;padding: 0;min-height: 190px;max-height: 450px;overflow: hidden;} .FeaturedPost .post-summary h3 {font: bold 20px Poppins, Arial, sans-serif;position: absolute;bottom: 58px;z-index: 1;font-size: 28px;margin: 0 15px;} .FeaturedPost .post-summary h3::after {content:"";position:absolute;top:-0.25em;right:100%;bottom:-0.25em;width:0.25em;} .FeaturedPost .post-summary h3 a {color: #393939;background: #ffffff;padding: 3px 8px;-webkit-box-decoration-break: clone;-o-box-decoration-break: clone;box-decoration-break: clone;} .FeaturedPost .post-summary h3 a:hover {color: #175A96;} .FeaturedPost .post-summary p {position: absolute;background: #ffffff;color: #393939;padding: 3px 8px;bottom: 15px;margin: 0 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 90%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .FeaturedPost .image {display: block;} .sidebar .FeaturedPost .post-summary h3 {font-size: 16px;} /* Artikel Terbaru */ .artikel-terbaru ul li {border-bottom: 2px dotted #efefef;padding-bottom: 8px;margin-bottom: 8px;font-weight: bold;} .LinkList ul li, .PageList ul li {border-bottom: 2px dotted #efefef;padding: 6px 0px;} .artikel-terbaru ul li::before, .LinkList ul li::before, .PageList ul li::before {content: "\f14b"; font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;margin-right: 6px;color: #175A96;} .artikel-terbaru ul li::before {content: "\f14b";} .LinkList ul li::before {content: "\f14c"; } .PageList ul li::before {content: "\f249"; } /* Newsletter Atau Subcribe Button */ #limitedSubs {/*box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);*/width:100%; height:auto; background:#fff; border-radius:7.5px;display: block; margin:auto; line-height:40px; padding:0px} #limitedSubs .email__ {padding:15px 15px 5px;} #limitedSubs .email span {font-size: 13px;text-align: center;} #limitedSubs .email {margin:auto; color:#777;line-height:29px;} #limitedSubs .email:before {content:''; width:50px; height:50px; display:block; text-align:center; margin:auto; border-radius:100px; transition:all .3s ease; -webkit-animation:limitedRing 5s 0s ease-in-out infinite; -webkit-transform-origin:50% 4px; -moz-animation:limitedRing 5s 0s ease-in-out infinite; -moz-transform-origin:50% 4px; animation:limitedRing 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='DodgerBlue'/%3E%3C/svg%3E") center center / 50px no-repeat;} #limitedSubs .medsos__ {padding:15px 0px; line-height:0px; border-top:1px dotted #cccfe2;} #limitedSubs 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} #limitedSubs input {padding-left: 15px;width: calc(100% - 35px); height:35px; border:1px solid #cccfe2; border-right:0px; font-size:12px; border-radius:50px 0px 0px 50px;} #limitedSubs button {width:35px; height:35px; margin:0px; padding:0px; background-color:#5b86e5; border:0px; box-shadow:none; vertical-align:top; cursor:pointer; transition:all .3s ease; background-image:unset; border-radius:0px 50px 50px 0px;} #limitedSubs button:hover, #limitedSubs button:focus {background-color:#175A96;} #limitedSubs button:before {display:inline-block; width:20px; height:20px; margin:0px; background:url("data:image/svg+xml,") no-repeat; content:''; vertical-align:-3px;} #limitedSubs .medsos {width:100%; text-align:center;} #limitedSubs .medsos svg {width:20px;height:20px;margin-top:7px} #limitedSubs .medsos svg path {fill:#fff} #limitedSubs .medsos a {/*box-shadow: 0px 7px 15px 0px rgba(0,0,0,0.4);*/display:inline-block; margin-right:7px; width:35px; height:35px; transition: all ease-in-out 300ms; border-radius:100px;} #limitedSubs .medsos a:last-child {margin-right:0px;} #limitedSubs .medsos a:hover {transform: translate(0px, -10px) scale(1.05);} #limitedSubs .medsos .facebook{background:#3a579a} #limitedSubs .medsos .twitter {background:#00abf0} #limitedSubs .medsos .googleplus {background:#df4a32} #limitedSubs .medsos .youtube {background:#cc181e} #limitedSubs .medsos .instagram {background:#992ebc} #limitedSubs .medsos .codepen {background:#292E34} .newspaptext {font-size:12px;text-align:center;} /*Animasi*/ @-webkit-keyframes limitedRing{ 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 limitedRing{ 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 limitedRing{ 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); } } /* Back to top */ #back-to-top {background:rgba(0,0,0,0.2);color:#ffffff;padding:8px 10px;font-size:24px;border-radius: 4px;} .back-to-top {position: fixed !important;position: absolute;bottom: 25px;right: 20px;z-index: 998;} /* Share button */ .share-this-pleaseeeee {display: inline-block;margin: 0;color: #393939;text-transform: uppercase;font-size: 16px;background: #ffffff;z-index: 1;position: relative;padding: 0 10px;font-weight: bold;} #share-container {margin: 20px auto 30px;overflow: hidden;} #share {width: 100%;text-align: center;} #share a {width: 25%;height: 40px;display: block;font-size: 24px;color: #fff;transition: opacity 0.15s linear;float: left;} #share a:hover {opacity: 0.8;} #share i {position: relative;top: 50%;transform: translateY(-50%);} .facebook {background: #3b5998;} .twitter {background: #55acee;} .linkedin {background: #0077b5;} .pinterest {background: #cb2027;} .whatsapp {background: #25d366;} /* Status Msg */ .status-msg-wrap {font-size: 110%;width: 90%;margin: 0 auto 15px;position: relative;} .status-msg-border {border: none;filter: alpha(opacity=40);-moz-opacity: .4;opacity: .4;width: 100%;position: relative;} .status-msg-bg {background-color: transparent;opacity: .8;filter: alpha(opacity=30);-moz-opacity: .8;width: 100%;position: relative;z-index: 1;} .status-msg-body {text-align: center;padding: .3em 0;width: 100%;position: absolute;z-index: 4;} .status-msg-hidden {visibility: hidden;padding: .3em 0;}.status-msg-wrap a {padding-left: .4em;} /* SLOT IKLAN */ .iklan-tengah1 .widget, .iklan-tengah2 .widget, .iklan-bawah .widget, .iklan-atas .widget, .iklan-tengah1 .widget-content, .iklan-tengah2 .widget-content, .iklan-bawah .widget-content, .iklan-atas .widget-content {margin:0 !important;} .iklan-tengah1 h2, .iklan-tengah2 h2, .iklan-bawah h2, .iklan-atas h2 {display: none;} .post-body .widget-content {text-align: center;margin: 0.8em 0 0.8em;display: block;}.post-body .widget-content:blank {margin: 0 0;} /* PAGE NAVIGATION */ #blog-pager {clear:both !important;padding:2px 0;text-align: center;}#blog-pager-newer-link a {float:left;display:block;}#blog-pager-older-link a {float:right;display:block;} .displaypageNum a,.showpage a,.pagecurrent, #blog-pager-newer-link a, #blog-pager-older-link a {font-size: 14px;padding: 8px 12px;margin: 2px 3px 2px 0px;display: inline-block;color: #5b86e5;border: 1px solid #5b86e5;} #blog-pager-older-link a:hover, #blog-pager-newer-link a:hover, a.home-link:hover, .displaypageNum a:hover,.showpage a:hover, .pagecurrent {color: #393939;border: 1px solid #393939;} .showpageOf { display: none !important;}#blog-pager .pages {border: none;} /* SEARCH FORM */ .search-icon { position: absolute;top: 12px;right: 82px;font-size: 19px;z-index: 99;}.search-icon a {color: #ffffff;} #searchfs {position: fixed;z-index:9999;top: 0px;left: 0px;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8); -webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;-webkit-transform: translate(0px, -100%) scale(0, 0);-moz-transform: translate(0px, -100%) scale(0, 0);-o-transform: translate(0px, -100%) scale(0, 0);-ms-transform: translate(0px, -100%) scale(0, 0);transform: translate(0px, -100%) scale(0, 0);opacity: 0;} #searchfs.open {-webkit-transform: translate(0px, 0px) scale(1, 1);-moz-transform: translate(0px, 0px) scale(1, 1);-o-transform: translate(0px, 0px) scale(1, 1);-ms-transform: translate(0px, 0px) scale(1, 1);transform: translate(0px, 0px) scale(1, 1); opacity: 1;z-index: 9999;} #searchfs input[type="search"] {position: absolute;top: 50%;left: 0;margin-top: -51px; width: 70%;margin-left: 15%;color: rgb(255, 255, 255);background: transparent;border-top: 1px solid rgba(255, 255, 255, .8);border-bottom: 2px solid rgba(255, 255, 255, .5);border-left: 0px solid transparent;border-right: 0px solid transparent;font-size: 40px;text-align: center;outline: none;padding: 10px;} #searchfs .close {position: fixed;bottom: 50%;right: 50%;color: #fff;background-color: transparent;opacity: 0.8;font-size: 40px;border: none;outline: none;margin-bottom: 60px;margin-right: -10px;}#searchfs .close:hover {cursor: pointer;} /* NAV MENU */ #cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #head-mobile ;border: 0;list-style: none;line-height: 1;display: block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}#cssmenu ul li a {position: relative;}#cssmenu #head-mobile {position: relative;}#cssmenu {text-align: left;} #cssmenu ul {margin: 0;display: block;height: 48px;list-style: none} #cssmenu #head-mobile {display: none;position: relative;} #cssmenu > ul > li {float: left;margin: 0;list-style: none} #cssmenu > ul > li > a {padding: 0 17px;font: bold 12px Arial, sans-serif;line-height: 48px;letter-spacing: 0.8px;text-decoration: none;text-transform: uppercase;color: #ffffff;} #cssmenu > ul > li:hover > a, #cssmenu ul li.active a {color: #ffffff;} #cssmenu > ul > li:hover, #cssmenu ul li.active:hover, #cssmenu ul li.active, #cssmenu ul li.has-sub.active:hover {background: rgba(64,64,64,0.1);-webkit-transition: background .2s ease;-ms-transition: background .2s ease;transition: background .2s ease;} #cssmenu ul li.has-sub {position: relative;} #cssmenu > ul > li.has-sub > a::after, #cssmenu ul ul li.has-sub > a::after {content: "\f0d7"; font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;margin-left: 10px;} #cssmenu ul ul li.has-sub > a::after {content: "\f0da"; } #cssmenu > ul > li.has-sub:hover > a::after {content: "\f0d8"; } #cssmenu ul ul {height: auto;position: absolute;left: -9999px;z-index: 1;-webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,0.15);box-shadow: 0 2px 8px 0 rgba(0,0,0,0.15);opacity: 0;transform: translateY(-2em);transition: all 0.3s ease-in-out 0s;} #cssmenu li:hover > ul {left: auto;opacity: 1;transform: translateY(0%);transition-delay: 0s, 0s, 0.3s; } #cssmenu ul ul li {background: #f8f8f8;margin: 0;list-style: none} #cssmenu ul ul li:hover {background: #eaeaea;} #cssmenu ul ul ul{margin-left: 100%;top: 0} #cssmenu ul ul li a {font: 400 12px Arial, sans-serif;border-bottom: 1px solid rgba(150,150,150,0.15);padding: 0 17px;line-height: 42px;max-width: 100%;text-decoration: none;color: #393939;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} #cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a {border-bottom: 0} #cssmenu ul ul li.has-sub:hover, #cssmenu ul li.has-sub ul li.has-sub ul li:hover {background: #ffffff;} @media screen and (min-width:801px){ #cssmenu ul { display: block !important; list-style: none } } @media screen and (max-width:800px){ #cssmenu { float: none; list-style: none } #cssmenu ul {background: #f8f8f8;width: 100%;display: none;height: auto;-webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,0.15);box-shadow: 0 2px 8px 0 rgba(0,0,0,0.15);} #cssmenu > ul {max-height: calc(100vh - 48px);overflow-y: auto;} #cssmenu ul ul {-webkit-box-shadow: none;box-shadow: none;display:none;opacity: 1;transform: translateY(0%);transition: unset;} #cssmenu li:hover > ul {transition-delay: 0s, 0s, 0s; } #cssmenu ul li {width: 100%;border-top: 1px solid rgba(150,150,150,0.15);background: #f8f8f8;list-style: none} #cssmenu > ul > li:hover, #cssmenu ul li.active:hover, #cssmenu ul li.active, #cssmenu ul li.has-sub.active:hover {background: #eaeaea;} #cssmenu > ul > li:hover > a, #cssmenu ul li.active a {color: #393939;} #cssmenu ul ul li a {padding: 0 25px;} #cssmenu ul li a, #cssmenu ul ul li a {width: 100%;border-bottom: 0;color: #393939;} #cssmenu > ul > li {float: none;position: relative;list-style: none} #cssmenu ul ul li.has-sub ul li a {padding-left: 35px} #cssmenu ul ul, #cssmenu ul ul ul {position: relative;left: 0;width: 100%;margin: 0;text-align: left} #cssmenu > ul > li.has-sub > a::after, #cssmenu ul ul > li.has-sub > a::after {display: none} #cssmenu #head-mobile {display: block;padding: 24px;color: #fff;font-size: 12px;font-weight: bold} .button {width: 25px;height: 20px;position: absolute;right: 0;top: 14px;cursor: pointer;z-index: 2;outline: none;} .mline1, .mline2, .mline3 {position: absolute;left: 0;display: block;height: 3px;width: 22px;background: #ffffff;content:'';border-radius: 5px;transition: all 0.2s;} .mline1 {top: 0;} .mline2 {top: 7px;} .mline3 {top: 14px;} .button.menu-opened .mline1 {top: 8px;border: 0;height: 3px;width: 22px;background: #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;} #cssmenu .submenu-button::after {content: "\f0d7"; font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;margin: 0 20px;color: #393939;line-height: 42px;} #cssmenu .submenu-opened::after {content: "\f0d8"; } #cssmenu ul ul .submenu-button::after {line-height: 36px;} #cssmenu ul ul ul li.active a{border-left: none} #cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top: none}} /* Nav Profil By Cenly Limited */ .limitedNav{display:inline-block;float:right;margin-top:3px;position:absolute;right:0;top:0} .limitedNav svg{width:24px;height:24px} .limitedNav svg path{fill:#fff} .limitedNav .check:checked~.NavMenu{opacity:1;visibility:visible;top:46px;min-width:200px;transition:all .3s ease;z-index:2} .limitedNav .icon:hover{color:#009688;animation:rubberBand 1s} .limitedNav .icon .open{display:block} .limitedNav .icon .close{display:none} .limitedNav .check:checked ~ .icon .open{display:none} .limitedNav .check:checked ~ .icon .close{display:block} .limitedNav .NavMenu{opacity:0;visibility:hidden;position:absolute;right:0px;top:0px;background-color:#fff;color:#3c4043;box-shadow:0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.4);transition:all .3s ease} .limitedNav .NavMenu:before, .limitedNav .NavMenu:after{content:'';top:-8px;right:11px;border-color:transparent;border-bottom-color:#e6e6e6;border-style:dashed dashed solid;border-width:0 8.5px 8.5px;position:absolute;z-index:1;height:0;width:0} .limitedNav .NavMenu:before{border-bottom-color:rgba(0,0,0,.25)} .limitedNav .NavMenu #ftprof{max-width:50px;max-height:50px;border-radius:100px;border:1px solid #fff;margin:0px;height:50px;width:50px} .limitedNav .NavMenu ul{margin:0px;padding:0px}.limitedNav .NavMenu ul li{list-style-type:none;transition:all .3s ease}.limitedNav .NavMenu ul li:hover{background:#e6e6e6} .limitedNav .NavMenu ul li a{color:#3c4043;display:block;padding:10px 16px} .limitedNav .NavMenu ul li svg{width:22px;height:22px;vertical-align:-7px;margin-right:10px} .limitedNav .NavMenu ul li svg path{fill:#3c4043} .limitedNav .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} .limitedNav .NavMenu ul li.head svg{width:16px;height:16px;position:relative;left:-7px;margin-right:0px} .limitedNav .NavMenu ul li.head svg path{fill:#4285F4;stroke:#fff;stroke-width:3px;paint-order:stroke} .limitedNav .NavMenu ul li.head ul{line-height:24px;margin-left:3px} .limitedNav .NavMenu ul li.head ul li{padding:0px;font-size:17px;line-height:normal;white-space:nowrap} .limitedNav .NavMenu ul li.head ul li.name{font-weight:700;font-size:17px;margin-bottom:5px} .limitedNav .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} .limitedNav .NavMenu ul li.head ul li.follow a:hover{background-color:#ff9800} .limitedNav .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} .limitedNav .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:0px 15px;border-top:1px solid #fff} .limitedNav .NavMenu ul li.social button{margin:0px;font-size:unset} .limitedNav .NavMenu ul li.social a{padding:15px 7px;z-index:1;position:relative} .limitedNav .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:0px;bottom:0px;left:0px;right:0px;transition:opacity .3s linear} .limitedNav .NavMenu ul li.social svg{margin:0px;width:22px;height:22px} .limitedNav .NavMenu ul li.social .facebook svg{fill:#3a579a} .limitedNav .NavMenu ul li.social .twitter svg{fill:#00abf0} .limitedNav .NavMenu ul li.social .instagram svg path{fill:#9c27b0} .limitedNav .NavMenu ul li.social .pinterest svg path{fill:#e73e36} .limitedNav .NavMenu ul li.social .ytube svg path{fill:#f00} .limitedNav .NavMenu ul li.social a:hover svg, .limitedNav .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:8px;background-position:center;transition:all .5s linear}#header-wrapper label:hover{border-radius:100px;background:rgba(0,0,0,.2) radial-gradient(circle, transparent 2%, rgba(0,0,0,.2) 2%) center/15000%}#header-wrapper label:active, #header-wrapper label:active{border-radius:100px;background-color:rgba(0,0,0,.1);background-size:100%;transition:background 0s}.rap{background-image:url(https://cdn.discordapp.com/attachments/648176027310489614/648242010733543465/PicsArt_11-25-02.21.29.png);background-size:cover} /* FOOTER */ #footer-container {background: #222222;padding: 20px 5px;overflow: hidden;color: #fff;font-size: 12px;text-align: center;} #footer-wrapper {max-width: 1000px;margin: 0 auto;} #footer-wrapper a {color: #fff;} #footer-wrapper a:hover {color: #5b86e5;} /* RELATED POSTS */ .related-post {margin: 30px auto 0;overflow: hidden;} .related-post h4 {position:relative;margin: 0;display: inline-block;font-weight: bold;color: #393939;text-transform: uppercase;font-size: 16px;z-index: 1;background: #ffffff;padding: 0 10px;} .related-post ul {padding: 0 !important;font-size: 14px;} /* Style 3 */ .related-post-style-3, .related-post-style-3 li {margin: 0;padding: 0;list-style: none;word-wrap: break-word;overflow: hidden;} .related-post-style-3 .related-post-item {float: left;width: 23.5%;height: auto;margin-right: 2%;margin-bottom: 10px;} .related-post-style-3 .related-post-item:nth-of-type(4n+0) {margin-right: 0;}.related-post-style-3 .related-post-item:nth-of-type(4n+1) {clear: both;} .related-post-style-3 .related-post-item:hover {opacity: 0.7;} .related-post-style-3 .related-post-item-thumbnail {display: block;max-height: none;background-color: transparent;border: none;padding: 0;max-width: 100%;} .related-post-style-3 .related-post-item-title {color: #444;}.related-post-style-3 .related-post-item-tooltip {padding: 10px 0;}.related-post-item-tooltip .related-post-item-title {font-weight: bold;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;}} /* COMMENT FORM */ #comments-block {margin: 15px 0;}.comment-body {padding: 15px 0;margin: 0 0;}.comment-body p {margin: 0;}.comment-form {overflow: hidden;margin-top: 20px;}.comment-footer {margin: 0 0 30px;} #comments-block .avatar-image-container {display: none;} h4#comment-post-message {display: none;margin: 0 0 0 0;}.comments{clear: both;margin-top: 10px;margin-bottom: 0} .comments .comments-content{font-size: 14px;margin-bottom: 30px}.comments .comments-content .comment-thread ol{text-align: left;margin: 13px 0;padding: 0;list-style: none;} .comment .avatar-image-container {float: left;max-height: 36px;overflow: hidden;width: 36px;}.comments .avatar-image-container img {max-width: 34px;border-radius: 17px;} .comments .comment-block {position: relative;padding: 20px;margin-left: 45px;border: 2px solid #5b86e5;border-radius: 10px;word-break: break-word;} .comments .comments-content .comment-replies{margin:10px 0;margin-left:45px}.comments .comments-content .comment-thread:empty{display:none} .comments .comment-replybox-single {margin-left:45px;margin: 20px 0;}.comments .comment-replybox-thread {margin: 20px 0;}.comments .comments-content .comment{margin-bottom:6px;padding:0}.comments .comments-content .comment:first-child {padding:0;margin:0}.comments .comments-content .comment:last-child {padding:0;margin:0} .comments .comment-thread.inline-thread .comment, .comments .comment-thread.inline-thread .comment:last-child {margin:0px 0px 5px 14%}.comment .comment-thread.inline-thread .comment:nth-child(6) {margin:0px 0px 5px 12%;}.comment .comment-thread.inline-thread .comment:nth-child(5) {margin:0px 0px 5px 10%;}.comment .comment-thread.inline-thread .comment:nth-child(4) {margin:0px 0px 5px 8%;}.comment .comment-thread.inline-thread .comment:nth-child(3) {margin:0px 0px 5px 4%;}.comment .comment-thread.inline-thread .comment:nth-child(2) {margin:0px 0px 5px 2%;}.comment .comment-thread.inline-thread .comment:nth-child(1) {margin:0px 0px 5px 0;}.comments .comments-content .comment-thread{margin:0;padding:0}.comments .comments-content .inline-thread{background:#f3f3f3;margin:0} .comments .comments-content .icon.blog-author {display:inline;height: 18px;margin: 0 0 -4px 6px;width: 18px;}.comments .comments-content .icon.blog-author::after {content:"\f058";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;padding-right:4px;color: #175A96;} .comments .comments-content .comment-header {font-size:14px;margin: 0 0 15px;} .comments .comments-content .comment-content {margin: 0 0 15px;text-align: left;line-height: 1.6;} .comments .comments-content .datetime {margin-left: 6px;}.comments .comments-content .datetime a {color:#393939;} .comments .comments-content .user {font-weight: bold;font-style: normal;} .comments .comment .comment-actions a {display: inline-block;font-size: 13px;line-height: 15px;margin: 4px 8px 0 0;} .comments .continue a {display:inline-block;font-size:13px;padding: .5em;}.comments .comment .comment-actions a:hover, .comments .continue a:hover{text-decoration:underline;} .pesan-komentar {}.pesan-komentar p {margin: 5px 0 15px;} .deleted-comment {font-style: italic;opacity: .5;} .comments .comments-content .loadmore {cursor: pointer;margin-top: 3em;max-height: 3em}.comments .comments-content .loadmore.loaded {max-height: 0;opacity: 0;overflow: hidden}.comments .thread-chrome.thread-collapsed {display: none}.comments .thread-toggle {display: inline-block} .comments .thread-toggle .thread-arrow {display: inline-block;height: 6px;margin: .3em;overflow: visible;padding-right: 4px;width: 7px} .comments .thread-expanded .thread-arrow {background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent} .comments .thread-collapsed .thread-arrow {background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAABJRU5ErkJggg==") no-repeat scroll 0 0 transparent}.comments .hidden {display: none} /* Show - Hide Comment */ .hide-content{display:none;margin:0;padding:0;} a.showcontent,#comments a.hiddencontent{display:block;text-decoration:none;position:relative;color:#5b86e5;font-weight:700;font-size:15px;padding:12.5px 0;background:#f3f3f3;border:2px solid;border-radius:5px;text-align:center;margin:30px auto;letter-spacing:1px;transition:all .3s} #comments a.hiddencontent {background:#f3f3f3;color:#5b86e5;transition:all .3s} a.showcontent:hover{background:#f3f3f3;color:#5b86e5;} #comments a.hiddencontent:hover{background:#f3f3f3;color:#5b86e5;} @media screen and (max-device-width:480px) { .comments .comments-content .comment-replies { margin-left: 0 } } /* MEDIA QUERY */ @media only screen and (max-width:1080px){ #wrapper {margin: 0 auto;} .footer-widget {max-width: 100%;} #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 {padding-left: 0px;padding-right: 0px;position: relative;} #wrapper {padding: 70px 20px 20px;} #cssmenu > ul > li > a {padding: 0px 20px;line-height: 42px;} .footer-widget .widget {padding-left: 20px;padding-right: 20px;} .button {left: 20px;} .header {position: absolute;top: 0;left: 45px;right: 45px;z-index: 1;text-align: center;float: none;display: inline-block;max-width: 100%;margin-right: 0;} .header img {display: inline-block !important;}.img-thumbnail {width: 180px;height: 120px;}} @media only screen and (max-width:768px){ #post-wrapper, #sidebar-wrapper {float:none;width:100%;max-width:100%} .post-container {padding: 0 0 20px 0;}} @media only screen and (max-width:640px){ #wrapper {padding: 70px 15px 15px;} #cssmenu > ul > li > a {padding: 0 15px;} .footer-widget .widget {padding-left: 15px;padding-right: 15px;} .button {left: 15px;} #post-wrapper, #sidebar-wrapper {float:none;width:100%;max-width:100%}} @media only screen and (max-width:480px){ul.nav-social li {padding: 0px 8px;} .post-snippet {margin-top: 10px;} blockquote {margin-left:0;margin-right:0;} .post-body .baca-juga-wrap {margin: 1em 0 1em 0;max-width: 100%;} h1{font-size:170%} h2{font-size:150%} h3{font-size:130%} h4{font-size:120%} h5{font-size:110%} h6{font-size:100%} h2.post-title {font-size: 18px;} h1.post-title {font-size: 24px;} .section:last-child .widget:last-child, .sidebar .widget, .sidebar-sticky .widget, .above-post-widget .widget, .bellow-header-widget .widget, #blog-pager {margin:0 0 20px;} .comments .comments-content .comment-replies{margin-left:20px !important;} .comments .comment-block {padding: 15px !important;} .comment .comment-thread.inline-thread .comment {margin: 0 0 0 0 !important;}iframe#comment-editor {min-height: 270px;} #searchfs input[type="search"] {font-size: 26px;} .FeaturedPost .post-summary, .bellow-header-widget {width: calc(100% + 30px);margin: 0px 0px 15px -15px;} .FeaturedPost .post-summary, .FeaturedPost .image, .img-thumbnail, .img-thumbnail img {border-radius: unset;} .FeaturedPost .post-summary h3 {font-size: 20px;margin: 0 10px;} .FeaturedPost .post-summary p {margin: 0 10px;}} .post-body pre .google-auto-placed, .post-body table .google-auto-placed, .post-body blockquote .google-auto-placed, #header-container .google-auto-placed, .sidebar-sticky .google-auto-placed{display:none;} .quickedit{display:none;} /* Button Dark Mode */ .modedark{display:inline-block;float: right;margin-top: 3px;position:absolute;right:38px;top: 0;z-index:999;} .modedark svg{width:24px;height:24px;vertical-align: -5px;background-repeat: no-repeat !important;content: '';} .modedark svg path{fill:#fff;} .modedark .check:checked ~ .NavMenu{opacity:1;visibility:visible;top:45px;min-width:200px;transition:all .3s ease;z-index:2;} .iconmode {cursor: pointer;display: block;padding: 8px;background-position: center;transition: all .5s linear;} .iconmode:hover{border-radius: 100px;background: rgba(0,0,0,.2) radial-gradient(circle, transparent 2%, rgba(0,0,0,.2) 2%) center/15000%;} .check {display: none;} .modedark .iconmode .openmode{display:block;} .modedark .iconmode .closemode{display:none;} .modedark .check:checked ~ .iconmode .openmode{display:none;} .modedark .check:checked ~ .iconmode .closemode{display:block;} /* Warna Dark Mode */ .Night #wrapper {background: #292e38;} .Night #HTML3 {background:#1d2129;} .Night #footer-widget-container {background:#1d2129;} .Night .share-this-pleaseeeee {background:#cccccc;} .Night .related-post h4{background:#1d2129;} .Night #label-info-th {background:#5b86e5;} .Night body {background:#1d2129;} .Night .post-body {color:#cccccc;} .Night .label-info-th a {color:#cccccc;background:#5b86e5} .Night li.recent-posts a{color:#cccccc} .Night .recent-posts-title h2{color:#cccccc} .Night .post-info {color:#cccccc} .Night {background:#292e38;} .Night h2.post-title a {color:#cccccc;} .Night h2.post-title a:hover {color:#f17f43} .Night .post-title {color:#ffffff;} .Night .post-snippet {color:#cccccc} .Night #limitedSubs {background:#1d2129;} .Night #Label1 h2{background:#1d2129;} .Night #Label3 h2{background:#1d2129;border-bottom-color:#1d2129;} .Night .list-label-widget-content{background:#1d2129;} .Night div.Label{background:#1d2129;} .Night .list-label-widget-content ul li a{background: #1d2129;color: #ffffff;} .Night .post{background:#1d2129;border-bottom-color: #1d2129;} .Night .PopularPosts h2{background:#1d2129;} .Night .PopularPosts .widget-content ul li{background:#1d2129;} .Night .PopularPosts ul li > a{background:#1d2129;} .Night .PopularPosts .item-title{background:#1d2129;} .Night .latest-post-title h2{background:#292e38;border-bottom-color: #cccccc;} .Night .PopularPosts h2 span{color:#cccccc} .Night .list-label-widget-content ul li {border-bottom-color: #1d2129;} .Night .img-thumbnail img {background: #252931 linear-gradient(to right, rgba(255, 255, 255, 0) 5%, rgb(49, 54, 64) 20%, rgba(255, 255, 255, 0) 30%);background-size: 800px 104px;} .Night #limitedSubs .medsos__ {border-top-color: #313640;} .Night #footer-container{background:#12161f;} .Night .sidebar h2 {color:#b7b7b7;border-bottom-color: #cccccc;} .Night .sidebar-sticky h2 {color:#b7b7b7;border-bottom-color: #cccccc;} .Night .latest-post-title h2 {color:#b7b7b7;border-bottom-color: #cccccc;} .Night .above-post-widget h2 {color:#b7b7b7;border-bottom-color: #cccccc;} .Night .comments h3 {color:#b7b7b7;border-bottom-color: #313640;} .Night .breadcrumbs {color:#b7b7b7;border-bottom-color: #cccccc;} .Night .breadcrumbs a{color:#cccccc;} .Night .btnsocialshare {background:#383c44;} .Night .label-line::before{background: #5b86e5;} .Night .label-line-c::before {background: #5b86e5;} .Night a.showcontent:hover {background: #292e38;} .Night a.showcontent{background: #292e38} .Night #limitedSubs input{background: #cccccc;border-color:#cccccc;} .Night .comments .comments-content .comment-content {color:#ffffff} .Night div#Label1 h2 {border-bottom: 1px solid #272b33;background: #343944;} .Night .related-post-style-3 .related-post-item-title {color: #bbb;} .Night #comments a.hiddencontent {background: #292e38;} .Night .comments .comments-content .comment-thread ol {background: #292e38;} .Night .comments .comments-content .inline-thread {background: #292e38;} /* Dark Mode Bintang, Mode Malam */ .section-center{position: fixed;width: 100%;height: 100%; top: 50%; left: 50%;display: none;overflow: hidden; z-index: 5;pointer-events: none;box-shadow: 0 0 50px 5px rgba(255,148,0,.1);transform: translate(-50%, -50%);} .section-center {-webkit-transition: all 500ms linear;transition: all 500ms linear;} .shooting-star {z-index: 2;width: 1px;height: 50px;border-bottom-left-radius: 50%;border-bottom-right-radius: 50%;position: absolute;top: 0;left: -70px;background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white);animation: animShootingStar 6s linear infinite;-webkit-transition: all 2000ms linear;transition: all 2000ms linear; } .shooting-star-2 {z-index: 2;width: 1px;height: 50px;border-bottom-left-radius: 50%;border-bottom-right-radius: 50%;position: absolute;top: 0;left: 200px;background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white);animation: animShootingStar-2 9s linear infinite;-webkit-transition: all 2000ms linear;transition: all 2000ms linear; } .star {z-index: 2;position: absolute;top: 185px;left: 25px;background-image: url('https://ivang-design.com//svg-load/air/star.png');background-size: 15px 15px;width: 15px;height: 15px;opacity: 0.4;animation: starShine 3.5s linear infinite;-webkit-transition: all 1200ms linear;transition: all 1200ms linear; } .star.snd {top: 100px;left: 310px;animation-delay: 1s;} .star.trd {top: 130px;left: 100px;animation-delay: 1.4s;} .star.fth {top: 190px;left: 200px;animation-delay: 1.8s;} .star.fith {top: 85px;left: 1080px;animation-delay: 2.2s;} @keyframes animShootingStar { from {transform: translateY(0px) translateX(0px) rotate(-45deg); opacity: 1;height: 5px;} to {transform: translateY(1280px) translateX(1280px) rotate(-45deg);opacity: 1;height: 800px;}} @keyframes animShootingStar-2 { from {transform: translateY(0px) translateX(0px) rotate(-45deg);opacity: 1;height: 5px;} to {transform: translateY(1920px) translateX(1920px) rotate(-45deg);opacity: 1;height: 800px;}} @keyframes starShine { 0% {transform: scale(0.3) rotate(0deg);opacity: 0.4;} 25% {transform: scale(1) rotate(360deg);opacity: 1;} 50% {transform: scale(0.3) rotate(720deg);opacity: 0.4;} 100% {transform: scale(0.3) rotate(0deg);opacity: 0.4;}} .mobile .blogger-iframe-colorize {display: block !important;} .blogger-iframe-colorize {display: block !important;} ]]> >"; position: absolute; bottom: 18px; z-index: 999; right: 80px; color: #999; font-size: 12px; } body#layout #wrapper, body#layout #header-wrapper, body#layout #footer-container, body#layout #footer-widget-container { margin: 0 0; padding: 0 20px; } body#layout #footer-container { padding-bottom: 20px; } body#layout #cssmenu { position: relative; height: 33px; display: block; padding: 20px; margin: 8px 0; width: 500px; font-size: 14px; color: #fff; background: #bbbbbb; font-weight: bold; float: right; border: 1px solid #8e8e8e; } body#layout #cssmenu ul, 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; } body#layout .sidebar-container { padding: 0 0 0 0; } body#layout #searchfs, body#layout .latest-post-title, body#layout .section h4 { display: none; } body#layout div.section { background: transparent; margin: 0px 0px 15px 0px; padding: 0px; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body#layout .sidebar-sticky::before { content: "Widget Sidebar (Sticky)"; } body#layout .sidebar::before { content: "Widget Sidebar"; } body#layout .above-post-widget::before { content: "Widget di Atas Post (Hanya Homepage)"; } body#layout .Blog::before { content: "Posting Blog"; margin-bottom: 8px; } body#layout .bellow-header-widget::before { content: "Widget di Bawah Header/Menu Navigasi"; } body#layout .sidebar-sticky::before, body#layout .sidebar::before, body#layout .above-post-widget::before, body#layout .Blog::before, body#layout .bellow-header-widget::before, body#layout #footer-widget-container::before { padding: 5px 10px; display: block; font-size: 14px; color: #fff; background: #bbbbbb; border: 1px solid #8e8e8e; font-weight: bold; } body#layout .add_widget, body#layout .widget-content { padding: 12px; } body#layout .add_widget a { margin-left: 0px; font-size: 14px; } body#layout div.layout-title { font-size: 14px; } body#layout div.layout-widget-description { font-size: 12px; } body#layout .editlink { color: #FFFFFF !important; background: #bbbbbb; border-radius: 15px; padding: 4px 6px; } body#layout #footer-wrapper { position: relative; background: #fff; height: 40px; border: 1px solid #ddd; } body#layout #footer-wrapper::after { content:"Footer"; color:#999; position:absolute; top:12px; } ]]>