Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /**************************************************
- *
- * CONTAINER STYLES
- *
- **************************************************/
- #horiz_container_outer
- {
- width:100%;
- overflow-x:hidden;
- overflow-y:hidden;
- position:relative;
- height:200px;
- margin:5px auto;
- }
- #horiz_container_outer_two
- {
- width:100%;
- overflow-x:hidden;
- overflow-y:hidden;
- position:relative;
- height:160px;
- margin:5px auto;
- }
- #horiz_container_outer_three
- {
- width:100%;
- overflow-x:hidden;
- overflow-y:hidden;
- position:relative;
- height:150px;
- margin:5px auto;
- }
- #horiz_container
- {
- width:4040px;
- margin:0px;
- padding:0px;
- height:190px;
- }
- #horiz_container_two
- {
- width:100000px;
- margin:0px;
- padding:0px;
- height:150px;
- }
- #horiz_container_three
- {
- width:4040px;
- margin:0px;
- padding:0px;
- height:150px;
- }
- #horiz_container ul
- {
- margin:0px; padding:0px;
- }
- #horiz_container_two ul
- {
- margin:0px; padding:0px;
- }
- #horiz_container_three ul
- {
- margin:0px; padding:0px;
- }
- #horiz_container_inner
- {
- padding:5px;
- padding-left:0px;
- }
- #horiz_container_inner_two
- {
- padding:5px;
- padding-left:0px;
- }
- #horiz_container_inner_three
- {
- padding:5px;
- padding-left:0px;
- }
- #horiz_container li
- {
- list-style:none;
- display: inline-table;
- margin:0px;
- }
- #horiz_container_two li
- {
- list-style:none;
- display: inline-table;
- margin:0px;
- }
- #horiz_container_three li
- {
- list-style:none;
- display: inline-table;
- margin:0px;
- }
- #horiz_container li img
- {
- padding:0px;
- margin:0px;
- height:190px;
- }
- /**************************************************
- *
- * SCROLLING STYLES
- *
- **************************************************/
- #scrollbar
- {
- position:relative;
- width:815px; height:12px;
- display:block;
- font-size:1px;
- top:0px;
- margin:0px auto;
- }
- #scrollbar_two
- {
- position:relative;
- width:815px; height:12px;
- display:block;
- font-size:1px;
- top:0px;
- margin:0px auto;
- }
- #scrollbar_two_three
- {
- position:relative;
- width:815px; height:12px;
- display:block;
- font-size:1px;
- top:0px;
- margin:0px auto;
- }
- #track
- {
- position:absolute; left:0px; top:0;
- width:815px; height:12px;
- background: #676767;
- -webkit-border-radius: 15px;
- -moz-border-radius: 15px;
- border-radius: 15px;
- }
- #track_two
- {
- position:absolute; left:0px; top:0;
- width:815px; height:12px;
- background: #676767;
- -webkit-border-radius: 15px;
- -moz-border-radius: 15px;
- border-radius: 15px;
- }
- #track_three
- {
- position:absolute; left:0px; top:0;
- width:815px; height:12px;
- background: #676767;
- -webkit-border-radius: 15px;
- -moz-border-radius: 15px;
- border-radius: 15px;
- }
- #dragBar
- {
- position:absolute; left:0px; top:0px;
- width:20px; height:10px;
- -webkit-border-radius: 10px;
- -moz-border-radius: 10px;
- border-radius: 10px;
- background-image: -webkit-gradient(
- linear,
- left bottom,
- left top,
- color-stop(0.39, rgb(229,229,229)),
- color-stop(0.7, rgb(245,245,245))
- );
- background-image: -moz-linear-gradient(
- center bottom,
- rgb(229,229,229) 39%,
- rgb(245,245,245) 70%
- );
- }
- #dragBar_two
- {
- position:absolute; left:0px; top:0px;
- width:20px; height:10px;
- -webkit-border-radius: 10px;
- -moz-border-radius: 10px;
- border-radius: 10px;
- background-image: -webkit-gradient(
- linear,
- left bottom,
- left top,
- color-stop(0.39, rgb(229,229,229)),
- color-stop(0.7, rgb(245,245,245))
- );
- background-image: -moz-linear-gradient(
- center bottom,
- rgb(229,229,229) 39%,
- rgb(245,245,245) 70%
- );
- }
- #dragBar_three
- {
- position:absolute; left:0px; top:0px;
- width:20px; height:10px;
- -webkit-border-radius: 10px;
- -moz-border-radius: 10px;
- border-radius: 10px;
- background-image: -webkit-gradient(
- linear,
- left bottom,
- left top,
- color-stop(0.39, rgb(229,229,229)),
- color-stop(0.7, rgb(245,245,245))
- );
- background-image: -moz-linear-gradient(
- center bottom,
- rgb(229,229,229) 39%,
- rgb(245,245,245) 70%
- );
- }
- #left_scroll
- {
- position:absolute;
- border-color: transparent gray transparent transparent;
- border-style: solid;
- border-width: 5px;
- width: 0;
- height: 0px;
- cursor:pointer;
- top:1px;
- left:-15px;
- }
- #left_scroll_two
- {
- position:absolute;
- border-color: transparent gray transparent transparent;
- border-style: solid;
- border-width: 5px;
- width: 0;
- height: 0px;
- cursor:pointer;
- top:1px;
- left:-15px;
- }
- #left_scroll_three
- {
- position:absolute;
- border-color: transparent gray transparent transparent;
- border-style: solid;
- border-width: 5px;
- width: 0;
- height: 0px;
- cursor:pointer;
- top:1px;
- left:-15px;
- }
- #right_scroll
- {
- position:absolute;
- right:-15px;
- top:1px;
- border-color: transparent transparent transparent gray;
- border-style: solid;
- border-width: 5px;
- width: 0;
- height: 0px;
- cursor:pointer;
- }
- #right_scroll_two
- {
- position:absolute;
- right:-15px;
- top:1px;
- border-color: transparent transparent transparent gray;
- border-style: solid;
- border-width: 5px;
- width: 0;
- height: 0px;
- cursor:pointer;
- }
- #right_scroll_three
- {
- position:absolute;
- right:-15px;
- top:1px;
- border-color: transparent transparent transparent gray;
- border-style: solid;
- border-width: 5px;
- width: 0;
- height: 0px;
- cursor:pointer;
- }
- /* Prevent selection problem */
- #scrollbar, #track, #dragBar, #left, #right {
- -moz-user-select: none;
- -khtml-user-select: none;
- }
- #scrollbar_two, #track_two, #dragBar_two, #left_two, #right_two {
- -moz-user-select: none;
- -khtml-user-select: none;
- }
- #scrollbar_three, #track_three, #dragBar_three, #left_three, #right_three {
- -moz-user-select: none;
- -khtml-user-select: none;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement