<!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>[36291] trunk/src/wp-admin/css: Customizer: Aggregate similar CSS rules.</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" style="font-size: 105%">
<dt style="float: left; width: 6em; font-weight: bold">Revision</dt> <dd><a style="font-weight: bold" href="https://core.trac.wordpress.org/changeset/36291">36291</a><script type="application/ld+json">{"@context":"http://schema.org","@type":"EmailMessage","description":"Review this Commit","action":{"@type":"ViewAction","url":"https://core.trac.wordpress.org/changeset/36291","name":"Review Commit"}}</script></dd>
<dt style="float: left; width: 6em; font-weight: bold">Author</dt> <dd>afercia</dd>
<dt style="float: left; width: 6em; font-weight: bold">Date</dt> <dd>2016-01-13 22:35:05 +0000 (Wed, 13 Jan 2016)</dd>
</dl>

<pre style='padding-left: 1em; margin: 2em 0; border-left: 2px solid #ccc; line-height: 1.25; font-size: 105%; font-family: sans-serif'>Customizer: Aggregate similar CSS rules.

Fixes <a href="https://core.trac.wordpress.org/ticket/34333">#34333</a>.</pre>

<h3>Modified Paths</h3>
<ul>
<li><a href="#trunksrcwpadmincsscustomizecontrolscss">trunk/src/wp-admin/css/customize-controls.css</a></li>
<li><a href="#trunksrcwpadmincsscustomizenavmenuscss">trunk/src/wp-admin/css/customize-nav-menus.css</a></li>
<li><a href="#trunksrcwpadmincsscustomizewidgetscss">trunk/src/wp-admin/css/customize-widgets.css</a></li>
<li><a href="#trunksrcwpadmincsswidgetscss">trunk/src/wp-admin/css/widgets.css</a></li>
</ul>

