wp-admin/css/wp-admin-rtl.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-right: 180px;
  69 }
  70
  71 .folded #wpcontent,
  72 .folded #wpfooter {
  73         margin-right: 56px;
  74 }
  75
  76 #wpbody-content {
  77         padding-bottom: 65px;
  78         float: right;
  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: right;
  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: left;
 115         clear: left;
 116         display: none;
 117         width: 281px;
 118         position: relative;
 119 }
 120
 121 .columns-2 .inner-sidebar {
 122         margin-left: 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: right;
 140         clear: right;
 141         width: 100%;
 142         margin-left: -2000px;
 143 }
 144
 145 .has-right-sidebar #post-body-content {
 146         margin-left: 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: left;
 167         clear: left;
 168         width: 65%;
 169 }
 170
 171 .col-wrap {
 172         padding: 0 7px;
 173 }
 174
 175 /* utility classes */
 176 .alignleft {
 177         float: right;
 178 }
 179
 180 .alignright {
 181         float: left;
 182 }
 183
 184 .textleft {
 185         text-align: right;
 186 }
 187
 188 .textright {
 189         text-align: left;
 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         right: 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 0 0 4px;
 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-left: 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: right;
 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 -4px 0 0;
 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-right: 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-right: 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 /* @noflip */
 568 .code,
 569 code {
 570         font-family: Consolas, Monaco, monospace;
 571         direction: ltr;
 572 }
 573
 574 input.code {
 575         padding-top: 6px;
 576 }
 577
 578 textarea.code {
 579         line-height: 1.4;
 580         padding: 4px 6px 1px 6px;
 581 }
 582
 583 kbd,
 584 code {
 585         padding: 3px 5px 2px 5px;
 586         margin: 0 1px;
 587         font-size: 13px;
 588 }
 589
 590 .subsubsub {
 591         list-style: none;
 592         margin: 8px 0 0;
 593         padding: 0;
 594         font-size: 13px;
 595         float: right;
 596 }
 597
 598 .subsubsub a {
 599         line-height: 2;
 600         padding: .2em;
 601         text-decoration: none;
 602 }
 603
 604 .subsubsub a .count,
 605 .subsubsub a.current .count {
 606         color: #999;
 607         font-weight: normal;
 608 }
 609
 610 .subsubsub a.current {
 611         font-weight: 600;
 612         border: none;
 613 }
 614
 615 .subsubsub li {
 616         display: inline-block;
 617         margin: 0;
 618         padding: 0;
 619         white-space: nowrap;
 620 }
 621
 622 textarea,
 623 input[type="text"],
 624 input[type="password"],
 625 input[type="email"],
 626 input[type="number"],
 627 input[type="search"],
 628 input[type="tel"],
 629 input[type="url"],
 630 select,
 631 .tablenav-pages span.current,
 632 #titlediv #title,
 633 #postcustomstuff table,
 634 #postcustomstuff input,
 635 #postcustomstuff textarea,
 636 .imgedit-menu div,
 637 .plugin-update-tr .update-message,
 638 #poststuff .inside .the-tagcloud,
 639 .nav-menus-php .list-container,
 640 .menu-item-handle,
 641 .link-to-original,
 642 .nav-menus-php .major-publishing-actions .form-invalid,
 643 #TB_window,
 644 .tbtitle,
 645 .highlight {
 646         border-width: 1px;
 647         border-style: solid;
 648 }
 649
 650 /* .widefat - main style for tables */
 651 .widefat {
 652         border-spacing: 0;
 653         width: 100%;
 654         clear: both;
 655         margin: 0;
 656 }
 657
 658 .widefat * {
 659         word-wrap: break-word;
 660 }
 661
 662 .widefat a {
 663         text-decoration: none;
 664 }
 665
 666 .widefat td,
 667 .widefat th {
 668         padding: 8px 10px;
 669 }
 670 .widefat tfoot th {
 671         border-bottom: none;
 672 }
 673
 674 .widefat .no-items td {
 675         border-bottom-width: 0;
 676 }
 677
 678 .widefat td {
 679         vertical-align: top;
 680 }
 681
 682 .widefat td,
 683 .widefat td p,
 684 .widefat td ol,
 685 .widefat td ul {
 686         font-size: 13px;
 687         line-height: 1.5em;
 688 }
 689
 690 .widefat th {
 691         text-align: right;
 692         line-height: 1.3em;
 693         font-size: 14px;
 694 }
 695
 696 .widefat th input {
 697         margin: 0 8px 0 0;
 698         padding: 0;
 699         vertical-align: text-top;
 700 }
 701
 702 .widefat .check-column {
 703         width: 2.2em;
 704         padding: 6px 0 25px;
 705         vertical-align: top;
 706 }
 707
 708 .widefat th input[type=checkbox] {
 709         margin-top: -1px;
 710 }
 711
 712 .widefat tbody th.check-column {
 713         padding: 9px 0 22px;
 714 }
 715
 716 .widefat.media .check-column {
 717         padding-top: 8px;
 718 }
 719
 720 .widefat thead th.check-column,
 721 .widefat tbody th.check-column,
 722 .widefat tfoot th.check-column {
 723         padding: 11px 3px 0 0;
 724 }
 725
 726 .widefat thead th.check-column {
 727         padding-top: 10px;
 728 }
 729
 730 .plugins tbody th.check-column,
 731 .plugins tbody {
 732         padding: 8px 2px 0 0;
 733 }
 734
 735 .plugins tbody th.check-column input[type=checkbox] {
 736         margin-top: 4px;
 737 }
 738
 739 #update-plugins-table tbody td p {
 740         margin-top: 0;
 741 }
 742
 743 #update-plugins-table tbody td p strong {
 744         font-size: 14px;
 745 }
 746
 747 .plugins thead th.check-column,
 748 .plugins tfoot th.check-column,
 749 .plugins .inactive th.check-column {
 750         padding-right: 6px;
 751 }
 752
 753 .upgrade .plugins td,
 754 .upgrade .plugins th {
 755         -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
 756         box-shadow:         inset 0 -1px 0 rgba(0,0,0,0.1);
 757 }
 758
 759 .upgrade .plugins tr:last-of-type td,
 760 .upgrade .plugins tr:last-of-type th {
 761         -webkit-box-shadow: none;
 762         box-shadow: none;
 763 }
 764
 765 #update-plugins-table thead th.check-column,
 766 #update-plugins-table tfoot th.check-column {
 767         padding-top: 11px;
 768 }
 769
 770 .update-php div.updated,
 771 .update-php div.error {
 772         margin-right: 0;
 773 }
 774
 775 .no-js .widefat thead .check-column input,
 776 .no-js .widefat tfoot .check-column input {
 777         display: none;
 778 }
 779
 780 .widefat .num,
 781 .column-comments,
 782 .column-links,
 783 .column-posts {
 784         text-align: center;
 785 }
 786
 787 .widefat th#comments {
 788         vertical-align: middle;
 789 }
 790
 791 .wrap {
 792         margin: 10px 2px 0 20px;
 793 }
 794
 795 div.updated,
 796 div.error {
 797         padding: 0 0.6em;
 798         margin: 5px 15px 2px;
 799 }
 800
 801 div.updated p,
 802 div.error p {
 803         margin: 0.5em 0;
 804         padding: 2px;
 805 }
 806
 807 .wrap div.updated,
 808 .wrap div.error,
 809 .media-upload-form div.error {
 810         margin: 5px 0 15px;
 811 }
 812
 813 div.updated,
 814 .login .message,
 815 .press-this #message {
 816         border: none;
 817         padding: 1px 12px;
 818 }
 819
 820 div.error,
 821 .login #login_error {
 822         border: none;
 823 }
 824
 825 div.error {
 826         padding: 1px 12px;
 827 }
 828
 829 .wrap h2,
 830 .subtitle {
 831         font-weight: normal;
 832         margin: 0;
 833 }
 834
 835 .wrap h2 {
 836         font-size: 23px;
 837         font-weight: 400;
 838         padding: 9px 0 4px 15px;
 839         line-height: 29px;
 840 }
 841
 842 .subtitle {
 843         font-size: 14px;
 844         padding-right: 25px;
 845 }
 846
 847 .wrap .add-new-h2,
 848 .wrap .add-new-h2:active {
 849         margin-right: 4px;
 850         padding: 4px 8px;
 851         position: relative;
 852         top: -3px;
 853         text-decoration: none;
 854         border: none;
 855         border-radius: 2px;
 856         text-shadow: none;
 857         font-weight: 600;
 858         font-size: 13px;
 859 }
 860
 861 .wrap h2.long-header {
 862         padding-left: 0;
 863 }
 864
 865 html,
 866 .wp-dialog {
 867         background-color: #fff;
 868 }
 869
 870 textarea,
 871 input[type="text"],
 872 input[type="password"],
 873 input[type="email"],
 874 input[type="number"],
 875 input[type="search"],
 876 input[type="tel"],
 877 input[type="url"],
 878 select {
 879         background-color: #fff;
 880         color: #333;
 881 }
 882
 883 select[disabled] {
 884         color: #7f7f7f;
 885 }
 886
 887 select:focus {
 888         border-color: #aaa;
 889 }
 890
 891 textarea:focus,
 892 input[type="text"]:focus,
 893 input[type="password"]:focus,
 894 input[type="email"]:focus,
 895 input[type="number"]:focus,
 896 input[type="search"]:focus,
 897 input[type="tel"]:focus,
 898 input[type="url"]:focus,
 899 input[type="checkbox"]:focus,
 900 input[type="radio"]:focus,
 901 select:focus,
 902 .widgets-chooser ul,
 903 #widgets-left .widget-in-question .widget-top,
 904 #available-widgets .widget-top:hover,
 905 div#widgets-right .widget-top:hover {
 906         -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
 907         box-shadow: 0 1px 2px rgba(0,0,0,0.1);
 908 }
 909
 910 input[readonly] {
 911         background-color: #eee;
 912 }
 913
 914 :-moz-placeholder,
 915 .wp-core-ui :-moz-placeholder {
 916    color: #a9a9a9;
 917 }
 918
 919 /*------------------------------------------------------------------------------
 920   1.0 - Text Styles
 921 ------------------------------------------------------------------------------*/
 922
 923 .widget .widget-top,
 924 .postbox h3,
 925 .stuffbox h3,
 926 .control-section .accordion-section-title,
 927 h3.dashboard-widget-title,
 928 h3.dashboard-widget-title span,
 929 h3.dashboard-widget-title small,
 930 .sidebar-name,
 931 #nav-menu-header,
 932 #nav-menu-footer,
 933 .menu-item-handle,
 934 .checkbox,
 935 .side-info,
 936 #your-profile #rich_editing,
 937 .widefat thead th,
 938 .widefat tfoot th {
 939         line-height: 1.4em;
 940 }
 941
 942 .quicktags,
 943 .search {
 944         font-size: 12px;
 945 }
 946
 947 .icon32 {
 948         display: none;
 949 }
 950
 951 .icon16 {
 952         height: 18px;
 953         width: 18px;
 954         padding: 6px 6px;
 955         margin: -6px -8px 0 0;
 956         float: right;
 957 }
 958
 959 /* New Menu icons */
 960
 961 .icon16:before {
 962         font: normal 20px/1 'dashicons';
 963         speak: none;
 964         padding: 6px 0;
 965         height: 34px;
 966         width: 20px;
 967         display: inline-block;
 968         -webkit-font-smoothing: antialiased;
 969         -moz-osx-font-smoothing: grayscale;
 970         -webkit-transition: all .1s ease-in-out;
 971         -moz-transition:    all .1s ease-in-out;
 972         transition:         all .1s ease-in-out;
 973 }
 974
 975 .icon16.icon-dashboard:before,
 976 #adminmenu .menu-icon-dashboard div.wp-menu-image:before {
 977         content: '\f226';
 978 }
 979
 980 .icon16.icon-post:before,
 981 #adminmenu .menu-icon-post div.wp-menu-image:before {
 982         content: '\f109';
 983 }
 984
 985 .icon16.icon-media:before,
 986 #adminmenu .menu-icon-media div.wp-menu-image:before {
 987         content: '\f104';
 988 }
 989
 990 .icon16.icon-links:before,
 991 #adminmenu .menu-icon-links div.wp-menu-image:before {
 992         content: '\f103';
 993 }
 994
 995 .icon16.icon-page:before,
 996 #adminmenu .menu-icon-page div.wp-menu-image:before {
 997         content: '\f105';
 998 }
 999
1000 .icon16.icon-comments:before,
1001 #adminmenu .menu-icon-comments div.wp-menu-image:before {
1002         content: '\f101';
1003         margin-top: 1px;
1004 }
1005
1006 .icon16.icon-appearance:before,
1007 #adminmenu .menu-icon-appearance div.wp-menu-image:before {
1008         content: '\f100';
1009 }
1010
1011 .icon16.icon-plugins:before,
1012 #adminmenu .menu-icon-plugins div.wp-menu-image:before {
1013         content: '\f106';
1014 }
1015
1016 .icon16.icon-users:before,
1017 #adminmenu .menu-icon-users div.wp-menu-image:before {
1018         content: '\f110';
1019 }
1020
1021 .icon16.icon-tools:before,
1022 #adminmenu .menu-icon-tools div.wp-menu-image:before {
1023         content: '\f107';
1024 }
1025
1026 .icon16.icon-settings:before,
1027 #adminmenu .menu-icon-settings div.wp-menu-image:before {
1028         content: '\f108';
1029 }
1030
1031 .icon16.icon-site:before,
1032 #adminmenu .menu-icon-site div.wp-menu-image:before {
1033         content: '\f112'
1034 }
1035
1036 .icon16.icon-generic:before,
1037 #adminmenu .menu-icon-generic div.wp-menu-image:before {
1038         content: '\f111';
1039 }
1040
1041 /* hide background-image for icons above */
1042 .icon16.icon-dashboard,
1043 .menu-icon-dashboard div.wp-menu-image,
1044 .icon16.icon-post,
1045 .menu-icon-post div.wp-menu-image,
1046 .icon16.icon-media,
1047 .menu-icon-media div.wp-menu-image,
1048 .icon16.icon-links,
1049 .menu-icon-links div.wp-menu-image,
1050 .icon16.icon-page,
1051 .menu-icon-page div.wp-menu-image,
1052 .icon16.icon-comments,
1053 .menu-icon-comments div.wp-menu-image,
1054 .icon16.icon-appearance,
1055 .menu-icon-appearance div.wp-menu-image,
1056 .icon16.icon-plugins,
1057 .menu-icon-plugins div.wp-menu-image,
1058 .icon16.icon-users,
1059 .menu-icon-users div.wp-menu-image,
1060 .icon16.icon-tools,
1061 .menu-icon-tools div.wp-menu-image,
1062 .icon16.icon-settings,
1063 .menu-icon-settings div.wp-menu-image,
1064 .icon16.icon-site,
1065 .menu-icon-site div.wp-menu-image,
1066 .icon16.icon-generic,
1067 .menu-icon-generic div.wp-menu-image {
1068         background-image: none !important;
1069 }
1070
1071 .key-labels label {
1072         line-height: 24px;
1073 }
1074
1075 strong, b {
1076         font-weight: 600;
1077 }
1078
1079 .pre {
1080         /* https://developer.mozilla.org/en-US/docs/CSS/white-space */
1081         white-space: pre-wrap; /* css-3 */
1082         word-wrap: break-word; /* IE 5.5 - 7 */
1083 }
1084
1085 .howto {
1086         font-style: italic;
1087         display: block;
1088 }
1089
1090 p.install-help {
1091         margin: 8px 0;
1092         font-style: italic;
1093 }
1094
1095 .no-break {
1096         white-space: nowrap;
1097 }
1098
1099 hr {
1100         border: 0;
1101         border-top: 1px solid #ddd;
1102         border-bottom: 1px solid #fafafa;
1103 }
1104
1105 /*------------------------------------------------------------------------------
1106   2.0 - Forms
1107 ------------------------------------------------------------------------------*/
1108
1109
1110 .wp-admin select {
1111         padding: 2px;
1112         line-height: 28px;
1113         height: 28px;
1114         vertical-align: middle;
1115 }
1116
1117 .wp-admin .button-cancel {
1118         padding: 0 5px;
1119         line-height: 2;
1120 }
1121
1122 .meta-box-sortables select {
1123         max-width: 100%;
1124 }
1125
1126 .wp-admin select[multiple] {
1127         height: auto;
1128 }
1129
1130 .submit {
1131         padding: 1.5em 0;
1132         margin: 5px 0;
1133         -webkit-border-bottom-right-radius: 3px;
1134         -webkit-border-bottom-left-radius: 3px;
1135         border-bottom-right-radius: 3px;
1136         border-bottom-left-radius: 3px;
1137 }
1138
1139 form p.submit a.cancel:hover {
1140         text-decoration: none;
1141 }
1142
1143 p.submit {
1144         text-align: right;
1145         max-width: 100%;
1146         margin-top: 20px;
1147         padding-top: 10px;
1148 }
1149
1150 .textright p.submit {
1151         border: none;
1152         text-align: left;
1153 }
1154
1155 table.form-table + p.submit,
1156 table.form-table + input + p.submit,
1157 table.form-table + input + input + p.submit {
1158         border-top: none;
1159         padding-top: 0;
1160 }
1161
1162 table.widefat span.delete a:hover,
1163 table.widefat span.trash a:hover,
1164 table.widefat span.spam a:hover,
1165 #dashboard_recent_comments .delete a:hover,
1166 #dashboard_recent_comments .trash a:hover,
1167 #dashboard_recent_comments .spam a:hover,
1168 .plugins a.delete:hover,
1169 #all-plugins-table .plugins a.delete:hover,
1170 #search-plugins-table .plugins a.delete:hover,
1171 .submitbox .submitdelete:hover,
1172 #media-items a.delete:hover,
1173 #media-items a.delete-permanently:hover,
1174 #nav-menu-footer .menu-delete:hover {
1175         text-decoration: none;
1176         border: none;
1177 }
1178
1179 #minor-publishing-actions input,
1180 #major-publishing-actions input,
1181 #minor-publishing-actions .preview {
1182         text-align: center;
1183 }
1184
1185 textarea.all-options,
1186 input.all-options {
1187         width: 250px;
1188 }
1189
1190 input.large-text,
1191 textarea.large-text {
1192         width: 99%;
1193 }
1194
1195 input.regular-text,
1196 #adduser .form-field input {
1197         width: 25em;
1198 }
1199
1200 input.small-text {
1201         width: 50px;
1202         padding: 1px 6px;
1203 }
1204
1205 input[type="number"].small-text {
1206         width: 65px;
1207 }
1208
1209 #doaction,
1210 #doaction2,
1211 #post-query-submit {
1212         margin: 1px 0 0 8px;
1213 }
1214
1215 .tablenav #changeit,
1216 .tablenav #delete_all,
1217 .tablenav #clear-recent-list {
1218         margin-top: 1px;
1219 }
1220
1221 .tablenav .actions select {
1222         float: right;
1223         margin-left: 6px;
1224         max-width: 200px;
1225 }
1226
1227 .ie8 .tablenav .actions select {
1228         width: 155px;
1229 }
1230
1231 .ie8 .tablenav .actions select#cat {
1232         width: 200px;
1233 }
1234
1235 #timezone_string option {
1236         margin-right: 1em;
1237 }
1238
1239 label,
1240 #your-profile label + a {
1241         vertical-align: middle;
1242 }
1243
1244 fieldset label,
1245 #your-profile label + a {
1246         vertical-align: middle;
1247 }
1248
1249 .options-media-php label[for*="_size_"],
1250 #misc-publishing-actions label {
1251         vertical-align: baseline;
1252 }
1253
1254 #misc-publishing-actions label[for="post_status"]:before {
1255         content: '\f173';
1256         display: inline-block;
1257         font: normal 20px/1 'dashicons';
1258         speak: none;
1259         right: -1px;
1260         padding: 0 0 0 5px;
1261         position: relative;
1262         top: 0;
1263         text-decoration: none !important;
1264         vertical-align: top;
1265
1266         -webkit-font-smoothing: antialiased;
1267         -moz-osx-font-smoothing: grayscale;
1268 }
1269
1270 #pass-strength-result {
1271         border-style: solid;
1272         border-width: 1px;
1273         float: right;
1274         margin: 13px 1px 5px 5px;
1275         padding: 3px 5px;
1276         text-align: center;
1277         width: 200px;
1278         display: none;
1279 }
1280 .indicator-hint {
1281         padding-top: 8px;
1282 }
1283
1284 p.search-box {
1285         float: left;
1286         margin: 0;
1287 }
1288
1289 .network-admin.themes-php p.search-box {
1290         clear: right;
1291 }
1292
1293 .search-box input[name="s"],
1294 #search-plugins input[name="s"],
1295 .tagsdiv .newtag {
1296         float: right;
1297         height: 28px;
1298         margin: 0 0 0 4px;
1299 }
1300
1301 input[type="text"].ui-autocomplete-loading {
1302         background: transparent url('../images/loading.gif') no-repeat left center;
1303         visibility: visible;
1304 }
1305
1306 ul#add-to-blog-users {
1307         margin: 0 14px 0 0;
1308 }
1309
1310 .ui-autocomplete-input.open {
1311         border-bottom-left-radius: 0;
1312         border-bottom-right-radius: 0;
1313 }
1314
1315 .ui-autocomplete {
1316         padding: 0;
1317         margin: 0;
1318         list-style: none;
1319         position: absolute;
1320         z-index: 10000;
1321         border-bottom-left-radius: 3px;
1322         border-bottom-right-radius: 3px;
1323         border-width: 1px;
1324         border-style: solid;
1325 }
1326
1327 .ui-autocomplete li {
1328         margin-bottom: 0;
1329         white-space: nowrap;
1330         text-align: right;
1331 }
1332
1333 .ui-autocomplete li a {
1334         display: block;
1335         height: 100%;
1336         padding: 4px 10px;
1337 }
1338
1339 .ui-autocomplete li a.ui-state-focus {
1340         cursor: pointer;
1341 }
1342
1343 /*------------------------------------------------------------------------------
1344   3.0 - Actions
1345 ------------------------------------------------------------------------------*/
1346
1347 #major-publishing-actions {
1348         padding: 10px;
1349         clear: both;
1350         border-top: 1px solid #ddd;
1351         background: #f5f5f5;
1352 }
1353
1354 #delete-action {
1355         line-height: 28px;
1356         vertical-align: middle;
1357         text-align: right;
1358         float: right;
1359 }
1360
1361 #publishing-action {
1362         text-align: left;
1363         float: left;
1364         line-height: 23px;
1365 }
1366
1367 #publishing-action .spinner {
1368         float: right;
1369 }
1370
1371 #misc-publishing-actions {
1372         padding: 6px 0 0;
1373 }
1374
1375 .misc-pub-section {
1376         padding: 6px 10px 8px;
1377 }
1378
1379 .misc-pub-section:first-child {
1380         border-top-width: 0;
1381 }
1382
1383 .misc-pub-section-last {
1384         border-bottom-width: 0;
1385 }
1386
1387 #minor-publishing-actions {
1388         padding: 10px 10px 0 10px;
1389         text-align: left;
1390 }
1391
1392 #save-post {
1393         float: right;
1394 }
1395
1396 .preview {
1397         float: left;
1398 }
1399
1400 #sticky-span {
1401         margin-right: 18px;
1402 }
1403
1404 .side-info {
1405         margin: 0;
1406         padding: 4px;
1407         font-size: 11px;
1408 }
1409
1410 .side-info h5 {
1411         padding-bottom: 7px;
1412         font-size: 14px;
1413         margin: 12px 2px 5px;
1414         border-bottom-width: 1px;
1415         border-bottom-style: solid;
1416 }
1417
1418 .side-info ul {
1419         margin: 0;
1420         padding-right: 18px;
1421         list-style: square;
1422 }
1423
1424 .approve,
1425 .unapproved .unapprove {
1426         display: none;
1427 }
1428
1429 .unapproved .approve,
1430 .spam .approve,
1431 .trash .approve {
1432         display: inline;
1433 }
1434
1435 td.action-links,
1436 th.action-links {
1437         text-align: left;
1438 }
1439
1440
1441 /*------------------------------------------------------------------------------
1442   4.0 - Notifications
1443 ------------------------------------------------------------------------------*/
1444
1445 #update-nag,
1446 .update-nag {
1447         display: inline-block;
1448         line-height: 19px;
1449         padding: 11px 15px;
1450         font-size: 14px;
1451         text-align: right;
1452         margin: 25px 2px 0 20px;
1453 }
1454
1455 .plugins .plugin-update {
1456         padding: 0;
1457 }
1458
1459 .plugin-update .update-message {
1460         margin: 0 31px 8px 10px;
1461         font-weight: 600;
1462 }
1463
1464 ul#dismissed-updates {
1465         display: none;
1466 }
1467
1468 form.upgrade {
1469         margin-top: 8px;
1470 }
1471
1472 form.upgrade .hint {
1473         font-style: italic;
1474         font-size: 85%;
1475         margin: -0.5em 0 2em 0;
1476 }
1477
1478 .update-php .spinner {
1479         float: none;
1480         margin: -4px 0;
1481 }
1482
1483 #ajax-loading,
1484 .ajax-loading,
1485 .ajax-feedback,
1486 .imgedit-wait-spin,
1487 .list-ajax-loading { /* deprecated */
1488         visibility: hidden;
1489 }
1490
1491 #ajax-response.alignleft {
1492         margin-right: 2em;
1493 }
1494
1495 /*------------------------------------------------------------------------------
1496   5.0 - TinyMCE
1497 ------------------------------------------------------------------------------*/
1498
1499 /* nothing? */
1500
1501 /*------------------------------------------------------------------------------
1502   6.0 - Admin Header
1503 ------------------------------------------------------------------------------*/
1504 #adminmenu a,
1505 #sidemenu a,
1506 #taglist a,
1507 #catlist a {
1508         text-decoration: none;
1509 }
1510
1511 /*------------------------------------------------------------------------------
1512   6.1 - Screen Options Tabs
1513 ------------------------------------------------------------------------------*/
1514
1515 #screen-options-wrap,
1516 #contextual-help-wrap {
1517         margin: 0;
1518         padding: 8px 20px 12px;
1519         position: relative;
1520 }
1521
1522 #contextual-help-wrap {
1523         overflow: auto;
1524         margin-right: 0 !important;
1525 }
1526
1527 #screen-meta .screen-reader-text {
1528         visibility: hidden;
1529 }
1530
1531 #screen-meta-links {
1532         margin: 0 0 0 20px;
1533 }
1534
1535 #screen-meta-links a {
1536         padding: 3px 16px 3px 6px;
1537 }
1538
1539 #screen-meta-links a:focus {
1540         outline: none;
1541 }
1542
1543 /* screen options and help tabs revert */
1544 #screen-meta {
1545         display: none;
1546         margin: 0 0px -1px 20px;
1547         position: relative;
1548 }
1549
1550 #screen-options-link-wrap,
1551 #contextual-help-link-wrap {
1552         float: left;
1553         height: 28px;
1554         margin: 0 6px 0 0;
1555 }
1556
1557 #screen-meta-links .screen-meta-toggle {
1558         position: relative;
1559         top: 0;
1560 }
1561
1562 #screen-meta-links a.show-settings {
1563         display: block;
1564         font-size: 13px;
1565         height: 22px;
1566         line-height: 22px;
1567         text-decoration: none;
1568         z-index: 1;
1569 }
1570
1571 #screen-meta-links a:after {
1572         left: 0;
1573         content: '\f140';
1574         font: normal 20px/1 'dashicons';
1575         speak: none;
1576         display: inline-block;
1577         padding: 0 0 0 5px;
1578         bottom: 2px;
1579         position: relative;
1580         vertical-align: bottom;
1581         -webkit-font-smoothing: antialiased;
1582         -moz-osx-font-smoothing: grayscale;
1583         text-decoration: none !important;
1584 }
1585
1586 #screen-meta-links a.screen-meta-active:after {
1587         content: '\f142';
1588 }
1589
1590 #screen-meta-links a.show-settings:hover {
1591         text-decoration: none;
1592 }
1593 /* end screen options and help tabs */
1594
1595 .toggle-arrow {
1596         background-repeat: no-repeat;
1597         background-position: top right;
1598         background-color: transparent;
1599         height: 22px;
1600         line-height: 22px;
1601         display: block;
1602 }
1603
1604 .toggle-arrow-active {
1605         background-position: bottom right;
1606 }
1607
1608 #screen-options-wrap h5,
1609 #contextual-help-wrap h5 {
1610         margin: 8px 0;
1611         font-size: 13px;
1612 }
1613
1614 .metabox-prefs label {
1615         display: inline-block;
1616         padding-left: 15px;
1617         line-height: 30px;
1618 }
1619
1620 .metabox-prefs label input[type=checkbox] {
1621         margin-top: -4px;
1622         margin-left: 6px;
1623 }
1624
1625 .metabox-prefs label input {
1626         margin: 0 2px 0 5px;
1627 }
1628
1629 .metabox-prefs .columns-prefs label input {
1630         margin: 0 2px;
1631 }
1632
1633 .metabox-prefs label a {
1634         display: none;
1635 }
1636
1637 /*------------------------------------------------------------------------------
1638   6.2 - Help Menu
1639 ------------------------------------------------------------------------------*/
1640
1641 #contextual-help-wrap {
1642         padding: 0;
1643 }
1644
1645 #contextual-help-columns {
1646         position: relative;
1647 }
1648
1649 #contextual-help-back {
1650         position: absolute;
1651         top: 0;
1652         bottom: 0;
1653         right: 150px;
1654         left: 170px;
1655         border-width: 0 1px;
1656         border-style: solid;
1657 }
1658
1659 #contextual-help-wrap.no-sidebar #contextual-help-back {
1660         left: 0;
1661
1662         border-left-width: 0;
1663         -webkit-border-bottom-left-radius: 2px;
1664         border-bottom-left-radius: 2px;
1665 }
1666
1667 .contextual-help-tabs {
1668         float: right;
1669         width: 150px;
1670         margin: 0;
1671 }
1672
1673 .contextual-help-tabs ul {
1674         margin: 1em 0;
1675 }
1676
1677 .contextual-help-tabs li {
1678         margin-bottom: 0;
1679         list-style-type: none;
1680         border-style: solid;
1681         border-width: 0 2px 0 0;
1682         border-color: transparent;
1683 }
1684
1685 .contextual-help-tabs a {
1686         display: block;
1687         padding: 5px 12px 5px 5px;
1688         line-height: 18px;
1689         text-decoration: none;
1690         border-style: solid;
1691         border-width: 1px 0 1px 0;
1692         border-color: transparent;
1693 }
1694
1695 .contextual-help-tabs .active {
1696         padding: 0;
1697         margin: 0 0 0 -1px;
1698         border-width: 0 2px 0 0;
1699         border-style: solid;
1700 }
1701
1702 .contextual-help-tabs-wrap {
1703         padding: 0 20px;
1704         overflow: auto;
1705 }
1706
1707 .help-tab-content {
1708         display: none;
1709         margin: 0 0 12px 22px;
1710         line-height: 1.6em;
1711 }
1712
1713 .help-tab-content.active {
1714         display: block;
1715 }
1716
1717 .help-tab-content ul li {
1718         list-style-type: disc;
1719         margin-right: 18px;
1720 }
1721
1722 .contextual-help-sidebar {
1723         width: 150px;
1724         float: left;
1725         padding: 0 12px 0 8px;
1726         overflow: auto;
1727 }
1728
1729
1730 /*------------------------------------------------------------------------------
1731   7.0 - Main Navigation (Left Menu)
1732 ------------------------------------------------------------------------------*/
1733
1734 #adminmenuwrap {
1735         position: relative;
1736         float: right;
1737 }
1738
1739 /* side admin menu */
1740 #adminmenu * {
1741         -webkit-user-select: none;
1742         -moz-user-select: none;
1743         user-select: none;
1744 }
1745
1746 #adminmenu li {
1747         margin: 0;
1748         padding: 0;
1749         cursor: pointer;
1750 }
1751
1752 #adminmenu a {
1753         display: block;
1754         line-height: 18px;
1755         padding: 2px 5px;
1756 }
1757
1758 #adminmenu li.menu-top {
1759         border: none;
1760         min-height: 34px;
1761         position: relative;
1762 }
1763
1764 #adminmenu .wp-submenu {
1765         list-style: none;
1766         position: absolute;
1767         top: -1000em;
1768         right: 160px;
1769         overflow: visible;
1770         word-wrap: break-word;
1771 }
1772
1773 #adminmenu .wp-submenu,
1774 .folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
1775 .folded #adminmenu .wp-has-current-submenu .wp-submenu {
1776         padding: 7px 0 8px;
1777         z-index: 9999;
1778 }
1779
1780 .js #adminmenu .sub-open,
1781 .js #adminmenu .opensub .wp-submenu,
1782 #adminmenu a.menu-top:focus + .wp-submenu,
1783 .no-js li.wp-has-submenu:hover .wp-submenu {
1784         top: -1px;
1785 }
1786
1787 #adminmenu .wp-has-current-submenu .wp-submenu,
1788 .no-js li.wp-has-current-submenu:hover .wp-submenu,
1789 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
1790 #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
1791 #adminmenu .wp-has-current-submenu.opensub .wp-submenu {
1792         position: relative;
1793         z-index: 3;
1794         top: auto;
1795         right: auto;
1796         left: auto;
1797         bottom: auto;
1798         border: 0 none;
1799         margin-top: 0;
1800         -webkit-box-shadow: none;
1801         box-shadow: none;
1802 }
1803
1804 .folded #adminmenu .wp-submenu.sub-open,
1805 .folded #adminmenu .opensub .wp-submenu,
1806 .folded #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
1807 .folded #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
1808 .folded #adminmenu a.menu-top:focus + .wp-submenu,
1809 .folded #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu,
1810 .no-js.folded #adminmenu .wp-has-submenu:hover .wp-submenu  {
1811         top: 0;
1812         right: 36px;
1813 }
1814
1815 .folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
1816 .folded #adminmenu .wp-has-current-submenu .wp-submenu {
1817         position: absolute;
1818         top: -1000em;
1819 }
1820
1821 #adminmenu .wp-not-current-submenu .wp-submenu,
1822 .folded #adminmenu .wp-has-current-submenu .wp-submenu {
1823         min-width: 160px;
1824         width: auto;
1825 }
1826
1827 #adminmenu .wp-submenu a {
1828         font-size: 13px;
1829         line-height: 1.2;
1830         margin: 0;
1831         padding: 6px 0;
1832 }
1833
1834 #adminmenu .wp-not-current-submenu li > a,
1835 .folded #adminmenu .wp-has-current-submenu li > a {
1836         padding-left: 16px;
1837         padding-right: 14px;
1838         -moz-transition: all .1s ease-in-out;
1839         -webkit-transition: all .1s ease-in-out;
1840         transition: all .1s ease-in-out;
1841 }
1842
1843 #adminmenu .wp-has-current-submenu ul > li > a,
1844 .folded #adminmenu li.menu-top .wp-submenu > li > a {
1845         padding: 6px 12px;
1846 }
1847
1848 #adminmenu a.menu-top,
1849 #adminmenu .wp-submenu-head {
1850         font-size: 14px;
1851         font-weight: 400;
1852         line-height: 18px;
1853         padding: 0;
1854 }
1855
1856 #adminmenu .wp-submenu-head,
1857 .folded #adminmenu .wp-menu-name {
1858         display: none;
1859 }
1860
1861 .folded #adminmenu .wp-submenu-head {
1862         display: block;
1863 }
1864
1865 #adminmenu .wp-submenu li {
1866         padding: 0;
1867         margin: 0;
1868         overflow: hidden;
1869 }
1870
1871 #adminmenu .wp-menu-image img {
1872         padding: 9px 0px 0 0;
1873         opacity: 0.6;
1874         filter: alpha(opacity=60);
1875 }
1876
1877 #adminmenu div.wp-menu-name {
1878         padding: 8px 0;
1879 }
1880
1881 #adminmenu div.wp-menu-image {
1882         float: right;
1883         width: 36px;
1884         height: 30px;
1885         margin: 0;
1886         text-align: center;
1887 }
1888
1889 #adminmenu div.wp-menu-image.svg {
1890         background-repeat: no-repeat;
1891         background-position: center;
1892         background-size: 20px auto;
1893 }
1894
1895 div.wp-menu-image:before {
1896         font: normal 20px/1 'dashicons' !important;
1897         speak: none;
1898         color: #999;
1899         padding: 8px 0;
1900         height: 36px;
1901         width: 20px;
1902         display: inline-block;
1903         -webkit-font-smoothing: antialiased;
1904         -moz-osx-font-smoothing: grayscale;
1905         -moz-transition: all .1s ease-in-out;
1906         -webkit-transition: all .1s ease-in-out;
1907         transition: all .1s ease-in-out;
1908 }
1909
1910 .folded #adminmenu div.wp-menu-image {
1911         width: 35px;
1912         height: 30px;
1913         position: absolute;
1914         z-index: 25;
1915 }
1916
1917 .folded #adminmenu a.menu-top {
1918         height: 34px;
1919 }
1920
1921 /* No @font-face support */
1922 .no-font-face #adminmenu .wp-menu-image {
1923         display: none;
1924 }
1925
1926 .no-font-face #adminmenu div.wp-menu-name {
1927         padding: 8px 12px;
1928 }
1929
1930 .no-font-face.auto-fold #adminmenu .wp-menu-name {
1931         margin-right: 0;
1932 }
1933 /* End no @font-face support */
1934
1935 /* Sticky admin menu */
1936 .sticky-menu #adminmenuwrap {
1937         position: fixed;
1938         z-index: 99; /* Match the z-index of .wp-submenu to ensure flyout menus don't appear underneath main column elements */
1939 }
1940
1941 /* A new arrow */
1942
1943 .wp-menu-arrow {
1944         display: none !important;
1945 }
1946
1947 ul#adminmenu a.wp-has-current-submenu {
1948         position: relative;
1949 }
1950
1951 ul#adminmenu a.wp-has-current-submenu:after,
1952 ul#adminmenu > li.current > a.current:after {
1953         left: 0;
1954         border: solid transparent;
1955         content: " ";
1956         height: 0;
1957         width: 0;
1958         position: absolute;
1959         pointer-events: none;
1960         border-width: 8px;
1961         top: 50%;
1962         margin-top: -8px;
1963 }
1964
1965 .folded ul#adminmenu li:hover a.wp-has-current-submenu:after {
1966         display: none;
1967 }
1968
1969 .folded ul#adminmenu a.wp-has-current-submenu:after,
1970 .folded ul#adminmenu > li a.current:after {
1971         border-width: 4px;
1972         margin-top: -4px;
1973 }
1974
1975 /* flyout menu arrow */
1976 #adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
1977         left: 0;
1978         border: solid transparent;
1979         content: " ";
1980         height: 0;
1981         width: 0;
1982         position: absolute;
1983         pointer-events: none;
1984         border-width: 8px;
1985         top: 10px;
1986         z-index: 10000;
1987 }
1988
1989 .folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
1990         border-width: 4px;
1991         margin-top: -4px;
1992         top: 18px;
1993 }
1994
1995 /* ensure that wp-submenu's box shadow doesn't appear on top of the focused menu item's background. */
1996 #adminmenu li.menu-top:hover,
1997 #adminmenu li.opensub > a.menu-top,
1998 #adminmenu li > a.menu-top:focus {
1999         position: relative;
2000 }
2001
2002 .folded #adminmenu li.menu-top:hover,
2003 .folded #adminmenu li.opensub > a.menu-top,
2004 .folded #adminmenu li > a.menu-top:focus {
2005         z-index: 10000;
2006 }
2007
2008 #adminmenu li.menu-top:hover .wp-menu-image img,
2009 #adminmenu li.wp-has-current-submenu .wp-menu-image img {
2010         opacity: 1;
2011         filter: alpha(opacity=100);
2012 }
2013
2014 #adminmenu li.wp-menu-separator {
2015         height: 3px;
2016         padding: 0;
2017         margin: 0 0 6px 0;
2018         border-width: 1px 0;
2019         border-style: solid;
2020         cursor: inherit;
2021 }
2022
2023 #adminmenu div.separator {
2024         height: 1px;
2025         padding: 0;
2026         border-width: 1px 0 0 0;
2027         border-style: solid;
2028 }
2029
2030 #adminmenu .wp-submenu .wp-submenu-head {
2031         font-weight: 400;
2032         font-size: 14px;
2033         padding: 8px 11px 8px 4px;
2034         margin: -7px 0px 4px;
2035 }
2036
2037 #adminmenu li.current,
2038 .folded #adminmenu li.wp-menu-open {
2039         border: 0 none;
2040 }
2041
2042 #adminmenu .awaiting-mod,
2043 #adminmenu span.update-plugins,
2044 #sidemenu li a span.update-plugins {
2045         display: inline-block;
2046         font-size: 9px;
2047         line-height: 17px;
2048         font-weight: 600;
2049         margin: 1px 2px 0 0;
2050         vertical-align: top;
2051         -webkit-border-radius: 10px;
2052         border-radius: 10px;
2053         z-index: 26;
2054 }
2055
2056 #adminmenu li .awaiting-mod span,
2057 #adminmenu li span.update-plugins span,
2058 #sidemenu li a span.update-plugins span {
2059         display: block;
2060         padding: 0 6px;
2061 }
2062
2063 #adminmenu li span.count-0,
2064 #sidemenu li a .count-0 {
2065         display: none;
2066 }
2067
2068 #adminmenu #collapse-menu {
2069         font-size: 13px;
2070         line-height: 34px;
2071         margin-top: 10px;
2072 }
2073
2074 .folded #collapse-menu span {
2075         display: none;
2076 }
2077
2078 #collapse-button,
2079 #collapse-button div {
2080         width: 15px;
2081         height: 15px;
2082 }
2083
2084 #collapse-button {
2085         float: right;
2086         height: 15px;
2087         margin: 10px 11px 10px 8px;
2088         width: 15px;
2089
2090         -webkit-border-radius: 10px;
2091         border-radius: 10px;
2092 }
2093
2094 #wpwrap #collapse-button div {
2095         padding: 0;
2096 }
2097
2098 #collapse-button div:after {
2099         content: '\f148';
2100         display: block;
2101         line-height: 15px;
2102         right: -3px;
2103         top: -3px;
2104         font: normal 20px/1 'dashicons' !important;
2105         speak: none;
2106         margin: 0 auto;
2107         padding: 0 !important;
2108         position: relative;
2109         text-align: center;
2110         width: 20px;
2111         -moz-transition: all .1s ease-in-out;
2112         -webkit-transition: all .1s ease-in-out;
2113         transition: all .1s ease-in-out;
2114
2115         -webkit-font-smoothing: antialiased;
2116         -moz-osx-font-smoothing: grayscale;
2117 }
2118
2119 .folded #collapse-button div:after,
2120 .rtl #collapse-button div:after {
2121         -ms-transform: rotate(180deg);
2122         -webkit-transform: rotate(180deg);
2123         transform: rotate(180deg);
2124 }
2125
2126 .rtl.folded #collapse-button div:after {
2127         -ms-transform: none;
2128         -webkit-transform: none;
2129         transform: none;
2130 }
2131
2132 /* Auto-folding of the admin menu */
2133 @media only screen and (max-width: 900px) {
2134         .auto-fold #wpcontent,
2135         .auto-fold #wpfooter {
2136                 margin-right: 56px;
2137         }
2138
2139         .auto-fold #adminmenuback,
2140         .auto-fold #adminmenuwrap,
2141         .auto-fold #adminmenu,
2142         .auto-fold #adminmenu li.menu-top {
2143                 width: 36px;
2144         }
2145
2146         .auto-fold #adminmenu .wp-submenu.sub-open,
2147         .auto-fold #adminmenu .opensub .wp-submenu,
2148         .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
2149         .auto-fold #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
2150         .auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
2151         .auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu  {
2152                 top: 0px;
2153                 right: 36px;
2154         }
2155
2156         .auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
2157         .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
2158                 position: absolute;
2159                 top: -1000em;
2160                 margin-left: -1px;
2161                 padding: 7px 0 8px;
2162                 z-index: 9999;
2163         }
2164
2165         .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
2166                 min-width: 150px;
2167                 width: auto;
2168         }
2169
2170         .auto-fold #adminmenu .wp-has-current-submenu li > a {
2171                 padding-left: 16px;
2172                 padding-right: 14px;
2173         }
2174
2175
2176         .auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
2177                 padding-right: 12px;
2178         }
2179
2180         .auto-fold #adminmenu .wp-menu-name {
2181                 display: none;
2182         }
2183
2184         .auto-fold #adminmenu .wp-submenu-head {
2185                 display: block;
2186         }
2187
2188         .auto-fold #adminmenu div.wp-menu-image {
2189                 height: 30px;
2190                 width: 34px;
2191                 position: absolute;
2192                 z-index: 25;
2193         }
2194
2195         .auto-fold #adminmenu a.menu-top {
2196                 height: 34px;
2197         }
2198
2199         .auto-fold #adminmenu li.wp-menu-open {
2200                 border: 0 none;
2201         }
2202
2203         .auto-fold #adminmenu .wp-has-current-submenu.menu-top-last {
2204                 margin-bottom: 0;
2205         }
2206
2207         .auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after {
2208                 display: none;
2209         }
2210
2211         .auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
2212                 border-width: 4px;
2213                 margin-top: -4px;
2214                 top: 16px;
2215         }
2216
2217         .auto-fold ul#adminmenu a.wp-has-current-submenu:after,
2218         .auto-fold ul#adminmenu > li a.current:after {
2219                 border-width: 4px;
2220                 margin-top: -4px;
2221         }
2222
2223         .auto-fold #adminmenu li.menu-top:hover,
2224         .auto-fold #adminmenu li.opensub > a.menu-top,
2225         .auto-fold #adminmenu li > a.menu-top:focus {
2226                 z-index: 10000;
2227         }
2228
2229         .auto-fold #collapse-menu span {
2230                 display: none;
2231         }
2232
2233         .auto-fold #collapse-button div {
2234                 background: none;
2235         }
2236
2237         .auto-fold #collapse-button div:after {
2238                 -ms-transform: rotate(180deg);
2239                 -webkit-transform: rotate(180deg);
2240                 transform: rotate(180deg);
2241         }
2242
2243         .rtl.auto-fold #collapse-button div:after {
2244                 -ms-transform: none;
2245                 -webkit-transform: none;
2246                 transform: none;
2247         }
2248
2249 }
2250
2251 /* List table styles */
2252 .post-com-count-wrapper {
2253         min-width: 22px;
2254 }
2255
2256 .post-com-count {
2257         background: none;
2258         height: 1.3em;
2259         line-height: 1.1em;
2260         display: block;
2261         text-decoration: none;
2262         padding: 0 0 6px;
2263         cursor: pointer;
2264         background-position: center -80px;
2265         background-repeat: no-repeat;
2266 }
2267
2268 .post-com-count:after {         /* draw bubble connector using CSS! */
2269         content: "";
2270         display: block;
2271         width: 0;
2272         height: 0;
2273         margin-right: 8px;
2274         border-top: 5px solid #bbbbbb;
2275         border-left: 5px solid transparent;
2276 }
2277
2278 .post-com-count span {
2279         font-size: 11px;
2280         font-weight: 600;
2281         height: 1.4em;
2282         line-height: 1.4em;
2283         min-width: 0.7em;
2284         padding: 0 6px;
2285         display: inline-block;
2286         -webkit-border-radius: 5px;
2287         border-radius: 5px;
2288 }
2289
2290 strong .post-com-count {
2291         background-position: center -55px;
2292 }
2293
2294 .post-com-count:hover {
2295         background-position: center -3px;
2296 }
2297
2298 .column-response .post-com-count {
2299         float: right;
2300         margin-left: 5px;
2301         text-align: center;
2302 }
2303
2304 .response-links {
2305         float: right;
2306 }
2307
2308 #the-comment-list .attachment-80x60 {
2309         padding: 4px 8px;
2310 }
2311
2312 th .comment-grey-bubble {
2313         height: 16px;
2314         width: 16px;
2315 }
2316
2317 th .comment-grey-bubble:before {
2318         content: '\f101';
2319         font: normal 20px/.5 'dashicons';
2320         speak: none;
2321         display: inline-block;
2322         padding: 0;
2323         top: 4px;
2324         right: -4px;
2325         position: relative;
2326         vertical-align: top;
2327         -webkit-font-smoothing: antialiased;
2328         -moz-osx-font-smoothing: grayscale;
2329         text-decoration: none !important;
2330 }
2331
2332 /*------------------------------------------------------------------------------
2333   8.0 - Layout Blocks
2334 ------------------------------------------------------------------------------*/
2335
2336 html.wp-toolbar {
2337         padding-top: 32px;
2338         -webkit-box-sizing: border-box;
2339         -moz-box-sizing: border-box;
2340         box-sizing: border-box;
2341 }
2342
2343 .narrow {
2344         width: 70%;
2345         margin-bottom: 40px;
2346 }
2347
2348 .narrow p {
2349         line-height: 150%;
2350 }
2351
2352 .widefat th,
2353 .widefat td {
2354         overflow: hidden;
2355 }
2356
2357 .widefat th {
2358         font-weight: normal;
2359 }
2360
2361 .widefat td p {
2362         margin: 2px 0 0.8em;
2363 }
2364
2365 .widefat .column-comment p {
2366         margin: 0.6em 0;
2367 }
2368
2369 /* Screens with postboxes */
2370 .postbox-container {
2371         float: right;
2372 }
2373
2374 #wpbody-content #dashboard-widgets.columns-1 .postbox-container {
2375         width: 100%;
2376 }
2377
2378 #wpbody-content #dashboard-widgets.columns-2 .postbox-container {
2379         width: 49.5%;
2380 }
2381
2382 #wpbody-content #dashboard-widgets.columns-2 #postbox-container-2,
2383 #wpbody-content #dashboard-widgets.columns-2 #postbox-container-3,
2384 #wpbody-content #dashboard-widgets.columns-2 #postbox-container-4 {
2385         float: left;
2386         width: 50.5%;
2387 }
2388
2389 #wpbody-content #dashboard-widgets.columns-3 .postbox-container {
2390         width: 33.5%;
2391 }
2392
2393 #wpbody-content #dashboard-widgets.columns-3 #postbox-container-1 {
2394         width: 33%;
2395 }
2396
2397 #wpbody-content #dashboard-widgets.columns-3 #postbox-container-3,
2398 #wpbody-content #dashboard-widgets.columns-3 #postbox-container-4 {
2399         float: left;
2400 }
2401
2402 #wpbody-content #dashboard-widgets.columns-4 .postbox-container {
2403         width: 25%;
2404 }
2405
2406 .postbox-container .meta-box-sortables {
2407         -moz-box-sizing: border-box;
2408         -webkit-box-sizing: border-box;
2409         -ms-box-sizing: border-box;
2410         box-sizing: border-box;
2411 }
2412
2413 .metabox-holder .postbox-container .empty-container {
2414         border: 3px dashed #bbb;
2415         height: 250px;
2416 }
2417
2418 .metabox-holder.columns-1 .postbox-container .empty-container,
2419 .columns-2 #postbox-container-3 .empty-container,
2420 .columns-2 #postbox-container-4 .empty-container,
2421 .columns-3 #postbox-container-4 .empty-container {
2422         border: 0 none;
2423         height: 0;
2424         min-height: 0;
2425 }
2426
2427 .ie8 #wpbody-content #dashboard-widgets .postbox-container {
2428         width: 49.5%;
2429 }
2430
2431 .ie8 #wpbody-content #dashboard-widgets #postbox-container-2,
2432 .ie8 #wpbody-content #dashboard-widgets #postbox-container-3,
2433 .ie8 #wpbody-content #dashboard-widgets #postbox-container-4 {
2434         float: left;
2435         width: 50.5%;
2436 }
2437
2438 .ie8 #dashboard-widgets #postbox-container-3 .empty-container,
2439 .ie8 #dashboard-widgets #postbox-container-4 .empty-container {
2440         border: 0 none;
2441         height: 0;
2442         min-height: 0;
2443 }
2444
2445 #poststuff {
2446         padding-top: 10px;
2447         min-width: 763px;
2448 }
2449
2450 #poststuff #post-body {
2451         padding: 0;
2452 }
2453
2454 #post-body-content {
2455         width: 100%;
2456         min-width: 463px;
2457         float: right;
2458 }
2459
2460 #poststuff .postbox-container {
2461         width: 100%;
2462 }
2463
2464 #poststuff #post-body.columns-2 {
2465         margin-left: 300px;
2466 }
2467
2468 #post-body.columns-2 #postbox-container-1 {
2469         float: left;
2470         margin-left: -300px;
2471         width: 280px;
2472 }
2473
2474 #post-body.columns-2 #side-sortables {
2475         min-height: 250px;
2476 }
2477
2478 #dashboard-widgets .postbox-container {
2479         width: 25%;
2480 }
2481
2482 #dashboard-widgets-wrap .columns-3 #postbox-container-4 .empty-container {
2483         border: none !important;
2484 }
2485
2486 #dashboard-widgets-wrap {
2487         overflow: hidden;
2488 }
2489
2490 /* one column on the dash */
2491 @media only screen and (max-width: 799px) {
2492         #wpbody-content #dashboard-widgets .postbox-container {
2493                 width: 100%;
2494         }
2495
2496         #wpbody-content .metabox-holder .postbox-container .empty-container {
2497                 border: 0 none;
2498                 height: 0;
2499                 min-height: 0;
2500         }
2501 }
2502
2503 /* two columns on the dash, but keep the setting if one is selected */
2504 @media only screen and (min-width: 800px) and (max-width: 1499px) {
2505         #wpbody-content #dashboard-widgets .postbox-container {
2506                 width: 49.5%;
2507         }
2508
2509         #wpbody-content #dashboard-widgets #postbox-container-2,
2510         #wpbody-content #dashboard-widgets #postbox-container-3,
2511         #wpbody-content #dashboard-widgets #postbox-container-4 {
2512                 float: left;
2513                 width: 50.5%;
2514         }
2515
2516         #dashboard-widgets #postbox-container-3 .empty-container,
2517         #dashboard-widgets #postbox-container-4 .empty-container {
2518                 border: 0 none;
2519                 height: 0;
2520                 min-height: 0;
2521         }
2522
2523         #wpbody #wpbody-content #dashboard-widgets.columns-1 .postbox-container {
2524                 width: 100%;
2525         }
2526
2527         #wpbody #wpbody-content .metabox-holder.columns-1 .postbox-container .empty-container {
2528                 border: 0 none;
2529                 height: 0;
2530                 min-height: 0;
2531         }
2532
2533         /* show the radio buttons for column prefs only for one or two columns */
2534         .index-php .screen-layout,
2535         .index-php .columns-prefs {
2536                 display: block;
2537         }
2538
2539         .columns-prefs .columns-prefs-3,
2540         .columns-prefs .columns-prefs-4 {
2541                 display: none;
2542         }
2543 }
2544
2545 /* three columns on the dash */
2546 @media only screen and (min-width: 1500px) and (max-width: 1800px) {
2547         #wpbody-content #dashboard-widgets .postbox-container {
2548                 width: 33.5%;
2549         }
2550
2551         #wpbody-content #dashboard-widgets #postbox-container-1 {
2552                 width: 33%;
2553         }
2554
2555         #wpbody-content #dashboard-widgets #postbox-container-3,
2556         #wpbody-content #dashboard-widgets #postbox-container-4 {
2557                 float: left;
2558         }
2559
2560         #dashboard-widgets #postbox-container-4 .empty-container {
2561                 border: 0 none;
2562                 height: 0;
2563                 min-height: 0;
2564         }
2565 }
2566
2567 /* one column on the post write/edit screen */
2568 @media only screen and (max-width: 850px) {
2569         #poststuff {
2570                 min-width: 0;
2571         }
2572
2573         #wpbody-content #poststuff #post-body {
2574                 margin: 0;
2575         }
2576
2577         #wpbody-content #post-body.columns-2 #postbox-container-1 {
2578                 margin-left: 0;
2579                 width: 100%;
2580         }
2581
2582         #poststuff #postbox-container-1 .empty-container,
2583         #poststuff #postbox-container-1 #side-sortables:empty {
2584                 border: 0 none;
2585                 height: 0;
2586                 min-height: 0;
2587         }
2588
2589         #poststuff #post-body.columns-2 #side-sortables {
2590                 min-height: 0;
2591         }
2592
2593         /* hide the radio buttons for column prefs */
2594         .screen-layout,
2595         .columns-prefs {
2596                 display: none;
2597         }
2598 }
2599
2600 .js .postbox .hndle {
2601         cursor: move;
2602 }
2603
2604 .hndle a {
2605         font-size: 11px;
2606         font-weight: normal;
2607 }
2608
2609 .postbox .handlediv {
2610         float: left;
2611         width: 27px;
2612         height: 30px;
2613 }
2614
2615 .js .postbox .handlediv {
2616         cursor: pointer;
2617 }
2618
2619 .sortable-placeholder {
2620         border-width: 1px;
2621         border-style: dashed;
2622         margin-bottom: 20px;
2623 }
2624
2625 .postbox,
2626 .stuffbox {
2627         margin-bottom: 20px;
2628         padding: 0;
2629         line-height: 1;
2630 }
2631
2632 .postbox h3,
2633 .stuffbox h3 {
2634         margin-top: 1px;
2635         -webkit-user-select: none;
2636         -moz-user-select: none;
2637         user-select: none;
2638 }
2639
2640 .js .widget .widget-top,
2641 .js .postbox h3 {
2642         cursor: move;
2643 }
2644
2645 .postbox .inside,
2646 .stuffbox .inside {
2647         padding: 0 12px 12px;
2648         line-height: 1.4em;
2649         font-size: 13px;
2650 }
2651
2652 .postbox .inside {
2653         margin: 11px 0;
2654         position: relative;
2655 }
2656
2657 #dashboard-widgets .postbox .inside {
2658         margin-bottom: 0;
2659 }
2660
2661 .postbox .inside > p:last-child,
2662 .rss-widget ul li:last-child {
2663         margin-bottom: 1px !important;
2664 }
2665
2666 .postbox.closed h3 {
2667         border: none;
2668         -webkit-box-shadow: none;
2669         box-shadow: none;
2670 }
2671
2672 .postbox table.form-table {
2673         margin-bottom: 0;
2674 }
2675
2676 .temp-border {
2677         border: 1px dotted #ccc;
2678 }
2679
2680 .columns-prefs label {
2681         padding: 0 5px;
2682 }
2683
2684
2685 /*------------------------------------------------------------------------------
2686   9.0 - Dashboard
2687 ------------------------------------------------------------------------------*/
2688
2689 #dashboard-widgets-wrap {
2690         margin: 0 -8px;
2691 }
2692
2693 #wpbody-content .metabox-holder {
2694         padding-top: 10px;
2695 }
2696
2697 #dashboard-widgets .meta-box-sortables {
2698         margin: 0 8px;
2699         min-height: 100px;
2700 }
2701
2702 #the-comment-list td.comment p.comment-author {
2703         margin-top: 0;
2704         margin-right: 0;
2705 }
2706
2707 #the-comment-list p.comment-author img {
2708         float: right;
2709         margin-left: 8px;
2710 }
2711
2712 #the-comment-list p.comment-author strong a {
2713         border: none;
2714 }
2715
2716 #the-comment-list td {
2717         vertical-align: top;
2718 }
2719
2720 #the-comment-list td.comment {
2721         word-wrap: break-word;
2722 }
2723
2724 /* Welcome Panel */
2725 .welcome-panel {
2726         position: relative;
2727         overflow: auto;
2728         margin: 16px 0;
2729         padding: 23px 10px 0;
2730         font-size: 13px;
2731         line-height: 2.1em;
2732 }
2733
2734 .welcome-panel h3 {
2735         margin: 0;
2736         font-size: 21px;
2737         font-weight: normal;
2738         line-height: 1.2;
2739 }
2740
2741 .welcome-panel h4 {
2742         margin: 1.33em 0 0;
2743         font-size: 16px;
2744 }
2745
2746 .welcome-panel li {
2747         font-size: 14px;
2748 }
2749
2750 .welcome-panel .about-description {
2751         font-size: 16px;
2752         margin: 0;
2753 }
2754
2755 .welcome-panel .welcome-panel-close {
2756         position: absolute;
2757         top: 5px;
2758         left: 10px;
2759         padding: 20px 3px 0 15px;
2760         font-size: 13px;
2761         text-decoration: none;
2762         line-height: 1;
2763 }
2764
2765 #welcome-panel.welcome-panel .welcome-panel-close::before,
2766 .tagchecklist span a:before,
2767 #bulk-titles div a:before {
2768         content: '\f153';
2769         display: block !important;
2770         font: normal 16px/1 'dashicons';
2771         speak: none;
2772         height: 20px;
2773         margin: 2px 0;
2774         text-align: center;
2775         width: 20px;
2776         -webkit-font-smoothing: antialiased !important;
2777 }
2778
2779 #welcome-panel.welcome-panel .welcome-panel-close::before {
2780         position: absolute;
2781         right: -18px;
2782         margin-top: -2px;
2783         -webkit-transition: all .1s ease-in-out;
2784         -moz-transition:    all .1s ease-in-out;
2785         transition:         all .1s ease-in-out;
2786 }
2787
2788 .wp-core-ui .welcome-panel .button.button-hero {
2789         margin: 15px 0 3px;
2790 }
2791
2792 .welcome-panel-content {
2793         margin-right: 13px;
2794         max-width: 1500px;
2795 }
2796
2797 .welcome-panel .welcome-panel-column-container {
2798         clear: both;
2799         overflow: hidden;
2800         position: relative;
2801 }
2802
2803 .welcome-panel .welcome-panel-column {
2804         width: 32%;
2805         min-width: 200px;
2806         float: right;
2807 }
2808
2809 .ie8 .welcome-panel .welcome-panel-column {
2810         min-width: 230px;
2811 }
2812
2813 .welcome-panel .welcome-panel-column:first-child {
2814         width: 36%;
2815 }
2816
2817 .welcome-panel-column p.hide-if-no-customize {
2818         margin-top: 10px;
2819 }
2820
2821 .welcome-panel-column p {
2822         margin-top: 7px;
2823 }
2824
2825 .welcome-panel .welcome-icon {
2826         display: block;
2827         padding: 0 0 8px;
2828         background: transparent !important;
2829 }
2830
2831 .welcome-panel .welcome-icon:before {
2832         font: normal 20px/1 'dashicons';
2833         speak: none;
2834         display: inline-block;
2835         padding: 0 0 0 10px;
2836         top: -1px;
2837         position: relative;
2838         -webkit-font-smoothing: antialiased;
2839         -moz-osx-font-smoothing: grayscale;
2840         text-decoration: none !important;
2841         vertical-align: top;
2842 }
2843
2844 .welcome-panel .welcome-write-blog:before,
2845 .welcome-panel .welcome-edit-page:before {
2846         content:'\f119';
2847         top: -3px;
2848 }
2849
2850 .welcome-panel .welcome-add-page:before {
2851         content:'\f132';
2852 }
2853
2854 .welcome-panel .welcome-view-site:before {
2855         content:'\f115';
2856         top: -2px;
2857 }
2858
2859 .welcome-panel .welcome-widgets-menus:before {
2860         content:'\f116';
2861         top: -2px;
2862 }
2863
2864 .welcome-panel .welcome-comments:before {
2865         content:'\f117';
2866         top: -1px;
2867 }
2868
2869 .welcome-panel .welcome-learn-more:before {
2870         content:'\f118';
2871         top: -1px;
2872 }
2873
2874 .welcome-panel .welcome-widgets-menus {
2875         line-height: 16px;
2876 }
2877
2878 .welcome-panel .welcome-panel-column ul {
2879         margin: 0.8em 0 1em 1em;
2880 }
2881
2882 .welcome-panel .welcome-panel-column li {
2883         line-height: 16px;
2884         list-style-type: none;
2885 }
2886
2887 /* Dashboard WordPress news */
2888
2889 #dashboard_primary .inside {
2890         margin: 0;
2891         padding: 0;
2892 }
2893
2894 #dashboard_primary .widget-loading,
2895 #dashboard_primary .dashboard-widget-control-form {
2896         padding: 12px 12px 0;
2897 }
2898
2899 body #dashboard-widgets .postbox form .submit {
2900         margin: 0;
2901 }
2902
2903 .dashboard-widget-control-form {
2904         overflow: hidden;
2905 }
2906
2907 .dashboard-widget-control-form p {
2908         margin-top: 0;
2909 }
2910
2911 .rssSummary {
2912         color: #777;
2913         margin-top: 4px;
2914 }
2915
2916 #dashboard_primary .rss-widget {
2917         border-bottom: 1px solid #eee;
2918         font-size: 13px;
2919         padding: 8px 12px 10px;
2920 }
2921
2922 #dashboard_primary .rss-widget:last-child {
2923         border-bottom: none;
2924         padding-bottom: 8px;
2925 }
2926
2927 #dashboard_primary .rss-widget a {
2928         font-weight: normal;
2929 }
2930
2931 #dashboard_primary .rss-widget span,
2932 #dashboard_primary .rss-widget span.rss-date {
2933         color: #777;
2934 }
2935
2936 #dashboard_primary .rss-widget span.rss-date {
2937         margin-right: 12px;
2938 }
2939
2940 #dashboard_primary .rss-widget ul li {
2941         margin-bottom: 8px;
2942 }
2943
2944 /* Dashboard right now */
2945
2946 #dashboard_right_now ul {
2947         margin: 0;
2948         overflow: hidden;
2949 }
2950
2951 #dashboard_right_now li {
2952         width: 50%;
2953         float: right;
2954         margin-bottom: 10px;
2955 }
2956
2957 #dashboard_right_now .inside {
2958         overflow: hidden;
2959         padding: 0;
2960 }
2961
2962 #dashboard_right_now .main {
2963         padding: 0 12px 11px;
2964 }
2965
2966 #dashboard_right_now .main p {
2967         margin: 0;
2968 }
2969
2970 .mu-storage {
2971         overflow: hidden;
2972 }
2973
2974 #dashboard-widgets h4.mu-storage {
2975         margin-bottom: 10px;
2976 }
2977
2978 /* Dashboard right now - Colors */
2979
2980 #dashboard_right_now li a:before,
2981 #dashboard_right_now li span:before {
2982         color: #888;
2983 }
2984
2985 #dashboard_right_now .sub {
2986         color: #777;
2987         background: #f5f5f5;
2988         border-top: 1px solid #eee;
2989         padding: 10px 12px 6px 12px;
2990 }
2991
2992 #dashboard_right_now .sub h4 {
2993         color: #555;
2994 }
2995
2996 #dashboard_right_now .sub p {
2997         margin: 0 0 1em;
2998 }
2999
3000 #dashboard_right_now .warning a:before,
3001 #dashboard_right_now .warning span:before {
3002         color: #d54e21;
3003 }
3004
3005 /* Dashboard right now - Icons */
3006 #dashboard_right_now li a:before,
3007 #dashboard_right_now li span:before {
3008         content: '\f159';
3009         font: normal 20px/1 'dashicons';
3010         speak: none;
3011         display: block;
3012         float: right;
3013         margin: 0 0 0 5px;
3014         padding: 0;
3015         text-indent: 0;
3016         text-align: center;
3017         position: relative;
3018         -webkit-font-smoothing: antialiased;
3019         text-decoration: none !important;
3020 }
3021
3022 #dashboard_right_now .page-count a:before,
3023 #dashboard_right_now .page-count span:before {
3024         content: '\f105';
3025 }
3026
3027 #dashboard_right_now .post-count a:before,
3028 #dashboard_right_now .post-count span:before {
3029         content: '\f109';
3030 }
3031
3032 #dashboard_right_now .comment-count a:before {
3033         content: '\f101';
3034 }
3035
3036 #dashboard_right_now .comment-mod-count a:before {
3037         content: '\f125';
3038 }
3039
3040 #dashboard_right_now .storage-count a:before {
3041         content: '\f104';
3042 }
3043
3044 #dashboard_right_now .storage-count.warning a:before {
3045         content: '\f153';
3046 }
3047
3048 /* Dashboard Quick Draft */
3049
3050 #dashboard_quick_press .inside {
3051         margin: 0;
3052         padding: 0;
3053 }
3054
3055 #dashboard_quick_press div.updated {
3056         margin-bottom: 10px;
3057         border: 1px solid #eee;
3058         border-width: 1px 0 1px 1px;
3059 }
3060
3061 #dashboard_quick_press form {
3062         overflow: hidden;
3063         margin: 12px;
3064 }
3065
3066 #dashboard_quick_press .drafts,
3067 #dashboard_quick_press .easy-blogging {
3068         padding: 10px 0 0;
3069 }
3070
3071 /* Dashboard Quick Draft - Form styling */
3072
3073 input#save-post {
3074         float: right;
3075 }
3076
3077 form.initial-form.quickpress-open label.prompt {
3078         font-style: normal;
3079 }
3080
3081 form.initial-form.quickpress-open input#title {
3082         height: auto;
3083 }
3084
3085 #dashboard_quick_press input,
3086 #dashboard_quick_press textarea {
3087         box-sizing: border-box;
3088         -moz-box-sizing:border-box;
3089         -webkit-box-sizing:border-box;
3090         margin: 0;
3091 }
3092
3093 #dashboard_quick_press textarea {
3094         resize: vertical;
3095 }
3096
3097 #dashboard-widgets .postbox form .submit {
3098         margin: -39px 0;
3099         float: left;
3100 }
3101
3102 #description-wrap {
3103         margin-top: 12px;
3104 }
3105
3106 #title-wrap #title-prompt-text,
3107 .textarea-wrap #content-prompt-text {
3108         color: #777;
3109 }
3110
3111 #title-wrap #title-prompt-text {
3112         font-size: 1.1em;
3113         padding: 7px 8px;
3114 }
3115
3116 .input-text-wrap,
3117 .textarea-wrap {
3118         position: relative;
3119 }
3120
3121 .input-text-wrap .prompt,
3122 .textarea-wrap .prompt {
3123         position: absolute;
3124 }
3125
3126 .textarea-wrap #content-prompt-text {
3127         font-size: 1.1em;
3128         padding: 7px 8px;
3129 }
3130
3131 .textarea-wrap textarea#content {
3132         margin: 0 0 8px;
3133         padding: 6px 7px;
3134 }
3135
3136 #quick-press textarea#content {
3137         min-height: 90px;
3138         max-height: 1300px;
3139         resize: none;
3140 }
3141
3142 /* Dashboard Quick Draft - Drafts list */
3143
3144 .js #dashboard_quick_press .drafts {
3145         border-top: 1px solid #eee;
3146 }
3147
3148 #dashboard_quick_press .drafts abbr {
3149         border: none;
3150 }
3151
3152 #dashboard_quick_press .drafts h4 {
3153         margin: 0 12px 8px;
3154         font-weight: normal;
3155 }
3156
3157 #dashboard_quick_press .drafts .view-all {
3158         float: left;
3159         margin: 0 0 0 12px;
3160 }
3161
3162 #dashboard_primary a.rsswidget {
3163         font-weight: normal;
3164 }
3165
3166 #dashboard_quick_press .drafts ul {
3167         margin: 0 12px;
3168 }
3169
3170 #dashboard_quick_press .drafts li {
3171         margin-bottom: 1em;
3172 }
3173 #dashboard_quick_press .drafts li time {
3174         color: #777;
3175 }
3176
3177 #dashboard_quick_press .drafts p {
3178         margin: 0;
3179         word-wrap: break-word;
3180 }
3181
3182 #dashboard_quick_press .draft-title {
3183         overflow: hidden;
3184 }
3185
3186 #dashboard_quick_press .draft-title a,
3187 #dashboard_quick_press .draft-title time {
3188         float: right;
3189         margin: 0 0 0 5px;
3190 }
3191
3192 /* Dashboard activity widget */
3193
3194 #dashboard-widgets #dashboard_activity h4 {
3195         margin: 0 12px 8px 0;
3196         font-weight: normal;
3197 }
3198
3199 #dashboard-widgets #dashboard_activity h4.comment-meta {
3200         margin: 0;
3201 }
3202
3203 #dashboard_activity h4.comment-meta {
3204         overflow: hidden;
3205         text-overflow: ellipsis;
3206         white-space: nowrap;
3207         margin-bottom: 4px;
3208 }
3209
3210 #dashboard_activity ul {
3211         padding: 0 12px;
3212 }
3213
3214 #dashboard_activity .comment-meta span.approve:before {
3215         content: '\f227';
3216         font: 20px/.5 "dashicons";
3217         margin-right: 12px;
3218         vertical-align: middle;
3219         position: relative;
3220         top: -1px;
3221         margin-left: 2px;
3222 }
3223
3224 #dashboard_activity .inside {
3225         padding: 0;
3226         margin: 0;
3227 }
3228
3229 #dashboard_activity .no-activity {
3230         overflow: hidden;
3231         padding: 0 12px 12px;
3232         text-align: center;
3233 }
3234
3235 #dashboard_activity .no-activity p {
3236         color: #999;
3237         font-size: 16px;
3238 }
3239
3240 #dashboard_activity .no-activity .smiley {
3241         margin-top: 0;
3242 }
3243
3244 #dashboard_activity .no-activity .smiley:before {
3245         content: '\f328';
3246         font: normal 120px/1 'dashicons';
3247         speak: none;
3248         display: block;
3249         margin: 0 0 0 5px;
3250         padding: 0;
3251         text-indent: 0;
3252         text-align: center;
3253         position: relative;
3254         -webkit-font-smoothing: antialiased;
3255         text-decoration: none !important;
3256 }
3257
3258 #dashboard_activity .subsubsub {
3259         float: none;
3260         border-top: 1px solid #eeeeee;
3261         margin-top: 0;
3262         padding: 8px 12px 4px;
3263 }
3264
3265 #future-posts .show-more,
3266 #published-posts .show-more {
3267         float: left;
3268         margin-left: 12px;
3269 }
3270
3271 #future-posts ul,
3272 #published-posts ul {
3273         clear: both;
3274         margin-bottom: 0;
3275 }
3276
3277 #future-posts li,
3278 #published-posts li {
3279         overflow: hidden;
3280         margin-bottom: 8px;
3281 }
3282
3283 #future-posts ul span,
3284 #published-posts ul span {
3285         color: #777;
3286         float: right;
3287         margin-left: 8px;
3288         min-width: 150px;
3289 }
3290
3291 .activity-block {
3292         border-bottom: 1px solid #eee;
3293         overflow: hidden;
3294         padding: 8px 0 4px;
3295 }
3296
3297 .activity-block:last-child {
3298         border-bottom: none;
3299 }
3300
3301 .activity-block .subsubsub li {
3302         color: #ddd;
3303 }
3304
3305 /* Dashboard activity widget - Comments */
3306
3307 #activity-widget #the-comment-list tr.undo,
3308 #activity-widget #the-comment-list div.undo {
3309         background: none;
3310         padding: 6px 0;
3311 }
3312
3313 #activity-widget #the-comment-list .alternate,
3314 #activity-widget #the-comment-list .alt {
3315         background: none;
3316 }
3317
3318 #activity-widget #the-comment-list .comment {
3319         background: #fafafa;
3320         padding: 12px;
3321         position: relative;
3322 }
3323
3324 #activity-widget #the-comment-list img {
3325         position: absolute;
3326         right: 13px;
3327         top: 13px;
3328 }
3329
3330 #activity-widget #the-comment-list .dashboard-comment-wrap {
3331         padding-right: 63px;
3332 }
3333
3334 #activity-widget #the-comment-list .dashboard-comment-wrap blockquote {
3335         margin: 1em 0;
3336 }
3337
3338 #activity-widget #the-comment-list .comment-item h4 {
3339         font-size: 13px;
3340         color: #999;
3341 }
3342
3343 #activity-widget #the-comment-list .comment-item p.row-actions {
3344         margin: 4px 0 0 0;
3345 }
3346
3347 #activity-widget #the-comment-list .comment-item:first-child {
3348         border-top: 1px solid #eeeeee;
3349 }
3350
3351 #activity-widget #the-comment-list .unapproved:before {
3352         content: "";
3353         display: block;
3354         position: absolute;
3355         right: 0;
3356         top: 0;
3357         bottom: 0;
3358         background: #d54e21;
3359         width: 4px;
3360 }
3361
3362 #activity-widget #the-comment-list .spam-undo-inside .avatar,
3363 #activity-widget #the-comment-list .trash-undo-inside .avatar {
3364         margin-left: 20px;
3365         position: relative;
3366         top: 0;
3367 }
3368
3369 /* Browse happy box */
3370
3371 #dashboard-widgets #dashboard_browser_nag.postbox .inside {
3372         margin: 10px;
3373 }
3374
3375 @media screen and (max-width: 870px) {
3376         .welcome-panel .welcome-panel-column,
3377         .welcome-panel .welcome-panel-column:first-child {
3378                 display: block;
3379                 float: none;
3380                 width: 100%;
3381         }
3382
3383         .welcome-panel .welcome-panel-column li {
3384                 display: inline-block;
3385                 margin-left: 13px;
3386         }
3387
3388         .welcome-panel .welcome-panel-column ul {
3389                 margin: 0.4em 0 0;
3390         }
3391
3392 }
3393
3394 /*------------------------------------------------------------------------------
3395   10.0 - List Posts (/Pages/etc)
3396 ------------------------------------------------------------------------------*/
3397
3398 table.fixed {
3399         table-layout: fixed;
3400 }
3401
3402 .fixed .column-rating,
3403 .fixed .column-visible {
3404         width: 8%;
3405 }
3406
3407 .fixed .column-posts,
3408 .fixed .column-date,
3409 .fixed .column-parent,
3410 .fixed .column-links,
3411 .fixed .column-author,
3412 .fixed .column-format {
3413         width: 10%;
3414 }
3415
3416 .fixed .column-comment .comment-author {
3417         display: none;
3418 }
3419
3420 .fixed .column-response,
3421 .fixed .column-categories,
3422 .fixed .column-tags,
3423 .fixed .column-rel,
3424 .fixed .column-role {
3425         width: 15%;
3426 }
3427
3428 .fixed .column-slug {
3429         width: 25%;
3430 }
3431
3432 .fixed .column-locations {
3433         width: 35%;
3434 }
3435
3436 .fixed .column-comments {
3437         width: 4em;
3438         padding: 8px 0;
3439         text-align: right;
3440 }
3441
3442 .fixed .column-comments .vers {
3443         padding-right: 3px;
3444 }
3445
3446 .fixed .column-comments a {
3447         float: right;
3448 }
3449
3450 .fixed .column-icon {
3451         width: 80px;
3452 }
3453
3454 #comments-form .fixed .column-author {
3455         width: 20%;
3456 }
3457
3458 #commentsdiv.postbox .inside {
3459         margin: 0;
3460         padding: 0;
3461 }
3462
3463 #commentsdiv .inside .row-actions {
3464         line-height:18px;
3465 }
3466
3467 #commentsdiv .inside .column-author {
3468         width: 25%;
3469 }
3470
3471 #commentsdiv .column-comment p {
3472         margin: 0.6em 0;
3473         padding: 0;
3474 }
3475
3476 #commentsdiv #replyrow td {
3477         padding: 0;
3478 }
3479
3480 #commentsdiv p {
3481         padding: 8px 10px;
3482         margin: 0;
3483 }
3484
3485 #commentsdiv .comments-box {
3486         border: 0 none;
3487 }
3488
3489 #commentsdiv .comments-box thead th {
3490         background: transparent;
3491         padding: 0 7px 4px;
3492         font-style: italic;
3493 }
3494
3495 #commentsdiv .comments-box tr:last-child td {
3496         border-bottom: 0 none;
3497 }
3498
3499 #commentsdiv .spinner {
3500         padding-right: 5px;
3501 }
3502
3503 .sorting-indicator {
3504         display: none;
3505         width: 10px;
3506         height: 4px;
3507         margin-top: 8px;
3508         margin-right: 7px;
3509 }
3510
3511 .sorting-indicator:before {
3512         background: none;
3513         content: '\f142';
3514         font: normal 20px/1 'dashicons';
3515         speak: none;
3516         display: inline-block;
3517         padding: 0;
3518         top: -4px;
3519         right: -8px;
3520         color: #444;
3521         line-height: 10px;
3522         position: relative;
3523         vertical-align: top;
3524         -webkit-font-smoothing: antialiased;
3525         -moz-osx-font-smoothing: grayscale;
3526         text-decoration: none !important;
3527 }
3528
3529 .column-comments .sorting-indicator:before {
3530         top: 0;
3531         right: -10px;
3532 }
3533
3534 th.sorted.asc .sorting-indicator:before,
3535 th.desc:hover span.sorting-indicator:before {
3536         content: '\f142';
3537 }
3538
3539 th.sorted.desc .sorting-indicator:before,
3540 th.asc:hover span.sorting-indicator:before {
3541         content: '\f140';
3542 }
3543
3544 tr.wp-locked .locked-indicator {
3545         background: url('../images/lock.png') no-repeat;
3546         margin: -2px 6px 0 0;
3547         height: 20px;
3548         width: 16px;
3549 }
3550
3551 tr.wp-locked .check-column label,
3552 tr.wp-locked .check-column input[type="checkbox"],
3553 tr.wp-locked .row-actions .inline,
3554 tr.wp-locked .row-actions .trash {
3555         display: none;
3556 }
3557
3558 tr .locked-info {
3559         height: 0;
3560         opacity: 0;
3561 }
3562
3563 tr.wp-locked .locked-info {
3564         margin-top: 8px;
3565         height: auto;
3566         opacity: 1;
3567 }
3568
3569 .locked-text {
3570         vertical-align: top;
3571 }
3572
3573 tr.locked-info, tr.wp-locked .locked-info {
3574         -webkit-transition: height 1s, opacity 500ms;
3575         -moz-transition:    height 1s, opacity 500ms;
3576         -ms-transition:     height 1s, opacity 500ms;
3577         -o-transition:      height 1s, opacity 500ms;
3578         transition:         height 1s, opacity 500ms;
3579 }
3580
3581 .fixed .column-comments .sorting-indicator {
3582         margin-top: 3px;
3583 }
3584
3585 #menu-locations-wrap .widefat {
3586         width: 60%;
3587 }
3588
3589 .widefat th.sortable,
3590 .widefat th.sorted {
3591         padding: 0;
3592 }
3593
3594 th.sortable a,
3595 th.sorted a {
3596         display: block;
3597         overflow: hidden;
3598         padding: 7px 10px 8px 7px;
3599 }
3600
3601 .fixed .column-comments.sortable a,
3602 .fixed .column-comments.sorted a {
3603         padding: 8px 0;
3604 }
3605
3606 th.sortable a span,
3607 th.sorted a span {
3608         float: right;
3609         cursor: pointer;
3610 }
3611
3612 th.sorted.asc .sorting-indicator,
3613 th.desc:hover span.sorting-indicator {
3614         display: block;
3615         background-position: 0 0;
3616 }
3617
3618 th.sorted.desc .sorting-indicator,
3619 th.asc:hover span.sorting-indicator {
3620         display: block;
3621         background-position: -7px 0;
3622 }
3623
3624 /* Bulk Actions */
3625 .tablenav-pages a {
3626         font-weight: 600;
3627         margin-left: 1px;
3628         padding: 0 2px;
3629 }
3630 .tablenav-pages .current-page {
3631         padding-top: 0;
3632         text-align: center;
3633 }
3634 .tablenav-pages .next-page {
3635         margin-right: 2px;
3636 }
3637
3638 .tablenav a.button-secondary {
3639         display: block;
3640         margin: 3px 0 0 8px;
3641 }
3642
3643 .tablenav {
3644         clear: both;
3645         height: 30px;
3646         margin: 6px 0 4px;
3647         vertical-align: middle;
3648 }
3649
3650 .tablenav.themes {
3651         max-width: 98%;
3652 }
3653
3654 .tablenav .tablenav-pages {
3655         float: left;
3656         display: block;
3657         cursor: default;
3658         height: 30px;
3659         line-height: 30px;
3660         font-size: 12px;
3661 }
3662
3663 .tablenav .no-pages,
3664 .tablenav .one-page .pagination-links {
3665         display: none;
3666 }
3667
3668 .tablenav .tablenav-pages a,
3669 .tablenav-pages span.current  {
3670         text-decoration: none;
3671         padding: 3px 6px;
3672 }
3673
3674 .tablenav .tablenav-pages a {
3675         padding: 0 10px 3px;
3676         font-size: 16px;
3677         font-weight: normal;
3678 }
3679
3680 .tablenav .tablenav-pages a.disabled:hover ,
3681 .tablenav .tablenav-pages a.disabled:active {
3682         cursor: default;
3683 }
3684
3685 .tablenav .displaying-num {
3686         margin-left: 2px;
3687         font-size: 12px;
3688         font-style: italic;
3689 }
3690
3691 .tablenav .actions {
3692         overflow: hidden;
3693         padding: 2px 0 0 8px;
3694 }
3695
3696 .tablenav .delete {
3697         margin-left: 20px;
3698 }
3699
3700 .view-switch {
3701         float: left;
3702         margin: 5px 8px 0 16px;
3703 }
3704
3705 .view-switch img {
3706         display: none;
3707 }
3708
3709 .view-switch a {
3710         text-decoration: none;
3711 }
3712
3713 .view-switch > a {
3714         display: inline-block;
3715         width: 18px;
3716         height: 18px;
3717 }
3718
3719 .view-switch > a:before {
3720         content: '\f163';
3721         display: inline-block;
3722         float: right;
3723         font: normal 20px/1 'dashicons';
3724         speak: none;
3725         vertical-align: middle;
3726         margin-right: 0;
3727         -webkit-font-smoothing: antialiased;
3728         -moz-osx-font-smoothing: grayscale;
3729 }
3730
3731 .view-switch > a + a:before {
3732         margin-right: 5px;
3733         content: '\f164';
3734 }
3735
3736 .filter {
3737         float: right;
3738         margin: -5px 10px 0 0;
3739 }
3740
3741 .filter .subsubsub {
3742         margin-right: -10px;
3743         margin-top: 13px;
3744 }
3745 .screen-per-page {
3746         width: 4em;
3747 }
3748
3749 #posts-filter fieldset {
3750         float: right;
3751         margin: 0 0 1em 1.5ex;
3752         padding: 0;
3753 }
3754
3755 #posts-filter fieldset legend {
3756         padding: 0 1px .2em 0;
3757 }
3758
3759
3760 /*------------------------------------------------------------------------------
3761   10.1 - Inline Editing
3762 ------------------------------------------------------------------------------*/
3763
3764 /*
3765 .quick-edit* is for Quick Edit
3766 .bulk-edit* is for Bulk Edit
3767 .inline-edit* is for everything
3768 */
3769
3770 /*      Layout */
3771
3772 #wpbody-content .inline-edit-row fieldset {
3773         font-size: 12px;
3774         float: right;
3775         margin: 0;
3776         padding: 0;
3777         width: 100%;
3778 }
3779
3780 tr.inline-edit-row td,
3781 #wpbody-content .inline-edit-row fieldset .inline-edit-col {
3782         padding: 0 0.5em;
3783 }
3784
3785 #wpbody-content .quick-edit-row-page fieldset.inline-edit-col-right .inline-edit-col {
3786         border-width: 0 1px 0 0;
3787         border-style: none none none solid;
3788 }
3789
3790 #wpbody-content .quick-edit-row-post .inline-edit-col-left {
3791         width: 40%;
3792 }
3793
3794 #wpbody-content .quick-edit-row-post .inline-edit-col-right {
3795         width: 39%;
3796 }
3797
3798 #wpbody-content .inline-edit-row-post .inline-edit-col-center {
3799         width: 20%;
3800 }
3801
3802 #wpbody-content .quick-edit-row-page .inline-edit-col-left {
3803         width: 50%;
3804 }
3805
3806 #wpbody-content .quick-edit-row-page .inline-edit-col-right,
3807 #wpbody-content .bulk-edit-row-post .inline-edit-col-right {
3808         width: 49%;
3809 }
3810
3811 #wpbody-content .bulk-edit-row .inline-edit-col-left {
3812         width: 30%;
3813 }
3814
3815 #wpbody-content .bulk-edit-row-page .inline-edit-col-right {
3816         width: 69%;
3817 }
3818
3819 #wpbody-content .bulk-edit-row .inline-edit-col-bottom {
3820         float: left;
3821         width: 69%;
3822 }
3823
3824 #wpbody-content .inline-edit-row-page .inline-edit-col-right {
3825         margin-top: 27px;
3826 }
3827
3828 .inline-edit-row fieldset .inline-edit-group {
3829         clear: both;
3830 }
3831
3832 .inline-edit-row fieldset .inline-edit-group:after {
3833         content: ".";
3834         display: block;
3835         height: 0;
3836         clear: both;
3837         visibility: hidden;
3838 }
3839
3840 .inline-edit-row p.submit {
3841         clear: both;
3842         padding: 0.5em;
3843         margin: 0.5em 0 0;
3844 }
3845
3846 .inline-edit-row span.error {
3847         line-height: 22px;
3848         margin: 0 15px;
3849         padding: 3px 5px;
3850 }
3851
3852 /*      Positioning */
3853 .inline-edit-row h4 {
3854         margin: .2em 0;
3855         padding: 0;
3856         line-height: 23px;
3857 }
3858 .inline-edit-row fieldset span.title,
3859 .inline-edit-row fieldset span.checkbox-title {
3860         margin: 0;
3861         padding: 0;
3862         line-height: 27px;
3863 }
3864
3865 .inline-edit-row fieldset label,
3866 .inline-edit-row fieldset span.inline-edit-categories-label {
3867         display: block;
3868         margin: .2em 0;
3869 }
3870
3871 .inline-edit-row fieldset label.inline-edit-tags {
3872         margin-top: 0;
3873 }
3874
3875 .inline-edit-row fieldset label.inline-edit-tags span.title {
3876         margin: .2em 0;
3877         width: auto;
3878 }
3879
3880 .inline-edit-row fieldset label span.title {
3881         display: block;
3882         float: right;
3883         width: 5em;
3884 }
3885
3886 .inline-edit-row fieldset label span.input-text-wrap {
3887         display: block;
3888         margin-right: 5em;
3889 }
3890
3891 .quick-edit-row-post fieldset.inline-edit-col-right label span.title {
3892         width: auto;
3893         padding-left: 0.5em;
3894 }
3895
3896 .inline-edit-row .input-text-wrap input[type=text] {
3897         width: 100%;
3898 }
3899
3900 .inline-edit-row fieldset label input[type=checkbox] {
3901         vertical-align: text-bottom;
3902 }
3903
3904 .inline-edit-row fieldset label textarea {
3905         width: 100%;
3906         height: 4em;
3907 }
3908
3909 #wpbody-content .bulk-edit-row fieldset .inline-edit-group label {
3910         max-width: 50%;
3911 }
3912
3913 #wpbody-content .quick-edit-row fieldset .inline-edit-group label.alignleft:first-child {
3914         margin-left: 0.5em
3915 }
3916
3917 .inline-edit-col-right .input-text-wrap input.inline-edit-menu-order-input {
3918         width: 6em;
3919 }
3920
3921 .inline-edit-save .spinner {
3922         padding: 4px 10px 0;
3923         vertical-align: top;
3924         float: left;
3925 }
3926
3927 /*      Styling */
3928 .inline-edit-row h4 {
3929         text-transform: uppercase;
3930 }
3931
3932 .inline-edit-row fieldset span.title,
3933 .inline-edit-row fieldset span.checkbox-title {
3934         font-style: italic;
3935         line-height: 1.8em;
3936 }
3937
3938 /*      Specific Elements */
3939 .inline-edit-row fieldset input[type="text"],
3940 .inline-edit-row fieldset textarea {
3941         border-style: solid;
3942         border-width: 1px;
3943 }
3944
3945 .inline-edit-row fieldset .inline-edit-date {
3946         float: right;
3947 }
3948
3949 .inline-edit-row fieldset input[name=jj],
3950 .inline-edit-row fieldset input[name=hh],
3951 .inline-edit-row fieldset input[name=mn] {
3952         font-size: 12px;
3953         width: 2.1em;
3954 }
3955
3956 .inline-edit-row fieldset input[name=aa] {
3957         font-size: 12px;
3958         width: 3.5em;
3959 }
3960
3961 .inline-edit-row fieldset label input.inline-edit-password-input {
3962         width: 8em;
3963 }
3964
3965 ul.cat-checklist {
3966         height: 12em;
3967         border-style: solid;
3968         border-width: 1px;
3969         overflow-y: scroll;
3970         padding: 0 5px;
3971         margin: 0;
3972 }
3973
3974 #bulk-titles {
3975         display: block;
3976         height: 12em;
3977         border-style: solid;
3978         border-width: 1px;
3979         overflow-y: scroll;
3980         padding: 0 5px;
3981         margin: 0 0 5px;
3982 }
3983
3984 .inline-edit-row fieldset ul.cat-checklist li,
3985 .inline-edit-row fieldset ul.cat-checklist input {
3986         margin: 0;
3987 }
3988
3989 .inline-edit-row fieldset ul.cat-checklist label,
3990 .inline-edit-row #bulk-titles div {
3991         font-style: normal;
3992         font-size: 11px;
3993 }
3994
3995 .inline-edit-row fieldset label input.inline-edit-menu-order-input {
3996         width: 3em;
3997 }
3998
3999 .inline-edit-row fieldset label input.inline-edit-slug-input {
4000         width: 75%;
4001 }
4002
4003 .quick-edit-row-post fieldset label.inline-edit-status {
4004         float: right;
4005 }
4006
4007 #bulk-titles {
4008         line-height: 140%;
4009 }
4010 #bulk-titles div {
4011         margin: 0.2em 0.3em;
4012 }
4013
4014 #bulk-titles div a {
4015         cursor: pointer;
4016         display: block;
4017         float: right;
4018         height: 18px;
4019         margin: 0 -2px 0 3px;
4020         overflow: hidden;
4021         position: relative;
4022         width: 20px;
4023 }
4024
4025 #bulk-titles div a:before {
4026         position: relative;
4027         top: -3px;
4028 }
4029
4030
4031 /*------------------------------------------------------------------------------
4032   11.0 - Write/Edit Post Screen
4033 ------------------------------------------------------------------------------*/
4034
4035 #show-comments {
4036         overflow: hidden;
4037 }
4038
4039 #save-action .spinner,
4040 #show-comments a,
4041 #show-comments .spinner {
4042         float: right;
4043 }
4044
4045 #lost-connection-notice .spinner {
4046         display: block;
4047         float: right;
4048         margin: 0 0 0 5px;
4049 }
4050
4051 #titlediv {
4052         position: relative;
4053         margin-bottom: 10px;
4054 }
4055
4056 #titlediv label {
4057         cursor: text;
4058 }
4059
4060 #titlediv div.inside {
4061         margin: 0;
4062 }
4063
4064 #poststuff #titlewrap {
4065         border: 0;
4066         padding: 0;
4067 }
4068
4069 #titlediv #title {
4070         padding: 3px 8px;
4071         font-size: 1.7em;
4072         line-height: 100%;
4073         height: 1.7em;
4074         width: 100%;
4075         outline: none;
4076         margin: 0;
4077 }
4078
4079 #titlediv #title-prompt-text,
4080 #wp-fullscreen-title-prompt-text {
4081         color: #777;
4082         position: absolute;
4083         font-size: 1.7em;
4084         padding: 11px 10px;
4085 }
4086
4087 #wp-fullscreen-save .fs-saved {
4088         color: #999;
4089         float: left;
4090         margin-top: 4px;
4091 }
4092
4093 #wp-fullscreen-title-prompt-text {
4094         padding: 11px;
4095 }
4096
4097 #poststuff .inside-submitbox,
4098 #side-sortables .inside-submitbox {
4099         margin: 0 3px;
4100         font-size: 11px;
4101 }
4102
4103 input#link_description,
4104 input#link_url {
4105         width: 98%;
4106 }
4107
4108 #pending {
4109         background: 0 none;
4110         border: 0 none;
4111         padding: 0;
4112         font-size: 11px;
4113         margin-top: -1px;
4114 }
4115
4116 #edit-slug-box {
4117         line-height: 24px;
4118         min-height: 25px; /* Yes, line-height + 1 */
4119         margin-top: 5px;
4120         padding: 0 10px;
4121 }
4122
4123 #edit-slug-box .cancel {
4124         margin-left: 10px;
4125         font-size: 11px;
4126 }
4127
4128 #editable-post-name-full {
4129         display: none;
4130 }
4131
4132 #editable-post-name input {
4133         font-size: 13px;
4134         height: 22px;
4135         margin: 0;
4136         width: 16em;
4137 }
4138
4139 .postarea h3 label {
4140         float: right;
4141 }
4142
4143 .submitbox .submit {
4144         text-align: right;
4145         padding: 12px 10px 10px;
4146         font-size: 11px;
4147 }
4148
4149 .submitbox .submitdelete {
4150         text-decoration: none;
4151         padding: 1px 2px;
4152 }
4153
4154 .submitbox .submit a:hover {
4155         text-decoration: underline;
4156 }
4157
4158 .submitbox .submit input {
4159         margin-bottom: 8px;
4160         margin-left: 4px;
4161         padding: 6px;
4162 }
4163
4164 .inside-submitbox #post_status {
4165         margin: 2px -2px 2px 0;
4166 }
4167
4168 #post-status-select {
4169         margin-top: 3px;
4170 }
4171
4172 /* Post Screen */
4173 #post-body #normal-sortables {
4174         min-height: 50px;
4175 }
4176
4177 .postbox {
4178         position: relative;
4179         min-width: 255px;
4180 }
4181
4182 #trackback_url {
4183         width: 99%;
4184 }
4185
4186 #normal-sortables .postbox .submit {
4187         background: transparent none;
4188         border: 0 none;
4189         float: left;
4190         padding: 0 12px;
4191         margin:0;
4192 }
4193
4194 .category-add input[type="text"],
4195 .category-add select {
4196         width: 100%;
4197         max-width: 260px;
4198         vertical-align: baseline;
4199 }
4200
4201 #side-sortables .category-add input[type="text"],
4202 #side-sortables .category-add select {
4203         margin: 0 0 1em;
4204 }
4205
4206 .press-this #side-sortables .category-tabs li,
4207 ul.category-tabs li,
4208 #side-sortables .add-menu-item-tabs li,
4209 .wp-tab-bar li {
4210         display: inline;
4211         line-height: 1.35em;
4212 }
4213
4214 .no-js .category-tabs li.hide-if-no-js {
4215         display: none;
4216 }
4217
4218 .category-tabs a,
4219 #side-sortables .add-menu-item-tabs a,
4220 .wp-tab-bar a {
4221         text-decoration: none;
4222 }
4223
4224 .category-tabs {
4225         margin: 8px 0 5px;
4226 }
4227
4228 #category-adder h4 {
4229         margin: 10px 0;
4230 }
4231
4232 #side-sortables .add-menu-item-tabs,
4233 .wp-tab-bar {
4234         margin-bottom: 3px;
4235 }
4236
4237 #normal-sortables .postbox #replyrow .submit {
4238         float: none;
4239         margin: 0;
4240         padding: 0 7px 5px;
4241 }
4242
4243 #side-sortables .submitbox .submit input,
4244 #side-sortables .submitbox .submit .preview,
4245 #side-sortables .submitbox .submit a.preview:hover {
4246         border: 0 none;
4247 }
4248
4249 #side-sortables .inside-submitbox .insidebox,
4250 .stuffbox .insidebox {
4251         margin: 11px 0;
4252 }
4253
4254 ul.category-tabs,
4255 ul.add-menu-item-tabs,
4256 ul.wp-tab-bar {
4257         margin-top: 12px;
4258 }
4259
4260 ul.category-tabs li {
4261         border-style: solid;
4262         border-width: 1px;
4263         position: relative;
4264 }
4265
4266 ul.add-menu-item-tabs li.tabs,
4267 .wp-tab-active {
4268         border-style: solid solid none;
4269         border-width: 1px 1px 0;
4270 }
4271
4272 ul.add-menu-item-tabs li.tabs {
4273         padding-bottom: 3px;
4274         position: relative;
4275 }
4276
4277 #post-body .add-menu-item-tabs li.tabs {
4278         border-style: solid none solid solid;
4279         border-width: 1px 1px 1px 0;
4280         margin-left: -1px;
4281 }
4282
4283 ul.category-tabs li,
4284 ul.add-menu-item-tabs li,
4285 ul.wp-tab-bar li {
4286         padding: 3px 5px 5px;
4287 }
4288
4289 #postimagediv .inside img {
4290         max-width: 100%;
4291         height: auto;
4292 }
4293
4294 form#tags-filter {
4295         position: relative;
4296 }
4297
4298 /* Edit posts */
4299 td.post-title strong,
4300 td.plugin-title strong {
4301         display: block;
4302         margin-bottom: .2em;
4303         font-size: 14px;
4304 }
4305
4306 td.post-title p,
4307 td.plugin-title p {
4308         margin: 6px 0;
4309 }
4310
4311 /* Global classes */
4312 .wp-hidden-children .wp-hidden-child,
4313 .ui-tabs-hide {
4314         display: none;
4315 }
4316
4317 .commentlist .avatar {
4318         vertical-align: text-top;
4319 }
4320
4321 #post-body .tagsdiv #newtag {
4322         margin-left: 5px;
4323         width: 16em;
4324 }
4325
4326 #side-sortables input#post_password {
4327         width: 94%
4328 }
4329
4330 #side-sortables .tagsdiv #newtag {
4331         width: 68%;
4332 }
4333
4334 #post-status-info {
4335         width: 100%;
4336 }
4337
4338 #post-status-info td {
4339         font-size: 12px;
4340 }
4341
4342 .autosave-info {
4343         padding: 2px 15px;
4344         text-align: left;
4345 }
4346
4347 #editorcontent #post-status-info {
4348         border: none;
4349 }
4350
4351 #content-resize-handle,
4352 #post-body .wp_themeSkin .mceStatusbar a.mceResize {
4353         background: transparent url('../images/resize.gif') no-repeat scroll left bottom;
4354         width: 12px;
4355         height: 12px;
4356         cursor: sw-resize;
4357 }
4358
4359 .rtl #content-resize-handle,
4360 .rtl #post-body .wp_themeSkin .mceStatusbar a.mceResize {
4361         background: transparent url('../images/resize-rtl.gif') no-repeat scroll left bottom;
4362 }
4363
4364 #post-body .wp_themeSkin .mceStatusbar a.mceResize {
4365         bottom: 3px;
4366         position: absolute;
4367         left: 3px;
4368 }
4369
4370 #post-body .postarea .wp_themeSkin .mceStatusbar a.mceResize {
4371         bottom: -20px;
4372 }
4373
4374 #content-resize-handle {
4375         position: absolute;
4376         left: 3px;
4377         bottom: -20px;
4378 }
4379
4380 .press-this #content-resize-handle {
4381         bottom: 2px;
4382 }
4383
4384 .tmce-active #content-resize-handle {
4385         display: none;
4386 }
4387
4388 #wp-word-count {
4389         display: block;
4390         padding: 2px 10px;
4391 }
4392
4393 #timestampdiv select {
4394         height: 21px;
4395         line-height: 14px;
4396         padding: 0;
4397         vertical-align: top;
4398         font-size: 12px;
4399 }
4400
4401 #aa, #jj, #hh, #mn {
4402         padding: 1px;
4403         font-size: 12px;
4404 }
4405
4406 #jj, #hh, #mn {
4407         width: 2em;
4408 }
4409
4410 #aa {
4411         width: 3.4em;
4412 }
4413
4414 .curtime #timestamp {
4415         padding: 2px 0 1px 0;
4416         display: inline !important;
4417         height: auto !important;
4418 }
4419
4420 #post-body #visibility:before,
4421 .curtime #timestamp:before,
4422 #post-body .misc-pub-revisions:before {
4423         font: normal 20px/1 'dashicons';
4424         speak: none;
4425         display: inline-block;
4426         padding: 0 0 0 2px;
4427         top: 0;
4428         right: -1px;
4429         position: relative;
4430         vertical-align: top;
4431         -webkit-font-smoothing: antialiased;
4432         -moz-osx-font-smoothing: grayscale;
4433         text-decoration: none !important;
4434 }
4435
4436 #post-body #visibility:before {
4437         content: '\f177';
4438 }
4439
4440 .curtime #timestamp:before {
4441         content: '\f145';
4442         top: -1px;
4443 }
4444
4445 #post-body .misc-pub-revisions:before {
4446         content: '\f321';
4447 }
4448
4449 #timestampdiv {
4450         padding-top: 5px;
4451         line-height: 23px;
4452 }
4453
4454 #timestampdiv p {
4455         margin: 8px 0 6px;
4456 }
4457
4458 #timestampdiv input {
4459         border-width: 1px;
4460         border-style: solid;
4461 }
4462
4463 .notification-dialog {
4464         position: fixed;
4465         top: 30%;
4466         right: 50%;
4467         width: 450px;
4468         margin-right: -225px;
4469         background: #fff;
4470         line-height: 1.5;
4471         z-index: 1000005;
4472 }
4473
4474 .notification-dialog-background {
4475         position: fixed;
4476         top: 0;
4477         right: 0;
4478         left: 0;
4479         bottom: 0;
4480         background: #000;
4481         opacity: 0.5;
4482         filter: alpha(opacity=50);
4483         z-index: 1000000;
4484 }
4485
4486 #post-lock-dialog .post-locked-message,
4487 #post-lock-dialog .post-taken-over {
4488         margin: 25px;
4489 }
4490
4491 #post-lock-dialog .post-locked-message a.button {
4492         margin-left: 10px;
4493 }
4494
4495 #post-lock-dialog .post-locked-avatar {
4496         float: right;
4497         margin: 0 0 20px 20px;
4498 }
4499
4500 #post-lock-dialog .wp-tab-first {
4501         outline: 0;
4502 }
4503
4504 #post-lock-dialog .locked-saving img {
4505         float: right;
4506         margin-left: 3px;
4507 }
4508
4509 #post-lock-dialog.saving .locked-saving,
4510 #post-lock-dialog.saved .locked-saved {
4511         display: inline;
4512 }
4513
4514 /*------------------------------------------------------------------------------
4515   11.1 - Custom Fields
4516 ------------------------------------------------------------------------------*/
4517
4518 #postcustomstuff thead th {
4519         padding: 5px 8px 8px;
4520 }
4521
4522 #postcustom #postcustomstuff .submit {
4523         border: 0 none;
4524         float: none;
4525         padding: 0 8px 8px;
4526 }
4527
4528 #side-sortables #postcustom #postcustomstuff .submit {
4529         margin: 0;
4530         padding: 0;
4531 }
4532
4533 #side-sortables #postcustom #postcustomstuff #the-list textarea {
4534         height: 85px;
4535 }
4536
4537 #side-sortables #postcustom #postcustomstuff td.left input,
4538 #side-sortables #postcustom #postcustomstuff td.left select,
4539 #side-sortables #postcustomstuff #newmetaleft a {
4540         margin: 3px 3px 0;
4541 }
4542
4543 #postcustomstuff table {
4544         margin: 0;
4545         width: 100%;
4546         border-width: 1px;
4547         border-style: solid;
4548         border-spacing: 0;
4549 }
4550
4551 #postcustomstuff tr {
4552         vertical-align: top;
4553 }
4554
4555 #postcustomstuff table input,
4556 #postcustomstuff table select,
4557 #postcustomstuff table textarea {
4558         width: 96%;
4559         margin: 8px;
4560 }
4561
4562 #side-sortables #postcustomstuff table input,
4563 #side-sortables #postcustomstuff table select,
4564 #side-sortables #postcustomstuff table textarea {
4565         margin: 3px;
4566 }
4567
4568 #postcustomstuff th.left,
4569 #postcustomstuff td.left {
4570         width: 38%;
4571 }
4572
4573 #postcustomstuff .submit input {
4574         margin: 0;
4575         width: auto;
4576 }
4577
4578 #postcustomstuff #newmetaleft a {
4579         display: inline-block;
4580         margin: 0 8px 8px;
4581         text-decoration: none;
4582 }
4583
4584 .no-js #postcustomstuff #enternew {
4585         display: none;
4586 }
4587
4588 #post-body-content .compat-attachment-fields {
4589         margin-bottom: 20px;
4590 }
4591
4592 .compat-attachment-fields th {
4593         padding-top: 5px;
4594         padding-left: 10px;
4595 }
4596
4597 /*------------------------------------------------------------------------------
4598   11.2 - Post Revisions
4599 ------------------------------------------------------------------------------*/
4600 .revisions-control-frame,
4601 .revisions-diff-frame {
4602         position: relative;
4603 }
4604
4605 .revisions-controls {
4606         padding-top: 40px;
4607         height: 100px;
4608         z-index: 1;
4609 }
4610
4611 .revisions-controls input[type="checkbox"] {
4612         position: relative;
4613         top: -1px;
4614         vertical-align: text-bottom;
4615 }
4616
4617 .revisions.pinned .revisions-controls {
4618         position: fixed;
4619         top: 0;
4620         height: 82px;
4621 }
4622
4623 .revisions-tickmarks {
4624         position: relative;
4625         margin: 0 auto;
4626         height: 0.7em;
4627         top: 7px;
4628         max-width: 70%;
4629         -moz-box-sizing: border-box;
4630         -webkit-box-sizing: border-box;
4631         box-sizing: border-box;
4632 }
4633
4634 .revisions-tickmarks > div {
4635         position: absolute;
4636         height: 100%;
4637         border-style: solid;
4638         border-width: 0 0 0 1px;
4639         -moz-box-sizing: border-box;
4640         -webkit-box-sizing: border-box;
4641         box-sizing: border-box;
4642 }
4643
4644 .revisions-tickmarks > div:first-child {
4645         border-width: 0;
4646 }
4647
4648 .comparing-two-revisions .revisions-controls {
4649         height: 140px;
4650 }
4651
4652 .comparing-two-revisions.pinned .revisions-controls {
4653         height: 124px;
4654 }
4655
4656 .revisions .diff-error {
4657         position: absolute;
4658         text-align: center;
4659         margin: 0 auto;
4660         width: 100%;
4661         display: none;
4662 }
4663
4664 .revisions.diff-error .diff-error {
4665         display: block;
4666 }
4667
4668 .revisions .loading-indicator {
4669         position: fixed;
4670         vertical-align: middle;
4671         opacity: 0;
4672         width: 100%;
4673         top: 50%;
4674         margin-right: -90px;
4675         -webkit-transition: opacity 0.5s;
4676         -moz-transition:    opacity 0.5s;
4677         -ms-transition:     opacity 0.5s;
4678         -o-transition:      opacity 0.5s;
4679         transition:         opacity 0.5s;
4680         filter: alpha(opacity=0); /* ie8 and earlier */
4681 }
4682
4683 body.folded .revisions .loading-indicator {
4684         margin-right: -32px;
4685 }
4686
4687 .revisions .loading-indicator span.spinner {
4688         display: block;
4689         margin: 0 auto;
4690         float: none;
4691 }
4692
4693 .revisions.loading .loading-indicator {
4694         opacity: 1;
4695         filter: alpha(opacity=100); /* ie8 and earlier */
4696 }
4697
4698 .revisions .diff {
4699         -webkit-transition: opacity 0.5s;
4700         -moz-transition:    opacity 0.5s;
4701         -ms-transition:     opacity 0.5s;
4702         -o-transition:      opacity 0.5s;
4703         transition:         opacity 0.5s;
4704 }
4705
4706 .revisions.loading .diff {
4707         opacity: 0.5;
4708         filter: alpha(opacity=50); /* ie8 and earlier */
4709 }
4710
4711 .revisions.diff-error .diff {
4712         visibility: hidden;
4713 }
4714
4715 .revisions-meta {
4716         margin-top: 20px;
4717 }
4718
4719 .revision-toggle-compare-mode {
4720         position: absolute;
4721         top: 0;
4722         left: 0;
4723 }
4724
4725 .comparing-two-revisions .revisions-previous,
4726 .comparing-two-revisions .revisions-next,
4727 .revisions-meta .diff-meta-to strong {
4728         display: none;
4729 }
4730
4731 .revisions-controls .author-card .date {
4732         color: #777;
4733 }
4734
4735 .revisions-controls .author-card.autosave {
4736         color: #d54e21;
4737 }
4738
4739 .revisions-controls .author-card .author-name {
4740         font-weight: bold;
4741 }
4742
4743 .comparing-two-revisions .diff-meta-to strong {
4744         display: block;
4745 }
4746
4747 .revisions.pinned .revisions-buttons {
4748         padding: 0 11px;
4749 }
4750
4751 .revisions-previous,
4752 .revisions-next {
4753         position: relative;
4754         z-index: 1;
4755 }
4756
4757 .revisions-previous {
4758         float: right;
4759 }
4760
4761 .revisions-next {
4762         float: left;
4763 }
4764
4765 .revisions-controls .wp-slider {
4766         max-width: 70%;
4767         margin: 0 auto;
4768         top: -3px;
4769 }
4770
4771 .revisions-diff {
4772         padding: 15px;
4773 }
4774
4775 .revisions-diff h3:first-child {
4776         margin-top: 0;
4777 }
4778
4779 /* Revision meta box */
4780 .post-revisions li img,
4781 #revisions-meta-restored img {
4782         vertical-align: middle;
4783 }
4784
4785 table.diff tbody tr td:nth-child(2) {
4786         width: 4%;
4787 }
4788
4789 table.diff {
4790         width: 100%;
4791         white-space: pre-wrap;
4792 }
4793
4794 table.diff col.content {
4795         width: auto;
4796 }
4797
4798 table.diff col.content.diffsplit {
4799         width: 48%;
4800 }
4801
4802 table.diff col.diffsplit.middle {
4803         width: auto;
4804 }
4805
4806 table.diff col.ltype {
4807         width: 30px;
4808 }
4809
4810 table.diff tr {
4811         background-color: transparent;
4812 }
4813
4814 table.diff td,
4815 table.diff th {
4816         font-family: Consolas, Monaco, monospace;
4817         font-size: 14px;
4818         line-height: 1.618;
4819         padding: .5em;
4820 }
4821
4822 table.diff td h1,
4823 table.diff td h2,
4824 table.diff td h3,
4825 table.diff td h4,
4826 table.diff td h5,
4827 table.diff td h6 {
4828         margin: 0;
4829 }
4830
4831 table.diff .diff-deletedline del,
4832 table.diff .diff-addedline ins {
4833         text-decoration: none;
4834 }
4835
4836 .diff-meta {
4837         padding: 5px;
4838         clear: both;
4839         min-height: 32px;
4840 }
4841
4842 .diff-title strong {
4843         line-height: 32px;
4844         min-width: 60px;
4845         text-align: left;
4846         float: right;
4847         margin-left: 5px;
4848 }
4849
4850 .revisions-controls .author-card .author-info {
4851         font-size: 12px;
4852         line-height: 16px;
4853 }
4854
4855 .revisions-controls .author-card .avatar,
4856 .revisions-controls .author-card .author-info {
4857         float: right;
4858         margin-right: 6px;
4859         margin-left: 6px;
4860 }
4861
4862 .revisions-controls .author-card .byline {
4863         display: block;
4864         font-size: 12px;
4865 }
4866
4867 .revisions-controls .author-card .avatar {
4868         vertical-align: middle;
4869 }
4870
4871 .diff-meta input.restore-revision {
4872         float: left;
4873         margin-right: 6px;
4874         margin-left: 6px;
4875         margin-top: 4px;
4876 }
4877
4878 .diff-meta-from {
4879         display: none;
4880 }
4881
4882 .comparing-two-revisions .diff-meta-from {
4883         display: block;
4884 }
4885
4886 .revisions-tooltip {
4887         position: absolute;
4888         bottom: 105px;
4889         margin-left: 0;
4890         margin-right: -69px;
4891         z-index: 0;
4892         max-width: 350px;
4893         min-width: 130px;
4894         padding: 8px 4px;
4895         display: none;
4896         opacity: 0;
4897 }
4898
4899 .revisions-tooltip.flipped {
4900         margin-right: 0;
4901         margin-left: -70px;
4902 }
4903
4904 .revisions.pinned .revisions-tooltip {
4905         display: none !important;
4906 }
4907
4908 .comparing-two-revisions .revisions-tooltip {
4909         bottom: 145px;
4910 }
4911
4912 .revisions-tooltip-arrow {
4913         width: 70px;
4914         height: 15px;
4915         overflow: hidden;
4916         position: absolute;
4917         right: 0;
4918         margin-right: 35px;
4919         bottom: -15px;
4920 }
4921
4922 .revisions-tooltip.flipped .revisions-tooltip-arrow {
4923         margin-right: 0;
4924         margin-left: 35px;
4925         right: auto;
4926         left: 0;
4927 }
4928
4929 .revisions-tooltip-arrow > span {
4930         content: "";
4931         position: absolute;
4932         right: 20px;
4933         top: -20px;
4934         width: 25px;
4935         height: 25px;
4936         -webkit-transform: rotate(45deg);
4937         -moz-transform:    rotate(45deg);
4938         -ms-transform:     rotate(45deg);
4939         -o-transform:      rotate(45deg);
4940         transform:         rotate(45deg);
4941 }
4942
4943 .revisions-tooltip.flipped .revisions-tooltip-arrow > span {
4944         right: auto;
4945         left: 20px;
4946 }
4947
4948 .ie8 .revisions-tooltip-arrow > span {
4949         right: 15px;
4950         top: -25px;
4951         -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";
4952 }
4953
4954 .ie8 .revisions-tooltip.flipped .revisions-tooltip-arrow > span {
4955         left: 25px;
4956 }
4957
4958 .revisions-tooltip,
4959 .revisions-tooltip-arrow > span {
4960         border-width: 1px;
4961         border-style: solid;
4962 }
4963
4964
4965
4966
4967 .revisions-tooltip {
4968         display: none;
4969 }
4970
4971 .arrow {
4972         width: 70px;
4973         height: 16px;
4974         overflow: hidden;
4975         position: absolute;
4976         right: 0;
4977         margin-right: -35px;
4978         bottom: 90px;
4979         z-index: 10000;
4980 }
4981
4982 .arrow::after {
4983         z-index: 9999;
4984 }
4985
4986 .arrow.top {
4987         top: -16px;
4988         bottom: auto;
4989 }
4990
4991 .arrow.left {
4992         right: 20%;
4993 }
4994
4995 .arrow:after {
4996         content: "";
4997         position: absolute;
4998         right: 20px;
4999         top: -20px;
5000         width: 25px;
5001         height: 25px;
5002         -webkit-transform: rotate(45deg);
5003         -moz-transform: rotate(45deg);
5004         -ms-transform: rotate(45deg);
5005         -o-transform: rotate(45deg);
5006         transform: rotate(45deg);
5007 }
5008
5009 .revisions-tooltip,
5010 .revisions-tooltip-arrow:after {
5011         border-width: 1px;
5012         border-style: solid;
5013 }
5014
5015 div.revisions-controls > .wp-slider > .ui-slider-handle {
5016         margin-right: -10px;
5017 }
5018
5019 .rtl div.revisions-controls > .wp-slider > .ui-slider-handle {
5020         margin-left: -10px;
5021 }
5022
5023  /* jQuery UI Slider */
5024 .wp-slider.ui-slider {
5025         position: relative;
5026         border-width: 1px;
5027         border-style: solid;
5028         text-align: right;
5029         cursor: pointer;
5030 }
5031
5032 .wp-slider .ui-slider-handle {
5033         border-radius: 50%;
5034         height: 18px;
5035         margin-top: -3px;
5036         outline: none;
5037         position: absolute;
5038         width: 18px;
5039         z-index: 2;
5040 }
5041
5042 .wp-slider .ui-slider-handle:before {
5043         background: none;
5044         position: absolute;
5045         top: 0;
5046         right: 0;
5047         content: "\f229";
5048         font: normal 18px/1 'dashicons';
5049         speak: none;
5050         -webkit-font-smoothing:antialiased;
5051         -moz-osx-font-smoothing: grayscale;
5052 }
5053
5054 .wp-slider .ui-slider-handle.from-handle:before,
5055 .wp-slider .ui-slider-handle.to-handle:before {
5056         font-size: 20px !important;
5057         margin: -1px -1px 0 0;
5058 }
5059
5060 .wp-slider .ui-slider-handle.from-handle:before {
5061         content: '\f139';
5062 }
5063
5064 .wp-slider .ui-slider-handle.to-handle:before {
5065         content: '\f141';
5066 }
5067
5068 .rtl .wp-slider .ui-slider-handle.from-handle:before {
5069         content: '\f141';
5070 }
5071
5072 .rtl .wp-slider .ui-slider-handle.to-handle:before {
5073         content: '\f139';
5074         left: -1px;
5075 }
5076
5077 .wp-slider .ui-slider-range {
5078         position: absolute;
5079         font-size: .7em;
5080         display: block;
5081         border: 0;
5082         background-color: transparent;
5083         background-image: none;
5084 }
5085
5086 .wp-slider.ui-slider-horizontal {
5087         height: .7em;
5088 }
5089
5090 .wp-slider.ui-slider-horizontal .ui-slider-handle {
5091         top: -.25em;
5092         margin-right: -.6em;
5093 }
5094
5095 .wp-slider.ui-slider-horizontal .ui-slider-range {
5096         top: 0;
5097         height: 100%;
5098 }
5099
5100 .wp-slider.ui-slider-horizontal .ui-slider-range-min {
5101         right: 0;
5102 }
5103
5104 .wp-slider.ui-slider-horizontal .ui-slider-range-max {
5105         left: 0;
5106 }
5107
5108
5109 /*------------------------------------------------------------------------------
5110   11.3 - Featured Images
5111 ------------------------------------------------------------------------------*/
5112
5113 #select-featured-image {
5114         padding: 4px 0;
5115         overflow: hidden;
5116 }
5117
5118 #select-featured-image img {
5119         max-width: 100%;
5120         height: auto;
5121         margin-bottom: 10px;
5122 }
5123
5124 #select-featured-image a {
5125         float: right;
5126         clear: both;
5127 }
5128
5129 #select-featured-image .remove {
5130         display: none;
5131         margin-top: 10px;
5132 }
5133
5134 .js #select-featured-image.has-featured-image .remove {
5135         display: inline-block;
5136 }
5137
5138 .no-js #select-featured-image .choose {
5139         display: none;
5140 }
5141
5142 /*------------------------------------------------------------------------------
5143   11.4 - Post formats
5144 ------------------------------------------------------------------------------*/
5145
5146 .post-state-format {
5147         overflow: hidden;
5148         display: inline-block;
5149         vertical-align: middle;
5150         height: 20px;
5151         width: 20px;
5152         margin-left: 5px;
5153         margin-top: -4px;
5154 }
5155
5156 .post-state-format:before {
5157         display: block;
5158         height: 20px;
5159         width: 20px;
5160         font: normal 20px/1 'dashicons' !important;
5161         speak: none;
5162         -webkit-font-smoothing: antialiased;
5163         -moz-osx-font-smoothing: grayscale;
5164 }
5165
5166 #post-formats-select {
5167         line-height: 2em;
5168 }
5169
5170 #post-formats-select .post-format-icon:before {
5171         top: 5px;
5172 }
5173
5174 input.post-format {
5175         margin-top: 1px;
5176 }
5177
5178 label.post-format-icon {
5179         margin-right: 0px;
5180         padding: 2px 0px 2px 0;
5181 }
5182
5183 .post-format-icon:before {
5184         position: relative;
5185         display: inline-block;
5186         margin-left: 7px;
5187         font: normal 20px/1 'dashicons';
5188         speak: none;
5189         -webkit-font-smoothing: antialiased;
5190         -moz-osx-font-smoothing: grayscale;
5191 }
5192
5193 .post-state-format.post-format-standard:before,
5194 .post-format-icon.post-format-standard:before,
5195 a.post-state-format.format-standard:before {
5196         content: '\f109';
5197 }
5198
5199 .post-state-format.post-format-image:before,
5200 .post-format-icon.post-format-image:before,
5201 a.post-state-format.format-image:before {
5202         content: '\f128';
5203 }
5204
5205 .post-state-format.post-format-gallery:before,
5206 .post-format-icon.post-format-gallery:before,
5207 a.post-state-format.format-gallery:before {
5208         content: '\f161';
5209 }
5210
5211 .post-state-format.post-format-audio:before,
5212 .post-format-icon.post-format-audio:before,
5213 a.post-state-format.format-audio:before {
5214         content: '\f127';
5215 }
5216
5217 .post-state-format.post-format-video:before,
5218 .post-format-icon.post-format-video:before,
5219 a.post-state-format.format-video:before {
5220         content: '\f126';
5221 }
5222
5223 .post-state-format.post-format-chat:before,
5224 .post-format-icon.post-format-chat:before,
5225 a.post-state-format.format-chat:before {
5226         content: '\f125';
5227 }
5228
5229 .post-state-format.post-format-status:before,
5230 .post-format-icon.post-format-status:before,
5231 a.post-state-format.format-status:before {
5232         content: '\f130';
5233 }
5234
5235 .post-state-format.post-format-aside:before,
5236 .post-format-icon.post-format-aside:before,
5237 a.post-state-format.format-aside:before {
5238         content: '\f123';
5239 }
5240
5241 .post-state-format.post-format-quote:before,
5242 .post-format-icon.post-format-quote:before,
5243 a.post-state-format.format-quote:before {
5244         content: '\f122';
5245 }
5246
5247 .post-state-format.post-format-link:before,
5248 .post-format-icon.post-format-link:before,
5249 a.post-state-format.format-link:before {
5250         content: '\f103';
5251 }
5252
5253 /*------------------------------------------------------------------------------
5254   12.0 - Categories
5255 ------------------------------------------------------------------------------*/
5256
5257 .category-adder {
5258         margin-right: 120px;
5259         padding: 4px 0;
5260 }
5261
5262 .category-adder h4 {
5263         margin: 0 0 8px;
5264 }
5265
5266 #side-sortables .category-adder {
5267         margin: 0;
5268 }
5269
5270 #post-body ul.add-menu-item-tabs {
5271         float: right;
5272         width: 120px;
5273         text-align: left;
5274         /* Negative margin for the sake of those without JS: all tabs display */
5275         margin: 0 5px 0 -120px;
5276         padding: 0;
5277 }
5278
5279 ul.add-menu-item-tabs li {
5280         padding: 3px 8px 3px 5px;
5281 }
5282
5283 #post-body ul.add-menu-item-tabs li.tabs {
5284         -webkit-border-top-right-radius: 3px;
5285         -webkit-border-bottom-right-radius: 3px;
5286         border-top-right-radius: 3px;
5287         border-bottom-right-radius: 3px;
5288 }
5289
5290 .wp-tab-panel,
5291 .categorydiv div.tabs-panel,
5292 .customlinkdiv div.tabs-panel,
5293 .posttypediv div.tabs-panel,
5294 .taxonomydiv div.tabs-panel {
5295         min-height: 42px;
5296         max-height: 200px;
5297         overflow: auto;
5298         padding: 0 0.9em;
5299         border-style: solid;
5300         border-width: 1px;
5301 }
5302
5303 div.tabs-panel-active {
5304         display:block;
5305 }
5306
5307 div.tabs-panel-inactive {
5308         display:none;
5309 }
5310
5311 #front-page-warning,
5312 #front-static-pages ul,
5313 ul.export-filters,
5314 .inline-editor ul.cat-checklist ul,
5315 .categorydiv ul.categorychecklist ul,
5316 .customlinkdiv ul.categorychecklist ul,
5317 .posttypediv ul.categorychecklist ul,
5318 .taxonomydiv ul.categorychecklist ul {
5319         margin-right: 18px;
5320 }
5321
5322 ul.categorychecklist li {
5323         margin: 0;
5324         padding: 0;
5325         line-height: 22px;
5326         word-wrap: break-word;
5327 }
5328
5329 .categorydiv .tabs-panel,
5330 .customlinkdiv .tabs-panel,
5331 .posttypediv .tabs-panel,
5332 .taxonomydiv .tabs-panel {
5333         border-width: 3px;
5334         border-style: solid;
5335 }
5336
5337 .form-wrap p,
5338 .form-wrap label {
5339         font-size: 11px;
5340 }
5341
5342 .form-wrap label {
5343         display: block;
5344         padding: 2px;
5345         font-size: 12px;
5346 }
5347
5348 .form-field input,
5349 .form-field textarea {
5350         border-style: solid;
5351         border-width: 1px;
5352         width: 95%;
5353 }
5354
5355 p.description,
5356 .form-wrap p {
5357         margin: 2px 0 5px;
5358 }
5359
5360 p.help,
5361 p.description,
5362 span.description,
5363 .form-wrap p {
5364         font-size: 13px;
5365         font-style: italic;
5366 }
5367
5368 .form-wrap .form-field {
5369         margin: 0 0 10px;
5370         padding: 8px 0;
5371 }
5372
5373 .form-wrap .form-field #parent {
5374         max-width: 100%;
5375 }
5376
5377 .col-wrap h3 {
5378         margin: 12px 0;
5379         font-size: 1.1em;
5380 }
5381
5382 .col-wrap p.submit {
5383         margin-top: -10px;
5384 }
5385
5386
5387 /*------------------------------------------------------------------------------
5388   13.0 - Tags
5389 ------------------------------------------------------------------------------*/
5390
5391 .tagsdiv {
5392         margin-top: -8px;
5393 }
5394
5395 #poststuff .taghint {
5396         color: #aaa;
5397         margin: 15px 12px -24px 0;
5398 }
5399
5400 #poststuff .tagsdiv .howto {
5401         margin: 0 0 6px 0;
5402 }
5403
5404 .ajaxtag .newtag {
5405         position: relative;
5406 }
5407
5408 .tagsdiv .newtag {
5409         width: 180px;
5410 }
5411
5412 .tagsdiv .the-tags {
5413         display: block;
5414         height: 60px;
5415         margin: 0 auto;
5416         overflow: auto;
5417         width: 260px;
5418 }
5419
5420 #post-body-content .tagsdiv .the-tags {
5421         margin: 0 5px;
5422 }
5423
5424 p.popular-tags {
5425         border: none;
5426         line-height: 2em;
5427         max-width: 1000px;
5428         padding: 8px 12px 12px;
5429         text-align: justify;
5430 }
5431
5432 p.popular-tags a {
5433         padding: 0 3px;
5434 }
5435
5436 .tagcloud {
5437         width: 97%;
5438         margin: 0 0 40px;
5439         text-align: justify;
5440 }
5441
5442 .tagcloud h3 {
5443         margin: 2px 0 12px;
5444 }
5445
5446 .ac_results {
5447         padding: 0;
5448         margin: 0;
5449         list-style: none;
5450         position: absolute;
5451         z-index: 10000;
5452         display: none;
5453         border-width: 1px;
5454         border-style: solid;
5455 }
5456
5457 .wp-customizer .ac_results {
5458         z-index: 500000;
5459 }
5460
5461 .ac_results li {
5462         padding: 2px 5px;
5463         white-space: nowrap;
5464         text-align: right;
5465 }
5466
5467 .ac_over {
5468         cursor: pointer;
5469 }
5470
5471 .ac_match {
5472         text-decoration: underline;
5473 }
5474
5475 /* links tables */
5476 table.links-table {
5477         width: 100%;
5478 }
5479
5480 .links-table th {
5481         font-weight: normal;
5482         text-align: right;
5483         vertical-align: top;
5484         min-width: 80px;
5485         width: 20%;
5486         word-wrap: break-word;
5487 }
5488
5489 .links-table th,
5490 .links-table td {
5491         padding: 5px 0;
5492 }
5493
5494 .links-table td label {
5495         margin-left: 8px;
5496 }
5497
5498 .links-table td input[type="text"],
5499 .links-table td textarea {
5500         width: 100%;
5501 }
5502
5503 .links-table #link_rel {
5504         max-width: 280px;
5505 }
5506
5507 /*------------------------------------------------------------------------------
5508   14.0 - Media Screen
5509 ------------------------------------------------------------------------------*/
5510
5511 .media-item .describe {
5512         border-collapse: collapse;
5513         width: 100%;
5514         border-top-style: solid;
5515         border-top-width: 1px;
5516         clear: both;
5517         cursor: default;
5518 }
5519
5520 .media-item.media-blank .describe {
5521         border: 0;
5522 }
5523
5524 .media-item .describe th {
5525         vertical-align: top;
5526         text-align: right;
5527         padding: 5px 10px 10px;
5528         width: 140px;
5529 }
5530
5531 .media-item .describe .align th {
5532         padding-top: 0;
5533 }
5534
5535 .media-item .media-item-info tr {
5536         background-color: transparent;
5537 }
5538
5539 .media-item .describe td {
5540         padding: 0 0 8px 8px;
5541         vertical-align: top;
5542 }
5543
5544 .media-item thead.media-item-info td {
5545         padding: 4px 10px 0;
5546 }
5547
5548 .media-item .media-item-info .A1B1 {
5549         padding: 0 10px 0 0;
5550 }
5551
5552 .media-item td.savesend {
5553         padding-bottom: 15px;
5554 }
5555
5556 .media-item .thumbnail {
5557         max-height: 128px;
5558         max-width: 128px;
5559 }
5560
5561 #wpbody-content #async-upload-wrap a {
5562         display: none;
5563 }
5564
5565 .media-upload-form {
5566         margin-top: 20px;
5567 }
5568
5569 .media-upload-form td label {
5570         margin-left: 6px;
5571         margin-right: 2px;
5572 }
5573
5574 .media-upload-form .align .field label {
5575         display: inline;
5576         padding: 0 23px 0 0;
5577         margin: 0 3px 0 1em;
5578         font-weight: 600;
5579 }
5580
5581 .media-upload-form tr.image-size label {
5582         margin: 0 5px 0 0;
5583         font-weight: 600;
5584 }
5585
5586 .media-upload-form th.label label {
5587         font-weight: 600;
5588         margin: 0.5em;
5589         font-size: 13px;
5590 }
5591
5592 .media-upload-form th.label label span {
5593         padding: 0 5px;
5594 }
5595
5596 abbr.required {
5597         border: medium none;
5598         text-decoration: none;
5599 }
5600
5601 .media-item .describe input[type="text"],
5602 .media-item .describe textarea {
5603         width: 460px;
5604 }
5605
5606 .media-item .describe p.help {
5607         margin: 0;
5608         padding: 0 5px 0 0;
5609 }
5610
5611 .media-item .edit-attachment,
5612 .describe-toggle-on,
5613 .describe-toggle-off {
5614         display: block;
5615         line-height: 36px;
5616         float: left;
5617 }
5618
5619 .media-item .describe-toggle-off,
5620 .media-item.open .describe-toggle-on {
5621         display: none;
5622 }
5623
5624 .media-item.open .describe-toggle-off {
5625         display: block;
5626 }
5627
5628 #media-items .media-item {
5629         border-bottom-style: solid;
5630         border-bottom-width: 1px;
5631         min-height: 36px;
5632         position: relative;
5633         width: 100%;
5634 }
5635
5636 #media-items {
5637         width: 623px;
5638 }
5639
5640 .media-new-php #media-items {
5641         margin: 1em 0;
5642 }
5643
5644 #media-items:empty {
5645         border: 0 none;
5646 }
5647
5648 .media-item .filename {
5649         line-height: 36px;
5650         overflow: hidden;
5651 }
5652
5653 .media-item .error-div {
5654         padding-right: 10px;
5655 }
5656
5657 .media-item .pinkynail {
5658         float: right;
5659         margin: 2px 0 0 10px;
5660         max-width: 40px;
5661         max-height: 32px;
5662 }
5663
5664 .media-item .startopen,
5665 .media-item .startclosed {
5666         display: none;
5667 }
5668
5669 .media-item .original {
5670         position: relative;
5671         height: 34px;
5672 }
5673
5674 .media-item .progress {
5675         float: left;
5676         height: 22px;
5677         margin: 7px 0 0;
5678         width: 200px;
5679         line-height: 2em;
5680         padding: 0;
5681         overflow: hidden;
5682         margin-bottom: 2px;
5683         border-radius: 22px;
5684         background: #ddd;
5685         -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
5686         box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
5687 }
5688
5689 .media-item .bar {
5690         z-index: 9;
5691         width: 0;
5692         height: 100%;
5693         margin-top: -22px;
5694         border-radius: 22px;
5695         background-color: #0074a2;
5696         -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
5697         box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
5698 }
5699
5700 .media-item .progress .percent {
5701         z-index: 10;
5702         position: relative;
5703         width: 200px;
5704         padding: 0;
5705         color: #fff;
5706         text-align: center;
5707         line-height: 22px;
5708         font-weight: 400;
5709         text-shadow: 0px 1px 2px rgba(0,0,0,0.2);
5710 }
5711
5712 .upload-php .fixed .column-parent {
5713         width: 15%;
5714 }
5715
5716 .js .html-uploader #plupload-upload-ui {
5717         display: none;
5718 }
5719
5720 .js .html-uploader #html-upload-ui {
5721         display: block;
5722 }
5723
5724 .media-upload-form .media-item.error {
5725         margin: 0;
5726         padding: 0;
5727 }
5728
5729 .media-upload-form .media-item.error p,
5730 .media-item .error-div {
5731         line-height: 16px;
5732         margin: 5px 10px;
5733         padding: 0;
5734 }
5735
5736 .media-item .error-div a.dismiss {
5737         display: block;
5738         float: left;
5739         margin: 5px 15px 0 4px;
5740 }
5741
5742 /*------------------------------------------------------------------------------
5743   14.1 - Media Library
5744 ------------------------------------------------------------------------------*/
5745
5746 .find-box {
5747         width: 600px;
5748         height: 300px;
5749         overflow: hidden;
5750         padding: 33px 0 51px;
5751         position: absolute;
5752         z-index: 1000;
5753 }
5754
5755 .find-box-head {
5756         cursor: move;
5757         font-weight: 600;
5758         height: 2em;
5759         line-height: 2em;
5760         padding: 1px 12px;
5761         position: absolute;
5762         top: 5px;
5763         width: 100%;
5764 }
5765
5766 .find-box-inside {
5767         overflow: auto;
5768         padding: 6px;
5769         height: 100%;
5770 }
5771
5772 .find-box-search {
5773         overflow: hidden;
5774         padding: 9px;
5775         position: relative;
5776 }
5777
5778 .find-box-search .spinner {
5779         float: none;
5780         right: 125px;
5781         position: absolute;
5782         top: 9px;
5783 }
5784
5785 #find-posts-input {
5786         float: right;
5787         width: 140px;
5788         height: 24px;
5789 }
5790
5791 #find-posts-search {
5792         float: right;
5793         margin: 1px 3px 0 4px;
5794 }
5795
5796 #find-posts-response {
5797         margin: 8px 0;
5798         padding: 0 1px 6px;
5799 }
5800
5801 #find-posts-response table {
5802         width: 100%;
5803 }
5804
5805 #find-posts-response .found-radio {
5806         padding: 3px 8px 0 0;
5807         width: 15px;
5808 }
5809
5810 .find-box-buttons {
5811         padding: 8px;
5812         overflow: hidden;
5813 }
5814
5815 .find-box #resize-se {
5816         position: absolute;
5817         left: 1px;
5818         bottom: 1px;
5819 }
5820
5821 .ui-find-overlay {
5822         position: absolute;
5823         top: 0;
5824         right: 0;
5825         background-color: #000;
5826         opacity: 0.6;
5827         filter: alpha(opacity=60);
5828 }
5829
5830 ul#dismissed-updates {
5831         display: none;
5832 }
5833
5834 form.upgrade {
5835         margin-top: 8px;
5836 }
5837
5838 form.upgrade .hint {
5839         font-style: italic;
5840         font-size: 85%;
5841         margin: -0.5em 0 2em 0;
5842 }
5843
5844 #poststuff .inside .the-tagcloud {
5845         margin: 5px 0 10px;
5846         padding: 8px;
5847         border-width: 1px;
5848         border-style: solid;
5849         line-height: 1.8em;
5850         word-spacing: 3px;
5851         -webkit-border-radius: 6px;
5852         border-radius: 6px;
5853 }
5854
5855 .drag-drop #drag-drop-area {
5856         border: 4px dashed #bbb;
5857         height: 200px;
5858 }
5859
5860 .drag-drop .drag-drop-inside {
5861         margin: 70px auto 0;
5862         width: 250px;
5863 }
5864
5865 .drag-drop-inside p {
5866         color: #aaa;
5867         font-size: 14px;
5868         margin: 5px 0;
5869         display: none;
5870 }
5871
5872 .drag-drop .drag-drop-inside p {
5873         text-align: center;
5874 }
5875
5876 .drag-drop-inside p.drag-drop-info {
5877         font-size: 20px;
5878 }
5879
5880 .drag-drop .drag-drop-inside p,
5881 .drag-drop-inside p.drag-drop-buttons {
5882         display: block;
5883 }
5884
5885 /*
5886 #drag-drop-area:-moz-drag-over {
5887         border-color: #83b4d8;
5888 }
5889 borger color while dragging a file over the uploader drop area */
5890 .drag-drop.drag-over #drag-drop-area {
5891         border-color: #83b4d8;
5892 }
5893
5894 #plupload-upload-ui {
5895         position: relative;
5896 }
5897
5898
5899 /*------------------------------------------------------------------------------
5900   14.2 - Image Editor
5901 ------------------------------------------------------------------------------*/
5902
5903 .wp_attachment_details #attachment_caption {
5904         height: 4em;
5905 }
5906
5907 .describe .image-editor {
5908         vertical-align: top;
5909 }
5910
5911 .imgedit-wrap {
5912         position: relative;
5913 }
5914
5915 .imgedit-settings p {
5916         margin: 8px 0;
5917 }
5918
5919 .post-php .imgedit-wrap table {
5920         width: 100%;
5921 }
5922
5923 .describe .imgedit-wrap table td,
5924 .wp_attachment_holder .imgedit-wrap table td {
5925         vertical-align: top;
5926         padding-top: 0;
5927 }
5928
5929 .describe .imgedit-wrap table td.imgedit-settings {
5930         padding: 0 5px;
5931 }
5932
5933 .wp_attachment_holder .imgedit-wrap table td.imgedit-settings {
5934         width: 250px;
5935 }
5936
5937 td.imgedit-settings input {
5938         margin-top: 0;
5939         vertical-align: middle;
5940 }
5941
5942 .imgedit-wait {
5943         position: absolute;
5944         top: 0;
5945         background: #fff url('../images/spinner.gif') no-repeat scroll 22px 10px;
5946         background-size: 20px 20px;
5947         opacity: 0.7;
5948         filter: alpha(opacity=70);
5949         width: 100%;
5950         height: 500px;
5951         display: none;
5952 }
5953
5954 .spinner {
5955         background: url('../images/spinner.gif') no-repeat;
5956         background-size: 20px 20px;
5957         display: none;
5958         float: left;
5959         opacity: 0.7;
5960         filter: alpha(opacity=70);
5961         width: 20px;
5962         height: 20px;
5963         margin: 2px 5px 0;
5964 }
5965
5966 .no-float {
5967         float: none;
5968 }
5969
5970 .media-disabled,
5971 .imgedit-settings .disabled  {
5972         color: grey;
5973 }
5974
5975 .wp_attachment_image,
5976 .A1B1 {
5977         overflow: hidden;
5978 }
5979
5980 .wp_attachment_image .button,
5981 .A1B1 .button {
5982         float: right;
5983 }
5984
5985 .no-js .wp_attachment_image .button {
5986         display: none;
5987 }
5988
5989 .wp_attachment_image .spinner,
5990 .A1B1 .spinner {
5991         float: right;
5992         padding: 0 0 4px 0;
5993         vertical-align: bottom;
5994 }
5995
5996 .imgedit-menu {
5997         margin: 0 0 12px;
5998         min-width: 300px;
5999 }
6000
6001 .imgedit-menu div {
6002         float: right;
6003         width: 32px;
6004         background: none;
6005         margin: 0 0 0 8px;
6006         height: 32px;
6007         -webkit-font-smoothing: antialiased;
6008         -moz-osx-font-smoothing: grayscale;
6009         text-align: center;
6010         line-height: 28px;
6011 }
6012
6013 .imgedit-menu div:before {
6014         font: normal 20px/1 'dashicons';
6015         speak: none;
6016         vertical-align: middle;
6017 }
6018
6019 .imgedit-crop:before {
6020         content:'\f165';
6021 }
6022
6023 .imgedit-rleft:before {
6024         content:'\f166';
6025 }
6026
6027 .imgedit-rright:before {
6028         content:'\f167';
6029 }
6030
6031 .imgedit-flipv:before {
6032         content:'\f168';
6033 }
6034
6035 .imgedit-fliph:before {
6036         content:'\f169';
6037 }
6038
6039 .imgedit-undo:before {
6040         content:'\f171';
6041 }
6042
6043 .imgedit-redo:before {
6044         content:'\f172';
6045 }
6046
6047 .imgedit-crop-wrap {
6048         position: relative;
6049 }
6050
6051 .imgedit-crop {
6052         margin: 0 0 0 8px;
6053 }
6054
6055 .imgedit-rleft {
6056         margin: 0 3px;
6057 }
6058
6059 .imgedit-rright {
6060         margin: 0 3px 0 8px;
6061 }
6062
6063 .imgedit-flipv {
6064         margin: 0 3px;
6065 }
6066
6067 .imgedit-fliph {
6068         margin: 0 3px 0 8px;
6069 }
6070
6071 .imgedit-undo {
6072         margin: 0 3px;
6073 }
6074
6075 .imgedit-redo {
6076         margin: 0 3px 0 8px;
6077 }
6078
6079 .imgedit-applyto img {
6080         margin: 0 0 0 8px;
6081 }
6082
6083 .imgedit-group-top {
6084         margin: 5px 0;
6085 }
6086
6087 .imgedit-applyto .imgedit-label {
6088         padding: 2px 0 0;
6089         display: block;
6090 }
6091
6092 .imgedit-help {
6093         display: none;
6094         font-style: italic;
6095         margin-bottom: 8px;
6096 }
6097
6098 a.imgedit-help-toggle {
6099         text-decoration: none;
6100 }
6101
6102 .form-table td.imgedit-response {
6103         padding: 0;
6104 }
6105
6106 .imgedit-submit {
6107         margin: 8px 0;
6108 }
6109
6110 .imgedit-submit-btn {
6111         margin-right: 20px;
6112 }
6113
6114 .imgedit-wrap .nowrap {
6115         white-space: nowrap;
6116 }
6117
6118 span.imgedit-scale-warn {
6119         color: red;
6120         font-size: 20px;
6121         font-style: normal;
6122         visibility: hidden;
6123         vertical-align: middle;
6124 }
6125
6126 .imgedit-group {
6127         margin-bottom: 8px;
6128         padding: 2px 10px;
6129 }
6130
6131 /*------------------------------------------------------------------------------
6132   15.0 - Comments Screen
6133 ------------------------------------------------------------------------------*/
6134
6135 .form-table {
6136         border-collapse: collapse;
6137         margin-top: 0.5em;
6138         width: 100%;
6139         clear: both;
6140 }
6141
6142 .form-table,
6143 .form-table td,
6144 .form-table th,
6145 .form-table td p,
6146 .form-wrap label {
6147         font-size: 14px;
6148 }
6149
6150 .form-table td {
6151         margin-bottom: 9px;
6152         padding: 15px 10px;
6153         line-height: 1.3;
6154         vertical-align: middle;
6155 }
6156
6157 .form-table th,
6158 .form-wrap label {
6159         font-weight: normal;
6160         text-shadow: none;
6161         vertical-align: baseline;
6162 }
6163
6164 .form-table th {
6165         vertical-align: top;
6166         text-align: right;
6167         padding: 20px 0 20px 10px;
6168         width: 200px;
6169         line-height: 1.3;
6170         font-weight: 600;
6171 }
6172
6173 .form-table th.th-full {
6174         width: auto;
6175         font-weight: 400;
6176 }
6177
6178 .form-table input.tog {
6179         margin-top: 2px;
6180         margin-left: 2px;
6181         float: right;
6182 }
6183
6184 .form-table td p {
6185         margin-top: 4px;
6186         margin-bottom: 0;
6187 }
6188
6189 .form-table td fieldset label {
6190         margin: 0.25em 0 0.5em !important;
6191         display: inline-block;
6192 }
6193
6194 .form-table td fieldset label,
6195 .form-table td fieldset p,
6196 .form-table td fieldset li {
6197         line-height: 1.4em;
6198 }
6199
6200 .form-table input.tog,
6201 .form-table input[type=radio] {
6202         margin-top: -4px;
6203         margin-left: 4px;
6204         float: none;
6205 }
6206
6207 .commentlist li {
6208         padding: 1em 1em .2em;
6209         margin: 0;
6210         border-bottom-width: 1px;
6211         border-bottom-style: solid;
6212 }
6213
6214 .commentlist li li {
6215         border-bottom: 0;
6216         padding: 0;
6217 }
6218
6219 .commentlist p {
6220         padding: 0;
6221         margin: 0 0 .8em;
6222 }
6223
6224 /* reply to comments */
6225 #replyrow input {
6226         border-width: 1px;
6227         border-style: solid;
6228 }
6229
6230 #replyrow td {
6231         padding: 2px;
6232 }
6233
6234 #replysubmit {
6235         margin: 0;
6236         padding: 0 5px 3px;
6237         text-align: center;
6238 }
6239
6240 #replysubmit .spinner {
6241         padding: 2px 0 0;
6242         vertical-align: top;
6243         float: left;
6244 }
6245
6246 #replysubmit .button {
6247         margin-left: 5px;
6248 }
6249
6250 #replysubmit .error {
6251         color: red;
6252         line-height: 21px;
6253         text-align: center;
6254 }
6255
6256 #replyrow h5 {
6257         margin: .2em 0 0;
6258         padding: 0 5px;
6259         line-height: 1.4em;
6260         font-size: 1em;
6261 }
6262
6263 #edithead .inside {
6264         float: right;
6265         padding: 3px 5px 2px 0;
6266         margin: 0;
6267         text-align: center;
6268 }
6269
6270 #edithead .inside input {
6271         width: 180px;
6272 }
6273
6274 #edithead label {
6275         padding: 2px 0;
6276 }
6277
6278 #replycontainer {
6279         padding: 5px;
6280 }
6281
6282 #replycontent {
6283         height: 120px;
6284         -webkit-box-shadow: none;
6285         box-shadow: none;
6286 }
6287
6288 .comment-php .wp-editor-area {
6289         height: 200px;
6290 }
6291
6292 .comment-ays {
6293         margin-bottom: 0;
6294         border-bottom-style: solid;
6295         border-bottom-width: 1px;
6296 }
6297
6298 .comment-ays .alt {
6299         background-color: transparent;
6300 }
6301
6302 .trash-undo-inside,
6303 .spam-undo-inside {
6304         margin: 1px 0 1px 8px;
6305         line-height: 16px;
6306 }
6307
6308 .spam-undo-inside .avatar,
6309 .trash-undo-inside .avatar {
6310         height: 20px;
6311         width: 20px;
6312         margin-left: 8px;
6313         vertical-align: middle;
6314 }
6315
6316 .stuffbox .editcomment {
6317         clear: none;
6318 }
6319
6320 #comment-status-radio p {
6321         margin: 3px 0 5px;
6322 }
6323
6324 #comment-status-radio input {
6325         margin: 2px 0 5px 3px;
6326         vertical-align: middle;
6327 }
6328
6329 #comment-status-radio label {
6330         padding: 5px 0;
6331 }
6332
6333 .commentlist .avatar {
6334         vertical-align: text-top;
6335 }
6336
6337 #the-comment-list .unapproved th.check-column input {
6338         margin-right: 4px;
6339 }
6340
6341
6342 /*------------------------------------------------------------------------------
6343   16.0 - Themes
6344 ------------------------------------------------------------------------------*/
6345
6346
6347 /*------------------------------------------------------------------------------
6348   16.1 - Manage Themes
6349 ------------------------------------------------------------------------------*/
6350
6351 .theme-browser .themes {
6352         clear: both;
6353         padding: 0 0 100px;
6354 }
6355
6356 .themes-php .wrap h2 {
6357         float: right;
6358         margin-bottom: 15px;
6359 }
6360
6361 .network-admin.themes-php .wrap h2 {
6362         margin-bottom: 0;
6363 }
6364
6365 .themes-php .wrap h2 .button {
6366         margin-right: 20px;
6367 }
6368
6369 .themes-php .wrap .theme-count {
6370         color: #fff;
6371         border-radius: 30px;
6372         background: #777;
6373         font-size: 14px;
6374         padding: 4px 10px;
6375         font-weight: 600;
6376         margin-right: 5px;
6377         margin-left: 20px;
6378         position: relative;
6379         top: -3px;
6380 }
6381
6382 /* Position admin messages */
6383 .themes-php div.updated,
6384 .themes-php div.error {
6385         margin: 0 0 20px 0;
6386         clear: both;
6387 }
6388
6389 .themes-php div.updated a {
6390         text-decoration: underline;
6391 }
6392
6393 /**
6394  * Main theme element
6395  * (has flexible margins)
6396  */
6397 .theme-browser .theme {
6398         cursor: pointer;
6399         float: right;
6400         margin: 0 0 4% 4%;
6401         position: relative;
6402         width: 30.6%;
6403         border: 1px solid #dedede;
6404         -webkit-box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1);
6405         box-shadow:         0 1px 1px -1px rgba(0,0,0,0.1);
6406         -webkit-box-sizing: border-box;
6407         -moz-box-sizing:    border-box;
6408         box-sizing:         border-box;
6409 }
6410
6411 .ie8 .theme-browser .theme {
6412         width: 30%;
6413         margin: 0 0 4% 3%;
6414 }
6415
6416 .theme-browser .theme:nth-child(3n) {
6417         margin-left: 0;
6418 }
6419
6420 .theme-browser .theme:hover,
6421 .theme-browser .theme:focus {
6422         cursor: pointer;
6423 }
6424
6425 .theme-browser .theme .theme-name {
6426         font-size: 15px;
6427         font-weight: 600;
6428         margin: 0;
6429         padding: 15px;
6430         -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
6431         box-shadow:         inset 0 1px 0 rgba(0,0,0,0.1);
6432         overflow: hidden;
6433         white-space: nowrap;
6434         text-overflow: ellipsis;
6435         background: #fff;
6436         background: rgba(255,255,255,0.65);
6437 }
6438
6439 /* Activate and Customize buttons, shown on hover */
6440 .theme-browser .theme .theme-actions {
6441         -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
6442         opacity: 0;
6443         -webkit-transition: opacity 0.1s ease-in-out;
6444         transition:         opacity 0.1s ease-in-out;
6445         position: absolute;
6446         bottom: 0;
6447         left: 0;
6448         height: 38px;
6449         padding: 9px 10px 0 10px;
6450         background: rgba(244, 244, 244, 0.7);
6451         border-right: 1px solid rgba(0,0,0,0.05);
6452 }
6453
6454 .theme-browser .theme:hover .theme-actions {
6455         -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
6456         opacity: 1;
6457 }
6458
6459 .theme-browser .theme .theme-actions .button-primary {
6460         margin-left: 3px;
6461 }
6462
6463 .theme-browser .theme .theme-actions .button-secondary {
6464         float: none;
6465         margin-right: 3px;
6466 }
6467
6468 /**
6469  * Theme Screenshot
6470  *
6471  * Has a fixed aspect ratio of 1.5 to 1 regardless of screenshot size
6472  * It is also responsive.
6473  */
6474 .theme-browser .theme .theme-screenshot {
6475         display: block;
6476         overflow: hidden;
6477         position: relative;
6478         -webkit-transition: opacity 0.2s ease-in-out;
6479         transition:         opacity 0.2s ease-in-out;
6480 }
6481
6482 .theme-browser .theme .theme-screenshot:after {
6483         content: '';
6484         display: block;
6485         padding-top: 66.66666%; /* using a 3/2 aspect ratio */
6486 }
6487
6488 .theme-browser .theme .theme-screenshot img {
6489         height: auto;
6490         position: absolute;
6491         right: 0;
6492         top: 0;
6493         width: 100%;
6494         -webkit-transform: translateZ( 0 ); /* Prevents rendering bugs in Chrome */
6495         -webkit-transition: opacity 0.2s ease-in-out;
6496         transition:         opacity 0.2s ease-in-out;
6497 }
6498
6499 .theme-browser .theme:hover .theme-screenshot {
6500         background: #fff;
6501 }
6502
6503 .theme-browser.rendered .theme:hover .theme-screenshot img {
6504         opacity: 0.4;
6505 }
6506
6507 .theme-browser .theme .more-details {
6508         -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
6509         opacity: 0;
6510         position: absolute;
6511                 top: 35%;
6512                 left: 25%;
6513                 right: 25%;
6514         background: #222;
6515         background: rgba(0,0,0,0.7);
6516         color: #fff;
6517         font-size: 15px;
6518         text-shadow: 0 1px 0 rgba(0,0,0,0.6);
6519         -webkit-font-smoothing: antialiased;
6520         font-weight: 600;
6521         padding: 15px 12px;
6522         text-align: center;
6523         border-radius: 3px;
6524         -webkit-transition: opacity 0.1s ease-in-out;
6525         transition:         opacity 0.1s ease-in-out;
6526 }
6527 .theme-browser .theme:focus {
6528         outline: 1px dotted #222;
6529 }
6530 /* Hide shortcut actions and hover feedback when using tab navigation */
6531 .theme-browser .theme:focus .theme-actions {
6532         display: none;
6533 }
6534 /* Restore display of theme controls if you hover a focused theme */
6535 .theme-browser .theme:focus:hover .theme-actions {
6536         display: block;
6537 }
6538 .theme-browser .theme:focus .more-details {
6539         opacity: 1;
6540 }
6541 /* Current theme needs to have its action always on view */
6542 .theme-browser .theme.active:focus .theme-actions {
6543         display: block;
6544 }
6545
6546 .theme-browser.rendered .theme:hover .more-details {
6547         -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
6548         opacity: 1;
6549 }
6550
6551 /**
6552  * Displays a theme update notice
6553  * when an update is available.
6554  */
6555 .theme-browser .theme .theme-update {
6556         background: #d54e21;
6557         background: rgba(213, 78, 33, 0.95);
6558         color: #fff;
6559         display: block;
6560         font-size: 13px;
6561         font-weight: 400;
6562         height: 48px;
6563         line-height: 48px;
6564         padding: 0 10px;
6565         position: absolute;
6566         top: 0;
6567         left: 0;
6568         right: 0;
6569         border-bottom: 1px solid rgba(0,0,0,0.25);
6570         overflow: hidden;
6571 }
6572
6573 .theme-browser .theme .theme-update:before {
6574         content: '\f463';
6575         display: inline-block;
6576         font: normal 20px/1 'dashicons';
6577         margin: 0 0 0 6px;
6578         opacity: 0.8;
6579         position: relative;
6580         top: 5px;
6581         speak: none;
6582         -webkit-font-smoothing: antialiased;
6583 }
6584
6585
6586 /**
6587  * The currently active theme
6588  */
6589 .theme-browser .theme.active .theme-name {
6590         background: #2f2f2f;
6591         color: #fff;
6592         padding-left: 110px;
6593         font-weight: 300;
6594         -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.5);
6595         box-shadow:         inset 0 1px 1px rgba(0,0,0,0.5);
6596 }
6597
6598 .theme-browser .theme.active .theme-name span {
6599         font-weight: 600;
6600 }
6601
6602 .theme-browser .theme.active .theme-actions {
6603         background: rgba(49,49,49,0.7);
6604         border-right: none;
6605         opacity: 1;
6606 }
6607
6608 .theme-browser .theme.active .theme-actions .button-primary {
6609         margin-left: 0;
6610 }
6611
6612 .theme-browser .theme .theme-author {
6613         background: #222;
6614         color: #eee;
6615         display: none;
6616         font-size: 14px;
6617         margin: 0 10px;
6618         padding: 5px 10px;
6619         position: absolute;
6620         bottom: 56px;
6621 }
6622
6623 .theme-browser .theme.display-author .theme-author {
6624         display: block;
6625 }
6626
6627 .theme-browser .theme.display-author .theme-author a {
6628         color: inherit;
6629         text-decoration: none;
6630 }
6631
6632 /**
6633  * Add new theme
6634  */
6635 .theme-browser .theme.add-new-theme {
6636         border: none;
6637         box-shadow: none;
6638 }
6639
6640 .theme-browser .theme.add-new-theme a {
6641         color: #999;
6642         text-decoration: none;
6643         display: block;
6644         position: relative;
6645         z-index: 1;
6646 }
6647
6648 .theme-browser .theme.add-new-theme:after {
6649         display: block;
6650         content: '';
6651         -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
6652         opacity: 1;
6653         background: transparent;
6654         background: rgba(0, 0, 0, 0);
6655         position: absolute;
6656         top: 0;
6657         right: 0;
6658         left: 0;
6659         bottom: 0;
6660         padding: 10% 0 0 0;
6661         text-shadow: none;
6662         border: 5px dashed #d5d2ca;
6663         border: 5px dashed rgba(0, 0, 0, 0.1);
6664         -webkit-transition: opacity 0.2s ease-in-out;
6665         transition:         opacity 0.2s ease-in-out;
6666         -webkit-box-sizing: border-box;
6667         -moz-box-sizing:    border-box;
6668         box-sizing:         border-box;
6669 }
6670
6671 .theme-browser .theme.add-new-theme span:after {
6672         background: #e5e5e5;
6673         background: rgba(153, 153, 153, 0.1);
6674         border-radius: 50%;
6675         display: inline-block;
6676         content: '\f132';
6677         -webkit-font-smoothing: antialiased;
6678         font: normal 74px/115px 'dashicons';
6679         width: 100px;
6680         height: 100px;
6681         vertical-align: middle;
6682         text-align: center;
6683         color: rgb(153, 153, 153);
6684         position: absolute;
6685         top: 30%;
6686         right: 50%;
6687         margin-right: -50px;
6688         text-indent: -4px;
6689         padding: 0;
6690         text-shadow: none;
6691         z-index:4;
6692 }
6693
6694 .rtl .theme-browser .theme.add-new-theme span:after {
6695         text-indent: 4px;
6696 }
6697
6698 .theme-browser .theme.add-new-theme:hover .theme-screenshot {
6699         background: none;
6700 }
6701
6702 .theme-browser .theme.add-new-theme:hover span:after {
6703         background: #fff;
6704         color: #0074a2;
6705 }
6706
6707 .theme-browser .theme.add-new-theme:hover:after {
6708         border-color: transparent;
6709         color: #fff;
6710         background: #0074a2;
6711         content: '';
6712 }
6713
6714 .theme-browser .theme.add-new-theme .theme-name {
6715         background: none;
6716         text-align: center;
6717         box-shadow: none;
6718         font-weight: 400;
6719         position: relative;
6720         top: 0;
6721         margin-top: -10%;
6722         margin-bottom: 10%;
6723 }
6724
6725 .theme-browser .theme.add-new-theme:hover .theme-name {
6726         color: #fff;
6727         z-index: 2;
6728 }
6729
6730 /*
6731  * The search form
6732  */
6733 .themes-php .theme-search {
6734         position: relative;
6735         top: -2px;
6736         right: 20px;
6737         font-size: 16px;
6738         font-weight: 300;
6739         line-height: 1.5;
6740         width: 280px;
6741 }
6742
6743 /**
6744  * Theme Overlay
6745  * Shown when clicking a theme
6746  */
6747 .theme-overlay .theme-backdrop {
6748         position: absolute;
6749         right: -20px;
6750         left: 0;
6751         top: 0;
6752         bottom: 0;
6753         background: #f1f1f1;
6754         background: rgba( 238, 238, 238, 0.9 );
6755         z-index: 10;
6756 }
6757
6758 body.theme-overlay-open {
6759         overflow: hidden;
6760 }
6761
6762 .theme-overlay .theme-header {
6763         position: absolute;
6764         top: 0;
6765         right: 0;
6766         left: 0;
6767         height: 48px;
6768         border-bottom: 1px solid #ddd;
6769 }
6770
6771 .theme-overlay .theme-header .close {
6772         cursor: pointer;
6773         height: 48px;
6774         width: 50px;
6775         text-align: center;
6776         float: left;
6777         border: 0;
6778         border-right: 1px solid #ddd;
6779         background-color: transparent;
6780 }
6781
6782 .theme-overlay .theme-header .close:hover:before,
6783 .theme-overlay .theme-header .close:focus:before {
6784         color: #fff;
6785 }
6786
6787 .theme-overlay .theme-header .close:before {
6788         font: normal 30px/50px 'dashicons' !important;
6789         color: #777;
6790         display: inline-block;
6791         content: '\f335';
6792         font-weight: 300;
6793 }
6794
6795 /* Left and right navigation */
6796 .theme-overlay .theme-header .right,
6797 .theme-overlay .theme-header .left {
6798         cursor: pointer;
6799         color: #777;
6800         background-color: transparent;
6801         height: 48px;
6802         width: 54px;
6803         float: right;
6804         text-align: center;
6805         border: 0;
6806         border-left: 1px solid #ddd;
6807 }
6808
6809 .theme-overlay .theme-header .close:hover,
6810 .theme-overlay .theme-header .right:hover,
6811 .theme-overlay .theme-header .left:hover,
6812 .theme-overlay .theme-header .close:focus,
6813 .theme-overlay .theme-header .right:focus,
6814 .theme-overlay .theme-header .left:focus {
6815         background: #0074a2;
6816         color: #fff;
6817 }
6818
6819 .theme-overlay .theme-header .left.disabled,
6820 .theme-overlay .theme-header .right.disabled,
6821 .theme-overlay .theme-header .left.disabled:hover,
6822 .theme-overlay .theme-header .right.disabled:hover {
6823         color: #ccc;
6824         background: inherit;
6825         cursor: inherit;
6826 }
6827
6828 .theme-overlay .theme-header .right:before,
6829 .theme-overlay .theme-header .left:before {
6830         font: normal 20px/50px 'dashicons' !important;
6831         display: inline;
6832         font-weight: 300;
6833 }
6834
6835 .theme-overlay .theme-header .left:before {
6836         content: '\f340';
6837 }
6838
6839 .theme-overlay .theme-header .right:before {
6840         content: '\f344';
6841 }
6842
6843 .rtl .theme-overlay .theme-header .left:before {
6844         content: '\f345';
6845 }
6846
6847 .rtl .theme-overlay .theme-header .right:before {
6848         content: '\f341';
6849 }
6850
6851 .theme-overlay .theme-wrap {
6852         clear: both;
6853         position: fixed;
6854         top: 9%;
6855         right: 190px;
6856         left: 30px;
6857         bottom: 3%;
6858         background: #fff;
6859         -webkit-box-shadow: 0 1px 20px 5px rgba(0, 0, 0, 0.1);
6860         box-shadow:         0 1px 20px 5px rgba(0, 0, 0, 0.1);
6861         z-index: 20;
6862         box-sizing: border-box;
6863 }
6864
6865 .theme-overlay .theme-wrap:after {
6866         content: ".";
6867         display: block;
6868         height: 0;
6869         clear: both;
6870         visibility: hidden;
6871 }
6872
6873 body.folded .theme-overlay .theme-wrap {
6874         right: 70px;
6875 }
6876
6877 .theme-overlay .theme-about {
6878         position: absolute;
6879         top: 49px;
6880         bottom: 57px;
6881         right: 0;
6882         left: 0;
6883         overflow: auto;
6884         padding: 2% 4%;
6885 }
6886 .theme-overlay .theme-about:after {
6887         content: ".";
6888         display: block;
6889         height: 0;
6890         clear: both;
6891         visibility: hidden;
6892 }
6893
6894 .theme-overlay .theme-actions {
6895         position: absolute;
6896         text-align: center;
6897         bottom: 0;
6898         right: 0;
6899         left: 0;
6900         padding: 10px 25px 5px;
6901         background: #f3f3f3;
6902         z-index: 30;
6903         box-sizing: border-box;
6904         border-top: 1px solid #eee;
6905 }
6906
6907 .ie8 .theme-overlay .theme-actions {
6908         border: 1px solid #eee;
6909 }
6910
6911 .theme-overlay .theme-actions a {
6912         margin-left: 5px;
6913         margin-bottom: 5px;
6914 }
6915
6916 .theme-overlay .theme-actions .delete-theme {
6917         color: #a00;
6918         position: absolute;
6919         left: 10px;
6920         bottom: 5px;
6921         text-decoration: none;
6922         border-color: transparent;
6923         box-shadow: none;
6924         background: transparent;
6925 }
6926
6927 .theme-overlay .theme-actions .delete-theme:hover,
6928 .theme-overlay .theme-actions .delete-theme:focus {
6929         background: #d54e21;
6930         color: #fff;
6931         border-color: #d54e21;
6932 }
6933
6934 .theme-overlay .theme-actions .active-theme,
6935 .theme-overlay.active .theme-actions .inactive-theme {
6936         display: none;
6937 }
6938
6939 .theme-overlay .theme-actions .inactive-theme,
6940 .theme-overlay.active .theme-actions .active-theme {
6941         display: block;
6942 }
6943
6944 /**
6945  * Theme Screenshots gallery
6946  */
6947 .theme-overlay .theme-screenshots {
6948         float: right;
6949         margin: 0 0 0 30px;
6950         width: 55%;
6951         max-width: 880px;
6952         text-align: center;
6953 }
6954
6955 /* First screenshot, shown big */
6956 .theme-overlay .screenshot {
6957         border: 1px solid #fff;
6958         -webkit-box-sizing: border-box;
6959         -moz-box-sizing:    border-box;
6960         box-sizing:         border-box;
6961         overflow: hidden;
6962         position: relative;
6963         -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.2);
6964         box-shadow:         0 0 0 1px rgba(0,0,0,0.2);
6965 }
6966
6967 .theme-overlay .screenshot:after {
6968         content: '';
6969         display: block;
6970         padding-top: 75%; /* using a 4/3 aspect ratio */
6971 }
6972
6973 .theme-overlay .screenshot img {
6974         height: auto;
6975         position: absolute;
6976         right: 0;
6977         top: 0;
6978         width: 100%;
6979 }
6980 /* Handles old 300px screenshots */
6981 .theme-overlay.small-screenshot .theme-screenshots {
6982         position: absolute;
6983         width: 302px;
6984 }
6985 .theme-overlay.small-screenshot .theme-info {
6986         margin-right: 350px;
6987         width: auto;
6988 }
6989
6990 /* Other screenshots, shown small and square */
6991 .theme-overlay .screenshot.thumb {
6992         background: #ccc;
6993         border: 1px solid #eee;
6994         float: none;
6995         display: inline-block;
6996         margin: 10px 5px 0;
6997         width: 140px;
6998         height: 80px;
6999         cursor: pointer;
7000 }
7001
7002 .theme-overlay .screenshot.thumb:after {
7003         content: '';
7004         display: block;
7005         padding-top: 100%; /* using a 1/1 aspect ratio */
7006 }
7007
7008 .theme-overlay .screenshot.thumb img {
7009         cursor: pointer;
7010         height: auto;
7011         position: absolute;
7012         right: 0;
7013         top: 0;
7014         width: 100%;
7015         height: auto;
7016 }
7017
7018 .theme-overlay .screenshot.selected {
7019         background: transparent;
7020         border: 2px solid #2ea2cc;
7021 }
7022
7023 .theme-overlay .screenshot.selected img {
7024         opacity: 0.8;
7025 }
7026
7027 /* No screenshot placeholder */
7028 .theme-browser .theme .theme-screenshot.blank,
7029 .theme-overlay .screenshot.blank {
7030         background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYGWO8d+/efwYkoKioiMRjYGBC4WHhUK6A8T8QIJt8//59ZC493AAAQssKpBK4F5AAAAAASUVORK5CYII=);
7031 }
7032
7033 /**
7034  * Theme heading information
7035  */
7036 .theme-overlay .theme-info {
7037         width: 40%;
7038         float: right;
7039 }
7040
7041 .theme-overlay .current-label {
7042         background: #333;
7043         color: #fff;
7044         font-size: 11px;
7045         display: inline-block;
7046         padding: 2px 8px;
7047         border-radius: 2px;
7048         margin: 0 0 -10px;
7049         -webkit-user-select: none;
7050         -moz-user-select:    none;
7051         -ms-user-select:     none;
7052         user-select:         none;
7053 }
7054
7055 .theme-overlay .theme-name {
7056         color: #222;
7057         font-size: 32px;
7058         font-weight: 100;
7059         margin: 10px 0 0;
7060         line-height: 1.3;
7061 }
7062
7063 .theme-overlay .theme-version {
7064         color: #999;
7065         font-size: 13px;
7066         font-weight: 400;
7067         float: none;
7068         display: inline-block;
7069         margin-right: 10px;
7070         -webkit-user-select: none;
7071         -moz-user-select:    none;
7072         -ms-user-select:     none;
7073         user-select:         none;
7074 }
7075
7076 .theme-overlay .theme-author {
7077         color: #686868;
7078         font-size: 16px;
7079         font-weight: 400;
7080         margin: 15px 0 25px;
7081 }
7082
7083 .theme-overlay .theme-author a {
7084         text-decoration: none;
7085 }
7086
7087 .theme-overlay .theme-description {
7088         color: #555;
7089         font-size: 15px;
7090         font-weight: 400;
7091         line-height: 1.5;
7092         margin: 30px 0 0 0;
7093 }
7094
7095 .theme-overlay .theme-tags {
7096         border-top: 3px solid #eee;
7097         color: #888;
7098         font-size: 13px;
7099         font-weight: 400;
7100         margin: 30px 0 0 0;
7101         padding-top: 20px;
7102 }
7103
7104 .theme-overlay .theme-tags span {
7105         color: #444;
7106         font-weight: bold;
7107         margin-left: 5px;
7108 }
7109
7110 /* Theme Updates info */
7111 .theme-overlay .theme-update-message {
7112         background: #fefaf7;
7113         border: 1px solid #eee;
7114         border-right: 4px solid #d54e21;
7115         border-radius: 3px;
7116         padding: 5px 20px 10px;
7117 }
7118
7119 .theme-overlay .theme-update {
7120         color: #222;
7121         font-size: 18px;
7122         display: inline-block;
7123         line-height: 40px;
7124         margin: 0;
7125 }
7126
7127 .theme-overlay .parent-theme {
7128         background: #f7fcfe;
7129         border: 1px solid #eee;
7130         border-right: 4px solid #2ea2cc;
7131         font-size: 14px;
7132         font-weight: normal;
7133         margin-top: 30px;
7134         padding: 10px 20px 10px 10px;
7135 }
7136
7137 .theme-overlay .parent-theme strong {
7138         font-weight: 700;
7139 }
7140
7141 /**
7142  * Single Theme Mode
7143  * Displays detailed view inline when a user has no switch capabilities
7144  */
7145 .single-theme .theme-overlay .theme-backdrop,
7146 .single-theme .theme-overlay .theme-header,
7147 .single-theme .theme {
7148         display: none;
7149 }
7150
7151 .single-theme .theme-overlay .theme-wrap {
7152         clear: both;
7153         min-height: 330px;
7154         position: relative;
7155         right: auto;
7156         left: auto;
7157         top: auto;
7158         bottom: auto;
7159 }
7160
7161 .single-theme .theme-overlay .theme-about {
7162         padding: 30px 30px 70px;
7163         position: static;
7164 }
7165
7166 .single-theme .theme-overlay .theme-actions {
7167         position: absolute;
7168 }
7169
7170 /**
7171  * Basic Responsive structure...
7172  *
7173  * Shuffles theme columns around based on screen width
7174  */
7175
7176 @media only screen and (min-width: 2000px) {
7177         #wpwrap .theme-browser .theme {
7178                 width: 17.6%;
7179                 margin: 0 0 3% 3%;
7180         }
7181
7182         #wpwrap .theme-browser .theme:nth-child(3n),
7183         #wpwrap .theme-browser .theme:nth-child(4n) {
7184                 margin-left: 3%;
7185         }
7186
7187         #wpwrap .theme-browser .theme:nth-child(5n) {
7188                 margin-left: 0;
7189         }
7190 }
7191
7192 @media only screen and (min-width: 1680px) {
7193         .theme-overlay .theme-wrap {
7194                 width: 1450px;
7195                 margin: 0 auto;
7196         }
7197 }
7198
7199 /* Maximum screenshot width reaches 440px */
7200 @media only screen and (min-width: 1640px) {
7201         .theme-browser .theme {
7202                 width: 22.7%;
7203                 margin: 0 0 3% 3%;
7204         }
7205         .theme-browser .theme .theme-screenshot:after {
7206                 padding-top: 75%; /* using a 4/3 aspect ratio */
7207         }
7208
7209         .theme-browser .theme:nth-child(3n) {
7210                 margin-left: 3%;
7211         }
7212
7213         .theme-browser .theme:nth-child(4n) {
7214                 margin-left: 0;
7215         }
7216 }
7217 /* Maximum screenshot width reaches 440px */
7218 @media only screen and (max-width: 1120px) {
7219         .theme-browser .theme {
7220                 width: 47.5%;
7221                 margin-left: 0;
7222         }
7223
7224         .theme-browser .theme:nth-child(even) {
7225                 margin-left: 0;
7226         }
7227
7228         .theme-browser .theme:nth-child(odd) {
7229                 margin-left: 5%;
7230         }
7231 }
7232
7233 /* Admin menu is folded */
7234 @media only screen and (max-width: 900px) {
7235         .theme-overlay .theme-wrap {
7236                 right: 65px;
7237         }
7238 }
7239
7240 @media only screen and (max-width: 780px) {
7241         body.folded .theme-overlay .theme-wrap,
7242         .theme-overlay .theme-wrap {
7243                 top: 0; /* The adminmenu isn't fixed on mobile, so this can use the full viewport height */
7244                 left: 0;
7245                 bottom: 0;
7246                 right: 0;
7247                 padding: 70px 20px 20px;
7248                 border: none;
7249                 z-index: 500; /* should overlap #wpadminbar, which is 500 on mobile. */
7250                 position: fixed;
7251         }
7252
7253         .theme-browser .theme.active .theme-name span {
7254                 /* Hide the "Active: " label on smaller screens. */
7255                 display: none;
7256         }
7257
7258         .theme-overlay .theme-screenshots {
7259                 width: 40%;
7260         }
7261
7262         .theme-overlay .theme-info {
7263                 width: 50%;
7264         }
7265         .single-theme .theme-wrap {
7266                 padding: 10px;
7267         }
7268
7269         .theme-browser .theme .theme-actions {
7270                 padding: 5px 10px 4px 10px;
7271         }
7272
7273         .theme-overlay.small-screenshot .theme-screenshots {
7274                 position: static;
7275                 float: none;
7276                 max-width: 302px;
7277         }
7278
7279         .theme-overlay.small-screenshot .theme-info {
7280                 margin-right: 0;
7281                 width: auto;
7282         }
7283
7284         .theme:not(.active):hover .theme-actions,
7285         .theme:hover .more-details {
7286                 display: none;
7287         }
7288
7289         .theme-browser.rendered .theme:hover .theme-screenshot img {
7290                 opacity: 1.0;
7291         }
7292 }
7293
7294 @media only screen and (max-width: 480px) {
7295         .theme-browser .theme {
7296                 width: 100%;
7297                 margin-left: 0;
7298         }
7299
7300         .theme-browser .theme:nth-child(2n),
7301         .theme-browser .theme:nth-child(3n) {
7302                 margin-left: 0;
7303         }
7304 }
7305
7306 @media only screen and (max-width: 650px) {
7307         .theme-overlay .theme-update,
7308         .theme-overlay .theme-description {
7309                 margin-right: 0;
7310         }
7311
7312         .theme-overlay .theme-actions .delete-theme {
7313                 position: relative;
7314                 left: auto;
7315                 bottom: auto;
7316         }
7317
7318         .theme-overlay .theme-actions .inactive-theme {
7319                 display: inline;
7320         }
7321
7322         .theme-overlay .theme-screenshots {
7323                 width: 100%;
7324                 float: none;
7325         }
7326
7327         .theme-overlay .theme-info {
7328                 width: 100%;
7329         }
7330
7331         .theme-overlay .theme-author {
7332                 margin: 5px 0 15px 0;
7333         }
7334
7335         .theme-overlay .current-label {
7336                 margin-top: 10px;
7337                 font-size: 13px;
7338         }
7339
7340         .themes-php .wrap h2 {
7341                 width: 100%;
7342         }
7343
7344         .themes-php .theme-search {
7345                 float: none;
7346                 clear: both;
7347                 right: 0;
7348                 top: 0;
7349                 left: 0;
7350                 margin: 10px 0;
7351                 width: 100%;
7352         }
7353
7354         .theme-browser .theme.add-new-theme span:after {
7355                 font: normal 60px/90px 'dashicons';
7356                 width: 80px;
7357                 height: 80px;
7358                 top: 30%;
7359                 right: 50%;
7360                 text-indent: 0;
7361                 margin-right: -40px;
7362         }
7363
7364         .single-theme .theme-wrap {
7365                 margin: 0 -10px 0 -12px;
7366                 padding: 10px;
7367         }
7368         .single-theme .theme-overlay .theme-about {
7369                 padding: 10px;
7370                 overflow: visible;
7371         }
7372         .single-theme .current-label {
7373                 display: none;
7374         }
7375         .single-theme .theme-overlay .theme-actions {
7376                 position: static;
7377         }
7378 }
7379
7380 .broken-themes {
7381         clear: both;
7382 }
7383
7384 .broken-themes table {
7385         text-align: right;
7386         width: 50%;
7387         border-spacing: 3px;
7388         padding: 3px;
7389 }
7390
7391
7392 /*------------------------------------------------------------------------------
7393   16.2 - Install Themes
7394 ------------------------------------------------------------------------------*/
7395
7396 .theme-install-php h4 {
7397         margin: 2.5em 0 8px;
7398 }
7399
7400 .theme-install-php .tablenav {
7401         height: auto;
7402 }
7403
7404 .theme-install-php .spinner {
7405         margin-top: 9px;
7406 }
7407
7408 .available-theme {
7409         display: inline-block;
7410         margin-left: 10px;
7411         overflow: hidden;
7412         padding: 20px 0 20px 20px;
7413         vertical-align: top;
7414         width: 300px;
7415 }
7416
7417 .available-theme .screenshot {
7418         width: 300px;
7419         height: 225px;
7420         display: block;
7421         border-width: 1px;
7422         border-style: solid;
7423         margin-bottom: 10px;
7424         overflow: hidden;
7425 }
7426
7427 .available-theme img {
7428         width: 300px;
7429 }
7430
7431 .available-theme h3 {
7432         margin: 15px 0 0;
7433 }
7434
7435 .available-theme .theme-author {
7436         line-height: 18px;
7437 }
7438
7439 .available-theme .action-links {
7440         margin-top: 10px;
7441         overflow: hidden;
7442 }
7443
7444 .available-theme a.screenshot:focus {
7445         border-color: #777;
7446 }
7447
7448 .available-theme .action-links li {
7449         float: right;
7450         padding-left: 10px;
7451         margin-left: 10px;
7452         border-left: 1px solid #dfdfdf;
7453 }
7454
7455 .available-theme .action-links li {
7456         padding-left: 8px;
7457         margin-left: 8px;
7458 }
7459
7460 .ie8 .available-theme .action-links li {
7461         padding-left: 7px;
7462         margin-left: 7px;
7463 }
7464
7465 .available-theme .action-links li:last-child {
7466         padding-left: 0;
7467         margin-left: 0;
7468         border-left: 0;
7469 }
7470
7471 .available-theme .action-links .delete-theme {
7472         float: left;
7473         margin-right: 8px;
7474         margin-left: 0;
7475 }
7476
7477 .available-theme .action-links .delete-theme a {
7478         color: red;
7479         padding: 2px;
7480 }
7481
7482 .available-theme .action-links .delete-theme a:hover {
7483         background: red;
7484         color: #fff;
7485         text-decoration: none;
7486 }
7487
7488 .available-theme .action-links p {
7489         float: right;
7490 }
7491
7492 /* Allow for three-up in small windows when sidebar is collapsed */
7493 @media only screen and (max-width: 1200px) {
7494         .folded .available-theme,
7495         .folded .available-theme .screenshot {
7496                 width: 300px;
7497         }
7498
7499         .folded .available-theme .screenshot {
7500                 height: 225px;
7501         }
7502 }
7503
7504 /* Adjust three-up display in smaller windows when sidebar is collapsed */
7505 @media only screen and (max-width: 1079px) {
7506         .folded .available-theme,
7507         .folded .available-theme .screenshot {
7508                 width: 270px;
7509         }
7510
7511         .folded .available-theme .screenshot {
7512                 height: 203px;
7513         }
7514 }
7515
7516 /* Allow for three-up on 1024px wide screens, e.g. tablets */
7517 @media only screen and (max-width: 1200px) {
7518         .available-theme,
7519         .available-theme .screenshot {
7520                 width: 240px;
7521         }
7522
7523         .available-theme .screenshot {
7524                 height: 180px;
7525         }
7526
7527         .available-theme img {
7528                 width: 100%;
7529         }
7530 }
7531
7532 #post-body ul.add-menu-item-tabs li.tabs a,
7533 #TB_window #TB_title a.tb-theme-preview-link,
7534 #TB_window #TB_title a.tb-theme-preview-link:visited {
7535         font-weight: 600;
7536         text-decoration: none;
7537 }
7538
7539 #TB_window #TB_title {
7540         background-color: #222;
7541         color: #cfcfcf;
7542 }
7543
7544
7545 /*------------------------------------------------------------------------------
7546   16.3 - Custom Header Screen
7547 ------------------------------------------------------------------------------*/
7548
7549 .appearance_page_custom-header #headimg {
7550         border: 1px solid #DFDFDF;
7551         overflow: hidden;
7552         width: 100%;
7553 }
7554
7555 .appearance_page_custom-header #upload-form p label {
7556         font-size: 12px;
7557 }
7558
7559 .appearance_page_custom-header .available-headers .default-header {
7560         float: right;
7561         margin: 0 0 20px 20px;
7562 }
7563
7564 .appearance_page_custom-header .random-header {
7565         clear: both;
7566         margin: 0 0 20px 20px;
7567         vertical-align: middle;
7568 }
7569
7570 .appearance_page_custom-header .available-headers label input,
7571 .appearance_page_custom-header .random-header label input {
7572         margin-left: 10px;
7573 }
7574
7575 .appearance_page_custom-header .available-headers label img {
7576         vertical-align: middle;
7577 }
7578
7579
7580 /*------------------------------------------------------------------------------
7581   16.4 - Custom Background Screen
7582 ------------------------------------------------------------------------------*/
7583
7584 div#custom-background-image {
7585         min-height: 100px;
7586         border: 1px solid #dfdfdf;
7587 }
7588
7589 div#custom-background-image img {
7590         max-width: 400px;
7591         max-height: 300px;
7592 }
7593
7594
7595 /*------------------------------------------------------------------------------
7596   17.0 - Plugins
7597 ------------------------------------------------------------------------------*/
7598
7599 #dashboard_right_now .versions .b,
7600 #post-status-display,
7601 #post-visibility-display,
7602 #adminmenu .wp-submenu li.current,
7603 #adminmenu .wp-submenu li.current a,
7604 #adminmenu .wp-submenu li.current a:hover,
7605 .media-item .percent,
7606 .plugins .name,
7607 #pass-strength-result.strong,
7608 #pass-strength-result.short,
7609 #ed_reply_toolbar #ed_reply_strong,
7610 .item-controls .item-order a,
7611 .feature-filter .feature-name {
7612         font-weight: 600;
7613 }
7614
7615 .plugins p {
7616         margin: 0 4px;
7617         padding: 0;
7618 }
7619
7620 .plugins .desc p {
7621         margin: 0 0 8px;
7622 }
7623
7624 .plugins td.desc {
7625         line-height: 1.5em;
7626 }
7627
7628 .plugins .desc ul,
7629 .plugins .desc ol {
7630         margin: 0 2em 0 0;
7631 }
7632
7633 .plugins .desc ul {
7634         list-style-type: disc;
7635 }
7636
7637 .plugins .row-actions {
7638         font-size: 13px;
7639         padding: 0;
7640 }
7641
7642 .plugins .inactive td,
7643 .plugins .inactive th,
7644 .plugins .active td,
7645 .plugins .active th {
7646         padding: 10px 9px;
7647 }
7648
7649 .plugins .update th,
7650 .plugins .update td {
7651         border-bottom: 0;
7652 }
7653 .plugin-update-tr td {
7654         border-top: 0;
7655 }
7656
7657 #wpbody-content .plugins .plugin-title,
7658 #wpbody-content .plugins .theme-title {
7659         padding-left: 12px;
7660         white-space:nowrap;
7661 }
7662
7663 .plugins .inactive .plugin-title strong {
7664         font-weight: 400;
7665 }
7666
7667 .plugins .second,
7668 .plugins .row-actions {
7669         padding: 0 0 5px;
7670 }
7671
7672 .plugins .update .second,
7673 .plugins .update .row-actions {
7674         padding-bottom: 0;
7675 }
7676
7677 .plugins-php .widefat tfoot th,
7678 .plugins-php .widefat tfoot td {
7679         border-top-style: solid;
7680         border-top-width: 1px;
7681 }
7682
7683 .plugin-update-tr .update-message {
7684         border: none;
7685         font-size: 13px;
7686         font-weight: normal;
7687         margin: 6px 12px 12px;
7688         padding: 6px 12px;
7689 }
7690
7691 .plugin-update-tr .update-message:before {
7692         content: '\f463';
7693         display: inline-block;
7694         font: normal 20px/1 'dashicons';
7695         speak: none;
7696         margin: 0 -2px 0 8px;
7697         -webkit-font-smoothing: antialiased;
7698         -moz-osx-font-smoothing: grayscale;
7699         vertical-align: top;
7700 }
7701
7702 .plugin-install-php h4 {
7703         margin: 2.5em 0 8px;
7704 }
7705
7706
7707 /*------------------------------------------------------------------------------
7708   18.0 - Users
7709 ------------------------------------------------------------------------------*/
7710
7711 #profile-page .form-table textarea {
7712         width: 500px;
7713         margin-bottom: 6px;
7714 }
7715
7716 #profile-page .form-table #rich_editing {
7717         margin-left: 5px
7718 }
7719
7720 #your-profile legend {
7721         font-size: 22px;
7722 }
7723
7724 #display_name {
7725         width: 15em;
7726 }
7727
7728 #createuser .form-field input {
7729         width: 25em;
7730 }
7731
7732 .scheme-list {
7733
7734 }
7735
7736 .color-option {
7737         display: inline-block;
7738         width: 24%;
7739         padding: 5px 15px 15px;
7740         -moz-box-sizing: border-box;
7741         box-sizing: border-box;
7742         margin-bottom: 3px;
7743 }
7744
7745 .color-option:hover,
7746 .color-option.selected {
7747         background: #ddd;
7748 }
7749
7750 .color-palette {
7751         width: 100%;
7752         border-spacing: 0;
7753         border-collapse: collapse;
7754 }
7755 .color-palette td {
7756         height: 20px;
7757         padding: 0;
7758         border: none;
7759 }
7760
7761 .color-option {
7762         cursor: pointer;
7763 }
7764
7765 /*------------------------------------------------------------------------------
7766   19.0 - Tools
7767 ------------------------------------------------------------------------------*/
7768
7769 body.press-this {
7770         color: #333;
7771         margin: 0;
7772         padding: 0;
7773         min-width: 708px;
7774         min-height: 400px;
7775 }
7776
7777 .press-this #titlediv #title {
7778         font-size: 1.4em;
7779 }
7780
7781 .press-this #site-heading:before {
7782     top: 3px;
7783     position: relative;
7784     display: inline-block;
7785     font: normal 18px/1 'dashicons';
7786     speak: none;
7787     color: #727272;
7788     content: '\f120';
7789     -webkit-font-smoothing: antialiased;
7790     -moz-osx-font-smoothing: grayscale;
7791 }
7792
7793 .pressthis {
7794         margin: 20px 0;
7795 }
7796
7797 .pressthis a,
7798 .pressthis a:hover,
7799 .pressthis a:focus,
7800 .pressthis a:active {
7801         display: inline-block;
7802         position: relative;
7803         cursor: move;
7804         color: #333;
7805         background: #e6e6e6;
7806         -webkit-border-radius: 5px;
7807         border-radius: 5px;
7808         border: 1px solid #b4b4b4;
7809         font-style: normal;
7810         line-height: 16px;
7811         font-size: 14px;
7812         text-decoration: none;
7813 }
7814
7815 .pressthis a:active {
7816         outline: none;
7817 }
7818
7819 .pressthis a:hover:after {
7820         -webkit-transform: skew(20deg) rotate(9deg);
7821         -moz-transform: skew(20deg) rotate(9deg);
7822         transform: skew(20deg) rotate(9deg);
7823         -webkit-box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7);
7824         box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7);
7825 }
7826
7827 .pressthis a span {
7828         display: inline-block;
7829         margin: 0px 0 0;
7830         padding: 0px 9px 8px 12px;
7831 }
7832
7833 .pressthis a span:before {
7834         font: normal 20px/1 'dashicons';
7835         content:'\f157';
7836         position: relative;
7837         display: inline-block;
7838         top: 4px;
7839         margin-left: 4px;
7840 }
7841
7842 .pressthis a:after {
7843         content: '';
7844         width: 70%;
7845         height: 55%;
7846         z-index: -1;
7847         position: absolute;
7848         left: 10px;
7849         bottom: 9px;
7850         background: transparent;
7851
7852         -webkit-transform: skew(20deg) rotate(6deg);
7853         -moz-transform: skew(20deg) rotate(6deg);
7854         transform: skew(20deg) rotate(6deg);
7855         -webkit-box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6);
7856         box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6);
7857 }
7858
7859 /*------------------------------------------------------------------------------
7860   20.0 - Settings
7861 ------------------------------------------------------------------------------*/
7862
7863 #utc-time, #local-time {
7864         padding-right: 25px;
7865         font-style: italic;
7866 }
7867
7868 .defaultavatarpicker .avatar {
7869         margin: 2px 0;
7870         vertical-align: middle;
7871 }
7872
7873 .options-general-php .spinner {
7874         float: none;
7875         margin: -3px 3px;
7876 }
7877
7878 /*------------------------------------------------------------------------------
7879   21.0 - Admin Footer
7880 ------------------------------------------------------------------------------*/
7881
7882 #wpfooter {
7883         position: absolute;
7884         bottom: 0;
7885         right: 0;
7886         left: 0;
7887         padding: 10px 0;
7888         margin-left: 20px;
7889         border-top-width: 1px;
7890         border-top-style: solid;
7891 }
7892
7893 #wpfooter p {
7894         font-size: 13px;
7895         margin: 0;
7896         line-height: 20px;
7897 }
7898
7899 #footer-thankyou {
7900         font-style: italic;
7901 }
7902
7903 #wpfooter a {
7904         text-decoration: none;
7905 }
7906
7907 #wpfooter a:hover {
7908         text-decoration: underline;
7909 }
7910
7911 /*------------------------------------------------------------------------------
7912   22.0 - About Pages
7913 ------------------------------------------------------------------------------*/
7914
7915 .about-wrap {
7916         position: relative;
7917         margin: 25px 20px 0 40px;
7918         max-width: 1050px; /* readability */
7919
7920         font-size: 15px;
7921 }
7922
7923 .about-wrap div.updated,
7924 .about-wrap div.error {
7925         display: none !important;
7926 }
7927
7928 .about-wrap hr {
7929         border: 0;
7930         height: 0;
7931         margin: 0;
7932         border-top: 1px solid rgba(0, 0, 0, 0.1);
7933 }
7934
7935 .about-wrap img {
7936         margin: 0.5em 5px 0.5em 0;
7937         max-width: 100%;
7938 }
7939
7940 /* Typography */
7941
7942 .about-wrap p {
7943         line-height: 1.6em;
7944         font-size: 14px;
7945 }
7946
7947 .about-wrap h1 {
7948         margin: 0.2em 0 0 200px;
7949         line-height: 1.2em;
7950         font-size: 2.8em;
7951         font-weight: 400;
7952 }
7953
7954 .about-wrap .about-text,
7955 .about-wrap p.about-description,
7956 .about-wrap li.wp-person a.web {
7957         font-weight: normal;
7958         line-height: 1.6em;
7959         font-size: 19px;
7960 }
7961
7962 .about-description {
7963         margin-top: 1.4em;
7964 }
7965
7966 .about-text {
7967         margin: 1em 0 1em 200px;
7968         min-height: 60px;
7969         font-size: 24px;
7970 }
7971
7972 .about-wrap .changelog h2.about-headline-callout {
7973         margin: 1.1em 0 0.2em;
7974         font-size: 2.4em;
7975         font-weight: 300;
7976         line-height: 1.3;
7977         text-align: center;
7978 }
7979
7980 .about-wrap h3 {
7981         margin: 1em 0 .6em;
7982         font-size: 1.5em;
7983         line-height: 1.5em;
7984 }
7985
7986 .about-wrap .feature-section h4 {
7987         margin: 1.4em 0 0.6em 0;
7988         font-size: 1.2em;
7989 }
7990
7991 .about-wrap .feature-section p {
7992         margin-top: 0.6em;
7993 }
7994
7995 .about-wrap code,
7996 .about-wrap ol li p {
7997         font-size: 14px;
7998 }
7999
8000 /* 3.8 Images */
8001
8002 .about-wrap .about-colors-img {
8003         bottom: -25px;
8004 }
8005
8006 .about-wrap .about-themes-img {
8007         bottom: -38px;
8008 }
8009
8010 .about-wrap .about-overview-img {
8011         border-bottom: 1px solid rgba(0, 0, 0, 0.1);
8012         margin: 0;
8013 }
8014
8015 .about-colors-img img,
8016 .about-themes-img img {
8017         margin: 0 0;
8018         padding: 0;
8019         line-height: 1;
8020 }
8021
8022 /* Point Releases */
8023
8024 .about-wrap .point-releases {
8025         margin-top: 5px;
8026 }
8027
8028 .about-wrap .changelog.point-releases h3 {
8029         padding-top: 35px;
8030 }
8031
8032 .about-wrap .changelog.point-releases h3:first-child {
8033         padding-top: 7px;
8034 }
8035
8036 /* WordPress Version Badge */
8037
8038 .wp-badge {
8039         background: url('../images/w-logo-white.png?ver=20131202') no-repeat;
8040         background: none, url('../images/wordpress-logo-white.svg?ver=20131110') no-repeat;
8041         background-position: center 24px;
8042         background-size: 85px 85px;
8043         font-size: 14px;
8044         text-align: center;
8045         font-weight: 600;
8046         margin: 5px 0 0;
8047         padding-top: 120px;
8048         height: 40px;
8049         display: inline-block;
8050         width: 150px;
8051         text-rendering: optimizeLegibility;
8052 }
8053
8054
8055 .about-wrap .wp-badge {
8056         position: absolute;
8057         top: 0;
8058         left: 0;
8059 }
8060
8061 /* Tabs */
8062
8063 .about-wrap h2.nav-tab-wrapper {
8064         padding-right: 6px;
8065 }
8066
8067 .about-wrap h2 .nav-tab {
8068         padding: 4px 15px 6px;
8069         margin: 0 0 -1px 3px;
8070         font-size: 18px;
8071         vertical-align: top;
8072         border-width: 1px;
8073 }
8074
8075 .about-wrap h2 .nav-tab-active {
8076         font-weight: bold;
8077 }
8078
8079 /* Changelog / Update screen */
8080
8081 .about-wrap .feature-section {
8082         padding-bottom: 20px;
8083 }
8084
8085 .about-wrap .feature-section.col {
8086         margin-bottom: 0;
8087 }
8088
8089 .about-wrap .feature-section.center-col > div {
8090         margin: auto;
8091         width: 60%;
8092 }
8093
8094 .about-wrap .about-colors .one-col > div {
8095         width: 100%;
8096 }
8097
8098 .about-wrap .feature-section.two-col > div {
8099         position: relative;
8100         width: 50%;
8101         float: right;
8102 }
8103
8104 .about-wrap .feature-section.three-col > div {
8105         position: relative;
8106         width: 29.95%;
8107         margin-left: 4.999999999%;
8108         float: right;
8109 }
8110
8111 .about-wrap .feature-section.col .last-feature {
8112         margin-left: 0;
8113 }
8114
8115 .about-wrap .about-updates img,
8116 .about-wrap .about-twentyfourteen img {
8117         margin: 2em 0 0 0;
8118         border: 1px solid #ddd;
8119         -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
8120         box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
8121 }
8122
8123 .about-wrap .about-twentyfourteen img {
8124         margin-top: 1em;
8125 }
8126
8127 .about-wrap .changelog .feature-section {
8128         overflow: hidden;
8129 }
8130
8131 .about-wrap .about-colors .scheme-list {
8132         margin-bottom: 1em;
8133 }
8134
8135 .about-wrap .about-colors .color-option {
8136         padding-top: 10px;
8137 }
8138 .about-wrap .about-colors .color-option label {
8139         display: inline-block;
8140         margin: 0.25em 0 0.5em;
8141 }
8142
8143 .about-wrap .feature-section.two-col div p {
8144         margin-left: 3%;
8145 }
8146
8147 .about-wrap .feature-section div p img {
8148         float: left;
8149         margin-right: 10px;
8150         max-width: 20%;
8151 }
8152
8153 .about-wrap .changelog li {
8154         list-style-type: disc;
8155         margin-right: 3em;
8156 }
8157
8158 /* Return to Dashboard Home link */
8159
8160 .about-wrap .return-to-dashboard {
8161         margin: 30px -5px 0 0;
8162         font-size: 14px;
8163         font-weight: bold;
8164 }
8165
8166 .about-wrap .return-to-dashboard a {
8167         text-decoration: none;
8168         padding: 0 5px;
8169 }
8170
8171 /* Credits */
8172
8173 .about-wrap h4.wp-people-group {
8174         margin-top: 2.6em;
8175         font-size: 16px;
8176 }
8177
8178 .about-wrap ul.wp-people-group {
8179         overflow: hidden;
8180         padding: 0 5px;
8181         margin: 0 -5px 0 -15px;
8182 }
8183
8184 .about-wrap ul.compact {
8185         margin-bottom: 0
8186 }
8187
8188 .about-wrap li.wp-person {
8189         float: right;
8190         margin-left: 10px;
8191 }
8192
8193 .about-wrap li.wp-person img.gravatar {
8194         float: right;
8195         margin: 0 0 10px 10px;
8196         padding: 2px;
8197         width: 60px;
8198         height: 60px;
8199 }
8200
8201 .about-wrap ul.compact li.wp-person img.gravatar {
8202         width: 30px;
8203         height: 30px;
8204 }
8205
8206 .about-wrap li.wp-person {
8207         height: 70px;
8208         width: 280px;
8209         padding-bottom: 15px;
8210 }
8211
8212 .about-wrap ul.compact li.wp-person {
8213         height: auto;
8214         width: 180px;
8215         padding-bottom: 0;
8216         margin-bottom: 0;
8217 }
8218
8219 .about-wrap #wp-people-group-validators + p.wp-credits-list {
8220         margin-top: 0;
8221 }
8222
8223 .about-wrap li.wp-person a.web {
8224         display: block;
8225         margin: 6px 0 2px;
8226         font-size: 16px;
8227         text-decoration: none;
8228 }
8229
8230 .about-wrap p.wp-credits-list a {
8231         white-space: nowrap;
8232 }
8233
8234 /* Freedoms */
8235
8236 .freedoms-php .about-wrap ol {
8237         margin: 40px 60px;
8238 }
8239
8240 .freedoms-php .about-wrap ol li {
8241         list-style-type: decimal;
8242         font-weight: bold;
8243 }
8244
8245 .freedoms-php .about-wrap ol p {
8246         font-weight: normal;
8247         margin: 0.6em 0;
8248 }
8249
8250 /*------------------------------------------------------------------------------
8251   23.0 - Full Overlay w/ Sidebar
8252 ------------------------------------------------------------------------------*/
8253
8254 body.full-overlay-active {
8255         overflow: hidden;
8256 }
8257
8258 .wp-full-overlay {
8259         background: transparent;
8260         z-index: 500000;
8261         position: fixed;
8262         overflow: visible;
8263         top: 0;
8264         bottom: 0;
8265         right: 0;
8266         left: 0;
8267         height: 100%;
8268         min-width: 0;
8269 }
8270
8271 .wp-full-overlay-sidebar {
8272         -webkit-box-sizing: border-box;
8273         -moz-box-sizing: border-box;
8274         box-sizing: border-box;
8275         position: fixed;
8276         width: 300px;
8277         height: 100%;
8278         top: 0;
8279         bottom: 0;
8280         right: 0;
8281         padding: 0;
8282         margin: 0;
8283         z-index: 10;
8284         overflow: auto;
8285         background: transparent;
8286         border-left: none;
8287 }
8288
8289 .wp-full-overlay.collapsed .wp-full-overlay-sidebar {
8290         overflow: visible;
8291 }
8292
8293 .wp-full-overlay.collapsed,
8294 .wp-full-overlay.expanded .wp-full-overlay-sidebar {
8295         margin-right: 0 !important;
8296 }
8297
8298 .wp-full-overlay.expanded {
8299         margin-right: 300px;
8300 }
8301
8302 .wp-full-overlay.collapsed .wp-full-overlay-sidebar {
8303         margin-right: -300px;
8304 }
8305
8306 .wp-full-overlay-sidebar:after {
8307         content: '';
8308         display: block;
8309         position: absolute;
8310         top: 0;
8311         bottom: 0;
8312         left: 0;
8313         width: 3px;
8314         z-index: 1000;
8315 }
8316
8317 .wp-full-overlay-main {
8318         position: absolute;
8319         right: 0;
8320         left: 0;
8321         top: 0;
8322         bottom: 0;
8323         height: 100%;
8324 }
8325
8326 .wp-full-overlay-sidebar .wp-full-overlay-header {
8327         position: absolute;
8328         right: 0;
8329         left: 0;
8330         height: 45px;
8331         padding: 0 15px;
8332         line-height: 45px;
8333         z-index: 10;
8334         margin: 0;
8335         border-top: none;
8336         -webkit-box-shadow: none;
8337         box-shadow: none;
8338 }
8339
8340 .wp-full-overlay-sidebar .wp-full-overlay-header a.back {
8341         margin-top: 9px;
8342 }
8343
8344 .wp-full-overlay-sidebar .wp-full-overlay-footer {
8345         bottom: 0;
8346         border-bottom: none;
8347         border-top: none;
8348         -webkit-box-shadow: none;
8349         box-shadow: none;
8350 }
8351
8352 .wp-full-overlay-sidebar .wp-full-overlay-sidebar-content {
8353         position: absolute;
8354         top: 45px;
8355         bottom: 45px;
8356         right: 0;
8357         left: 0;
8358         overflow: auto;
8359 }
8360
8361 /* Close Link */
8362 .wp-full-overlay .close-full-overlay {
8363         text-decoration: none;
8364 }
8365
8366 /* Collapse Button */
8367 .wp-full-overlay a.collapse-sidebar {
8368         position: absolute;
8369         bottom: 12px;
8370         right: 0;
8371         z-index: 50;
8372         display: block;
8373         width: 19px;
8374         height: 19px;
8375         margin-right: 15px;
8376         padding: 0;
8377         border-radius: 50%;
8378         text-decoration: none;
8379 }
8380
8381 .wp-full-overlay.collapsed .collapse-sidebar {
8382         position: absolute;
8383         right: 100%;
8384 }
8385
8386 .wp-full-overlay .collapse-sidebar-arrow {
8387         position: static;
8388         margin-top: 0;
8389         margin-right: 0;
8390         display: block;
8391         width: auto;
8392         height: auto;
8393         background: none;
8394 }
8395
8396 .wp-full-overlay .collapse-sidebar-arrow:before {
8397         border-radius: 50%;
8398         float: right;
8399         content: "\f148";
8400         font: normal 20px/1 'dashicons';
8401         speak: none;
8402         display: block;
8403         padding: 0;
8404         text-indent: 0;
8405         text-align: center;
8406         position: relative;
8407         -webkit-font-smoothing: antialiased;
8408         -moz-osx-font-smoothing: grayscale;
8409         text-decoration: none !important;
8410 }
8411
8412 .wp-full-overlay.collapsed .collapse-sidebar-arrow:before,
8413 .rtl .wp-full-overlay .collapse-sidebar-arrow:before {
8414         -ms-transform: rotate(180deg);
8415         -webkit-transform: rotate(180deg);
8416         transform: rotate(180deg);
8417 }
8418
8419 .rtl .wp-full-overlay.collapsed .collapse-sidebar-arrow:before {
8420         -ms-transform: none;
8421         -webkit-transform: none;
8422         transform: none;
8423 }
8424
8425 .wp-full-overlay.collapsed .collapse-sidebar-arrow {
8426         background-position: -1px -109px;
8427 }
8428
8429 .wp-full-overlay .collapse-sidebar-label {
8430         position: absolute;
8431         right: 100%;
8432         line-height: 20px;
8433         margin-right: 10px;
8434 }
8435
8436 .wp-full-overlay.collapsed .collapse-sidebar-label {
8437         display: none;
8438 }
8439
8440 /* Animations */
8441 .wp-full-overlay,
8442 .wp-full-overlay-sidebar,
8443 .wp-full-overlay .collapse-sidebar,
8444 .wp-full-overlay-main {
8445         -webkit-transition-property: right, left, top, bottom, width, margin;
8446         -moz-transition-property:    right, left, top, bottom, width, margin;
8447         -ms-transition-property:     right, left, top, bottom, width, margin;
8448         -o-transition-property:      right, left, top, bottom, width, margin;
8449         transition-property:         right, left, top, bottom, width, margin;
8450         -webkit-transition-duration: 0.2s;
8451         -moz-transition-duration:    0.2s;
8452         -ms-transition-duration:     0.2s;
8453         -o-transition-duration:      0.2s;
8454         transition-duration:         0.2s;
8455 }
8456
8457 /*------------------------------------------------------------------------------
8458   24.0 - Customize Loader
8459 ------------------------------------------------------------------------------*/
8460
8461 .no-customize-support .hide-if-no-customize,
8462 .customize-support .hide-if-customize,
8463 .no-customize-support.wp-core-ui .hide-if-no-customize,
8464 .no-customize-support .wp-core-ui .hide-if-no-customize,
8465 .customize-support.wp-core-ui .hide-if-customize,
8466 .customize-support .wp-core-ui .hide-if-customize {
8467         display: none;
8468 }
8469
8470 #customize-container {
8471         display: none;
8472         background: #fff;
8473         z-index: 500000;
8474         position: fixed;
8475         overflow: visible;
8476         top: 0;
8477         bottom: 0;
8478         right: 0;
8479         left: 0;
8480         height: 100%;
8481 }
8482
8483 .customize-active #customize-container {
8484         display: block;
8485 }
8486
8487 .customize-loading #customize-container iframe {
8488         opacity: 0;
8489 }
8490
8491 .customize-loading #customize-container {
8492         background: #fff url('../images/spinner.gif') no-repeat fixed center center;
8493         background-size: 20px 20px;
8494 }
8495
8496 #customize-container iframe,
8497 #theme-installer iframe {
8498         height: 100%;
8499         width: 100%;
8500         z-index: 20;
8501
8502         -webkit-transition: opacity 0.3s;
8503         -moz-transition:    opacity 0.3s;
8504         -ms-transition:     opacity 0.3s;
8505         -o-transition:      opacity 0.3s;
8506         transition:         opacity 0.3s;
8507 }
8508
8509 #customize-container .collapse-sidebar {
8510         bottom: 16px;
8511 }
8512
8513 #customize-controls {
8514         margin-top: 0;
8515 }
8516
8517 #theme-installer {
8518         display: none;
8519 }
8520
8521 #theme-installer.single-theme {
8522         display: block;
8523 }
8524
8525 .install-theme-info {
8526         display: none;
8527         padding: 10px 20px 20px;
8528 }
8529
8530 .single-theme .install-theme-info {
8531         padding-top: 15px;
8532 }
8533
8534 #theme-installer .install-theme-info {
8535         display: block;
8536 }
8537
8538 .install-theme-info .theme-install {
8539         float: left;
8540         margin-top: 18px;
8541 }
8542
8543 .install-theme-info .theme-name {
8544         font-size: 16px;
8545         line-height: 24px;
8546         margin-bottom: 0;
8547         margin-top: 0;
8548 }
8549
8550 .install-theme-info .theme-screenshot {
8551         margin-top: 15px;
8552         width: 258px;
8553         border: 1px solid #ccc;
8554 }
8555
8556 .install-theme-info .theme-details {
8557         overflow: hidden;
8558 }
8559
8560 .theme-details .theme-version {
8561         margin: 15px 0;
8562         float: right;
8563 }
8564
8565 .theme-details .star-rating {
8566         margin: 7px 0;
8567         float: left;
8568 }
8569
8570 .theme-details .theme-description {
8571         float: right;
8572         color: #777;
8573         line-height: 20px;
8574 }
8575
8576 #theme-installer .wp-full-overlay-header {
8577         margin-top: 9px;
8578 }
8579
8580 #theme-installer .wp-full-overlay-header .theme-install {
8581         float: left;
8582         /* For when .theme-install is a span rather than a.button-primary (already installed theme) */
8583         line-height: 26px;
8584 }
8585
8586 #theme-installer .wp-full-overlay-sidebar {
8587         background: #EEE;
8588         border-left: 1px solid #DDD;
8589 }
8590
8591 #theme-installer .wp-full-overlay-main {
8592         background: #fff url('../images/spinner.gif') no-repeat fixed center center;
8593         background-size: 20px 20px;
8594 }
8595
8596
8597 /*------------------------------------------------------------------------------
8598   25.0 - Tabbed Admin Screen Interface (Experimental)
8599 ------------------------------------------------------------------------------*/
8600
8601 .nav-tab {
8602         border-style: solid;
8603         border-width: 1px 1px 0;
8604         font-size: 12px;
8605         line-height: 16px;
8606         display: inline-block;
8607         padding: 4px 14px 6px;
8608         text-decoration: none;
8609         margin: -4px 0 -1px 4px;
8610 }
8611
8612 .nav-tab-active {
8613         border-width: 1px;
8614 }
8615
8616 .nav-tab-active,
8617 .nav-tab-active:hover {
8618         border-bottom-width: 1px;
8619         border-bottom-style: solid;
8620 }
8621
8622 h2.nav-tab-wrapper,
8623 h3.nav-tab-wrapper {
8624         border-bottom-width: 1px;
8625         border-bottom-style: solid;
8626         padding-bottom: 0;
8627         padding-right: 10px;
8628 }
8629
8630 h2 .nav-tab {
8631         padding: 6px 10px;
8632         font-weight: bold;
8633         font-size: 15px;
8634         line-height: 24px;
8635 }
8636
8637
8638 /*------------------------------------------------------------------------------
8639   26.0 - Misc
8640 ------------------------------------------------------------------------------*/
8641
8642 #excerpt,
8643 .attachmentlinks {
8644         margin: 0;
8645         height: 4em;
8646         width: 98%;
8647 }
8648
8649 #template div {
8650         margin-left: 190px;
8651 }
8652
8653 p.pagenav {
8654         margin: 0;
8655         display: inline;
8656 }
8657
8658 .pagenav span {
8659         font-weight: 600;
8660         margin: 0 6px;
8661 }
8662
8663 .row-title {
8664         font-size: 14px !important;
8665         font-weight: 600;
8666 }
8667
8668 .column-comment .comment-author {
8669         margin-bottom: 0.6em;
8670 }
8671
8672 .column-author img,
8673 .column-username img,
8674 .column-comment .comment-author img {
8675         float: right;
8676         margin-left: 10px;
8677         margin-top: 1px;
8678 }
8679
8680 .row-actions {
8681         font-size: 13px;
8682         visibility: hidden;
8683         padding: 2px 0 0;
8684 }
8685
8686 tr:hover .row-actions,
8687 .mobile .row-actions,
8688 .row-actions.visible,
8689 div.comment-item:hover .row-actions {
8690         visibility: visible;
8691 }
8692
8693 /* deprecated */
8694 .row-actions-visible {
8695         padding: 2px 0 0;
8696 }
8697
8698 .form-table .pre {
8699         padding: 8px;
8700         margin: 0;
8701 }
8702
8703 table.form-table td .updated {
8704         font-size: 13px;
8705 }
8706
8707 .tagchecklist {
8708         margin-right: 14px;
8709         font-size: 12px;
8710         overflow: auto;
8711 }
8712 .tagchecklist br {
8713         display: none;
8714 }
8715 .tagchecklist strong {
8716         margin-right: -8px;
8717         position: absolute;
8718 }
8719 .tagchecklist span {
8720         margin-left: 25px;
8721         display: block;
8722         float: right;
8723         font-size: 13px;
8724         line-height: 1.8em;
8725         white-space: nowrap;
8726         cursor: default;
8727 }
8728
8729 .tagchecklist span a {
8730         margin: 1px -17px 0 0;
8731         cursor: pointer;
8732         width: 20px;
8733         height: 20px;
8734         display: block;
8735         float: right;
8736         text-indent: 0;
8737         overflow: hidden;
8738         position: absolute;
8739 }
8740
8741 #poststuff h2 {
8742         margin-top: 20px;
8743         font-size: 1.5em;
8744         margin-bottom: 15px;
8745         padding: 0 0 3px;
8746         clear: right;
8747 }
8748
8749 #poststuff h3,
8750 .metabox-holder h3 {
8751         font-size: 14px;
8752         padding: 8px 12px;
8753         margin: 0;
8754         line-height: 1.4;
8755 }
8756
8757 #poststuff .inside {
8758         margin: 6px 0 0 0;
8759 }
8760
8761 #poststuff .inside #parent_id,
8762 #poststuff .inside #page_template {
8763         max-width: 100%;
8764 }
8765
8766 .inline-edit-row #post_parent,
8767 .inline-edit-row select[name="page_template"] {
8768         max-width: 80%;
8769 }
8770
8771 .ie8 #poststuff .inside #parent_id,
8772 .ie8 #poststuff .inside #page_template,
8773 .ie8 .inline-edit-row #post_parent,
8774 .ie8 .inline-edit-row select[name="page_template"] {
8775         width: 250px;
8776 }
8777
8778 #post-visibility-select {
8779         line-height: 1.5em;
8780         margin-top: 3px;
8781 }
8782
8783 #poststuff #submitdiv .inside {
8784         margin: 0;
8785         padding: 0;
8786 }
8787
8788 .edit-form-section {
8789         margin-bottom: 20px;
8790 }
8791
8792 #templateside ul li a {
8793         text-decoration: none;
8794 }
8795
8796 .tool-box .title {
8797         margin: 8px 0;
8798         font-size: 18px;
8799         font-weight: normal;
8800         line-height: 24px;
8801 }
8802
8803 #sidemenu {
8804         margin: -30px 315px 0 15px;
8805         list-style: none;
8806         position: relative;
8807         float: left;
8808         padding-right: 10px;
8809         font-size: 12px;
8810 }
8811
8812 #sidemenu a {
8813         padding: 0 7px;
8814         display: block;
8815         float: right;
8816         line-height: 28px;
8817         border-top-width: 1px;
8818         border-top-style: solid;
8819         border-bottom-width: 1px;
8820         border-bottom-style: solid;
8821         -webkit-transition: none;
8822         -moz-transition: none;
8823         transition: none;
8824 }
8825
8826 #sidemenu li {
8827         display: inline;
8828         line-height: 200%;
8829         list-style: none;
8830         text-align: center;
8831         white-space: nowrap;
8832         margin: 0;
8833         padding: 0;
8834 }
8835
8836 #sidemenu a.current {
8837         font-weight: normal;
8838         padding-right: 6px;
8839         padding-left: 6px;
8840         -webkit-border-top-right-radius: 3px;
8841         -webkit-border-top-left-radius: 3px;
8842         border-top-right-radius: 3px;
8843         border-top-left-radius: 3px;
8844         border-width: 1px;
8845         border-style: solid;
8846 }
8847
8848 #sidemenu li a .count-0 {
8849         display: none;
8850 }
8851
8852 .plugin-install #description,
8853 .plugin-install-network #description {
8854         width: 60%;
8855 }
8856
8857 table .vers,
8858 table .column-visible,
8859 table .column-rating {
8860         text-align: right;
8861 }
8862
8863 .error-message {
8864         color: red;
8865         font-weight: 600;
8866 }
8867
8868 /* Scrollbar fix for bulk upgrade iframe */
8869 body.iframe {
8870         height: 98%;
8871 }
8872
8873 /* Upgrader styles, Specific to Language Packs */
8874 .lp-show-latest p {
8875         display: none;
8876 }
8877 .lp-show-latest p:last-child,
8878 .lp-show-latest .lp-error p {
8879         display: block;
8880 }
8881
8882 /* - Only used once or twice in all of WP - deprecate for global style
8883 ------------------------------------------------------------------------------*/
8884 td.media-icon {
8885         text-align: center;
8886         width: 80px;
8887         padding-top: 8px;
8888         padding-bottom: 8px;
8889 }
8890
8891 td.media-icon img {
8892         max-width: 80px;
8893         max-height: 60px;
8894 }
8895
8896 #howto {
8897         font-size: 11px;
8898         margin: 0 5px;
8899         display: block;
8900 }
8901
8902 .importers td {
8903         padding-left: 14px;
8904 }
8905
8906 .importers {
8907         font-size: 16px;
8908         width: auto;
8909 }
8910
8911 #post-body #post-body-content #namediv h3 {
8912         margin-top: 0;
8913 }
8914
8915 #namediv h3 label {
8916         vertical-align: baseline;
8917 }
8918
8919 #namediv table {
8920         width: 100%;
8921 }
8922
8923 #namediv td.first {
8924         width: 10px;
8925         white-space: nowrap;
8926 }
8927
8928 #namediv input {
8929         width: 98%;
8930 }
8931
8932 #namediv p {
8933         margin: 10px 0;
8934 }
8935
8936 #submitdiv h3 {
8937         margin-bottom: 0 !important;
8938 }
8939
8940 /* - Used - but could/should be deprecated with a CSS reset
8941 ------------------------------------------------------------------------------*/
8942 .zerosize {
8943         height: 0;
8944         width: 0;
8945         margin: 0;
8946         border: 0;
8947         padding: 0;
8948         overflow: hidden;
8949         position: absolute;
8950 }
8951
8952 br.clear {
8953         height: 2px;
8954         line-height: 2px;
8955 }
8956
8957 .checkbox {
8958         border: none;
8959         margin: 0;
8960         padding: 0;
8961 }
8962
8963 fieldset {
8964         border: 0;
8965         padding: 0;
8966         margin: 0;
8967 }
8968
8969 .post-categories {
8970         display: inline;
8971         margin: 0;
8972         padding: 0;
8973 }
8974
8975 .post-categories li {
8976         display: inline;
8977 }
8978
8979 /*------------------------------------------------------------------------------
8980   27.0 - Localization
8981 ------------------------------------------------------------------------------*/
8982
8983 /* RTL except Hebrew (see below): Tahoma as the first font; */
8984 body.rtl,
8985 body.rtl .press-this a.wp-switch-editor {
8986         font-family: Tahoma, Arial, sans-serif;
8987 }
8988
8989
8990 /* he_IL: Remove Tahoma from the font stack. Arial is best for Hebrew. */
8991 body.locale-he-il,
8992 body.locale-he-il .press-this a.wp-switch-editor {
8993         font-family: Arial, sans-serif;
8994 }
8995
8996 /* he_IL: Have <em> be bold rather than italic. */
8997 .locale-he-il em {
8998         font-style: normal;
8999         font-weight: bold;
9000 }
9001
9002
9003 /*-----------------------------------------------------------------------------
9004  MERGED
9005 -------------------------------------------------------------------------------*/
9006
9007 /* dashboard */
9008 .edit-box {
9009         display: none;
9010 }
9011
9012 h3:hover .edit-box {
9013         display: inline;
9014 }
9015
9016 #dashboard-widgets form .input-text-wrap input {
9017         width: 100%;
9018 }
9019
9020 #dashboard-widgets form .textarea-wrap textarea {
9021         width: 100%;
9022 }
9023
9024 #dashboard-widgets .postbox form .submit {
9025         float: none;
9026         margin: .5em 0 0;
9027         padding: 0;
9028         border: none;
9029 }
9030
9031 #dashboard-widgets-wrap #dashboard-widgets .postbox form .submit #publish {
9032         min-width: 0;
9033 }
9034
9035 #dashboard-widgets a {
9036         text-decoration: none;
9037 }
9038
9039 #dashboard-widgets h3 a {
9040         text-decoration: underline;
9041 }
9042
9043 #dashboard-widgets h3 .postbox-title-action {
9044         position: absolute;
9045         left: 10px;
9046         padding: 0;
9047         top: 5px;
9048 }
9049
9050 .js #dashboard-widgets h3 .postbox-title-action {
9051         left: 33px;
9052 }
9053
9054 #dashboard-widgets h4 {
9055         font-weight: normal;
9056         font-size: 14px;
9057         margin: 0 0 .2em;
9058         padding: 0;
9059 }
9060
9061 #dashboard_plugins h5 {
9062         font-size: 14px;
9063 }
9064
9065 /* Recent Comments */
9066
9067 #latest-comments #the-comment-list {
9068         position: relative;
9069 }
9070
9071 #activity-widget #latest-comments #the-comment-list .comment-item {
9072         padding: 1em 12px;
9073 }
9074
9075 #latest-comments #the-comment-list .pingback {
9076         padding-right: 12px !important;
9077 }
9078
9079 #latest-comments #the-comment-list .comment-item:first-child {
9080         border-top: none;
9081 }
9082
9083 #latest-comments #the-comment-list .comment-item h4 {
9084         line-height: 1.5em;
9085         margin-top: 0;
9086         color: #666;
9087 }
9088
9089 #latest-comments #the-comment-list .comment-item h4 cite {
9090         font-style: normal;
9091         font-weight: normal;
9092 }
9093
9094 #latest-comments #the-comment-list .comment-item blockquote,
9095 #latest-comments #the-comment-list .comment-item blockquote p {
9096         margin: 0;
9097         padding: 0;
9098         display: inline;
9099 }
9100
9101 #latest-comments #the-comment-list .comment-item p.row-actions {
9102         margin: 3px 0 0;
9103         padding: 0;
9104         font-size: 13px;
9105 }
9106
9107 /* QuickDraft */
9108
9109 #title-wrap label {
9110         cursor: text;
9111 }
9112
9113 #title-wrap #title {
9114         padding: 2px 6px;
9115         font-size: 1.3em;
9116         line-height: 100%;
9117         outline: none;
9118 }
9119
9120 #title-wrap #title-prompt-text {
9121         font-size: 1.1em;
9122         padding: 5px 8px;
9123 }
9124
9125 /* Feeds */
9126 .rss-widget ul {
9127         margin: 0;
9128         padding: 0;
9129         list-style: none;
9130 }
9131
9132 a.rsswidget {
9133         font-size: 14px;
9134         font-weight: 600;
9135         line-height: 1.7em;
9136 }
9137
9138 .rss-widget ul li {
9139         line-height: 1.5em;
9140         margin-bottom: 12px;
9141 }
9142
9143 .rss-widget span.rss-date {
9144         color: #999;
9145         font-size: 13px;
9146         margin-right: 3px;
9147 }
9148
9149 .rss-widget cite {
9150         display: block;
9151         text-align: left;
9152         margin: 0 0 1em;
9153         padding: 0;
9154 }
9155
9156 .rss-widget cite:before {
9157         content: '\2014';
9158 }
9159
9160 .dashboard-comment-wrap {
9161         overflow: hidden;
9162         word-wrap: break-word;
9163 }
9164
9165 /* Browser Nag */
9166 #dashboard_browser_nag a.update-browser-link {
9167         font-size: 1.2em;
9168         font-weight: 600;
9169 }
9170
9171 #dashboard_browser_nag a {
9172         text-decoration: underline;
9173 }
9174
9175 #dashboard_browser_nag p.browser-update-nag.has-browser-icon {
9176         padding-left: 125px;
9177 }
9178
9179 #dashboard_browser_nag .browser-icon {
9180         margin-top: -35px;
9181 }
9182
9183 #dashboard_browser_nag.postbox.browser-insecure {
9184         background-color: #ac1b1b;
9185         border-color: #ac1b1b;
9186 }
9187
9188 #dashboard_browser_nag.postbox {
9189         background-color: #e29808;
9190         background-image: none;
9191         border-color: #edc048;
9192         color: #fff;
9193         -webkit-box-shadow: none;
9194         box-shadow: none;
9195 }
9196
9197 #dashboard_browser_nag.postbox.browser-insecure h3 {
9198         border-bottom-color: #cd5a5a;
9199         color: #fff;
9200 }
9201
9202 #dashboard_browser_nag.postbox h3 {
9203         border-bottom-color: #f6e2ac;
9204         background: transparent none;
9205         color: #fff;
9206         -webkit-box-shadow: none;
9207         box-shadow: none;
9208 }
9209
9210 #dashboard_browser_nag a {
9211         color: #fff;
9212 }
9213
9214 /* Make the browser nags easier to read with Open Sans */
9215
9216 #dashboard_browser_nag h3.hndle {
9217         border: none;
9218         font-weight: 600;
9219         font-size: 20px;
9220         padding-top: 10px;
9221 }
9222
9223 .postbox#dashboard_browser_nag p a.dismiss {
9224         font-size: 14px;
9225 }
9226
9227 .postbox#dashboard_browser_nag p,
9228 .postbox#dashboard_browser_nag a,
9229 .postbox#dashboard_browser_nag p.browser-update-nag {
9230         font-size: 16px;
9231 }
9232
9233
9234 /* login */
9235
9236 #loginform p.submit,
9237 .login-action-lostpassword p.submit {
9238         border: none;
9239         margin: -10px 0 20px; /* May want to revisit this */
9240 }
9241
9242 .login * {
9243         margin: 0;
9244         padding: 0;
9245 }
9246
9247 .login form {
9248         margin-top: 20px;
9249         margin-right: 0;
9250         padding: 26px 24px 46px;
9251         font-weight: normal;
9252         overflow: hidden;
9253 }
9254
9255 .login form .forgetmenot {
9256         font-weight: normal;
9257         float: right;
9258         margin-bottom: 0;
9259 }
9260
9261 .login .button-primary {
9262         float: left;
9263 }
9264
9265 #login form p {
9266         margin-bottom: 0;
9267 }
9268
9269 #login form p.submit {
9270         margin: 0;
9271         padding: 0;
9272 }
9273
9274 .login label {
9275         color: #777;
9276         font-size: 14px;
9277 }
9278
9279 .login form .forgetmenot label {
9280         font-size: 12px;
9281         line-height: 19px;
9282 }
9283
9284 .login h1 {
9285         text-align: center;
9286 }
9287
9288 .login h1 a {
9289         background-image: url('../images/w-logo-blue.png?ver=20131202');
9290         background-image: none, url('../images/wordpress-logo.svg?ver=20131107');
9291         background-size: 80px 80px;
9292         background-position: center top;
9293         background-repeat: no-repeat;
9294         color: #999;
9295         height: 80px;
9296         font-size: 20px;
9297         font-weight: normal;
9298         line-height: 1.3em;
9299         margin: 0 auto 25px;
9300         padding: 0;
9301         text-decoration: none;
9302         width: 80px;
9303         text-indent: -9999px;
9304         outline: none;
9305         overflow: hidden;
9306         display: block;
9307 }
9308
9309 #login {
9310         width: 320px;
9311         padding: 8% 0 0;
9312         margin: auto;
9313 }
9314
9315 #login_error,
9316 .login .message {
9317         margin-right: 0;
9318         padding: 12px;
9319 }
9320
9321 .login #nav,
9322 .login #backtoblog {
9323         font-size: 13px;
9324         padding: 0 24px 0;
9325 }
9326
9327 .login #nav {
9328         margin: 24px 0 0 0;
9329 }
9330
9331 #backtoblog {
9332         margin: 16px 0 0 0;
9333 }
9334
9335 .login form .input,
9336 .login input[type="text"] {
9337         font-size: 24px;
9338         line-height: 1;
9339         width: 100%;
9340         padding: 3px;
9341         margin: 2px 0 16px 6px;
9342 }
9343
9344 .login #pass-strength-result {
9345         width: 250px;
9346         font-weight: 600;
9347         border-style: solid;
9348         border-width: 1px;
9349         margin: 12px 0 6px;
9350         padding: 6px 5px;
9351         text-align: center;
9352 }
9353
9354 .mobile #login {
9355         padding: 20px 0;
9356 }
9357
9358 .mobile #login form,
9359 .mobile #login .message,
9360 .mobile #login_error {
9361         margin-right: 0;
9362 }
9363
9364 .mobile #login #nav,
9365 .mobile #login #backtoblog {
9366         margin-right: 8px;
9367 }
9368
9369 .mobile #login h1 a {
9370         width: auto;
9371 }
9372
9373 body.interim-login {
9374         height: auto;
9375 }
9376
9377 .interim-login #login {
9378         padding: 0;
9379         margin: 5px auto 20px;
9380 }
9381
9382 .interim-login.login h1 a {
9383         width: auto;
9384 }
9385
9386 .interim-login #login_error,
9387 .interim-login.login .message {
9388         margin: 0 0 16px;
9389 }
9390
9391 .interim-login.login form {
9392         margin: 0;
9393 }
9394
9395 /* ms */
9396 /* Background Color for Site Status */
9397 .wp-list-table .site-deleted {
9398         background: #ff8573;
9399 }
9400 .wp-list-table .site-spammed {
9401         background: #faafaa;
9402 }
9403 .wp-list-table .site-archived {
9404         background: #ffebe8;
9405 }
9406 .wp-list-table .site-mature {
9407         background: #fecac2;
9408 }
9409
9410 /* nav-menu */
9411
9412 .no-js #message {
9413         display: block;
9414 }
9415
9416 .accordion-section ul.category-tabs,
9417 .accordion-section ul.add-menu-item-tabs,
9418 .accordion-section ul.wp-tab-bar {
9419         margin: 0;
9420 }
9421
9422 .accordion-section .categorychecklist {
9423         margin: 13px 0;
9424 }
9425
9426 #nav-menu-meta .accordion-section-content {
9427         padding: 18px 13px;
9428 }
9429
9430 #nav-menu-meta .button-controls {
9431         margin-bottom: 0;
9432 }
9433
9434 #nav-menus-frame {
9435         margin-right: 300px;
9436         margin-top: 23px;
9437 }
9438
9439 #nav-menus-frame .accordion-section-content .inside {
9440         font-size: 14px;
9441 }
9442
9443 #wpbody-content #menu-settings-column {
9444         display:inline;
9445         width:281px;
9446         margin-right: -300px;
9447         clear: both;
9448         float: right;
9449         padding-top: 0;
9450 }
9451
9452 #menu-settings-column .inside {
9453         clear: both;
9454         margin: 10px 0 0;
9455 }
9456
9457 .metabox-holder-disabled .postbox,
9458 .metabox-holder-disabled .accordion-section-content,
9459 .metabox-holder-disabled .accordion-section-title {
9460         opacity: 0.5;
9461         filter: alpha(opacity=50);
9462 }
9463
9464 .metabox-holder-disabled .button-controls .select-all {
9465         display: none;
9466 }
9467
9468 #wpbody {
9469         position: relative;
9470 }
9471
9472 .blank-slate .menu-name {
9473         height: 2em;
9474 }
9475
9476 .blank-slate .menu-settings {
9477         border: none;
9478         margin-top: 0;
9479         padding-top: 0;
9480         overflow: hidden;
9481 }
9482
9483 .is-submenu {
9484         font-style: italic;
9485         font-weight: normal;
9486         margin-right: 4px;
9487 }
9488
9489 .manage-menus {
9490         margin-top: 23px;
9491         padding: 10px;
9492         overflow: hidden;
9493 }
9494
9495 .manage-menus select {
9496         float: right;
9497         margin-left: 6px;
9498 }
9499
9500 .manage-menus .selected-menu {
9501         float: right;
9502         margin: 5px 0 0 6px;
9503 }
9504
9505 .manage-menus .submit-btn {
9506         float: right;
9507         margin-top: 1px;
9508 }
9509
9510 .menu-edit p {
9511         margin: .3em 0 .6em;
9512 }
9513
9514 .menu-edit #post-body-content h3 {
9515         margin: 1em 0 10px;
9516 }
9517
9518 .menu-settings {
9519         border-top-width: 1px;
9520         border-top-style: solid;
9521         margin-top: 2em;
9522 }
9523
9524 .menu-settings dl {
9525         margin: 0 0 10px;
9526         overflow: hidden;
9527         padding-right: 18%;
9528 }
9529
9530 .menu-settings dd {
9531         float: right;
9532         margin: 0;
9533         width: 100%;
9534 }
9535
9536 .menu-settings dt {
9537         float: right;
9538         clear: both;
9539         width: 21.951%;
9540         padding: 3px 0 0;
9541         margin-right: -21.951%;
9542 }
9543
9544 .menu-settings label {
9545         vertical-align: baseline;
9546 }
9547
9548 .menu-edit .checkbox-input {
9549         margin-top: 4px;
9550 }
9551
9552 .theme-location-set {
9553         font-size: 11px;
9554 }
9555
9556 /* Menu Container */
9557 #menu-management-liquid {
9558         float: right;
9559         min-width: 100%;
9560         margin-top: 3px;
9561 }
9562
9563 #menu-management {
9564         position: relative;
9565         margin-left: 20px;
9566         margin-top: -3px;
9567         width: 100%;
9568 }
9569
9570 #menu-management .menu-edit {
9571         margin-bottom: 20px;
9572 }
9573
9574 .nav-menus-php #post-body {
9575         padding: 0 10px 10px;
9576         border-width: 1px 0;
9577         border-style: solid;
9578 }
9579
9580 #nav-menu-header,
9581 #nav-menu-footer {
9582         padding: 0 10px;
9583 }
9584
9585 #nav-menu-header {
9586         border-bottom: 1px solid;
9587         margin-bottom: 0;
9588 }
9589
9590 #nav-menu-header .menu-name-label {
9591         margin-top: 4px;
9592 }
9593
9594 .nav-menus-php #post-body div.updated,
9595 .nav-menus-php #post-body div.error {
9596         margin: 0;
9597 }
9598
9599 .nav-menus-php #post-body-content {
9600         position: relative;
9601         float: none;
9602 }
9603
9604 #menu-management .menu-add-new abbr {
9605         font-weight:600;
9606 }
9607
9608 #select-nav-menu-container {
9609         text-align: left;
9610         padding: 0 10px 3px 10px;
9611         margin-bottom: 5px;
9612 }
9613
9614 #select-nav-menu {
9615         width: 100px;
9616         display: inline;
9617 }
9618
9619 #menu-name-label {
9620         margin-top: -2px;
9621 }
9622
9623 .widefat td.menu-location-menus {
9624         padding-bottom: 5px;
9625 }
9626
9627 .menu-location-menus select {
9628         float: right;
9629 }
9630
9631 #locations-nav-menu-wrapper {
9632         padding: 5px 0;
9633 }
9634
9635 .locations-nav-menu-select select {
9636         float: right;
9637         width: 160px;
9638         margin-left: 5px;
9639 }
9640
9641 .locations-row-links {
9642         float: right;
9643         margin: 6px 6px 0 0;
9644 }
9645
9646 .locations-edit-menu-link,
9647 .locations-add-menu-link {
9648         margin: 0 3px;
9649 }
9650
9651 .locations-edit-menu-link {
9652         padding-left: 3px;
9653         border-left: 1px solid #ccc;
9654 }
9655
9656 #wpbody .open-label {
9657         display: block;
9658         float:right;
9659 }
9660
9661 #wpbody .open-label span {
9662         padding-left: 10px;
9663 }
9664
9665 .js .input-with-default-title {
9666         font-style: italic;
9667 }
9668
9669 #menu-management .inside {
9670         padding: 0 10px;
9671 }
9672
9673 /* Add Menu Item Boxes */
9674 .postbox .howto input,
9675 .accordion-container .howto input {
9676         width: 180px;
9677         float: left;
9678 }
9679
9680 .accordion-container .outer-border {
9681         margin: 0;
9682 }
9683
9684 .customlinkdiv .howto input {
9685         width: 180px;
9686 }
9687
9688 .customlinkdiv p {
9689         margin-top: 0
9690 }
9691
9692 #nav-menu-theme-locations .howto select {
9693         width: 100%;
9694 }
9695
9696 #nav-menu-theme-locations .button-controls {
9697         text-align: left;
9698 }
9699
9700 .add-menu-item-view-all {
9701         height: 400px;
9702 }
9703
9704 /* Button Primary Actions */
9705 #menu-container .submit {
9706         margin: 0 0 10px;
9707         padding: 0;
9708 }
9709
9710 .nav-menus-php .add-new-menu-action {
9711         float: right;
9712         margin: 6px 6px 0 0;
9713         line-height: 15px;
9714 }
9715
9716 .nav-menus-php .meta-sep,
9717 .nav-menus-php .submitdelete,
9718 .nav-menus-php .submitcancel {
9719         display: block;
9720         float: right;
9721         margin: 6px 0;
9722         line-height: 15px;
9723 }
9724
9725 .meta-sep {
9726         padding: 0 2px;
9727 }
9728
9729 #cancel-save {
9730         text-decoration: underline;
9731         font-size: 12px;
9732         margin-right: 20px;
9733         margin-top: 5px;
9734 }
9735
9736 .button.right, .button-secondary.right, .button-primary.right {
9737         float: left;
9738 }
9739
9740 /* Button Secondary Actions */
9741 .list-controls {
9742         float: right;
9743         margin-top: 5px;
9744 }
9745
9746 .add-to-menu {
9747         float: left;
9748 }
9749
9750 .postbox .spinner {
9751         display: none;
9752         vertical-align: middle;
9753 }
9754
9755 .button-controls {
9756         clear:both;
9757         margin: 10px 0;
9758 }
9759
9760 .show-all,
9761 .hide-all {
9762         cursor: pointer;
9763 }
9764
9765 .hide-all {
9766         display: none;
9767 }
9768
9769 /* Create Menu */
9770 #menu-name {
9771         width: 270px;
9772 }
9773
9774 #manage-menu .inside {
9775         padding: 0px 0px;
9776 }
9777
9778 /* Custom Links */
9779 #available-links dt {
9780         display: block;
9781 }
9782
9783 #add-custom-link .howto {
9784         font-size: 12px;
9785 }
9786
9787 #add-custom-link label span {
9788         display: block;
9789         float: right;
9790         margin-top: 5px;
9791         padding-left: 5px;
9792 }
9793
9794 .menu-item-textbox {
9795         width: 180px;
9796 }
9797
9798 .nav-menus-php .howto span {
9799         margin-top: 6px;
9800         display: block;
9801         float: right;
9802 }
9803
9804 /* Menu item types */
9805 .quick-search {
9806         width: 190px;
9807 }
9808
9809 .nav-menus-php .list-wrap {
9810         display: none;
9811         clear: both;
9812         margin-bottom: 10px;
9813 }
9814
9815 .nav-menus-php .list-container {
9816         max-height: 200px;
9817         overflow-y: auto;
9818         padding: 10px 10px 5px;
9819 }
9820
9821 .nav-menus-php .postbox p.submit {
9822         margin-bottom: 0;
9823 }
9824
9825 /* Listings */
9826 .nav-menus-php .list li {
9827         display: none;
9828         margin: 0;
9829         margin-bottom: 5px;
9830 }
9831
9832 .nav-menus-php .list li .menu-item-title {
9833         cursor: pointer;
9834         display: block;
9835 }
9836
9837 .nav-menus-php .list li .menu-item-title input {
9838         margin-left: 3px;
9839         margin-top: -3px;
9840 }
9841
9842 .menu-item-title input[type=checkbox] {
9843         display: inline-block;
9844         margin-top: -4px;
9845 }
9846
9847 /* Nav Menu */
9848 #menu-container .inside {
9849         padding-bottom: 10px;
9850 }
9851
9852 .menu {
9853         padding-top:1em;
9854 }
9855
9856 #menu-to-edit {
9857         margin: 0;
9858         padding: 0.1em 0;
9859 }
9860
9861 .menu ul {
9862         width: 100%;
9863 }
9864
9865 .menu li {
9866         margin-bottom: 0;
9867         position:relative;
9868 }
9869
9870 .menu-item-bar {
9871         clear:both;
9872         line-height:1.5em;
9873         position:relative;
9874         margin: 9px 0 0;
9875 }
9876
9877 .menu-item-bar .menu-item-handle {
9878         border: 1px solid #dfdfdf;
9879         position: relative;
9880         padding: 10px 15px;
9881         height: auto;
9882         width: 382px;
9883         line-height: 30px;
9884         overflow: hidden;
9885         word-wrap: break-word;
9886 }
9887
9888 #menu-to-edit .menu-item-invalid .menu-item-handle {
9889         background: #f6c9cc;
9890         border-color: #f1acb1;
9891 }
9892
9893 .no-js .menu-item-edit-active .item-edit {
9894         display: none;
9895 }
9896
9897 .js .menu-item-handle {
9898         cursor: move;
9899 }
9900
9901 .menu li.deleting .menu-item-handle {
9902         background-image: none;
9903 }
9904
9905 .menu-item-handle .item-title {
9906         font-size: 13px;
9907         font-weight: 600;
9908         line-height: 20px;
9909         display: block;
9910         margin-left: 13em;
9911 }
9912
9913 /* Sortables */
9914 li.menu-item.ui-sortable-helper dl {
9915         margin-top: 0;
9916 }
9917
9918 li.menu-item.ui-sortable-helper .menu-item-transport dl {
9919         margin-top: 13px;
9920 }
9921
9922 .menu .sortable-placeholder {
9923         height: 35px;
9924         width: 410px;
9925         margin-top: 13px;
9926 }
9927
9928 /* WARNING: The factor of 30px is hardcoded into the nav-menus javascript. */
9929 .menu-item-depth-0 { margin-right: 0px; }
9930 .menu-item-depth-1 { margin-right: 30px; }
9931 .menu-item-depth-2 { margin-right: 60px; }
9932 .menu-item-depth-3 { margin-right: 90px; }
9933 .menu-item-depth-4 { margin-right: 120px; }
9934 .menu-item-depth-5 { margin-right: 150px; }
9935 .menu-item-depth-6 { margin-right: 180px; }
9936 .menu-item-depth-7 { margin-right: 210px; }
9937 .menu-item-depth-8 { margin-right: 240px; }
9938 .menu-item-depth-9 { margin-right: 270px; }
9939 .menu-item-depth-10 { margin-right: 300px; }
9940 .menu-item-depth-11 { margin-right: 330px; }
9941
9942 .menu-item-depth-0 .menu-item-transport { margin-right: 0px; }
9943 .menu-item-depth-1 .menu-item-transport { margin-right: -30px; }
9944 .menu-item-depth-2 .menu-item-transport { margin-right: -60px; }
9945 .menu-item-depth-3 .menu-item-transport { margin-right: -90px; }
9946 .menu-item-depth-4 .menu-item-transport { margin-right: -120px; }
9947 .menu-item-depth-5 .menu-item-transport { margin-right: -150px; }
9948 .menu-item-depth-6 .menu-item-transport { margin-right: -180px; }
9949 .menu-item-depth-7 .menu-item-transport { margin-right: -210px; }
9950 .menu-item-depth-8 .menu-item-transport { margin-right: -240px; }
9951 .menu-item-depth-9 .menu-item-transport { margin-right: -270px; }
9952 .menu-item-depth-10 .menu-item-transport { margin-right: -300px; }
9953 .menu-item-depth-11 .menu-item-transport { margin-right: -330px; }
9954
9955 body.menu-max-depth-0 { min-width: 950px !important; }
9956 body.menu-max-depth-1 { min-width: 980px !important; }
9957 body.menu-max-depth-2 { min-width: 1010px !important; }
9958 body.menu-max-depth-3 { min-width: 1040px !important; }
9959 body.menu-max-depth-4 { min-width: 1070px !important; }
9960 body.menu-max-depth-5 { min-width: 1100px !important; }
9961 body.menu-max-depth-6 { min-width: 1130px !important; }
9962 body.menu-max-depth-7 { min-width: 1160px !important; }
9963 body.menu-max-depth-8 { min-width: 1190px !important; }
9964 body.menu-max-depth-9 { min-width: 1220px !important; }
9965 body.menu-max-depth-10 { min-width: 1250px !important; }
9966 body.menu-max-depth-11 { min-width: 1280px !important; }
9967
9968 /* Menu item controls */
9969 .item-type {
9970         font-size: 12px;
9971         padding: 12px 10px;
9972         line-height: 18px;
9973         display: block;
9974 }
9975
9976 .item-controls {
9977         font-size: 12px;
9978         position: absolute;
9979         left: 20px;
9980         top: -1px;
9981 }
9982
9983 .item-controls a {
9984         text-decoration: none;
9985 }
9986
9987 .item-controls a:hover {
9988         cursor: pointer;
9989 }
9990
9991 .item-controls .item-order {
9992         padding-left: 10px;
9993 }
9994
9995 .nav-menus-php .item-edit {
9996         position: absolute;
9997         left: -20px;
9998         top: 0;
9999         display: block;
10000         width: 30px;
10001         height: 40px;
10002         margin-left: 0 !important;
10003         text-indent: 100%;
10004         outline: none;
10005         overflow: hidden;
10006         white-space: nowrap;
10007 }
10008
10009 /* Menu editing */
10010 .menu-instructions-inactive {
10011         display: none;
10012 }
10013
10014 .menu-item-settings {
10015         display: block;
10016         width: 402px;
10017         padding: 10px 10px 10px 0;
10018         position: relative;
10019         z-index: 10; /* Keep .item-title's shadow from appearing on top of .menu-item-settings */
10020 }
10021
10022 .menu-item-settings .field-move a {
10023         display: none;
10024         margin: 0 2px;
10025 }
10026
10027 .menu-item-edit-active .menu-item-settings {
10028         display: block;
10029 }
10030
10031 .menu-item-edit-inactive .menu-item-settings {
10032         display: none;
10033 }
10034
10035 .add-menu-item-pagelinks {
10036         margin: .5em auto;
10037         text-align: center;
10038 }
10039
10040 .link-to-original {
10041         display: block;
10042         margin: 0 0 10px;
10043         padding: 3px 5px 5px;
10044         font-size: 12px;
10045         font-style: italic;
10046 }
10047
10048 .link-to-original a {
10049         padding-right: 4px;
10050         font-style: normal;
10051 }
10052
10053 .hidden-field {
10054         display: none;
10055 }
10056
10057 .menu-item-settings .description-thin,
10058 .menu-item-settings .description-wide {
10059         margin-left: 10px;
10060         float: right;
10061 }
10062
10063 .description-thin {
10064         width: 190px;
10065         height: 40px;
10066 }
10067
10068 .description-wide {
10069         width: 390px;
10070 }
10071
10072 .menu-item-actions {
10073         padding-top: 15px;
10074 }
10075
10076 #cancel-save {
10077         cursor: pointer;
10078 }
10079
10080 /* Major/minor publishing actions (classes) */
10081 .nav-menus-php .major-publishing-actions {
10082         clear: both;
10083         padding: 3px 0 6px;
10084 }
10085
10086 .nav-menus-php .major-publishing-actions .publishing-action {
10087         text-align: left;
10088         float: left;
10089         line-height: 23px;
10090         margin: 4px 0 1px;
10091 }
10092
10093 .nav-menus-php .blank-slate .menu-settings {
10094         display: none;
10095 }
10096
10097 .nav-menus-php .delete-action {
10098         float: right;
10099         margin-top: 2px;
10100 }
10101
10102 .nav-menus-php .submitbox .submitcancel {
10103         border-bottom: 1px solid;
10104         padding: 1px 2px;
10105         text-decoration: none;
10106 }
10107
10108 .nav-menus-php .major-publishing-actions .form-invalid {
10109         padding-right: 4px;
10110         margin-right: -4px;
10111         border: 0 none;
10112 }
10113
10114 /* Clearfix */
10115 #menu-item-name-wrap:after,
10116 #menu-item-url-wrap:after,
10117 #menu-name-label:after,
10118 #menu-settings-column .inside:after,
10119 #nav-menus-frame:after,
10120 .nav-menus-php #post-body-content:after,
10121 .nav-menus-php .button-controls:after,
10122 .nav-menus-php .major-publishing-actions:after,
10123 .nav-menus-php .menu-item-settings:after {
10124         clear: both;
10125         content: ".";
10126         display: block;
10127         height: 0;
10128         visibility: hidden;
10129 }
10130
10131 #nav-menus-frame,
10132 .button-controls,
10133 #menu-item-url-wrap,
10134 #menu-item-name-wrap {
10135         display: block;
10136 }
10137
10138 /* Star Ratings - Back-compat for pre-3.8 */
10139 div.star-holder {
10140         position: relative;
10141         height: 17px;
10142         width: 100px;
10143         background: url('../images/stars.png?ver=20121108') repeat-x bottom right;
10144 }
10145
10146 div.star-holder .star-rating {
10147         background: url('../images/stars.png?ver=20121108') repeat-x top right;
10148         height: 17px;
10149         float: right;
10150 }
10151
10152 /* Star Ratings */
10153 .star-rating {
10154         white-space: nowrap;
10155 }
10156 .star-rating .star {
10157         display: inline-block;
10158         width: 20px;
10159         height: 20px;
10160         -webkit-font-smoothing: antialiased;
10161         font-size: 20px;
10162         line-height: 1;
10163         font-family: 'dashicons';
10164         text-decoration: inherit;
10165         font-weight: normal;
10166         font-style: normal;
10167         vertical-align: top;
10168         -moz-transition: color .1s ease-in 0;
10169         -webkit-transition: color .1s ease-in 0;
10170         text-align: center;
10171         color: #0074a2;
10172 }
10173
10174 .star-rating .star-full:before {
10175         content:'\f155';
10176 }
10177
10178 .star-rating .star-half:before {
10179         content:'\f459';
10180 }
10181
10182 .rtl .star-rating .star-half {
10183         -webkit-transform: rotateY(180deg);
10184         -ms-transform:     rotateY(180deg);
10185         transform:         rotateY(180deg);
10186 }
10187
10188 .star-rating .star-empty:before {
10189         content:'\f154';
10190 }
10191
10192 div.action-links {
10193         font-weight: normal;
10194         margin: 6px 0 0;
10195 }
10196
10197 /* Header on thickbox */
10198 #plugin-information-header {
10199         margin: 0;
10200         padding: 0 5px;
10201         font-weight: 600;
10202         position: relative;
10203         border-bottom-width: 1px;
10204         border-bottom-style: solid;
10205         height: 2.5em;
10206 }
10207 #plugin-information ul#sidemenu {
10208         font-weight: normal;
10209         margin: 0 5px;
10210         position: absolute;
10211         right: 0;
10212         bottom: -1px;
10213 }
10214
10215 /* Install sidemenu */
10216 #plugin-information {
10217         height: auto;
10218 }
10219
10220 #plugin-information p.action-button {
10221         width: 100%;
10222         padding-bottom: 0;
10223         margin-bottom: 0;
10224         margin-top: 10px;
10225         -webkit-border-top-right-radius: 3px;
10226         -webkit-border-bottom-right-radius: 3px;
10227         border-top-right-radius: 3px;
10228         border-bottom-right-radius: 3px;
10229 }
10230
10231 #plugin-information .action-button a {
10232         text-align: center;
10233         font-weight: 600;
10234         text-decoration: none;
10235         display: block;
10236         line-height: 2em;
10237 }
10238
10239 #plugin-information h2 {
10240         clear: none !important;
10241         margin-left: 200px;
10242 }
10243
10244 #plugin-information .fyi {
10245         margin: 0 10px 50px;
10246         width: 210px;
10247 }
10248
10249 #plugin-information .fyi h2 {
10250         font-size: 0.9em;
10251         margin-bottom: 0;
10252         margin-left: 0;
10253 }
10254
10255 #plugin-information .fyi h2.mainheader {
10256         padding: 5px;
10257         -webkit-border-top-right-radius: 3px;
10258         border-top-right-radius: 3px;
10259 }
10260
10261 #plugin-information .fyi ul {
10262         padding: 10px 7px 10px 5px;
10263         margin: 0;
10264         list-style: none;
10265         -webkit-border-bottom-right-radius: 3px;
10266         border-bottom-right-radius: 3px;
10267 }
10268
10269 #plugin-information .fyi li {
10270         margin-left: 0;
10271 }
10272
10273 #plugin-information #section-holder {
10274         padding: 10px;
10275 }
10276
10277 #plugin-information .section ul,
10278 #plugin-information .section ol {
10279         margin-right: 16px;
10280         list-style-type: square;
10281         list-style-image: none;
10282 }
10283
10284 #plugin-information #section-screenshots ol {
10285         list-style: none;
10286         margin: 0;
10287 }
10288
10289 #plugin-information #section-screenshots li img {
10290         vertical-align: text-top;
10291         max-width: 100%;
10292         width: auto;
10293         height: auto;
10294 }
10295
10296 #plugin-information #section-screenshots li p {
10297         font-style: italic;
10298         padding-right: 20px;
10299         padding-bottom: 2em;
10300 }
10301
10302 #plugin-information #section-screenshots ol,
10303 #plugin-information .updated,
10304 #plugin-information pre {
10305         margin-left: 215px;
10306 }
10307
10308 #plugin-information pre {
10309         padding: 7px;
10310         overflow: auto;
10311         border-width: 1px;
10312         border-style: solid;
10313 }
10314
10315 .plugin-version-author-uri {
10316         font-size: 13px;
10317 }
10318
10319 img {
10320         border: none;
10321 }
10322
10323 /* Header */
10324 #wphead {
10325         border-bottom-width: 1px;
10326         border-bottom-style: solid;
10327 }
10328
10329 .press-this #wphead {
10330         height: 32px;
10331         margin-right: 0;
10332         margin-left: 0;
10333         margin-bottom: 5px;
10334 }
10335
10336 .press-this #header-logo {
10337         float: right;
10338         margin: 7px 7px 0;
10339         -webkit-user-select: none;
10340         -moz-user-select: none;
10341         user-select: none;
10342 }
10343
10344 .press-this #wphead h1 {
10345         font-weight: normal;
10346         font-size: 16px;
10347         line-height: 32px;
10348         margin: 0;
10349         float: right;
10350 }
10351
10352 .press-this #wphead h1 a {
10353         text-decoration: none;
10354 }
10355
10356 .press-this #wphead h1 a:hover {
10357         text-decoration: underline;
10358 }
10359
10360 .press-this #message {
10361         margin: 10px 0;
10362 }
10363
10364 .press-this .posting {
10365         margin-left: 252px;
10366 }
10367
10368 .press-this-sidebar {
10369         float: left;
10370         width: 240px;
10371         padding-top: 10px;
10372 }
10373
10374 .press-this #title {
10375         margin-right: 0;
10376         margin-left: 0;
10377         -moz-box-sizing: border-box;
10378         -webkit-box-sizing: border-box;
10379         -ms-box-sizing: border-box;
10380         box-sizing: border-box;
10381 }
10382
10383 .press-this .tagchecklist {
10384         margin-top: 8px;
10385 }
10386
10387 .press-this #titlediv {
10388         margin: 0;
10389 }
10390
10391 .press-this .wp-media-buttons {
10392         cursor: default;
10393         padding: 8px 8px 6px;
10394 }
10395
10396 .press-this .howto {
10397         margin-top: 2px;
10398         margin-bottom: 3px;
10399         font-size: 12px;
10400         font-style: italic;
10401         display: block;
10402 }
10403
10404 .press-this #wp-content-editor-container {
10405         clear: none;
10406 }
10407
10408 .press-this #poststuff .inside {
10409         margin-top: 18px;
10410 }
10411
10412 .press-this .category-tabs {
10413         margin-bottom: 3px;
10414 }
10415
10416 /* Editor/Main Column */
10417 .press-this #poststuff {
10418         margin: 0 10px 10px;
10419         padding: 0;
10420 }
10421
10422 .press-this #photo-add-url-div input[type="text"] {
10423         width: 220px;
10424 }
10425
10426 #poststuff #editor-toolbar {
10427         height: 30px;
10428 }
10429
10430 div.zerosize {
10431         border: 0 none;
10432         height: 0;
10433         margin: 0;
10434         overflow: hidden;
10435         padding: 0;
10436         width: 0;
10437 }
10438
10439 .posting {
10440         margin-left: 212px;
10441         position: relative;
10442 }
10443
10444 .press-this .inner-sidebar {
10445         width: 200px;
10446 }
10447
10448 .press-this .inner-sidebar .sleeve {
10449         padding-top: 5px;
10450 }
10451
10452 .press-this #submitdiv p {
10453         margin: 0;
10454         padding: 6px;
10455 }
10456
10457 .press-this #submitdiv #publishing-actions {
10458         border-bottom: 1px solid #dfdfdf;
10459 }
10460
10461 .press-this #publish {
10462         float: left;
10463 }
10464
10465 .press-this #poststuff h2,
10466 .press-this #poststuff h3 {
10467         font-size: 14px;
10468         line-height: 1;
10469 }
10470
10471 .press-this #tagsdiv-post_tag h3,
10472 .press-this #categorydiv h3 {
10473         cursor: pointer;
10474 }
10475
10476 .press-this #submitdiv h3 {
10477         cursor: default;
10478 }
10479
10480 h3.tb {
10481         font-weight: 600;
10482         font-size: 12px;
10483         margin-right: 5px;
10484 }
10485
10486 #TB_window {
10487         border: 1px solid #333;
10488 }
10489
10490 .press-this .postbox,
10491 .press-this .stuffbox {
10492         margin-bottom: 10px;
10493         min-width: 0;
10494 }
10495
10496 .js .meta-box-sortables .postbox:hover .handlediv {
10497         margin-left: 0 !important;
10498 }
10499
10500 /* Metabox collapse arrow indicators */
10501 .js .sidebar-name .sidebar-name-arrow:before,
10502 .js .meta-box-sortables .postbox .handlediv:before {
10503         left: 12px;
10504         font: normal 20px/1 'dashicons';
10505         speak: none;
10506         display: inline-block;
10507         padding: 8px 10px;
10508         top: 0;
10509         position: relative;
10510         -webkit-font-smoothing: antialiased;
10511         -moz-osx-font-smoothing: grayscale;
10512         text-decoration: none !important;
10513 }
10514
10515 .js #widgets-left .sidebar-name .sidebar-name-arrow {
10516         display: none;
10517 }
10518
10519 .js #widgets-left .widgets-holder-wrap.closed .sidebar-name .sidebar-name-arrow,
10520 .js #widgets-left .sidebar-name:hover .sidebar-name-arrow {
10521         display: block;
10522 }
10523
10524 /* Show the arrow only on hover */
10525 .js .sidebar-name .sidebar-name-arrow:before,
10526 .js .meta-box-sortables .postbox .handlediv:before {
10527         content: '\f142';
10528 }
10529
10530 .js .widgets-holder-wrap.closed .sidebar-name-arrow:before,
10531 .js .meta-box-sortables .postbox.closed .handlediv:before {
10532         content: '\f140';
10533 }
10534
10535 .press-this #submitdiv:hover .handlediv {
10536         background: none;
10537 }
10538
10539 .tbtitle {
10540         font-size: 1.7em;
10541         outline: none;
10542         padding: 3px 4px;
10543         border-color: #dfdfdf;
10544 }
10545
10546 .press-this .actions {
10547         float: left;
10548         margin: -19px 0 0;
10549 }
10550
10551 .press-this #extra-fields .actions {
10552         margin: -32px 0 0 -7px;
10553 }
10554
10555 .press-this .actions li {
10556         float: right;
10557         list-style: none;
10558         margin-left: 10px;
10559 }
10560
10561 #extra-fields .button {
10562         margin-left: 5px;
10563 }
10564
10565 /* Photo Styles */
10566 #photo_saving {
10567         margin: 0 8px 8px;
10568         vertical-align: middle;
10569 }
10570
10571 #img_container_container {
10572         overflow: auto;
10573 }
10574
10575 #extra-fields {
10576         margin-top: 10px;
10577         position: relative;
10578 }
10579
10580 #extra-fields h2 {
10581         margin: 12px;
10582 }
10583
10584 #waiting {
10585         margin-top: 10px;
10586         overflow: hidden;
10587 }
10588
10589 #waiting span {
10590         float: left;
10591         margin: 0 5px 0 0;
10592 }
10593
10594 #waiting .spinner {
10595         display: block;
10596 }
10597
10598 #extra-fields .postbox {
10599         margin-bottom: 5px;
10600 }
10601
10602 #extra-fields .titlewrap {
10603         padding: 0;
10604         overflow: auto;
10605         height: 120px;
10606 }
10607
10608 #img_container a {
10609         display: block;
10610         float: right;
10611         overflow: hidden;
10612 }
10613
10614 #img_container img,
10615 #img_container a {
10616         width: 68px;
10617         height: 68px;
10618 }
10619
10620 #img_container img {
10621         border: none;
10622         background-color: #f4f4f4;
10623         cursor: pointer;
10624 }
10625
10626 #img_container a,
10627 #img_container a:link,
10628 #img_container a:visited {
10629         border: 1px solid #ccc;
10630         display: block;
10631         position: relative;
10632 }
10633
10634 #img_container a:hover,
10635 #img_container a:active {
10636         border-color: #000;
10637         z-index: 1000;
10638         border-width: 1px;
10639 }
10640
10641 /* Video */
10642 #embed-code {
10643         width: 100%;
10644         height: 98px;
10645 }
10646
10647 /* Categories */
10648 .press-this .categorydiv div.tabs-panel {
10649         height: 100px;
10650 }
10651
10652 /* Tags */
10653 .press-this .tagsdiv .newtag {
10654         width: 120px;
10655 }
10656
10657 .press-this #content {
10658         margin: 5px 0;
10659         padding: 0 5px;
10660         border: 0 none;
10661         height: 345px;
10662         font-family: Consolas, Monaco, monospace;
10663         font-size: 13px;
10664         line-height: 19px;
10665         background: transparent;
10666 }
10667
10668 /* Submit */
10669 .press-this #publishing-actions .spinner {
10670         display: inline;
10671         vertical-align: middle;
10672 }
10673
10674 #TB_ajaxContent #options {
10675         position: absolute;
10676         top: 20px;
10677         left: 25px;
10678         padding: 5px;
10679 }
10680
10681 #TB_ajaxContent h3 {
10682         margin-bottom: .25em;
10683 }
10684
10685 .error a {
10686         text-decoration: underline;
10687 }
10688
10689 .updated a {
10690         text-decoration: none;
10691         padding-bottom: 2px;
10692 }
10693
10694 /* tag hints */
10695 .taghint {
10696         color: #aaa;
10697         margin: -17px 7px 0 0;
10698         visibility: hidden;
10699 }
10700
10701 input.newtag ~ div.taghint {
10702         visibility: visible;
10703 }
10704
10705 input.newtag:focus ~ div.taghint {
10706         visibility: hidden;
10707 }
10708
10709 /* TinyMCE */
10710 #mce_fullscreen_container {
10711         background: #fff;
10712 }
10713
10714 #photo-add-url-div input[type="text"] {
10715         width: 300px;
10716 }
10717
10718 /* Theme/Plugin Editor */
10719 .alignleft h3 {
10720         margin: 0;
10721 }
10722
10723 #template textarea {
10724         font-family: Consolas, Monaco, monospace;
10725         font-size: 13px;
10726         width: 97%;
10727         background: #f9f9f9;
10728         outline: none;
10729 }
10730
10731 /* @noflip */
10732 #template textarea,
10733 #docs-list {
10734         direction: ltr;
10735 }
10736
10737 #template p {
10738         width: 97%;
10739 }
10740
10741 #templateside {
10742         float: left;
10743         width: 190px;
10744         word-wrap: break-word;
10745 }
10746
10747 #templateside h3,
10748 #postcustomstuff p.submit {
10749         margin: 0;
10750 }
10751
10752 #templateside h4 {
10753         margin: 1em 0 0;
10754 }
10755
10756 #templateside ol,
10757 #templateside ul {
10758         margin: .5em 0;
10759         padding: 0;
10760 }
10761
10762 #templateside li {
10763         margin: 4px 0;
10764 }
10765
10766 #templateside a,
10767 .theme-editor-php .highlight {
10768         display: block;
10769         padding: 3px 12px 3px 3px;
10770         text-decoration: none;
10771 }
10772
10773 .theme-editor-php .highlight {
10774         margin: -3px -12px -3px 3px;
10775 }
10776
10777 #templateside .highlight {
10778         border: none;
10779         font-weight: bold;
10780 }
10781
10782 .nonessential {
10783         font-size: 11px;
10784         font-style: italic;
10785         padding-right: 12px;
10786 }
10787
10788 #documentation {
10789         margin-top: 10px;
10790 }
10791
10792 #documentation label {
10793         line-height: 22px;
10794         vertical-align: baseline;
10795         font-weight: 600;
10796 }
10797
10798 .fileedit-sub {
10799         padding: 10px 0 8px;
10800         line-height: 180%;
10801 }
10802
10803 .feature-filter {
10804         padding: 8px 12px 0;
10805 }
10806
10807 .feature-filter .feature-group {
10808         float: right;
10809         margin: 5px 10px 10px;
10810 }
10811
10812 .feature-filter .feature-group li {
10813         display: inline-block;
10814         vertical-align: top;
10815         list-style-type: none;
10816         padding-left: 25px;
10817         width: 150px;
10818 }
10819
10820 /* General Widgets Styles */
10821
10822 .widget {
10823         margin: 0 auto 10px;
10824         position: relative;
10825         box-sizing: border-box;
10826         -moz-box-sizing: border-box;
10827         -webkit-box-sizing: border-box;
10828 }
10829
10830 .widget-top {
10831         font-size: 13px;
10832         font-weight: 600;
10833         background: #f7f7f7;
10834 }
10835
10836 .widget-top a.widget-action,
10837 .widget-top a.widget-action:hover {
10838         text-decoration: none;
10839 }
10840
10841 .widget-title h4 {
10842         margin: 0;
10843         padding: 15px;
10844         line-height: 1;
10845         overflow: hidden;
10846         white-space: nowrap;
10847         text-overflow: ellipsis;
10848         -webkit-user-select: none;
10849         -moz-user-select: none;
10850         user-select: none;
10851 }
10852
10853 .widgets-holder-wrap .widget-inside {
10854         border-top: none;
10855         padding: 1px 15px 15px 15px;
10856         line-height: 16px;
10857 }
10858
10859 /* Widget Dragging Helpers */
10860 .widget.ui-draggable-dragging {
10861         min-width: 100%;
10862 }
10863
10864 .widget.ui-sortable-helper {
10865         opacity: 0.8;
10866 }
10867
10868 .widget-placeholder {
10869         border: 1px dashed #bbb;
10870         margin: 0 auto 10px;
10871         height: 45px;
10872         width: 100%;
10873         -webkit-box-sizing: border-box;
10874         -moz-box-sizing: border-box;
10875         box-sizing: border-box;
10876 }
10877
10878 #widgets-right .widget-placeholder {
10879         margin-top: 0;
10880 }
10881
10882 #widgets-right .closed .widget-placeholder {
10883         height: 0;
10884         border: 0;
10885         margin-top: -10px;
10886 }
10887
10888 /* Widget Sidebars */
10889 .sidebar-name {
10890         border: none;
10891         position: relative;
10892         -webkit-box-sizing: border-box;
10893         -moz-box-sizing: border-box;
10894         box-sizing: border-box;
10895 }
10896
10897 .sidebar-name-arrow {
10898         position: absolute;
10899         top: 0;
10900         left: 0;
10901         bottom: 0;
10902 }
10903
10904 .js .sidebar-name {
10905         cursor: pointer;
10906 }
10907
10908 .sidebar-name h3 {
10909         margin: 0;
10910         padding: 8px 10px;
10911         overflow: hidden;
10912         white-space: nowrap;
10913 }
10914
10915 .widgets-holder-wrap .description {
10916         padding: 0 0 15px;
10917         margin: 0;
10918         font-style: normal;
10919         color: #777;
10920 }
10921
10922 #widgets-right .widgets-holder-wrap .description {
10923         padding-right: 7px;
10924         padding-left: 7px;
10925 }
10926
10927 /* Widgets 2-col Layout */
10928 div.widget-liquid-left {
10929         margin: 0;
10930         width: 38%;
10931         float: right;
10932 }
10933
10934 div.widget-liquid-right {
10935         float: left;
10936         width: 58%;
10937 }
10938
10939 /* Widgets Left - Available Widgets */
10940
10941 div#widgets-left {
10942         padding-top: 12px;
10943 }
10944
10945 div#widgets-left .closed .sidebar-name,
10946 div#widgets-left .inactive-sidebar.closed .sidebar-name {
10947         margin-bottom: 10px;
10948 }
10949
10950 div#widgets-left .sidebar-name h3 {
10951         padding: 10px 0;
10952         margin: 0 0 0 10px;
10953 }
10954
10955 div#widgets-left .sidebar-name .sidebar-name-arrow:before {
10956         left: 0;
10957         top: 4px;
10958         padding: 4px 4px 4px 6px;
10959 }
10960
10961 div#widgets-left .widget-holder {
10962         background: transparent;
10963         border: none;
10964 }
10965
10966 #available-widgets .widget-action {
10967         display: none;
10968 }
10969
10970 #available-widgets .widget {
10971         margin: 0;
10972 }
10973
10974 #available-widgets .widget:nth-child(odd) {
10975         clear: both;
10976 }
10977
10978 #available-widgets .widget .widget-description {
10979         display: block;
10980         padding: 10px 15px;
10981         font-size: 12px;
10982 }
10983
10984 #available-widgets #widget-list {
10985         position: relative;
10986 }
10987
10988 /* Inactive Sidebars */
10989 #widgets-left .inactive-sidebar {
10990         clear: both;
10991         width: 100%;
10992         background: transparent;
10993         padding: 0;
10994         margin: 0 0 20px 0;
10995         border: none;
10996         box-shadow: none;
10997 }
10998
10999 #widgets-left .inactive-sidebar.first {
11000         margin-top: 40px;
11001 }
11002
11003 /* Not sure what this is for... */
11004 div#widgets-left .inactive-sidebar .widget.expanded {
11005         right: auto;
11006 }
11007
11008 .widget-title-action {
11009         float: left;
11010         position: relative;
11011 }
11012
11013 div#widgets-left .inactive-sidebar .widgets-sortables {
11014         min-height: 42px;
11015         padding: 0;
11016         background: transparent;
11017         margin: 0;
11018         position: relative;
11019 }
11020
11021 /* Widgets Right */
11022
11023 div#widgets-right:after {
11024         content: ".";
11025         display: block;
11026         height: 0;
11027         clear: both;
11028         visibility: hidden;
11029 }
11030
11031 div#widgets-right .sidebars-column-1,
11032 div#widgets-right .sidebars-column-2 {
11033         max-width: 450px;
11034 }
11035
11036 div#widgets-right .widgets-holder-wrap {
11037         margin: 10px 0 0 0;
11038 }
11039
11040 div#widgets-right .sidebar-description {
11041         min-height: 20px;
11042         margin-top: -5px;
11043 }
11044
11045 div#widgets-right .sidebar-name h3 {
11046         padding: 15px 7px;
11047 }
11048
11049 div#widgets-right .sidebar-name .sidebar-name-arrow:before {
11050         left: 0;
11051         top: 4px;
11052 }
11053
11054 div#widgets-right .widget-top {
11055         padding: 0;
11056 }
11057
11058 div#widgets-right .widgets-sortables {
11059         padding: 0 8px;
11060         margin-bottom: 9px;
11061         position: relative;
11062         min-height: 123px;
11063 }
11064
11065 div#widgets-right .closed .widgets-sortables {
11066         min-height: 0;
11067         margin-bottom: 0;
11068 }
11069
11070 .sidebar-name .spinner {
11071         margin: -5px 5px;
11072         float: none;
11073 }
11074
11075 /* Dragging a widget over a closed sidebar */
11076 #widgets-right .widgets-holder-wrap.widget-hover {
11077         border-color: #777;
11078         box-shadow: 0 1px 2px rgba(0,0,0,0.3);
11079 }
11080
11081 /* Accessibility Mode */
11082 .widgets_access #widgets-left .widget .widget-top {
11083         cursor: auto;
11084 }
11085
11086 .widgets_access #wpwrap .widgets-holder-wrap.closed .sidebar-description,
11087 .widgets_access #wpwrap .widgets-holder-wrap.closed .widget,
11088 .widgets_access #wpwrap .widget-control-edit {
11089         display: block;
11090 }
11091
11092 .widgets_access #widgets-left .widget .widget-top:hover,
11093 .widgets_access #widgets-right .widget .widget-top:hover {
11094         border-color: #ddd;
11095 }
11096
11097 #available-widgets .widget-control-edit .edit,
11098 #widgets-left .inactive-sidebar .widget-control-edit .add,
11099 #widgets-right .widget-control-edit .add {
11100         display: none;
11101 }
11102
11103 .widget-control-edit {
11104         display: block;
11105         color: #666;
11106         background: #EEE;
11107         padding: 0 15px;
11108         line-height: 43px;
11109         border-right: 1px solid #DDD;
11110 }
11111
11112 #widgets-left .widget-control-edit:hover,
11113 #widgets-right .widget-control-edit:hover {
11114         color: #fff;
11115         background: #444;
11116         border-right: 0;
11117         outline: 1px solid #444;
11118 }
11119
11120 .widgets-holder-wrap .sidebar-name,
11121 .widgets-holder-wrap .sidebar-description {
11122         -webkit-user-select: none;
11123         -moz-user-select: none;
11124         user-select: none;
11125 }
11126
11127 .editwidget {
11128         margin: 0 auto;
11129 }
11130
11131 .editwidget .widget-inside {
11132         display: block;
11133         padding: 0 15px;
11134 }
11135
11136 .editwidget .widget-control-actions {
11137         margin-top: 20px;
11138 }
11139
11140 .js .widgets-holder-wrap.closed .widget,
11141 .js .widgets-holder-wrap.closed .sidebar-description,
11142 .js .closed br.clear {
11143         display: none;
11144 }
11145
11146 .nav-menus-php .item-edit:before,
11147 .widget-top a.widget-action:after,
11148 .control-section .accordion-section-title:after,
11149 .accordion-section-title:after {
11150         left: 0;
11151         content: '\f140';
11152         border: none;
11153         background: none;
11154         font: normal 20px/1 'dashicons';
11155         speak: none;
11156         display: block;
11157         padding: 0;
11158         text-indent: 0;
11159         text-align: center;
11160         position: relative;
11161         -webkit-font-smoothing: antialiased;
11162         -moz-osx-font-smoothing: grayscale;
11163         text-decoration: none !important;
11164 }
11165
11166 .widget-top a.widget-action:after {
11167         padding: 12px 12px 0;
11168 }
11169
11170 .nav-menus-php .item-edit:before {
11171         line-height: 2.1;
11172 }
11173
11174 .control-section .accordion-section-title:after,
11175 .accordion-section-title:after {
11176         float: left;
11177         left: 20px;
11178         top: -2px;
11179 }
11180
11181 .control-section.open .accordion-section-title:after,
11182 #customize-info.open .accordion-section-title:after,
11183 .nav-menus-php .menu-item-edit-active .item-edit:before {
11184         content: '\f142';
11185 }
11186
11187 /* Hide Widget Settings by Default */
11188 .widget-inside,
11189 .widget-description {
11190         display: none;
11191 }
11192
11193 /* Dragging widgets over the available widget area show's a "Deactivate" message */
11194 #removing-widget {
11195         display: none;
11196         font-weight: normal;
11197         padding-right: 15px;
11198         font-size: 12px;
11199         line-height: 1;
11200 }
11201
11202 .widget-control-noform,
11203 #access-off,
11204 .widgets_access .widget-action,
11205 .widgets_access .sidebar-name-arrow,
11206 .widgets_access #access-on,
11207 .widgets_access .widget-holder .description,
11208 .no-js .widget-holder .description {
11209         display: none;
11210 }
11211
11212 .widgets_access .widget-holder,
11213 .widgets_access #widget-list {
11214         padding-top: 10px;
11215 }
11216
11217 .widgets_access #access-off {
11218         display: inline;
11219 }
11220
11221 .widgets_access .sidebar-name,
11222 .widgets_access .widget .widget-top {
11223         cursor: default;
11224 }
11225
11226
11227 /* Widgets Area Chooser */
11228 .widget-liquid-left #widgets-left.chooser #available-widgets .widget,
11229 .widget-liquid-left #widgets-left.chooser .inactive-sidebar {
11230         transition: opacity 0.1s linear;
11231 }
11232
11233 .widget-liquid-left #widgets-left.chooser #available-widgets .widget,
11234 .widget-liquid-left #widgets-left.chooser .inactive-sidebar {
11235         /* -webkit-filter: blur(1px); */
11236         opacity: 0.2;
11237         pointer-events: none;
11238 }
11239
11240 .widget-liquid-left #widgets-left.chooser #available-widgets .widget-in-question {
11241         /* -webkit-filter: none; */
11242         opacity: 1;
11243         pointer-events: auto;
11244 }
11245
11246 .widgets-chooser ul.widgets-chooser-sidebars {
11247         margin: 0;
11248         list-style-type: none;
11249         max-height: 300px;
11250         overflow: auto;
11251 }
11252
11253 .widgets-chooser {
11254         display: none;
11255 }
11256
11257 .widgets-chooser ul {
11258         border: 1px solid #ccc;
11259 }
11260
11261 .widgets-chooser li {
11262         padding: 10px 35px 10px 15px;
11263         border-bottom: 1px solid #ccc;
11264         background: #fff;
11265         margin: 0;
11266         cursor: pointer;
11267         outline: none;
11268         position: relative;
11269         transition: background: 0.2s ease-in-out;
11270 }
11271
11272 .widgets-chooser li:hover,
11273 .widgets-chooser li:focus {
11274         background: rgba(255,255,255,0.7);
11275 }
11276
11277 .widgets-chooser li:focus:before {
11278         content: '\f147';
11279         display: block;
11280         -webkit-font-smoothing: antialiased;
11281         font: normal 26px/1 'dashicons';
11282         color: #999;
11283         position: absolute;
11284         top: 7px;
11285         right: 5px;
11286 }
11287
11288 .widgets-chooser li:last-child {
11289         border: none;
11290 }
11291
11292 .widgets-chooser li.widgets-chooser-selected {
11293         background: #2ea2cc;
11294         color: #fff;
11295 }
11296
11297 .widgets-chooser li.widgets-chooser-selected:before,
11298 .widgets-chooser li.widgets-chooser-selected:focus:before {
11299         content: '\f147';
11300         display: block;
11301         -webkit-font-smoothing: antialiased;
11302         font: normal 26px/1 'dashicons';
11303         color: #fff;
11304         position: absolute;
11305         top: 7px;
11306         right: 5px;
11307 }
11308
11309 .widgets-chooser .widgets-chooser-actions {
11310         padding: 10px 0 12px 0;
11311         text-align: center;
11312 }
11313
11314 .widgets-chooser button {
11315         margin-left: 5px;
11316 }
11317
11318 #available-widgets .widget .widget-top {
11319         cursor: pointer;
11320 }
11321
11322 /* Enable draggable on IE10 touch events until it's rolled into jQuery UI core */
11323 .ui-sortable,
11324 .ui-draggable {
11325         -ms-touch-action: none;
11326         touch-action:     none;
11327 }
11328
11329 .meta-box-sortables.ui-sortable,
11330 .widgets-holder-wrap .ui-draggable,
11331 .widgets-holder-wrap .ui-sortable,
11332 .menu.ui-sortable {
11333         -ms-touch-action: auto;
11334         touch-action:     auto;
11335 }
11336
11337 .meta-box-sortables.ui-sortable .hndle,
11338 .menu.ui-sortable .menu-item-handle {
11339         -ms-touch-action: none;
11340         touch-action:     none;
11341 }
11342
11343 /* Accordion */
11344
11345 .accordion-section {
11346         border-bottom: 1px solid #dfdfdf;
11347         margin: 0;
11348 }
11349
11350 .accordion-section.open .accordion-section-content,
11351 .no-js .accordion-section .accordion-section-content {
11352         display: block;
11353 }
11354
11355 .accordion-section.open:hover {
11356         border-bottom-color: #dfdfdf;
11357 }
11358
11359 .accordion-section-content {
11360         display: none;
11361         padding: 10px 20px 15px;
11362         overflow: hidden;
11363         background: #fff;
11364         border-right: 1px solid #dfdfdf;
11365         border-left: 1px solid #dfdfdf;
11366 }
11367
11368 .accordion-section-title {
11369         margin: 0;
11370         padding: 12px 15px 15px;
11371         position: relative;
11372         border-right: 1px solid #dfdfdf;
11373         border-left: 1px solid #dfdfdf;
11374
11375         -webkit-user-select: none;
11376         -moz-user-select: none;
11377         user-select: none;
11378 }
11379
11380 .js .accordion-section-title {
11381         cursor: pointer;
11382 }
11383
11384 .js .accordion-section-title:after {
11385         position: absolute;
11386         top: 12px;
11387         left: 10px;
11388         z-index: 1;
11389 }
11390
11391 .accordion-section-title:focus {
11392         outline: none;
11393 }
11394
11395 .accordion-section-title:hover:after,
11396 .accordion-section-title:focus:after {
11397         border-color: #aaa transparent;
11398 }
11399
11400 .cannot-expand .accordion-section-title {
11401         cursor: auto;
11402 }
11403
11404 .cannot-expand .accordion-section-title:after {
11405         display: none;
11406 }
11407
11408 .control-section .accordion-section-title {
11409         border-right: none;
11410         border-left: none;
11411         padding: 10px 14px 11px 10px;
11412         line-height: 21px;
11413         background: #fff;
11414 }
11415
11416 .control-section .accordion-section-title:after {
11417         top: 11px;
11418 }
11419
11420 .js .control-section:hover .accordion-section-title,
11421 .js .control-section .accordion-section-title:hover,
11422 .js .control-section.open .accordion-section-title,
11423 .js .control-section .accordion-section-title:focus {
11424         color: #222;
11425         background: #f5f5f5;
11426 }
11427
11428 .control-section.open .accordion-section-title {
11429         /* When expanded */
11430         border-bottom: 1px solid #dfdfdf;
11431 }
11432
11433 .sticky-menu #TB_window .updated {
11434         margin: 16px 0 0;
11435 }
11436
11437 li#wp-admin-bar-menu-toggle {
11438         display: none;
11439 }
11440
11441 /* =Media Queries
11442 -------------------------------------------------------------- */
11443
11444 @media screen and (max-width: 480px) {
11445         div.widget-liquid-left {
11446                 width: 100%;
11447                 float: none;
11448                 border-left: none;
11449                 padding-left: 0;
11450         }
11451
11452         #widgets-left .sidebar-name {
11453                 margin-left: 0;
11454         }
11455
11456         #widgets-left #available-widgets .widget-top {
11457                 margin-left: 0;
11458         }
11459
11460         #widgets-left .inactive-sidebar .widgets-sortables {
11461                 margin-left: 0;
11462         }
11463
11464         div.widget-liquid-right {
11465                 width: 100%;
11466                 float: none;
11467         }
11468
11469         div.widget {
11470                 margin: 0 auto 10px !important;
11471                 max-width: 480px;
11472         }
11473 }
11474
11475 @media screen and (max-width: 320px) {
11476         div.widget {
11477                 max-width: 320px;
11478         }
11479 }
11480
11481 @media only screen and (max-width: 768px) {
11482         /* categories */
11483         #col-left {
11484                 width: 100%;
11485         }
11486
11487         #col-right {
11488                 width: 100%;
11489         }
11490 }
11491
11492 @media only screen and (min-width: 769px) {
11493         /* categories */
11494         #col-left {
11495                 width: 35%;
11496         }
11497
11498         #col-right {
11499                 width: 65%;
11500         }
11501 }
11502
11503 @media only screen and (max-width: 860px) {
11504
11505         /* categories */
11506         #col-left {
11507                 width: 35%;
11508         }
11509
11510         #col-right {
11511                 width: 65%;
11512         }
11513 }
11514
11515 @media only screen and (min-width: 980px) {
11516
11517         /* categories */
11518         #col-left {
11519                 width: 35%;
11520         }
11521
11522         #col-right {
11523                 width: 65%;
11524         }
11525 }
11526
11527 @media only screen and (max-width: 768px) {
11528         /* categories */
11529         #col-left {
11530                 width: 100%;
11531         }
11532
11533         #col-right {
11534                 width: 100%;
11535         }
11536
11537         .form-field input,
11538         .form-field textarea {
11539                 width: 99%;
11540         }
11541
11542         .form-wrap .form-field {
11543                 padding:0;
11544         }
11545
11546         /* users */
11547         #profile-page .form-table textarea {
11548                 max-width: 400px;
11549                 width: auto;
11550         }
11551
11552         /* menu locations */
11553         #menu-locations-wrap .widefat {
11554                 width: 100%;
11555         }
11556 }
11557
11558 @media only screen and (min-width: 1250px) {
11559         #widgets-left #available-widgets .widget {
11560                 width: 49%;
11561                 float: right;
11562         }
11563
11564         .widget.ui-draggable-dragging {
11565                 min-width: 49%;
11566         }
11567
11568         #widgets-left #available-widgets .widget:nth-child(even) {
11569                 float: left;
11570         }
11571
11572         #widgets-right .sidebars-column-1,
11573         #widgets-right .sidebars-column-2 {
11574                 float: right;
11575                 width: 49%;
11576         }
11577
11578         #widgets-right .sidebars-column-1 {
11579                 margin-left: 2%;
11580         }
11581
11582         #widgets-right.single-sidebar .sidebars-column-1,
11583         #widgets-right.single-sidebar .sidebars-column-2 {
11584                 float: none;
11585                 width: 100%;
11586                 margin: 0;
11587         }
11588 }
11589
11590 /**
11591  * HiDPI Displays
11592  */
11593 @media print,
11594   (-o-min-device-pixel-ratio: 5/4),
11595   (-webkit-min-device-pixel-ratio: 1.25),
11596   (min-resolution: 120dpi) {
11597         tr.wp-locked .locked-indicator {
11598                 background-image: url('../images/lock-2x.png');
11599                 background-size: 16px 16px;
11600         }
11601
11602         #content-resize-handle,
11603         #post-body .wp_themeSkin .mceStatusbar a.mceResize {
11604                 background: transparent url('../images/resize-2x.gif') no-repeat scroll left bottom;
11605                 background-size: 11px 11px;
11606         }
11607
11608         .rtl #content-resize-handle,
11609         .rtl #post-body .wp_themeSkin .mceStatusbar a.mceResize {
11610                 background: transparent url('../images/resize-rtl-2x.gif') no-repeat scroll left bottom;
11611         }
11612
11613         /* Back-compat for pre-3.8 */
11614         div.star-holder {
11615                 background: url('../images/stars-2x.png?ver=20121108') repeat-x bottom right;
11616                 background-size: 21px 37px;
11617         }
11618
11619         /* Back-compat for pre-3.8 */
11620         div.star-holder .star-rating {
11621                 background: url('../images/stars-2x.png?ver=20121108') repeat-x top right;
11622                 background-size: 21px 37px;
11623         }
11624
11625         .wp-full-overlay .collapse-sidebar-arrow {
11626                 background-image: url('../images/arrows-2x.png');
11627                 background-size: 15px 123px;
11628         }
11629
11630         .spinner,
11631         .imgedit-wait,
11632         .customize-loading #customize-container,
11633         .revision-tick.completed-false,
11634         #theme-installer .wp-full-overlay-main {
11635                 background-image: url('../images/spinner-2x.gif');
11636         }
11637
11638 }
11639
11640 /* =Localized CSS
11641 -------------------------------------------------------------- */
11642
11643 /* zh_CN: Remove italic properties. */
11644 .locale-zh-cn .howto,
11645 .locale-zh-cn .tablenav .displaying-num,
11646 .locale-zh-cn .js .input-with-default-title,
11647 .locale-zh-cn .link-to-original,
11648 .locale-zh-cn .inline-edit-row fieldset span.title,
11649 .locale-zh-cn .inline-edit-row fieldset span.checkbox-title,
11650 .locale-zh-cn #utc-time,
11651 .locale-zh-cn #local-time,
11652 .locale-zh-cn p.install-help,
11653 .locale-zh-cn p.help,
11654 .locale-zh-cn p.description,
11655 .locale-zh-cn span.description,
11656 .locale-zh-cn .form-wrap p {
11657         font-style: normal;
11658 }
11659
11660 /* zh_CN: Enlarge dashboard widget 'Configure' link */
11661 .locale-zh-cn .hdnle a { font-size: 12px; }
11662
11663 /* zn_CH: Enlarge font size, set font-size: normal */
11664 .locale-zh-cn form.upgrade .hint { font-style: normal; font-size: 100%; }
11665
11666 /* Zn_CH: Distraction free writing.
11667  *  More beautiful font for "Just write."
11668  *  Larger text for HTML/Visual mode.
11669  */
11670 .locale-zh-cn #wp-fullscreen-tagline { font-family: KaiTi, "楷体", sans-serif; }
11671 .locale-zh-cn #wp-fullscreen-modes a { font-size: 12px; }
11672
11673 /* zh_CN: Enlarge font-size. */
11674 .locale-zh-cn #sort-buttons { font-size: 1em !important; }
11675
11676 /* de_DE: Text needs more space for translation */
11677 .locale-de-de .inline-edit-row fieldset label span.title {
11678         width: 7em; /* default 5em */
11679 }
11680 .locale-de-de .inline-edit-row fieldset label span.input-text-wrap {
11681         margin-right: 7em; /* default 5em */
11682 }
11683 .locale-de-de #customize-header-actions .button {
11684         padding: 0 5px 1px; /* default 0 10px 1px */
11685 }
11686 .locale-de-de #customize-header-actions .spinner {
11687         margin: 16px 3px 0; /* default 16px 4px 0 5px */
11688 }
11689
11690 /* ru_RU: Text needs more room to breathe. */
11691 .locale-ru-ru .inline-edit-row fieldset label span.title {
11692         width: 8em; /* default 5em */
11693 }
11694 .locale-ru-ru .inline-edit-row fieldset label span.input-text-wrap {
11695         margin-right: 8em; /* default 5em */
11696 }
11697 .locale-ru-ru.press-this .posting {
11698         margin-left: 277px; /* default 252px + 25px */
11699 }
11700 .locale-ru-ru .press-this-sidebar {
11701         width: 265px; /* default 240px + 25px */
11702 }
11703 .locale-ru-ru #customize-header-actions .button {
11704         padding: 0 5px 1px; /* default 0 10px 1px */
11705 }
11706 .locale-ru-ru #customize-header-actions .spinner {
11707         margin: 16px 3px 0; /* default 16px 4px 0 5px */
11708 }
11709
11710 /* lt_LT: QuickEdit */
11711 .locale-lt-lt .inline-edit-row fieldset label span.title {
11712         width: 8em;
11713 }
11714 .locale-lt-lt .inline-edit-row fieldset label span.input-text-wrap {
11715         margin-right: 8em;
11716 }
11717
11718
11719 @-ms-viewport {
11720         width: device-width;
11721 }
11722
11723 @media screen and ( max-width: 782px ) {
11724         html.wp-toolbar {
11725                 padding-top: 46px;
11726         }
11727
11728         body {
11729                 min-width: 240px;
11730                 overflow-x: hidden;
11731         }
11732
11733         body * {
11734                 -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
11735         }
11736
11737         #wpwrap {
11738                 background: #f0f0f0;
11739         }
11740
11741         #wpcontent, .auto-fold #wpcontent {
11742                 position: relative;
11743                 margin-right: 0;
11744                 padding-right: 10px;
11745         }
11746
11747         .wrap {
11748                 margin-left: 12px;
11749                 margin-right: 0;
11750         }
11751
11752         .col-wrap {
11753                 padding: 0;
11754         }
11755
11756         .sticky-menu #adminmenuwrap {
11757                 position: relative;
11758                 z-index: auto;
11759                 top: 0;
11760         }
11761
11762         /* Hidden Elements */
11763         #screen-meta,
11764         #screen-meta-links,
11765         #collapse-menu,
11766         .post-format-select {
11767                 display: none !important;
11768         }
11769
11770         /* Input Elements */
11771         textarea {
11772                 -webkit-appearance: none;
11773         }
11774
11775         input[type=text], input[type=search],
11776         input[type=password], input[type=number] {
11777                 -webkit-appearance: none;
11778                 padding: 6px 10px;
11779         }
11780
11781         input.code {
11782                 padding-bottom: 5px;
11783                 padding-top: 10px;
11784         }
11785
11786         input[type=checkbox], .widefat th input[type=checkbox] {
11787                 -webkit-appearance: none;
11788                 padding: 10px;
11789         }
11790
11791         .widefat th input[type=checkbox] {
11792                 margin-bottom: 8px;
11793         }
11794
11795         input[type=checkbox]:checked:before, .widefat th input[type=checkbox]:before {
11796                 font: normal 30px/1 'Dashicons';
11797                 margin: -3px -5px;
11798         }
11799
11800         input[type=radio],
11801         input[type=checkbox] {
11802                 height: 25px;
11803                 width: 25px;
11804         }
11805
11806         .wp-admin p input[type=checkbox],
11807         .wp-admin p input[type=radio] {
11808                 margin-top: -3px;
11809         }
11810
11811         input[type=radio]:checked:before {
11812                 vertical-align: middle;
11813                 width: 9px;
11814                 height: 9px;
11815                 margin: 7px;
11816                 line-height: 16px;
11817         }
11818
11819         .wp-upload-form input[type=submit] {
11820                 margin-top: 10px;
11821         }
11822
11823         #wpbody select {
11824                 height: 36px;
11825                 font-size: 16px;
11826         }
11827
11828         .wp-admin .button-cancel {
11829                 padding: 0;
11830                 font-size: 14px;
11831         }
11832
11833         .wrap .add-new-h2, .wrap .add-new-h2:active {
11834                 padding: 10px 15px;
11835                 font-size: 14px;
11836         }
11837
11838         .wp-color-result {
11839                 height: auto;
11840                 padding-right: 45px;
11841         }
11842
11843         .wp-color-result:after {
11844                 font-size: 14px;
11845                 height: auto;
11846                 padding: 6px 14px;
11847         }
11848
11849         #createuser .form-field input {
11850                 width: 100%;
11851         }
11852
11853         /* Feedback Messages */
11854         .wrap div.updated, .wrap div.error, .media-upload-form div.error {
11855                 margin: 20px 0 10px 0;
11856                 padding: 5px 10px;
11857                 font-size: 14px;
11858                 line-height: 175%;
11859         }
11860
11861         /* Sidebar Adjustments */
11862         .auto-fold #adminmenu,
11863         .auto-fold #adminmenuback,
11864         .auto-fold #adminmenuwrap {
11865                 position: absolute;
11866                 width: 190px;
11867                 z-index: 100;
11868         }
11869
11870         .auto-fold #adminmenuback,
11871         .auto-fold #adminmenuwrap {
11872                 display: none;
11873         }
11874
11875         .auto-fold #adminmenu li.menu-top {
11876                 width: 100%;
11877         }
11878
11879         /* Resize the admin menu items to a comfortable touch size */
11880         .auto-fold #adminmenu li a {
11881                 font-size: 16px;
11882                 padding: 5px;
11883         }
11884
11885         .auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
11886                 padding: 10px 20px 10px 10px;
11887         }
11888
11889         /* Restore the menu names */
11890         .auto-fold #adminmenu .wp-menu-name {
11891                 display: block;
11892                 margin-right: 35px;
11893         }
11894
11895         /* Switch the arrow side */
11896         .auto-fold ul#adminmenu a.wp-has-current-submenu:after,
11897         .auto-fold ul#adminmenu > li.current > a.current:after {
11898                 border-width: 8px;
11899                 margin-top: -8px;
11900         }
11901
11902         .auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
11903                 display: none;
11904         }
11905
11906         /* Make the submenus appear correctly when tapped. */
11907         #adminmenu .wp-submenu {
11908                 position: relative;
11909                 display: none;
11910         }
11911
11912         .auto-fold #adminmenu .selected .wp-submenu,
11913         .auto-fold #adminmenu .wp-menu-open .wp-submenu {
11914                 position: relative;
11915                 display: block;
11916                 top: 0;
11917                 right: -1px;
11918                 -webkit-box-shadow: none;
11919                 box-shadow: none;
11920         }
11921
11922         .auto-fold #adminmenu .selected .wp-submenu:after,
11923         .auto-fold #adminmenu .wp-menu-open .wp-submenu:after {
11924                 display: none;
11925         }
11926
11927         .auto-fold #adminmenu .opensub .wp-submenu {
11928                 display: none;
11929         }
11930
11931         .auto-fold #adminmenu .selected .wp-submenu {
11932                 display: block;
11933         }
11934
11935         .auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after {
11936                 display: block;
11937         }
11938
11939         .auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
11940         .auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu {
11941                 position: relative;
11942                 right: -1px;
11943                 left: 0;
11944                 top: 0;
11945         }
11946
11947         /* Remove submenu headers and adjust sub meu*/
11948         #adminmenu .wp-submenu .wp-submenu-head {
11949                 display: none;
11950         }
11951
11952         /*  Sidebar Toggle */
11953         #wp-responsive-toggle {
11954                 position: fixed;
11955                 top: 5px;
11956                 right: 4px;
11957                 padding-left: 10px;
11958                 z-index: 99999;
11959                 border: none;
11960                 box-sizing: border-box;
11961                 -moz-box-sizing: border-box;
11962         }
11963
11964         .wrap .icon32 + h2 {
11965                 margin-top: -2px;
11966         }
11967
11968         .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
11969                 background: #333;
11970         }
11971
11972         .wp-responsive-open #wpbody {
11973                 left: -190px;
11974         }
11975
11976         .auto-fold .wp-responsive-open #adminmenuback,
11977         .auto-fold .wp-responsive-open #adminmenuwrap {
11978                 display: block;
11979         }
11980
11981         /* General New Post Form */
11982         #post-body-content {
11983                 min-width: 0;
11984         }
11985
11986         #titlediv #title-prompt-text,
11987         #wp-fullscreen-title-prompt-text {
11988                 padding: 10px 10px;
11989         }
11990
11991         .post-format-options {
11992                 padding-left: 0;
11993         }
11994
11995         .post-format-options a {
11996                 margin-left: 5px;
11997                 margin-bottom: 5px;
11998                 min-width: 52px;
11999         }
12000
12001         .post-format-options .post-format-title {
12002                 font-size: 11px;
12003         }
12004
12005         .post-format-options a div {
12006                 height: 28px;
12007                 width: 28px;
12008         }
12009
12010         .post-format-options a div:before {
12011                 font-size: 26px !important;
12012         }
12013
12014         /* General Metabox */
12015         .postbox {
12016                 font-size: 14px;
12017         }
12018
12019         #poststuff h3,
12020         .metabox-holder h3 {
12021                 padding: 12px;
12022         }
12023
12024         .postbox .handlediv {
12025                 margin-top: 3px;
12026         }
12027
12028         /* Publish Metabox Options */
12029         #post-visibility-select {
12030                 line-height: 280%;
12031         }
12032
12033         .wp-core-ui .save-post-visibility,
12034         .wp-core-ui .save-timestamp {
12035                 vertical-align: middle;
12036                 margin-left: 15px;
12037         }
12038
12039         .timestamp-wrap select#mm {
12040                 display: block;
12041                 width: 100%;
12042                 margin-bottom: 10px;
12043         }
12044
12045         .timestamp-wrap #jj,
12046         .timestamp-wrap #aa,
12047         .timestamp-wrap #hh,
12048         .timestamp-wrap #mn {
12049                 padding: 12px 3px;
12050                 font-size: 14px;
12051                 margin-bottom: 5px;
12052                 width: auto;
12053                 text-align: center;
12054         }
12055
12056         /* Categories Metabox */
12057         ul.category-tabs {
12058                 margin: 30px 0 15px;
12059         }
12060
12061         ul.category-tabs li.tabs {
12062                 padding: 15px;
12063         }
12064
12065         .press-this ul.category-tabs li.tabs {
12066                 padding: 3px 5px 5px; /* Reset tabs in Press This to standard size */
12067         }
12068
12069         ul.categorychecklist li {
12070                 margin-bottom: 15px;
12071         }
12072
12073         ul.categorychecklist ul {
12074                 margin-top: 15px;
12075         }
12076
12077         .category-add input[type=text],
12078         .category-add select {
12079                 max-width: none;
12080                 margin-bottom: 15px;
12081         }
12082
12083         /* Tags Metabox */
12084         .tagsdiv .newtag {
12085                 width: 100%;
12086                 padding: 25px 10px;
12087                 margin-bottom: 15px;
12088         }
12089
12090         .tagchecklist {
12091                 margin: 25px 10px;
12092         }
12093
12094         .tagchecklist span {
12095                 font-size: 16px;
12096                 line-height: 120%;
12097         }
12098
12099         /* Revisions */
12100         #diff-next-revision,
12101         #diff-previous-revision {
12102                 margin-top: -1em;
12103         }
12104
12105         table.diff {
12106                 -ms-word-break: break-all;
12107                 word-break: break-all;
12108                 word-wrap: break-word;
12109         }
12110
12111         /* Discussion */
12112         #commentstatusdiv p {
12113                 line-height: 2.8;
12114         }
12115
12116         /* TinyMCE Adjustments */
12117         .mceToolbar * {
12118                 white-space: normal !important;
12119         }
12120
12121         .mceToolbar tr,
12122         .mceToolbar td {
12123                 float: right !important;
12124         }
12125
12126         .wp_themeSkin a.mceButton {
12127                 width: 30px;
12128                 height: 30px;
12129         }
12130
12131         .wp_themeSkin .mceButton .mceIcon {
12132                 margin-top: 5px;
12133                 margin-right: 5px;
12134         }
12135
12136         .wp_themeSkin .mceSplitButton {
12137                 margin-top: 1px;
12138         }
12139
12140         .wp_themeSkin .mceSplitButton td a.mceAction {
12141                 padding-top: 6px;
12142                 padding-bottom: 6px;
12143                 padding-right: 6px;
12144                 padding-left: 3px;
12145         }
12146
12147         .wp_themeSkin .mceSplitButton td a.mceOpen,
12148         .wp_themeSkin .mceSplitButtonEnabled:hover td a.mceOpen {
12149                 padding-top: 6px;
12150                 padding-bottom: 6px;
12151                 background-position: 1px 6px;
12152         }
12153
12154         .wp_themeSkin table.mceListBox {
12155                 margin: 5px;
12156         }
12157
12158         div.quicktags-toolbar input {
12159                 padding: 10px 20px;
12160         }
12161
12162         #wp-content-editor-tools {
12163                 overflow: hidden;
12164                 padding: 20px 0 1px 15px;
12165                 top: 1px;
12166         }
12167
12168         a.wp-switch-editor {
12169                 font-size: 16px;
12170                 line-height: 1em;
12171                 margin: 3px 7px 0 0;
12172                 padding: 12px 15px;
12173         }
12174
12175         #wp-content-media-buttons a {
12176                 font-size: 16px;
12177                 line-height: 37px;
12178                 height: 39px;
12179                 padding: 0 15px 0 20px;
12180         }
12181
12182         .wp-media-buttons span.wp-media-buttons-icon,
12183         .wp-media-buttons span.jetpack-contact-form-icon {
12184                 width: 22px !important;
12185                 margin-top: -3px !important;
12186                 margin-right: -5px !important;
12187         }
12188
12189         .wp-media-buttons .add_media span.wp-media-buttons-icon:before,
12190         .wp-media-buttons #insert-jetpack-contact-form span.jetpack-contact-form-icon:before {
12191                 font-size: 20px !important;
12192         }
12193
12194         #content_wp_fullscreen {
12195                 display: none;
12196         }
12197
12198         .misc-pub-section {
12199                 padding: 20px 10px 20px;
12200         }
12201
12202         .misc-pub-section > a {
12203                 float: left;
12204                 font-size: 16px;
12205         }
12206
12207         #delete-action,
12208         #publishing-action {
12209                 line-height: 47px;
12210         }
12211
12212         /* Subsubsub Nav */
12213         .subsubsub {
12214                 font-size: 16px;
12215                 text-align: center;
12216                 margin-bottom: 15px;
12217         }
12218
12219         /* WP List Table Options & Filters */
12220         .tablenav {
12221                 height: auto;
12222         }
12223
12224         .tablenav.top {
12225                 margin: 0;
12226         }
12227
12228         .tablenav.bottom {
12229                 position: relative;
12230                 margin-top: 15px;
12231         }
12232
12233         .tablenav br {
12234                 display: none;
12235         }
12236
12237         .tablenav br.clear {
12238                 display: block;
12239         }
12240
12241         #wpbody-content {
12242                 padding-bottom: 100px;
12243         }
12244
12245         p.search-box {
12246                 float: none;
12247                 position: absolute;
12248                 bottom: 0;
12249                 width: 98%;
12250                 height: 90px;
12251                 margin-bottom: 20px;
12252         }
12253
12254         p.search-box input[name="s"] {
12255                 height: auto;
12256                 float: none;
12257                 width: 100%;
12258                 margin-bottom: 10px;
12259                 vertical-align: middle;
12260                 -webkit-appearance: none;
12261         }
12262
12263         p.search-box input[type="submit"] {
12264                 margin-bottom: 10px;
12265         }
12266
12267         .tablenav.top .actions, .view-switch {
12268                 display: none;
12269         }
12270
12271         /* Pagination */
12272         .tablenav.top .displaying-num {
12273                 display: none;
12274         }
12275
12276         .tablenav.bottom .displaying-num {
12277                 position: absolute;
12278                 left: 0;
12279                 top: 10px;
12280                 font-size: 14px;
12281         }
12282
12283         .tablenav-pages {
12284                 width: 100%;
12285                 text-align: center;
12286                 margin: 0 0 25px;
12287         }
12288
12289         .tablenav.bottom .tablenav-pages {
12290                 margin-top: 25px;
12291         }
12292
12293         .tablenav.top .tablenav-pages.one-page {
12294                 display: none;
12295         }
12296
12297         .tablenav.bottom .tablenav-pages.one-page {
12298                 margin: 15px 0 0 0;
12299                 height: 0;
12300         }
12301
12302         .tablenav-pages .pagination-links .paging-input {
12303                 font-size: 18px;
12304         }
12305
12306         .tablenav-pages .pagination-links a {
12307                 padding: 8px 20px 11px;
12308                 font-size: 18px;
12309                 background: rgba(0, 0, 0, 0.05);
12310         }
12311
12312         .tablenav-pages .pagination-links .current-page {
12313                 padding: 10px;
12314                 font-size: 14px;
12315         }
12316
12317         /* WP List Table Adjustments: General */
12318         .form-wrap > p {
12319                 display: none;
12320         }
12321
12322         .comment-count {
12323                 font-size: 14px;
12324         }
12325
12326         /* Columns to hide */
12327         .fixed .column-date,
12328         .fixed .column-author,
12329         .column-categories,
12330         .column-tags,
12331         .tags .column-description,
12332         .media .column-parent,
12333         .users .column-email,
12334         .users .column-name,
12335         .sites .column-registered,
12336         .sites .column-users {
12337                 display: none;
12338         }
12339
12340         .fixed .column-comment .comment-author {
12341                 display: block;
12342         }
12343
12344         /* Posts */
12345         .column-title {
12346                 width: 85%;
12347         }
12348
12349         .fixed .column-comments, .widefat .check-column {
12350                 width: 35px
12351         }
12352
12353         .widefat thead .check-column, .widefat tfoot .check-column {
12354                 padding: 10px 0 10px;
12355         }
12356
12357         .widefat * {
12358                 word-wrap: normal;
12359         }
12360
12361         /* Quick Edit and Bulk Edit */
12362         #wpbody-content .quick-edit-row-post .inline-edit-col-left,
12363         #wpbody-content .quick-edit-row-post .inline-edit-col-right,
12364         #wpbody-content .inline-edit-row-post .inline-edit-col-center,
12365         #wpbody-content .quick-edit-row-page .inline-edit-col-left,
12366         #wpbody-content .quick-edit-row-page .inline-edit-col-right,
12367         #wpbody-content .bulk-edit-row-post .inline-edit-col-right,
12368         #wpbody-content .bulk-edit-row .inline-edit-col-left,
12369         #wpbody-content .bulk-edit-row-page .inline-edit-col-right,
12370         #wpbody-content .bulk-edit-row .inline-edit-col-bottom {
12371                 float: none;
12372                 width: 100%;
12373         }
12374
12375         #wpbody-content .quick-edit-row fieldset .inline-edit-col label,
12376         #wpbody-content .quick-edit-row fieldset .inline-edit-group label,
12377         #wpbody-content .bulk-edit-row fieldset .inline-edit-col label,
12378         #wpbody-content .bulk-edit-row fieldset .inline-edit-group label {
12379                 max-width: none;
12380                 float: none;
12381                 margin-bottom: 5px;
12382         }
12383
12384         #wpbody .bulk-edit-row fieldset select {
12385                 display: block;
12386                 width: 100%;
12387                 max-width: none;
12388                 -moz-box-sizing: border-box;
12389                 box-sizing: border-box;
12390         }
12391
12392         .inline-edit-row fieldset ul.cat-checklist label,
12393         .inline-edit-row #bulk-titles div {
12394                 font-size: 16px;
12395         }
12396
12397         .inline-edit-row fieldset label span.title {
12398                 float: none;
12399         }
12400
12401         .inline-edit-row fieldset label.inline-edit-tags {
12402                 padding: 0 0.5em;
12403         }
12404
12405         .inline-edit-row fieldset .inline-edit-col label.inline-edit-tags {
12406                 padding: 0;
12407         }
12408
12409         .inline-edit-row fieldset label span.input-text-wrap {
12410                 margin-right: 0;
12411         }
12412
12413         .inline-edit-row fieldset input[name=jj],
12414         .inline-edit-row fieldset input[name=hh],
12415         .inline-edit-row fieldset input[name=mn] {
12416                 width: 3em;
12417         }
12418
12419         .inline-edit-row fieldset input[name=aa] {
12420                 width: 4.5em;
12421         }
12422
12423         #bulk-titles div {
12424                 margin: 0.8em 0.3em;
12425         }
12426
12427         #bulk-titles div a {
12428                 height: 22px;
12429         }
12430
12431         /* Taxonomies */
12432         .tags .column-posts {
12433                 width: 50px;
12434         }
12435
12436         .tags .column-slug {
12437                 width: 30%;
12438         }
12439
12440         /* Comments */
12441         .comments .column-response {
12442                 width: 35%;
12443         }
12444
12445         /* Users */
12446         .users .column-role {
12447                 width: 35%;
12448         }
12449
12450         /* Network admin sites */
12451         .sites .column-blogname {
12452                 width: 55%;
12453         }
12454
12455         /* Updates */
12456         #wpbody-content #update-themes-table .plugin-title {
12457                 width: auto;
12458         }
12459
12460         /* Form Tables */
12461         .form-table {
12462                 -moz-box-sizing: border-box;
12463                 box-sizing: border-box;
12464         }
12465
12466         .form-table th,
12467         .form-table td {
12468                 display: block;
12469                 width: auto;
12470                 vertical-align: middle;
12471         }
12472
12473         .form-table .color-palette td {
12474                 display: table-cell;
12475                 width: 15px;
12476         }
12477
12478         .form-table table.color-palette {
12479                 margin-left: 10px;
12480         }
12481
12482         textarea,
12483         input {
12484                 font-size: 16px;
12485         }
12486
12487         .form-table td input[type="text"],
12488         .form-table td input[type="password"],
12489         .form-table td select,
12490         .form-table td textarea,
12491         .form-table span.description,
12492         #profile-page .form-table textarea {
12493                 width: 100%;
12494                 font-size: 16px;
12495                 line-height: 1.5;
12496                 padding: 7px 10px;
12497                 display: block;
12498                 max-width: none;
12499                 box-sizing: border-box;
12500                 -moz-box-sizing: border-box;
12501         }
12502
12503         input[type=text].small-text,
12504         input[type=search].small-text,
12505         input[type=password].small-text,
12506         input[type=number].small-text,
12507         input[type="number"].small-text,
12508         .form-table input[type=text].small-text {
12509                 width: auto;
12510                 max-width: 55px;
12511                 display: inline;
12512                 padding: 3px 6px;
12513                 margin: 0 3px;
12514         }
12515
12516         #pass-strength-result {
12517                 width: 100%;
12518                 box-sizing: border-box;
12519                 -moz-box-sizing: border-box;
12520                 padding: 8px;
12521         }
12522
12523         .form-table span.description {
12524                 padding: 4px 0 0;
12525                 line-height: 1.4em;
12526         }
12527
12528         .form-table th {
12529                 padding-top: 10px;
12530                 padding-bottom: 0;
12531                 border-bottom: 0;
12532         }
12533
12534         .form-table td {
12535                 padding-top: 8px;
12536                 padding-right: 0;
12537         }
12538
12539         .form-table input.regular-text {
12540                 width: 100%;
12541         }
12542
12543         .form-table label {
12544                 font-size: 14px;
12545         }
12546
12547         .form-table fieldset label {
12548                 display: block;
12549         }
12550
12551         #utc-time {
12552                 margin-top: 10px;
12553         }
12554
12555         #utc-time,
12556         #local-time {
12557                 display: block;
12558                 float: none;
12559                 padding: 0;
12560                 line-height: 2;
12561         }
12562
12563         /* Add/Edit Media */
12564         .wp_attachment_details label[for="content"] {
12565                 font-size: 14px;
12566                 line-height: 1.5em;
12567         }
12568
12569         /* Links */
12570         .link-manager-php #posts-filter {
12571                 margin-top: 25px;
12572         }
12573
12574         .link-manager-php .tablenav.bottom {
12575                 overflow: hidden;
12576         }
12577
12578         .links-table #link_rel {
12579                 max-width: none;
12580         }
12581
12582         .links-table th,
12583         .links-table td {
12584                 padding: 10px 0;
12585         }
12586
12587         /**
12588          * Nav Menus
12589          * ----------------------------------------------------------------------------
12590          */
12591         body.nav-menus-php {
12592                 min-width: 0 !important;
12593         }
12594
12595         #nav-menus-frame {
12596                 margin-right: 0;
12597                 float: none;
12598                 width: 100%;
12599         }
12600
12601         #wpbody-content #menu-settings-column {
12602                 display: block;
12603                 width: 100%;
12604                 float: none;
12605                 margin-right: 0;
12606         }
12607
12608         #side-sortables .add-menu-item-tabs {
12609                 margin: 15px 0 14px;
12610         }
12611
12612         ul.add-menu-item-tabs li.tabs {
12613                 padding: 13px 15px 14px;
12614         }
12615
12616         .nav-menus-php .item-controls .item-type {
12617                 margin-top: 2px;
12618         }
12619
12620         .nav-menus-php .customlinkdiv .howto input {
12621                 width: 65%;
12622         }
12623
12624         .nav-menus-php .quick-search {
12625                 width: 85%;
12626         }
12627
12628         #menu-management-liquid {
12629                 margin-top: 25px;
12630         }
12631
12632         .nav-menus-php .menu-name-label.howto span {
12633                 margin-top: 13px
12634         }
12635
12636         .menu-name-label #menu-name {
12637                 margin-top: 4px;
12638         }
12639
12640         .nav-menus-php .major-publishing-actions .publishing-action {
12641                 margin-top: 6px;
12642         }
12643
12644         .nav-menus-php .delete-action {
12645                 font-size: 14px;
12646                 line-height: 50px;
12647                 margin-top: 12px;
12648         }
12649
12650         .menu-item-bar .menu-item-handle,
12651         .menu-item-settings,
12652         .description-wide {
12653                 width: auto;
12654         }
12655
12656         .menu-item-settings {
12657                 padding: 10px;
12658         }
12659
12660         .menu-item-settings .description-thin,
12661         .menu-item-settings .description-wide {
12662                 width: 100%;
12663                 height: auto;
12664         }
12665
12666         .menu-item-settings input {
12667                 width: 100%;
12668         }
12669
12670         .menu-settings dl {
12671                 padding-right: 0;
12672         }
12673
12674         .menu-settings dd {
12675                 float: none;
12676                 width: 100%;
12677                 margin-bottom: 15px;
12678         }
12679
12680         .menu-settings dt {
12681                 float: none;
12682                 width: auto;
12683                 margin-right: 0;
12684                 margin-bottom: 15px;
12685         }
12686
12687         .available-theme .action-links .delete-theme {
12688                 float: none;
12689                 margin: 0;
12690                 padding: 0;
12691                 clear: both;
12692         }
12693
12694         .available-theme .action-links .delete-theme a {
12695                 padding: 0;
12696         }
12697
12698         /* Widget Management Page (Needs UX work on mobile) */
12699         #templateside {
12700                 float: none;
12701                 width: auto;
12702         }
12703
12704         #templateside li {
12705                 margin: 0;
12706         }
12707
12708         #templateside li a {
12709                 display: block;
12710                 padding: 5px;
12711         }
12712
12713         #templateside .highlight {
12714                 padding: 5px;
12715                 margin-right: -5px;
12716                 margin-top: -5px;
12717         }
12718
12719         #template div {
12720                 float: none;
12721                 margin: 0;
12722                 width: auto;
12723         }
12724
12725         #template textarea {
12726                 width: 100%;
12727         }
12728
12729         .fileedit-sub .alignright {
12730                 margin-top: 15px;
12731         }
12732
12733         /* Plugin/Theme Management Page */
12734         .wp-list-table.plugins {
12735                 position: relative;
12736                 margin-top: 35px;
12737                 margin-bottom: 50px;
12738         }
12739
12740         .wp-list-table.plugins thead .column-description,
12741         #wpbody-content .wp-list-table.plugins tfoot .column-description,
12742         .wp-list-table.plugins th#description {
12743                 display: none;
12744         }
12745
12746         #wpbody-content .wp-list-table.plugins,
12747         #wpbody-content .wp-list-table.plugins thead,
12748         #wpbody-content .wp-list-table.plugins tbody,
12749         #wpbody-content .wp-list-table.plugins tr,
12750         #wpbody-content .wp-list-table.plugins .column-description,
12751         #wpbody-content .wp-list-table.plugins .plugin-title,
12752         #wpbody-content .wp-list-table.plugins .theme-title,
12753         #wpbody-content .wp-list-table.plugins .plugin-update,
12754         #wpbody-content .wp-list-table.plugins .manage-column.column-name {
12755                 display: block;
12756                 width: auto;
12757         }
12758
12759         .wp-list-table.plugins thead,
12760         .wp-list-table.plugins tfoot {
12761                 position: absolute;
12762                 top: -35px;
12763                 right: 0;
12764                 left: 0;
12765                 width: auto;
12766                 height: 35px;
12767         }
12768
12769         .wp-list-table.plugins tfoot {
12770                 bottom: -35px;
12771                 top: auto;
12772         }
12773
12774         .active, .inactive {
12775                 padding-top: 0;
12776         }
12777
12778         .wp-list-table.plugins .plugin-title,
12779         .wp-list-table.plugins .theme-title {
12780                 padding-top: 13px;
12781                 padding-bottom: 4px;
12782         }
12783
12784         .plugins tr.active + tr.inactive th.check-column,
12785         .plugins tr.active + tr.inactive td,
12786         .wp-list-table.plugins .plugin-title,
12787         .wp-list-table.plugins .theme-title,
12788         .wp-list-table.plugins tbody th {
12789                 box-shadow: none;
12790                 -webkit-box-shadow: none;
12791         }
12792
12793         .plugins tbody {
12794                 padding: 1px 0 0;
12795         }
12796
12797         .plugins tr.active + tr.inactive td.column-description {
12798                 -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
12799                 -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
12800                 -ms-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
12801                 -o-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
12802                 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
12803         }
12804
12805         .plugins tr.active + tr.inactive th.check-column,
12806         .plugins tr.active + tr.inactive td {
12807                 border-top: none;
12808         }
12809
12810         .wp-list-table.plugins .column-description {
12811                 padding-top: 0;
12812         }
12813
12814         .wp-list-table.plugins .manage-column.column-name,
12815         .wp-list-table.plugins .column-description,
12816         .wp-list-table.plugins .plugin-title,
12817         .wp-list-table.plugins .theme-title {
12818                 padding-left: 12px;
12819                 padding-right: 46px;
12820         }
12821
12822         .wp-list-table.plugins tr {
12823                 position: relative;
12824         }
12825
12826         .wp-list-table.plugins th.check-column,
12827         .wp-list-table.plugins tr.update th.check-column {
12828                 position: absolute;
12829                 height: auto;
12830                 top: 0;
12831                 bottom: 0;
12832                 right: 0;
12833                 padding-right: 2px;
12834                 padding-top: 18px;
12835         }
12836
12837         .wp-list-table.plugins thead th.check-column,
12838         .wp-list-table.plugins tfoot th.check-column {
12839                 padding-right: 3px;
12840                 padding-top: 11px;
12841                 background: none;
12842         }
12843
12844         .widefat tbody th.check-column input[type="checkbox"] {
12845                 margin-top: -3px;
12846                 margin-right: 8px;
12847         }
12848
12849         .wp-list-table.plugins .active .check-column input,
12850         .wp-list-table.plugins .update .check-column input {
12851                 margin-right: 5px;
12852         }
12853
12854         .wp-list-table.plugins thead .check-column input,
12855         .wp-list-table.plugins tfoot .check-column input {
12856                 margin-top: -6px;
12857         }
12858
12859         .wp-list-table.plugins .active th.check-column {
12860                 background: none;
12861         }
12862
12863         .wp-list-table.plugins .plugin-title strong,
12864         .wp-list-table.plugins .theme-title strong {
12865                 font-size: 1.4em;
12866                 line-height: 1.6em;
12867         }
12868
12869         /* Add New plugins page */
12870         table.plugin-install .column-name,
12871         table.plugin-install .column-version,
12872         table.plugin-install .column-rating,
12873         table.plugin-install .column-description {
12874                 display: block;
12875                 width: auto;
12876         }
12877
12878         table.plugin-install th.column-name,
12879         table.plugin-install th.column-version,
12880         table.plugin-install th.column-rating,
12881         table.plugin-install th.column-description {
12882                 display: none;
12883         }
12884
12885         table.plugin-install td.column-name strong {
12886                 font-size: 1.4em;
12887                 line-height: 1.6em;
12888         }
12889
12890         table.plugin-install #the-list td {
12891                 -webkit-box-shadow: none;
12892                 box-shadow: none;
12893         }
12894
12895         table.plugin-install #the-list tr {
12896                 display: block;
12897                 -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
12898                 box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
12899         }
12900
12901         /*  Dashboard */
12902         #dashboard_recent_comments #the-comment-list .comment-item .avatar {
12903                 height: 30px;
12904                 width: 30px;
12905                 margin: 4px 0 5px 10px;
12906         }
12907
12908         /*  About Page */
12909         .about-wrap .feature-section.one-col > div,
12910         .about-wrap .feature-section.two-col > div,
12911         .about-wrap .three-col.about-updates > div  {
12912                 width: 100%;
12913                 margin: 0;
12914                 float: none;
12915         }
12916
12917         .about-wrap .about-colors .color-option {
12918                 width: 49%;
12919         }
12920
12921         /* Moderate Comment */
12922         .comment-ays {
12923                 border-bottom: none;
12924         }
12925
12926         #wpfooter {
12927                 display: none;
12928         }
12929
12930         #comments-form .checkforspam {
12931                 display: none;
12932         }
12933
12934         /* Reset responsive styles in Press This */
12935
12936         .press-this a.wp-switch-editor {
12937                 font: 13px/19px "Open Sans", sans-serif;
12938                 margin: 5px 5px 0 0;
12939                 padding: 3px 8px 4px;
12940         }
12941
12942         .press-this #wp-content-media-buttons a {
12943                 padding: 0;
12944                 line-height: normal;
12945                 height: auto;
12946         }
12947
12948         .press-this #wp-content-editor-tools {
12949                 padding: 0;
12950                 top: 3px;
12951         }
12952
12953         .press-this .category-tabs {
12954                 margin-top: 0;
12955         }
12956
12957         .press-this .tagsdiv .newtag {
12958                 width: 120px;
12959                 padding: 3px 5px;
12960                 margin-bottom: 0;
12961         }
12962
12963         .press-this .tagchecklist {
12964                 padding: 0;
12965                 margin-bottom: 0;
12966         }
12967
12968         .press-this .wp_themeSkin a.mceButton {
12969                 width: 20px;
12970                 height: 20px;
12971         }
12972
12973         .press-this .wp_themeSkin .mceButton .mceIcon {
12974                 margin: 0;
12975         }
12976
12977         .press-this #poststuff h3,
12978         .press-this .metabox-holder h3 {
12979                 padding: 7px 12px;
12980         }
12981
12982         .interim-login input[type=checkbox],
12983         .press-this input[type=checkbox],
12984         .press-this input[type=radio] {
12985                 height: 16px;
12986                 width: 16px;
12987         }
12988
12989         .interim-login input[type=checkbox]:checked:before,
12990         .press-this input[type=checkbox]:checked:before {
12991                 width: 16px;
12992                 font: normal 21px/1 'dashicons';
12993                 margin: -3px -4px 0 0;
12994         }
12995
12996         .press-this input[type=radio]:checked:before {
12997                 font: normal 21px/1 'dashicons';
12998                 width: 6px;
12999                 height: 6px;
13000                 margin: 4px;
13001         }
13002
13003         .press-this ul.categorychecklist ul,
13004         .press-this ul.categorychecklist li {
13005                 margin-top: 0;
13006                 margin-bottom: 0;
13007         }
13008
13009         .press-this div.quicktags-toolbar input {
13010                 padding: 2px 4px;
13011         }
13012
13013         .press-this textarea,
13014         .press-this input {
13015                 font-size: 14px;
13016         }
13017
13018         .press-this .tagchecklist span {
13019                 font-size: 13px;
13020                 line-height: 1.8em;
13021         }
13022 }
13023
13024 @media only screen and (max-width: 500px) {
13025         .about-wrap {
13026                 margin-left: 20px;
13027                 margin-right: 10px;
13028         }
13029
13030         .about-wrap h1,
13031         .about-text {
13032                 margin-left: 0;
13033         }
13034
13035         .about-text {
13036                 margin-bottom: 0.25em;
13037         }
13038
13039         .about-wrap .wp-badge {
13040                 position: relative;
13041                 margin-bottom: 1.5em;
13042                 width: 100%;
13043         }
13044
13045         .about-wrap .feature-section.three-col div {
13046                 width: 100%;
13047                 float: none;
13048         }
13049
13050         .about-wrap .three-col.about-updates .col-1 {
13051                 padding: 0;
13052                 float: none;
13053         }
13054
13055         .about-wrap .three-col.about-updates .col-2 {
13056                 margin: 0 0 20px;
13057                 width: 100%;
13058                 float: none;
13059         }
13060
13061         /* Align Add Media + Visual + Text tabs */
13062         #wp-content-media-buttons a {
13063                 font-size: 14px;
13064                 padding: 0 10px 0 10px;
13065         }
13066 }
13067
13068 @media screen and ( max-width: 782px ) {
13069         #wpadminbar #wp-admin-bar-menu-toggle a {
13070                 display: block;
13071                 padding: 0;
13072                 overflow: hidden;
13073                 outline: none;
13074                 text-decoration: none;
13075                 border: 1px solid transparent;
13076                 background: none;
13077                 height: 44px;
13078                 margin-right: -1px;
13079         }
13080
13081         li#wp-admin-bar-menu-toggle {
13082                 display: block;
13083         }
13084
13085         #wpadminbar #wp-admin-bar-menu-toggle a:hover {
13086                 border: 1px solid transparent;
13087         }
13088
13089         #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
13090                 content: '\f228';
13091                 display: inline-block;
13092                 float: right;
13093                 font: normal 40px/45px 'Dashicons';
13094                 vertical-align: middle;
13095                 outline: none;
13096                 margin: 0;
13097                 -webkit-font-smoothing: antialiased;
13098                 -moz-osx-font-smoothing: grayscale;
13099                 height: 44px;
13100                 width: 50px;
13101                 padding: 0;
13102                 border: none;
13103                 text-align: center;
13104                 text-decoration: none;
13105                 box-sizing: border-box;
13106                 -moz-box-sizing: border-box;
13107         }
13108 }
13109
13110 /* Smartphone */
13111 @media screen and (max-width: 600px) {
13112         #adminmenuwrap,
13113         #adminmenuback {
13114                 display: none;
13115         }
13116
13117         .wp-responsive-open #adminmenuwrap,
13118         .wp-responsive-open #adminmenuback {
13119                 display: block;
13120         }
13121
13122         /* Disable horizontal scroll when responsive menu is open
13123            since we push the main content off to the right. */
13124         #wpwrap.wp-responsive-open {
13125                 overflow-x: hidden;
13126         }
13127
13128         html.wp-toolbar {
13129                 padding-top: 0;
13130         }
13131
13132         #wpbody {
13133                 padding-top: 46px;
13134         }
13135
13136         .auto-fold #adminmenu {
13137                 top: 46px;
13138         }
13139
13140         #wp-responsive-overlay {
13141                 position: fixed;
13142                 top: 0;
13143                 right: 0;
13144                 width: 100%;
13145                 height: 100%;
13146                 z-index: 400;
13147         }
13148
13149         /* Keep the close icon from overlapping the Welcome text. */
13150         .welcome-panel .welcome-panel-close {
13151                 overflow: hidden;
13152                 text-indent: 100%;
13153                 white-space: nowrap;
13154                 width: 20px;
13155                 height: 20px;
13156                 left: 0;
13157                 padding: 5px;
13158         }
13159
13160         /* Make the close icon larger for tappability. */
13161         #welcome-panel.welcome-panel .welcome-panel-close::before {
13162                 font-size: 20px;
13163                 margin: 0;
13164         }
13165
13166         /* Keep full-width boxes on Edit Post page from causing horizontal scroll */
13167         div#post-body.metabox-holder.columns-1 {
13168                 overflow-x: hidden;
13169         }
13170
13171         /* Color Picker Options */
13172         .color-option {
13173                 width: 49%;
13174         }
13175 }