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