_source/skins/v2/toolbar.css

   1 /*\r
   2 Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved.\r
   3 For licensing, see LICENSE.html or http://ckeditor.com/license\r
   4 */\r
   5 \r
   6 @media print\r
   7 {\r
   8         .cke_skin_v2 .cke_toolbox\r
   9         {\r
  10                 display: none;\r
  11         }\r
  12 }\r
  13 \r
  14 .cke_skin_v2 a.cke_toolbox_collapser,\r
  15 .cke_skin_v2 a:hover.cke_toolbox_collapser\r
  16 {\r
  17         background-image: url(images/sprites.png);\r
  18         _background-image: url(images/sprites_ie6.png);\r
  19         background-position: 3px -739px; /* +3px +4px */\r
  20         background-repeat: no-repeat;\r
  21         width: 11px;\r
  22         height: 11px;\r
  23         float: right;\r
  24         border: outset 1px;\r
  25         margin: 11px 2px 2px;\r
  26         cursor: pointer;\r
  27 }\r
  28 \r
  29 .cke_skin_v2 .cke_rtl a.cke_toolbox_collapser,\r
  30 .cke_skin_v2 .cke_rtl a:hover.cke_toolbox_collapser\r
  31 {\r
  32         float: left;\r
  33 }\r
  34 \r
  35 .cke_skin_v2 a.cke_toolbox_collapser_min,\r
  36 .cke_skin_v2 a:hover.cke_toolbox_collapser_min\r
  37 {\r
  38         /* arrowleft.gif*/\r
  39         background-image: url(images/sprites.png);\r
  40         _background-image: url(images/sprites_ie6.png);\r
  41         background-position: 4px -760px; /* +4px +3px */\r
  42         background-repeat: no-repeat;\r
  43         margin: 2px;\r
  44 }\r
  45 \r
  46 .cke_skin_v2 .cke_rtl a.cke_toolbox_collapser_min,\r
  47 .cke_skin_v2 .cke_rtl a:hover.cke_toolbox_collapser_min\r
  48 {\r
  49         /* arrowright.gif*/\r
  50         background-position: 4px -781px; /* +2px +3px */\r
  51 }\r
  52 \r
  53 .cke_skin_v2 .cke_toolbar\r
  54 {\r
  55         padding-top: 1px;\r
  56         padding-bottom: 1px;\r
  57         display: inline-block;\r
  58         float: left;\r
  59 }\r
  60 \r
  61 .cke_skin_v2 .cke_rtl .cke_toolbar\r
  62 {\r
  63         float: right;\r
  64 }\r
  65 \r
  66 .cke_skin_v2 .cke_toolgroup\r
  67 {\r
  68         display: inline-block;\r
  69         float: left;\r
  70 }\r
  71 \r
  72 .cke_skin_v2 .cke_browser_ie .cke_toolgroup\r
  73 {\r
  74         #float: none;\r
  75         #display: inline;\r
  76 }\r
  77 \r
  78 .cke_skin_v2 .cke_rtl .cke_toolgroup\r
  79 {\r
  80         float: right;\r
  81 }\r
  82 \r
  83 .cke_skin_v2 .cke_browser_ie .cke_rtl .cke_toolgroup\r
  84 {\r
  85         #float: none;\r
  86 }\r
  87 \r
  88 .cke_skin_v2 .cke_separator\r
  89 {\r
  90         display: inline-block;\r
  91         float: left;\r
  92         border-left: solid 1px #999;\r
  93         margin: 0 2px;\r
  94         height: 16px;\r
  95 }\r
  96 \r
  97 .cke_skin_v2 .cke_browser_ie .cke_separator\r
  98 {\r
  99         #float: none;\r
 100         #display: inline;\r
 101 }\r
 102 \r
 103 .cke_skin_v2 .cke_rtl .cke_separator\r
 104 {\r
 105         float: right;\r
 106 }\r
 107 \r
 108 .cke_skin_v2 .cke_browser_ie .cke_rtl .cke_separator\r
 109 {\r
 110         #float: none;\r
 111 }\r
 112 \r
 113 .cke_skin_v2 .cke_break\r
 114 {\r
 115         clear: left;\r
 116 }\r
 117 \r
 118 .cke_skin_v2 .cke_rtl .cke_break\r
 119 {\r
 120         clear: right;\r
 121 }\r
 122 \r
 123 .cke_skin_v2 .cke_toolbar_start\r
 124 {\r
 125         display: inline-block;\r
 126         background-image: url(images/toolbar_start.gif);\r
 127         background-repeat: no-repeat;\r
 128         margin: 4px 2px 0 2px;\r
 129         width: 3px;\r
 130         height: 16px;\r
 131         float: left;\r
 132 }\r
 133 \r
 134 .cke_skin_v2 .cke_browser_ie .cke_toolbar_start\r
 135 {\r
 136         #float: none;\r
 137         #display: inline;\r
 138 }\r
 139 \r
 140 .cke_skin_v2 .cke_rtl .cke_toolbar_start\r
 141 {\r
 142         float: right;\r
 143 }\r
 144 \r
 145 .cke_skin_v2 .cke_browser_ie .cke_rtl .cke_toolbar_start\r
 146 {\r
 147         #float: none;\r
 148 }\r
 149 \r
 150 .cke_skin_v2 .cke_toolbar_end\r
 151 {\r
 152         display: inline-block;\r
 153         float: left;\r
 154 }\r
 155 \r
 156 .cke_skin_v2 .cke_browser_ie .cke_toolbar_end\r
 157 {\r
 158         #float: none;\r
 159         #display: inline\r
 160 }\r
 161 \r
 162 .cke_skin_v2 .cke_rtl .cke_toolbar_end\r
 163 {\r
 164     float: right;\r
 165 }\r
 166 \r
 167 .cke_skin_v2 .cke_browser_ie .cke_rtl .cke_toolbar_end\r
 168 {\r
 169         #float: none;\r
 170 }\r
 171 \r
 172 .cke_skin_v2 .cke_button a,\r
 173 .cke_skin_v2 .cke_button a:hover,\r
 174 .cke_skin_v2 .cke_button a:focus,\r
 175 .cke_skin_v2 .cke_button a:active,\r
 176 .cke_skin_v2 .cke_button a.cke_off\r
 177 {\r
 178         border: solid 1px #efefde;\r
 179         display: inline-block;\r
 180         border-radius: 3px;\r
 181         outline: none;\r
 182         padding-top: 2px;\r
 183         padding-left: 4px;\r
 184         padding-right: 4px;\r
 185         padding-bottom: 2px;\r
 186         height: 18px;\r
 187         cursor: default;\r
 188 }\r
 189 \r
 190 .cke_skin_v2 .cke_button a,\r
 191 .cke_skin_v2 .cke_button a.cke_off\r
 192 {\r
 193         background-color: #efefde;\r
 194         filter: alpha(opacity=70); /* IE */\r
 195         opacity: 0.70; /* Safari, Opera and Mozilla */\r
 196         -moz-border-radius: 3px;\r
 197         -webkit-border-radius: 3px;\r
 198 }\r
 199 \r
 200 .cke_skin_v2 .cke_hc .cke_button a,\r
 201 .cke_skin_v2 .cke_hc .cke_button a.cke_off\r
 202 {\r
 203         opacity: 1.0;\r
 204         filter: alpha(opacity=100);\r
 205 }\r
 206 \r
 207 .cke_skin_v2 .cke_button a.cke_on\r
 208 {\r
 209         border: solid 1px #316ac5;\r
 210         background-color: #a3d7ff;\r
 211         filter: alpha(opacity=100); /* IE */\r
 212         opacity: 1; /* Safari, Opera and Mozilla */\r
 213 }\r
 214 \r
 215 .cke_skin_v2 .cke_hc .cke_button a.cke_on\r
 216 {\r
 217         padding: 0 2px !important;\r
 218         border-width: 3px;\r
 219 }\r
 220 \r
 221 .cke_skin_v2 .cke_button a.cke_disabled,\r
 222 .cke_skin_v2 .cke_browser_ie a:hover.cke_button .cke_disabled\r
 223 {\r
 224         border: solid 1px #efefde;\r
 225         background-color: #efefde;\r
 226         filter: alpha(opacity=30); /* IE */\r
 227         opacity : 0.3; /* Safari, Opera and Mozilla */\r
 228 }\r
 229 \r
 230 .cke_skin_v2 .cke_hc .cke_button a.cke_disabled,\r
 231 .cke_skin_v2 .cke_browser_ie.cke_hc a:hover.cke_button .cke_disabled\r
 232 {\r
 233         filter: alpha(opacity=60);\r
 234         opacity: 0.6;\r
 235 }\r
 236 \r
 237 .cke_skin_v2 .cke_button a:hover.cke_on,\r
 238 .cke_skin_v2 .cke_button a:focus.cke_on,\r
 239 .cke_skin_v2 .cke_button a:active.cke_on,       /* IE */\r
 240 .cke_skin_v2 .cke_button a:hover.cke_off,\r
 241 .cke_skin_v2 .cke_button a:focus.cke_off,\r
 242 .cke_skin_v2 .cke_button a:active.cke_off       /* IE */\r
 243 {\r
 244         border: solid 1px #316ac5;\r
 245         background-color: #dff1ff;\r
 246         filter: alpha(opacity=100); /* IE */\r
 247         opacity: 1; /* Safari, Opera and Mozilla */\r
 248         padding: 2px 4px;\r
 249 }\r
 250 \r
 251 .cke_skin_v2 .cke_hc .cke_button a:hover.cke_on,\r
 252 .cke_skin_v2 .cke_hc .cke_button a:focus.cke_on,\r
 253 .cke_skin_v2 .cke_hc .cke_button a:active.cke_on,       /* IE */\r
 254 .cke_skin_v2 .cke_hc .cke_button a:hover.cke_off,\r
 255 .cke_skin_v2 .cke_hc .cke_button a:focus.cke_off,\r
 256 .cke_skin_v2 .cke_hc .cke_button a:active.cke_off       /* IE */\r
 257 {\r
 258         padding: 0 2px !important;\r
 259         border-width: 3px;\r
 260 }\r
 261 \r
 262 .cke_skin_v2 .cke_button .cke_icon\r
 263 {\r
 264         background-image: url(icons.png);\r
 265         background-position: 100px;\r
 266         background-repeat:no-repeat;\r
 267         margin-top:1px;\r
 268         width: 16px;\r
 269         height: 16px;\r
 270         display: inline-block;\r
 271 }\r
 272 \r
 273 .cke_skin_v2 .cke_button .cke_label\r
 274 {\r
 275         cursor: default;\r
 276         display: none;\r
 277         padding-left: 3px;\r
 278         vertical-align: 3px;\r
 279 }\r
 280 \r
 281 .cke_skin_v2 .cke_hc .cke_button .cke_label\r
 282 {\r
 283         padding: 0;\r
 284         display: inline-block;\r
 285 }\r
 286 \r
 287 .cke_skin_v2 .cke_hc .cke_button .cke_icon\r
 288 {\r
 289         display: none;\r
 290 }\r
 291 \r
 292 .cke_skin_v2 .cke_accessibility\r
 293 {\r
 294         position: absolute;\r
 295         display: block;\r
 296         width: 0;\r
 297         height: 0;\r
 298         overflow: hidden;\r
 299 }\r
 300 \r
 301 .cke_skin_v2 .cke_button .cke_buttonarrow\r
 302 {\r
 303         display: inline-block;\r
 304         height: 17px;\r
 305         width: 8px;\r
 306         background-position: 2px -717px;\r
 307         background-image: url(images/sprites.png);\r
 308         _background-image: url(images/sprites_ie6.png);\r
 309         background-repeat: no-repeat;\r
 310 }\r
 311 \r
 312 .cke_skin_v2 .cke_rtl .cke_button .cke_buttonarrow\r
 313 {\r
 314         background-position: 0 -717px;\r
 315         background-image: url(images/sprites.png);\r
 316         _background-image: url(images/sprites_ie6.png);\r
 317 }\r
 318 \r
 319 /*** Firefox 2 ***/\r
 320 \r
 321 .cke_skin_v2 .cke_browser_gecko18 .cke_toolbar,\r
 322 .cke_skin_v2 .cke_browser_gecko18 .cke_button a,\r
 323 .cke_skin_v2 .cke_browser_gecko18 .cke_button a.cke_off,\r
 324 .cke_skin_v2 .cke_browser_gecko18 .cke_button .cke_icon,\r
 325 .cke_skin_v2 .cke_browser_gecko18 .cke_button .cke_buttonarrow,\r
 326 .cke_skin_v2 .cke_browser_gecko18 .cke_separator,\r
 327 .cke_skin_v2 .cke_browser_gecko18 .cke_toolbar_start\r
 328 {\r
 329         display: block;\r
 330         float: left;\r
 331 }\r
 332 \r
 333 .cke_skin_v2 .cke_browser_gecko18 .cke_hc .cke_button .cke_icon\r
 334 {\r
 335         display: none;\r
 336 }\r
 337 \r
 338 .cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_toolbar,\r
 339 .cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_button a,\r
 340 .cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_button a.cke_off,\r
 341 .cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_button .cke_icon,\r
 342 .cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_button .cke_buttonarrow,\r
 343 .cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_separator,\r
 344 .cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_toolbar_start\r
 345 {\r
 346         float: right;\r
 347 }\r
 348 \r
 349 .cke_skin_v2 .cke_browser_gecko18 .cke_button .cke_label,\r
 350 .cke_skin_v2 .cke_browser_gecko18 .cke_break\r
 351 {\r
 352         float: left;\r
 353 }\r
 354 \r
 355 .cke_skin_v2 .cke_browser_gecko18 .cke_rtl span.cke_inline_label\r
 356 {\r
 357         float: right;\r
 358 }\r
 359 \r
 360 .cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_button .cke_label,\r
 361 .cke_skin_v2 .cke_browser_gecko18 .cke_rtl .cke_break\r
 362 {\r
 363         float: right;\r
 364 }\r
 365 \r
 366 .cke_skin_v2 .cke_browser_gecko18 .cke_separator\r
 367 {\r
 368         margin-top: 4px;\r
 369 }\r
 370 \r
 371 .cke_skin_v2 .cke_browser_gecko18 .cke_button .cke_label\r
 372 {\r
 373         padding-top: 3px;\r
 374 }\r
 375 \r
 376 /*** IE6 ***/\r
 377 \r
 378 .cke_skin_v2 .cke_browser_ie .cke_rtl .cke_toolgroup,\r
 379 .cke_skin_v2 .cke_browser_ie .cke_rtl .cke_separator,\r
 380 .cke_skin_v2 .cke_browser_ie .cke_rtl .cke_toolbar_start,\r
 381 .cke_skin_v2 .cke_browser_ie .cke_rtl .cke_toolbar_end\r
 382 {\r
 383         float: none;\r
 384 }\r
 385 \r
 386 /*** IE8 ***/\r
 387 \r
 388 .cke_skin_v2 .cke_browser_ie8 .cke_toolbar,\r
 389 .cke_skin_v2 .cke_browser_ie8 .cke_toolgroup\r
 390 {\r
 391         vertical-align: top;\r
 392 }\r
 393 \r
 394 .cke_skin_v2 .cke_browser_iequirks.cke_browser_ie8 .cke_toolbar,\r
 395 .cke_skin_v2 .cke_browser_iequirks.cke_browser_ie8 .cke_toolgroup\r
 396 {\r
 397         /* revert previous */\r
 398         vertical-align: baseline;\r
 399 }\r