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