<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>[26134] trunk/src: Bring in the responsive component of MP6.</title>
</head>
<body>
<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; }
#msg dl a { font-weight: bold}
#msg dl a:link { color:#fc3; }
#msg dl a:active { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta">
<dt>Revision</dt> <dd><a href="http://core.trac.wordpress.org/changeset/26134">26134</a></dd>
<dt>Author</dt> <dd>iammattthomas</dd>
<dt>Date</dt> <dd>2013-11-13 17:59:32 +0000 (Wed, 13 Nov 2013)</dd>
</dl>
<h3>Log Message</h3>
<pre>Bring in the responsive component of MP6. See <a href="http://core.trac.wordpress.org/ticket/25858">#25858</a>.
* Makes the admin fully responsive down to 320px wide.
* Adds a touch-optimized main menu that can be opened and closed from the toolbar.
* Size and positioning adjustments to icons, buttons, and text elements for better touch usability.
A few changes since MP6:
* Removed jQuery mobile. This script was used to add swipe controls to open/close the sidebar menu. This feature was apparently buggy and due to the pending demise of jQuery mobile, it was removed.
* Removed use of Backbone.js. Adding Backbone.js to this script would add a dependency of Backbone.js for all of the admin. Additionally, it was used to add a menu item. Instead of doing that, it was added via the admin menu API. This also fixes a bad delay in the item showing in the menu.
* CSS layout is standardized. Comments have also been cleaned up.
* Jetpack and Akismet code is removed.
* RTL CSS is removed.
* JS passes hinting other than one small issue that will likely be removed when parts of the code are reviewed.
A number of areas for improvement remain; we're tracking these issues in the comments of <a href="http://core.trac.wordpress.org/ticket/25858">#25858</a>.
Props to tollmanz, tillkruess, helen, dd32, and apeatling.</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#trunksrcwpadminadminheaderphp">trunk/src/wp-admin/admin-header.php</a></li>
<li><a href="#trunksrcwpadmincsswpadmincss">trunk/src/wp-admin/css/wp-admin.css</a></li>
<li><a href="#trunksrcwpadminjscommonjs">trunk/src/wp-admin/js/common.js</a></li>
<li><a href="#trunksrcwpincludesadminbarphp">trunk/src/wp-includes/admin-bar.php</a></li>
<li><a href="#trunksrcwpincludesclasswpadminbarphp">trunk/src/wp-includes/class-wp-admin-bar.php</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunksrcwpadminadminheaderphp"></a>
<div class="modfile"><h4>Modified: trunk/src/wp-admin/admin-header.php (26133 => 26134)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/src/wp-admin/admin-header.php 2013-11-13 16:23:30 UTC (rev 26133)
+++ trunk/src/wp-admin/admin-header.php 2013-11-13 17:59:32 UTC (rev 26134)
</span><span class="lines">@@ -67,6 +67,7 @@
</span><span class="cx"> decimalPoint = '<?php echo addslashes( $wp_locale->number_format['decimal_point'] ); ?>',
</span><span class="cx"> isRtl = <?php echo (int) is_rtl(); ?>;
</span><span class="cx"> </script>
</span><ins>+<meta name="viewport" content="width=device-width,initial-scale=1.0">
</ins><span class="cx"> <?php
</span><span class="cx">
</span><span class="cx"> /**
</span></span></pre></div>
<a id="trunksrcwpadmincsswpadmincss"></a>
<div class="modfile"><h4>Modified: trunk/src/wp-admin/css/wp-admin.css (26133 => 26134)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/src/wp-admin/css/wp-admin.css 2013-11-13 16:23:30 UTC (rev 26133)
+++ trunk/src/wp-admin/css/wp-admin.css 2013-11-13 17:59:32 UTC (rev 26134)
</span><span class="lines">@@ -1921,10 +1921,6 @@
</span><span class="cx">
</span><span class="cx"> /* Sticky admin menu */
</span><span class="cx">
</span><del>-.sticky-menu #wpwrap {
- z-index: 1; /* prevent flyouts from going behind content in Webkit */
-}
-
</del><span class="cx"> .sticky-menu #adminmenuwrap {
</span><span class="cx"> position: fixed;
</span><span class="cx"> top: 32px;
</span><span class="lines">@@ -10240,6 +10236,10 @@
</span><span class="cx"> margin: 16px 0 0;
</span><span class="cx"> }
</span><span class="cx">
</span><ins>+li#wp-admin-bar-toggle-button {
+ display: none;
+}
+
</ins><span class="cx"> /* =Media Queries
</span><span class="cx"> -------------------------------------------------------------- */
</span><span class="cx">
</span><span class="lines">@@ -10457,3 +10457,1786 @@
</span><span class="cx"> #TB_closeAjaxWindow a {
</span><span class="cx"> text-decoration: none;
</span><span class="cx"> }
</span><ins>+
+@-ms-viewport {
+ width: device-width;
+ zoom: 1;
+ user-zoom: fixed;
+}
+
+@media screen and ( max-width: 782px ) {
+ body {
+ min-width: 240px;
+ overflow-x: hidden;
+ }
+
+ body * {
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
+ }
+
+ #wpwrap {
+ background: #f0f0f0;
+ overflow-x: hidden;
+ }
+
+ #wpcontent, .auto-fold #wpcontent {
+ position: relative;
+ margin-left: 0;
+ padding-left: 10px;
+ }
+
+ .wrap {
+ margin-right: 10px;
+ margin-left: 0;
+ }
+
+ .col-wrap {
+ padding: 0;
+ }
+
+ .sticky-menu #adminmenuwrap {
+ position: relative;
+ z-index: auto;
+ top: 0;
+ }
+
+ /* Hidden Elements */
+ #screen-meta,
+ #screen-meta-links,
+ #collapse-menu,
+ .post-format-select {
+ display: none !important;
+ }
+
+ /* Input Elements */
+ textarea {
+ -webkit-appearance: none;
+ }
+
+ input[type=text], input[type=search],
+ input[type=password], input[type=number] {
+ -webkit-appearance: none;
+ padding: 6px 10px;
+ }
+
+ input.code {
+ padding-bottom: 5px;
+ padding-top: 10px;
+ }
+
+ input[type=checkbox], .widefat th input[type=checkbox] {
+ -webkit-appearance: none;
+ padding: 10px;
+ }
+
+ .widefat th input[type=checkbox] {
+ margin-bottom: 8px;
+ }
+
+ input[type=checkbox]:checked:before, .widefat th input[type=checkbox]:before {
+ font: normal 30px/1 'Dashicons';
+ margin: -3px -5px;
+ }
+
+ input[type=radio],
+ input[type=checkbox] {
+ height: 25px;
+ width: 25px;
+ }
+
+ .wp-admin p input[type=checkbox],
+ .wp-admin p input[type=radio] {
+ margin-top: -3px;
+ }
+
+ input[type=radio]:checked:before {
+ vertical-align: middle;
+ width: 9px;
+ height: 9px;
+ margin: 7px;
+ line-height: 16px;
+ }
+
+ .wp-upload-form input[type=submit] {
+ margin-top: 10px;
+ }
+
+ #wpbody select {
+ height: 36px;
+ font-size: 16px;
+ }
+
+ .wp-core-ui .button,
+ input#publish,
+ input#save-post,
+ a.preview {
+ padding: 10px 14px;
+ line-height: 1;
+ font-size: 14px;
+ vertical-align: middle;
+ height: auto;
+ margin-bottom: 4px;
+ }
+
+ #media-upload.wp-core-ui .button {
+ padding: 0 10px 1px;
+ height: 24px;
+ line-height: 22px;
+ font-size: 13px;
+ }
+
+ .wrap .add-new-h2, .wrap .add-new-h2:active {
+ padding: 10px 15px;
+ font-size: 14px;
+ }
+
+ .wp-color-result {
+ height: auto;
+ padding-left: 45px;
+ }
+
+ .wp-color-result:after {
+ font-size: 14px;
+ height: auto;
+ padding: 6px 14px;
+ }
+
+ #createuser .form-field input {
+ width: 100%;
+ }
+
+ /* Feedback Messages */
+ .wrap div.updated, .wrap div.error, .media-upload-form div.error {
+ margin: 20px 0 10px 0;
+ padding: 5px 10px;
+ font-size: 14px;
+ line-height: 175%;
+ }
+
+ /* Sidebar Adjustments */
+ .auto-fold #adminmenu,
+ .auto-fold #adminmenuback,
+ .auto-fold #adminmenuwrap {
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 100;
+ }
+
+ .auto-fold #adminmenuback,
+ .auto-fold #adminmenuwrap {
+ left: -200px;
+ }
+
+ .auto-fold #adminmenuwrap,
+ .auto-fold #adminmenu,
+ .auto-fold #adminmenuback {
+ width: 190px;
+ }
+
+ .auto-fold #adminmenu li.menu-top {
+ width: 100%;
+ }
+
+ /* Let the menubar scroll independently of the main column */
+ .auto-fold #adminmenuwrap {
+ height: 100%;
+ position: fixed;
+ overflow: hidden;
+ overflow-y: scroll;
+ top: 46px;
+
+ height: -webkit-calc(100% - 46px);
+ height: calc(100% - 46px);
+
+ -webkit-box-shadow: inset 2px 0 0 rgba(0, 0, 0, .1);
+ box-shadow: inset 2px 0 0 rgba(0, 0, 0, .1);
+
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+
+ -webkit-overflow-scrolling: touch;
+ }
+
+ /* Experimental animations for sidebar */
+ .auto-fold #adminmenu,
+ .auto-fold #adminmenuback,
+ .auto-fold #adminmenuwrap {
+ -moz-transition: left .2s ease-in-out;
+ -webkit-transition: left .2s ease-in-out;
+ transition: left .2s ease-in-out;
+ }
+
+ #wpbody {
+ -moz-transition: right .2s ease-in-out;
+ -webkit-transition: right .2s ease-in-out;
+ transition: right .2s ease-in-out;
+ }
+
+ .auto-fold #adminmenu {
+ -webkit-opacity: .10;
+ -moz-opacity: .10;
+ opacity: .10;
+ -moz-transition: left .2s ease-in-out, -moz-opacity .3s ease-in;
+ -webkit-transition: left .2s ease-in-out, -webkit-opacity .3s ease-in;
+ transition: left .2s ease-in-out, opacity .3s ease-in;
+ }
+
+ .auto-fold .moby6-open #adminmenu {
+ -moz-opacity: 1;
+ -webkit-opacity: 1;
+ opacity: 1;
+ }
+
+ /* Resize the admin menu items to a comfortable touch size */
+ .auto-fold #adminmenu li a {
+ font-size: 16px;
+ padding: 5px;
+ }
+
+ .auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
+ padding: 10px 10px 10px 20px;
+ }
+
+ /* Restore the menu names */
+ .auto-fold #adminmenu .wp-menu-name {
+ display: block;
+ margin-left: 35px;
+ }
+
+ /* Switch the arrow side */
+ .auto-fold ul#adminmenu a.wp-has-current-submenu:after,
+ .auto-fold ul#adminmenu > li.current > a.current:after {
+ border-width: 8px;
+ margin-top: -8px;
+ }
+
+ .auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
+ display: none;
+ }
+
+ /* Make the submenus appear correctly when tapped. */
+ #adminmenu .wp-submenu {
+ position: relative;
+ display: none;
+ }
+
+ .auto-fold #adminmenu .selected .wp-submenu,
+ .auto-fold #adminmenu .wp-menu-open .wp-submenu {
+ position: relative;
+ display: block;
+ top: 0;
+ left: -1px;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ }
+
+ .auto-fold #adminmenu .selected .wp-submenu:after,
+ .auto-fold #adminmenu .wp-menu-open .wp-submenu:after {
+ display: none;
+ }
+
+ .auto-fold #adminmenu .opensub .wp-submenu {
+ display: none;
+ }
+
+ .auto-fold #adminmenu .selected .wp-submenu {
+ display: block;
+ }
+
+ .auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after {
+ display: block;
+ }
+
+ /* Remove submenu headers and adjust sub meu*/
+ #adminmenu .wp-submenu .wp-submenu-head {
+ display: none;
+ }
+
+ /* Sidebar Toggle */
+ #moby6-toggle {
+ position: fixed;
+ top: 5px;
+ left: 4px;
+ padding-right: 10px;
+ z-index: 99999;
+ border: none;
+ box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ }
+
+ .wrap .icon32 + h2 {
+ margin-top: -2px;
+ }
+
+ #wpadminbar #wp-admin-bar-toggle-button a {
+ display: block;
+ padding: 0;
+ overflow: hidden;
+ outline: none;
+ text-decoration: none;
+ border: 1px solid transparent;
+ background: none;
+ height: 44px;
+ margin-left: -1px;
+ }
+
+ li#wp-admin-bar-toggle-button {
+ display: block;
+ }
+
+ #wpadminbar #wp-admin-bar-toggle-button a:hover {
+ border: 1px solid transparent;
+ }
+
+ #wpadminbar #wp-admin-bar-toggle-button .ab-icon:before {
+ color: #888;
+ content: '\f228';
+ display: inline-block;
+ float: left;
+ font: normal 40px/45px 'Dashicons';
+ vertical-align: middle;
+ outline: none;
+ margin: 0;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ height: 44px;
+ width: 50px;
+ padding: 0;
+ border: none;
+ text-align: center;
+ text-decoration: none;
+ box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ }
+
+ .moby6-open #wpadminbar #wp-admin-bar-toggle-button a {
+ background: #000;
+ }
+
+ .moby6-open #wpbody {
+ right: -190px;
+ }
+
+ .auto-fold .moby6-open #adminmenuback,
+ .auto-fold .moby6-open #adminmenuwrap {
+ left: 0;
+ }
+
+ /* General New Post Form */
+ #post-body-content {
+ min-width: 0;
+ }
+
+ #titlediv #title {
+ padding: 8px;
+ }
+
+ #titlediv #title-prompt-text,
+ #wp-fullscreen-title-prompt-text {
+ padding: 10px 10px;
+ }
+
+ .post-format-options {
+ padding-right: 0;
+ }
+
+ .post-format-options a {
+ margin-right: 5px;
+ margin-bottom: 5px;
+ min-width: 52px;
+ }
+
+ .post-format-options .post-format-title {
+ font-size: 11px;
+ }
+
+ .post-format-options a div {
+ height: 28px;
+ width: 28px;
+ }
+
+ .post-format-options a div:before {
+ font-size: 26px !important;
+ }
+
+ /* General Metabox */
+ .postbox {
+ font-size: 14px;
+ }
+
+ #poststuff h3,
+ .metabox-holder h3 {
+ padding: 12px;
+ }
+
+ .postbox .handlediv {
+ margin-top: 3px;
+ }
+
+ /* Publish Metabox Options */
+ #post-visibility-select {
+ line-height: 280%;
+ }
+
+ .wp-core-ui .save-post-status.button {
+ top: 16px;
+ position: relative;
+ margin: 0 10px;
+ }
+
+ .wp-core-ui .save-post-visibility,
+ .wp-core-ui .save-timestamp {
+ vertical-align: middle;
+ margin-right: 15px;
+ }
+
+ .timestamp-wrap select#mm {
+ display: block;
+ width: 100%;
+ margin-bottom: 10px;
+ }
+
+ .timestamp-wrap #jj,
+ .timestamp-wrap #aa,
+ .timestamp-wrap #hh,
+ .timestamp-wrap #mn {
+ padding: 12px 3px;
+ font-size: 14px;
+ margin-bottom: 5px;
+ width: auto;
+ text-align: center;
+ }
+
+ /* Categories Metabox */
+ ul.category-tabs {
+ margin: 30px 0 15px;
+ }
+
+ ul.category-tabs li.tabs {
+ padding: 15px;
+ }
+
+ ul#categorychecklist li {
+ margin-bottom: 15px;
+ }
+
+ ul#categorychecklist ul {
+ margin-top: 15px;
+ }
+
+ .category-add input[type=text],
+ .category-add select {
+ max-width: none;
+ margin-bottom: 15px;
+ }
+
+ /* Tags Metabox */
+ .tagsdiv .newtag {
+ width: 100%;
+ padding: 25px 10px;
+ margin-bottom: 15px;
+ }
+
+ .tagchecklist {
+ margin: 25px 10px;
+ }
+
+ .tagchecklist span {
+ font-size: 16px;
+ line-height: 120%;
+ }
+
+ /* Revisions */
+ #diff-next-revision,
+ #diff-previous-revision {
+ margin-top: -1em;
+ }
+
+ table.diff {
+ -ms-word-break: break-all;
+ word-break: break-all;
+ word-wrap: break-word;
+ }
+
+ /* TinyMCE Adjustments */
+ .mceToolbar * {
+ white-space: normal !important;
+ }
+
+ .mceToolbar tr,
+ .mceToolbar td {
+ float: left !important;
+ }
+
+ .wp_themeSkin a.mceButton {
+ width: 30px;
+ height: 30px;
+ }
+
+ .wp_themeSkin .mceButton .mceIcon {
+ margin-top: 5px;
+ margin-left: 5px;
+ }
+
+ .wp_themeSkin .mceSplitButton {
+ margin-top: 1px;
+ }
+
+ .wp_themeSkin .mceSplitButton td a.mceAction {
+ padding-top: 6px;
+ padding-bottom: 6px;
+ padding-left: 6px;
+ padding-right: 3px;
+ }
+
+ .wp_themeSkin .mceSplitButton td a.mceOpen,
+ .wp_themeSkin .mceSplitButtonEnabled:hover td a.mceOpen {
+ padding-top: 6px;
+ padding-bottom: 6px;
+ background-position: 1px 6px;
+ }
+
+ .wp_themeSkin table.mceListBox {
+ margin: 5px;
+ }
+
+ div.quicktags-toolbar input {
+ padding: 10px 20px;
+ }
+
+ #wp-content-editor-tools {
+ padding-top: 20px;
+ padding-right: 15px;
+ overflow: hidden;
+ }
+
+ a.wp-switch-editor {
+ font-size: 16px;
+ line-height: 1em;
+ margin: 3px 0 0 7px;
+ padding: 12px 15px !important;
+ }
+
+ #wp-content-media-buttons a {
+ font-size: 16px;
+ line-height: 37px;
+ height: 39px;
+ padding: 0 20px 0 15px;
+ }
+
+ .wp-media-buttons span.wp-media-buttons-icon,
+ .wp-media-buttons span.jetpack-contact-form-icon {
+ width: 22px !important;
+ margin-top: -3px !important;
+ margin-left: -5px !important;
+ }
+
+ .wp-media-buttons .add_media span.wp-media-buttons-icon:before,
+ .wp-media-buttons #insert-jetpack-contact-form span.jetpack-contact-form-icon:before {
+ font-size: 20px !important;
+ }
+
+ #content_wp_fullscreen {
+ display: none;
+ }
+
+ .misc-pub-section {
+ padding: 20px 10px 20px;
+ }
+
+ .misc-pub-section > a {
+ float: right;
+ font-size: 16px;
+ }
+
+ #delete-action,
+ #publishing-action {
+ line-height: 47px;
+ }
+
+ /* Subsubsub Nav */
+ .subsubsub {
+ font-size: 16px;
+ text-align: center;
+ margin-bottom: 15px;
+ }
+
+ /* WP List Table Options & Filters */
+ .tablenav {
+ height: auto;
+ }
+
+ .tablenav.top {
+ margin: 0;
+ }
+
+ .tablenav.bottom {
+ position: relative;
+ margin-top: 15px;
+ }
+
+ .tablenav br {
+ display: none;
+ }
+
+ .tablenav br.clear {
+ display: block;
+ }
+
+ p.search-box {
+ float: none;
+ clear: both;
+ margin-top: 35px;
+ }
+
+ p.search-box input[name="s"] {
+ height: auto;
+ float: none;
+ width: 100%;
+ margin-bottom: 10px;
+ -webkit-appearance: none;
+ }
+
+ .tablenav.top .actions, .view-switch {
+ display: none;
+ }
+
+ /* Pagination */
+ .tablenav.top .displaying-num {
+ display: none;
+ }
+
+ .tablenav.bottom .displaying-num {
+ position: absolute;
+ right: 0;
+ top: 10px;
+ font-size: 14px;
+ }
+
+ .tablenav-pages {
+ width: 100%;
+ text-align: center;
+ margin: 0 0 25px;
+ }
+
+ .tablenav.bottom .tablenav-pages {
+ margin-top: 25px;
+ }
+
+ .tablenav.top .tablenav-pages.one-page {
+ display: none;
+ }
+
+ .tablenav.bottom .tablenav-pages.one-page {
+ margin: 15px 0 0 0;
+ height: 0;
+ }
+
+ .tablenav-pages .pagination-links .paging-input {
+ font-size: 18px;
+ }
+
+ .tablenav-pages .pagination-links a {
+ padding: 8px 20px 11px;
+ font-size: 18px;
+ background: rgba(0, 0, 0, 0.05);
+ }
+
+ .tablenav-pages .pagination-links .current-page {
+ padding: 10px;
+ font-size: 14px;
+ }
+
+ /* WP List Table Adjustments: General */
+ .form-wrap > p {
+ display: none;
+ }
+
+ .comment-count {
+ font-size: 14px;
+ }
+
+ /* Posts */
+ .column-title {
+ width: 85%;
+ }
+
+ .fixed .column-comments, .widefat .check-column {
+ width: 35px
+ }
+
+ .fixed .column-date, .fixed .column-author,
+ .column-categories, .column-tags {
+ display: none;
+ }
+
+ .widefat thead .check-column, .widefat tfoot .check-column {
+ padding: 10px 0 10px;
+ }
+
+ .widefat * {
+ word-wrap: normal;
+ }
+
+ /* Categories */
+ .fixed .column-description {
+ display: none;
+ }
+
+ .fixed .column-posts {
+ width: 50px;
+ }
+
+ .fixed .column-slug {
+ width: 30%;
+ }
+
+ /* Comments */
+ .fixed .column-response {
+ width: 35%;
+ }
+
+ /* Media */
+ .fixed .column-parent {
+ display: none;
+ }
+
+ /* Comments */
+ .fixed .column-email, .fixed .column-name {
+ display: none;
+ }
+
+ .fixed .column-role {
+ width: 35%;
+ }
+
+ /* Plugins */
+ .plugins .column-description {
+ width: 70%;
+ }
+
+ #wpbody-content .plugins .plugin-title {
+ white-space: normal;
+ width: 30%;
+ }
+
+ /* Updates */
+ #wpbody-content #update-themes-table .plugin-title {
+ width: auto;
+ }
+
+ /* Form Tables */
+ .form-table {
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+
+ .form-table th,
+ .form-table td {
+ display: block;
+ width: auto;
+ vertical-align: middle;
+ }
+
+ .form-table .color-palette td {
+ display: table-cell;
+ width: 15px;
+ }
+
+ .form-table table.color-palette {
+ margin-right: 10px;
+ }
+
+ textarea,
+ input {
+ font-size: 16px;
+ }
+
+ .form-table td input[type="text"],
+ .form-table td input[type="password"],
+ .form-table td select,
+ .form-table td textarea,
+ .form-table span.description,
+ #profile-page .form-table textarea {
+ width: 100%;
+ font-size: 16px;
+ line-height: 1.5;
+ padding: 7px 10px;
+ display: block;
+ max-width: none;
+ box-sizing: border-box;
+ -mox-box-sizing: border-box;
+ }
+
+ input[type=text].small-text,
+ input[type=search].small-text,
+ input[type=password].small-text,
+ input[type=number].small-text,
+ input[type="number"].small-text,
+ .form-table input[type=text].small-text {
+ width: auto;
+ max-width: 55px;
+ display: inline;
+ padding: 3px 6px;
+ margin: 0 3px;
+ }
+
+ #pass-strength-result {
+ width: 100%;
+ box-sizing: border-box;
+ -mox-box-sizing: border-box;
+ padding: 8px;
+ }
+
+ .form-table span.description {
+ padding: 4px 0 0;
+ line-height: 1.4em;
+ }
+
+ .form-table th {
+ padding-top: 10px;
+ padding-bottom: 0;
+ border-bottom: 0;
+ }
+
+ .form-table td {
+ padding-top: 8px;
+ padding-left: 0;
+ }
+
+ .form-table input.regular-text {
+ width: 100%;
+ }
+
+ .form-table label {
+ font-size: 14px;
+ }
+
+ .form-table fieldset label {
+ display: block;
+ }
+
+ #utc-time {
+ margin-top: 10px;
+ }
+
+ #utc-time,
+ #local-time {
+ display: block;
+ float: none;
+ padding: 0;
+ line-height: 2;
+ }
+
+ /* Add/Edit Media */
+ .wp_attachment_details label[for="content"] {
+ font-size: 14px;
+ line-height: 1.5em;
+ }
+
+ #media-items {
+ width: 100%;
+ }
+
+ .media-modal {
+ width: auto;
+ }
+
+ .media-frame {
+ overflow: auto;
+ }
+
+ .media-frame-menu {
+ position: relative;
+ width: auto;
+ }
+
+ .media-menu {
+ border-right: none;
+ position: relative;
+ border-bottom: 1px solid #dddddd;
+ overflow: hidden;
+ }
+
+ .media-menu .separator {
+ display: none;
+ }
+
+ .media-menu a {
+ float: left;
+ width: 40%;
+ }
+
+ .media-frame-router, .media-frame-content, .media-frame-toolbar {
+ left: auto;
+ right: auto;
+ top: auto;
+ bottom: auto;
+ position: relative;
+ }
+
+ .media-frame-title {
+ top: auto;
+ left: auto;
+ right: 0;
+ height: auto;
+ }
+
+ .media-frame-router {
+ margin-top: 10px;
+ }
+
+ .media-frame-title h1 {
+ line-height: 3;
+ font-size: 18px;
+ }
+
+ .media-router {
+ bottom: -2px;
+ }
+
+ .media-frame-content {
+ min-height: 300px;
+ max-height: 500px;
+ overflow: auto;
+ }
+
+ .media-toolbar-primary, .media-toolbar-secondary {
+ height: auto;
+ }
+
+ .uploader-inline h3 {
+ margin: 0 0 .8em 0;
+ }
+
+ .uploader-inline-content {
+ top: auto;
+ }
+
+ .uploader-inline-content .upload-ui {
+ margin: 0;
+ }
+
+ .attachments-browser .attachments, .attachments-browser .uploader-inline {
+ position: relative;
+ margin-right: 180px;
+ }
+
+ /* Links */
+ .link-manager-php #posts-filter {
+ margin-top: 25px;
+ }
+
+ .link-manager-php .tablenav.bottom {
+ overflow: hidden;
+ }
+
+ .links-table #link_rel {
+ max-width: none;
+ }
+
+ .links-table th,
+ .links-table td {
+ padding: 10px 0;
+ }
+
+ /**
+ * Nav Menus
+ * ----------------------------------------------------------------------------
+ */
+ body.nav-menus-php {
+ min-width: 0 !important;
+ }
+
+ #nav-menus-frame {
+ margin-left: 0;
+ float: none;
+ width: 100%;
+ }
+
+ #wpbody-content #menu-settings-column {
+ display: block;
+ width: 100%;
+ float: none;
+ margin-left: 0;
+ }
+
+ #side-sortables .add-menu-item-tabs {
+ margin: 15px 0;
+ }
+
+ ul.add-menu-item-tabs li.tabs {
+ padding: 15px;
+ }
+
+ .nav-menus-php .item-controls .item-type {
+ margin-top: 2px;
+ }
+
+ .nav-menus-php .customlinkdiv .howto input {
+ width: 65%;
+ }
+
+ .nav-menus-php .quick-search {
+ width: 85%;
+ }
+
+ #menu-management-liquid {
+ margin-top: 25px;
+ }
+
+ .nav-menus-php .menu-name-label.howto span {
+ margin-top: 13px
+ }
+
+ .menu-name-label #menu-name {
+ margin-top: 4px;
+ }
+
+ .nav-menus-php .major-publishing-actions .publishing-action {
+ margin-top: 6px;
+ }
+
+ .nav-menus-php .delete-action {
+ font-size: 14px;
+ line-height: 50px;
+ margin-top: 12px;
+ }
+
+ .menu-item-bar .menu-item-handle,
+ .menu-item-settings,
+ .description-wide {
+ width: auto;
+ }
+
+ .menu-item-settings {
+ padding: 10px;
+ }
+
+ .menu-item-settings .description-thin,
+ .menu-item-settings .description-wide {
+ width: 100%;
+ height: auto;
+ }
+
+ .menu-item-settings input {
+ width: 100%;
+ }
+
+ /* Theme Management Page */
+ #current-theme.has-screenshot {
+ padding: 0;
+ clear: both;
+ }
+
+ #current-theme img {
+ float: none;
+ margin-left: 0;
+ margin-bottom: 15px;
+ }
+
+ #current-theme.has-screenshot img.hide-if-no-customize {
+ display: block;
+ }
+
+ .available-theme .action-links .delete-theme {
+ float: none;
+ margin: 0;
+ padding: 0;
+ clear: both;
+ }
+
+ .available-theme .action-links .delete-theme a {
+ padding: 0;
+ }
+
+ /* Widget Management Page (Needs UX work on mobile) */
+ #templateside {
+ float: none;
+ width: auto;
+ }
+
+ #templateside li {
+ margin: 0;
+ }
+
+ #templateside li a {
+ display: block;
+ padding: 5px;
+ }
+
+ #templateside .highlight {
+ padding: 5px;
+ margin-left: -5px;
+ margin-top: -5px;
+ }
+
+ #template div {
+ float: none;
+ margin: 0;
+ width: auto;
+ }
+
+ #template textarea {
+ width: 100%;
+ }
+
+ .fileedit-sub .alignright {
+ margin-top: 15px;
+ }
+
+ /* Plugin/Theme Management Page */
+ .wp-list-table.plugins {
+ position: relative;
+ margin-top: 35px;
+ margin-bottom: 50px;
+ }
+
+ .wp-list-table.plugins thead .column-description,
+ #wpbody-content .wp-list-table.plugins tfoot .column-description,
+ .wp-list-table.plugins th#description {
+ display: none;
+ }
+
+ #wpbody-content .wp-list-table.plugins,
+ #wpbody-content .wp-list-table.plugins thead,
+ #wpbody-content .wp-list-table.plugins tbody,
+ #wpbody-content .wp-list-table.plugins tr,
+ #wpbody-content .wp-list-table.plugins .column-description,
+ #wpbody-content .wp-list-table.plugins .plugin-title,
+ #wpbody-content .wp-list-table.plugins .theme-title,
+ #wpbody-content .wp-list-table.plugins .plugin-update,
+ #wpbody-content .wp-list-table.plugins .manage-column.column-name {
+ display: block;
+ width: auto;
+ }
+
+ .wp-list-table.plugins thead,
+ .wp-list-table.plugins tfoot {
+ position: absolute;
+ top: -35px;
+ left: 0;
+ right: 0;
+ width: auto;
+ height: 35px;
+ }
+
+ .wp-list-table.plugins tfoot {
+ bottom: -35px;
+ top: auto;
+ }
+
+ .active, .inactive {
+ padding-top: 0;
+ }
+
+ .wp-list-table.plugins .plugin-title,
+ .wp-list-table.plugins .theme-title {
+ padding-top: 13px;
+ padding-bottom: 4px;
+ }
+
+ .plugins tr.active + tr.inactive th.check-column,
+ .plugins tr.active + tr.inactive td,
+ .wp-list-table.plugins .plugin-title,
+ .wp-list-table.plugins .theme-title,
+ .wp-list-table.plugins tbody th {
+ box-shadow: none;
+ -webkit-box-shadow: none;
+ }
+
+ .plugins tbody {
+ padding: 1px 0 0;
+ }
+
+ /* Set drop shadow again per original mp6 plugin settings at line 1265 of colors-mp6.css in r687296, remove when original styles have been corrected */
+ .plugins tr.active + tr.inactive td.column-description {
+ -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
+ -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
+ -ms-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
+ -o-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
+ }
+
+ .plugins tr.active + tr.inactive th.check-column,
+ .plugins tr.active + tr.inactive td {
+ border-top: none;
+ }
+
+ .wp-list-table.plugins .column-description {
+ padding-top: 0;
+ }
+
+ .wp-list-table.plugins .manage-column.column-name,
+ .wp-list-table.plugins .column-description,
+ .wp-list-table.plugins .plugin-title,
+ .wp-list-table.plugins .theme-title {
+ padding-right: 12px;
+ padding-left: 46px;
+ }
+
+ .wp-list-table.plugins tr {
+ position: relative;
+ }
+
+ .wp-list-table.plugins th.check-column,
+ .wp-list-table.plugins tr.update th.check-column {
+ position: absolute;
+ height: auto;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ padding-left: 2px;
+ padding-top: 18px;
+ }
+
+ .wp-list-table.plugins thead th.check-column,
+ .wp-list-table.plugins tfoot th.check-column {
+ padding-left: 3px;
+ padding-top: 11px;
+ background: none;
+ }
+
+ .widefat tbody th.check-column input[type="checkbox"] {
+ margin-top: -3px;
+ margin-left: 9px;
+ }
+
+ .wp-list-table.plugins .active .check-column input,
+ .wp-list-table.plugins .update .check-column input {
+ margin-left: 6px;
+ }
+
+ .wp-list-table.plugins thead .check-column input,
+ .wp-list-table.plugins tfoot .check-column input {
+ margin-top: -6px;
+ }
+
+ .wp-list-table.plugins .active th.check-column {
+ background: none;
+ }
+
+ .wp-list-table.plugins .plugin-title strong,
+ .wp-list-table.plugins .theme-title strong {
+ font-size: 1.4em;
+ line-height: 1.6em;
+ }
+
+ /* Dashboard */
+ #dashboard_recent_comments #the-comment-list .comment-item .avatar {
+ height: 30px;
+ width: 30px;
+ margin: 4px 10px 5px 0;
+ }
+
+ /* About Page */
+ .about-wrap .feature-section.two-col div {
+ width: 100%;
+ margin: 0;
+ float: none;
+ }
+
+ .about-wrap .three-col.about-updates .col-1,
+ /*.about-wrap .three-col.about-updates .col-2,*/
+ .about-wrap .three-col.about-updates .col-3 {
+ padding: 0;
+ }
+
+ .about-wrap .three-col.about-updates .col-1 {
+ width: 100%;
+ padding-right: 210px;
+ }
+
+ .about-wrap .three-col.about-updates .col-2 {
+ position: relative;
+ float: right;
+ width: 180px;
+ margin-left: -100%;
+ }
+
+ .about-wrap .three-col.about-updates .col-3 {
+ width: 100%;
+ }
+
+ .about-wrap .about-password-meter input,
+ .about-wrap .about-password-meter #pass-strength-result {
+ width: 99%;
+ }
+
+ /* Moderate Comment */
+ .comment-ays {
+ border-bottom: none;
+ }
+
+ #wpfooter {
+ display: none;
+ }
+
+ #comments-form .checkforspam {
+ display: none;
+ }
+}
+
+/* Tiny screens [ = smaller than 400 wide, 600 tall] */
+@media screen and (max-width: 400px), screen and (max-height: 600px) {
+ /* Align Add Media + Visual + Text tabs */
+ #wp-content-media-buttons a {
+ font-size: 14px;
+ padding: 0 10px 0 10px;
+ }
+
+ .media-modal {
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ }
+
+ .media-modal-backdrop {
+ position: fixed;
+ }
+
+ .attachments-browser .attachment,
+ .attachments-browser .attachment-preview {
+ max-width: 100%;
+ }
+
+ .attachments-browser .media-toolbar-primary input.search {
+ max-width: 150px;
+ }
+
+ .uploader-inline-content {
+ position: relative;
+ }
+
+ .media-sidebar .setting input[type="checkbox"],
+ .media-sidebar .field input[type="checkbox"] {
+ width: 25px;
+ }
+
+ /* Don't bother with title for phone-size */
+ .media-frame-title {
+ display: none;
+ }
+
+ .media-frame-toolbar {
+ position: absolute;
+ bottom: 0px;
+ left: 0;
+ right: 0;
+ background: #FFF;
+ border-top: 1px solid #DEDEDE;
+ }
+
+ .media-toolbar {
+ position: relative;
+ }
+
+ .media-frame {
+ overflow: hidden;
+ }
+
+ .media-frame .attachments-browser {
+ padding-bottom: 300px;
+ }
+
+ .attachments-browser .attachments {
+ top: 0;
+ }
+
+ .attachment-details h3 {
+ margin-top: 45px;
+ }
+
+ /* Image From Link */
+ .embed-link-settings,
+ .embed-image-settings {
+ padding-bottom: 52px;
+ }
+
+ /* Gallery */
+ .media-frame.hide-router .media-frame-content {
+ top: 0;
+ border-top: none;
+ }
+
+ .gallery-settings h3 {
+ margin-top: 45px;
+ }
+}
+
+@media only screen and (max-width: 500px) {
+ .about-wrap {
+ margin-right: 20px;
+ margin-left: 10px;
+ }
+
+ .about-wrap h1,
+ .about-text {
+ margin-right: 0;
+ }
+
+ .about-text {
+ margin-bottom: 0.25em;
+ }
+
+ .about-wrap .wp-badge {
+ position: relative;
+ margin-bottom: 1.5em;
+ width: 100%;
+ }
+
+ .about-wrap .feature-section.three-col div {
+ width: 100%;
+ float: none;
+ }
+
+ .about-wrap .three-col.about-updates .col-1 {
+ padding: 0;
+ float: none;
+ }
+
+ .about-wrap .three-col.about-updates .col-2 {
+ margin: 0 0 20px;
+ width: 100%;
+ float: none;
+ }
+
+ .about-wrap .about-passwords {
+ margin: 20px -20px;
+ }
+
+}
+
+@media screen and ( max-width: 782px ) {
+ /* Toolbar Touchification*/
+ html.wp-toolbar {
+ padding-top: 46px;
+ }
+
+ html #wpadminbar {
+ left: 0 !important;
+ z-index: 500 !important;
+ height: 46px;
+ min-width: 300px;
+
+ -webkit-transform: translate3d(0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ -webkit-transition: 0;
+ transform: translate3d(0, 0, 0);
+ backface-visibility: hidden;
+ transition: 0;
+ }
+
+ #wpadminbar * {
+ font: normal 14px/32px "Open Sans", sans-serif;
+ }
+
+ #wpadminbar .quicklinks li > a {
+ padding: 0;
+ height: 46px;
+ line-height: 46px;
+ width: auto;
+ }
+
+ #wpadminbar .ab-icon {
+ font: 40px/1 dashicons !important;
+ margin: 0;
+ padding: 0;
+ width: 50px;
+ height: 46px;
+ }
+
+ #wpadminbar .ab-icon:before {
+ text-align: center;
+ }
+
+ #wpadminbar .ab-submenu {
+ padding: 0;
+ }
+
+ #wpadminbar .ab-label {
+ display: none;
+ }
+
+ #wpadminbar .menupop li:hover > .ab-sub-wrapper,
+ #wpadminbar .menupop li.hover > .ab-sub-wrapper {
+ margin-top: -46px;
+ }
+
+ #wpadminbar .ab-top-menu .menupop .ab-sub-wrapper .menupop > .ab-item {
+ padding-right: 30px;
+ }
+
+ #wpadminbar .menupop .menupop > .ab-item:before {
+ top: 10px;
+ right: 6px;
+ }
+
+ #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper .ab-item {
+ font-size: 16px;
+ padding: 6px 15px 12px;
+ }
+
+ #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper a:empty {
+ display: none;
+ }
+
+ /* WP logo */
+ #wpadminbar #wp-admin-bar-wp-logo > .ab-item {
+ padding: 0;
+ }
+
+ #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon {
+ padding: 0;
+ width: 50px;
+ height: 46px;
+ text-align: center;
+ vertical-align: top;
+ }
+
+ #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {
+ font: 28px/1 'dashicons' !important;
+ top: -3px;
+ }
+
+ #wpadminbar .ab-icon,
+ #wpadminbar .ab-item::before {
+ padding: 0;
+ }
+
+ /* My Sites and "Site Title" menu */
+ #wpadminbar #wp-admin-bar-my-sites > .ab-item,
+ #wpadminbar #wp-admin-bar-site-name > .ab-item {
+ text-indent: 100%;
+ text-overflow: clip !important;
+ width: 50px;
+ padding: 0;
+ color: #999;
+ position: relative;
+ }
+
+ #wpadminbar #wp-admin-bar-my-sites > .ab-item:before,
+ #wpadminbar #wp-admin-bar-site-name > .ab-item:before {
+ display: block;
+ text-indent: 0;
+ font: normal 35px/1 'dashicons' !important;
+ speak: none;
+ top: 5px;
+ width: 50px;
+ text-align: center;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ }
+
+ #wpadminbar #wp-admin-bar-site-name > .ab-item:before {
+ content: '\f102';
+ padding: 0;
+ }
+
+ #wpadminbar #wp-admin-bar-my-sites > .ab-item:before {
+ content: '\f112';
+ font-size: 28px !important;
+ padding-top: 8px;
+ padding-left: 12px;
+ }
+
+ #wpadminbar #wp-admin-bar-appearance {
+ margin-top: 0;
+ }
+
+ #wpadminbar .quicklinks li .blavatar:before {
+ display: none;
+ }
+
+ /* Search */
+ #wpadminbar #wp-admin-bar-search {
+ display: none;
+ }
+
+ /* New Content */
+ #wpadminbar #wp-admin-bar-new-content .ab-icon:before {
+ top: 0;
+ line-height: 53px;
+ height: 46px !important;
+ text-align: center;
+ width: 50px;
+ display: block;
+ }
+
+ /* Updates */
+ #wpadminbar #wp-admin-bar-updates {
+ text-align: center;
+ }
+
+ #wpadminbar #wp-admin-bar-updates .ab-icon:before {
+ top: 3px;
+ }
+
+ /* Comments */
+ #wpadminbar #wp-admin-bar-comments .ab-icon {
+ margin: 0;
+ }
+
+ #wpadminbar #wp-admin-bar-comments .ab-icon:before {
+ display: block;
+ font-size: 34px;
+ height: 46px;
+ line-height: 47px;
+ top: 0;
+ }
+
+ /* My Account */
+ #wpadminbar #wp-admin-bar-my-account > a {
+ position: relative;
+ white-space: nowrap;
+ text-indent: 100%;
+ width: 28px;
+ padding: 0 10px;
+ }
+
+ #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
+ position: absolute;
+ top: 13px;
+ right: 10px;
+ width: 26px;
+ height: 26px;
+ }
+
+ #wpadminbar #wp-admin-bar-user-actions.ab-submenu {
+ padding: 0;
+ }
+
+ #wpadminbar #wp-admin-bar-user-actions.ab-submenu img.avatar {
+ display: none;
+ }
+
+ #wpadminbar #wp-admin-bar-my-account.with-avatar #wp-admin-bar-user-actions > li {
+ margin: 0;
+ }
+
+ #wpadminbar #wp-admin-bar-user-info .display-name {
+ height: auto;
+ font-size: 16px;
+ line-height: 24px;
+ color: #eee;
+ }
+
+ #wpadminbar #wp-admin-bar-user-info a {
+ padding-top: 4px;
+ }
+
+ #wpadminbar #wp-admin-bar-user-info .username {
+ line-height: 0.8 !important;
+ margin-bottom: -2px;
+ }
+
+ /* Hide all third party items */
+ #wp-admin-bar-top-secondary > li {
+ display: none;
+ }
+
+ #wp-admin-bar-root-default li#wp-admin-bar-wp-logo,
+ #wp-admin-bar-root-default li#wp-admin-bar-my-sites,
+ #wp-admin-bar-root-default li#wp-admin-bar-site-name,
+ #wp-admin-bar-root-default li#wp-admin-bar-new-content,
+ #wp-admin-bar-root-default li#wp-admin-bar-comments,
+ #wp-admin-bar-root-default li#wp-admin-bar-new-content,
+ #wp-admin-bar-top-secondary li#wp-admin-bar-my-account {
+ display: block;
+ }
+
+ #wpadminbar ul#wp-admin-bar-root-default > li {
+ margin-right: 0;
+ }
+
+ /* Experimental fix for touch toolbar dropdown positioning */
+ #wpadminbar .ab-top-menu,
+ #wpadminbar .ab-top-secondary,
+ #wpadminbar #wp-admin-bar-wp-logo,
+ #wpadminbar #wp-admin-bar-my-sites,
+ #wpadminbar #wp-admin-bar-site-name,
+ #wpadminbar #wp-admin-bar-updates,
+ #wpadminbar #wp-admin-bar-comments,
+ #wpadminbar #wp-admin-bar-new-content,
+ #wpadminbar #wp-admin-bar-my-account {
+ position: static;
+ }
+
+ #wpadminbar #wp-admin-bar-comments,
+ #wpadminbar #wp-admin-bar-new-content,
+ #wpadminbar #wp-admin-bar-my-account {
+ float: right;
+ }
+
+ #wpadminbar #wp-admin-bar-comments .ab-sub-wrapper,
+ #wpadminbar #wp-admin-bar-new-content .ab-sub-wrapper,
+ #wpadminbar #wp-admin-bar-my-account .ab-sub-wrapper {
+ right: 0;
+ left: auto;
+ }
+
+ #wpadminbar ul#wp-admin-bar-root-default > li#wp-admin-bar-comments {
+ margin-right: 100px;
+ }
+
+ #wpadminbar ul#wp-admin-bar-root-default > li#wp-admin-bar-new-content {
+ margin-right: -100px;
+ }
+
+ #wpadminbar ul#wp-admin-bar-top-secondary > li#wp-admin-bar-my-account {
+ margin-right: -150px;
+ }
+
+ .network-admin #wpadminbar ul#wp-admin-bar-top-secondary > li#wp-admin-bar-my-account {
+ margin-right: 0;
+ }
+}
+
+/* Horizontal */
+@media screen and (max-width: 480px) and (orientation: landscape) {
+ #wpadminbar {
+ position: absolute;
+ }
+}
+
+/* Smartphone */
+@media screen and (max-width: 480px) {
+ #moby6-overlay {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ z-index: 400;
+ }
+
+ #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper {
+ position: fixed;
+ width: 100%;
+ left: 0;
+ }
+
+ #wpadminbar .menupop .menupop > .ab-item:before {
+ display: none;
+ }
+
+ #wpadminbar #wp-admin-bar-wp-logo.menupop .ab-sub-wrapper {
+ margin-left: 0;
+ }
+
+ #wpadminbar #wp-admin-bar-updates,
+ #wpadminbar #wp-admin-bar-view,
+ #wpadminbar #wp-admin-bar-edit {
+ display: none;
+ }
+}
+
+@media screen and (max-width: 350px) {
+ #wpadminbar #wp-admin-bar-wp-logo {
+ display: none;
+ }
+}
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunksrcwpadminjscommonjs"></a>
<div class="modfile"><h4>Modified: trunk/src/wp-admin/js/common.js (26133 => 26134)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/src/wp-admin/js/common.js 2013-11-13 16:23:30 UTC (rev 26133)
+++ trunk/src/wp-admin/js/common.js 2013-11-13 17:59:32 UTC (rev 26134)
</span><span class="lines">@@ -530,6 +530,175 @@
</span><span class="cx">
</span><span class="cx"> stickyMenu.init();
</span><span class="cx">
</span><ins>+var moby6 = {
+
+ init: function() {
+ // cached selectors
+ this.$html = $( document.documentElement );
+ this.$body = $( document.body );
+ this.$wpwrap = $( '#wpwrap' );
+ this.$wpbody = $( '#wpbody' );
+ this.$adminmenu = $( '#adminmenu' );
+ this.$overlay = $( '#moby6-overlay' );
+ this.$toolbar = $( '#wp-toolbar' );
+ this.$toolbarPopups = this.$toolbar.find( 'a[aria-haspopup="true"]' );
+
+ // Modify functionality based on custom activate/deactivate event
+ this.$html
+ .on( 'activate.moby6', function() { moby6.activate(); } )
+ .on( 'deactivate.moby6', function() { moby6.deactivate(); } );
+
+ // Toggle sidebar when toggle is clicked
+ $( '#wp-admin-bar-toggle-button' ).on( 'click', function(evt) {
+ evt.preventDefault();
+ moby6.$wpwrap.toggleClass( 'moby6-open' );
+ } );
+
+ // Trigger custom events based on active media query.
+ this.matchMedia();
+ $( window ).on( 'resize', $.proxy( this.matchMedia, this ) );
+ },
+
+ activate: function() {
+
+ window.stickymenu && window.stickymenu.disable();
+
+ if ( ! moby6.$body.hasClass( 'auto-fold' ) )
+ moby6.$body.addClass( 'auto-fold' );
+
+ this.modifySidebarEvents();
+ this.disableDraggables();
+ this.movePostSearch();
+
+ },
+
+ deactivate: function() {
+
+ window.stickymenu && window.stickymenu.enable();
+
+ this.enableDraggables();
+ this.removeHamburgerButton();
+ this.restorePostSearch();
+
+ },
+
+ matchMedia: function() {
+ clearTimeout( this.resizeTimeout );
+ this.resizeTimeout = setTimeout( function() {
+
+ if ( ! window.matchMedia )
+ return;
+
+ if ( window.matchMedia( '(max-width: 782px)' ).matches ) {
+ if ( moby6.$html.hasClass( 'touch' ) )
+ return;
+ moby6.$html.addClass( 'touch' ).trigger( 'activate.moby6' );
+ } else {
+ if ( ! moby6.$html.hasClass( 'touch' ) )
+ return;
+ moby6.$html.removeClass( 'touch' ).trigger( 'deactivate.moby6' );
+ }
+
+ if ( window.matchMedia( '(max-width: 480px)' ).matches ) {
+ moby6.enableOverlay();
+ } else {
+ moby6.disableOverlay();
+ }
+
+ }, 150 );
+ },
+
+ enableOverlay: function() {
+ if ( this.$overlay.length === 0 ) {
+ this.$overlay = $( '<div id="moby6-overlay"></div>' )
+ .insertAfter( '#wpcontent' )
+ .hide()
+ .on( 'click.moby6', function() {
+ moby6.$toolbar.find( '.menupop.hover' ).removeClass( 'hover' );
+ $( this ).hide();
+ });
+ }
+ this.$toolbarPopups.on( 'click.moby6', function() {
+ moby6.$overlay.show();
+ });
+ },
+
+ disableOverlay: function() {
+ this.$toolbarPopups.off( 'click.moby6' );
+ this.$overlay.hide();
+ },
+
+ modifySidebarEvents: function() {
+ this.$body.off( '.wp-mobile-hover' );
+ this.$adminmenu.find( 'a.wp-has-submenu' ).off( '.wp-mobile-hover' );
+
+ var scrollStart = 0;
+ this.$adminmenu.on( 'touchstart.moby6', 'li.wp-has-submenu > a', function() {
+ scrollStart = $( window ).scrollTop();
+ });
+
+ this.$adminmenu.on( 'touchend.moby6', 'li.wp-has-submenu > a', function( e ) {
+ e.preventDefault();
+
+ if ( $( window ).scrollTop() !== scrollStart )
+ return false;
+
+ $( this ).find( 'li.wp-has-submenu' ).removeClass( 'selected' );
+ $( this ).parent( 'li' ).addClass( 'selected' );
+ });
+ },
+
+ disableDraggables: function() {
+ this.$wpbody
+ .find( '.hndle' )
+ .removeClass( 'hndle' )
+ .addClass( 'hndle-disabled' );
+ },
+
+ enableDraggables: function() {
+ this.$wpbody
+ .find( '.hndle-disabled' )
+ .removeClass( 'hndle-disabled' )
+ .addClass( 'hndle' );
+ },
+
+ removeHamburgerButton: function() {
+ if ( this.hamburgerButtonView !== undefined )
+ this.hamburgerButtonView.destroy();
+ },
+
+ movePostSearch: function() {
+ this.searchBox = this.$wpbody.find( 'p.search-box' );
+ if ( this.searchBox.length ) {
+ this.searchBox.hide();
+ if ( this.searchBoxClone === undefined ) {
+ this.searchBoxClone = this.searchBox.first().clone().insertAfter( 'div.tablenav.bottom' );
+ }
+ this.searchBoxClone.show();
+ }
+ },
+
+ restorePostSearch: function() {
+ if ( this.searchBox !== undefined ) {
+ this.searchBox.show();
+ if ( this.searchBoxClone !== undefined )
+ this.searchBoxClone.hide();
+ }
+ }
+};
+
+// Fire moby6.init when document is ready
+$( document ).ready( $.proxy( moby6.init, moby6 ) );
+
+// make Windows 8 devices playing along nicely
+if ( '-ms-user-select' in document.documentElement.style && navigator.userAgent.match(/IEMobile\/10\.0/) ) {
+ var msViewportStyle = document.createElement( 'style' );
+ msViewportStyle.appendChild(
+ document.createTextNode( '@-ms-viewport{width:auto!important}' )
+ );
+ document.getElementsByTagName( 'head' )[0].appendChild( msViewportStyle );
+}
+
</ins><span class="cx"> // internal use
</span><span class="cx"> $(document).bind( 'wp_CloseOnEscape', function( e, data ) {
</span><span class="cx"> if ( typeof(data.cb) != 'function' )
</span></span></pre></div>
<a id="trunksrcwpincludesadminbarphp"></a>
<div class="modfile"><h4>Modified: trunk/src/wp-includes/admin-bar.php (26133 => 26134)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/src/wp-includes/admin-bar.php 2013-11-13 16:23:30 UTC (rev 26133)
+++ trunk/src/wp-includes/admin-bar.php 2013-11-13 17:59:32 UTC (rev 26134)
</span><span class="lines">@@ -156,6 +156,26 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> /**
</span><ins>+ * Add the sidebar toggle button.
+ *
+ * @since 3.8.0
+ *
+ * @param WP_Admin_Bar $wp_admin_bar
+ */
+function wp_admin_bar_sidebar_toggle( $wp_admin_bar ) {
+ if ( is_admin() ) {
+ $wp_admin_bar->add_menu( array(
+ 'id' => 'toggle-button',
+ 'title' => '<span class="ab-icon"></span>',
+ 'href' => '#',
+ 'meta' => array(
+ 'title' => __( 'Menu' ),
+ ),
+ ) );
+ }
+}
+
+/**
</ins><span class="cx"> * Add the "My Account" item.
</span><span class="cx"> *
</span><span class="cx"> * @since 3.3.0
</span></span></pre></div>
<a id="trunksrcwpincludesclasswpadminbarphp"></a>
<div class="modfile"><h4>Modified: trunk/src/wp-includes/class-wp-admin-bar.php (26133 => 26134)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/src/wp-includes/class-wp-admin-bar.php 2013-11-13 16:23:30 UTC (rev 26133)
+++ trunk/src/wp-includes/class-wp-admin-bar.php 2013-11-13 17:59:32 UTC (rev 26134)
</span><span class="lines">@@ -482,6 +482,7 @@
</span><span class="cx"> add_action( 'admin_bar_menu', 'wp_admin_bar_my_account_item', 7 );
</span><span class="cx">
</span><span class="cx"> // Site related.
</span><ins>+ add_action( 'admin_bar_menu', 'wp_admin_bar_sidebar_toggle', 0 );
</ins><span class="cx"> add_action( 'admin_bar_menu', 'wp_admin_bar_wp_menu', 10 );
</span><span class="cx"> add_action( 'admin_bar_menu', 'wp_admin_bar_my_sites_menu', 20 );
</span><span class="cx"> add_action( 'admin_bar_menu', 'wp_admin_bar_site_menu', 30 );
</span></span></pre>
</div>
</div>
</body>
</html>