You are here

Home » API reference » Admin 7.2

admin.toolbar.base.css in Admin 7.2

Same filename and directory in other branches
  1. 6.2 includes/admin.toolbar.base.css
/**
 * Admin toolbar CSS resets ===========================================
 */

/* Text */
#admin-toolbar,
#admin-toolbar h1,
#admin-toolbar h2,
#admin-toolbar h3,
#admin-toolbar h4,
#admin-toolbar h5,
#admin-toolbar h6,
#admin-toolbar p,
#admin-toolbar blockquote,
#admin-toolbar pre,
#admin-toolbar a,
#admin-toolbar abbr,
#admin-toolbar acronym,
#admin-toolbar address,
#admin-toolbar big,
#admin-toolbar cite,
#admin-toolbar code,
#admin-toolbar del,
#admin-toolbar dfn,
#admin-toolbar em,
#admin-toolbar font,
#admin-toolbar img,
#admin-toolbar ins,
#admin-toolbar kbd,
#admin-toolbar q,
#admin-toolbar s,
#admin-toolbar samp,
#admin-toolbar small,
#admin-toolbar strike,
#admin-toolbar strong,
#admin-toolbar sub,
#admin-toolbar sup,
#admin-toolbar tt,
#admin-toolbar var,
#admin-toolbar b,
#admin-toolbar u,
#admin-toolbar i,
#admin-toolbar center,
/* Common classes */
#admin-toolbar .buttons,
/* Lists */
#admin-toolbar dl,
#admin-toolbar dt,
#admin-toolbar dd,
#admin-toolbar ol,
#admin-toolbar ul,
#admin-toolbar li,
/* Forms */
#admin-toolbar fieldset,
#admin-toolbar form,
#admin-toolbar input,
#admin-toolbar select,
#admin-toolbar textarea,
#admin-toolbar label,
#admin-toolbar legend,
/* Tables */
#admin-toolbar table,
#admin-toolbar caption,
#admin-toolbar tbody,
#admin-toolbar tfoot,
#admin-toolbar thead,
#admin-toolbar tr,
#admin-toolbar th,
#admin-toolbar td,
/* Drupal: system.css */
#admin-toolbar tr.even,
#admin-toolbar tr.odd,
#admin-toolbar tr.drag,
#admin-toolbar tbody,
#admin-toolbar tbody th,
#admin-toolbar thead th,
#admin-toolbar .breadcrumb,
#admin-toolbar .error,
#admin-toolbar div.error,
#admin-toolbar tr.error,
#admin-toolbar .warning,
#admin-toolbar div.warning,
#admin-toolbar tr.warning,
#admin-toolbar .ok,
#admin-toolbar div.ok,
#admin-toolbar tr.ok,
#admin-toolbar .item-list,
#admin-toolbar .item-list .icon,
#admin-toolbar .item-list .title,
#admin-toolbar .item-list ul,
#admin-toolbar .item-list ul li,
#admin-toolbar ol.task-list li.active,
#admin-toolbar .form-item,
#admin-toolbar tr.odd .form-item,
#admin-toolbar tr.even .form-item,
#admin-toolbar tr.merge-down,
#admin-toolbar tr.merge-up,
#admin-toolbar .form-item .description,
#admin-toolbar .form-item label,
#admin-toolbar .form-item label.option,
#admin-toolbar .form-checkboxes,
#admin-toolbar .form-radios,
#admin-toolbar .form-checkboxes .form-item,
#admin-toolbar .form-radios .form-item,
#admin-toolbar .marker,
#admin-toolbar .form-required,
#admin-toolbar .more-link,
#admin-toolbar .more-help-link,
#admin-toolbar .item-list .pager,
#admin-toolbar .item-list .pager li,
#admin-toolbar .pager-current,
#admin-toolbar .tips,
#admin-toolbar html.js fieldset.collapsible legend a,
#admin-toolbar html.js fieldset.collapsed legend a,
#admin-toolbar .resizable-textarea {
  margin:0px;
  padding:0px;
  border:0px;
  outline:0px;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
  line-height:inherit;
  position:static;

  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  -moz-border-radius:none;
  -webkit-border-radius:none;
  }

