CSS   25
purple style css
Guest on 8th March 2023 12:10:30 PM


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

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