1 .scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}2 .vscrollerbase {width: 15px;background-color: white;}3 .vscrollerbar {width: 15px;background-color: black;}4 .hscrollerbase {height: 15px;background-color: white;}5 .hscrollerbar {height: 15px;background-color: black;}6 .hscrollerbar {background: #99CBCB url(horizontalbarbody_cornerjog.png) 0px -30px repeat-x;}7 .vscrollerbar {background: #99CBCB url(basebarcaps_verticalbarbody.png) -15px 0px repeat-y;}8 .vscrollerbar, .hscrollerbar {padding: 10px;z-index: 2;}9 .vscrollerbarbeg {background: url(basebarcaps_verticalbarbody.png) -45px -30px no-repeat;width: 15px;height: 15px !important;}10 .vscrollerbarend {background: url(basebarcaps_verticalbarbody.png) -45px 0px no-repeat;width: 15px;height: 15px;}11 .hscrollerbarbeg {background: url(basebarcaps_verticalbarbody.png) -60px -15px no-repeat;height: 15px;width: 15px !important;}12 .hscrollerbarend {background: url(basebarcaps_verticalbarbody.png) -30px -15px no-repeat;height: 15px;width: 15px;}13 .scrollerjogbox {width: 15px;height: 15px;top: auto; left: auto;bottom: 0px; right: 0px;background: #4E727C url(horizontalbarbody_cornerjog.png) 0px 0px;}14 .vscrollerbase {background: #D7EBDF url(basebarcaps_verticalbarbody.png) 0px 0px repeat-y;}15 .vscrollerbasebeg {background: url(basebarcaps_verticalbarbody.png) -30px -30px no-repeat;width: 15px;height: 15px !important;}16 .vscrollerbaseend {background: url(basebarcaps_verticalbarbody.png) -60px -30px no-repeat;height: 15px;width: 15px;}17 .hscrollerbase {background: #D7EBDF url(horizontalbarbody_cornerjog.png) 0px -15px repeat-x;}18 .hscrollerbasebeg {background: url(basebarcaps_verticalbarbody.png) -60px 0px no-repeat;height: 15px;width: 15px !important;}19 .hscrollerbaseend {height: 15px;width: 15px;background: url(basebarcaps_verticalbarbody.png) -30px 0px no-repeat;}20 .scrollerjogbox:hover {background: #5E828C url(basebarcaps_verticalbarbody.png) -45px -15px;}21 22 23 #horizontalwrap {24 border: 2px solid blue; /* this is only for show*/25 /* Following is the way to stack things dynamically */26 display: inline; white-space: nowrap;27 }28 29 #mycustomscroll {30 /* Typical fixed height and fixed width example */31 width: 800px;32 height: 140px;33 overflow: auto;34 /* IE overflow fix, position must be relative or absolute*/35 position: relative;36 background-color: #E7EADE;37 margin: 0.3em auto;38 padding: 15px;39 }40 41 body {42 background-color: #989898;43 margin: 0;44 padding: 0; padding-top: 1em;45 font-family: "Trebuchet MS", Trebuchet, Verdana, Sans-Serif;46 font-size: 13px;47 }48 49 h1, h2 {50 font-variant: small-caps;51 text-align: center;52 font-size: 180%;53 width: 96%;54 margin-left: auto;55 margin-right: auto;56 }57 58 h2 {59 font-size: 160%;60 }61 62 63 #content {64 background-color: #AAAAAA;65 padding: 3em;66 margin:0.2em 2em;67 }68 69 .copyrightnotice {70 font-size: 70%;71 font-weight: bold;72 text-align: center;73 font-family: Arial, Helvetica, sans-serif;74 text-indent: 0;75 }76 77 Enlace
El enlace para compartir es: