<data:blog.pageTitle/> <data:blog.pageName/> - <data:blog.title/> <b:switch var='data:blog.locale'> <b:case value='id'/> Semua Postingan - <data:blog.title/> <b:default/> All Posts - <data:blog.title/> </b:switch> <b:switch var='data:blog.locale'> <b:case value='id'/> Halaman tidak ditemukan - <data:blog.title/> <b:default/> Page Not Found - <data:blog.title/> </b:switch> <data:blog.pageName/> */ /** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;} /* HTML5 display-role reset for older browsers */ article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;display:block;}*{margin:0;padding:0;}html{display:block;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;} /* Blogger CSS Reset */ .section,.widget{margin:0 0 0 0;padding:0 0 0 0; } .navbar, .blog-feeds, .feed-links, #backlinks-container {display:none; } .post-body .separator > a, .post-body .separator > span { margin-left: 0 !important; } /* FRAMEWORK */ strong,b{font-weight:bold; } cite,em,i{font-style:italic; } a:link{color:$(link.color);text-decoration:none;outline:none;transition:all 0.25s;-moz-transition:all 0.25s;-webkit-transition:all 0.25s; } a:visited{color:$(link.visited.color);text-decoration:none; } a:hover{color:$(link.hover.color);text-decoration:none; } a img{border:none;border-width:0;outline:none; } abbr,acronym{border-bottom:1px dotted;cursor:help; } sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%; } sub{top:.4em;}small{font-size:86%; } kbd{font-size:80%;border:1px solid #999;padding:2px 5px;border-bottom-width:2px;border-radius:3px; } mark{background-color:#ffce00;color:black; } p,blockquote,pre,table,figure,hr,form,ol,ul,dl{margin:1.5em 0; } hr{height:1px;border:none;background-color:#666; } /* heading */ h1,h2,h3,h4,h5,h6{font-weight:bold;line-height:normal;margin:0 0 0.6em; } h1{font-size:200% } h2{font-size:180% } h3{font-size:160% } h4{font-size:140% } h5{font-size:120% } h6{font-size:100% } /* list */ ol,ul,dl{margin:.5em 0em .5em 3em } ol{list-style:decimal outside } ul{list-style:disc outside } li{margin:.5em 0 } dt{font-weight:bold } dd{margin:0 0 .5em 2em } /* form */ input,button,select,textarea{font:inherit;font-size:100%;line-height:normal;vertical-align:baseline; } textarea{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; } /* code blockquote */ pre,code{font-family:"Courier New",Courier,Monospace;color:inherit; } pre{white-space:pre;word-wrap:normal;overflow:auto; } blockquote{background:#f0f0f0;margin-left:2em;margin-right:2em;padding:1em 1em;font-style:italic;font-size:110%; } blockquote:before { content: "\f10d"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; padding-right:4px; color:#666; } /* table */ table[border="1"] td, table[border="1"] th { vertical-align: top; text-align: left; font-size: 13px; padding: 3px 5px; border: 1px solid #f0f0f0; } table[border="1"] th { background: #eee; } table, img { max-width: 100%; height: auto; } iframe { max-width:100%; } .clear { clear:both; } .clear:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; } body { background:$(body.background); margin:0 0 0 0; padding:0 0 0 0; color:$(body.text.color); font:$(body.font); text-align:left; } /* WRAPPER */ #wrapper { background:$(wrapper.background.color); max-width:1000px; margin:20px auto; padding:28px; overflow:hidden; } /* NAVIGATION MENU */ .tinynav1 { display: none; width: 100%; margin: 0 auto; border: 2px solid #ffffff; padding: 6px; background-color: #ffffff; font-weight: bold; cursor: pointer; outline: none; color: #585858; } .menu { font:$(menu1.font); padding:0 0; background:$(menu1.background.color); margin:0 auto; height:38px; border:1px solid $(menu1.border.color); overflow:hidden; text-transform:uppercase; } .nav-menu { list-style-type:none; margin:0 0 0 0; padding:0 0 0 0; } .nav-menu li { display:block; float:left; line-height:38px; margin:0 0 0 0; padding:0 0 0 0; border-right:1px solid $(menu1.border.color); } .nav-menu li a { background:$(menu1.background.color); color:$(menu1.text.color); display:block; padding:0 8px; } .nav-menu li a:hover { background:$(menu1.hover.color); } ul.nav-social { height:38px; margin:0 0 0 0; padding:0 0; float:right; } ul.nav-social li { display:inline-block; list-style-type:none; float:right; margin:0 0; padding:0 0; border-right:none; border-left:1px solid $(menu1.border.color); } ul.nav-social li a { display:inline-block; line-height:38px; height:38px; padding:0 8px; margin:0 0 0 0; color:$(menu1.text.color); } ul.nav-social li a i { line-height:38px; } ul.nav-social li a:hover { color:#fff; } ul.nav-social li a.fcb:hover { background:#3B5A9B; } ul.nav-social li a.gpl:hover { background:#DD4B39; } ul.nav-social li a.twt:hover { background:#1BB2E9; } ul.nav-social li a.ytb:hover { background:#ED3F41; } ul.nav-social li a.lkdn:hover { background:#007fb2; } ul.nav-social li a.igicon:hover { background:#527fa4; } /* HEADER WRAPPER */ #header-wrapper { margin:0 auto; overflow:hidden; } .header { float:left; width:25.7%; max-width:257px; margin:15px 0; } .header h1.title,.header p.title { font:$(header.font); margin:0 0 0 0; text-transform:uppercase; } .header .description { color:$(description.text.color); } .header a { color:$(header.text.color); } .header a:hover { color:#666; } .header img { display:block; } .header-right { float:right; padding:0; overflow:hidden; margin:15px 0; width:72.8%; max-width:728px; } .header-right img { display:block; } .header-right h2 { display: none; } /* NAVIGATION MENU 2 */ .toggleMenu { display:none; background:$(menu.navigation.border.color); padding:0 15px; height:48px; line-height:48px; color: #fff !important; } .dropdowns { font:$(menu.font); background:$(menu.background.color); text-transform:uppercase; height:48px; line-height:48px; } .nav-menu2 { background:$(menu.background.color); list-style: none; margin:0 0 0 0; *zoom: 1; float:left; } .nav-menu2:before, .nav-menu2:after { content: " "; display: table; } .nav-menu2:after { clear: both; } .nav-menu2 ul { list-style: none; margin:0 0 0 0; width:auto; white-space:nowrap; } .nav-menu2 a { display:block; padding:0 15px; } .nav-menu2 li { position: relative; margin:0 0; } .nav-menu2 > li { float: left; } .nav-menu2 > li > a { display: block; height:48px; line-height:48px; color:$(menu.navigation.text.color); box-shadow: 0 4px 0 $(menu.background.color) inset; } .nav-menu2 > li > a.active { background:$(menu.navigation.hover.color); box-shadow: 0 4px 0 $(menu.navigation.border.color) inset; } .nav-menu2 > li:hover > a { background:$(menu.navigation.hover.color); box-shadow: 0 4px 0 $(menu.navigation.border.color) inset; } .nav-menu2 li ul { background:#fff; display:block; position:absolute; left:0; z-index:10; visibility:hidden; opacity:0; -webkit-transition:all .25s ease-out; -moz-transition:all .25s ease-out; -ms-transition:all .25s ease-out; -o-transition:all .25s ease-out; transition:all .25s ease-out; box-shadow:0 0 4px rgba(0,0,0,0.3); } .nav-menu2 li li ul { left:100%; top:-1px; } .nav-menu2 > li.hover > ul { visibility:visible; opacity:10; } .nav-menu2 > li > ul:before { content:""; width:0px; height:0px; position:absolute; bottom:100%; left:20px; border-width:8px; border-style:solid; border-color:transparent transparent #fff transparent; display:block; } .nav-menu2 li li.hover ul { visibility:visible; opacity:10; } .nav-menu2 li li a { display: block; color:#333; position: relative; z-index:100; line-height:32px; } .nav-menu2 li li a:hover { background:#f0f0f0; } .nav-menu2 li li li a { background:#fff; z-index:20; color:#333; } .nav-menu2 li .parent:after { content: "\f107"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; padding-left:6px; } /* SEARCH FORM */ #search-form { background:$(menu.background.color); float:right; margin:0 0; height:48px; width:200px; } #search-form table { width:100%; margin:0 0 0 0; } #search-form td.search-box { padding-right:30px; } #search-form input#search-box[type="text"] { background:$(input.background.color); height:36px; line-height:36px; margin:5px 0 5px 10px; padding:0 10px; width:99%; color:$(input.color); border:none; text-transform: uppercase; } #search-form input#search-button[type="submit"] { font-family: FontAwesome; background:$(button.background.color); color:$(button.color); height:36px; line-height:36px; margin:5px 10px 5px 0; padding:0 12px; border:none; outline:none; transition:all 0.25s; -moz-transition:all 0.25s; -webkit-transition:all 0.25s; } #search-form input#search-button[type="submit"]:hover{ background:$(menu.navigation.hover.color); cursor:pointer; } #search-form input#search-box[type="text"]:focus { background:#eee; outline:none; } /* CONTENT WRAPPER */ #content-wrapper { margin:0 auto; word-wrap:break-word; } #content-wrapper::before { display: block; content:""; height: 5px; width: 100%; background: linear-gradient(to right, $(warna.garis1), $(warna.garis2), $(warna.garis3), $(warna.garis4), $(warna.garis5)); } #content-wrapper::after, .sidebar .widget::after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .largebanner { background:#fff; border-right:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; border-left:1px solid #f0f0f0; } .largebanner .widget { padding:15px 14px; overflow:hidden; } .largebanner img, .largebanner iframe{ display:block; max-width:100%; border:none; overflow:hidden; } /* POST WRAPPER */ #post-wrapper { background:transparent; float:left; width:70%; max-width:700px; margin:0 0 10px; } .post-container { padding:15px 15px 0 0; } .breadcrumbs { font-size:12px; color:#666; padding:15px; margin:0 0 15px; background:$(post.background.color); border:1px solid $(post.border.color); } .post { background:$(post.background.color); border:1px solid $(post.border.color); margin:0 0 15px; padding:15px; } .post-body { line-height:1.6em; text-align:justify; } h2.post-title, h1.post-title { font:$(post.title.font); } h1.post-title { font-size: 28px; } h2.post-title { margin-bottom: 10px; } h2.post-title a, h1.post-title a, h2.post-title, h1.post-title { color:$(post.title.color); } h2.post-title a:hover, h1.post-title a:hover { color:$(link.hover.color); } .img-thumbnail { background:#f0f0f0; position:relative; float:left; width:200px; height:150px; margin:3px 15px 3px 0; } .img-thumbnail img { width:200px; height:150px; } span.rollover { opacity:0; -o-transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s; background:#333; cursor: pointer; position: absolute; top:0; right:0; bottom:0; left:0; z-index: 1; opacity: 0; } span.rollover:before { content:""; position: absolute; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADx0RVh0QUxUVGFnAFRoaXMgaXMgdGhlIGljb24gZnJvbSBHZW50bGVmYWNlLmNvbSBmcmVlIGljb25zIHNldC4g2GvoxAAAAB90RVh0Q29weXJpZ2h0AFJPWUFMVFkgRlJFRSBMSUNFTlNFIN7Zi2kAAABFaVRYdERlc2NyaXB0aW9uAAAAAABUaGlzIGlzIHRoZSBpY29uIGZyb20gR2VudGxlZmFjZS5jb20gZnJlZSBpY29ucyBzZXQuILwR+BoAAAAjaVRYdENvcHlyaWdodAAAAAAAUk9ZQUxUWSBGUkVFIExJQ0VOU0UgJ10KSgAAAidJREFUeNqsVUuO2kAQtROQBomFhZBAIIRBYh3nBuMbMCcI3IAbZOYEmTkBzAnMMjvmBrBnkUYgxD9e8QfnlVVGlmVsQ6akJ7e6X326uqosSTfI+XxWgGfgj+UR7BnAo3SvHI/H6ul0+gtYITDAVRw9OYrxw+FQw6fp2hKyLL/TF1BxgW/4Vl3nPUCPx+NmqPHdbqft93vLhYYfD/sq0HV40DMipWa73XYAi1GNwO+6+MFvsl6vtc1mYzGaUQICT3V0oG98CSIjt1VUhsR4ieIgkUgIcFukQ/qxEAeXdTKZFFErDnoDZx0LqfuiUzU39ouI6sCJRL3RwYUf9gaC0kRYrVa1Gxz8YD0R5qANsskP9nOxWChhxpfLZQNclQvjPdBBKpUyQX7jaKhjjfl8ftUJzmrg/GI+6b4GOphOpw3MFiq5Ht/iEehivwYoLp46m82aOGu6yrqeTqdN31k0mUwUnj3UuSbmzneKHmvNQxV+BQB+PZPJtGj91Xs4Ho8VGOtg6bT5A41h7Ok0mtjJA5950/UBPGWz2d++03Q0Ginw3vGJlKSdz+efKAC+mTfydi6X63mVLn0wHA41TsO1mrebB0ZoBLeilqx9g8FgoHHkvhWCs5dCofB8z49KFkJQOoKM14vFYku6U2L8oNdqu66q6t3G7VFBg8lVuw6oSfRSqfRfxm0HZMg9c7gD9XK5/CF9gtiP3O/3NU4V5VyvVCo96ZPknwADAKtR4YfNlLm3AAAAAElFTkSuQmCC) 50% 50% no-repeat; width:24px; height:24px; margin:-12px; top:50%; left:50%; } span.rollover:hover { opacity: .6; -o-transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s; } .post-info { background:$(post.footer.background.color); margin:0 0 10px; color:$(post.footer.text.color); font-size:11px; font-weight:bold; } .post-info a { display:inline-block; color:$(post.footer.text.color); } .post-info abbr { border-bottom:none; } .author-info, .time-info, .comment-info, .label-info, .review-info { display:inline; margin-right: 12px; } a.readmore { display:inline-block; margin:15px 0 0; background-color:$(readmore.background.color); border:1px solid $(readmore.border.color); border-radius: 2px; padding:0px 12px; line-height:26px; color:$(readmore.color); font-size:11px; font-weight:bold; float:right; } a.readmore:hover { border: 1px solid $(readmore.hover.color); color: $(readmore.hover.color); } /* AUTHOR POST PROFILE */ .author-profile { border-top: 1px solid #f0f0f0; padding: 15px; margin: 15px -15px 0px; overflow: hidden; } .author-profile img { border: 1px solid #efefef; float: left; margin-right: 10px; } .author-profile a.g-profile { font-weight: bold; } /* DEFAULT PAGE NAVIGATION */ #blog-pager { margin: 5px 0 15px; clear:both !important; padding:0 0; font-size:11px; font-weight:bold; } a.home-link, #blog-pager-newer-link a, #blog-pager-older-link a { background-color:$(readmore.background.color); border: 1px solid $(readmore.border.color); padding:0px 12px; line-height:28px; color:$(readmore.color); border-radius: 3px; } #blog-pager-newer-link a { float:left; display:block; } #blog-pager-older-link a { float:right; display:block; } a.home-link { display:inline-block; } #blog-pager-older-link a:hover, #blog-pager-newer-link a:hover, a.home-link:hover { border: 1px solid $(readmore.hover.color); } /* NUMBERED PAGE NAVIGATION */ .displaypageNum a,.showpage a,.pagecurrent { padding: 8px 10px; margin-right: 3px; color: $(readmore.color); background-color: $(readmore.background.color); border: 1px solid $(readmore.border.color); display: inline-block; border-radius: 3px; } .displaypageNum a:hover,.showpage a:hover, .pagecurrent { border: 1px solid $(readmore.hover.color); color: $(readmore.hover.color) } .showpageOf { display:none !important; } #blog-pager .pages { border:none; } /* SIDEBAR WRAPPER */ #sidebar-wrapper { background:transparent; float:right; width:30%; max-width:300px; margin:0 auto; } .sidebar-container { padding:15px 0; } .sidebar h2, .panel h2 { font:$(sidebar.title.font); color:$(sidebar.title.text.color); margin:0 0 10px 0; padding:6px 0; border-bottom:3px solid #f0f0f0; position:relative; } .sidebar h2:after, .panel h2:after { content: " "; width:90px; height: 0px; position: absolute; left: 0; bottom: -3px; border-bottom:3px solid $(sidebar.title.border.color); } .sidebar .widget { margin:0 0 15px; clear:both; } .sidebar ul, .sidebar ol { list-style-type:none; margin:0 0 0 0; padding:0 0 0 0; } .sidebar li { margin:5px 0; padding:0 0 0 0; } /* RECENT POST */ .recent-post-title { background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAaCAYAAACzdqxAAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAABiwAAAYsB4dDSvAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAATySURBVEiJbZV9jFRnFYef887szrpi2qXazUp3mfe9Y20xIaHYhETj8iVGaKCBUC0tVoQoGvwgITRKiGCU+hGxwaCGRE0gUtLSFlCIQHddmsa0icSmJhuWzL13d9yATSMbTAu7Ozv3+MeeC8PH/DVvTs7z/s457z0/UVUBFCCO450i8iOmf4NZli2sVCrvASRJ8mngNeAeYBx4LITQBzA0NPSRYrF4RkQWWO7PRVWxxGeBn1pgSER6vffvAlSr1XnOuT6gA5hwzq0ql8unAQYHB2e0tbX9FfiM5T4fQthaNOjWJmi1paVlcXd397sAaZrOdc69ZtBJYE0OvXz5cnupVPpLE3R/CGErgEvTdAuwF0BEkizLFnV3d18ypZ9S1T5gJlDPsuyJEMJJgNHR0Q9dv379zyLSa7kHQgjftguQOI4zQIARK38EYGRk5OFGozEA3A9MiciT3vujdmHJOXcCWGacP4YQNjbN6jvOoKOFQmFRDk2S5MFGo9Fn0Iaqrs+hg4ODrc65V3Koqh4KIWzKoUmSfFNEfuVU9ZKqLpo9e3ZqaiKgH+gCMhHZEEXREYDz58+3lEqll4DlpvRIFEUbgMzmsQnYD9Sdc25xFEVVK9875/4GzDIFm7z3hwAGBgaKHR0dR0RkpUGP1mq19UDDyv+qqh7IO9D83HqA14HZ0xXq5iiKDhikEMfxYRF5wgZ1/MqVK2vnz59ft9yngIOAs7Z+TlSVarX6QKFQOKeqwRK3eO/3G9QlSXIIWGfnk+Pj46vnzJkzaUq/JCJ/AgqqegnojaKoKrVa7eP1en0A+IQlbg0hPJ9D0zT9g6o+Y4M6raqrKpXKhCldAxwBisB/RGSh934IwNXr9f4cqqrbm6CSJMmBHAr0FQqFx3NotVpdBbxg0PeyLFuSQy9evDirCHzSyt8RQvhFE/Q3wEa78Fx7e/vKrq6ucVO6wjn3ItAiIv9V1SWVSmXQHkBXsVjsLxpol/d+j/0njuN9IrLZjm/MmDFjRWdn5zWA4eHhLwAvA63AmIgs9d7/CyBN005V7Qe8U9U9IYTdOTRJkr0issWUvlmv15d3dnZ+YLElWZYdA0rAVWBZuVx+21rzMfv8HwKyG8/NEn8GbLfjP4ClIYSrprQ3y7JTQDvwP+fcsnK5/BbAhQsX7mttbe0H5uZtzVtBHMc/FpHtFvhnoVBY1tPTc9Uu/Cxw0qDvq+oXc2itVusolUpnVXWuoXZ77/c4S/yhiOywwDsTExOf7+npGTOlC4BTwIeBayKyIoqiv1vePVNTU6dVdZ7lPhdC2JVP/weq+hML3O4ajwJnmXaN66r6WBRF/XCna6jqL6Mo2pZ3QOI4zpt8u2s8Yq5xLzAhIiu992fgTtcQkX3e++82tXVn3uO7ucZZg04Cq3PoXVzjd83QJEm+LyK7iiKSNBqNW1zDlM4E6iKy1nt/CqZdY3Jy8oZrAL8PIXwrh6Zpug3YA0wUgcWVSmXUBvWQQT8KTAFf9t6fsAtLzrljwGIr/6D3/uvcXPDfA/Ivd7h5bT4IDDC94Bsiss57/6L1tLWtre1Vbi74F0IIT3NzwW9R1V/nwlW115maW1wD+EoOvYtrHA0hrM+hcRx/Q1X3WaxmxvFvNzw8XHbO9TPtGpmqfi2EcBjudA0ROT42NrYOc400TTeKyG8x12g0GovK5fIwwP8B3DF1BfTENDEAAAAASUVORK5CYII=) repeat-x; margin:0 0 15px; padding:0; position:relative; } .recent-post-title h2 { font:$(recentpost.title.font); height:26px; line-height:26px; margin:0 0; padding:0 10px; background:$(recentpost.title.background.color); color:$(recentpost.title.text.color); display:inline-block; border-right:5px solid #fff; transition:all 0.25s;-moz-transition:all 0.25s;-webkit-transition:all 0.25s; } .recent-post-title h2:hover { background:$(recentpost.title.hover.color); } .recent-post-title h2 a { color:$(recentpost.title.text.color); } .recent-post-title h2 a:after { content: "\f18e"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; padding-left:6px; } .sidebar .recent-post-title h2:after { display:none; } .recent-post-one-thumb { float:left; width:50%; margin:0 0; } .recent-post-one-thumb .widget { padding:0 15px 15px 0; } .recent-post-one-thumb .widget-content { background:$(recentpost.background.color); border:1px solid $(recentpost.border.color); padding:15px; } .recent-post-one-thumb ul { list-style-type:none; margin:0 0 0 0; padding:0 0 0 0; } ul.rp_thumbs { margin:0 0 0 0; } ul.rp_thumbs li { font-size:12px; min-height:68px; margin:0 0 8px; padding:0 0 8px; border-bottom:1px dotted #f0f0f0; } ul.rp_thumbs .rp_thumb { position:relative; background:#fbfbfb; margin:3px 0 10px 0; width:100%; height:0; padding-bottom:46%; overflow:hidden; } ul.rp_thumbs .rp_thumb img { height:auto; width:100%; } ul.rp_thumbs2 { font-size:13px; } ul.rp_thumbs2 li { padding:0 0; min-height:66px; font-size:11px; margin: 0 0 8px; padding: 0 0 8px; border-bottom:1px dotted #f0f0f0; } ul.rp_thumbs2 .rp_thumb2 { background:#fbfbfb; float:left; margin:3px 8px 0 0; height:60px; width:60px; } ul.rp_thumbs2 li:last-child { border-bottom:none; padding-bottom:0px; margin-bottom:0px; } ul.rp_thumbs2 .rp_thumb2 img { height:60px; width:60px; } .sidebar ul.rp_thumbs li:before, .sidebar ul.rp_thumbs2 li:before, #bottombar ul.rp_thumbs li:before, #bottombar ul.rp_thumbs2 li:before { display:none; } span.rp_title { font:$(recent.post.title.font); display:block; margin:0 0 5px; line-height:1.4em; } span.rp_title a { color:$(recent.post.title.color); } span.rp_title a:hover { color:$(link.hover.color); } span.rp_title2 { font-size:14px; } span.rp_summary { display:block; margin:6px 0 0; } span.rp_meta { background:$(post.footer.background.color); display:block; font-size:11px; font-weight:bold; color:$(post.footer.text.color); text-transform:uppercase; } span.rp_meta a { color:$(post.footer.text.color) !important; display:inline-block; } span.rp_meta_date, span.rp_meta_comment, span.rp_meta_more { display:inline-block; margin-right:8px; } span.rp_meta_date:before { content: "\f073"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; padding-right:4px; } span.rp_meta_comment:before { content: "\f086"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; padding-right:4px; } span.rp_meta_more:before { content: "\f0a9"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; padding-right:4px; } ul.rp_thumbs2 li a:hover, ul.rp_thumbs li a:hover { color:$(link.hover.color); } /* BOTTOMBAR */ #bottombar { background:$(bottombar.background.color); overflow:hidden; margin:0 auto; padding:15px; color:$(bottombar.color); } #bottombar .left { float:left; width:34%; } #bottombar .center { float:left; width:34%; } #bottombar .right { float:right; width:32%; } #bottombar .left .widget, #bottombar .center .widget { margin:0 15px 15px 0; clear:both; } #bottombar .right .widget { margin:0 0 15px 0; clear:both; } #bottombar h2 { font:$(bottombar.title.font); margin:0 0 10px 0; padding:6px 0; border-bottom:3px solid #555; text-transform:uppercase; position:relative; color:$(bottombar.title.text.color); } #bottombar h2:after { content:" "; width:90px; height:0px; position:absolute; left:0; bottom:-3px; border-bottom:3px solid $(bottombar.title.border.color); } #bottombar ul, #bottombar ol { list-style-type:none; margin:0 0 0 0; padding:0 0 0 0; } #bottombar li { margin:5px 0; padding:0 0 0 0; } #bottombar ul li:before { color:$(bottombar.title.text.color) !important; } #bottombar a { color:$(bottombar.link.color); } #bottombar a:hover { color:$(bottombar.hover.color); } /* FOOTER */ #footer-wrapper { background:$(footer.background.color); margin:0 auto; padding:15px 5px; overflow:hidden; color:$(footer.color); font-size:11px; } .footer-left { float:left; margin:10px; } .footer-right { float:right; margin:10px; } #footer-wrapper a { color:$(footer.link.color); } #footer-wrapper a:hover { color:$(footer.hover.color); } /* CUSTOM WIDGET */ .widget ul { line-height:1.4em; } /* TABE MENU WIDGET */ .set, .panel { margin: 0 0; } .tabs .panel { padding:0 0; } .tabs-menu { border-bottom:3px solid $(sidebar.title.border.color); padding: 0 0; margin:0 0; } .tabs-menu li { display: inline-block; *display: inline; list-style-type: none; margin: 0 3px 0 0; } .tabs-menu li span { font:$(sidebar.title.font); font-size: 14px !important; text-transform: uppercase; zoom: 1; display: inline-block; padding:10px; background:#fff; color:$(sidebar.title.text.color); cursor:pointer; position:relative; } .tabs-menu .active-tab span { background:$(sidebar.title.border.color); border:1px solid $(sidebar.title.border.color); border-bottom:none !important; color:#fff; } .tabs-menu li span:hover { background:#eee; } .tabs-menu li.active-tab span:hover { background:$(sidebar.title.border.color); } .tabs-menu li span:empty { display: none; } .tabs-content { padding:10px 0; } .tabs-content .widget li { float:none !important; margin:5px 0; } .tabs-content .widget ul { overflow:visible; } /* LABEL WIDGET */ .label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 { font-size:100%; filter:alpha(100); opacity:10 } .cloud-label-widget-content{ text-align:left } .label-size { transition:all 0.25s;-moz-transition:all 0.25s;-webkit-transition:all 0.25s; background:$(label.background.color); display:block; float:left; margin:0 3px 3px 0; color:$(label.color); font-size:11px; text-transform:uppercase; } .label-size a,.label-size span{ display:inline-block; color:$(label.color) !important; padding:6px 8px; font-weight:bold; } .label-size:hover { background:$(label.hover.color); } .label-count { white-space:nowrap; padding-right:3px; margin-left:-3px; background:$(label.count.color); color:#fff !important; } .label-size { line-height:1.2 } /* POPULAR POST WIDGET */ .PopularPosts ul, .PopularPosts li, .PopularPosts li img, .PopularPosts li a, .PopularPosts li a img { margin:0 0; padding:0 0; list-style:none; border:none; background:none; outline:none; } .PopularPosts ul { margin:.5em 0; list-style:none; color:black; counter-reset:num; } .PopularPosts ul li img { display:block; margin:0 .5em 0 0; width:50px; height:50px; float:left; } .PopularPosts ul li { background-color:#eee; margin:0 0 0 0 !important; padding:10px 20px 10px 10px !important; counter-increment:num; position:relative; } .PopularPosts ul li:before, .PopularPosts ul li .item-title a, .PopularPosts ul li a { font-weight:bold; color:#000 !important; text-decoration:none; } .PopularPosts ul li:before { content:counter(num) !important; font-family:arial, sans-serif !important; font-size:12px; font-weight:bold !important; display:block; position:absolute; top:-5px; right:-5px; border-radius:16px; background-color:#333; color:#fff !important; width:28px; height:28px; line-height:28px; text-align:center; padding-right:0px !important; border:2px solid #fff; } .PopularPosts ul li:nth-child(1) {background-color:$(popular.post.color1); } .PopularPosts ul li:nth-child(2) {background-color:$(popular.post.color2); } .PopularPosts ul li:nth-child(3) {background-color:$(popular.post.color3); } .PopularPosts ul li:nth-child(4) {background-color:$(popular.post.color4); } .PopularPosts ul li:nth-child(5) {background-color:$(popular.post.color5); } .PopularPosts ul li:nth-child(6) {background-color:$(popular.post.color6); } .PopularPosts ul li:nth-child(7) {background-color:$(popular.post.color7); } .PopularPosts ul li:nth-child(8) {background-color:$(popular.post.color8); } .PopularPosts ul li:nth-child(9) {background-color:$(popular.post.color9); } .PopularPosts ul li:nth-child(10) {background-color:$(popular.post.color10); } .PopularPosts .item-thumbnail { margin:0 0 0 0; } .PopularPosts .item-snippet { font-size:11px; } .profile-img{ display:inline; opaciry:10; margin:0 6px 3px 0; } /* BACK TO TOP BUTTON */ #back-to-top { background:$(backtp.background.color); color:$(backtp.color); padding:8px 10px; font-size:24px; } .back-to-top { position:fixed !important; position:absolute; bottom:20px; right:20px; z-index:999; } /* RELATED POST */ .related-post { margin:15px 0 0; padding:15px 0 0; } .related-post h4 { font-size:16px; margin:0 0 .5em; } .related-post-style-2 { margin:0 0 0 0 !important; padding:0 0 0 0 !important; list-style:none; } .related-post-style-2 li { margin:0 0 0 0; padding:0 0 0 0; } .related-post-style-2 li { padding:5px 0 !important; overflow:hidden; } .related-post-style-2 li:first-child {border-top:none} .related-post-style-2 .related-post-item-thumbnail { width:60px; height:60px; max-width:none; max-height:none; background-color:transparent; border:none; padding:0; float:left; margin:2px 8px 0 0; } .related-post-style-2 .related-post-item-title { font:$(recent.post.title.font); } .related-post-style-2 .related-post-item-summary { display:block; overflow:hidden; } .related-post-style-2 .related-post-item-more {} /* SHARE BUTTONS */ #share { width: 100%; margin: 20px auto; text-align: center; } #share a { width: 50px; height: 50px; display: inline-block; margin: 8px; border-radius: 50%; font-size: 24px; color: #fff; opacity: 0.75; transition: opacity 0.15s linear; } #share a:hover { opacity: 1; } #share i { position: relative; top: 50%; transform: translateY(-50%); } .facebook { background: #3b5998; } .twitter { background: #55acee; } .whatsapp { background: #25d366; } .linkedin { background: #0077b5; } .pinterest { background: #cb2027; } /* ERROR AND SEARCH PAGE */ .status-msg-wrap { font-size:120%; font-weight:bold; width:100%; margin:0px auto 15px; } .status-msg-body { padding:20px 2%; width:96%; } .status-msg-border { border:1px solid $(post.border.color); opacity:10; width:auto; } .status-msg-bg { background-color:$(post.background.color); } .status-msg-hidden { padding:20px 2%; } .tabs-content .widget ul li:before, .sidebar ul li:before, #bottombar ul li:before { content:"\f061"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; padding-right:4px; color:#666; } #ArchiveList ul li:before { content:"" !important; padding-right:0px !important; } /* FACEBOOK COMMENT */ .fbbox-comments { box-sizing: border-box; -moz-box-sizing: border-box; background:#fff; border:1px solid #f0f0f0; margin: 0 0 20px; } .fb-comments{width: 100% !important;} .fb-comments iframe[style]{width: 100% !important;} .fb-like-box{width: 100% !important;} .fb-like-box iframe[style]{width: 100% !important;} .fb-comments span{width: 100% !important;} .fb-comments iframe span[style]{width: 100% !important;} .fb-like-box span{width: 100% !important;} .fb-like-box iframe span[style]{width: 100% !important; } .rich-snippet { padding:10px; margin:15px 0 0; border:3px solid #eee; font-size:12px; } /* SUBSCRIBER BOX */ .berlangganan-box { background:#ffe3bf; padding:15px; margin:0 -15px 15px; text-align:center; } .berlangganan-box input.email-address[type="text"] { width:60%; padding:10px; border:1px solid #f1c485; text-align:center; border-radius: 4px; outline:none; } .berlangganan-box input.submit-email[type="submit"] { transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s; padding:10px 15px; background:#07ACEC; border-radius: 3px; color:#fff; border:none; font-weight:bold; outline:none; } .berlangganan-box input.submit-email[type="submit"]:hover { background:#0D9AD0; cursor:pointer; } .berlangganan-box input.email-address[type="text"]:focus { background: #f9f2a5; } /* MEDIA QUERY */ @media only screen and (max-width:1066px){ #wrapper { margin:0 auto; } } @media only screen and (max-width:768px){ #wrapper { padding:12px; } #post-wrapper, #sidebar-wrapper, .nav { float:none; width:100%; max-width:100% } .active { display: block; } #search-form { width:100%; margin:0 0 0 0 !important; } .nav li ul:before { display:none; } .nav > li { float: none; overflow:hidden; } .nav ul { display: block; width: 100%; float:none; } .nav-menu2 ul { white-space:normal !important; } .nav-menu2 li ul { background:#eee; border:none; box-shadow:none; } .nav-menu2 li li ul { background:#f5f5f5; } .nav-menu2 li li a:hover { background:#ddd; } .nav > li.hover > ul , .nav li li.hover ul { position: static; } .nav { display : none; } .toggleMenu { display:inline-block; } #search-form { width:100%; background:#444; } #search-form td.search-box { padding:0 10px !important; } #search-form td.search-button { padding:0 10px; width:1%; } #search-form input#search-box[type="text"] { margin:0 0 0 0; } #search-form input#search-button[type="submit"] { margin:0 0 0 0; } .img-thumbnail { margin:3px 10px 3px 0; } .recent-post-one-thumb .widget { padding:0 0 10px 0; } #recent-post-one-thumb-1 .widget, #recent-post-one-thumb-3 .widget, #recent-post-one-thumb-5 .widget { padding:0 5px 10px 0; } #recent-post-one-thumb-2 .widget, #recent-post-one-thumb-4 .widget, #recent-post-one-thumb-6 .widget { padding:0 0 10px 5px; } .sidebar-container, .post-container { padding:15px 0 0px; } } @media only screen and (max-width:640px){ #wrapper { padding:10px; } #post-wrapper, #sidebar-wrapper, #bottombar .left, #bottombar .center, #bottombar .right { float:none; width:100%; max-width:100% } .header, .header-right { margin:10px 0; } .sidebar-container, .post-container{ padding:10px 0 0px; } .largebanner .widget, #bottombar, .berlangganan-box, .author-profile { padding:10px; } .post, .breadcrumbs { margin:0 0 10px; padding:10px; } .berlangganan-box { margin:0 -10px 15px; } .author-profile { margin: 15px -10px 0px; } .pagenavi { margin: 6px 0 10px; } .recent-post-one-thumb .widget-content { padding:10px; } #bottombar .left .widget, #bottombar .center .widget, #bottombar .right .widget, .sidebar .widget { margin:0 0 10px 0; } .nav-social, .nav-menu { display: none; } .tinynav1 { display: block; } } @media only screen and (max-width:480px){ #wrapper { padding:8px; } .header, .header-right, .recent-post-one-thumb { float:none; width:100%; max-width:100% } .header img, .header-right img { margin: 0 auto; } .largebanner .widget, #bottombar, .berlangganan-box, .author-profile { padding:8px; } .berlangganan-box { margin:0 -8px 15px; } .author-profile { margin: 15px -8px 0px; } .post, .breadcrumbs { margin:0 0 8px; padding:8px; } .recent-post-one-thumb .widget-content { padding:8px; } h1{font-size:170% } h2{font-size:150% } h3{font-size:130% } h4{font-size:120% } h5{font-size:110% } h6{font-size:100% } h2.post-title { font-size:18px; } h1.post-title { font-size:20px; } .img-thumbnail, .img-thumbnail img { width:120px; height:90px; } .img-thumbnail { margin:3px 8px 3px 0; } #recent-post-one-thumb-1 .widget, #recent-post-one-thumb-3 .widget, #recent-post-one-thumb-2 .widget, #recent-post-one-thumb-4 .widget, #recent-post-one-thumb-5 .widget, #recent-post-one-thumb-6 .widget { padding:0 0 8px 0; } .comments .comment-block, .comments .comments-content .inline-thread { padding:10px !important; } .comment .comment-thread.inline-thread .comment { margin: 0 0 0 0 !important; } .footer-left, .footer-right { float:none; text-align:center; } } @media screen and (max-width:320px){ #wrapper { padding:6px; } .post, .breadcrumbs, .berlangganan-box, .author-profile { padding:6px; } .berlangganan-box { margin:0 -6px 15px; } .author-profile { margin: 15px -6px 0px; } .recent-post-one-thumb .widget-content { padding:6px; } .img-thumbnail, .img-thumbnail img { width:100px; height:80px; } } ]]>

Add Comment 1 Comment Comments ,

Subscribe to receive free email updates:
Edit