git.roojs.org Git - roojs1/blob - css-bootstrap/sidebar-nav.css

   1 .sidebar {
   2     margin-bottom: 5px;
   3 }
   4
   5 .sidebar .sidebar-menu {
   6     list-style: none;
   7     margin: 0;
   8     padding: 0;
   9 }
  10
  11 .sidebar .sidebar-menu > li {
  12     margin: 0;
  13     padding: 0;
  14     border-bottom: 1px solid #ccc;
  15     background-color: #eee;
  16 }
  17
  18 .sidebar .sidebar-menu > li > a {
  19     padding: 12px 5px 12px 15px;
  20     display: block;
  21     color: #333;
  22 }
  23
  24 .sidebar .sidebar-menu > li > a > .fa,
  25 .sidebar .sidebar-menu > li > a > .glyphicon,
  26 .sidebar .sidebar-menu > li > a > .ion {
  27     width: 20px;
  28 }
  29
  30 .sidebar .sidebar-menu li:hover,
  31 .sidebar .sidebar-menu li:focus,
  32 .sidebar .sidebar-menu li:active
  33 {
  34     background-color: #fff;
  35 }
  36
  37 .sidebar .sidebar-menu li:hover a,
  38 .sidebar .sidebar-menu li:focus a,
  39 .sidebar .sidebar-menu li:active a
  40 {
  41     color: #000;
  42 }
  43
  44 .sidebar .sidebar-menu li.active {
  45   color: #fff;
  46   background-color: #337ab7;
  47   border-color: #2e6da4;
  48 }
  49
  50 .sidebar .sidebar-menu li.active:hover,
  51 .sidebar .sidebar-menu li.active:focus,
  52 .sidebar .sidebar-menu li.active.focus
  53 {
  54     color: #fff;
  55     background-color: #204d74;
  56     border-color: #122b40;
  57 }
  58
  59 .sidebar .sidebar-menu li.active  a {
  60     color: #fff;
  61 }
  62
  63 .sidebar .sidebar-menu li.disabled {
  64   color: #ccc;
  65   background-color: #fff;
  66   border-color: #ccc;
  67 }
  68
  69 .sidebar .sidebar-menu li.disabled a {
  70     color: #ccc;
  71     cursor: default;
  72 }
  73
  74 .sidebar .sidebar-menu li.danger,
  75 .sidebar .sidebar-menu li.danger.active {
  76   color: #fff;
  77   background-color: #d9534f;
  78   border-color: #d43f3a;
  79 }
  80
  81 .sidebar .sidebar-menu li.danger:hover,
  82 .sidebar .sidebar-menu li.danger:focus,
  83 .sidebar .sidebar-menu li.danger.active:focus
  84 {
  85     color: #fff;
  86     background-color: #c9302c;
  87     border-color: #ac2925;
  88     border-bottom: 1px solid #ac2925;
  89 }
  90
  91 .sidebar .sidebar-menu li.danger a,
  92 .sidebar .sidebar-menu li.danger.active a{
  93     color: #fff;
  94 }
  95
  96
  97 .badge-default {
  98     background-color: #777;
  99     color: #fff;
 100 }
 101
 102 .badge-primary {
 103     background-color: #337ab7;
 104     color: #fff;
 105 }
 106
 107 .badge-success {
 108     background-color: #5cb85c;
 109     color: #fff;
 110 }
 111
 112 .badge-info {
 113     background-color: #5bc0de;
 114     color: #fff;
 115 }
 116
 117 .badge-warning {
 118     background-color: #f0ad4e;
 119     color: #fff;
 120 }
 121
 122 .badge-danger {
 123     background-color: #d9534f;
 124     color: #fff;
 125 }