project/static/css/toolbar.css

   1 .toolbar {
   2     overflow: hidden;
   3     z-index: 100;
   4     background: #AAA;
   5     position: absolute;
   6     top: 0px; left:0px; right: 0px;
   7     height: auto;
   8     padding: 2px;
   9     margin: 0px;
  10 }
  11
  12 .toolbar p {
  13     margin: 0px;
  14
  15     padding: 0px;
  16     padding-left: 0.5em;
  17
  18     border: none;
  19     background: #AAA;
  20     font-size: 10px;
  21     line-height: 12px;
  22 }
  23
  24 .toolbar div {
  25     background: green;
  26     margin: 0px;
  27     padding: 0px;
  28 }
  29
  30 .toolbar-buttons-container {
  31     background: #DDD;
  32     padding-top: 2px;
  33     padding-bottom: 2px;
  34 }
  35
  36 .toolbar-buttons-container button {
  37     background: #DDD;
  38     border: none;
  39     padding: 2px 0.5em;
  40     background: #AAA;
  41     font-family: Sans-Serif;
  42 }
  43
  44 .toolbar-buttons-container button:hover {
  45     background: #EEE;
  46 }
  47
  48 .toolbar-buttons-container button:active {
  49     background: yellow;
  50 }
  51
  52 .panel-toolbar-extra button {
  53     background: inherit;
  54 }
  55
  56 .toolbar-tabs-container > p {
  57     background: #CCC;
  58 }
  59
  60 .toolbar-tabs-container > p button {
  61     background: #CCC;
  62 }
  63
  64 .toolbar-tabs-container button.active {
  65     background: #DDD;
  66 }