wp-admin/css/edit-rtl.css

   1 #poststuff {
   2         padding-top: 10px;
   3         min-width: 763px;
   4 }
   5
   6 #poststuff #post-body {
   7         padding: 0;
   8 }
   9
  10 #poststuff .postbox-container {
  11         width: 100%;
  12 }
  13
  14 #poststuff #post-body.columns-2 {
  15         margin-left: 300px;
  16 }
  17
  18 /*------------------------------------------------------------------------------
  19   11.0 - Write/Edit Post Screen
  20 ------------------------------------------------------------------------------*/
  21
  22 #show-comments {
  23         overflow: hidden;
  24 }
  25
  26 #save-action .spinner,
  27 #show-comments a,
  28 #show-comments .spinner {
  29         float: right;
  30 }
  31
  32 #lost-connection-notice .spinner {
  33         display: block;
  34         float: right;
  35         margin: 0 0 0 5px;
  36 }
  37
  38 #titlediv {
  39         position: relative;
  40 }
  41
  42 #titlediv label {
  43         cursor: text;
  44 }
  45
  46 #titlediv div.inside {
  47         margin: 0;
  48 }
  49
  50 #poststuff #titlewrap {
  51         border: 0;
  52         padding: 0;
  53 }
  54
  55 #titlediv #title {
  56         padding: 3px 8px;
  57         font-size: 1.7em;
  58         line-height: 100%;
  59         height: 1.7em;
  60         width: 100%;
  61         outline: none;
  62         margin: 0 0 3px;
  63         background-color: #fff;
  64 }
  65
  66 #titlediv #title-prompt-text {
  67         color: #777;
  68         position: absolute;
  69         font-size: 1.7em;
  70         padding: 11px 10px;
  71 }
  72
  73 #wp-fullscreen-save .fs-saved {
  74         color: #999;
  75         float: left;
  76         margin-top: 4px;
  77 }
  78
  79 #poststuff .inside-submitbox,
  80 #side-sortables .inside-submitbox {
  81         margin: 0 3px;
  82         font-size: 11px;
  83 }
  84
  85 input#link_description,
  86 input#link_url {
  87         width: 98%;
  88 }
  89
  90 #pending {
  91         background: 100% none;
  92         border: 0 none;
  93         padding: 0;
  94         font-size: 11px;
  95         margin-top: -1px;
  96 }
  97
  98 #edit-slug-box {
  99         line-height: 24px;
 100         min-height: 25px; /* Yes, line-height + 1 */
 101         margin-top: 5px;
 102         padding: 0 10px;
 103         color: #666;
 104 }
 105
 106 #edit-slug-box .cancel {
 107         margin-left: 10px;
 108         font-size: 11px;
 109 }
 110
 111 #editable-post-name-full {
 112         display: none;
 113 }
 114
 115 #editable-post-name {
 116         background-color: #fffbcc;
 117 }
 118
 119 #editable-post-name input {
 120         font-size: 13px;
 121         height: 22px;
 122         margin: 0;
 123         width: 16em;
 124 }
 125
 126 .postarea h3 label {
 127         float: right;
 128 }
 129
 130 .submitbox .submit {
 131         text-align: right;
 132         padding: 12px 10px 10px;
 133         font-size: 11px;
 134         background-color: #464646;
 135         color: #ccc;
 136 }
 137
 138 .submitbox .submitdelete {
 139         text-decoration: none;
 140         padding: 1px 2px;
 141 }
 142
 143 /* @todo: do we really need this? word on the street is we don't and this
 144 stray rule may actually be compensated for elsewhere. */
 145 #normal-sortables .submitbox .submitdelete:hover {
 146         color: #000;
 147         background-color: #f00;
 148         border-bottom-color: #f00;
 149 }
 150
 151 .submitbox .submit a:hover {
 152         text-decoration: underline;
 153 }
 154
 155 .submitbox .submit input {
 156         margin-bottom: 8px;
 157         margin-left: 4px;
 158         padding: 6px;
 159 }
 160
 161 .inside-submitbox #post_status {
 162         margin: 2px -2px 2px 0;
 163 }
 164
 165 #post-status-select {
 166         margin-top: 3px;
 167 }
 168
 169 /* Post Screen */
 170 #post-body #normal-sortables {
 171         min-height: 50px;
 172 }
 173
 174 .postbox {
 175         position: relative;
 176         min-width: 255px;
 177         border: 1px solid #e5e5e5;
 178         -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
 179         box-shadow: 0 1px 1px rgba(0,0,0,0.04);
 180         background: #fff;
 181 }
 182
 183 #trackback_url {
 184         width: 99%;
 185 }
 186
 187 #normal-sortables .postbox .submit {
 188         background: transparent none;
 189         border: 0 none;
 190         float: left;
 191         padding: 0 12px;
 192         margin:0;
 193 }
 194
 195 .category-add input[type="text"],
 196 .category-add select {
 197         width: 100%;
 198         max-width: 260px;
 199         vertical-align: baseline;
 200 }
 201
 202 #side-sortables .category-add input[type="text"],
 203 #side-sortables .category-add select {
 204         margin: 0 0 1em;
 205 }
 206
 207 ul.category-tabs li,
 208 #side-sortables .add-menu-item-tabs li,
 209 .wp-tab-bar li {
 210         display: inline;
 211         line-height: 1.35em;
 212 }
 213
 214 .no-js .category-tabs li.hide-if-no-js {
 215         display: none;
 216 }
 217
 218 .category-tabs a,
 219 #side-sortables .add-menu-item-tabs a,
 220 .wp-tab-bar a {
 221         text-decoration: none;
 222 }
 223
 224 /* @todo: do these really need to be so specific? */
 225 #side-sortables .category-tabs .tabs a,
 226 #side-sortables .add-menu-item-tabs .tabs a,
 227 .wp-tab-bar .wp-tab-active a,
 228 #post-body ul.category-tabs li.tabs a,
 229 #post-body ul.add-menu-item-tabs li.tabs a {
 230         color: #32373c;
 231 }
 232
 233 .category-tabs {
 234         margin: 8px 0 5px;
 235 }
 236
 237 #category-adder h4 {
 238         margin: 10px 0;
 239 }
 240
 241 #side-sortables .add-menu-item-tabs,
 242 .wp-tab-bar {
 243         margin-bottom: 3px;
 244 }
 245
 246 #normal-sortables .postbox #replyrow .submit {
 247         float: none;
 248         margin: 0;
 249         padding: 0 7px 5px;
 250 }
 251
 252 #side-sortables .submitbox .submit input,
 253 #side-sortables .submitbox .submit .preview,
 254 #side-sortables .submitbox .submit a.preview:hover {
 255         border: 0 none;
 256 }
 257
 258 #side-sortables .inside-submitbox .insidebox,
 259 .stuffbox .insidebox {
 260         margin: 11px 0;
 261 }
 262
 263 /* @todo: make this a more generic class */
 264 ul.category-tabs,
 265 ul.add-menu-item-tabs,
 266 ul.wp-tab-bar {
 267         margin-top: 12px;
 268 }
 269
 270 ul.category-tabs li,
 271 ul.add-menu-item-tabs li {
 272         border: solid 1px transparent;
 273         position: relative;
 274 }
 275
 276 ul.category-tabs li.tabs,
 277 ul.add-menu-item-tabs li.tabs,
 278 .wp-tab-active {
 279         border: 1px solid #dfdfdf;
 280         border-bottom-color: #fdfdfd;
 281         background-color: #fdfdfd;
 282 }
 283
 284 ul.category-tabs li,
 285 ul.add-menu-item-tabs li,
 286 ul.wp-tab-bar li {
 287         padding: 3px 5px 5px;
 288 }
 289
 290 #postimagediv .inside img {
 291         max-width: 100%;
 292         height: auto;
 293         width: auto;
 294 }
 295
 296 form#tags-filter {
 297         position: relative;
 298 }
 299
 300 /* Edit posts */
 301 td.post-title strong,
 302 td.plugin-title strong {
 303         display: block;
 304         margin-bottom: .2em;
 305         font-size: 14px;
 306 }
 307
 308 td.post-title p,
 309 td.plugin-title p {
 310         margin: 6px 0;
 311 }
 312
 313 /* Global classes */
 314 .wp-hidden-children .wp-hidden-child,
 315 .ui-tabs-hide {
 316         display: none;
 317 }
 318
 319 #post-body .tagsdiv #newtag {
 320         margin-left: 5px;
 321         width: 16em;
 322 }
 323
 324 #side-sortables input#post_password {
 325         width: 94%
 326 }
 327
 328 #side-sortables .tagsdiv #newtag {
 329         width: 68%;
 330 }
 331
 332 #post-status-info {
 333         width: 100%;
 334         border-spacing: 0;
 335         border: 1px solid #e5e5e5;
 336         border-top: none;
 337         background-color: #f7f7f7;
 338         -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
 339         box-shadow: 0 1px 1px rgba(0,0,0,0.04);
 340         z-index: 999;
 341 }
 342
 343 #post-status-info td {
 344         font-size: 12px;
 345 }
 346
 347 .autosave-info {
 348         padding: 2px 10px;
 349         text-align: left;
 350 }
 351
 352 #editorcontent #post-status-info {
 353         border: none;
 354 }
 355
 356 #content-resize-handle {
 357         background: transparent url(../images/resize.gif) no-repeat scroll left bottom;
 358         width: 12px;
 359         cursor: row-resize;
 360 }
 361
 362 .rtl #content-resize-handle {
 363         background: transparent url(../images/resize-rtl.gif) no-repeat scroll right bottom;
 364 }
 365
 366 .wp-editor-expand #content-resize-handle {
 367         display: none;
 368 }
 369
 370 #postdivrich #content {
 371         resize: none;
 372 }
 373
 374 #wp-word-count {
 375         display: block;
 376         padding: 2px 10px;
 377 }
 378
 379 #wp-content-editor-container {
 380         position: relative;
 381 }
 382
 383 #content-textarea-clone {
 384         z-index: -1;
 385         position: absolute;
 386         top: 0;
 387         visibility: hidden;
 388         overflow: hidden;
 389         max-width: 100%;
 390         border: 1px solid transparent;
 391 }
 392
 393 .wp-fullscreen-wrap #content-textarea-clone {
 394         display: none;
 395 }
 396
 397 /* editor-expand.js override */
 398 .wp-fullscreen-wrap {
 399         padding-top: 0 !important;
 400 }
 401
 402 .wp-fullscreen-wrap .wp-editor-area {
 403         margin-top: 0 !important;
 404 }
 405
 406 .wp-fullscreen-wrap .mce-edit-area {
 407         padding-top: 0 !important;
 408 }
 409 /* end editor-expand.js override */
 410
 411 .wp-editor-expand #wp-content-editor-tools {
 412         z-index: 1000;
 413         border-bottom: 1px solid #e5e5e5;
 414 }
 415
 416 .wp-editor-expand #wp-content-editor-container {
 417         -webkit-box-shadow: none;
 418         box-shadow: none;
 419         margin-top: -1px;
 420 }
 421
 422 .wp-editor-expand #wp-content-editor-container {
 423         border-bottom: 0 none;
 424 }
 425
 426 .wp-editor-expand div.mce-statusbar {
 427         z-index: 1;
 428 }
 429
 430 .wp-editor-expand #post-status-info {
 431         border-top: 1px solid #e5e5e5;
 432 }
 433
 434 .wp-editor-expand div.mce-toolbar-grp {
 435         z-index: 999;
 436 }
 437
 438 /* TinyMCE native fullscreen mode override */
 439 .mce-fullscreen #wp-content-wrap .mce-menubar,
 440 .mce-fullscreen #wp-content-wrap .mce-toolbar-grp,
 441 .mce-fullscreen #wp-content-wrap .mce-edit-area,
 442 .mce-fullscreen #wp-content-wrap .mce-statusbar {
 443         position: static !important;
 444         width: auto !important;
 445         padding: 0 !important;
 446 }
 447
 448 .mce-fullscreen #wp-content-wrap .mce-statusbar {
 449         visibility: visible !important;
 450 }
 451
 452 .post-php.mce-fullscreen #wpadminbar,
 453 .mce-fullscreen #wp-content-wrap .mce-wp-dfw {
 454         display: none;
 455 }
 456 /* End TinyMCE native fullscreen mode override */
 457
 458 #wp-content-editor-tools {
 459         background-color: #f1f1f1;
 460         padding-top: 20px;
 461 }
 462
 463 #poststuff #post-body.columns-2 #side-sortables {
 464         width: 280px;
 465 }
 466
 467 #timestampdiv select {
 468         height: 21px;
 469         line-height: 14px;
 470         padding: 0;
 471         vertical-align: top;
 472         font-size: 12px;
 473 }
 474
 475 #aa, #jj, #hh, #mn {
 476         padding: 1px;
 477         font-size: 12px;
 478 }
 479
 480 #jj, #hh, #mn {
 481         width: 2em;
 482 }
 483
 484 #aa {
 485         width: 3.4em;
 486 }
 487
 488 .curtime #timestamp {
 489         padding: 2px 0 1px 0;
 490         display: inline !important;
 491         height: auto !important;
 492 }
 493
 494 #misc-publishing-actions label[for="post_status"]:before,
 495 #post-body #visibility:before,
 496 .curtime #timestamp:before,
 497 #post-body .misc-pub-revisions:before,
 498 span.wp-media-buttons-icon:before {
 499         color: #82878c;
 500 }
 501
 502 #post-body #visibility:before,
 503 .curtime #timestamp:before,
 504 #post-body .misc-pub-revisions:before {
 505         font: normal 20px/1 'dashicons';
 506         speak: none;
 507         display: inline-block;
 508         padding: 0 0 0 2px;
 509         top: 0;
 510         right: -1px;
 511         position: relative;
 512         vertical-align: top;
 513         -webkit-font-smoothing: antialiased;
 514         -moz-osx-font-smoothing: grayscale;
 515         text-decoration: none !important;
 516 }
 517
 518 #post-body #visibility:before {
 519         content: '\f177';
 520 }
 521
 522 .curtime #timestamp:before {
 523         content: '\f145';
 524         top: -1px;
 525 }
 526
 527 #post-body .misc-pub-revisions:before {
 528         content: '\f321';
 529 }
 530
 531 #timestampdiv {
 532         padding-top: 5px;
 533         line-height: 23px;
 534 }
 535
 536 #timestampdiv p {
 537         margin: 8px 0 6px;
 538 }
 539
 540 #timestampdiv input {
 541         border-width: 1px;
 542         border-style: solid;
 543 }
 544
 545 .notification-dialog {
 546         position: fixed;
 547         top: 30%;
 548         right: 50%;
 549         width: 450px;
 550         margin-right: -225px;
 551         background: #fff;
 552         -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
 553         box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
 554         line-height: 1.5;
 555         z-index: 1000005;
 556 }
 557
 558 .notification-dialog-background {
 559         position: fixed;
 560         top: 0;
 561         right: 0;
 562         left: 0;
 563         bottom: 0;
 564         background: #000;
 565         opacity: 0.7;
 566         filter: alpha(opacity=70);
 567         z-index: 1000000;
 568 }
 569
 570 #post-lock-dialog .post-locked-message,
 571 #post-lock-dialog .post-taken-over {
 572         margin: 25px;
 573 }
 574
 575 #post-lock-dialog .post-locked-message a.button {
 576         margin-left: 10px;
 577 }
 578
 579 #post-lock-dialog .post-locked-avatar {
 580         float: right;
 581         margin: 0 0 20px 20px;
 582 }
 583
 584 #post-lock-dialog .wp-tab-first {
 585         outline: 0;
 586 }
 587
 588 #post-lock-dialog .locked-saving img {
 589         float: right;
 590         margin-left: 3px;
 591 }
 592
 593 #post-lock-dialog.saving .locked-saving,
 594 #post-lock-dialog.saved .locked-saved {
 595         display: inline;
 596 }
 597
 598 #excerpt,
 599 .attachmentlinks {
 600         margin: 0;
 601         height: 4em;
 602         width: 98%;
 603 }
 604
 605 .tagchecklist {
 606         margin-right: 14px;
 607         font-size: 12px;
 608         overflow: auto;
 609 }
 610
 611 .tagchecklist br {
 612         display: none;
 613 }
 614
 615 .tagchecklist strong {
 616         margin-right: -8px;
 617         position: absolute;
 618 }
 619
 620 .tagchecklist span {
 621         margin-left: 25px;
 622         display: block;
 623         float: right;
 624         font-size: 13px;
 625         line-height: 1.8em;
 626         cursor: default;
 627         max-width: 100%;
 628         overflow: hidden;
 629         text-overflow: ellipsis;
 630 }
 631
 632 .tagchecklist span a {
 633         margin: 1px -17px 0 0;
 634         cursor: pointer;
 635         width: 20px;
 636         height: 20px;
 637         display: block;
 638         float: right;
 639         text-indent: 0;
 640         overflow: hidden;
 641         position: absolute;
 642 }
 643
 644 #poststuff h2 {
 645         margin-top: 20px;
 646         font-size: 1.5em;
 647         margin-bottom: 15px;
 648         padding: 0 0 3px;
 649         clear: right;
 650 }
 651
 652 #poststuff h3 {
 653         font-size: 14px;
 654         padding: 8px 12px;
 655         margin: 0;
 656         line-height: 1.4;
 657 }
 658
 659 #poststuff .inside {
 660         margin: 6px 0 0 0;
 661 }
 662
 663 #poststuff .inside #parent_id,
 664 #poststuff .inside #page_template {
 665         max-width: 100%;
 666 }
 667
 668 #poststuff .inside label.spam,
 669 #poststuff .inside label.deleted {
 670         color: red;
 671 }
 672
 673 #poststuff .inside label.waiting {
 674         color: orange;
 675 }
 676
 677 #poststuff .inside label.approved {
 678         color: green;
 679 }
 680
 681 .ie8 #poststuff .inside #parent_id,
 682 .ie8 #poststuff .inside #page_template {
 683         width: 250px;
 684 }
 685
 686 #post-visibility-select {
 687         line-height: 1.5em;
 688         margin-top: 3px;
 689 }
 690
 691 #poststuff #submitdiv .inside {
 692         margin: 0;
 693         padding: 0;
 694 }
 695
 696 #post-body-content,
 697 .edit-form-section {
 698         margin-bottom: 20px;
 699 }
 700
 701 /*------------------------------------------------------------------------------
 702   11.1 - Custom Fields
 703 ------------------------------------------------------------------------------*/
 704
 705 #postcustomstuff thead th {
 706         padding: 5px 8px 8px;
 707         background-color: #f1f1f1;
 708 }
 709
 710 #postcustom #postcustomstuff .submit {
 711         border: 0 none;
 712         float: none;
 713         padding: 0 8px 8px;
 714 }
 715
 716 #side-sortables #postcustom #postcustomstuff .submit {
 717         margin: 0;
 718         padding: 0;
 719 }
 720
 721 #side-sortables #postcustom #postcustomstuff #the-list textarea {
 722         height: 85px;
 723 }
 724
 725 #side-sortables #postcustom #postcustomstuff td.left input,
 726 #side-sortables #postcustom #postcustomstuff td.left select,
 727 #side-sortables #postcustomstuff #newmetaleft a {
 728         margin: 3px 3px 0;
 729 }
 730
 731 #postcustomstuff table {
 732         margin: 0;
 733         width: 100%;
 734         border: 1px solid #dfdfdf;
 735         border-spacing: 0;
 736         background-color: #f9f9f9;
 737 }
 738
 739 #postcustomstuff tr {
 740         vertical-align: top;
 741 }
 742
 743 #postcustomstuff table input,
 744 #postcustomstuff table select,
 745 #postcustomstuff table textarea {
 746         width: 96%;
 747         margin: 8px;
 748 }
 749
 750 #side-sortables #postcustomstuff table input,
 751 #side-sortables #postcustomstuff table select,
 752 #side-sortables #postcustomstuff table textarea {
 753         margin: 3px;
 754 }
 755
 756 #postcustomstuff th.left,
 757 #postcustomstuff td.left {
 758         width: 38%;
 759 }
 760
 761 #postcustomstuff .submit input {
 762         margin: 0;
 763         width: auto;
 764 }
 765
 766 #postcustomstuff #newmetaleft a {
 767         display: inline-block;
 768         margin: 0 8px 8px;
 769         text-decoration: none;
 770 }
 771
 772 .no-js #postcustomstuff #enternew {
 773         display: none;
 774 }
 775
 776 #post-body-content .compat-attachment-fields {
 777         margin-bottom: 20px;
 778 }
 779
 780 .compat-attachment-fields th {
 781         padding-top: 5px;
 782         padding-left: 10px;
 783 }
 784
 785 /*------------------------------------------------------------------------------
 786   11.3 - Featured Images
 787 ------------------------------------------------------------------------------*/
 788
 789 #select-featured-image {
 790         padding: 4px 0;
 791         overflow: hidden;
 792 }
 793
 794 #select-featured-image img {
 795         max-width: 100%;
 796         height: auto;
 797         margin-bottom: 10px;
 798 }
 799
 800 #select-featured-image a {
 801         float: right;
 802         clear: both;
 803 }
 804
 805 #select-featured-image .remove {
 806         display: none;
 807         margin-top: 10px;
 808 }
 809
 810 .js #select-featured-image.has-featured-image .remove {
 811         display: inline-block;
 812 }
 813
 814 .no-js #select-featured-image .choose {
 815         display: none;
 816 }
 817
 818 /*------------------------------------------------------------------------------
 819   11.4 - Post formats
 820 ------------------------------------------------------------------------------*/
 821
 822 .post-state-format {
 823         overflow: hidden;
 824         display: inline-block;
 825         vertical-align: middle;
 826         height: 20px;
 827         width: 20px;
 828         margin-left: 5px;
 829         margin-top: -4px;
 830 }
 831
 832 .post-state-format:before {
 833         display: block;
 834         height: 20px;
 835         width: 20px;
 836         font: normal 20px/1 'dashicons' !important;
 837         speak: none;
 838         -webkit-font-smoothing: antialiased;
 839         -moz-osx-font-smoothing: grayscale;
 840 }
 841
 842 .post-state-format:before,
 843 .post-format-icon:before {
 844         color: #ddd;
 845         -webkit-transition: all .1s ease-in-out;
 846         transition: all .1s ease-in-out;
 847 }
 848
 849 a.post-state-format:hover:before,
 850 a.post-format-icon:hover:before {
 851         color: #00a0d2;
 852 }
 853
 854 #post-formats-select {
 855         line-height: 2em;
 856 }
 857
 858 #post-formats-select .post-format-icon:before {
 859         top: 5px;
 860 }
 861
 862 input.post-format {
 863         margin-top: 1px;
 864 }
 865
 866 label.post-format-icon {
 867         margin-right: 0px;
 868         padding: 2px 0px 2px 0;
 869 }
 870
 871 .post-format-icon:before {
 872         position: relative;
 873         display: inline-block;
 874         margin-left: 7px;
 875         font: normal 20px/1 'dashicons';
 876         speak: none;
 877         -webkit-font-smoothing: antialiased;
 878         -moz-osx-font-smoothing: grayscale;
 879 }
 880
 881 .post-state-format.post-format-standard:before,
 882 .post-format-icon.post-format-standard:before,
 883 a.post-state-format.format-standard:before {
 884         content: '\f109';
 885 }
 886
 887 .post-state-format.post-format-image:before,
 888 .post-format-icon.post-format-image:before,
 889 a.post-state-format.format-image:before {
 890         content: '\f128';
 891 }
 892
 893 .post-state-format.post-format-gallery:before,
 894 .post-format-icon.post-format-gallery:before,
 895 a.post-state-format.format-gallery:before {
 896         content: '\f161';
 897 }
 898
 899 .post-state-format.post-format-audio:before,
 900 .post-format-icon.post-format-audio:before,
 901 a.post-state-format.format-audio:before {
 902         content: '\f127';
 903 }
 904
 905 .post-state-format.post-format-video:before,
 906 .post-format-icon.post-format-video:before,
 907 a.post-state-format.format-video:before {
 908         content: '\f126';
 909 }
 910
 911 .post-state-format.post-format-chat:before,
 912 .post-format-icon.post-format-chat:before,
 913 a.post-state-format.format-chat:before {
 914         content: '\f125';
 915 }
 916
 917 .post-state-format.post-format-status:before,
 918 .post-format-icon.post-format-status:before,
 919 a.post-state-format.format-status:before {
 920         content: '\f130';
 921 }
 922
 923 .post-state-format.post-format-aside:before,
 924 .post-format-icon.post-format-aside:before,
 925 a.post-state-format.format-aside:before {
 926         content: '\f123';
 927 }
 928
 929 .post-state-format.post-format-quote:before,
 930 .post-format-icon.post-format-quote:before,
 931 a.post-state-format.format-quote:before {
 932         content: '\f122';
 933 }
 934
 935 .post-state-format.post-format-link:before,
 936 .post-format-icon.post-format-link:before,
 937 a.post-state-format.format-link:before {
 938         content: '\f103';
 939 }
 940
 941 /*------------------------------------------------------------------------------
 942   12.0 - Categories
 943 ------------------------------------------------------------------------------*/
 944
 945 .category-adder {
 946         margin-right: 120px;
 947         padding: 4px 0;
 948 }
 949
 950 .category-adder h4 {
 951         margin: 0 0 8px;
 952 }
 953
 954 #side-sortables .category-adder {
 955         margin: 0;
 956 }
 957
 958 .wp-tab-panel,
 959 .categorydiv div.tabs-panel,
 960 .customlinkdiv div.tabs-panel,
 961 .posttypediv div.tabs-panel,
 962 .taxonomydiv div.tabs-panel {
 963         min-height: 42px;
 964         max-height: 200px;
 965         overflow: auto;
 966         padding: 0 0.9em;
 967         border: solid 1px #dfdfdf;
 968         background-color: #fdfdfd;
 969 }
 970
 971 div.tabs-panel-active {
 972         display:block;
 973 }
 974
 975 div.tabs-panel-inactive {
 976         display:none;
 977 }
 978
 979 #front-page-warning,
 980 #front-static-pages ul,
 981 ul.export-filters,
 982 .inline-editor ul.cat-checklist ul,
 983 .categorydiv ul.categorychecklist ul,
 984 .customlinkdiv ul.categorychecklist ul,
 985 .posttypediv ul.categorychecklist ul,
 986 .taxonomydiv ul.categorychecklist ul {
 987         margin-right: 18px;
 988 }
 989
 990 ul.categorychecklist li {
 991         margin: 0;
 992         padding: 0;
 993         line-height: 22px;
 994         word-wrap: break-word;
 995 }
 996
 997 .categorydiv .tabs-panel,
 998 .customlinkdiv .tabs-panel,
 999 .posttypediv .tabs-panel,
