<script type="text/javascript">(function() { var a=window,c="jstiming",d="tick";var e=function(b){this.t={};this.tick=function(b,o,f){f=void 0!=f?f:(new Date).getTime();this.t[b]=[f,o]};this[d]("start",null,b)},h=new e;a.jstiming={Timer:e,load:h};if(a.performance&&a.performance.timing){var i=a.performance.timing,j=a[c].load,k=i.navigationStart,l=i.responseStart;0<k&&l>=k&&(j[d]("_wtsrt",void 0,k),j[d]("wtsrt_","_wtsrt",l),j[d]("tbsd_","wtsrt_"))}
try{var m=null;a.chrome&&a.chrome.csi&&(m=Math.floor(a.chrome.csi().pageT));null==m&&a.gtbExternal&&(m=a.gtbExternal.pageT());null==m&&a.external&&(m=a.external.pageT);m&&(a[c].pt=m)}catch(n){};a.tickAboveFold=function(b){var g=0;if(b.offsetParent){do g+=b.offsetTop;while(b=b.offsetParent)}b=g;750>=b&&a[c].load[d]("aft")};var p=!1;function q(){p||(p=!0,a[c].load[d]("firstScrollTime"))}a.addEventListener?a.addEventListener("scroll",q,!1):a.attachEvent("onscroll",q);
})();</script>
<data:blog.pageTitle/> Mobile
<data:blog.pageTitle/>
Arsip Untuk <data:blog.pageName/>
Halaman Tidak Ditemukan
<data:blog.pageName/>
<data:blog.pageName/> - <data:blog.title/>
<data:blog.pageName/>
<style type="text/css"><!-- /*
<![CDATA[
/*
Name: ReBlogging
URL: www.phanhung.info
*/
/* Content */
#navbar-iframe,.status-msg-wrap,.post-feeds,.feed-links,.Attribution,.date-header{display:none}
/*! normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */article,aside,details,figcaption,figure,footer,header,hgroup,section,summary{display:block}
audio,canvas,video{display:inline-block;display:inline}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
a:focus{outline:thin dotted}
a:link{transition:color 0.4s;outline:none;color:#037585;text-decoration:none}
a:active,a:hover{text-decoration:none;outline:none}
a:visited{color:#037585;text-decoration:none;outline:none}
h1{font-size:2em;margin:0.67em 0}
h2{font-size:1.5em;margin:0.83em 0}
h3{font-size:1.17em;margin:1em 0}
h4{font-size:1em;margin:1.33em 0}
h5{font-size:0.83em;margin:1.67em 0}
h6{font-size:0.75em;margin:2.33em 0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
blockquote{margin:1em 40px}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
p,pre{margin:1em 0}
code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:'';content:none}
small{font-size:75%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
dl,menu,ol,ul{margin:1em 0}
dd{margin:0 0 0 3em}
menu,ol,ul{padding:0 0 0 3em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:0}
form{margin:0}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}
legend{border:0;padding:0;white-space:normal;margin-left:-7px}
.button{border:1px solid #055;box-shadow:0 1px rgba(255,255,255,.2) inset;background:#16a085;color:#fff!important;text-decoration:none!important;cursor:pointer;padding:5px 10px;font-weight:bold}
.button.medium{padding:5px 10px;font-size:12px}
button,input,select,textarea{margin-top:6px;vertical-align:baseline;vertical-align:middle}
button,input{line-height:normal}
button,html input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;overflow:visible;border:1px solid #055;box-shadow:0 1px rgba(255,255,255,.2) inset;background:#16a085;color:#fff!important;text-decoration:none!important;cursor:pointer;padding:5px 10px;font-weight:bold}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;height:13px;width:13px}
input[type="search"]{box-sizing:content-box}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
ol,ul{margin:0;padding:0}
.post-body a{position:relative}
.post-body a::before{content:attr(href);font-size:11px;line-height:11px;font-family:Arial,sans-serif;text-transform:none;padding:8px 12px;top:-34px;right:0;transition:.3s ease-out;background:#222;color:#fff;border-radius:5px;position:absolute;opacity:0;visibility:hidden}
.post-body a::after{content:" ";width:0;height:0;right:10px;top:-7px;transition:.3s ease-out;border-color:#222 transparent transparent;border-style:solid;border-width:6px 6px 0;position:absolute;opacity:0;visibility:hidden}
.post-body a:hover::before,.post-body a:hover::after{opacity:1.5;visibility:visible}
/* ELEMENTS */
body{font-family:Arial,sans-serif;font-size:100%;background:#f8f8f8 url(http://i.imgur.com/kPQ8NZI.gif);margin:0;padding:0;color:#3C4042}
.post-body li:hover{}
.post-body li{padding:2px 0;border-bottom:1px solid #eaeaea}
.post-body h3{margin:8px 0;color:#48d}
td,th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px;border:1px solid #eee}
.tr-caption{font-size:80%}
h1.post-title.entry-title{font-size:20px;margin:5px 0}
.post-body ul,.post-body ol{margin-left:35px}
.post-body blockquote{background:#0DA3B8;margin-left:2em;margin-right:2em;border-left:4px solid rgb(85,88,92);padding:1em 1em;font-style:italic;color:#F1F1F1}
/* comment-phancap */
#comments{margin:70px auto 0;padding:5px 20px 0;line-height:1em;border-top:1px solid #ddd}
#comments h3{margin-bottom:25px;font:20px Arial;text-transform:uppercase;background:#16a085;color:#fff;font-weight:bold;padding:8px 0;border-radius:4px;position:relative;text-align:center}
.comment_avatar{height:48px;width:48px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizdEZ0uR4Rv-ezpMzXiBylTdbqz7ZOs9dyiJNGq5NeEdIVZ1GJEaubvGKUMTQzd7o7Iq9Usooc_p1BBkyxVL_gKuBLPOWDTKUZMWlwi0opIa-zktjkc8ByfhtWedIKq2BTqOcM8Z3IStk/s48/anon48.gif) center center no-repeat #fff;float:left;margin-top:5px;margin-right:10px;margin-left:-30px;padding:4px;border:#ddd solid 1px;overflow:hidden;transition:all 400ms ease-in-out}
.comment_name{color:#444;font-size:18px;font-weight:normal;line-height:19.5px;max-width:100%;text-decoration:none;margin-top:8px;text-transform:none}
.comment_name a{text-transform:none;font:16px Arial;font-weight:bold;color:#444;text-decoration:none;transition:all 400ms ease-in-out}
.comment_name a:hover{color:#16a085;text-decoration:none}
.comment_service{float:right;margin-right:0;margin-top:-35px;position:relative}
.comment_service a{display:inline-block}
.comment_body p{font:15px 'Segoe UI';line-height:1.3em;color:#666}
.comment_body{margin:5px 0 10px;padding:0 60px 0 38px;position:relative}
.comment_date{color:#999;font-style:italic;font-size:11px;line-height:25px;cursor:pointer;font-weight:normal;margin-right:20px}
.comment_area{border:#ddd solid 1px;margin-bottom:10px;margin-left:30px;padding-right:10px;transition:all 400ms ease-in-out}
.comment_area:hover{}
.comment_area:hover .comment_avatar{}
.comment_area:hover .comment_reply{opacity:1;top:8px}
.comment_child .comment_body{margin-top:5px;margin-bottom:10px;padding-left:30px}
.comment_child .comment_wrap{padding-left:40px}
.comment_reply{display:inline-block;cursor:pointer;color:#fff;font-family:arial;font-size:11px;font-weight:bold;padding:4px 16px;text-decoration:none;float:right;position:absolute;right:0;top:-20px;opacity:0;transition:all 400ms ease-in-out;background-color:#666}
.comment_reply:hover{text-decoration:none;background-color:#333}
.comment_reply:active{margin-top:1px}
a.comment_reply{color:#fff}
.unneeded-paging-control{display:none}
.comment_reply_form{padding:0 0 0 48px}
.comment_reply_form .comment-form{width:100%}
.comment_avatar *{max-width:1000% !important;display:block;max-height:1000% !important;width:48px !important;height:48px !important;margin-right:10px;background:#fff}
.comment_child .comment_avatar,.comment_child .comment_avatar *{width:40px !important;height:40px !important;float:left;margin-right:10px;background:#fff}
.comment_form a{color:#ccc;text-decoration:none}
.comment_form a:hover{color:#fff;text-decoration:underline}
.comment_author_flag{display:none}
.comment_admin .comment_author_flag{display:inline-block;color:#fff;font-family:arial;font-size:12px;font-weight:bold;padding:1px 8px;text-decoration:none;text-shadow:0 1px 0 #810e05;position:absolute;margin:3px 0 0 10px;background-color:#048F14}
a.comment-delete{float:right;position:absolute;top:4px;right:0;font-size:16px;color:#999}
a.comment-delete:hover{color:red}
#comment-editor{width:103% !important;background:url('http://2.bp.blogspot.com/-SqTPP9f-Emg/VBrPPYV5X1I/AAAAAAAABEo/hQX-JNfG6a4/s1600/loading%2B(1).gif') 50% 30% no-repeat transparent;margin-left:-8px}
.comment-form{max-width:100% !important;margin-top:25px !important}
.comment_emo_list .item{float:left;width:40px;text-align:center;height:40px;margin:10px 10px 0 0}
.comment_emo_list span{display:block;font-weight:bold;font-size:11px;letter-spacing:1px}
.comment_youtube{max-width:100% !important;width:400px;height:225px;display:block;margin:auto}
.comment_img{max-width:100% !important}
.comment-form p{background:#666;padding:10px;margin:5px 0 5px 0;color:#eee;font:14px Segoe UI;line-height:20px;width:97%;border-radius:3px;position:relative}
.comment_child .comment-form p{width:95.5%}
.comment-form p:after{content:"";width:0;height:0;position:absolute;bottom:-15px;left:15px;border:transparent solid 8px;border-color:#666 transparent transparent}
iframe{border:none;overflow:hidden}
.deleted-comment{display:block;color:#333;font:13px Arial;overflow-wrap:break-word;margin-top:10px}
/* Breadcrumbs */
.breadcrumbs {
word-wrap: break-word;
overflow: hidden;
padding: 5px;
margin: 0 5px;
margin-top: 5px;
color: #333;
border: 1px solid #ddd;
}
/* Header */
#header-wrapper{width:100%;overflow:hidden;background:#037585;padding:10px 0}
#header-kiri{float:left;max-width:400px;overflow:hidden}
#header-kanan{float:right;max-width:550px;overflow:hidden}
#header-kanan img{max-width:100%}
.header .widget{padding:5px}
.description{margin:0;font-size:13px;color:#FFF}
.title{color:#FFF;font-size:20px;line-height:1.9em;margin:0;text-transform:none}
.title a{color:#FFF}
/* Blog Pager */
.home-link,#blog-pager-newer-link,#blog-pager-older-link{color:#fff !important;display:block}
#blog-pager{text-align:center;margin:10px 0;clear:both;overflow:hidden;padding:0 5px;font-weight:bold}
#blog-pager-newer-link{float:left}
#blog-pager-older-link{float:right}
#blog-pager a{color:#fff;background:#09c;padding:5px;font-size:14px;display:inline;display:block}
#blog-pager a:hover{background:#48d}
#blog-pager a:active{background:#48d}
/* Wrapper */
#wrapper-luar{width:950px;margin:0 auto;overflow:hidden;background:#FFF;border:1px solid #d9d9d9}
#artikel-wrapper{width:650px;overflow:hidden;float:left}
#sidebar-wrapper{width:300px;overflow:hidden;float:right}
.post{padding:0 8px 5px 8px}
.post-outer{word-wrap:break-word;margin:5px;border:1px solid #ddd;overflow:hidden;background:rgba(255,255,255,0.8)}
/* Navigasi */
#atas{background:url("http://i.imgur.com/e9OTbxL.png") repeat scroll 0% 0% transparent;height:25px;border-bottom:2px solid rgb(0,153,204);border-top:0 solid rgb(221,221,221);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#atas a{color:#fff}
#atas .kiri{float:left;display:block}
#atas .kiri ul{display:block;overflow:hidden;list-style:none;margin:0;padding:0}
#atas .kiri ul li{display:block;list-style:none;height:25px;line-height:24px;float:left;list-style:outside none none;padding:0 10px}
#atas .kiri ul li a{display:block;font-size:11px;color:#666}
#atas .kiri ul li a:hover{color:#48d}
.info-artikel{padding:5px 0;overflow:hidden;box-shadow:1px 1px 5px #DDD;border-radius:3px;font-size:12px;border:1px solid #ddd}
.post-author{background:url(http://i.imgur.com/KZRqJoa.png) no-repeat scroll left center transparent;padding-left:22px;padding-top:1px}
.post-timestamp{background:url(http://i.imgur.com/SgVSJE8.png) no-repeat scroll 12px center transparent;padding-left:35px;padding-top:1px}
.post-comment-link{background:url(http://i.imgur.com/8FfnnsX.png) no-repeat scroll 7px center transparent;padding-left:30px;;padding-top:1px}
.post-labels{background:url(http://i.imgur.com/f5UWEwh.png) no-repeat scroll left center transparent;padding-left:22px;padding-top:1px}
/*dropdown menu*/
#menu{background:#FFF;color:#333;height:45px;border-top: 2px solid #09c;border-bottom: 2px solid #ddd;}
#menu ul,#menu li{margin:0;padding:0;list-style:none}
#menu ul{height:45px}
#menu li{float:left;display:inline;position:relative;font:bold 14px Arial;}
#menu li a{color:#333;}
#menu a{display:block;line-height:45px;padding:0 14px;text-decoration:none;color:#333;}
#menu li:hover > a,#menu li a:hover{color:#fff;background:#037585}
#menu input{display:none;margin:0 0;padding:0 0;width:80px;height:45px;opacity:0;cursor:pointer}
#menu label{font:bold 30px Arial;display:none;width:35px;height:36px;line-height:36px;text-align:center}
#menu label span{font-size:13px;position:absolute;left:35px}
#menu ul.menus{height:auto;overflow:hidden;width:180px;background:#037585;position:absolute;z-index:99;display:none;border:1px solid #ccc;border-top:none;color:#333}
#menu ul.menus a{color:#fff}
#menu ul.menus li{display:block;width:100%;font:13px Arial ;text-transform:none;border-top: 1px dashed #ccc;}
#menu ul.menus li a:hover{color:#fff}
#menu li:hover ul.menus{display:block}
#menu a.prett,#menu a.trigger2{padding:0 27px 0 14px}
#menu li:hover > a.prett,#menu a.prett:hover{background:#00677a;color:#fff}
#menu a.prett::after{content:"";width:0;height:0;border-width:6px 5px;border-style:solid;border-color:#333 transparent transparent transparent;position:absolute;top:19px;right:9px}
#menu ul.menus a:hover{background:#00677a;}
#menu a.trigger2::after{content:"";width:0;height:0;border-width:5px 6px;border-style:solid;border-color:transparent transparent transparent #333 ;position:absolute;top:17px;right:9px}
#form-search{position:absolute;width:200px;right: 213px;
top: 103px;}
#ajax-search-form{position:relative;font:normal normal 13px Arial,Sans-Serif}
#ajax-search-form input{width: 180px;
height: 15px;
padding: 3px 7px;
padding-left: 20px;
font-size: 11px;
font-style: normal;
float: left;
outline: 0;
background: #FFF url(http://i.imgur.com/nktT79E.png) 5px 5px no-repeat;
border: 1px solid #ddd;
border-radius: 5px;
box-shadow: inset 1px 1px 1px rgba(153, 153, 153, 0.6);}
/* Sidebar */
.sidebar h2{text-align: center;
color: #fff;
background: #037585;
padding: 9px 0;
font: 700 14px Helvetica;
margin: 0;}
.sidebar{color:#666;line-height:1.3em;border-top:none;font:11px Arial}
.sidebar li{line-height:1.3em;margin:0;padding:5px 0 4px;border-bottom:1px dashed #ddd}
.sidebar .widget{background:#fff;margin:5px;padding:0 0 5px;box-shadow: 0 2px 6px rgba(0,0,0,0.2)}
.sidebar .widget-content{margin:0 auto;padding:0 10px;list-style: none;}
.sidebar a:link,.sidebar a:visited{font:bold 12px Arial;color:#555;text-decoration:none}
.sidebar li a:hover{color:#015bb3}
.sidebar ul{list-style:none;margin:0;padding:5px 0}
.sidebar1 ul{list-style:none;padding:0;margin:0;}
.sidebar1 .widget {margin:0 auto;padding:0}
/* Popular Posts */
.PopularPosts .item-thumbnail{float:left;padding:3px;margin:0 2px 2px 0}
.PopularPosts .item-thumbnail:hover{background:#3C4042}
.PopularPosts .item-title{font-weight:bold}
.PopularPosts .item-snippet{font-size:11px;color:#888;overflow:hidden;text-align:justify}
/* Footer */
#footer{font:bold 12px Arial,Helvetica,Sans-serif;overflow:hidden;width:100%;padding:5px 0;color:#333;font-size:13px;text-align:center;background:#fff;border-top:2px solid #09c}
img{max-width:100%;height:auto}
.quickedit{display:none}
.botleft{float:left;text-align:left}
.botright{float:right;margin-top:6px}
#footer-wrapper{background:rgba(60,64,66,0.91);width:100%;overflow:hidden}
.footer-wid a,.footer-wid{color:#fff}
.footer-wid .widget{padding:5px}
.footer-wid h3,.footer-wid h2{color:#fff;font-size:13pt;font-family:'PT Sans',Arial,sans-serif;border-bottom:2px solid #ccc;text-shadow:1px 1px 0 #283744;margin:0;margin-bottom:10px}
.footer-wid ul{list-style-type:none;margin:0 0 0 0;padding:0 0 0 0}
.footer-wid ul li{margin:0 0 0 0;border-bottom:1px dotted #797979;padding:3px 0}
.footer-wid .widget-content{font-size:14px;overflow:hidden}
#footer-1,#footer-2{width:33%;float:left}
#footer-3{width:34%;float:right}
.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5{font-size:100%}
.cloud-label-widget-content{text-align:left}
.label-size{display:block;float:left;background:#9E9E9E;margin:0 1px 1px 0;color:#eee}
.label-size a,.label-size span{display:inline-block;color:#000;padding:6px 8px}
.label-size:hover{background:#666}
.label-count{white-space:nowrap;padding-right:8px;margin-left:-4px}
.label-size{line-height:1.2}
.footer .label-size{background:#9E9E9E !important}
.footer .label-size:hover{background:#666 !important}
.footer .label-size a{color:#eee !important}
/* RELATED */
#related{margin: 5px 0;
padding: 10px;
overflow: hidden;
background: #f8f8f8;
border: 1px solid #e2e2e2;}
ul#related-posts{font:bold 11px Arial;list-style:none;text-transform:none;margin:10px 0;padding:0}
#related .related-posts{font-weight:400;width:100%;float:none}
#related .related-posts p{font:bold 14px Arial;margin:0}
ul#related-posts li{float:left;height:auto;list-style-type:none;margin:0 5px;padding:2px 1px}
html ul.rp#related-posts li{margin:0 13px}
ul#related-posts li a{overflow:hidden;border:1px solid #aaa;display:block;height:72px;position:relative;width:72px;color:#fff;text-decoration:none;text-shadow:0 1px 0 #000;font:11px Arial}
ul#related-posts li .overlay{height:66px;line-height:16px;position:absolute;width:66px;z-index:10;padding:6px 0 0 6px}
ul#related-posts li a:hover .overlay{background:#000;display:block!important;opacity:0.7}
ul#related-posts li img{bottom:0;padding:0!important}
#related .subscribe{width:43%;float:left;color:#333;}
#related .subscribe p.intro{font-weight:400}
#related .subscribe p.feed{margin-bottom:10px;font-weight:700;padding-left:21px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjN8PcIi_KLgrNpnTtD_d5NzOHk7dozyxT9_KjkNl9xZ2ptf4qcWD8aDdDRuNj11rHusRQsZ-6V4XqCVjBjc5RwjhVw9v2USZnH3vUbwvdfALQbmdoKmN2WWp01TYbMkxVIaCaCsUjJuM/s1600/feed+icon.gif) 0 50% no-repeat;vertical-align:middle}
/* MEDIA QUERY */
@media screen and (max-width:1005px){
#wrapper-luar{width:100%;}#artikel-wrapper{width:70%;}#sidebar-wrapper{width:30%;}
}
@media screen and (max-width:885px){
.post-outer{margin:5px 5px 0 0;}
}
@media screen and (max-width: 768px){
#menu{position:relative}
#menu ul{background:#838383;position:absolute;top:100%;right:0;left:0;z-index:3;height:auto;display:none;}
#menu ul.menus{width:100%;position:static;border:none}
#menu li{display:block;float:none;width:auto;text-align:left}
#menu li a{color:#fff}
#menu li a:hover{color:#333}
#menu li:hover{background:#BABABA;color:#333;}
#menu li:hover > a.prett,#menu a.prett:hover{background:#BABABA;color:#333;}
#menu ul.menus a{background:#BABABA;}
#menu ul.menus a:hover{background:#fff;}
#menu input,#menu label{position:absolute;top:0;left:0;display:block}
#menu input{z-index:4}
#menu input:checked + label{color:white}
#menu input:checked ~ ul{display:block}
#form-search {right: 13px;}
}
@media screen and (max-width:800px){
.post-outer {
max-width:100% !important;
width: 100% !important;
float: none !important;
margin: 5px 0 15px 0;
}#sidebar-wrapper{width:35%;}#artikel-wrapper{width:65%;}
#header-kiri,#header-kanan {width:100%;float:none;text-align: center;
max-width: 100%;}#main{padding:10px;}.breadcrumbs{margin:0px;}
}
@media screen and (max-width:600px){
#artikel-wrapper,#sidebar-wrapper{width:100%;float:none;}#atas .kiri, #footer-1, #footer-2, #footer-3{float:none;width:100%;max-width:100%;}#kotak-cari{width: 80%;}
}
@media screen and (max-width:500px){
.comments .avatar-image-container{display:none;}.comments .comment-block{margin-left:0px;}
]]>
<!----></body>
Nhận xét
Đăng nhận xét