[Sommaire] [Imprimer]

   1  /* This file contains the CSS data for the editor UI of TinyMCE instances */

   2  
   3  .mceToolbarTop a, .mceToolbarTop a:visited, .mceToolbarTop a:hover, .mceToolbarBottom a, .mceToolbarBottom a:visited, .mceToolbarBottom a:hover {
   4      border: 0; margin: 0; padding: 0; background: transparent;
   5  }
   6  
   7  .mceSeparatorLine {
   8      border: 0;
   9      padding: 0;
  10      margin-left: 4px;
  11      margin-right: 2px;
  12  }
  13  
  14  .mceSelectList {
  15      font-family: 'MS Sans Serif', sans-serif, Verdana, Arial;
  16      font-size: 7pt !important;
  17      font-weight: normal;
  18      margin-top: 3px;
  19      padding: 0;
  20      display: inline;
  21      vertical-align: top;
  22      background-color: #F0F0EE;
  23  }
  24  
  25  .mceLabel, .mceLabelDisabled {
  26      font-family: 'MS Sans Serif', sans-serif, Verdana, Arial;
  27      font-size: 9pt;
  28  }
  29  
  30  .mceLabel {
  31      color: #000000;
  32  }
  33  
  34  .mceLabelDisabled {
  35      cursor: text;
  36      color: #999999;
  37  }
  38  
  39  .mceEditor {
  40      background: #F0F0EE;
  41      border: 1px solid #cccccc;
  42      padding: 0;
  43      margin: 0;
  44  }
  45  
  46  .mceEditorArea {
  47      font-family: 'MS Sans Serif', sans-serif, Verdana, Arial;
  48      background: #FFFFFF;
  49      padding: 0;
  50      margin: 0;
  51  }
  52  
  53  .mceToolbarTop, .mceToolbarBottom {
  54      background: #F0F0EE;
  55      line-height: 1px;
  56      font-size: 1px;
  57  }
  58  
  59  .mceToolbarTop {
  60      border-bottom: 1px solid #cccccc;
  61      padding-bottom: 1px;
  62  }
  63  
  64  .mceToolbarBottom {
  65      border-top: 1px solid #cccccc;
  66  }
  67  
  68  .mceStatusbarTop, .mceStatusbarBottom, .mceStatusbar {
  69      height: 20px;
  70  }
  71  
  72  .mceStatusbarTop .mceStatusbarPathText, .mceStatusbarBottom .mceStatusbarPathText, .mceStatusbar .mceStatusbarPathText {
  73      font-family: 'MS Sans Serif', sans-serif, Verdana, Arial;
  74      font-size: 9pt;
  75      padding: 2px;
  76      line-height: 16px;
  77      overflow: visible;
  78  }
  79  
  80  .mceStatusbarTop {
  81      border-bottom: 1px solid #cccccc;
  82  }
  83  
  84  .mceStatusbarBottom {
  85      border-top: 1px solid #cccccc;
  86  }
  87  
  88  .mceStatusbar {
  89      border-bottom: 1px solid #cccccc;
  90  }
  91  
  92  .mcePathItem, .mcePathItem:link, .mcePathItem:visited, .mcePathItem:hover {
  93      text-decoration: none;
  94      font-family: 'MS Sans Serif', sans-serif, Verdana, Arial;
  95      font-size: 9pt;
  96      color: #000000;
  97  }
  98  
  99  .mcePathItem:hover {
 100      text-decoration: underline;
 101  }
 102  
 103  .mceStatusbarPathText {
 104      float: left;
 105  }
 106  
 107  .mceStatusbarResize {
 108      float: right;
 109      background-image: url('../images/statusbar_resize.gif');
 110      background-repeat: no-repeat;
 111      width: 11px;
 112      height: 20px;
 113      cursor: se-resize;
 114  }
 115  
 116  .mceResizeBox {
 117      width: 10px;
 118      height: 10px;
 119      display: none;
 120      border: 1px dotted gray;
 121      margin: 0;
 122      padding: 0;
 123  }
 124  
 125  .mceEditorIframe {
 126      border: 0;
 127  }
 128  
 129  /* Button CSS rules */

 130  
 131  a.mceButtonDisabled img, a.mceButtonNormal img, a.mceButtonSelected img {
 132      width: 20px;
 133      height: 20px;
 134      cursor: default;
 135      margin-top: 1px;
 136      margin-left: 1px;
 137  }
 138  
 139  a.mceButtonDisabled img {
 140      border: 0 !important;
 141  }
 142  
 143  a.mceButtonNormal img, a.mceButtonSelected img {
 144      border: 1px solid #F0F0EE !important;
 145  }
 146  
 147  a.mceButtonSelected img {
 148      border: 1px solid #6779AA !important;
 149      background-color: #D4D5D8;
 150  }
 151  
 152  a.mceButtonNormal img:hover, a.mceButtonSelected img:hover {
 153      border: 1px solid #0A246A !important;
 154      cursor: default;
 155      background-color: #B6BDD2;
 156  }
 157  
 158  a.mceButtonDisabled img {
 159      -moz-opacity:0.3;
 160      opacity: 0.3;
 161      border: 1px solid #F0F0EE !important;
 162      cursor: default;
 163  }
 164  
 165  a.mceTiledButton img {
 166      background-image: url('../images/buttons.gif');
 167      background-repeat: no-repeat;
 168  }
 169  
 170  /* MSIE specific rules */

 171  
 172  * html a.mceButtonNormal img, * html a.mceButtonSelected img, * html a.mceButtonDisabled img {
 173      border: 0 !important;
 174      margin-top: 2px;
 175      margin-bottom: 1px;
 176  }
 177  
 178  * html a.mceButtonDisabled img {
 179      filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
 180      border: 0 !important;
 181  }
 182  
 183  * html a.mceButtonDisabled {
 184      border: 1px solid #F0F0EE !important;
 185  }
 186  
 187  * html a.mceButtonNormal, * html a.mceButtonSelected {
 188      border: 1px solid #F0F0EE !important;
 189      cursor: default;
 190  }
 191  
 192  * html a.mceButtonSelected {
 193      border: 1px solid #6779AA !important;
 194      background-color: #D4D5D8;
 195  }
 196  
 197  * html a.mceButtonNormal:hover, * html a.mceButtonSelected:hover {
 198      border: 1px solid #0A246A !important;
 199      cursor: default;
 200      background-color: #B6BDD2;
 201  }
 202  
 203  * html .mceSelectList {
 204      margin-top: 2px;
 205  }
 206  
 207  /* Menu button CSS rules */

 208  
 209  span.mceMenuButton img, span.mceMenuButtonSelected img {
 210      border: 1px solid #F0F0EE;
 211      margin-left: 1px;
 212  }
 213  
 214  span.mceMenuButtonSelected img {
 215      border: 1px solid #6779AA;
 216      background-color: #B6BDD2;
 217  }
 218  
 219  span.mceMenuButtonSelected img.mceMenuButton {
 220      border: 1px solid #F0F0EE;
 221      background-color: transparent;
 222  }
 223  
 224  span.mceMenuButton img.mceMenuButton, span.mceMenuButtonSelected img.mceMenuButton {
 225      border-left: 0;
 226      margin-left: 0;
 227  }
 228  
 229  span.mceMenuButton:hover img, span.mceMenuButtonSelected:hover img {
 230      border: 1px solid #0A246A;
 231      background-color: #B6BDD2;
 232  }
 233  
 234  span.mceMenuButton:hover img.mceMenuButton, span.mceMenuButtonSelected:hover img.mceMenuButton {
 235      border-left: 0;
 236  }
 237  
 238  span.mceMenuButtonFocus img {
 239      border: 1px solid gray;
 240      border-right: 0;
 241      margin-left: 1px;
 242      background-color: #F5F4F2;
 243  }
 244  
 245  span.mceMenuButtonFocus img.mceMenuButton {
 246      border: 1px solid gray;
 247      border-left: 1px solid #F5F4F2;
 248      margin-left: 0;
 249  }
 250  
 251  /* Menu button MSIE specific rules */

 252  
 253  * html span.mceMenuButton, * html span.mceMenuButtonFocus {
 254      position: relative;
 255      left: 0;
 256      top: 0;
 257  }
 258  
 259  * html span.mceMenuButton img, * html span.mceMenuButtonSelected img, * html span.mceMenuButtonFocus img {
 260      position: relative;
 261      top: 1px;
 262  }
 263  
 264  * html span.mceMenuHover img {
 265      border: 1px solid #0A246A;
 266      background-color: #B6BDD2;
 267  }
 268  
 269  * html span.mceMenuButtonSelected.mceMenuHover img.mceMenuButton {
 270      border: 1px solid #0A246A;
 271      background-color: #B6BDD2;
 272      border-left: 0;
 273  }
 274  
 275  /* Menu */

 276  
 277  .mceMenu {
 278      position: absolute;
 279      left: 0;
 280      top: 0;
 281      display: none;
 282      z-index: 100;
 283      background-color: white;
 284      border: 1px solid gray;
 285      font-weight: normal;
 286  }
 287  
 288  .mceMenu a, .mceMenuTitle, .mceMenuDisabled {
 289      display: block;
 290      width: 100%;
 291      text-decoration: none;
 292      background-color: white;
 293      font-family: Tahoma, Verdana, Arial, Helvetica;
 294      font-size: 11px;
 295      line-height: 20px;
 296      color: black;
 297  }
 298  
 299  .mceMenu a:hover {
 300      background-color: #B6BDD2;
 301      color: black;
 302      text-decoration: none !important;
 303  }
 304  
 305  .mceMenu span {
 306      padding-left: 10px;
 307      padding-right: 10px;
 308      display: block;
 309      line-height: 20px;
 310  }
 311  
 312  .mceMenuSeparator {
 313      border-bottom: 1px solid gray;
 314      background-color: gray;
 315      height: 1px;
 316  }
 317  
 318  .mceMenuTitle span {
 319      padding-left: 5px;
 320  }
 321  
 322  .mceMenuTitle {
 323      background-color: #DDDDDD;
 324      font-weight: bold;
 325  }
 326  
 327  .mceMenuDisabled {
 328      color: gray;
 329  }
 330  
 331  span.mceMenuSelectedItem {
 332      background-image: url('../images/menu_check.gif');
 333      background-repeat: no-repeat;
 334      background-position: 5px 8px;
 335      padding-left: 20px;
 336  }
 337  
 338  span.mceMenuCheckItem {
 339      padding-left: 20px;
 340  }
 341  
 342  span.mceMenuLine {
 343      display: block;
 344      position: absolute;
 345      left: 0;
 346      top: -1px;
 347      background-color: #F5F4F2;
 348      width: 30px;
 349      height: 1px;
 350      overflow: hidden;
 351      padding-left: 0;
 352      padding-right: 0;
 353  }