webcit/tiny_mce/themes/advanced/css/editor_ui.css

   1 /* This file contains the CSS data for the editor UI of TinyMCE instances */
   2
   3 .mceButtonNormal, .mceButtonOver, .mceButtonDown, .mceSeparator, .mceButtonDisabled, .mceButtonSelected {
   4         margin-top: 1px;
   5         margin-left: 1px;
   6 }
   7
   8 .mceButtonNormal {
   9         border-top: 1px solid;
  10         border-left: 1px solid;
  11         border-bottom: 1px solid;
  12         border-right: 1px solid;
  13         border-color: #F0F0EE;
  14         cursor: arrow;
  15 }
  16
  17 .mceButtonOver {
  18         border: 1px solid #0A246A;
  19         cursor: arrow;
  20         background-color: #B6BDD2;
  21 }
  22
  23 .mceButtonDown {
  24         cursor: arrow;
  25         border: 1px solid #0A246A;
  26         background-color: #8592B5;
  27 }
  28
  29 .mceButtonSelected {
  30         border: 1px solid;
  31         border-color: #C0C0BB;
  32         cursor: arrow;
  33 }
  34
  35 .mceButtonDisabled {
  36         filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
  37         -moz-opacity:0.3;
  38         opacity: 0.3;
  39         border-top: 1px solid;
  40         border-left: 1px solid;
  41         border-bottom: 1px solid;
  42         border-right: 1px solid;
  43         border-color: #F0F0EE;
  44         cursor: arrow;
  45 }
  46
  47 .mceSeparator {
  48         border-top: 1px solid buttonhighlight;
  49         border-left: 1px solid buttonhighlight;
  50         border-bottom: 1px solid buttonshadow;
  51         border-right: 1px solid buttonshadow;
  52         margin-right: 2px;
  53         margin-left: 2px;
  54 }
  55
  56 .mceSeparatorLine {
  57         margin:2px;
  58         margin-left: 4px;
  59         background-color: #F0F0EE;
  60         border-top: 1px solid buttonshadow;
  61         border-left: 1px solid buttonshadow;
  62         border-bottom: 1px solid buttonhighlight;
  63         border-right: 1px solid buttonhighlight;
  64         width: 0px;
  65         height: 15px;
  66 }
  67
  68 .mceSelectList {
  69         font-family: "MS Sans Serif";
  70         font-size: 7pt;
  71         font-weight: normal;
  72         margin-top: 3px;
  73         padding: 0px;
  74         display: inline;
  75         vertical-align: top;
  76         background-color: #F0F0EE
  77 }
  78
  79 .mceLabel, .mceLabelDisabled {
  80         font-family: "MS Sans Serif";
  81         font-size: 9pt;
  82 }
  83
  84 .mceLabel {
  85         color: #000000;
  86 }
  87
  88 .mceLabelDisabled {
  89         cursor: text;
  90         color: #999999;
  91 }
  92
  93 .mceEditor {
  94         background: #F0F0EE;
  95         border: 1px solid #cccccc;
  96         padding: 0px;
  97         margin: 0px;
  98 }
  99
 100 .mceEditorArea {
 101         font-family: "MS Sans Serif";
 102         background: #FFFFFF;
 103         padding: 0px;
 104         margin: 0px;
 105 }
 106
 107 .mceToolbarTop, .mceToolbarBottom {
 108         background: #F0F0EE;
 109 }
 110
 111 .mceToolbarTop {
 112         border-bottom: 1px solid #cccccc;
 113 }
 114
 115 .mceToolbarBottom {
 116         border-top: 1px solid #cccccc;
 117 }
 118
 119 .mceStatusbarTop, .mceStatusbarBottom, .mceStatusbar {
 120         height: 20px;
 121 }
 122
 123 .mceStatusbarTop .mceStatusbarPathText, .mceStatusbarBottom .mceStatusbarPathText, .mceStatusbar .mceStatusbarPathText {
 124         font-family: "MS Sans Serif";
 125         font-size: 9pt;
 126         padding: 2px;
 127         line-height: 16px;
 128         overflow: visible;
 129 }
 130
 131 .mceStatusbarTop {
 132         border-bottom: 1px solid #cccccc;
 133 }
 134
 135 .mceStatusbarBottom {
 136         border-top: 1px solid #cccccc;
 137 }
 138
 139 .mceStatusbar {
 140         border-bottom: 1px solid #cccccc;
 141 }
 142
 143 .mcePathItem, .mcePathItem:link, .mcePathItem:visited, .mcePathItem:hover {
 144         text-decoration: none;
 145         font-family: "MS Sans Serif";
 146         font-size: 9pt;
 147         color: #000000;
 148 }
 149
 150 .mcePathItem:hover {
 151         text-decoration: underline;
 152 }
 153
 154 .mceStatusbarPathText {
 155         float: left;
 156 }
 157
 158 .mceStatusbarResize {
 159         float: right;
 160         background-image: url('../images/statusbar_resize.gif');
 161         background-repeat: no-repeat;
 162         width: 11px;
 163         height: 20px;
 164         cursor: se-resize;
 165 }
 166
 167 .mceResizeBox {
 168         width: 10px;
 169         height: 10px;
 170         display: none;
 171         border: 1px dotted gray;
 172         margin: 0px;
 173         padding: 0px;
 174 }