1 | | body { padding-top: 28px !important; } |
2 | | |
3 | | #wp-admin-bar { |
4 | | position: absolute !important; |
5 | | top: 0 !important; |
6 | | left: 0 !important; |
7 | | width: 100% !important; |
8 | | z-index: 1001 !important; |
9 | | height: 28px !important; |
10 | | color: #fff !important; |
11 | | text-align: left !important; |
12 | | background:url(../images/admin_bar_back.gif) #818181 repeat-x !important; |
13 | | } |
14 | | #wp-admin-bar * { z-index: 999 !important; } |
15 | | |
16 | | #wp-admin-bar img#admin-bar-logo { |
17 | | position: absolute !important; |
18 | | top: 8px; |
19 | | left: 10px; |
20 | | } |
21 | | |
22 | | #wp-admin-bar a img { |
23 | | border: none !important; |
24 | | } |
25 | | |
26 | | #wp-admin-bar li * { |
27 | | font: 12px normal "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, Verdana, Arial, sans-serif !important; |
28 | | font-weight: normal !important; |
29 | | background-image: none !important; |
30 | | } |
31 | | |
32 | | #wp-admin-bar li a { |
33 | | padding: 6px 25px 7px 15px !important; |
34 | | } |
35 | | |
36 | | /*******************/ |
37 | | |
38 | | #wp-admin-bar ul { /* all lists */ |
39 | | margin: 0 !important; |
40 | | list-style: none !important; |
41 | | line-height: 1 !important; |
42 | | cursor: pointer !important; |
43 | | height: 30px !important; |
44 | | padding: 0 !important; |
45 | | } |
46 | | #wp-admin-bar ul { |
47 | | margin-left: 80px !important; |
48 | | } |
49 | | #wp-admin-bar ul li { /* all list items */ |
50 | | padding: 0 !important; |
51 | | /*height: 30px;*/ |
52 | | float: left !important; |
53 | | background: url( ../images/admin-menu-arrow.gif ) 88% 53% no-repeat; |
54 | | } |
55 | | |
56 | | #wp-admin-bar ul li ul a { |
57 | | color: #666 !important; |
58 | | } |
59 | | |
60 | | #wp-admin-bar ul li.align-right { |
61 | | position: absolute; |
62 | | right: 0; |
63 | | } |
64 | | |
65 | | #wp-admin-bar ul li a { |
66 | | display: block !important; |
67 | | font-size: 12px !important; |
68 | | font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, Verdana, Arial, sans-serif !important; |
69 | | text-decoration: none !important; |
70 | | color: #fff !important; |
71 | | } |
72 | | |
73 | | #wp-admin-bar ul.main-nav li:hover, #wp-admin-bar ul.main-nav li.sfhover, #wp-admin-bar ul.main-nav li ul li.sfhover { |
74 | | background-color: #666 !important; |
75 | | } |
76 | | #wp-admin-bar ul.main-nav li ul li:hover a, #wp-admin-bar ul.main-nav li ul li.sfhover a { |
77 | | background-color: #888 !important; |
78 | | color: #fff !important; |
79 | | } |
80 | | |
81 | | #wp-admin-bar ul.main-nav li ul li:hover ul li a { |
82 | | background-color: inherit !important; |
83 | | color: #666 !important; |
84 | | } |
85 | | #wp-admin-bar ul.main-nav li ul li ul li:hover a, #wp-admin-bar ul.main-nav li ul li ul li.sfhover a { |
86 | | color: #fff !important; |
87 | | } |
88 | | |
89 | | |
90 | | /* second-level lists */ |
91 | | |
92 | | #wp-admin-bar ul li ul { |
93 | | position: absolute !important; |
94 | | width: 185px !important; |
95 | | left: -999em !important; /* using left instead of display to hide menus because display: none isn't read by screen readers */ |
96 | | height: auto !important; |
97 | | margin-left: 0 !important; |
98 | | } |
99 | | #wp-admin-bar ul li ul li { |
100 | | float: none !important; |
101 | | margin: 0 !important; |
102 | | border: none !important; |
103 | | border-bottom: 1px solid #f4f4f4 !important; |
104 | | background-color: #f4f4f4 !important; |
105 | | border-left: 1px solid #ccc !important; |
106 | | border-right: 1px solid #ccc !important; |
107 | | margin-bottom: -1px !important; |
108 | | } |
109 | | #wp-admin-bar ul li ul li.alt { |
110 | | background-color: #fafafa !important; |
111 | | border-bottom: 1px solid #fafafa !important; |
112 | | } |
113 | | |
114 | | #wp-admin-bar ul li ul li:last-child { |
115 | | border-bottom: 1px solid #ccc !important; |
116 | | -moz-border-radius-bottomleft: 4px !important; |
117 | | -khtml-border-bottom-left-radius: 4px !important; |
118 | | -webkit-border-bottom-left-radius: 4px !important; |
119 | | border-bottom-left-radius: 4px !important; |
120 | | -moz-border-radius-bottomright: 4px !important; |
121 | | -khtml-border-bottom-right-radius: 4px !important; |
122 | | -webkit-border-bottom-right-radius: 4px !important; |
123 | | border-bottom-right-radius: 4px !important; |
124 | | } |
125 | | |
126 | | #wp-admin-bar ul.main-nav li ul li a:hover, #wp-admin-bar ul.main-nav li.sfhover ul li a:hover { |
127 | | background-color: #888 !important; |
128 | | } |
129 | | |
130 | | #wp-admin-bar ul li div.admin-bar-clear { |
131 | | clear: both !important; |
132 | | background-color: #eee !important; |
133 | | border-bottom: 3px solid #eee !important; |
134 | | } |
135 | | |
136 | | /* third-and-above-level lists */ |
137 | | |
138 | | #wp-admin-bar ul li ul ul { |
139 | | margin: -28px 0 0 183px !important; |
140 | | } |
141 | | |
142 | | #wp-admin-bar ul li:hover ul, #wp-admin-bar ul li li:hover ul, #wp-admin-bar ul li.sfhover ul, #wp-admin-bar ul li ul li.sfhover ul { /* lists nested under hovered list items */ |
143 | | left: auto !important; |
144 | | } |
145 | | |
146 | | #wp-admin-bar ul li.align-right:hover ul { |
147 | | right: 0 !important; |
148 | | } |
149 | | |
150 | | #wp-admin-bar ul li:hover ul ul, #wp-admin-bar li.sfhover ul li ul { |
151 | | left: -999em !important; |
152 | | } |
153 | | |
154 | | #wp-admin-bar ul li ul li ul li:first-child { |
155 | | border-top: 1px solid #ccc !important; |
156 | | -moz-border-radius-topright: 4px !important; |
157 | | -khtml-border-top-right-radius: 4px !important; |
158 | | -webkit-border-top-right-radius: 4px !important; |
159 | | border-top-right-radius: 4px !important; |
160 | | } |
161 | | |
162 | | /* Menu item css */ |
163 | | |
164 | | #wp-admin-bar img.avatar { |
165 | | float: left !important; |
166 | | border: 2px solid #fff !important !important; |
167 | | margin-right: 8px !important; |
168 | | } |
169 | | |
170 | | #wp-admin-bar span.activity { |
171 | | display: block !important; |
172 | | color: #888 !important; |
173 | | margin-left: 34px !important; |
174 | | font-size: 10px !important; |
175 | | background: none !important; |
176 | | border: none !important; |
177 | | padding: 0 !important; |
178 | | } |
179 | | |
180 | | #wp-admin-bar li a:hover span.activity { |
181 | | color: #ccc !important; |
182 | | } |
183 | | |
184 | | #wp-admin-bar ul.author-list li { |
185 | | height: 55px !important; |
186 | | } |
187 | | |
188 | | #wp-admin-bar ul li#notifications_menu a span { |
189 | | background: #fff !important; |
190 | | padding: 0 6px !important; |
191 | | color: #555 !important; |
192 | | font-weight: bold !important; |
193 | | font-size: 0.8em !important; |
194 | | -moz-border-radius: 2px !important; |
195 | | -khtml-border-radius: 2px !important; |
196 | | -webkit-border-radius: 2px !important; |
197 | | margin-left: 2px !important; |
198 | | } |
199 | | No newline at end of file |
| 1 | body { padding-top: 28px !important; } |
| 2 | |
| 3 | #wp-admin-bar { |
| 4 | position: absolute !important; |
| 5 | top: 0 !important; |
| 6 | left: 0 !important; |
| 7 | width: 100% !important; |
| 8 | z-index: 1001 !important; |
| 9 | height: 28px !important; |
| 10 | color: #fff !important; |
| 11 | text-align: left !important; |
| 12 | background:url(../images/admin_bar_back.gif) #818181 repeat-x !important; |
| 13 | } |
| 14 | #wp-admin-bar * { z-index: 999 !important; } |
| 15 | |
| 16 | #wp-admin-bar img#admin-bar-logo { |
| 17 | position: absolute !important; |
| 18 | top: 8px; |
| 19 | left: 10px; |
| 20 | } |
| 21 | |
| 22 | #wp-admin-bar a img { |
| 23 | border: none !important; |
| 24 | } |
| 25 | |
| 26 | #wp-admin-bar li * { |
| 27 | font: 12px normal "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, Verdana, Arial, sans-serif !important; |
| 28 | font-weight: normal !important; |
| 29 | background-image: none !important; |
| 30 | |
| 31 | } |
| 32 | |
| 33 | #wp-admin-bar li a { |
| 34 | padding: 6px 25px 7px 15px !important; |
| 35 | } |
| 36 | |
| 37 | #wp-admin-bar li:hover, wp-admin-bar.li.hover { |
| 38 | position: static; |
| 39 | } |
| 40 | |
| 41 | /*******************/ |
| 42 | |
| 43 | #wp-admin-bar ul { /* all lists */ |
| 44 | margin: 0 !important; |
| 45 | list-style: none !important; |
| 46 | line-height: 1 !important; |
| 47 | cursor: pointer !important; |
| 48 | height: 30px !important; |
| 49 | padding: 0 !important; |
| 50 | } |
| 51 | #wp-admin-bar ul { |
| 52 | margin-left: 80px !important; |
| 53 | } |
| 54 | #wp-admin-bar ul li { /* all list items */ |
| 55 | padding: 0 !important; |
| 56 | /*height: 30px;*/ |
| 57 | float: left !important; |
| 58 | background: url( ../images/admin-menu-arrow.gif ) 88% 53% no-repeat; |
| 59 | } |
| 60 | |
| 61 | #wp-admin-bar ul .bp-login { /* all list items */ |
| 62 | background: url( ../images/blogadmin_icon.gif ) 88% 53% no-repeat; |
| 63 | } |
| 64 | |
| 65 | #wp-admin-bar .bp-signup { |
| 66 | background: url( ../images/invite_bullet.gif ) 88% 53% no-repeat; |
| 67 | } |
| 68 | |
| 69 | |
| 70 | #wp-admin-bar ul li ul a { |
| 71 | color: #666 !important; |
| 72 | } |
| 73 | |
| 74 | #wp-admin-bar ul li.align-right { |
| 75 | position: absolute; |
| 76 | right: 0; |
| 77 | } |
| 78 | |
| 79 | #wp-admin-bar ul li a { |
| 80 | display: block !important; |
| 81 | font-size: 12px !important; |
| 82 | font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, Verdana, Arial, sans-serif !important; |
| 83 | text-decoration: none !important; |
| 84 | color: #fff !important; |
| 85 | } |
| 86 | |
| 87 | #wp-admin-bar ul.main-nav li:hover, #wp-admin-bar ul.main-nav li.sfhover, #wp-admin-bar ul.main-nav li ul li.sfhover { |
| 88 | background-color: #666 !important; |
| 89 | } |
| 90 | #wp-admin-bar ul.main-nav li ul li:hover a, #wp-admin-bar ul.main-nav li ul li.sfhover a { |
| 91 | background-color: #888 !important; |
| 92 | color: #fff !important; |
| 93 | } |
| 94 | |
| 95 | #wp-admin-bar ul.main-nav li ul li:hover ul li.alt a { |
| 96 | background-color: #fafafa !important; |
| 97 | color: #666 !important; |
| 98 | } |
| 99 | #wp-admin-bar ul.main-nav li ul li:hover ul li a { |
| 100 | background-color: #f4f4f4 !important; |
| 101 | color: #666 !important; |
| 102 | } |
| 103 | #wp-admin-bar ul.main-nav li ul li:hover ul li:hover a { |
| 104 | background-color: #888 !important; |
| 105 | color: white !important; |
| 106 | } |
| 107 | |
| 108 | #wp-admin-bar ul.main-nav li ul li ul li:hover a, #wp-admin-bar ul.main-nav li ul li ul li.sfhover a { |
| 109 | color: #fff !important; |
| 110 | } |
| 111 | |
| 112 | /* second-level lists */ |
| 113 | |
| 114 | #wp-admin-bar ul li ul { |
| 115 | position: absolute !important; |
| 116 | width: 185px !important; |
| 117 | left: -999em !important; |
| 118 | margin-left: 0 !important; |
| 119 | } |
| 120 | #wp-admin-bar ul li ul li { |
| 121 | float: left !important; |
| 122 | width: 183px; |
| 123 | margin: 0 !important; |
| 124 | border: none !important; |
| 125 | border-bottom: 1px solid #f4f4f4 !important; |
| 126 | background-color: #f4f4f4 !important; |
| 127 | border-left: 1px solid #ccc !important; |
| 128 | border-right: 1px solid #ccc !important; |
| 129 | margin-bottom: -1px !important; |
| 130 | } |
| 131 | #wp-admin-bar ul li ul li.alt { |
| 132 | background-color: #fafafa !important; |
| 133 | border-bottom: 1px solid #fafafa !important; |
| 134 | } |
| 135 | |
| 136 | #wp-admin-bar ul li ul li:last-child { |
| 137 | border-bottom: 1px solid #ccc !important; |
| 138 | -moz-border-radius-bottomleft: 4px !important; |
| 139 | -khtml-border-bottom-left-radius: 4px !important; |
| 140 | -webkit-border-bottom-left-radius: 4px !important; |
| 141 | border-bottom-left-radius: 4px !important; |
| 142 | -moz-border-radius-bottomright: 4px !important; |
| 143 | -khtml-border-bottom-right-radius: 4px !important; |
| 144 | -webkit-border-bottom-right-radius: 4px !important; |
| 145 | border-bottom-right-radius: 4px !important; |
| 146 | } |
| 147 | |
| 148 | #wp-admin-bar ul.main-nav li ul li a:hover, #wp-admin-bar ul.main-nav li.sfhover ul li a:hover { |
| 149 | background-color: #888 !important; |
| 150 | } |
| 151 | #wp-admin-bar ul li div.admin-bar-clear { |
| 152 | clear: both !important; |
| 153 | background-color: #eee !important; |
| 154 | border-bottom: 3px solid #eee !important; |
| 155 | } |
| 156 | |
| 157 | /* third-and-above-level lists */ |
| 158 | |
| 159 | #wp-admin-bar ul li ul ul { |
| 160 | margin: -28px 0 0 183px !important; |
| 161 | } |
| 162 | |
| 163 | #wp-admin-bar ul li:hover ul, #wp-admin-bar ul li li:hover ul, #wp-admin-bar ul li.sfhover ul, #wp-admin-bar ul li ul li.sfhover ul { /* lists nested under hovered list items */ |
| 164 | left: auto !important; |
| 165 | } |
| 166 | |
| 167 | #wp-admin-bar ul li.align-right:hover ul { |
| 168 | right: 0 !important; |
| 169 | } |
| 170 | |
| 171 | #wp-admin-bar ul li:hover ul ul, #wp-admin-bar li.sfhover ul li ul { |
| 172 | |
| 173 | left: -999em !important; |
| 174 | } |
| 175 | |
| 176 | #wp-admin-bar ul li ul li ul li:first-child { |
| 177 | border-top: 1px solid #ccc !important; |
| 178 | -moz-border-radius-topright: 4px !important; |
| 179 | -khtml-border-top-right-radius: 4px !important; |
| 180 | -webkit-border-top-right-radius: 4px !important; |
| 181 | border-top-right-radius: 4px !important; |
| 182 | } |
| 183 | |
| 184 | /* Menu item css */ |
| 185 | |
| 186 | #wp-admin-bar img.avatar { |
| 187 | float: left !important; |
| 188 | border: 2px solid #fff !important !important; |
| 189 | margin-right: 8px !important; |
| 190 | } |
| 191 | |
| 192 | #wp-admin-bar span.activity { |
| 193 | display: block !important; |
| 194 | color: #888 !important; |
| 195 | margin-left: 34px !important; |
| 196 | font-size: 10px !important; |
| 197 | background: none !important; |
| 198 | border: none !important; |
| 199 | padding: 0 !important; |
| 200 | } |
| 201 | |
| 202 | #wp-admin-bar li a:hover span.activity { |
| 203 | color: #ccc !important; |
| 204 | } |
| 205 | |
| 206 | #wp-admin-bar ul.author-list li { |
| 207 | height: 55px !important; |
| 208 | } |
| 209 | |
| 210 | #wp-admin-bar ul li#notifications_menu a span { |
| 211 | background: #fff !important; |
| 212 | padding: 0 6px !important; |
| 213 | color: #555 !important; |
| 214 | font-weight: bold !important; |
| 215 | font-size: 0.8em !important; |
| 216 | -moz-border-radius: 2px !important; |
| 217 | -khtml-border-radius: 2px !important; |
| 218 | -webkit-border-radius: 2px !important; |
| 219 | margin-left: 2px !important; |
| 220 | } |
| 221 | No newline at end of file |