</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunksrcwpadmincsscustomizecontrolscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-admin/css/customize-controls.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-admin/css/customize-controls.css     2016-01-13 20:32:47 UTC (rev 36290)
+++ trunk/src/wp-admin/css/customize-controls.css       2016-01-13 22:35:05 UTC (rev 36291)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1311,6 +1311,185 @@
</span><span class="cx" style="display: block; padding: 0 10px">        color: #00a0d2;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.widget-reorder-nav span,
+.menu-item-reorder-nav button {
+       position: relative;
+       overflow: hidden;
+       float: left;
+       display: block;
+       width: 33px; /* was 42px for mobile */
+       height: 43px;
+       color: #82878c;
+       text-indent: -9999px;
+       cursor: pointer;
+       outline: none;
+}
+
+.menu-item-reorder-nav button {
+       width: 30px;
+       height: 40px;
+       background: transparent;
+       border: none;
+       -webkit-box-shadow: none;
+       box-shadow: none;
+}
+
+.widget-reorder-nav span:before,
+.menu-item-reorder-nav button:before {
+       display: inline-block;
+       position: absolute;
+       top: 0;
+       right: 0;
+       width: 100%;
+       height: 100%;
+       font: normal 20px/43px dashicons;
+       text-align: center;
+       text-indent: 0;
+       -webkit-font-smoothing: antialiased;
+       -moz-osx-font-smoothing: grayscale;
+}
+
+.widget-reorder-nav span:hover,
+.widget-reorder-nav span:focus,
+.menu-item-reorder-nav button:hover,
+.menu-item-reorder-nav button:focus {
+       color: #191e23;
+       background: #eee;
+}
+
+.move-widget-down:before,
+.menus-move-down:before {
+       content: "\f347";
+}
+
+.move-widget-up:before,
+.menus-move-up:before {
+       content: "\f343";
+}
+
+#customize-theme-controls .first-widget .move-widget-up,
+#customize-theme-controls .last-widget .move-widget-down,
+.move-up-disabled .menus-move-up,
+.move-down-disabled .menus-move-down,
+.move-right-disabled .menus-move-right,
+.move-left-disabled .menus-move-left {
+       color: #d5d5d5;
+       background-color: #fff;
+       cursor: default;
+       pointer-events: none;
+}
+
+/**
+ * New widget and Add-menu-items modes and panels
+ */
+
+.wp-full-overlay-main {
+       right: auto; /* this overrides a right: 0; which causes the preview to resize, I'd rather have it go off screen at the normal size. */
+       width: 100%;
+}
+
+body.adding-widget .add-new-widget,
+body.adding-widget .add-new-widget:hover,
+.adding-menu-items .add-new-menu-item,
+.adding-menu-items .add-new-menu-item:hover,
+.add-menu-toggle.open,
+.add-menu-toggle.open:hover {
+       background: #eee;
+       border-color: #929793;
+       color: #32373c;
+       -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
+       box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
+}
+
+body.adding-widget .add-new-widget:before,
+.adding-menu-items .add-new-menu-item:before,
+#accordion-section-add_menu .add-new-menu-item.open:before {
+       -webkit-transform: rotate(45deg);
+       -ms-transform: rotate(45deg);
+       transform: rotate(45deg);
+}
+
+#available-widgets,
+#available-menu-items {
+       position: absolute;
+       top: 0;
+       bottom: 0;
+       left: -301px;
+       visibility: hidden;
+       overflow-x: hidden;
+       overflow-y: auto;
+       width: 300px;
+       margin: 0;
+       z-index: 4;
+       background: #eee;
+       -webkit-transition: left .18s;
+       transition: left .18s;
+       border-right: 1px solid #ddd;
+}
+
+#available-widgets .customize-section-title,
+#available-menu-items .customize-section-title {
+       display: none;
+}
+
+#available-widgets-list {
+       top: 60px;
+       position: absolute;
+       overflow: auto;
+       bottom: 0;
+       width: 100%;
+}
+
+#available-widgets-filter {
+       position: fixed;
+       top: 0;
+       z-index: 1;
+       width: 300px;
+       background: #eee;
+       border-bottom: 1px solid #e4e4e4;
+}
+
+/* search field container */
+#available-widgets-filter,
+#available-menu-items-search .accordion-section-title {
+       padding: 12px 15px;
+       -webkit-box-sizing: border-box;
+       -moz-box-sizing: border-box;
+       box-sizing: border-box;
+}
+
+#available-widgets-filter input,
+#available-menu-items-search input {
+       padding: 6px 10px;
+       width: 100%;
+}
+
+#available-widgets .widget-top,
+#available-widgets .widget-top:hover,
+#available-menu-items .item-top,
+#available-menu-items .item-top:hover {
+       border: none;
+       background: transparent;
+       -webkit-box-shadow: none;
+       box-shadow: none;
+}
+
+#available-widgets .widget-tpl,
+#available-menu-items .item-tpl {
+       position: relative;
+       padding: 20px 15px 20px 60px;
+       background: #fff;
+       border-bottom: 1px solid #e4e4e4;
+       cursor: pointer;
+       display: none;
+}
+
+#available-widgets .widget,
+#available-menu-items .item {
+       position: static;
+}
+
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Responsive */
</span><span class="cx" style="display: block; padding: 0 10px"> .customize-controls-preview-toggle {
</span><span class="cx" style="display: block; padding: 0 10px">        display: none;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1423,4 +1602,59 @@
</span><span class="cx" style="display: block; padding: 0 10px">        #customize-header-actions .button-primary {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-top: 6px;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+       body.adding-widget div#available-widgets,
+       body.adding-menu-items div#available-menu-items {
+               top: 46px;
+               left: 0;
+               z-index: 10;
+               width: 100%;
+       }
+
+       #available-widgets .customize-section-title,
+       #available-menu-items .customize-section-title {
+               display: block;
+               margin: 0;
+       }
+
+       #available-widgets .customize-section-back,
+       #available-menu-items .customize-section-back {
+               height: 69px;
+       }
+
+       #available-widgets .customize-section-title h3,
+       #available-menu-items .customize-section-title h3 {
+               font-size: 20px;
+               font-weight: 200;
+               padding: 9px 10px 12px 14px;
+               margin: 0;
+               line-height: 24px;
+               color: #555;
+               display: block;
+               overflow: hidden;
+               white-space: nowrap;
+               text-overflow: ellipsis;
+       }
+
+       #available-widgets .customize-section-title .customize-action,
+       #available-menu-items .customize-section-title .customize-action {
+               font-size: 13px;
+               display: block;
+               font-weight: 400;
+               overflow: hidden;
+               white-space: nowrap;
+               text-overflow: ellipsis;
+       }
+
+       #available-widgets-filter {
+               position: relative;
+               width: 100%;
+               background: #fff;
+               height: auto;
+               padding: 10px 15px;
+       }
+
+       #available-widgets-list {
+               top: 140px;
+       }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre></div>
<a id="trunksrcwpadmincsscustomizenavmenuscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-admin/css/customize-nav-menus.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-admin/css/customize-nav-menus.css    2016-01-13 20:32:47 UTC (rev 36290)
+++ trunk/src/wp-admin/css/customize-nav-menus.css      2016-01-13 22:35:05 UTC (rev 36291)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -12,9 +12,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> #customize-controls .theme-location-set,
</span><span class="cx" style="display: block; padding: 0 10px"> #customize-controls .control-section .accordion-section-title:focus .menu-in-location,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-#customize-controls .control-section .accordion-section-title:hover .menu-in-location,
-#customize-controls .control-section .accordion-section-title:focus .menu-in-locations,
-#customize-controls .control-section .accordion-section-title:hover .menu-in-locations {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+#customize-controls .control-section .accordion-section-title:hover .menu-in-location {
</ins><span class="cx" style="display: block; padding: 0 10px">         color: #555;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -78,17 +76,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-customizer .menu-item .submitbox .submitdelete {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        display: block;
</del><span class="cx" style="display: block; padding: 0 10px">         float: left;
</span><span class="cx" style="display: block; padding: 0 10px">        margin: 6px 0 0;
</span><span class="cx" style="display: block; padding: 0 10px">        padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px">        cursor: pointer;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-customizer .menu-item .submitbox .submitdelete:focus {
-       -webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
-       box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
-}
</del><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px">  * Menu items reordering styles
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -102,51 +95,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">        right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.menu-item-reorder-nav button {
-       position: relative;
-       overflow: hidden;
-       float: left;
-       display: block;
-       width: 30px;
-       height: 40px;
-       color: #82878c;
-       text-indent: -9999px;
-       cursor: pointer;
-       background: transparent;
-       border: none;
-       -webkit-box-shadow: none;
-       box-shadow: none;
-       outline: none;
-}
-
-.menu-item-reorder-nav button:before {
-       display: inline-block;
-       position: absolute;
-       top: 0;
-       right: 0;
-       width: 100%;
-       height: 100%;
-       font: normal 20px/40px dashicons;
-       text-align: center;
-       text-indent: 0;
-       -webkit-font-smoothing: antialiased;
-       -moz-osx-font-smoothing: grayscale;
-}
-
-.menu-item-reorder-nav button:hover,
-.menu-item-reorder-nav button:focus {
-       color: #191e23;
-       background: #eee;
-}
-
-.menus-move-down:before {
-       content: "\f347";
-}
-
-.menus-move-up:before {
-       content: "\f343";
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .menus-move-left:before {
</span><span class="cx" style="display: block; padding: 0 10px">        content: "\f341";
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -155,28 +103,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">        content: "\f345";
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.move-up-disabled .menus-move-up,
-.move-down-disabled .menus-move-down,
-.move-right-disabled .menus-move-right,
-.move-left-disabled .menus-move-left {
-       color: #d5d5d5 !important;
-       background-color: #fff !important;
-       cursor: default;
-       pointer-events: none;
-}
-
-.menu-item-reorder-nav:before {
-       content: "";
-       display: block;
-       position: absolute;
-       left: -10px;
-       width: 10px;
-       height: 40px;
-       background: -webkit-gradient(linear, left top, right top, from(rgba(250,250,250,0)), to(rgba(250,250,250,1)));
-       background: -webkit-linear-gradient(left, rgba(250,250,250,0) 0%, rgba(250,250,250,1) 100%);
-       background: linear-gradient(to right, rgba(250,250,250,0) 0%, rgba(250,250,250,1) 100%);
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .reordering .menu-item .item-controls,
</span><span class="cx" style="display: block; padding: 0 10px"> .reordering .menu-item .item-type {
</span><span class="cx" style="display: block; padding: 0 10px">        display: none;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -302,8 +228,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .customize-screen-options-toggle:focus:before,
</span><span class="cx" style="display: block; padding: 0 10px"> #customize-controls .customize-info .customize-help-toggle:focus:before {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        -webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
-       box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
</del><span class="cx" style="display: block; padding: 0 10px">         -webkit-border-radius: 100%;
</span><span class="cx" style="display: block; padding: 0 10px">        border-radius: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -346,15 +270,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">        text-decoration: none !important;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-customizer button:focus .toggle-indicator:after {
-       -webkit-box-shadow:
-               0 0 0 1px #5b9dd9,
-               0 0 2px 1px rgba(30, 140, 190, .8);
-       box-shadow:
-               0 0 0 1px #5b9dd9,
-               0 0 2px 1px rgba(30, 140, 190, .8);
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> #accordion-panel-nav_menus .field-link-target,
</span><span class="cx" style="display: block; padding: 0 10px"> #accordion-panel-nav_menus .field-attr-title,
</span><span class="cx" style="display: block; padding: 0 10px"> #accordion-panel-nav_menus .field-css-classes,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -470,11 +385,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">  * Add-menu-items mode
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-full-overlay-main {
-       right: auto; /* This overrides a right: 0; which causes the preview to resize rather than slide off screen at the normal size. */
-       width: 100%;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .adding-menu-items .control-section {
</span><span class="cx" style="display: block; padding: 0 10px">        opacity: .4;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -484,24 +394,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">        opacity: 1;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.adding-menu-items .add-new-menu-item,
-.adding-menu-items .add-new-menu-item:hover,
-.add-menu-toggle.open,
-.add-menu-toggle.open:hover {
-       background: #eee;
-       border-color: #929793;
-       color: #32373c;
-       -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
-       box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
-}
-
-.adding-menu-items .add-new-menu-item:before,
-#accordion-section-add_menu .add-new-menu-item.open:before {
-       -webkit-transform: rotate(45deg);
-       -ms-transform: rotate(45deg);
-       transform: rotate(45deg);
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .menu-item-bar .item-delete {
</span><span class="cx" style="display: block; padding: 0 10px">        color: #a00;
</span><span class="cx" style="display: block; padding: 0 10px">        position: absolute;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -537,15 +429,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">        color: #f00;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.menu-item-bar .item-delete:focus:before {
-       -webkit-box-shadow:
-               0 0 0 1px #5b9dd9,
-               0 0 2px 1px rgba(30, 140, 190, .8);
-       box-shadow:
-               0 0 0 1px #5b9dd9,
-               0 0 2px 1px rgba(30, 140, 190, .8);
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .adding-menu-items .menu-item-bar .item-edit {
</span><span class="cx" style="display: block; padding: 0 10px">        display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -554,27 +437,10 @@
</span><span class="cx" style="display: block; padding: 0 10px">        display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-#available-menu-items .item {
-       position: static;
-}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/**
+ * Styles for menu-item addition panel
+ */
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-#available-menu-items {
-       position: absolute;
-       top: 0;
-       bottom: 0;
-       left: -301px;
-       visibility: hidden;
-       overflow-x: hidden;
-       overflow-y: auto;
-       width: 300px;
-       margin: 0;
-       z-index: 4;
-       background: #eee;
-       -webkit-transition: left .18s;
-       transition: left .18s;
-       border-right: 1px solid #ddd;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> #available-menu-items.opening {
</span><span class="cx" style="display: block; padding: 0 10px">        overflow-y: hidden; /* avoid scrollbar jitter with animating heights */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -640,10 +506,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> #available-menu-items .cannot-expand .accordion-section-title .no-items {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        display: block;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ float: right;
</ins><span class="cx" style="display: block; padding: 0 10px">         color: #777;
</span><span class="cx" style="display: block; padding: 0 10px">        font-weight: normal;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        float: right;
</del><span class="cx" style="display: block; padding: 0 10px">         margin-left: 5px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -653,19 +518,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">        max-height: 290px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-#available-menu-items #available-menu-items-search .accordion-section-content {
-       position: absolute;
-       left: 1px;
-       top: 60px; /* below title div / search input */
-       bottom: 0px; /* 100% height that still triggers lazy load */
-       max-height: none;
-       width: 100%;
-       padding: 1px 15px 15px;
-       -webkit-box-sizing: border-box;
-       -moz-box-sizing: border-box;
-       box-sizing: border-box;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> #available-menu-items .menu-item-tpl {
</span><span class="cx" style="display: block; padding: 0 10px">        margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -677,19 +529,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">        border: 1px solid #f00;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-#available-menu-items .item-tpl {
-       position: relative;
-       padding: 20px 15px 20px 60px;
-       border-bottom: 1px solid #e4e4e4;
-       cursor: pointer;
-       display: none;
-}
-
-#available-menu-items .item-tpl:hover,
-#available-menu-items .item-tpl.selected {
-       background: #eee;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> #available-menu-items .menu-item-handle .item-type {
</span><span class="cx" style="display: block; padding: 0 10px">        padding-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -702,14 +541,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">        cursor: pointer;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-#available-menu-items .item-top,
-#available-menu-items .item-top:hover {
-       border: none;
-       background: transparent;
-       -webkit-box-shadow: none;
-       box-shadow: none;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> #available-menu-items .menu-item-handle {
</span><span class="cx" style="display: block; padding: 0 10px">        -webkit-box-shadow: none;
</span><span class="cx" style="display: block; padding: 0 10px">        box-shadow: none;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -754,15 +585,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">        font: normal 20px/1.05 dashicons; /* line height is to account for the dashicon's vertical alignment */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-#available-menu-items .item-add:focus:before {
-       -webkit-box-shadow:
-               0 0 0 1px #5b9dd9,
-               0 0 2px 1px rgba(30, 140, 190, .8);
-       box-shadow:
-               0 0 0 1px #5b9dd9,
-               0 0 2px 1px rgba(30, 140, 190, .8);
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> #available-menu-items .menu-item-handle.item-added .item-type,
</span><span class="cx" style="display: block; padding: 0 10px"> #available-menu-items .menu-item-handle.item-added .item-title,
</span><span class="cx" style="display: block; padding: 0 10px"> #available-menu-items .menu-item-handle.item-added:hover .item-add,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -812,11 +634,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">        color: #f00;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-#available-menu-items-search .clear-results:focus {
-       -webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
-       box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> #available-menu-items-search .spinner {
</span><span class="cx" style="display: block; padding: 0 10px">        position: absolute;
</span><span class="cx" style="display: block; padding: 0 10px">        top: 20px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -824,13 +641,15 @@
</span><span class="cx" style="display: block; padding: 0 10px">        right: 20px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-#available-menu-items-search input {
-       padding: 6px 10px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* search results list */
+#available-menu-items #available-menu-items-search .accordion-section-content {
+       position: absolute;
+       left: 1px;
+       top: 60px; /* below title div / search input */
+       bottom: 0px; /* 100% height that still triggers lazy load */
+       max-height: none;
</ins><span class="cx" style="display: block; padding: 0 10px">         width: 100%;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-}
-
-#available-menu-items-search .accordion-section-title {
-       padding: 12px 15px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 1px 15px 15px;
</ins><span class="cx" style="display: block; padding: 0 10px">         -webkit-box-sizing: border-box;
</span><span class="cx" style="display: block; padding: 0 10px">        -moz-box-sizing: border-box;
</span><span class="cx" style="display: block; padding: 0 10px">        box-sizing: border-box;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -936,7 +755,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .menu-delete-item {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        display: block;
</del><span class="cx" style="display: block; padding: 0 10px">         float: left;
</span><span class="cx" style="display: block; padding: 0 10px">        padding: 1em 0;
</span><span class="cx" style="display: block; padding: 0 10px">        width: 100%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -962,11 +780,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">        text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.menu-delete:focus {
-       -webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
-       box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .menu-item-handle {
</span><span class="cx" style="display: block; padding: 0 10px">        margin-top: -1px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -999,10 +812,27 @@
</span><span class="cx" style="display: block; padding: 0 10px">        margin-top: 12px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-#available-menu-items .customize-section-title {
-       display: none;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/**
+ * box-shadows
+ */
+
+.wp-customizer .menu-item .submitbox .submitdelete:focus,
+.customize-screen-options-toggle:focus:before,
+#customize-controls .customize-info .customize-help-toggle:focus:before,
+.wp-customizer button:focus .toggle-indicator:after,
+#available-menu-items-search .clear-results:focus,
+.menu-delete:focus,
+.menu-item-bar .item-delete:focus:before,
+#available-menu-items .item-add:focus:before {
+       -webkit-box-shadow:
+               0 0 0 1px #5b9dd9,
+               0 0 2px 1px rgba(30, 140, 190, .8);
+       box-shadow:
+               0 0 0 1px #5b9dd9,
+               0 0 2px 1px rgba(30, 140, 190, .8);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> @media screen and ( max-width: 782px ) {
</span><span class="cx" style="display: block; padding: 0 10px">        #available-menu-items #available-menu-items-search .accordion-section-content {
</span><span class="cx" style="display: block; padding: 0 10px">                top: 63px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1010,45 +840,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> @media screen and ( max-width: 640px ) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        body.adding-menu-items div#available-menu-items {
-               top: 46px;
-               left: 0;
-               z-index: 10;
-               width: 100%;
-       }
-
</del><span class="cx" style="display: block; padding: 0 10px">         #available-menu-items #available-menu-items-search .accordion-section-content {
</span><span class="cx" style="display: block; padding: 0 10px">                top: 133px;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
-       #available-menu-items .customize-section-title {
-               display: block;
-               margin: 0;
-       }
-
-       #available-menu-items .customize-section-back {
-               height: 69px;
-       }
-
-       #available-menu-items .customize-section-title h3 {
-               font-size: 20px;
-               font-weight: 200;
-               padding: 9px 10px 12px 14px;
-               margin: 0;
-               line-height: 24px;
-               color: #555;
-               display: block;
-               overflow: hidden;
-               white-space: nowrap;
-               text-overflow: ellipsis;
-       }
-
-       #available-menu-items .customize-section-title .customize-action {
-               font-size: 13px;
-               display: block;
-               font-weight: 400;
-               overflow: hidden;
-               white-space: nowrap;
-               text-overflow: ellipsis;
-       }
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre></div>
<a id="trunksrcwpadmincsscustomizewidgetscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-admin/css/customize-widgets.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-admin/css/customize-widgets.css      2016-01-13 20:32:47 UTC (rev 36290)
+++ trunk/src/wp-admin/css/customize-widgets.css        2016-01-13 22:35:05 UTC (rev 36291)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -79,10 +79,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">        line-height: 16px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.widget-top {
-       cursor: move;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .customize-control-widget_form.expanded a.widget-action:after {
</span><span class="cx" style="display: block; padding: 0 10px">        content: "\f142";
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -99,6 +95,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        cursor: pointer;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.widget-top,
</ins><span class="cx" style="display: block; padding: 0 10px"> .customize-control-widget_form .widget .customize-control-title {
</span><span class="cx" style="display: block; padding: 0 10px">        cursor: move;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -126,57 +123,10 @@
</span><span class="cx" style="display: block; padding: 0 10px">        background-color: #fafafa;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.widget-reorder-nav span {
-       position: relative;
-       overflow: hidden;
-       float: left;
-       display: block;
-       width: 33px; /* was 42px for mobile */
-       height: 43px;
-       color: #82878c;
-       text-indent: -9999px;
-       cursor: pointer;
-       outline: none;
-}
-
-.widget-reorder-nav span:before {
-       display: inline-block;
-       position: absolute;
-       top: 0;
-       right: 0;
-       width: 100%;
-       height: 100%;
-       font: normal 20px/43px dashicons;
-       text-align: center;
-       text-indent: 0;
-       -webkit-font-smoothing: antialiased;
-       -moz-osx-font-smoothing: grayscale;
-}
-
-.widget-reorder-nav span:hover,
-.widget-reorder-nav span:focus {
-       color: #444;
-       background: #eee;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .move-widget:before {
</span><span class="cx" style="display: block; padding: 0 10px">        content: "\f504";
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.move-widget-down:before {
-       content: "\f347";
-}
-
-.move-widget-up:before {
-       content: "\f343";
-}
-
-#customize-theme-controls .first-widget .move-widget-up,
-#customize-theme-controls .last-widget .move-widget-down {
-       color: #d5d5d5;
-       cursor: default;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> #customize-theme-controls .move-widget-area {
</span><span class="cx" style="display: block; padding: 0 10px">        display: none;
</span><span class="cx" style="display: block; padding: 0 10px">        background: #fff;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -256,106 +206,23 @@
</span><span class="cx" style="display: block; padding: 0 10px">  * Styles for new widget addition panel
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-full-overlay-main {
-       right: auto; /* this overrides a right: 0; which causes the preview to resize, I'd rather have it go off screen at the normal size. */
-       width: 100%;
-}
-
-body.adding-widget .add-new-widget,
-body.adding-widget .add-new-widget:hover {
-       background: #eee;
-       border-color: #999;
-       color: #32373c;
-       -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
-       box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
-}
-body.adding-widget .add-new-widget:before {
-       -webkit-transform: rotate(45deg);
-       -ms-transform: rotate(45deg);
-       transform: rotate(45deg);
-}
-
-#available-widgets .widget {
-       position: static;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> /* override widgets admin page rules in wp-admin/css/wp-admin.css */
</span><span class="cx" style="display: block; padding: 0 10px"> #widgets-left #available-widgets .widget {
</span><span class="cx" style="display: block; padding: 0 10px">        float: none !important;
</span><span class="cx" style="display: block; padding: 0 10px">        width: auto !important;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-#available-widgets {
-       position: absolute;
-       top: 0;
-       bottom: 0;
-       left: -301px;
-       visibility: hidden;
-       overflow: auto;
-       width: 300px;
-       margin: 0;
-       z-index: 1;
-       background: #eee !important;
-       -webkit-transition: left .18s;
-       transition: left .18s;
-       border-right: 1px solid #ddd;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .ios #available-widgets {
</span><span class="cx" style="display: block; padding: 0 10px">        -webkit-transition: left 0s;
</span><span class="cx" style="display: block; padding: 0 10px">        transition: left 0s;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-#available-widgets-list {
-       top: 46px;
-       position: absolute;
-       overflow: auto;
-       bottom: 0;
-       width: 100%;
-}
-
-#available-widgets-filter {
-       position: fixed;
-       top: 0;
-       z-index: 1;
-       width: 300px;
-       height: 46px;
-       padding: 8px 17px 7px 13px;
-       background: #eee;
-       border-bottom: 1px solid #e4e4e4;
-       -webkit-box-sizing: border-box;
-       -moz-box-sizing: border-box;
-       box-sizing: border-box;
-}
-
-#available-widgets-filter input {
-       padding: 5px 10px 2px 10px;
-       width: 100%;
-}
-
-#available-widgets .widget-tpl {
-       position: relative;
-       padding: 20px 15px 20px 60px;
-       background: #fff;
-       border-bottom: 1px solid #e4e4e4;
-       cursor: pointer;
-       display: none;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> #available-widgets .widget-tpl:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> #available-widgets .widget-tpl.selected {
</span><span class="cx" style="display: block; padding: 0 10px">        background: #eee;
</span><span class="cx" style="display: block; padding: 0 10px">        border-bottom-color: #ccc;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-#available-widgets .widget-top,
-#available-widgets .widget-top:hover {
-       border: none;
-       background: transparent;
-       -webkit-box-shadow: none;
-       box-shadow: none;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> #customize-controls .widget-title h3 {
</span><span class="cx" style="display: block; padding: 0 10px">        font-size: 1em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -543,10 +410,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> #available-widgets [class*="tweet"] .widget-title:before,
</span><span class="cx" style="display: block; padding: 0 10px"> #available-widgets [class*="twitter"] .widget-title:before { content: "\f301"; }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-#available-widgets .customize-section-title {
-       display: none;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> @media screen and (max-height: 700px) and (min-width: 981px) {
</span><span class="cx" style="display: block; padding: 0 10px">        .customize-control-widget {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-bottom: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -579,55 +442,3 @@
</span><span class="cx" style="display: block; padding: 0 10px">                top: 8px;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
-@media screen and ( max-width: 640px ) {
-       body.adding-widget div#available-widgets {
-               top: 46px;
-               left: 0;
-               z-index: 10;
-               width: 100%;
-       }
-
-       #available-widgets .customize-section-title {
-               display: block;
-               margin: 0;
-       }
-
-       #available-widgets .customize-section-back {
-               height: 69px;
-       }
-
-       #available-widgets .customize-section-title h3 {
-               font-size: 20px;
-               font-weight: 200;
-               padding: 9px 10px 12px 14px;
-               margin: 0;
-               line-height: 24px;
-               color: #555;
-               display: block;
-               overflow: hidden;
-               white-space: nowrap;
-               text-overflow: ellipsis;
-       }
-
-       #available-widgets .customize-section-title .customize-action {
-               font-size: 13px;
-               display: block;
-               font-weight: 400;
-               overflow: hidden;
-               white-space: nowrap;
-               text-overflow: ellipsis;
-       }
-
-       #available-widgets-filter {
-               position: relative;
-               width: 100%;
-               background: #fff;
-               height: auto;
-               padding: 10px 15px;
-       }
-
-       #available-widgets-list {
-               top: 140px;
-       }
-}
</del></span></pre></div>
<a id="trunksrcwpadmincsswidgetscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-admin/css/widgets.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-admin/css/widgets.css        2016-01-13 20:32:47 UTC (rev 36290)
+++ trunk/src/wp-admin/css/widgets.css  2016-01-13 22:35:05 UTC (rev 36291)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -155,7 +155,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        padding: 9px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-#widgets-left #available-widgets,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+#widgets-left .widgets-holder-wrap,
</ins><span class="cx" style="display: block; padding: 0 10px"> div#widgets-left .widget-holder {
</span><span class="cx" style="display: block; padding: 0 10px">        background: transparent;
</span><span class="cx" style="display: block; padding: 0 10px">        border: none;
</span></span></pre>
</div>
</div>

</body>
</html>