[Summary view] [Print] [Text view]

   1  .messageEditor {
   2      background: #d5e4f2;
   3      border: 1px solid #9dbcd7;
   4      padding: 3px;
   5      padding-top: 3px;
   6  }
   7  
   8  .messageEditor .toolbar_container {
   9      height: 28px;
  10      padding: 2px;
  11  }
  12  
  13  .toolbar {
  14      height: 28px;
  15  }
  16  
  17  .messageEditor .toolbar_dropdown {
  18      margin-top: 3px;
  19      margin-right: 4px;
  20  }
  21  
  22  .messageEditor .toolbar_button {
  23      margin: 2px 0;
  24      height: 22px;
  25      float: left;
  26      display: block;
  27      z-index: 1;
  28  }
  29  
  30  .messageEditor .toolbar_button img, .messageEditor .toolbar_button span {
  31      width: 23px;
  32      height: 22px;
  33      float: left;
  34  }
  35  
  36  .messageEditor .toolbar_sprite {
  37      display: block;
  38      background: url('images/toolbar.gif') no-repeat;
  39      background-position: 0 0;
  40  }
  41  
  42  .messageEditor .toolbar_button .toolbar_sprite_italic {
  43      background-position: -46px 0;
  44  }
  45  
  46  .messageEditor .toolbar_button .toolbar_sprite_underline {
  47      background-position: -23px 0;
  48  }
  49  
  50  .messageEditor .toolbar_button .toolbar_sprite_align_left {
  51      background-position: -69px 0;
  52  }
  53  
  54  .messageEditor .toolbar_button .toolbar_sprite_align_center {
  55      background-position: -92px 0;
  56  }
  57  
  58  .messageEditor .toolbar_button .toolbar_sprite_align_right {
  59      background-position: -115px 0;
  60  }
  61  
  62  .messageEditor .toolbar_button .toolbar_sprite_align_justify {
  63      background-position: -138px 0;
  64  }
  65  
  66  .messageEditor .toolbar_button .toolbar_sprite_list_num {
  67      background-position: -161px 0;
  68  }
  69  
  70  .messageEditor .toolbar_button .toolbar_sprite_list_bullet {
  71      background-position: -184px 0;
  72  }
  73  
  74  .messageEditor .toolbar_button .toolbar_sprite_image {
  75      background-position: -207px 0;
  76  }
  77  
  78  .messageEditor .toolbar_button .toolbar_sprite_link {
  79      background-position: -230px 0;
  80  }
  81  
  82  .messageEditor .toolbar_button .toolbar_sprite_email {
  83      background-position: -253px 0;
  84  }
  85  
  86  .messageEditor .toolbar_button .toolbar_sprite_quote {
  87      background-position: -276px 0;
  88  }
  89  
  90  .messageEditor .toolbar_button .toolbar_sprite_code {
  91      background-position: -299px 0;
  92  }
  93  
  94  .messageEditor .toolbar_button .toolbar_sprite_php {
  95      background-position: -322px 0;
  96  }
  97  
  98  .messageEditor .toolbar_button_close_tags {
  99      width: 90px;
 100  }
 101  
 102  .messageEditor .toolbar_button .toolbar_sprite_video {
 103      width: 25px;
 104      background-position: -347px 0;
 105  }
 106  
 107  .messageEditor .toolbar_button .toolbar_sprite_close_tags {
 108      width: 87px;
 109      background-position: -345px 0;
 110  }
 111  
 112  .messageEditor .toolbar_normal {
 113      background: url(images/ui.gif) no-repeat;
 114      background-position: -2px 0;    
 115      border: 0;
 116  }
 117  
 118  .messageEditor .toolbar_hover {
 119      background: url(images/ui.gif) no-repeat -105px 0px;    
 120      border: 0;
 121  }
 122  
 123  .messageEditor .toolbar_clicked {
 124      background: url(images/ui.gif) no-repeat -208px 0px;    
 125      border: 0;
 126  }
 127  
 128  .messageEditor .editor_dropdown_menu_open {
 129      background: url(images/ui.gif) no-repeat -208px 0px;    
 130      border: 0;    
 131  }
 132  
 133  .messageEditor .toolbar_sep {
 134      width: 6px;
 135      height: 23px;
 136      margin: 0px;
 137      margin-top: 4px;
 138      float: left;
 139  }
 140  
 141  .messageEditor .toolbar_dropdown, .messageEditor .toolbar_dropdown_image {
 142      font-size: 11px;
 143      display: block;
 144      float: left;
 145      position: relative;
 146      z-index: 100;
 147      cursor: default;
 148  }
 149  
 150  .messageEditor .toolbar_dropdown {
 151      min-width: 130px;
 152  }
 153  
 154  /* IE 6 */
 155  * html .messageEditor .toolbar_dropdown {
 156      width: 130px;
 157  }
 158  
 159  .messageEditor .toolbar_dropdown .editor_dropdown_label, .messageEditor .toolbar_dropdown_image .editor_dropdown_label {
 160      display: block;
 161  }
 162  
 163  .messageEditor .toolbar_dropdown .editor_dropdown_label {
 164      min-width: 120px;
 165      background: #eaf2fb;
 166      padding: 3px 4px;
 167      margin-right: 14px;
 168      border: 1px solid #abc1de;
 169      border-right: 0;
 170      height: 14px;
 171      overflow: hidden;
 172  }
 173  
 174  /* IE 6 */
 175  * html .messageEditor .toolbar_dropdown .editor_dropdown_label {
 176      height: 17px;
 177      padding-bottom: 0px;
 178  }
 179  
 180  .messageEditor .toolbar_dropdown_image .editor_dropdown_label {
 181      margin: 2px 0;
 182      width: 23px;
 183      height: 22px;
 184      background: #eaf2fb;
 185      border: 1px solid #abc1de;
 186      float: left;
 187      overflow: hidden;
 188  }
 189  
 190  .messageEditor .toolbar_dropdown .editor_dropdown_arrow, .messageEditor .toolbar_dropdown_image .editor_dropdown_arrow {
 191      top: 0px;
 192      float: left;
 193      display: block;
 194      width: 14px;
 195      background: url(images/ui.gif) no-repeat 0 -28px;
 196  }
 197  
 198  .messageEditor .toolbar_dropdown .editor_dropdown_arrow {
 199      position: absolute;
 200      right: 0;
 201      height: 22px;
 202      background-color: #eaf2fb;
 203  }
 204  
 205  .messageEditor .toolbar_dropdown_image .editor_dropdown_arrow {
 206      height: 22px;
 207      margin: 2px 0;
 208      background-color: #f5f5f5;
 209      border: 1px solid #f5f5f5;
 210      border-left: 0;
 211      width: 10px;
 212  }
 213  
 214  .messageEditor .toolbar_dropdown_over .editor_dropdown_label, .messageEditor .editor_dropdown_menu_open .editor_dropdown_label {
 215      background: #fff;
 216  }
 217  
 218  .messageEditor .toolbar_dropdown_over .editor_dropdown_arrow {
 219  background-position: -17px -28px;
 220  }
 221  
 222  .messageEditor .toolbar_dropdown_image.toolbar_dropdown_over .editor_dropdown_label,
 223  .messageEditor .toolbar_dropdown_image.toolbar_dropdown_over .editor_dropdown_arrow {
 224      background-color: #fff;
 225  }
 226  
 227  .messageEditor .editor_dropdown_menu_open .editor_dropdown_arrow {
 228      background-position: -34px -28px;
 229  }
 230  
 231  .messageEditor .toolbar_dropdown_image.editor_dropdown_menu_open .editor_dropdown_label,
 232  .messageEditor .toolbar_dropdown_image.editor_dropdown_menu_open .editor_dropdown_arrow {
 233      background-color: #e1F2fe;
 234  }
 235  
 236  .messageEditor .editor_dropdown_menu {
 237      margin: 0;
 238      padding: 0;
 239      margin-top: -2px;
 240      top: 24px;
 241      left: 0;
 242      border: 1px solid #868686;
 243      position: absolute;
 244      width: 160px;
 245      background: #fff;
 246      z-index: 10000;
 247      max-height: 200px;
 248      overflow: auto;
 249      -moz-border-radius: 2px;
 250  }
 251  
 252  .messageEditor .toolbar_dropdown_image .editor_dropdown_menu {
 253      margin-top: -1px;
 254  }
 255  
 256  .messageEditor .editor_dropdown_menu li {
 257      list-style: none;
 258      padding: 4px 3px 6px 12px;
 259      margin: 0;
 260      position: relative;
 261      cursor: pointer;
 262  }
 263  
 264  .messageEditor .editor_dropdown_menu li.editor_dropdown_menu_item_active {
 265      background-image: url(images/dropdown2.gif);
 266      background-repeat: no-repeat;
 267      background-position: 2px center;    
 268  }
 269  
 270  .messageEditor .editor_dropdown_menu_title {
 271      background: #dde7ee;
 272      padding-left: 3px;
 273      border-bottom: 1px solid #c5c5c5;
 274      color: #00156e;
 275      font-size: 10px;
 276      font-weight: bold;
 277  }
 278  
 279  .messageEditor .editor_dropdown_menu li.editor_dropdown_menu_item_over {
 280      background: url(images/ui.gif) no-repeat -49px -25px;    
 281      cursor: pointer;
 282      margin-right: 4px;
 283  }
 284  
 285  .messageEditor .editor_dropdown_menu li.editor_dropdown_menu_item_over span {
 286      display: block;
 287      position: absolute;
 288      top: 0px;
 289      right: -2px;
 290      width: 3px;
 291      height: 25px;
 292      background: url(images/ui.gif) no-repeat -303px -25px;    
 293  }
 294  
 295  .messageEditor .toolbar_button_color .editor_dropdown_menu {
 296      width: 153px;
 297      height: 98px;    
 298      padding: 1px;
 299      background: #D5E4F2;
 300  }
 301  
 302  .messageEditor .toolbar_button_color li.editor_dropdown_color_item {
 303      float: left;
 304      padding: 3px;
 305      margin: 1px;
 306      width: 11px;
 307      height: 11px;
 308  }
 309  
 310  .messageEditor .toolbar_button_color a {
 311      width: 9px;
 312      height: 9px;
 313      display: block;
 314      border: 1px solid #FFF;
 315  }
 316  
 317  .messageEditor .toolbar_button_color li.editor_dropdown_menu_item_active {
 318      background: url('images/ui.gif') no-repeat -331px -27px;
 319  }
 320  
 321  .messageEditor .toolbar_button_color li.editor_dropdown_menu_item_active a {
 322      border: 0;
 323  }
 324  
 325  .messageEditor .toolbar_button_color {
 326      position: relative;
 327  }
 328  
 329  .messageEditor .toolbar_button_video {
 330      position: relative;
 331  }
 332  
 333  .messageEditor .editor_button_color_selected {
 334      position: absolute;
 335      z-index: 100;
 336      width: 16px;
 337      height: 4px;
 338      top: 15px;
 339      left: 6px;
 340      display: block;
 341      background: transparent;
 342  }
 343  
 344  .messageEditor .toolbar_button_color li.editor_dropdown_menu_item_over {
 345      border: 1px solid #5296f7;
 346      background: transparent;
 347      margin: 0px;    
 348  }
 349  
 350  .messageEditor .toolbar_button strong, .messageEditor .toolbar_button strong {
 351      border-right: 1px solid #b7cdea;
 352      margin-top: 0px;
 353  }
 354  
 355  .messageEditor .toolbar_button_group_first strong {
 356      border-left: 0;        
 357  }
 358  .messageEditor .toolbar_button_group_first {
 359      padding-left: 3px;
 360      background: url(images/ui.gif) no-repeat 0 0;
 361  }
 362  
 363  .messageEditor .toolbar_clicked_button_group_first {
 364      background-position: -206px 0;
 365  }
 366  
 367  .messageEditor .toolbar_hover_button_group_first {
 368      background-position: -103px 0;
 369  }
 370  
 371  .messageEditor .toolbar_button_group_last strong {
 372      border-right: 0;
 373  }
 374  
 375  .messageEditor .toolbar_button strong {
 376      display: block;
 377      float: left;
 378      width: 3px;
 379      height: 21px;
 380      margin-top: 1px;
 381  }
 382  
 383  .messageEditor .toolbar_button_group_last strong {
 384      background: url(images/ui.gif) no-repeat -99px 0;
 385      margin-top: 0;
 386      height: 22px;    
 387  }
 388  
 389  .messageEditor .toolbar_clicked_button_group_last strong {
 390      background-position: -204px 0;
 391  }
 392  
 393  .messageEditor .toolbar_hover_button_group_last strong {
 394      background-position: -200px 0;
 395  }
 396  
 397  .messageEditor .toolbar_button_arrow {
 398      background: transparent url(images/ui.gif) no-repeat scroll -306px 0px;
 399      float: left;
 400      width: 12px;
 401      display: block;
 402      height: 22px;    
 403  }
 404  
 405  .messageEditor .toolbar_hover .toolbar_button_arrow {
 406      background-position: -319px 0px;
 407  }