CSS   45
pink style css
Guest on 8th March 2023 12:09:32 PM


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

Raw Paste

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