usmanwalana

SkinRed.css

Sep 16th, 2016
129
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.96 KB | None | 0 0
  1. /*
  2.  * Skin: Red
  3.  * ---------
  4.  */
  5.  .main-header .navbar {
  6.   background-color: #dd4b39;
  7. }
  8.  .main-header .navbar .nav > li > a {
  9.   color: #ffffff;
  10. }
  11.  .main-header .navbar .nav > li > a:hover,
  12.  .main-header .navbar .nav > li > a:active,
  13.  .main-header .navbar .nav > li > a:focus,
  14.  .main-header .navbar .nav .open > a,
  15.  .main-header .navbar .nav .open > a:hover,
  16.  .main-header .navbar .nav .open > a:focus,
  17.  .main-header .navbar .nav > .active > a {
  18.   background: rgba(0, 0, 0, 0.1);
  19.   color: #f6f6f6;
  20. }
  21.  .main-header .navbar .sidebar-toggle {
  22.   color: #ffffff;
  23. }
  24.  .main-header .navbar .sidebar-toggle:hover {
  25.   color: #f6f6f6;
  26.   background: rgba(0, 0, 0, 0.1);
  27. }
  28.  .main-header .navbar .sidebar-toggle {
  29.   color: #fff;
  30. }
  31.  .main-header .navbar .sidebar-toggle:hover {
  32.   background-color: #d73925;
  33. }
  34. @media (max-width: 767px) {
  35.    .main-header .navbar .dropdown-menu li.divider {
  36.     background-color: rgba(255, 255, 255, 0.1);
  37.   }
  38.    .main-header .navbar .dropdown-menu li a {
  39.     color: #fff;
  40.   }
  41.    .main-header .navbar .dropdown-menu li a:hover {
  42.     background: #d73925;
  43.   }
  44. }
  45.  .main-header .logo {
  46.   background-color: #d73925;
  47.   color: #ffffff;
  48.   border-bottom: 0 solid transparent;
  49. }
  50.  .main-header .logo:hover {
  51.   background-color: #d33724;
  52. }
  53.  .main-header li.user-header {
  54.   background-color: #dd4b39;
  55. }
  56.  .content-header {
  57.   background: transparent;
  58. }
  59.  .wrapper,
  60.  .main-sidebar,
  61.  .left-side {
  62.   background-color: #222d32;
  63. }
  64.  .user-panel > .info,
  65.  .user-panel > .info > a {
  66.   color: #fff;
  67. }
  68.  .sidebar-menu > li.header {
  69.   color: #4b646f;
  70.   background: #1a2226;
  71. }
  72.  .sidebar-menu > li > a {
  73.   border-left: 3px solid transparent;
  74. }
  75.  .sidebar-menu > li:hover > a,
  76.  .sidebar-menu > li.active > a {
  77.   color: #ffffff;
  78.   background: #1e282c;
  79.   border-left-color: #dd4b39;
  80. }
  81.  .sidebar-menu > li > .treeview-menu {
  82.   margin: 0 1px;
  83.   background: #2c3b41;
  84. }
  85.  .sidebar a {
  86.   color: #b8c7ce;
  87. }
  88.  .sidebar a:hover {
  89.   text-decoration: none;
  90. }
  91.  .treeview-menu > li > a {
  92.   color: #8aa4af;
  93. }
  94.  .treeview-menu > li.active > a,
  95.  .treeview-menu > li > a:hover {
  96.   color: #ffffff;
  97. }
  98.  .sidebar-form {
  99.   border-radius: 3px;
  100.   border: 1px solid #374850;
  101.   margin: 10px 10px;
  102. }
  103.  .sidebar-form input[type="text"],
  104.  .sidebar-form .btn {
  105.   box-shadow: none;
  106.   background-color: #374850;
  107.   border: 1px solid transparent;
  108.   height: 35px;
  109. }
  110.  .sidebar-form input[type="text"] {
  111.   color: #666;
  112.   border-top-left-radius: 2px;
  113.   border-top-right-radius: 0;
  114.   border-bottom-right-radius: 0;
  115.   border-bottom-left-radius: 2px;
  116. }
  117.  .sidebar-form input[type="text"]:focus,
  118.  .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  119.   background-color: #fff;
  120.   color: #666;
  121. }
  122.  .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  123.   border-left-color: #fff;
  124. }
  125.  .sidebar-form .btn {
  126.   color: #999;
  127.   border-top-left-radius: 0;
  128.   border-top-right-radius: 2px;
  129.   border-bottom-right-radius: 2px;
  130.   border-bottom-left-radius: 0;
  131. }
Add Comment
Please, Sign In to add comment