Modifikasi Tampilan Scrollbar dengan CSS3

HTML

If you think you don&#8217;t have any experience, </span><b style="font-family: inherit; font-size: 13.5pt;">THINK AGAIN!</b><span style="font-family: inherit; font-size: 13.5pt;"> You may not have specific job experience, but you do have work experience.</span><br />
<a name='more'></a></div>
<div class="MsoNormal" style="text-align: left;">
<span style="font-size: 13.5pt;"><span style="font-family: inherit;"><br /></span></span></div>
<div class="MsoNormal" style="text-align: left;">
<span style="font-size: 13.5pt;"><span style="font-family: inherit;">You have "worked" as a homemaker, a student, a volunteer, in a hobby or some other personal activity. The skills you use for these "jobs" can be applied to other jobs.<o:p></o:p></span></span></div>
<div class="MsoNormal" style="text-align: left;">
<span style="font-size: 13.5pt;"><span style="font-family: inherit;"><br /></span></span></div>
<div class="MsoNormal" style="text-align: left;">
<span style="font-size: 13.5pt;"><span style="font-family: inherit;"><br /></span></span></div>
<div class="MsoNormal" style="text-align: left;">
<b><span style="font-family: inherit;"><span style="font-size: large;">Household skills</span><span style="font-size: medium;"><o:p></o:p></span></span></b></div>
<ul type="disc">
<li class="MsoNormal" style="text-align: left;"><span style="font-size: 13.5pt;"><span style="font-family: inherit;">Sewing<o:p></o:p></span></span></li>
<li class="MsoNormal" style="text-align: left;"><span style="font-size: 13.5pt;"><span style="font-family: inherit;">Child care<o:p></o:p></span></span></li>
<li class="MsoNormal" style="text-align: left;"><span style="font-size: 13.5pt;"><span style="font-family: inherit;">Making clothes<o:p></o:p></span></span></li>
<li class="MsoNormal" style="text-align: left;"><span style="font-size: 13.5pt;"><span style="font-family: inherit;">Money management<o:p></o:p></span></span></li>
<li class="MsoNormal" style="text-align: left;"><span style="font-size:...

CSS

::-webkit-scrollbar-thumb:horizontal{
height:10px;
background-color:#333;
}
::-webkit-scrollbar-thumb:vertical{
width:8px;
background-color:#f35d5c;
box-shadow:1px 1px 4px rgba(0,0,0,0.16);
}
::-webkit-scrollbar{
width:8px;
height:15px;
background:#333;
box-shadow:inset 1px 1px 4px rgba(0,0,0,0.13);
}
.credit{
  text-align:center;
  margin:20px 0;
}
.blog-link{
color:#fff;
text-decoration:none;
background:#eee;
background-size:40px;
line-height:50px;
display:inline-block;
padding:0 10px;
border-radius:4px;
border-bottom:3px solid #ddd;
color:#333;
font-family:'open sans',sans-serif;
margin:10px;
}