Advertisement
bamski

flexslider.min.css

Jan 10th, 2017
102
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 3.67 KB | None | 0 0
  1. .flex-container a:active,
  2. .flexslider a:active,
  3. .flex-container a:focus,
  4. .flexslider a:focus{outline:none;}
  5. .slides,
  6. .flex-control-nav,
  7. .flex-direction-nav{margin:0;padding:0;list-style:none;}
  8. @font-face{font-family:'flexslider-icon';src:url('fonts/flexslider-icon.eot');src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
  9. url('fonts/flexslider-icon.woff') format('woff'),
  10. url('fonts/flexslider-icon.ttf') format('truetype'),
  11. url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');font-weight:normal;font-style:normal;}
  12. .flexslider{margin:0;padding:0;}
  13. .flexslider .slides > li{display:none;-webkit-backface-visibility:hidden;}
  14. .flexslider .slides img{width:100%;display:block;}
  15. .flex-pauseplay span{text-transform:capitalize;}
  16. .slides:after{content:"\0020";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
  17. html[xmlns] .slides{display:block;}
  18. * html .slides{height:1%;}
  19. .no-js .slides > li:first-child{display:block;}
  20. .flexslider{position:relative;}
  21. .flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}
  22. .loading .flex-viewport{max-height:300px;}
  23. .flexslider .slides{zoom:1;}
  24. .carousel li{margin-right:5px;}
  25. .flex-direction-nav{*height:0;}
  26. .flex-direction-nav a{display:block;width:40px;height:40px;margin:-20px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;opacity:0;cursor:pointer;color:rgba(0,0,0,0.8);text-shadow:1px 1px 0 rgba(255,255,255,0.3);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
  27. .flex-direction-nav .flex-prev{left:-50px;}
  28. .flex-direction-nav .flex-next{right:-50px;text-align:right;}
  29. .flexslider:hover .flex-prev{opacity:0.7;left:10px;}
  30. .flexslider:hover .flex-next{opacity:0.7;right:10px;}
  31. .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;}
  32. .flex-direction-nav .flex-disabled{opacity:0!important;filter:alpha(opacity=0);cursor:default;}
  33. .flex-direction-nav a:before{font-family:"flexslider-icon";font-size:40px;display:inline-block;content:'\f001';}
  34. .flex-direction-nav a.flex-next:before{content:'\f002';}
  35. .flex-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:0.8;z-index:10;overflow:hidden;cursor:pointer;color:#000;}
  36. .flex-pauseplay a:before{font-family:"flexslider-icon";font-size:20px;display:inline-block;content:'\f004';}
  37. .flex-pauseplay a:hover{opacity:1;}
  38. .flex-pauseplay a.flex-play:before{content:'\f003';}
  39. .flex-control-nav{width:100%;position:absolute;bottom:-40px;text-align:center;}
  40. .flex-control-nav li{margin:0 6px;display:inline-block;zoom:1;*display:inline;}
  41. .flex-control-paging li a{width:11px;height:11px;display:block;background:#666;background:rgba(0,0,0,0.5);cursor:pointer;text-indent:-9999px;-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;border-radius:20px;-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);-o-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);box-shadow:inset 0 0 3px rgba(0,0,0,0.3);}
  42. .flex-control-paging li a:hover{background:#333;background:rgba(0,0,0,0.7);}
  43. .flex-control-paging li a.flex-active{background:#000;background:rgba(0,0,0,0.9);cursor:default;}
  44. .flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden;}
  45. .flex-control-thumbs li{width:25%;float:left;margin:0;}
  46. .flex-control-thumbs img{width:100%;display:block;opacity:.7;cursor:pointer;}
  47. .flex-control-thumbs img:hover{opacity:1;}
  48. .flex-control-thumbs .flex-active{opacity:1;cursor:default;}
  49. @media screen and (max-width:860px){.flex-direction-nav .flex-prev{opacity:1;left:10px;}
  50. .flex-direction-nav .flex-next{opacity:1;right:10px;}
  51. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement