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 button {
  25     border: none;
  26     padding: 2px 0.5em;
  27     background: #AAA;
  28     font-family: Sans-Serif;
  29 }
  30
  31 .toolbar div {
  32     background: green;
  33     margin: 0px;
  34     padding: 0px;
  35 }
  36
  37 .toolbar-tabs-container button.active {
  38     background: #DDD;
  39 }
  40
  41 .toolbar-button-groups-container p {
  42     background: #DDD;
  43     padding-top: 2px;
  44     padding-bottom: 2px;
  45 }
  46
  47 .toolbar-button-groups-container button {
  48     background: #DDD;
  49 }
  50
  51 .toolbar-button-groups-container button:hover {
  52     background: #EEE;
  53 }
  54
  55 .toolbar-button-groups-container button:active {
  56     background: yellow;
  57 }
  58
  59 /*
  60 .toolbar, .toolbar ol {
  61     display: block;
  62     margin: 0;
  63     padding: 0;
  64     background-color: #CCC;
  65     border-top: 1px solid #AAA;
  66 }
  67
  68 .toolbar-tabs li {
  69     font-size: 14px;
  70     display: block;
  71     float: left;
  72     margin: 4px 0 -1px 4px;
  73     padding: 2px 10px 0 10px;
  74     background-color: #CCC;
  75     border: 1px solid #AAA;
  76     border-radius-topleft: 8px;
  77     border-radius-topright: 8px;
  78     -moz-border-radius-topleft: 8px;
  79     -moz-border-radius-topright: 8px;
  80     -webkit-border-top-left-radius: 8px;
  81     -webkit-border-top-right-radius: 8px;
  82 }
  83
  84 .toolbar-tabs {
  85     height: 21px;
  86 }
  87
  88 .toolbar-tabs li:hover, .toolbar-tabs li.active {
  89     cursor: default;
  90     background-color: #EEE;
  91     border-bottom: 1px solid #EEE;
  92 }
  93
  94 .toolbar-buttons {
  95     background-color: #EEE;
  96     border-bottom: 1px solid #AAA;
  97     z-index: 71;
  98 }
  99
 100 .toolbar-buttons li {
 101     display: block;
 102     font-size: 12px;
 103     padding: 1px 8px;
 104     margin: 4px;
 105     border-radius: 10px;
 106     -moz-border-radius: 10px;
 107     -webkit-border-radius: 8px;
 108     float: left;
 109 }
 110
 111 .toolbar-buttons li:hover {
 112     background-color: #777;
 113     color: #FFF;
 114     cursor: default;
 115 } */
 116