/**
 * Base styles ========================================================
 */
div#admin-toolbar {
  z-index:100;
  position:fixed;
  }

html.overlay-open div#admin-toolbar { z-index:600; }

/**
 * Toggling ===========================================================
 */
div#admin-toolbar div.admin-blocks {
  overflow:hidden;
  display:none;
  }

  body.admin-expanded div#admin-toolbar div.admin-blocks { display:block; }

  div#admin-toolbar.ne,
  div#admin-toolbar.nw { top:0px; }

  div#admin-toolbar.se,
  div#admin-toolbar.sw { bottom:0px; }

  div#admin-toolbar.nw,
  div#admin-toolbar.sw,
  div#admin-toolbar.nw span.admin-toggle,
  div#admin-toolbar.sw span.admin-toggle { left:0px; }

  div#admin-toolbar.ne,
  div#admin-toolbar.se,
  div#admin-toolbar.ne span.admin-toggle,
  div#admin-toolbar.se span.admin-toggle { right:0px; }

  /**
   * Vertical =========================================================
   */
  div#admin-toolbar.vertical {
    position:fixed;
    bottom:0px;
    top:0px;
    }

    div#admin-toolbar.vertical div.admin-blocks { width:0px; }
    body.admin-expanded div#admin-toolbar.vertical div.admin-blocks { width:260px; }
    div#admin-toolbar.vertical div.admin-block  { width:240px; }
    div#admin-toolbar.vertical div.admin-tabs   { width:215px; }

  body div#admin-toolbar.vertical div.admin-blocks { position:absolute; top:0px; bottom:0px; }

    body.admin-expanded div#admin-toolbar.vertical.ne div.admin-blocks,
    body.admin-expanded div#admin-toolbar.vertical.se div.admin-blocks { right:0px; }

    body.admin-expanded div#admin-toolbar.vertical.nw div.admin-blocks,
    body.admin-expanded div#admin-toolbar.vertical.sw div.admin-blocks { left:0px; }

  body.admin-expanded.admin-vertical.admin-ne,
  body.admin-expanded.admin-vertical.admin-se { margin-right:260px; }

  body.admin-expanded.admin-vertical.admin-nw,
  body.admin-expanded.admin-vertical.admin-sw { margin-left:260px; }

  /**
   * Horizontal =======================================================
   */
  div#admin-toolbar.horizontal { left:0px; right:0px; }
  body.admin-expanded div#admin-toolbar.horizontal div.admin-blocks { height:260px; }

  body.admin-expanded.admin-horizontal.admin-ne,
  body.admin-expanded.admin-horizontal.admin-nw { margin-top:260px; }

  body.admin-expanded.admin-horizontal.admin-sw,
  body.admin-expanded.admin-horizontal.admin-se { margin-bottom:260px; }

/**
 * Toggler ============================================================
 */
div#admin-toolbar span.admin-toggle {
  display:block;
  width:35px;
  height:35px;

  cursor:pointer;
  overflow:hidden;
  text-indent:-999px;

  position:absolute;
  top:0px;
  z-index:1000;
  }

  div#admin-toolbar.se span.admin-toggle,
  div#admin-toolbar.sw span.admin-toggle {
    position:fixed;
    bottom:0px;
    top:auto;
    }

  body.admin-expanded div#admin-toolbar span.admin-toggle {
    position:absolute;
    top:0px;
    }

/**
 * Admin tabs =========================================================
 */
div#admin-toolbar.horizontal div.admin-tabs {
  height:30px;
  padding:5px 10px 0px;
  overflow:hidden;
  }

div#admin-toolbar.vertical div.admin-tabs {
  position:relative;
  padding:5px 10px 25px;
  }

div#admin-toolbar.ne div.admin-tabs,
div#admin-toolbar.se div.admin-tabs { padding-right:35px !important; }

