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