wp-includes/css/admin-bar.dev.css

   1 #wpadminbar * {
   2         height: auto;
   3         width: auto;
   4         margin: 0;
   5         padding: 0;
   6         position: static;
   7         text-transform: none;
   8         letter-spacing: normal;
   9         line-height: 1;
  10         font: normal 13px/28px Arial, Helvetica, sans-serif;
  11         color: #ddd;
  12         text-shadow: #555 0px -1px 0px;
  13 }
  14
  15 #wpadminbar :before,
  16 #wpadminbar :after {
  17         content: normal;
  18 }
  19
  20 #wpadminbar a,
  21 #wpadminbar a:hover,
  22 #wpadminbar a img,
  23 #wpadminbar a img:hover {
  24         outline: none;
  25         border: none;
  26         text-decoration: none;
  27         background: none;
  28 }
  29
  30 #wpadminbar {
  31         direction: ltr;
  32         background-color: #777;
  33         background-image: -moz-linear-gradient(bottom,  #666,  #7f7f7f);
  34         background-image: -webkit-gradient(linear, left bottom, left top, from(#666), to(#7f7f7f));
  35         color: #ddd;
  36         font: normal 12px/28px Arial, Helvetica, sans-serif;
  37         height: 28px;
  38         position: fixed;
  39         top: 0;
  40         left: 0;
  41         width: 100%;
  42         z-index: 99999;
  43         min-width: 960px;
  44 }
  45
  46 #wpadminbar ul,
  47 #wpadminbar ul li {
  48         background: none;
  49         list-style: none;
  50         margin: 0;
  51         padding: 0;
  52         position: relative;
  53         z-index: 99999;
  54 }
  55
  56 #wpadminbar .quicklinks ul {
  57         text-align: left;
  58 }
  59
  60 #wpadminbar .quicklinks ul li {
  61         float: left;
  62 }
  63
  64 #wpadminbar .quicklinks > ul > li > a {
  65         border-right: 1px solid #686868;
  66         border-left: 1px solid #808080;
  67 }
  68
  69 #wpadminbar .quicklinks > ul > li:last-child > a {
  70         border-right: none;
  71 }
  72
  73 #wpadminbar .quicklinks > ul > li:hover > a {
  74         border-left-color: #707070;
  75 }
  76
  77 #wpadminbar .quicklinks a,
  78 #wpadminbar .shortlink-input {
  79         height: 28px;
  80         display: block;
  81         padding: 0 0.85em;
  82         margin: 0;
  83 }
  84
  85 #wpadminbar .quicklinks a > span {
  86         line-height: 28px;
  87 }
  88
  89 #wpadminbar .quicklinks .menupop ul,
  90 #wpadminbar .shortlink-input {
  91         -moz-box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  92         -webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  93         box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  94         background: #fff;
  95         background: rgba(255,255,255,0.97);
  96         display: none;
  97         position: absolute;
  98         border: 1px solid #dfdfdf;
  99         border-top: none;
 100         float: none;
 101 }
 102
 103 #wpadminbar .selected .shortlink-input {
 104         display: block;
 105 }
 106
 107 #wpadminbar .quicklinks .menupop ul li {
 108         float: none;
 109 }
 110
 111 #wpadminbar .quicklinks .menupop ul li a strong {
 112         font-weight: bold;
 113 }
 114
 115 #wpadminbar .quicklinks .menupop ul li a,
 116 #wpadminbar .quicklinks .menupop ul li a span,
 117 #wpadminbar .quicklinks .menupop ul li a strong,
 118 #wpadminbar .shortlink-input {
 119         color: #555;
 120         text-shadow: none;
 121         white-space: nowrap;
 122         min-width: 140px;
 123 }
 124
 125 #wpadminbar .shortlink-input {
 126         width: 200px;
 127 }
 128
 129 #wpadminbar .quicklinks .menupop ul li:hover > a,
 130 #wpadminbar .quicklinks .menupop ul li:hover > a span,
 131 #wpadminbar .quicklinks .menupop ul li:hover > a strong {
 132         color: #fff;
 133         text-shadow: #666 0px -1px 0px;
 134 }
 135
 136 #wpadminbar .quicklinks li:hover > ul,
 137 #wpadminbar .quicklinks li.hover > ul {
 138         display: block;
 139 }
 140
 141 #wpadminbar .quicklinks .menupop li:hover > ul,
 142 #wpadminbar .quicklinks .menupop li.hover > ul {
 143         margin-left: 100%;
 144         margin-top: -28px;
 145 }
 146
 147 #wpadminbar .quicklinks li:hover,
 148 #wpadminbar .quicklinks .selected {
 149         background: #555;
 150         background: -moz-linear-gradient(bottom,  #555,  #3e3e3e);
 151         background: -webkit-gradient(linear, left bottom, left top, from(#555), to(#3e3e3e));
 152 }
 153
 154 #wpadminbar .quicklinks .menupop li:hover {
 155         background: #888;
 156         background: -moz-linear-gradient(bottom,  #888,  #9d9d9d);
 157         background: -webkit-gradient(linear, left bottom, left top, from(#888), to(#9d9d9d));
 158 }
 159
 160 #wpadminbar .quicklinks .menupop a > span {
 161         display: inline;
 162         background: url(../images/admin-bar-sprite.png?d=11122010) right -58px no-repeat;
 163         padding-right: .8em;
 164 }
 165
 166 #wpadminbar .quicklinks .menupop ul li a > span {
 167         display: block;
 168         background: url(../images/admin-bar-sprite.png?d=11122010) right -29px no-repeat;
 169         padding-right: 1.5em;
 170 }
 171
 172 #wpadminbar .quicklinks a span#ab-awaiting-mod,
 173 #wpadminbar .quicklinks a span#ab-updates {
 174         background: #eee;
 175         color: #333;
 176         text-shadow: none;
 177         display: inline;
 178         padding: 2px 5px;
 179         font-size: 10px;
 180         font-weight: bold;
 181         -moz-border-radius: 10px;
 182         -khtml-border-radius: 10px;
 183         -webkit-border-radius: 10px;
 184         border-radius: 10px;
 185 }
 186
 187 #wpadminbar .quicklinks a:hover span#ab-awaiting-mod,
 188 #wpadminbar .quicklinks a:hover span#ab-updates  {
 189         background: #fff;
 190         color: #000;
 191 }
 192
 193 #wpadminbar .quicklinks li#wp-admin-bar-my-account > a {
 194         border-left: none;
 195 }
 196
 197 #wpadminbar .quicklinks li#wp-admin-bar-my-account-with-avatar > a {
 198         border-left: none;
 199         background: url(../images/admin-bar-sprite.png?d=11122010) top left no-repeat;
 200 }
 201
 202 #wpadminbar .quicklinks li#wp-admin-bar-my-account-with-avatar > a img {
 203         width: 16px;
 204         height: 16px;
 205         display: inline;
 206         border: 1px solid #999;
 207         vertical-align: middle;
 208         margin: -2px 23px 0 -5px;
 209         padding: 0;
 210         background: #eee;
 211         float: none;
 212 }
 213
 214 #wpadminbar .quicklinks li#wp-admin-bar-my-account-with-avatar ul {
 215         left: 30px;
 216 }
 217
 218 #wpadminbar .quicklinks li#wp-admin-bar-my-account-with-avatar ul ul {
 219         left: 0;
 220 }
 221
 222 #wpadminbar .quicklinks .menupop li a img.blavatar {
 223         vertical-align: middle;
 224         margin: 0 8px 0 0;
 225         padding: 0;
 226 }
 227
 228 #wpadminbar #adminbarsearch {
 229         float: right;
 230         height: 18px;
 231         padding: 3px;
 232         margin: 0;
 233 }
 234
 235 #wpadminbar #adminbarsearch .adminbar-input {
 236         width: 140px;
 237         height: auto;
 238         float: left;
 239         font: 12px Arial, Helvetica, sans-serif;
 240         color: #555;
 241         text-shadow: 0 1px 0 #fff;
 242         border: 1px solid #626262;
 243         padding: 2px 3px;
 244         margin: 0 3px 0 0;
 245         background: #ddd;
 246         -moz-box-shadow: inset 2px 2px 1px #cdcdcd;
 247         -webkit-box-shadow: inset 2px 2px 1px #cdcdcd;
 248         box-shadow: inset 2px 2px 1px #cdcdcd;
 249         -webkit-border-radius: 0;
 250         -khtml-border-radius: 0;
 251         -moz-border-radius: 0;
 252         border-radius: 0;
 253         -moz-box-sizing: border-box;
 254         -webkit-box-sizing: border-box;
 255         -ms-box-sizing: border-box;
 256         box-sizing: border-box;
 257         outline: none;
 258 }
 259
 260 #wpadminbar #adminbarsearch .adminbar-button {
 261         font: bold 12px Arial, Helvetica, sans-serif;
 262         color: #444;
 263         text-shadow: 0px 1px 0px #eee;
 264         cursor: pointer;
 265         float: left;
 266         background: #aaa;
 267         background: -moz-linear-gradient(bottom,  #aaa,  #cecece);
 268         background: -webkit-gradient(linear, left bottom, left top, from(#aaa), to(#cecece));
 269         -webkit-border-radius: 10px;
 270         -khtml-border-radius: 10px;
 271         -moz-border-radius: 10px;
 272         border-radius: 10px;
 273         border: 1px solid #626262;
 274         padding: 2px 13px;
 275         margin: 0;
 276         width: auto;
 277         height: auto;
 278 }
 279
 280 #wpadminbar #adminbarsearch .adminbar-button:active {
 281         background: #a0a0a0;
 282         background:-moz-linear-gradient(bottom,  #a0a0a0,  #c1c1c1);
 283         background:-webkit-gradient(linear, left bottom, left top, from(#a0a0a0), to(#c1c1c1));
 284         -moz-box-shadow: inset 1px 1px 1px #9b9b9b;
 285         -webkit-box-shadow: inset 1px 1px 1px #9b9b9b;
 286         box-shadow: inset 1px 1px 1px #9b9b9b;
 287 }
 288
 289 #wpadminbar #adminbarsearch .adminbar-button:hover {
 290         color: #000;
 291 }
 292
 293 #wpadminbar #adminbarsearch .adminbar-button::-moz-focus-inner {
 294         border: none;
 295 }
 296
 297
 298 /**
 299  * IE 6-targeted rules
 300  */
 301 * html #wpadminbar {
 302         overflow: hidden;
 303         position: absolute;
 304 }
 305
 306 * html #wpadminbar .quicklinks ul li a {
 307         float: left;
 308 }
 309
 310 * html #wpadminbar .menupop a span {
 311         background-image: none;
 312 }