skyblue.css 8.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266
  1. .bg-primary,
  2. .btn-primary,
  3. .btn-soft-primary:hover,
  4. .btn-soft-primary:focus,
  5. .btn-soft-primary:active,
  6. .btn-soft-primary.active,
  7. .btn-soft-primary.focus,
  8. .btn-outline-primary:hover,
  9. .btn-outline-primary:focus,
  10. .btn-outline-primary:active,
  11. .btn-outline-primary.active,
  12. .btn-outline-primary.focus,
  13. .btn-outline-primary:not(:disabled):not(.disabled):active,
  14. .pagination .page-item.active .page-link,
  15. .nav-pills .nav-link.active,
  16. #preloader #status .spinner .double-bounce1,
  17. #preloader #status .spinner .double-bounce2,
  18. .social-icon li a:hover,
  19. #topnav .navbar-toggle.open span:hover,
  20. .bg-animation-left.crypto-home:after,
  21. .bg-animation-left.task-management-home:after,
  22. .classic-app-image .bg-app-shape:after,
  23. .classic-saas-image .bg-saas-shape:after,
  24. .swiper-slider-hero .swiper-container .swiper-button-prev:hover,
  25. .features.fea-primary:hover,
  26. .tns-nav button.tns-nav-active,
  27. .ribbon.ribbon-primary span,
  28. .sidebar .widget .tagcloud > a:hover,
  29. .work-container.work-modern .icons .work-icon:hover,
  30. .timeline-page .timeline-item .date-label-left:after,
  31. .timeline-page .timeline-item .duration-right:after,
  32. #navmenu-nav li.account-menu.active .navbar-link,
  33. #navmenu-nav li.account-menu:hover .navbar-link,
  34. .form-check-input.form-check-input:checked,
  35. .qs-datepicker-container .qs-squares .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover,
  36. .qs-datepicker-container .qs-squares .qs-square.qs-current,
  37. .carousel-indicators [data-bs-target],
  38. .carousel-indicators .active,
  39. .tns-controls button[data-controls="prev"]:hover,
  40. .tns-controls button[data-controls="next"]:hover,
  41. .back-to-top {
  42. background-color: #32c2ec !important;
  43. }
  44. .text-primary,
  45. .bg-soft-primary,
  46. .component-wrapper.sticky-bar li a:hover,
  47. .component-wrapper.sticky-bar li a:focus,
  48. .btn-soft-primary,
  49. .btn-outline-primary,
  50. .dropdown-primary .dropdown-menu .dropdown-item:hover,
  51. .dropdown-primary .dropdown-menu .dropdown-item.active,
  52. .dropdown-primary .dropdown-menu .dropdown-item:active,
  53. .dropdown-primary .dropdown-menu .dropdown-item.focus,
  54. .dropdown-primary .dropdown-menu .dropdown-item:focus,
  55. .alert-outline-primary,
  56. .breadcrumb .breadcrumb-item a:hover,
  57. .breadcrumb .breadcrumb-item.active,
  58. #topnav .has-submenu.active .submenu li.active > a,
  59. #topnav .navigation-menu > li:hover > a,
  60. #topnav .navigation-menu > li.active > a,
  61. #topnav .navigation-menu > li > a:hover,
  62. #topnav .navigation-menu > li > a:active,
  63. #topnav.scroll .navigation-menu > li:hover > a,
  64. #topnav.scroll .navigation-menu > li.active > a,
  65. #topnav.nav-sticky .navigation-menu.nav-light > li.active > a,
  66. #topnav.nav-sticky .navigation-menu.nav-light > li:hover > a,
  67. #topnav.nav-sticky .navigation-menu.nav-light > li.active > a,
  68. #topnav .navigation-menu > li .submenu li a:hover,
  69. #topnav .navigation-menu > li:hover > a,
  70. #topnav .navigation-menu > li.active > a,
  71. #topnav .navigation-menu > li > a:hover,
  72. #topnav .navigation-menu > li .submenu li a:hover,
  73. #topnav .navigation-menu > li.has-submenu.open > a,
  74. #topnav .has-submenu.active a,
  75. .features.feature-clean .title:hover,
  76. .features.fea-primary .content .title:hover,
  77. .categories a:hover,
  78. .explore-feature:hover .icon,
  79. .explore-feature:hover .title,
  80. .pricing-rates.business-rate:hover .title,
  81. .switcher-pricing .toggler--is-active,
  82. .blog .content .title:hover,
  83. .blog .content .post-meta .readmore:hover,
  84. .sidebar .widget .blog-categories li a:hover,
  85. .sidebar .widget .post-recent .post-recent-content a:hover,
  86. .media-list .media .media-heading:hover,
  87. .job-box .position a:hover,
  88. .job-box .company-name:hover,
  89. .candidate-list .name:hover,
  90. .company-list .name:hover,
  91. .work-container.work-classic .content .title:hover,
  92. .work-container.work-grid .content .title:hover,
  93. .work-container.work-modern .content .title:hover,
  94. .event-schedule .content .title:hover,
  95. .courses-desc .content .title:hover,
  96. .container-filter li.active, .container-filter li:hover,
  97. .shop-list .content .product-name:hover,
  98. .team .name:hover,
  99. .accordion .accordion-button:not(.collapsed),
  100. .accordion .accordion-item .accordion-button:before,
  101. #navmenu-nav li.active a {
  102. color: #32c2ec !important;
  103. }
  104. .btn-primary,
  105. .btn-soft-primary:hover,
  106. .btn-soft-primary:focus,
  107. .btn-soft-primary:active,
  108. .btn-soft-primary.active,
  109. .btn-soft-primary.focus,
  110. .btn-outline-primary,
  111. .btn-outline-primary:hover,
  112. .btn-outline-primary:focus,
  113. .btn-outline-primary:active,
  114. .btn-outline-primary.active,
  115. .btn-outline-primary.focus,
  116. .btn-outline-primary:not(:disabled):not(.disabled):active,
  117. .alert-primary,
  118. .alert-outline-primary,
  119. .pagination .page-item.active .page-link,
  120. .form-check-input.form-check-input:checked,
  121. .form-control:focus,
  122. .form-check-input:focus,
  123. .social-icon li a:hover,
  124. #topnav .has-submenu.active.active .menu-arrow,
  125. #topnav .has-submenu .submenu .has-submenu .submenu .has-submenu:hover .submenu-arrow,
  126. #topnav .has-submenu .submenu .has-submenu:hover >.submenu-arrow,
  127. #topnav.scroll .navigation-menu > li:hover > .menu-arrow,
  128. #topnav.scroll .navigation-menu > li.active > .menu-arrow,
  129. #topnav.nav-sticky .navigation-menu.nav-light > li:hover > .menu-arrow,
  130. #topnav.nav-sticky .navigation-menu.nav-light > li.active > .menu-arrow,
  131. #topnav .navigation-menu > li:hover > .menu-arrow,
  132. .swiper-slider-hero .swiper-container .swiper-button-next:hover,
  133. .pricing-rates.starter-plan,
  134. .pricing-rates.business-rate:hover,
  135. .event-schedule:hover,
  136. .container-filter li.active, .container-filter li:hover,
  137. .blockquote-wrapper .blockquote,
  138. .blockquote-wrapper .blockquote:after {
  139. border-color: #32c2ec !important;
  140. }
  141. .bg-soft-primary,
  142. .btn-soft-primary,
  143. .features .icon,
  144. .features.feature-clean .icons i,
  145. .features:hover .image:before,
  146. .app-feature-shape-right:after,
  147. .app-feature-shape-left:after,
  148. .saas-feature-shape-left:after,
  149. .saas-feature-shape-right:after,
  150. .social-feature-left:after,
  151. .social-feature-right:after,
  152. .event-schedule .date .day {
  153. background-color: rgba(50, 194, 236, 0.1) !important;
  154. }
  155. .bg-soft-primary,
  156. .btn-soft-primary {
  157. border: 1px solid rgba(50, 194, 236, 0.1) !important;
  158. }
  159. .app-feature-shape-right:after,
  160. .app-feature-shape-left:after,
  161. .saas-feature-shape-left:after,
  162. .saas-feature-shape-right:after,
  163. .social-feature-left:after,
  164. .social-feature-right:after {
  165. box-shadow: 0 0 40px rgba(50, 194, 236, 0.1);
  166. }
  167. .event-schedule .date .day {
  168. box-shadow: 0px 0px 2px 0.25px rgba(50, 194, 236, 0.5);
  169. }
  170. .btn-primary,
  171. .btn-soft-primary,
  172. .btn-outline-primary:hover,
  173. .btn-outline-primary:focus,
  174. .btn-outline-primary:active,
  175. .btn-outline-primary.active,
  176. .btn-outline-primary.focus,
  177. .btn-outline-primary:not(:disabled):not(.disabled):active {
  178. box-shadow: 0 3px 5px 0 rgba(50, 194, 236, 0.3);
  179. }
  180. .alert-primary,
  181. .pagination .page-item .page-link:hover,
  182. ::selection {
  183. background: rgba(50, 194, 236, 0.9);
  184. border-color: rgba(50, 194, 236, 0.9);
  185. }
  186. .social-icon li a:hover .fea-social {
  187. fill: #32c2ec;
  188. }
  189. .bg-circle-gradiant {
  190. background: radial-gradient(circle at 50% 50%, rgba(50, 194, 236, 0.1) 0%, rgba(50, 194, 236, 0.1) 33.333%, rgba(50, 194, 236, 0.3) 33.333%, rgba(50, 194, 236, 0.3) 66.666%, rgba(50, 194, 236, 0.5) 66.666%, rgba(50, 194, 236, 0.5) 99.999%);
  191. }
  192. .bg-gradient-primary {
  193. background: linear-gradient(to left, #614092 0%, #14abd7 100%);
  194. }
  195. .tns-nav button {
  196. background: rgba(50, 194, 236, 0.5) !important;
  197. }
  198. .classic-app-image .bg-app-shape:after,
  199. .classic-saas-image .bg-saas-shape:after,
  200. .freelance-hero .bg-shape:after {
  201. box-shadow: 0 0 40px rgba(50, 194, 236, 0.5);
  202. }
  203. .freelance-hero .bg-shape:after {
  204. background-color: #a7e5f7;
  205. }
  206. .key-feature .icon {
  207. background: linear-gradient(45deg, transparent, rgba(50, 194, 236, 0.15));
  208. }
  209. .features .image:before {
  210. background: linear-gradient(45deg, transparent, rgba(50, 194, 236, 0.1));
  211. }
  212. .home-wrapper:before {
  213. background: -webkit-gradient(linear, left top, right top, from(rgba(50, 194, 236, 0.3)), to(transparent));
  214. background: linear-gradient(90deg, rgba(50, 194, 236, 0.3), transparent);
  215. }
  216. .play-icon i {
  217. -webkit-text-stroke: 2px #32c2ec;
  218. -webkit-text-fill-color: transparent;
  219. }
  220. .play-icon i:hover {
  221. -webkit-text-stroke: 2px #32c2ec;
  222. -webkit-text-fill-color: #32c2ec;
  223. }
  224. a.text-primary:hover,
  225. a.text-primary:focus {
  226. color: #1bbbea !important;
  227. }
  228. .btn-primary:hover,
  229. .btn-primary:focus,
  230. .btn-primary:active,
  231. .btn-primary.active,
  232. .btn-primary.focus {
  233. background-color: #14abd7 !important;
  234. border-color: #14abd7 !important;
  235. }
  236. .ribbon.ribbon-primary span:before {
  237. border-left-color: #14abd7;
  238. border-top-color: #14abd7;
  239. }
  240. .ribbon.ribbon-primary span:after {
  241. border-right-color: #14abd7;
  242. border-top-color: #14abd7;
  243. }