Просмотр файла KoolTube/owl-carousel/owl.theme.css

Конкурс дизайнеров на 15000 рублей
Милый пушистый сайт !!!!
Размер файла: 1.63Kb 
  1. /*
  2. * 	Owl Carousel Owl Demo Theme 
  3. *	v1.3.3
  4. */
  5.  
  6. .owl-theme .owl-controls{
  7. 	margin-top: 10px;
  8. 	text-align: center;
  9. }
  10.  
  11. /* Styling Next and Prev buttons */
  12.  
  13. .owl-theme .owl-controls .owl-buttons div{
  14. 	color: #FFF;
  15. 	display: inline-block;
  16. 	zoom: 1;
  17. 	*display: inline;/*IE7 life-saver */
  18. 	margin: 5px;
  19. 	padding: 3px 10px;
  20. 	font-size: 12px;
  21. 	-webkit-border-radius: 30px;
  22. 	-moz-border-radius: 30px;
  23. 	border-radius: 30px;
  24. 	background: #869791;
  25. 	filter: Alpha(Opacity=50);/*IE7 fix*/
  26. 	opacity: 0.5;
  27. }
  28. /* Clickable class fix problem with hover on touch devices */
  29. /* Use it for non-touch hover action */
  30. .owl-theme .owl-controls.clickable .owl-buttons div:hover{
  31. 	filter: Alpha(Opacity=100);/*IE7 fix*/
  32. 	opacity: 1;
  33. 	text-decoration: none;
  34. }
  35.  
  36. /* Styling Pagination*/
  37.  
  38. .owl-theme .owl-controls .owl-page{
  39. 	display: inline-block;
  40. 	zoom: 1;
  41. 	*display: inline;/*IE7 life-saver */
  42. }
  43. .owl-theme .owl-controls .owl-page span{
  44. 	display: block;
  45. 	width: 12px;
  46. 	height: 12px;
  47. 	margin: 5px 7px;
  48. 	filter: Alpha(Opacity=50);/*IE7 fix*/
  49. 	opacity: 0.5;
  50. 	-webkit-border-radius: 20px;
  51. 	-moz-border-radius: 20px;
  52. 	border-radius: 20px;
  53. 	background: #869791;
  54. }
  55.  
  56. .owl-theme .owl-controls .owl-page.active span,
  57. .owl-theme .owl-controls.clickable .owl-page:hover span{
  58. 	filter: Alpha(Opacity=100);/*IE7 fix*/
  59. 	opacity: 1;
  60. }
  61.  
  62. /* If PaginationNumbers is true */
  63.  
  64. .owl-theme .owl-controls .owl-page span.owl-numbers{
  65. 	height: auto;
  66. 	width: auto;
  67. 	color: #FFF;
  68. 	padding: 2px 10px;
  69. 	font-size: 12px;
  70. 	-webkit-border-radius: 30px;
  71. 	-moz-border-radius: 30px;
  72. 	border-radius: 30px;
  73. }
  74.  
  75. /* preloading images */
  76. .owl-item.loading{
  77. 	min-height: 150px;
  78. 	background: url(AjaxLoader.gif) no-repeat center center
  79. }