Skip to:
Content

BuddyPress.org

Ticket #201: bp_adminbar01_admin-bar.css.patch

File bp_adminbar01_admin-bar.css.patch, 11.7 KB (added by burtadsit, 15 years ago)

Patch for admin-bar.css

  • admin-bar.css

     
    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
     1body { padding-top: 28px !important; }
     2
     3#wp-admin-bar {
     4position: absolute !important;
     5top: 0 !important;
     6left: 0 !important;
     7width: 100% !important;
     8z-index: 1001 !important;
     9height: 28px !important;
     10color: #fff !important;
     11text-align: left !important;
     12background: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 {
     17position: absolute !important;
     18top: 8px;
     19left: 10px;
     20}
     21
     22#wp-admin-bar a img {
     23border: none !important;
     24}
     25
     26#wp-admin-bar li * {
     27font: 12px normal "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, Verdana, Arial, sans-serif !important;
     28font-weight: normal !important;
     29background-image: none !important;
     30
     31}
     32
     33#wp-admin-bar li a {
     34padding: 6px 25px 7px 15px !important;
     35}
     36
     37#wp-admin-bar li:hover, wp-admin-bar.li.hover {
     38position: static;
     39}
     40
     41/*******************/
     42
     43#wp-admin-bar ul { /* all lists */
     44margin: 0 !important;
     45list-style: none !important;
     46line-height: 1 !important;
     47cursor: pointer !important;
     48height: 30px !important;
     49padding: 0 !important;
     50}
     51#wp-admin-bar ul {
     52margin-left: 80px !important;
     53}
     54#wp-admin-bar ul li { /* all list items */
     55padding: 0 !important;
     56/*height: 30px;*/
     57float: left !important;
     58background: 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 {
     71color: #666 !important;
     72}
     73
     74#wp-admin-bar ul li.align-right {
     75position: absolute;
     76right: 0;
     77}
     78
     79#wp-admin-bar ul li a {
     80display: block !important;
     81font-size: 12px !important;
     82font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, Verdana, Arial, sans-serif !important;
     83text-decoration: none !important;
     84color: #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 {
     88background-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 {
     91background-color: #888 !important;
     92color: #fff !important;
     93}
     94
     95#wp-admin-bar ul.main-nav li ul li:hover ul li.alt a {
     96background-color: #fafafa !important;
     97color: #666 !important;
     98}
     99#wp-admin-bar ul.main-nav li ul li:hover ul li a {
     100background-color: #f4f4f4 !important;
     101color: #666 !important;
     102}
     103#wp-admin-bar ul.main-nav li ul li:hover ul li:hover a {
     104background-color: #888 !important;
     105color: 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 {
     109color: #fff !important;
     110}
     111
     112/* second-level lists */
     113
     114#wp-admin-bar ul li ul {
     115position: absolute !important;
     116width: 185px !important;
     117left: -999em !important;
     118margin-left: 0 !important;
     119}
     120#wp-admin-bar ul li ul li {
     121float: left !important;
     122width: 183px;
     123margin: 0 !important;
     124border: none !important;
     125border-bottom: 1px solid #f4f4f4 !important;
     126background-color: #f4f4f4 !important;
     127border-left: 1px solid #ccc !important;
     128border-right: 1px solid #ccc !important;
     129margin-bottom: -1px !important;
     130}
     131#wp-admin-bar ul li ul li.alt {
     132background-color: #fafafa !important;
     133border-bottom: 1px solid #fafafa !important;
     134}
     135
     136#wp-admin-bar ul li ul li:last-child {
     137border-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;
     141border-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;
     145border-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 {
     149background-color: #888 !important;
     150}
     151#wp-admin-bar ul li div.admin-bar-clear {
     152clear: both !important;
     153background-color: #eee !important;
     154border-bottom: 3px solid #eee !important;
     155}
     156
     157/* third-and-above-level lists */
     158
     159#wp-admin-bar ul li ul ul {
     160margin: -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 */
     164left: auto !important;
     165}
     166
     167#wp-admin-bar ul li.align-right:hover ul {
     168right: 0 !important;
     169}
     170
     171#wp-admin-bar ul li:hover ul ul, #wp-admin-bar li.sfhover ul li ul {
     172
     173left: -999em !important;
     174}
     175
     176#wp-admin-bar ul li ul li ul li:first-child {
     177border-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;
     181border-top-right-radius: 4px !important;
     182}
     183
     184/* Menu item css */
     185
     186#wp-admin-bar img.avatar {
     187float: left !important;
     188border: 2px solid #fff !important !important;
     189margin-right: 8px !important;
     190}
     191
     192#wp-admin-bar span.activity {
     193display: block !important;
     194color: #888 !important;
     195margin-left: 34px !important;
     196font-size: 10px !important;
     197background: none !important;
     198border: none !important;
     199padding: 0 !important;
     200}
     201
     202#wp-admin-bar li a:hover span.activity {
     203color: #ccc !important;
     204}
     205
     206#wp-admin-bar ul.author-list li {
     207height: 55px !important;
     208}
     209
     210#wp-admin-bar ul li#notifications_menu a span {
     211background: #fff !important;
     212padding: 0 6px !important;
     213color: #555 !important;
     214font-weight: bold !important;
     215font-size: 0.8em !important;
     216-moz-border-radius: 2px !important;
     217-khtml-border-radius: 2px !important;
     218-webkit-border-radius: 2px !important;
     219margin-left: 2px !important;
     220}
     221 No newline at end of file