1000 .taxonomydiv .tabs-panel {
1001         border-width: 3px;
1002         border-style: solid;
1003 }
1004
1005 .form-wrap p,
1006 .form-wrap label {
1007         font-size: 11px;
1008 }
1009
1010 .form-wrap label {
1011         display: block;
1012         padding: 2px;
1013         font-size: 12px;
1014 }
1015
1016 .form-field input[type="text"],
1017 .form-field input[type="password"],
1018 .form-field input[type="email"],
1019 .form-field input[type="number"],
1020 .form-field input[type="search"],
1021 .form-field input[type="tel"],
1022 .form-field input[type="url"],
1023 .form-field textarea {
1024         border-style: solid;
1025         border-width: 1px;
1026         width: 95%;
1027 }
1028
1029 p.description,
1030 .form-wrap p {
1031         margin: 2px 0 5px;
1032         color: #666;
1033 }
1034
1035 p.help,
1036 p.description,
1037 span.description,
1038 .form-wrap p {
1039         font-size: 13px;
1040         font-style: italic;
1041 }
1042
1043 .form-wrap .form-field {
1044         margin: 0 0 10px;
1045         padding: 8px 0;
1046 }
1047
1048 .form-wrap .form-field #parent {
1049         max-width: 100%;
1050 }
1051
1052 .col-wrap h3 {
1053         margin: 12px 0;
1054         font-size: 1.1em;
1055 }
1056
1057 .col-wrap p.submit {
1058         margin-top: -10px;
1059 }
1060
1061
1062 /*------------------------------------------------------------------------------
1063   13.0 - Tags
1064 ------------------------------------------------------------------------------*/
1065
1066 #poststuff .tagsdiv .howto {
1067         margin: 0 0 6px 0;
1068 }
1069
1070 .ajaxtag .newtag {
1071         position: relative;
1072 }
1073
1074 .tagsdiv .newtag {
1075         width: 180px;
1076 }
1077
1078 .tagsdiv .the-tags {
1079         display: block;
1080         height: 60px;
1081         margin: 0 auto;
1082         overflow: auto;
1083         width: 260px;
1084 }
1085
1086 #post-body-content .tagsdiv .the-tags {
1087         margin: 0 5px;
1088 }
1089
1090 p.popular-tags {
1091         border: none;
1092         line-height: 2em;
1093         padding: 8px 12px 12px;
1094         text-align: justify;
1095 }
1096
1097 p.popular-tags a {
1098         padding: 0 3px;
1099 }
1100
1101 .tagcloud {
1102         width: 97%;
1103         margin: 0 0 40px;
1104         text-align: justify;
1105 }
1106
1107 .tagcloud h3 {
1108         margin: 2px 0 12px;
1109 }
1110
1111 .ac_results {
1112         padding: 0;
1113         margin: 0;
1114         list-style: none;
1115         position: absolute;
1116         z-index: 10000;
1117         display: none;
1118         border: 1px solid #808080;
1119         background-color: #fff;
1120 }
1121
1122 .wp-customizer .ac_results {
1123         z-index: 500000;
1124 }
1125
1126 .ac_results li {
1127         padding: 2px 5px;
1128         white-space: nowrap;
1129         color: #101010;
1130         text-align: right;
1131 }
1132
1133 .ac_over {
1134         background-color: #f0f0b8;
1135         cursor: pointer;
1136 }
1137
1138 .ac_match {
1139         text-decoration: underline;
1140 }
1141
1142 /* Comments */
1143
1144 .comment-php .wp-editor-area {
1145         height: 200px;
1146 }
1147
1148 .comment-ays th,
1149 .comment-ays td {
1150         padding: 10px 15px;
1151 }
1152
1153 .comment-ays-submit .button-cancel {
1154         margin-right: 1em;
1155 }
1156
1157 .trash-undo-inside,
1158 .spam-undo-inside {
1159         margin: 1px 0 1px 8px;
1160         line-height: 16px;
1161 }
1162
1163 .spam-undo-inside .avatar,
1164 .trash-undo-inside .avatar {
1165         height: 20px;
1166         width: 20px;
1167         margin-left: 8px;
1168         vertical-align: middle;
1169 }
1170
1171 .stuffbox .editcomment {
1172         clear: none;
1173 }
1174
1175 #comment-status-radio p {
1176         margin: 3px 0 5px;
1177 }
1178
1179 #comment-status-radio input {
1180         margin: 2px 0 5px 3px;
1181         vertical-align: middle;
1182 }
1183
1184 #comment-status-radio label {
1185         padding: 5px 0;
1186 }
1187
1188 /* links tables */
1189 table.links-table {
1190         width: 100%;
1191         border-spacing: 0;
1192 }
1193
1194 .links-table th {
1195         font-weight: normal;
1196         text-align: right;
1197         vertical-align: top;
1198         min-width: 80px;
1199         width: 20%;
1200         word-wrap: break-word;
1201 }
1202
1203 .links-table th,
1204 .links-table td {
1205         padding: 5px 0;
1206 }
1207
1208 .links-table td label {
1209         margin-left: 8px;
1210 }
1211
1212 .links-table td input[type="text"],
1213 .links-table td textarea {
1214         width: 100%;
1215 }
1216
1217 .links-table #link_rel {
1218         max-width: 280px;
1219 }
1220
1221 /* DFW 2
1222 -------------------------------------------------------------- */
1223
1224 #wp-content-wrap .mce-wp-dfw,
1225 #qt_content_dfw {
1226         display: none;
1227 }
1228
1229 .wp-editor-expand #wp-content-wrap .mce-wp-dfw,
1230 .wp-editor-expand #qt_content_dfw {
1231         display: inline-block;
1232 }
1233
1234 .focus-on .wrap > h2,
1235 .focus-on #wpfooter,
1236 .focus-on .postbox-container > *,
1237 .focus-on div.updated,
1238 .focus-on div.error,
1239 .focus-on div.notice,
1240 .focus-on #wp-toolbar,
1241 .focus-on #screen-meta-links,
1242 .focus-on #screen-meta {
1243         opacity: 0;
1244         -webkit-transition-duration: 0.6s;
1245         transition-duration: 0.6s;
1246         -webkit-transition-property: opacity;
1247         transition-property: opacity;
1248         -webkit-transition-timing-function: ease-in-out;
1249         transition-timing-function: ease-in-out;
1250 }
1251
1252 .focus-on #wp-toolbar {
1253         opacity: 0.3;
1254 }
1255
1256 .focus-off .wrap > h2,
1257 .focus-off #wpfooter,
1258 .focus-off .postbox-container > *,
1259 .focus-off div.updated,
1260 .focus-off div.error,
1261 .focus-off div.notice,
1262 .focus-off #wp-toolbar,
1263 .focus-off #screen-meta-links,
1264 .focus-off #screen-meta {
1265         opacity: 1;
1266         -webkit-transition-duration: 0.2s;
1267         transition-duration: 0.2s;
1268         -webkit-transition-property: opacity;
1269         transition-property: opacity;
1270         -webkit-transition-timing-function: ease-in-out;
1271         transition-timing-function: ease-in-out;
1272 }
1273
1274 .focus-off #wp-toolbar {
1275         -webkit-transform: translate(0, 0);
1276 }
1277
1278 .focus-on #adminmenuback,
1279 .focus-on #adminmenuwrap {
1280         -webkit-transition-duration: 0.6s;
1281         transition-duration: 0.6s;
1282         -webkit-transition-property: -webkit-transform;
1283         transition-property: transform;
1284         -webkit-transition-timing-function: ease-in-out;
1285         transition-timing-function: ease-in-out;
1286 }
1287
1288 .focus-on #adminmenuback,
1289 .focus-on #adminmenuwrap {
1290         -webkit-transform: translateX( 100% );
1291         -ms-transform: translateX( 100% );
1292         transform: translateX( 100% );
1293 }
1294
1295 .focus-off #adminmenuback,
1296 .focus-off #adminmenuwrap {
1297         -webkit-transform: translateX( 0 );
1298         -ms-transform: translateX( 0 );
1299         transform: translateX( 0 );
1300         -webkit-transition-duration: 0.2s;
1301         transition-duration: 0.2s;
1302         -webkit-transition-property: -webkit-transform;
1303         transition-property: transform;
1304         -webkit-transition-timing-function: ease-in-out;
1305         transition-timing-function: ease-in-out;
1306 }
1307
1308 /* =Media Queries
1309 -------------------------------------------------------------- */
1310
1311 /**
1312  * HiDPI Displays
1313  */
1314 @media print,
1315   (-webkit-min-device-pixel-ratio: 1.25),
1316   (min-resolution: 120dpi) {
1317         #content-resize-handle,
1318         #post-body .wp_themeSkin .mceStatusbar a.mceResize {
1319                 background: transparent url(../images/resize-2x.gif) no-repeat scroll left bottom;
1320                 -webkit-background-size: 11px 11px;
1321                 background-size: 11px 11px;
1322         }
1323
1324         .rtl #content-resize-handle,
1325         .rtl #post-body .wp_themeSkin .mceStatusbar a.mceResize {
1326                 background: transparent url(../images/resize-rtl-2x.gif) no-repeat scroll left bottom;
1327         }
1328 }
1329
1330 /* one column on the post write/edit screen */
1331 @media only screen and (max-width: 850px) {
1332         #poststuff {
1333                 min-width: 0;
1334         }
1335
1336         #wpbody-content #poststuff #post-body {
1337                 margin: 0;
1338         }
1339
1340         #wpbody-content #post-body.columns-2 #postbox-container-1 {
1341                 margin-left: 0;
1342                 width: 100%;
1343         }
1344
1345         #poststuff #postbox-container-1 .empty-container,
1346         #poststuff #postbox-container-1 #side-sortables:empty {
1347                 border: 0 none;
1348                 height: 0;
1349                 min-height: 0;
1350         }
1351
1352         #poststuff #post-body.columns-2 #side-sortables {
1353                 min-height: 0;
1354                 width: auto;
1355         }
1356
1357         /* hide the radio buttons for column prefs */
1358         .screen-layout,
1359         .columns-prefs {
1360                 display: none;
1361         }
1362 }
1363
1364 @media screen and ( max-width: 782px ) {
1365         #post-body-content {
1366                 min-width: 0;
1367         }
1368
1369         #titlediv #title-prompt-text {
1370                 padding: 10px 10px;
1371         }
1372
1373         #poststuff h3 {
1374                 padding: 12px;
1375         }
1376
1377         .post-format-options {
1378                 padding-left: 0;
1379         }
1380
1381         .post-format-options a {
1382                 margin-left: 5px;
1383                 margin-bottom: 5px;
1384                 min-width: 52px;
1385         }
1386
1387         .post-format-options .post-format-title {
1388                 font-size: 11px;
1389         }
1390
1391         .post-format-options a div {
1392                 height: 28px;
1393                 width: 28px;
1394         }
1395
1396         .post-format-options a div:before {
1397                 font-size: 26px !important;
1398         }
1399
1400         /* Publish Metabox Options */
1401         #post-visibility-select {
1402                 line-height: 280%;
1403         }
1404
1405         .wp-core-ui .save-post-visibility,
1406         .wp-core-ui .save-timestamp {
1407                 vertical-align: middle;
1408                 margin-left: 15px;
1409         }
1410
1411         .timestamp-wrap select#mm {
1412                 display: block;
1413                 width: 100%;
1414                 margin-bottom: 10px;
1415         }
1416
1417         .timestamp-wrap #jj,
1418         .timestamp-wrap #aa,
1419         .timestamp-wrap #hh,
1420         .timestamp-wrap #mn {
1421                 padding: 12px 3px;
1422                 font-size: 14px;
1423                 margin-bottom: 5px;
1424                 width: auto;
1425                 text-align: center;
1426         }
1427
1428         /* Categories Metabox */
1429         ul.category-tabs {
1430                 margin: 30px 0 15px;
1431         }
1432
1433         ul.category-tabs li.tabs {
1434                 padding: 15px;
1435         }
1436
1437         ul.categorychecklist li {
1438                 margin-bottom: 15px;
1439         }
1440
1441         ul.categorychecklist ul {
1442                 margin-top: 15px;
1443         }
1444
1445         .category-add input[type=text],
1446         .category-add select {
1447                 max-width: none;
1448                 margin-bottom: 15px;
1449         }
1450
1451         /* Tags Metabox */
1452         .tagsdiv .newtag {
1453                 width: 100%;
1454                 height: auto;
1455                 margin-bottom: 15px;
1456         }
1457
1458         .tagchecklist {
1459                 margin: 25px 10px;
1460         }
1461
1462         .tagchecklist span {
1463                 font-size: 16px;
1464                 line-height: 120%;
1465         }
1466
1467         /* Discussion */
1468         #commentstatusdiv p {
1469                 line-height: 2.8;
1470         }
1471
1472         /* TinyMCE Adjustments */
1473         .mceToolbar * {
1474                 white-space: normal !important;
1475         }
1476
1477         .mceToolbar tr,
1478         .mceToolbar td {
1479                 float: right !important;
1480         }
1481
1482         .wp_themeSkin a.mceButton {
1483                 width: 30px;
1484                 height: 30px;
1485         }
1486
1487         .wp_themeSkin .mceButton .mceIcon {
1488                 margin-top: 5px;
1489                 margin-right: 5px;
1490         }
1491
1492         .wp_themeSkin .mceSplitButton {
1493                 margin-top: 1px;
1494         }
1495
1496         .wp_themeSkin .mceSplitButton td a.mceAction {
1497                 padding-top: 6px;
1498                 padding-bottom: 6px;
1499                 padding-right: 6px;
1500                 padding-left: 3px;
1501         }
1502
1503         .wp_themeSkin .mceSplitButton td a.mceOpen,
1504         .wp_themeSkin .mceSplitButtonEnabled:hover td a.mceOpen {
1505                 padding-top: 6px;
1506                 padding-bottom: 6px;
1507                 background-position: 1px 6px;
1508         }
1509
1510         .wp_themeSkin table.mceListBox {
1511                 margin: 5px;
1512         }
1513
1514         div.quicktags-toolbar input {
1515                 padding: 10px 20px;
1516         }
1517
1518         button.wp-switch-editor {
1519                 font-size: 16px;
1520                 line-height: 1em;
1521                 margin: 7px 7px 0 0;
1522                 padding: 8px 12px;
1523         }
1524
1525         #wp-content-media-buttons a {
1526                 font-size: 16px;
1527                 line-height: 37px;
1528                 height: 39px;
1529                 padding: 0 15px 0 20px;
1530         }
1531
1532         .wp-media-buttons span.wp-media-buttons-icon,
1533         .wp-media-buttons span.jetpack-contact-form-icon {
1534                 width: 22px !important;
1535                 margin-top: -3px !important;
1536                 margin-right: -5px !important;
1537         }
1538
1539         .wp-media-buttons .add_media span.wp-media-buttons-icon:before,
1540         .wp-media-buttons #insert-jetpack-contact-form span.jetpack-contact-form-icon:before {
1541                 font-size: 20px !important;
1542         }
1543
1544         #content_wp_fullscreen {
1545                 display: none;
1546         }
1547
1548         .misc-pub-section {
1549                 padding: 20px 10px 20px;
1550         }
1551
1552         .misc-pub-section > a {
1553                 float: left;
1554                 font-size: 16px;
1555         }
1556
1557         #delete-action,
1558         #publishing-action {
1559                 line-height: 47px;
1560         }
1561
1562         /* Moderate Comment */
1563         .comment-ays th,
1564         .comment-ays td {
1565                 padding-bottom: 0;
1566         }
1567
1568         .comment-ays td {
1569                 padding-top: 6px;
1570         }
1571
1572         /* Links */
1573         .links-table #link_rel {
1574                 max-width: none;
1575         }
1576
1577         .links-table th,
1578         .links-table td {
1579                 padding: 10px 0;
1580         }
1581 }
1582
1583 @media only screen and (max-width: 500px) {
1584         /* Align Add Media + Visual + Text tabs */
1585         #wp-content-media-buttons a {
1586                 font-size: 14px;
1587                 padding: 0 10px 0 10px;
1588         }
1589 }