[Sommaire] [Imprimer]

   1  /* This file contains the CSS data for all popups in TinyMCE */

   2  
   3  body {
   4      background-color: #F0F0EE;
   5      font-family: Verdana, Arial, Helvetica, sans-serif;
   6      font-size: 11px;
   7      scrollbar-3dlight-color: #F0F0EE;
   8      scrollbar-arrow-color: #676662;
   9      scrollbar-base-color: #F0F0EE;
  10      scrollbar-darkshadow-color: #DDDDDD;
  11      scrollbar-face-color: #E0E0DD;
  12      scrollbar-highlight-color: #F0F0EE;
  13      scrollbar-shadow-color: #F0F0EE;
  14      scrollbar-track-color: #F5F5F5;
  15      margin: 8px;
  16  }
  17  
  18  td {
  19      font-family: Verdana, Arial, Helvetica, sans-serif;
  20      font-size: 11px;
  21  }
  22  
  23  input {
  24      background: #FFFFFF;
  25      border: 1px solid #cccccc;
  26  }
  27  
  28  td, input, select, textarea {
  29      font-family: Verdana, Arial, Helvetica, sans-serif;
  30      font-size: 10px;
  31  }
  32  
  33  input, select, textarea {
  34      border: 1px solid #808080;
  35  }
  36  
  37  .input_noborder {
  38      border: 0;
  39  }
  40  
  41  #insert, .updateButton {

  42     font-weight: bold;
  43     width: 90px;
  44     height: 21px;
  45     border: 0;
  46     background-image: url('../images/insert_button_bg.gif');
  47     cursor: pointer;
  48  }
  49  
  50  #cancel {

  51     font-weight: bold;
  52     width: 90px;
  53     height: 21px;
  54     border: 0;
  55     background-image: url('../images/cancel_button_bg.gif');
  56     cursor: pointer;
  57  }
  58  
  59  /* Mozilla only style */

  60  html>body #insert, html>body #cancel {
  61      padding-bottom: 2px;
  62  }
  63  
  64  .title {
  65      font-size: 12px;
  66      font-weight: bold;
  67      color: #2B6FB6;
  68  }
  69  
  70  table.charmap {
  71      border-style: solid;
  72      border-width: 1px;
  73      border-color: #AAAAAA;
  74  }
  75  
  76  td.charmap, td.charmapOver {
  77      color: #000000;
  78      border-color: #AAAAAA;
  79      border-style: solid;
  80      border-width: 1px;
  81      text-align: center;
  82      font-size: 12px;
  83  }
  84  
  85  td.charmapOver {
  86      background-color: #CCCCCC;
  87      cursor: default;
  88  }
  89  
  90  a.charmap {
  91      color: #000000;
  92      text-decoration: none
  93  }
  94  
  95  .wordWrapCode {
  96      vertical-align: middle;
  97      border: 1px none #000000;
  98      background-color: transparent;
  99  }
 100  
 101  input.radio {
 102      border: 1px none #000000;
 103      background-color: transparent;
 104      vertical-align: middle;
 105  }
 106  
 107  input.checkbox {
 108      border: 1px none #000000;
 109      background-color: transparent;
 110      vertical-align: middle;
 111  }
 112  
 113  .mceButtonNormal, .mceButtonOver, .mceButtonDown, .mceSeparator, .mceButtonDisabled, .mceButtonSelected {
 114      margin-left: 1px;
 115  }
 116  
 117  .mceButtonNormal {
 118      border-top: 1px solid;
 119      border-left: 1px solid;
 120      border-bottom: 1px solid;
 121      border-right: 1px solid;
 122      border-color: #F0F0EE;
 123      cursor: default;
 124  }
 125  
 126  .mceButtonOver {
 127      border: 1px solid #0A246A;
 128      cursor: default;
 129      background-color: #B6BDD2;
 130  }
 131  
 132  .mceButtonDown {
 133      cursor: default;
 134      border: 1px solid #0A246A;
 135      background-color: #8592B5;
 136  }
 137  
 138  .mceButtonDisabled {
 139      filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
 140      -moz-opacity:0.3;
 141      opacity: 0.3;
 142      border-top: 1px solid;
 143      border-left: 1px solid;
 144      border-bottom: 1px solid;
 145      border-right: 1px solid;
 146      border-color: #F0F0EE;
 147      cursor: default;
 148  }
 149  
 150  .mceActionPanel {
 151      margin-top: 5px;
 152  }
 153  
 154  /* Tabs classes */

 155  
 156  .tabs {
 157      float: left;
 158      width: 100%;
 159      line-height: normal;
 160      background-image: url("../images/xp/tabs_bg.gif");
 161  }
 162  
 163  .tabs ul {
 164      margin: 0;
 165      padding: 0 0 0;
 166      list-style: none;
 167  }
 168  
 169  .tabs li {
 170      float: left;
 171      background: url("../images/xp/tab_bg.gif") no-repeat left top;
 172      margin: 0;
 173      margin-left: 0;
 174      margin-right: 2px;
 175      padding: 0 0 0 10px;
 176      line-height: 18px;
 177  }
 178  
 179  .tabs li.current {
 180      background: url("../images/xp/tab_sel_bg.gif") no-repeat left top;
 181      margin-right: 2px;
 182  }
 183  
 184  .tabs span {
 185      float: left;
 186      display: block;
 187      background: url("../images/xp/tab_end.gif") no-repeat right top;
 188      padding: 0px 10px 0 0;
 189  }
 190  
 191  .tabs .current span {
 192      background: url("../images/xp/tab_sel_end.gif") no-repeat right top;
 193  }
 194  
 195  .tabs a {
 196      text-decoration: none;
 197      font-family: Verdana, Arial;
 198      font-size: 10px;
 199  }
 200  
 201  .tabs a:link, .tabs a:visited, .tabs a:hover {
 202      color: black;
 203  }
 204  
 205  .tabs a:hover {
 206  }
 207  
 208  .tabs .current {
 209  }
 210  
 211  .tabs .current a, .tabs .current a:link, .tabs .current a:visited {
 212  }
 213  
 214  .panel_wrapper div.panel {
 215      display: none;
 216  }
 217  
 218  .panel_wrapper div.current {
 219      display: block;
 220      width: 100%;
 221      height: 300px;
 222      overflow: visible; /* Should be auto but that breaks Safari */
 223  }
 224  
 225  .panel_wrapper {
 226      border: 1px solid #919B9C;
 227      border-top: 0px;
 228      padding: 10px;
 229      padding-top: 5px;
 230      clear: both;
 231      background-color: white;
 232  }
 233  
 234  fieldset {
 235      border: 1px solid #919B9C;
 236      font-family: Verdana, Arial;
 237      font-size: 10px;
 238      padding: 0;
 239      margin: 0;
 240      padding: 4px;
 241  }
 242  
 243  legend {
 244      color: #2B6FB6;
 245      font-weight: bold;
 246  }
 247  
 248  .properties {
 249      width: 100%;
 250  }
 251  
 252  .properties .column1 {
 253  }
 254  
 255  .properties .column2 {
 256      text-align: left;
 257  }
 258  
 259  a:link, a:visited {
 260      color: black;
 261  }
 262  
 263  a:hover {
 264      color: #2B6FB6;
 265  }
 266  
 267  #plugintable thead {

 268      font-weight: bold;
 269      background-color: #DDDDDD;
 270  }
 271  
 272  #plugintable, #about #plugintable td {

 273      border: 1px solid #919B9C;
 274  }
 275  
 276  #plugintable {

 277      width: 99%;
 278      margin-top: 10px;
 279  }
 280  
 281  #pluginscontainer {

 282      height: 290px;
 283      overflow: auto;
 284  }
 285  
 286  /* MSIE Specific styles */

 287  
 288  * html .panel_wrapper {
 289      width: 100%;
 290  }
 291  
 292  .column {
 293      float: left;
 294  }
 295  
 296  h1, h2, h3, h4 {
 297      color: #2B6FB6;
 298      margin: 0;
 299      padding: 0;
 300      padding-top: 5px;
 301  }
 302  
 303  h3 {
 304      font-size: 14px;
 305  }
 306  
 307  #link .panel_wrapper, #link div.current {

 308      height: 125px;
 309  }
 310  
 311  #image .panel_wrapper, #image div.current {

 312      height: 190px;
 313  }
 314  
 315  label.msg { display: none; }
 316  label.invalid { color: #EE0000; display: inline; }
 317  input.invalid { border: 1px solid #EE0000; }
 318  
 319  /* Disables the advanced tab in the table plugin. */

 320  /*

 321  #table #advanced_tab {

 322      display: none;

 323  }

 324  */
 325  
 326  /* Disables the border input field and label in the table plugin. */

 327  /*

 328  #table #border, #table #borderlabel {

 329      display: none;

 330  }

 331  */