Template: Phison Cook

<data:blog.pageTitle/> <data:blog.pageName/> - <data:blog.title/> All Posts - <data:blog.title/> Page Not Found - <data:blog.title/> <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; } /* 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 { background-color:transparent; background-repeat:repeat-x; background-position:top center; margin:0 auto; padding:5px 0 0; word-wrap:break-word; } .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); } 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: 3px; padding:0px 10px; line-height:26px; color:$(readmore.color); font-size:11px; font-weight:bold; } 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 { font:$(sidebar.title.font); font-size: 14px !important; text-transform: uppercase; display: inline-block; *display: inline; zoom: 1; margin: 0 3px 0 0; padding:10px; background:#fff; border: 1px solid #F0F0F0; border-bottom:none !important; color:$(sidebar.title.text.color); cursor:pointer; position:relative; } .tabs-menu .active-tab { background:$(sidebar.title.border.color); border:1px solid $(sidebar.title.border.color); border-bottom:none !important; color:#fff; } .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-buttons-box { margin:20px 0 15px; } .share-buttonsx { margin:0 0; height:67px; float:left; } .share-buttonsx .share { float:left; margin-right:10px; display:inline-block; } .share-buttonsx .tweet { margin-top: 41px; } /* 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 { border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; padding: 15px; margin:0 -15px 15px; text-align:center; } .berlangganan-box input.email-address[type="text"] { width:60%; padding:10px; border:1px solid #ddd; 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; } #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 { max-width:160px; } .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; } .post-body a > img { width: 100%; } .recent-post-one-thumb .widget-content { padding:8px; } h2.post-title, h1.post-title { font-size:16px; } .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; } } ]]>
<script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d3313643223412507858\x26blogName\x3dPhison+Cook\x26publishMode\x3dPUBLISH_MODE_HOSTED\x26navbarType\x3dLIGHT\x26layoutType\x3dLAYOUTS\x26searchRoot\x3dhttps://www.delicious.bangkokbangkok.me/search\x26blogLocale\x3den\x26v\x3d2\x26homepageUrl\x3dhttps://www.delicious.bangkokbangkok.me/\x26vt\x3d-5068888755254740512', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script><script type="text/javascript"> (function() { var script = document.createElement('script'); script.type = 'text/javascript'; script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js'; var head = document.getElementsByTagName('head')[0]; if (head) { head.appendChild(script); }})(); </script>

BERITA LENGKAP DI HALAMAN BERIKUTNYA

Halaman Berikutnya
Edit

Clear out style (needs to be a non-empty string)
Clear out style (needs to be a non-empty string)
3 true true LAST_YEAR Default the title to 'Popular posts from this blog'.
Ripple, and show 'keep reading' as the default. Overridden, and migrated to postFooter. Called as postFooterJumpLink. We don't display labels on the home page. We call super.postShareButtons from the migrated positions. Add a 'keep reading' link to the item-content.
true false
No title for single profiles. Default to 'Blog authors' for team.
Change link to 'visit profile'
<!-- Histats.com START (aync)--> <script type="text/javascript">var _Hasync= _Hasync|| []; _Hasync.push(['Histats.start', '1,3772441,4,0,0,0,00010000']); _Hasync.push(['Histats.fasi', '1']); _Hasync.push(['Histats.track_hits', '']); (function() { var hs = document.createElement('script'); hs.type = 'text/javascript'; hs.async = true; hs.src = ('//s10.histats.com/js15_as.js'); (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(hs); })();</script> <noscript><a href="/" target="_blank"><img src="//sstatic1.histats.com/0.gif?3772441&amp;101" alt="" border="0" /></a></noscript> <!-- Histats.com END -->

HIERARCHY yyyy true MMMM MMM dd MM/dd false true MONTHLY

  • ()
▼  ◄  ► 
FREQUENCY CLOUD ALL true

  • ()
()

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- iklan1 --> <ins class="adsbygoogle" style="display:inline-block;width:336px;height:288px" data-ad-client="ca-pub-6949790616894440" data-ad-slot="2787745755"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-6949790616894440" data-ad-slot="3346025244"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-6949790616894440" data-ad-slot="3346025244"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- iklan1 --> <ins class="adsbygoogle" style="display:inline-block;width:336px;height:288px" data-ad-client="ca-pub-6949790616894440" data-ad-slot="2787745755"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>