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

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