lib/editor/htmlarea/htmlarea.css

   1 .htmlarea { background: #fff; }
   2
   3 .htmlarea .toolbar {
   4   cursor: default;
   5   background: ButtonFace;
   6   padding: 1px 1px 2px 1px;
   7   border: 1px solid;
   8   border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
   9 }
  10 .htmlarea .toolbar table { font-family: tahoma,verdana,sans-serif; font-size: 11px; }
  11 .htmlarea .toolbar img { border: none; }
  12 .htmlarea .toolbar .label { padding: 0px 3px; }
  13
  14 .htmlarea .toolbar .button {
  15   background: ButtonFace;
  16   color: ButtonText;
  17   border: 1px solid ButtonFace;
  18   padding: 1px;
  19   margin: 0px;
  20 }
  21 .htmlarea .toolbar .buttonHover {
  22   border: 1px solid;
  23   border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
  24 }
  25 .htmlarea .toolbar .buttonActive, .htmlarea .toolbar .buttonPressed {
  26   padding: 2px 0px 0px 2px;
  27   border: 1px solid;
  28   border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
  29 }
  30 .htmlarea .toolbar .buttonPressed {
  31   background: ButtonHighlight;
  32 }
  33 .htmlarea .toolbar .indicator {
  34   padding: 0px 3px;
  35   overflow: hidden;
  36   width: 20px;
  37   text-align: center;
  38   cursor: default;
  39   border: 1px solid ButtonShadow;
  40 }
  41
  42 .htmlarea .toolbar .buttonDisabled { background-color: #aaa; }
  43
  44 .htmlarea .toolbar .buttonDisabled img {
  45   filter: alpha(opacity = 25);
  46   -moz-opacity: 25%;
  47 }
  48
  49 .htmlarea .toolbar .separator {
  50   position: relative;
  51   margin: 3px;
  52   border-left: 1px solid ButtonShadow;
  53   border-right: 1px solid ButtonHighlight;
  54   width: 0px;
  55   height: 16px;
  56   padding: 0px;
  57 }
  58
  59 .htmlarea .toolbar .space { width: 5px; }
  60
  61 .htmlarea .toolbar select { font: 11px Tahoma,Verdana,sans-serif; }
  62
  63 .htmlarea .toolbar select,
  64 .htmlarea .toolbar select:hover,
  65 .htmlarea .toolbar select:active { background: FieldFace; color: ButtonText; }
  66
  67 .htmlarea .statusBar {
  68   border: 1px solid;
  69   border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
  70   padding: 2px 4px;
  71   background-color: ButtonFace;
  72   color: ButtonText;
  73   font: 11px Tahoma,Verdana,sans-serif;
  74 }
  75
  76 .htmlarea .statusBar .statusBarTree a {
  77   padding: 2px 5px;
  78   color: #00f;
  79 }
  80
  81 .htmlarea .statusBar .statusBarTree a:visited { color: #00f; }
  82 .htmlarea .statusBar .statusBarTree a:hover {
  83   background-color: Highlight;
  84   color: HighlightText;
  85   padding: 1px 4px;
  86   border: 1px solid HighlightText;
  87 }
  88
  89
  90 /* Hidden DIV popup dialogs (PopupDiv) */
  91
  92 .dialog {
  93   color: ButtonText;
  94   background: ButtonFace;
  95 }
  96
  97 .dialog .content { padding: 2px; }
  98
  99 .dialog, .dialog button, .dialog input, .dialog select, .dialog textarea, .dialog table {
 100   font: 11px Tahoma,Verdana,sans-serif;
 101 }
 102
 103 .dialog table { border-collapse: collapse; }
 104
 105 .dialog .title {
 106   background: #008;
 107   color: #ff8;
 108   border-bottom: 1px solid #000;
 109   padding: 1px 0px 2px 5px;
 110   font-size: 12px;
 111   font-weight: bold;
 112   cursor: default;
 113 }
 114
 115 .dialog .title .button {
 116   float: right;
 117   border: 1px solid #66a;
 118   padding: 0px 1px 0px 2px;
 119   margin-right: 1px;
 120   color: #fff;
 121   text-align: center;
 122 }
 123
 124 .dialog .title .button-hilite { border-color: #88f; background: #44c; }
 125
 126 .dialog button {
 127   width: 5em;
 128   padding: 0px;
 129 }
 130
 131 .dialog .buttonColor {
 132   padding: 1px;
 133   cursor: default;
 134   border: 1px solid;
 135   border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
 136 }
 137
 138 .dialog .buttonColor-hilite {
 139   border-color: #000;
 140 }
 141
 142 .dialog .buttonColor .chooser, .dialog .buttonColor .nocolor {
 143   height: 0.6em;
 144   border: 1px solid;
 145   padding: 0px 1em;
 146   border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
 147 }
 148
 149 .dialog .buttonColor .nocolor { padding: 0px; }
 150 .dialog .buttonColor .nocolor-hilite { background-color: #fff; color: #f00; }
 151
 152 .dialog .label { text-align: right; width: 6em; }
 153 .dialog .value input { width: 100%; }
 154 .dialog .buttons { text-align: right; padding: 2px 4px 0px 4px; }
 155
 156 .dialog legend { font-weight: bold; }
 157 .dialog fieldset table { margin: 2px 0px; }
 158
 159 .popupdiv {
 160   border: 2px solid;
 161   border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
 162 }
 163
 164 .popupwin {
 165   padding: 0px;
 166   margin: 0px;
 167 }
 168
 169 .popupwin .title {
 170   background: #fff;
 171   color: #000;
 172   font-weight: bold;
 173   font-size: 120%;
 174   padding: 3px 10px;
 175   margin-bottom: 10px;
 176   border-bottom: 1px solid black;
 177   letter-spacing: 2px;
 178 }
 179
 180 form { margin: 0px; border: none; }