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