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