elastislide.css 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. /* Elastislide Style */
  2. .es-carousel-wrapper{
  3. background: #101010;
  4. padding:10px 27px;
  5. -moz-border-radius: 10px;
  6. -webkit-border-radius: 10px;
  7. border-radius: 10px;
  8. position:relative;
  9. -moz-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.9);
  10. -webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.9);
  11. box-shadow:0px 1px 3px rgba(0, 0, 0, 0.9);
  12. position:relative;
  13. margin-bottom:20px;
  14. }
  15. .es-carousel{
  16. overflow:hidden;
  17. background:#000;
  18. }
  19. .es-carousel ul{
  20. display:none;
  21. }
  22. .es-carousel ul li{
  23. height:100%;
  24. float:left;
  25. display:block;
  26. }
  27. .es-carousel ul li a{
  28. display:block;
  29. border-style:solid;
  30. border-color:#222;
  31. opacity:0.8;
  32. -webkit-touch-callout:none;
  33. /* option */
  34. -webkit-transition: all 0.2s ease-in-out;
  35. -moz-transition: all 0.2s ease-in-out;
  36. -o-transition: all 0.2s ease-in-out;
  37. -ms-transition: all 0.2s ease-in-out;
  38. transition: all 0.2s ease-in-out;
  39. }
  40. .es-carousel ul li.selected a{
  41. border-color:#fff;
  42. opacity:1.0;
  43. }
  44. .es-carousel ul li a img{
  45. display:block;
  46. border:none;
  47. max-height:100%;
  48. max-width:100%;
  49. }
  50. .es-nav span{
  51. position:absolute;
  52. top:50%;
  53. left:8px;
  54. background:transparent url(../images/nav_thumbs.png) no-repeat top left;
  55. width:14px;
  56. height:26px;
  57. margin-top:-13px;
  58. text-indent:-9000px;
  59. cursor:pointer;
  60. opacity:0.8;
  61. }
  62. .es-nav span.es-nav-next{
  63. right:8px;
  64. left:auto;
  65. background-position:top right;
  66. }
  67. .es-nav span:hover{
  68. opacity:1.0;
  69. }