*/ /* ====================================== TEXTRIM: Free Blogger Template - Made by Igniel (igniel.com) ====================================== Name : TEXTRIM Version : 2 Date : September 25, 2019 Demo : textrim.blogspot.com Type : Free Designer : Igniel Website : www.igniel.com *************************************** You can use this theme freely but NOT ALLOWED to remove the credit texts at footer. *************************************** */ 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); line-height:1.75em; padding:0px; margin:0px; overflow-x:hidden; } a{ color:$(textrim.main.color); text-decoration:none; transition:all .3s ease; } a:hover{ color:$(body.link.hover.color); } img{ max-width:100%; height:auto; } .hidden, .replaced{ display:none; } .invisible{ visibility:hidden; } .clear{ clear:both } .jump-link{ display:none; } h1, h2, h3, h4, h5{ font-weight:600; margin:0px; line-height:1.5em; } blockquote{ display:block; font-size:18px; font-style:italic; background:$(textrim.main.color); color:#fff; margin:20px 0px; padding:20px 20px 20px 50px; position:relative; border-radius:5px; } blockquote:before{ content:'\201D'; position:absolute; left:10px; top:0px; font:700 70px Arial, sans-serif; color:rgba(255,255,255,.5); } button{ padding:10px 25px; font:$(fontBold); font-size:14px; cursor:pointer; color:#fff; background-color:$(textrim.main.color); border-radius:25px; transition:all .3s ease; } button:hover{ background-color:$(body.link.hover.color); } button.svg-icon-24-button{ border-radius:0px; padding:0px; background:transparent; box-shadow:none; } .svg-icon-24{ width:24px; height:24px; vertical-align:middle; } .collapsible>summary::-webkit-details-marker, .collapsible-title .chevron-up, .collapsible[open] .collapsible-title .chevron-down, .collapsible-title .chevron-down, .collapsible[open] .collapsible-title .chevron-up{ display:none } header{ background-color:$(textrim.main.color); padding:40px 0px 30px; } header .inner{ display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; align-items:center; color:#fff; max-width:$(width.all); margin:auto; padding:0px 20px; } #header{ margin-right:40px; } #header a{ color:#fff; display:inline-block; } #header img{ max-height:27px; max-width:300px; vertical-align:middle; } #header .description{ display:none; } #header h1, #header h2{ font-weight:900; text-transform:uppercase; letter-spacing:3px; } #header h1, #header h1 a, #header h2 a{ margin:0px; font-size:30px; position:relative; animation:ignielGlitch1 5s infinite; -moz-animation:ignielGlitch1 5s infinite; -webkit-animation:ignielGlitch1 5s infinite; -o-animation:ignielGlitch1 5s infinite; } #header h1:before, #header h1 a:before, #header h2 a:before, #header h1:after, #header h1 a:after, #header h2 a:after{ content: attr(data-text); position:absolute; left:0px; right:0px; } #header h1:before, #header h1 a:before, #header h2 a:before { color: #67f3da; animation:ignielGlitch2 5s infinite; -moz-animation:ignielGlitch2 5s infinite; -webkit-animation:ignielGlitch2 5s infinite; -o-animation:ignielGlitch2 5s infinite; } #header h1:after, #header h1 a:after, #header h2 a:after { color: #fff; animation:ignielGlitch3 5s infinite; -moz-animation:ignielGlitch3 5s infinite; -webkit-animation:ignielGlitch3 5s infinite; -o-animation:ignielGlitch3 5s infinite; } #header .widget{ background-repeat:no-repeat; background-size:contain; background-position:center; } .textrimSearch{ flex-grow:1; } .textrimSearch form{ position:relative; } .textrimSearch form:before{ content:''; position:absolute; top:8px; left:10px; width:20px; height:20px; background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z' fill='%23666'/%3E%3C/svg%3E") no-repeat center; } .textrimSearch input{ padding:10px 10px 10px 40px; font-size:12px; width:calc(100% - (10px + 40px)); border-radius:3px; color:#666; } .textrimMenu{ position:sticky; position:-webkit-sticky; top:0px; z-index:2; background-color:$(textrim.main.color); font:$(fontBold); font-size:12px; color:#fff; } .textrimMenu .inner{ color:#fff; max-width:calc($(width.all) + 40px); /* 40px dari padding (20px x 2) */; margin:auto; } .textrimMenu a{ color:#fff; white-space:nowrap; display:block; padding:15px 0px; } .textrimMenu ul, .textrimMenu li{ list-style:none; list-style-type:none; padding:0px; margin:0px; } .textrimMenu ul{ display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; align-items:center; overflow-x:auto; } .textrimMenu ul li{ padding:0px 20px; cursor:pointer; position:relative; white-space:nowrap; } .textrimMenu ul li:hover{ background-color:rgba(0,0,0,.15); } .textrimMenu ul li ul{ background-color:#4d95ee; position:absolute; display:block; top:45px; left:0px; min-width:100%; } .textrimBG{ position:absolute; background-color:$(textrim.main.color); width:100%; height:250px; } main{ display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; align-items:flex-start; justify-content:space-between; max-width:$(width.all); background-color:#fff; margin:30px auto auto; padding:40px; position:relative; z-index:1; border-radius:5px; } #main{ width:calc($(width.main) - 40px); /* 40px dari margin */ margin:0px 40px 0px 0px; } .page #main{ width:100%; margin:0px; } .post-filter-message{ font:$(fontBold); font-size:14px; margin-bottom:40px; text-align:center; border-bottom:1px solid #bbb; padding:0px 10px 15px; line-height:1.5em; } .post-filter-message span{ font:$(fontNormal); text-transform:none; font-style:italic; position:relative; } .post-filter-message span:after { content:''; border-bottom:3px solid $(textrim.main.color); position: absolute; left:0px; bottom:-7px; width:100%; } .post-filter-message .view{ margin:15px 0px 0px; } .post-filter-message .view a{ background-color:$(textrim.main.color); font-size:11px; color:#fff; display:inline-block; padding:7px 10px 5px; border-radius:3px; } .post-filter-message .view a:hover{ background:$(body.link.hover.color); } .status-msg-body{ text-align:center; } .status-msg-body:before{ content:'404'; font:$(fontBold); font-size:750%; color:$(textrim.main.color); display:block; } .status-msg-body .error{ font:$(fontBold); font-size:750%; color:$(textrim.main.color); } .status-msg-body .text{ font:$(fontBold); font-size:150%; color:$(textrim.main.color); } .status-msg-body .infos{ margin-top:20px; } .Blog h3.title{ font:$(fontBold); font-size:22px; text-align:center; margin:0px; } .Blog .breadcrumbs{ font-size:12px; color:$(posts.icons.color); margin-bottom:10px; } .Blog .breadcrumbs a{ color:$(posts.icons.color); } .Blog .breadcrumbs a:hover{ color:$(body.text.color); } .Blog article{ position:relative; } .Blog article:before{ content:''; position:absolute; background-color:$(textrim.main.color); width:13px; height:13px; border-radius:100px; margin:auto; text-align:center; top:7px; } .Blog article:after{ content:''; position:absolute; background-color:#bbb; width:1px; height:calc(100% - 10px); margin:auto; text-align:center; top:7px; left:6px; z-index:-1; } .post .Blog article:before, .page .Blog article:before, .post .Blog article:after, .page .Blog article:after{ display:none; } .Blog article:not(:last-child){ margin-bottom:40px; } .post .Blog article, .page .Blog article{ display:block; margin-bottom:0px; } .Blog .info{ background-color:#ddd; font-size:12px; color:#666; margin-top:10px; margin-left:30px; padding:5px 7px; border-radius:3px; line-height:1.75em; } .Blog .info:before{ content:''; display:inline-block; background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12H20A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4V2M18.78,3C18.61,3 18.43,3.07 18.3,3.2L17.08,4.41L19.58,6.91L20.8,5.7C21.06,5.44 21.06,5 20.8,4.75L19.25,3.2C19.12,3.07 18.95,3 18.78,3M16.37,5.12L9,12.5V15H11.5L18.87,7.62L16.37,5.12Z' fill='%23666'/%3E%3C/svg%3E") center no-repeat; width:16px; height:16px; margin-right:7px; vertical-align:-3px; } .Blog .info a{ color:#666; } .Blog .info a:hover{ color:$(body.text.color); } .Blog .info .post-header, .Blog .info .post-comment{ display:inline-block; } .post .Blog .info{ background-color:transparent; color:$(posts.icons.color); margin-left:0px; padding:0px; border-radius:0px; } .post .Blog .info:before{ display:none; } .post .Blog .info a{ color:$(posts.icons.color); } .Blog .post-timestamp:before, .Blog .post-comment:before{ content:'/'; margin:0px 3px; } .Blog .entry-title{ font:$(fontBold); font-size:20px; line-height:1.5em; margin-left:30px; letter-spacing:-.5px; } .Blog .entry-title a{ color:$(body.text.color); } .Blog .entry-title a:hover{ color:$(textrim.main.color); } .Blog .entry-title a, .FeaturedPost .entry-title a{ display:block; position:relative; } .Blog .entry-title a:hover, .FeaturedPost .entry-title a:hover{ animation:ignielGlitch1 2.5s infinite; -moz-animation:ignielGlitch1 2.5s infinite; -webkit-animation:ignielGlitch1 2.5s infinite; -o-animation:ignielGlitch1 2.5s infinite; } .Blog .entry-title a:hover::before, .FeaturedPost .entry-title a:hover::before, .Blog .entry-title a:hover::after, .FeaturedPost .entry-title a:hover::after{ content:attr(data-text); position:absolute; left:0px; right:0px; top:0px; bottom:0px; } .Blog .entry-title a:hover::before, .FeaturedPost .entry-title a:hover::before{ color:#f16f6f; animation:ignielGlitch2 2.5s infinite; -moz-animation:ignielGlitch2 2.5s infinite; -webkit-animation:ignielGlitch2 2.5s infinite; -o-animation:ignielGlitch2 2.5s infinite; } .Blog .entry-title a:hover::after, .FeaturedPost .entry-title a:hover::after{ color:$(textrim.main.color); animation:ignielGlitch3 2.5s infinite; -moz-animation:ignielGlitch3 2.5s infinite; -webkit-animation:ignielGlitch3 2.5s infinite; -o-animation:ignielGlitch3 2.5s infinite; } .Blog .entry-content{ line-height:1.75em; margin-top:10px; color:$(posts.icons.color); margin-left:30px; word-break:break-word; } .post .Blog .entry-title{ font-size:24px; } .post .Blog .entry-title, .page .Blog .entry-title, .post .Blog .entry-content, .page .Blog .entry-content{ margin-left:0px; } .post .Blog .entry-content, .page .Blog .entry-content{ color:$(body.text.color); font-size:16px; margin-top:20px; line-height:2em; } .aTop{ margin-top:10px; } .aBottom{ margin-top:10px; } .post-body h1, .post-body h2, .post-body h3, .post-body h4, .post-body h5, .post-body h6{ letter-spacing:-.5px; } .post-body table{ width:100%; } .post-body table th{ background-color:$(textrim.main.color); font-weight:600; color:#fff; padding:10px; border:1px solid $(textrim.main.color); } .post-body table th:not(:last-child){ border-right-color:#ccc; } .post-body table td{ border:1px solid #ccc; padding:10px; } .post-body table tr:nth-child(odd){ background-color:#f1f1f1; } .post-body .separator a{ margin:0px !important; } .post-body pre{ background-color:#eee; font-size:13px; line-height:1.75em; padding:10px 15px; border-left:3px solid $(textrim.main.color); } .post-footer-line{ margin-top:20px; } .post-labels .byline-label, .post-labels a{ font-size:12px; display:inline-block; padding:0px 17px; color:#fff; height:22px; position:relative; } .post-labels .byline-label{ background-color:$(body.text.color); margin-right:-3px; display:none; } .post-labels a{ background-color:$(textrim.main.color); } .post-labels a:hover{ background-color:$(body.text.color); } .post-labels a:not(:last-child){ margin-right:-3px; margin-bottom:5px; } .post-labels .byline-label:before, .post-labels a:before{ content: ''; position: absolute; left: 0px; top: 0px; border-color: transparent; border-left-color: #fff; border-style: solid; border-width:0px 7px 22px; } .post-labels .byline-label:after, .post-labels a:after{ content:''; position:absolute; right:0px; top:0px; border-color:transparent; border-right-color:#fff; border-style:solid; border-width:22px 7px 0px; } .textrimShare{ display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; align-items:center; margin-top:20px; } .textrimShare svg{ width:17px; height:17px; vertical-align:-4px; } .textrimShare svg path{ fill:#fff; } .textrimShare a{ width:100%; padding:7px 0px; text-align:center; box-shadow:none; } .textrimShare a:hover{ box-shadow:inset 0 0 0 99999px rgba(255,255,255,0.25); } .textrimShare a.facebook{ background-color:#3a579a; } .textrimShare a.twitter{ background-color:#00abf0 } .textrimShare a.pinterest{ background-color:#cd1c1f } .textrimShare a.linkedin{ background-color:#2554BF; } .textrimShare a.tumblr{ background-color:#314358; } .textrimShare a.whatsapp{ background-color:#4dc247; } .textrimAuthor{ display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; align-items:flex-start; justify-content:flex-start; background-color:#eee; margin-top:15px; padding:15px; } .textrimAuthor .left{ margin-right:15px; } .textrimAuthor img{ max-width:65px; border-radius:100px; } .textrimAuthor .author-name{ font-size:16px; font-weight:600; } .textrimAuthor .author-name:after{ content:''; display:inline-block; background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23,12L20.56,9.22L20.9,5.54L17.29,4.72L15.4,1.54L12,3L8.6,1.54L6.71,4.72L3.1,5.53L3.44,9.21L1,12L3.44,14.78L3.1,18.47L6.71,19.29L8.6,22.47L12,21L15.4,22.46L17.29,19.28L20.9,18.46L20.56,14.78L23,12M10,17L6,13L7.41,11.59L10,14.17L16.59,7.58L18,9L10,17Z' fill='%234267b2'/%3E%3C/svg%3E") center no-repeat; width:13px; height:13px; } .textrimAuthor .author-desc{ font-size:12px; margin-top:5px; } .textrimRelated{ margin-top:40px; } .textrimRelated ul{ display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; margin:20px 0px 0px; padding:0px; } .textrimRelated ul li{ padding:0px; list-style:none; width:calc((100% / 3) - 13.5px); margin-right:20px; margin-bottom:20px; -webkit-margin-start:0px !important; } .textrimRelated ul li .thumb{ overflow:hidden; line-height:0px; } .textrimRelated ul li.noimg{ width:100%; margin-right:0px !important; margin-bottom:10px; background-color:$(textrim.main.color); box-shadow:inset 0 0 0 99999px rgba(255,255,255,0.85); border-left:3px solid $(textrim.main.color); } .textrimRelated ul li:nth-of-type(3n){ margin-right:0px; } .textrimRelated ul li a{ display:block; } .textrimRelated ul li a.judul{ color:$(body.text.color); font-size:14px; text-align:left; padding:7px 0px 0px; line-height:1.5em; } .textrimRelated ul li.noimg a.judul{ font-size:16px; padding:10px 15px; } .textrimRelated ul li a.judul:hover, .textrimRelated ul li:hover a.judul{ color:$(textrim.main.color); } .textrimRelated ul li a img{ width:100%; transition:all .3s ease; border:0px; margin:0px; } .textrimRelated ul li a img:hover, .textrimRelated ul li:hover img{ transform:scale(1.1); filter:brightness(80%); -webkit-filter:brightness(80%); } #blog-pager{ display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; align-items:center; justify-content:space-between; margin-top:40px; } #blog-pager a, #blog-pager .nolink{ font:$(fontBold); font-size:12px; padding:0px 10px; height:32px; line-height:2.7em; position:relative; } #blog-pager a{ background-color:$(textrim.main.color); color:#fff; } #blog-pager a:hover{ background-color:$(body.text.color); } #blog-pager .blog-pager-newer-link{ margin-left:10px; } #blog-pager .blog-pager-newer-link:before{ content:''; position:absolute; left:-20px; top:0px; border-color:transparent; border-right-color:$(textrim.main.color); border-style:solid; border-width:16px 10px; transition:all .3s ease; } #blog-pager .blog-pager-newer-link:hover:before{ border-right-color:$(body.text.color); } #blog-pager .blog-pager-older-link{ margin-right:10px; } #blog-pager .blog-pager-older-link:before{ content:''; position:absolute; right:-20px; top:0px; border-color:transparent; border-left-color:$(textrim.main.color); border-style:solid; border-width:16px 10px; transition:all .3s ease; } #blog-pager .blog-pager-older-link:hover:before{ border-left-color:$(body.text.color); } #blog-pager .nolink{ background-color:$(body.text.color); color:#fff; cursor:not-allowed; } #comments{ margin-top:30px; line-height:1.75em; } #comments .comment-form{ margin-top:20px; } #comments ol > li{ margin-top:20px; } #comments ol > li:not(:last-child){ border-bottom:1px dashed #ccc; } #comments .comment .comment-actions{ background:0 0; border:0; box-shadow:none; color:$(textrim.main.color); cursor:pointer; font-size:14px; font-weight:700; outline:0; text-decoration:none; width:auto } #comments .comment-thread ol{ margin:0px; padding:0px; } #comments .comment .comment-replybox-single, #comments .comment-thread .comment-replies{ margin-left:50px; } #comments .comment .comment-replybox-single{ margin-bottom:20px; } #comments .comment-thread .thread-count, #comments .comment-thread .comment-replies .continue{ display:none } #comments .comment{ list-style-type:none; padding:0 0 20px; position:relative } #comments .comment .comment{ padding-bottom:20px; } .comment .avatar-image-container{ position:absolute; left:0px; width:35px; height:35px; background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12,19.2C9.5,19.2 7.29,17.92 6,16C6.03,14 10,12.9 12,12.9C14,12.9 17.97,14 18,16C16.71,17.92 14.5,19.2 12,19.2M12,5A3,3 0 0,1 15,8A3,3 0 0,1 12,11A3,3 0 0,1 9,8A3,3 0 0,1 12,5M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2Z' fill='%23777'/%3E%3C/svg%3E") center / 35px no-repeat; } .comment .avatar-image-container img{ border-radius:50%; } .comment .avatar-image-container .avatar-icon{ border-radius:50%; border:solid 1px $(posts.icons.color); box-sizing:border-box; fill:$(posts.icons.color); height:35px; margin:0; padding:7px; width:35px } #comments .comments-content .icon.blog-author{ width:13px; height:13px; margin-left:5px; vertical-align:-1px; display:inline-block; background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23,12L20.56,9.22L20.9,5.54L17.29,4.72L15.4,1.54L12,3L8.6,1.54L6.71,4.72L3.1,5.53L3.44,9.21L1,12L3.44,14.78L3.1,18.47L6.71,19.29L8.6,22.47L12,21L15.4,22.46L17.29,19.28L20.9,18.46L20.56,14.78L23,12M10,17L6,13L7.41,11.59L10,14.17L16.59,7.58L18,9L10,17Z' fill='%234267b2'/%3E%3C/svg%3E") no-repeat center center; } .comment .comment-block{ margin-left:50px; margin-bottom:15px; } #comments .comment-author-header-wrapper{ margin-left:40px } #comments .comment .comment-header .user,#comments .comment .comment-header .user a{ font-style:normal; font-weight:600; } #comments .comment .comment-actions{ bottom:0; margin-bottom:15px; position:absolute } #comments .comment .comment-actions>*{ margin-right:8px; font:$(fontBold); font-size:10px; } #comments .comment .comment-header .datetime{ color:$(posts.icons.color); display:inline-block; font-size:11px; margin-left:8px } #comments .comment .comment-footer .comment-timestamp a,#comments .comment .comment-header .datetime a{ color:$(posts.icons.color); font-style:italic; } #comments .comment .comment-content, .comment .comment-body{ margin:0px 0px 10px; } .comment-body{ margin-bottom:10px } #comment-editor-src{ display:none } .comments .comments-content .loadmore.loaded{ max-height:0; opacity:0; overflow:hidden } .item-view #comments .comment-form h4{ position:absolute; clip:rect(1px,1px,1px,1px); padding:0; border:0; height:1px; width:1px; overflow:hidden } #comments .comment-form h4{ display:none } #top-continue.continue, #comment-holder .loadmore{ margin:20px auto; text-align:center; text-transform:capitalize; } #top-continue.continue a, #comment-holder .loadmore a{ background-color:$(textrim.main.color); color:#fff; padding:7px 15px; display:block; } .textrimAdditional{ background-color:#ddd; margin-top:20px; position:relative; } .textrimAdditional .inner{ display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; align-items:center; justify-content:space-between; max-width:$(width.all); margin:auto; padding:20px; } .textrimAdditional .title{ font:$(fontBold); color:#666; display:block; margin-bottom:10px; } .textrimAdditional .left{ width:50%; text-align:center; margin-right:20px; flex-grow:1; } .textrimAdditional form{ display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; align-items:center; justify-content:space-between; } .textrimAdditional input[type="email"]{ font-size:12px; color:#666; width:100%; height:40px; padding:0px 10px 0px 20px; border-radius:25px 0px 0px 25px; } .textrimAdditional input[type="submit"]{ background-color:$(textrim.main.color); font:$(fontBold); font-size:12px; color:#fff; height:40px; padding:0px 13px 0px 10px; border-radius:0px 25px 25px 0px; transition:all .3s ease; } .textrimAdditional input[type="submit"]:hover{ background-color:$(body.link.hover.color); } .textrimAdditional .right{ width:50%; margin-left:20px; text-align:right; flex-grow:1; } .textrimAdditional .menu{ font-size:12px; } .textrimAdditional .menu a{ color:#666; } .textrimAdditional .menu a:hover{ color:$(body.text.color); text-decoration:underline; } .textrimAdditional .menu a:not(:last-child){ margin-right:5px; } .textrimAdditional .menu a:not(:last-child):after{ content:''; background-color:#666; width:5px; height:5px; display:inline-block; margin-left:5px; vertical-align:middle; border-radius:100px; } .textrimAdditional .social{ margin-top:10px; } .textrimAdditional .social a{ display:inline-block; } .textrimAdditional .social a:not(:last-child){ margin-right:10px; } .textrimAdditional .social svg{ width:25px; height:25px; } .textrimAdditional .social svg path{ fill:#666; transition:all .3s ease; } .textrimAdditional .social a:hover svg path{ fill:$(body.link.hover.color) ; } footer{ background-color:$(textrim.main.color); font-size:12px; line-height:1.75em; position:relative; } footer .inner{ display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; align-items:center; justify-content:space-between; color:#fff; max-width:$(width.all); margin:auto; padding:15px 20px; } footer a{ color:#ffff00; } footer a:hover{ color:#ffff00; text-decoration:underline; } #HTML1 h3.title{ display:none; } #HTML1 .widget-content{ margin-bottom:30px; } .FeaturedPost{ background-color:$(textrim.main.color); padding:15px 20px; margin-bottom:40px; border-radius:5px; } .FeaturedPost h3.title{ font:$(fontBold); font-size:14px; color:#ffff00; letter-spacing:2px; display:table; margin-bottom:15px; padding-bottom:10px; border-bottom:3px solid #ffff00; } .FeaturedPost h3.title:before{ content: ''; background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z' fill='%23ffff00'/%3E%3C/svg%3E") center / 15px no-repeat; width:12px; height:12px; vertical-align:-1px; display:inline-block; } .FeaturedPost .entry-title{ font:$(fontBold); font-size:24px; line-height:1.5em; letter-spacing:-.5px; } .FeaturedPost .entry-title a{ color:#fff; } .FeaturedPost .entry-title a:hover{ color:#ffff00; } .FeaturedPost .entry-content{ line-height:1.75em; margin-top:10px; color:#ddd; } #sidebar{ width:$(width.sidebar); } #sidebar .widget:not(:last-child){ margin-bottom:40px; } #sidebar .widget ol, #sidebar .widget ul, #sidebar .widget li{ list-style:none; list-style-type:none; margin:0px; padding:0px; } #sidebar .widget h3.title{ font:$(fontBold); font-size:14px; letter-spacing:2px; display:table; margin-bottom:15px; padding-bottom:10px; border-bottom:3px solid $(textrim.main.color); } #sidebar .widget h3.title:before{ content:''; background-color:$(textrim.main.color); width:10px; height:10px; border-radius:100px; display:inline-block; } .Feed ul li{ display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; } .Feed ul li:not(:last-child){ margin-bottom:10px !important; padding-bottom:10px !important; border-bottom:1px dashed #ccc; } .Feed svg{ min-width:17px; width:17px; height:17px; display:inline-block; vertical-align:middle; margin-right:7px; } .Feed svg path{ fill:$(textrim.main.color); } .Feed ul li:before{ content:''; background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17,12L12,17V14H8V10H12V7L17,12M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L5,8.09V15.91L12,19.85L19,15.91V8.09L12,4.15Z' fill='%234267b2'/%3E%3C/svg%3E") center / 17px no-repeat; width:17px; height:17px; min-width:17px; margin-right:7px; margin-top:2px; } .Feed ul li a{ color:$(body.text.color); } .Feed ul li a:hover{ color:$(textrim.main.color); } .PopularPosts article{ counter-increment:textrimPopular; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; } .PopularPosts article:not(:last-child){ margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed #ccc; } .PopularPosts article:before{ content:counter(textrimPopular); font-size:28px; font-weight:600; font-style:italic; color:$(textrim.main.color); margin-right:15px; } .PopularPosts a{ color:$(body.text.color); } .PopularPosts a:hover{ color:$(textrim.main.color); } .PopularPosts .thumbnail{ line-height:0px; margin-bottom:10px; } .PopularPosts img{ width:100%; } .PopularPosts .snippet{ margin-bottom:20px; font-size:12px; color:$(posts.icons.color); } .Label a{ font-size:12px; color:$(body.text.color); display:inline-block; } .Label a:hover{ color:$(textrim.main.color); } .Label svg, .BlogArchive svg{ min-width:15px; width:15px; height:15px; display:inline-block; vertical-align:middle; margin-right:3px; } .Label svg path, .BlogArchive svg path{ fill:$(textrim.main.color); } .Label a:before, .BlogArchive ul.flat li a:before{ content:''; background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5,19L8.34,12L3.5,5H14.5C15.17,5 15.72,5.3 16.13,5.86L20.5,12L16.13,18.14C15.72,18.7 15.17,19 14.5,19H3.5Z' fill='%234267b2'/%3E%3C/svg%3E") center no-repeat; width:15px; height:15px; display:inline-block; margin-right:3px; vertical-align:-3px; } .Label ul, .BlogArchive ul.flat{ display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; } .Label ul li, .BlogArchive ul.flat li{ display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; align-items:center; justify-content:space-between; width:calc(50% - 15px); border-bottom: 1px dashed #ccc; margin-bottom:10px !important; padding-bottom: 5px !important; } .Label ul li:nth-child(odd), .BlogArchive ul.flat li:nth-child(odd){ margin-right:30px !important; } .Label ul li a, .BlogArchive ul.flat li a{ font-size:12px; align-items:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%; } .Label .cloud-label-widget-content{ display:inline-block; } .Label .cloud-label-widget-content a{ margin-bottom:7px; margin-right:10px; border-bottom: 1px dashed #ccc; } .Label .cloud-label-widget-content a:last-child{ margin-right:0px; } .Label .label-count, .BlogArchive ul.flat .post-count{ margin-left:7px; font-size:10px; } .Label .label-count:before, .BlogArchive .post-count:before{ content:'('; } .Label .label-count:after, .BlogArchive .post-count:after{ content:')'; } .BlogArchive a{ color:$(body.text.color); display:inline-block; } .BlogArchive a:hover{ color:$(textrim.main.color); } .BlogArchive .post-count{ margin-left:5px; font-size:12px; } .BlogArchive .hierarchy-title{ font-size:14px; font-weight:600; line-height:33px; } .BlogArchive .hierarchy-content{ margin-left:15px; } .BlogArchive .hierarchy-content .hierarchy-content{ margin-left:0px; font-size:12px; line-height:25px; } .BlogArchive .hierarchy-content .hierarchy-content ul.posts li{ display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; counter-reset:li; counter-increment:textrimArchive; } .BlogArchive .hierarchy-content .hierarchy-content ul.posts li:before{ content:counter(textrimArchive) "."; margin-right:7px; } .BlogArchive .hierarchy-content .hierarchy-content ul.posts li:last-child{ margin-bottom:10px !important; } .BlogArchive ul.flat .post-count{ float:right; } /* Multiple Related Posts by igniel.com */ .ignielMultiRelated {background-color:$(textrim.main.color); box-shadow:inset 0 0 0 99999px rgba(255,255,255,0.85); border-left:3px solid $(textrim.main.color); margin:10px 0px; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; justify-content:space-between; transition:all .3s ease; border-radius:3px;} .ignielMultiRelated .content {padding:7px 12px;} .ignielMultiRelated .content .text {margin-right:10px; margin-top:-3px; font:$(fontBold);} .ignielMultiRelated .content a {text-decoration:none;} .ignielMultiRelated .content a:hover {text-decoration:underline; color:$(textrim.main.color)} .ignielMultiRelated .icon {display:none; height:auto; min-width:50px; background:$(textrim.main.color) 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='%23fff'/%3E%3C/svg%3E") center / 40px no-repeat; transition:all .3s ease;} .ignielMultiRelated:hover .icon {background-color:$(body.link.hover.color);} /* Back To Top by igniel.com */ .ignielToTop {visibility:hidden; width:40px; height:40px; position:fixed; bottom:100px; right:50px; z-index:99; cursor:pointer; border-radius:100px; opacity:0; -webkit-transform:translateZ(0); transition:all .5s; border:5px solid $(textrim.main.color); background:$(textrim.main.color) url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13,20H11V8L5.5,13.5L4.08,12.08L12,4.16L19.92,12.08L18.5,13.5L13,8V20Z' fill='%23fff'/%3E%3C/svg%3E") center / 25px no-repeat} .ignielToTop:hover {opacity:1; background-color:$(body.link.hover.color); border:5px solid $(body.link.hover.color);} .ignielToTop.show {visibility:visible; bottom:50px; opacity:1;} .ignielToTop:after { content:''; position:fixed; margin:auto; width:40px; height:40px; border:2px solid #fff; display:block; border-radius:100px; left:-2px; top:0px; right:0px; bottom:0px; } @media screen and (max-width:1024px){ header{ padding:20px 0px 15px; } main{ margin-top:10px; border-radius:0px; } } @media screen and (max-width:768px){ main{ display:block; max-width:100%; } #main{ width:auto; margin:0px 0px 40px; } #sidebar{ width:auto; margin:auto; } } @media screen and (max-width:640px){ blockquote{ font-size:17px; } header .inner{ flex-wrap:wrap; justify-content:center; } #header{ width:100%; margin-right:0px; margin-bottom:20px; text-align:center; } #header h1, #header h1 a, #header h2 a{ font-size:22px; } main{ padding:20px; } .Blog h3.title{ font-size:20px; } .Blog article{ display:block; } .Blog .entry-title, .FeaturedPost .entry-title{ font-size:20px; } .Blog .entry-content, .FeaturedPost .entry-content{ font-size:13px; } .post .Blog article:not(:last-child), .page .Blog article:not(:last-child){ margin-bottom:0px; padding-bottom:0px; } .post .Blog .entry-title{ font-size:20px; line-height:1.35em; } .post-footer-line{ margin-top:15px; } .post-labels .byline-label, .post-labels a{ font-size:11px; padding:0px 13px; } .textrimRelated{ margin-top:30px; } .textrimRelated ul li{ width:calc((100% / 2) - 10px); margin-right:0px; } .textrimRelated ul li:nth-of-type(3n){ margin-right:0px; } .textrimRelated ul li:nth-of-type(odd){ margin-right:20px; } .textrimRelated ul li a.judul{ font-size:12px; line-height:20px; } .textrimAdditional .inner{ display:block; padding:20px 20px 10px; } .textrimAdditional .left, .textrimAdditional .right{ width:auto; } .textrimAdditional .left{ margin-right:0px; } .textrimAdditional .right{ margin-left:0px; margin-top:20px; text-align:center; } footer .inner{ display:block; text-align:center; padding:10px 15px; } } @media screen and (max-width:480px){ blockquote{ font-size:16px; } .textrimMenu .inner{ max-width:calc($(width.all) + 30px); } .textrimMenu ul li{ padding:0px 15px; } main{ padding:15px; } .Blog h3.title{ font-size:16px; } .Blog article:not(:last-child){ margin-bottom:20px; } .Blog article:before{ width:9px; height:9px; } .Blog article:after{ left:4px; } .Blog .info, .Blog .entry-title, .Blog .entry-content{ margin-left:20px; } .Blog .entry-title, .FeaturedPost .entry-title{ font-size:16px; } .Blog .entry-content, .FeaturedPost .entry-content{ font-size:11px; } .post .Blog .entry-content, .page .Blog .entry-content{ font-size:14px; line-height:1.85em; } .Blog .breadcrumbs{ margin-bottom:5px; } .Blog .info{ font-size:10px; margin-top:5px; padding:3px 5px; } .Blog .info:before{ width:12px; height:12px; margin-right:3px; vertical-align:-2px; } .post-body pre{ font-size:11px; } .post-labels .byline-label, .post-labels a{ font-size:10px; padding:0px 12px; } .textrimRelated{ margin-top:20px; } .textrimRelated ul li{ width:calc((100% / 2) - 7.5px); margin-bottom:15px; } .textrimRelated ul li:nth-of-type(odd){ margin-right:15px; } #blog-pager{ margin-top:30px; } #comments .comment .comment-actions>*{ font-size:9px; } .FeaturedPost{ padding:10px 15px; margin-bottom:20px; } #sidebar .widget:not(:last-child){ margin-bottom:30px; } footer .inner{ padding:7px 12px; } .ignielToTop{ width:30px; height:30px; bottom:50px; right:25px; background-size:20px; } .ignielToTop.show{ bottom:25px; } .ignielToTop:after{ width:30px; height:30px; } } @keyframes ignielGlitch1{0% {transform: none;opacity: 1;}7% {transform: skew(-0.5deg, -0.9deg);opacity: 0.75;}10% {transform: none;opacity: 1;}27% {transform: none;opacity: 1;}30% {transform: skew(0.8deg, -0.1deg);opacity: 0.75;}35% {transform: none;opacity: 1;}52% {transform: none;opacity: 1;}55% {transform: skew(-1deg, 0.2deg);opacity: 0.75;}50% {transform: none;opacity: 1;}72% {transform: none;opacity: 1;}75% {transform: skew(0.4deg, 1deg);opacity: 0.75;}80% {transform: none;opacity: 1;}100% {transform: none;opacity: 1;}} @-webkit-keyframes ignielGlitch1{0% {transform: none;opacity: 1;}7% {transform: skew(-0.5deg, -0.9deg);opacity: 0.75;}10% {transform: none;opacity: 1;}27% {transform: none;opacity: 1;}30% {transform: skew(0.8deg, -0.1deg);opacity: 0.75;}35% {transform: none;opacity: 1;}52% {transform: none;opacity: 1;}55% {transform: skew(-1deg, 0.2deg);opacity: 0.75;}50% {transform: none;opacity: 1;}72% {transform: none;opacity: 1;}75% {transform: skew(0.4deg, 1deg);opacity: 0.75;}80% {transform: none;opacity: 1;}100% {transform: none;opacity: 1;}} @keyframes ignielGlitch2{0% {transform: none;opacity: 0.25;}7% {transform: translate(-2px, -3px);opacity: 0.5;}10% {transform: none;opacity: 0.25;}27% {transform: none;opacity: 0.25;}30% {transform: translate(-5px, -2px);opacity: 0.5;}35% {transform: none;opacity: 0.25;}52% {transform: none;opacity: 0.25;}55% {transform: translate(-5px, -1px);opacity: 0.5;}50% {transform: none;opacity: 0.25;}72% {transform: none;opacity: 0.25;}75% {transform: translate(-2px, -6px);opacity: 0.5;}80% {transform: none;opacity: 0.25;}100% {transform: none;opacity: 0.25;}} @-webkit-keyframes ignielGlitch2{0% {transform: none;opacity: 0.25;}7% {transform: translate(-2px, -3px);opacity: 0.5;}10% {transform: none;opacity: 0.25;}27% {transform: none;opacity: 0.25;}30% {transform: translate(-5px, -2px);opacity: 0.5;}35% {transform: none;opacity: 0.25;}52% {transform: none;opacity: 0.25;}55% {transform: translate(-5px, -1px);opacity: 0.5;}50% {transform: none;opacity: 0.25;}72% {transform: none;opacity: 0.25;}75% {transform: translate(-2px, -6px);opacity: 0.5;}80% {transform: none;opacity: 0.25;}100% {transform: none;opacity: 0.25;}} @keyframes ignielGlitch3{0% {transform: none;opacity: 0.25;}7% {transform: translate(2px, 3px);opacity: 0.5;}10% {transform: none;opacity: 0.25;}27% {transform: none;opacity: 0.25;}30% {transform: translate(5px, 2px);opacity: 0.5;}35% {transform: none;opacity: 0.25;}52% {transform: none;opacity: 0.25;}55% {transform: translate(5px, 1px);opacity: 0.5;}50% {transform: none;opacity: 0.25;}72% {transform: none;opacity: 0.25;}75% {transform: translate(2px, 6px);opacity: 0.5;}80% {transform: none;opacity: 0.25;}100% {transform: none;opacity: 0.25;}} @-webkit-keyframes ignielGlitch3{0% {transform: none;opacity: 0.25;}7% {transform: translate(2px, 3px);opacity: 0.5;}10% {transform: none;opacity: 0.25;}27% {transform: none;opacity: 0.25;}30% {transform: translate(5px, 2px);opacity: 0.5;}35% {transform: none;opacity: 0.25;}52% {transform: none;opacity: 0.25;}55% {transform: translate(5px, 1px);opacity: 0.5;}50% {transform: none;opacity: 0.25;}72% {transform: none;opacity: 0.25;}75% {transform: translate(2px, 6px);opacity: 0.5;}80% {transform: none;opacity: 0.25;}100% {transform: none;opacity: 0.25;}} /* Rizki Skip Night Mode */ .switch { position: relative; display: inline-block; width: 60px; height: 20px; } .switch input {display:none;} .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #bdc3c7; -webkit-transition: .4s; transition: .4s; } .slider:before { position: absolute; content: ""; height: 20px; width: 20px; background-color: white; -webkit-transition: .4s; transition: .4s; } input:checked + .slider { background-color: #1d2129; } input:focus + .slider { box-shadow: 0 0 1px #2196F3; } input:checked + .slider:before { -webkit-transform: translateX(40px); -ms-transform: translateX(40px); transform: translateX(40px); } /* Rounded sliders */ .slider.round { border-radius: 20px; } .slider.round:before { border-radius: 50%; } .Night #wrapper {background:#1d2129;} .Night #HTML3 {background:#1d2129;} .Night #footer-widget-container {background:#1d2129;} .Night .share-this-pleaseeeee {background:#1d2129;} .Night #label-info-th {background:#1d2129;} .Night body {background:#1d2129;} .Night .post-body {color:#cccccc} .Night #baca-juga h2 {color:#cccccc;background:#1d2129} .Night .label-info-th a {color:#cccccc;background:#1d2129} .Night li.recent-posts a{color:#cccccc} .Night .recent-posts-title h2{color:#cccccc} .Night .Recent_Post_Mas_Tamvan .recent-post-mas-tamvan span.mastamvan_title a{color:#cccccc} .Night span.mastamvan_title a .Recent_Post_Mas_Tamvan .recent-post-mas-tamvan {color:#cccccc;background:#1d2129} .Night .Recent_Post_Mas_Tamvan .recent-post-mas-tamvan .widget-content {color:#cccccc;background:#1d2129} .Night .post-info {color:#cccccc} .Night {background:#1d2129;} .Night h2.post-title a {color:#cccccc} .Night .post-title {color:#cccccc} .Night ul.nav-social {color:#1d2129} .Night .post-snippet {color:#cccccc} ]]>
 ›   ›  Uncategorized

Related Posts

There is no other posts in this category.
true true 7780790707116160190 false false Don't show.

ALPHA LIST ALL false
HIERARCHY yyyy true MMMM MMM dd MM/dd false true MONTHLY
0 -1 false false BEHIND 0

5 false false LAST_WEEK Judul default dari Popular Post Don't show. Don't show. false 5 false false

 Recent
0 534 false false BEHIND 0

<script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d8785597130166403311\x26blogName\x3dLinuXploit.com\x26publishMode\x3dPUBLISH_MODE_HOSTED\x26navbarType\x3dDISABLED\x26layoutType\x3dLAYOUTS\x26searchRoot\x3dhttps://www.linuxploit.com/search\x26blogLocale\x3den\x26v\x3d2\x26homepageUrl\x3dhttps://www.linuxploit.com/\x26vt\x3d7627860987650018891', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script><script type="text/javascript"> (function() { var script = document.createElement('script'); script.type = 'text/javascript'; script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js'; var head = document.getElementsByTagName('head')[0]; if (head) { head.appendChild(script); }})(); </script>
Beranda
    <div id="SC_TBlock_719219" class="SC_TBlock">loading...</div> <script type="text/javascript"> (sc_adv_out = window.sc_adv_out || []).push({ id : "719219", domain : "n.ads1-adnow.com" }); </script> <script type="text/javascript" src="//st-n.ads1-adnow.com/js/a.js"></script>
    true true true true Don't show.

    false #4d95ee false true #26282a true true #4267b2 TextAndImage #ffffff - true 1x1 true false true 1 false #ffffff false false

    Don't show feed links.
    ()

    5 false false LAST_WEEK Judul default dari Popular Post Don't show. Don't show. ALPHA LIST Accessory,Board,Car part,Card,Celebrity,Decor,Design,Tennis ALL false

    Subscribe Our Newsletter Change `igniel` (there are two of it) to your Feedburner username
    About Us Contact Us Disclaimer Privacy Policy Sitemap