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