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