sources/skins/moonocolor/editor_ie7.css

   1 /*
   2 Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
   3 For licensing, see LICENSE.md or http://ckeditor.com/license
   4 */
   5
   6 /*
   7 editor_ie7.css
   8 ===============
   9
  10 This file contains styles to used by Internet Explorer 7 only.
  11 */
  12
  13 /* Base it on editor_ie.css, overriding it with styles defined in this file. */
  14 @import url("editor_ie.css");
  15
  16 .cke_rtl .cke_toolgroup,
  17 .cke_rtl .cke_toolbar_separator,
  18 .cke_rtl .cke_button,
  19 .cke_rtl .cke_button *,
  20 .cke_rtl .cke_combo,
  21 .cke_rtl .cke_combo *,
  22 .cke_rtl .cke_path_item,
  23 .cke_rtl .cke_path_item *,
  24 .cke_rtl .cke_path_empty
  25 {
  26         float: none;
  27 }
  28
  29 .cke_rtl .cke_toolgroup,
  30 .cke_rtl .cke_toolbar_separator,
  31 .cke_rtl .cke_combo_button,
  32 .cke_rtl .cke_combo_button *,
  33 .cke_rtl .cke_button,
  34 .cke_rtl .cke_button_icon
  35 {
  36         display: inline-block;
  37         vertical-align: top;
  38 }
  39
  40 .cke_toolbox
  41 {
  42         display:inline-block;
  43         padding-bottom: 5px;
  44         height: 100%;
  45 }
  46 .cke_rtl .cke_toolbox
  47 {
  48         padding-bottom: 0;
  49 }
  50
  51 .cke_toolbar
  52 {
  53         margin-bottom: 5px;
  54 }
  55 .cke_rtl .cke_toolbar
  56 {
  57         margin-bottom: 0;
  58 }
  59
  60 /* IE7: toolgroup must be adapted to toolbar items height. */
  61 .cke_toolgroup
  62 {
  63         height: 26px;
  64 }
  65
  66 /* Avoid breaking elements that use background gradient when page zoom > 1 (#9548) */
  67 .cke_toolgroup,
  68 .cke_combo
  69 {
  70         position: relative;
  71 }
  72
  73 a.cke_button
  74 {
  75         /* IE7: buttons must not float to wrap the toolbar in a whole. */
  76         float:none;
  77
  78         /* IE7: buttons have to be aligned to top. Otherwise, some buttons like
  79          * source and scayt are displayed a few pixels below the base line.
  80          */
  81         vertical-align:top;
  82 }
  83
  84 .cke_toolbar_separator
  85 {
  86         display: inline-block;
  87         float: none;
  88         vertical-align: top;
  89         background-color: #c0c0c0;
  90 }
  91
  92 .cke_toolbox_collapser .cke_arrow
  93 {
  94         margin-top: 0;
  95 }
  96 .cke_toolbox_collapser .cke_arrow
  97 {
  98         border-width:4px;
  99 }
 100 .cke_toolbox_collapser.cke_toolbox_collapser_min .cke_arrow
 101 {
 102         border-width:3px;
 103 }
 104
 105 .cke_rtl .cke_button_arrow
 106 {
 107         padding-top: 8px;
 108         margin-right: 2px;
 109 }
 110
 111 .cke_rtl .cke_combo_inlinelabel
 112 {
 113         display: table-cell;
 114         vertical-align: middle;
 115 }
 116
 117 /*
 118  * Editor menus are display:table-driven. IE7 doesn't support this approach,
 119  * hence this position&float hybrid fall-back.
 120  */
 121 .cke_menubutton
 122 {
 123         display: block;
 124         height: 24px;
 125 }
 126
 127 .cke_menubutton_inner
 128 {
 129         display: block;
 130         position: relative;
 131 }
 132
 133 .cke_menubutton_icon
 134 {
 135         height: 16px;
 136         width: 16px;
 137 }
 138
 139 .cke_menubutton_icon,
 140 .cke_menubutton_label,
 141 .cke_menuarrow
 142 {
 143         display: inline-block;
 144 }
 145
 146 .cke_menubutton_label
 147 {
 148         width: auto;
 149         vertical-align: top;
 150         line-height: 24px;
 151         height: 24px;
 152         margin: 0 10px 0 0;
 153 }
 154
 155 .cke_menuarrow
 156 {
 157         width: 5px;
 158         height: 6px;
 159         padding: 0;
 160         position: absolute;
 161         right: 8px;
 162         top: 10px;
 163
 164         background-position: 0 0;
 165 }
 166
 167 /* Menus in RTL mode. */
 168 .cke_rtl .cke_menubutton_icon
 169 {
 170         position: absolute;
 171         right: 0px;
 172         top: 0px;
 173 }
 174
 175 .cke_rtl .cke_menubutton_label
 176 {
 177         float: right;
 178         clear: both;
 179         margin: 0 24px 0 10px;
 180 }
 181
 182 .cke_hc .cke_rtl .cke_menubutton_label
 183 {
 184         margin-right: 0;
 185 }
 186
 187
 188 .cke_rtl .cke_menuarrow
 189 {
 190         left: 8px;
 191         right: auto;
 192         background-position: 0 -24px;
 193 }
 194
 195 .cke_hc .cke_menuarrow
 196 {
 197         top: 5px;
 198         padding: 0 5px;
 199 }
 200
 201 .cke_rtl input.cke_dialog_ui_input_text,
 202 .cke_rtl input.cke_dialog_ui_input_password
 203 {
 204         /* Positioning is required for IE7 on text inputs not to stretch dialog horizontally. (#8971)*/
 205         position: relative;
 206 }
 207
 208 /* Reset vertical paddings which put editing area under bottom UI space. (#9721) */
 209 .cke_wysiwyg_div
 210 {
 211         padding-top: 0 !important;
 212         padding-bottom: 0 !important;
 213 }