CSS   27
sea blue style css
Guest on 8th March 2023 12:11:39 PM


  1. /*----common------------*/
  2. ::selection {
  3.     background: #02b9b5;
  4.     color: #fff;
  5. }
  6. a{
  7. color: #707c88;
  8. }
  9. .btn.btn-primary:hover, .btn.btn-primary:focus{
  10.     border: 1px solid #02b9b5;
  11.     background: #02b9b5;
  12. }
  13. .btn.btn-primary {
  14.     border: 1px solid #02b9b5;
  15.     background: #02b9b5;
  16. }
  17. .form-control:hover, .form-control:focus{
  18. border: 1px solid #02b9b5;
  19. -webkit-box-shadow:0 1px 1px rgba(7,177,7,.075);
  20. box-shadow:0 1px 1px rgba(7,177,7,.075);
  21. }
  22. a.btn.call-btn {
  23. color:#02b9b5;
  24. }
  25. .pagination li:first-child a {
  26.     background: #02b9b5;
  27.     border: 1px solid #02b9b5;
  28. }
  29. .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus, .pagination>li>a:hover, .pagination>li>a:focus {
  30.     color: #02b9b5;
  31.     background-color: rgba(2, 185, 181,0.1);
  32.     border-color: #02b9b5;
  33. }
  34. .inner-header-title {
  35.     border-bottom: 4px solid #02b9b5;
  36. }
  37. .inner-header-title.blank {
  38.     border-bottom: 4px solid #02b9b5;
  39.     background:#02b9b5;
  40. }
  41. .action-btn .dropdown-menu>li>a:hover, .action-btn .dropdown-menu>li>a:focus {
  42.     background: #02b9b5;
  43.     color: #ffffff;
  44. }
  45. /*-------- Navigation ----------*/
  46. .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
  47.     color:#02b9b5 !important;
  48. }
  49. /*----------Pages Styles------------*/
  50. .main-heading h2>span {
  51.     color: #02b9b5;
  52. }
  53. .main-heading span.heading-line {
  54. background: #02b9b5;
  55. }
  56. .banner-caption .btn-primary:focus, .banner-caption .btn-primary:hover {
  57.     background: #02b9b5;
  58.     border-color: #02b9b5;
  59. }
  60. .banner-caption .btn-primary{
  61. background:#02b9b5;
  62. border-color:#02b9b5;
  63. }
  64. .job-feature:hover i,.job-feature.advance-fr:hover i {
  65.     background: #02b9b5;
  66. }
  67. .feature-icon i, .job-feature.advance-fr .feature-icon i {
  68.     color: #02b9b5;
  69.         background: rgba(2, 185, 181,0.07);
  70. }
  71. .work-process-icon span {
  72.     color: #02b9b5;
  73. }
  74. .work-process-caption h4:before{
  75.         background:#02b9b5;
  76. }
  77.  
  78. .download-app:before {
  79.     background: #02b9b5;
  80. }
  81. .app-content a.btn.call-btn:hover {
  82.     color: #02b9b5;
  83. }
  84. .footer-form .btn-primary:hover, .footer-form .btn-primary:focus {
  85.     border-color: #02b9b5;
  86.     background: #02b9b5;
  87. }
  88. .simple-banner h1 span {
  89.     color: #02b9b5;
  90. }
  91. .bottom-search-form button.btn.btn-primary {
  92.     background: #02b9b5;
  93.     border: 1px solid #02b9b5;
  94. }
  95. a.video-btn:hover i {
  96.     background: #02b9b5;
  97. }
  98. a.video-btn i {
  99.     color: #02b9b5;
  100.     box-shadow: 0px 0px 20px 0px rgba(2, 185, 181,0.4);
  101.     -webkit-box-shadow: 0px 0px 20px 0px rgba(2, 185, 181,0.4);
  102.     -moz-box-shadow: 0px 0px 20px 0px rgba(2, 185, 181,0.4);
  103. }
  104. .home-three-banner h1 span {
  105.     color: #02b9b5;
  106. }
  107. .home-three-banner button.btn.btn-primary {
  108.     background: #02b9b5;
  109.     border: 1px solid #02b9b5;
  110. }
  111. .gr-dark {
  112.     background: #02b9b5;
  113. }
  114. .gr-dark a.btn.bat-call-to-act {
  115.     border: 1px solid rgba(255, 255, 255, 0.5);
  116. }
  117. .gr-dark .call-to-act-caption h3 {
  118.     color: rgba(255, 255, 255, 0.7);
  119. }
  120. .home-plane-banner h1 span {
  121.     color: #02b9b5;
  122. }
  123. a.btn.btn-banner {
  124.     background: #02b9b5;
  125. }
  126. #accordion .panel-heading >.panel-title > a {
  127.     background: #02b9b5;
  128. }
  129. #accordion .panel-title > a.collapsed:hover {
  130.     color: #02b9b5;
  131. }
  132.  
  133. #accordion3 .panel-heading > .panel-title > a {
  134.     background: #02b9b5;
  135. }
  136. #accordion .panel-title>a.collapsed {
  137.     background: #e7ecea;
  138.     color: #707c88;
  139. }
  140. #accordion3 .panel-title>a.collapsed {
  141.     background: #35434e;
  142.     color: #707c88;
  143. }
  144. .brows-company:hover {
  145.     border-left: 4px solid #02b9b5;
  146. }
  147. .brows-job-list:hover {
  148.     border-left: 4px solid #02b9b5;
  149. }
  150. .brows-resume:hover {
  151.     border-left: 4px solid #02b9b5;
  152. }
  153. .brows-resume span.brows-resume-designation {
  154.     color: #02b9b5;
  155. }
  156. .brows-resume .browse-resume-rate span i {
  157.     color: #02b9b5;
  158. }
  159. .detail-status span {
  160.     color: #02b9b5;
  161.     background: rgba(2, 185, 181,0.2);
  162. }
  163.  
  164. .container.white-shadow {
  165.     border-bottom: 3px solid #02b9b5;
  166. }
  167. h2.detail-title {
  168.    border-left:3px solid #02b9b5;
  169. }
  170. ul.detail-list li:before {
  171.     color: #02b9b5;
  172. }
  173. .contact-box i {
  174.     color: #02b9b5;
  175. }
  176. .inputfile + label {
  177.     background: #02b9b5;
  178. }
  179. .detail-pic {
  180.     border: 1px solid #02b9b5;
  181. }
  182. .full-detail .input-group-addon {
  183.     background: #02b9b5;
  184.     border-color: #02b9b5;
  185. }
  186. button.add-field {
  187.     background: #02b9b5;
  188. }
  189. .btn-login {
  190.     background: #02b9b5;
  191. }
  192. button.btn.btn-login {
  193.     background: #02b9b5;
  194.     border: 1px solid #02b9b5;
  195. }
  196. .login-screen span a, .signup-screen span a, .lost-ps-screen span a {
  197.     color: #02b9b5;
  198. }
  199. .search-filter button.btn.btn-default {
  200.     background: #02b9b5;
  201.     border: 1px solid #02b9b5;
  202. }
  203. .search-filter .dropdown-menu>li>a:hover, .search-filter .dropdown-menu>li>a:focus {
  204.     background: #02b9b5;
  205. }
  206. .manage-cndt .cndt-caption span {
  207.     color: #02b9b5;
  208. }
  209. .manage-cndt .cndt-profile-btn:hover, .manage-cndt .cndt-profile-btn:focus {
  210.     background: #02b9b5;
  211. }
  212. .mng-company:hover, .mng-company:focus {
  213.     border-color: #02b9b5;
  214. }
  215. .jn-employee:hover, .jn-employee:focus {
  216.     border-color: #02b9b5;
  217. }
  218. .employee-social li a:hover i, .employee-social li a:focus i {
  219.     background: #02b9b5;
  220. }
  221. .mng-resume h4 span.cand-designation {
  222.     color: #02b9b5;
  223. }
  224. .mng-resume:hover, .mng-resume:focus {
  225.     border-color: #02b9b5;
  226. }
  227. .manage-resume-box:hover, .manage-resume-box:focus {
  228.     border-left: 3px solid #02b9b5;
  229. }
  230. .pr-buy-button .pr-btn.active:hover, .pr-buy-button .pr-btn.active:focus {
  231.     background: #02b9b5;
  232.     border-color: #02b9b5;
  233. }
  234. .pr-buy-button .pr-btn {
  235.     border: 1px solid #02b9b5;
  236.     color: #02b9b5;
  237. }
  238. .login-panel label {
  239.     color: #02b9b5;
  240. }
  241. .nav.simple.nav-tabs li.active a {
  242.     background: #02b9b5;
  243. }
  244. .tab .nav-tabs li.active a, .tab .nav-tabs li.active a:hover {
  245.     background: #02b9b5;
  246. }
  247. .tab .nav-tabs li a {
  248.     color: #02b9b5;
  249. }
  250. .tab .nav-tabs li a:hover {
  251.     background: #02b9b5;
  252. }
  253. .pr-buy-button .pr-btn:hover, .pr-buy-button .pr-btn:focus {
  254.     background: #02b9b5;
  255. }
  256. .search-form button.btn.btn-default {
  257.     background: #02b9b5;
  258.     border: 1px solid #02b9b5;
  259. }
  260. ul.sidebar-list li a span {
  261.     color: #02b9b5;
  262. }
  263. .blog-post-date {
  264.     background: #02b9b5;
  265. }
  266. .post-meta span.author, .post-meta span.category a {
  267.     color: #02b9b5;
  268. }
  269. .post-info {
  270.     color: #02b9b5;
  271. }
  272. .blog-content h2:hover, .blog-content h2:focus {
  273.     color: #02b9b5;
  274. }
  275. .comments-form button.thm-btn.btn-comment {
  276.     border: 2px solid #02b9b5;
  277.     background: #02b9b5;
  278. }
  279. .comments-form button.thm-btn.btn-comment:hover, .comments-form button.thm-btn.btn-comment:focus {
  280.     color: #02b9b5;
  281.     border: 2px solid #02b9b5;
  282. }
  283. .rating.pull-right li i.active {
  284.     color: #02b9b5;
  285. }
  286. ul.list-inline.social li i:hover, ul.list-inline.social li i:focus {
  287.     background: #02b9b5;
  288. }
  289. .inner-header-title.advance-header-title h2 span, .inner-header-title.advance-header-title p span {
  290.     color: #02b9b5;
  291. }
  292. .right-sidebar h2.side-widget-title {
  293.     background: #02b9b5;
  294. }
  295. button.btn.btn-alrt {
  296.     background: #02b9b5;
  297. }
  298. .fileUpload span {
  299.     background: #02b9b5;
  300. }
  301. .modal .submit-btn:hover {
  302.     background: #02b9b5;
  303. }
  304. .breadcrumb>.active {
  305.     color: #02b9b5;
  306. }
  307. .custom-checkbox input[type="checkbox"]:checked + label:before {
  308.     border-color: #02b9b5;
  309.     background: #02b9b5;
  310. }
  311. .bootstrap-select.btn-group .dropdown-menu li a:hover {
  312.     background: #02b9b5;
  313. }
  314. ul.detail-footer-social li a i:hover {
  315.     background: #02b9b5;
  316. }
  317.  
  318. .error-page h2 span {
  319.     color:#02b9b5;
  320. }.error-page a.btn.btn-success.small-btn {
  321.     background:#02b9b5;
  322.     border-color:#02b9b5;
  323. }
  324. .deatil-tab-employ.tool-tab .nav.simple.nav-tabs li.active a {
  325.     background: rgba(2, 185, 181,0.15);
  326.     color:#02b9b5;
  327.     border-color:#02b9b5;
  328. }
  329. button.update-btn {
  330.   background:#02b9b5;
  331. }
  332. span.info-bar {
  333.     border: 1px solid #02b9b5;
  334.     background:rgba(2, 185, 181,0.15);
  335.     color:#02b9b5;
  336. }
  337.  
  338.  
  339. /*--------Responsive color Style-----------*/
  340. @media only screen  and (min-width : 768px) {
  341. /*------------Navigation------*/
  342. body nav.navbar.bootsnav ul.nav > li > a.signin {
  343. background:#02b9b5 !important;
  344. }
  345. li.left-br {
  346. border-left: 1px solid rgba(2, 185, 181,0.4);
  347. }
  348. }
  349.  
  350. @media only screen  and (min-width : 1024px) {
  351.         nav.navbar.bootsnav li.dropdown ul.dropdown-menu{
  352.         border-color:#02b9b5;
  353.         }
  354. }
Raw Paste

Login or Register to edit or fork this paste. It's free.