flexslider-rtl.css 2.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. /*
  2. * jQuery FlexSlider v2.7.0
  3. * http://www.woothemes.com/flexslider/
  4. *
  5. * Copyright 2012 WooThemes
  6. * Free to use under the GPLv2 and later license.
  7. * http://www.gnu.org/licenses/gpl-2.0.html
  8. *
  9. * Contributing author: Tyler Smith (@mbmufffin)
  10. *
  11. */
  12. /* ====================================================================================================================
  13. * FONT-FACE
  14. * ====================================================================================================================*/
  15. /* ====================================================================================================================
  16. * RESETS
  17. * ====================================================================================================================*/
  18. /* ====================================================================================================================
  19. * BASE STYLES
  20. * ====================================================================================================================*/
  21. .flexslider {
  22. direction:rtl;
  23. }
  24. /* ====================================================================================================================
  25. * DEFAULT THEME
  26. * ====================================================================================================================*/
  27. .carousel li {
  28. margin-right: 5px;
  29. }
  30. .flex-direction-nav {
  31. *height: 0;
  32. }
  33. .flex-direction-nav a:before {
  34. content: '\f002';
  35. }
  36. .flex-direction-nav a.flex-next:before {
  37. content: '\f001';
  38. }
  39. .flex-direction-nav .flex-prev {
  40. left: auto; right: -50px;
  41. }
  42. .flex-direction-nav .flex-next {
  43. right: auto; left: -50px;
  44. text-align: left;
  45. }
  46. .flexslider:hover .flex-direction-nav .flex-prev {
  47. opacity: 0.7;
  48. left: auto; right: 10px;
  49. }
  50. .flexslider:hover .flex-direction-nav .flex-next {
  51. opacity: 0.7;
  52. right: auto; left: 10px;
  53. }
  54. .flex-pauseplay a {
  55. left: auto; right: 10px;
  56. }
  57. .flex-control-thumbs li {
  58. float: right;
  59. }
  60. /* ====================================================================================================================
  61. * RESPONSIVE
  62. * ====================================================================================================================*/
  63. @media screen and (max-width: 860px) {
  64. .flex-direction-nav .flex-prev {
  65. left: auto; right: 10px;
  66. }
  67. .flex-direction-nav .flex-next {
  68. right: auto; left: 10px;
  69. }
  70. }