This week only. Pastebin PRO Accounts Christmas Special! Don't miss out!Want more features on Pastebin? Sign Up, it's FREE!
Guest

Untitled

By: a guest on May 28th, 2012  |  syntax: None  |  size: 5.89 KB  |  views: 20  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1.  
  2. /**************************************************
  3. *
  4. *       CONTAINER STYLES
  5. *
  6. **************************************************/
  7.  
  8. #horiz_container_outer
  9. {
  10.         width:100%;
  11.         overflow-x:hidden;
  12.         overflow-y:hidden;
  13.         position:relative;
  14.         height:200px;
  15.         margin:5px auto;
  16.        
  17.        
  18. }
  19.  
  20. #horiz_container_outer_two
  21. {
  22.         width:100%;
  23.         overflow-x:hidden;
  24.         overflow-y:hidden;
  25.         position:relative;
  26.         height:160px;
  27.         margin:5px auto;
  28.        
  29.        
  30. }
  31.  
  32.  
  33. #horiz_container_outer_three
  34. {
  35.         width:100%;
  36.         overflow-x:hidden;
  37.         overflow-y:hidden;
  38.         position:relative;
  39.         height:150px;
  40.         margin:5px auto;
  41.        
  42.        
  43. }
  44.  
  45. #horiz_container
  46. {
  47.         width:4040px;
  48.         margin:0px;
  49.         padding:0px;
  50.         height:190px;
  51. }
  52.  
  53. #horiz_container_two
  54. {
  55.         width:100000px;
  56.         margin:0px;
  57.         padding:0px;
  58.         height:150px;
  59. }
  60.  
  61.  
  62. #horiz_container_three
  63. {
  64.         width:4040px;
  65.         margin:0px;
  66.         padding:0px;
  67.         height:150px;
  68. }
  69.  
  70. #horiz_container ul
  71. {
  72.         margin:0px; padding:0px;
  73.  
  74. }
  75.  
  76. #horiz_container_two ul
  77. {
  78.         margin:0px; padding:0px;
  79.  
  80. }
  81.  
  82. #horiz_container_three ul
  83. {
  84.         margin:0px; padding:0px;
  85.  
  86. }
  87.  
  88. #horiz_container_inner
  89. {
  90.         padding:5px;
  91.         padding-left:0px;
  92. }
  93.  
  94. #horiz_container_inner_two
  95. {
  96.         padding:5px;
  97.         padding-left:0px;
  98. }
  99.  
  100. #horiz_container_inner_three
  101. {
  102.         padding:5px;
  103.         padding-left:0px;
  104. }
  105. #horiz_container li
  106. {
  107.         list-style:none;
  108.         display: inline-table;
  109.         margin:0px;
  110. }
  111.  
  112. #horiz_container_two li
  113. {
  114.         list-style:none;
  115.         display: inline-table;
  116.         margin:0px;
  117. }
  118.  
  119. #horiz_container_three li
  120. {
  121.         list-style:none;
  122.         display: inline-table;
  123.         margin:0px;
  124. }
  125.  
  126. #horiz_container li img
  127. {
  128.         padding:0px;
  129.         margin:0px;
  130.         height:190px;
  131.        
  132.        
  133. }
  134.  
  135.  
  136.  
  137.  
  138.  
  139.  
  140.  
  141.  
  142.  
  143.  
  144. /**************************************************
  145. *
  146. *       SCROLLING STYLES
  147. *
  148. **************************************************/
  149.  
  150. #scrollbar
  151. {
  152.     position:relative;
  153.     width:815px; height:12px;
  154.     display:block;
  155.     font-size:1px;
  156.     top:0px;
  157.     margin:0px auto;
  158. }
  159.  
  160. #scrollbar_two
  161. {
  162.     position:relative;
  163.     width:815px; height:12px;
  164.     display:block;
  165.     font-size:1px;
  166.     top:0px;
  167.     margin:0px auto;
  168. }
  169.  
  170.  
  171. #scrollbar_two_three
  172. {
  173.     position:relative;
  174.     width:815px; height:12px;
  175.     display:block;
  176.     font-size:1px;
  177.     top:0px;
  178.     margin:0px auto;
  179. }
  180.  
  181. #track
  182. {
  183.     position:absolute; left:0px; top:0;
  184.     width:815px; height:12px;
  185.     background: #676767;
  186.     -webkit-border-radius: 15px;
  187.         -moz-border-radius: 15px;
  188.         border-radius: 15px;
  189. }
  190.  
  191. #track_two
  192. {
  193.     position:absolute; left:0px; top:0;
  194.     width:815px; height:12px;
  195.     background: #676767;
  196.     -webkit-border-radius: 15px;
  197.         -moz-border-radius: 15px;
  198.         border-radius: 15px;
  199. }
  200.  
  201. #track_three
  202. {
  203.     position:absolute; left:0px; top:0;
  204.     width:815px; height:12px;
  205.     background: #676767;
  206.     -webkit-border-radius: 15px;
  207.         -moz-border-radius: 15px;
  208.         border-radius: 15px;
  209. }
  210.  
  211.  
  212. #dragBar
  213. {
  214.     position:absolute; left:0px; top:0px;
  215.     width:20px; height:10px;
  216.     -webkit-border-radius: 10px;
  217.         -moz-border-radius: 10px;
  218.         border-radius: 10px;
  219. background-image: -webkit-gradient(
  220.     linear,
  221.     left bottom,
  222.     left top,
  223.     color-stop(0.39, rgb(229,229,229)),
  224.     color-stop(0.7, rgb(245,245,245))
  225. );
  226. background-image: -moz-linear-gradient(
  227.     center bottom,
  228.     rgb(229,229,229) 39%,
  229.     rgb(245,245,245) 70%
  230. );
  231.  
  232. }
  233.  
  234. #dragBar_two
  235. {
  236.     position:absolute; left:0px; top:0px;
  237.     width:20px; height:10px;
  238.     -webkit-border-radius: 10px;
  239.         -moz-border-radius: 10px;
  240.         border-radius: 10px;
  241. background-image: -webkit-gradient(
  242.     linear,
  243.     left bottom,
  244.     left top,
  245.     color-stop(0.39, rgb(229,229,229)),
  246.     color-stop(0.7, rgb(245,245,245))
  247. );
  248. background-image: -moz-linear-gradient(
  249.     center bottom,
  250.     rgb(229,229,229) 39%,
  251.     rgb(245,245,245) 70%
  252. );
  253.  
  254. }
  255.  
  256. #dragBar_three
  257. {
  258.     position:absolute; left:0px; top:0px;
  259.     width:20px; height:10px;
  260.     -webkit-border-radius: 10px;
  261.         -moz-border-radius: 10px;
  262.         border-radius: 10px;
  263. background-image: -webkit-gradient(
  264.     linear,
  265.     left bottom,
  266.     left top,
  267.     color-stop(0.39, rgb(229,229,229)),
  268.     color-stop(0.7, rgb(245,245,245))
  269. );
  270. background-image: -moz-linear-gradient(
  271.     center bottom,
  272.     rgb(229,229,229) 39%,
  273.     rgb(245,245,245) 70%
  274. );
  275.  
  276. }
  277.  
  278.  
  279.  
  280. #left_scroll
  281. {
  282.         position:absolute;
  283.         border-color: transparent gray transparent transparent;
  284.         border-style: solid;
  285.         border-width: 5px;
  286.         width: 0;
  287.         height: 0px;
  288.         cursor:pointer;
  289.         top:1px;
  290.         left:-15px;
  291. }
  292.  
  293. #left_scroll_two
  294. {
  295.         position:absolute;
  296.         border-color: transparent gray transparent transparent;
  297.         border-style: solid;
  298.         border-width: 5px;
  299.         width: 0;
  300.         height: 0px;
  301.         cursor:pointer;
  302.         top:1px;
  303.         left:-15px;
  304. }
  305.  
  306.  
  307. #left_scroll_three
  308. {
  309.         position:absolute;
  310.         border-color: transparent gray transparent transparent;
  311.         border-style: solid;
  312.         border-width: 5px;
  313.         width: 0;
  314.         height: 0px;
  315.         cursor:pointer;
  316.         top:1px;
  317.         left:-15px;
  318. }
  319.  
  320.  
  321. #right_scroll
  322. {
  323.         position:absolute;
  324.         right:-15px;
  325.         top:1px;
  326.         border-color: transparent transparent transparent gray;
  327.         border-style: solid;
  328.         border-width: 5px;
  329.         width: 0;
  330.         height: 0px;
  331.         cursor:pointer;
  332. }
  333.  
  334. #right_scroll_two
  335. {
  336.         position:absolute;
  337.         right:-15px;
  338.         top:1px;
  339.         border-color: transparent transparent transparent gray;
  340.         border-style: solid;
  341.         border-width: 5px;
  342.         width: 0;
  343.         height: 0px;
  344.         cursor:pointer;
  345. }
  346.  
  347. #right_scroll_three
  348. {
  349.         position:absolute;
  350.         right:-15px;
  351.         top:1px;
  352.         border-color: transparent transparent transparent gray;
  353.         border-style: solid;
  354.         border-width: 5px;
  355.         width: 0;
  356.         height: 0px;
  357.         cursor:pointer;
  358. }
  359.  
  360.  
  361.  
  362. /* Prevent selection problem */
  363. #scrollbar, #track, #dragBar, #left, #right {
  364.     -moz-user-select: none;
  365.     -khtml-user-select: none;
  366. }
  367.  
  368. #scrollbar_two, #track_two, #dragBar_two, #left_two, #right_two {
  369.     -moz-user-select: none;
  370.     -khtml-user-select: none;
  371. }
  372.  
  373.  
  374. #scrollbar_three, #track_three, #dragBar_three, #left_three, #right_three {
  375.     -moz-user-select: none;
  376.     -khtml-user-select: none;
  377. }
clone this paste RAW Paste Data