div#admin-toolbar.nw div.admin-tabs,
div#admin-toolbar.sw div.admin-tabs { padding-left:35px !important; }

div#admin-toolbar div.admin-tab,
div#admin-toolbar div.admin-tab span,
div#admin-toolbar div.admin-tab a {
  list-style:none;
  background:transparent;
  padding:0px;
  margin:0px;
  }

div#admin-toolbar div.admin-tab {
  cursor:pointer;
  padding:4px 19px;
  height:15px;
  border-width:1px;
  border-style:solid;
  }

  div#admin-toolbar.vertical div.admin-tab {
    overflow:hidden;
    white-space:nowrap;

    margin-bottom:5px;
    padding-left:9px;
    padding-right:9px;
    width:195px;
    }

  div#admin-toolbar.horizontal div.admin-tab {
    float:left;
    margin-right:5px;
    }

div#admin-toolbar div.admin-tab-active {
  border-width:1px 1px 0px;
  padding-bottom:10px;
  }

  div#admin-toolbar.vertical div.admin-tab-active {
    padding-bottom:5px;
    position:absolute;
    bottom:0px;
    margin:0px;
    }

/**
 * Admin blocks =======================================================
 */
div#admin-toolbar div.admin-block {
  position:relative;
  padding:10px;
  display:none;
  }

  div#admin-toolbar div.block-content {
    overflow-x:hidden;
    overflow-y:auto;
    position:absolute;
    top:10px;
    left:10px;
    right:10px;
    bottom:10px;
    }

  div#admin-toolbar div.admin-active { display:block; }

  /**
   * Horizontal =======================================================
   */
  div#admin-toolbar.horizontal div.block-content { height:200px; }

  /**
   * Vertical =========================================================
   */
  div#admin-toolbar.vertical div.admin-block { position:absolute; bottom:0px; left:0px; right:0px; }
  div#admin-toolbar.vertical div.admin-blocks-1 div.admin-block { top:30px; }
  div#admin-toolbar.vertical div.admin-blocks-2 div.admin-block { top:60px; }
  div#admin-toolbar.vertical div.admin-blocks-3 div.admin-block { top:90px; }
  div#admin-toolbar.vertical div.admin-blocks-4 div.admin-block { top:120px; }
  div#admin-toolbar.vertical div.admin-blocks-5 div.admin-block { top:150px; }
  div#admin-toolbar.vertical div.admin-blocks-6 div.admin-block { top:180px; }
  div#admin-toolbar.vertical div.admin-blocks-7 div.admin-block { top:210px; }
  div#admin-toolbar.vertical div.admin-blocks-8 div.admin-block { top:240px; }
  div#admin-toolbar.vertical div.admin-blocks-9 div.admin-block { top:270px; }
  div#admin-toolbar.vertical div.admin-blocks-10 div.admin-block { top:300px; }

/**
 * Lists ==============================================================
 */
#admin-toolbar div.item-list li {
  padding:5px 0px 4px;
  border-style:solid;
  border-width:0px 0px 1px;
  }

/**
 * Reasonable inline links
 */
#admin-toolbar ul.links {
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  padding:5px;
  }

#admin-toolbar ul.links li a { padding:2px 10px; }

/**
 * Form elements ======================================================
 */
#admin-toolbar input.form-autocomplete,
#admin-toolbar input.form-text,
#admin-toolbar textarea.form-textarea,
#admin-toolbar select.form-select {
  padding:2px;
  border-width:2px;
  border-style:solid;
  width:90%;
  }

#admin-toolbar input.form-submit {
  cursor:pointer;
  padding:2px 5px;
  text-align:center;
  font-weight:normal;
  border-width:1px;
  border-style:solid;
  }

#admin-toolbar.vertical div.admin-panes div.admin-pane,
#admin-toolbar div.admin-panes div.admin-pane-active,
#admin-toolbar div.fieldset,
#admin-toolbar div.form-item {
  position:relative;
  margin:0px 0px 5px;
  border-width:1px;
  border-style:solid;
  }

  #admin-toolbar div.form-item { padding:4px; }

