wp-includes/css/editor.css

   1
   2 /*------------------------------------------------------------------------------
   3  TinyMCE and Quicklinks toolbars
   4 ------------------------------------------------------------------------------*/
   5
   6 /* wp_theme/ui.css */
   7 .wp_themeSkin table,
   8 .wp_themeSkin tbody,
   9 .wp_themeSkin a,
  10 .wp_themeSkin img,
  11 .wp_themeSkin tr,
  12 .wp_themeSkin div,
  13 .wp_themeSkin td,
  14 .wp_themeSkin iframe,
  15 .wp_themeSkin span,
  16 .wp_themeSkin *,
  17 .wp_themeSkin .mceText {
  18         border: 0;
  19         margin: 0;
  20         padding: 0;
  21         white-space: nowrap;
  22         text-decoration: none;
  23         font-weight: normal;
  24         cursor: default;
  25         vertical-align: baseline;
  26         width: auto;
  27         border-collapse: separate;
  28 }
  29
  30 .wp_themeSkin a:hover,
  31 .wp_themeSkin a:link,
  32 .wp_themeSkin a:visited,
  33 .wp_themeSkin a:active {
  34         text-decoration: none;
  35         font-weight: normal;
  36         cursor: default;
  37 }
  38
  39 .wp_themeSkin table td {
  40         vertical-align: middle;
  41 }
  42
  43 .wp_themeSkin *,
  44 .wp_themeSkin a:hover,
  45 .wp_themeSkin a:link,
  46 .wp_themeSkin a:visited,
  47 .wp_themeSkin a:active {
  48         color: #555;
  49 }
  50
  51 /* Containers */
  52 .wp_themeSkin table {}
  53
  54 .wp_themeSkin iframe {
  55         display: block;
  56 }
  57
  58 .wp_themeSkin #mce_fullscreen_ifr {
  59         background-color: #fff;
  60 }
  61
  62 .wp_themeSkin .mceToolbar {
  63         padding: 1px;
  64 }
  65
  66 /* External */
  67 .wp_themeSkin .mceExternalToolbar {
  68         position: absolute;
  69         border-bottom: 0;
  70         display: none;
  71 }
  72
  73 .wp_themeSkin .mceExternalToolbar td.mceToolbar {
  74         padding-right: 13px;
  75 }
  76
  77 .wp_themeSkin .mceExternalClose {
  78         position: absolute;
  79         top: 3px;
  80         right: 3px;
  81         width: 7px;
  82         height: 7px;
  83         background: url("../js/tinymce/themes/advanced/img/icons.gif") -820px 0;
  84 }
  85
  86 /* Layout */
  87 .wp_themeSkin table.mceToolbar,
  88 .wp_themeSkin tr.mceFirst .mceToolbar tr td,
  89 .wp_themeSkin tr.mceLast .mceToolbar tr td {
  90         border: 0;
  91         margin: 0;
  92         padding: 0;
  93 }
  94
  95 .wp_themeSkin table.mceLayout {
  96         border: 0;
  97 }
  98
  99 .wp_themeSkin .mceStatusbar {
 100         display: block;
 101         font-family: sans-serif;
 102         font-size: 12px;
 103         line-height: 16px;
 104         padding: 0 0 0 8px;
 105         overflow: visible;
 106         height: 20px;
 107         border-top: 1px solid #dfdfdf;
 108         color: #000;
 109         background-color: #f5f5f5;
 110 }
 111
 112 .rtl .wp_themeSkin .mceStatusbar {
 113         padding: 0 8px 0 0;
 114 }
 115
 116 .wp_themeSkin .mceStatusbar * {
 117         color: #555;
 118 }
 119
 120 .wp_themeSkin .mceStatusbar div {
 121         float: left;
 122         padding: 2px;
 123 }
 124
 125 .rtl .wp_themeSkin .mceStatusbar div {
 126         float: right;
 127 }
 128
 129 .wp_themeSkin .mceStatusbar a.mceResize {
 130         display: block;
 131         float: right;
 132         background: url("../js/tinymce/themes/advanced/img/icons.gif") -800px 0;
 133         width: 20px;
 134         height: 20px;
 135         cursor: se-resize;
 136 }
 137
 138 .rtl .wp_themeSkin .mceStatusbar a.mceResize {
 139         float: left;
 140 }
 141
 142 .wp_themeSkin .mceStatusbar a:hover {
 143         text-decoration: underline;
 144 }
 145
 146 .wp_themeSkin table.mceToolbar {
 147         margin: 0 6px 2px;
 148 }
 149
 150 .wp_themeSkin table.mceToolbar :active,
 151 .wp_themeSkin table.mceToolbar :focus,
 152 .wp_themeSkin table.mceToolbar:focus,
 153 .wp_themeSkin span.mceSeparator:focus {
 154         outline: none;
 155 }
 156
 157 .wp_themeSkin #content_toolbar1 {
 158         margin-top: 2px;
 159 }
 160
 161 .wp_themeSkin .mceToolbar .mceToolbarEndListBox span {
 162         display: none;
 163 }
 164
 165 .wp_themeSkin span.mceIcon,
 166 .wp_themeSkin img.mceIcon {
 167         display: block;
 168         width: 20px;
 169         height: 20px;
 170 }
 171
 172 .wp_themeSkin .mceIcon {
 173         background: url("../js/tinymce/themes/advanced/img/icons.gif") no-repeat 20px 20px;
 174 }
 175
 176 /* Button */
 177 .wp_themeSkin .mceButton {
 178         display: block;
 179         width: 20px;
 180         height: 20px;
 181         cursor: default;
 182         padding: 1px 2px;
 183         margin: 1px;
 184         -webkit-border-radius: 2px;
 185         border-radius: 2px;
 186 }
 187
 188 .wp_themeSkin a.mceButtonEnabled:hover {
 189         background-image: inherit 0 -10px;
 190 }
 191
 192 .wp_themeSkin .mceOldBoxModel a.mceButton span, .wp_themeSkin .mceOldBoxModel a.mceButton img {
 193         margin: 0 0 0 1px;
 194 }
 195
 196 .wp_themeSkin .mceButtonDisabled .mceIcon {
 197         opacity: 0.2;
 198         filter: alpha(opacity=20);
 199 }
 200
 201 /* Separator */
 202 .wp_themeSkin .mceSeparator {
 203         display: none;
 204 }
 205
 206 /* ListBox */
 207 .wp_themeSkin .mceListBox,
 208 .wp_themeSkin .mceListBox a {
 209         display: block;
 210 }
 211
 212 .wp_themeSkin .mceListBox .mceText {
 213         padding: 1px 4px 1px 5px;
 214         width: 70px;
 215         text-align: left;
 216         text-decoration: none;
 217         -webkit-border-bottom-left-radius: 2px;
 218         -webkit-border-top-left-radius: 2px;
 219         border-bottom-left-radius: 2px;
 220         border-top-left-radius: 2px;
 221         font-family: sans-serif;
 222         font-size: 12px;
 223         height: 20px;
 224         line-height: 20px;
 225         overflow: hidden;
 226 }
 227
 228 .wp_themeSkin .mceListBox {
 229         margin: 1px;
 230         direction: ltr;
 231         background-color: #fff;
 232         border: 1px solid #ddd;
 233         -webkit-box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, .2);
 234         box-shadow:         inset 0 1px 1px -1px rgba(0, 0, 0, .2);
 235 }
 236
 237 .wp_themeSkin .mceListBox .mceOpen {
 238         width: 12px;
 239         height: 20px;
 240         border-collapse: separate;
 241         padding: 1px;
 242         -webkit-border-bottom-left-radius: 0;
 243         -webkit-border-top-left-radius: 0;
 244         border-bottom-left-radius: 0;
 245         border-top-left-radius: 0;
 246 }
 247
 248 .wp_themeSkin .mceListBox .mceFirst a {
 249         border-style: solid;
 250         border-width: 1px;
 251         border-bottom-right-radius: 2px;
 252         border-top-right-radius: 2px;
 253 }
 254
 255 .wp_themeSkin .mceListBoxMenu .mce_formatPreview {
 256         line-height: normal;
 257 }
 258
 259 .wp_themeSkin .mceListBox .mceOpen,
 260 .wp_themeSkin .mceListBoxHover .mceOpen,
 261 .wp_themeSkin .mceListBoxSelected .mceOpen,
 262 .wp_themeSkin table.mceListBoxEnabled .mceOpen {
 263         background-image: url("../images/down_arrow.gif");
 264         background-position: 3px 1px;
 265         background-repeat: no-repeat;
 266 }
 267
 268 .wp_themeSkin .mceListBoxDisabled .mceText {
 269         color: gray;
 270 }
 271
 272 .wp_themeSkin .mceListBoxMenu {
 273         overflow: auto;
 274         overflow-x: hidden;
 275 }
 276
 277 .wp_themeSkin .mceOldBoxModel .mceListBox .mceText {
 278         height: 22px;
 279 }
 280
 281 .wp_themeSkin select.mceListBox {
 282         font-family: sans-serif;
 283         font-size: 12px;
 284         border-color: #b2b2b2;
 285         background-color: #fff;
 286 }
 287
 288 /* SplitButton */
 289 .wp_themeSkin .mceSplitButton a,
 290 .wp_themeSkin .mceSplitButton span {
 291         display: block;
 292         height: 20px;
 293 }
 294
 295 .wp_themeSkin .mceSplitButton {
 296         display: block;
 297         direction: ltr;
 298 }
 299
 300 .wp_themeSkin table.mceSplitButton td {
 301         padding: 2px;
 302         -webkit-border-radius: 2px;
 303         border-radius: 2px;
 304 }
 305
 306 .wp_themeSkin table.mceSplitButton:hover td {
 307         background-image: inherit 0 -10px;
 308 }
 309
 310 .wp_themeSkin .mceSplitButton a.mceAction {
 311         height: 20px;
 312         width: 20px;
 313         padding: 1px 2px;
 314         border-right: 0 none;
 315 }
 316
 317 .wp_themeSkin .mceSplitButton span.mceAction {
 318         background-image: url("../js/tinymce/themes/advanced/img/icons.gif");
 319         background-repeat: no-repeat;
 320         background-color: transparent;
 321         width: 20px;
 322 }
 323
 324 .wp_themeSkin .mceSplitButton a.mceOpen {
 325         width: 11px;
 326         height: 20px;
 327         background-position: 0px 2px;
 328         background-repeat: no-repeat;
 329         padding: 1px 0;
 330 }
 331
 332 .wp_themeSkin .mceSplitButton span.mceOpen {
 333         display: none;
 334 }
 335
 336 .wp_themeSkin .mceSplitButtonDisabled .mceAction {
 337         opacity: 0.3;
 338         filter: alpha(opacity=30);
 339 }
 340
 341 .wp_themeSkin .mceListBox a.mceText,
 342 .wp_themeSkin .mceSplitButton a.mceAction {
 343         -webkit-border-bottom-left-radius: 2px;
 344         -webkit-border-top-left-radius: 2px;
 345         border-bottom-left-radius: 2px;
 346         border-top-left-radius: 2px;
 347 }
 348
 349 .wp_themeSkin .mceSplitButton a.mceOpen,
 350 .wp_themeSkin .mceListBox a.mceOpen {
 351         -webkit-border-bottom-right-radius: 2px;
 352         -webkit-border-top-right-radius: 2px;
 353         border-bottom-right-radius: 2px;
 354         border-top-right-radius: 2px;
 355 }
 356
 357 .wp_themeSkin span.mce_undo,
 358 .wp_themeSkin span.mce_redo,
 359 .wp_themeSkin span.mce_bullist,
 360 .wp_themeSkin span.mce_numlist,
 361 .wp_themeSkin span.mce_blockquote,
 362 .wp_themeSkin span.mce_charmap,
 363 .wp_themeSkin span.mce_bold,
 364 .wp_themeSkin span.mce_italic,
 365 .wp_themeSkin span.mce_underline,
 366 .wp_themeSkin span.mce_justifyleft,
 367 .wp_themeSkin span.mce_justifyright,
 368 .wp_themeSkin span.mce_justifycenter,
 369 .wp_themeSkin span.mce_justifyfull,
 370 .wp_themeSkin span.mce_indent,
 371 .wp_themeSkin span.mce_outdent,
 372 .wp_themeSkin span.mce_link,
 373 .wp_themeSkin span.mce_unlink,
 374 .wp_themeSkin span.mce_help,
 375 .wp_themeSkin span.mce_removeformat,
 376 .wp_themeSkin span.mce_fullscreen,
 377 .wp_themeSkin span.mce_wp_fullscreen,
 378 .wp_themeSkin span.mce_media,
 379 .wp_themeSkin span.mce_pastetext,
 380 .wp_themeSkin span.mce_pasteword,
 381 .wp_themeSkin span.mce_wp_help,
 382 .wp_themeSkin span.mce_wp_adv,
 383 .wp_themeSkin span.mce_wp_more,
 384 .wp_themeSkin span.mce_strikethrough,
 385 .wp_themeSkin span.mce_spellchecker,
 386 .wp_themeSkin span.mce_forecolor,
 387 .wp_themeSkin .mce_forecolorpicker,
 388 .wp_themeSkin .mceSplitButton .mce_spellchecker span.mce_spellchecker,
 389 .wp_themeSkin .mceSplitButton .mce_forecolor span.mce_forecolor,
 390 .wp_themeSkin .mceSplitButton span.mce_numlist,
 391 .wp_themeSkin .mceSplitButton span.mce_bullist {
 392         background-image: url('../images/wpicons.png?ver=20120720');
 393 }
 394
 395 /* ColorSplitButton */
 396 .wp_themeSkin div.mceColorSplitMenu table {
 397         background-color: #ebebeb;
 398         border-color: #bbb;
 399 }
 400
 401 .wp_themeSkin .mceColorSplitMenu td {
 402         padding: 2px;
 403 }
 404
 405 .wp_themeSkin .mceColorSplitMenu a {
 406         display: block;
 407         width: 9px;
 408         height: 9px;
 409         overflow: hidden;
 410         border-color: #B2B2B2;
 411 }
 412
 413 .wp_themeSkin .mceColorSplitMenu td.mceMoreColors {
 414         padding: 1px 3px 1px 1px;
 415 }
 416
 417 .wp_themeSkin .mceColorSplitMenu a.mceMoreColors {
 418         width: 100%;
 419         height: auto;
 420         text-align: center;
 421         font-family: Tahoma,Verdana,Arial,Helvetica;
 422         font-size: 11px;
 423         line-height: 20px;
 424         border-color: #fff;
 425 }
 426
 427 .wp_themeSkin .mceColorSplitMenu a.mceMoreColors:hover {}
 428 .wp_themeSkin a.mceMoreColors:hover {}
 429 .wp_themeSkin .mceColorPreview {
 430         margin: -5px 0 0 2px;
 431         width: 16px;
 432         height: 4px;
 433         overflow: hidden;
 434 }
 435
 436 /* Menu */
 437 .wp_themeSkin .mceMenu {
 438         position: absolute;
 439         left: 0;
 440         top: 0;
 441         z-index: 1000;
 442         border-color: #ddd;
 443         direction: ltr;
 444 }
 445
 446 .wp_themeSkin .mceNoIcons span.mceIcon {
 447         width: 0;
 448 }
 449
 450 .wp_themeSkin .mceNoIcons a .mceText {
 451         padding-left: 10px;
 452 }
 453
 454 .wp_themeSkin .mceMenu table {
 455         background-color: #ebeaeb;
 456 }
 457
 458 .wp_themeSkin .mceMenu a,
 459 .wp_themeSkin .mceMenu span,
 460 .wp_themeSkin .mceMenu {
 461         display: block;
 462 }
 463
 464 .wp_themeSkin .mceMenu td {
 465         height: 20px;overflow: hidden;
 466 }
 467
 468 .wp_themeSkin .mceMenu a {
 469         position: relative;
 470         padding: 3px 0 4px 0;
 471         text-decoration: none !important;
 472 }
 473
 474 .wp_themeSkin .mceMenu .mceText {
 475         position: relative;
 476         display: block;
 477         font-family: Tahoma,Verdana,Arial,Helvetica;
 478         cursor: default;
 479         margin: 0;
 480         padding: 0 25px;
 481         color: #000;
 482 }
 483
 484 .wp_themeSkin .mceMenu span.mceText, .wp_themeSkin .mceMenu .mcePreview {
 485         font-size: 12px;
 486 }
 487
 488 .wp_themeSkin .mceMenu pre.mceText {
 489         font-family: Monospace;
 490 }
 491
 492 .wp_themeSkin .mceMenu .mceIcon {
 493         position: absolute;
 494         top: 0;
 495         left: 0;
 496         width: 22px;
 497 }
 498
 499 .wp_themeSkin .mceMenu .mceMenuItemEnabled a:hover,
 500 .wp_themeSkin .mceMenu .mceMenuItemActive {
 501         background-color: #f5f5f5;
 502 }
 503
 504 .wp_themeSkin td.mceMenuItemSeparator {
 505         height: 1px;
 506         background-color: #aaa;
 507 }
 508
 509 .wp_themeSkin .mceMenuItemTitle a {
 510         border-top: 0;
 511         border-right: 0;
 512         border-left: 0;
 513         border-bottom: 1px solid #aaa;
 514         text-decoration: none !important;
 515         background-color: #ccc;
 516 }
 517
 518 .wp_themeSkin .mceMenuItemTitle span.mceText {
 519         font-weight: bold;
 520         padding-left: 4px;
 521         color: #000;
 522 }
 523
 524 .wp_themeSkin .mceMenuItemSelected .mceIcon {
 525         background: url("../js/tinymce/themes/advanced/skins/default/img/menu_check.gif");
 526         color: #888;
 527 }
 528
 529 .wp_themeSkin .mceNoIcons .mceMenuItemSelected a {
 530         background: url("../js/tinymce/themes/advanced/skins/default/img/menu_arrow.gif") no-repeat -6px center;
 531 }
 532
 533 .wp_themeSkin .mceMenu span.mceMenuLine {
 534         display: none;
 535 }
 536
 537 .wp_themeSkin .mceMenuItemSub a {
 538         background: url("../js/tinymce/themes/advanced/skins/default/img/menu_arrow.gif") no-repeat top right;
 539 }
 540
 541 /* Progress,Resize */
 542 .wp_themeSkin .mceBlocker {
 543         position: absolute;
 544         left: 0;
 545         top: 0;
 546         z-index: 1000;
 547         opacity: 0.5;
 548         filter: alpha(opacity=50);
 549         background: #FFF;
 550 }
 551
 552 .wp_themeSkin .mceProgress {
 553         position: absolute;
 554         left: 0;
 555         top: 0;
 556         z-index: 1001;
 557         background: url("../js/tinymce/themes/advanced/skins/default/img/progress.gif") no-repeat;
 558         width: 32px;
 559         height: 32px;
 560         margin: -16px 0 0 -16px;
 561 }
 562
 563 .wp_themeSkin .mcePlaceHolder {
 564         border: 1px dotted gray;
 565 }
 566
 567 /* Rtl */
 568 .mceRtl .mceListBox .mceText {
 569         text-align: right;
 570         padding: 0 4px 0 0;
 571 }
 572
 573 .mceRtl .mceMenuItem .mceText {
 574         text-align: right;
 575 }
 576
 577 /* Formats */
 578 .wp_themeSkin .mce_p span.mceText {}
 579 .wp_themeSkin .mce_address span.mceText {
 580         font-style: italic;
 581 }
 582
 583 .wp_themeSkin .mce_pre span.mceText {
 584         font-family: monospace;
 585 }
 586
 587 .wp_themeSkin .mce_h1 span.mceText {
 588         font-weight: bolder;
 589         font-size: 18px;
 590 }
 591
 592 .wp_themeSkin .mce_h2 span.mceText {
 593         font-weight: bolder;
 594         font-size: 16px;
 595 }
 596
 597 .wp_themeSkin .mce_h3 span.mceText {
 598         font-weight: bolder;
 599         font-size: 14px;
 600 }
 601
 602 .wp_themeSkin .mce_h4 span.mceText {
 603         font-weight: bolder;
 604         font-size: 12px;
 605 }
 606
 607 .wp_themeSkin .mce_h5 span.mceText {
 608         font-weight: bolder;
 609         font-size: 11px;
 610 }
 611
 612 .wp_themeSkin .mce_h6 span.mceText {
 613         font-weight: bolder;
 614         font-size: 10px;
 615 }
 616
 617 /* Theme */
 618 .wp_themeSkin span.mce_undo {background-position:-500px -20px}
 619 .wp_themeSkin .mceButtonEnabled:hover span.mce_undo,
 620 .wp_themeSkin .mceButtonActive span.mce_undo {background-position:-500px 0}
 621
 622 .wp_themeSkin span.mce_redo {background-position:-480px -20px}
 623 .wp_themeSkin .mceButtonEnabled:hover span.mce_redo,
 624 .wp_themeSkin .mceButtonActive span.mce_redo {background-position:-480px 0}
 625
 626 .wp_themeSkin span.mce_bullist {background-position:-40px -20px}
 627 .wp_themeSkin .mceButtonEnabled:hover span.mce_bullist,
 628 .wp_themeSkin .mceButtonActive span.mce_bullist,
 629 .wp_themeSkin .mceSplitButton:hover span.mce_bullist {background-position:-40px 0}
 630
 631 .wp_themeSkin span.mce_numlist {background-position:-60px -20px}
 632 .wp_themeSkin .mceButtonEnabled:hover span.mce_numlist,
 633 .wp_themeSkin .mceButtonActive span.mce_numlist,
 634 .wp_themeSkin .mceSplitButton:hover span.mce_numlist {background-position:-60px 0}
 635
 636 .wp_themeSkin span.mce_blockquote {background-position:-80px -20px}
 637 .wp_themeSkin .mceButtonEnabled:hover span.mce_blockquote,
 638 .wp_themeSkin .mceButtonActive span.mce_blockquote {background-position:-80px 0}
 639
 640 .wp_themeSkin span.mce_charmap {background-position:-420px -20px}
 641 .wp_themeSkin .mceButtonEnabled:hover span.mce_charmap,
 642 .wp_themeSkin .mceButtonActive span.mce_charmap {background-position:-420px 0}
 643
 644 .wp_themeSkin span.mce_bold {background-position:0 -20px}
 645 .wp_themeSkin .mceButtonEnabled:hover span.mce_bold,
 646 .wp_themeSkin .mceButtonActive span.mce_bold {background-position:0 0}
 647
 648 .wp_themeSkin span.mce_italic {background-position:-20px -20px}
 649 .wp_themeSkin .mceButtonEnabled:hover span.mce_italic,
 650 .wp_themeSkin .mceButtonActive span.mce_italic {background-position:-20px 0}
 651
 652 .wp_themeSkin span.mce_underline {background-position:-280px -20px}
 653 .wp_themeSkin .mceButtonEnabled:hover span.mce_underline,
 654 .wp_themeSkin .mceButtonActive span.mce_underline {background-position:-280px 0}
 655
 656 .wp_themeSkin span.mce_justifyleft {background-position:-100px -20px}
 657 .wp_themeSkin .mceButtonEnabled:hover span.mce_justifyleft,
 658 .wp_themeSkin .mceButtonActive span.mce_justifyleft {background-position:-100px 0}
 659
 660 .wp_themeSkin span.mce_justifyright {background-position:-140px -20px}
 661 .wp_themeSkin .mceButtonEnabled:hover span.mce_justifyright,
 662 .wp_themeSkin .mceButtonActive span.mce_justifyright {background-position:-140px 0}
 663
 664 .wp_themeSkin span.mce_justifycenter {background-position:-120px -20px}
 665 .wp_themeSkin .mceButtonEnabled:hover span.mce_justifycenter,
 666 .wp_themeSkin .mceButtonActive span.mce_justifycenter {background-position:-120px 0}
 667
 668 .wp_themeSkin span.mce_justifyfull {background-position:-300px -20px}
 669 .wp_themeSkin .mceButtonEnabled:hover span.mce_justifyfull,
 670 .wp_themeSkin .mceButtonActive span.mce_justifyfull {background-position:-300px 0}
 671
 672 .wp_themeSkin span.mce_indent {background-position:-460px -20px}
 673 .wp_themeSkin .mceButtonEnabled:hover span.mce_indent,
 674 .wp_themeSkin .mceButtonActive span.mce_indent {background-position:-460px 0}
 675
 676 .wp_themeSkin span.mce_outdent {background-position:-440px -20px}
 677 .wp_themeSkin .mceButtonEnabled:hover span.mce_outdent,
 678 .wp_themeSkin .mceButtonActive span.mce_outdent {background-position:-440px 0}
 679
 680 .wp_themeSkin span.mce_link {background-position:-160px -20px}
 681 .wp_themeSkin .mceButtonEnabled:hover span.mce_link,
 682 .wp_themeSkin .mceButtonActive span.mce_link {background-position:-160px 0}
 683
 684 .wp_themeSkin span.mce_unlink {background-position:-180px -20px}
 685 .wp_themeSkin .mceButtonEnabled:hover span.mce_unlink,
 686 .wp_themeSkin .mceButtonActive span.mce_unlink {background-position:-180px 0}
 687
 688 .wp_themeSkin span.mce_help {background-position:-520px -20px}
 689 .wp_themeSkin .mceButtonEnabled:hover span.mce_help,
 690 .wp_themeSkin .mceButtonActive span.mce_help {background-position:-520px 0}
 691
 692 .wp_themeSkin span.mce_removeformat {background-position:-380px -20px}
 693 .wp_themeSkin .mceButtonEnabled:hover span.mce_removeformat,
 694 .wp_themeSkin .mceButtonActive span.mce_removeformat {background-position:-380px 0}
 695
 696 .wp_themeSkin span.mce_strikethrough {background-position:-540px -20px;}
 697 .wp_themeSkin .mceButtonEnabled:hover span.mce_strikethrough,
 698 .wp_themeSkin .mceButtonActive span.mce_strikethrough {background-position:-540px 0}
 699
 700 .wp_themeSkin .mceSplitButton .mce_forecolor span.mce_forecolor {background-position:-320px -20px}
 701 .wp_themeSkin .mceSplitButtonEnabled:hover span.mce_forecolor,
 702 .wp_themeSkin .mceSplitButtonSelected span.mce_forecolor {background-position:-320px 0}
 703
 704 .wp_themeSkin .mce_forecolorpicker {background-position:-320px -20px}
 705
 706 /* Plugins in WP */
 707 .wp_themeSkin span.mce_fullscreen {background-position:-240px -20px}
 708 .wp_themeSkin .mceButtonEnabled:hover span.mce_fullscreen,
 709 .wp_themeSkin .mceButtonActive span.mce_fullscreen {background-position:-240px 0}
 710
 711 .wp_themeSkin span.mce_wp_fullscreen {background-position:-240px -20px}
 712 .wp_themeSkin .mceButtonEnabled:hover span.mce_wp_fullscreen,
 713 .wp_themeSkin .mceButtonActive span.mce_wp_fullscreen {background-position:-240px 0}
 714
 715 .wp_themeSkin span.mce_media {background-position:-400px -20px}
 716 .wp_themeSkin .mceButtonEnabled:hover span.mce_media,
 717 .wp_themeSkin .mceButtonActive span.mce_media {background-position:-400px 0}
 718
 719 .wp_themeSkin span.mce_pastetext {background-position:-340px -20px}
 720 .wp_themeSkin .mceButtonEnabled:hover span.mce_pastetext,
 721 .wp_themeSkin .mceButtonActive span.mce_pastetext {background-position:-340px 0}
 722
 723 .wp_themeSkin span.mce_pasteword {background-position:-360px -20px}
 724 .wp_themeSkin .mceButtonEnabled:hover span.mce_pasteword,
 725 .wp_themeSkin .mceButtonActive span.mce_pasteword {background-position:-360px 0}
 726
 727 .wp_themeSkin span.mce_spellchecker {background-position:-220px -20px}
 728 .wp_themeSkin .mceButtonEnabled:hover span.mce_spellchecker,
 729 .wp_themeSkin .mceSplitButtonEnabled:hover span.mce_spellchecker,
 730 .wp_themeSkin .mceButtonActive span.mce_spellchecker,
 731 .wp_themeSkin .mceSplitButtonSelected span.mce_spellchecker {background-position:-220px 0}
 732
 733 .wp_themeSkin span.mce_wp_help {background-position:-520px -20px}
 734 .wp_themeSkin .mceButtonEnabled:hover span.mce_wp_help,
 735 .wp_themeSkin .mceButtonActive span.mce_wp_help {background-position:-520px 0}
 736
 737 .wp_themeSkin span.mce_wp_adv {background-position:-260px -20px}
 738 .wp_themeSkin .mceButtonEnabled:hover span.mce_wp_adv,
 739 .wp_themeSkin .mceButtonActive span.mce_wp_adv {background-position:-260px 0}
 740
 741 .wp_themeSkin span.mce_wp_more {background-position:-200px -20px}
 742 .wp_themeSkin .mceButtonEnabled:hover span.mce_wp_more,
 743 .wp_themeSkin .mceButtonActive span.mce_wp_more {background-position:-200px 0}
 744
 745 /* Default icons */
 746 .wp_themeSkin span.mce_cleanup {background-position:-380px -20px}
 747 .wp_themeSkin span.mce_anchor {background-position:-200px 0}
 748 .wp_themeSkin span.mce_sub {background-position:-600px 0}
 749 .wp_themeSkin span.mce_sup {background-position:-620px 0}
 750 .wp_themeSkin span.mce_newdocument {background-position:-520px 0}
 751 .wp_themeSkin span.mce_image {background-position:-380px 0}
 752 .wp_themeSkin span.mce_code {background-position:-260px 0}
 753 .wp_themeSkin span.mce_hr {background-position:-360px 0}
 754 .wp_themeSkin span.mce_visualaid {background-position:-660px 0}
 755 .wp_themeSkin span.mce_paste {background-position:-560px 0}
 756 .wp_themeSkin span.mce_copy {background-position:-700px 0}
 757 .wp_themeSkin span.mce_cut {background-position:-680px 0}
 758 .wp_themeSkin .mce_backcolor span.mceAction {background-position:-760px 0}
 759 .wp_themeSkin .mce_backcolorpicker {background-position:-760px 0}
 760
 761 /* Plugins */
 762 .wp_themeSkin span.mce_advhr {background-position:-0px -20px}
 763 .wp_themeSkin span.mce_ltr {background-position:-20px -20px}
 764 .wp_themeSkin span.mce_rtl {background-position:-40px -20px}
 765 .wp_themeSkin span.mce_emotions {background-position:-60px -20px}
 766 .wp_themeSkin span.mce_fullpage {background-position:-80px -20px}
 767 .wp_themeSkin span.mce_iespell {background-position:-120px -20px}
 768 .wp_themeSkin span.mce_insertdate {background-position:-140px -20px}
 769 .wp_themeSkin span.mce_inserttime {background-position:-160px -20px}
 770 .wp_themeSkin span.mce_absolute {background-position:-180px -20px}
 771 .wp_themeSkin span.mce_backward {background-position:-200px -20px}
 772 .wp_themeSkin span.mce_forward {background-position:-220px -20px}
 773 .wp_themeSkin span.mce_insert_layer {background-position:-240px -20px}
 774 .wp_themeSkin span.mce_insertlayer {background-position:-260px -20px}
 775 .wp_themeSkin span.mce_movebackward {background-position:-280px -20px}
 776 .wp_themeSkin span.mce_moveforward {background-position:-300px -20px}
 777 .wp_themeSkin span.mce_nonbreaking {background-position:-340px -20px}
 778 .wp_themeSkin span.mce_selectall {background-position:-400px -20px}
 779 .wp_themeSkin span.mce_preview {background-position:-420px -20px}
 780 .wp_themeSkin span.mce_print {background-position:-440px -20px}
 781 .wp_themeSkin span.mce_cancel {background-position:-460px -20px}
 782 .wp_themeSkin span.mce_save {background-position:-480px -20px}
 783 .wp_themeSkin span.mce_replace {background-position:-500px -20px}
 784 .wp_themeSkin span.mce_search {background-position:-520px -20px}
 785 .wp_themeSkin span.mce_styleprops {background-position:-560px -20px}
 786 .wp_themeSkin span.mce_table {background-position:-580px -20px}
 787 .wp_themeSkin span.mce_cell_props {background-position:-600px -20px}
 788 .wp_themeSkin span.mce_delete_table {background-position:-620px -20px}
 789 .wp_themeSkin span.mce_delete_col {background-position:-640px -20px}
 790 .wp_themeSkin span.mce_delete_row {background-position:-660px -20px}
 791 .wp_themeSkin span.mce_col_after {background-position:-680px -20px}
 792 .wp_themeSkin span.mce_col_before {background-position:-700px -20px}
 793 .wp_themeSkin span.mce_row_after {background-position:-720px -20px}
 794 .wp_themeSkin span.mce_row_before {background-position:-740px -20px}
 795 .wp_themeSkin span.mce_merge_cells {background-position:-760px -20px}
 796 .wp_themeSkin span.mce_table_props {background-position:-980px -20px}
 797 .wp_themeSkin span.mce_row_props {background-position:-780px -20px}
 798 .wp_themeSkin span.mce_split_cells {background-position:-800px -20px}
 799 .wp_themeSkin span.mce_template {background-position:-820px -20px}
 800 .wp_themeSkin span.mce_visualchars {background-position:-840px -20px}
 801 .wp_themeSkin span.mce_abbr {background-position:-860px -20px}
 802 .wp_themeSkin span.mce_acronym {background-position:-880px -20px}
 803 .wp_themeSkin span.mce_attribs {background-position:-900px -20px}
 804 .wp_themeSkin span.mce_cite {background-position:-920px -20px}
 805 .wp_themeSkin span.mce_del {background-position:-940px -20px}
 806 .wp_themeSkin span.mce_ins {background-position:-960px -20px}
 807 .wp_themeSkin span.mce_pagebreak {background-position:0 -40px}
 808 .wp_themeSkin span.mce_restoredraft {background-position:-20px -40px}
 809 .wp_themeSkin span.mce_visualblocks {background-position: -40px -40px}
 810
 811 /* border */
 812 .wp_themeSkin .mceExternalToolbar,
 813 .wp_themeSkin .mceButton,
 814 .wp_themeSkin a.mceButtonEnabled:hover,
 815 .wp_themeSkin a.mceButtonActive,
 816 .wp_themeSkin a.mceButtonSelected,
 817 .wp_themeSkin .mceListBox .mceText,
 818 .wp_themeSkin .mceListBox .mceOpen,
 819 .wp_themeSkin select.mceListBox,
 820 .wp_themeSkin .mceSplitButton a.mceAction,
 821 .wp_themeSkin .mceSplitButton a.mceOpen,
 822 .wp_themeSkin .mceSplitButton a.mceOpen:hover,
 823 .wp_themeSkin .mceSplitButtonSelected a.mceOpen,
 824 .wp_themeSkin table.mceSplitButtonEnabled:hover a.mceAction,
 825 .wp_themeSkin .mceSplitButton a.mceAction:hover,
 826 .wp_themeSkin div.mceColorSplitMenu table,
 827 .wp_themeSkin .mceColorSplitMenu a,
 828 .wp_themeSkin .mceColorSplitMenu a.mceMoreColors,
 829 .wp_themeSkin .mceColorSplitMenu a.mceMoreColors:hover,
 830 .wp_themeSkin a.mceMoreColors:hover,
 831 .wp_themeSkin .mceMenu {
 832         border-style: solid;
 833         border-width: 1px;
 834 }
 835 .wp_themeSkin .mceListBox .mceText {
 836         border-right: 0 none;
 837 }
 838 .wp_themeSkin iframe {
 839         background: transparent;
 840 }
 841
 842 .wp_themeSkin .mceButton {
 843         border-color: transparent;
 844 }
 845
 846 .wp_themeSkin .mceListBox .mceText,
 847 .wp_themeSkin .mceListBox .mceOpen {
 848         border-color: transparent;
 849 }
 850
 851 .wp_themeSkin a.mceButtonEnabled:hover,
 852 .wp_themeSkin table.mceSplitButton:hover {
 853         border-color: #bbb;
 854         background: #eee;
 855         background-image: -webkit-gradient(linear, left bottom, left top, from(#e5e5e5), to(#fff));
 856         background-image: -webkit-linear-gradient(bottom, #e5e5e5, #fff);
 857         background-image:    -moz-linear-gradient(bottom, #e5e5e5, #fff);
 858         background-image:      -o-linear-gradient(bottom, #e5e5e5, #fff);
 859         background-image: linear-gradient(to top, #e5e5e5, #fff);
 860 }
 861
 862 .wp_themeSkin a.mceButton:active,
 863 .wp_themeSkin a.mceButtonEnabled:active,
 864 .wp_themeSkin a.mceButtonSelected:active,
 865 .wp_themeSkin a.mceButtonActive,
 866 .wp_themeSkin a.mceButtonActive:active,
 867 .wp_themeSkin a.mceButtonActive:hover,
 868 .wp_themeSkin .mceSplitButtonSelected table,
 869 .wp_themeSkin .mceSplitButtonSelected table:hover {
 870         outline: none;
 871         border-color: #999 #ccc #ccc #999;
 872         background: #eee;
 873         background-image: -webkit-gradient(linear, left bottom, left top, from(#f6f6f6), to(#e3e3e3));
 874         background-image: -webkit-linear-gradient(bottom, #f6f6f6, #e3e3e3);
 875         background-image:    -moz-linear-gradient(bottom, #f6f6f6, #e3e3e3);
 876         background-image:      -o-linear-gradient(bottom, #f6f6f6, #e3e3e3);
 877         background-image: linear-gradient(to top, #f6f6f6, #e3e3e3);
 878 }
 879
 880 .wp_themeSkin .mceSplitButtonSelected table a.mceOpen,
 881 .wp_themeSkin .mceSplitButtonSelected table a.mceAction {
 882         border-color: #999 #ccc #ccc #999;
 883 }
 884
 885 .wp_themeSkin .mceButtonDisabled {
 886         border-color: transparent;
 887 }
 888
 889 .wp_themeSkin .mceListBox .mceOpen {
 890         border-left: 0;
 891 }
 892
 893 .wp_themeSkin .mceListBoxEnabled:hover,
 894 .wp_themeSkin .mceListBoxEnabled:active,
 895 .wp_themeSkin .mceListBoxHover,
 896 .wp_themeSkin .mceListBoxHover:active,
 897 .wp_themeSkin .mceListBoxSelected {
 898         -webkit-box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, .3);
 899         box-shadow:         inset 0 1px 1px -1px rgba(0, 0, 0, .3);
 900         border-color: #bbb;
 901 }
 902
 903 /* SplitButton */
 904 .wp_themeSkin .mceSplitButton .mceLast span.mceOpen .mceIconOnly {
 905         display: block;
 906 }
 907
 908 .wp_themeSkin .mceSplitButton a.mceAction,
 909 .wp_themeSkin .mceSplitButton a.mceOpen {
 910         border-color: transparent;
 911 }
 912
 913 .wp_themeSkin .mceSplitButton:hover a {
 914         border-color: #bbb;
 915 }
 916
 917 .wp_themeSkin .mceSplitButtonEnabled a.mceOpen,
 918 .wp_themeSkin .mceSplitButtonSelected a.mceOpen,
 919 .wp_themeSkin .mceSplitButtonActive a.mceOpen,
 920 .wp_themeSkin .mceSplitButtonEnabled:hover a.mceOpen {
 921         background-image: url("../images/down_arrow.gif");
 922         background-position: 1px 2px;
 923         background-repeat: no-repeat;
 924         border-left: 0;
 925 }
 926
 927 .wp_themeSkin .mceSplitButtonActive td {
 928         -webkit-border-radius: 3px;
 929         border-radius: 3px;
 930 }
 931
 932 .wp_themeSkin .mceColorSplitMenu a.mceMoreColors:hover {
 933         border-color: #0A246A;
 934         background-color: #B6BDD2;
 935 }
 936
 937 .wp_themeSkin a.mceMoreColors:hover {
 938         border-color: #0A246A;
 939 }
 940
 941 .wp_themeSkin .mceMenuItemDisabled .mceText {
 942         color: #888;
 943 }
 944
 945 #mceModalBlocker {
 946         background: #000;
 947 }
 948
 949 /* WP specific */
 950 .wp-editor-wrap {
 951         position: relative;
 952 }
 953
 954 .wp-editor-area {
 955         font-family: Consolas, Monaco, monospace;
 956         padding: 10px;
 957         margin: 1px 0 0;
 958         line-height: 150%;
 959         border: 0 none;
 960         outline: none;
 961         display: block;
 962         resize: vertical;
 963         -moz-box-sizing: border-box;
 964         -webkit-box-sizing: border-box;
 965         box-sizing: border-box;
 966 }
 967
 968 .wp-editor-tools {
 969         height: 30px;
 970         padding: 0 10px 0 0;
 971 }
 972
 973 .rtl .wp-editor-tools {
 974         padding: 0 0 0 10px;
 975 }
 976
 977 .wp-editor-container {
 978         border-width: 1px;
 979         border-style: solid;
 980         -webkit-border-top-right-radius: 3px;
 981         -webkit-border-top-left-radius: 3px;
 982         border-top-right-radius: 3px;
 983         border-top-left-radius: 3px;
 984         border-color: #ccc #ccc #dfdfdf;
 985 }
 986
 987 .wp-editor-container textarea.wp-editor-area {
 988         width: 100%;
 989         margin: 0;
 990         -webkit-box-shadow: none;
 991         box-shadow: none;
 992 }
 993
 994 .quicktags-toolbar,
 995 .wp_themeSkin tr.mceFirst td.mceToolbar {
 996         border-bottom: 1px solid #d1d1d1;
 997         background: #eee;
 998         background-image: -webkit-gradient(linear, left bottom, left top, from(#e5e5e5), to(#f4f4f4));
 999         background-image: -webkit-linear-gradient(bottom, #e5e5e5, #f4f4f4);
1000         background-image:    -moz-linear-gradient(bottom, #e5e5e5, #f4f4f4);
1001         background-image:      -o-linear-gradient(bottom, #e5e5e5, #f4f4f4);
1002         background-image: linear-gradient(to top, #e5e5e5, #f4f4f4);
1003 }
1004
1005 .wp-switch-editor {
1006         height: 18px;
1007         font: 13px/18px Arial,Helvetica,sans-serif normal;
1008         margin: 5px 5px 0 0;
1009         padding: 4px 5px 2px;
1010         float: right;
1011         cursor: pointer;
1012         border-width: 1px;
1013         border-style: solid;
1014         -webkit-border-top-right-radius: 3px;
1015         -webkit-border-top-left-radius: 3px;
1016         border-top-right-radius: 3px;
1017         border-top-left-radius: 3px;
1018         background-color: #f1f1f1;
1019         border-color: #dfdfdf #dfdfdf #ccc;
1020         color: #999;
1021 }
1022
1023 html[dir="rtl"] .wp-switch-editor {
1024         float: left;
1025 }
1026
1027 .wp-switch-editor:active {
1028         background-color: #f1f1f1;
1029 }
1030
1031 .wp-switch-editor:hover {
1032         text-decoration: none !important;
1033 }
1034
1035 .js .tmce-active .wp-editor-area {
1036         color: white;
1037 }
1038
1039 .tmce-active .quicktags-toolbar {
1040          display: none;
1041 }
1042
1043 .tmce-active .switch-tmce,
1044 .html-active .switch-html {
1045         border-color: #ccc #ccc #f4f4f4;
1046         background-color: #f4f4f4;
1047         color: #555;
1048 }
1049
1050 .wp-media-buttons .button {
1051         margin-right: 5px;
1052 }
1053
1054 .rtl .wp-media-buttons .button {
1055         margin-right: 0;
1056         margin-left: 5px;
1057 }
1058
1059 .wp-media-buttons .insert-media {
1060         padding-left: 0.4em;
1061 }
1062
1063 .rtl .wp-media-buttons .insert-media {
1064         padding-left: 10px;
1065         padding-right: 0.4em;
1066 }
1067
1068 .wp-media-buttons a {
1069         text-decoration: none;
1070         color: #464646;
1071         font-size: 12px;
1072 }
1073
1074 .wp-media-buttons img {
1075         padding: 0 4px;
1076         vertical-align: middle;
1077 }
1078
1079 .wp-media-buttons span.wp-media-buttons-icon {
1080         display: inline-block;
1081         width: 16px;
1082         height: 16px;
1083         vertical-align: text-top;
1084         margin: 0 2px;
1085 }
1086
1087 .wp-media-buttons .add_media span.wp-media-buttons-icon {
1088         background: url('../../wp-admin/images/media-button.png') no-repeat top left;
1089 }
1090
1091 .quicktags-toolbar {
1092         border-bottom-style: solid;
1093         border-bottom-width: 1px;
1094         -webkit-border-top-right-radius: 3px;
1095         -webkit-border-top-left-radius: 3px;
1096         border-top-right-radius: 3px;
1097         border-top-left-radius: 3px;
1098         padding: 2px 8px 0;
1099         min-height: 29px;
1100 }
1101
1102 .quicktags-toolbar > div {
1103         padding: 2px 4px 0;
1104 }
1105
1106 .quicktags-toolbar input {
1107         margin: 2px 1px 4px;
1108         line-height: 18px;
1109         display: inline-block;
1110         min-width: 26px;
1111         padding: 2px 4px;
1112         font: 12px/18px Arial, Helvetica, sans-serif normal;
1113         color: #464646;
1114         border: 1px solid #c3c3c3;
1115         -webkit-border-radius: 3px;
1116         border-radius: 3px;
1117         background: #eee;
1118         background-image: -webkit-gradient(linear, left bottom, left top, from(#e3e3e3), to(#fff));
1119         background-image: -webkit-linear-gradient(bottom, #e3e3e3, #fff);
1120         background-image:    -moz-linear-gradient(bottom, #e3e3e3, #fff);
1121         background-image:      -o-linear-gradient(bottom, #e3e3e3, #fff);
1122         background-image: linear-gradient(to top, #e3e3e3, #fff);
1123 }
1124
1125 .quicktags-toolbar input:hover {
1126         border-color: #aaa;
1127         background: #ddd;
1128 }
1129
1130 .quicktags-toolbar input[value="link"] {
1131         text-decoration: underline;
1132 }
1133
1134 .quicktags-toolbar input[value="del"] {
1135         text-decoration: line-through;
1136 }
1137
1138 .quicktags-toolbar input[value="i"] {
1139         font-style: italic;
1140 }
1141
1142 .quicktags-toolbar input[value="b"] {
1143         font-weight: bold;
1144 }
1145
1146 #wp_editbtns,
1147 #wp_gallerybtns {
1148         padding: 2px;
1149         position: absolute;
1150         display: none;
1151         z-index: 155000;
1152 }
1153
1154 #wp_editimgbtn,
1155 #wp_delimgbtn,
1156 #wp_editgallery,
1157 #wp_delgallery {
1158         border-color: #999;
1159         background-color: #eee;
1160         margin: 2px;
1161         padding: 2px;
1162         border-width: 1px;
1163         border-style: solid;
1164         -webkit-border-radius: 3px;
1165         border-radius: 3px;
1166 }
1167
1168 #wp_editimgbtn:hover,
1169 #wp_delimgbtn:hover,
1170 #wp_editgallery:hover,
1171 #wp_delgallery:hover {
1172         border-color: #555;
1173         background-color: #ccc;
1174 }
1175
1176 /*------------------------------------------------------------------------------
1177  wp-link
1178 ------------------------------------------------------------------------------*/
1179
1180 #wp-link {
1181         background-color: #F5F5F5;
1182         line-height: 1.4em;
1183         font-size: 12px;
1184 }
1185
1186 #wp-link ol,
1187 #wp-link ul {
1188         list-style: none;
1189         margin: 0;
1190         padding: 0;
1191 }
1192
1193 #wp-link input[type="text"] {
1194         -webkit-box-sizing: border-box;
1195 }
1196
1197 #wp-link input[type="text"],
1198 #wp-link textarea {
1199         border-width: 1px;
1200         border-style: solid;
1201         -webkit-border-radius: 4px;
1202         border-radius: 4px;
1203         font-size: 12px;
1204         margin: 1px;
1205         padding: 3px;
1206 }
1207
1208 #wp-link #link-options {
1209         padding: 10px 0 14px;
1210         border-bottom: 1px solid #dfdfdf;
1211         margin: 0 6px 14px;
1212 }
1213
1214 #wp-link p.howto {
1215         margin: 3px;
1216 }
1217
1218 #wp-link #internal-toggle {
1219         display: inline-block;
1220         cursor: pointer;
1221         padding-left: 18px;
1222 }
1223
1224 #wp-link .toggle-arrow {
1225         background: transparent url( '../images/toggle-arrow.png' ) top left no-repeat;
1226         height: 23px;
1227         line-height: 23px;
1228 }
1229
1230 #wp-link .toggle-arrow-active {
1231         background-position: center left;
1232 }
1233
1234 #wp-link label input[type="text"] {
1235         width: 360px;
1236         margin-top: 5px;
1237 }
1238
1239 #wp-link #link-options label span,
1240 #wp-link #search-panel label span.search-label {
1241         display: inline-block;
1242         width: 80px;
1243         text-align: right;
1244         padding-right: 5px;
1245 }
1246
1247 #wp-link .link-search-field {
1248         float: left;
1249         width: 220px;
1250 }
1251
1252 #wp-link .link-search-wrapper {
1253         margin: 5px 6px 9px;
1254         display: block;
1255         overflow: hidden;
1256 }
1257
1258 #wp-link .link-search-wrapper span {
1259         float: left;
1260         margin-top: 4px;
1261 }
1262
1263 #wp-link .link-search-wrapper .spinner {
1264         display: none;
1265         vertical-align: text-bottom;
1266 }
1267
1268 #wp-link .link-target {
1269         width: auto;
1270         padding: 3px 0 0;
1271         margin: 0 0 0 87px;
1272         font-size: 11px;
1273 }
1274
1275 #wp-link .query-results {
1276         border: 1px #dfdfdf solid;
1277         margin: 0 5px 5px;
1278         background: #fff;
1279         height: 185px;
1280         overflow: auto;
1281         position: relative;
1282 }
1283
1284 #wp-link li,
1285 #wp-link .query-notice {
1286         clear: both;
1287         margin-bottom: 0;
1288         border-bottom: 1px solid #f1f1f1;
1289         color: #333;
1290         padding: 4px 6px;
1291         cursor: pointer;
1292         position: relative;
1293 }
1294
1295 #wp-link li:hover {
1296         background: #eaf2fa;
1297         color: #151515;
1298 }
1299
1300 #wp-link li.unselectable {
1301         border-bottom: 1px solid #dfdfdf;
1302 }
1303
1304 #wp-link li.unselectable:hover {
1305         background: #fff;
1306         cursor: auto;
1307         color: #333;
1308 }
1309
1310 #wp-link li.selected {
1311         background: #ddd;
1312         color: #333;
1313 }
1314
1315 #wp-link li.selected .item-title {
1316         font-weight: bold;
1317 }
1318
1319 #wp-link .item-title {
1320         display: inline-block;
1321         width: 80%;
1322 }
1323
1324 #wp-link .item-info {
1325         text-transform: uppercase;
1326         color: #666;
1327         font-size: 11px;
1328         position: absolute;
1329         right: 5px;
1330         top: 4px;
1331         bottom: 0;
1332 }
1333
1334 #wp-link #search-results {
1335         display: none;
1336 }
1337
1338 #wp-link #search-panel {
1339         float: left;
1340         width: 100%;
1341 }
1342
1343 #wp-link .river-waiting {
1344         display: none;
1345         padding: 10px 0;
1346 }
1347
1348 #wp-link .river-waiting .spinner {
1349         margin: 0 auto;
1350         display: block;
1351 }
1352
1353 #wp-link .submitbox {
1354         padding: 5px 10px;
1355         font-size: 11px;
1356         overflow: auto;
1357         height: 29px;
1358 }
1359
1360 #wp-link-cancel {
1361         line-height: 25px;
1362         float: left;
1363 }
1364
1365 #wp-link-update {
1366         line-height: 23px;
1367         float: right;
1368 }
1369
1370 /*!
1371  * jQuery UI CSS Framework 1.10.1
1372  * http://jqueryui.com
1373  *
1374  * Copyright 2013 jQuery Foundation and other contributors
1375  * Released under the MIT license.
1376  * http://jquery.org/license
1377  *
1378  * http://docs.jquery.com/UI/Theming/API
1379  */
1380
1381 /* Layout helpers
1382 ----------------------------------*/
1383 .ui-helper-hidden {
1384         display: none;
1385 }
1386 .ui-helper-hidden-accessible {
1387         border: 0;
1388         clip: rect(0 0 0 0);
1389         height: 1px;
1390         margin: -1px;
1391         overflow: hidden;
1392         padding: 0;
1393         position: absolute;
1394         width: 1px;
1395 }
1396 .ui-helper-reset {
1397         margin: 0;
1398         padding: 0;
1399         border: 0;
1400         outline: 0;
1401         line-height: 1.3;
1402         text-decoration: none;
1403         font-size: 100%;
1404         list-style: none;
1405 }
1406 .ui-helper-clearfix:before,
1407 .ui-helper-clearfix:after {
1408         content: "";
1409         display: table;
1410         border-collapse: collapse;
1411 }
1412 .ui-helper-clearfix:after {
1413         clear: both;
1414 }
1415 .ui-helper-clearfix {
1416         min-height: 0; /* support: IE7 */
1417 }
1418 .ui-helper-zfix {
1419         width: 100%;
1420         height: 100%;
1421         top: 0;
1422         left: 0;
1423         position: absolute;
1424         opacity: 0;
1425         filter:Alpha(Opacity=0);
1426 }
1427
1428 .ui-front {
1429         z-index: 100;
1430 }
1431
1432
1433 /* Interaction Cues
1434 ----------------------------------*/
1435 .ui-state-disabled {
1436         cursor: default !important;
1437 }
1438
1439
1440 /* Icons
1441 ----------------------------------*/
1442
1443 /* states and images */
1444 .ui-icon {
1445         display: block;
1446         text-indent: -99999px;
1447         overflow: hidden;
1448         background-repeat: no-repeat;
1449 }
1450
1451
1452 /* Misc visuals
1453 ----------------------------------*/
1454
1455 /* Overlays */
1456 .ui-widget-overlay {
1457         position: fixed;
1458         top: 0;
1459         left: 0;
1460         width: 100%;
1461         height: 100%;
1462 }
1463
1464
1465 /*!
1466  * jQuery UI Resizable 1.10.1
1467  * http://jqueryui.com
1468  *
1469  * Copyright 2013 jQuery Foundation and other contributors
1470  * Released under the MIT license.
1471  * http://jquery.org/license
1472  *
1473  * http://docs.jquery.com/UI/Resizable#theming
1474  */
1475 .ui-resizable {
1476         position: relative;
1477 }
1478 .ui-resizable-handle {
1479         position: absolute;
1480         font-size: 0.1px;
1481         display: block;
1482 }
1483 .ui-resizable-disabled .ui-resizable-handle,
1484 .ui-resizable-autohide .ui-resizable-handle {
1485         display: none;
1486 }
1487 .ui-resizable-n {
1488         cursor: n-resize;
1489         height: 7px;
1490         width: 100%;
1491         top: -5px;
1492         left: 0;
1493 }
1494 .ui-resizable-s {
1495         cursor: s-resize;
1496         height: 7px;
1497         width: 100%;
1498         bottom: -5px;
1499         left: 0;
1500 }
1501 .ui-resizable-e {
1502         cursor: e-resize;
1503         width: 7px;
1504         right: -5px;
1505         top: 0;
1506         height: 100%;
1507 }
1508 .ui-resizable-w {
1509         cursor: w-resize;
1510         width: 7px;
1511         left: -5px;
1512         top: 0;
1513         height: 100%;
1514 }
1515 .ui-resizable-se {
1516         cursor: se-resize;
1517         width: 12px;
1518         height: 12px;
1519         right: 1px;
1520         bottom: 1px;
1521 }
1522 .ui-resizable-sw {
1523         cursor: sw-resize;
1524         width: 9px;
1525         height: 9px;
1526         left: -5px;
1527         bottom: -5px;
1528 }
1529 .ui-resizable-nw {
1530         cursor: nw-resize;
1531         width: 9px;
1532         height: 9px;
1533         left: -5px;
1534         top: -5px;
1535 }
1536 .ui-resizable-ne {
1537         cursor: ne-resize;
1538         width: 9px;
1539         height: 9px;
1540         right: -5px;
1541         top: -5px;
1542 }
1543
1544 /*!
1545  * jQuery UI Dialog 1.10.1
1546  * http://jqueryui.com
1547  *
1548  * Copyright 2013 jQuery Foundation and other contributors
1549  * Released under the MIT license.
1550  * http://jquery.org/license
1551  *
1552  * http://docs.jquery.com/UI/Dialog#theming
1553  */
1554 .ui-dialog {
1555         position: absolute;
1556         top: 0;
1557         left: 0;
1558         padding: .2em;
1559         outline: 0;
1560 }
1561 .ui-dialog .ui-dialog-titlebar {
1562         padding: .4em 1em;
1563         position: relative;
1564 }
1565 .ui-dialog .ui-dialog-title {
1566         float: left;
1567         margin: .1em 0;
1568         white-space: nowrap;
1569         width: 90%;
1570         overflow: hidden;
1571         text-overflow: ellipsis;
1572 }
1573 .ui-dialog .ui-dialog-titlebar-close {
1574         position: absolute;
1575         right: .3em;
1576         top: 50%;
1577         width: 21px;
1578         margin: -10px 0 0 0;
1579         padding: 1px;
1580         height: 20px;
1581 }
1582 .ui-dialog .ui-dialog-content {
1583         position: relative;
1584         border: 0;
1585         padding: .5em 1em;
1586         background: none;
1587         overflow: auto;
1588 }
1589 .ui-dialog .ui-dialog-buttonpane {
1590         text-align: left;
1591         border-width: 1px 0 0 0;
1592         background-image: none;
1593         margin-top: .5em;
1594         padding: .3em 1em .5em .4em;
1595 }
1596 .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
1597         float: right;
1598 }
1599 .ui-dialog .ui-dialog-buttonpane button {
1600         margin: .5em .4em .5em 0;
1601         cursor: pointer;
1602 }
1603 .ui-dialog .ui-resizable-se {
1604         width: 12px;
1605         height: 12px;
1606         right: -5px;
1607         bottom: -5px;
1608         background-position: 16px 16px;
1609 }
1610 .ui-draggable .ui-dialog-titlebar {
1611         cursor: move;
1612 }
1613
1614 /* WP jQuery Dialog Theme */
1615 .wp-dialog {
1616         padding: 0;
1617         z-index: 300002;
1618         border: 1px solid #999;
1619         -webkit-box-shadow: 0px 0px 16px rgba( 0,0,0,0.3 );
1620         box-shadow: 0px 0px 16px rgba( 0,0,0,0.3 );
1621         background-color: #f5f5f5;
1622         -webkit-border-top-left-radius: 4px;
1623         border-top-left-radius: 4px;
1624         -webkit-border-top-right-radius: 4px;
1625         border-top-right-radius: 4px;
1626 }
1627
1628 .wp-dialog .ui-dialog-title {
1629         display: block;
1630         text-align: center;
1631         padding: 1px 0 2px;
1632 }
1633
1634 .wp-dialog .ui-dialog-titlebar {
1635         padding: 0 1em;
1636         background-color: #444;
1637         font-weight: bold;
1638         font-size: 11px;
1639         line-height: 18px;
1640         color: #e5e5e5;
1641         -webkit-border-top-left-radius: 3px;
1642         border-top-left-radius: 3px;
1643         -webkit-border-top-right-radius: 3px;
1644         border-top-right-radius: 3px;
1645 }
1646
1647 .wp-dialog .ui-dialog-content {
1648         padding: 0;
1649 }
1650
1651 .wp-dialog .ui-dialog-titlebar-close {
1652         cursor: pointer;
1653         -webkit-appearance: none;
1654         border: 0;
1655         width: 29px;
1656         height: 16px;
1657         top: 13px;
1658         right: 6px;
1659         background: url('../js/tinymce/plugins/inlinepopups/skins/clearlooks2/img/buttons.gif') no-repeat -87px -16px;
1660 }
1661
1662 .wp-dialog .ui-dialog-titlebar-close .ui-button-text {
1663         display: none;
1664 }
1665
1666 .wp-dialog .ui-dialog-titlebar-close:hover,
1667 .wp-dialog .ui-dialog-titlebar-close:focus {
1668         background-position: -87px -32px;
1669 }
1670
1671 .ui-widget-overlay {
1672         z-index: 300001;
1673         background-color: #000;
1674         opacity: 0.6;
1675         filter: alpha(opacity=60);
1676 }
1677
1678 .rtl .wp-dialog .ui-dialog-titlebar-close {
1679         right: auto;
1680         left: 6px;
1681 }
1682
1683 /*
1684 RTL
1685 */
1686 .rtl #wp-link #internal-toggle {
1687         padding-right: 18px;
1688         padding-left: 0;
1689 }
1690
1691 .rtl #wp-link #link-options label span,
1692 .rtl #wp-link #search-panel label span.search-label {
1693         text-align: left;
1694         padding-right: 0;
1695         padding-left: 5px;
1696 }
1697
1698 .rtl #wp-link #link-options label #url-field {
1699         direction: ltr;
1700 }
1701
1702 .rtl #wp-link .link-search-field,
1703 .rtl #wp-link .link-search-wrapper span {
1704         float: right;
1705 }
1706
1707 .rtl #wp-link .link-target {
1708         margin-right: 87px;
1709         margin-left: 0;
1710 }
1711
1712 .rtl #wp-link .item-info {
1713         left: 5px;
1714         right: auto;
1715         top: 4px;
1716         bottom: 0;
1717 }
1718
1719 .rtl #wp-link #search-panel {
1720         float: right;
1721 }
1722
1723 .rtl #wp-link-cancel {
1724         float: right;
1725 }
1726
1727 .rtl #wp-link-update {
1728         float: left;
1729 }
1730
1731 .rtl #wp-link .toggle-arrow {
1732         background-position: top right;
1733 }
1734
1735 .rtl #wp-link .toggle-arrow-active {
1736         background-position: center right;
1737 }
1738
1739 .rtl .wp_themeSkin .mceListBox .mceText {
1740         text-align: right;
1741 }
1742
1743 .rtl .wp_themeSkin .mceNoIcons a .mceText {
1744         padding-right: 10px;
1745         padding-left: 25px;
1746 }
1747
1748 .rtl .mceListBoxMenu.mceNoIcons {
1749         direction: rtl;
1750 }
1751
1752 .clearlooks2 .mceFocus .mceTop .mceLeft {
1753         background: #444444;
1754         border-left: 1px solid #999;
1755         border-top: 1px solid #999;
1756         -webkit-border-top-left-radius: 3px;
1757         border-top-left-radius: 3px;
1758 }
1759
1760 .clearlooks2 .mceFocus .mceTop .mceRight {
1761         background: #444444;
1762         border-right: 1px solid #999;
1763         border-top: 1px solid #999;
1764         -webkit-border-top-right-radius: 3px;
1765         border-top-right-radius: 3px;
1766 }
1767
1768 .clearlooks2 .mceMiddle .mceLeft {
1769         background: #f1f1f1;
1770         border-left: 1px solid #999;
1771 }
1772
1773 .clearlooks2 .mceMiddle .mceRight {
1774         background: #f1f1f1;
1775         border-right: 1px solid #999;
1776 }
1777
1778 .clearlooks2 .mceBottom {
1779         background: #f1f1f1;
1780         border-bottom: 1px solid #999;
1781 }
1782
1783 .clearlooks2 .mceBottom .mceLeft {
1784         background: #f1f1f1;
1785         border-bottom: 1px solid #999;
1786         border-left: 1px solid #999;
1787 }
1788
1789 .clearlooks2 .mceBottom .mceCenter {
1790         background: #f1f1f1;
1791         border-bottom: 1px solid #999;
1792 }
1793
1794 .clearlooks2 .mceBottom .mceRight {
1795         background: #f1f1f1;
1796         border-bottom: 1px solid #999;
1797         border-right: 1px solid #999;
1798 }
1799
1800 .clearlooks2 .mceFocus .mceTop span {
1801         color: #e5e5e5;
1802 }
1803
1804
1805 /* Distraction Free Writing mode
1806  * =Overlay Styles
1807 -------------------------------------------------------------- */
1808 .fullscreen-overlay {
1809         z-index: 149999;
1810         display: none;
1811         position: fixed;
1812         top: 0;
1813         bottom: 0;
1814         left: 0;
1815         right: 0;
1816         filter: inherit;
1817 }
1818
1819 .fullscreen-active .fullscreen-overlay,
1820 .fullscreen-active #wp-fullscreen-body {
1821         display: block;
1822 }
1823
1824 .fullscreen-fader {
1825         z-index: 200000;
1826 }
1827
1828 .fullscreen-active .fullscreen-fader {
1829         display: none;
1830 }
1831
1832 /* =Overlay Body
1833 -------------------------------------------------------------- */
1834 #wp-fullscreen-body {
1835         width: 100%;
1836         z-index: 150005;
1837         display: none;
1838         position: absolute;
1839         top: 0;
1840         left: 0;
1841         font-size: 12px;
1842 }
1843
1844 #wp-fullscreen-wrap {
1845         margin: 0 auto 50px;
1846         position: relative;
1847         padding-top: 60px;
1848 }
1849
1850 #wp-fullscreen-title {
1851         font-size: 1.7em;
1852         line-height: 100%;
1853         outline: medium none;
1854         padding: 6px 7px;
1855         width: 100%;
1856         margin-bottom: 30px;
1857         -webkit-box-shadow: none;
1858         box-shadow: none;
1859 }
1860
1861 #wp-fullscreen-container {
1862         padding: 4px 10px 50px;
1863 }
1864
1865 #wp-fullscreen-title,
1866 #wp-fullscreen-container {
1867         -webkit-border-radius: 0;
1868         border-radius: 0;
1869         border: 1px dashed transparent;
1870         background: transparent;
1871         -moz-transition-property: border-color;
1872         -moz-transition-duration: 0.6s;
1873         -webkit-transition-property: border-color;
1874         -webkit-transition-duration: 0.6s;
1875         -o-transition-property: border-color;
1876         -o-transition-duration: 0.6s;
1877         transition-property: border-color;
1878         transition-duration: 0.6s;
1879 }
1880
1881 #wp_mce_fullscreen {
1882         width: 100%;
1883         min-height: 300px;
1884         border: 0;
1885         background: transparent;
1886         font-family: Consolas, Monaco, monospace;
1887         line-height: 1.6em;
1888         padding: 0;
1889         overflow-y: hidden;
1890         outline: none;
1891         resize: none;
1892         -webkit-box-shadow: none;
1893         box-shadow: none;
1894 }
1895
1896 #wp-fullscreen-tagline {
1897         color: #BBBBBB;
1898         font-size: 18px;
1899         float: right;
1900         padding-top: 5px;
1901 }
1902
1903 /* =Top bar
1904 -------------------------------------------------------------- */
1905 #fullscreen-topbar {
1906         position: fixed;
1907         top: 0;
1908         left: 0;
1909         z-index: 150050;
1910         border-bottom-style: solid;
1911         border-bottom-width: 1px;
1912         min-width: 800px;
1913         width: 100%;
1914         height: 40px;
1915 }
1916
1917 #wp-fullscreen-toolbar {
1918         padding: 6px 10px 0;
1919         clear: both;
1920         max-width: 1100px;
1921         min-width: 820px;
1922         margin: 0 auto;
1923 }
1924
1925 #wp-fullscreen-mode-bar,
1926 #wp-fullscreen-button-bar,
1927 #wp-fullscreen-close,
1928 #wp-fullscreen-count {
1929         float: left;
1930 }
1931
1932 #wp-fullscreen-save {
1933         float: right;
1934         padding: 2px 2px 0 5px;
1935 }
1936
1937 #wp-fullscreen-count,
1938 #wp-fullscreen-close {
1939         padding-top: 5px;
1940 }
1941
1942 #wp-fullscreen-central-toolbar {
1943         margin: auto;
1944         padding: 0;
1945 }
1946
1947 #wp-fullscreen-buttons > div {
1948         float: left;
1949 }
1950
1951 #wp-fullscreen-mode-bar {
1952         padding: 1px 14px 0 0;
1953 }
1954
1955 #wp-fullscreen-modes a {
1956         display: block;
1957         font-size: 11px;
1958         text-decoration: none;
1959         float: left;
1960         margin: 1px 0 0 0;
1961         padding: 2px 6px 2px;
1962         border-width: 1px 1px 1px 0;
1963         border-style: solid;
1964         border-color: #bbb;
1965         color: #777;
1966         text-shadow: 0 1px 0 #fff;
1967         background-color: #f4f4f4;
1968         background: #f4f4f4;
1969         background-image: -webkit-gradient(linear, left bottom, left top, from(#e4e4e4), to(#f9f9f9));
1970         background-image: -webkit-linear-gradient(bottom, #e4e4e4, #f9f9f9);
1971         background-image:    -moz-linear-gradient(bottom, #e4e4e4, #f9f9f9);
1972         background-image:      -o-linear-gradient(bottom, #e4e4e4, #f9f9f9);
1973         background-image: linear-gradient(to top, #e4e4e4, #f9f9f9);
1974 }
1975
1976 #wp-fullscreen-modes a:hover,
1977 .wp-html-mode #wp-fullscreen-modes a:last-child,
1978 .wp-tmce-mode #wp-fullscreen-modes a:first-child {
1979         color: #333;
1980         border-color: #999;
1981         background: #eee;
1982         background-image: -webkit-gradient(linear, left top, left bottom, from(#e4e4e4), to(#f9f9f9));
1983         background-image: -webkit-linear-gradient(top, #e4e4e4, #f9f9f9);
1984         background-image:    -moz-linear-gradient(top, #e4e4e4, #f9f9f9);
1985         background-image:      -o-linear-gradient(top, #e4e4e4, #f9f9f9);
1986         background-image: linear-gradient(to bottom, #e4e4e4, #f9f9f9);
1987 }
1988
1989 #wp-fullscreen-modes a:first-child {
1990         border-width: 1px;
1991         -webkit-border-top-left-radius: 3px;
1992         -webkit-border-bottom-left-radius: 3px;
1993         border-top-left-radius: 3px;
1994         border-bottom-left-radius: 3px;
1995 }
1996
1997 #wp-fullscreen-modes a:last-child {
1998         -webkit-border-top-right-radius: 3px;
1999         -webkit-border-bottom-right-radius: 3px;
2000         border-top-right-radius: 3px;
2001         border-bottom-right-radius: 3px;
2002 }
2003
2004 #wp-fullscreen-buttons .active a {
2005         background: inherit;
2006 }
2007
2008 #wp-fullscreen-buttons .hidden {
2009         display: none;
2010 }
2011
2012 #wp-fullscreen-buttons .disabled {
2013         opacity: 0.5;
2014 }
2015
2016 .wp-html-mode #wp-fullscreen-buttons div {
2017         display: none;
2018 }
2019
2020 .wp-html-mode #wp-fullscreen-buttons div.wp-fullscreen-both {
2021         display: block;
2022 }
2023
2024 #fullscreen-topbar.fullscreen-make-sticky {
2025         display: block !important;
2026 }
2027
2028 #wp-fullscreen-save img {
2029         vertical-align: middle;
2030 }
2031
2032 #wp-fullscreen-save img,
2033 #wp-fullscreen-save span {
2034         padding-right: 4px;
2035         display: none;
2036 }
2037
2038 #wp-fullscreen-buttons #wp_fs_image span.mce_image {
2039         background-image: url('../../wp-admin/images/media-button.png');
2040         background-position: 2px 2px;
2041 }
2042
2043 /* =Thickbox Adjustments
2044 -------------------------------------------------------------- */
2045 .fullscreen-active #TB_overlay {
2046         z-index: 150100;
2047 }
2048
2049 .fullscreen-active #TB_window {
2050         z-index: 150102;
2051 }
2052
2053 /* =TinyMCE Adjustments
2054 -------------------------------------------------------------- */
2055 #wp_mce_fullscreen_ifr {
2056         background: transparent;
2057 }
2058
2059 #wp_mce_fullscreen_parent #wp_mce_fullscreen_tbl tr.mceFirst {
2060         display : none;
2061 }
2062
2063 #wp-fullscreen-container .wp_themeSkin table td {
2064         vertical-align: top;
2065 }
2066
2067 /* Colors */
2068 .fullscreen-overlay {
2069         background: #fff;
2070 }
2071
2072 .wp-fullscreen-focus #wp-fullscreen-title,
2073 .wp-fullscreen-focus #wp-fullscreen-container {
2074         border-color: #ccc;
2075 }
2076
2077 #fullscreen-topbar {
2078         border-bottom-color: #DFDFDF;
2079         background: #f1f1f1;
2080         background-image: -webkit-gradient(linear, left bottom, left top, from(#ececec), to(#f9f9f9));
2081         background-image: -webkit-linear-gradient(bottom, #ececec, #f9f9f9);
2082         background-image:    -moz-linear-gradient(bottom, #ececec, #f9f9f9);
2083         background-image:      -o-linear-gradient(bottom, #ececec, #f9f9f9);
2084         background-image: linear-gradient(to top, #ececec, #f9f9f9);
2085 }
2086
2087 /* =CSS 3 transitions
2088 -------------------------------------------------------------- */
2089
2090 .fade-1000,
2091 .fade-600,
2092 .fade-400,
2093 .fade-300 {
2094         opacity: 0;
2095         -moz-transition-property: opacity;
2096         -webkit-transition-property: opacity;
2097         -o-transition-property: opacity;
2098         transition-property: opacity;
2099 }
2100
2101 .fade-1000 {
2102         -moz-transition-duration: 1s;
2103         -webkit-transition-duration: 1s;
2104         -o-transition-duration: 1s;
2105         transition-duration: 1s;
2106 }
2107
2108 .fade-600 {
2109         -moz-transition-duration: 0.6s;
2110         -webkit-transition-duration: 0.6s;
2111         -o-transition-duration: 0.6s;
2112         transition-duration: 0.6s;
2113 }
2114
2115 .fade-400 {
2116         -moz-transition-duration: 0.4s;
2117         -webkit-transition-duration: 0.4s;
2118         -o-transition-duration: 0.4s;
2119         transition-duration: 0.4s;
2120 }
2121
2122 .fade-300 {
2123         -moz-transition-duration: 0.3s;
2124         -webkit-transition-duration: 0.3s;
2125         -o-transition-duration: 0.3s;
2126         transition-duration: 0.3s;
2127 }
2128
2129 .fade-trigger {
2130         opacity: 1;
2131 }
2132
2133 /* Distraction Free Writing - RTL
2134  * =Overlay Styles
2135 -------------------------------------------------------------- */
2136
2137 /* No RTL for now, this space intentionally left blank */
2138
2139 /* =Overlay Body
2140 -------------------------------------------------------------- */
2141 .rtl #wp-fullscreen-tagline {
2142         float: left;
2143 }
2144
2145 /* =Top bar
2146 -------------------------------------------------------------- */
2147 .rtl #fullscreen-topbar {
2148         left:auto;
2149         right: 0;
2150 }
2151
2152 .rtl #wp-fullscreen-mode-bar,
2153 .rtl #wp-fullscreen-button-bar,
2154 .rtl #wp-fullscreen-close,
2155 .rtl #wp-fullscreen-count {
2156         float: right;
2157 }
2158
2159 .rtl #wp-fullscreen-save {
2160         float: left;
2161 }
2162
2163 .rtl #wp-fullscreen-save {
2164         padding: 2px 5px 0 2px;
2165 }
2166
2167 .rtl #wp-fullscreen-buttons > div {
2168         float: right;
2169 }
2170
2171 .rtl #wp-fullscreen-mode-bar {
2172         padding: 1px 0 0 14px;
2173 }
2174
2175 .rtl #wp-fullscreen-modes a {
2176         float: right;
2177         border-width: 1px 0 1px 1px;
2178 }
2179
2180 .rtl #wp-fullscreen-modes a:first-child {
2181         -webkit-border-top-left-radius: 0;
2182         -webkit-border-top-right-radius: 3px;
2183         -webkit-border-bottom-left-radius: 0;
2184         -webkit-border-bottom-right-radius: 3px;
2185         border-width: 1px;
2186         border-top-left-radius: 0;
2187         border-top-right-radius: 3px;
2188         border-bottom-left-radius: 0;
2189         border-bottom-right-radius: 3px;
2190 }
2191
2192 .rtl #wp-fullscreen-modes a:last-child {
2193         -webkit-border-top-right-radius: 0;
2194         -webkit-border-top-left-radius: 3px;
2195         -webkit-border-bottom-right-radius: 0;
2196         -webkit-border-bottom-left-radius: 3px;
2197         border-top-right-radius: 0;
2198         border-top-left-radius: 3px;
2199         border-bottom-right-radius: 0;
2200         border-bottom-left-radius: 3px;
2201 }
2202
2203 .rtl #wp-fullscreen-save img,
2204 .rtl #wp-fullscreen-save span {
2205         padding-right: 0;
2206         padding-left: 4px;
2207 }
2208
2209 /* =Thickbox Adjustments
2210 -------------------------------------------------------------- */
2211 /* No RTL for now, this space intentionally left blank */
2212
2213
2214 /* =TinyMCE Adjustments
2215 -------------------------------------------------------------- */
2216 /* No RTL for now, this space intentionally left blank */
2217
2218
2219 /* HiDPI */
2220 @media print,
2221   (-o-min-device-pixel-ratio: 5/4),
2222   (-webkit-min-device-pixel-ratio: 1.25),
2223   (min-resolution: 120dpi) {
2224         .wp_themeSkin span.mce_undo,
2225         .wp_themeSkin span.mce_redo,
2226         .wp_themeSkin span.mce_bullist,
2227         .wp_themeSkin span.mce_numlist,
2228         .wp_themeSkin span.mce_blockquote,
2229         .wp_themeSkin span.mce_charmap,
2230         .wp_themeSkin span.mce_bold,
2231         .wp_themeSkin span.mce_italic,
2232         .wp_themeSkin span.mce_underline,
2233         .wp_themeSkin span.mce_justifyleft,
2234         .wp_themeSkin span.mce_justifyright,
2235         .wp_themeSkin span.mce_justifycenter,
2236         .wp_themeSkin span.mce_justifyfull,
2237         .wp_themeSkin span.mce_indent,
2238         .wp_themeSkin span.mce_outdent,
2239         .wp_themeSkin span.mce_link,
2240         .wp_themeSkin span.mce_unlink,
2241         .wp_themeSkin span.mce_help,
2242         .wp_themeSkin span.mce_removeformat,
2243         .wp_themeSkin span.mce_fullscreen,
2244         .wp_themeSkin span.mce_wp_fullscreen,
2245         .wp_themeSkin span.mce_media,
2246         .wp_themeSkin span.mce_pastetext,
2247         .wp_themeSkin span.mce_pasteword,
2248         .wp_themeSkin span.mce_wp_help,
2249         .wp_themeSkin span.mce_wp_adv,
2250         .wp_themeSkin span.mce_wp_more,
2251         .wp_themeSkin span.mce_strikethrough,
2252         .wp_themeSkin span.mce_spellchecker,
2253         .wp_themeSkin span.mce_forecolor,
2254         .wp_themeSkin .mce_forecolorpicker,
2255         .wp_themeSkin .mceSplitButton .mce_spellchecker span.mce_spellchecker,
2256         .wp_themeSkin .mceSplitButton .mce_forecolor span.mce_forecolor,
2257         .wp_themeSkin .mceSplitButton span.mce_numlist,
2258         .wp_themeSkin .mceSplitButton span.mce_bullist {
2259                 background-image: url('../images/wpicons-2x.png?ver=20120720');
2260                 background-size: 560px 40px;
2261         }
2262
2263         .wp-media-buttons .add_media span.wp-media-buttons-icon,
2264         #wp-fullscreen-buttons #wp_fs_image span.mce_image {
2265                 background-image: url('../../wp-admin/images/media-button-2x.png');
2266                 background-size: 16px 16px;
2267         }
2268
2269         .wp_themeSkin .mceListBox .mceOpen,
2270         .wp_themeSkin .mceListBoxHover .mceOpen,
2271         .wp_themeSkin .mceListBoxSelected .mceOpen,
2272         .wp_themeSkin table.mceListBoxEnabled .mceOpen {
2273                 background-image: url('../images/down_arrow-2x.gif');
2274                 background-size: 10px 20px;
2275         }
2276
2277         .wp_themeSkin .mceSplitButtonEnabled a.mceOpen,
2278         .wp_themeSkin .mceSplitButtonSelected a.mceOpen,
2279         .wp_themeSkin .mceSplitButtonActive a.mceOpen,
2280         .wp_themeSkin .mceSplitButtonEnabled:hover a.mceOpen {
2281                 background-image: url('../images/down_arrow-2x.gif');
2282                 background-size: 10px 20px;
2283         }
2284
2285         #wp-link .toggle-arrow {
2286                 background: transparent url('../images/toggle-arrow-2x.png') top left no-repeat;
2287                 background-size: 19px 69px;
2288         }
2289 }