uranus.css 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. /*-----------------------------------------------------------------------------
  2. - Revolution Slider 5.0 Navigatin Skin Style -
  3. URANUS SKIN
  4. author: ThemePunch
  5. email: info@themepunch.com
  6. website: http://www.themepunch.com
  7. -----------------------------------------------------------------------------*/
  8. /* ARROWS */
  9. .uranus.tparrows {
  10. width:50px;
  11. height:50px;
  12. background:transparent;
  13. }
  14. .uranus.tparrows:before {
  15. width:50px;
  16. height:50px;
  17. line-height:50px;
  18. font-size:40px;
  19. transition:all 0.3s;
  20. -webkit-transition:all 0.3s;
  21. }
  22. .uranus.tparrows:hover:before {
  23. opacity:0.75;
  24. }
  25. /* BULLETS */
  26. .uranus .tp-bullet{
  27. border-radius: 50%;
  28. box-shadow: 0 0 0 2px rgba(255, 255, 255, 0);
  29. -webkit-transition: box-shadow 0.3s ease;
  30. transition: box-shadow 0.3s ease;
  31. background:transparent;
  32. }
  33. .uranus .tp-bullet.selected,
  34. .uranus .tp-bullet:hover {
  35. box-shadow: 0 0 0 2px #FFF;
  36. border:none;
  37. border-radius: 50%;
  38. background:transparent;
  39. }
  40. .uranus .tp-bullet-inner {
  41. background-color: rgba(255, 255, 255, 0.7);
  42. -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;
  43. transition: background-color 0.3s ease, transform 0.3s ease;
  44. top: 0;
  45. left: 0;
  46. width: 100%;
  47. height: 100%;
  48. outline: none;
  49. border-radius: 50%;
  50. background-color: #FFF;
  51. background-color: rgba(255, 255, 255, 0.3);
  52. text-indent: -999em;
  53. cursor: pointer;
  54. position: absolute;
  55. }
  56. .uranus .tp-bullet.selected .tp-bullet-inner,
  57. .uranus .tp-bullet:hover .tp-bullet-inner{
  58. transform: scale(0.4);
  59. -webkit-transform: scale(0.4);
  60. background-color:#fff;
  61. }