You are here

Home » API reference » Multipurpose Corporate Profile 8

owl.theme.css in Multipurpose Corporate Profile 8 

/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/

.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(AjaxLoader.gif) no-repeat center center
}

File

modules/contrib/owl/lib/owl-carousel/owl.theme.css
View source 
  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. }