You are here

Home » API reference » Admin 6.2

admin.toolbar.base.css in Admin 6.2

Same filename and directory in other branches
  1. 7.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;
  }

/**
 * 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;
  }

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. /**

  142.  * Toggling ===========================================================

  143.  */

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

  145.   overflow:hidden;

  146.   display:none;

  147.   }

  148. 

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

  150. 

  151.   div#admin-toolbar.ne,

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

  153. 

  154.   div#admin-toolbar.se,

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

  156. 

  157.   div#admin-toolbar.nw,

  158.   div#admin-toolbar.sw,

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

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

  161. 

  162.   div#admin-toolbar.ne,

  163.   div#admin-toolbar.se,

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

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

  166. 

  167.   /**

  168.    * Vertical =========================================================

  169.    */

  170.   div#admin-toolbar.vertical {

  171.     position:fixed;

  172.     bottom:0px;

  173.     top:0px;

  174.     }

  175. 

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

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

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

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

  180. 

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

  182. 

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

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

  185. 

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

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

  188. 

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

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

  191. 

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

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

  194. 

  195.   /**

  196.    * Horizontal =======================================================

  197.    */

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

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

  200. 

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

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

  203. 

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

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

  206. 

  207. /**

  208.  * Toggler ============================================================

  209.  */

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

  211.   display:block;

  212.   width:35px;

  213.   height:35px;

  214. 

  215.   cursor:pointer;

  216.   overflow:hidden;

  217.   text-indent:-999px;

  218. 

  219.   position:absolute;

  220.   top:0px;

  221.   z-index:1000;

  222.   }

  223. 

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

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

  226.     position:fixed;

  227.     bottom:0px;

  228.     top:auto;

  229.     }

  230. 

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

  232.     position:absolute;

  233.     top:0px;

  234.     }

  235. 

  236. /**

  237.  * Admin tabs =========================================================

  238.  */

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

  240.   height:30px;

  241.   padding:5px 10px 0px;

  242.   overflow:hidden;

  243.   }

  244. 

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

  246.   position:relative;

  247.   padding:5px 10px 25px;

  248.   }

  249. 

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

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

  252. 

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

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

  255. 

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

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

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

  259.   list-style:none;

  260.   background:transparent;

  261.   padding:0px;

  262.   margin:0px;

  263.   }

  264. 

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

  266.   cursor:pointer;

  267.   padding:4px 19px;

  268.   height:15px;

  269.   border-width:1px;

  270.   border-style:solid;

  271.   }

  272. 

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

  274.     overflow:hidden;

  275.     white-space:nowrap;

  276. 

  277.     margin-bottom:5px;

  278.     padding-left:9px;

  279.     padding-right:9px;

  280.     width:195px;

  281.     }

  282. 

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

  284.     float:left;

  285.     margin-right:5px;

  286.     }

  287. 

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

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

  290.   padding-bottom:10px;

  291.   }

  292. 

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

  294.     padding-bottom:5px;

  295.     position:absolute;

  296.     bottom:0px;

  297.     margin:0px;

  298.     }

  299. 

  300. /**

  301.  * Admin blocks =======================================================

  302.  */

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

  304.   position:relative;

  305.   padding:10px;

  306.   display:none;

  307.   }

  308. 

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

  310.     overflow-x:hidden;

  311.     overflow-y:auto;

  312.     position:absolute;

  313.     top:10px;

  314.     left:10px;

  315.     right:10px;

  316.     bottom:10px;

  317.     }

  318. 

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

  320. 

  321.   /**

  322.    * Horizontal =======================================================

  323.    */

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

  325. 

  326.   /**

  327.    * Vertical =========================================================

  328.    */

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

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

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

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

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

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

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

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

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

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

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

  340. 

  341. /**

  342.  * Lists ==============================================================

  343.  */

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

  345.   padding:5px 0px 4px;

  346.   border-style:solid;

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

  348.   }

  349. 

  350. /**

  351.  * Reasonable inline links

  352.  */

  353. #admin-toolbar ul.links {

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

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

  356.   padding:5px;

  357.   }

  358. 

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

  360. 

  361. /**

  362.  * Form elements ======================================================

  363.  */

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

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

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

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

  368.   padding:2px;

  369.   border-width:2px;

  370.   border-style:solid;

  371.   width:90%;

  372.   }

  373. 

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

  375.   cursor:pointer;

  376.   padding:2px 5px;

  377.   text-align:center;

  378.   font-weight:normal;

  379.   border-width:1px;

  380.   border-style:solid;

  381.   }

  382. 

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

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

  385. #admin-toolbar div.fieldset,

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

  387.   position:relative;

  388.   margin:0px 0px 5px;

  389.   border-width:1px;

  390.   border-style:solid;

  391.   }

  392. 

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

  394. 

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

  396.   margin:0px;

  397.   padding:0px;

  398.   font-weight:bold;

  399.   font-size:10px;

  400.   text-transform:uppercase;

  401.   }

  402. 

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

  404.     text-transform:none;

  405.     font-size:11px;

  406.     }

  407. 

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

  409. 

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

  411. 

  412. /**

  413.  * Admin panes ========================================================

  414.  */

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

  416.   display:block;

  417.   padding:4px;

  418.   }

  419. 

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

  421.   padding:4px;

  422.   display:none;

  423.   }

  424. 

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

  426. 

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

  428.     border:0px;

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

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

  431.     padding:5px 0px;

  432.     margin:0px;

  433.     background:transparent;

  434.     }

  435. 

  436. /**

  437.  * Horizontal layout.

  438.  */

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

  440.   position:relative;

  441.   padding-left:200px;

  442.   }

  443. 

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

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

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

  447.   }

  448. 

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

  450. 

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

  452.   z-index:500;

  453.   position:absolute;

  454.   left:0px;

  455.   width:200px;

  456.   }

  457. 

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

  459. 

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

  461.   padding:4px;

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

  463.   border-style:solid;

  464.   margin-right:-1px;

  465.   }