<!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>[24219] trunk/wp-admin: Revisions UI: Redesigned slider handlers.</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/24219">24219</a></dd>
<dt>Author</dt> <dd>ocean90</dd>
<dt>Date</dt> <dd>2013-05-09 10:07:26 +0000 (Thu, 09 May 2013)</dd>
</dl>
<h3>Log Message</h3>
<pre>Revisions UI: Redesigned slider handlers.
Also:
* Fix diff header styling in grey admin theme
* Prevent an overlap of the compare two checkbox on smaller screens
props melchoyce, DrewAPicture, adamsilverstein. fixes <a href="http://core.trac.wordpress.org/ticket/24276">#24276</a>.</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#trunkwpadmincsscolorsclassiccss">trunk/wp-admin/css/colors-classic.css</a></li>
<li><a href="#trunkwpadmincsscolorsfreshcss">trunk/wp-admin/css/colors-fresh.css</a></li>
<li><a href="#trunkwpadmincsswpadminrtlcss">trunk/wp-admin/css/wp-admin-rtl.css</a></li>
<li><a href="#trunkwpadmincsswpadmincss">trunk/wp-admin/css/wp-admin.css</a></li>
<li><a href="#trunkwpadminrevisionphp">trunk/wp-admin/revision.php</a></li>
</ul>
<h3>Added Paths</h3>
<ul>
<li><a href="#trunkwpadminimagesarrowspr2xpng">trunk/wp-admin/images/arrows-pr-2x.png</a></li>
<li><a href="#trunkwpadminimagesarrowsprpng">trunk/wp-admin/images/arrows-pr.png</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunkwpadmincsscolorsclassiccss"></a>
<div class="modfile"><h4>Modified: trunk/wp-admin/css/colors-classic.css (24218 => 24219)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/wp-admin/css/colors-classic.css 2013-05-09 03:06:14 UTC (rev 24218)
+++ trunk/wp-admin/css/colors-classic.css 2013-05-09 10:07:26 UTC (rev 24219)
</span><span class="lines">@@ -1464,6 +1464,7 @@
</span><span class="cx"> table.diff .diff-deletedline {
</span><span class="cx"> background-color: #fdd;
</span><span class="cx"> text-decoration: line-through;
</span><ins>+ border-color: #ffc0c0;
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> table.diff .diff-deletedline del {
</span><span class="lines">@@ -1472,6 +1473,7 @@
</span><span class="cx">
</span><span class="cx"> table.diff .diff-addedline {
</span><span class="cx"> background-color: #dfd;
</span><ins>+ border-color: #aef9ae;
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> table.diff .diff-addedline ins {
</span><span class="lines">@@ -1542,28 +1544,28 @@
</span><span class="cx"> border-color: none;
</span><span class="cx"> }
</span><span class="cx">
</span><del>-.wp-slider .ui-slider-handle.left-handle {
- background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAA3NCSVQICAjb4U/gAAABAlBMVEXR2uHM1dzCzNW4ydOzxtSxw9Gqwc+bs7+Ss8SVscaZrLqQq7yNrMCKqr+EqsGDqb6GpruCpbl8pL15o7t1n7hwnLVika1djq5giqJXiqlYiqNJgp9ieYlDfqA/epw3dpk7dpg2dpo3dZo6dZc4dJY4dJg3cZY2bpE1bosxaIYxZIMrYX0tXnwtXHYsWHEnVW0mTmglT2cjTGIhRVsfQlYaN0kYM0QULDgTKTYRJzQTJzINISoLHCYNGyYKGCEIFxwJEhcJEhsHEhQDDAkHCg8EBwwCBwoEBAQBAwIBAQEBAQMAAgEBAAAAAAQAAQMBAAIAAAICAAEBAQAAAQAAAAD///+62qV+AAAAVnRSTlP/////////////////////////////////////////////////////////////////////////////////////////////////////////////////AEpNbNkAAAAJcEhZcwAACusAAArrAYKLDVoAAAAUdEVYdENyZWF0aW9uIFRpbWUAMy85LzEzrdD8jAAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAACbSURBVBiVVcvVDoNQEEXRqbu781B3d/dQQknh/P+vtBQKt/tpsnKGEOW4klkQFFvIsqwYzUJUvCts1wJl9gIruxT5hpLEyMBLKG+Z0ToJgrPLTDqOjyCxNN7mcahiaz50uDWsX0Fk+tKahKGJpX55qp1qpAsCY0lt5MdPUD2KoniowBRXn+f5Xp4RZDfCKg1W0D637P/iznn06w0M+083NZW9ZwAAAABJRU5ErkJggg==);
</del><ins>+.wp-slider .ui-slider-handle {
+ border-color: #ccc;
+ border-color: #d0dfe9;
+ background: #eff8ff;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#eff8ff), to(#fff));
+ background-image: -webkit-linear-gradient(bottom, #eff8ff, #fff);
+ background-image: -moz-linear-gradient(bottom, #eff8ff, #fff);
+ background-image: -o-linear-gradient(bottom, #eff8ff, #fff);
+ background-image: linear-gradient(to top, #eff8ff, #fff);
</ins><span class="cx"> }
</span><span class="cx">
</span><del>-.wp-slider .ui-slider-handle.ui-state-active.left-handle {
- background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAA3NCSVQICAjb4U/gAAAAzFBMVEXZ5ejU4eXM3ODG2NzE1tvB1Nq90deux86sxs2qxcynwsqlwcmjwMihvseevMWdvMSbusOXuMGTtb6IrbiHrLeCqbSBqLN/p7J3oa11oKxzn6tvnKhrmaZqmKVpmKVol6RllaJhk6Bej51djptaiZZZiJVYhpNWg5BUf4xSfYlRfIhPeYRMdYBKcXxFaXNDZnA+X2g9XmY8XGU4VV43VFw2U1s0UFgyTVQxS1IwSVAuR00sREosQ0orQkgqQEYpPkQoPkMoPUMoPUL///8pY4MvAAAARHRSTlP/////////////////////////////////////////////////////////////////////////////////////////AHHSjxIAAAAJcEhZcwAACusAAArrAYKLDVoAAAAUdEVYdENyZWF0aW9uIFRpbWUAMy85LzEzrdD8jAAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAACUSURBVBiVVctXEoJQEETRMaIo5qwF5hwxYOY9ev97EiQ43q+pUz2EYk9n5UElU0rpRO016toO79WhxlVysWqkroRgsswSjAsbnasgpGdsMk25gooZvR3K8CQxCuU9jH8FhZ3022rwJTZ4CK9nnwJBbiO8yVpFKDButm1bOn6iLFyZt5igeZLHOrhgfJ8k/yXTVoLrAxo1P5iCdUg7AAAAAElFTkSuQmCC);
</del><ins>+.wp-slider .ui-slider-handle:hover,
+.wp-slider .ui-slider-handle:focus {
+ border-color: #a0c3d5;
</ins><span class="cx"> }
</span><span class="cx">
</span><del>-.wp-slider .ui-slider-handle {
- background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAA3NCSVQICAjb4U/gAAAA8FBMVEU2dZipwNBJl8VGmcX///+EpLlBgqpymrNFjru3ydNWiKs6eZzY4uuRrL08faPL3OZBjLSBqsCTssRHlMJEf59cj657o7xKl8OEqsE9gag2dJtEkb+ct8iZs8BHmMePq8BejKZAiK5llK5FjrlJl8c6dZdGl8avxdBJlcZ4nbc6ep6XrbpKgZ+Lqr5KmcdIkbqsws1Gk8E+f6c4dptaiadFirRKl8V8pblImcNIl8eGpruVscZCh7BMlsdIlcFImchEkbs9eJpCjbdGjbk8fJ84dp02dpo8gatMlsM2dps8faVAg61Ej71Ek75IksFIlcOaLCw7AAAAUHRSTlP/////AP///////////////////////////////////////////////////////////////////////////////////////////////////xB6m5UAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAUdEVYdENyZWF0aW9uIFRpbWUAMy85LzEzrdD8jAAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAACaSURBVBiVVcxZD8FAGIXhjxzUVktQgqKmo7ZYhkgsiS1tQuj//zeomo736uS5OFSo2W6UXc/R5hxXW5foxDlXqUKZx0GFZpXynuM4kXhjgjgyJkGzQIjpvi9Fx1uQ0iQUh4GkR/Ini0CQ2IfQ24YC4X8T+Mn0zj8lO1IgnqZpzlxE0m4YhrFsKYJVn126UGV+W1wHf4LdpByuF0goFKI7tv/dAAAAAElFTkSuQmCC);
-}
-
</del><span class="cx"> .wp-slider .ui-slider-handle.ui-state-hover,
</span><span class="cx"> .wp-slider .ui-slider-handle.ui-state-focus {
</span><del>- border-color: none;
</del><ins>+ border-color: #a0c3d5;
</ins><span class="cx"> outline: none;
</span><span class="cx"> }
</span><span class="cx">
</span><del>-.wp-slider .ui-slider-handle.ui-state-active {
- background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAA3NCSVQICAjb4U/gAAAA51BMVEUgZpDkzc0yd6f///8mcqFJm8cjbZZzr80mg78lh8BDk8UngLl+s9AmfKk4hrGeweBaoMhNlMORwt4nd6Zdm8BAjMEnf7RYmsMkb50mhsFWlsYhZ5ImhbwocZg0f61Lk8E9i7twqNBgo8VSmMUofLBcm8o3faUpfK8mh8Aia5MgZpFMmcgpeapDmcJjo8sliMEmh70nhLkkcKAqgLF2sc8sc5ojbZsngrMkh8EnfKw1eaUjbpkkapImeKQgaJAohb0mh8MmhcMng7kkcKEpf68iZ48haJMmhb8kicEmc6MibJkia5UnhLsw1mWvAAAATXRSTlP/AP8A/////////////////////////////////////////////////////////////////////////////////////////////////9/iR18AAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAUdEVYdENyZWF0aW9uIFRpbWUAMy85LzEzrdD8jAAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAACaSURBVBiVVc15D8FAEIfh+Ymj6761LIrSiCNVVyjbRGgifP/PQ6q22/evyZPJDNXzD6G0qNDq5PtO3DJDFyfRpk+po2Eo0h5Qx9U0LRa3SejdlR2rDMLI41yKh6/AtOSzUiuU4kvemSMUDBsRXGuRIHj/CvCXyTNcSXelQBQYY1uBWMY651xfK4KzbdgzqJI73LK7hGC6r0bTB5apIhqIH/YIAAAAAElFTkSuQmCC);
-}
-
</del><span class="cx"> /* edit image */
</span><span class="cx"> #sidemenu a {
</span><span class="cx"> background-color: #f9f9f9;
</span></span></pre></div>
<a id="trunkwpadmincsscolorsfreshcss"></a>
<div class="modfile"><h4>Modified: trunk/wp-admin/css/colors-fresh.css (24218 => 24219)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/wp-admin/css/colors-fresh.css 2013-05-09 03:06:14 UTC (rev 24218)
+++ trunk/wp-admin/css/colors-fresh.css 2013-05-09 10:07:26 UTC (rev 24219)
</span><span class="lines">@@ -1358,6 +1358,7 @@
</span><span class="cx"> table.diff .diff-deletedline {
</span><span class="cx"> background-color: #fdd;
</span><span class="cx"> text-decoration: line-through;
</span><ins>+ border-color: #ffc0c0;
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> table.diff .diff-deletedline del {
</span><span class="lines">@@ -1366,6 +1367,7 @@
</span><span class="cx">
</span><span class="cx"> table.diff .diff-addedline {
</span><span class="cx"> background-color: #dfd;
</span><ins>+ border-color: #aef9ae;
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> table.diff .diff-addedline ins {
</span><span class="lines">@@ -1386,10 +1388,6 @@
</span><span class="cx"> color: #08a;
</span><span class="cx"> }
</span><span class="cx">
</span><del>-.diff-header {
- background-color: #f7f7f7;
-}
-
</del><span class="cx"> .revision-tick.completed-false {
</span><span class="cx"> background-color: #99c;
</span><span class="cx"> background-image: url(../images/wpspin_light.gif) no-repeat;
</span><span class="lines">@@ -1436,32 +1434,28 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .wp-slider .ui-slider-handle {
</span><del>- border-color: none;
</del><ins>+ border-color: #ccc;
+ border-radius: 50%;
+ background: #f4f4f4;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#dfdfdf), to(#fff));
+ background-image: -webkit-linear-gradient(bottom, #dfdfdf, #fff);
+ background-image: -moz-linear-gradient(bottom, #dfdfdf, #fff);
+ background-image: -o-linear-gradient(bottom, #dfdfdf, #fff);
+ background-image: linear-gradient(to top, #dfdfdf, #fff);
</ins><span class="cx"> color: #333;
</span><span class="cx"> }
</span><span class="cx">
</span><del>-.wp-slider .ui-slider-handle.left-handle {
- background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAA3NCSVQICAjb4U/gAAABAlBMVEXR2uHM1dzCzNW4ydOzxtSxw9Gqwc+bs7+Ss8SVscaZrLqQq7yNrMCKqr+EqsGDqb6GpruCpbl8pL15o7t1n7hwnLVika1djq5giqJXiqlYiqNJgp9ieYlDfqA/epw3dpk7dpg2dpo3dZo6dZc4dJY4dJg3cZY2bpE1bosxaIYxZIMrYX0tXnwtXHYsWHEnVW0mTmglT2cjTGIhRVsfQlYaN0kYM0QULDgTKTYRJzQTJzINISoLHCYNGyYKGCEIFxwJEhcJEhsHEhQDDAkHCg8EBwwCBwoEBAQBAwIBAQEBAQMAAgEBAAAAAAQAAQMBAAIAAAICAAEBAQAAAQAAAAD///+62qV+AAAAVnRSTlP/////////////////////////////////////////////////////////////////////////////////////////////////////////////////AEpNbNkAAAAJcEhZcwAACusAAArrAYKLDVoAAAAUdEVYdENyZWF0aW9uIFRpbWUAMy85LzEzrdD8jAAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAACbSURBVBiVVcvVDoNQEEXRqbu781B3d/dQQknh/P+vtBQKt/tpsnKGEOW4klkQFFvIsqwYzUJUvCts1wJl9gIruxT5hpLEyMBLKG+Z0ToJgrPLTDqOjyCxNN7mcahiaz50uDWsX0Fk+tKahKGJpX55qp1qpAsCY0lt5MdPUD2KoniowBRXn+f5Xp4RZDfCKg1W0D637P/iznn06w0M+083NZW9ZwAAAABJRU5ErkJggg==);
</del><ins>+.wp-slider .ui-slider-handle:hover,
+.wp-slider .ui-slider-handle:focus {
+ border-color: #aaa;
</ins><span class="cx"> }
</span><span class="cx">
</span><del>-.wp-slider .ui-slider-handle.ui-state-active.left-handle {
- background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAA3NCSVQICAjb4U/gAAAAzFBMVEXZ5ejU4eXM3ODG2NzE1tvB1Nq90deux86sxs2qxcynwsqlwcmjwMihvseevMWdvMSbusOXuMGTtb6IrbiHrLeCqbSBqLN/p7J3oa11oKxzn6tvnKhrmaZqmKVpmKVol6RllaJhk6Bej51djptaiZZZiJVYhpNWg5BUf4xSfYlRfIhPeYRMdYBKcXxFaXNDZnA+X2g9XmY8XGU4VV43VFw2U1s0UFgyTVQxS1IwSVAuR00sREosQ0orQkgqQEYpPkQoPkMoPUMoPUL///8pY4MvAAAARHRSTlP/////////////////////////////////////////////////////////////////////////////////////////AHHSjxIAAAAJcEhZcwAACusAAArrAYKLDVoAAAAUdEVYdENyZWF0aW9uIFRpbWUAMy85LzEzrdD8jAAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAACUSURBVBiVVctXEoJQEETRMaIo5qwF5hwxYOY9ev97EiQ43q+pUz2EYk9n5UElU0rpRO016toO79WhxlVysWqkroRgsswSjAsbnasgpGdsMk25gooZvR3K8CQxCuU9jH8FhZ3022rwJTZ4CK9nnwJBbiO8yVpFKDButm1bOn6iLFyZt5igeZLHOrhgfJ8k/yXTVoLrAxo1P5iCdUg7AAAAAElFTkSuQmCC);
-}
-
-.wp-slider .ui-slider-handle {
- background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAA3NCSVQICAjb4U/gAAAA8FBMVEU2dZipwNBJl8VGmcX///+EpLlBgqpymrNFjru3ydNWiKs6eZzY4uuRrL08faPL3OZBjLSBqsCTssRHlMJEf59cj657o7xKl8OEqsE9gag2dJtEkb+ct8iZs8BHmMePq8BejKZAiK5llK5FjrlJl8c6dZdGl8avxdBJlcZ4nbc6ep6XrbpKgZ+Lqr5KmcdIkbqsws1Gk8E+f6c4dptaiadFirRKl8V8pblImcNIl8eGpruVscZCh7BMlsdIlcFImchEkbs9eJpCjbdGjbk8fJ84dp02dpo8gatMlsM2dps8faVAg61Ej71Ek75IksFIlcOaLCw7AAAAUHRSTlP/////AP///////////////////////////////////////////////////////////////////////////////////////////////////xB6m5UAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAUdEVYdENyZWF0aW9uIFRpbWUAMy85LzEzrdD8jAAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAACaSURBVBiVVcxZD8FAGIXhjxzUVktQgqKmo7ZYhkgsiS1tQuj//zeomo736uS5OFSo2W6UXc/R5hxXW5foxDlXqUKZx0GFZpXynuM4kXhjgjgyJkGzQIjpvi9Fx1uQ0iQUh4GkR/Ini0CQ2IfQ24YC4X8T+Mn0zj8lO1IgnqZpzlxE0m4YhrFsKYJVn126UGV+W1wHf4LdpByuF0goFKI7tv/dAAAAAElFTkSuQmCC);
-}
-
</del><span class="cx"> .wp-slider .ui-slider-handle.ui-state-hover,
</span><span class="cx"> .wp-slider .ui-slider-handle.ui-state-focus {
</span><del>- border-color: none;
</del><ins>+ border-color: #aaa;
</ins><span class="cx"> outline: none;
</span><span class="cx"> }
</span><span class="cx">
</span><del>-.wp-slider .ui-slider-handle.ui-state-active {
- background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAA3NCSVQICAjb4U/gAAAA51BMVEUgZpDkzc0yd6f///8mcqFJm8cjbZZzr80mg78lh8BDk8UngLl+s9AmfKk4hrGeweBaoMhNlMORwt4nd6Zdm8BAjMEnf7RYmsMkb50mhsFWlsYhZ5ImhbwocZg0f61Lk8E9i7twqNBgo8VSmMUofLBcm8o3faUpfK8mh8Aia5MgZpFMmcgpeapDmcJjo8sliMEmh70nhLkkcKAqgLF2sc8sc5ojbZsngrMkh8EnfKw1eaUjbpkkapImeKQgaJAohb0mh8MmhcMng7kkcKEpf68iZ48haJMmhb8kicEmc6MibJkia5UnhLsw1mWvAAAATXRSTlP/AP8A/////////////////////////////////////////////////////////////////////////////////////////////////9/iR18AAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAUdEVYdENyZWF0aW9uIFRpbWUAMy85LzEzrdD8jAAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAACaSURBVBiVVc15D8FAEIfh+Ymj6761LIrSiCNVVyjbRGgifP/PQ6q22/evyZPJDNXzD6G0qNDq5PtO3DJDFyfRpk+po2Eo0h5Qx9U0LRa3SejdlR2rDMLI41yKh6/AtOSzUiuU4kvemSMUDBsRXGuRIHj/CvCXyTNcSXelQBQYY1uBWMY651xfK4KzbdgzqJI73LK7hGC6r0bTB5apIhqIH/YIAAAAAElFTkSuQmCC);
-}
-
</del><span class="cx"> /* edit image */
</span><span class="cx"> #sidemenu a {
</span><span class="cx"> background-color: #f9f9f9;
</span></span></pre></div>
<a id="trunkwpadmincsswpadminrtlcss"></a>
<div class="modfile"><h4>Modified: trunk/wp-admin/css/wp-admin-rtl.css (24218 => 24219)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/wp-admin/css/wp-admin-rtl.css 2013-05-09 03:06:14 UTC (rev 24218)
+++ trunk/wp-admin/css/wp-admin-rtl.css 2013-05-09 10:07:26 UTC (rev 24219)
</span><span class="lines">@@ -955,14 +955,32 @@
</span><span class="cx"> 11.2 - Post Revisions
</span><span class="cx"> ------------------------------------------------------------------------------*/
</span><span class="cx">
</span><ins>+#diff-slider .ui-slider-tooltip,
+#diff-slider-ticks .ui-slider-tooltip {
+ margin-left: 0;
+ margin-right: -78px;
+}
+
+.wp-slider .ui-slider-handle.left-handle:before,
+.wp-slider .ui-slider-handle.right-handle:before {
+ height: 8px;
+ width: 7px;
+}
+.wp-slider .ui-slider-handle.left-handle:before {
+ background-position: -5px -10px;
+ left: 6px;
+}
+.wp-slider .ui-slider-handle.right-handle:before {
+ background-position: -4px -29px;
+ left: 6px;
+}
+
</ins><span class="cx"> #toggle-revision-compare-mode {
</span><span class="cx"> right: auto;
</span><span class="cx"> left: 0;
</span><span class="cx"> padding: 9px 0 0 9px;
</span><del>-
</del><span class="cx"> }
</span><span class="cx">
</span><del>-
</del><span class="cx"> #diff-next-revision {
</span><span class="cx"> float: left;
</span><span class="cx"> }
</span><span class="lines">@@ -971,6 +989,10 @@
</span><span class="cx"> float: right;
</span><span class="cx"> }
</span><span class="cx">
</span><ins>+#diff-header {
+ padding: 5px 5px 5px 200px;
+}
+
</ins><span class="cx"> .diff-title {
</span><span class="cx"> float: right;
</span><span class="cx"> }
</span><span class="lines">@@ -982,6 +1004,11 @@
</span><span class="cx"> margin-left: 5px;
</span><span class="cx"> }
</span><span class="cx">
</span><ins>+.diff-title img {
+ margin-left: 0;
+ margin-right: 5px;
+}
+
</ins><span class="cx"> #restore-revision {
</span><span class="cx"> margin-left: 0;
</span><span class="cx"> margin-right: 10px;
</span><span class="lines">@@ -2723,6 +2750,12 @@
</span><span class="cx"> #content-resize-handle {
</span><span class="cx"> background: transparent url('../images/resize-rtl-2x.gif') no-repeat scroll left bottom;
</span><span class="cx"> }
</span><ins>+
+ .wp-slider .ui-slider-handle:before {
+ background-image: url(../images/arrows-pr-2x.png);
+ background-size: 16px 102px;
+ }
+
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> /* =Localized CSS
</span></span></pre></div>
<a id="trunkwpadmincsswpadmincss"></a>
<div class="modfile"><h4>Modified: trunk/wp-admin/css/wp-admin.css (24218 => 24219)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/wp-admin/css/wp-admin.css 2013-05-09 03:06:14 UTC (rev 24218)
+++ trunk/wp-admin/css/wp-admin.css 2013-05-09 10:07:26 UTC (rev 24219)
</span><span class="lines">@@ -3564,9 +3564,15 @@
</span><span class="cx"> table.diff th {
</span><span class="cx"> padding: .5em;
</span><span class="cx"> font-family: Consolas, Monaco, monospace;
</span><del>- border: none;
</del><ins>+ border-radius: 3px;
</ins><span class="cx"> }
</span><span class="cx">
</span><ins>+table.diff .diff-deletedline,
+table.diff .diff-addedline {
+ border-width: 1px;
+ border-style: solid;
+}
+
</ins><span class="cx"> table.diff .diff-deletedline del,
</span><span class="cx"> table.diff .diff-addedline ins {
</span><span class="cx"> text-decoration: none;
</span><span class="lines">@@ -3653,10 +3659,11 @@
</span><span class="cx"> #diff-header {
</span><span class="cx"> -webkit-border-radius: 3px;
</span><span class="cx"> border-radius: 3px;
</span><ins>+ padding: 5px 200px 5px 5px;
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .diff-header {
</span><del>- height: 35px;
</del><ins>+ min-height: 35px;
</ins><span class="cx"> line-height: 35px;
</span><span class="cx"> }
</span><span class="cx">
</span><span class="lines">@@ -3855,11 +3862,40 @@
</span><span class="cx"> .wp-slider .ui-slider-handle {
</span><span class="cx"> position: absolute;
</span><span class="cx"> z-index: 2;
</span><del>- width: 17px;
- height: 17px;
- border: none;
</del><ins>+ margin-top: -3px;
+ width: 19px;
+ height: 19px;
+ border-width: 1px;
+ border-style: solid;
+ border-radius: 50%;
</ins><span class="cx"> }
</span><span class="cx">
</span><ins>+.wp-slider .ui-slider-handle:before {
+ content: "";
+ position: absolute;
+ top: 6px;
+ left: 4px;
+ height: 8px;
+ width: 12px;
+ background: url(../images/arrows-pr.png) no-repeat -2px -47px;
+}
+
+.wp-slider .ui-slider-handle.left-handle:before,
+.wp-slider .ui-slider-handle.right-handle:before {
+ height: 8px;
+ width: 7px;
+}
+
+.wp-slider .ui-slider-handle.left-handle:before {
+ background-position: -5px -84px;
+ left: 7px;
+}
+
+.wp-slider .ui-slider-handle.right-handle:before {
+ background-position: -4px -65px;
+ left: 5px;
+}
+
</ins><span class="cx"> .wp-slider .ui-slider-range {
</span><span class="cx"> position: absolute;
</span><span class="cx"> z-index: 1;
</span><span class="lines">@@ -9585,6 +9621,12 @@
</span><span class="cx"> .customize-loading #customize-container {
</span><span class="cx"> background-image: url(../images/wpspin_light-2x.gif);
</span><span class="cx"> }
</span><ins>+
+ .wp-slider .ui-slider-handle:before {
+ background-image: url(../images/arrows-pr-2x.png);
+ background-size: 16px 102px;
+ }
+
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> /* =Localized CSS
</span></span></pre></div>
<a id="trunkwpadminimagesarrowspr2xpng"></a>
<div class="binary"><h4>Added: trunk/wp-admin/images/arrows-pr-2x.png</h4>
<pre class="diff"><span>
<span class="cx">(Binary files differ)
</span></span></pre></div>
<span class="cx">Index: trunk/wp-admin/images/arrows-pr-2x.png
</span><span class="cx">===================================================================
</span><del>--- trunk/wp-admin/images/arrows-pr-2x.png 2013-05-09 03:06:14 UTC (rev 24218)
</del><ins>+++ trunk/wp-admin/images/arrows-pr-2x.png 2013-05-09 10:07:26 UTC (rev 24219)
</ins><span class="cx">Property changes on: trunk/wp-admin/images/arrows-pr-2x.png
</span><span class="cx">___________________________________________________________________
</span><a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<ins>+application/octet-stream
</ins><span class="cx">\ No newline at end of property
</span><a id="trunkwpadminimagesarrowsprpng"></a>
<div class="binary"><h4>Added: trunk/wp-admin/images/arrows-pr.png</h4>
<pre class="diff"><span>
<span class="cx">(Binary files differ)
</span></span></pre></div>
<span class="cx">Index: trunk/wp-admin/images/arrows-pr.png
</span><span class="cx">===================================================================
</span><del>--- trunk/wp-admin/images/arrows-pr.png 2013-05-09 03:06:14 UTC (rev 24218)
</del><ins>+++ trunk/wp-admin/images/arrows-pr.png 2013-05-09 10:07:26 UTC (rev 24219)
</ins><span class="cx">Property changes on: trunk/wp-admin/images/arrows-pr.png
</span><span class="cx">___________________________________________________________________
</span><a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<ins>+application/octet-stream
</ins><span class="cx">\ No newline at end of property
</span><a id="trunkwpadminrevisionphp"></a>
<div class="modfile"><h4>Modified: trunk/wp-admin/revision.php (24218 => 24219)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/wp-admin/revision.php 2013-05-09 03:06:14 UTC (rev 24218)
+++ trunk/wp-admin/revision.php 2013-05-09 10:07:26 UTC (rev 24219)
</span><span class="lines">@@ -92,7 +92,7 @@
</span><span class="cx"> $revisions_overview = '<p>' . __( 'This screen is used for managing your content revisions.' ) . '</p>';
</span><span class="cx"> $revisions_overview .= '<p>' . __( 'Revisions are saved copies of your post or page, which are periodically created as you update your content. The red text on the left shows the content that was removed. The green text on the right shows the content that was added.' ) . '</p>';
</span><span class="cx"> $revisions_overview .= '<p>' . __( 'From this screen you can review, compare, and restore revisions:' ) . '</p>';
</span><del>-$revisions_overview .= '<ul><li>' . __( 'To navigate between revisions, <strong>drag the slider arrow left or right</strong> or <strong>use the Previous or Next buttons</strong>.' ) . '</li>';
</del><ins>+$revisions_overview .= '<ul><li>' . __( 'To navigate between revisions, <strong>drag the slider handle left or right</strong> or <strong>use the Previous or Next buttons</strong>.' ) . '</li>';
</ins><span class="cx"> $revisions_overview .= '<li>' . __( 'Compare two different revisions by <strong>selecting the “Compare two revisions” box</strong> to the side.' ) . '</li>';
</span><span class="cx"> $revisions_overview .= '<li>' . __( 'To restore a revision, <strong>click Restore This Revision</strong>.' ) . '</li></ul>';
</span><span class="cx">
</span><span class="lines">@@ -144,6 +144,7 @@
</span><span class="cx"> <div id="diff-title-from" class="diff-title">
</span><span class="cx"> <strong><?php _ex( 'From:', 'Followed by post revision info' ); ?></strong> {{{ data.titleFrom }}}
</span><span class="cx"> </div>
</span><ins>+ <div class="clear"></div>
</ins><span class="cx"> </div>
</span><span class="cx">
</span><span class="cx"> <div id="diff-header-to" class="diff-header">
</span><span class="lines">@@ -152,6 +153,7 @@
</span><span class="cx"> </div>
</span><span class="cx">
</span><span class="cx"> <input type="button" id="restore-revision" class="button button-primary" data-restore-link="{{{ data.restoreLink }}}" value="<?php esc_attr_e( 'Restore This Revision' )?>" />
</span><ins>+ <div class="clear"></div>
</ins><span class="cx"> </div>
</span><span class="cx"> </div>
</span><span class="cx">
</span></span></pre>
</div>
</div>
</body>
</html>