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