style-purple.css 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132
  1. body {
  2. color: #888888;
  3. /*background: #404040;*/
  4. }
  5. a, a:hover {
  6. text-shadow: none !important;
  7. color: #7163b3;
  8. }
  9. ul.faq-list li a:hover, ul.faq-list li a.active{
  10. background: #7163b3;
  11. }
  12. #header.navbar-inverse .navbar-inner {
  13. background-color: #7163b3;
  14. background-image: -moz-linear-gradient(top, #7163b3, #7163b3);
  15. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7163b3), to(#7163b3));
  16. background-image: -webkit-linear-gradient(top, #7163b3, #7163b3);
  17. background-image: -o-linear-gradient(top, #7163b3, #7163b3);
  18. background-image: linear-gradient(to bottom, #7163b3, #7163b3);
  19. background-repeat: repeat-x;
  20. border-color: #7163b3;
  21. color: #fff;
  22. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7163b3', endColorstr='#ff7163b3', GradientType=0);
  23. }
  24. .sidebar-toggle-box {
  25. background: #62569b;
  26. color: #fff;
  27. }
  28. #header .navbar-inner .nav .dropdown-toggle:hover, .navbar-inner .nav .dropdown.open .dropdown-toggle {
  29. background-color: rgba(0,0,0,0.2) !important;
  30. }
  31. #header.navbar-inverse .divider-vertical {
  32. border-left-color: #2c2d2f;
  33. border-right-color: #181a1b;
  34. }
  35. #sidebar > ul > li > a {
  36. color: #fff !important;
  37. }
  38. #sidebar > ul > li a i {
  39. color: #fff !important;
  40. display: inline-block;
  41. }
  42. #sidebar > ul > li > ul.sub > li > a:hover, #sidebar > ul > li > ul.sub > li.active > a{
  43. background: #575757;
  44. transition-duration: 500ms;
  45. transition-property: width, background;
  46. transition-timing-function: ease;
  47. -webkit-transition-duration: 500ms;
  48. -webkit-transition-property: width, background;
  49. -webkit-transition-timing-function: ease;
  50. }
  51. #sidebar > ul > li.active > a, #sidebar > ul > li >a:hover, #sidebar > ul > li:hover>a{
  52. background: #7163b3;
  53. }
  54. #sidebar > ul > li > ul.sub > li > a {
  55. color: #a0a0a0;
  56. }
  57. .dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover {
  58. background-color: #EEEEEE;
  59. background-image: none;
  60. color: #333333;
  61. filter: none;
  62. text-decoration: none;
  63. }
  64. #sidebar > ul > li > ul.sub > li:last-child {
  65. border-bottom:none;
  66. }
  67. .chats li.out .name {
  68. color: #b14c4c;
  69. }
  70. .chats li.in .message {
  71. border-left: 2px solid #2f8e95;
  72. }
  73. .chats li.in .message .arrow {
  74. border-right: 8px solid #2f8e95;
  75. }
  76. .chats li.out .message .arrow {
  77. border-left: 8px solid #b14c4c;
  78. }
  79. .chats li.out .message {
  80. border-right: 2px solid #b14c4c;
  81. }
  82. textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
  83. border:1px solid #7163b3;
  84. box-shadow: none;
  85. }
  86. /* Landscape phone to portrait tablet */
  87. @media (max-width:979px) {
  88. #sidebar {
  89. background-color: #404040 !important;
  90. }
  91. }
  92. /*--wizard--*/
  93. .custom-wizard-pills .nav-pills li.active a, .custom-wizard-pills .nav-pills li a:hover {
  94. background: #7163b3;
  95. }
  96. /*invoice-list*/
  97. .invoice-list h5 {
  98. color: #404040;
  99. }
  100. /*about us*/
  101. .about-us h4, .team-member h3, .team-member ul li a:hover, .contact-us h4 {
  102. color: #404040;
  103. }