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