[Summary view] [Print] [Text view]

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