skin-blue.css (3556B)
1 /* 2 * Skin: Blue 3 * ---------- 4 */ 5 .skin-blue .main-header .navbar { 6 background-color: #3c8dbc; 7 } 8 .skin-blue .main-header .navbar .nav > li > a { 9 color: #ffffff; 10 } 11 .skin-blue .main-header .navbar .nav > li > a:hover, 12 .skin-blue .main-header .navbar .nav > li > a:active, 13 .skin-blue .main-header .navbar .nav > li > a:focus, 14 .skin-blue .main-header .navbar .nav .open > a, 15 .skin-blue .main-header .navbar .nav .open > a:hover, 16 .skin-blue .main-header .navbar .nav .open > a:focus, 17 .skin-blue .main-header .navbar .nav > .active > a { 18 background: rgba(0, 0, 0, 0.1); 19 color: #f6f6f6; 20 } 21 .skin-blue .main-header .navbar .sidebar-toggle { 22 color: #ffffff; 23 } 24 .skin-blue .main-header .navbar .sidebar-toggle:hover { 25 color: #f6f6f6; 26 background: rgba(0, 0, 0, 0.1); 27 } 28 .skin-blue .main-header .navbar .sidebar-toggle { 29 color: #fff; 30 } 31 .skin-blue .main-header .navbar .sidebar-toggle:hover { 32 background-color: #367fa9; 33 } 34 @media (max-width: 767px) { 35 .skin-blue .main-header .navbar .dropdown-menu li.divider { 36 background-color: rgba(255, 255, 255, 0.1); 37 } 38 .skin-blue .main-header .navbar .dropdown-menu li a { 39 color: #fff; 40 } 41 .skin-blue .main-header .navbar .dropdown-menu li a:hover { 42 background: #367fa9; 43 } 44 } 45 .skin-blue .main-header .logo { 46 background-color: #367fa9; 47 color: #ffffff; 48 border-bottom: 0 solid transparent; 49 } 50 .skin-blue .main-header .logo:hover { 51 background-color: #357ca5; 52 } 53 .skin-blue .main-header li.user-header { 54 background-color: #3c8dbc; 55 } 56 .skin-blue .content-header { 57 background: transparent; 58 } 59 .skin-blue .wrapper, 60 .skin-blue .main-sidebar, 61 .skin-blue .left-side { 62 background-color: #222d32; 63 } 64 .skin-blue .user-panel > .info, 65 .skin-blue .user-panel > .info > a { 66 color: #fff; 67 } 68 .skin-blue .sidebar-menu > li.header { 69 color: #4b646f; 70 background: #1a2226; 71 } 72 .skin-blue .sidebar-menu > li > a { 73 border-left: 3px solid transparent; 74 } 75 .skin-blue .sidebar-menu > li:hover > a, 76 .skin-blue .sidebar-menu > li.active > a { 77 color: #ffffff; 78 background: #1e282c; 79 border-left-color: #3c8dbc; 80 } 81 .skin-blue .sidebar-menu > li > .treeview-menu { 82 margin: 0 1px; 83 background: #2c3b41; 84 } 85 .skin-blue .sidebar a { 86 color: #b8c7ce; 87 } 88 .skin-blue .sidebar a:hover { 89 text-decoration: none; 90 } 91 .skin-blue .treeview-menu > li > a { 92 color: #8aa4af; 93 } 94 .skin-blue .treeview-menu > li.active > a, 95 .skin-blue .treeview-menu > li > a:hover { 96 color: #ffffff; 97 } 98 .skin-blue .sidebar-form { 99 border-radius: 3px; 100 border: 1px solid #374850; 101 margin: 10px 10px; 102 } 103 .skin-blue .sidebar-form input[type="text"], 104 .skin-blue .sidebar-form .btn { 105 box-shadow: none; 106 background-color: #374850; 107 border: 1px solid transparent; 108 height: 35px; 109 } 110 .skin-blue .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 .skin-blue .sidebar-form input[type="text"]:focus, 118 .skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn { 119 background-color: #fff; 120 color: #666; 121 } 122 .skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn { 123 border-left-color: #fff; 124 } 125 .skin-blue .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 } 132 .skin-blue.layout-top-nav .main-header > .logo { 133 background-color: #3c8dbc; 134 color: #ffffff; 135 border-bottom: 0 solid transparent; 136 } 137 .skin-blue.layout-top-nav .main-header > .logo:hover { 138 background-color: #3b8ab8; 139 }