skin-black-light.css (4812B)
1 /* 2 * Skin: Black 3 * ----------- 4 */ 5 /* skin-black navbar */ 6 .skin-black-light .main-header { 7 -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05); 8 box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05); 9 } 10 .skin-black-light .main-header .navbar-toggle { 11 color: #333; 12 } 13 .skin-black-light .main-header .navbar-brand { 14 color: #333; 15 border-right: 1px solid #eee; 16 } 17 .skin-black-light .main-header .navbar { 18 background-color: #ffffff; 19 } 20 .skin-black-light .main-header .navbar .nav > li > a { 21 color: #333333; 22 } 23 .skin-black-light .main-header .navbar .nav > li > a:hover, 24 .skin-black-light .main-header .navbar .nav > li > a:active, 25 .skin-black-light .main-header .navbar .nav > li > a:focus, 26 .skin-black-light .main-header .navbar .nav .open > a, 27 .skin-black-light .main-header .navbar .nav .open > a:hover, 28 .skin-black-light .main-header .navbar .nav .open > a:focus, 29 .skin-black-light .main-header .navbar .nav > .active > a { 30 background: #ffffff; 31 color: #999999; 32 } 33 .skin-black-light .main-header .navbar .sidebar-toggle { 34 color: #333333; 35 } 36 .skin-black-light .main-header .navbar .sidebar-toggle:hover { 37 color: #999999; 38 background: #ffffff; 39 } 40 .skin-black-light .main-header .navbar > .sidebar-toggle { 41 color: #333; 42 border-right: 1px solid #eee; 43 } 44 .skin-black-light .main-header .navbar .navbar-nav > li > a { 45 border-right: 1px solid #eee; 46 } 47 .skin-black-light .main-header .navbar .navbar-custom-menu .navbar-nav > li > a, 48 .skin-black-light .main-header .navbar .navbar-right > li > a { 49 border-left: 1px solid #eee; 50 border-right-width: 0; 51 } 52 .skin-black-light .main-header > .logo { 53 background-color: #ffffff; 54 color: #333333; 55 border-bottom: 0 solid transparent; 56 border-right: 1px solid #eee; 57 } 58 .skin-black-light .main-header > .logo:hover { 59 background-color: #fcfcfc; 60 } 61 @media (max-width: 767px) { 62 .skin-black-light .main-header > .logo { 63 background-color: #222222; 64 color: #ffffff; 65 border-bottom: 0 solid transparent; 66 border-right: none; 67 } 68 .skin-black-light .main-header > .logo:hover { 69 background-color: #1f1f1f; 70 } 71 } 72 .skin-black-light .main-header li.user-header { 73 background-color: #222; 74 } 75 .skin-black-light .content-header { 76 background: transparent; 77 box-shadow: none; 78 } 79 .skin-black-light .wrapper, 80 .skin-black-light .main-sidebar, 81 .skin-black-light .left-side { 82 background-color: #f9fafc; 83 } 84 .skin-black-light .content-wrapper, 85 .skin-black-light .main-footer { 86 border-left: 1px solid #d2d6de; 87 } 88 .skin-black-light .user-panel > .info, 89 .skin-black-light .user-panel > .info > a { 90 color: #444444; 91 } 92 .skin-black-light .sidebar-menu > li { 93 -webkit-transition: border-left-color 0.3s ease; 94 -o-transition: border-left-color 0.3s ease; 95 transition: border-left-color 0.3s ease; 96 } 97 .skin-black-light .sidebar-menu > li.header { 98 color: #848484; 99 background: #f9fafc; 100 } 101 .skin-black-light .sidebar-menu > li > a { 102 border-left: 3px solid transparent; 103 font-weight: 600; 104 } 105 .skin-black-light .sidebar-menu > li:hover > a, 106 .skin-black-light .sidebar-menu > li.active > a { 107 color: #000000; 108 background: #f4f4f5; 109 } 110 .skin-black-light .sidebar-menu > li.active { 111 border-left-color: #ffffff; 112 } 113 .skin-black-light .sidebar-menu > li.active > a { 114 font-weight: 600; 115 } 116 .skin-black-light .sidebar-menu > li > .treeview-menu { 117 background: #f4f4f5; 118 } 119 .skin-black-light .sidebar a { 120 color: #444444; 121 } 122 .skin-black-light .sidebar a:hover { 123 text-decoration: none; 124 } 125 .skin-black-light .treeview-menu > li > a { 126 color: #777777; 127 } 128 .skin-black-light .treeview-menu > li.active > a, 129 .skin-black-light .treeview-menu > li > a:hover { 130 color: #000000; 131 } 132 .skin-black-light .treeview-menu > li.active > a { 133 font-weight: 600; 134 } 135 .skin-black-light .sidebar-form { 136 border-radius: 3px; 137 border: 1px solid #d2d6de; 138 margin: 10px 10px; 139 } 140 .skin-black-light .sidebar-form input[type="text"], 141 .skin-black-light .sidebar-form .btn { 142 box-shadow: none; 143 background-color: #fff; 144 border: 1px solid transparent; 145 height: 35px; 146 } 147 .skin-black-light .sidebar-form input[type="text"] { 148 color: #666; 149 border-top-left-radius: 2px; 150 border-top-right-radius: 0; 151 border-bottom-right-radius: 0; 152 border-bottom-left-radius: 2px; 153 } 154 .skin-black-light .sidebar-form input[type="text"]:focus, 155 .skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn { 156 background-color: #fff; 157 color: #666; 158 } 159 .skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn { 160 border-left-color: #fff; 161 } 162 .skin-black-light .sidebar-form .btn { 163 color: #999; 164 border-top-left-radius: 0; 165 border-top-right-radius: 2px; 166 border-bottom-right-radius: 2px; 167 border-bottom-left-radius: 0; 168 } 169 @media (min-width: 768px) { 170 .skin-black-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu { 171 border-left: 1px solid #d2d6de; 172 } 173 }