#admin-toolbar div.form-item label {
  margin:0px;
  padding:0px;
  font-weight:bold;
  font-size:10px;
  text-transform:uppercase;
  }

  #admin-toolbar div.form-item label.option {
    text-transform:none;
    font-size:11px;
    }

  #admin-toolbar div.form-item label.option input { vertical-align:middle; }

  #admin-toolbar.vertical div.form-item div.description { font-size:10px; }

/**
 * Admin panes ========================================================
 */
#admin-toolbar div.admin-panes h2.admin-pane-title a {
  display:block;
  padding:4px;
  }

#admin-toolbar div.admin-panes div.admin-pane-content {
  padding:4px;
  display:none;
  }

  #admin-toolbar div.admin-panes div.admin-pane-active div.admin-pane-content { display:block; }

  #admin-toolbar div.admin-pane div.form-item {
    border:0px;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
    padding:5px 0px;
    margin:0px;
    background:transparent;
    }

/**
 * Horizontal layout.
 */
#admin-toolbar.horizontal div.admin-panes {
  position:relative;
  padding-left:200px;
  }

#admin-toolbar.horizontal div.admin-panes div.admin-pane {
  -moz-border-radius:0px;
  -webkit-border-radius:0px;
  }

#admin-toolbar.horizontal div.admin-panes div.admin-pane-content { padding:4px 9px; }

#admin-toolbar.horizontal div.admin-panes div.admin-pane-tabs {
  z-index:500;
  position:absolute;
  left:0px;
  width:200px;
  }

#admin-toolbar.horizontal div.admin-panes div.admin-pane-tabs a { padding:5px; }

#admin-toolbar.horizontal div.admin-panes div.admin-pane-tabs a.admin-pane-active {
  padding:4px;
  border-width:1px 0px 1px 1px;
  border-style:solid;
  margin-right:-1px;
  }

body.toolbar.admin-nw #admin-toolbar,
body.toolbar.admin-ne #admin-toolbar {
  margin-top: 65px;
}

File

