toxiccosmos

Slidejs css

Nov 15th, 2013
94
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.71 KB | None | 0 0
  1. #slides {
  2.     height: 364px;
  3.     width: 100% !important;
  4.     overflow: hidden;
  5.     position: relative;
  6. }
  7.  
  8. #slides .slides_container {
  9.         height: 364px;
  10.     width: 100% !important;
  11. }
  12.  
  13. #slides img {
  14.     width: 100% !important;
  15.     min-height: 364px;
  16.     margin-top: -50%;
  17. }
  18.  
  19.     .slides_container .slidesjs-navigation {
  20.       margin-top:3px;
  21.     }
  22.  
  23.     .slides_container .slidesjs-previous {
  24.       margin-right: 5px;
  25.       float: left;
  26.     }
  27.  
  28.     .slides_container .slidesjs-next {
  29.       margin-right: 5px;
  30.       float: left;
  31.     }
  32.  
  33.     .slidesjs-pagination {
  34.       margin: 6px 0 0;
  35.       float: right;
  36.       list-style: none;
  37.     }
  38.  
  39.     .slidesjs-pagination li {
  40.       float: left;
  41.       margin: 0 1px;
  42.     }
  43.  
  44.     .slidesjs-pagination li a {
  45.       display: block;
  46.       width: 13px;
  47.       height: 0;
  48.       padding-top: 13px;
  49.       background-image: url(img/pagination.png);
  50.       background-position: 0 0;
  51.       float: left;
  52.       overflow: hidden;
  53.     }
  54.  
  55.     .slidesjs-pagination li a.active,
  56.     .slidesjs-pagination li a:hover.active {
  57.       background-position: 0 -13px;
  58.     }
  59.  
  60.     .slidesjs-pagination li a:hover {
  61.       background-position: 0 -26px;
  62.     }
  63.  
  64.     .slides_container a:link,
  65.     .slides_container a:visited {
  66.       color: #333;
  67.     }
  68.  
  69.     .slides_container a:hover,
  70.     .slides_container a:active {
  71.       color: #9e2020;
  72.     }
  73.  
  74.     .navbar {
  75.       overflow: hidden;
  76.     }
  77.  
  78.  
  79. .slides_container {
  80.       display: none;
  81.     }
  82.  
  83.     #slides {
  84.       margin: 0 auto;
  85.     }
  86.  
  87.     /* For tablets & smart phones */
  88.     @media (max-width: 767px) {
  89.       body {
  90.         padding-left: 20px;
  91.         padding-right: 20px;
  92.       }
  93.       #slides {
  94.         width: auto;
  95.       }
  96.     }
Advertisement
Add Comment
Please, Sign In to add comment