1 

     2 body.toolbar {

     3   padding-top: 2.2em;

     4 }

     5 body.toolbar-drawer {

     6   padding-top: 5.3em;

     7 }

     8 

     9 /**

    10  * Aggressive resets so we can achieve a consistent look in hostile CSS

    11  * environments.

    12  */

    13 #toolbar,

    14 #toolbar * {

    15   border: 0;

    16   font-size: 100%;

    17   line-height: inherit;

    18   list-style: none;

    19   margin: 0;

    20   outline: 0;

    21   padding: 0;

    22   text-align: left; /* LTR */

    23   vertical-align: baseline;

    24 }

    25 

    26 /**

    27  * Base styles.

    28  *

    29  * We use a keyword for the toolbar font size to make it display consistently

    30  * across different themes, while still allowing browsers to resize the text.

    31  */

    32 #toolbar {

    33   background: #666;

    34   color: #ccc;

    35   font: normal small "Lucida Grande", Verdana, sans-serif;

    36   left: 0;

    37   margin: 0 -20px;

    38   padding: 0 20px;

    39   position: fixed;

    40   right: 0;

    41   top: 0;

    42   -moz-box-shadow: 0 3px 20px #000;

    43   -webkit-box-shadow: 0 3px 20px #000;

    44   box-shadow: 0 3px 20px #000;

    45   filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, direction='180', strength='10');

    46   -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#000000, direction='180', strength='10')";

    47   z-index: 600;

    48 }

    49 #toolbar div.collapsed {

    50   display: none;

    51   visibility: hidden;

    52 }

    53 #toolbar a {

    54   color: #fff;

    55   font-size: .846em;

    56   text-decoration: none;

    57 }

    58 #toolbar ul li,

    59 #toolbar ul li a {

    60   float: left; /* LTR */

    61 }

    62 

    63 /**

    64  * Administration menu.

    65  */

    66 #toolbar div.toolbar-menu {

    67   background: #000;

    68   line-height: 20px;

    69   padding: 5px 50px 5px 10px; /* LTR */

    70   position: relative;

    71 }

    72 #toolbar-home a span {

    73   background: url(toolbar.png) no-repeat 0 -45px;

    74   display: block;

    75   height: 14px;

    76   margin: 3px 0px;

    77   text-indent: -9999px;

    78   vertical-align: text-bottom;

    79   width: 11px;

    80 }

    81 #toolbar-user {

    82   float: right; /* LTR */

    83 }

    84 #toolbar-menu {

    85   float: left; /* LTR */

    86 }

    87 #toolbar div.toolbar-menu a.toggle {

    88   background: url(toolbar.png) 0 -20px no-repeat;

    89   bottom: 0;

    90   cursor: pointer;

    91   height: 25px;

    92   overflow: hidden;

    93   position: absolute;

    94   right: 10px; /* LTR */

    95   text-indent: -9999px;

    96   width: 25px;

    97 }

    98 #toolbar div.toolbar-menu a.toggle:focus,

    99 #toolbar div.toolbar-menu a.toggle:hover {

   100   background-position:  -50px -20px;

   101 }

   102 #toolbar div.toolbar-menu a.toggle-active {

   103   background-position:  -25px -20px;

   104 }

   105 #toolbar div.toolbar-menu a.toggle-active.toggle:focus,

   106 #toolbar div.toolbar-menu a.toggle-active.toggle:hover {

   107   background-position:  -75px -20px;

   108 }

   109 #toolbar div.toolbar-menu ul li a {

   110   padding: 0 10px;

   111   -moz-border-radius: 10px;

   112   -webkit-border-radius: 10px;

   113   border-radius: 10px;

   114 }

   115 #toolbar div.toolbar-menu ul li a:focus,

   116 #toolbar div.toolbar-menu ul li a:hover,

   117 #toolbar div.toolbar-menu ul li a:active,

   118 #toolbar div.toolbar-menu ul li a.active:focus {

   119   background: #444;

   120 }

   121 #toolbar div.toolbar-menu ul li a.active:hover,

   122 #toolbar div.toolbar-menu ul li a.active:active,

   123 #toolbar div.toolbar-menu ul li a.active,

   124 #toolbar div.toolbar-menu ul li.active-trail a {

   125   background: url(toolbar.png) 0 0 repeat-x;

   126   text-shadow: #333 0 1px 0;

   127 }

   128 

   129 /**

   130  * Collapsed drawer of additional toolbar content.

   131  */

   132 #toolbar div.toolbar-drawer {

   133   position: relative;

   134   padding: 0 10px;

   135 }

   136 

   137 /**

   138  * IE 6 Fix.

   139  *

   140  * IE 6 shows elements with position:fixed as position:static so we replace

   141  * it with position:absolute; toolbar needs its z-index to stay above overlay.

   142  */

   143 * html #toolbar {

   144   left: -20px;

   145   margin: 0;

   146   padding-right: 0;

   147   position: absolute;

   148   right: 0;

   149   width: 100%;

   150 }