includes/admin.toolbar.base.css
View source 
  1. 

  2. /**

  3.  * Admin toolbar CSS resets ===========================================

  4.  */

  5. 

  6. /* Text */

  7. #admin-toolbar,

  8. #admin-toolbar h1,

  9. #admin-toolbar h2,

  10. #admin-toolbar h3,

  11. #admin-toolbar h4,

  12. #admin-toolbar h5,

  13. #admin-toolbar h6,

  14. #admin-toolbar p,

  15. #admin-toolbar blockquote,

  16. #admin-toolbar pre,

  17. #admin-toolbar a,

  18. #admin-toolbar abbr,

  19. #admin-toolbar acronym,

  20. #admin-toolbar address,

  21. #admin-toolbar big,

  22. #admin-toolbar cite,

  23. #admin-toolbar code,

  24. #admin-toolbar del,

  25. #admin-toolbar dfn,

  26. #admin-toolbar em,

  27. #admin-toolbar font,

  28. #admin-toolbar img,

  29. #admin-toolbar ins,

  30. #admin-toolbar kbd,

  31. #admin-toolbar q,

  32. #admin-toolbar s,

  33. #admin-toolbar samp,

  34. #admin-toolbar small,

  35. #admin-toolbar strike,

  36. #admin-toolbar strong,

  37. #admin-toolbar sub,

  38. #admin-toolbar sup,

  39. #admin-toolbar tt,

  40. #admin-toolbar var,

  41. #admin-toolbar b,

  42. #admin-toolbar u,

  43. #admin-toolbar i,

  44. #admin-toolbar center,

  45. /* Common classes */

  46. #admin-toolbar .buttons,

  47. /* Lists */

  48. #admin-toolbar dl,

  49. #admin-toolbar dt,

  50. #admin-toolbar dd,

  51. #admin-toolbar ol,

  52. #admin-toolbar ul,

  53. #admin-toolbar li,

  54. /* Forms */

  55. #admin-toolbar fieldset,

  56. #admin-toolbar form,

  57. #admin-toolbar input,

  58. #admin-toolbar select,

  59. #admin-toolbar textarea,

  60. #admin-toolbar label,

  61. #admin-toolbar legend,

  62. /* Tables */

  63. #admin-toolbar table,

  64. #admin-toolbar caption,

  65. #admin-toolbar tbody,

  66. #admin-toolbar tfoot,

  67. #admin-toolbar thead,

  68. #admin-toolbar tr,

  69. #admin-toolbar th,

  70. #admin-toolbar td,

  71. /* Drupal: system.css */

  72. #admin-toolbar tr.even,

  73. #admin-toolbar tr.odd,

  74. #admin-toolbar tr.drag,

  75. #admin-toolbar tbody,

  76. #admin-toolbar tbody th,

  77. #admin-toolbar thead th,

  78. #admin-toolbar .breadcrumb,

  79. #admin-toolbar .error,

  80. #admin-toolbar div.error,

  81. #admin-toolbar tr.error,

  82. #admin-toolbar .warning,

  83. #admin-toolbar div.warning,

  84. #admin-toolbar tr.warning,

  85. #admin-toolbar .ok,

  86. #admin-toolbar div.ok,

  87. #admin-toolbar tr.ok,

  88. #admin-toolbar .item-list,

  89. #admin-toolbar .item-list .icon,

  90. #admin-toolbar .item-list .title,

  91. #admin-toolbar .item-list ul,

  92. #admin-toolbar .item-list ul li,

  93. #admin-toolbar ol.task-list li.active,

  94. #admin-toolbar .form-item,

  95. #admin-toolbar tr.odd .form-item,

  96. #admin-toolbar tr.even .form-item,

  97. #admin-toolbar tr.merge-down,

  98. #admin-toolbar tr.merge-up,

  99. #admin-toolbar .form-item .description,

  100. #admin-toolbar .form-item label,

  101. #admin-toolbar .form-item label.option,

  102. #admin-toolbar .form-checkboxes,

  103. #admin-toolbar .form-radios,

  104. #admin-toolbar .form-checkboxes .form-item,

  105. #admin-toolbar .form-radios .form-item,

  106. #admin-toolbar .marker,

  107. #admin-toolbar .form-required,

  108. #admin-toolbar .more-link,

  109. #admin-toolbar .more-help-link,

  110. #admin-toolbar .item-list .pager,

  111. #admin-toolbar .item-list .pager li,

  112. #admin-toolbar .pager-current,

  113. #admin-toolbar .tips,

  114. #admin-toolbar html.js fieldset.collapsible legend a,

  115. #admin-toolbar html.js fieldset.collapsed legend a,

  116. #admin-toolbar .resizable-textarea {

  117.   margin:0px;

  118.   padding:0px;

  119.   border:0px;

  120.   outline:0px;

  121.   font-size:100%;

  122.   vertical-align:baseline;

  123.   background:transparent;

  124.   line-height:inherit;

  125.   position:static;

  126. 

  127.   -moz-box-shadow:none;

  128.   -webkit-box-shadow:none;

  129.   -moz-border-radius:none;

  130.   -webkit-border-radius:none;

  131.   }

  132. 

  133. /**

  134.  * Base styles ========================================================

  135.  */

  136. div#admin-toolbar {

  137.   z-index:100;

  138.   position:fixed;

  139.   }

  140. 

  141. html.overlay-open div#admin-toolbar { z-index:600; }

  142. 

  143. /**

  144.  * Toggling ===========================================================

  145.  */

  146. div#admin-toolbar div.admin-blocks {

  147.   overflow:hidden;

  148.   display:none;

  149.   }

  150. 

  151.   body.admin-expanded div#admin-toolbar div.admin-blocks { display:block; }

  152. 

  153.   div#admin-toolbar.ne,

  154.   div#admin-toolbar.nw { top:0px; }

  155. 

  156.   div#admin-toolbar.se,

  157.   div#admin-toolbar.sw { bottom:0px; }

  158. 

  159.   div#admin-toolbar.nw,

  160.   div#admin-toolbar.sw,

  161.   div#admin-toolbar.nw span.admin-toggle,

  162.   div#admin-toolbar.sw span.admin-toggle { left:0px; }

  163. 

  164.   div#admin-toolbar.ne,

  165.   div#admin-toolbar.se,

  166.   div#admin-toolbar.ne span.admin-toggle,

  167.   div#admin-toolbar.se span.admin-toggle { right:0px; }

  168. 

  169.   /**

  170.    * Vertical =========================================================

  171.    */

  172.   div#admin-toolbar.vertical {

  173.     position:fixed;

  174.     bottom:0px;

  175.     top:0px;

  176.     }

  177. 

  178.     div#admin-toolbar.vertical div.admin-blocks { width:0px; }

  179.     body.admin-expanded div#admin-toolbar.vertical div.admin-blocks { width:260px; }

  180.     div#admin-toolbar.vertical div.admin-block  { width:240px; }

  181.     div#admin-toolbar.vertical div.admin-tabs   { width:215px; }

  182. 

  183.   body div#admin-toolbar.vertical div.admin-blocks { position:absolute; top:0px; bottom:0px; }

  184. 

  185.     body.admin-expanded div#admin-toolbar.vertical.ne div.admin-blocks,

  186.     body.admin-expanded div#admin-toolbar.vertical.se div.admin-blocks { right:0px; }

  187. 

  188.     body.admin-expanded div#admin-toolbar.vertical.nw div.admin-blocks,

  189.     body.admin-expanded div#admin-toolbar.vertical.sw div.admin-blocks { left:0px; }

  190. 

  191.   body.admin-expanded.admin-vertical.admin-ne,

  192.   body.admin-expanded.admin-vertical.admin-se { margin-right:260px; }

  193. 

  194.   body.admin-expanded.admin-vertical.admin-nw,

  195.   body.admin-expanded.admin-vertical.admin-sw { margin-left:260px; }

  196. 

  197.   /**

  198.    * Horizontal =======================================================

  199.    */

  200.   div#admin-toolbar.horizontal { left:0px; right:0px; }

  201.   body.admin-expanded div#admin-toolbar.horizontal div.admin-blocks { height:260px; }

  202. 

  203.   body.admin-expanded.admin-horizontal.admin-ne,

  204.   body.admin-expanded.admin-horizontal.admin-nw { margin-top:260px; }

  205. 

  206.   body.admin-expanded.admin-horizontal.admin-sw,

  207.   body.admin-expanded.admin-horizontal.admin-se { margin-bottom:260px; }

  208. 

  209. /**

  210.  * Toggler ============================================================

  211.  */

  212. div#admin-toolbar span.admin-toggle {

  213.   display:block;

  214.   width:35px;

  215.   height:35px;

  216. 

  217.   cursor:pointer;

  218.   overflow:hidden;

  219.   text-indent:-999px;

  220. 

  221.   position:absolute;

  222.   top:0px;

  223.   z-index:1000;

  224.   }

  225. 

  226.   div#admin-toolbar.se span.admin-toggle,

  227.   div#admin-toolbar.sw span.admin-toggle {

  228.     position:fixed;

  229.     bottom:0px;

  230.     top:auto;

  231.     }

  232. 

  233.   body.admin-expanded div#admin-toolbar span.admin-toggle {

  234.     position:absolute;

  235.     top:0px;

  236.     }

  237. 

  238. /**

  239.  * Admin tabs =========================================================

  240.  */

  241. div#admin-toolbar.horizontal div.admin-tabs {

  242.   height:30px;

  243.   padding:5px 10px 0px;

  244.   overflow:hidden;

  245.   }

  246. 

  247. div#admin-toolbar.vertical div.admin-tabs {

  248.   position:relative;

  249.   padding:5px 10px 25px;

  250.   }

  251. 

  252. div#admin-toolbar.ne div.admin-tabs,

  253. div#admin-toolbar.se div.admin-tabs { padding-right:35px !important; }

  254. 

  255. div#admin-toolbar.nw div.admin-tabs,

  256. div#admin-toolbar.sw div.admin-tabs { padding-left:35px !important; }

  257. 

  258. div#admin-toolbar div.admin-tab,

  259. div#admin-toolbar div.admin-tab span,

  260. div#admin-toolbar div.admin-tab a {

  261.   list-style:none;

  262.   background:transparent;

  263.   padding:0px;

  264.   margin:0px;

  265.   }

  266. 

  267. div#admin-toolbar div.admin-tab {

  268.   cursor:pointer;

  269.   padding:4px 19px;

  270.   height:15px;

  271.   border-width:1px;

  272.   border-style:solid;

  273.   }

  274. 

  275.   div#admin-toolbar.vertical div.admin-tab {

  276.     overflow:hidden;

  277.     white-space:nowrap;

  278. 

  279.     margin-bottom:5px;

  280.     padding-left:9px;

  281.     padding-right:9px;

  282.     width:195px;

  283.     }

  284. 

  285.   div#admin-toolbar.horizontal div.admin-tab {

  286.     float:left;

  287.     margin-right:5px;

  288.     }

  289. 

  290. div#admin-toolbar div.admin-tab-active {

  291.   border-width:1px 1px 0px;

  292.   padding-bottom:10px;

  293.   }

  294. 

  295.   div#admin-toolbar.vertical div.admin-tab-active {

  296.     padding-bottom:5px;

  297.     position:absolute;

  298.     bottom:0px;

  299.     margin:0px;

  300.     }

  301. 

  302. /**

  303.  * Admin blocks =======================================================

  304.  */

  305. div#admin-toolbar div.admin-block {

  306.   position:relative;

  307.   padding:10px;

  308.   display:none;

  309.   }

  310. 

  311.   div#admin-toolbar div.block-content {

  312.     overflow-x:hidden;

  313.     overflow-y:auto;

  314.     position:absolute;

  315.     top:10px;

  316.     left:10px;

  317.     right:10px;

  318.     bottom:10px;

  319.     }

  320. 

  321.   div#admin-toolbar div.admin-active { display:block; }

  322. 

  323.   /**

  324.    * Horizontal =======================================================

  325.    */

  326.   div#admin-toolbar.horizontal div.block-content { height:200px; }

  327. 

  328.   /**

  329.    * Vertical =========================================================

  330.    */

  331.   div#admin-toolbar.vertical div.admin-block { position:absolute; bottom:0px; left:0px; right:0px; }

  332.   div#admin-toolbar.vertical div.admin-blocks-1 div.admin-block { top:30px; }

  333.   div#admin-toolbar.vertical div.admin-blocks-2 div.admin-block { top:60px; }

  334.   div#admin-toolbar.vertical div.admin-blocks-3 div.admin-block { top:90px; }

  335.   div#admin-toolbar.vertical div.admin-blocks-4 div.admin-block { top:120px; }

  336.   div#admin-toolbar.vertical div.admin-blocks-5 div.admin-block { top:150px; }

  337.   div#admin-toolbar.vertical div.admin-blocks-6 div.admin-block { top:180px; }

  338.   div#admin-toolbar.vertical div.admin-blocks-7 div.admin-block { top:210px; }

  339.   div#admin-toolbar.vertical div.admin-blocks-8 div.admin-block { top:240px; }

  340.   div#admin-toolbar.vertical div.admin-blocks-9 div.admin-block { top:270px; }

  341.   div#admin-toolbar.vertical div.admin-blocks-10 div.admin-block { top:300px; }

  342. 

  343. /**

  344.  * Lists ==============================================================

  345.  */

  346. #admin-toolbar div.item-list li {

  347.   padding:5px 0px 4px;

  348.   border-style:solid;

  349.   border-width:0px 0px 1px;

  350.   }

  351. 

  352. /**

  353.  * Reasonable inline links

  354.  */

  355. #admin-toolbar ul.links {

  356.   -moz-border-radius:5px;

  357.   -webkit-border-radius:5px;

  358.   padding:5px;

  359.   }

  360. 

  361. #admin-toolbar ul.links li a { padding:2px 10px; }

  362. 

  363. /**

  364.  * Form elements ======================================================

  365.  */

  366. #admin-toolbar input.form-autocomplete,

  367. #admin-toolbar input.form-text,

  368. #admin-toolbar textarea.form-textarea,

  369. #admin-toolbar select.form-select {

  370.   padding:2px;

  371.   border-width:2px;

  372.   border-style:solid;

  373.   width:90%;

  374.   }

  375. 

  376. #admin-toolbar input.form-submit {

  377.   cursor:pointer;

  378.   padding:2px 5px;

  379.   text-align:center;

  380.   font-weight:normal;

  381.   border-width:1px;

  382.   border-style:solid;

  383.   }

  384. 

  385. #admin-toolbar.vertical div.admin-panes div.admin-pane,

  386. #admin-toolbar div.admin-panes div.admin-pane-active,

  387. #admin-toolbar div.fieldset,

  388. #admin-toolbar div.form-item {

  389.   position:relative;

  390.   margin:0px 0px 5px;

  391.   border-width:1px;

  392.   border-style:solid;

  393.   }

  394. 

  395.   #admin-toolbar div.form-item { padding:4px; }

  396. 

  397. #admin-toolbar div.form-item label {

  398.   margin:0px;

  399.   padding:0px;

  400.   font-weight:bold;

  401.   font-size:10px;

  402.   text-transform:uppercase;

  403.   }

  404. 

  405.   #admin-toolbar div.form-item label.option {

  406.     text-transform:none;

  407.     font-size:11px;

  408.     }

  409. 

  410.   #admin-toolbar div.form-item label.option input { vertical-align:middle; }

  411. 

  412.   #admin-toolbar.vertical div.form-item div.description { font-size:10px; }

  413. 

  414. /**

  415.  * Admin panes ========================================================

  416.  */

  417. #admin-toolbar div.admin-panes h2.admin-pane-title a {

  418.   display:block;

  419.   padding:4px;

  420.   }

  421. 

  422. #admin-toolbar div.admin-panes div.admin-pane-content {

  423.   padding:4px;

  424.   display:none;

  425.   }

  426. 

  427.   #admin-toolbar div.admin-panes div.admin-pane-active div.admin-pane-content { display:block; }

  428. 

  429.   #admin-toolbar div.admin-pane div.form-item {

  430.     border:0px;

  431.     -moz-border-radius:0px;

  432.     -webkit-border-radius:0px;

  433.     padding:5px 0px;

  434.     margin:0px;

  435.     background:transparent;

  436.     }

  437. 

  438. /**

  439.  * Horizontal layout.

  440.  */

  441. #admin-toolbar.horizontal div.admin-panes {

  442.   position:relative;

  443.   padding-left:200px;

  444.   }

  445. 

  446. #admin-toolbar.horizontal div.admin-panes div.admin-pane {

  447.   -moz-border-radius:0px;

  448.   -webkit-border-radius:0px;

  449.   }

  450. 

  451. #admin-toolbar.horizontal div.admin-panes div.admin-pane-content { padding:4px 9px; }

  452. 

  453. #admin-toolbar.horizontal div.admin-panes div.admin-pane-tabs {

  454.   z-index:500;

  455.   position:absolute;

  456.   left:0px;

  457.   width:200px;

  458.   }

  459. 

  460. #admin-toolbar.horizontal div.admin-panes div.admin-pane-tabs a { padding:5px; }

  461. 

  462. #admin-toolbar.horizontal div.admin-panes div.admin-pane-tabs a.admin-pane-active {

  463.   padding:4px;

  464.   border-width:1px 0px 1px 1px;

  465.   border-style:solid;

  466.   margin-right:-1px;

  467.   }

  468. 

  469. body.toolbar.admin-nw #admin-toolbar,

  470. body.toolbar.admin-ne #admin-toolbar {

  471.   margin-top: 65px;

  472. }