elastislide.css 1.4 KB

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