<!----><head>
Page Not Found - <data:blog.title/>
<data:view.title.escaped/>
<data:blog.pageName/> - <data:blog.title/>
<data:view.title.escaped/>
<data:blog.pageName/> - <data:blog.title/>
*/
/*
======================================
IGNIPLEX: Premium Blogger Template - Designed by Igniel (igniel.com)
======================================
Name : IGNIPLEX
Version : 2.1
Date : January 1, 2019
Demo : igniplex.blogspot.com
Type : Premium (Paid)
Designer : Igniel
Website : www.igniel.com
***************************************
This template / theme is premium (paid).
You can only get it by purchasing officially.
If you get it for free through any method, that means you get it illegally.
***************************************
*/
@font-face{font-family:'Google Sans';font-style:normal;font-weight:400;src:local('Google Sans Regular'),local(GoogleSans-Regular),url(//fonts.gstatic.com/s/googlesans/v11/4UaGrENHsxJlGDuGo1OIlL3Kwp5MKg.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Google Sans';font-style:normal;font-weight:400;src:local('Google Sans Regular'),local(GoogleSans-Regular),url(//fonts.gstatic.com/s/googlesans/v11/4UaGrENHsxJlGDuGo1OIlL3Nwp5MKg.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:'Google Sans';font-style:normal;font-weight:400;src:local('Google Sans Regular'),local(GoogleSans-Regular),url(//fonts.gstatic.com/s/googlesans/v11/4UaGrENHsxJlGDuGo1OIlL3Awp5MKg.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Google Sans';font-style:normal;font-weight:400;src:local('Google Sans Regular'),local(GoogleSans-Regular),url(//fonts.gstatic.com/s/googlesans/v11/4UaGrENHsxJlGDuGo1OIlL3Owp4.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Google Sans';font-style:normal;font-weight:500;src:local('Google Sans Medium'),local(GoogleSans-Medium),url(//fonts.gstatic.com/s/googlesans/v11/4UabrENHsxJlGDuGo1OIlLU94Yt3CwZ-Pw.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Google Sans';font-style:normal;font-weight:500;src:local('Google Sans Medium'),local(GoogleSans-Medium),url(//fonts.gstatic.com/s/googlesans/v11/4UabrENHsxJlGDuGo1OIlLU94YtwCwZ-Pw.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:'Google Sans';font-style:normal;font-weight:500;src:local('Google Sans Medium'),local(GoogleSans-Medium),url(//fonts.gstatic.com/s/googlesans/v11/4UabrENHsxJlGDuGo1OIlLU94Yt9CwZ-Pw.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Google Sans';font-style:normal;font-weight:500;src:local('Google Sans Medium'),local(GoogleSans-Medium),url(//fonts.gstatic.com/s/googlesans/v11/4UabrENHsxJlGDuGo1OIlLU94YtzCwY.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
body{
background-color:$(body.backgrounds.color);
font-smooth:antialiased;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
font:$(body.text.font);
color:$(body.text.color);
padding:0px;
margin:0px;
}
a{
color:$(body.link.color);
text-decoration:none;
transition:all .3s ease;
position:relative;
}
a:hover{
color:$(body.link.hover.color);
}
.hidden{
display:none
}
.invisible{
visibility:hidden
}
.clear{
clear:both
}
.jump-link{
display:none;
}
.check{
display:none;
}
h2,h3,h4,h5{
font-weight:500;
line-height:1.35em;
}
h2{font-size:1.75em;}
h3{font-size:1.5em;}
h4{font-size:1.2em;}
blockquote{
display:block;
font:$(blockquote.font);
font-size:18px;
background:$(blockquote.color);
color:#fff;
margin:20px 0px;
padding:20px 20px 20px 50px;
position:relative;
border-radius:3px;
box-shadow:0 1px 0 rgba(0,0,0,.2);
}
blockquote:before{
content:'';
background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14,17H17L19,13V7H13V13H16M6,17H9L11,13V7H5V13H8L6,17Z' fill='%23aa7340'/%3E%3C/svg%3E") no-repeat center center;
width:45px;
height:45px;
position:absolute;
left:5px;
top:5px;
}
blockquote:after{
content:'';
display:block;
position:absolute;
top:0;
right:0;
border:10px solid;
border-color:#fff #fff rgba(255,255,255,0.25) rgba(255,255,255,.25);
border-radius:0 0 0 3px;
box-shadow:0 1px 0 rgba(0,0,0,.1);
}
.ripple{
background-position:center !important;
transition:background 0.5s !important;
}
button{
border-radius:100px;
padding:10px 25px;
font-size:16px;
text-transform:uppercase;
cursor:pointer;
color:white;
background-color:$(body.link.color);
background-position:center;
box-shadow:0 0 4px #999;
transition:background .3s;
}
button:hover, .ripple:hover{
background:$(body.link.hover.color) radial-gradient(circle, transparent 2%, $(body.link.hover.color) 2%) center/15000% !important;
}
button:active, .ripple:active{
background-color:#fff !important;
background-size:100% !important;
transition:background 0s !important;
}
button.download:before{
content:'';
width:20px;
height:20px;
display:inline-block;
vertical-align:-5px;
margin-right:5px;
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") center center / 20px no-repeat;
}
button.demo:before{
content:'';
width:20px;
height:20px;
display:inline-block;
vertical-align:-5px;
margin-right:7px;
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") center center / 20px no-repeat;
}
.svg-icon-24{
width:24px;
height:24px;
vertical-align:middle;
}
button.svg-icon-24-button{
border-radius:0px;
padding:0px;
background:transparent;
box-shadow:none;
}
button.svg-icon-24-button:hover{
background:none !important;
}
.widget-content img{
max-width:100%;
}
.breadcrumbs{
font:$(igniplexFontSystem);
color:$(posts.text.color);
overflow:hidden;
text-overflow:ellipsis;white-space:
nowrap;
display:block;
position:relative;
margin:0 auto 15px;
border-bottom:1px solid $(body.backgrounds.color);
padding-bottom:15px;
}
.breadcrumbs span a{
color:$(posts.text.color);
}
.breadcrumbs span a:hover{
color:$(body.link.hover.color);
}
.breadcrumbs a:hover{
color:$(body.link.hover.color);
}
.post-filter-message{
background-color:#d9ffc9;
border:1px solid #9bd084;
padding:10px;
margin-bottom:20px;
border-radius:7px;
font:$(igniplexFontSystem);
text-align:center;
}
.post-filter-message span{
font-weight:500;
font-size:120%;
}
.post-body table {width:100%;}
.post-body table td,.post-body table caption{background:#fff;border:1px solid $(igniplex.main.color);padding:10px;text-align:left;vertical-align:top}
.post-body table th{background-color:$(igniplex.main.color);font-size:16px;color:#fff;border:1px solid $(igniplex.main.color);border-right:1px solid #fff;padding:10px;text-align:center;vertical-align:top}
.post-body table th:last-child{border-right:1px solid $(igniplex.main.color)}
.post-body table.tr-caption-container {border:1px solid $(igniplex.main.color);margin:0px;}
.post-body table caption{border:none;font-style:italic;}
.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:$(body.text.color);
}
.post-body table.tr-caption-container,.post-body table.tr-caption-container img,.post-body img{
max-width:100%;
width:auto;
height:auto;
display:block;
margin:auto;
text-align:center;
clear:both;
}
.post-body td.tr-caption {
color:#ccc;
font-size:80%;
padding:0px 8px 8px!important;
}
#HTML3 .widget-content{
margin:20px 0px 20px -20px;
text-align:center;
max-width:100%;
}
#HTML4 .widget-content{
margin:auto auto 20px;
text-align:center;
max-width:100%;
}
.post-body .igniplexTengah{
margin:20px 0px !important;
padding:0px !important;
}
.post-body .box{
padding:10px;
margin:20px 0px;
border-radius:7px;
}
.post-body .box.green{
color:#155724;
background-color:#d4edda;
border:1px solid #c3e6cb;
}
.post-body .box.blue{
color:#004085;
background-color:#cce5ff;
border:1px solid #b8daff;
}
.post-body .box.red{
color:#721c24;
background-color:#f8d7da;
border:1px solid #f5c6cb;
}
.post-body .box.yellow{
color:#856404;
background-color:#fff3cd;
border:1px solid #ffeeba;
}
.post-body pre:before{
content:'';
display:inline-block;
border-left:5px solid $(igniplex.main.color);
height:100%;
position:absolute;
left:0px;
top:0px;
}
.post-body pre{
background-color:#333;
padding:0; margin:.5em auto; white-space:pre; word-wrap:break-word; overflow:auto; position:relative; width:100%; -moz-tab-size:2; -o-tab-size:2; tab-size:2; word-break:normal; user-select:text; -webkit-user-select:text; -khtml-user-select:text; -moz-user-select:text; -ms-user-select:text; user-select:text; -webkit-hyphens:none; -moz-hyphens:none; -ms-hyphens:none; hyphens:none
}
.post-body pre code{
color:#ccc;
font-size:13px;
max-height:300px;
padding:10px 20px;
line-height:1.5em; display:block; background:none; border:none; font-family:'source code pro',menlo,consolas,monaco,monospace; white-space:pre-wrap; overflow:auto; user-select:text; -webkit-user-select:text; -khtml-user-select:text; -moz-user-select:text; -ms-user-select:text; user-select:text
}
.totop{
visibility:hidden;
opacity:0;
width:50px;
height:50px;
position:fixed;
bottom:80px;
right:40px;
z-index:2;
cursor:pointer;
border-radius:100px;
transition:all .3s ease;
background:$(igniplex.main.color) url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12,2L4.5,20.29L5.21,21L12,18L18.79,21L19.5,20.29L12,2Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center center;
background-size:30px 30px;
}
.totop:hover{
background-color:$(igniplex.second.color);
}
.totop.show{
visibility:visible;
opacity:1;
bottom:40px;
}
.widget h3{
margin:0px 0px 10px;
}
.PageList{
display:block;
width:100%;
background-color:$(body.link.hover.color);
}
.PageList .widget-content{
color:#fff;
font-size:16px;
font-weight:500;
max-width:calc($(max.width.all) - 20px);
margin:auto;
}
.PageList .widget-content .tabs{
list-style-type:none;
margin:0px auto;
padding:0px 20px 0px 0px;
}
.PageList .widget-content .tabs li{
padding:10px 0px;
}
.PageList .widget-content .tabs li a{
color:#fff;
}
#HTML1 h3.title,#HTML2 h3.title,#HTML3 h3.title,#HTML4 h3.title{
display:none;
}
#HTML1 .widget-content{
margin-bottom:20px;
display:block;
text-align:center;
}
#igniplexHeader{
position:sticky;
position:-webkit-sticky;
top:0px;
background-color:$(igniplex.main.color);
z-index:2;
box-shadow:0 1px 3px rgba(0,0,0,.3);
}
#igniplexHeader .header-inner #header .widget img{
max-height:35px;
max-width:100%;
width:auto;
display:block;
}
#igniplexHeader .replaced h1, #igniplexHeader .replaced h2, #igniplexHeader .header-inner #header #HTML404{
display:none
}
#igniplexHeader .header-inner{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
align-items:center;
justify-content:space-between;
color:#fff;
margin:auto;
max-width:$(max.width.all);
padding:5px 0px;
height:40px;
}
#igniplexHeader .header-inner a{
color:#fff;
}
#igniplexHeader .header-inner .widget h1,#igniplexHeader .header-inner .widget h2{
margin:0px;
color:#fff;
font-weight:400;
letter-spacing:2px;
text-transform:uppercase;
font-size:24px;
white-space:nowrap;
}
#igniplexHeader .header-inner .widget h1::first-letter,#igniplexHeader .header-inner .widget h2::first-letter{
background-color:#fff;
color:$(igniplex.main.color);
padding:0px 5px;
margin-right:3px;
font-weight:500;
letter-spacing:0px;
}
#igniplexHeader .header-inner .widget p{
display:none;
margin-bottom:0px;
color:#fff;
text-align:left;
}
#igniplexHeader .header-inner .header-right{
display:flex;
flex-wrap:nowrap;
align-items:center;
position:relative;
}
#igniplexHeader .header-inner label{
cursor:pointer;
display:block;
padding:8px;
background-position:center;
transition:all .5s linear;
}
#igniplexHeader .header-inner label:hover{
border-radius:100px;
background:rgba(0,0,0,.2) radial-gradient(circle, transparent 2%, rgba(0,0,0,.2) 2%) center/15000%;
}
#igniplexHeader .header-inner label:active, #igniplexHeader .header-inner label:active{
border-radius:100px;
background-color:rgba(0,0,0,.1);
background-size:100%;
transition:background 0s;
}
#igniplexHeader .header-inner svg{
width:24px;
height:24px;
vertical-align:-4px;
transition:all .3s ease;
}
#igniplexHeader .header-inner svg path{
fill:#fff;
transition:all .3s ease;
}
#igniplexHeader .header-inner .igniplexMenu{
margin-right:10px;
}
#igniplexHeader .header-inner .igniplexMenu .MenuList{
opacity:0;
visibility:hidden;
position:absolute;
top:0px;
box-shadow:0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
transition:all .3s ease;
min-width:350px;
}
#igniplexHeader .header-inner .igniplexMenu .MenuList ul{
margin:0px;
padding:0px;
background-color:$(menu.color);
}
#igniplexHeader .header-inner .igniplexMenu .MenuList ul > li{
list-style-type:none;
position:relative;
border-bottom:1px solid rgba(255,255,255,.1);
}
#igniplexHeader .header-inner .igniplexMenu .MenuList ul > li:last-child{
border-bottom:0px;
}
#igniplexHeader .header-inner .igniplexMenu .MenuList ul > li > a{ /* menu utama */
color:$(menu.text.color);
padding:12px;
font-weight:500;
font-size:14px;
display:flex;
justify-content:space-between;
}
#igniplexHeader .header-inner .igniplexMenu .MenuList ul li:hover a, #igniplexHeader .header-inner .igniplexMenu .MenuList ul li.open a{ /* menu utama hover */
background-color:rgba(255,255,255,.1);
}
#igniplexHeader .header-inner .igniplexMenu .MenuList ul li ul{ /* semua dropdown */
white-space:nowrap;
}
#igniplexHeader .header-inner .igniplexMenu .MenuList ul li ul li a{ /*semua dropdown isi `a` */
font:$(igniplexFontSystem);
font-size:12px;
font-weight:500;
padding:12px;
}
#igniplexHeader .header-inner .igniplexMenu .MenuList ul > li > ul{ /* dropdown pertama */
background-color:$(menu.dropdown.color);
}
#igniplexHeader .header-inner .igniplexMenu .MenuList ul > li > ul > li{
border-bottom:1px solid rgba(0,0,0,.2);
}
#igniplexHeader .header-inner .igniplexMenu .MenuList ul > li > ul > li:last-child{
border-bottom:0px;
}
#igniplexHeader .header-inner .igniplexMenu .MenuList ul > li > ul > li:hover > a, #igniplexHeader .header-inner .igniplexMenu .MenuList ul > li > ul > li.open > a{ /* dropdown pertama hover */
background-color:rgba(0,0,0,.2);
color:$(menu.dropdown.text.color);
}
#igniplexHeader .header-inner .igniplexMenu .MenuList ul > li > ul > li > ul{ /* dropdown kedua */
background-color:$(menu.sub.dropdown.color);
}
#igniplexHeader .header-inner .igniplexMenu .MenuList ul > li > ul > li > ul > li{
border-bottom:1px solid rgba(0,0,0,.2);
}
#igniplexHeader .header-inner .igniplexMenu .MenuList ul > li > ul > li > ul > li:last-child{
border-bottom:0px;
}
#igniplexHeader .header-inner .igniplexMenu .MenuList ul > li > ul > li > ul > li > a{ /* dropdown kedua warna text */
color:$(menu.sub.dropdown.text.color);
}
#igniplexHeader .header-inner .igniplexMenu .MenuList ul > li > ul > li > ul > li:hover > a{ /* dropdown kedua hover */
background-color:rgba(0,0,0,.2);
color:$(menu.sub.dropdown.text.color);
}
#igniplexHeader .header-inner .igniplexMenu .MenuList ul li a:not(:only-child):after{
content:'';
background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center center;
width:20px;
height:20px;
display:inline-block;
vertical-align:middle;
margin-left:3px;
transition:all .3s ease;
}
#igniplexHeader .header-inner .igniplexMenu .MenuList ul > li.open > a:not(:only-child):after{
transform:rotate(180deg);
}
#igniplexHeader .header-inner .igniplexMenu .icon .open{
display:block;
}
#igniplexHeader .header-inner .igniplexMenu .icon .close{
display:none;
}
#igniplexHeader .header-inner .igniplexMenu .check:checked ~ .MenuList{
opacity:1;
visibility:visible;
top:50px;
transition:all .3s ease;
overflow:auto;
max-height:calc(100vh - 50px);
}
#igniplexHeader .header-inner .igniplexMenu .check:checked ~ .icon .open{
display:none;
}
#igniplexHeader .header-inner .igniplexMenu .check:checked ~ .icon .close{
display:block;
}
#igniplexHeader .header-inner .header-right .igniplexSearch{
position:absolute;
right:40px;
top:0px;
bottom:0px;
}
#igniplexHeader .header-inner .header-right .igniplexSearch .search .input {
background-color:#fff;
color:$(posts.text.color);
font:$(igniplexFontSystem);
font-size:14px;
padding:0px;
width:0px;
height:30px;
border-radius:25px;
vertical-align:bottom;
top:5px;
right:10px;
position:relative;
transition:all .3s ease;
}
#igniplexHeader .header-inner .header-right .igniplexSearch .search .icon{
position:absolute;
top:0px;
right:0px;
border-radius:25px;
transition:all .3s ease;
}
#igniplexHeader .header-inner .header-right .igniplexSearch .search .icon .open{
display:block;
}
#igniplexHeader .header-inner .header-right .igniplexSearch .search .icon .close{
display:none;
}
#igniplexHeader .header-inner .header-right .igniplexSearch .search .check:checked ~ .input, #igniplexHeader .header-inner .header-right .igniplexSearch .search .input:focus{
padding:0px 10px 0px 15px;
width:200px;
}
#igniplexHeader .header-inner .header-right .igniplexSearch .search .check:checked ~ .icon .open{
display:none;
}
#igniplexHeader .header-inner .header-right .igniplexSearch .search .check:checked ~ .icon .close{
display:block;
position:relative;
right:6px;
}
#igniplexHeader .header-inner .header-right .igniplexSearch .search .check:checked ~ .icon:hover{
background-color:transparent;
}
#igniplexHeader .header-inner .header-right .igniplexSearch .search .check:checked ~ .icon > svg path{
fill:$(posts.text.color);
}
#igniplexHeader .header-inner .header-right .check:checked ~ .NavMenu{
opacity:1;
visibility:visible;
top:45px;
transition:all .3s ease;
}
#igniplexHeader .header-inner .header-right .igniplexNavigation .NavMenu{
opacity:0;
visibility:hidden;
position:absolute;
right:0px;
top:0px;
background-color:#fff;
color:#3c4043;
font-size:14px;
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;
}
#igniplexHeader .header-inner .header-right .igniplexNavigation .NavMenu:before, #igniplexHeader .header-right .igniplexNavigation .NavMenu:after{
content:'';
top:-8px;
right:8px;
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;
}
#igniplexHeader .header-inner .header-right .igniplexNavigation .NavMenu:before{
border-bottom-color:rgba(0,0,0,.25);
}
#igniplexHeader .header-right .igniplexNavigation .NavMenu img{
max-width:50px;
max-height:50px;
border-radius:100px;
border:1px solid #fff;
}
#igniplexHeader .header-inner .header-right .igniplexNavigation .NavMenu ul{
margin:0px;
padding:0px;
}
#igniplexHeader .header-inner .header-right .igniplexNavigation .NavMenu ul li{
list-style-type:none;
transition:all .3s ease;
}
#igniplexHeader .header-inner .header-right .igniplexNavigation .NavMenu ul li:hover{
background:#e6e6e6;
}
#igniplexHeader .header-inner .header-right .igniplexNavigation .NavMenu ul li a{
color:#3c4043;
display:block;
padding:10px 16px;
}
#igniplexHeader .header-inner .header-right .igniplexNavigation .NavMenu ul li svg{
width:24px;
height:24px;
vertical-align:middle;
margin-right:10px;
}
#igniplexHeader .header-inner .header-right .igniplexNavigation .NavMenu ul li svg path{
fill:#3c4043;
}
#igniplexHeader .header-inner .header-right .igniplexNavigation .NavMenu ul li.head{
background-color:#e6e6e6;
display:flex;
align-items:center;
padding:10px 16px;
}
#igniplexHeader .header-inner .header-right .igniplexNavigation .NavMenu ul li.head svg{
width:16px;
height:16px;
position:relative;
left:-7px;
}
#igniplexHeader .header-inner .header-right .igniplexNavigation .NavMenu ul li.head svg path{
fill:#4285F4;
stroke:#fff;
stroke-width:3px;
paint-order:stroke;
}
#igniplexHeader .header-inner .header-right .igniplexNavigation .NavMenu ul li.head ul{
line-height:24px;
}
#igniplexHeader .header-inner .header-right .igniplexNavigation .NavMenu ul li.head ul li{
padding:0px;
font-size:16px;
white-space:nowrap;
}
#igniplexHeader .header-inner .header-right .igniplexNavigation .NavMenu ul li.head ul li.name{
font-weight:500;
}
#igniplexHeader .header-inner .header-right .igniplexNavigation .NavMenu ul li.social{
background-color:#e6e6e6;
display:flex;
justify-content:space-between;
padding:0px 16px;
}
#igniplexHeader .header-inner .header-right .igniplexNavigation .NavMenu ul li.social a{
padding:16px 10px;
z-index:1;
position:relative;
}
#igniplexHeader .header-inner .header-right .igniplexNavigation .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:40px;
height:40px;
top:0px;
bottom:0px;
left:0px;
right:0px;
transition:opacity .3s linear;
}
#igniplexHeader .header-inner .header-right .igniplexNavigation .NavMenu ul li.social svg{
margin:0px;
}
#igniplexHeader .header-inner .header-right .igniplexNavigation .NavMenu ul li.social .facebook svg{
fill:#3a579a;
}
#igniplexHeader .header-inner .header-right .igniplexNavigation .NavMenu ul li.social .twitter svg{
fill:#00abf0;
}
#igniplexHeader .header-inner .header-right .igniplexNavigation .NavMenu ul li.social .instagram svg path{
fill:#9c27b0;
}
#igniplexHeader .header-inner .header-right .igniplexNavigation .NavMenu ul li.social .blogger svg path{
fill:#dc7950;
}
#igniplexHeader .header-inner .header-right .igniplexNavigation .NavMenu ul li.social a:hover svg, #igniplexHeader .header-right .igniplexNavigation .NavMenu ul li.social a.instagram:hover svg path{
fill:$(body.text.color);
}
#igniplexSlider{
display:block;
color:#fff;
position:relative;
margin-bottom:20px;
padding:10px 10px 0px;
}
#igniplexSlider .PopularPosts{
width:100%;
overflow:auto;
}
#igniplexSlider .PopularPosts h3.title{
display:none;
}
#igniplexSlider .PopularPosts .widget-content div[role="feed"]{
position:relative;
overflow:hidden;
/* animation:slide 8s ease-in-out infinite;
-webkit-animation:slide 8s ease-in-out infinite;
-moz-animation:slide 8s ease-in-out infinite;
-ms-animation:slide 8s ease-in-out infinite;
-o-animation:slide 8s ease-in-out infinite; */
}
#igniplexSlider .PopularPosts .widget-content div[role="feed"]:hover{
animation-play-state:paused;
}
#igniplexSlider .PopularPosts .widget-content .post{
border:0px;
margin:0px;
padding:0px;
float:left;
clear:unset;
}
#igniplexSlider .PopularPosts .widget-content .post:first-child{
width:50%;
}
#igniplexSlider .PopularPosts .widget-content .post:not(:first-child){
width:calc(25% - 10px);
margin:0px 0px 10px 10px;
}
#igniplexSlider .PopularPosts .widget-content .post .item-content{
display:block;
position:relative;
}
#igniplexSlider .PopularPosts .widget-content .post .item-content .item-thumbnail{
float:none;
margin:0px;
}
#igniplexSlider .PopularPosts .widget-content .post .item-content .item-thumbnail:after{
content:'';
background:linear-gradient(to bottom,transparent,rgba(0,0,0,0.5));
position:absolute;
top:0px;
width:100%;
height:100%;
transition:all .3s ease;
}
#igniplexSlider .widget .widget-content .post:hover .item-thumbnail:after{
position:relative;
}
#igniplexSlider .PopularPosts .widget-content .post .item-content .item-thumbnail a{
display:block;
}
#igniplexSlider .PopularPosts .widget-content .post .item-content .item-thumbnail img{
width:100%;
max-width:100%;
border-radius:0px;
transition:all .3s ease;
}
#igniplexSlider .widget .widget-content .post:hover .item-thumbnail img{
transform:scale(1.1);
}
#igniplexSlider .PopularPosts .widget-content .post .item-content .container{
position:absolute;
bottom:0px;
left:0px;
right:0px;
padding:20px;
transition:all .3s ease;
}
#igniplexSlider .PopularPosts .widget-content .post:first-child .item-content .container{
bottom:20px;
}
#igniplexSlider .PopularPosts .widget-content .post .item-content .container h3.post-title{
margin:0px;
font-size:30px;
text-align:center;
}
#igniplexSlider .PopularPosts .widget-content .post:not(:first-child) .item-content .container h3.post-title{
font-size:18px;
}
#igniplexSlider .PopularPosts .widget-content .post .item-content .container h3.post-title a, #igniplexSlider .PopularPosts .widget-content .post .item-content .container .item-snippet{
color:#fff;
text-shadow:0 2px 10px #000, 0 1px 1px rgba(0,0,0,.5);
display:block;
}
#igniplexSlider .PopularPosts .widget-content .post .item-content .container h3.post-title a:hover{
color:$(body.link.hover.color);
}
#igniplexSlider .PopularPosts .widget-content .post .item-content .container .item-snippet{
display:none;
margin-top:10px;
text-align:center;
}
main{
display:block;
max-width:$(max.width.all);
margin:0px auto;
padding:0px 20px;
position:relative;
}
#igniplex{
display:inline-block;
margin:20px auto auto;
width:100%;
padding:0px;
}
#main{
width:calc((100% - 300px) - 20px);
max-width:$(max.width.left);
float:left;
}
.igniplexTitle{
display:block;
padding:0px;
margin:0px;
}
.igniplexTitle.content{
background-color:$(title.background.color);
padding:40px 20px 210px;
margin-bottom:-190px;
}
.igniplexTitle .inner{
max-width:$(max.width.all);
margin:auto;
}
.igniplexTitle .inner .breadcrumb{
font-size:13px;
background-color:rgba(0,0,0,.5);
color:#fff;
}
.igniplexTitle .inner .title{
font-size:2em;
font-weight:500;
color:#fff;
margin:0px;
display:block;
line-height:1.5em;
}
.blog-posts{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.blog-posts .infeed{
with:100%:
display:block;
padding:0px;
margin-bottom:20px;
}
.post-outer h2.post-title.entry-title{
font-size:20px;
margin:7px 0px;
padding:10px 15px;
}
.post-outer h2.post-title.entry-title a{
color:$(igniplex.second.color);
}
.post-outer{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
flex-wrap:wrap;
background-color:$(posts.background.color);
width:calc((100% / 2) - 10px);
margin:0px 0px 20px 0px;
box-shadow:0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
border-radius:10px;
}
.post-outer:nth-of-type(2n){
margin-right:0px;
}
.post-outer .post{
align-self:flex-start;
}
.post-outer .post:hover .snippet-thumbnail img{
transform:scale(1.1);
filter:brightness(80%);
-webkit-filter:brightness(80%);
}
.blog-posts .post-outer .post .post-body .post-snippet{
display:none;
padding:0px 10px 15px;
color:$(posts.text.color);
font:$(igniplexFontSystem);
font-size:13px;
}
.blog-posts .post-outer .post .post-footer{
display:none;
margin-bottom:5px;
padding:10px 15px;
position:relative;
}
.blog-posts.stream .post-outer .post .post-footer{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
margin-bottom:15px;
padding:0px 0px 15px;
}
.blog-posts .post-outer .post .post-footer .right{
display:none;
}
.blog-posts.stream .post-outer .post .post-footer .right{
display:block;
background-color:$(posts.text.color);
border-radius:25px;
padding:3px 10px 3px 7px;
transition:all .3s ease;
}
.blog-posts .post-outer .post .post-footer .right:hover{
background-color:$(igniplex.main.color);
}
.blog-posts .post-outer .post .post-footer .right a{
color:#fff;
font-weight:500;
}
.blog-posts .post-outer .post .post-footer .right a:before{
content:'';
display:inline-block;
width:20px;
height:20px;
margin-right:5px;
vertical-align:-5px;
background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22,4C22,2.89 21.1,2 20,2H4A2,2 0 0,0 2,4V16A2,2 0 0,0 4,18H18L22,22V4Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center center;
background-size:15px 15px;
}
.blog-posts .post-outer .post .post-footer .left img{
float:left;
max-width:30px;
max-height:30px;
border-radius:100px;
vertical-align:middle;
margin-right:10px;
}
.blog-posts.stream .post-outer .post .post-footer .left img{
max-width:40px;
max-height:40px;
}
.blog-posts .post-outer .post .post-footer .left .post-author{
vertical-align:-5px;
color:$(body.text.color);
font-weight:500;
}
.blog-posts .post-outer .post .post-footer .left .post-author a{
color:$(body.text.color);
}
.blog-posts.stream .post-outer .post .post-footer .left .post-author a{
color:$(body.link.color);
}
.blog-posts.stream .post-outer .post .post-footer .left .post-author{
font-size:14px;
font-weight:500;
vertical-align:-2px;
}
.blog-posts .post-outer .post .post-footer .left .post-timestamp{
position:absolute;
right:15px;
top:14px;
background:#747474;
border-radius:25px;
padding:2px 7px
}
.blog-posts.stream .post-outer .post .post-footer .left .post-timestamp{
position:static;
white-space:nowrap;
background-color:transparent;
border-radius:0px;
padding:0px;
}
.blog-posts .post-outer .post .post-footer .left .post-timestamp a{
color:#fff;
font-size:12px;
}
.blog-posts.stream .post-outer .post .post-footer .left .post-timestamp a{
color:$(posts.text.color);
font-size:11px;
}
.post-outer .post .post-body .snippet-thumbnail{
line-height:0px;
overflow:hidden;
border-radius:10px 10px 0px 0px;
}
.post-outer .post .post-body .snippet-thumbnail img{
width:100%;
transition:all .3s ease;
border-radius:10px 10px 0px 0px;
}
.post-outer .post-footer-bottom{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
justify-content:space-between;
padding:10px 15px;
color:$(posts.text.color);
font-weight:500;
font-size:13px;
overflow:hidden;
white-space:nowrap;
align-self:flex-end;
width:100%;
border-top:1px solid #ddd;
}
.post-outer .post-footer-bottom .post-comment{
display:inline-block;
margin-right:20px;
}
.post-outer .post-footer-bottom .post-comment:before{
content:'';
display:inline-block;
width:17px;
height:17px;
margin-right:3px;
vertical-align:-5px;
background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22,4C22,2.89 21.1,2 20,2H4A2,2 0 0,0 2,4V16A2,2 0 0,0 4,18H18L22,22V4Z' fill='%23757575'/%3E%3C/svg%3E") no-repeat center center;
background-size:17px;
}
.post-outer .post-footer-bottom .post-comment a{
color:$(posts.text.color);
}
.post-outer .post-footer-bottom .post-labels{
float:right;
overflow:hidden;
text-overflow:ellipsis;
}
.post-outer .post-footer-bottom .post-labels:before{
content:'';
display:inline-block;
width:17px;
height:17px;
margin-right:3px;
vertical-align:-5px;
background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.63,5.84C17.27,5.33 16.67,5 16,5H5A2,2 0 0,0 3,7V17A2,2 0 0,0 5,19H16C16.67,19 17.27,18.66 17.63,18.15L22,12L17.63,5.84Z' fill='%23757575'/%3E%3C/svg%3E") no-repeat center center;
background-size:20px;
}
.post-outer .post-footer-bottom .post-labels a{
color:$(posts.text.color);
}
.blog-posts.stream .post-outer, .blog-posts.single .post-outer{
display:block;
width:100%;
background:transparent;
border-radius:0px;
box-shadow:none;
}
.blog-posts.stream .post-outer .post, .blog-posts.single .post-outer .post{
background-color:#fff;
padding:15px 20px 20px;
box-shadow:0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
border-radius:10px;
}
.blog-posts.stream .post-outer .post-body{
font:$(igniplexFontSystem);
line-height:1.5em;
}
.blog-posts.stream .post-outer .post-body a:after{
content:'';
position: absolute;
width:100%;
height:2px;
bottom:-3px;
left:0px;
background-color:$(body.link.hover.color);
visibility:hidden;
-webkit-transform:scaleX(0);
transform:scaleX(0);
-webkit-transition: all .15s ease-in-out 0s;
transition:all .15s ease-in-out 0s;
}
.blog-posts.stream .post-outer .post-body a:hover:after{
visibility:visible;
-webkit-transform:scaleX(1);
transform:scaleX(1);
}
.blog-posts.stream .post-outer .post-body .separator img{
margin:auto;
display:block;
text-align:center;
}
.blog-posts.stream .post-outer h1.post-title.entry-title,.blog-posts.single .post-outer h1.post-title.entry-title{
display:none;
font:$(igniplexFontBold30);
font-size:2em;
font-weight:500;
margin:0px 0px 15px;
}
.blog-posts.stream .post-outer .post-body .iklanAtas ins{
display:block;
margin:auto auto 20px;
text-align:center
}
.blog-posts.stream .post-outer .post-body .iklanBawah ins{
display:block;
margin:20px auto auto;
text-align:center
}
.blog-posts.stream .post-outer .post-body .bacajuga{
display:block;
margin:20px 0px;
}
.blog-posts.stream .post-outer .post-body .bacajuga .judul{
background-color:$(igniplex.main.color);
color:#fff;
display:block;
font-weight:500;
font-size:16px;
padding:7px 15px;
border-radius:5px 5px 0px 0px;
}
.blog-posts.stream .post-outer .post-body .bacajuga .judul:before{
content:'';
display:inline-block;
width:20px;
height:20px;
margin-right:7px;
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='M19,20H4C2.89,20 2,19.1 2,18V6C2,4.89 2.89,4 4,4H10L12,6H19A2,2 0 0,1 21,8H21L4,8V18L6.14,10H23.21L20.93,18.5C20.7,19.37 19.92,20 19,20Z' fill='%23fff'/%3E%3C/svg%3E") center no-repeat;
}
.blog-posts.stream .post-outer .post-body .bacajuga ul{
margin:0px;
border:1px solid $(igniplex.main.color);
border-radius:0px 0px 5px 5px;
padding:10px 15px;
border-top:0px;
}
.blog-posts.stream .post-outer .post-body .bacajuga ul li{
list-style-type:none;
padding:7px 0;
border-bottom:2px dotted rgba(0,0,0,.25);
}
.blog-posts.stream .post-outer .post-body .bacajuga ul li:before{
content:'';
display:inline-block;
width:20px;
height:20px;
margin-right:3px;
margin-left:-5px;
vertical-align:-5px;
background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' fill='%232f303f'/%3E%3C/svg%3E") center no-repeat;
}
.blog-posts.stream .post-outer .post-body .bacajuga ul li:first-child{
padding-top:0px;
}
.blog-posts.stream .post-outer .post-body .bacajuga ul li:last-child{
border:0px; padding-bottom:0px;
}
.blog-posts.stream .post-outer .igniplexShare{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
flex-wrap:nowrap;
align-items:center;
background-color:#fff;
margin-top:20px;
padding:10px 0px;
border-top:5px dotted $(body.backgrounds.color);
position:sticky;
position:-webkit-sticky;
bottom:0px;
}
.blog-posts.stream .post-outer .igniplexShare svg{
width:17px;
height:17px;
vertical-align:-4px;
}
.blog-posts.stream .post-outer .igniplexShare svg path{
fill:#fff;
}
.blog-posts.stream .post-outer .igniplexShare .total{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
flex-wrap:nowrap;
color:$(igniplex.main.color);
margin-right:15px;
font-weight:500;
font-size:16px;
}
.blog-posts.stream .post-outer .igniplexShare .total:before{
content:'';
width:23px;
height:23px;
margin-right:5px;
align-self:center;
background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18,16.08C17.24,16.08 16.56,16.38 16.04,16.85L8.91,12.7C8.96,12.47 9,12.24 9,12C9,11.76 8.96,11.53 8.91,11.3L15.96,7.19C16.5,7.69 17.21,8 18,8A3,3 0 0,0 21,5A3,3 0 0,0 18,2A3,3 0 0,0 15,5C15,5.24 15.04,5.47 15.09,5.7L8.04,9.81C7.5,9.31 6.79,9 6,9A3,3 0 0,0 3,12A3,3 0 0,0 6,15C6.79,15 7.5,14.69 8.04,14.19L15.16,18.34C15.11,18.55 15.08,18.77 15.08,19C15.08,20.61 16.39,21.91 18,21.91C19.61,21.91 20.92,20.61 20.92,19A2.92,2.92 0 0,0 18,16.08Z' fill='%2300887a'/%3E%3C/svg%3E") center no-repeat;
}
.blog-posts.stream .post-outer .igniplexShare a{
width:100%;
padding:7px 0px;
text-align:center;
box-shadow:none;
}
.blog-posts.stream .post-outer .igniplexShare a:hover{
box-shadow:inset 0 0 0 99999px rgba(255,255,255,0.25);
}
.blog-posts.stream .post-outer .igniplexShare a:last-child{
border-radius:0px 3px 3px 0px;
}
.blog-posts.stream .post-outer .igniplexShare a.facebook{
background-color:#3a579a;
border-radius:3px 0px 0px 3px;
}
.blog-posts.stream .post-outer .igniplexShare a.twitter{
background-color:#00abf0
}
.blog-posts.stream .post-outer .igniplexShare a.tumblr{
background-color:#314358;
}
.blog-posts.stream .post-outer .igniplexShare a.pinterest{
background-color:#cd1c1f
}
.blog-posts.stream .post-outer .igniplexShare a.linkedin{
background-color:#2554BF;
}
.blog-posts.stream .post-outer .igniplexShare a.whatsapp{
background-color:#4dc247;
display:none;
}
.blog-posts.stream .post-outer .igniplexAuthor {
background-color:$(body.backgrounds.color);
padding:15px;
border-radius:7px;
margin-top:20px;
}
.blog-posts.stream .post-outer .igniplexAuthor img{
float:left;
max-width:75px;
margin-right:20px;
border-radius:100px;
}
.blog-posts.stream .post-outer .igniplexAuthor .author-name {
font-weight:500;
font-size:16px;
margin-bottom:10px;
}
.blog-posts.stream .post-outer .igniplexAuthor .author-desc {
line-height:20px;
overflow:hidden;
}
.blog-posts.stream .post-outer .igniplexSubscribe{
margin-top:40px;
background-color:#fff;
box-shadow:0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
padding:30px 30px 30px 100px;
border-radius:7px;
position:relative;
}
.blog-posts.stream .post-outer .igniplexSubscribe:before{
content:'';
width:50px;
height:50px;
margin:auto;
position:absolute;
top:0px;
bottom:0px;
left:20px;
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='%2300887a'/%3E%3C/svg%3E") center center / 50px no-repeat;
-webkit-animation:ignielRing 6s 0s ease-in-out infinite;
-webkit-transform-origin:50% 4px;
-moz-animation:ignielRing 6s 0s ease-in-out infinite;
-moz-transform-origin:50% 4px;
animation:ignielRing 6s 0s ease-in-out infinite;
transform-origin:50% 4px;
}
.blog-posts.stream .post-outer .igniplexSubscribe .title{
text-align:center;
text-transform:uppercase;
font-size:20px;
font-weight:500;
display:block;
margin-bottom:20px;
}
.blog-posts.stream .post-outer .igniplexSubscribe form{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
justify-content:center;
align-items:center;
}
.blog-posts.stream .post-outer .igniplexSubscribe form input[type="email"]{
background-color:$(body.backgrounds.color);
color:$(body.text.color);
padding:10px 10px;
flex-grow:1;
width:100%;
border-radius:5px 0px 0px 5px;
}
.blog-posts.stream .post-outer .igniplexSubscribe form input[type="submit"]{
background-color:$(igniplex.main.color);
color:#fff;
padding:10px 20px;
font-weight:500;
text-transform:uppercase;
border-radius:0px 5px 5px 0px;
}
.blog-pager{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
justify-content:center;
margin-top:20px;
color:#fff;
}
.blog-pager a{
color:#fff;
}
.blog-pager .blog-pager-newer-link, .blog-pager .blog-pager-older-link, .blog-pager .home-link{
background-color:$(body.link.color);
padding:15px;
box-shadow:0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
border-radius:100px;
font:$(igniplexFontNormal16);
font-weight:500;
}
.blog-pager .blog-pager-newer-link svg, .blog-pager .blog-pager-older-link svg, .blog-pager .home-link svg{
fill:#fff;
width:30px;
height:30px;
vertical-align:-10px;
}
.blog-pager .home-link{
margin:0px 30px;
}
.blog-posts.stream .post-outer .blog-pager{
margin:20px 0px 0px;
justify-content:space-between;
}
.blog-posts.stream .post-outer .blog-pager .blog-pager-newer-link, .blog-posts.stream .post-outer .blog-pager .blog-pager-older-link, .blog-posts.stream .post-outer .blog-pager .home-link{
padding:8px 15px;
}
.blog-posts.stream .post-outer .blog-pager .home-link{
background-color:$(body.link.hover.color);
margin:0px;
cursor:not-allowed;
}
.blog-posts.stream .post-outer .blog-pager .home-link svg{
width:24px;
height:24px;
vertical-align:bottom;
}
#comments{
margin-top:40px;
}
#comments .comments-content .icon.blog-author{
width:16px;
height:16px;
margin-left:5px;
vertical-align:-3px;
display:inline-block;
background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M11,16.5L18,9.5L16.59,8.09L11,13.67L7.91,10.59L6.5,12L11,16.5Z' fill='%23118ff9'/%3E%3C/svg%3E") no-repeat center center;
}
#comments .comments-content,#comments.embed[data-num-comments="0"] .footer{
background-color:#fff;
padding:20px;
box-shadow:0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
border-radius:7px;
}
#comments .comment-thread ol{
margin:0;
padding-left:0;
}
#comments .comment-thread ol > li{
border-bottom:1px dashed #ccc;
padding-top:15px;
}
#comments .comment-thread ol > li:first-child{
padding-top:0px;
}
#comments .comment-thread ol > li:last-child{
border-bottom:0px;
}
#comments .comment-thread ol > li ol{
margin-top:25px;
}
#comments .comment .comment-replybox-single,#comments .comment-thread .comment-replies{
margin-left:45px;
border-left:2px solid $(igniplex.main.color);
padding-left:15px;
}
#comments .comment-thread .thread-count{
display:none
}
#comments .comment{
list-style-type:none;
padding:0 0 30px;
position:relative
}
#comments .comment .comment{
padding-bottom:8px;
margin-bottom:15px;
}
#comments .comment .comment-replies .comment{
margin-bottom:25px;
}
#comments .comment .comment-replies .comment:last-child{
margin-bottom:15px;
}
#comments .comment:target{
background-color:#d4edda;
padding:10px 10px 25px;
border-radius:10px;
}
#comments .comment .comment:target{
padding:10px 10px 15px;
}
#comments .comment .comment:target .comment-actions{
margin-bottom:5px;
}
#comments .comment-thread ol > li:first-child:target{
padding:10px 10px 25px;
}
.comment .avatar-image-container{
position:absolute
}
.comment .avatar-image-container img{
border-radius:100px;
}
.avatar-image-container svg,.comment .avatar-image-container .avatar-icon{
border-radius:50%;
box-sizing:border-box;
fill:red;
height:35px;
margin:0;
padding:7px;
width:35px
}
.comment .comment-block{
margin-left:45px;
padding-bottom:0;
}
#comments .comment-author-header-wrapper{
margin-left:40px
}
#comments .comment .comment-header .user,#comments .comment .comment-header .user a{
font-style:normal;
font-weight:500;
}
#comments .comment .comment-actions{
bottom:0;
margin-bottom:15px;
position:absolute
}
#comments .comment .comment-replies .comment-actions{
margin-bottom:0px;
}
#comments .comment .comment-actions a,#comments .comment .comment-actions .item-control a{
margin-right:8px;
font-weight:500;
font-size:12px;
}
#comments .comment .comment-header .datetime{
bottom:0;
color:$(posts.text.color);
display:inline-block;
font-size:12px;
margin-left:8px
}
#comments .comment .comment-header .datetime:before{
content:'\2022';
margin-right:5px;
font-family:Arial,sans-serif;
font-style:normal;
font-size:16px;
vertical-align:-2px;
}
#comments .comment .comment-footer .comment-timestamp a,#comments .comment .comment-header .datetime a{
color:$(posts.text.color);
}
#comments .comment .comment-content, .comment .comment-body{
margin-top:5px;
word-break:break-word;
font:$(igniplexFontSystem);
line-height:1.5em;
}
.comment-body{
margin-bottom:12px
}
#comments.embed[data-num-comments="0"] #comment-post-message,#comments.embed[data-num-comments="0"] div.comment-form>p,#comments.embed[data-num-comments="0"] p.comment-footer{
display:none
}
#comment-editor-src{
display:none
}
.comments .comments-content .loadmore.loaded{
max-height:0;
opacity:0;
overflow:hidden
}
.comment-link{
color:$(body.link.color);
position:relative
}
.comment-link .num_comments{
margin-left:8px;
vertical-align:top
}
#comment-holder .continue{
display:none
}
#comment-editor{
margin-bottom:20px;
margin-top:20px;
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdxWDWzoIiBnWyBd3gpdxKYBAStkA7Kk9Ft28Zc-3tEKNomRdnPEdgSyBuc22wuOwI_sCvwT0XrdET9HFQmqMZLut_kk5XwkJupGLQJ-at6XW6yXaBF9XUueu820dmVSNyxsCCG22H2-MB/s1600/igniel-loading.gif") no-repeat center center;
background-size:50px 50px;
}
#comments h3.title{
font-size:20px;
margin:0px 0px 10px;
text-transform:capitalize;
}
#comments .comment-form h4{
display:none;
}
#igniplexFooter{
background-color:$(igniplex.second.color);
margin-top:20px;
color:$(body.backgrounds.color);
}
#igniplexFooter a{
color:$(body.link.hover.color);
}
#igniplexFooter .footer-inner{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
align-items:flex-start;
justify-content:space-between;
max-width:$(max.width.all);
margin:auto;
}
#igniplexFooter .footer-inner h3.title{
font-size:17px;
color:#fff;
margin-top:0px;
border-bottom:1px dashed #fff;
padding-bottom:10px;
}
#igniplexFooter .footer-inner .widget{
margin-bottom:40px;
}
#igniplexFooter .footer-inner .widget .widget-content{
font:$(igniplexFontSystem);
font-size:14px;
margin-top:15px;
}
#igniplexFooter .footer-inner .section{
width:calc(100% / 3);
}
#igniplexFooter .footer-inner .section .widget{
margin:20px 40px 20px 0px;
}
#footer .widget:nth-of-type(1), #footer .widget:nth-of-type(2), #footer .widget:nth-of-type(3){
display:inline-block;
width:calc((100% / 3) - 30px);
margin-bottom:10px;
}
#footer .widget:nth-of-type(1), #footer .widget:nth-of-type(2){
margin-right:40px;
}
#footer .widget .widget-content{
padding:10px;
}
#igniplexFooter .attribution{
display:block;
padding:20px 40px;
margin:auto;
border-top:1px solid rgba(0,0,0,.25);
font:$(igniplexFontSystem);
font-size:13px;
}
#igniplexFooter .attribution .left{
display:inline-block;
}
#igniplexFooter .attribution .right{
float:right;
}
#sidebar,#sidebarSticky{
width:100%;
max-width:$(max.width.right);
margin-left:20px;
float:right;
}
#sidebar img,#sidebarSticky img,#footer img{
max-width:100%;
}
#sidebar .widget{
background-color:#fff;
border-radius:7px;
box-shadow:0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
margin-bottom:20px;
}
#sidebar .widget h3.title{
background-color:$(igniplex.main.color);
color:#fff;
font-size:17px;
margin:0px;
padding:10px 15px;
border-radius:7px 7px 0px 0px;
}
#sidebar .widget ul,.footer-inner .widget ul{
list-style:none;
margin:0px;
padding:0px;
}
#sidebar .widget ul li,.footer-inner .widget ul li{
font-size: 14px;
line-height: normal;
}
#sidebar .widget ul li:nth-of-type(2n), .footer-inner .widget ul li:nth-of-type(2n){
margin-right:0px;
}
#sidebar .widget ul li ul,.footer-inner .widget ul li ul{
margin-left:1em;
}
#sidebar .widget .widget-content{
background-color:#fff;
padding:15px;
border-radius:0px 0px 10px 10px;
}
#sidebar #HTML2, #sidebar #HTML2 .widget-content{
background-color:transparent;
padding:0px;
border-radius:0px;
box-shadow:none;
}
.PopularPosts h3.title:before{
content:'';
display:inline-block;
width:20px;
height:20px;
vertical-align:-4px;
margin-right:7px;
background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.71,19C9.93,19 8.5,17.59 8.5,15.86C8.5,14.24 9.53,13.1 11.3,12.74C13.07,12.38 14.9,11.53 15.92,10.16C16.31,11.45 16.5,12.81 16.5,14.2C16.5,16.84 14.36,19 11.71,19M13.5,0.67C13.5,0.67 14.24,3.32 14.24,5.47C14.24,7.53 12.89,9.2 10.83,9.2C8.76,9.2 7.2,7.53 7.2,5.47L7.23,5.1C5.21,7.5 4,10.61 4,14A8,8 0 0,0 12,22A8,8 0 0,0 20,14C20,8.6 17.41,3.8 13.5,0.67Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center center;
}
#sidebarSticky{
position:sticky;
position:-webkit-sticky;
top:60px;
}
#sidebarSticky .widget h3.title{
margin:0px 0px 10px;
}
.footer-inner .PopularPosts .widget-content{
padding:0px;
}
.PopularPosts .widget-content .post{
clear:both;
margin-bottom:15px;
padding-bottom:15px;
border-bottom:1px dashed $(body.backgrounds.color);
}
.PopularPosts .widget-content .post:last-child{
margin-bottom:0px;
padding-bottom:0px;
border:0px;
}
.PopularPosts .widget-content .item-content{
display:inline-block;
width:100%;
}
.PopularPosts .widget-content .item-content .item-thumbnail{
float:left;
overflow:hidden;
line-height:0px;
margin-right:15px;
}
#PopularPosts1 .widget-content .item-content .item-thumbnail img{
padding:0px;
transition:all .3s ease;
border-radius:100px;
max-width:50px;
}
.PopularPosts .widget-content .item-content h3.post-title{
margin:0px;
font-size:16px;
}
.PopularPosts .widget-content .item-content .item-snippet{
overflow:hidden;
padding-top:5px;
font:$(igniplexFontSystem);
font-size:12px;
}
collapsible{
-webkit-transition:height .3s cubic-bezier(.4,0,.2,1);
transition:height .3s cubic-bezier(.4,0,.2,1)
}
.collapsible,.collapsible>summary{
display:block;
overflow:hidden
}
.collapsible>:not(summary){
display:none
}
.collapsible[open]>:not(summary){
display:block
}
.collapsible:focus,.collapsible>summary:focus{
outline:none;
}
.collapsible>summary{
cursor:pointer;
display:block;
padding:0
}
.collapsible:focus>summary,.collapsible>summary:focus{
background-color:transparent
}
.collapsible>summary::-webkit-details-marker{
display:none
}
.collapsible-title{
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
position:relative;
}
.collapsible-title svg{
fill:#fff;
}
.collapsible-title .title{
-webkit-box-flex:1;
-webkit-flex:1 1 auto;
-ms-flex:1 1 auto;
flex:1 1 auto;
-webkit-box-ordinal-group:1;
-webkit-order:0;
-ms-flex-order:0;
order:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
#sidebar .collapsible-title .chevron-down,#sidebar .collapsible[open] .collapsible-title .chevron-up{
opacity:1;
visibility:visible;
position:absolute;
right:15px;
transition:all .3s ease;
}
#sidebar .collapsible-title .chevron-up,#sidebar .collapsible[open] .collapsible-title .chevron-down{
opacity:0;
visibility:hidden;
position:absolute;
right:15px;
transition:all .3s ease;
}
.footer-inner .collapsible-title .chevron-down,.footer-inner .collapsible[open] .collapsible-title .chevron-up{
opacity:1;
visibility:visible;
position:absolute;
right:0px;
top:0px;
transition:all .3s ease;
}
.footer-inner .collapsible-title .chevron-up,.footer-inner .collapsible[open] .collapsible-title .chevron-down{
opacity:0;
visibility:hidden;
position:absolute;
right:0px;
top:0px;
transition:all .3s ease;
}
.BlogArchive h3.title:before{
content:'';
display:inline-block;
width:23px;
height:23px;
vertical-align:-4px;
margin-right:5px;
background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V8C22,6.89 21.1,6 20,6H12L10,4Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center center;
}
.BlogArchive ul li{
margin:15px 0px;
}
.BlogArchive ul li:last-child{
margin-bottom:0
}
.BlogArchive .hierarchy-title a, .BlogArchive .hierarchy-content .hierarchy-title a{
font-weight:500;
}
.BlogArchive .post-count,.Label .label-count{
float:right;
margin-left:.25em
}
.BlogArchive .post-count::before,.Label .label-count::before{
content:'('
}
.BlogArchive .post-count::after,.Label .label-count::after{
content:')'
}
.BlogArchive .widget-content{
padding-top:0px !important;
}
.BlogArchive .widget-content ul.posts.hierarchy li{
list-style-type:decimal;
padding-left:7px;
font:$(igniplexFontSystem);
}
#sidebar .BlogArchive .widget-content ul.posts.hierarchy li a{
color:$(body.text.color);
font-size:14px;
}
#igniplexFooter .footer-inner .BlogArchive .widget-content ul.posts.hierarchy li a{
color:#ccc;
font-size:14px;
}
.BlogArchive .widget-content .show-more{
display:none;
}
.Label h3.title:before{
content:'';
display:inline-block;
width:20px;
height:20px;
vertical-align:-4px;
margin-right:5px;
background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.5,7A1.5,1.5 0 0,1 4,5.5A1.5,1.5 0 0,1 5.5,4A1.5,1.5 0 0,1 7,5.5A1.5,1.5 0 0,1 5.5,7M21.41,11.58L12.41,2.58C12.05,2.22 11.55,2 11,2H4C2.89,2 2,2.89 2,4V11C2,11.55 2.22,12.05 2.59,12.41L11.58,21.41C11.95,21.77 12.45,22 13,22C13.55,22 14.05,21.77 14.41,21.41L21.41,14.41C21.78,14.05 22,13.55 22,13C22,12.44 21.77,11.94 21.41,11.58Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center center;
}
#sidebar .Label li,#sidebar .Label span.label-size{
background-color:$(labels.background.color);
}
#igniplexFooter .footer-inner .Label a{
color:#fff;
}
.footer-inner .Label li,.footer-inner .Label span.label-size{
background-color:$(body.link.hover.color);
}
#sidebar .Label li,#sidebar .Label span.label-size,.footer-inner .Label li,.footer-inner .Label span.label-size{
border-radius:3px;
margin:0px 7px 7px 0px;
transition:all .3s ease;
}
#sidebar .Label li:hover,#sidebar .Label span.label-size:hover{
background-color:$(labels.background.hover.color);
}
.footer-inner .Label li:hover,.footer-inner .Label span.label-size:hover{
background-color:$(igniplex.main.color);
}
#Label1 .show-more, #Label1 .show-less{
display:none;
}
.Label a{
color:$(labels.text.color);
font:$(igniplexFontSystem);
font-size:14px;
padding:7px 10px;
display:block;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}
.Label ul{
list-style:none;
padding:0
}
.Label .cloud-label-widget-content .first-items, .Label .list-label-widget-content ul{
display:flex;
flex-wrap:wrap;
}
.Label .list-label-widget-content ul li{
width:calc(50% - 3.5px);
}
.FeaturedPost{
margin-bottom:20px;
}
.FeaturedPost h3.title{
margin:0px 0px 10px;
}
.FeaturedPost h3.title:before{
content:'';
display:inline-block;
width:20px;
height:20px;
vertical-align:-3px;
border-radius:3px;
margin-right:3px;
background:$(igniplex.main.color) url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16,12V4H17V2H7V4H8V12L6,14V16H11.2V22H12.8V16H18V14L16,12Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center center;
background-size:13px 13px;
}
.FeaturedPost .widget-content{
background-color:$(igniplex.main.color);
border-radius:10px;
box-shadow:0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
overflow:hidden;
}
.FeaturedPost .widget-content .post:hover .snippet-thumbnail img{
transform:scale(1.1);
filter:brightness(80%);
-webkit-filter:brightness(80%);
}
.FeaturedPost .widget-content .post h3.post-title, .FeaturedPost .widget-content .post h3.post-title{
font-size:26px;
margin:0px;
padding:15px 15px 0px 20px;
overflow:hidden;
}
.FeaturedPost .widget-content .post h3.post-title a, .FeaturedPost .widget-content .post h3.post-title a{
color:#fff;
}
.FeaturedPost .widget-content .snippet-thumbnail{
float:left;
line-height:0px;
background-color:#fff;
overflow:hidden;
}
.FeaturedPost .widget-content .snippet-thumbnail a{
display:block;
}
.FeaturedPost .widget-content .snippet-thumbnail img{
border-radius:10px 0px 0px 10px;
transition:all .3s ease;
max-width:300px;
}
.FeaturedPost .widget-content .post-snippet{
font:$(igniplexFontSystem);
font-size:14px;
color:#ddd;
padding:15px 15px 15px 20px;
overflow:hidden;
}
#blog-pager.number{
color:$(igniplex.main.color);
font-weight:500;
flex-wrap:wrap;
margin-top:0px;
align-items:center;
}
#blog-pager.number a,#blog-pager.number .current,#blog-pager.number .last{
padding:5px 10px;
margin:15px 10px 0px 0px;
border-radius:3px;
box-shadow:0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
}
#blog-pager.number a{
background-color:#fff;
color:$(igniplex.main.color);
cursor:pointer;
}
#blog-pager.number a:hover,#blog-pager.number .current{
background-color:$(igniplex.main.color);
color:#fff;
}
#blog-pager.number .current{
cursor:not-allowed;
}
#blog-pager.number .dot{
margin-right:10px;
font-size:30px;
}
#igniplex404 {text-align:center; margin:auto; font-weight:700; font-size:45px; position:fixed; width:100%; height:100%; line-height:2em; z-index:9999;}
#igniplex404 #error-text {position:relative; font-size:40px; top:50%; right:50%; transform:translate(50%,-50%);}
#igniplex404 #error-text a {color:#888; text-decoration:none}
#igniplex404 #error-text p {margin:0!important; letter-spacing:.5px;}
#igniplex404 #error-text span {color:#00887a;font-size:100px;}
#igniplex404 #error-text a.back {background-color:#00887a;color:#fff;padding:10px 20px;font-size:20px; transition:all .3s ease;}
#igniplex404 #error-text a.back:hover {background-color:#ff9800;}
#igniplex404 #error-text #copyright {font-size:16px; font-weight:500;}
#igniplex404 #error-text #copyright a {color:#00887a}
#ignielAdBlock{
background-color:#000;
padding:0;
position:fixed;
bottom:0;
left:0;
top:0px;
right:0;
z-index:1000;
height:auto;
}
#ignielAdBlock svg{
width:100px;
height:100px;
display:block;
margin:auto auto 20px;
text-align:center;
}
#ignielAdBlock svg path{
fill:#fff
}
#ignielAdBlock a{
color:#ffe88b;
}
#ignielAdBlock a:hover{
color:#ffe88b;text-decoration:underline
}
#ignielAdBlock .isiAds{
background-color:#e74c3c;
color:#fff;
max-width:400px;
border-radius:10px;
position:absolute;
text-align:center;
padding:20px 30px;
margin:auto;
top:30%;
left:0;
right:0;
font-size:1.5rem;
font-weight:400;
line-height:1.5em;
overflow:hidden;
box-shadow:0 20px 10px -10px rgba(0,0,0,.15);
border:15px solid rgba(0,0,0,.1);
transition:all .6s cubic-bezier(.25,.8,.25,1);
transform-origin:bottom center;
transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1);
animation:ignielWobble .5s; -moz-animation: ignielWobble .5s; -webkit-animation:ignielWobble .5s; -o-animation:ignielWobble .5s
}
#igniplexNoScript{
background-color:#000;
padding:0;
position:fixed;
bottom:0;
left:0;
top:0px;
right:0;
z-index:1000;
height:auto;
}
#igniplexNoScript svg{
width:100px;
height:100px;
display:block;
margin:auto auto 20px;
text-align:center;
}
#igniplexNoScript svg path{
fill:#fff
}
#igniplexNoScript .isi{
background:#00887a;
color:#fff;
max-width:400px;
border-radius:10px;
position:absolute;
text-align:center;
padding:20px 30px;
margin:auto;
top:30%;
left:0;
right:0;
font-size:1.5rem;
font-weight:400;
line-height:1.5em;
overflow:hidden;
box-shadow:0 20px 10px -10px rgba(0,0,0,.15);
border:15px solid rgba(0,0,0,.1);
transition:all .6s cubic-bezier(.25,.8,.25,1);
transform-origin:bottom center;
transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1);
animation:ignielWobble .5s; -moz-animation: ignielWobble .5s; -webkit-animation:ignielWobble .5s; -o-animation:ignielWobble .5s
}
/* Blogspot Pagination by IGNIEL.COM */
#ignielPagination{
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:center;
font-weight:500;
}
#ignielPagination:before{
content:'PAGES';
margin-right:10px;
margin-top:7px;
}
#ignielPagination a,#ignielPagination .selected{
color:#fff;
padding:7px 15px;
margin:10px 10px 0px 0px;
border-radius:7px;
box-shadow:0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
}
#ignielPagination a{
background-color:$(igniplex.main.color);
}
#ignielPagination a:last-child {
margin-right:0px;
}
#ignielPagination a:hover {
background-color:$(igniplex.second.color);
}
#ignielPagination a:hover:before{
display:none;
}
#ignielPagination a:after{
display:none;
}
#ignielPagination .selected{
background-color:$(igniplex.second.color);
cursor:not-allowed;
}
/* Navigasi Blogger dengan Judul by igniel.com */
#blog-pager.stream a,#blog-pager.stream span{
color:$(igniplex.main.color);
padding:0px;
overflow:hidden;
line-height:initial;
display:block;
width:100%;
border:0px;
background-color:transparent;
box-shadow:none;
border-radius:0px;
transition:all .3s ease;
}
#blog-pager.stream a:hover{
color:$(body.link.hover.color);
}
#blog-pager.stream .blog-pager-newer-link{
text-align:left;
}
#blog-pager.stream .blog-pager-older-link{
text-align:right;
}
#blog-pager.stream .blog-pager-newer-link span:first-child,#blog-pager .blog-pager-older-link span:first-child,#blog-pager .home-link span:first-child{
font-size:20px;
color:$(igniplex.second.color);
text-transform:uppercase;
margin-bottom:10px;
}
#blog-pager.stream .blog-pager-newer-link span:last-child, #blog-pager .blog-pager-older-link span:last-child,#blog-pager .home-link span:last-child{
display:block;
line-height:24px;
font-weight:400;
}
#blog-pager.stream .blog-pager-newer-link span:last-child:hover,#blog-pager .blog-pager-older-link span:last-child:hover{
color:$(body.link.hover.color);
transition:all .3s ease;
}
#blog-pager .home-link span:last-child{
color:$(igniplex.second.color);
}
#blog-pager.stream .blog-pager-older-link span:first-child:after{
content:'';
margin-left:5px;
width:25px;
height:25px;
vertical-align:-5px;
display:inline-block;
background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4,10V14H13L9.5,17.5L11.92,19.92L19.84,12L11.92,4.08L9.5,6.5L13,10H4Z' fill='%232f303f'/%3E%3C/svg%3E") center center / 25px no-repeat;
}
#blog-pager.stream .blog-pager-newer-link span:first-child:before {
content:'';
margin-right:5px;
width:25px;
height:25px;
vertical-align:-5px;
display:inline-block;
background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20,10V14H11L14.5,17.5L12.08,19.92L4.16,12L12.08,4.08L14.5,6.5L11,10H20Z' fill='%232f303f'/%3E%3C/svg%3E") center center / 25px no-repeat;
}
#blog-pager.stream .home-link span:first-child:before {
content:'';
margin-right:5px;
width:23px;
height:23px;
vertical-align:-4px;
display:inline-block;
background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12,11.5A2.5,2.5 0 0,1 9.5,9A2.5,2.5 0 0,1 12,6.5A2.5,2.5 0 0,1 14.5,9A2.5,2.5 0 0,1 12,11.5M12,2A7,7 0 0,0 5,9C5,14.25 12,22 12,22C12,22 19,14.25 19,9A7,7 0 0,0 12,2Z' fill='%232f303f'/%3E%3C/svg%3E") center center / 23px no-repeat;
}
/* Related Post Grid by igniel.com */
#ignielRelated{
display:block;
margin:40px 0px 20px;
line-height:1.5em;
width:100%;
}
#ignielRelated h3.title{
font-size:20px;
margin:0px 0px 10px;
text-transform:capitalize;
}
#ignielRelated ul{
display:flex;
display:-webkit-flex;
flex-wrap:wrap;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
background-color:#fff;
border-radius:7px;
box-shadow:0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
margin:0px;
padding:20px 20px 0px;
}
#ignielRelated ul li{
padding:0px;
list-style:none;
width:calc((100% / 3) - 13.5px);
margin-right:20px;
margin-bottom:10px;
-webkit-margin-start:0px !important;
}
#ignielRelated ul li .thumb{
overflow:hidden;
line-height:0px;
border-radius:5px;
}
#ignielRelated ul li:nth-of-type(3n){
margin-right:0px;
}
#ignielRelated ul li a{
display:block;
}
#ignielRelated ul li a.judul{
color:$(body.text.color);
font-weight:500;
font-size:14px;
padding:7px 0px 15px;
line-height:1.35em;
}
#ignielRelated ul li a.judul:hover, #ignielRelated ul li:hover a.judul{
color:$(body.link.hover.color);
}
#ignielRelated ul li a img{
width:100%;
transition:all .3s ease;
border:0px;
margin:0px;
}
#ignielRelated ul li a img:hover, #ignielRelated ul li:hover img{
transform:scale(1.1);
filter:brightness(80%);
-webkit-filter:brightness(80%);
}
#ignielRelated .norelated{
text-align:center;
font-weight:500;
}
@keyframes ignielWobble{0%{transform:scale(0) rotate(-54deg) translatey(40px)}45%{transform:scale(1.1) rotate(20deg) translatey(0px)}60%{transform:scale(1) rotate(-15deg) translatey(0px)}77%{transform:scale(1) rotate(10deg) translatey(0px)}100%{transform:translatey(0)}}
@-webkit-keyframes ignielWobble{0%{transform:scale(0) rotate(-54deg) translatey(40px)}45%{transform:scale(1.1) rotate(20deg) translatey(0px)}60%{transform:scale(1) rotate(-15deg) translatey(0px)}77%{transform:scale(1) rotate(10deg) translatey(0px)}100%{transform:translatey(0)}}
@-moz-keyframes ignielWobble{0%{transform:scale(0) rotate(-54deg) translatey(40px)}45%{transform:scale(1.1) rotate(20deg) translatey(0px)}60%{transform:scale(1) rotate(-15deg) translatey(0px)}77%{transform:scale(1) rotate(10deg) translatey(0px)}100%{transform:translatey(0)}}
@-webkit-keyframes ignielRing{
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 ignielRing{
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 ignielRing{
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); }
}
@media screen and (max-width:$(max.width.all - max.width.right)){
#igniplexSlider .PopularPosts .widget-content .post:first-child{
width:100%;
}
#igniplexSlider .PopularPosts .widget-content .post:not(:first-child){
width:calc(50% - 2.5px);
margin:5px 5px 0px 0px;
}
#igniplexSlider .PopularPosts .widget-content .post:nth-child(odd){
margin-right:0px;
}
main{
padding:0px;
}
#main{
float:none;
width:100%;
}
#igniplex{
width:auto;
padding:0px 20px;
display:block;
}
.post-outer h2.post-title.entry-title{
font-size:18px;
}
#sidebar,#sidebarSticky{
float:none;
max-width:100%;
margin-left:0px;
margin-top:20px;
}
#sidebar #HTML2, #sidebar #HTML2 .widget-content{
text-align:center;
}
#igniplexFooter .footer-inner .section:first-child .widget{
margin-left:20px
}
#igniplexFooter .footer-inner .section:last-child .widget{
margin-right:20px;
}
#igniplexFooter .attribution{
padding:20px;
}
.totop{
width:40px;
height:40px;
bottom:100px;
right:20px;
background-size:20px 20px;
}
.totop.show{
bottom:70px;
}
}
@media screen and (max-width:640px){
#igniplexHeader .header-inner{
display:inline-block;
width:100%;
}
#igniplexHeader .header-inner .widget h1,#igniplexHeader .header-inner .widget h2{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
#igniplexHeader .header-inner #header,#igniplexHeader .header-inner .igniplexMenu{
display:inline-block;
max-width:calc(100% - 150px);
vertical-align:middle;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
#igniplexHeader .header-inner .igniplexMenu .MenuList{
min-width:auto;
width:100%;
}
#igniplexHeader .header-inner .header-right{
float:right;
}
#igniplexHeader .header-inner .header-right .igniplexSearch .search .check:checked ~ .input, #igniplexHeader .header-inner .header-right .igniplexSearch .search .input:focus{
width:calc(100vw - 83px);
}
#igniplexSlider .PopularPosts .widget-content .post:not(:first-child) .item-content .container{
padding:10px;
}
#igniplexSlider .PopularPosts .widget-content .post:not(:first-child) .item-content .container h3.post-title{
font-size:16px;
}
.igniplexTitle.content{
padding:20px 20px 210px;
}
.igniplexTitle .inner .title{
font-size:1.5em;
}
.FeaturedPost .widget-content .snippet-thumbnail img{
max-width:250px;
}
.FeaturedPost .widget-content .post h3.post-title, .FeaturedPost .widget-content .post h3.post-title{
font-size:20px;
}
.FeaturedPost .widget-content .post-snippet{
display:none;
}
#igniplex{
padding:0px 10px;
}
.post-outer h2.post-title.entry-title{
font-size:16px;
}
#blog-pager.number a,#blog-pager.number .current,#blog-pager.number .last{
font-size:12px;
}
.blog-posts .post-outer .post .post-footer{
padding:7px 10px;
}
.blog-posts .post-outer .post .post-footer .left .post-author{
font-size:12px;
}
.blog-posts .post-outer .post .post-footer .left .post-timestamp{
right:10px;
top:10px;
}
.blog-posts .post-outer .post .post-footer .left .post-timestamp a{
font-size:10px;
}
#blog-pager.stream {
display:block;
width:100%;
}
#blog-pager.stream .blog-pager-newer-link,#blog-pager.stream .blog-pager-older-link,#blog-pager.stream .home-link{
display: block; text-align: center;
}
#blog-pager.stream .blog-pager-older-link{
margin-top:20px;
}
#comments .comments-content,#comments.embed[data-num-comments="0"] .footer{
padding:10px;
}
.PopularPosts .widget-content .item-content .item-snippet{
font-size:11px;
}
#ignielRelated ul{
padding:10px 10px 0px;
}
#ignielRelated ul li{
width: calc((100% / 2) - 5px);
margin-right:10px;
}
#ignielRelated ul li:nth-of-type(3n){
margin-right:10px;
}
#ignielRelated ul li:nth-of-type(2n){
margin-right:0px;
}
#ignielRelated ul li a.judul{
font-size:12px;
padding:7px 0px 10px;
}
#igniplexFooter .footer-inner{
display:block;
}
#igniplexFooter .footer-inner .section{
width:100%;
}
#igniplexFooter .footer-inner .section .widget{
width:auto;
margin:20px 10px 40px;
}
#igniplexFooter .footer-inner .section:first-child .widget{
margin-left:10px;
padding-top:20px;
}
#igniplexFooter .footer-inner .section:last-child .widget{
margin-right:10px;
margin-bottom:20px;
}
#igniplexFooter .footer-inner .widget{
margin-bottom:20px;
}
#igniplexFooter .attribution{
padding:10px;
text-align:center;
}
#igniplexFooter .attribution .right{
float:none;
margin-top:5px;
}
#igniplex404 {line-height:1em;}
#igniplex404 #error-text {font-size:20px;}
#igniplex404 #error-text span {font-size:60px;}
#igniplex404 #error-text a.back {padding:5px 10px;font-size:15px;}
}
@media screen and (max-width:480px){
#igniplexHeader .header-inner .widget h1,#igniplexHeader .header-inner .widget h2{
font-size:20px;
}
#igniplexHeader .header-inner #header .widget img{
max-width:200px;
}
#igniplexHeader .header-inner .igniplexMenu{
margin-right:5px;
}
#igniplexSlider .PopularPosts .widget-content .post:first-child .item-content .container{
bottom:0px;
}
#igniplexSlider .PopularPosts .widget-content .post:first-child .item-content .container h3.post-title{
font-size:22px;
}
#igniplexSlider .PopularPosts .widget-content .post:not(:first-child) .item-content .container h3.post-title{
font-size:12px;
}
.FeaturedPost .widget-content .snippet-thumbnail{
float:none;
}
.FeaturedPost .widget-content .snippet-thumbnail img{
max-width:100%;
width:100%;
border-radius:10px 10px 0px 0px;
}
.FeaturedPost .widget-content .post h3.post-title, .FeaturedPost .widget-content .post h3.post-title{
padding:15px;
}
.FeaturedPost .widget-content .post-snippet{
display:block;
padding:0px 15px 15px;
font-size:12px;
}
#igniplexSlider .PopularPosts .widget-content .post .item-content .item-thumbnail img{
max-width:100vw;
}
.blog-posts{
display:block;
}
.post-outer {
width:100%;
}
.breadcrumbs{
font-size:12px;
padding-bottom:10px;
margin-bottom:10px;
}
.post-outer h2.post-title.entry-title{
font-size:18px;
}
.blog-posts.stream .post-outer .post,.blog-posts.single .post-outer .post{
padding:10px;
}
.blog-posts.stream .post-outer .igniplexSubscribe{
padding:70px 15px 15px 15px;
}
.blog-posts.stream .post-outer .igniplexSubscribe:before{
top:10px;
left:0px;
right:0px;
bottom:unset;
}
.blog-posts.stream .post-outer .igniplexSubscribe .title{
margin-bottom:10px;
}
.blog-posts.stream .post-outer .igniplexSubscribe form input[type="submit"]{
padding:10px;
}
#sidebar .widget .widget-content{
padding:10px;
}
}
@media screen and (max-width:360px){
#igniplexSlider .PopularPosts .widget-content .post:first-child .item-content .container h3.post-title{
font-size:20px;
}
.blog-posts.stream .post-outer .igniplexSubscribe .title{
font-size:16px;
}
}
@media screen and (max-width:320px){
.post-outer h2.post-title.entry-title{
font-size:14px;
}
}
]]>
";
}
body#layout .igniplexNavigation:before {
content: "Navigasi dan Media Sosial Harus Diubah di HTML. Cari
";
margin-top: 13px;
}
body#layout div#igniplex {
display: inline-block;
width: 100%;
text-align: left;
margin-top: 20px;
}
body#layout #main {
float: left;
margin-bottom: 20px;
width: 56%;
}
body#layout #sidebar, body#layout #sidebarSticky {
float: right;
width: 33%;
}
body#layout #HTML1 .widget-content {
margin: 0px;
}
body#layout #igniplexFooter .footer-inner {
display: block;
padding: 0px;
}
body#layout #igniplexFooter .footer-inner .section {
width:28%;
float:left;
}
]]>
Clear out style (needs to be a non-empty string)
We don't display labels on the home page.
Overridden, and migrated to postFooter. Called as postFooterJumpLink.
Ripple, and show 'keep reading' as the default.
false
#2196f3
false
true
#212121
true
#757575
TextAndImage
#ffffff
true
1x1
true
false
true
2
false
#ffffff
false
false
true
true
7319541951797649161
true
false
ALPHA
LIST
ALL
false
0
-1
false
false
BEHIND
0
![]()
5
true
true
LAST_WEEK
Judul default dari Popular Post
HIERARCHY
yyyy
true
MMMM
MMM dd
MM/dd
false
true
MONTHLY
<!----></head>
0
200
false
false
BEHIND
0
![]()
var config = { //`true` jika pakai, `false` jika tidak
adblock: { //Anti Adblock
pakai: true,
text: 'Matikan AdBlock pada browser untuk melihat konten blog ini.'
},
halaman_bernomor: { //Halaman Bernomor di Homepage
pakai: true,
tampilan_per_halaman: 6,
tampilan_nomor_navigasi: 2,
firstText: 'First',
lastText: 'Last'
}
};
5
true
false
ALL_TIME
Default the title to 'Popular posts from this blog'.
Add a 'keep reading' link to the item-content.
true
true
7319541951797649161
true
true
Ripple, and show 'keep reading' as the default.
Overridden, and migrated to postFooter. Called as postFooterJumpLink.
We don't display labels on the home page.
false
#777777
false
Diposkan oleh
true
#49ace1
Lokasi:
true
true
#49ace1
TextAndImage
#ffffff
a la/s
true
1x1
true
false
true
1
false
#ffffff
false
false
![]()
Clear out style (needs to be a non-empty string)
Don't show feed links.
Author image. Change with your own picture.
![]()
Ganti `igniel` dengan username Feedburner masing-masing
Snippet di homepage
Dislay Comments Count on Homepage
Author Profile Below Post
Ripple, and show 'keep reading' as the default.
Overridden, and migrated to postFooter. Called as postFooterJumpLink.
Dislay Labels on Homepage
/
ALPHA
LIST
ALL
false
HIERARCHY
yyyy
true
MMMM
MMM dd
MM/dd
false
true
MONTHLY
5
true
true
LAST_YEAR
Judul default dari Popular Post
Related Posts
Subscribe to get free updates
Baca Juga
