[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 {border: 0;  margin: 0;  padding: 0;  background: transparent;}
   4  .mceSeparatorLine {border: 0; padding: 0; margin-left: 4px; margin-right: 2px;}
   5  .mceSelectList {font-family: 'MS Sans Serif', sans-serif, Verdana, Arial; font-size: 7pt !important; font-weight: normal; margin-top: 3px; padding: 0; display: inline; vertical-align: top; background-color: #F0F0EE;}
   6  .mceLabel, .mceLabelDisabled {font-family: 'MS Sans Serif', sans-serif, Verdana, Arial; font-size: 9pt;}
   7  .mceLabel {color: #000000;}
   8  .mceLabelDisabled {cursor: text;  color: #999999;}
   9  .mceEditor {background: #F0F0EE;  border: 1px solid #cccccc;  padding: 0;  margin: 0;}
  10  .mceEditorArea { font-family: 'MS Sans Serif', sans-serif, Verdana, Arial;  background: #FFFFFF;  padding: 0;  margin: 0;  }
  11  .mceToolbarTop, .mceToolbarBottom {background: #F0F0EE;  line-height: 1px;  font-size: 1px;}
  12  .mceToolbarTop {border-bottom: 1px solid #cccccc; padding-bottom: 1px;}
  13  .mceToolbarBottom {border-top: 1px solid #cccccc;}
  14  .mceToolbarContainer {position: relative;  left: 0;  top: 0;  display: block;}
  15  .mceStatusbarTop, .mceStatusbarBottom, .mceStatusbar {height: 20px;}
  16  .mceStatusbarTop .mceStatusbarPathText, .mceStatusbarBottom .mceStatusbarPathText, .mceStatusbar .mceStatusbarPathText {font-family: 'MS Sans Serif', sans-serif, Verdana, Arial;  font-size: 9pt;  padding: 2px;  line-height: 16px;  overflow: visible;}
  17  .mceStatusbarTop {border-bottom: 1px solid #cccccc;}
  18  .mceStatusbarBottom {border-top: 1px solid #cccccc;}
  19  .mceStatusbar {border-bottom: 1px solid #cccccc;}
  20  .mcePathItem, .mcePathItem:link, .mcePathItem:visited, .mcePathItem:hover {text-decoration: none;  font-family: 'MS Sans Serif', sans-serif, Verdana, Arial;  font-size: 9pt;  color: #000000;}
  21  .mcePathItem:hover {text-decoration: underline;}
  22  .mceStatusbarPathText {float: left;}
  23  .mceStatusbarResize {float: right;  background-image: url('../images/statusbar_resize.gif');  background-repeat: no-repeat;  width: 11px;  height: 20px;  cursor: se-resize;}
  24  .mceResizeBox {width: 10px;  height: 10px;  display: none;  border: 1px dotted gray;  margin: 0;  padding: 0;}
  25  .mceEditorIframe {border: 0;}
  26  
  27  /* Button CSS rules */

  28  
  29  a.mceButtonDisabled img, a.mceButtonNormal img, a.mceButtonSelected img {width: 20px;  height: 20px;  cursor: default;  margin-top: 1px;  margin-left: 1px;}
  30  a.mceButtonDisabled img {border: 0 !important;}
  31  a.mceButtonNormal img, a.mceButtonSelected img {border: 1px solid #F0F0EE !important;}
  32  a.mceButtonSelected img {border: 1px solid #6779AA !important;  background-color: #D4D5D8;}
  33  a.mceButtonNormal img:hover, a.mceButtonSelected img:hover {border: 1px solid #0A246A !important;  cursor: default;  background-color: #B6BDD2;}
  34  a.mceButtonDisabled img {-moz-opacity:0.3;  opacity: 0.3;  border: 1px solid #F0F0EE !important;  cursor: default;}
  35  a.mceTiledButton img {background-image: url('../images/buttons.gif');  background-repeat: no-repeat;}
  36  
  37  /* Menu button CSS rules */

  38  
  39  span.mceMenuButton img, span.mceMenuButtonSelected img {border: 1px solid #F0F0EE;  margin-left: 1px;}
  40  span.mceMenuButtonSelected img {border: 1px solid #6779AA;  background-color: #B6BDD2;}
  41  span.mceMenuButtonSelected img.mceMenuButton {border: 1px solid #F0F0EE;  background-color: transparent;}
  42  span.mceMenuButton img.mceMenuButton, span.mceMenuButtonSelected img.mceMenuButton {border-left: 0;  margin-left: 0;}
  43  span.mceMenuButton:hover img, span.mceMenuButtonSelected:hover img {border: 1px solid #0A246A;  background-color: #B6BDD2;}
  44  span.mceMenuButton:hover img.mceMenuButton, span.mceMenuButtonSelected:hover img.mceMenuButton {border-left: 0;}
  45  span.mceMenuButtonFocus img {border: 1px solid gray;  border-right: 0;  margin-left: 1px;  background-color: #F5F4F2;}
  46  span.mceMenuButtonFocus img.mceMenuButton {border: 1px solid gray;  border-left: 1px solid #F5F4F2;  margin-left: 0;}
  47  span.mceMenuHover img {border: 1px solid #0A246A;  background-color: #B6BDD2;}
  48  span.mceMenuButtonSelected.mceMenuHover img.mceMenuButton {border: 1px solid #0A246A;  background-color: #B6BDD2;  border-left: 0;}
  49  
  50  /* Menu */

  51  
  52  .mceMenu {position: absolute;  left: 0;  top: 0;  display: none;  z-index: 100;  background-color: white;  border: 1px solid gray;  font-weight: normal;}
  53  .mceMenu a, .mceMenuTitle, .mceMenuDisabled {display: block;  width: 100%;  text-decoration: none;  background-color: white;  font-family: Tahoma, Verdana, Arial, Helvetica;  font-size: 11px;  line-height: 20px;  color: black;}
  54  .mceMenu a:hover {background-color: #B6BDD2;  color: black;  text-decoration: none !important;}
  55  .mceMenu span {padding-left: 10px;  padding-right: 10px;  display: block;  line-height: 20px;}
  56  .mceMenuSeparator {border-bottom: 1px solid gray;  background-color: gray;  height: 1px;}
  57  .mceMenuTitle span {padding-left: 5px;}
  58  .mceMenuTitle {background-color: #DDDDDD;  font-weight: bold;}
  59  .mceMenuDisabled {color: gray;}
  60  span.mceMenuSelectedItem {background-image: url('../images/menu_check.gif');  background-repeat: no-repeat;  background-position: 5px 8px;  padding-left: 20px;}
  61  span.mceMenuCheckItem {padding-left: 20px;}
  62  span.mceMenuLine {display: block;  position: absolute;  left: 0;  top: -1px;  background-color: #F5F4F2;  width: 30px;  height: 1px;  overflow: hidden;  padding-left: 0;  padding-right: 0;}
  63  .mceColors table, .mceColors td {margin: 0;  padding: 2px;}
  64  a.mceMoreColors {width: 130px;  margin: 0;  padding: 0;  margin-left: 3px;  margin-bottom: 3px;  text-align: center;  border: 1px solid white;}
  65  .mceColorPreview {position: absolute;  left: 0;  top: 0;  margin-left: 3px;  margin-top: 15px;  width: 16px;  height: 4px;  background-color: red;}
  66  a.mceMoreColors:hover {border: 1px solid #0A246A;}
  67  .mceColors td a {width: 9px;  height: 9px;  overflow: hidden;  border: 1px solid #808080;}
  68  
  69  /* MSIE 6 specific rules */

  70  
  71  * html a.mceButtonNormal img, * html a.mceButtonSelected img, * html a.mceButtonDisabled img {border: 0 !important;  margin-top: 2px;  margin-bottom: 1px;}
  72  * html a.mceButtonDisabled img {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);  border: 0 !important;}
  73  * html a.mceButtonDisabled {border: 1px solid #F0F0EE !important;}
  74  * html a.mceButtonNormal, * html a.mceButtonSelected {border: 1px solid #F0F0EE !important;  cursor: default;}
  75  * html a.mceButtonSelected {border: 1px solid #6779AA !important;  background-color: #D4D5D8;}
  76  * html a.mceButtonNormal:hover, * html a.mceButtonSelected:hover {border: 1px solid #0A246A !important;  background-color: #B6BDD2;  cursor: default;}
  77  * html .mceSelectList {margin-top: 2px;}
  78  * html span.mceMenuButton, * html span.mceMenuButtonFocus {position: relative;  left: 0;  top: 0;}
  79  * html span.mceMenuButton img, * html span.mceMenuButtonSelected img, * html span.mceMenuButtonFocus img {position: relative;  top: 1px;}
  80  * html a.mceMoreColors {width: 132px;}
  81  * html .mceColors td a {width: 10px;  height: 10px;}
  82  * html .mceColorPreview {margin-left: 2px;  margin-top: 14px;}
  83  
  84  /* MSIE 7 specific rules */

  85  
  86  *:first-child+html a.mceButtonNormal img, *:first-child+html a.mceButtonSelected img, *:first-child+html a.mceButtonDisabled img {border: 0 !important;  margin-top: 2px;  margin-bottom: 1px;}
  87  *:first-child+html a.mceButtonDisabled img {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);  border: 0 !important;}
  88  *:first-child+html a.mceButtonDisabled {border: 1px solid #F0F0EE !important;}
  89  *:first-child+html a.mceButtonNormal, *:first-child+html a.mceButtonSelected {border: 1px solid #F0F0EE !important;  cursor: default;}
  90  *:first-child+html a.mceButtonSelected {border: 1px solid #6779AA !important;  background-color: #D4D5D8;}
  91  *:first-child+html a.mceButtonNormal:hover, *:first-child+html a.mceButtonSelected:hover {border: 1px solid #0A246A !important;  background-color: #B6BDD2;  cursor: default;}
  92  *:first-child+html .mceSelectList {margin-top: 2px;}
  93  *:first-child+html span.mceMenuButton, *:first-child+html span.mceMenuButtonFocus {position: relative;  left: 0;  top: 0;}
  94  *:first-child+html span.mceMenuButton img, *:first-child+html span.mceMenuButtonSelected img, *:first-child+html span.mceMenuButtonFocus img {position: relative;  top: 1px;}
  95  *:first-child+html a.mceMoreColors {width: 132px;}
  96  *:first-child+html .mceColors td a {width: 10px;  height: 10px;}
  97  *:first-child+html .mceColorPreview {margin: 0; padding-left: 4px;  margin-top: 14px; width: 14px;}