CSS   26
SliderName
Guest on 18th September 2023 08:09:56 AM


  1. #slider_container_1 { float: left; padding:0px; width: 930px; }
  2.  
  3. #SliderName{
  4.         width: 930px;
  5.         height: 310px;
  6.         margin: auto;
  7. }
  8.  
  9. .SliderNamePrev{
  10.         background: url(../img/left.png) no-repeat center center;
  11.         width: 58px;
  12.         height: 47px;
  13.         display: block;
  14.         position: absolute;
  15.         top: 234px;
  16.         left: -15px;
  17.         text-decoration: none;
  18. }
  19.  
  20. .SliderNameNext{
  21.         background: url(../img/right.png) no-repeat center center;
  22.         width: 58px;
  23.         height: 47px;
  24.         display: block;
  25.         position: absolute;
  26.         top: 234px;
  27.         right: -15px;
  28.         text-decoration: none;
  29. }
  30.  
  31. .SliderNameDescription{
  32.         font-family: Verdana;
  33.         font-size: 10px;
  34.         text-align: left;
  35.         padding: 5px;
  36. }
  37.  
  38. #SliderNameNavigation { margin: 10px 0 0 0; padding-top: 15px; height: 15px; text-align: center; -moz-border-radius: 6px 6px;  }
  39.  
  40. #SliderNameNavigation a:link, #SliderNameNavigation a:active, #SliderNameNavigation a:visited, #SliderNameNavigation a:hover{
  41.         margin: 0 2px;
  42.         background: url(../img/nav.gif) no-repeat center center;
  43.         font-size: 0px;
  44.         line-height: 0px;
  45.         padding: 12px;
  46.         text-decoration: none;
  47. }
  48.  
  49. #SliderNameNavigation a.active:link, #SliderNameNavigation a.active:active, #SliderNameNavigation a.active:visited, #SliderNameNavigation a.active:hover{
  50.         background: url(../img/nav_active.gif) no-repeat center center;
  51. }*/
  52. .demo-wrap.border {
  53.         border-top: dotted #c3c3c1 1px;
  54.         padding-top: 15px;
  55. }
  56.  
  57. .demo-wrap.border .bx-window {
  58.         margin-top: 78px;
  59. }
  60.  
  61. .demo-wrap .left {
  62.         width: 205px;
  63.         float: left;
  64. }
  65.  
  66. .demo-wrap .right {
  67.         width: 320px;
  68.         float: left;
  69.         position:relative;
  70. }
  71.  
  72. .demo-wrap .right .album {
  73.         margin-top: 60px;
  74.         font-size: 16px;
  75. }
  76.  
  77. .demo-wrap .right .band {
  78.         font-size: 14px;
  79.         color: #838383;
  80. }
  81.  
  82. .demo-wrap .multiple li {
  83.         width: 190px;
  84. }
  85.  
  86. .demo-wrap .bx-wrapper {
  87.         margin: 0 auto;
  88. }
  89.  
  90. .demo-wrap .bx-prev {
  91.           background: url("../img/left.png") no-repeat scroll 0 0 transparent;
  92.     height: 53px;
  93.     left: -15px;
  94.     position: absolute;
  95.     text-indent: -999999px;
  96.     top: 234px;
  97.     width: 105px;
  98. }
  99.  
  100. .demo-wrap .bx-next {
  101.           background: url("../img/right.png") no-repeat scroll 0 0 transparent;
  102.     height: 48px;
  103.     position: absolute;
  104.     right: -17px;
  105.     text-indent: -999999px;
  106.     top: 234px;
  107.     width: 60px;
  108.  
  109. }
  110.  
  111. .demo-wrap .bx-next:hover,
  112. .demo-wrap .bx-prev:hover {
  113.         background-position: 0 0;
  114. }
  115. .baanerLink                     {left: -140px; position: absolute;  top: 238px;}
  116. .bannerTitle            {left: -14px; position: absolute;  top: 65px;}
Raw Paste

Login or Register to edit or fork this paste. It's free.