wp-admin/css/wp-admin.css

   1 /*------------------------------------------------------------------------------
   2
   3
   4 Hello, this is the main WordPress admin CSS file.
   5 All the important stuff is in here.
   6
   7
   8 TABLE OF CONTENTS:
   9 ------------------
  10  1.0 - Text Elements
  11  2.0 - Forms
  12  3.0 - Actions
  13  4.0 - Notifications
  14  5.0 - TinyMCE
  15  6.0 - Admin Header
  16         6.1 - Screen Options Tabs
  17         6.2 - Help Menu
  18  7.0 - Main Navigation
  19  8.0 - Layout Blocks
  20  9.0 - Dashboard
  21 10.0 - List Posts
  22         10.1 - Inline Editing
  23 11.0 - Write/Edit Post Screen
  24         11.1 - Custom Fields
  25         11.2 - Post Revisions
  26         11.3 - Featured Images
  27         11.4 - Post Format Selection
  28 12.0 - Categories
  29 13.0 - Tags
  30 14.0 - Media Screen
  31         14.1 - Media Library
  32         14.2 - Image Editor
  33 15.0 - Comments Screen
  34 16.0 - Themes
  35         16.1 - Manage Themes
  36         16.2 - Install Themes
  37         16.3 - Custom Header
  38         16.4 - Custom Background
  39 17.0 - Plugins
  40 18.0 - Users
  41 19.0 - Tools
  42 20.0 - Settings
  43 21.0 - Admin Footer
  44 22.0 - About Pages
  45 23.0 - Full Overlay w/ Sidebar
  46 24.0 - Customize Loader
  47 25.0 - Tabbed Admin Screen Interface
  48 26.0 - Misc
  49 27.0 - Localization
  50
  51 ------------------------------------------------------------------------*/
  52
  53 /* 2 column liquid layout */
  54 #wpwrap {
  55         height: auto;
  56         min-height: 100%;
  57         width: 100%;
  58         position: relative;
  59         -webkit-font-smoothing: subpixel-antialiased;
  60 }
  61
  62 #wpcontent {
  63         height: 100%;
  64 }
  65
  66 #wpcontent,
  67 #wpfooter {
  68         margin-left: 180px;
  69 }
  70
  71 .folded #wpcontent,
  72 .folded #wpfooter {
  73         margin-left: 56px;
  74 }
  75
  76 #wpbody-content {
  77         padding-bottom: 65px;
  78         float: left;
  79         width: 100%;
  80         overflow: visible !important;
  81 }
  82
  83 #adminmenuback,
  84 #adminmenuwrap,
  85 #adminmenu,
  86 #adminmenu .wp-submenu {
  87         width: 160px;
  88 }
  89
  90 #adminmenuback {
  91         position: absolute;
  92         top: 0;
  93         bottom: 0;
  94         z-index: -1;
  95 }
  96
  97 #adminmenu {
  98         clear: left;
  99         margin: 12px 0 0;
 100         padding: 0;
 101         list-style: none;
 102 }
 103
 104 .folded #adminmenuback,
 105 .folded #adminmenuwrap,
 106 .folded #adminmenu,
 107 .folded #adminmenu li.menu-top {
 108         width: 36px;
 109 }
 110
 111 /* inner 2 column liquid layout */
 112
 113 .inner-sidebar {
 114         float: right;
 115         clear: right;
 116         display: none;
 117         width: 281px;
 118         position: relative;
 119 }
 120
 121 .columns-2 .inner-sidebar {
 122         margin-right: auto;
 123         width: 286px;
 124         display: block;
 125 }
 126
 127 .inner-sidebar #side-sortables,
 128 .columns-2 .inner-sidebar #side-sortables {
 129         min-height: 300px;
 130         width: 280px;
 131         padding: 0;
 132 }
 133
 134 .has-right-sidebar .inner-sidebar {
 135         display: block;
 136 }
 137
 138 .has-right-sidebar #post-body {
 139         float: left;
 140         clear: left;
 141         width: 100%;
 142         margin-right: -2000px;
 143 }
 144
 145 .has-right-sidebar #post-body-content {
 146         margin-right: 300px;
 147         float: none;
 148         width: auto;
 149 }
 150
 151 /* 2 columns main area */
 152
 153 #col-container,
 154 #col-left,
 155 #col-right {
 156         overflow: hidden;
 157         padding: 0;
 158         margin: 0;
 159 }
 160
 161 #col-left {
 162         width: 35%;
 163 }
 164
 165 #col-right {
 166         float: right;
 167         clear: right;
 168         width: 65%;
 169 }
 170
 171 .col-wrap {
 172         padding: 0 7px;
 173 }
 174
 175 /* utility classes */
 176 .alignleft {
 177         float: left;
 178 }
 179
 180 .alignright {
 181         float: right;
 182 }
 183
 184 .textleft {
 185         text-align: left;
 186 }
 187
 188 .textright {
 189         text-align: right;
 190 }
 191
 192 .clear {
 193         clear: both;
 194 }
 195
 196 /* Hide visually but not from screen readers */
 197 .screen-reader-text,
 198 .screen-reader-text span,
 199 .ui-helper-hidden-accessible {
 200         position: absolute;
 201         margin: -1px;
 202         padding: 0;
 203         height: 1px;
 204         width: 1px;
 205         overflow: hidden;
 206         clip: rect(0 0 0 0);
 207         border: 0;
 208 }
 209
 210 .screen-reader-shortcut {
 211         position: absolute;
 212         top: -1000em;
 213 }
 214
 215 .screen-reader-shortcut:focus {
 216         left: 6px;
 217         top: -25px;
 218         height: auto;
 219         width: auto;
 220         display: block;
 221         font-size: 14px;
 222         font-weight: 600;
 223         padding: 15px 23px 14px;
 224         background: #f1f1f1;
 225         color: #21759b;
 226         z-index: 100000;
 227         line-height: normal;
 228         -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
 229         box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
 230         text-decoration: none;
 231         outline: none;
 232 }
 233
 234 .hidden,
 235 .js .closed .inside,
 236 .js .hide-if-js,
 237 .no-js .hide-if-no-js,
 238 .js.wp-core-ui .hide-if-js,
 239 .js .wp-core-ui .hide-if-js,
 240 .no-js.wp-core-ui .hide-if-no-js,
 241 .no-js .wp-core-ui .hide-if-no-js {
 242         display: none;
 243 }
 244
 245 /* include margin and padding in the width calculation of input and textarea */
 246 input,
 247 input[type="text"],
 248 input[type="password"],
 249 input[type="number"],
 250 input[type="search"],
 251 input[type="email"],
 252 input[type="url"],
 253 textarea {
 254         -moz-box-sizing: border-box;
 255         -webkit-box-sizing: border-box;
 256         -ms-box-sizing: border-box; /* ie8 only */
 257         box-sizing: border-box;
 258 }
 259
 260 input[type="checkbox"],
 261 input[type="radio"] {
 262         border-width: 1px;
 263         border-style: solid;
 264         clear: none;
 265         cursor: pointer;
 266         display: inline-block;
 267         line-height: 0;
 268         height: 16px;
 269         margin: -4px 4px 0 0;
 270         outline: 0;
 271         padding: 0 !important;
 272         text-align: center;
 273         vertical-align: middle;
 274         width: 16px;
 275         min-width: 16px;
 276         -webkit-appearance: none;
 277         -webkit-box-sizing: border-box;
 278         box-sizing: border-box;
 279 }
 280
 281 td > input[type="checkbox"],
 282 .wp-admin p input[type=checkbox],
 283 .wp-admin p input[type=radio] {
 284         margin-top: 0;
 285 }
 286
 287 .wp-admin p label input[type=checkbox] {
 288         margin-top: -4px;
 289 }
 290
 291 .wp-admin p label input[type=radio] {
 292         margin-top: -2px;
 293 }
 294
 295 input[type=radio] {
 296         border-radius: 50%;
 297         margin-right: 4px;
 298         line-height: 10px;
 299 }
 300
 301 input[type=checkbox]:disabled,
 302 input[type=radio]:disabled,
 303 input[type=checkbox]:disabled:checked:before,
 304 input[type=radio]:disabled:checked:before {
 305         opacity: 0.7;
 306 }
 307
 308 input[type=checkbox]:checked:before,
 309 input[type=radio]:checked:before {
 310         float: left;
 311         display: inline-block;
 312         vertical-align: middle;
 313         width: 16px;
 314         font: normal 21px/1 'dashicons';
 315         speak: none;
 316         -webkit-font-smoothing: antialiased;
 317         -moz-osx-font-smoothing: grayscale;
 318 }
 319
 320 input[type=checkbox]:checked:before {
 321         content: '\f147';
 322         margin: -3px 0 0 -4px;
 323 }
 324
 325 input[type=radio]:checked:before {
 326         content: '\2022';
 327         text-indent: -9999px;
 328         border-radius: 50px;
 329         font-size: 24px;
 330         width: 6px;
 331         height: 6px;
 332         margin: 4px;
 333         line-height: 16px;
 334 }
 335
 336 @-moz-document url-prefix() {
 337         input[type=checkbox],
 338         input[type=radio],
 339         .form-table input.tog {
 340                 margin-bottom: -1px;
 341         }
 342 }
 343
 344 /* Search */
 345 input[type="search"] {
 346         -webkit-appearance: textfield;
 347 }
 348
 349 input[type="search"]::-webkit-search-decoration {
 350         display: none;
 351 }
 352
 353 .ie8 input[type="password"],
 354 .ie8 .login form .input {
 355         font-family: sans-serif;
 356 }
 357
 358 /* general */
 359 html,
 360 body {
 361         height: 100%;
 362         margin: 0;
 363         padding: 0;
 364 }
 365
 366 body {
 367         font-family: "Open Sans", sans-serif;
 368         font-size: 13px;
 369         line-height: 1.4em;
 370         min-width: 600px;
 371 }
 372
 373 body.iframe {
 374         min-width: 0;
 375         padding-top: 1px;
 376 }
 377
 378 body.login {
 379         background: #fbfbfb;
 380         min-width: 0;
 381 }
 382
 383 iframe,
 384 img {
 385         border: 0;
 386 }
 387
 388 td,
 389 textarea,
 390 input,
 391 select,
 392 button {
 393         font-family: inherit;
 394         font-size: inherit;
 395         font-weight: inherit;
 396 }
 397
 398 td,
 399 textarea {
 400         line-height: inherit;
 401 }
 402
 403 textarea {
 404         overflow: auto;
 405 }
 406
 407 textarea,
 408 input,
 409 select {
 410         font-size: 14px;
 411         padding: 3px 5px;
 412         line-height: 15px;
 413         border-radius: 0; /* Reset mobile webkit's default element styling */
 414 }
 415
 416 textarea {
 417         padding: 2px 6px;
 418         line-height: 1.4;
 419 }
 420
 421 a,
 422 input[type="text"],
 423 input[type="password"],
 424 input[type="number"],
 425 input[type="search"],
 426 input[type="email"],
 427 input[type="url"],
 428 textarea,
 429 div,
 430 select {
 431         outline: 0;
 432 }
 433
 434 .wp-admin input[type="file"] {
 435         padding: 3px 0;
 436 }
 437
 438 a:focus,
 439 a:active {
 440         outline: thin dotted;
 441 }
 442
 443 #adminmenu a:focus,
 444 #adminmenu a:active,
 445 .screen-reader-text:focus {
 446         outline: none;
 447 }
 448
 449 blockquote,
 450 q {
 451         quotes: none;
 452 }
 453
 454 blockquote:before,
 455 blockquote:after,
 456 q:before,
 457 q:after {
 458         content: '';
 459         content: none;
 460 }
 461
 462 p,
 463 .wp_attachment_details label[for="content"] {
 464         font-size: 13px;
 465         line-height: 1.5;
 466         margin: 1em 0;
 467 }
 468
 469 blockquote {
 470         margin: 1em;
 471 }
 472
 473 label {
 474         cursor: pointer;
 475 }
 476
 477 li,
 478 dd {
 479         margin-bottom: 6px;
 480 }
 481
 482 input,
 483 select {
 484         margin: 1px;
 485         padding: 3px 5px;
 486 }
 487
 488 h1,
 489 h2,
 490 h3,
 491 h4,
 492 h5,
 493 h6 {
 494         display: block;
 495         font-weight: 600;
 496 }
 497
 498 h1 {
 499         font-size: 2em;
 500         margin: .67em 0;
 501 }
 502
 503 h2 {
 504         font-size: 1.5em;
 505         margin: .83em 0;
 506         font-weight: 400;
 507 }
 508
 509 h3 {
 510         font-size: 1.3em;
 511         margin: 1em 0;
 512 }
 513
 514 h4 {
 515         font-size: 1em;
 516         margin: 1.33em 0;
 517 }
 518
 519 h5 {
 520         font-size: 0.83em;
 521         margin: 1.67em 0;
 522 }
 523
 524 h6 {
 525         font-size: 0.67em;
 526         margin: 2.33em 0;
 527 }
 528
 529 ul,
 530 ol {
 531         padding: 0;
 532 }
 533
 534 ul {
 535         list-style: none;
 536 }
 537
 538 ol {
 539         list-style-type: decimal;
 540         margin-left: 2em;
 541 }
 542
 543 ul.ul-disc {
 544         list-style: disc outside;
 545 }
 546
 547 ul.ul-square {
 548         list-style: square outside;
 549 }
 550
 551 ol.ol-decimal {
 552         list-style: decimal outside;
 553 }
 554
 555 ul.ul-disc,
 556 ul.ul-square,
 557 ol.ol-decimal {
 558         margin-left: 1.8em;
 559 }
 560
 561 ul.ul-disc > li,
 562 ul.ul-square > li,
 563 ol.ol-decimal > li {
 564         margin: 0 0 0.5em;
 565 }
 566
 567 .code,
 568 code {
 569         font-family: Consolas, Monaco, monospace;
 570 }
 571
 572 input.code {
 573         padding-top: 6px;
 574 }
 575
 576 textarea.code {
 577         line-height: 1.4;
 578         padding: 4px 6px 1px 6px;
 579 }
 580
 581 kbd,
 582 code {
 583         padding: 3px 5px 2px 5px;
 584         margin: 0 1px;
 585         font-size: 13px;
 586 }
 587
 588 .subsubsub {
 589         list-style: none;
 590         margin: 8px 0 0;
 591         padding: 0;
 592         font-size: 13px;
 593         float: left;
 594 }
 595
 596 .subsubsub a {
 597         line-height: 2;
 598         padding: .2em;
 599         text-decoration: none;
 600 }
 601
 602 .subsubsub a .count,
 603 .subsubsub a.current .count {
 604         color: #999;
 605         font-weight: normal;
 606 }
 607
 608 .subsubsub a.current {
 609         font-weight: 600;
 610         border: none;
 611 }
 612
 613 .subsubsub li {
 614         display: inline-block;
 615         margin: 0;
 616         padding: 0;
 617         white-space: nowrap;
 618 }
 619
 620 textarea,
 621 input[type="text"],
 622 input[type="password"],
 623 input[type="email"],
 624 input[type="number"],
 625 input[type="search"],
 626 input[type="tel"],
 627 input[type="url"],
 628 select,
 629 .tablenav-pages span.current,
 630 #titlediv #title,
 631 #postcustomstuff table,
 632 #postcustomstuff input,
 633 #postcustomstuff textarea,
 634 .imgedit-menu div,
 635 .plugin-update-tr .update-message,
 636 #poststuff .inside .the-tagcloud,
 637 .nav-menus-php .list-container,
 638 .menu-item-handle,
 639 .link-to-original,
 640 .nav-menus-php .major-publishing-actions .form-invalid,
 641 #TB_window,
 642 .tbtitle,
 643 .highlight {
 644         border-width: 1px;
 645         border-style: solid;
 646 }
 647
 648 /* .widefat - main style for tables */
 649 .widefat {
 650         border-spacing: 0;
 651         width: 100%;
 652         clear: both;
 653         margin: 0;
 654 }
 655
 656 .widefat * {
 657         word-wrap: break-word;
 658 }
 659
 660 .widefat a {
 661         text-decoration: none;
 662 }
 663
 664 .widefat td,
 665 .widefat th {
 666         padding: 8px 10px;
 667 }
 668 .widefat tfoot th {
 669         border-bottom: none;
 670 }
 671
 672 .widefat .no-items td {
 673         border-bottom-width: 0;
 674 }
 675
 676 .widefat td {
 677         vertical-align: top;
 678 }
 679
 680 .widefat td,
 681 .widefat td p,
 682 .widefat td ol,
 683 .widefat td ul {
 684         font-size: 13px;
 685         line-height: 1.5em;
 686 }
 687
 688 .widefat th {
 689         text-align: left;
 690         line-height: 1.3em;
 691         font-size: 14px;
 692 }
 693
 694 .widefat th input {
 695         margin: 0 0 0 8px;
 696         padding: 0;
 697         vertical-align: text-top;
 698 }
 699
 700 .widefat .check-column {
 701         width: 2.2em;
 702         padding: 6px 0 25px;
 703         vertical-align: top;
 704 }
 705
 706 .widefat th input[type=checkbox] {
 707         margin-top: -1px;
 708 }
 709
 710 .widefat tbody th.check-column {
 711         padding: 9px 0 22px;
 712 }
 713
 714 .widefat.media .check-column {
 715         padding-top: 8px;
 716 }
 717
 718 .widefat thead th.check-column,
 719 .widefat tbody th.check-column,
 720 .widefat tfoot th.check-column {
 721         padding: 11px 0 0 3px;
 722 }
 723
 724 .widefat thead th.check-column {
 725         padding-top: 10px;
 726 }
 727
 728 #update-plugins-table tbody th.check-column,
 729 .plugins tbody th.check-column,
 730 .plugins tbody {
 731         padding: 8px 0 0 2px;
 732 }
 733
 734 .plugins tbody th.check-column input[type=checkbox] {
 735         margin-top: 4px;
 736 }
 737
 738 #update-plugins-table tbody td p {
 739         margin-top: 0;
 740 }
 741
 742 #update-plugins-table tbody td p strong {
 743         font-size: 14px;
 744 }
 745
 746 .plugins thead th.check-column,
 747 .plugins tfoot th.check-column,
 748 .plugins .inactive th.check-column,
 749 #update-plugins-table thead th.check-column,
 750 #update-plugins-table tfoot th.check-column {
 751         padding-left: 6px;
 752 }
 753
 754 #update-plugins-table thead th.check-column,
 755 #update-plugins-table tfoot th.check-column {
 756         padding-top: 11px;
 757 }
 758
 759 .update-php div.updated,
 760 .update-php div.error {
 761         margin-left: 0;
 762 }
 763
 764 .no-js .widefat thead .check-column input,
 765 .no-js .widefat tfoot .check-column input {
 766         display: none;
 767 }
 768
 769 .widefat .num,
 770 .column-comments,
 771 .column-links,
 772 .column-posts {
 773         text-align: center;
 774 }
 775
 776 .widefat th#comments {
 777         vertical-align: middle;
 778 }
 779
 780 .wrap {
 781         margin: 10px 20px 0 2px;
 782 }
 783
 784 div.updated,
 785 div.error {
 786         padding: 0 0.6em;
 787         margin: 5px 15px 2px;
 788 }
 789
 790 div.updated p,
 791 div.error p {
 792         margin: 0.5em 0;
 793         padding: 2px;
 794 }
 795
 796 .wrap div.updated,
 797 .wrap div.error,
 798 .media-upload-form div.error {
 799         margin: 5px 0 15px;
 800 }
 801
 802 div.updated,
 803 .login .message,
 804 .press-this #message {
 805         border: none;
 806         padding: 1px 12px;
 807 }
 808
 809 div.error,
 810 .login #login_error {
 811         border: none;
 812 }
 813
 814 div.error {
 815         padding: 1px 12px;
 816 }
 817
 818 .wrap h2,
 819 .subtitle {
 820         font-weight: normal;
 821         margin: 0;
 822 }
 823
 824 .wrap h2 {
 825         font-size: 23px;
 826         font-weight: 400;
 827         padding: 9px 15px 4px 0;
 828         line-height: 29px;
 829 }
 830
 831 .subtitle {
 832         font-size: 14px;
 833         padding-left: 25px;
 834 }
 835
 836 .wrap .add-new-h2,
 837 .wrap .add-new-h2:active {
 838         margin-left: 4px;
 839         padding: 4px 8px;
 840         position: relative;
 841         top: -3px;
 842         text-decoration: none;
 843         border: none;
 844         border-radius: 2px;
 845         text-shadow: none;
 846         font-weight: 600;
 847         font-size: 13px;
 848 }
 849
 850 .wrap h2.long-header {
 851         padding-right: 0;
 852 }
 853
 854 html,
 855 .wp-dialog {
 856         background-color: #fff;
 857 }
 858
 859 textarea,
 860 input[type="text"],
 861 input[type="password"],
 862 input[type="email"],
 863 input[type="number"],
 864 input[type="search"],
 865 input[type="tel"],
 866 input[type="url"],
 867 select {
 868         background-color: #fff;
 869         color: #333;
 870 }
 871
 872 select[disabled] {
 873         color: #7f7f7f;
 874 }
 875
 876 select:focus {
 877         border-color: #aaa;
 878 }
 879
 880 textarea:focus,
 881 input[type="text"]:focus,
 882 input[type="password"]:focus,
 883 input[type="email"]:focus,
 884 input[type="number"]:focus,
 885 input[type="search"]:focus,
 886 input[type="tel"]:focus,
 887 input[type="url"]:focus,
 888 input[type="checkbox"]:focus,
 889 input[type="radio"]:focus,
 890 select:focus,
 891 .widgets-chooser ul,
 892 #widgets-left .widget-in-question .widget-top,
 893 #available-widgets .widget-top:hover,
 894 div#widgets-right .widget-top:hover {
 895         -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
 896         box-shadow: 0 1px 2px rgba(0,0,0,0.1);
 897 }
 898
 899 input[readonly] {
 900         background-color: #eee;
 901 }
 902
 903 :-moz-placeholder,
 904 .wp-core-ui :-moz-placeholder {
 905    color: #a9a9a9;
 906 }
 907
 908 /*------------------------------------------------------------------------------
 909   1.0 - Text Styles
 910 ------------------------------------------------------------------------------*/
 911
 912 .widget .widget-top,
 913 .postbox h3,
 914 .stuffbox h3,
 915 .control-section .accordion-section-title,
 916 h3.dashboard-widget-title,
 917 h3.dashboard-widget-title span,
 918 h3.dashboard-widget-title small,
 919 .sidebar-name,
 920 #nav-menu-header,
 921 #nav-menu-footer,
 922 .menu-item-handle,
 923 .checkbox,
 924 .side-info,
 925 #your-profile #rich_editing,
 926 .widefat thead th,
 927 .widefat tfoot th {
 928         line-height: 1.4em;
 929 }
 930
 931 .quicktags,
 932 .search {
 933         font-size: 12px;
 934 }
 935
 936 .icon32 {
 937         display: none;
 938 }
 939
 940 .icon16 {
 941         height: 18px;
 942         width: 18px;
 943         padding: 6px 6px;
 944         margin: -6px 0 0 -8px;
 945         float: left;
 946 }
 947
 948 /* New Menu icons */
 949
 950 .icon16:before {
 951         font: normal 20px/1 'dashicons';
 952         speak: none;
 953         padding: 6px 0;
 954         height: 34px;
 955         width: 20px;
 956         display: inline-block;
 957         -webkit-font-smoothing: antialiased;
 958         -moz-osx-font-smoothing: grayscale;
 959         -webkit-transition: all .1s ease-in-out;
 960         -moz-transition:    all .1s ease-in-out;
 961         transition:         all .1s ease-in-out;
 962 }
 963
 964 .icon16.icon-dashboard:before,
 965 #adminmenu .menu-icon-dashboard div.wp-menu-image:before {
 966         content: '\f226';
 967 }
 968
 969 .icon16.icon-post:before,
 970 #adminmenu .menu-icon-post div.wp-menu-image:before {
 971         content: '\f109';
 972 }
 973
 974 .icon16.icon-media:before,
 975 #adminmenu .menu-icon-media div.wp-menu-image:before {
 976         content: '\f104';
 977 }
 978
 979 .icon16.icon-links:before,
 980 #adminmenu .menu-icon-links div.wp-menu-image:before {
 981         content: '\f103';
 982 }
 983
 984 .icon16.icon-page:before,
 985 #adminmenu .menu-icon-page div.wp-menu-image:before {
 986         content: '\f105';
 987 }
 988
 989 .icon16.icon-comments:before,
 990 #adminmenu .menu-icon-comments div.wp-menu-image:before {
 991         content: '\f101';
 992         margin-top: 1px;
 993 }
 994
 995 .icon16.icon-appearance:before,
 996 #adminmenu .menu-icon-appearance div.wp-menu-image:before {
 997         content: '\f100';
 998 }
 999
