Sevida Template For Blogspot

-----------------------------------------------Blogger Template StyleName: Sevida Version: 1.2- Support Image from third party- Support Video ThumbnailDesign by : satankMKRURL : http://mkr-site.blogspot.com----------------------------------------------- */

/* Variable definitions ====================

#navbar-iframe {display:none !important;}

header, nav, section, aside, article, footer {display:block;}

/* Use this with templates/template-twocol.html */

body { background-color:$bgcolor; background-image:url(http://2.bp.blogspot.com/-Cbz-Y1ezxB0/USDif0nOx4I/AAAAAAAAIcw/xpk2AZufA_U/s1600/bg.png); margin:0; padding:0; color:$(cont.text.color); font:x-small Georgia Serif; font-size/* */:/**/small; font-size:/**/small; text-align:center;}

a:link { color:$linkcolor; text-decoration:none;}

a:visited { color:$visitedlinkcolor; text-decoration:none;}

a:hover { color:#222; text-decoration:underline;}

a img { border-width:0;}

body#layout div.list-tabwrap {padding: 0;margin: 0;}

/* Header----------------------------------------------- */

#headisi { overflow:hidden;}

#header,#adstop { margin:0; float:$startSide; width:50%;}

#adstop { float:$endSide;}

#adstop h2,.index #blog-pager,.archive #blog-pager { display:none;}

#adstop .widget-content { margin:20px 0 15px; max-width:470px;}

#header h1,#header p { margin:15px 0 0; padding:0; color:$(head.font.color); font:$(head.font.type);}

#header a { color:$(head.font.color); text-decoration:none;}

#header a:hover { color:$(head.font.color);}

#header .description { margin:0 0 25px; padding:0; text-transform:capitalize; color:$(head.descfont.color); font:$(head.descfont.type);}

#header img { margin-$startSide:0; margin-$endSide:auto;}

/* Navigation----------------------------------------------- */

/* = Top Nav = */

#topnav { background:$(topnav.back.color); padding:0; height: 29px; font-size:11px; position: relative;}

#topnav .wrapnya,#nav .wrap,#headisi,#content-wrapper { margin:0 auto; width:98%;}

#topnav .tgltop { float:$startSide; color:$(topnav.text.color); display:block; line-height:20px;margin-top: 4px;}

/* = Middle Nav = */

#nav { height:50px; position:relative; z-index:1;}

#nav .bgnya { width:100%; background-color:$(midnav.back.color); height:42px; position:absolute; z-index:-1; bottom:0; left:0; border-bottom:4px solid $(midnav.select.color); -moz-box-shadow:0 1px 6px $(midnav.shadow.color); -webkit-box-shadow:0 1px 6px $(midnav.shadow.color); box-shadow:0 1px 6px $(midnav.shadow.color);}.sf-menu,.sf-menu * {margin:0;padding:0;list-style:none;}.sf-menu li {position:relative;}.sf-menu ul {position:absolute;display:none;top:100%;left:0;z-index:99;}.sf-menu > li {float:$startSide;margin:0 1px;}.sf-menu li:hover > ul,.sf-menu li.sfHover > ul {display:block;}.sf-menu a {display:block;position:relative;}#menunav > li > a {font: $(midnav.font.type);line-height: 50px;text-transform: uppercase;font-weight: 600;height: 50px;}.sf-menu ul ul {top:0;left:100%;}.sf-menu {float:$startSide;}.sf-menu ul {min-width:12em;*width:12em;}.sf-menu a {padding:0 10px;height:50px;line-height:50px;text-decoration:none;zoom:1;}.sf-menu a.home, .sf-menu > li > a.home.current {background-color:$(midnav.select.color);text-indent:-9999px;padding:0;width:50px;}.sf-menu a {color:$(midnav.link.color);font-size:11px;}#topnav .sf-menu a {color:$(topnav.select.color);height: 29px;line-height: 29px;}.sf-menu li {white-space:nowrap;*white-space:normal;-moz-transition:background-color .2s;-webkit-transition:background-color .2s;transition:background-color .2s;position:relative;}.sf-menu ul li {background-color:$(midnav.sub.color);margin:1px 0;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}#topnav .sf-menu ul li, #topnav .sf-menu ul ul li {background-color:$(topnav.back.color);}.sf-menu ul a {font-weight:normal;height:28px;line-height:28px;}#topnav .sf-menu ul a {height:25px;line-height:25px;}.sf-menu ul a:hover {padding-left:12px;}.sf-menu ul ul li {background:$(midnav.subsub.color);margin:0 0 1px 2px;}.sf-menu li:hover > a,.sf-menu li.sfHover > a,.sf-menu > li > a.current {background-color:$(midnav.select.color);-moz-transition:none;-webkit-transition:none;transition:none;color:$(midnav.link.color);}#topnav .sf-menu li:hover > a,#topnav .sf-menu li.sfHover > a,#topnav .sf-menu > li > a.current { background-color:$(topnav.select.color);color:$(topnav.text.color);}.sf-arrows .sf-with-ul {padding-right:2em;*padding-right:1em;}.sf-arrows .sf-with-ul:after {content:'';position:absolute;top:50%;right:0.85em;margin-top:-2px;height:0;width:0;border:4px solid transparent;border-top-color:$(midnav.link.color);}#topnav .sf-arrows .sf-with-ul:after {border-top-color:$(topnav.select.color);}

.sf-arrows > li > .sf-with-ul:focus:after,.sf-arrows > li:hover > .sf-with-ul:after,.sf-arrows > .sfHover > .sf-with-ul:after {border-top-color:$(midnav.link.color);}#topnav .sf-arrows > li > .sf-with-ul:focus:after,#topnav .sf-arrows > li:hover > .sf-with-ul:after,#topnav .sf-arrows > .sfHover > .sf-with-ul:after {border-top-color:$(topnav.text.color);}.sf-arrows ul .sf-with-ul:after {margin-top:-4px;margin-right:-3px;border-color:transparent;border-left-color:$(midnav.link.color);}#topnav .sf-arrows ul .sf-with-ul:after {border-left-color:$(topnav.select.color);}.sf-arrows ul li > .sf-with-ul:focus:after,.sf-arrows ul li:hover > .sf-with-ul:after,.sf-arrows ul .sfHover > .sf-with-ul:after{border-left-color:$(midnav.link.color);}

#topnav .sf-arrows ul li > .sf-with-ul:focus:after,#topnav .sf-arrows ul li:hover > .sf-with-ul:after,#topnav .sf-arrows ul .sfHover > .sf-with-ul:after {border-left-color:$(topnav.text.color);}.sf-menu li > i {position:absolute;top: 3px;right: 3px;width: 27px;height: 22px;cursor:pointer;display:none;background-color:$(midnav.select.color);-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;outline:0;}

.sf-menu li > i:after {content: '+';color: #fff;font-size: 19px;position: absolute;left: 5px;top: -2px;}.sf-menu li > i.active:after {content:'-';font-size:39px;top:-14px;}#topnav .sf-menu li > i {width: 23px;height: 19px;top: 6px;}#topnav .sf-menu li > i:after {top: -4px;left: 3px;}#topnav .sf-menu li > i.active:after {top: -13px;font-size: 31px;left: 4px;}

.sf-menu a.home:before, #searchnya button:before, #view a:before,.rcentpost .date:before, .rcentpost .comnum:before, .morepostag a:before, #topmobilenav:before,#mobilenav:before,#related_posts .date:before,#related_posts .comnum:before {position: absolute;font-family: FontAwesome;font-weight: normal;font-style: normal;text-decoration: inherit;-webkit-font-smoothing: antialiased;}.sf-menu a.home:before, #searchnya button:before, #view a:before, .breadcrumbs .homex:before {text-indent: 0;}.sf-menu a.home:before {width: 30px;height: 30px;}.sf-menu a.home:before {content: "\f015";top: 0;font-size: 29px;left: 11px;color: #FBFBFB;}#searchnya button:before {content: "\f002";top: 5px;left: 11px;color: $(midnav.link.color);font-size: 18px;}#topmobilenav:before, #mobilenav:before {content: "\f0c9";top: 3px;text-indent: 0;left: 5px;font-size: 29px;}#topmobilenav:before {font-size: 21px;top: 1px;left: 3px;}#icon-socialmn {margin: 0;float: right;}#icon-socialmn li {float: left;}#icon-socialmn a {display: block;text-indent: -9999px;width: 26px;height: 29px;background-image: url(http://3.bp.blogspot.com/-JWxzfuPXWDQ/ULykR51IjoI/AAAAAAAABfk/GUjrfkEH7hc/h25/team-social-icons.png);background-repeat: no-repeat;-webkit-transition: background .2s ease-out;-moz-transition: background .2s ease-out;-o-transition: background .2s ease-out;transition: background .2s ease-out;}#icon-socialmn .sotw a {background-position: 1px 2px;}#icon-socialmn .sofb a {background-position: -24px 2px;}#icon-socialmn .sogo a {background-position: -49px 2px;}#icon-socialmn .sorss a {background-position: -74px 2px;}#icon-socialmn .solinkn a {background-position: -99px 2px;}#icon-socialmn .sodrib a {background-position: -125px 2px;}#icon-socialmn .sopint a {background-position: -150px 2px;}#icon-socialmn .sotw a:hover {background-color: #2DAAE1;}#icon-socialmn .sofb a:hover {background-color: #3C5B9B;}#icon-socialmn .sogo a:hover {background-color: #F63E28;}#icon-socialmn .sorss a:hover {background-color: #FA8C27;}#icon-socialmn .solinkn a:hover {background-color: #0173B2;}#icon-socialmn .sodrib a:hover {background-color: #F9538F;}#icon-socialmn .sopint a:hover {background-color: #CB2027;}#topmobilenav, #mobilenav {position: absolute;width: 35px;height: 35px;bottom: 7px;color: $(midnav.link.color);text-decoration: none;text-indent: -9999px;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;outline:0;background-color:$(midnav.button.color);}#topmobilenav {width: 25px;height: 25px;bottom: 2px;color:$(topnav.text.color);}#mobilenav.active {color: $(midnav.back.color);}#topmobilenav.active {color: $(topnav.back.color);}/* Outer-Wrapper----------------------------------------------- */

#outer-wrapper { background-color:$(cont.back.color); margin:0 auto; padding:0; text-align:$startSide; font:$(cont.font.type); -moz-box-shadow:0 0 5px $(cont.shadow.color); -webkit-box-shadow:0 0 5px #$(cont.shadow.color); box-shadow:0 0 5px $(cont.shadow.color);}

#outer-wrapper,#nav { width:100%; max-width:1080px;}

#content-wrapper { padding:15px 0;}

#main-atas { width:66%; padding:0 1% 0 0.5%; float:$startSide; word-wrap:break-word; /* fix for long text breaking sidebar float in IE */ overflow:hidden; /* fix for long non-text content breaking IE sidebar float */;}

#sidebar-wrapper { width:32%; float:$endSide; padding:0 0; word-wrap:break-word; /* fix for long text breaking sidebar float in IE */ overflow:hidden; /* fix for long non-text content breaking IE sidebar float */;}

.sidebar .widget > h2,#related_posts h4,#comments > h4 { padding:5px 0; margin:0 0 5px; background-image:url(http://1.bp.blogspot.com/-dbY_VVkPODk/UJTFnJtHmyI/AAAAAAAAGe8/jiGU6WOkWSI/s12/stripe.png); background-repeat:repeat-x; background-position:0 50%; overflow:hidden; font:$(main1.headfont.type); text-transform:uppercase; color:$(main1.headfont.color); font-weight:600;}.sidebar .widget > h2 a {text-decoration:none;color:$(main1.headfont.color);}.sidebar .widget > h2 span,#related_posts h4 span,#comments > h4 span { background-color:$(cont.back.color); padding:0 5px 0 0;}

.sidebar .widget-content, #manualslidenya { padding:5px 10px; margin:0; border:1px solid $(side.border.color); background-color:$(side.area.color); border-radius:2px; position:relative;}

#mainmidtengah,#mainmidtengah2 { overflow:hidden;}

#mainmidtengah .section,#mainmidtengah2 .section { width:50%; float:$startSide;}

/* Layout----------------------------------------------- */body#layout #sidebar-tengah { overflow:hidden;}

body#layout #sidebar-tengah .sidebarmd-widget { width:33.3%; float:$startSide;}body#layout #icon-socialmn, body#layout ul.navtab {display:none;}/* Headings----------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font:$headingfont; text-transform:none; margin:0;}

/* Posts----------------------------------------------- */

.blog-posts.hfeed { overflow:hidden; }

.index .post-outer,.archive .post-outer { width:33.3%; float:$startSide; position:relative;}

.index .post-outer .post,.archive .post-outer .post { margin:0 10px 10px; height:190px; position:relative; z-index:0;}

a.thumbimgx, .thumbimgslide { display:block; border:1px solid $(side.border.color); -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; height:140px; padding: 4px; position:relative; background-color:$(side.area.color);}

a.thumbimgx:before,a.thumbimgx:after,.thumbimgslide:before,.thumbimgslide:after,#feedContainer .inner:before,#feedContainer .inner:after,ul.rcentpost > li.a0 a.thumbxtag:before, .rcbytag.s ul.rcentpost a.thumbxtag:before,ul.rcentpost > li.a0 a.thumbxtag:after, .rcbytag.s ul.rcentpost a.thumbxtag:after { content:""; position:absolute; z-index:-2; bottom:15px; left:5px; width:50%; height:20%; max-width:300px; -webkit-box-shadow:0 15px 10px rgba(0,0,0,0.7); -moz-box-shadow:0 15px 10px rgba(0,0,0,0.7); box-shadow:0 15px 10px rgba(0,0,0,0.7); -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); -ms-transform:rotate(-3deg); -o-transform:rotate(-3deg); transform:rotate(-3deg);}

a.thumbimgx:after,.thumbimgslide:after,#feedContainer .inner:after,ul.rcentpost > li.a0 a.thumbxtag:after, .rcbytag.s ul.rcentpost a.thumbxtag:after { right:5px; left:auto; -webkit-transform:rotate(3deg); -moz-transform:rotate(3deg); -ms-transform:rotate(3deg); -o-transform:rotate(3deg); transform:rotate(3deg);}

a.thumbimgx img, .slideximg img, ul.imgslide, ul.imgslide li { height: 100%;width: 100%;}.slideximg {height: 100%;overflow: hidden;}ul.imgslide, ul.imgslide li {padding: 0;margin: 0;list-style: none;}ul.imgslide li {display: none;}ul.imgslide li:first-child {display: block;}.datex { position:absolute; z-index:10; background-color:$(main2.date.color); color:$(main2.datetext.color); padding:3px 0; top:0; left:15px; display:block; text-align:center;}

.item .datex, .static_page .datex {z-index: 0;}

.post:hover .datex.show { background-color:$(main2.datehover.color);}

.datex.show strong,.datex.show span,.datex.show small { display:block; padding:0 2px;}

.datex.show strong { font-size:21px;}

.datex.show span,.datex.show small { font-size:9px; height:12px; line-height:12px;}

.post-summary p,.post-more-link,.post-footer { display:none;}

.post .titlex,ul.rcentpost li strong a { text-decoration:none; font:$(main1.postfont.type); font-weight:600; line-height:1.4em; color:$(main1.postfont.color); display:block; margin:5px 0 0; max-height:36px; overflow:hidden;}

.menu-xitem { background-image:url(http://1.bp.blogspot.com/-dbY_VVkPODk/UJTFnJtHmyI/AAAAAAAAGe8/jiGU6WOkWSI/s12/stripe.png); background-repeat:repeat-x; background-position:0 50%; height:34px; margin:0 0 5px;}

.xitem1,#view { float:$startSide; background-color:$(cont.back.color); padding:5px; position:relative;}

#view { float:$endSide;}

.menu-xitem a { text-decoration:none; color:$(main1.headfont.color);}

.xitem1 .liat { font:$(main1.headfont.type); text-transform:uppercase; font-weight:600; background-image:url(http://1.bp.blogspot.com/-M1hnSxIV4W4/UW0e52ILM9I/AAAAAAAAI-A/8cqDNDbK0k4/s1600/ui-select.png); background-repeat:no-repeat; background-position:100% 70%; display:inline-block; padding-right:20px;}

.index .post-outer.list,.archive .post-outer.list { width:100%; float:none;}

.index .post-outer.list .post,.archive .post-outer.list .post { height:auto; margin:0 0 15px; padding-bottom:10px;}

.post-outer.list a.thumbimgx, .post-outer.list .thumbimgslide { width:200px; float:$startSide; margin:0 10px 0 5px;}

.post-outer.list .post .titlex { font-size:150%; max-height:200px; margin:0; overflow:visible;}

.post-outer.list .post-summary p { display:block; margin:10px 0 0;}

.post-outer.list .post-more-link { display:block; position:absolute; bottom:0; float:$endSide; right:0;}

.post-outer.list .post-more-link a { display:block; text-decoration:none; padding:4px 8px; font-size:90%; background-color:$(main2.date.color); color:$(main2.datetext.color);}

.post-outer.list .post-more-link a:hover { background-color:$(main2.datehover.color);}

.post-body .left { float:$startSide; margin:0 5px 5px 0;}

.post-body .right { float:$endSide; margin:0 0 5px 5px;}

.post-body .center { margin:10px 0 15px 0; display:block; text-align:center;}

.post-body .left span, .post-body .right span, .post-body .center span {display: block;text-align: center;font-size: 80%;font-style: italic;}

.post-body blockquote { padding-left:40px; margin:20px; font-size:110%; line-height:1.6em; color:#777; background:url(http://1.bp.blogspot.com/-sJbFLVX5LVs/UDzoGxMvWrI/AAAAAAAAAmg/qkUni125BV0/s1600/quotation-l.png) no-repeat left 5px;}

.item .post-body img,.static_page .post-body img { padding:4px; border:1px solid $imageborder;}

.post-body h1 { font-size:180%;}

.item .post,.static_page .post,.comments .comments-content,#related_posts ul,.boxcommentnya,.error-custom,.breadcrumbs,#main-wrapper .inline-ad { padding:10px; border:1px solid $(side.border.color); position:relative; margin:0 0 10px; background-color:$(side.area.color); -moz-border-radius:2px; webkit-border-radius:2px; border-radius:2px;}

.breadcrumbs { padding:5px 10px; margin:0 0 5px;}

.error-custom { background-image:url(http://1.bp.blogspot.com/-XKqVUlnOOBc/UXVCp_hfbEI/AAAAAAAAI_k/KdS4rjvZgkc/s500/Abstract+Floral+Vector+Illustration.png); background-repeat:no-repeat; background-position:right bottom; padding-bottom:220px; line-height:1.5em;}

.post h1.post-title,.post h2.post-title,.error-custom h2 { font-size:155%; font-weight:600; border-bottom:1px solid $(side.border.color); padding:0 0 5px 50px; color:$posttitlecolor; margin-bottom:15px;}

.post h2.post-title,.error-custom h2 { padding-left:0;}

.post h1.post-title a,.post h2.post-title a { text-decoration:none; display:block; color:$posttitlecolor;}

.post-body { margin:0 0 .75em; line-height:1.6em;}

.post-body iframe {max-width: 100%;}

.item .post-footer,.static_page .post-footer { display:block; border-top:1px solid $(posfoot.border.color); padding:8px; margin:0 -10px -10px; background-color:$(posfoot.back.color);}

.item .post-body img,.static_page .post-body img { max-width:95%;}

.post-timestamp { display:none;}

.post-author.vcard,.post-labels { margin-bottom:5px;}

.tr-caption-container img { border:none; padding:0;}

.post-footer .item-control.blog-admin.pid-1748668997 { float:$endSide;}

.post blockquote p { margin:.75em 0;}

.index .post h2.post-title,.archive .post h2.post-title,#topmobilenav,#mobilenav,#topmenunya h2 { display:none;}

.pager-isi { overflow:hidden;}

.pager-isi a,.pager-isi .linkgrey { width:50%; display:block; float:$startSide; padding:10px 0; font-size:120%; text-decoration:none;}

.pager-isi h6 { color:#2C2C2C; font-size:100%;}

.pager-isi h5 { font-size:90%;}

a.blog-pager-newer-link { text-align:left; position:relative;}

a.blog-pager-newer-link h6,a.blog-pager-newer-link h5 { padding-left:20px;}

a.blog-pager-older-link { text-align:right; position:relative;}

a.blog-pager-older-link h6,a.blog-pager-older-link h5 { padding-right:20px;}

.pager-isi .linkgrey.left { text-align:left;}

.pager-isi .linkgrey.right { text-align:right;}

a.blog-pager-newer-link::after { content:""; width:0; height:0; border-width:8px 6px; border-style:solid; border-color:transparent #777676 transparent transparent; position:absolute; top:50%; left:0; margin-top:-8px;}

a.blog-pager-older-link::after { content:""; width:0; height:0; border-width:8px 6px; border-style:solid; border-color:transparent transparent transparent #777676; position:absolute; top:50%; right:0; margin-top:-8px;}

#main-wrapper .inline-ad { text-align: center; padding: 10px 0; overflow: hidden;}

.feed-links,.error_page #blog-pager { display:none;}

/* Related Post----------------------------------------------- */#related_posts {color:$(side.text.color);}#related_posts ul { overflow:hidden; list-style:none;}

#related_posts li { list-style:none; float:$startSide; position:relative; width:50%; padding:0; min-height:120px; margin:0 0 8px;}#related_posts .inner {padding: 5px 3px;}#related_posts .gmbrrltd { float:$startSide; margin:0 5px 0 0; padding:3px; border:1px solid $imageborder; width:70px; height:70px; display:block;}#related_posts a:hover {text-decoration: none;}#related_posts strong {line-height: 1.4em;overflow: hidden;max-height: 30px;margin-bottom: 5px;display: block;}

#related_posts p { margin:5px 0 0; line-height:1.5em; display:none;}#related_posts .date.floatd:before {display:none;}#related_posts .date.floatd { position:absolute; top:0; left:15px; color:$(main2.datetext.color); display:block; background-color:$(main2.date.color); text-align:center; padding:4px 2px;}

#related_posts li:hover .date.floatd { background-color:$(main2.datehover.color);}

#related_posts .date.floatd span { display:block; font-size:9px; line-height:12px; height:12px;}

#related_posts .date.floatd span.dd { font-size:18px; line-height:17px; height:17px; font-weight:bold;}

/* Comments----------------------------------------------- */

.comment-form { max-width:100%; padding:10px; border:1px solid #C0C0C0; margin:0 0 10px; -moz-border-radius:2px; webkit-border-radius:2px; border-radius:2px;}

.comments.threaded_commentsnya .comment-form { display:none;}

.comments .continue a,.comments .comments-content .comment-thread ol .comment-replybox-thread { -moz-box-shadow:inset 0 1px 5px $(comen.shadow.color); -webkit-box-shadow:inset 0 1px 5px $(comen.shadow.color); box-shadow:inset 0 1px 5px $(comen.shadow.color); background-color:$(comen.reback.color);}

.comments .comments-content .comment-thread ol .comment-replybox-thread #form-wrapper { padding:5px 10px;}

.comments .comments-content .comment-thread ol { margin:0;}

.comments .comments-content .inline-thread { border:1px solid $(comen.border.color); border-left:2px solid $(main2.date.color); -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}

.comments .comments-content .comment:first-child { padding-top:0;}

.comments .comments-content .inline-thread .comment:first-child { padding-top:12px;}

.comments .comments-content .icon.blog-author,.commentarea .author-comment { background-image:url(http://3.bp.blogspot.com/-TpMivpUpG0s/UXCpktVApyI/AAAAAAAAI-o/6ZzgqgrANLI/s17/48_edit.png); background-repeat:no-repeat; background-position:50% 50%;}

#comments-block .avatar-image-container img { width:35px; height:35px; display:block;}

#comments-block .avatar-image-container.avatar-stock img { border-width:0; padding:1px; background-image:url(http://4.bp.blogspot.com/-AEWksK942OE/UFiyLzXJhiI/AAAAAAAAFKE/jBegaGPClxI/s37/user-anonymous-icon.png);}

.comments .comments-content .comment-content { text-align:justify; line-height:1.6em;}

#comments-block.avatar-comment-indent dd.comment-body p { margin:0; line-height:1.6em;}

#comments-block .avatar-image-container { top:0;}

.commentarea { padding:8px; border:1px solid $(comen.border.color); border-left:2px solid $(main2.date.color); -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin:0 0 15px; position:relative;}

#comments-block.avatar-comment-indent dd.comment-body { margin:10px 0;}

#comments-block.avatar-comment-indent .commentarea .comment-footer { margin-bottom:0; text-align:right;}

.commentarea .datecm { font-size:90%; float:$endSide;}

.commentarea .author-comment { display:inline-block; height:18px; margin:0 6px -4px 0; width:18px;}

#googlePlusComment,.cmt_iframe_holder { width:100% !important;}

/* Sidebar Content----------------------------------------------- */

.sidebar { color:$(side.text.color); line-height:1.5em;}

.sidebar ul,.footer ul { list-style:none; margin:0 0 0; padding:0 0 0;}

.sidebar li,.footer li { margin:0; padding-top:0; padding-$endSide:0; padding-bottom:.25em; padding-$startSide:15px; line-height:1.5em;}

.sidebar .widget,.main .widget,#sidebar-tengah,.footer .widget { margin:0 0 1.5em;}

.sidebar .widget { padding:0 10px;}

.main .Blog { border-bottom-width:0; position: relative;}

/* Footer----------------------------------------------- */

#footer-wrapper { overflow:hidden; padding:20px 0 0; border-top:5px solid $(foot2.bordertop.color); background-color:$(foot2.back.color); color:$(foot.text.color);}

#footer-wrapper .row { width:99%; margin:0 auto; overflow:hidden;}

#footer-wrapper .grid { width:25%; float:$startSide;}

.footer .widget { padding:0 15px;}

.footer .widget > h2 { font:$(foot.headfont.type); color:$(foot.headtext.color); background-image:url(http://4.bp.blogspot.com/-q4rW2Nbip7c/UWxMEfkADRI/AAAAAAAAI9Y/EZG2EWr99EE/s8/stripe.png); background-position:0 50%; background-repeat:repeat-x; margin:0 0 10px; padding:5px 0;}

.footer .widget > h2 span { background-color:$(foot2.back.color); padding:0 5px 0 0;}

.navix.credit {overflow: hidden;width: 98%;padding: 5px 1%;border-top: 1px solid #131313;}.navix.credit .left {float: left;}.navix.credit .righ {float: right;}

/* Search Box----------------------------------------------- */

#searchnya { float:$endSide; width:250px; margin:10px 0 0;}

#ajax-search-form { position:relative; font:normal normal 11px Arial,Sans-Serif; width:230px; float:$endSide;}

#ajax-search-form input { color:$(src.text.color); margin:0 0; background:$(src.back.color); padding:8px 8px; font-size:10px; outline:0; width:175px; float:$startSide; border:0;}

#ajax-search-form input:focus { color:#FFF;}

#search-result { color:$(src.resulttext.color); border:1px solid #F3F3F3; background-color:$(src.result.color); padding:8px 10px; margin:10px 0; width:280px; height:auto; position:absolute; top:27px; right:10px; z-index:99; -webkit-box-shadow:0 1px 3px #999; -moz-box-shadow:0 1px 3px #999; box-shadow:0 1px 3px #999; display:none;}

#search-result * { margin:0 0 0 0; padding:0 0 0 0;}

#search-result h4,#search-result strong { display:block; margin:0 30px 10px 0;}

#search-result ol { list-style:none; overflow:hidden; padding-right: 15px; }

.box, .box .antiscroll-inner {width: 100%;height: 400px;}#search-result .close { text-decoration:none; display:block; position:absolute; top:4px; font-size:18px; right:10px; line-height:normal; color:black;}

#search-result li { padding:5px 0; overflow: hidden;}

#search-result strong { margin:0 0 3px 0; display:block;}

#search-result img { float:$startSide; display:block; margin:0 5px 0 0; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}

#searchnya button { text-indent:-9999px; overflow:hidden; margin:0; background: transparent; width:35px; height:29px; font-size:12px; font-family:Arial,Helvetica,sans-serif; position:relative; cursor:pointer; border:none !important; outline:none;}

/* Slider----------------------------------------------- */

#main-top h2 { display:none;}

#main-top { position:relative; z-index:0;}

#main-top .widget-content::after,#main-top .widget-content::before,#manualslidenya::before,#manualslidenya::after { content:""; position:absolute; z-index:-2; bottom:15px; left:5px; width:50%; height:20%; max-width:300px; -webkit-box-shadow:0 15px 10px rgba(0,0,0,0.7); -moz-box-shadow:0 15px 10px rgba(0,0,0,0.7); box-shadow:0 15px 10px rgba(0,0,0,0.7); -webkit-transform:rotate(-1deg); -moz-transform:rotate(-1deg); -ms-transform:rotate(-1deg); -o-transform:rotate(-1deg); transform:rotate(-1deg);}

#main-top .widget-content::after,#manualslidenya::after { right:5px; left:auto; -webkit-transform:rotate(1deg); -moz-transform:rotate(1deg); -ms-transform:rotate(1deg); -o-transform:rotate(1deg); transform:rotate(1deg);}

ul.featpost,ul.featpost li { padding:0; margin:0; overflow:hidden; position:relative;}

ul.featpost li { height:280px; display:none; float:left;}ul.featpost li:first-child {display:block;}ul.featpost,.featuredpost { height:280px;}

.featuredpost { overflow:hidden;}

ul.featpost img { width:100%; height:100%;}

#main-top .widget-content { padding:5px;}

ul.featpost .labeltext { position:absolute; bottom:35px; left:0; width:85%; z-index:9; background-color:$(sli.desback.color); padding:7px 10px; color:$(sli.text.color);}

ul.featpost strong.titlex { position:absolute; bottom:95px; display:block; left:10px; z-index:10; background-color:$(sli.back.color); padding:5px 8px; max-height:22px; overflow:hidden;}

ul.featpost strong.titlex a { font:$(sli.font.type); color:$(sli.text.color); text-decoration:none; width:100%; font-weight:bold; text-transform:capitalize; display:inline-block;}ul.featpost .labeltext .infolabel {font-size:90%;text-align:right;}ul.featpost .labeltext .infolabel a {color:$(sli.text.color);}ul.featpost .labeltext .date { margin-right:5px;}

ul.featpost .labeltext p { margin:5px 0 0; font-style:italic;}

#main-top .flex-control-nav.flex-control-paging, #manualslidenya .flex-control-nav.flex-control-paging { position:absolute; width:100%; bottom:15px; z-index: 2;}

#main-top .flex-viewport, #main-top-manualslide .flex-viewport { max-width:800px;}

.featuredpost .flex-direction-nav a { top:50%; margin-top:-20px;}

a.feathumb { width:100%; height:280px; display:block;}#mainmtop-manualslide .widget > h2 {display: none;}#mainmtop-manualslide .Image .widget-content {padding: 0;border: 0;max-height: 280px;overflow: hidden;}

#mainmtop-manualslide .widget {padding: 0;margin-bottom: 40px;}#mainmtop-manualslide {overflow: hidden;max-height: 310px;position: relative;z-index: 0;}#manualslidenya {padding: 5px;max-height: 280px;}#main-top-manualslide .bungkus {padding: 0 10px 15px;}#main-top-manualslide .Image img {max-height: 280px;}/* Archive----------------------------------------------- */ #table-outer table { width:100%;}

#orderFeedBy,#labelSorter { width:90%; margin:5px 0;}

#postSearcher input[type="text"] { width:88%; margin:5px 0; padding:3px 1%;}

#feedContainer,#feedContainer li { padding:0; margin:0; list-style:none;}

#feedContainer { overflow:hidden; margin-top:20px;}

#feedContainer li { float:left; width:50%; margin-bottom:10px; position:relative; z-index: 0;}

#feedContainer .inner { padding:8px; margin:0 5px; position:relative; background-color:#FFF; border:1px solid #C0C0C0; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; height:133px;}

#feedContainer img { float:left; margin:0 8px 0 0;}

#feedContainer .inner > strong { display:none;}

#feedContainer .date { position:absolute; top:8px; left:15px; background-color:$(main2.date.color); color:$(main2.datetext.color); font-size:9px; padding:3px 2px;}

#feedContainer .inner:hover .date { background-color:$(main2.datehover.color);}

#feedContainer .date span { display:block; line-height:12px; text-align:center;}

#feedContainer .date .dd { font-size:15px; line-height:18px; font-weight:bold;}

#feedContainer .toc-title { max-height:33px; overflow:hidden;}

#feedNav a, #feedNav span { display:block; text-align:center; color:$(main2.datetext.color); text-decoration:none; background-color:$(main2.date.color); padding:5px; width:95%; margin:0 auto; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}

#feedNav a:hover { background-color:$(main2.datehover.color);}

body#layout #mainmtop-manualslide {overflow: hidden;}

body#layout #mainmtop-manualslide .add_widget, body#layout #mainmtop-manualslide div.widget,body#layout #mainmtop-manualslide .dropregion {float: left;width: 25%;}/* Other----------------------------------------------- */

img { max-width:100%; height:auto; width:auto\9;}

a img,a.loadpost,.datex.show,ul.rcentpost .date,.buttons a,ul.navtab li a,#related_posts .date,.post-outer.list .post-more-link a,#feedContainer .date,.showpageNum a { -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out; transition:all .4s ease-in-out;}

a img:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7;}

a.loadpost { display:block; width:80%; margin:0 auto; line-height:30px; height:30px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; background-color:$(main2.date.color); color:$(main2.datetext.color); text-decoration:none; position:relative;}

a.loadpost:hover { background-color:$(main2.datehover.color);}a.loadpost:active {top:1px;}

.recntright .antiscroll-scrollbar-vertical {right: 4px;}ul.rcentpost { margin:-5px -10px;}.recntright .box, .recntright .box .antiscroll-inner {height:270px;}ul.rcentpost li { padding: 0; overflow:hidden; position:relative; z-index:0; border-bottom:1px solid #F1F1F1;}ul.rcentpost .inner {padding: 8px;overflow: hidden;}ul.rcentpost .recntright .inner {padding-right:12px;}ul.rcentpost p {margin: 10px 0;}ul.rcentpost .recntright p, .rcbytag.s ul.rcentpost p {display:none;}a.thumbxtag { float:left; width:60px; height:60px; display:block; margin:0 8px 0 0; padding:3px; border:1px solid $imageborder; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; background-color:$(cont.back.color);}

a.thumbxtag img { display:block; width:100%; height:100%;}

.morepostag { text-align:center; padding: 5px 0;}.recntright .info, #related_posts .info {font-size: 80%;}.morepostag a { display:block; width:80%; line-height:25px; height:25px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; margin:5px auto; color:$(main2.datetext.color); background-color:$(main2.date.color); text-decoration:none; -webkit-transition:background-color .4s ease-in-out; -moz-transition:background-color .4s ease-in-out; -o-transition:background-color .4s ease-in-out; -ms-transition:background-color .4s ease-in-out; transition:background-color .4s ease-in-out;}.morepostag a.loadingnya {background-image: url(http://4.bp.blogspot.com/-TnSE_uBapbc/UXVKY6X6faI/AAAAAAAAI_s/rTt1Js3H8s0/s16/progress_ani.gif);background-repeat: no-repeat;background-position: center;text-indent:-9999px;}.morepostag a:hover, .morepostag a.loadingnya { background-color:$(main2.datehover.color);}

ul.rcentpost > li.a0 a.thumbxtag, .rcbytag.s ul.rcentpost a.thumbxtag { float:none; width:auto; padding:5px; display:block; height:170px; position:relative; margin: 0;}

.rcbytag.s ul.rcentpost a.thumbxtag { height:120px; }

ul.rcentpost li strong a { margin:0;}

ul.rcentpost > li.a0 strong a { margin:10px 0 0; font-size:120%; display:block;}

ul.rcentpost > li.a0 .date, .rcbytag.s ul.rcentpost .date { position:absolute; top:8px; left:20px; background-color:$(main2.date.color); color:$(main2.datetext.color); display:block; padding:3px; text-align:center;}

ul.rcentpost > li.a0 .date span, .rcbytag.s ul.rcentpost .date span { display:block; font-size:9px; line-height:12px; height:12px;}

ul.rcentpost > li.a0 .date span.dd, .rcbytag.s ul.rcentpost .date span.dd { font-size:18px; font-weight:bold; line-height:20px; height:20px;}

ul.rcentpost > li.a0:hover .date, .rcbytag.s ul.rcentpost li:hover .date { background-color:$(main2.datehover.color);}

.rcbytag.s ul.rcentpost { margin:10px 0; overflow:hidden; height:175px;}

.rcbytag.s ul.rcentpost li { padding:0; width:33.3%; float:$startSide; height:175px;}

.rcbytag.s ul.rcentpost .inner { margin: 0;padding: 0 8px;}

.rcbytag.s ul.rcentpost .date { top:0;}

.rcbytag.s ul.rcentpost p { display:none;}.rcbytag.h .rcentpost {overflow: hidden;}.rcbytag.h ul.rcentpost > .a0 {float: left;width: 50%;border-bottom: 0;}.rcbytag.h .recntright {width: 50%;float: left;}.recntright .date, .recntright .comnum, #related_posts .date, #related_posts .comnum {padding-left: 15px;display: inline-block;position: relative;}.recntright .date:before, #related_posts .date:before { content: "\f133";left: 0px;font-size: 11px;}.recntright .comnum:before, #related_posts .comnum:before {content: "\f075";left: 2px;}.recntright .comnum {margin-left: 8px;}#related_posts .date {margin-right: 8px;}.recntright .comnum a, #related_posts .comnum a {color:$(side.text.color);}.flex-direction-nav a { position:absolute; display:block; top:90px; width:25px; height:40px; background-color:$(main2.date.color); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; outline:0; text-indent:-9999px; background-image:url(http://1.bp.blogspot.com/-5Sp-MZWyiaU/UWxMDK77sGI/AAAAAAAAI9E/5VUb6FmzgNY/s1600/glyphicons-halflings-white.png); background-repeat:no-repeat; z-index: 2;}

.widget-content:hover .flex-direction-nav a, #manualslidenya:hover .flex-direction-nav a { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}

.flex-direction-nav a:hover { background-color:$(main2.datehover.color);}

.flex-direction-nav a.flex-prev { right:0; -moz-border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px; background-position:-18px 7px;}

.flex-direction-nav a.flex-next { left:0; -moz-border-radius:0 3px 3px 0; -webkit-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0; background-position:7px 7px;}

.flex-control-nav.flex-control-paging,.flex-control-nav.flex-control-paging li { list-style:none; padding:0; text-align:center; margin:0;}

.flex-control-nav.flex-control-paging li { display:inline-block;}

.flex-control-nav.flex-control-paging a { display:inline-block; text-indent:-9999px; margin:0 3px; width:10px; height:10px; background-color:$(main2.datehover.color); cursor:pointer; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}

.flex-control-nav.flex-control-paging a.flex-active { background-color:$(main2.date.color);}

.flex-viewport,.rcbytag { max-width:612px; margin:0 auto;}

.rcbytag.s ul.rcentpost strong a { margin:5px 0 0; font-size:13px;}

#sidebar-tengah h2, ul.rcentpost > li.a0 .comnum, .rcbytag.s ul.rcentpost .comnum { display:none;}

ul.navtab,ul.navtab li, #icon-socialmn,#icon-socialmn li { list-style:none; padding:0; margin:0;}

ul.navtab { height:32px; padding:0 8px; margin:0 10px; border-bottom:5px solid $(tab.selet.color);}

ul.navtab li { float:$startSide; width:33.3%; text-align:center;}

ul.navtab li a { display:block; line-height:32px; height:32px; background-color:$(tab.back.color); color:$(tab.text.color); text-decoration:none;}

ul.navtab li a.current,ul.navtab li a:hover { background-color:$(tab.selet.color);}

ul.navtab { height:32px; padding:0 10px; margin:0 10px;}

#sidebar-tengah .widget-content,#sidebar-tengah .widget { border:0; padding:0; margin:0;}

.list-tabwrap { padding:8px 10px; margin:0 10px; border:1px solid $(side.border.color); border-top:0; background-color:$(side.area.color);}

#view a { display:inline-block; text-indent:-9999px; width:23px; height:23px; background-image:url(http://2.bp.blogspot.com/-rJBQIVZlRYI/UWxMEXv3CLI/AAAAAAAAI9c/tOlxHrVprWw/s1600/sprite1.png); background-repeat:no-repeat; float:$endSide; outline:0;}

#view a.list { background-position:0 -102px;}

#view a.list.active { background-position:0 -68px;}

#view a.grid { background-position:0 -34px;}

#view a.grid.active { background-position:0 0;}

#labelxnya { position:absolute; z-index:99; top:100%; left:0; display:none;}#labelxnya .box, #labelxnya .box .antiscroll-inner {height: 280px;width:160px;}ul.subnya-xitem,ul.subnya-xitem li { padding:0; list-style:none; margin:0; overflow: hidden;width: 160px;}

#labelxnya .bknslabel { min-width: 160px; padding:8px 5px; background-color:#FFF; border:1px solid #E2E2E2; border-radius:3px; overflow:hidden; position:relative; top:-12px; -moz-box-shadow:0 0 10px #CFCECE; -webkit-box-shadow:0 0 10px #CFCECE; box-shadow:0 0 10px #CFCECE;}

ul.subnya-xitem li { margin:1px 0; white-space: nowrap;}

ul.subnya-xitem a { line-height:25px; display:block; padding:0 10px;}

ul.subnya-xitem a:hover { background-color:#F5F5F5;}

#labelxnya span { position:relative; display:inline-block; text-indent:-9999px; left:50px; top:-7px; width:0; height:0; border-width:10px 10px; border-style:solid; border-color:transparent transparent #868585 transparent;}

.left .ticker-controls,.left .ticker-content,.left .ticker-title,.left .ticker { float:$startSide;}

.ticker-wrapper.has-js { height:28px; overflow:hidden; margin:0 0 15px; line-height:28px; border:1px solid $(news.border.color); -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background-color:$(side.area.color);}

.ticker { width:92%; position:relative; overflow:hidden;}

.ticker-title { background-color:$(news.back.color); padding:0 10px; color:$(news.text.color); font-weight:bold;}

.ticker-content { margin:0; position:absolute; font-weight:bold; overflow:hidden; white-space:nowrap; line-height:26px; padding:0 10px; font-size:10px;}

.ticker-content .date { padding:0 5px 0 0; border-right:1px solid #272727;}

.ticker-swipe { position:absolute; top:0; background-color:$(side.area.color); display:block; width:800px; height:23px;}

.ticker-swipe span { margin-left:1px; background-color:$(side.area.color); border-bottom:1px solid #000; height:18px; width:7px; display:block;}

.ticker-controls { padding:6px 0 0; margin:0; list-style-type:none; float:$startSide;}

.ticker-controls li { padding:0; margin-left:5px; float:$startSide; cursor:pointer; height:16px; width:16px; display:block;}

.ticker-controls li.jnt-play-pause { background-image:url(http://4.bp.blogspot.com/-51LJbo4SM-o/UW177sJbe4I/AAAAAAAAI-Q/0sVTpXW7lB8/s1600/controls.png); background-position:32px 16px;}

.ticker-controls li.jnt-play-pause.over { background-position:32px 32px;}

.ticker-controls li.jnt-play-pause.down { background-position:32px 0;}

.ticker-controls li.jnt-play-pause.paused { background-image:url(http://4.bp.blogspot.com/-51LJbo4SM-o/UW177sJbe4I/AAAAAAAAI-Q/0sVTpXW7lB8/s1600/controls.png); background-position:48px 16px;}

.ticker-controls li.jnt-play-pause.paused.over { background-position:48px 32px;}

.ticker-controls li.jnt-play-pause.paused.down { background-position:48px 0;}

.ticker-controls li.jnt-prev { background-image:url(http://4.bp.blogspot.com/-51LJbo4SM-o/UW177sJbe4I/AAAAAAAAI-Q/0sVTpXW7lB8/s1600/controls.png); background-position:0 16px;}

.ticker-controls li.jnt-prev.over { background-position:0 32px;}

.ticker-controls li.jnt-prev.down { background-position:0 0;}

.ticker-controls li.jnt-next { background-image:url(http://4.bp.blogspot.com/-51LJbo4SM-o/UW177sJbe4I/AAAAAAAAI-Q/0sVTpXW7lB8/s1600/controls.png); background-position:16px 16px;}

.ticker-controls li.jnt-next.over { background-position:16px 32px;}

.ticker-controls li.jnt-next.down { background-position:16px 0;}

.js-hidden { display:none;}

.FollowByEmail .follow-by-email-inner .follow-by-email-submit { background-color:$(main2.date.color);}

.FollowByEmail .follow-by-email-inner .follow-by-email-address { font-size:12px; padding:2px 0; padding-left:5%; width:95%;}

.footer .FollowByEmail .follow-by-email-inner .follow-by-email-address { background-color:#202020; border:1px solid #1B1B1B;}

input[type="submit"] { border-radius:2px; background-color:$(main2.date.color); outline:0; border:0; padding:5px 8px; color:$(main2.datetext.color); margin:2px 3px; cursor:pointer;}

input[type="submit"]:hover { background-color:$(main2.datehover.color);}

input[type="text"] { padding:4px 5px; border:1px solid #B6B6B6; border-radius:2px; color:#585858;}

.Label li { padding:3px 5px; margin:0 3px 3px 0; float:$startSide; background-color:$(main2.date.color); -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px; color:#D6D6D6;}

.Label li a { color:$(main2.datetext.color); text-decoration:none;}

.Label li:hover { background-color:$(main2.datehover.color);}

.footer .Label li:hover { background-color:$(backtop.backhover.color);}

#top { position:fixed; right:10px; bottom:0; text-indent:-9999px; width:40px; height:0; background-color:$(backtop.back.color); border-radius:2px 2px 0 0; background-image:url(http://3.bp.blogspot.com/-Vug8W3sF3PA/UXSMCnhg68I/AAAAAAAAI_U/OhgHbKpX8r0/s1600/up.png); background-repeat:no-repeat; background-position:50% 50%; opacity:0; cursor:pointer; outline:0;}

#top:hover { background-color:$(backtop.backhover.color);}

ul.rcomnetxx li { padding:5px; margin-bottom:8px; overflow:hidden;}

ul.rcomnetxx .kmtimg { float:$startSide; margin:0 5px 5px 0; width:50px; height:50px; padding:3px; border:1px solid $imageborder;}

ul.rcomnetxx p { margin:5px 0 0;}

ul.rcomnetxx .date { font-size:80%;}

.PopularPosts li img { padding:0; width:65px; height:65px; display:block;}

.PopularPosts .item-thumbnail { padding:3px; border:1px solid $imageborder; width:65px; height:65px;}

.loadingxx { background-image:url(http://4.bp.blogspot.com/-TnSE_uBapbc/UXVKY6X6faI/AAAAAAAAI_s/rTt1Js3H8s0/s1600/progress_ani.gif); background-repeat:no-repeat; background-position:50% 50%; min-height:150px;}

#featpost.loadingxx { height:280px;}

.antiscroll-wrap { display: block; position: relative; overflow: hidden; }

.antiscroll-scrollbar { background: gray; background: rgba(0, 0, 0, 0.5); -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: 0 0 1px #fff; -moz-box-shadow: 0 0 1px #fff; box-shadow: 0 0 1px #fff; position: absolute; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); -webkit-transition: linear 300ms opacity, linear 300ms width; -moz-transition: linear 300ms opacity, linear 300ms width; -o-transition: linear 300ms opacity, linear 300ms width; transition: linear 300ms opacity, linear 300ms width;}

.antiscroll-scrollbar-shown { opacity: 1; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}

.antiscroll-scrollbar-horizontal { height: 7px; margin-left: 2px; bottom: 2px; left: 0;}

.antiscroll-scrollbar-vertical { width: 7px; margin-top: 2px; right: 2px; top: 0; }.antiscroll-scrollbar-vertical:hover {width: 9px;}.antiscroll-inner { overflow: scroll;}.antiscroll-inner::-webkit-scrollbar { width: 0; height: 0;}

.antiscroll-inner::scrollbar { width: 0; height: 0;}.index #blog-pager, .archive #blog-pager {text-align: left;margin: 10px 0 0;padding: 5px;}.showpagePoint, .showpageNum a, .showpage a {display: inline-block;padding: 8px 9px;margin-right: 2px;color: $(cont.back.color);background-color: $(main2.date.color);border-radius: 3px;position: relative;text-decoration: none;outline: 0;}.showpageNum a:hover, .showpage a:hover, .showpagePoint {background-color: $(main2.datehover.color);}.showpageNum a:active, .showpage a:active {top:1px;}.loadingpost {position: absolute;background-color: $(cont.back.color);background-image: url(https://lh3.googleusercontent.com/-FiCzyOK4Mew/T4aAj2uVJKI/AAAAAAAAPaY/x23tjGIH7ls/s32/ajax-loader.gif);background-repeat: no-repeat;background-position: 50% 50%;top: 0;left: 0;bottom: 30px;right: 0;display:none;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);opacity: 0.6;}/* RESPONSIVE */

@media only screen and (max-width:1024px) { #navinti a {padding:0 10px;} #searchnya {width: 195px;} #ajax-search-form {width: 191px;} #ajax-search-form input {width: 140px;}}@media only screen and (max-width:979px) { #outer-wrapper, #nav { width:768px; } #nav .wrap { width: 99%; } #footer-wrapper .grid { width:33.3%; } #topmenunav, #menunav, .sf-menu a.home:before, .sf-menu > li > a.home.current:before {display:none;} #topmobilenav, #mobilenav { display:block; } #menunav, #topmenunav { position: absolute;top: 100%;float: none;left: 5px; } #menunav {background-color: $(midnav.back.color);right: 5px;}#topmenunav {width: 300px;background-color: $(topnav.back.color);z-index: 99;}.sf-menu > li {float: none;}.sf-menu ul {position: static;}.sf-menu ul ul li {margin: 1px 0;}.sf-menu a.home, .sf-menu > li > a.home.current {text-indent: 0;width: auto;padding: 0 10px;}#menunav > li > a {height: 30px;line-height: 30px;}#topnav .tgltop {margin-left: 35px;}.sf-menu li:hover > ul, .sf-menu li.sfHover > ul {display:none;} #main-atas { width:58%; } #sidebar-wrapper { width:40%; } #mainmidtengah .section, #mainmidtengah2 .section { width:100%; float:none; } .index .post-outer, .archive .post-outer, ul.rcentpost.sliderq li { width:50%; } .post-outer.list a.thumbimgx, .post-outer.list .thumbimgslide { width:150px; height:120px; } .ticker { width:90%; } ul.featpost, .featuredpost, ul.featpost li, a.feathumb { height:240px; } .featuredpost { font-size:11px; } #main-top .flex-viewport, #main-top-manualslide .flex-viewport { width:100%; } ul.featpost strong.titlex { max-width:250px; max-height:55px; bottom:110px; } .post-body .left, .post-body .right { float:none; display:block; text-align:center; margin:10px 0 15px; } #related_posts strong { max-height:auto; } #related_posts li { width:100%; float:none; height:auto; overflow:hidden; } .comments .comments-content .comment-replies { margin-left:10px; } #header { width:100%; float:none; } #adstop { display:none; } #feedContainer li { float:none; width:100%; }

#feedContainer .inner { height:auto; } .rcbytag.h ul.rcentpost > .a0, .rcbytag.h .recntright { width: auto;float: none; } .rcbytag.h ul.rcentpost > .a0 { border-bottom: 1px solid #F1F1F1; }}

@media only screen and (max-width:767px) { #outer-wrapper, #nav { width:480px; } #footer-wrapper .grid { width:50%; } #main-atas, #sidebar-wrapper { width:98%; float:none; padding:0 1%; } .flex-viewport, .rcbytag { width:407px; } #newsticker { display:none; } #header { text-align:center; } #header img { margin:0 auto; } .navix.credit .left, .navix.credit .righ {float: none;text-align: center; } #topmenunav {right: 5px;width: auto;}}

@media only screen and (max-width:479px) { #outer-wrapper, #nav { width:320px; } #footer-wrapper .grid { width:100%; } a.thumbimgx, .thumbimgslide { padding:3px; height:110px; } .index .post-outer .post, .archive .post-outer .post { height:160px; } .post-outer.list a.thumbimgx, .post-outer.list .thumbimgslide { width:100px; height:90px; } ul.rcentpost.sliderq a.thumbxtag, ul.rcentpost.sliderq li:first-child a.thumbxtag { width:97%; height:90px; } ul.rcentpost.sliderq, ul.rcentpost.sliderq li { height:150px; } .post-outer.list .post .titlex { font-size:130%; } .separator a, table.tr-caption-container { float:none !important; margin:0 auto 15px !important; } table.tr-caption-container { padding:0; } .flex-viewport, .rcbytag { width:100%; } ul.featpost strong.titlex { max-width:190px; bottom:95px; } ul.featpost .labeltext p { height:50px; overflow:hidden; } ul.featpost .labeltext .date { display:none; } ul.featpost, .featuredpost, ul.featpost li, a.feathumb { height:200px; } #search-result, .box, .box .antiscroll-inner { width:272px; } #topnav .tgltop {display: none;}}

@media only screen and (max-width:319px) { #outer-wrapper, #nav { width:100%; } .index .post-outer, .archive .post-outer, ul.rcentpost.sliderq li { width:100%; float:none; } #search-result, .box, .box .antiscroll-inner { width:250px; } }

// Lightweight `auto read-more` hack for Blogger using `Textarea` by Taufik Nurrohman modif by MKR// URL: https://plus.google.com/108949996304093815163/about//var configSummary = { thumbnailSize: "s180-c", // Define the post thumbnail size summaryLength: 200, // Define the summary length slideffect: true, // Define to make image slidemaxImage:5,// Define Maximal Image to image slideslideSpeed: 3000, // Define Slideshow Speed in milisecondBackupImage: 'http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s72-c/grey.gif' // Backup image if post don't have image };//]]>

//// Mousewheel v3.0.6 - jQuery Scroll Mouse Wheel// Copyright (c) 2011 Brandon Aaron (http://brandonaaron.net) (function(d){var b=["DOMMouseScroll","mousewheel"];if(d.event.fixHooks){for(var a=b.length;a;){d.event.fixHooks[b[--a]]=d.event.mouseHooks}}d.event.special.mousewheel={setup:function(){if(this.addEventListener){for(var e=b.length;e;){this.addEventListener(b[--e],c,false)}}else{this.onmousewheel=c}},teardown:function(){if(this.removeEventListener){for(var e=b.length;e;){this.removeEventListener(b[--e],c,false)}}else{this.onmousewheel=null}}};d.fn.extend({mousewheel:function(e){return e?this.bind("mousewheel",e):this.trigger("mousewheel")},unmousewheel:function(e){return this.unbind("mousewheel",e)}});function c(j){var h=j||window.event,g=[].slice.call(arguments,1),k=0,i=true,f=0,e=0;j=d.event.fix(h);j.type="mousewheel";if(h.wheelDelta){k=h.wheelDelta/120}if(h.detail){k=-h.detail/3}e=k;if(h.axis!==undefined&&h.axis===h.HORIZONTAL_AXIS){e=0;f=-1*k}if(h.wheelDeltaY!==undefined){e=h.wheelDeltaY/120}if(h.wheelDeltaX!==undefined){f=-1*h.wheelDeltaX/120}g.unshift(j,k,f,e);return(d.event.dispatch||d.event.handle).apply(this,g)}})(jQuery);

// jQuery FlexSlider v2.2.0 Copyright 2012 WooThemes Author: Tyler Smith (function(e){e.flexslider=function(t,n){var r=e(t);r.vars=e.extend({},e.flexslider.defaults,n);var i=r.vars.namespace,s=window.navigator&&window.navigator.msPointerEnabled&&window.MSGesture,o=("ontouchstart"in window||s||window.DocumentTouch&&document instanceof DocumentTouch)&&r.vars.touch,u="click touchend MSPointerUp",a="",f,l=r.vars.direction==="vertical",c=r.vars.reverse,h=r.vars.itemWidth>0,p=r.vars.animation==="fade",d=r.vars.asNavFor!=="",v={},m=!0;e.data(t,"flexslider",r);v={init:function(){r.animating=!1;r.currentSlide=parseInt(r.vars.startAt?r.vars.startAt:0);isNaN(r.currentSlide)&&(r.currentSlide=0);r.animatingTo=r.currentSlide;r.atEnd=r.currentSlide===0||r.currentSlide===r.last;r.containerSelector=r.vars.selector.substr(0,r.vars.selector.search(" "));r.slides=e(r.vars.selector,r);r.container=e(r.containerSelector,r);r.count=r.slides.length;r.syncExists=e(r.vars.sync).length>0;r.vars.animation==="slide"&&(r.vars.animation="swing");r.prop=l?"top":"marginLeft";r.args={};r.manualPause=!1;r.stopped=!1;r.started=!1;r.startTimeout=null;r.transitions=!r.vars.video&&!p&&r.vars.useCSS&&function(){var e=document.createElement("div"),t=["perspectiveProperty","WebkitPerspective","MozPerspective","OPerspective","msPerspective"];for(var n in t)if(e.style[t[n]]!==undefined){r.pfx=t[n].replace("Perspective","").toLowerCase();r.prop="-"+r.pfx+"-transform";return!0}return!1}();r.vars.controlsContainer!==""&&(r.controlsContainer=e(r.vars.controlsContainer).length>0&&e(r.vars.controlsContainer));r.vars.manualControls!==""&&(r.manualControls=e(r.vars.manualControls).length>0&&e(r.vars.manualControls));if(r.vars.randomize){r.slides.sort(function(){return Math.round(Math.random())-.5});r.container.empty().append(r.slides)}r.doMath();r.setup("init");r.vars.controlNav&&v.controlNav.setup();r.vars.directionNav&&v.directionNav.setup();r.vars.keyboard&&(e(r.containerSelector).length===1||r.vars.multipleKeyboard)&&e(document).bind("keyup",function(e){var t=e.keyCode;if(!r.animating&&(t===39||t===37)){var n=t===39?r.getTarget("next"):t===37?r.getTarget("prev"):!1;r.flexAnimate(n,r.vars.pauseOnAction)}});r.vars.mousewheel&&r.bind("mousewheel",function(e,t,n,i){e.preventDefault();var s=t0?r.startTimeout=setTimeout(r.play,r.vars.initDelay):r.play()}d&&v.asNav.setup();o&&r.vars.touch&&v.touch();(!p||p&&r.vars.smoothHeight)&&e(window).bind("resize orientationchange focus",v.resize);r.find("img").attr("draggable","false");setTimeout(function(){r.vars.start(r)},200)},asNav:{setup:function(){r.asNav=!0;r.animatingTo=Math.floor(r.currentSlide/r.move);r.currentItem=r.currentSlide;r.slides.removeClass(i+"active-slide").eq(r.currentItem).addClass(i+"active-slide");if(!s)r.slides.click(function(t){t.preventDefault();var n=e(this),s=n.index(),o=n.offset().left-e(r).scrollLeft();if(o1)for(var f=0;fr.currentSlide?"next":"prev";r.flexAnimate(s,r.vars.pauseOnAction)}}a===""&&(a=t.type);v.setToClearWatchedEvent()})},setupManual:function(){r.controlNav=r.manualControls;v.controlNav.active();r.controlNav.bind(u,function(t){t.preventDefault();if(a===""||a===t.type){var n=e(this),s=r.controlNav.index(n);if(!n.hasClass(i+"active")){s>r.currentSlide?r.direction="next":r.direction="prev";r.flexAnimate(s,r.vars.pauseOnAction)}}a===""&&(a=t.type);v.setToClearWatchedEvent()})},set:function(){var t=r.vars.controlNav==="thumbnails"?"img":"a";r.controlNav=e("."+i+"control-nav li "+t,r.controlsContainer?r.controlsContainer:r)},active:function(){r.controlNav.removeClass(i+"active").eq(r.animatingTo).addClass(i+"active")},update:function(t,n){r.pagingCount>1&&t==="add"?r.controlNavScaffold.append(e(""+r.count+"")):r.pagingCount===1?r.controlNavScaffold.find("li").remove():r.controlNav.eq(n).closest("li").remove();v.controlNav.set();r.pagingCount>1&&r.pagingCount!==r.controlNav.length?r.update(n,t):v.controlNav.active()}},directionNav:{setup:function(){var t=e('

'+r.vars.prevText+'

'+r.vars.nextText+"

");if(r.controlsContainer){e(r.controlsContainer).append(t);r.directionNav=e("."+i+"direction-nav li a",r.controlsContainer)}else{r.append(t);r.directionNav=e("."+i+"direction-nav li a",r)}v.directionNav.update();r.directionNav.bind(u,function(t){t.preventDefault();var n;if(a===""||a===t.type){n=e(this).hasClass(i+"next")?r.getTarget("next"):r.getTarget("prev");r.flexAnimate(n,r.vars.pauseOnAction)}a===""&&(a=t.type);v.setToClearWatchedEvent()})},update:function(){var e=i+"disabled";r.pagingCount===1?r.directionNav.addClass(e).attr("tabindex","-1"):r.vars.animationLoop?r.directionNav.removeClass(e).removeAttr("tabindex"):r.animatingTo===0?r.directionNav.removeClass(e).filter("."+i+"prev").addClass(e).attr("tabindex","-1"):r.animatingTo===r.last?r.directionNav.removeClass(e).filter("."+i+"next").addClass(e).attr("tabindex","-1"):r.directionNav.removeClass(e).removeAttr("tabindex")}},pausePlay:{setup:function(){var t=e('');if(r.controlsContainer){r.controlsContainer.append(t);r.pausePlay=e("."+i+"pauseplay a",r.controlsContainer)}else{r.append(t);r.pausePlay=e("."+i+"pauseplay a",r)}v.pausePlay.update(r.vars.slideshow?i+"pause":i+"play");r.pausePlay.bind(u,function(t){t.preventDefault();if(a===""||a===t.type)if(e(this).hasClass(i+"pause")){r.manualPause=!0;r.manualPlay=!1;r.pause()}else{r.manualPause=!1;r.manualPlay=!0;r.play()}a===""&&(a=t.type);v.setToClearWatchedEvent()})},update:function(e){e==="play"?r.pausePlay.removeClass(i+"pause").addClass(i+"play").html(r.vars.playText):r.pausePlay.removeClass(i+"play").addClass(i+"pause").html(r.vars.pauseText)}},touch:function(){var e,n,i,o,u,a,f=!1,d=0,v=0,m=0;if(!s){t.addEventListener("touchstart",g,!1);function g(s){if(r.animating)s.preventDefault();else if(window.navigator.msPointerEnabled||s.touches.length===1){r.pause();o=l?r.h:r.w;a=Number(new Date);d=s.touches[0].pageX;v=s.touches[0].pageY;i=h&&c&&r.animatingTo===r.last?0:h&&c?r.limit-(r.itemW+r.vars.itemMargin)*r.move*r.animatingTo:h&&r.currentSlide===r.last?r.limit:h?(r.itemW+r.vars.itemMargin)*r.move*r.currentSlide:c?(r.last-r.currentSlide+r.cloneOffset)*o:(r.currentSlide+r.cloneOffset)*o;e=l?v:d;n=l?d:v;t.addEventListener("touchmove",y,!1);t.addEventListener("touchend",b,!1)}}function y(t){d=t.touches[0].pageX;v=t.touches[0].pageY;u=l?e-v:e-d;f=l?Math.abs(u)0?r.getTarget("next"):r.getTarget("prev");r.canAdvance(h)&&(Number(new Date)-a50||Math.abs(l)>o/2)?r.flexAnimate(h,r.vars.pauseOnAction):p||r.flexAnimate(r.currentSlide,r.vars.pauseOnAction,!0)}t.removeEventListener("touchend",b,!1);e=null;n=null;u=null;i=null}}else{t.style.msTouchAction="none";t._gesture=new MSGesture;t._gesture.target=t;t.addEventListener("MSPointerDown",w,!1);t._slider=r;t.addEventListener("MSGestureChange",E,!1);t.addEventListener("MSGestureEnd",S,!1);function w(e){e.stopPropagation();if(r.animating)e.preventDefault();else{r.pause();t._gesture.addPointer(e.pointerId);m=0;o=l?r.h:r.w;a=Number(new Date);i=h&&c&&r.animatingTo===r.last?0:h&&c?r.limit-(r.itemW+r.vars.itemMargin)*r.move*r.animatingTo:h&&r.currentSlide===r.last?r.limit:h?(r.itemW+r.vars.itemMargin)*r.move*r.currentSlide:c?(r.last-r.currentSlide+r.cloneOffset)*o:(r.currentSlide+r.cloneOffset)*o}}function E(e){e.stopPropagation();var n=e.target._slider;if(!n)return;var r=-e.translationX,s=-e.translationY;m+=l?s:r;u=m;f=l?Math.abs(m)0?r.getTarget("next"):r.getTarget("prev");r.canAdvance(l)&&(Number(new Date)-a50||Math.abs(s)>o/2)?r.flexAnimate(l,r.vars.pauseOnAction):p||r.flexAnimate(r.currentSlide,r.vars.pauseOnAction,!0)}e=null;n=null;u=null;i=null;m=0}}},resize:function(){if(!r.animating&&r.is(":visible")){h||r.doMath();if(p)v.smoothHeight();else if(h){r.slides.width(r.computedW);r.update(r.pagingCount);r.setProps()}else if(l){r.viewport.height(r.h);r.setProps(r.h,"setTotal")}else{r.vars.smoothHeight&&v.smoothHeight();r.newSlides.width(r.computedW);r.setProps(r.computedW,"setTotal")}}},smoothHeight:function(e){if(!l||p){var t=p?r:r.viewport;e?t.animate({height:r.slides.eq(r.animatingTo).height()},e):t.height(r.slides.eq(r.animatingTo).height())}},sync:function(t){var n=e(r.vars.sync).data("flexslider"),i=r.animatingTo;switch(t){case"animate":n.flexAnimate(i,r.vars.pauseOnAction,!1,!0);break;case"play":!n.playing&&!n.asNav&&n.play();break;case"pause":n.pause()}},pauseInvisible:{visProp:null,init:function(){var e=["webkit","moz","ms","o"];if("hidden"in document)return"hidden";for(var t=0;t0?setTimeout(r.play,r.vars.initDelay):r.play()})}},isHidden:function(){return document[v.pauseInvisible.visProp]||!1}},setToClearWatchedEvent:function(){clearTimeout(f);f=setTimeout(function(){a=""},3e3)}};r.flexAnimate=function(t,n,s,u,a){!r.vars.animationLoop&&t!==r.currentSlide&&(r.direction=t>r.currentSlide?"next":"prev");d&&r.pagingCount===1&&(r.direction=r.currentItemr.w?(r.w-t*(n-1))/n:r.maxWr.w?r.w:r.vars.itemWidth;r.visible=Math.floor(r.w/r.itemW);r.move=r.vars.move>0&&r.vars.mover.w?r.itemW*(r.count-1)+t*(r.count-1):(r.itemW+t)*r.count-r.w-t}else{r.itemW=r.w;r.pagingCount=r.count;r.last=r.count-1}r.computedW=r.itemW-r.boxPadding};r.update=function(e,t){r.doMath();if(!h){e0){c=g[0].src;if(c.indexOf("youtube.com")!=-1||c.indexOf("youtu.be")!=-1){u=c.match(/(\?v=|\&v=|\/\d\/|\/embed\/|\/v\/|\.be\/)([a-zA-Z0-9\-\_]+)/);t=''}else{t=''}}else{if(n.slideffect===true&&x.length>1){var r=(n.maxImage>x.length?x.length:n.maxImage);for(var h=0,q=r;h

Sevida Template For Blogspot

Documents

Transcript of Sevida Template For Blogspot