git.sur5r.net Git - bacula/bacula/blob - gui/baculum/debian/missing-sources/framework/Web/Javascripts/source/tinymce-405/skins/lightgray/Button.less

   1 // Button
   2
   3 .mce-btn {
   4         border: 1px solid @btn-border-color;
   5         position: relative;
   6         text-shadow: @textShadow;
   7         .button-background(@btn-background, @btn-background-highlight, @btn-text-color, 0 1px 1px rgba(255, 255, 255, .75));
   8         .inline-block();
   9
  10         .border-radius(3px);
  11         .box-shadow(inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05));
  12
  13         &:hover, &:focus {
  14                 color: @btn-text-color;
  15                 text-decoration: none;
  16                 .button-background(darken(@btn-background, 5%), darken(@btn-background-highlight, 5%), @btn-text-color, 0 1px 1px rgba(255, 255, 255, .75));
  17         }
  18
  19         &.mce-disabled, &.mce-disabled:hover {
  20                 cursor: default;
  21                 background-image: none;
  22                 .box-shadow(none);
  23                 .opacity(0.65);
  24         }
  25
  26         &.mce-active, &.mce-active:hover {
  27                 .button-background(darken(@btn-background, 10%), darken(@btn-background-highlight, 10%), @btn-text-color, 0 1px 1px rgba(255, 255, 255, .75));
  28                 .box-shadow(inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0 ,.05));
  29         }
  30 }
  31
  32 .mce-btn button {
  33         padding: 4px 10px;
  34         font-size: @font-size;
  35         line-height: @line-height;
  36         *line-height: @line-height - 4px;
  37         cursor: pointer;
  38         color: @btn-text-color;
  39         text-align: center;
  40
  41         // Fixes for default inner padding of button
  42         overflow: visible; // IE7
  43         -webkit-appearance: none; // WebKit
  44         &::-moz-focus-inner { // Gecko
  45                 border: 0;
  46                 padding: 0;
  47         }
  48 }
  49
  50 .mce-btn i {
  51         text-shadow: 1px 1px @btn-text-shadow;
  52 }
  53
  54 .mce-primary {
  55         min-width: 50px;
  56         .button-background(@btn-background-primary, @btn-background-primary-highlight, white, 0 1px 1px rgba(255, 255, 255, .75));
  57
  58         &:hover, &:focus {
  59                 .button-background(darken(#0088cc, 5%), darken(#0044cc, 5%), white, 0 1px 1px rgba(255, 255, 255, .75));
  60         }
  61 }
  62
  63 .mce-primary button {
  64         color: @btn-text-color-primary;
  65 }
  66
  67 .mce-btn-large button {
  68         padding: 9px 14px;
  69         font-size: @font-size + 2px;
  70         line-height: normal;
  71         .border-radius(5px);
  72 }
  73
  74 .mce-btn-large i {
  75         margin-top: 2px;
  76 }
  77
  78 .mce-btn-small button {
  79         padding: 3px 5px;
  80         font-size: @font-size - 2px;
  81         line-height: @line-height - 5px;
  82 }
  83
  84 .mce-btn-small i {
  85         margin-top: 0;
  86 }
  87
  88 .mce-btn .mce-caret {
  89         margin-top: 8px;
  90         *margin-top: 6px;
  91         margin-left: 0;
  92 }
  93
  94 .mce-btn-small .mce-caret {
  95         margin-top: 6px;
  96         *margin-top: 4px;
  97         margin-left: 0;
  98 }
  99
 100 .mce-caret {
 101         .inline-block();
 102         width: 0; height: 0;
 103         vertical-align: top;
 104         border-top: 4px solid @btn-caret-color;
 105         border-right: 4px solid transparent;
 106         border-left: 4px solid transparent;
 107         content: "";
 108 }
 109
 110 .mce-disabled .mce-caret {
 111         border-top-color: @text-color-disabled;
 112 }
 113
 114 .mce-caret.mce-up {
 115         border-bottom: 4px solid @btn-caret-color;
 116         border-top: 0;
 117 }