src/redakcja/static/css/toolbar.css

   1 /*
   2  * Toolbars
   3  */
   4
   5 .toolbar {
   6     border-bottom: 1px solid #777;
   7     background-color: #C1C1C1;
   8     margin: 0px;
   9     padding: 0px;
  10     z-index: 100;
  11     height: 28px;
  12     position: relative;
  13 }
  14
  15 .toolbar > .group_selector {
  16         position: absolute;
  17
  18     margin: 1px 5px 1px 0;
  19     border: 1px solid #999;
  20     padding: 1px;
  21
  22     top: 0px;
  23     left: 0px;
  24     bottom: 0px;
  25     width: 180px;
  26 }
  27
  28 .toolbar > .group_selector + button {
  29         position: absolute;
  30         width: 20px;
  31         top: 0px;
  32     left: 180px;
  33     bottom: 0px;
  34 }
  35
  36 .toolbar > .button_group_container {
  37         position: absolute;
  38         top: 0px;
  39         left: 200px;
  40         right: 20px;
  41         bottom: 0px;
  42
  43         overflow: hidden;
  44 }
  45
  46 .toolbar > .button_group_container + button {
  47         position: absolute;
  48         width: 20px;
  49         top: 0px;
  50     right: 0px;
  51     bottom: 0px;
  52 }
  53
  54 .toolbar ul.button_group {
  55         margin: 0;
  56         padding: 0;
  57         width: 10000%;
  58 }
  59
  60 .toolbar ul.button_group li {
  61         display: inline-block;
  62         margin: 0;
  63         padding: 0;
  64 }
  65
  66
  67 .toolbar .button_group button {
  68     display: block;
  69     margin: 4px 0 2px 0;
  70     padding: 2px 5px;
  71     border: none;
  72     background: none;
  73     color: #424242;
  74 }
  75
  76 .toolbar .button_group button img {
  77         margin: 0;
  78         padding: 0;
  79         margin-bottom: -3px;
  80 }
  81
  82 .toolbar .button_group button:hover,
  83 .toolbar .button_group button:active {
  84     background: #777;
  85     color: #FFF;
  86     -webkit-border-radius: 10px;
  87     -moz-border-radius: 10px;
  88 }