[Summary view] [Print] [Text view]

   1  /* $Id: admin_toolbar.css,v 1.1.2.4 2009/07/30 14:43:19 yhahn Exp $ */
   2  
   3  /**
   4   * Aggressive resets so we can achieve a consistent look in
   5   * hostile CSS environments.
   6   */
   7  div.admin-links,
   8  div#admin-toolbar,
   9  div#admin-toolbar * {
  10    margin:0px;
  11    padding:0px;
  12    border:0px;
  13    outline:0px;
  14    font-size:100%;
  15    vertical-align:baseline;
  16    line-height:inherit;
  17    text-align:left;  
  18  }
  19  
  20  /**
  21   * Inline/contextual tools
  22   */
  23  div.block,
  24  div.node,
  25  div.view,
  26  div.view-data-node-body { position:relative; }
  27  
  28  div.block div.view { position:static; }
  29  
  30  div.admin-inline { display:none; }
  31  
  32  div.admin-border {
  33    opacity:.25;
  34    position:absolute;
  35    left:-10px;
  36    right:-10px;
  37    top:-10px;
  38    bottom:-10px;
  39    height:10px;
  40    width:10px;
  41    background:#666;
  42    }
  43  
  44    div.admin-border-top {
  45      left:0px; right:0px;
  46      width:auto;
  47      bottom:auto;
  48      }
  49  
  50    div.admin-border-bottom {
  51      left:0px; right:0px;
  52      width:auto;
  53      top:auto;
  54      }
  55  
  56    div.admin-border-left {
  57      height:auto;
  58      right:auto;
  59  
  60      -moz-border-radius-topleft:5px;
  61      -moz-border-radius-bottomleft:5px;
  62      -webkit-border-top-left-radius:5px;
  63      -webkit-border-bottom-left-radius-:5px;
  64      }
  65  
  66    div.admin-border-right {
  67      height:auto;
  68      left:auto;
  69  
  70      -moz-border-radius-topright:5px;
  71      -moz-border-radius-bottomright:5px;
  72      -webkit-border-top-right-radius:5px;
  73      -webkit-border-bottom-right-radius-:5px;
  74      }
  75  
  76  div.admin-links {
  77    -moz-border-radius-topleft:5px;
  78    -moz-border-radius-topright:5px;
  79    -webkit-border-top-left-radius:5px;
  80    -webkit-border-top-right-radius:5px;
  81  
  82    font:normal 11px/20px "Lucida Grande",Verdana,sans-serif !important;
  83    background:#444 url(sprite.png) 0px -110px repeat-x !important;
  84  
  85    position:absolute;
  86    top:-25px;
  87    right:0px;
  88  
  89    z-index:100;
  90    height:25px;
  91    line-height:25px;
  92    overflow:hidden;
  93    }
  94  
  95    div.view:hover div.node div.admin-inline,
  96    div.block:hover div.node div.admin-inline { display:none; }
  97  
  98    div.view:hover div.node:hover div.admin-inline,
  99    div.block:hover div.node:hover div.admin-inline { display:block; }
 100  
 101    div.view:hover div.admin-inline,
 102    div.block:hover div.admin-inline,
 103    div.node:hover div.admin-inline { display:block; }
 104  
 105  div.admin-links a,
 106  div.admin-links a:hover {
 107    background-color:transparent !important;
 108    background-image:url(sprite.png);
 109    background-repeat:no-repeat;
 110    background-position:25px 25px;
 111  
 112    color:#fff !important;
 113    text-transform:none !important;
 114    font-weight:normal !important;
 115    font-style:normal !important;
 116    float:left !important;
 117    padding:0px 10px 0px 25px;
 118    line-height:25px !important;
 119    }
 120  
 121    div.admin-links a.icon-delete { background-position:-215px -155px; }
 122    div.admin-links a.icon-edit { background-position:-215px -180px; }
 123    div.admin-links a.icon-configure { background-position:-215px -205px; }
 124  
 125  /**
 126   * Base styles
 127   */
 128  div#admin-toolbar {
 129    font:normal 11px/20px "Lucida Grande",Verdana,sans-serif;
 130    background:url(sprite.png) 0px -20px repeat-x;
 131    color:#ccc;
 132    position:relative;
 133    z-index:100;
 134    }
 135  
 136  div#admin-toolbar .collapsed { display:none; }  
 137  
 138  div#admin-toolbar div.shadow {
 139    position:absolute;
 140    left:0px;
 141    right:0px;
 142    bottom:-10px;
 143    height:10px;
 144  
 145    background:url(sprite.png) 0px -100px repeat-x;
 146    }
 147  
 148  div#admin-toolbar a {
 149    text-decoration:none;
 150    color:#fff;
 151    }
 152  
 153  div#admin-toolbar ul.links li,
 154  div#admin-toolbar ul.links li a { float:left; }
 155  
 156  /**
 157   * First level menus
 158   */
 159  div#admin-toolbar div.depth-0 {
 160    overflow:hidden;
 161    height:20px;
 162    line-height:20px;
 163    padding:5px 10px;
 164    }
 165  
 166  div#admin-toolbar div.depth-0 #admin-toolbar-admin { float:left; }
 167  div#admin-toolbar div.depth-0 #admin-toolbar-user { float:right; }
 168  
 169  div#admin-toolbar div.depth-0 ul.links li a {
 170    -moz-border-radius:10px;
 171    -webkit-border-radius:10px;
 172    padding:0px 10px;
 173    }
 174  
 175  div#admin-toolbar div.depth-0 ul.links li a.active {
 176    text-shadow:#333 0px 1px 0px;
 177    background:url(sprite.png) 0px 0px repeat-x;
 178    }
 179  
 180  /**
 181   * Second level menus
 182   */
 183  div#admin-toolbar div.depth-1 {
 184    position:relative;
 185    padding:0px 10px;
 186    }
 187  
 188  div#admin-toolbar div.depth-1 span.close {
 189    position:absolute;
 190    top:15px;
 191    right:10px;
 192  
 193    cursor:pointer;
 194    background:url(sprite.png) 0px -135px no-repeat;
 195    text-indent:-9999px;
 196    overflow:hidden;
 197  
 198    width:20px;
 199    height:20px;
 200    }
 201  
 202  div#admin-toolbar div.depth-1 ul.links {
 203    padding:5px 0px;
 204    height:40px;
 205    line-height:30px;
 206    overflow:hidden;
 207    float:left;
 208    }
 209  
 210  div#admin-toolbar div.depth-1 ul.links li.view-all {
 211    position:absolute;
 212    right:40px;
 213    top:5px;
 214  
 215    padding:10px 0px;
 216    margin:0px;
 217    }
 218  
 219    div#admin-toolbar div.depth-1 ul.links li.view-all a.active,
 220    div#admin-toolbar div.depth-1 ul.links li.view-all a {
 221      margin:0px;
 222      padding:0px 15px 0px 10px;
 223  
 224      font-size:9px;
 225      line-height:20px;
 226      text-transform:uppercase;
 227  
 228      background:#333 url(sprite.png) 100% -135px no-repeat;
 229  
 230      -moz-border-radius:10px;
 231      -webkit-border-radius:10px;
 232      }
 233  
 234  div#admin-toolbar div.depth-1 ul.links li a {
 235    padding:5px 10px 5px 5px;
 236    margin-right:5px;
 237  
 238    -moz-border-radius:5px;
 239    -webkit-border-radius:5px;
 240    }
 241  
 242  div#admin-toolbar div.depth-1 ul.links li a.active {
 243    background-color:#333;
 244    }
 245  
 246  div#admin-toolbar div.depth-1 span.icon {
 247    float:left;
 248  
 249    width:30px;
 250    height:30px;
 251    margin-right:5px;
 252    }
 253  
 254  ul.menu span.icon,
 255  ul.admin-list span.icon,
 256  
 257  ul.links span.icon { background:transparent url(icons.png) -30px 0px no-repeat; }
 258  
 259  div.depth-1 span.icon { background:transparent url(icons.png) 0px 0px no-repeat; }
 260  
 261  .path-admin-content-add span.icon { background-position:-60px 0px !important; }
 262  
 263  .path-admin-content-aggregator span.icon { background-position:-210px -150px !important; }
 264  
 265  .path-admin-settings-wysiwyg span.icon,
 266  .path-admin-settings-fckeditor span.icon,
 267  .path-admin-settings-tinymce span.icon,
 268  .path-admin-content-node span.icon { background-position:-90px 0px !important; }
 269  
 270  .path-admin-settings-date-time span.icon { background-position:-120px 0px !important; }
 271  
 272  .path-admin-settings-filters span.icon { background-position:-30px -60px !important; }
 273  
 274  .path-admin-content-node-settings span.icon { background-position:0px -150px !important; }
 275  
 276  .path-admin-build-translate span.icon,
 277  .path-admin-settings-language span.icon { background-position:0px -60px !important; }
 278  
 279  .path-admin-settings-performance span.icon { background-position:-30px -90px !important; }
 280  
 281  .path-admin-reports-search span.icon,
 282  .path-admin-settings-search span.icon { background-position:-30px -30px !important; }
 283  
 284  .path-admin-settings-devel span.icon,
 285  .path-admin-settings-site-maintenance span.icon { background-position:-90px -90px !important; }
 286  
 287  .path-admin-settings-site span.icon { background-position:-60px -90px !important; }
 288  
 289  .path-admin-build-menu span.icon { background-position:-150px 0px !important; }
 290  
 291  .path-admin-content-book span.icon { background-position:-180px 0px !important; }
 292  
 293  .path-admin-content-forum span.icon { background-position:-90px -150px !important; }
 294  
 295  .path-admin-content-comment span.icon { background-position:-210px 0px !important; }
 296  
 297  .path-admin-content-types span.icon { background-position:-120px -30px !important; }
 298  
 299  .path-admin-content-taxonomy span.icon { background-position:-180px -30px !important; }
 300  
 301  .path-admin-settings-mailhandler span.icon,
 302  .path-admin-content-mailhandler span.icon { background-position:-210px -30px !important; }
 303  
 304  .path-admin-settings-feedapi span.icon,
 305  .path-admin-content-feed span.icon,
 306  .path-admin-content-rss-publishing span.icon { background-position:-150px -30px !important; }
 307  
 308  .path-admin-build-block span.icon { background-position:-210px -90px !important; }
 309  
 310  .path-admin-settings-image-toolkit span.icon,
 311  .path-admin-settings-imageapi span.icon,
 312  .path-admin-build-imagecache span.icon { background-position:-120px -60px !important; }
 313  
 314  .path-admin-build-features span.icon,
 315  .path-admin-build-modules span.icon { background-position:-180px -90px !important; }
 316  
 317  .path-admin-build-themes span.icon { background-position:-120px -90px !important; }
 318  
 319  .path-admin-settings-actions span.icon,
 320  .path-admin-build-trigger span.icon { background-position:-180px -120px !important; }
 321  
 322  .path-admin-build-views span.icon { background-position:-210px -60px !important; }
 323  
 324  .path-admin-settings-uploads span.icon { background-position:-90px -60px !important; }
 325  
 326  .path-admin-reports-access-denied span.icon { background-position:-90px -30px !important; }
 327  
 328  .path-admin-reports-page-not-found span.icon { background-position:-30px -150px !important; }
 329  
 330  .path-admin-reports-status span.icon { background-position:-60px -30px !important; }
 331  
 332  
 333  .path-admin-user-rules span.icon { background-position:0px -120px !important; }
 334  
 335  .path-admin-user-captcha span.icon,
 336  .path-admin-user-permissions span.icon { background-position:-30px -120px !important; }
 337  
 338  .path-admin-user-roles span.icon { background-position:-60px -120px !important; }
 339  
 340  .path-admin-og span.icon,
 341  .path-admin-user-user span.icon { background-position:-90px -120px !important; }
 342  
 343  .path-admin-user-profile span.icon,
 344  .path-admin-user-settings span.icon { background-position:-150px -120px !important; }
 345  
 346  .path-admin-settings-logging span.icon { background-position:-150px -60px !important; }
 347  
 348  .path-admin-reports-hits span.icon { background-position:-60px -150px !important; }
 349  
 350  .path-admin-reports-updates span.icon { background-position:-150px -90px !important; }
 351  
 352  .path-admin-reports-dblog span.icon { background-position:-210px -120px !important; }
 353  
 354  .path-admin-reports-pages span.icon { background-position:0px -180px !important }
 355  
 356  .path-admin-reports-referrers span.icon { background-position:-180px -150px !important; }
 357  
 358  .path-admin-reports-settings span.icon { background-position:-210px -180px !important; }
 359  
 360  .path-admin-reports-visitors span.icon { background-position:-30px -180px !important; }
 361  
 362  .path-admin-settings-site-information span.icon { background-position:-60px -30px !important; }
 363  
 364  .path-admin-settings-file-system span.icon,
 365  .path-admin-content-backup_migrate span.icon { background-position:-60px -60px !important; }
 366  
 367  .path-admin-build-contact span.icon { background-position:-60px -180px !important; }
 368  
 369  .path-admin-settings-reroute_email span.icon,
 370  .path-admin-settings-smtp span.icon,
 371  .path-admin-content-simplenews span.icon { background-position:-210px -30px !important; }
 372  
 373  .path-admin-settings-blogapi span.icon { background-position:-90px -180px !important; }
 374  
 375  .path-admin-settings-simplenews span.icon { background-position:0px -150px !important; }
 376  
 377  .path-admin-settings-throttle span.icon { background-position:-120px -150px !important; }
 378  
 379  .path-admin-content-nodequeue span.icon { background-position:-180px -30px !important; }
 380  
 381  .path-admin-settings-clean-urls span.icon { background-position:-180px -180px !important; }
 382  
 383  .path-admin-build-path span.icon { background-position:-150px -180px !important; }
 384  
 385  .path-admin-settings-error-reporting span.icon { background-position:-150px -150px !important; }