[Summary view] [Print] [Text view]

   1  .messageEditor {
   2      background: #f5f5f5;
   3      border: 1px solid #aaa;
   4      padding: 3px;
   5  }
   6  
   7  .messageEditor .toolbar_container {
   8      height: 28px;
   9      padding: 2px;
  10  }
  11  
  12  .toolbar {
  13      height: 28px;
  14  }
  15  
  16  .messageEditor .toolbar_dropdown {
  17      margin-top: 3px;
  18      margin-right: 4px;
  19  }
  20  
  21  .messageEditor .toolbar_button {
  22      margin: 2px;
  23      height: 22px;
  24      width: 23px;
  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  }
  40  
  41  .messageEditor .toolbar_button .toolbar_sprite_italic {
  42      background-position: -46px 0;
  43  }
  44  
  45  .messageEditor .toolbar_button .toolbar_sprite_underline {
  46      background-position: -23px 0;
  47  }
  48  
  49  .messageEditor .toolbar_button .toolbar_sprite_align_left {
  50      background-position: -69px 0;
  51  }
  52  
  53  .messageEditor .toolbar_button .toolbar_sprite_align_center {
  54      background-position: -92px 0;
  55  }
  56  
  57  .messageEditor .toolbar_button .toolbar_sprite_align_right {
  58      background-position: -115px 0;
  59  }
  60  
  61  .messageEditor .toolbar_button .toolbar_sprite_align_justify {
  62      background-position: -138px 0;
  63  }
  64  
  65  .messageEditor .toolbar_button .toolbar_sprite_list_num {
  66      background-position: -161px 0;
  67  }
  68  
  69  .messageEditor .toolbar_button .toolbar_sprite_list_bullet {
  70      background-position: -184px 0;
  71  }
  72  
  73  .messageEditor .toolbar_button .toolbar_sprite_image {
  74      background-position: -207px 0;
  75  }
  76  
  77  .messageEditor .toolbar_button .toolbar_sprite_link {
  78      background-position: -230px 0;
  79  }
  80  
  81  .messageEditor .toolbar_button .toolbar_sprite_email {
  82      background-position: -253px 0;
  83  }
  84  
  85  .messageEditor .toolbar_button .toolbar_sprite_quote {
  86      background-position: -276px 0;
  87  }
  88  
  89  .messageEditor .toolbar_button .toolbar_sprite_code {
  90      background-position: -299px 0;
  91  }
  92  
  93  .messageEditor .toolbar_button .toolbar_sprite_php {
  94      background-position: -322px 0;
  95  }
  96  
  97  .messageEditor .toolbar_button_close_tags {
  98      width: 90px;
  99  }
 100  
 101  .messageEditor .toolbar_button .toolbar_sprite_close_tags {
 102      width: 87px;
 103      background-position: -345px 0;
 104  }
 105  
 106  .messageEditor .toolbar_normal {
 107      background: #f5f5f5;
 108      border: 1px solid #f5f5f5;
 109  }
 110  
 111  .messageEditor .toolbar_hover {
 112      background: #c1d2ee;
 113      border: 1px solid #5296f7;
 114  }
 115  
 116  .messageEditor .toolbar_clicked {
 117      background: #e1F2fe;
 118      border: 1px solid #5296f7;
 119  }
 120  
 121  .messageEditor .toolbar_sep {
 122      background: url('images/separator.gif');
 123      width: 4px;
 124      height: 23px;
 125      margin: 2px;
 126      margin-top: 4px;
 127      float: left;
 128  }
 129  
 130  .messageEditor .toolbar_dropdown, .messageEditor .toolbar_dropdown_image {
 131      font-size: 11px;
 132      display: block;
 133      float: left;
 134      position: relative;
 135      z-index: 100;
 136      cursor: default;
 137  }
 138  
 139  .messageEditor .toolbar_dropdown {
 140      min-width: 130px;
 141  }
 142  
 143  /* IE 6 */
 144  .messageEditor .toolbar_dropdown {
 145      width: 130px;
 146  }
 147  
 148  .messageEditor .toolbar_dropdown .editor_dropdown_label, .messageEditor .toolbar_dropdown_image .editor_dropdown_label {
 149      display: block;
 150  }
 151  
 152  .messageEditor .toolbar_dropdown .editor_dropdown_label {
 153      min-width: 120px;
 154      background: #fff;
 155      padding: 3px 4px;
 156      margin-right: 14px;
 157      border: 1px solid #aaa;
 158      border-right: 0;
 159      height: 14px;
 160      overflow: hidden;
 161  }
 162  
 163  .messageEditor .toolbar_dropdown .editor_dropdown_arrow, .messageEditor .toolbar_dropdown_image .editor_dropdown_arrow {
 164      top: 0;
 165      position: absolute;
 166      right: 0;
 167      float: left;
 168      display: block;
 169      height: 20px;
 170      border: 1px solid #aaa;
 171      background: #efefef url(images/dropdown.gif) no-repeat center center;
 172      width: 12px;
 173  }
 174  
 175  .messageEditor .toolbar_dropdown_over .editor_dropdown_label, .messageEditor .editor_dropdown_menu_open .editor_dropdown_label {
 176      border-color: #5296f7;
 177      color: navy;
 178  }
 179  
 180  .messageEditor .toolbar_dropdown_over .editor_dropdown_arrow {
 181      background-color: #c1d2ee;
 182      border-color: #5296f7;
 183  }
 184  
 185  .messageEditor .toolbar_dropdown_image.toolbar_dropdown_over .editor_dropdown_label,
 186  .messageEditor .toolbar_dropdown_image.toolbar_dropdown_over .editor_dropdown_arrow {
 187      background-color: #fff;
 188  }
 189  
 190  .messageEditor .editor_dropdown_menu_open .editor_dropdown_arrow {
 191      background-color: #c1d2ee;
 192      border-color: #5296f7;
 193  }
 194  
 195  .messageEditor .editor_dropdown_menu {
 196      margin: 0;
 197      padding: 0;
 198      margin-top: -3px;
 199      padding-bottom: 1px;
 200      top: 24px;
 201      left: 0;
 202      border: 1px solid #5296f7;
 203      position: absolute;
 204      width: 160px;
 205      background: #fff;
 206      z-index: 10000;
 207      max-height: 200px;
 208      overflow: auto;
 209      -moz-border-radius: 2px;
 210  }
 211  
 212  .messageEditor .toolbar_dropdown_image .editor_dropdown_menu {
 213      margin-top: -1px;
 214  }
 215  
 216  .messageEditor .editor_dropdown_menu li {
 217      list-style: none;
 218      padding: 3px 3px 3px 12px;
 219      margin: 0;
 220      position: relative;
 221      cursor: pointer;
 222  }
 223  
 224  .messageEditor .editor_dropdown_menu li.editor_dropdown_menu_item_active {
 225      background-image: url(images/dropdown2.gif);
 226      background-repeat: no-repeat;
 227      background-position: 2px center;    
 228  }
 229  
 230  .messageEditor .editor_dropdown_menu_title {
 231      background: #efefef;
 232      padding-left: 3px;
 233      border-bottom: 1px solid #aaa;
 234      color: #999;
 235      font-size: 10px;
 236      font-weight: bold;
 237  }
 238  
 239  .messageEditor .editor_dropdown_menu li.editor_dropdown_menu_item_over {
 240      background-color: #f5f5f5;
 241      cursor: pointer;
 242  }
 243  
 244  .messageEditor .toolbar_button_color .editor_dropdown_menu {
 245      width: 153px;
 246      height: 98px;    
 247      padding: 1px;
 248      background: #EFEFEF;
 249      margin-left: -1px;
 250  }
 251  
 252  .messageEditor .toolbar_button_color li.editor_dropdown_color_item {
 253      float: left;
 254      padding: 3px;
 255      margin: 1px;
 256      width: 11px;
 257      height: 11px;
 258  }
 259  
 260  .messageEditor .toolbar_button_color a {
 261      width: 9px;
 262      height: 9px;
 263      display: block;
 264      border: 1px solid #FFF;
 265  }
 266  
 267  .messageEditor .toolbar_button_color li.editor_dropdown_menu_item_active {
 268      background: #81A2C4;
 269  }
 270  
 271  .messageEditor .toolbar_button_color {
 272      position: relative;
 273  }
 274  
 275  .messageEditor .toolbar_button_video {
 276      position: relative;
 277  }
 278  
 279  .messageEditor .editor_button_color_selected {
 280      position: absolute;
 281      z-index: 100;
 282      width: 16px;
 283      height: 4px;
 284      top: 15px;
 285      left: 3px;
 286      display: block;
 287      background: transparent;
 288  }
 289  
 290  .messageEditor .toolbar_button_color li.editor_dropdown_menu_item_over {
 291      border: 1px solid #5296f7;
 292      background: transparent;
 293      margin: 0px;    
 294  }
 295  
 296  .messageEditor .toolbar_button_with_arrow {
 297      width: 34px;
 298  }
 299  
 300  .messageEditor .toolbar_button_arrow {
 301      top: 0px;
 302      float: left;
 303      display: block;
 304      width: 8px;
 305      background: url(images/dropdown.gif) no-repeat center center;
 306      height: 20px;
 307      border: 1px solid transparent;
 308  }
 309  
 310  .messageEditor .toolbar_hover .toolbar_button_arrow, .messageEditor .toolbar_clicked .toolbar_button_arrow {
 311      border-left-color: #5296f7;
 312  }