Scroll horizontal

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head><title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
 
 
<meta name="color:Background" content="#ffffff"/>
<meta name="color:Text" content="#838282"/>
<meta name="color:Link" content="#b8b8b8"/>
<meta name="color:Link Hover" content="#eeeeee"/>
 
<meta name="image:sidebar" content=""/>
 
<meta name="text:link1" content="Link1"/>
<meta name="text:link1 url" content="/"/>
<meta name="text:link2" content="Link2"/>
<meta name="text:link2 url" content="/"/>
<meta name="text:link3" content="Link3"/>
<meta name="text:link3 url" content="/"/>
 
<style type="text/css">
 
::-webkit-scrollbar {background-color: ##fff; height:8px; width:8px}
::-webkit-scrollbar-thumb:horizontal {background-color: #dadada; height:8px!important; overflow-y:hidden;
overflow-x: scroll;}
::-webkit-scrollbar-thumb:vertical {background-color: #dadada; height:50px; overflow-y:hidden;
overflow-x: scroll;}
 
 
 iframe#tumblr_controls {
    white-space:nowrap;
    -webkit-filter: invert(100%);
    -moz-filter: invert(100%);
    -o-filter: invert(100%);
    -ms-filter: invert(100%);
    filter: invert(100%);
    opacity:.2;transition: .8s ease-in-out;
    -webkit-transition: .8s ease-in-out;
    -moz-transition: .8s ease-in-out;
    -o-transition: .8s ease-in-out;}
   
body {
    background:{color:background};
    margin:0px;
    color:{color:text};
    font-family:Arial;
    font-size:9px;
    line-height:100%;
}
 
a {
    text-decoration: none;
    color:{color:Link};
    -moz-transition-duration:0.8s;
    -webkit-transition-duration:0.8s;
    -o-transition-duration:0.8s;
}
 
a:hover {
    text-decoration:none;
    color:{color:Link...