[wp-trac] [WordPress Trac] #15727: Theme CSS and admin bar list item conflicts

[WordPress Trac]

#15727: Theme CSS and admin bar list item conflicts
----------------------------+-----------------------------------------------
 Reporter:  greenshady      |       Owner:                 
     Type:  defect (bug)    |      Status:  new            
 Priority:  normal          |   Milestone:  Awaiting Review
Component:  Administration  |     Version:  3.1            
 Severity:  normal          |    Keywords:                 
----------------------------+-----------------------------------------------
 Currently, if a theme adds CSS to basic `ul` or `li` elements, it might
 overwrite the admin bar.  I can see this being a big issue with themes.

 If looking at the attached screenshot, you will see a blue bullet and
 extra padding.  This is caused by this CSS in a theme's `style.css` file:

 {{{
 ul li {
         padding-left: 10px;
         background: url(images/bullet.png) no-repeat 0 11px;
         }
 }}}

 This only seems to mess with the top level of the menu.

 I imagine issues like this will be fairly common.  We just need to make
 the CSS for the admin bar more specific so that general CSS code like this
 doesn't cause conflicts.

-- 
Ticket URL: <http://core.trac.wordpress.org/ticket/15727>
WordPress Trac <http://core.trac.wordpress.org/>
WordPress blogging software