1000 .icon16.icon-plugins:before,
1001 #adminmenu .menu-icon-plugins div.wp-menu-image:before {
1002         content: '\f106';
1003 }
1004
1005 .icon16.icon-users:before,
1006 #adminmenu .menu-icon-users div.wp-menu-image:before {
1007         content: '\f110';
1008 }
1009
1010 .icon16.icon-tools:before,
1011 #adminmenu .menu-icon-tools div.wp-menu-image:before {
1012         content: '\f107';
1013 }
1014
1015 .icon16.icon-settings:before,
1016 #adminmenu .menu-icon-settings div.wp-menu-image:before {
1017         content: '\f108';
1018 }
1019
1020 .icon16.icon-site:before,
1021 #adminmenu .menu-icon-site div.wp-menu-image:before {
1022         content: '\f112'
1023 }
1024
1025 .icon16.icon-generic:before,
1026 #adminmenu .menu-icon-generic div.wp-menu-image:before {
1027         content: '\f111';
1028 }
1029
1030 /* hide background-image for icons above */
1031 .icon16.icon-dashboard,
1032 .menu-icon-dashboard div.wp-menu-image,
1033 .icon16.icon-post,
1034 .menu-icon-post div.wp-menu-image,
1035 .icon16.icon-media,
1036 .menu-icon-media div.wp-menu-image,
1037 .icon16.icon-links,
1038 .menu-icon-links div.wp-menu-image,
1039 .icon16.icon-page,
1040 .menu-icon-page div.wp-menu-image,
1041 .icon16.icon-comments,
1042 .menu-icon-comments div.wp-menu-image,
1043 .icon16.icon-appearance,
1044 .menu-icon-appearance div.wp-menu-image,
1045 .icon16.icon-plugins,
1046 .menu-icon-plugins div.wp-menu-image,
1047 .icon16.icon-users,
1048 .menu-icon-users div.wp-menu-image,
1049 .icon16.icon-tools,
1050 .menu-icon-tools div.wp-menu-image,
1051 .icon16.icon-settings,
1052 .menu-icon-settings div.wp-menu-image,
1053 .icon16.icon-site,
1054 .menu-icon-site div.wp-menu-image,
1055 .icon16.icon-generic,
1056 .menu-icon-generic div.wp-menu-image {
1057         background-image: none !important;
1058 }
1059
1060 .key-labels label {
1061         line-height: 24px;
1062 }
1063
1064 strong, b {
1065         font-weight: 600;
1066 }
1067
1068 .pre {
1069         /* https://developer.mozilla.org/en-US/docs/CSS/white-space */
1070         white-space: pre-wrap; /* css-3 */
1071         word-wrap: break-word; /* IE 5.5 - 7 */
1072 }
1073
1074 .howto {
1075         font-style: italic;
1076         display: block;
1077 }
1078
1079 p.install-help {
1080         margin: 8px 0;
1081         font-style: italic;
1082 }
1083
1084 .no-break {
1085         white-space: nowrap;
1086 }
1087
1088 hr {
1089         border: 0;
1090         border-top: 1px solid #ddd;
1091         border-bottom: 1px solid #fafafa;
1092 }
1093
1094 /*------------------------------------------------------------------------------
1095   2.0 - Forms
1096 ------------------------------------------------------------------------------*/
1097
1098
1099 .wp-admin select {
1100         padding: 2px;
1101         line-height: 28px;
1102         height: 28px;
1103         vertical-align: middle;
1104 }
1105
1106 .wp-admin .button-cancel {
1107         padding: 0 5px;
1108         line-height: 2;
1109 }
1110
1111 .meta-box-sortables select {
1112         max-width: 100%;
1113 }
1114
1115 .wp-admin select[multiple] {
1116         height: auto;
1117 }
1118
1119 .submit {
1120         padding: 1.5em 0;
1121         margin: 5px 0;
1122         -webkit-border-bottom-left-radius: 3px;
1123         -webkit-border-bottom-right-radius: 3px;
1124         border-bottom-left-radius: 3px;
1125         border-bottom-right-radius: 3px;
1126 }
1127
1128 form p.submit a.cancel:hover {
1129         text-decoration: none;
1130 }
1131
1132 p.submit {
1133         text-align: left;
1134         max-width: 100%;
1135         margin-top: 20px;
1136         padding-top: 10px;
1137 }
1138
1139 .textright p.submit {
1140         border: none;
1141         text-align: right;
1142 }
1143
1144 table.form-table + p.submit,
1145 table.form-table + input + p.submit,
1146 table.form-table + input + input + p.submit {
1147         border-top: none;
1148         padding-top: 0;
1149 }
1150
1151 table.widefat span.delete a:hover,
1152 table.widefat span.trash a:hover,
1153 table.widefat span.spam a:hover,
1154 #dashboard_recent_comments .delete a:hover,
1155 #dashboard_recent_comments .trash a:hover,
1156 #dashboard_recent_comments .spam a:hover,
1157 .plugins a.delete:hover,
1158 #all-plugins-table .plugins a.delete:hover,
1159 #search-plugins-table .plugins a.delete:hover,
1160 .submitbox .submitdelete:hover,
1161 #media-items a.delete:hover,
1162 #media-items a.delete-permanently:hover,
1163 #nav-menu-footer .menu-delete:hover {
1164         text-decoration: none;
1165         border: none;
1166 }
1167
1168 #minor-publishing-actions input,
1169 #major-publishing-actions input,
1170 #minor-publishing-actions .preview {
1171         text-align: center;
1172 }
1173
1174 textarea.all-options,
1175 input.all-options {
1176         width: 250px;
1177 }
1178
1179 input.large-text,
1180 textarea.large-text {
1181         width: 99%;
1182 }
1183
1184 input.regular-text,
1185 #adduser .form-field input {
1186         width: 25em;
1187 }
1188
1189 input.small-text {
1190         width: 50px;
1191         padding: 1px 6px;
1192 }
1193
1194 input[type="number"].small-text {
1195         width: 65px;
1196 }
1197
1198 #doaction,
1199 #doaction2,
1200 #post-query-submit {
1201         margin: 1px 8px 0 0;
1202 }
1203
1204 .tablenav #changeit,
1205 .tablenav #delete_all,
1206 .tablenav #clear-recent-list {
1207         margin-top: 1px;
1208 }
1209
1210 .tablenav .actions select {
1211         float: left;
1212         margin-right: 6px;
1213         max-width: 200px;
1214 }
1215
1216 .ie8 .tablenav .actions select {
1217         width: 155px;
1218 }
1219
1220 .ie8 .tablenav .actions select#cat {
1221         width: 200px;
1222 }
1223
1224 #timezone_string option {
1225         margin-left: 1em;
1226 }
1227
1228 label,
1229 #your-profile label + a {
1230         vertical-align: middle;
1231 }
1232
1233 fieldset label,
1234 #your-profile label + a {
1235         vertical-align: middle;
1236 }
1237
1238 .options-media-php label[for*="_size_"],
1239 #misc-publishing-actions label {
1240         vertical-align: baseline;
1241 }
1242
1243 #misc-publishing-actions label[for="post_status"]:before {
1244         content: '\f173';
1245         display: inline-block;
1246         font: normal 20px/1 'dashicons';
1247         speak: none;
1248         left: -1px;
1249         padding: 0 5px 0 0;
1250         position: relative;
1251         top: 0;
1252         text-decoration: none !important;
1253         vertical-align: top;
1254
1255         -webkit-font-smoothing: antialiased;
1256         -moz-osx-font-smoothing: grayscale;
1257 }
1258
1259 #pass-strength-result {
1260         border-style: solid;
1261         border-width: 1px;
1262         float: left;
1263         margin: 13px 5px 5px 1px;
1264         padding: 3px 5px;
1265         text-align: center;
1266         width: 200px;
1267         display: none;
1268 }
1269 .indicator-hint {
1270         padding-top: 8px;
1271 }
1272
1273 p.search-box {
1274         float: right;
1275         margin: 0;
1276 }
1277
1278 .search-box input[name="s"],
1279 #search-plugins input[name="s"],
1280 .tagsdiv .newtag {
1281         float: left;
1282         height: 28px;
1283         margin: 0 4px 0 0;
1284 }
1285
1286 input[type="text"].ui-autocomplete-loading {
1287         background: transparent url('../images/loading.gif') no-repeat right center;
1288         visibility: visible;
1289 }
1290
1291 ul#add-to-blog-users {
1292         margin: 0 0 0 14px;
1293 }
1294
1295 .ui-autocomplete-input.open {
1296         border-bottom-right-radius: 0;
1297         border-bottom-left-radius: 0;
1298 }
1299
1300 .ui-autocomplete {
1301         padding: 0;
1302         margin: 0;
1303         list-style: none;
1304         position: absolute;
1305         z-index: 10000;
1306         border-bottom-right-radius: 3px;
1307         border-bottom-left-radius: 3px;
1308         border-width: 1px;
1309         border-style: solid;
1310 }
1311
1312 .ui-autocomplete li {
1313         margin-bottom: 0;
1314         white-space: nowrap;
1315         text-align: left;
1316 }
1317
1318 .ui-autocomplete li a {
1319         display: block;
1320         height: 100%;
1321         padding: 4px 10px;
1322 }
1323
1324 .ui-autocomplete li a.ui-state-focus {
1325         cursor: pointer;
1326 }
1327
1328 /*------------------------------------------------------------------------------
1329   3.0 - Actions
1330 ------------------------------------------------------------------------------*/
1331
1332 #major-publishing-actions {
1333         padding: 10px;
1334         clear: both;
1335         border-top: 1px solid #ddd;
1336         background: #f5f5f5;
1337 }
1338
1339 #delete-action {
1340         line-height: 28px;
1341         vertical-align: middle;
1342         text-align: left;
1343         float: left;
1344 }
1345
1346 #publishing-action {
1347         text-align: right;
1348         float: right;
1349         line-height: 23px;
1350 }
1351
1352 #publishing-action .spinner {
1353         float: left;
1354 }
1355
1356 #misc-publishing-actions {
1357         padding: 6px 0 0;
1358 }
1359
1360 .misc-pub-section {
1361         padding: 6px 10px 8px;
1362 }
1363
1364 .misc-pub-section:first-child {
1365         border-top-width: 0;
1366 }
1367
1368 .misc-pub-section-last {
1369         border-bottom-width: 0;
1370 }
1371
1372 #minor-publishing-actions {
1373         padding: 10px 10px 0 10px;
1374         text-align: right;
1375 }
1376
1377 #save-post {
1378         float: left;
1379 }
1380
1381 .preview {
1382         float: right;
1383 }
1384
1385 #sticky-span {
1386         margin-left: 18px;
1387 }
1388
1389 .side-info {
1390         margin: 0;
1391         padding: 4px;
1392         font-size: 11px;
1393 }
1394
1395 .side-info h5 {
1396         padding-bottom: 7px;
1397         font-size: 14px;
1398         margin: 12px 2px 5px;
1399         border-bottom-width: 1px;
1400         border-bottom-style: solid;
1401 }
1402
1403 .side-info ul {
1404         margin: 0;
1405         padding-left: 18px;
1406         list-style: square;
1407 }
1408
1409 .approve,
1410 .unapproved .unapprove {
1411         display: none;
1412 }
1413
1414 .unapproved .approve,
1415 .spam .approve,
1416 .trash .approve {
1417         display: inline;
1418 }
1419
1420 td.action-links,
1421 th.action-links {
1422         text-align: right;
1423 }
1424
1425
1426 /*------------------------------------------------------------------------------
1427   4.0 - Notifications
1428 ------------------------------------------------------------------------------*/
1429
1430 #update-nag,
1431 .update-nag {
1432         display: inline-block;
1433         line-height: 19px;
1434         padding: 11px 15px;
1435         font-size: 14px;
1436         text-align: left;
1437         margin: 25px 20px 0 2px;
1438 }
1439
1440 .plugins .plugin-update {
1441         padding: 0;
1442 }
1443
1444 .plugin-update .update-message {
1445         margin: 0 10px 8px 31px;
1446         font-weight: 600;
1447 }
1448
1449 ul#dismissed-updates {
1450         display: none;
1451 }
1452
1453 form.upgrade {
1454         margin-top: 8px;
1455 }
1456
1457 form.upgrade .hint {
1458         font-style: italic;
1459         font-size: 85%;
1460         margin: -0.5em 0 2em 0;
1461 }
1462
1463 .update-php .spinner {
1464         float: none;
1465         margin: -4px 0;
1466 }
1467
1468 #ajax-loading,
1469 .ajax-loading,
1470 .ajax-feedback,
1471 .imgedit-wait-spin,
1472 .list-ajax-loading { /* deprecated */
1473         visibility: hidden;
1474 }
1475
1476 #ajax-response.alignleft {
1477         margin-left: 2em;
1478 }
1479
1480 /*------------------------------------------------------------------------------
1481   5.0 - TinyMCE
1482 ------------------------------------------------------------------------------*/
1483
1484 /* nothing? */
1485
1486 /*------------------------------------------------------------------------------
1487   6.0 - Admin Header
1488 ------------------------------------------------------------------------------*/
1489 #adminmenu a,
1490 #sidemenu a,
1491 #taglist a,
1492 #catlist a {
1493         text-decoration: none;
1494 }
1495
1496 /*------------------------------------------------------------------------------
1497   6.1 - Screen Options Tabs
1498 ------------------------------------------------------------------------------*/
1499
1500 #screen-options-wrap,
1501 #contextual-help-wrap {
1502         margin: 0;
1503         padding: 8px 20px 12px;
1504         position: relative;
1505 }
1506
1507 #contextual-help-wrap {
1508         overflow: auto;
1509         margin-left: 0 !important;
1510 }
1511
1512 #screen-meta .screen-reader-text {
1513         visibility: hidden;
1514 }
1515
1516 #screen-meta-links {
1517         margin: 0 20px 0 0;
1518 }
1519
1520 #screen-meta-links a {
1521         padding: 3px 6px 3px 16px;
1522 }
1523
1524 #screen-meta-links a:focus {
1525         outline: none;
1526 }
1527
1528 /* screen options and help tabs revert */
1529 #screen-meta {
1530         display: none;
1531         margin: 0 20px -1px 0px;
1532         position: relative;
1533 }
1534
1535 #screen-options-link-wrap,
1536 #contextual-help-link-wrap {
1537         float: right;
1538         height: 28px;
1539         margin: 0 0 0 6px;
1540 }
1541
1542 #screen-meta-links .screen-meta-toggle {
1543         position: relative;
1544         top: 0;
1545 }
1546
1547 #screen-meta-links a.show-settings {
1548         display: block;
1549         font-size: 13px;
1550         height: 22px;
1551         line-height: 22px;
1552         text-decoration: none;
1553         z-index: 1;
1554 }
1555
1556 #screen-meta-links a:after {
1557         right: 0;
1558         content: '\f140';
1559         font: normal 20px/1 'dashicons';
1560         speak: none;
1561         display: inline-block;
1562         padding: 0 5px 0 0;
1563         bottom: 2px;
1564         position: relative;
1565         vertical-align: bottom;
1566         -webkit-font-smoothing: antialiased;
1567         -moz-osx-font-smoothing: grayscale;
1568         text-decoration: none !important;
1569 }
1570
1571 #screen-meta-links a.screen-meta-active:after {
1572         content: '\f142';
1573 }
1574
1575 #screen-meta-links a.show-settings:hover {
1576         text-decoration: none;
1577 }
1578 /* end screen options and help tabs */
1579
1580 .toggle-arrow {
1581         background-repeat: no-repeat;
1582         background-position: top left;
1583         background-color: transparent;
1584         height: 22px;
1585         line-height: 22px;
1586         display: block;
1587 }
1588
1589 .toggle-arrow-active {
1590         background-position: bottom left;
1591 }
1592
1593 #screen-options-wrap h5,
1594 #contextual-help-wrap h5 {
1595         margin: 8px 0;
1596         font-size: 13px;
1597 }
1598
1599 .metabox-prefs label {
1600         display: inline-block;
1601         padding-right: 15px;
1602         line-height: 30px;
1603 }
1604
1605 .metabox-prefs label input[type=checkbox] {
1606         margin-top: -4px;
1607         margin-right: 6px;
1608 }
1609
1610 .metabox-prefs label input {
1611         margin: 0 5px 0 2px;
1612 }
1613
1614 .metabox-prefs .columns-prefs label input {
1615         margin: 0 2px;
1616 }
1617
1618 .metabox-prefs label a {
1619         display: none;
1620 }
1621
1622 /*------------------------------------------------------------------------------
1623   6.2 - Help Menu
1624 ------------------------------------------------------------------------------*/
1625
1626 #contextual-help-wrap {
1627         padding: 0;
1628 }
1629
1630 #contextual-help-columns {
1631         position: relative;
1632 }
1633
1634 #contextual-help-back {
1635         position: absolute;
1636         top: 0;
1637         bottom: 0;
1638         left: 150px;
1639         right: 170px;
1640         border-width: 0 1px;
1641         border-style: solid;
1642 }
1643
1644 #contextual-help-wrap.no-sidebar #contextual-help-back {
1645         right: 0;
1646
1647         border-right-width: 0;
1648         -webkit-border-bottom-right-radius: 2px;
1649         border-bottom-right-radius: 2px;
1650 }
1651
1652 .contextual-help-tabs {
1653         float: left;
1654         width: 150px;
1655         margin: 0;
1656 }
1657
1658 .contextual-help-tabs ul {
1659         margin: 1em 0;
1660 }
1661
1662 .contextual-help-tabs li {
1663         margin-bottom: 0;
1664         list-style-type: none;
1665         border-style: solid;
1666         border-width: 0 0 0 2px;
1667         border-color: transparent;
1668 }
1669
1670 .contextual-help-tabs a {
1671         display: block;
1672         padding: 5px 5px 5px 12px;
1673         line-height: 18px;
1674         text-decoration: none;
1675         border-style: solid;
1676         border-width: 1px 0 1px 0;
1677         border-color: transparent;
1678 }
1679
1680 .contextual-help-tabs .active {
1681         padding: 0;
1682         margin: 0 -1px 0 0;
1683         border-width: 0 0 0 2px;
1684         border-style: solid;
1685 }
1686
1687 .contextual-help-tabs-wrap {
1688         padding: 0 20px;
1689         overflow: auto;
1690 }
1691
1692 .help-tab-content {
1693         display: none;
1694         margin: 0 22px 12px 0;
1695         line-height: 1.6em;
1696 }
1697
1698 .help-tab-content.active {
1699         display: block;
1700 }
1701
1702 .help-tab-content ul li {
1703         list-style-type: disc;
1704         margin-left: 18px;
1705 }
1706
1707 .contextual-help-sidebar {
1708         width: 150px;
1709         float: right;
1710         padding: 0 8px 0 12px;
1711         overflow: auto;
1712 }
1713
1714
1715 /*------------------------------------------------------------------------------
1716   7.0 - Main Navigation (Left Menu)
1717 ------------------------------------------------------------------------------*/
1718
1719 #adminmenuwrap {
1720         position: relative;
1721         float: left;
1722 }
1723
1724 /* side admin menu */
1725 #adminmenu * {
1726         -webkit-user-select: none;
1727         -moz-user-select: none;
1728         user-select: none;
1729 }
1730
1731 #adminmenu li {
1732         margin: 0;
1733         padding: 0;
1734         cursor: pointer;
1735 }
1736
1737 #adminmenu a {
1738         display: block;
1739         line-height: 18px;
1740         padding: 2px 5px;
1741 }
1742
1743 #adminmenu li.menu-top {
1744         border: none;
1745         min-height: 34px;
1746         position: relative;
1747 }
1748
1749 #adminmenu .wp-submenu {
1750         list-style: none;
1751         position: absolute;
1752         top: -1000em;
1753         left: 160px;
1754         overflow: visible;
1755         word-wrap: break-word;
1756 }
1757
1758 #adminmenu .wp-submenu,
1759 .folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
1760 .folded #adminmenu .wp-has-current-submenu .wp-submenu {
1761         padding: 7px 0 8px;
1762         z-index: 9999;
1763 }
1764
1765 .js #adminmenu .sub-open,
1766 .js #adminmenu .opensub .wp-submenu,
1767 #adminmenu a.menu-top:focus + .wp-submenu,
1768 .no-js li.wp-has-submenu:hover .wp-submenu {
1769         top: -1px;
1770 }
1771
1772 #adminmenu .wp-has-current-submenu .wp-submenu,
1773 .no-js li.wp-has-current-submenu:hover .wp-submenu,
1774 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
1775 #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
1776 #adminmenu .wp-has-current-submenu.opensub .wp-submenu {
1777         position: relative;
1778         z-index: 3;
1779         top: auto;
1780         left: auto;
1781         right: auto;
1782         bottom: auto;
1783         border: 0 none;
1784         margin-top: 0;
1785         -webkit-box-shadow: none;
1786         box-shadow: none;
1787 }
1788
1789 .folded #adminmenu .wp-submenu.sub-open,
1790 .folded #adminmenu .opensub .wp-submenu,
1791 .folded #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
1792 .folded #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
1793 .folded #adminmenu a.menu-top:focus + .wp-submenu,
1794 .folded #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu,
1795 .no-js.folded #adminmenu .wp-has-submenu:hover .wp-submenu  {
1796         top: 0;
1797         left: 36px;
1798 }
1799
1800 .folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
1801 .folded #adminmenu .wp-has-current-submenu .wp-submenu {
1802         position: absolute;
1803         top: -1000em;
1804 }
1805
1806 #adminmenu .wp-not-current-submenu .wp-submenu,
1807 .folded #adminmenu .wp-has-current-submenu .wp-submenu {
1808         min-width: 160px;
1809         width: auto;
1810 }
1811
1812 #adminmenu .wp-submenu a {
1813         font-size: 13px;
1814         line-height: 1.2;
1815         margin: 0;
1816         padding: 6px 0;
1817 }
1818
1819 #adminmenu .wp-not-current-submenu li > a,
1820 .folded #adminmenu .wp-has-current-submenu li > a {
1821         padding-right: 16px;
1822         padding-left: 14px;
1823         -moz-transition: all .1s ease-in-out;
1824         -webkit-transition: all .1s ease-in-out;
1825         transition: all .1s ease-in-out;
1826 }
1827
1828 #adminmenu .wp-has-current-submenu ul > li > a,
1829 .folded #adminmenu li.menu-top .wp-submenu > li > a {
1830         padding: 6px 12px;
1831 }
1832
1833 #adminmenu a.menu-top,
1834 #adminmenu .wp-submenu-head {
1835         font-size: 14px;
1836         font-weight: 400;
1837         line-height: 18px;
1838         padding: 0;
1839 }
1840
1841 #adminmenu .wp-submenu-head,
1842 .folded #adminmenu .wp-menu-name {
1843         display: none;
1844 }
1845
1846 .folded #adminmenu .wp-submenu-head {
1847         display: block;
1848 }
1849
1850 #adminmenu .wp-submenu li {
1851         padding: 0;
1852         margin: 0;
1853         overflow: hidden;
1854 }
1855
1856 #adminmenu .wp-menu-image img {
1857         padding: 9px 0 0 0px;
1858         opacity: 0.6;
1859         filter: alpha(opacity=60);
1860 }
1861
1862 #adminmenu div.wp-menu-name {
1863         padding: 8px 0;
1864 }
1865
1866 #adminmenu div.wp-menu-image {
1867         float: left;
1868         width: 36px;
1869         height: 30px;
1870         margin: 0;
1871         text-align: center;
1872 }
1873
1874 #adminmenu div.wp-menu-image.svg {
1875         background-repeat: no-repeat;
1876         background-position: center;
1877         background-size: 20px auto;
1878 }
1879
1880 div.wp-menu-image:before {
1881         font: normal 20px/1 'dashicons' !important;
1882         speak: none;
1883         color: #999;
1884         padding: 8px 0;
1885         height: 36px;
1886         width: 20px;
1887         display: inline-block;
1888         -webkit-font-smoothing: antialiased;
1889         -moz-osx-font-smoothing: grayscale;
1890         -moz-transition: all .1s ease-in-out;
1891         -webkit-transition: all .1s ease-in-out;
1892         transition: all .1s ease-in-out;
1893 }
1894
1895 .folded #adminmenu div.wp-menu-image {
1896         width: 35px;
1897         height: 30px;
1898         position: absolute;
1899         z-index: 25;
1900 }
1901
1902 .folded #adminmenu a.menu-top {
1903         height: 34px;
1904 }
1905
1906 /* No @font-face support */
1907 .no-font-face #adminmenu .wp-menu-image {
1908         display: none;
1909 }
1910
1911 .no-font-face #adminmenu div.wp-menu-name {
1912         padding: 8px 12px;
1913 }
1914
1915 .no-font-face.auto-fold #adminmenu .wp-menu-name {
1916         margin-left: 0;
1917 }
1918 /* End no @font-face support */
1919
1920 /* Sticky admin menu */
1921 .sticky-menu #adminmenuwrap {
1922         position: fixed;
1923         z-index: 99; /* Match the z-index of .wp-submenu to ensure flyout menus don't appear underneath main column elements */
1924 }
1925
1926 /* A new arrow */
1927
1928 .wp-menu-arrow {
1929         display: none !important;
1930 }
1931
1932 ul#adminmenu a.wp-has-current-submenu {
1933         position: relative;
1934 }
1935
1936 ul#adminmenu a.wp-has-current-submenu:after,
1937 ul#adminmenu > li.current > a.current:after {
1938         right: 0;
1939         border: solid transparent;
1940         content: " ";
1941         height: 0;
1942         width: 0;
1943         position: absolute;
1944         pointer-events: none;
1945         border-width: 8px;
1946         top: 50%;
1947         margin-top: -8px;
1948 }
1949
1950 .folded ul#adminmenu li:hover a.wp-has-current-submenu:after {
1951         display: none;
1952 }
1953
1954 .folded ul#adminmenu a.wp-has-current-submenu:after,
1955 .folded ul#adminmenu > li a.current:after {
1956         border-width: 4px;
1957         margin-top: -4px;
1958 }
1959
1960 /* flyout menu arrow */
1961 #adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
1962         right: 0;
1963         border: solid transparent;
1964         content: " ";
1965         height: 0;
1966         width: 0;
1967         position: absolute;
1968         pointer-events: none;
1969         border-width: 8px;
1970         top: 10px;
1971         z-index: 10000;
1972 }
1973
1974 .folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
1975         border-width: 4px;
1976         margin-top: -4px;
1977         top: 18px;
1978 }
1979
1980 /* ensure that wp-submenu's box shadow doesn't appear on top of the focused menu item's background. */
1981 #adminmenu li.menu-top:hover,
1982 #adminmenu li.opensub > a.menu-top,
1983 #adminmenu li > a.menu-top:focus {
1984         position: relative;
1985 }
1986
1987 .folded #adminmenu li.menu-top:hover,
1988 .folded #adminmenu li.opensub > a.menu-top,
1989 .folded #adminmenu li > a.menu-top:focus {
1990         z-index: 10000;
1991 }
1992
1993 #adminmenu li.menu-top:hover .wp-menu-image img,
1994 #adminmenu li.wp-has-current-submenu .wp-menu-image img {
1995         opacity: 1;
1996         filter: alpha(opacity=100);
1997 }
1998
1999 #adminmenu li.wp-menu-separator {
2000         height: 3px;
2001         padding: 0;
2002         margin: 0 0 6px 0;
2003         border-width: 1px 0;
2004         border-style: solid;
2005         cursor: inherit;
2006 }
2007
2008 #adminmenu div.separator {
2009         height: 1px;
2010         padding: 0;
2011         border-width: 1px 0 0 0;
2012         border-style: solid;
2013 }
2014
2015 #adminmenu .wp-submenu .wp-submenu-head {
2016         font-weight: 400;
2017         font-size: 14px;
2018         padding: 8px 4px 8px 11px;
2019         margin: -7px 0px 4px;
2020 }
2021
2022 #adminmenu li.current,
2023 .folded #adminmenu li.wp-menu-open {
2024         border: 0 none;
2025 }
2026
2027 #adminmenu .awaiting-mod,
2028 #adminmenu span.update-plugins,
2029 #sidemenu li a span.update-plugins {
2030         display: inline-block;
2031         font-size: 9px;
2032         line-height: 17px;
2033         font-weight: 600;
2034         margin: 1px 0 0 2px;
2035         vertical-align: top;
2036         -webkit-border-radius: 10px;
2037         border-radius: 10px;
2038         z-index: 26;
2039 }
2040
2041 #adminmenu li .awaiting-mod span,
2042 #adminmenu li span.update-plugins span,
2043 #sidemenu li a span.update-plugins span {
2044         display: block;
2045         padding: 0 6px;
2046 }
2047
2048 #adminmenu li span.count-0,
2049 #sidemenu li a .count-0 {
2050         display: none;
2051 }
2052
2053 #adminmenu #collapse-menu {
2054         font-size: 13px;
2055         line-height: 34px;
2056         margin-top: 10px;
2057 }
2058
2059 .folded #collapse-menu span {
2060         display: none;
2061 }
2062
2063 #collapse-button,
2064 #collapse-button div {
2065         width: 15px;
2066         height: 15px;
2067 }
2068
2069 #collapse-button {
2070         float: left;
2071         height: 15px;
2072         margin: 10px 8px 10px 11px;
2073         width: 15px;
2074
2075         -webkit-border-radius: 10px;
2076         border-radius: 10px;
2077 }
2078
2079 #wpwrap #collapse-button div {
2080         padding: 0;
2081 }
2082
2083 #collapse-button div:after {
2084         content: '\f148';
2085         display: block;
2086         line-height: 15px;
2087         left: -3px;
2088         top: -3px;
2089         font: normal 20px/1 'dashicons' !important;
2090         speak: none;
2091         margin: 0 auto;
2092         padding: 0 !important;
2093         position: relative;
2094         text-align: center;
2095         width: 20px;
2096         -moz-transition: all .1s ease-in-out;
2097         -webkit-transition: all .1s ease-in-out;
2098         transition: all .1s ease-in-out;
2099
2100         -webkit-font-smoothing: antialiased;
2101         -moz-osx-font-smoothing: grayscale;
2102 }
2103
2104 .folded #collapse-button div:after,
2105 .rtl #collapse-button div:after {
2106         -ms-transform: rotate(180deg);
2107         -webkit-transform: rotate(180deg);
2108         transform: rotate(180deg);
2109 }
2110
2111 .rtl.folded #collapse-button div:after {
2112         -ms-transform: none;
2113         -webkit-transform: none;
2114         transform: none;
2115 }
2116
2117 /* Auto-folding of the admin menu */
2118 @media only screen and (max-width: 900px) {
2119         .auto-fold #wpcontent,
2120         .auto-fold #wpfooter {
2121                 margin-left: 56px;
2122         }
2123
2124         .auto-fold #adminmenuback,
2125         .auto-fold #adminmenuwrap,
2126         .auto-fold #adminmenu,
2127         .auto-fold #adminmenu li.menu-top {
2128                 width: 36px;
2129         }
2130
2131         .auto-fold #adminmenu .wp-submenu.sub-open,
2132         .auto-fold #adminmenu .opensub .wp-submenu,
2133         .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
2134         .auto-fold #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
2135         .auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
2136         .auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu  {
2137                 top: 0px;
2138                 left: 36px;
2139         }
2140
2141         .auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
2142         .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
2143                 position: absolute;
2144                 top: -1000em;
2145                 margin-right: -1px;
2146                 padding: 7px 0 8px;
2147                 z-index: 9999;
2148         }
2149
2150         .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
2151                 min-width: 150px;
2152                 width: auto;
2153         }
2154
2155         .auto-fold #adminmenu .wp-has-current-submenu li > a {
2156                 padding-right: 16px;
2157                 padding-left: 14px;
2158         }
2159
2160
2161         .auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
2162                 padding-left: 12px;
2163         }
2164
2165         .auto-fold #adminmenu .wp-menu-name {
2166                 display: none;
2167         }
2168
2169         .auto-fold #adminmenu .wp-submenu-head {
2170                 display: block;
2171         }
2172
2173         .auto-fold #adminmenu div.wp-menu-image {
2174                 height: 30px;
2175                 width: 34px;
2176                 position: absolute;
2177                 z-index: 25;
2178         }
2179
2180         .auto-fold #adminmenu a.menu-top {
2181                 height: 34px;
2182         }
2183
2184         .auto-fold #adminmenu li.wp-menu-open {
2185                 border: 0 none;
2186         }
2187
2188         .auto-fold #adminmenu .wp-has-current-submenu.menu-top-last {
2189                 margin-bottom: 0;
2190         }
2191
2192         .auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after {
2193                 display: none;
2194         }
2195
2196         .auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
2197                 border-width: 4px;
2198                 margin-top: -4px;
2199                 top: 16px;
2200         }
2201
2202         .auto-fold ul#adminmenu a.wp-has-current-submenu:after,
2203         .auto-fold ul#adminmenu > li a.current:after {
2204                 border-width: 4px;
2205                 margin-top: -4px;
2206         }
2207
2208         .auto-fold #adminmenu li.menu-top:hover,
2209         .auto-fold #adminmenu li.opensub > a.menu-top,
2210         .auto-fold #adminmenu li > a.menu-top:focus {
2211                 z-index: 10000;
2212         }
2213
2214         .auto-fold #collapse-menu span {
2215                 display: none;
2216         }
2217
2218         .auto-fold #collapse-button div {
2219                 background: none;
2220         }
2221
2222         .auto-fold #collapse-button div:after {
2223                 -ms-transform: rotate(180deg);
2224                 -webkit-transform: rotate(180deg);
2225                 transform: rotate(180deg);
2226         }
2227
2228         .rtl.auto-fold #collapse-button div:after {
2229                 -ms-transform: none;
2230                 -webkit-transform: none;
2231                 transform: none;
2232         }
2233
2234 }
2235
2236 /* List table styles */
2237 .post-com-count-wrapper {
2238         min-width: 22px;
2239 }
2240
2241 .post-com-count {
2242         background: none;
2243         height: 1.3em;
2244         line-height: 1.1em;
2245         display: block;
2246         text-decoration: none;
2247         padding: 0 0 6px;
2248         cursor: pointer;
2249         background-position: center -80px;
2250         background-repeat: no-repeat;
2251 }
2252
2253 .post-com-count:after {         /* draw bubble connector using CSS! */
2254         content: "";
2255         display: block;
2256         width: 0;
2257         height: 0;
2258         margin-left: 8px;
2259         border-top: 5px solid #bbbbbb;
2260         border-right: 5px solid transparent;
2261 }
2262
2263 .post-com-count span {
2264         font-size: 11px;
2265         font-weight: 600;
2266         height: 1.4em;
2267         line-height: 1.4em;
2268         min-width: 0.7em;
2269         padding: 0 6px;
2270         display: inline-block;
2271         -webkit-border-radius: 5px;
2272         border-radius: 5px;
2273 }
2274
2275 strong .post-com-count {
2276         background-position: center -55px;
2277 }
2278
2279 .post-com-count:hover {
2280         background-position: center -3px;
2281 }
2282
2283 .column-response .post-com-count {
2284         float: left;
2285         margin-right: 5px;
2286         text-align: center;
2287 }
2288
2289 .response-links {
2290         float: left;
2291 }
2292
2293 #the-comment-list .attachment-80x60 {
2294         padding: 4px 8px;
2295 }
2296
2297 th .comment-grey-bubble {
2298         height: 16px;
2299         width: 16px;
2300 }
2301
2302 th .comment-grey-bubble:before {
2303         content: '\f101';
2304         font: normal 20px/.5 'dashicons';
2305         speak: none;
2306         display: inline-block;
2307         padding: 0;
2308         top: 4px;
2309         left: -4px;
2310         position: relative;
2311         vertical-align: top;
2312         -webkit-font-smoothing: antialiased;
2313         -moz-osx-font-smoothing: grayscale;
2314         text-decoration: none !important;
2315 }
2316
2317 /*------------------------------------------------------------------------------
2318   8.0 - Layout Blocks
2319 ------------------------------------------------------------------------------*/
2320
2321 html.wp-toolbar {
2322         padding-top: 32px;
2323         -webkit-box-sizing: border-box;
2324         -moz-box-sizing: border-box;
2325         box-sizing: border-box;
2326 }
2327
2328 .narrow {
2329         width: 70%;
2330         margin-bottom: 40px;
2331 }
2332
2333 .narrow p {
2334         line-height: 150%;
2335 }
2336
2337 .widefat th,
2338 .widefat td {
2339         overflow: hidden;
2340 }
2341
2342 .widefat th {
2343         font-weight: normal;
2344 }
2345
2346 .widefat td p {
2347         margin: 2px 0 0.8em;
2348 }
2349
2350 .widefat .column-comment p {
2351         margin: 0.6em 0;
2352 }
2353
2354 /* Screens with postboxes */
2355 .postbox-container {
2356         float: left;
2357 }
2358
2359 #wpbody-content #dashboard-widgets.columns-1 .postbox-container {
2360         width: 100%;
2361 }
2362
2363 #wpbody-content #dashboard-widgets.columns-2 .postbox-container {
2364         width: 49.5%;
2365 }
2366
2367 #wpbody-content #dashboard-widgets.columns-2 #postbox-container-2,
2368 #wpbody-content #dashboard-widgets.columns-2 #postbox-container-3,
2369 #wpbody-content #dashboard-widgets.columns-2 #postbox-container-4 {
2370         float: right;
2371         width: 50.5%;
2372 }
2373
2374 #wpbody-content #dashboard-widgets.columns-3 .postbox-container {
2375         width: 33.5%;
2376 }
2377
2378 #wpbody-content #dashboard-widgets.columns-3 #postbox-container-1 {
2379         width: 33%;
2380 }
2381
2382 #wpbody-content #dashboard-widgets.columns-3 #postbox-container-3,
2383 #wpbody-content #dashboard-widgets.columns-3 #postbox-container-4 {
2384         float: right;
2385 }
2386
2387 #wpbody-content #dashboard-widgets.columns-4 .postbox-container {
2388         width: 25%;
2389 }
2390
2391 .postbox-container .meta-box-sortables {
2392         -moz-box-sizing: border-box;
2393         -webkit-box-sizing: border-box;
2394         -ms-box-sizing: border-box;
2395         box-sizing: border-box;
2396 }
2397
2398 .metabox-holder .postbox-container .empty-container {
2399         border: 3px dashed #bbb;
2400         height: 250px;
2401 }
2402
2403 .metabox-holder.columns-1 .postbox-container .empty-container,
2404 .columns-2 #postbox-container-3 .empty-container,
2405 .columns-2 #postbox-container-4 .empty-container,
2406 .columns-3 #postbox-container-4 .empty-container {
2407         border: 0 none;
2408         height: 0;
2409         min-height: 0;
2410 }
2411
2412 .ie8 #wpbody-content #dashboard-widgets .postbox-container {
2413         width: 49.5%;
2414 }
2415
2416 .ie8 #wpbody-content #dashboard-widgets #postbox-container-2,
2417 .ie8 #wpbody-content #dashboard-widgets #postbox-container-3,
2418 .ie8 #wpbody-content #dashboard-widgets #postbox-container-4 {
2419         float: right;
2420         width: 50.5%;
2421 }
2422
2423 .ie8 #dashboard-widgets #postbox-container-3 .empty-container,
2424 .ie8 #dashboard-widgets #postbox-container-4 .empty-container {
2425         border: 0 none;
2426         height: 0;
2427         min-height: 0;
2428 }
2429
2430 #poststuff {
2431         padding-top: 10px;
2432         min-width: 763px;
2433 }
2434
2435 #poststuff #post-body {
2436         padding: 0;
2437 }
2438
2439 #post-body-content {
2440         width: 100%;
2441         min-width: 463px;
2442         float: left;
2443 }
2444
2445 #poststuff .postbox-container {
2446         width: 100%;
2447 }
2448
2449 #poststuff #post-body.columns-2 {
2450         margin-right: 300px;
2451 }
2452
2453 #post-body.columns-2 #postbox-container-1 {
2454         float: right;
2455         margin-right: -300px;
2456         width: 280px;
2457 }
2458
2459 #post-body.columns-2 #side-sortables {
2460         min-height: 250px;
2461 }
2462
2463 #dashboard-widgets .postbox-container {
2464         width: 25%;
2465 }
2466
2467 #dashboard-widgets-wrap .columns-3 #postbox-container-4 .empty-container {
2468         border: none !important;
2469 }
2470
2471 #dashboard-widgets-wrap {
2472         overflow: hidden;
2473 }
2474
2475 /* one column on the dash */
2476 @media only screen and (max-width: 799px) {
2477         #wpbody-content #dashboard-widgets .postbox-container {
2478                 width: 100%;
2479         }
2480
2481         #wpbody-content .metabox-holder .postbox-container .empty-container {
2482                 border: 0 none;
2483                 height: 0;
2484                 min-height: 0;
2485         }
2486 }
2487
2488 /* two columns on the dash, but keep the setting if one is selected */
2489 @media only screen and (min-width: 800px) and (max-width: 1499px) {
2490         #wpbody-content #dashboard-widgets .postbox-container {
2491                 width: 49.5%;
2492         }
2493
2494         #wpbody-content #dashboard-widgets #postbox-container-2,
2495         #wpbody-content #dashboard-widgets #postbox-container-3,
2496         #wpbody-content #dashboard-widgets #postbox-container-4 {
2497                 float: right;
2498                 width: 50.5%;
2499         }
2500
2501         #dashboard-widgets #postbox-container-3 .empty-container,
2502         #dashboard-widgets #postbox-container-4 .empty-container {
2503                 border: 0 none;
2504                 height: 0;
2505                 min-height: 0;
2506         }
2507
2508         #wpbody #wpbody-content #dashboard-widgets.columns-1 .postbox-container {
2509                 width: 100%;
2510         }
2511
2512         #wpbody #wpbody-content .metabox-holder.columns-1 .postbox-container .empty-container {
2513                 border: 0 none;
2514                 height: 0;
2515                 min-height: 0;
2516         }
2517
2518         /* show the radio buttons for column prefs only for one or two columns */
2519         .index-php .screen-layout,
2520         .index-php .columns-prefs {
2521                 display: block;
2522         }
2523
2524         .columns-prefs .columns-prefs-3,
2525         .columns-prefs .columns-prefs-4 {
2526                 display: none;
2527         }
2528 }
2529
2530 /* three columns on the dash */
2531 @media only screen and (min-width: 1500px) and (max-width: 1800px) {
2532         #wpbody-content #dashboard-widgets .postbox-container {
2533                 width: 33.5%;
2534         }
2535
2536         #wpbody-content #dashboard-widgets #postbox-container-1 {
2537                 width: 33%;
2538         }
2539
2540         #wpbody-content #dashboard-widgets #postbox-container-3,
2541         #wpbody-content #dashboard-widgets #postbox-container-4 {
2542                 float: right;
2543         }
2544
2545         #dashboard-widgets #postbox-container-4 .empty-container {
2546                 border: 0 none;
2547                 height: 0;
2548                 min-height: 0;
2549         }
2550 }
2551
2552 /* one column on the post write/edit screen */
2553 @media only screen and (max-width: 850px) {
2554         #poststuff {
2555                 min-width: 0;
2556         }
2557
2558         #wpbody-content #poststuff #post-body {
2559                 margin: 0;
2560         }
2561
2562         #wpbody-content #post-body.columns-2 #postbox-container-1 {
2563                 margin-right: 0;
2564                 width: 100%;
2565         }
2566
2567         #poststuff #postbox-container-1 .empty-container,
2568         #poststuff #postbox-container-1 #side-sortables:empty {
2569                 border: 0 none;
2570                 height: 0;
2571                 min-height: 0;
2572         }
2573
2574         #poststuff #post-body.columns-2 #side-sortables {
2575                 min-height: 0;
2576         }
2577
2578         /* hide the radio buttons for column prefs */
2579         .screen-layout,
2580         .columns-prefs {
2581                 display: none;
2582         }
2583 }
2584
2585 .js .postbox .hndle {
2586         cursor: move;
2587 }
2588
2589 .hndle a {
2590         font-size: 11px;
2591         font-weight: normal;
2592 }
2593
2594 .postbox .handlediv {
2595         float: right;
2596         width: 27px;
2597         height: 30px;
2598 }
2599
2600 .js .postbox .handlediv {
2601         cursor: pointer;
2602 }
2603
2604 .sortable-placeholder {
2605         border-width: 1px;
2606         border-style: dashed;
2607         margin-bottom: 20px;
2608 }
2609
2610 .postbox,
2611 .stuffbox {
2612         margin-bottom: 20px;
2613         padding: 0;
2614         line-height: 1;
2615 }
2616
2617 .postbox h3,
2618 .stuffbox h3 {
2619         margin-top: 1px;
2620         -webkit-user-select: none;
2621         -moz-user-select: none;
2622         user-select: none;
2623 }
2624
2625 .js .widget .widget-top,
2626 .js .postbox h3 {
2627         cursor: move;
2628 }
2629
2630 .postbox .inside,
2631 .stuffbox .inside {
2632         padding: 0 12px 12px;
2633         line-height: 1.4em;
2634         font-size: 13px;
2635 }
2636
2637 .postbox .inside {
2638         margin: 11px 0;
2639         position: relative;
2640 }
2641
2642 #dashboard-widgets .postbox .inside {
2643         margin-bottom: 0;
2644 }
2645
2646 .postbox .inside > p:last-child,
2647 .rss-widget ul li:last-child {
2648         margin-bottom: 1px !important;
2649 }
2650
2651 .postbox.closed h3 {
2652         border: none;
2653         -webkit-box-shadow: none;
2654         box-shadow: none;
2655 }
2656
2657 .postbox table.form-table {
2658         margin-bottom: 0;
2659 }
2660
2661 .temp-border {
2662         border: 1px dotted #ccc;
2663 }
2664
2665 .columns-prefs label {
2666         padding: 0 5px;
2667 }
2668
2669
2670 /*------------------------------------------------------------------------------
2671   9.0 - Dashboard
2672 ------------------------------------------------------------------------------*/
2673
2674 #dashboard-widgets-wrap {
2675         margin: 0 -8px;
2676 }
2677
2678 #wpbody-content .metabox-holder {
2679         padding-top: 10px;
2680 }
2681
2682 #dashboard-widgets .meta-box-sortables {
2683         margin: 0 8px;
2684         min-height: 100px;
2685 }
2686
2687 #the-comment-list td.comment p.comment-author {
2688         margin-top: 0;
2689         margin-left: 0;
2690 }
2691
2692 #the-comment-list p.comment-author img {
2693         float: left;
2694         margin-right: 8px;
2695 }
2696
2697 #the-comment-list p.comment-author strong a {
2698         border: none;
2699 }
2700
2701 #the-comment-list td {
2702         vertical-align: top;
2703 }
2704
2705 #the-comment-list td.comment {
2706         word-wrap: break-word;
2707 }
2708
2709 /* Welcome Panel */
2710 .welcome-panel {
2711         position: relative;
2712         overflow: auto;
2713         margin: 16px 0;
2714         padding: 23px 10px 0;
2715         font-size: 13px;
2716         line-height: 2.1em;
2717 }
2718
2719 .welcome-panel h3 {
2720         margin: 0;
2721         font-size: 21px;
2722         font-weight: normal;
2723         line-height: 1.2;
2724 }
2725
2726 .welcome-panel h4 {
2727         margin: 1.33em 0 0;
2728         font-size: 16px;
2729 }
2730
2731 .welcome-panel li {
2732         font-size: 14px;
2733 }
2734
2735 .welcome-panel .about-description {
2736         font-size: 16px;
2737         margin: 0;
2738 }
2739
2740 .welcome-panel .welcome-panel-close {
2741         position: absolute;
2742         top: 5px;
2743         right: 10px;
2744         padding: 20px 15px 0 3px;
2745         font-size: 13px;
2746         text-decoration: none;
2747         line-height: 1;
2748 }
2749
2750 #welcome-panel.welcome-panel .welcome-panel-close::before,
2751 .tagchecklist span a:before,
2752 #bulk-titles div a:before {
2753         content: '\f153';
2754         display: block !important;
2755         font: normal 16px/1 'dashicons';
2756         speak: none;
2757         height: 20px;
2758         margin: 2px 0;
2759         text-align: center;
2760         width: 20px;
2761         -webkit-font-smoothing: antialiased !important;
2762 }
2763
2764 #welcome-panel.welcome-panel .welcome-panel-close::before {
2765         position: absolute;
2766         left: -18px;
2767         margin-top: -2px;
2768         -webkit-transition: all .1s ease-in-out;
2769         -moz-transition:    all .1s ease-in-out;
2770         transition:         all .1s ease-in-out;
2771 }
2772
2773 .wp-core-ui .welcome-panel .button.button-hero {
2774         margin: 15px 0 3px;
2775 }
2776
2777 .welcome-panel-content {
2778         margin-left: 13px;
2779         max-width: 1500px;
2780 }
2781
2782 .welcome-panel .welcome-panel-column-container {
2783         clear: both;
2784         overflow: hidden;
2785         position: relative;
2786 }
2787
2788 .welcome-panel .welcome-panel-column {
2789         width: 32%;
2790         min-width: 200px;
2791         float: left;
2792 }
2793
2794 .ie8 .welcome-panel .welcome-panel-column {
2795         min-width: 230px;
2796 }
2797
2798 .welcome-panel .welcome-panel-column:first-child {
2799         width: 36%;
2800 }
2801
2802 .welcome-panel-column p.hide-if-no-customize {
2803         margin-top: 10px;
2804 }
2805
2806 .welcome-panel-column p {
2807         margin-top: 7px;
2808 }
2809
2810 .welcome-panel .welcome-icon {
2811         display: block;
2812         padding: 0 0 8px;
2813         background: transparent !important;
2814 }
2815
2816 .welcome-panel .welcome-icon:before {
2817         font: normal 20px/1 'dashicons';
2818         speak: none;
2819         display: inline-block;
2820         padding: 0 10px 0 0;
2821         top: -1px;
2822         position: relative;
2823         -webkit-font-smoothing: antialiased;
2824         -moz-osx-font-smoothing: grayscale;
2825         text-decoration: none !important;
2826         vertical-align: top;
2827 }
2828
2829 .welcome-panel .welcome-write-blog:before,
2830 .welcome-panel .welcome-edit-page:before {
2831         content:'\f119';
2832         top: -3px;
2833 }
2834
2835 .welcome-panel .welcome-add-page:before {
2836         content:'\f132';
2837 }
2838
2839 .welcome-panel .welcome-view-site:before {
2840         content:'\f115';
2841         top: -2px;
2842 }
2843
2844 .welcome-panel .welcome-widgets-menus:before {
2845         content:'\f116';
2846         top: -2px;
2847 }
2848
2849 .welcome-panel .welcome-comments:before {
2850         content:'\f117';
2851         top: -1px;
2852 }
2853
2854 .welcome-panel .welcome-learn-more:before {
2855         content:'\f118';
2856         top: -1px;
2857 }
2858
2859 .welcome-panel .welcome-widgets-menus {
2860         line-height: 16px;
2861 }
2862
2863 .welcome-panel .welcome-panel-column ul {
2864         margin: 0.8em 1em 1em 0;
2865 }
2866
2867 .welcome-panel .welcome-panel-column li {
2868         line-height: 16px;
2869         list-style-type: none;
2870 }
2871
2872 /* Dashboard WordPress news */
2873
2874 #dashboard_primary .inside {
2875         margin: 0;
2876         padding: 0;
2877 }
2878
2879 #dashboard_primary .widget-loading,
2880 #dashboard_primary .dashboard-widget-control-form {
2881         padding: 12px 12px 0;
2882 }
2883
2884 body #dashboard-widgets .postbox form .submit {
2885         margin: 0;
2886 }
2887
2888 .dashboard-widget-control-form {
2889         overflow: hidden;
2890 }
2891
2892 .dashboard-widget-control-form p {
2893         margin-top: 0;
2894 }
2895
2896 .rssSummary {
2897         color: #777;
2898         margin-top: 4px;
2899 }
2900
2901 #dashboard_primary .rss-widget {
2902         border-bottom: 1px solid #eee;
2903         font-size: 13px;
2904         padding: 8px 12px 10px;
2905 }
2906
2907 #dashboard_primary .rss-widget:last-child {
2908         border-bottom: none;
2909         padding-bottom: 8px;
2910 }
2911
2912 #dashboard_primary .rss-widget a {
2913         font-weight: normal;
2914 }
2915
2916 #dashboard_primary .rss-widget span,
2917 #dashboard_primary .rss-widget span.rss-date {
2918         color: #777;
2919 }
2920
2921 #dashboard_primary .rss-widget span.rss-date {
2922         margin-left: 12px;
2923 }
2924
2925 #dashboard_primary .rss-widget ul li {
2926         margin-bottom: 8px;
2927 }
2928
2929 /* Dashboard right now */
2930
2931 #dashboard_right_now ul {
2932         margin: 0;
2933         overflow: hidden;
2934 }
2935
2936 #dashboard_right_now li {
2937         width: 50%;
2938         float: left;
2939         margin-bottom: 10px;
2940 }
2941
2942 #dashboard_right_now .inside {
2943         overflow: hidden;
2944         padding: 0;
2945 }
2946
2947 #dashboard_right_now .main {
2948         padding: 0 12px 11px;
2949 }
2950
2951 #dashboard_right_now .main p {
2952         margin: 0;
2953 }
2954
2955 .mu-storage {
2956         overflow: hidden;
2957 }
2958
2959 #dashboard-widgets h4.mu-storage {
2960         margin-bottom: 10px;
2961 }
2962
2963 /* Dashboard right now - Colors */
2964
2965 #dashboard_right_now li a:before {
2966         color: #888;
2967 }
2968
2969 #dashboard_right_now .sub {
2970         color: #777;
2971         background: #f5f5f5;
2972         border-top: 1px solid #eee;
2973         padding: 10px 12px 6px 12px;
2974 }
2975
2976 #dashboard_right_now .sub h4 {
2977         color: #555;
2978 }
2979
2980 #dashboard_right_now .sub p {
2981         margin: 0 0 1em;
2982 }
2983
2984 #dashboard_right_now .warning a:before {
2985         color: #d54e21;
2986 }
2987
2988 /* Dashboard right now - Icons */
2989 #dashboard_right_now li a:before {
2990         content: '\f159';
2991         font: normal 20px/1 'dashicons';
2992         speak: none;
2993         display: block;
2994         float: left;
2995         margin: 0 5px 0 0;
2996         padding: 0;
2997         text-indent: 0;
2998         text-align: center;
2999         position: relative;
3000         -webkit-font-smoothing: antialiased;
3001         text-decoration: none !important;
3002 }
3003
3004 #dashboard_right_now .page-count a:before {
3005         content: '\f105';
3006 }
3007
3008 #dashboard_right_now .post-count a:before {
3009         content: '\f109';
3010 }
3011
3012 #dashboard_right_now .comment-count a:before {
3013         content: '\f101';
3014 }
3015
3016 #dashboard_right_now .comment-mod-count a:before {
3017         content: '\f125';
3018 }
3019
3020 #dashboard_right_now .storage-count a:before {
3021         content: '\f104';
3022 }
3023
3024 #dashboard_right_now .storage-count.warning a:before {
3025         content: '\f153';
3026 }
3027
3028 /* Dashboard Quick Draft */
3029
3030 #dashboard_quick_press .inside {
3031         margin: 0;
3032         padding: 0;
3033 }
3034
3035 #dashboard_quick_press div.updated {
3036         margin-bottom: 10px;
3037         border: 1px solid #eee;
3038         border-width: 1px 1px 1px 0;
3039 }
3040
3041 #dashboard_quick_press form {
3042         overflow: hidden;
3043         margin: 12px;
3044 }
3045
3046 #dashboard_quick_press .drafts,
3047 #dashboard_quick_press .easy-blogging {
3048         padding: 10px 0 0;
3049 }
3050
3051 /* Dashboard Quick Draft - Form styling */
3052
3053 input#save-post {
3054         float: left;
3055 }
3056
3057 form.initial-form.quickpress-open label.prompt {
3058         font-style: normal;
3059 }
3060
3061 form.initial-form.quickpress-open input#title {
3062         height: auto;
3063 }
3064
3065 #dashboard_quick_press input,
3066 #dashboard_quick_press textarea {
3067         box-sizing: border-box;
3068         -moz-box-sizing:border-box;
3069         -webkit-box-sizing:border-box;
3070         margin: 0;
3071 }
3072
3073 #dashboard_quick_press textarea {
3074         resize: vertical;
3075 }
3076
3077 #dashboard-widgets .postbox form .submit {
3078         margin: -39px 0;
3079         float: right;
3080 }
3081
3082 #description-wrap {
3083         margin-top: 12px;
3084 }
3085
3086 #title-wrap #title-prompt-text,
3087 .textarea-wrap #content-prompt-text {
3088         color: #777;
3089 }
3090
3091 #title-wrap #title-prompt-text {
3092         font-size: 1.1em;
3093         padding: 7px 8px;
3094 }
3095
3096 .input-text-wrap,
3097 .textarea-wrap {
3098         position: relative;
3099 }
3100
3101 .input-text-wrap .prompt,
3102 .textarea-wrap .prompt {
3103         position: absolute;
3104 }
3105
3106 .textarea-wrap #content-prompt-text {
3107         font-size: 1.1em;
3108         padding: 7px 8px;
3109 }
3110
3111 .textarea-wrap textarea#content {
3112         margin: 0 0 8px;
3113         padding: 6px 7px;
3114 }
3115
3116 #quick-press textarea#content {
3117         min-height: 90px;
3118         max-height: 1300px;
3119         resize: none;
3120 }
3121
3122 /* Dashboard Quick Draft - Drafts list */
3123
3124 .js #dashboard_quick_press .drafts {
3125         border-top: 1px solid #eee;
3126 }
3127
3128 #dashboard_quick_press .drafts abbr {
3129         border: none;
3130 }
3131
3132 #dashboard_quick_press .drafts h4 {
3133         margin: 0 12px 8px;
3134         font-weight: normal;
3135 }
3136
3137 #dashboard_quick_press .drafts .view-all {
3138         float: right;
3139         margin: 0 12px 0 0;
3140 }
3141
3142 #dashboard_primary a.rsswidget {
3143         font-weight: normal;
3144 }
3145
3146 #dashboard_quick_press .drafts ul {
3147         margin: 0 12px;
3148 }
3149
3150 #dashboard_quick_press .drafts li {
3151         margin-bottom: 1em;
3152 }
3153 #dashboard_quick_press .drafts li time {
3154         color: #777;
3155 }
3156
3157 #dashboard_quick_press .drafts p {
3158         margin: 0;
3159 }
3160
3161 #dashboard_quick_press .draft-title {
3162         overflow: hidden;
3163 }
3164
3165 #dashboard_quick_press .draft-title a,
3166 #dashboard_quick_press .draft-title time {
3167         float: left;
3168         margin: 0 5px 0 0;
3169 }
3170
3171 /* Dashboard activity widget */
3172
3173 #dashboard-widgets #dashboard_activity h4 {
3174         margin: 0 0 8px 12px;
3175         font-weight: normal;
3176 }
3177
3178 #dashboard-widgets #dashboard_activity h4.comment-meta {
3179         margin: 0;
3180 }
3181
3182 #dashboard_activity h4.comment-meta {
3183         overflow: hidden;
3184         text-overflow: ellipsis;
3185         white-space: nowrap;
3186         margin-bottom: 4px;
3187 }
3188
3189 #dashboard_activity ul {
3190         padding: 0 12px;
3191 }
3192
3193 #dashboard_activity .comment-meta span.approve:before {
3194         content: '\f227';
3195         font: 20px/.5 "dashicons";
3196         margin-left: 12px;
3197         vertical-align: middle;
3198         position: relative;
3199         top: -1px;
3200         margin-right: 2px;
3201 }
3202
3203 #dashboard_activity .inside {
3204         padding: 0;
3205         margin: 0;
3206 }
3207
3208 #dashboard_activity .no-activity {
3209         overflow: hidden;
3210         padding: 0 12px 12px;
3211         text-align: center;
3212 }
3213
3214 #dashboard_activity .no-activity p {
3215         color: #999;
3216         font-size: 16px;
3217 }
3218
3219 #dashboard_activity .no-activity .smiley {
3220         margin-top: 0;
3221 }
3222
3223 #dashboard_activity .no-activity .smiley:before {
3224         content: '\f328';
3225         font: normal 120px/1 'dashicons';
3226         speak: none;
3227         display: block;
3228         margin: 0 5px 0 0;
3229         padding: 0;
3230         text-indent: 0;
3231         text-align: center;
3232         position: relative;
3233         -webkit-font-smoothing: antialiased;
3234         text-decoration: none !important;
3235 }
3236
3237 #dashboard_activity .subsubsub {
3238         float: none;
3239         border-top: 1px solid #eeeeee;
3240         margin-top: 0;
3241         padding: 8px 12px 4px;
3242 }
3243
3244 #future-posts .show-more,
3245 #published-posts .show-more {
3246         float: right;
3247         margin-right: 12px;
3248 }
3249
3250 #future-posts ul,
3251 #published-posts ul {
3252         clear: both;
3253         margin-bottom: 0;
3254 }
3255
3256 #future-posts li,
3257 #published-posts li {
3258         overflow: hidden;
3259         margin-bottom: 8px;
3260 }
3261
3262 #future-posts ul span,
3263 #published-posts ul span {
3264         color: #777;
3265         float: left;
3266         margin-right: 8px;
3267         min-width: 150px;
3268 }
3269
3270 .activity-block {
3271         border-bottom: 1px solid #eee;
3272         overflow: hidden;
3273         padding: 8px 0 4px;
3274 }
3275
3276 .activity-block:last-child {
3277         border-bottom: none;
3278 }
3279
3280 .activity-block .subsubsub li {
3281         color: #ddd;
3282 }
3283
3284 /* Dashboard activity widget - Comments */
3285
3286 #activity-widget #the-comment-list tr.undo,
3287 #activity-widget #the-comment-list div.undo {
3288         background: none;
3289         padding: 6px 0;
3290 }
3291
3292 #activity-widget #the-comment-list .alternate,
3293 #activity-widget #the-comment-list .alt {
3294         background: none;
3295 }
3296
3297 #activity-widget #the-comment-list .comment {
3298         background: #fafafa;
3299         padding: 12px;
3300         position: relative;
3301 }
3302
3303 #activity-widget #the-comment-list img {
3304         position: absolute;
3305         left: 13px;
3306         top: 13px;
3307 }
3308
3309 #activity-widget #the-comment-list .dashboard-comment-wrap {
3310         padding-left: 63px;
3311 }
3312
3313 #activity-widget #the-comment-list .dashboard-comment-wrap blockquote {
3314         margin: 1em 0;
3315 }
3316
3317 #activity-widget #the-comment-list .comment-item h4 {
3318         font-size: 13px;
3319         color: #999;
3320 }
3321
3322 #activity-widget #the-comment-list .comment-item p.row-actions {
3323         margin: 4px 0 0 0;
3324 }
3325
3326 #activity-widget #the-comment-list .comment-item:first-child {
3327         border-top: 1px solid #eeeeee;
3328 }
3329
3330 #activity-widget #the-comment-list .unapproved:before {
3331         content: "";
3332         display: block;
3333         position: absolute;
3334         left: 0;
3335         top: 0;
3336         bottom: 0;
3337         background: #d54e21;
3338         width: 4px;
3339 }
3340
3341 #activity-widget #the-comment-list .spam-undo-inside .avatar,
3342 #activity-widget #the-comment-list .trash-undo-inside .avatar {
3343         margin-right: 20px;
3344         position: relative;
3345         top: 0;
3346 }
3347
3348 /* Browse happy box */
3349
3350 #dashboard-widgets #dashboard_browser_nag.postbox .inside {
3351         margin: 10px;
3352 }
3353
3354 @media screen and (max-width: 870px) {
3355         .welcome-panel .welcome-panel-column,
3356         .welcome-panel .welcome-panel-column:first-child {
3357                 display: block;
3358                 float: none;
3359                 width: 100%;
3360         }
3361
3362         .welcome-panel .welcome-panel-column li {
3363                 display: inline-block;
3364                 margin-right: 13px;
3365         }
3366
3367         .welcome-panel .welcome-panel-column ul {
3368                 margin: 0.4em 0 0;
3369         }
3370
3371 }
3372
3373 /*------------------------------------------------------------------------------
3374   10.0 - List Posts (/Pages/etc)
3375 ------------------------------------------------------------------------------*/
3376
3377 table.fixed {
3378         table-layout: fixed;
3379 }
3380
3381 .fixed .column-rating,
3382 .fixed .column-visible {
3383         width: 8%;
3384 }
3385
3386 .fixed .column-posts,
3387 .fixed .column-date,
3388 .fixed .column-parent,
3389 .fixed .column-links,
3390 .fixed .column-author,
3391 .fixed .column-format {
3392         width: 10%;
3393 }
3394
3395 .fixed .column-response,
3396 .fixed .column-categories,
3397 .fixed .column-tags,
3398 .fixed .column-rel,
3399 .fixed .column-role {
3400         width: 15%;
3401 }
3402
3403 .fixed .column-slug {
3404         width: 25%;
3405 }
3406
3407 .fixed .column-locations {
3408         width: 35%;
3409 }
3410
3411 .fixed .column-comments {
3412         width: 4em;
3413         padding: 8px 0;
3414         text-align: left;
3415 }
3416
3417 .fixed .column-comments .vers {
3418         padding-left: 3px;
3419 }
3420
3421 .fixed .column-comments a {
3422         float: left;
3423 }
3424
3425 .fixed .column-icon {
3426         width: 80px;
3427 }
3428
3429 #comments-form .fixed .column-author {
3430         width: 20%;
3431 }
3432
3433 #commentsdiv.postbox .inside {
3434         margin: 0;
3435         padding: 0;
3436 }
3437
3438 #commentsdiv .inside .row-actions {
3439         line-height:18px;
3440 }
3441
3442 #commentsdiv .inside .column-author {
3443         width: 25%;
3444 }
3445
3446 #commentsdiv .column-comment p {
3447         margin: 0.6em 0;
3448         padding: 0;
3449 }
3450
3451 #commentsdiv #replyrow td {
3452         padding: 0;
3453 }
3454
3455 #commentsdiv p {
3456         padding: 8px 10px;
3457         margin: 0;
3458 }
3459
3460 #commentsdiv .comments-box {
3461         border: 0 none;
3462 }
3463
3464 #commentsdiv .comments-box thead th {
3465         background: transparent;
3466         padding: 0 7px 4px;
3467         font-style: italic;
3468 }
3469
3470 #commentsdiv .comments-box tr:last-child td {
3471         border-bottom: 0 none;
3472 }
3473
3474 #commentsdiv .spinner {
3475         padding-left: 5px;
3476 }
3477
3478 .sorting-indicator {
3479         display: none;
3480         width: 10px;
3481         height: 4px;
3482         margin-top: 8px;
3483         margin-left: 7px;
3484 }
3485
3486 .sorting-indicator:before {
3487         background: none;
3488         content: '\f142';
3489         font: normal 20px/1 'dashicons';
3490         speak: none;
3491         display: inline-block;
3492         padding: 0;
3493         top: -4px;
3494         left: -8px;
3495         color: #444;
3496         line-height: 10px;
3497         position: relative;
3498         vertical-align: top;
3499         -webkit-font-smoothing: antialiased;
3500         -moz-osx-font-smoothing: grayscale;
3501         text-decoration: none !important;
3502 }
3503
3504 .column-comments .sorting-indicator:before {
3505         top: 0;
3506         left: -10px;
3507 }
3508
3509 th.sorted.asc .sorting-indicator:before,
3510 th.desc:hover span.sorting-indicator:before {
3511         content: '\f142';
3512 }
3513
3514 th.sorted.desc .sorting-indicator:before,
3515 th.asc:hover span.sorting-indicator:before {
3516         content: '\f140';
3517 }
3518
3519 tr.wp-locked .locked-indicator {
3520         background: url('../images/lock.png') no-repeat;
3521         margin: -2px 0 0 6px;
3522         height: 20px;
3523         width: 16px;
3524 }
3525
3526 tr.wp-locked .check-column label,
3527 tr.wp-locked .check-column input[type="checkbox"],
3528 tr.wp-locked .row-actions .inline,
3529 tr.wp-locked .row-actions .trash {
3530         display: none;
3531 }
3532
3533 tr .locked-info {
3534         height: 0;
3535         opacity: 0;
3536 }
3537
3538 tr.wp-locked .locked-info {
3539         margin-top: 8px;
3540         height: auto;
3541         opacity: 1;
3542 }
3543
3544 .locked-text {
3545         vertical-align: top;
3546 }
3547
3548 tr.locked-info, tr.wp-locked .locked-info {
3549         -webkit-transition: height 1s, opacity 500ms;
3550         -moz-transition:    height 1s, opacity 500ms;
3551         -ms-transition:     height 1s, opacity 500ms;
3552         -o-transition:      height 1s, opacity 500ms;
3553         transition:         height 1s, opacity 500ms;
3554 }
3555
3556 .fixed .column-comments .sorting-indicator {
3557         margin-top: 3px;
3558 }
3559
3560 #menu-locations-wrap .widefat {
3561         width: 60%;
3562 }
3563
3564 .widefat th.sortable,
3565 .widefat th.sorted {
3566         padding: 0;
3567 }
3568
3569 th.sortable a,
3570 th.sorted a {
3571         display: block;
3572         overflow: hidden;
3573         padding: 7px 7px 8px 10px;
3574 }
3575
3576 .fixed .column-comments.sortable a,
3577 .fixed .column-comments.sorted a {
3578         padding: 8px 0;
3579 }
3580
3581 th.sortable a span,
3582 th.sorted a span {
3583         float: left;
3584         cursor: pointer;
3585 }
3586
3587 th.sorted.asc .sorting-indicator,
3588 th.desc:hover span.sorting-indicator {
3589         display: block;
3590         background-position: 0 0;
3591 }
3592
3593 th.sorted.desc .sorting-indicator,
3594 th.asc:hover span.sorting-indicator {
3595         display: block;
3596         background-position: -7px 0;
3597 }
3598
3599 /* Bulk Actions */
3600 .tablenav-pages a {
3601         font-weight: 600;
3602         margin-right: 1px;
3603         padding: 0 2px;
3604 }
3605 .tablenav-pages .current-page {
3606         padding-top: 0;
3607         text-align: center;
3608 }
3609 .tablenav-pages .next-page {
3610         margin-left: 2px;
3611 }
3612
3613 .tablenav a.button-secondary {
3614         display: block;
3615         margin: 3px 8px 0 0;
3616 }
3617
3618 .tablenav {
3619         clear: both;
3620         height: 30px;
3621         margin: 6px 0 4px;
3622         vertical-align: middle;
3623 }
3624
3625 .tablenav.themes {
3626         max-width: 98%;
3627 }
3628
3629 .tablenav .tablenav-pages {
3630         float: right;
3631         display: block;
3632         cursor: default;
3633         height: 30px;
3634         line-height: 30px;
3635         font-size: 12px;
3636 }
3637
3638 .tablenav .no-pages,
3639 .tablenav .one-page .pagination-links {
3640         display: none;
3641 }
3642
3643 .tablenav .tablenav-pages a,
3644 .tablenav-pages span.current  {
3645         text-decoration: none;
3646         padding: 3px 6px;
3647 }
3648
3649 .tablenav .tablenav-pages a {
3650         padding: 0 10px 3px;
3651         font-size: 16px;
3652         font-weight: normal;
3653 }
3654
3655 .tablenav .tablenav-pages a.disabled:hover ,
3656 .tablenav .tablenav-pages a.disabled:active {
3657         cursor: default;
3658 }
3659
3660 .tablenav .displaying-num {
3661         margin-right: 2px;
3662         font-size: 12px;
3663         font-style: italic;
3664 }
3665
3666 .tablenav .actions {
3667         overflow: hidden;
3668         padding: 2px 8px 0 0;
3669 }
3670
3671 .tablenav .delete {
3672         margin-right: 20px;
3673 }
3674
3675 .view-switch {
3676         float: right;
3677         margin: 5px 16px 0 8px;
3678 }
3679
3680 .view-switch img {
3681         display: none;
3682 }
3683
3684 .view-switch a {
3685         text-decoration: none;
3686 }
3687
3688 .view-switch > a {
3689         display: inline-block;
3690         width: 18px;
3691         height: 18px;
3692 }
3693
3694 .view-switch > a:before {
3695         content: '\f163';
3696         display: inline-block;
3697         float: left;
3698         font: normal 20px/1 'dashicons';
3699         speak: none;
3700         vertical-align: middle;
3701         margin-left: 0;
3702         -webkit-font-smoothing: antialiased;
3703         -moz-osx-font-smoothing: grayscale;
3704 }
3705
3706 .view-switch > a + a:before {
3707         margin-left: 5px;
3708         content: '\f164';
3709 }
3710
3711 .filter {
3712         float: left;
3713         margin: -5px 0 0 10px;
3714 }
3715
3716 .filter .subsubsub {
3717         margin-left: -10px;
3718         margin-top: 13px;
3719 }
3720 .screen-per-page {
3721         width: 4em;
3722 }
3723
3724 #posts-filter fieldset {
3725         float: left;
3726         margin: 0 1.5ex 1em 0;
3727         padding: 0;
3728 }
3729
3730 #posts-filter fieldset legend {
3731         padding: 0 0 .2em 1px;
3732 }
3733
3734
3735 /*------------------------------------------------------------------------------
3736   10.1 - Inline Editing
3737 ------------------------------------------------------------------------------*/
3738
3739 /*
3740 .quick-edit* is for Quick Edit
3741 .bulk-edit* is for Bulk Edit
3742 .inline-edit* is for everything
3743 */
3744
3745 /*      Layout */
3746
3747 #wpbody-content .inline-edit-row fieldset {
3748         font-size: 12px;
3749         float: left;
3750         margin: 0;
3751         padding: 0;
3752         width: 100%;
3753 }
3754
3755 tr.inline-edit-row td,
3756 #wpbody-content .inline-edit-row fieldset .inline-edit-col {
3757         padding: 0 0.5em;
3758 }
3759
3760 #wpbody-content .quick-edit-row-page fieldset.inline-edit-col-right .inline-edit-col {
3761         border-width: 0 0 0 1px;
3762         border-style: none none none solid;
3763 }
3764
3765 #wpbody-content .quick-edit-row-post .inline-edit-col-left {
3766         width: 40%;
3767 }
3768
3769 #wpbody-content .quick-edit-row-post .inline-edit-col-right {
3770         width: 39%;
3771 }
3772
3773 #wpbody-content .inline-edit-row-post .inline-edit-col-center {
3774         width: 20%;
3775 }
3776
3777 #wpbody-content .quick-edit-row-page .inline-edit-col-left {
3778         width: 50%;
3779 }
3780
3781 #wpbody-content .quick-edit-row-page .inline-edit-col-right,
3782 #wpbody-content .bulk-edit-row-post .inline-edit-col-right {
3783         width: 49%;
3784 }
3785
3786 #wpbody-content .bulk-edit-row .inline-edit-col-left {
3787         width: 30%;
3788 }
3789
3790 #wpbody-content .bulk-edit-row-page .inline-edit-col-right {
3791         width: 69%;
3792 }
3793
3794 #wpbody-content .bulk-edit-row .inline-edit-col-bottom {
3795         float: right;
3796         width: 69%;
3797 }
3798
3799 #wpbody-content .inline-edit-row-page .inline-edit-col-right {
3800         margin-top: 27px;
3801 }
3802
3803 .inline-edit-row fieldset .inline-edit-group {
3804         clear: both;
3805 }
3806
3807 .inline-edit-row fieldset .inline-edit-group:after {
3808         content: ".";
3809         display: block;
3810         height: 0;
3811         clear: both;
3812         visibility: hidden;
3813 }
3814
3815 .inline-edit-row p.submit {
3816         clear: both;
3817         padding: 0.5em;
3818         margin: 0.5em 0 0;
3819 }
3820
3821 .inline-edit-row span.error {
3822         line-height: 22px;
3823         margin: 0 15px;
3824         padding: 3px 5px;
3825 }
3826
3827 /*      Positioning */
3828 .inline-edit-row h4 {
3829         margin: .2em 0;
3830         padding: 0;
3831         line-height: 23px;
3832 }
3833 .inline-edit-row fieldset span.title,
3834 .inline-edit-row fieldset span.checkbox-title {
3835         margin: 0;
3836         padding: 0;
3837         line-height: 27px;
3838 }
3839
3840 .inline-edit-row fieldset label,
3841 .inline-edit-row fieldset span.inline-edit-categories-label {
3842         display: block;
3843         margin: .2em 0;
3844 }
3845
3846 .inline-edit-row fieldset label.inline-edit-tags {
3847         margin-top: 0;
3848 }
3849
3850 .inline-edit-row fieldset label.inline-edit-tags span.title {
3851         margin: .2em 0;
3852         width: auto;
3853 }
3854
3855 .inline-edit-row fieldset label span.title {
3856         display: block;
3857         float: left;
3858         width: 5em;
3859 }
3860
3861 .inline-edit-row fieldset label span.input-text-wrap {
3862         display: block;
3863         margin-left: 5em;
3864 }
3865
3866 .quick-edit-row-post fieldset.inline-edit-col-right label span.title {
3867         width: auto;
3868         padding-right: 0.5em;
3869 }
3870
3871 .inline-edit-row .input-text-wrap input[type=text] {
3872         width: 100%;
3873 }
3874
3875 .inline-edit-row fieldset label input[type=checkbox] {
3876         vertical-align: text-bottom;
3877 }
3878
3879 .inline-edit-row fieldset label textarea {
3880         width: 100%;
3881         height: 4em;
3882 }
3883
3884 #wpbody-content .bulk-edit-row fieldset .inline-edit-group label {
3885         max-width: 50%;
3886 }
3887
3888 #wpbody-content .quick-edit-row fieldset .inline-edit-group label.alignleft:first-child {
3889         margin-right: 0.5em
3890 }
3891
3892 .inline-edit-col-right .input-text-wrap input.inline-edit-menu-order-input {
3893         width: 6em;
3894 }
3895
3896 .inline-edit-save .spinner {
3897         padding: 4px 10px 0;
3898         vertical-align: top;
3899         float: right;
3900 }
3901
3902 /*      Styling */
3903 .inline-edit-row h4 {
3904         text-transform: uppercase;
3905 }
3906
3907 .inline-edit-row fieldset span.title,
3908 .inline-edit-row fieldset span.checkbox-title {
3909         font-style: italic;
3910         line-height: 1.8em;
3911 }
3912
3913 /*      Specific Elements */
3914 .inline-edit-row fieldset input[type="text"],
3915 .inline-edit-row fieldset textarea {
3916         border-style: solid;
3917         border-width: 1px;
3918 }
3919
3920 .inline-edit-row fieldset .inline-edit-date {
3921         float: left;
3922 }
3923
3924 .inline-edit-row fieldset input[name=jj],
3925 .inline-edit-row fieldset input[name=hh],
3926 .inline-edit-row fieldset input[name=mn] {
3927         font-size: 12px;
3928         width: 2.1em;
3929 }
3930
3931 .inline-edit-row fieldset input[name=aa] {
3932         font-size: 12px;
3933         width: 3.5em;
3934 }
3935
3936 .inline-edit-row fieldset label input.inline-edit-password-input {
3937         width: 8em;
3938 }
3939
3940 ul.cat-checklist {
3941         height: 12em;
3942         border-style: solid;
3943         border-width: 1px;
3944         overflow-y: scroll;
3945         padding: 0 5px;
3946         margin: 0;
3947 }
3948
3949 #bulk-titles {
3950         display: block;
3951         height: 12em;
3952         border-style: solid;
3953         border-width: 1px;
3954         overflow-y: scroll;
3955         padding: 0 5px;
3956         margin: 0 0 5px;
3957 }
3958
3959 .inline-edit-row fieldset ul.cat-checklist li,
3960 .inline-edit-row fieldset ul.cat-checklist input {
3961         margin: 0;
3962 }
3963
3964 .inline-edit-row fieldset ul.cat-checklist label,
3965 .inline-edit-row #bulk-titles div {
3966         font-style: normal;
3967         font-size: 11px;
3968 }
3969
3970 .inline-edit-row fieldset label input.inline-edit-menu-order-input {
3971         width: 3em;
3972 }
3973
3974 .inline-edit-row fieldset label input.inline-edit-slug-input {
3975         width: 75%;
3976 }
3977
3978 .quick-edit-row-post fieldset label.inline-edit-status {
3979         float: left;
3980 }
3981
3982 #bulk-titles {
3983         line-height: 140%;
3984 }
3985 #bulk-titles div {
3986         margin: 0.2em 0.3em;
3987 }
3988
3989 #bulk-titles div a {
3990         cursor: pointer;
3991         display: block;
3992         float: left;
3993         height: 18px;
3994         margin: 0 3px 0 -2px;
3995         overflow: hidden;
3996         position: relative;
3997         width: 20px;
3998 }
3999
4000 #bulk-titles div a:before {
4001         position: relative;
4002         top: -3px;
4003 }
4004
4005
4006 /*------------------------------------------------------------------------------
4007   11.0 - Write/Edit Post Screen
4008 ------------------------------------------------------------------------------*/
4009
4010 #show-comments {
4011         overflow: hidden;
4012 }
4013
4014 #save-action .spinner,
4015 #show-comments a,
4016 #show-comments .spinner {
4017         float: left;
4018 }
4019
4020 #lost-connection-notice .spinner {
4021         display: block;
4022         float: left;
4023         margin: 0 5px 0 0;
4024 }
4025
4026 #titlediv {
4027         position: relative;
4028         margin-bottom: 10px;
4029 }
4030
4031 #titlediv label {
4032         cursor: text;
4033 }
4034
4035 #titlediv div.inside {
4036         margin: 0;
4037 }
4038
4039 #poststuff #titlewrap {
4040         border: 0;
4041         padding: 0;
4042 }
4043
4044 #titlediv #title {
4045         padding: 3px 8px;
4046         font-size: 1.7em;
4047         line-height: 100%;
4048         height: 1.7em;
4049         width: 100%;
4050         outline: none;
4051         margin: 0;
4052 }
4053
4054 #titlediv #title-prompt-text,
4055 #wp-fullscreen-title-prompt-text {
4056         color: #777;
4057         position: absolute;
4058         font-size: 1.7em;
4059         padding: 11px 10px;
4060 }
4061
4062 #wp-fullscreen-save .fs-saved {
4063         color: #999;
4064         float: right;
4065         margin-top: 4px;
4066 }
4067
4068 #wp-fullscreen-title-prompt-text {
4069         padding: 11px;
4070 }
4071
4072 #poststuff .inside-submitbox,
4073 #side-sortables .inside-submitbox {
4074         margin: 0 3px;
4075         font-size: 11px;
4076 }
4077
4078 input#link_description,
4079 input#link_url {
4080         width: 98%;
4081 }
4082
4083 #pending {
4084         background: 0 none;
4085         border: 0 none;
4086         padding: 0;
4087         font-size: 11px;
4088         margin-top: -1px;
4089 }
4090
4091 #edit-slug-box {
4092         line-height: 24px;
4093         min-height: 25px; /* Yes, line-height + 1 */
4094         margin-top: 5px;
4095         padding: 0 10px;
4096 }
4097
4098 #edit-slug-box .cancel {
4099         margin-right: 10px;
4100         font-size: 11px;
4101 }
4102
4103 #editable-post-name-full {
4104         display: none;
4105 }
4106
4107 #editable-post-name input {
4108         font-size: 13px;
4109         height: 22px;
4110         margin: 0;
4111         width: 16em;
4112 }
4113
4114 .postarea h3 label {
4115         float: left;
4116 }
4117
4118 .submitbox .submit {
4119         text-align: left;
4120         padding: 12px 10px 10px;
4121         font-size: 11px;
4122 }
4123
4124 .submitbox .submitdelete {
4125         text-decoration: none;
4126         padding: 1px 2px;
4127 }
4128
4129 .submitbox .submit a:hover {
4130         text-decoration: underline;
4131 }
4132
4133 .submitbox .submit input {
4134         margin-bottom: 8px;
4135         margin-right: 4px;
4136         padding: 6px;
4137 }
4138
4139 .inside-submitbox #post_status {
4140         margin: 2px 0 2px -2px;
4141 }
4142
4143 #post-status-select {
4144         margin-top: 3px;
4145 }
4146
4147 /* Post Screen */
4148 #post-body #normal-sortables {
4149         min-height: 50px;
4150 }
4151
4152 .postbox {
4153         position: relative;
4154         min-width: 255px;
4155 }
4156
4157 #trackback_url {
4158         width: 99%;
4159 }
4160
4161 #normal-sortables .postbox .submit {
4162         background: transparent none;
4163         border: 0 none;
4164         float: right;
4165         padding: 0 12px;
4166         margin:0;
4167 }
4168
4169 .category-add input[type="text"],
4170 .category-add select {
4171         width: 100%;
4172         max-width: 260px;
4173         vertical-align: baseline;
4174 }
4175
4176 #side-sortables .category-add input[type="text"],
4177 #side-sortables .category-add select {
4178         margin: 0 0 1em;
4179 }
4180
4181 .press-this #side-sortables .category-tabs li,
4182 ul.category-tabs li,
4183 #side-sortables .add-menu-item-tabs li,
4184 .wp-tab-bar li {
4185         display: inline;
4186         line-height: 1.35em;
4187 }
4188
4189 .no-js .category-tabs li.hide-if-no-js {
4190         display: none;
4191 }
4192
4193 .category-tabs a,
4194 #side-sortables .add-menu-item-tabs a,
4195 .wp-tab-bar a {
4196         text-decoration: none;
4197 }
4198
4199 .category-tabs {
4200         margin: 8px 0 5px;
4201 }
4202
4203 #category-adder h4 {
4204         margin: 10px 0;
4205 }
4206
4207 #side-sortables .add-menu-item-tabs,
4208 .wp-tab-bar {
4209         margin-bottom: 3px;
4210 }
4211
4212 #normal-sortables .postbox #replyrow .submit {
4213         float: none;
4214         margin: 0;
4215         padding: 0 7px 5px;
4216 }
4217
4218 #side-sortables .submitbox .submit input,
4219 #side-sortables .submitbox .submit .preview,
4220 #side-sortables .submitbox .submit a.preview:hover {
4221         border: 0 none;
4222 }
4223
4224 #side-sortables .inside-submitbox .insidebox,
4225 .stuffbox .insidebox {
4226         margin: 11px 0;
4227 }
4228
4229 ul.category-tabs,
4230 ul.add-menu-item-tabs,
4231 ul.wp-tab-bar {
4232         margin-top: 12px;
4233 }
4234
4235 ul.category-tabs li {
4236         border-style: solid;
4237         border-width: 1px;
4238         position: relative;
4239 }
4240
4241 ul.add-menu-item-tabs li.tabs,
4242 .wp-tab-active {
4243         border-style: solid solid none;
4244         border-width: 1px 1px 0;
4245 }
4246
4247 ul.add-menu-item-tabs li.tabs {
4248         padding-bottom: 3px;
4249         position: relative;
4250 }
4251
4252 #post-body .add-menu-item-tabs li.tabs {
4253         border-style: solid none solid solid;
4254         border-width: 1px 0 1px 1px;
4255         margin-right: -1px;
4256 }
4257
4258 ul.category-tabs li,
4259 ul.add-menu-item-tabs li,
4260 ul.wp-tab-bar li {
4261         padding: 3px 5px 5px;
4262 }
4263
4264 #postimagediv .inside img {
4265         max-width: 100%;
4266         height: auto;
4267 }
4268
4269 form#tags-filter {
4270         position: relative;
4271 }
4272
4273 /* Edit posts */
4274 td.post-title strong,
4275 td.plugin-title strong {
4276         display: block;
4277         margin-bottom: .2em;
4278         font-size: 14px;
4279 }
4280
4281 td.post-title p,
4282 td.plugin-title p {
4283         margin: 6px 0;
4284 }
4285
4286 /* Global classes */
4287 .wp-hidden-children .wp-hidden-child,
4288 .ui-tabs-hide {
4289         display: none;
4290 }
4291
4292 .commentlist .avatar {
4293         vertical-align: text-top;
4294 }
4295
4296 #post-body .tagsdiv #newtag {
4297         margin-right: 5px;
4298         width: 16em;
4299 }
4300
4301 #side-sortables input#post_password {
4302         width: 94%
4303 }
4304
4305 #side-sortables .tagsdiv #newtag {
4306         width: 68%;
4307 }
4308
4309 #post-status-info {
4310         width: 100%;
4311 }
4312
4313 #post-status-info td {
4314         font-size: 12px;
4315 }
4316
4317 .autosave-info {
4318         padding: 2px 15px;
4319         text-align: right;
4320 }
4321
4322 #editorcontent #post-status-info {
4323         border: none;
4324 }
4325
4326 #content-resize-handle,
4327 #post-body .wp_themeSkin .mceStatusbar a.mceResize {
4328         background: transparent url('../images/resize.gif') no-repeat scroll right bottom;
4329         width: 12px;
4330         height: 12px;
4331         cursor: se-resize;
4332 }
4333
4334 .rtl #content-resize-handle,
4335 .rtl #post-body .wp_themeSkin .mceStatusbar a.mceResize {
4336         background: transparent url('../images/resize-rtl.gif') no-repeat scroll right bottom;
4337 }
4338
4339 #post-body .wp_themeSkin .mceStatusbar a.mceResize {
4340         bottom: 3px;
4341         position: absolute;
4342         right: 3px;
4343 }
4344
4345 #post-body .postarea .wp_themeSkin .mceStatusbar a.mceResize {
4346         bottom: -20px;
4347 }
4348
4349 #content-resize-handle {
4350         position: absolute;
4351         right: 3px;
4352         bottom: -20px;
4353 }
4354
4355 .press-this #content-resize-handle {
4356         bottom: 2px;
4357 }
4358
4359 .tmce-active #content-resize-handle {
4360         display: none;
4361 }
4362
4363 #wp-word-count {
4364         display: block;
4365         padding: 2px 10px;
4366 }
4367
4368 #timestampdiv select {
4369         height: 21px;
4370         line-height: 14px;
4371         padding: 0;
4372         vertical-align: top;
4373         font-size: 12px;
4374 }
4375
4376 #aa, #jj, #hh, #mn {
4377         padding: 1px;
4378         font-size: 12px;
4379 }
4380
4381 #jj, #hh, #mn {
4382         width: 2em;
4383 }
4384
4385 #aa {
4386         width: 3.4em;
4387 }
4388
4389 .curtime #timestamp {
4390         padding: 2px 0 1px 0;
4391         display: inline !important;
4392         height: auto !important;
4393 }
4394
4395 #post-body #visibility:before,
4396 .curtime #timestamp:before,
4397 #post-body .misc-pub-revisions:before {
4398         font: normal 20px/1 'dashicons';
4399         speak: none;
4400         display: inline-block;
4401         padding: 0 2px 0 0;
4402         top: 0;
4403         left: -1px;
4404         position: relative;
4405         vertical-align: top;
4406         -webkit-font-smoothing: antialiased;
4407         -moz-osx-font-smoothing: grayscale;
4408         text-decoration: none !important;
4409 }
4410
4411 #post-body #visibility:before {
4412         content: '\f177';
4413 }
4414
4415 .curtime #timestamp:before {
4416         content: '\f145';
4417         top: -1px;
4418 }
4419
4420 #post-body .misc-pub-revisions:before {
4421         content: '\f321';
4422 }
4423
4424 #timestampdiv {
4425         padding-top: 5px;
4426         line-height: 23px;
4427 }
4428
4429 #timestampdiv p {
4430         margin: 8px 0 6px;
4431 }
4432
4433 #timestampdiv input {
4434         border-width: 1px;
4435         border-style: solid;
4436 }
4437
4438 .notification-dialog {
4439         position: fixed;
4440         top: 30%;
4441         left: 50%;
4442         width: 450px;
4443         margin-left: -225px;
4444         background: #fff;
4445         line-height: 1.5;
4446         z-index: 1000005;
4447 }
4448
4449 .notification-dialog-background {
4450         position: fixed;
4451         top: 0;
4452         left: 0;
4453         right: 0;
4454         bottom: 0;
4455         background: #000;
4456         opacity: 0.5;
4457         filter: alpha(opacity=50);
4458         z-index: 1000000;
4459 }
4460
4461 #post-lock-dialog .post-locked-message,
4462 #post-lock-dialog .post-taken-over {
4463         margin: 25px;
4464 }
4465
4466 #post-lock-dialog .post-locked-message a.button {
4467         margin-right: 10px;
4468 }
4469
4470 #post-lock-dialog .post-locked-avatar {
4471         float: left;
4472         margin: 0 20px 20px 0;
4473 }
4474
4475 #post-lock-dialog .wp-tab-first {
4476         outline: 0;
4477 }
4478
4479 #post-lock-dialog .locked-saving img {
4480         float: left;
4481         margin-right: 3px;
4482 }
4483
4484 #post-lock-dialog.saving .locked-saving,
4485 #post-lock-dialog.saved .locked-saved {
4486         display: inline;
4487 }
4488
4489 /*------------------------------------------------------------------------------
4490   11.1 - Custom Fields
4491 ------------------------------------------------------------------------------*/
4492
4493 #postcustomstuff thead th {
4494         padding: 5px 8px 8px;
4495 }
4496
4497 #postcustom #postcustomstuff .submit {
4498         border: 0 none;
4499         float: none;
4500         padding: 0 8px 8px;
4501 }
4502
4503 #side-sortables #postcustom #postcustomstuff .submit {
4504         margin: 0;
4505         padding: 0;
4506 }
4507
4508 #side-sortables #postcustom #postcustomstuff #the-list textarea {
4509         height: 85px;
4510 }
4511
4512 #side-sortables #postcustom #postcustomstuff td.left input,
4513 #side-sortables #postcustom #postcustomstuff td.left select,
4514 #side-sortables #postcustomstuff #newmetaleft a {
4515         margin: 3px 3px 0;
4516 }
4517
4518 #postcustomstuff table {
4519         margin: 0;
4520         width: 100%;
4521         border-width: 1px;
4522         border-style: solid;
4523         border-spacing: 0;
4524 }
4525
4526 #postcustomstuff tr {
4527         vertical-align: top;
4528 }
4529
4530 #postcustomstuff table input,
4531 #postcustomstuff table select,
4532 #postcustomstuff table textarea {
4533         width: 96%;
4534         margin: 8px;
4535 }
4536
4537 #side-sortables #postcustomstuff table input,
4538 #side-sortables #postcustomstuff table select,
4539 #side-sortables #postcustomstuff table textarea {
4540         margin: 3px;
4541 }
4542
4543 #postcustomstuff th.left,
4544 #postcustomstuff td.left {
4545         width: 38%;
4546 }
4547
4548 #postcustomstuff .submit input {
4549         margin: 0;
4550         width: auto;
4551 }
4552
4553 #postcustomstuff #newmetaleft a {
4554         display: inline-block;
4555         margin: 0 8px 8px;
4556         text-decoration: none;
4557 }
4558
4559 .no-js #postcustomstuff #enternew {
4560         display: none;
4561 }
4562
4563 #post-body-content .compat-attachment-fields {
4564         margin-bottom: 20px;
4565 }
4566
4567 .compat-attachment-fields th {
4568         padding-top: 5px;
4569         padding-right: 10px;
4570 }
4571
4572 /*------------------------------------------------------------------------------
4573   11.2 - Post Revisions
4574 ------------------------------------------------------------------------------*/
4575 .revisions-control-frame,
4576 .revisions-diff-frame {
4577         position: relative;
4578 }
4579
4580 .revisions-controls {
4581         padding-top: 40px;
4582         height: 100px;
4583         z-index: 1;
4584 }
4585
4586 .revisions-controls input[type="checkbox"] {
4587         position: relative;
4588         top: -1px;
4589         vertical-align: text-bottom;
4590 }
4591
4592 .revisions.pinned .revisions-controls {
4593         position: fixed;
4594         top: 0;
4595         height: 82px;
4596 }
4597
4598 .revisions-tickmarks {
4599         position: relative;
4600         margin: 0 auto;
4601         height: 0.7em;
4602         top: 7px;
4603         max-width: 70%;
4604         -moz-box-sizing: border-box;
4605         -webkit-box-sizing: border-box;
4606         box-sizing: border-box;
4607 }
4608
4609 .revisions-tickmarks > div {
4610         position: absolute;
4611         height: 100%;
4612         border-style: solid;
4613         border-width: 0 1px 0 0;
4614         -moz-box-sizing: border-box;
4615         -webkit-box-sizing: border-box;
4616         box-sizing: border-box;
4617 }
4618
4619 .revisions-tickmarks > div:first-child {
4620         border-width: 0;
4621 }
4622
4623 .comparing-two-revisions .revisions-controls {
4624         height: 140px;
4625 }
4626
4627 .comparing-two-revisions.pinned .revisions-controls {
4628         height: 124px;
4629 }
4630
4631 .revisions .diff-error {
4632         position: absolute;
4633         text-align: center;
4634         margin: 0 auto;
4635         width: 100%;
4636         display: none;
4637 }
4638
4639 .revisions.diff-error .diff-error {
4640         display: block;
4641 }
4642
4643 .revisions .loading-indicator {
4644         position: fixed;
4645         vertical-align: middle;
4646         opacity: 0;
4647         width: 100%;
4648         top: 50%;