Changeset 26072

Timestamp:

11/10/2013 12:26:50 AM (11 years ago)

Author:

helen

Message:

Say hello to a fresh new look for the WordPress admin.

Still to come: more color schemes, a responsive component, and more.

see #25858.
props iammattthomas, tillkruess, EmpireOfLight, melchoyce, ryelle, joen, mitchoyoshitaka, sirbrillig, andypeatling, isaackeyet, Otto42, dd32, matt, helen.

Location:

trunk/src

Files:

• wp-admin/admin-header.php (modified) (2 diffs)
• wp-admin/css/colors-classic.css (deleted)
• wp-admin/css/colors-fresh.css (modified) (82 diffs)
• wp-admin/css/customize-controls.css (modified) (21 diffs)
• wp-admin/css/media.css (modified) (1 diff)
• wp-admin/css/wp-admin-rtl.css (modified) (45 diffs)
• wp-admin/css/wp-admin.css (modified) (280 diffs)
• wp-includes/admin-bar.php (modified) (1 diff)
• wp-includes/css/admin-bar-rtl.css (modified) (7 diffs)
• wp-includes/css/admin-bar.css (modified) (23 diffs)
• wp-includes/css/buttons.css (modified) (9 diffs)
• wp-includes/css/dashicons.css (added)
• wp-includes/css/editor.css (modified) (25 diffs)
• wp-includes/css/media-views.css (modified) (34 diffs)
• wp-includes/css/wp-pointer.css (modified) (8 diffs)
• wp-includes/fonts (added)
• wp-includes/fonts/dashicons.eot (added)
• wp-includes/fonts/dashicons.svg (added)
• wp-includes/fonts/dashicons.ttf (added)
• wp-includes/fonts/dashicons.woff (added)
• wp-includes/general-template.php (modified) (1 diff)
• wp-includes/js/svg-painter.js (added)
• wp-includes/js/tinymce/themes/advanced/skins/wp_theme/content.css (modified) (6 diffs)
• wp-includes/js/tinymce/themes/advanced/skins/wp_theme/dialog.css (modified) (3 diffs)
• wp-includes/script-loader.php (modified) (3 diffs)

trunk/src/wp-admin/admin-header.php

@@ -54 +54 @@
 wp_enqueue_style( 'ie' );
 wp_enqueue_script('utils');
+wp_enqueue_script( 'svg-painter' );
 
 $admin_body_class = preg_replace('/[^a-z0-9_-]+/i', '-', $hook_suffix);
@@ -146 +147 @@
     $admin_body_class .= ' mobile';
 
-$admin_body_class .= ' no-customize-support';
+if ( is_multisite() )
+    $admin_body_class .= ' multisite';
+
+if ( is_network_admin() )
+    $admin_body_class .= ' network-admin';
+
+$admin_body_class .= ' no-customize-support no-svg';
 
 ?>

trunk/src/wp-admin/css/colors-fresh.css

@@ -1 +1 @@
 /*------------------------------------------------------------------------------
 
+This is MP6 as of r800130
 
 Howdy! This is the CSS file that controls the
-Gray (fresh) color style on the WordPress Dashboard.
+fresh color style on the WordPress Dashboard.
 
 This file contains both LTR and RTL styles.
@@ -21 +22 @@
 ------------------------------------------------------------------------------*/
 
+html {
+    background: #eee;
+}
+
+/* Checkbooms */
+
+input[type=checkbox],
+input[type=radio] {
+    background: #fff;
+    border-color: #bbb !important;
+    color: #555;
+
+    -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
+    box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
+}
+
+input[type=checkbox]:checked:before {
+    color: #1e8cbe;
+}
+
+input[type=radio]:checked:before {
+    background-color: #1e8cbe;
+}
+
+#wpbody select {
+    border-color: #bbb;
+}
+
+.wp-core-ui input[type="reset"]:hover,
+.wp-core-ui input[type="reset"]:active {
+    color: #2ea2cc;
+}
+
+
+/* Helper classes for pulling MP6 colors */
+
+.mp6-primary {
+    color: #fff;
+    background-color: #333;
+}
+.mp6-text-primary {
+    color: #333;
+}
+
+.mp6-highlight {
+    color: white;
+    background-color: #1e8cbe;
+}
+.mp6-text-highlight {
+    color: #1e8cbe;
+}
+
+.mp6-notification {
+    color: #fff;
+    background-color: #D54E21;
+}
+.mp6-text-notification {
+    color: #D54E21;
+}
+
+.mp6-text-icon {
+    color: #999;
+}
+
+
+#adminmenu .wp-has-current-submenu .wp-submenu,
+.no-js li.wp-has-current-submenu:hover .wp-submenu,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
+#adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu {
+    background-color: #333;
+}
+
+#adminmenu .wp-has-current-submenu .wp-submenu a,
+.no-js li.wp-has-current-submenu:hover .wp-submenu a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
+#adminmenu .wp-has-current-submenu .wp-submenu.sub-open a,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
+    color: #bbb;
+}
+
+#adminmenu .wp-submenu a:hover,
+#adminmenu .wp-submenu a:focus,
+#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu .wp-submenu.sub-open a:hover,
+#adminmenu .wp-has-current-submenu .wp-submenu.sub-open a:focus,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover,
+#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
+.no-js li.wp-has-current-submenu:hover .wp-submenu a:hover,
+.no-js li.wp-has-current-submenu:hover .wp-submenu a:focus,
+.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
+.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus {
+    background: none;
+    color: #2ea2cc;
+}
+
+ul#adminmenu a.wp-has-current-submenu:after,
+ul#adminmenu > li.current > a.current:after {
+    border-right-color: #eee;
+}
+
+#dashboard_right_now .t,
+#dashboard_right_now .b {
+    color: #777;
+}
+
+#the-comment-list .comment-item p.row-actions,
+#dashboard_recent_comments .subsubsub,
+.plugins .row-actions-visible,
+.row-actions {
+    color: #ddd;
+}
+
 .find-box-search,
 .find-box-buttons {
     background-color: #f7f7f7;
-    border-top: 1px solid #ddd;
+    border-top: 1px solid #dfdfdf;
 }
 
@@ -47 +165 @@
 .form-table .pre,
 .ui-autocomplete li a {
-    color: #333;
+    color: #555;
 }
 
@@ -85 +203 @@
 
 table.widefat {
-    border-color: #dfdfdf;
-    background-color: #f9f9f9;
+    border-color: #fff;
+    background-color: #fff;
+}
+
+th .comment-grey-bubble:before {
+    color: #444;
+}
+
+.sorting-indicator:before {
+    color: #444;
 }
 
@@ -110 +236 @@
 .wp-tab-active {
     border-color: #dfdfdf;
-    background-color: #fff;
+    background-color: #fdfdfd;
 }
 
@@ -120 +246 @@
 ul.add-menu-item-tabs li.tabs,
 .wp-tab-active {
-    background-color: #fff;
+    background-color: #fdfdfd;
 }
 
@@ -126 +252 @@
 code {
     background: #eaeaea;
+    background: rgba(0,0,0,0.07);
 }
 
@@ -131 +258 @@
 input[type="text"],
 input[type="password"],
-input[type="file"],
 input[type="email"],
 input[type="number"],
@@ -137 +263 @@
 input[type="tel"],
 input[type="url"],
+.titlewrap input {
+    box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
+}
+
+textarea,
+input[type="text"],
+input[type="password"],
+input[type="email"],
+input[type="number"],
+input[type="search"],
+input[type="tel"],
+input[type="url"],
+.titlewrap input,
 select {
-    border-color: #dfdfdf;
+    border-color: #dedede;
+}
+
+.inside textarea,
+.inside input[type="text"],
+.inside input[type="password"],
+.inside input[type="email"],
+.inside input[type="number"],
+.inside input[type="search"],
+.inside input[type="tel"],
+.inside input[type="url"] {
+    border-color: #ddd;
 }
 
@@ -144 +294 @@
 input[type="text"]:focus,
 input[type="password"]:focus,
-input[type="file"]:focus,
 input[type="email"]:focus,
 input[type="number"]:focus,
@@ -154 +303 @@
 }
 
+input:disabled,
 input.disabled,
+textarea:disabled,
 textarea.disabled {
-    background-color: #ccc;
+    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.04);
+    box-shadow:         inset 0 1px 2px rgba(0,0,0,0.04);
+    border-color: rgba(222, 222, 222, .75);
+    background: rgba(255, 255, 255, .5);
+    color: rgba(51, 51, 51, .5);
 }
 
@@ -165 +320 @@
 }
 
-.revisions-meta,
+/*
 .widget .widget-top,
 .postbox h3,
 .stuffbox h3,
-.widefat thead tr th,
-.widefat tfoot tr th,
+.control-section .accordion-section-title,
 h3.dashboard-widget-title,
 h3.dashboard-widget-title span,
@@ -177 +331 @@
 #nav-menu-header,
 #nav-menu-footer,
-.menu-item-handle {
-    background: #f1f1f1;
-    background-image: -webkit-gradient(linear, left bottom, left top, from(#ececec), to(#f9f9f9));
-    background-image: -webkit-linear-gradient(bottom, #ececec, #f9f9f9);
-    background-image:    -moz-linear-gradient(bottom, #ececec, #f9f9f9);
-    background-image:      -o-linear-gradient(bottom, #ececec, #f9f9f9);
-    background-image: linear-gradient(to top, #ececec, #f9f9f9);
-}
-
-
-
-.widget .widget-top,
-.postbox h3,
-.stuffbox h3 {
-    border-bottom-color: #dfdfdf;
-    text-shadow: #fff 0 1px 0;
-    -webkit-box-shadow: 0 1px 0 #fff;
-    box-shadow: 0 1px 0 #fff;
+.menu-item-handle,
+.checkbox,
+.side-info,
+.widefat thead th,
+.widefat tfoot th {
+    background: #fcfcfc;
+    border-top: none;
+    border-bottom: 1px solid #e1e1e1;
+}
+*/
+
+.accordion-section-content {
+    border-left: none;
+    border-right: none;
+}
+
+/*
+.js .control-section:hover .accordion-section-title,
+.js .control-section .accordion-section-title:hover,
+.js .control-section.open .accordion-section-title,
+.js .control-section .accordion-section-title:focus {
+    background: #0074a2;
+    border-color: #0074a2 !important;
+}
+*/
+
+.widefat tfoot th {
+    border-bottom: none;
+    border-top: 1px solid #e1e1e1;
+}
+
+.widefat thead th {
+    border-bottom: 1px solid #e1e1e1;
 }
 
@@ -200 +369 @@
 .form-wrap label {
     color: #222;
-    text-shadow: #fff 0 1px 0;
+}
+
+.form-table th {
+    border-bottom: 1px solid #dfdfdf;
+}
+
+.form-table td {
+    border-bottom: 1px solid #dfdfdf;
+}
+.form-table.editcomment td {
+    border-bottom: none;
 }
 
@@ -209 +388 @@
 
 strong .post-com-count span {
-    background-color: #21759b;
+    background-color: #0074a2;
+}
+
+.post-com-count:after {     /* draw bubble connector using CSS! */
+    border-top: 5px solid #bbbbbb;
+    border-right: 5px solid transparent;
+}
+
+strong .post-com-count:after {
+    border-top: 5px solid #0076a0;
+}
+
+.post-com-count:hover:after {
+    border-top: 5px solid #2ea2cc;
 }
 
@@ -222 +414 @@
 
 .wrap h2 {
-    color: #464646;
+    color: #000;
 }
 
 .wrap .add-new-h2,
-.wrap .add-new-h2:active {
-    background: #f1f1f1;
+.wrap .add-new-h2:active,
+#add-new-comment a {
+    background: #e0e0e0;
+}
+
+.wrap .add-new-h2:hover,
+#add-new-comment a:hover {
+    background: #2ea2cc;
+    color: #fff;
 }
 
@@ -249 +448 @@
 .alternate,
 .alt {
-    background-color: #fcfcfc;
+    background-color: #f9f9f9;
 }
 
 .available-theme a.screenshot {
-    background-color: #f1f1f1;
-    border-color: #ddd;
+    background-color: #fff;
+    border-color: #ccc;
 }
 
@@ -266 +465 @@
 }
 
-#media-upload,
-#media-upload .media-item .slidetoggle {
-    background: #fff;
-}
-
-#media-upload .slidetoggle {
-    border-top-color: #dfdfdf;
-}
-
-div.error,
-.login #login_error {
-    background-color: #ffebe8;
-    border-color: #c00;
-}
-
-div.error a {
-    color: #c00;
-}
-
 .form-invalid {
     background-color: #ffebe8 !important;
@@ -296 +476 @@
 .submit,
 #commentsdiv #add-new-comment {
-    border-color: #dfdfdf;
+    border: none;
 }
 
@@ -336 +516 @@
 
 .post-com-count:hover span {
-    background-color: #d54e21;
+    background-color: #2ea2cc;
 }
 
@@ -354 +534 @@
 a:hover,
 a:active {
-    color: #d54e21;
+    color: #2ea2cc;
 }
 
@@ -364 +544 @@
 #adminmenu li.menu-top > a:focus,
 #adminmenu .wp-submenu a:hover,
-#the-comment-list .comment a:hover,
 #rightnow a:hover,
 #media-upload a.del-link:hover,
@@ -370 +549 @@
 .subsubsub a:hover,
 .subsubsub a.current:hover,
-.ui-tabs-nav a:hover,
-.plugins .inactive a:hover,
-#all-plugins-table .plugins .inactive a:hover,
-#search-plugins-table .plugins .inactive a:hover {
-    color: #d54e21;
+.ui-tabs-nav a:hover {
+    color: #2ea2cc;
 }
 
 #the-comment-list .comment-item,
 #dashboard-widgets #dashboard_quick_press form p.submit {
-    border-color: #dfdfdf;
+    border: none;
 }
 
@@ -393 +569 @@
 }
 
-#dashboard_right_now .table_content,
-#dashboard_right_now .table_discussion {
-    border-top-color: #ececec;
+p.submit {
+    border-top-color: #dfdfdf;
 }
 
@@ -403 +578 @@
 }
 
+table.widefat span.delete a,
+table.widefat span.trash a,
+table.widefat span.spam a,
+#dashboard_recent_comments .delete a,
+#dashboard_recent_comments .trash a,
+#dashboard_recent_comments .spam a,
+.plugins a.delete,
+#all-plugins-table .plugins a.delete,
+#search-plugins-table .plugins a.delete,
+.submitbox .submitdelete,
+#media-items a.delete,
+#media-items a.delete-permanently,
+#nav-menu-footer .menu-delete {
+    color: #a00;
+}
+
+table.widefat span.delete a:hover,
+table.widefat span.trash a:hover,
+table.widefat span.spam a:hover,
+#dashboard_recent_comments .delete a:hover,
+#dashboard_recent_comments .trash a:hover,
+#dashboard_recent_comments .spam a:hover,
 .plugins a.delete:hover,
 #all-plugins-table .plugins a.delete:hover,
 #search-plugins-table .plugins a.delete:hover,
-.submitbox .submitdelete {
-    color: #f00;
-    border-bottom-color: #f00;
-}
-
 .submitbox .submitdelete:hover,
 #media-items a.delete:hover,
 #media-items a.delete-permanently:hover,
 #nav-menu-footer .menu-delete:hover {
-    color: #fff;
-    background-color: #f00;
-    border-bottom-color: #f00;
+    color: #f00;
 }
 
@@ -433 +623 @@
 .tablenav .prev {
     border-color: transparent;
-    color: #21759b;
+    color: #0074a2;
 }
 
@@ -439 +629 @@
 .tablenav .prev:hover {
     border-color: transparent;
-    color: #d54e21;
+    color: #2ea2cc;
 }
 
 div.updated,
-.login .message {
-    background-color: #ffffe0;
-    border-color: #e6db55;
+.login .message,
+.press-this #message {
+    background-color: #fff;
+    border-left: 4px solid #7ad03a;
+
+    -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
+    box-shadow:         0px 1px 1px 0px rgba(0,0,0,0.1);
+}
+
+#update-nag,
+.update-nag {
+    background-color: #fff;
+    border-left: 4px solid #ffba00;
+
+    -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
+    box-shadow:         0px 1px 1px 0px rgba(0,0,0,0.1);
+}
+
+div.error,
+.login #login_error {
+    background: #fff;
+    border-left: 4px solid #dd3d36;
+
+    -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
+    box-shadow:         0px 1px 1px 0px rgba(0,0,0,0.1);
 }
 
@@ -462 +674 @@
 .widefat td,
 .widefat th {
-    border-top-color: #fff;
-    border-bottom-color: #dfdfdf;
-}
-
-.widefat th {
-    text-shadow: rgba(255,255,255,0.8) 0 1px 0;
-}
-
-.widefat td {
     color: #555;
 }
+
 .widefat p,
 .widefat ol,
@@ -487 +691 @@
 }
 
+th.manage-column a,
 th.sortable a:hover,
 th.sortable a:active,
@@ -495 +700 @@
 th.sortable a:focus {
     background: #e1e1e1;
-    background-image: -webkit-gradient(linear, left bottom, left top, from(#dcdcdc), to(#e9e9e9));
-    background-image: -webkit-linear-gradient(bottom, #dcdcdc, #e9e9e9);
-    background-image:    -moz-linear-gradient(bottom, #dcdcdc, #e9e9e9);
-    background-image:      -o-linear-gradient(bottom, #dcdcdc, #e9e9e9);
-    background-image: linear-gradient(to top, #dcdcdc, #e9e9e9);
 }
 
@@ -511 +711 @@
 
 a,
-#adminmenu a,
 #the-comment-list p.comment-author strong a,
 #media-upload a.del-link,
@@ -517 +716 @@
 #media-items a.delete-permanently,
 .plugins a.delete,
-.ui-tabs-nav a {
-    color: #21759b;
+.ui-tabs-nav a,
+.plugins .inactive a {
+    color: #0074a2;
+    -webkit-transition-property: border, background, color;
+    -moz-transition-property:    border, background, color;
+    transition-property:         border, background, color;
+    -webkit-transition-duration: .05s;
+    -moz-transition-duration:    .05s;
+    transition-duration:         .05s;
+    -webkit-transition-timing-function: ease-in-out;
+    -moz-transition-timing-function:    ease-in-out;
+    transition-timing-function:         ease-in-out;
+}
+
+.wp-list-table a,
+.media-router a {
+    -moz-transition: none;
+    -webkit-transition: none;
+    transition: none;
+}
+
+#adminmenu a {
+    color: #eee;
+    -webkit-transition: all .1s ease-in-out;
+    -moz-transition:    all .1s ease-in-out;
+    transition:         all .1s ease-in-out;
 }
 
@@ -525 +748 @@
 #sidemenu a .update-plugins,
 #rightnow .reallynow {
-    background-color: #464646;
-    color: #fff;
-    -webkit-box-shadow: rgba(255,255,255,0.5) 0 1px 0;
-    box-shadow: rgba(255,255,255,0.5) 0 1px 0;
-}
-#plugin-information .action-button {
     background-color: #d54e21;
     color: #fff;
 }
+#plugin-information .action-button {
+    background-color: #2ea2cc;
+    color: #fff;
+}
 
 #adminmenu li.current a .awaiting-mod,
-#adminmenu  li a.wp-has-current-submenu .update-plugins{
-    background-color: #464646;
+#adminmenu  li a.wp-has-current-submenu .update-plugins {
+    background-color: #2ea2cc;
     color: #fff;
-    -webkit-box-shadow: rgba(255,255,255,0.5) 0 1px 0;
-    box-shadow: rgba(255,255,255,0.5) 0 1px 0;
 }
 
@@ -572 +791 @@
 }
 
-.login #nav a,
-.login #backtoblog a {
-    color: #21759b !important;
-}
-
-.login #nav a:hover,
-.login #backtoblog a:hover {
-    color: #d54e21 !important;
+.plugins .inactive a:hover {
+    color: #2ea2cc;
 }
 
 #wpfooter {
     color: #777;
-    border-color: #dfdfdf;
+    border-color: transparent;
 }
 
@@ -593 +806 @@
 }
 
-.checkbox,
-.side-info,
-.plugins tr,
-#your-profile #rich_editing {
-    background-color: #fcfcfc;
-}
-
-.plugins .inactive,
-.plugins .inactive th,
-.plugins .inactive td,
-tr.inactive + tr.plugin-update-tr .plugin-update {
-    background-color: #f4f4f4;
+.plugins .plugin-description p,
+.plugins .plugin-version-author-uri {
+    color: #333;
+}
+
+.plugins .inactive .plugin-title strong {
+    color: #333;
+}
+
+.plugin-update-tr .plugin-update {
+    border: none;
+    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
+    box-shadow:         inset 0 -1px 0 rgba(0,0,0,0.1);
 }
 
 .plugin-update-tr .update-message {
-    background-color: #fffbe4;
-    border-color: #dfdfdf;
-}
-
-.plugins .active,
-.plugins .active th,
-.plugins .active td {
+    background-color: #f7f7f7;
+    background-color: rgba(0,0,0,0.03);
+}
+
+tr.active.update + tr.plugin-update-tr .plugin-update .update-message {
+    background-color: #fcf3ef;
+}
+
+.plugin-update-tr .update-message:before {
+    color: #d54e21;
+}
+
+.plugins,
+.plugins th,
+.plugins td {
     color: #000;
 }
@@ -620 +842 @@
 .plugins .inactive a {
     color: #579;
+}
+
+.plugins tr {
+    background: #fff;
+}
+
+.plugins .inactive td,
+.plugins .inactive th,
+.plugins .active td,
+.plugins .active th,
+.plugin-install #the-list td {
+    -webkit-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 .update td,
+.plugins .update th {
+    -webkit-box-shadow: none;
+    box-shadow: none;
+}
+
+.plugins .active td,
+.plugins .active th,
+tr.active + tr.plugin-update-tr .plugin-update {
+    background-color: #f7fcfe;
+}
+
+.plugins .active.update td,
+.plugins .active.update th,
+tr.active.update + tr.plugin-update-tr .plugin-update {
+    background-color: #fefaf7;
+}
+
+.plugins tr.active.plugin-update-tr + tr.inactive th,
+.plugins tr.active.plugin-update-tr + tr.inactive td,
+.plugins tr.active + tr.inactive th,
+.plugins tr.active + tr.inactive td {
+    border-top: 1px solid rgba(0,0,0,0.03);
+
+    -webkit-box-shadow: inset 0px 1px 0 rgba(0,0,0,0.02), inset 0 -1px 0 #e1e1e1;
+    box-shadow:         inset 0px 1px 0 rgba(0,0,0,0.02), inset 0 -1px 0 #e1e1e1;
+}
+
+.plugins tr.active + tr.inactive.update th,
+.plugins tr.active + tr.inactive.update td {
+    -webkit-box-shadow: none;
+    box-shadow: none;
+}
+
+.plugins .active th.check-column {
+    border-left: 4px solid #2ea2cc;
+}
+
+.plugins .active.update th.check-column,
+.plugins .active.update + .plugin-update-tr .plugin-update {
+    border-left: 4px solid #d54e21;
+}
+
+.post-state-format:before,
+.post-format-icon:before {
+    color: #ddd;
+    -webkit-transition: all .1s ease-in-out;
+    -moz-transition:    all .1s ease-in-out;
+    transition:         all .1s ease-in-out;
+}
+
+input[type="radio"]:checked+label:before {
+    color: #888888;
+}
+
+a.post-state-format:hover:before,
+a.post-format-icon:hover:before {
+    color: #2ea2cc;
+}
+
+#the-list tr:last-child td,
+#the-list tr:last-child th {
+    border-bottom: none !important;
+    -webkit-box-shadow: none;
+    box-shadow: none;
 }
 
@@ -627 +929 @@
 }
 
-#the-comment-list .unapproved {
-    background-color: #ffffe0;
+#the-comment-list .unapproved th,
+#the-comment-list .unapproved td,
+#dashboard_recent_comments #the-comment-list .unapproved {
+    background-color: #fefaf7;
+}
+
+#the-comment-list .unapproved th.check-column,
+#dashboard_recent_comments #the-comment-list .unapproved {
+    border-left: 4px solid #d54e21;
+}
+
+#dashboard_recent_comments #the-comment-list .unapproved .avatar {
+    margin-left: -4px;
 }
 
@@ -639 +952 @@
 }
 
-table.widefat span.delete a,
-table.widefat span.trash a,
-table.widefat span.spam a,
-#dashboard_recent_comments .delete a,
-#dashboard_recent_comments .trash a,
-#dashboard_recent_comments .spam a {
-    color: #bc0b0b;
-}
-
-.welcome-panel {
-    background: #f5f5f5;
-    background-image: -webkit-gradient(linear, left bottom, left top, from(#f5f5f5), to(#fafafa));
-    background-image: -webkit-linear-gradient(bottom, #f5f5f5, #fafafa);
-    background-image:    -moz-linear-gradient(bottom, #f5f5f5, #fafafa);
-    background-image:      -o-linear-gradient(bottom, #f5f5f5, #fafafa);
-    background-image: linear-gradient(to top, #f5f5f5, #fafafa);
-    border-color: #dfdfdf;
-}
+#the-comment-list th,
+#the-comment-list td {
+    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
+    box-shadow:         inset 0 -1px 0 rgba(0, 0, 0, 0.1);
+}
+
+#the-comment-list tr:last-child th,
+#the-comment-list tr:last-child td {
+    -webkit-box-shadow: none;
+    box-shadow: none;
+}
+
+#the-comment-list tr.unapproved + tr.approved th,
+#the-comment-list tr.unapproved + tr.approved td {
+    border-top: 1px solid rgba(0, 0, 0, 0.03);
+}
+
+.comments #the-comment-list .alt {
+    background-color: transparent;
+}
+
 .welcome-panel p {
     color: #777;
 }
+
+.welcome-panel a {
+    text-decoration: none;
+}
+
 .welcome-panel-column p {
     color: #464646;
 }
-.welcome-panel h3 {
-    text-shadow: 1px 1px 1px #fff;
+
+.welcome-panel .welcome-icon:before {
+    color: #888;
 }
 
 .widget,
-#widget-list .widget-top,
+#available-widgets .widget-top,
+.menu-item-settings,
 .postbox,
-#titlediv,
-#poststuff .postarea,
-.stuffbox {
-    border-color: #dfdfdf;
-    -webkit-box-shadow: inset 0 1px 0 #fff;
-    box-shadow: inset 0 1px 0 #fff;
-    -webkit-border-radius: 3px;
-    border-radius: 3px;
-}
-
-.widget,
-#widget-list .widget-top,
+#menu-settings-column .accordion-container,
+#menu-management .menu-edit,
+.manage-menus,
+table.widefat,
+.stuffbox,
+p.popular-tags,
+.widgets-holder-wrap,
+.welcome-panel,
+.wp-editor-container,
+#post-status-info,
+.popular-tags,
+.feature-filter {
+    border: 1px solid #dedede;
+    -webkit-box-shadow: 0px 1px 1px -1px rgba(0,0,0,0.1);
+    box-shadow:         0px 1px 1px -1px rgba(0,0,0,0.1);
+}
+
+.wp-editor-container {
+    border-bottom: none;
+}
+
+#available-widgets .widget,
+.widget.ui-sortable-helper {
+    -webkit-box-shadow: none;
+    box-shadow: none;
+}
+
+.postbox table.widefat {
+    -webkit-box-shadow: none;
+    box-shadow: none;
+}
+
+.welcome-panel,
 .postbox,
-.menu-item-settings {
-    background: #f5f5f5;
-    background-image: -webkit-gradient(linear, left bottom, left top, from(#f5f5f5), to(#f9f9f9));
-    background-image: -webkit-linear-gradient(bottom, #f5f5f5, #f9f9f9);
-    background-image:    -moz-linear-gradient(bottom, #f5f5f5, #f9f9f9);
-    background-image:      -o-linear-gradient(bottom, #f5f5f5, #f9f9f9);
-    background-image: linear-gradient(to top, #f5f5f5, #f9f9f9);
-}
-
-.postbox h3 {
-    color: #464646;
-}
-
-.widget .widget-top {
-    color: #222;
+table.widefat,
+.wp-editor-container,
+.stuffbox,
+p.popular-tags,
+.widgets-holder-wrap,
+.popular-tags,
+.feature-filter {
+    background: #fff;
+}
+
+.postbox h3,
+#namediv h3,
+#submitdiv h3,
+#dashboard_recent_comments .comment {
+    color: #555;
+    border-bottom: 1px solid #eeeeee;
+}
+
+.widget .widget-top,
+.menu-item-handle {
+    background: #e9e9e9;
+    color: #333;
 }
 
@@ -705 +1056 @@
 }
 
-.curtime #timestamp {
-    background-image: url(../images/date-button.gif);
+#misc-publishing-actions label[for="post_status"]:before,
+#post-body #visibility:before,
+.curtime #timestamp:before,
+#post-body .misc-pub-revisions:before,
+span.wp-media-buttons-icon:before {
+    color: #888;
 }
 
@@ -717 +1072 @@
 }
 
-.tagchecklist span a,
-#bulk-titles div a {
-    background: url(../images/xit.gif) no-repeat;
-}
-
-.tagchecklist span a:hover,
-#bulk-titles div a:hover {
-    background: url(../images/xit.gif) no-repeat -10px 0;
-}
-
-#update-nag, .update-nag {
-    background-color: #fffbcc;
-    border-color: #e6db55;
-    color: #555;
+#welcome-panel.welcome-panel .welcome-panel-close::before,
+.tagchecklist span a:before,
+#bulk-titles div a:before,
+.wp-pointer-buttons a.close:before {
+    background: none;
+    color: #bbb;
+}
+
+#welcome-panel.welcome-panel .welcome-panel-close:hover:before,
+.tagchecklist span a:hover:before,
+#bulk-titles div a:hover:before,
+.wp-pointer-buttons a.close:hover:before {
+    color: #c00;
 }
 
 #screen-meta {
-    background-color: #f1f1f1;
-    border-color: #ccc;
-    -webkit-box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.05 );
-    box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.05 );
+    background-color: #fff;
+    border: 1px solid #dedede;
+    border-top: none;
+    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.025);
+    box-shadow:         0 1px 0 rgba(0,0,0,.025);
 }
 
 #contextual-help-back {
-    background: #fff;
+    background: #f6fbfd;
 }
 
@@ -749 +1104 @@
 
 #contextual-help-back,
+.contextual-help-tabs .active a {
+    border-color: #e1e1e1;
+}
+
 .contextual-help-tabs .active {
-    border-color: #ccc;
+    border-color: #2ea2cc;
+
+    -webkit-box-shadow: 0px 2px 0 rgba(0,0,0,0.02), 0 1px 0 rgba(0,0,0,0.02);
+    box-shadow:         0px 2px 0 rgba(0,0,0,0.02), 0 1px 0 rgba(0,0,0,0.02);
 }
 
@@ -756 +1118 @@
 .contextual-help-tabs .active a,
 .contextual-help-tabs .active a:hover {
-    background: #fff;
+    background: #f6fbfd;
     color: #333;
 }
@@ -763 +1125 @@
 #screen-options-link-wrap,
 #contextual-help-link-wrap {
-    border-right: 1px solid #ccc;
-    border-left: 1px solid #ccc;
-    border-bottom: 1px solid #ccc;
-    background: #e3e3e3;
-    background-image: -webkit-gradient(linear, left bottom, left top, from(#dfdfdf), to(#f1f1f1));
-    background-image: -webkit-linear-gradient(bottom, #dfdfdf, #f1f1f1);
-    background-image:    -moz-linear-gradient(bottom, #dfdfdf, #f1f1f1);
-    background-image:      -o-linear-gradient(bottom, #dfdfdf, #f1f1f1);
-    background-image: linear-gradient(to top, #dfdfdf, #f1f1f1);
+    border: 1px solid #dedede;
+    border-top: none;
+    background: #fff;
+    -webkit-box-shadow: 0px 1px 1px -1px rgba(0,0,0,0.1);
+    box-shadow:         0px 1px 1px -1px rgba(0,0,0,0.1);
 }
 
 #screen-meta-links a {
     color: #777;
-    background: transparent url(../images/arrows.png) no-repeat right 4px;
+}
+
+#screen-meta-links a:after {
+    color: #bbb;
 }
 
@@ -782 +1143 @@
 #screen-meta-links a:active {
     color: #333;
-    background-color: transparent;
-}
-
-#screen-meta-links a.screen-meta-active {
-    background-position: right -31px;
-}
-
+}
+
+#screen-meta-links a:focus { 
+    border-color: #aaa; 
+    color: #333; 
+    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.15); 
+    box-shadow: 0 2px 3px rgba(0,0,0,0.15); 
+}
 /* end screen options and help tabs */
 
-.login #backtoblog a {
-    color: #464646;
-}
-
 #wphead {
-    border-bottom: #dfdfdf 1px solid;
+    border-bottom-color: #dfdfdf;
 }
 
 #wphead h1 a {
     color: #464646;
-}
-
-#wpfooter a:link,
-#wpfooter a:visited {
-    text-decoration: none;
-}
-
-#wpfooter a:hover {
-    text-decoration: underline;
 }
 
@@ -850 +1199 @@
 
 #post-status-info {
-    border-color: #dfdfdf #ccc #ccc;
-    background-color: #eaeaea;
-}
-
-.editwidget .widget-inside {
-    border-color: #dfdfdf;
+    background-color: #f7f7f7;
+}
+
+.widget-inside,
+.menu-item-settings {
+    background: #eee;
 }
 
@@ -874 +1223 @@
 #adminmenuback,
 #adminmenuwrap {
-    background-color: #ececec;
-    border-color: #ccc;
-}
-
-#adminmenushadow,
-#adminmenuback {
-    background-image: url(../images/menu-shadow.png);
-    background-position: top right;
-    background-repeat: repeat-y;
+    background-color: #222;
 }
 
 #adminmenu li.wp-menu-separator {
-    background: #dfdfdf;
-    border-color: #cfcfcf;
+    background: transparent;
+    border-color: transparent;
 }
 
 #adminmenu div.separator {
-    border-color: #e1e1e1;
-}
-
-#adminmenu a.menu-top,
-#adminmenu .wp-submenu .wp-submenu-head {
-    border-top-color: #f9f9f9;
-    border-bottom-color: #dfdfdf;
+    border-color: transparent;
 }
 
 #adminmenu li.wp-menu-open {
     border-color: #dfdfdf;
+}
+
+#adminmenu li.menu-top,
+#adminmenu li.opensub > a.menu-top,
+#adminmenu li > a.menu-top {
+    -webkit-transition: all .1s ease-in-out;
+    -moz-transition:    all .1s ease-in-out;
+    transition:         all .1s ease-in-out;
 }
 
@@ -907 +1250 @@
 #adminmenu li.opensub > a.menu-top,
 #adminmenu li > a.menu-top:focus {
-    background-color: #e4e4e4;
-    color: #d54e21;
-    text-shadow: 0 1px 0 rgba( 255, 255, 255, 0.4 );
-}
-
-/* So it doesn't get applied to the number spans (comments, updates, etc) */
-#adminmenu li.menu-top:hover > a span,
-#adminmenu li.menu-top > a:focus span {
-    text-shadow: none;
+    background-color: #111;
+    color: #2ea2cc;
+}
+
+/* flyout menu arrow */
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
+    border-right-color: #333;
 }
 
@@ -923 +1264 @@
 .folded #adminmenu li.current.menu-top,
 #adminmenu .wp-menu-arrow,
-#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head {
-    background: #777;
-    background-image: -webkit-gradient(linear, left bottom, left top, from(#6d6d6d), to(#808080));
-    background-image: -webkit-linear-gradient(bottom, #6d6d6d, #808080);
-    background-image:    -moz-linear-gradient(bottom, #6d6d6d, #808080);
-    background-image:      -o-linear-gradient(bottom, #6d6d6d, #808080);
-    background-image: linear-gradient(to top, #6d6d6d, #808080);
-}
-
+#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,
 #adminmenu .wp-menu-arrow div {
-    background: #777;
-    background-image: -webkit-gradient(linear, right bottom, left top, from(#6d6d6d), to(#808080));
-    background-image: -webkit-linear-gradient(bottom right, #6d6d6d, #808080);
-    background-image:    -moz-linear-gradient(bottom right, #6d6d6d, #808080);
-    background-image:      -o-linear-gradient(bottom right, #6d6d6d, #808080);
-    background-image: linear-gradient(to top left, #6d6d6d, #808080);
+    background: #0074a2;
 }
 
@@ -944 +1272 @@
     border-top-color: #f9f9f9;
     border-bottom-color: #dfdfdf;
-    background: #e4e4e4;
+    background: transparent;
 }
 
 #adminmenu li.wp-not-current-submenu .wp-menu-arrow div {
-    background: #e4e4e4;
-    border-color: #ccc;
-}
-
-.folded #adminmenu li.menu-top li:hover a {
-    background-image: none;
+    background: #111;
+    border-color: #111;
 }
 
@@ -959 +1283 @@
 #adminmenu li.current a.menu-top,
 #adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head {
-    text-shadow: 0 -1px 0 #333;
     color: #fff;
-    border-top-color: #808080;
-    border-bottom-color: #6d6d6d;
 }
 
 .folded #adminmenu li.wp-has-current-submenu,
 .folded #adminmenu li.current.menu-top {
-    border-top-color: #808080;
-    border-bottom-color: #6d6d6d;
-}
-
-#adminmenu .wp-submenu a:hover,
-#adminmenu .wp-submenu a:focus {
-    background-color: #eaf2fa;
-    color: #333;
+    border-color: #666; /* Match the background color of the current menu item for a flat appearance */
 }
 
 #adminmenu .wp-submenu li.current,
 #adminmenu .wp-submenu li.current a,
-#adminmenu .wp-submenu li.current a:hover {
-    color: #333;
+#adminmenu .opensub .wp-submenu li.current a,
+#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
+#adminmenu .wp-submenu li.current a:hover,
+#adminmenu .wp-submenu li.current a:focus {
+    color: #fff;
+    background: transparent;
 }
 
@@ -986 +1304 @@
 .folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
 .folded #adminmenu .wp-has-current-submenu .wp-submenu {
-    background-color: #fff;
-    border-color: #dfdfdf;
-    -webkit-box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4);
-    box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4);
+    background-color: #333;
+
+    -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
+    box-shadow:         0 3px 5px rgba(0,0,0,0.2);
+}
+
+#adminmenu .wp-submenu a,
+.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu a {
+    color: #bbb;
 }
 
 #adminmenu .wp-submenu .wp-submenu-head {
-    background-color: #e4e4e4;
-    color: #333;
+    color: #fff;
 }
 
@@ -1000 +1323 @@
 #collapse-menu {
     color: #aaa;
-    border-top-color: #f9f9f9;
+    -webkit-transition: all .1s ease-in-out;
+    -moz-transition:    all .1s ease-in-out;
+    transition:         all .1s ease-in-out;
 }
 
 #collapse-menu:hover {
+    color: #2ea2cc;
+}
+
+#collapse-button div:after {
+    color: #aaa;
+}
+
+#collapse-menu:hover #collapse-button div:after {
+    color: #2ea2cc;
+}
+
+#adminmenu div.wp-menu-image:before {
     color: #999;
 }
 
-#collapse-button {
-    border-color: #ccc;
-    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);
-}
-
-#collapse-menu:hover #collapse-button {
-    border-color: #aaa;
-}
-
-#collapse-button div {
-    background: transparent url(../images/arrows.png) no-repeat 0 -72px;
-}
-
-.folded #collapse-button div {
-    background-position: 0 -108px;
-}
-
-/* Auto-folding of the admin menu */
-@media only screen and (max-width: 900px) {
-    .auto-fold #adminmenu li.wp-has-current-submenu,
-    .auto-fold #adminmenu li.current.menu-top {
-        background-color: #777;
-        background-image: -webkit-gradient(linear, left bottom, left top, from(#6d6d6d), to(#808080));
-        background-image: -webkit-linear-gradient(bottom, #6d6d6d, #808080);
-        background-image: -moz-linear-gradient(bottom, #6d6d6d, #808080);
-        background-image: -o-linear-gradient(bottom, #6d6d6d, #808080);
-        background-image: linear-gradient(bottom, #6d6d6d, #808080);
-    }
-
-    .auto-fold #adminmenu li.wp-has-current-submenu,
-    .auto-fold #adminmenu li.current.menu-top {
-        border-top-color: #808080;
-        border-bottom-color: #6d6d6d;
-    }
-
-    .auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
-    .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
-        background-color: #fff;
-        border-color: #dfdfdf;
-        -webkit-box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4);
-        box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4);
-    }
-
-    .auto-fold #collapse-button div {
-        background-position: 0 -108px;
-    }
-}
-
-/* menu and screen icons */
-.icon16,
-.icon32,
-div.wp-menu-image {
-    background-color: transparent;
-    background-repeat: no-repeat;
-}
-
-.icon16.icon-dashboard,
-.menu-icon-dashboard div.wp-menu-image,
-.icon16.icon-post,
-.menu-icon-post div.wp-menu-image,
-.icon16.icon-media,
-.menu-icon-media div.wp-menu-image,
-.icon16.icon-links,
-.menu-icon-links div.wp-menu-image,
-.icon16.icon-page,
-.menu-icon-page div.wp-menu-image,
-.icon16.icon-comments,
-.menu-icon-comments div.wp-menu-image,
-.icon16.icon-appearance,
-.menu-icon-appearance div.wp-menu-image,
-.icon16.icon-plugins,
-.menu-icon-plugins div.wp-menu-image,
-.icon16.icon-users,
-.menu-icon-users div.wp-menu-image,
-.icon16.icon-tools,
-.menu-icon-tools div.wp-menu-image,
-.icon16.icon-settings,
-.menu-icon-settings div.wp-menu-image,
-.icon16.icon-site,
-.menu-icon-site div.wp-menu-image,
-.icon16.icon-generic,
-.menu-icon-generic div.wp-menu-image {
-    background-image: url(../images/menu.png?ver=20121105);
-}
-
-.icon16.icon-dashboard,
-#adminmenu .menu-icon-dashboard div.wp-menu-image {
-    background-position: -59px -33px;
-}
-
-#adminmenu .menu-icon-dashboard:hover div.wp-menu-image,
-#adminmenu .menu-icon-dashboard.wp-has-current-submenu div.wp-menu-image,
-#adminmenu .menu-icon-dashboard.current div.wp-menu-image {
-    background-position: -59px -1px;
-}
-
-.icon16.icon-post,
-#adminmenu .menu-icon-post div.wp-menu-image {
-    background-position: -269px -33px;
-}
-
-#adminmenu .menu-icon-post:hover div.wp-menu-image,
-#adminmenu .menu-icon-post.wp-has-current-submenu div.wp-menu-image,
-#adminmenu .menu-icon-post.current div.wp-menu-image {
-    background-position: -269px -1px;
-}
-
-.icon16.icon-media,
-#adminmenu .menu-icon-media div.wp-menu-image {
-    background-position: -119px -33px;
-}
-
-#adminmenu .menu-icon-media:hover div.wp-menu-image,
-#adminmenu .menu-icon-media.wp-has-current-submenu div.wp-menu-image,
-#adminmenu .menu-icon-media.current div.wp-menu-image {
-    background-position: -119px -1px;
-}
-
-.icon16.icon-links,
-#adminmenu .menu-icon-links div.wp-menu-image {
-    background-position: -89px -33px;
-}
-
-#adminmenu .menu-icon-links:hover div.wp-menu-image,
-#adminmenu .menu-icon-links.wp-has-current-submenu div.wp-menu-image,
-#adminmenu .menu-icon-links.current div.wp-menu-image {
-    background-position: -89px -1px;
-}
-
-.icon16.icon-page,
-#adminmenu .menu-icon-page div.wp-menu-image {
-    background-position: -149px -33px;
-}
-
-#adminmenu .menu-icon-page:hover div.wp-menu-image,
-#adminmenu .menu-icon-page.wp-has-current-submenu div.wp-menu-image,
-#adminmenu .menu-icon-page.current div.wp-menu-image {
-    background-position: -149px -1px;
-}
-
-.icon16.icon-comments,
-#adminmenu .menu-icon-comments div.wp-menu-image {
-    background-position: -29px -33px;
-}
-
-#adminmenu .menu-icon-comments:hover div.wp-menu-image,
-#adminmenu .menu-icon-comments.wp-has-current-submenu div.wp-menu-image,
-#adminmenu .menu-icon-comments.current div.wp-menu-image {
-    background-position: -29px -1px;
-}
-
-.icon16.icon-appearance,
-#adminmenu .menu-icon-appearance div.wp-menu-image {
-    background-position: 1px -33px;
-}
-
-#adminmenu .menu-icon-appearance:hover div.wp-menu-image,
-#adminmenu .menu-icon-appearance.wp-has-current-submenu div.wp-menu-image,
-#adminmenu .menu-icon-appearance.current div.wp-menu-image {
-    background-position: 1px -1px;
-}
-
-.icon16.icon-plugins,
-#adminmenu .menu-icon-plugins div.wp-menu-image {
-    background-position: -179px -33px;
-}
-
-#adminmenu .menu-icon-plugins:hover div.wp-menu-image,
-#adminmenu .menu-icon-plugins.wp-has-current-submenu div.wp-menu-image,
-#adminmenu .menu-icon-plugins.current div.wp-menu-image {
-    background-position: -179px -1px;
-}
-
-.icon16.icon-users,
-#adminmenu .menu-icon-users div.wp-menu-image {
-    background-position: -300px -33px;
-}
-
-#adminmenu .menu-icon-users:hover div.wp-menu-image,
-#adminmenu .menu-icon-users.wp-has-current-submenu div.wp-menu-image,
-#adminmenu .menu-icon-users.current div.wp-menu-image {
-    background-position: -300px -1px;
-}
-
-.icon16.icon-tools,
-#adminmenu .menu-icon-tools div.wp-menu-image {
-    background-position: -209px -33px;
-}
-
-#adminmenu .menu-icon-tools:hover div.wp-menu-image,
-#adminmenu .menu-icon-tools.wp-has-current-submenu div.wp-menu-image,
-#adminmenu .menu-icon-tools.current div.wp-menu-image {
-    background-position: -209px -1px;
-}
-
-.icon16.icon-settings,
-#adminmenu .menu-icon-settings div.wp-menu-image {
-    background-position: -239px -33px;
-}
-
-#adminmenu .menu-icon-settings:hover div.wp-menu-image,
-#adminmenu .menu-icon-settings.wp-has-current-submenu div.wp-menu-image,
-#adminmenu .menu-icon-settings.current div.wp-menu-image {
-    background-position: -239px -1px;
-}
-
-.icon16.icon-site,
-#adminmenu .menu-icon-site div.wp-menu-image {
-    background-position: -359px -33px;
-}
-
-#adminmenu .menu-icon-site:hover div.wp-menu-image,
-#adminmenu .menu-icon-site.wp-has-current-submenu div.wp-menu-image,
-#adminmenu .menu-icon-site.current div.wp-menu-image {
-    background-position: -359px -1px;
-}
-
-.icon16.icon-generic,
-#adminmenu .menu-icon-generic div.wp-menu-image {
-    background-position: -330px -33px;
-}
-
-#adminmenu .menu-icon-generic:hover div.wp-menu-image,
-#adminmenu .menu-icon-generic.wp-has-current-submenu div.wp-menu-image,
-#adminmenu .menu-icon-generic.current div.wp-menu-image {
-    background-position: -330px -1px;
-}
-
-/* end menu and screen icons */
-
-/* Screen Icons */
-.icon32.icon-post,
-#icon-edit,
-#icon-post,
-.icon32.icon-dashboard,
-#icon-index,
-.icon32.icon-media,
-#icon-upload,
-.icon32.icon-links,
-#icon-link-manager,
-#icon-link,
-#icon-link-category,
-.icon32.icon-page,
-#icon-edit-pages,
-#icon-page,
-.icon32.icon-comments,
-#icon-edit-comments,
-.icon32.icon-appearance,
-#icon-themes,
-.icon32.icon-plugins,
-#icon-plugins,
-.icon32.icon-users,
-#icon-users,
-#icon-profile,
-#icon-user-edit,
-.icon32.icon-tools,
-#icon-tools,
-#icon-admin,
-.icon32.icon-settings,
-#icon-options-general,
-.icon32.icon-site,
-#icon-ms-admin,
-.icon32.icon-generic,
-#icon-generic {
-    background-image: url(../images/icons32.png?ver=20121105);
-}
-
-.icon32.icon-post,
-#icon-edit,
-#icon-post {
-    background-position: -552px -5px;
-}
-
-.icon32.icon-dashboard,
-#icon-index {
-    background-position: -137px -5px;
-}
-
-.icon32.icon-media,
-#icon-upload {
-    background-position: -251px -5px;
-}
-
-.icon32.icon-links,
-#icon-link-manager,
-#icon-link,
-#icon-link-category {
-    background-position: -190px -5px;
-}
-
-.icon32.icon-page,
-#icon-edit-pages,
-#icon-page {
-    background-position: -312px -5px;
-}
-
-.icon32.icon-comments,
-#icon-edit-comments {
-    background-position: -72px -5px;
-}
-
-.icon32.icon-appearance,
-#icon-themes {
-    background-position: -11px -5px;
-}
-
-.icon32.icon-plugins,
-#icon-plugins {
-    background-position: -370px -5px;
-}
-
-.icon32.icon-users,
-#icon-users,
-#icon-profile,
-#icon-user-edit {
-    background-position: -600px -5px;
-}
-
-.icon32.icon-tools,
-#icon-tools,
-#icon-admin {
-    background-position: -432px -5px;
-}
-
-.icon32.icon-settings,
-#icon-options-general {
-    background-position: -492px -5px;
-}
-
-.icon32.icon-site,
-#icon-ms-admin {
-    background-position: -659px -5px;
-}
-
-.icon32.icon-generic,
-#icon-generic {
-    background-position: -708px -5px;
-}
-
-/* end screen icons */
-
-/* Post format icons */
-
-.post-format-icon {
-    background: url(../images/post-formats.png) no-repeat;
+.icon16:before {
+    color: #999;
+}
+
+#adminmenu li.wp-has-current-submenu:hover div.wp-menu-image:before {
+    color: #fff;
+}
+
+#adminmenu li:hover div.wp-menu-image:before {
+    color: #2ea2cc;
+}
+
+#adminmenu .wp-has-current-submenu div.wp-menu-image:before,
+#adminmenu .current div.wp-menu-image:before,
+#adminmenu a.wp-has-current-submenu:hover div.wp-menu-image:before,
+#adminmenu a.current:hover div.wp-menu-image:before {
+    color: #fff;
 }
 
 /* Diff */
+
+table.diff .diff-deletedline del {
+    background-color: #f99;
+}
+
+.ui-tooltip, .arrow::after {
+    background-color: #fff;
+    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
+}
+
+.revisions-meta,
+.revisions-diff,
+.revisions.pinned .revisions-controls {
+    background-color: #fff;
+    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
+}
+
 table.diff .diff-deletedline {
     background-color: #ffe9e9;
@@ -1374 +1395 @@
 table.diff .diff-addedline ins {
     background-color: #afa;
-}
-
-.revisions-meta {
-    border: 1px solid #dfdfdf;
-}
-
-.revisions-controls {
-    background: #fff;
-    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,rgba(255,255,255,1)), color-stop(30px,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1)));
-    background: -webkit-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30px, rgba(255,255,255,1) 100%);
-    background:    -moz-linear-gradient(bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30px, rgba(255,255,255,1) 100%);
-    background:      -o-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30px, rgba(255,255,255,1) 100%);
-    background: linear-gradient(to top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30px, rgba(255,255,255,1) 100%);
 }
 
@@ -1395 +1403 @@
 }
 
+.revisions-tickmarks {
+    background-color: #fff;
+}
+
 .revisions-tickmarks > div {
     border-color: #aaa;
 }
 
+.revisions.pinned .revisions-controls {
+    background: #fff;
+}
+
+.revisions.pinned .revisions-meta {
+    box-shadow: none;
+}
+
 /* jQuery UI Slider */
+
 .wp-slider.ui-slider {
     border-color: #d7d7d7;
 }
 
-.wp-slider .ui-slider-handle {
-    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);
-    color: #333;
-}
-
-.wp-slider .ui-slider-handle:hover,
-.wp-slider .ui-slider-handle:focus {
-    border-color: #aaa;
-}
-
+.wp-slider .ui-slider-handle,
 .wp-slider .ui-slider-handle.ui-state-hover,
-.wp-slider .ui-slider-handle.ui-state-focus {
-    border-color: #aaa;
-    outline: none;
+.wp-slider .ui-slider-handle.focus {
+    background: #2ea2cc;
+    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#2ea2cc), color-stop(100%,#1e8cbe));
+    background: -webkit-linear-gradient(-45deg, #2ea2cc 0%,#1e8cbe 100%);
+    background: linear-gradient(135deg, #2ea2cc 0%,#1e8cbe 100%);
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ea2cc', endColorstr='#1e8cbe',GradientType=1 );
+    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
+}
+
+.wp-slider .ui-slider-handle:before {
+    color: #fff;
+    text-shadow: 0 1px 1px rgba(0,116,162,1);
+}
+
+.wp-slider .ui-slider-handle.ui-state-active {
+    background: #0074a2;
+    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#0074a2), color-stop(100%,#005684));
+    background: -webkit-linear-gradient(-45deg,  #0074a2 0%,#005684 100%);
+    background: linear-gradient(135deg,  #0074a2 0%,#005684 100%);
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0074a2', endColorstr='#005684',GradientType=1 );
 }
 
@@ -1435 +1457 @@
 
 #sidemenu a.current {
-    background-color: #fff;
-    border-color: #dfdfdf #dfdfdf #fff;
-    color: #d54e21;
+    background-color: #eee;
+    border-color: #dfdfdf #dfdfdf #eee;
+    color: #000;
 }
 
@@ -1453 +1475 @@
 
 /* Install Plugins */
+
+#plugin-information {
+    height: auto;
+}
+
 #plugin-information .fyi ul {
     background-color: #eaf3fa;
@@ -1467 +1494 @@
 
 #plugin-information pre {
-    border: 1px solid #ccc;
+    border-color: #ccc;
 }
 
@@ -1493 +1520 @@
 
 .attention {
-    color: #d54e21;
-}
-
-.js .meta-box-sortables .postbox:hover .handlediv {
-    background: transparent url(../images/arrows.png) no-repeat 6px 7px;
+    color: #2ea2cc;
+}
+
+.js .meta-box-sortables .postbox:hover .handlediv:before {
+    color: #888;
 }
 
@@ -1505 +1532 @@
 
 .tablenav .tablenav-pages a {
-    border-color: #e3e3e3;
     background: #eee;
-    -moz-box-shadow:    inset 0 1px 0 #fff;
-    -webkit-box-shadow: inset 0 1px 0 #fff;
-    box-shadow:         inset 0 1px 0 #fff;
+    background: rgba( 0, 0, 0, 0.05 );
 }
 
 .tablenav .tablenav-pages a:hover,
 .tablenav .tablenav-pages a:focus {
-    color: #d54e21;
+    color: #fff;
+    background: #2ea2cc;
 }
 
@@ -1521 +1546 @@
 .tablenav .tablenav-pages a.disabled:focus {
     color: #aaa;
+    background: #eee;
+    background: rgba( 0, 0, 0, 0.05 );
 }
 
@@ -1548 +1575 @@
 
 .misc-pub-section {
-    border-top-color: #fff;
-    border-bottom-color: #dfdfdf;
 }
 
@@ -1557 +1582 @@
 
 #post-body .misc-pub-section {
-    border-left-color: #eee;
 }
 
 .post-com-count span {
     background-color: #bbb;
-}
-
-.form-table .color-palette td {
-    border-color: #fff;
 }
 
@@ -1579 +1599 @@
 }
 
-.view-switch #view-switch-list,
-.view-switch #view-switch-excerpt {
-    background-color: transparent;
-    background-image: url('../images/list.png');
-    background-repeat: no-repeat;
-}
-
-.view-switch #view-switch-list {
-    background-position: 0 0;
-}
-
-.view-switch .current #view-switch-list {
-    background-position: -40px 0;
-}
-
-.view-switch #view-switch-excerpt {
-    background-position: -20px 0;
-}
-
-.view-switch .current #view-switch-excerpt {
-    background-position: -60px 0;
-}
-
-#header-logo {
-    background: transparent url(../images/wp-logo.png?ver=20110504) no-repeat scroll center center;
-}
-
-.popular-tags,
-.feature-filter {
-    background-color: #fff;
-    border-color: #dfdfdf;
+.view-switch>a:before {
+    color: #bbb;
+}
+
+.view-switch a:hover:before {
+    color: #727272;
+}
+
+.view-switch a.current:before {
+    color: #0074a2;
 }
 
@@ -1615 +1614 @@
 #widgets-left .inactive,
 #available-widgets .widget-holder {
-    background-color: #fcfcfc;
-    border-color: #dfdfdf;
+    background-color: #fff;
+    border-color: #fff;
+}
+
+#widgets-left #available-widgets {
+    background: #fff;
 }
 
@@ -1625 +1628 @@
 .sidebar-name {
     color: #464646;
-    text-shadow: #fff 0 1px 0;
-    border-color: #dfdfdf;
-    -webkit-box-shadow: inset 0 1px 0 #fff;
-    box-shadow: inset 0 1px 0 #fff;
+    border-bottom-color: #e1e1e1;
 }
 
 .js .sidebar-name:hover,
 .js #removing-widget {
-    color: #d54e21;
+    color: #2ea2cc;
 }
 
@@ -1640 +1640 @@
 }
 
-.js .sidebar-name-arrow {
-    background: transparent url(../images/arrows.png) no-repeat 5px 9px;
-}
-
-.js .sidebar-name:hover .sidebar-name-arrow {
-    background: transparent url(../images/arrows-dark.png) no-repeat 5px 9px;
-}
-
-.in-widget-title {
-    color: #606060;
-}
-
-.deleting .widget-title * {
+.in-widget-title,
+#widgets-right .widget-top a.widget-control-edit,
+#wp_inactive_widgets .in-widget-title {
+    color: #777;
+}
+
+#widgets-right .widget-top a.widget-control-edit:hover {
+    color: #fff;
+}
+
+.deleting .widget-title,
+.deleting .widget-top a.widget-action:after {
     color: #aaa;
 }
@@ -1673 +1672 @@
 }
 
-#dashboard_recent_comments div.undo {
-    border-top-color: #dfdfdf;
-}
-
-.comment-ays,
-.comment-ays th {
-    border-color: #ddd;
-}
-
-.comment-ays th {
-    background-color: #f1f1f1;
-}
-
 /* added from nav-menu.css */
-#menu-management .menu-edit {
-    border-color: #dfdfdf;
-}
-
-#post-body {
+#menu-management {
+    background: #f5f5f5
+}
+
+#menu-management #post-body {
     background: #fff;
     border-top-color: #fff;
@@ -1701 +1687 @@
 }
 
-#nav-menu-footer {
-    border-top-color: #fff;
-}
-
 #menu-management .nav-tabs-arrow a {
     color: #c1c1c1;
@@ -1710 +1692 @@
 
 #menu-management .nav-tabs-arrow a:hover {
-    color: #d54e21;
+    color: #2ea2cc;
 }
 
@@ -1746 +1728 @@
 .menu li.deleting .menu-item-handle {
     background-color: #f66;
-    text-shadow: #ccc;
 }
 
 .item-type { /* Menu item controls */
-    color: #999;
+    color: #777;
 }
 
@@ -1757 +1738 @@
 }
 
-.nav-menus-php .item-edit {
-    background: transparent url(../images/arrows.png) no-repeat 8px 10px;
-    border-bottom-color: #eee;
-}
-
-.nav-menus-php .item-edit:hover {
-    background: transparent url(../images/arrows-dark.png) no-repeat 8px 10px;
-}
-
-.menu-item-settings { /* Menu editing */
-    border-color: #dfdfdf;
-}
+.widget-top a.widget-action:hover {
+    color: #0074a2;
+}
+
+.widget-top a.widget-action:after {
+    color: #333;
+}
+
+#wp_inactive_widgets .widget .widget-top a.widget-action {
+    color: #ddd;
+}
+
+.nav-menus-php .item-edit:after,
+#wp_inactive_widgets .widget .widget-top a.widget-action:after {
+    color: #888;
+}
+
+.control-section .accordion-section-title::after,
+.accordion-section-title::after {
+    color: #888;
+}
+
+.nav-menus-php .control-section .accordion-section-title {
+    background: #fff;
+}
+
+.nav-menus-php .control-section:hover .accordion-section-title,
+.nav-menus-php .control-section .accordion-section-title:hover,
+.nav-menus-php .control-section.open .accordion-section-title,
+.nav-menus-php .control-section .accordion-section-title:focus{
+    color: #555;
+    background: #f5f5f5;
+}
+
+/* Menu editing */
 
 .link-to-original {
@@ -1791 +1795 @@
 
 .submitbox .submitcancel {
-    color: #21759b;
-    border-bottom-color: #21759b;
+    color: #0074a2;
+    border-bottom-color: #0074a2;
 }
 
 .submitbox .submitcancel:hover {
-    background: #21759b;
+    background: #0074a2;
     color: #fff;
 }
 
 .manage-menus {
-    border: 1px solid #eeeeee;
     background: #fbfbfb;
+}
+
+.menu-settings {
+    border-top-color: #eeeeee;
 }
 
@@ -1816 +1823 @@
     color: #999999;
 }
-/* end added from nav-menu.css */
 
 .nav-tab {
-    border-color: #dfdfdf #dfdfdf #fff;
-}
-
-.nav-tab:hover,
+    color: #555;
+    border-color: #ccc;
+    background: #e4e4e4;
+}
+
+.nav-tab:hover {
+    background-color: #fff;
+    color: #464646;
+}
+
 .nav-tab-active {
-    border-color: #ccc #ccc #fff;
+    color: #464646;
+}
+
+.nav-tab-active,
+.nav-tab-active:hover {
+    color: #000;
+    background: none;
+    border-color: #ccc;
+    border-bottom-color: #eee;
 }
 
@@ -1831 +1851 @@
 }
 
-#menu-management .nav-tab-active,
-.menu-item-handle,
-.menu-item-settings {
-    -webkit-box-shadow: inset 0 1px 0 #fff;
-    box-shadow: inset 0 1px 0 #fff;
-}
-
-#menu-management .nav-tab-active {
-    background: #f9f9f9;
-    border-bottom-color: #f9f9f9;
-}
-
 #upload-form label {
     color: #777;
@@ -1848 +1856 @@
 
 /* Begin About Pages */
-
 .about-wrap h1 {
     color: #333;
-    text-shadow: 1px 1px 1px #fff;
 }
 
@@ -1859 +1865 @@
 
 .wp-badge {
-    color: #fff;
-    text-shadow: 0 -1px 0 rgba(22, 57, 81, 0.3);
-}
-
-.about-wrap h2 .nav-tab {
-    color: #21759b;
-}
-
-.about-wrap h2 .nav-tab:hover {
-    color: #d54e21;
-}
-
-.about-wrap h2 .nav-tab-active,
-.about-wrap h2 .nav-tab-active:hover {
-    color: #333;
+    background-color: #0074a2;
+    color: #78c8e6;
+    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
+    box-shadow:         0 1px 3px rgba(0,0,0,0.2);
 }
 
 .about-wrap h2 .nav-tab-active {
-    text-shadow: 1px 1px 1px #fff;
-    color: #464646;
+    border-color: #ccc;
+    border-bottom-color: #eee;
 }
 
 .about-wrap h3 {
     color: #333;
-    text-shadow: 1px 1px 1px #fff;
 }
 
@@ -1890 +1884 @@
 }
 
-.about-wrap h4.wp-people-group {
-    text-shadow: 1px 1px 1px #fff;
+.about-wrap .feature-section img {
+    background: #fff;
+    border-color: #ccc;
+}
+
+.about-wrap .feature-section .col-2:before,
+.about-wrap .feature-section .col-2:after,
+.about-wrap .feature-section.two-col p:before {
+    color: #1e8cbe;
 }
 
@@ -1899 +1900 @@
 
 .about-wrap .point-releases h3 {
-    border-top: 1px solid #dfdfdf;
-}
-
-.about-wrap .point-releases h3:first-child {
-    border: 0;
+    border-top-color: #dfdfdf;
 }
 
 .about-wrap li.wp-person img.gravatar {
-    -webkit-box-shadow: 0 0 4px rgba( 0, 0, 0, 0.4 );
-    box-shadow: 0 0 4px rgba( 0, 0, 0, 0.4 );
+    border-color: #ccc;
 }
 
 .about-wrap li.wp-person .title {
     color: #464646;
-    text-shadow: 1px 1px 1px #fff;
 }
 
@@ -1926 +1921 @@
 /* End About Pages */
 
+/* Press This and Image editing icons */
+
+.pressthis a span:before {
+    color:#777;
+}
+
+.imgedit-menu div {
+    color:#777;
+}
+
+.imgedit-menu div:hover {
+    color:#333;
+}
+
+/* End Press This and Image editing icons */
+
+/* Media Manager */
+
+.media-modal-content {
+    background: #fcfcfc;
+    box-shadow: 0 5px 15px rgba(0,0,0,0.7);
+}
+
+.media-menu {
+    background: #f3f3f3;
+    border-right-color: #ccc;
+}
+
+.media-menu > a {
+    color: #0074a2;
+}
+
+.media-menu .active,
+.media-menu .active:hover {
+    color: #222;
+}
+
+.media-frame-content {
+    background: #fff;
+    border-top-color: #ddd;
+    border-bottom-color: #ddd;
+}
+
+.media-menu .separator {
+    border-top-color: #ddd;
+    border-bottom: none;
+}
+
+.media-sidebar {
+    background: #f3f3f3;
+    border-color: #ddd;
+}
+
+.media-router .active,
+.media-router > a.active:last-child {
+    background: #fff;
+    border: 1px solid #ddd;
+    border-bottom: none;
+}
+
+.details.attachment {
+    box-shadow: 0 0 0 1px #fff, 0 0 0 5px #2ea2cc;
+}
+
+.attachment .check {
+    background: #eee;
+}
+
+.attachment.details .check {
+    box-shadow: 0 0 0 1px #2ea2cc;
+    background: #0074a2;
+    background-image: none;
+}
+
+/* TinyMCE modal */
+
+.clearlooks2 {
+    box-shadow: 0 5px 15px rgba(0,0,0,0.7);
+}
+
+.clearlooks2 .mceMiddle span,
+.clearlooks2 .mceMiddle .mceLeft,
+.clearlooks2 .mceMiddle .mceRight,
+.clearlooks2 .mceBottom,
+.clearlooks2 .mceBottom .mceLeft,
+.clearlooks2 .mceBottom .mceCenter,
+.clearlooks2 .mceBottom .mceRight {
+    background-color: #fcfcfc;
+}
+
+.clearlooks2 .mceFocus .mceTop .mceLeft,
+.clearlooks2 .mceFocus .mceTop .mceRight {
+    background-color: #f3f3f3;
+}
+
+.clearlooks2 .mceTop span,
+.clearlooks2 .mceFocus .mceTop span {
+    color: #222;
+}
+
+.clearlooks2 .mceClose:before {
+    color: #666;
+}
+.clearlooks2 .mceClose:hover:before {
+    color: #2ea2cc;
+}
+
+
+/* Lightbox */
+
+.sticky-menu #TB_window {
+    background: #f1f1f1;
+}
+
+/* tinymce */
+a .mceIcon, .mceAction {
+    color:#777;
+}
+
+a .mceIcon:hover {
+    color:#333;
+}
+
+/* Log in page */
+
+.login form .input,
+.login input[type="text"],
+.login form input[type="checkbox"] {
+    border-color: #ddd !important; /* Override !important in checkbox style */
+    -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.08);
+    box-shadow:         inset 1px 1px 2px rgba(0,0,0,0.08);
+}
+
+.login form input[type="checkbox"] {
+    background-color: #fbfbfb;
+}
+
+.login form {
+    background: #fff;
+    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.13);
+    box-shadow: 0 1px 3px rgba(0,0,0,0.13);
+}
+
+body.login {
+    background: #eee;
+}
+
+.login #nav a,
+.login #backtoblog a {
+    text-decoration: none;
+    color: #999;
+}
+
+.login #nav a:hover,
+.login #backtoblog a:hover {
+    color: #2ea2cc;
+}
+
+.login h1 a:hover {
+    color: #2ea2cc;
+}
+
+@media print,
+  (-o-min-device-pixel-ratio: 5/4),
+  (-webkit-min-device-pixel-ratio: 1.25),
+  (min-resolution: 120dpi) {
+    .curtime #timestamp,
+    #screen-meta-links a.show-settings,
+    .widget-top a.widget-action,
+    .widget-top a.widget-action:hover,
+    .sidebar-name-arrow,
+    .sidebar-name:hover .sidebar-name-arrow,
+    .meta-box-sortables .postbox:hover .handlediv,
+    .tagchecklist span a,
+    #bulk-titles div a,
+    .tagchecklist span a:hover,
+    #bulk-titles div a:hover,
+    .wp_themeSkin .mceToolbar span.mce_undo,
+    .wp_themeSkin .mceToolbar span.mce_redo,
+    .wp_themeSkin .mceToolbar span.mce_bullist,
+    .wp_themeSkin .mceToolbar span.mce_numlist,
+    .wp_themeSkin .mceToolbar span.mce_blockquote,
+    .wp_themeSkin .mceToolbar span.mce_charmap,
+    .wp_themeSkin .mceToolbar span.mce_bold,
+    .wp_themeSkin .mceToolbar span.mce_italic,
+    .wp_themeSkin .mceToolbar span.mce_underline,
+    .wp_themeSkin .mceToolbar span.mce_justifyleft,
+    .wp_themeSkin .mceToolbar span.mce_justifyright,
+    .wp_themeSkin .mceToolbar span.mce_justifycenter,
+    .wp_themeSkin .mceToolbar span.mce_justifyfull,
+    .wp_themeSkin .mceToolbar span.mce_indent,
+    .wp_themeSkin .mceToolbar span.mce_outdent,
+    .wp_themeSkin .mceToolbar span.mce_link,
+    .wp_themeSkin .mceToolbar span.mce_unlink,
+    .wp_themeSkin .mceToolbar span.mce_help,
+    .wp_themeSkin .mceToolbar span.mce_removeformat,
+    .wp_themeSkin .mceToolbar span.mce_fullscreen,
+    .wp_themeSkin .mceToolbar span.mce_wp_fullscreen,
+    .wp_themeSkin .mceToolbar span.mce_media,
+    .wp_themeSkin .mceToolbar span.mce_pastetext,
+    .wp_themeSkin .mceToolbar span.mce_pasteword,
+    .wp_themeSkin .mceToolbar span.mce_wp_help,
+    .wp_themeSkin .mceToolbar span.mce_wp_adv,
+    .wp_themeSkin .mceToolbar span.mce_wp_more,
+    .wp_themeSkin .mceToolbar span.mce_strikethrough,
+    .wp_themeSkin .mceToolbar span.mce_spellchecker,
+    .wp_themeSkin .mceToolbar span.mce_forecolor,
+    .wp_themeSkin .mceToolbar .mce_forecolorpicker,
+    .wp_themeSkin .mceToolbar .mceSplitButton .mce_spellchecker span.mce_spellchecker,
+    .wp_themeSkin .mceToolbar .mceSplitButton .mce_forecolor span.mce_forecolor,
+    .wp_themeSkin .mceToolbar .mceSplitButton span.mce_numlist,
+    .wp_themeSkin .mceToolbar .mceSplitButton span.mce_bullist {
+        background: none !important;
+    }
+}
 
 /*------------------------------------------------------------------------------
@@ -1934 +2144 @@
     border-right-color: transparent;
     border-left-color: #99d;
-}
-
-.rtl #screen-meta-links a.show-settings {
-    background-position: left 3px;
-}
-
-.rtl #screen-meta-links a.show-settings.screen-meta-active {
-    background-position: left -33px;
-}
-
-/* Menu */
-.rtl #adminmenushadow,
-.rtl #adminmenuback {
-    background-image: url(../images/menu-shadow-rtl.png);
-    background-position: top left;
 }
 
@@ -1967 +2162 @@
 }
 
-/* Collapse Menu Button */
-.rtl #collapse-button div {
-    background-position: 0 -108px;
-}
-
-.rtl.folded #collapse-button div {
-    background-position: 0 -72px;
-}
-
-/* Auto-folding of the admin menu for RTL */
-@media only screen and (max-width: 900px) {
-    .rtl.auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
-    .rtl.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
-        -webkit-box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
-        box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
-    }
-
-    .rtl.auto-fold #collapse-button div {
-        background-position: 0 -72px;
-    }
-}
-
-/* Edit Image */
-.js.rtl .meta-box-sortables .postbox:hover .handlediv {
-    background: transparent url(../images/arrows.png) no-repeat 6px 7px;
+.rtl ul#adminmenu a.wp-has-current-submenu:after,
+.rtl ul#adminmenu > li.current > a.current:after {
+    border-right-color: transparent;
+    border-left-color: #eee;
+}
+
+/* Flyout Menu Arrow */
+.rtl #adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
+.rtl #adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
+    border-right-color: transparent;
+    border-left-color: #333;
 }
 
@@ -1999 +2180 @@
 }
 
-.js.rtl .sidebar-name-arrow {
-    background: transparent url(../images/arrows.png) no-repeat 5px 9px;
-}
-
-.js.rtl .sidebar-name:hover .sidebar-name-arrow {
-    background: transparent url(../images/arrows-dark.png) no-repeat 5px 9px;
-}
-
-/**
- * HiDPI Displays
- */
-@media print,
-  (-o-min-device-pixel-ratio: 5/4),
-  (-webkit-min-device-pixel-ratio: 1.25),
-  (min-resolution: 120dpi) {
-
-    .curtime #timestamp {
-        background-image: url("../images/date-button-2x.gif?ver=20120916");
-        background-size: 16px auto;
-    }
-
-    .tagchecklist span a,
-    #bulk-titles div a,
-    .tagchecklist span a:hover,
-    #bulk-titles div a:hover {
-        background-image: url("../images/xit-2x.gif?ver=20120916");
-        background-size: 20px auto;
-    }
-
-    #screen-meta-links a.show-settings,
-    #screen-meta-links a.show-settings.screen-meta-active,
-    #adminmenu .wp-has-submenu:hover .wp-menu-toggle,
-    #adminmenu .wp-menu-open .wp-menu-toggle,
-    #collapse-button div,
-    .nav-menus-php .item-edit,
-    .js .meta-box-sortables .postbox:hover .handlediv,
-    .sidebar-name-arrow,
-    .rtl #adminmenu .wp-has-submenu:hover .wp-menu-toggle,
-    .rtl #adminmenu .wp-menu-open .wp-menu-toggle,
-    .js.rtl .meta-box-sortables .postbox:hover .handlediv,
-    .rtl .sidebar-name-arrow {
-        background-image: url("../images/arrows-2x.png?ver=20120916");
-        background-size: 15px 123px;
-    }
-
-    #adminmenu li.wp-has-current-submenu.wp-menu-open .wp-menu-toggle,
-    #adminmenu li.wp-has-current-submenu:hover .wp-menu-toggle,
-    .sidebar-name:hover .sidebar-name-arrow,
-    .nav-menus-php .item-edit:hover,
-    .rtl #adminmenu li.wp-has-current-submenu.wp-menu-open .wp-menu-toggle,
-    .rtl #adminmenu li.wp-has-current-submenu:hover .wp-menu-toggle,
-    .rtl .sidebar-name:hover .sidebar-name-arrow {
-        background-image: url("../images/arrows-dark-2x.png?ver=20120916");
-        background-size: 15px 123px;
-    }
-
-    .view-switch #view-switch-list,
-    .view-switch #view-switch-excerpt {
-        background-image: url("../images/list-2x.png?ver=20120916");
-        background-size: 80px 20px;
-    }
-
-    .icon32.icon-post,
-    #icon-edit,
-    #icon-post,
-    .icon32.icon-dashboard,
-    #icon-index,
-    .icon32.icon-media,
-    #icon-upload,
-    .icon32.icon-links,
-    #icon-link-manager,
-    #icon-link,
-    #icon-link-category,
-    .icon32.icon-page,
-    #icon-edit-pages,
-    #icon-page,
-    .icon32.icon-comments,
-    #icon-edit-comments,
-    .icon32.icon-appearance,
-    #icon-themes,
-    .icon32.icon-plugins,
-    #icon-plugins,
-    .icon32.icon-users,
-    #icon-users,
-    #icon-profile,
-    #icon-user-edit,
-    .icon32.icon-tools,
-    #icon-tools,
-    #icon-admin,
-    .icon32.icon-settings,
-    #icon-options-general,
-    .icon32.icon-site,
-    #icon-ms-admin,
-    .icon32.icon-generic,
-    #icon-generic {
-        background-image: url(../images/icons32-2x.png?ver=20121105);
-        background-size: 756px 45px;
-    }
-
-    .icon16.icon-dashboard,
-    .menu-icon-dashboard div.wp-menu-image,
-    .icon16.icon-post,
-    .menu-icon-post div.wp-menu-image,
-    .icon16.icon-media,
-    .menu-icon-media div.wp-menu-image,
-    .icon16.icon-links,
-    .menu-icon-links div.wp-menu-image,
-    .icon16.icon-page,
-    .menu-icon-page div.wp-menu-image,
-    .icon16.icon-comments,
-    .menu-icon-comments div.wp-menu-image,
-    .icon16.icon-appearance,
-    .menu-icon-appearance div.wp-menu-image,
-    .icon16.icon-plugins,
-    .menu-icon-plugins div.wp-menu-image,
-    .icon16.icon-users,
-    .menu-icon-users div.wp-menu-image,
-    .icon16.icon-tools,
-    .menu-icon-tools div.wp-menu-image,
-    .icon16.icon-settings,
-    .menu-icon-settings div.wp-menu-image,
-    .icon16.icon-site,
-    .menu-icon-site div.wp-menu-image,
-    .icon16.icon-generic,
-    .menu-icon-generic div.wp-menu-image {
-        background-image: url('../images/menu-2x.png?ver=20121105');
-        background-size: 390px 64px;
-    }
-
-    #header-logo {
-        background-image: url('../images/wp-logo-2x.png?ver=20120916');
-        background-size: 16px auto;
-    }
-
-    /* 16px post formats */
-    .post-format-icon {
-        background-image: url(../images/post-formats32.png);
-        background-size: 16px 304px;
-    }
-
-}
+.rtl div.updated,
+.rtl .login .message {
+    border-left: none;
+    border-right: 4px solid #7ad03a;
+}
+
+.rtl .plugins .active th.check-column,
+.rtl tr.active + tr.plugin-update-tr .plugin-update {
+    border-left: none;
+    border-right: 4px solid #2ea2cc;
+}
+
+.rtl .plugins .update th.check-column,
+.rtl tr.plugin-update-tr .plugin-update {
+    border-left: none;
+    border-right: 4px solid #d54e21;
+}
+
+.rtl #the-comment-list .unapproved th.check-column,
+.rtl #dashboard_recent_comments #the-comment-list .unapproved {
+    border-left: none;
+    border-right: 4px solid #d54e21;
+}
+
+.rtl #dashboard_recent_comments #the-comment-list .unapproved .avatar {
+    margin-left: 10px;
+    margin-right: -4px;
+}

trunk/src/wp-admin/css/customize-controls.css

@@ -7 +7 @@
 }
 
-#customize-info .accordion-section-content {
-    background: transparent;
+#customize-controls h3 {
+    font-size: 14px;
+}
+
+#customize-controls .submit {
+    text-align: center;
+}
+
+#customize-controls .description {
+    color: #666666;
+}
+
+#customize-header-actions .button-primary {
+    float: right;
+    margin-top: 10px;
+}
+
+#customize-header-actions .spinner {
+    margin-top: 16px;
+    margin-right: 4px;
+}
+
+.saving #customize-header-actions .spinner {
+    display: block;
+}
+
+#customize-info {
+    border: none;
+    border-top: 1px solid #ddd;
+}
+
+#customize-info .accordion-section-title {
+    background-color: #fff;
+    color: #666666;
+    border-left: none;
+    border-right: none;
+    border-bottom: 1px solid #eeeeee;
+}
+
+#customize-info.open .accordion-section-title,
+#customize-info .accordion-section-title:hover,
+#customize-info .accordion-section-title:focus {
+    color: #555555;
+}
+
+#customize-info.open .accordion-section-title:after,
+#customize-info .accordion-section-title:hover:after,
+#customize-info .accordion-section-title:focus:after {
+    color: #555555;
+}
+
+#customize-info.open .accordion-section-title {
+    border-color: transparent;
 }
 
@@ -14 +65 @@
     font-size: 13px;
     line-height: 24px;
-    color: #999;
 }
 
@@ -21 +71 @@
     font-weight: 200;
     line-height: 24px;
-    color: #333;
-    display: block;
-    text-shadow: 0 1px 0 #fff;
+    display: block;
 }
 
 #customize-info .theme-screenshot {
     width: 258px;
-    border: 1px solid #ccc;
 }
 
 #customize-info .theme-description {
     margin-top: 1em;
-    color: #777;
+    color: #666666;
     line-height: 20px;
 }
 
-#customize-controls .submit {
-    text-align: center;
+#customize-theme-controls {
+    -webkit-box-shadow: 0px 1px 1px -1px rgba(0, 0, 0, 0.1);
+    box-shadow:         0px 1px 1px -1px rgba(0, 0, 0, 0.1);
+}
+
+#customize-theme-controls .control-section {
+    border: none;
+}
+
+#customize-theme-controls .accordion-section-title {
+    color: #555555;
+    background-color: #fff;
+    border-bottom: 1px solid #eeeeee;
+}
+
+#customize-theme-controls .accordion-section-content {
+    color: #555555;
+    background: white;
+}
+
+#customize-theme-controls .control-section:hover .accordion-section-title,
+#customize-theme-controls .control-section .accordion-section-title:hover,
+#customize-theme-controls .control-section.open .accordion-section-title,
+#customize-theme-controls .control-section .accordion-section-title:focus {
+    color: #555555;
+    background: #f5f5f5;
+}
+
+.js .control-section:hover .accordion-section-title,
+.js .control-section .accordion-section-title:hover,
+.js .control-section.open .accordion-section-title,
+.js .control-section .accordion-section-title:focus {
+    background: #f5f5f5;
+}
+
+#customize-theme-controls .control-section:hover .accordion-section-title::after,
+#customize-theme-controls .control-section .accordion-section-title:hover::after,
+#customize-theme-controls .control-section.open .accordion-section-title::after,
+#customize-theme-controls .control-section .accordion-section-title:focus::after {
+    color: #555555;
+}
+
+#customize-theme-controls .control-section.open {
+    border-bottom: 1px solid #eeeeee;
+}
+
+#customize-theme-controls .control-section.open .accordion-section-title {
+    border-bottom-color: #eeeeee !important;
+}
+
+#customize-theme-controls .control-section:last-of-type.open,
+#customize-theme-controls .control-section:last-of-type .accordion-section-title {
+    border-bottom-color: #ddd;
 }
 
@@ -46 +144 @@
 }
 
-#customize-header-actions .button-primary {
-    float: right;
-    margin-top: 10px;
-}
-
-#customize-header-actions .spinner {
-    margin-top: 16px;
-    margin-right: 4px;
-}
-
-.saving #customize-header-actions .spinner {
-    display: block;
-}
-
 .customize-control {
     width: 100%;
@@ -65 +149 @@
     clear: both;
     margin-bottom: 8px;
-}
-
-.customize-control-title {
-    display: block;
-    line-height: 24px;
-    font-weight: bold;
 }
 
@@ -76 +154 @@
 .customize-control input[type="text"],
 .customize-control input[type="radio"],
-.customize-control input[type="checkbox"],
-.customize-control-color .color-picker,
-.customize-control-checkbox label,
-.customize-control-upload div {
+.customize-control input[type="checkbox"] {
     line-height: 28px;
 }
@@ -96 +171 @@
 }
 
+.customize-control-title {
+    display: block;
+    font-size: 14px;
+    line-height: 24px;
+    font-weight: 600;
+    margin-bottom: 5px;
+}
+
+.customize-control-color .color-picker,
+.customize-control-checkbox label,
+.customize-control-upload div {
+    line-height: 28px;
+}
+
 .customize-control-checkbox input {
     margin-right: 5px;
@@ -110 +199 @@
 
 .customize-control-radio label {
-    line-height: 20px;
+    line-height: 32px;
 }
 
@@ -122 +211 @@
 }
 
-#customize-theme-controls .accordion-section-title:hover:after,
-#customize-theme-controls .accordion-section-title:focus:after {
-    border-color: #eee transparent;
-}
-
-#customize-theme-controls .control-section:hover .accordion-section-title,
-#customize-theme-controls .control-section .accordion-section-title:hover,
-#customize-theme-controls .control-section.open .accordion-section-title,
-#customize-theme-controls .control-section .accordion-section-title:focus {
-    color: #fff;
-    text-shadow: 0 -1px 0 #333;
-    background: #808080;
-    background-image: -webkit-gradient(linear, left bottom, left top, from(#6d6d6d), to(#808080));
-    background-image: -webkit-linear-gradient(bottom, #6d6d6d, #808080);
-    background-image:    -moz-linear-gradient(bottom, #6d6d6d, #808080);
-    background-image:      -o-linear-gradient(bottom, #6d6d6d, #808080);
-    background-image: linear-gradient(to top, #6d6d6d, #808080);
-    border-left: 1px solid #808080;
-    border-right: 1px solid #808080;
-}
-
-#customize-theme-controls .control-section.accordion-section:hover,
-#customize-theme-controls .control-section.accordion-section.open {
-    border-top-color: #808080;
-}
-
-#customize-theme-controls .control-section.open .accordion-section-title {
-    border-bottom: 1px solid #6d6d6d;
-}
-
-/*
- * Style for custom settings
- */
+.wp-full-overlay-sidebar {
+    background: #eeeeee;
+    border: none;
+}
+
+.collapse-sidebar {
+    background-color: transparent !important;
+    border: none !important;
+    box-shadow: none !important;
+    border-radius: 0 !important;
+}
+
+.collapse-sidebar .collapse-sidebar-label {
+    color: #ccc;
+}
+
+.collapse-sidebar .collapse-sidebar-arrow:before {
+    color: #aaa;
+}
+
+.collapse-sidebar:hover .collapse-sidebar-label,
+.collapse-sidebar:hover .collapse-sidebar-arrow:before {
+    color: #0074a2;
+}
+
+.collapse-sidebar:active,
+.collapse-sidebar:active .collapse-sidebar-label,
+.collapse-sidebar:active .collapse-sidebar-arrow:before {
+    text-shadow: none;
+}
+
+.collapsed .collapse-sidebar-arrow:before {
+    color: #888;
+}
+
+/* Style for custom settings */
 
 /*
@@ -164 +256 @@
     position: relative;
     cursor: pointer;
-
-    -webkit-border-radius: 3px;
-    border-radius: 3px;
 }
 
@@ -177 +266 @@
     margin-right: 16px;
     padding: 4px 5px;
-    background-color: #eee;
-    border: 1px solid #ccc;
-    -webkit-border-radius: 3px 0 0 3px;
-    border-radius: 3px 0 0 3px;
-
+    border: 2px solid #eeeeee;
     -webkit-user-select: none;
     -moz-user-select: none;
@@ -192 +277 @@
     bottom: 0;
     right: 0;
-    width: 15px;
-
-    border-color: #ccc;
-    border-style: solid;
-    border-width: 1px 1px 1px 0;
-    -webkit-border-radius: 0 3px 3px 0;
-    border-radius: 0 3px 3px 0;
+    width: 20px;
+    background: #eeeeee;
 }
 
 .customize-control .dropdown-arrow:after {
-    content: '';
-    width: 0;
-    height: 0;
-    border-color: #ccc transparent;
-    border-style: solid;
-    border-width: 4px 4px 0 4px;
-    position: absolute;
-    top: 50%;
-    margin-top: -1px;
-    right: 4px;
-    z-index: 1;
-}
-
-.accordion-section .dropdown:hover .dropdown-content,
-.customize-control .dropdown:hover .dropdown-arrow {
-    border-color: #aaa;
-}
-
-.accordion-section .dropdown:hover .dropdown-arrow:after {
-    border-color: #aaa transparent;
+    content: "\f140";
+    font: normal 20px/1 'dashicons';
+    speak: none;
+    display: block;
+    padding: 0;
+    text-indent: 0;
+    text-align: center;
+    position: relative;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    text-decoration: none !important;
+    color: #333;
 }
 
 .customize-control .dropdown-status {
+    color: #333;
+    background: #eeeeee;
     display: none;
     max-width: 112px;
-    color: #777;
-}
-
-/*
- * Color Picker
- */
+}
+
+/* Color Picker */
 .customize-control-color .color-picker-hex {
     display: none;
@@ -247 +318 @@
 
 .customize-control-color .dropdown .dropdown-content {
-    background-color: #fff;
-    border: 1px solid rgba( 0, 0, 0, 0.15 );
+    background-color: #555555;
+    border: 1px solid rgba(0, 0, 0, 0.15);
 }
 
 .customize-control-color .dropdown:hover .dropdown-content {
-    border-color: rgba( 0, 0, 0, 0.25 );
+    border-color: rgba(0, 0, 0, 0.25);
+}
+
+.customize-control-color .iris-picker {
+    border-radius: 0 !important;
 }
 
@@ -266 +341 @@
     color: transparent;
 }
+
 .accordion-section input[type="text"].color-picker-hex:-moz-placeholder {
     color: #999;
@@ -309 +385 @@
 
 .accordion-section .customize-control-image .library ul {
-    border-bottom: 1px solid #dfdfdf;
+    border-bottom: 1px solid #ddd;
     float: left;
     width: 100%;
@@ -316 +392 @@
 
 .accordion-section .customize-control-image .library li {
-    color: #999;
-    float: left;
-    padding: 3px 5px;
+    color: #ccc;
+    float: left;
+    padding: 3px 15px;
     margin: 0;
-    border-style: solid;
-    border-color: transparent;
-    border-width: 1px 1px 0 1px;
+    border: 1px solid transparent;
 }
 
@@ -328 +402 @@
     margin-bottom: -1px;
     padding-bottom: 4px;
-
-    color: #777;
-    background: #fdfdfd;
-    border-color: #dfdfdf;
-    -webkit-border-radius: 3px 3px 0 0;
-    border-radius: 3px 3px 0 0 ;
+    color: #666666;
+    border-color: #ddd;
+    border-bottom-color: #fff;
+}
+
+.accordion-section .customize-control-image .library .thumbnail {
+    display: block;
+    width: 100%;
+}
+
+.accordion-section .customize-control-image .library .thumbnail img {
+    display: block;
+    max-width: 90%;
+    max-height: 80px;
+    margin: 5px auto;
+    padding: 2px;
+    background: #666666;
+}
+
+.accordion-section .customize-control-image .library .thumbnail:hover img {
+    background-color: #2ea2cc;
 }
 
@@ -345 +434 @@
 .accordion-section .customize-control-image .library-content.library-selected {
     display: block;
-}
-
-.accordion-section .customize-control-image .library .thumbnail {
-    display: block;
-    width: 100%;
-}
-
-.accordion-section .customize-control-image .library .thumbnail:hover img {
-    border-color: #21759b;
-}
-
-.accordion-section .customize-control-image .library .thumbnail img {
-    display: block;
-    max-width: 90%;
-    max-height: 80px;
-
-    margin: 5px auto;
-    padding: 4px;
-    background: #fff;
-    border: 1px solid #dfdfdf;
 }
 
@@ -379 +448 @@
     margin: 5px auto;
     text-align: center;
-    color: #777;
     position: relative;
     cursor: default;
@@ -420 +488 @@
 }
 
-/**
- * Handle cheaters.
- */
+/** Handle cheaters. */
 body.cheatin {
     min-width: 0;
@@ -434 +500 @@
     padding: 2em;
     font-size: 14px;
-    background: #fff;
+    background: #555555;
     border: 1px solid #dfdfdf;
     -webkit-border-radius: 3px;
-    border-radius:         3px;
-}
+    border-radius: 3px;
+}

trunk/src/wp-admin/css/media.css

@@ -19 +19 @@
 }
 
+#media-upload:after { /* clearfix */
+    content: "";
+    display: table;
+    clear: both;
+}
+
+#media-upload,
+#media-upload .media-item .slidetoggle {
+    background: #fff;
+}
+
+#media-upload .slidetoggle {
+    border-top-color: #dfdfdf;
+}
+
+#media-upload input[type="radio"] {
+    padding: 0;
+}
+
 form {
     margin: 1em;

trunk/src/wp-admin/css/wp-admin-rtl.css

@@ -130 +130 @@
 }
 
+input[type=checkbox]:checked:before {
+    margin-left: 1px;
+}
+
 input[type="text"].ui-autocomplete-loading {
     background: transparent url('../images/loading.gif') no-repeat left center;
@@ -247 +251 @@
 #screen-meta-links {
     margin-right: 0;
-    margin-left: 24px;
+    margin-left: 5px;
 }
 
 #screen-meta {
-    margin-right: 5px;
-    margin-left: 15px;
+    margin: 0 0 -2px 20px;
 }
 
@@ -262 +265 @@
 }
 
+#screen-meta-links a {
+    left: 20px;
+}
+
 #screen-meta-links a.show-settings {
+    background-position: left -33px;
     padding-right: 6px;
     padding-left: 16px;
+}
+
+#wpbody-content #screen-meta-links a.show-settings {
+    padding: 1px 10px 0 0;
 }
 
@@ -312 +324 @@
 .contextual-help-tabs {
     float: right;
+    margin-right: 4px;
+    width: 146px;
 }
 
@@ -327 +341 @@
 .contextual-help-tabs-wrap {
     border-left: 0;
-    border-right-width: 1px;
+    border-right-width: 2px;
 }
 
@@ -351 +365 @@
 
 .folded #wpcontent {
-    margin-left: 0;
+    margin-left: inherit;
     margin-right: 52px;
 }
 
 .folded.wp-admin #wpfooter {
-    margin-left: 15px;
+    margin-left: inherit;
     margin-right: 52px;
 }
@@ -370 +384 @@
 }
 
-#adminmenu li .wp-submenu {
+ul#adminmenu .wp-submenu {
     left: auto;
-    right: 146px;
-}
-
+    right: 150px;
+}
+
+ul#adminmenu .wp-has-current-submenu .wp-submenu {
+    right: auto;
+}
+
+ul#adminmenu .wp-has-current-submenu ul > li > a {
+    padding-right: 12px;
+}
+
+ul#adminmenu a.wp-has-current-submenu:after,
+ul#adminmenu > li.current > a.current:after {
+    right: auto;
+    left: 0;
+}
 
 .folded #adminmenu .wp-submenu.sub-open,
@@ -384 +411 @@
 .no-js.folded #adminmenu .wp-has-submenu:hover .wp-submenu  {
     left: auto;
-    right: 32px;
-}
-
-#adminmenu div.wp-menu-image,
+    right: 36px;
+}
+
+ul#adminmenu div.wp-menu-image,
 .folded #adminmenu div.wp-menu-image {
     float: right;
@@ -393 +420 @@
 }
 
-#adminmenu .wp-submenu a,
-#adminmenu li li a,
+ul#adminmenu .wp-submenu a,
+ul#adminmenu li li a,
 .folded #adminmenu .wp-not-current-submenu li a {
     padding-left: 0;
@@ -400 +427 @@
 }
 
-#adminmenu .wp-not-current-submenu li a {
+ul#adminmenu .wp-not-current-submenu li a {
     padding-left: 0;
     padding-right: 18px;
@@ -408 +435 @@
     right: 0;
 
+    -webkit-transform: translate( -139px );
     -moz-transform:    translate( -139px );
-    -webkit-transform: translate( -139px );
     -o-transform:      translate( -139px );
     -ms-transform:     translate( -139px );
@@ -419 +446 @@
 }
 
-#adminmenu .wp-menu-arrow div {
+ul#adminmenu .wp-menu-arrow div {
     left: -8px;
     width: 16px;
 }
 
-#adminmenu li.wp-not-current-submenu .wp-menu-arrow {
+ul#adminmenu li.wp-not-current-submenu .wp-menu-arrow {
+    -webkit-transform: translate( -138px );
     -moz-transform:    translate( -138px );
-    -webkit-transform: translate( -138px );
     -o-transform:      translate( -138px );
     -ms-transform:     translate( -138px );
@@ -433 +460 @@
 
 .folded #adminmenu li .wp-menu-arrow {
+    -webkit-transform: translate( -26px );
     -moz-transform:    translate( -26px );
-    -webkit-transform: translate( -26px );
     -o-transform:      translate( -26px );
     -ms-transform:     translate( -26px );
@@ -440 +467 @@
 }
 
-#adminmenu .wp-not-current-submenu .wp-menu-arrow div {
+ul#adminmenu .wp-not-current-submenu .wp-menu-arrow div {
     border-style: solid solid none none;
     border-width: 1px 1px 0 0;
 }
 
-#adminmenu .wp-menu-image img {
+ul#adminmenu .wp-menu-image img {
     padding: 7px 7px 0 0;
 }
 
-#adminmenu .wp-submenu .wp-submenu-head {
+ul#adminmenu .wp-submenu .wp-submenu-head {
     padding: 5px 10px 5px 4px;
     -webkit-border-top-right-radius: 0;
-    -webkit-border-top-left-radius: 3px;
     border-top-right-radius: 0;
-    border-top-left-radius: 3px;
 }
 
@@ -470 +495 @@
 }
 
-#adminmenu .awaiting-mod,
-#adminmenu span.update-plugins,
+ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
+    right: auto;
+    left: 0;
+}
+
+ul#adminmenu .awaiting-mod,
+ul#adminmenu span.update-plugins,
 #sidemenu li a span.update-plugins {
     font-family: Tahoma, Arial, sans-serif;
@@ -480 +510 @@
 #collapse-button {
     float: right;
+}
+
+#collapse-button div:after {
+    left: 3px;
+    -webkit-transform: rotate(180deg);
+    -ms-transform:     rotate(180deg);
+    transform:         rotate(180deg);
+}
+
+.folded #collapse-button div:after {
+    -webkit-transform: rotate(0deg);
+    -ms-transform:     rotate(0deg);
+    transform:         rotate(0deg);
 }
 
@@ -507 +550 @@
     .no-js.auto-fold #adminmenu .wp-has-submenu:hover .wp-submenu  {
         left: auto;
-        right: 32px;
+        right: 36px;
     }
 
@@ -516 +559 @@
 
     .auto-fold #adminmenu li .wp-menu-arrow {
+        -webkit-transform: translate( -27px );
         -moz-transform:    translate( -27px );
-        -webkit-transform: translate( -27px );
         -o-transform:      translate( -27px );
         -ms-transform:     translate( -27px );
@@ -535 +578 @@
         border-top-left-radius: 3px;
     }
+
+    .auto-fold #collapse-button div:after {
+        -webkit-transform: rotate(0deg);
+        -ms-transform:     rotate(0deg);
+        transform:         rotate(0deg);
+    }
+
+    .auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
+    .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
+        -webkit-box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
+        box-shadow:         -2px 2px 5px rgba( 0, 0, 0, 0.4 );
+    }
 }
 
@@ -540 +595 @@
 .post-com-count-wrapper {
     font-family: Tahoma, Arial, sans-serif;
-}
-
-.post-com-count {
-    background-image: url('../images/bubble_bg-rtl.gif');
 }
 
@@ -763 +814 @@
 .view-switch {
     float: left;
+    margin-left: 16px;
+    margin-right: 8px;
+}
+
+.view-switch>a:before {
+    float: right !important;
+    margin-left: 5px;
+    margin-right: 0;
+}
+
+.view-switch>a+a:before {
+    margin-left: none;
+    margin-right: 5px;
 }
 
@@ -890 +954 @@
 }
 
+p.submit,
 .submitbox .submit {
     text-align: right;
@@ -903 +968 @@
 }
 
+#post-body #visibility:before,
+.curtime #timestamp:before {
+    padding-right: 0;
+    padding-left: 4px;
+}
+
+#misc-publishing-actions label[for="post_status"]:before {
+    padding-right: 0;
+    padding-left: 8px;
+}
+
 #normal-sortables .postbox .submit {
     float: left;
@@ -909 +985 @@
 .taxonomy div.tabs-panel {
     margin: 0 125px 0 5px;
+}
+
+.category-tabs {
+    margin-bottom: 3px;
 }
 
@@ -947 +1027 @@
     background-position: right top;
     padding-left: 0;
-    padding-right: 18px;
 }
 
@@ -1109 +1188 @@
 label.post-format-icon {
     margin-left: 0;
-    margin-right: 5px;
-    padding-left: 0px;
-    padding-right: 21px;
-}
-
-.post-format-icon.post-format-standard  {
-    background-position: 100% 0;
-}
-
-.post-format-icon.post-format-image  {
-    background-position: 100% -32px;
-}
-
-.post-format-icon.post-format-gallery {
-    background-position: 100% -64px;
-}
-
-.post-format-icon.post-format-audio {
-    background-position: 100% -96px;
-}
-
-.post-format-icon.post-format-video {
-    background-position: 100% -128px;
-}
-
-.post-format-icon.post-format-chat {
-    background-position: 100% -160px;
-}
-
-.post-format-icon.post-format-status {
-    background-position: 100% -192px;
-}
-
-.post-format-icon.post-format-aside {
-    background-position: 100% -224px;
-}
-
-.post-format-icon.post-format-quote {
-    background-position: 100% -256px;
-}
-
-.post-format-icon.post-format-link {
-    background-position: 100% -288px;
+    margin-right: 0;
+    padding-left: 0;
+    padding-right: 0;
+}
+
+.post-format-icon:before {
+    margin-left: 7px;
+    margin-right: 0;
 }
 
@@ -1427 +1471 @@
 }
 
+#submitcomment #timestamp:before {
+    left: 1px;
+}
+
+.post-com-count:after { /* draw bubble connector using CSS! */
+    margin-left: auto;
+    margin-right: 8px;
+    border-right: none !important;
+    border-left: 5px solid transparent;
+}
+
+th .comment-grey-bubble:before {
+    content: '\f101'; /* todo: should be changed to a rtl variant - mitcho */
+    left: auto;
+    right: -4px;
+}
+
+#the-comment-list .unapproved th.check-column input {
+    margin-left: 0;
+    margin-right: 4px;
+}
+
+
 /*------------------------------------------------------------------------------
   16.0 - Themes
@@ -1564 +1631 @@
 }
 
+.wrap h2.nav-tab-wrapper,
+.wrap h3.nav-tab-wrapper {
+    padding-left: 0;
+    padding-right: 10px;
+}
+
 h2 .nav-tab {
     font-family: Tahoma, Arial, sans-serif;
@@ -1579 +1652 @@
 
 #wpbody-content .plugins .plugin-title, #wpbody-content .plugins .theme-title {
-    padding-right: 0;
+    padding-right: 9px;
     padding-left: 12px;
+}
+
+.plugin-update-tr .update-message:before {
+    margin: 0 -2px 0 8px;
 }
 
@@ -1607 +1684 @@
 ------------------------------------------------------------------------------*/
 
+.press-this .posting {
+    margin-right: 0;
+    margin-left: 252px;
+}
+
+.press-this #publish,
+.press-this-sidebar {
+    float: left;
+}
+
+.press-this #header-logo,
+.press-this #wphead h1 {
+    float: right;
+}
+
+.press-this .wp_themeSkin .mceStatusbar a.mceResize {
+    background: transparent url('../images/resize-rtl.gif') no-repeat scroll right bottom;
+    width: 12px;
+    position: relative;
+    top: -1px;
+}
+
+.pressthis a span:before {
+    padding-left: 8px;
+}
+
 .pressthis a span {
-    background-position: right 5px;
-    padding: 8px 27px 8px 11px;
+    padding: 0px 3px 8px 12px;
 }
 
@@ -1661 +1763 @@
 #wpcontent,
 #wpfooter {
-    margin-right: 165px;
+    padding-left: inherit;
+    margin-right: 170px;
 }
 
@@ -1707 +1810 @@
 }
 
-.about-wrap .feature-section.two-col div,
 .about-wrap .feature-section.three-col div {
     margin-right: 0;
@@ -1714 +1816 @@
 }
 
-.about-wrap .feature-section.col .last-feature {
-    margin-left: 0;
-}
-
-.about-wrap .feature-section div p img {
-    float: left;
-    margin-left: 0;
-    margin-right: 10px;
+.about-wrap .feature-section.three-col h4 {
+    text-align: right;
+}
+
+.about-wrap .feature-section.three-col img {
+    margin-right: 5px;
+    margin-left: 0;
+}
+
+.about-wrap .feature-section.three-col .last-feature {
+    margin-left: 0;
+}
+
+.about-wrap .feature-section img {
+    margin: 0 0 10px 0.7%;
+}
+
+.about-wrap .feature-section.images-stagger-right img {
+    float: left;
+    margin: 0 2em 12px 5px;
+}
+
+.about-wrap .feature-section.images-stagger-left img {
+    float: right;
+    margin: 0 5px 12px 2em;
 }
 
@@ -1731 +1850 @@
 }
 
+@media only screen and (max-width: 768px) {
+    .about-wrap .feature-section img.image-66 {
+        float: none;
+    }
+
+    .about-wrap .feature-section.images-stagger-right img.image-66 {
+        margin-right: 3px;
+    }
+
+    .about-wrap .feature-section.images-stagger-left img.image-66 {
+        margin-left: 3px;
+    }
+}
 
 /*------------------------------------------------------------------------------
@@ -1764 +1896 @@
 }
 .tagchecklist span a {
-    margin: 4px -10px 0 0;
+    margin: 0 -17px 0 0;
     float: right;
 }
@@ -1872 +2004 @@
     right: auto;
     left: 0;
-    box-shadow: inset 5px 0 4px -4px rgba(0, 0, 0, 0.1);
+    -webkit-box-shadow: inset 5px 0 4px -4px rgba(0, 0, 0, 0.1);
+    box-shadow:         inset 5px 0 4px -4px rgba(0, 0, 0, 0.1);
 }
 
@@ -1945 +2078 @@
 }
 
-#adminmenu {
+ul#adminmenu {
     clear: right;
 }
@@ -2048 +2181 @@
 .wrap {
     margin-right: 0;
-    margin-left: 15px;
+    margin: 10px 2px 0 20px;
 }
 
@@ -2154 +2287 @@
 /* Recent Comments */
 #the-comment-list .comment-item {
-    padding: 1em 70px 1em 10px;
+    padding: 1em 10px 1em 10px;
 }
 
 #the-comment-list .comment-item .avatar {
     float: right;
-    margin-left: 0;
-    margin-right: -60px;
+    margin-left: 10px;
+    margin-right: 0;
 }
 
@@ -2189 +2322 @@
 #dashboard-widgets #dashboard_quick_press form p.submit .spinner {
     margin: 4px 0 0 6px;
+}
+
+#dashboard_quick_press .input-text-wrap {
+    margin-right: 0;
+    margin-left: 1px;
+}
+
+#dashboard_quick_press .wp-media-buttons,
+#dashboard_quick_press .textarea-wrap {
+    margin-left: 0;
+    margin-right: 1px;
 }
 
@@ -2647 +2791 @@
 }
 
+.plugin-editor-php #submit,
+.theme-editor-php #submit {
+    float: right;
+}
+
 #template textarea,
 #docs-list {
@@ -2670 +2819 @@
 }
 
+/* Meta/post boxes */
+
+.js .meta-box-sortables .postbox:hover .handlediv:before {
+    left: 12px;
+    right: auto;
+}
+.js #dashboard-widgets h3 .postbox-title-action {
+    left: 33px;
+    right: auto;
+}
+
 /* widgets */
 /* 2 column liquid layout */
@@ -2717 +2877 @@
 }
 
-/* Press This */
-.press-this-sidebar {
-    float: left;
-}
-
-.press-this #header-logo,
-.press-this #wphead h1 {
-    float: right;
+.widgets-holder-wrap .sidebar-name-arrow {
+    margin: -1px 0 0 26px;
 }
 
@@ -2794 +2948 @@
   (-webkit-min-device-pixel-ratio: 1.25),
   (min-resolution: 120dpi) {
-    .post-com-count {
-        background-image: url('../images/bubble_bg-rtl-2x.gif');
-        background-size: 18px 100px;
-    }
-
-    #content-resize-handle, #post-body .wp_themeSkin .mceStatusbar a.mceResize {
+
+    #content-resize-handle, #post-body .wp_themeSkin .mceStatusbar a.mceResize,
+    .press-this .wp_themeSkin .mceStatusbar a.mceResize {
         background: transparent url('../images/resize-rtl-2x.gif') no-repeat scroll right bottom;
         background-size: 11px 11px;
@@ -2822 +2973 @@
     #content-resize-handle {
         background: transparent url('../images/resize-rtl-2x.gif') no-repeat scroll left bottom;
-    }
-
-    .wp-slider .ui-slider-handle:before {
-        background-image: url(../images/arrows-pr-2x.png);
-        background-size: 16px 102px;
     }
 

trunk/src/wp-admin/css/wp-admin.css

@@ -54 +54 @@
     width: 100%;
     position: relative;
+    -webkit-font-smoothing: subpixel-antialiased;
 }
 
@@ -62 +63 @@
 #wpcontent,
 #wpfooter {
-    margin-left: 165px;
+    margin-left: 170px;
 }
 
 .folded #wpcontent,
 .folded #wpfooter {
-    margin-left: 52px;
+    margin-left: 56px;
 }
 
@@ -74 +75 @@
     float: left;
     width: 100%;
+    overflow: visible !important;
 }
 
@@ -80 +82 @@
 #adminmenu,
 #adminmenu .wp-submenu {
-    width: 145px;
+    width: 150px;
 }
 
@@ -92 +94 @@
 #adminmenu {
     clear: left;
-    margin: 0;
+    margin: 12px 0 0;
     padding: 0;
     list-style: none;
@@ -101 +103 @@
 .folded #adminmenu,
 .folded #adminmenu li.menu-top {
-    width: 32px;
+    width: 36px;
 }
 
@@ -213 +215 @@
     display: block;
     font-size: 14px;
-    font-weight: bold;
+    font-weight: 600;
     padding: 15px 23px 14px;
     background: #f1f1f1;
@@ -237 +239 @@
 
 /* include margin and padding in the width calculation of input and textarea */
+input,
 input[type="text"],
 input[type="password"],
@@ -248 +251 @@
     -ms-box-sizing: border-box; /* ie8 only */
     box-sizing: border-box;
+    -webkit-border-radius: 0;
+    border-radius: 0;
 }
 
 input[type="checkbox"],
 input[type="radio"] {
-    vertical-align: text-top;
-    padding: 0;
-    margin: 1px 0 0;
-}
-
+    border-width: 1px;
+    border-style: solid;
+    clear: none;
+    cursor: pointer;
+    display: inline-block;
+    line-height: 0;
+    height: 16px;
+    margin: -4px 4px 0 0;
+    outline: 0;
+    padding: 0 !important;
+    text-align: center;
+    vertical-align: middle;
+    width: 16px;
+    min-width: 16px;
+    -webkit-appearance: none;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+}
+
+td > input[type="checkbox"],
+.wp-admin p input[type=checkbox],
+.wp-admin p input[type=radio] {
+    margin-top: 0;
+}
+
+.wp-admin p label input[type=checkbox] {
+    margin-top: -4px;
+}
+
+.wp-admin p label input[type=radio] {
+    margin-top: -2px;
+}
+
+input[type="checkbox"] {
+    border-radius: 0;
+}
+
+input[type=radio] {
+    border-radius: 50%;
+    margin-right: 4px;
+    line-height: 10px;
+}
+
+input[type=checkbox]:checked:before,
+input[type=radio]:checked:before {
+    float: left;
+    display: inline-block;
+    vertical-align: middle;
+    width: 16px;
+    font: normal 21px/1 'dashicons';
+    speak: none;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+input[type=checkbox]:checked:before {
+    content: '\f147';
+    margin: -3px 0 0 -4px;
+}
+
+input[type=radio]:checked:before {
+    content: '\2022';
+    text-indent: -9999px;
+    border-radius: 50px;
+    font-size: 24px;
+    width: 6px;
+    height: 6px;
+    margin: 4px;
+    line-height: 16px;
+}
+
+@-moz-document url-prefix() {
+    input[type=checkbox],
+    input[type=radio],
+    .form-table input.tog {
+        margin-bottom: -1px;
+    }
+}
+
+/* Search */
 input[type="search"] {
     -webkit-appearance: textfield;
@@ -274 +354 @@
 
 body {
-    font-family: sans-serif;
-    font-size: 12px;
+    font-family: "Open Sans", sans-serif;
+    font-size: 13px;
     line-height: 1.4em;
     min-width: 600px;
@@ -310 +390 @@
 }
 
+textarea {
+    overflow: auto;
+}
+
+textarea,
 input,
 select {
+    font-size: 14px;
+    padding: 3px 5px;
     line-height: 15px;
+}
+
+textarea {
+    padding: 2px 6px;
+    line-height: 1.4;
 }
 
@@ -328 +420 @@
 }
 
+.wp-admin input[type="file"] {
+    border: none;
+    background: none;
+    padding: 8px 0 0;
+}
+
 a:focus,
 a:active {
@@ -352 +450 @@
 }
 
-p {
+p,
+.wp_attachment_details label[for="content"] {
+    font-size: 13px;
+    line-height: 1.5;
     margin: 1em 0;
 }
@@ -369 +470 @@
 }
 
-textarea,
 input,
 select {
     margin: 1px;
-    padding: 3px;
+    padding: 3px 5px;
 }
 
@@ -383 +483 @@
 h6 {
     display: block;
-    font-weight: bold;
+    font-weight: 600;
 }
 
@@ -397 +497 @@
 
 h3 {
-    font-size: 1.17em;
+    font-size: 1.3em;
     margin: 1em 0;
 }
@@ -459 +559 @@
 }
 
+input.code {
+    padding-top: 6px;
+}
+
+textarea.code {
+    line-height: 1.4;
+    padding: 4px 6px 1px 6px;
+}
+
 kbd,
 code {
-    padding: 1px 3px;
+    padding: 3px 5px 2px 5px;
     margin: 0 1px;
-    font-size: 11px;
+    font-size: 13px;
 }
 
 .subsubsub {
     list-style: none;
-    margin: 8px 0 5px;
+    margin: 8px 0 0;
     padding: 0;
-    font-size: 12px;
+    font-size: 13px;
     float: left;
 }
@@ -487 +596 @@
 
 .subsubsub a.current {
-    font-weight: bold;
+    font-weight: 600;
     border: none;
 }
@@ -498 +607 @@
 }
 
-.widefat,
-div.updated,
-div.error,
-.wrap .add-new-h2,
 textarea,
 input[type="text"],
@@ -512 +617 @@
 input[type="url"],
 select,
-.tablenav .tablenav-pages a,
 .tablenav-pages span.current,
 #titlediv #title,
-.postbox,
 #postcustomstuff table,
 #postcustomstuff input,
@@ -522 +625 @@
 .plugin-update-tr .update-message,
 #poststuff .inside .the-tagcloud,
-.login form,
-#login_error,
-.login .message,
-#menu-management .menu-edit,
 .nav-menus-php .list-container,
 .menu-item-handle,
 .link-to-original,
 .nav-menus-php .major-publishing-actions .form-invalid,
-.press-this #message,
 #TB_window,
 .tbtitle,
 .highlight,
-.feature-filter,
-#widget-list .widget-top,
 .editwidget .widget-inside {
-    -webkit-border-radius: 3px;
-    border-radius: 3px;
     border-width: 1px;
     border-style: solid;
@@ -559 +653 @@
 }
 
-.widefat thead th:first-of-type {
-    -webkit-border-top-left-radius: 3px;
-    border-top-left-radius: 3px;
-}
-.widefat thead th:last-of-type {
-    -webkit-border-top-right-radius: 3px;
-    border-top-right-radius: 3px;
-}
-.widefat tfoot th:first-of-type {
-    -webkit-border-bottom-left-radius: 3px;
-    border-bottom-left-radius: 3px;
-}
-.widefat tfoot th:last-of-type {
-    -webkit-border-bottom-right-radius: 3px;
-    border-bottom-right-radius: 3px;
-}
-
 .widefat td,
 .widefat th {
-    border-width: 1px 0;
-    border-style: solid;
+    padding: 8px 10px;
 }
 .widefat tfoot th {
@@ -590 +666 @@
 
 .widefat td {
-    font-size: 12px;
-    padding: 4px 7px 2px;
     vertical-align: top;
 }
 
+.widefat td,
 .widefat td p,
 .widefat td ol,
 .widefat td ul {
-    font-size: 12px;
+    font-size: 13px;
+    line-height: 1.5em;
 }
 
 .widefat th {
-    padding: 7px 7px 8px;
     text-align: left;
     line-height: 1.3em;
@@ -620 +695 @@
 }
 
+.widefat th input[type=checkbox] {
+    margin-top: -1px;
+}
+
 .widefat tbody th.check-column {
     padding: 9px 0 22px;
@@ -628 +707 @@
 }
 
-.widefat thead .check-column,
-.widefat tfoot .check-column {
-    padding: 10px 0 0;
+.widefat thead th.check-column,
+.widefat tbody th.check-column,
+.widefat tfoot th.check-column {
+    padding: 11px 0 0 3px;
+}
+
+.widefat thead th.check-column {
+    padding-top: 10px;
+}
+
+#update-plugins-table tbody th.check-column,
+.plugins tbody th.check-column,
+.plugins tbody,
+.plugins .inactive.update th.check-column {
+    padding: 8px 0 0 2px;
+}
+
+.plugins tbody th.check-column input[type=checkbox] {
+    margin-top: 4px;
+}
+
+#update-plugins-table tbody td p {
+    margin-top: 0;
+}
+
+#update-plugins-table tbody td p strong {
+    font-size: 14px;
+}
+
+.plugins thead th.check-column,
+.plugins tfoot th.check-column,
+.plugins .inactive th.check-column,
+#update-plugins-table thead th.check-column,
+#update-plugins-table tfoot th.check-column {
+    padding-left: 6px;
+}
+
+#update-plugins-table thead th.check-column,
+#update-plugins-table tfoot th.check-column {
+    padding-top: 11px;
+}
+
+.update-php div.updated,
+.update-php div.error {
+    margin-left: 0;
 }
 
@@ -650 +771 @@
 
 .wrap {
-    margin: 4px 15px 0 0;
+    margin: 10px 20px 0 2px;
 }
 
@@ -671 +792 @@
 }
 
+div.updated,
+.login .message,
+.press-this #message {
+    border: none;
+    padding: 1px 12px;
+}
+
+div.error,
+.login #login_error {
+    border: none;
+}
+
+div.error {
+    padding: 1px 12px;
+}
+
 .wrap h2,
 .subtitle {
     font-weight: normal;
     margin: 0;
-    text-shadow: #fff 0 1px 0;
 }
 
 .wrap h2 {
     font-size: 23px;
+    font-weight: 400;
     padding: 9px 15px 4px 0;
     line-height: 29px;
@@ -689 +826 @@
 }
 
-.wrap .add-new-h2 {
-    font-family: sans-serif;
+.wrap .add-new-h2,
+.wrap .add-new-h2:active,
+#add-new-comment a {
+    font-family: "Open Sans", sans-serif;
     margin-left: 4px;
-    padding: 3px 8px;
+    padding: 4px 8px;
     position: relative;
     top: -3px;
     text-decoration: none;
-    font-size: 12px;
-    border: 0 none;
+    border: none;
+    border-radius: 2px;
+    text-shadow: none;
+    font-weight: 600;
+    font-size: 13px;
 }
 
@@ -745 +887 @@
 input[type="url"]:focus,
 select:focus {
-    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
-    box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
+    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
+    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
 }
 
@@ -779 +921 @@
 .quicktags,
 .search {
-    font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
+    font-family: "Open Sans", sans-serif;
+}
+
+.widget .widget-top,
+.postbox h3,
+.stuffbox h3,
+.control-section .accordion-section-title,
+h3.dashboard-widget-title,
+h3.dashboard-widget-title span,
+h3.dashboard-widget-title small,
+.sidebar-name,
+#nav-menu-header,
+#nav-menu-footer,
+.menu-item-handle,
+.checkbox,
+.side-info,
+#your-profile #rich_editing,
+.widefat thead th,
+.widefat tfoot th {
+    line-height: 1.4em;
 }
 
@@ -786 +947 @@
 .subtitle,
 .login form .input {
-    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
+    font-family: "Open Sans", sans-serif;
 }
 
@@ -795 +956 @@
 
 .icon32 {
-    float: left;
-    height: 34px;
-    margin: 7px 8px 0 0;
-    width: 36px;
+    display: none;
 }
 
@@ -809 +967 @@
 }
 
+/* New Menu icons */
+
+.icon16:before {
+    font: normal 20px/1 'dashicons' !important;
+    speak: none;
+    padding: 6px 0;
+    height: 34px;
+    width: 20px;
+    display: inline-block;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    -moz-transition: all .1s ease-in-out;
+    -webkit-transition: all .1s ease-in-out;
+    -moz-transition:    all .1s ease-in-out;
+    transition:         all .1s ease-in-out;
+}
+
+.icon16.icon-dashboard:before,
+#adminmenu .menu-icon-dashboard div.wp-menu-image:before {
+    content: '\f226';
+}
+
+.icon16.icon-post:before,
+#adminmenu .menu-icon-post div.wp-menu-image:before {
+    content: '\f109';
+}
+
+.icon16.icon-media:before,
+#adminmenu .menu-icon-media div.wp-menu-image:before {
+    content: '\f104';
+}
+
+.icon16.icon-links:before,
+#adminmenu .menu-icon-links div.wp-menu-image:before {
+    content: '\f103';
+}
+
+.icon16.icon-page:before,
+#adminmenu .menu-icon-page div.wp-menu-image:before {
+    content: '\f105';
+}
+
+.icon16.icon-comments:before,
+#adminmenu .menu-icon-comments div.wp-menu-image:before {
+    content: '\f101';
+    margin-top: 1px;
+}
+
+.icon16.icon-appearance:before,
+#adminmenu .menu-icon-appearance div.wp-menu-image:before {
+    content: '\f100';
+}
+
+.icon16.icon-plugins:before,
+#adminmenu .menu-icon-plugins div.wp-menu-image:before {
+    content: '\f106';
+}
+
+.icon16.icon-users:before,
+#adminmenu .menu-icon-users div.wp-menu-image:before {
+    content: '\f110';
+}
+
+.icon16.icon-tools:before,
+#adminmenu .menu-icon-tools div.wp-menu-image:before {
+    content: '\f107';
+}
+
+.icon16.icon-settings:before,
+#adminmenu .menu-icon-settings div.wp-menu-image:before {
+    content: '\f108';
+}
+
+.icon16.icon-site:before,
+#adminmenu .menu-icon-site div.wp-menu-image:before {
+    content: '\f112'
+}
+
+.icon16.icon-generic:before,
+#adminmenu .menu-icon-generic div.wp-menu-image:before {
+    content: '\f111';
+}
+
+/* hide background-image for icons above */
+.icon16.icon-dashboard,
+.menu-icon-dashboard div.wp-menu-image,
+.icon16.icon-post,
+.menu-icon-post div.wp-menu-image,
+.icon16.icon-media,
+.menu-icon-media div.wp-menu-image,
+.icon16.icon-links,
+.menu-icon-links div.wp-menu-image,
+.icon16.icon-page,
+.menu-icon-page div.wp-menu-image,
+.icon16.icon-comments,
+.menu-icon-comments div.wp-menu-image,
+.icon16.icon-appearance,
+.menu-icon-appearance div.wp-menu-image,
+.icon16.icon-plugins,
+.menu-icon-plugins div.wp-menu-image,
+.icon16.icon-users,
+.menu-icon-users div.wp-menu-image,
+.icon16.icon-tools,
+.menu-icon-tools div.wp-menu-image,
+.icon16.icon-settings,
+.menu-icon-settings div.wp-menu-image,
+.icon16.icon-site,
+.menu-icon-site div.wp-menu-image,
+.icon16.icon-generic,
+.menu-icon-generic div.wp-menu-image {
+    background-image: none !important;
+}
+
 .key-labels label {
     line-height: 24px;
+}
+
+strong, b {
+    font-weight: 600;
 }
 
@@ -822 +1097 @@
     font-style: italic;
     display: block;
-    font-family: sans-serif;
+    font-family: "Open Sans", sans-serif;
 }
 
@@ -841 +1116 @@
 .wp-admin select {
     padding: 2px;
-    height: 2em;
+    line-height: 28px;
+    height: 28px;
+}
+
+.meta-box-sortables select {
+    max-width: 100%;
 }
 
@@ -861 +1141 @@
 }
 
+p.submit {
+    text-align: left;
+    max-width: 100%;
+    margin-top: 20px;
+    padding-top: 10px;
+}
+
+.textright p.submit {
+    border: none;
+    text-align: right;
+}
+
+table.form-table + p.submit,
+table.form-table + input + p.submit,
+table.form-table + input + input + p.submit {
+    border-top: none;
+    padding-top: 0;
+}
+
+table.widefat span.delete a:hover,
+table.widefat span.trash a:hover,
+table.widefat span.spam a:hover,
+#dashboard_recent_comments .delete a:hover,
+#dashboard_recent_comments .trash a:hover,
+#dashboard_recent_comments .spam a:hover,
+.plugins a.delete:hover,
+#all-plugins-table .plugins a.delete:hover,
+#search-plugins-table .plugins a.delete:hover,
+.submitbox .submitdelete:hover,
+#media-items a.delete:hover,
+#media-items a.delete-permanently:hover,
+#nav-menu-footer .menu-delete:hover {
+    text-decoration: none;
+    border: none;
+}
+
 #minor-publishing-actions input,
 #major-publishing-actions input,
@@ -884 +1200 @@
 input.small-text {
     width: 50px;
+    padding: 1px 6px;
 }
 
 input[type="number"].small-text {
-    width: 60px;
+    width: 65px;
 }
 
@@ -925 +1242 @@
 }
 
+fieldset label,
+#your-profile label + a {
+    vertical-align: middle;
+}
+
+.options-media-php label[for*="_size_"],
 #misc-publishing-actions label {
     vertical-align: baseline;
+}
+
+#misc-publishing-actions label[for="post_status"]:before {
+    content: '\f173';
+    display: inline-block;
+    font: normal 20px/1 'dashicons';
+    speak: none;
+    left: -1px;
+    padding: 0 5px 0 0;
+    position: relative;
+    top: 0;
+    text-decoration: none !important;
+    vertical-align: top;
+
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
 }
 
@@ -952 +1291 @@
 .tagsdiv .newtag {
     float: left;
-    height: 2em;
+    height: 28px;
     margin: 0 4px 0 0;
 }
@@ -1003 +1342 @@
 
 #major-publishing-actions {
-    padding: 10px 10px 8px;
+    padding: 10px;
     clear: both;
-    border-top: 1px solid #f5f5f5;
-    margin-top: -2px;
+    border-top: 1px solid #dedede;
+    background: #f5f5f5;
 }
 
 #delete-action {
-    line-height: 25px;
+    line-height: 28px;
     vertical-align: middle;
     text-align: left;
@@ -1032 +1371 @@
 .misc-pub-section {
     padding: 6px 10px 8px;
-    border-width: 1px 0;
-    border-style: solid;
 }
 
@@ -1045 +1382 @@
 
 #minor-publishing-actions {
-    padding: 10px 10px 2px 8px;
+    padding: 10px 10px 0 10px;
     text-align: right;
-}
-
-#minor-publishing {
-    border-bottom-width: 1px;
-    border-bottom-style: solid;
-    -webkit-box-shadow: 0 1px 0 #fff;
-    box-shadow: 0 1px 0 #fff;
 }
 
@@ -1111 +1441 @@
 #update-nag,
 .update-nag {
+    display: inline-block;
     line-height: 19px;
-    padding: 5px 0;
-    font-size: 12px;
-    text-align: center;
-    margin: -1px 15px 0 5px;
-    border-width: 1px;
-    border-style: solid;
-    -webkit-border-bottom-right-radius: 3px;
-    -webkit-border-bottom-left-radius: 3px;
-    border-bottom-right-radius: 3px;
-    border-bottom-left-radius: 3px;
+    padding: 11px 15px;
+    font-size: 14px;
+    text-align: left;
+    margin: 25px 20px 0 2px;
 }
 
@@ -1130 +1455 @@
 .plugin-update .update-message {
     margin: 0 10px 8px 31px;
-    font-weight: bold;
+    font-weight: 600;
 }
 
@@ -1164 +1489 @@
 }
 
+/*------------------------------------------------------------------------------
+  5.0 - TinyMCE
+------------------------------------------------------------------------------*/
+
+/* nothing? */
 
 /*------------------------------------------------------------------------------
@@ -1188 +1518 @@
 #contextual-help-wrap {
     overflow: auto;
+    margin-left: 0 !important;
 }
 
@@ -1195 +1526 @@
 
 #screen-meta-links {
-    margin: 0 24px 0 0;
+    margin: 0 20px 0 0;
+}
+
+#screen-meta-links a { 
+    padding: 3px 6px 3px 16px; 
 }
 
 #screen-meta-links a:focus {
-    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
-    box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
     outline: none;
 }
@@ -1207 +1540 @@
 #screen-meta {
     display: none;
+    font-size: 14px;
+    margin: 0 20px -1px 0px;
     position: relative;
-    margin: 0 15px 0 5px;
-    border-width: 0 1px 1px;
-    border-style: none solid solid;
 }
 
@@ -1216 +1548 @@
 #contextual-help-link-wrap {
     float: right;
-    height: 23px;
-    padding: 0;
+    height: 28px;
     margin: 0 0 0 6px;
-    font-family: sans-serif;
-}
-
-#screen-options-link-wrap,
-#contextual-help-link-wrap,
-#screen-meta {
-    -webkit-border-bottom-left-radius: 3px;
-    -webkit-border-bottom-right-radius: 3px;
-    border-bottom-left-radius: 3px;
-    border-bottom-right-radius: 3px;
+    font-family: "Open Sans", sans-serif;
 }
 
 #screen-meta-links .screen-meta-toggle {
     position: relative;
-    top: -1px;
+    top: 0;
 }
 
 #screen-meta-links a.show-settings {
+    display: block;
+    font-size: 13px;
+    height: 22px;
+    line-height: 22px;
     text-decoration: none;
     z-index: 1;
-    padding: 1px 16px 0 6px;
-    height: 22px;
-    line-height: 22px;
-    font-size: 12px;
-    display: block;
-    text-shadow: rgba(255,255,255,0.7) 0 1px 0;
+}
+
+#screen-meta-links a:after {
+    right: 0;
+    content: '\f140';
+    font: normal 20px/1 'dashicons';
+    speak: none;
+    display: inline-block;
+    padding: 0 5px 0 0;
+    bottom: 2px;
+    position: relative;
+    vertical-align: bottom;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    text-decoration: none !important;
+}
+
+#screen-meta-links a.screen-meta-active:after {
+    content: '\f142';
 }
 
@@ -1274 +1613 @@
     display: inline-block;
     padding-right: 15px;
-    white-space: nowrap;
     line-height: 30px;
+}
+
+.metabox-prefs label input[type=checkbox] {
+    margin-top: -4px;
+    margin-right: 6px;
 }
 
@@ -1296 +1639 @@
 #contextual-help-wrap {
     padding: 0;
-    margin-left: -4px;
 }
 
@@ -1335 +1677 @@
     list-style-type: none;
     border-style: solid;
-    border-width: 1px 0;
+    border-width: 0 0 0 2px;
     border-color: transparent;
 }
@@ -1344 +1686 @@
     line-height: 18px;
     text-decoration: none;
+    border-style: solid;
+    border-width: 1px 0 1px 0;
+    border-color: transparent;
 }
 
@@ -1349 +1694 @@
     padding: 0;
     margin: 0 -1px 0 0;
-    border-width: 1px 0 1px 1px;
+    border-width: 0 0 0 2px;
     border-style: solid;
 }
@@ -1384 +1729 @@
   7.0 - Main Navigation (Left Menu)
 ------------------------------------------------------------------------------*/
-
-#adminmenuback,
-#adminmenuwrap {
-    border-width: 0 1px 0 0;
-    border-style: solid;
-}
 
 #adminmenuwrap {
@@ -1425 +1764 @@
 
 #adminmenu li.menu-top {
-    min-height: 28px;
+    border: none;
+    min-height: 34px;
     position: relative;
 }
@@ -1431 +1771 @@
 #adminmenu .wp-submenu {
     list-style: none;
-    padding: 4px 0;
-    margin: 0;
     position: absolute;
     top: -1000em;
-    left: 146px;
-    z-index: 1000;
+    left: 150px;
     overflow: visible;
-    border-width: 1px;
-    border-style: solid;
-    -webkit-border-bottom-right-radius: 3px;
-    -webkit-border-top-right-radius: 3px;
-    border-bottom-right-radius: 3px;
-    border-top-right-radius: 3px;
+    word-wrap: break-word;
+}
+
+#adminmenu .wp-submenu,
+.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu {
+    padding: 7px 0 8px;
+    z-index: 9999;
 }
 
@@ -1465 +1804 @@
     bottom: auto;
     border: 0 none;
-
+    margin-top: 0;
     -webkit-box-shadow: none;
     box-shadow: none;
@@ -1477 +1816 @@
 .folded #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu,
 .no-js.folded #adminmenu .wp-has-submenu:hover .wp-submenu  {
-    top: -1px;
-    left: 32px;
+    top: 0;
+    left: 36px;
 }
 
 .folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
 .folded #adminmenu .wp-has-current-submenu .wp-submenu {
-    border-width: 1px;
-    border-style: solid;
     position: absolute;
     top: -1000em;
 }
 
+#adminmenu .wp-not-current-submenu .wp-submenu,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu {
+    min-width: 150px;
+    width: auto;
+}
+
 #adminmenu .wp-submenu a {
-    font-size: 12px;
-    line-height: 18px;
+    font-size: 13px;
+    line-height: 1.2;
     margin: 0;
-    padding-left: 12px;
-}
-
-#adminmenu .wp-not-current-submenu li > a {
-    padding-left: 16px;
+    padding: 6px 0;
+}
+
+#adminmenu .wp-not-current-submenu li > a,
+.folded #adminmenu .wp-has-current-submenu li > a {
+    padding-right: 16px;
+    padding-left: 14px;
+    -moz-transition: all .1s ease-in-out;
+    -webkit-transition: all .1s ease-in-out;
+    transition: all .1s ease-in-out;
 }
 
 #adminmenu .wp-has-current-submenu ul > li > a,
 .folded #adminmenu li.menu-top .wp-submenu > li > a {
-    padding-left: 12px;
+    padding: 6px 12px;
 }
 
 #adminmenu a.menu-top,
 #adminmenu .wp-submenu-head {
-    font-size: 13px;
-    font-weight: bold;
+    font-size: 14px;
+    font-weight: 400;
     line-height: 18px;
     padding: 0;
@@ -1528 +1876 @@
 }
 
-#adminmenu a.menu-top {
-    border-width: 1px 0;
-    border-style: solid none;
-}
-
 #adminmenu .wp-menu-image img {
-    padding: 7px 0 0 7px;
+    padding: 9px 0 0 0px;
     opacity: 0.6;
     filter: alpha(opacity=60);
@@ -1540 +1883 @@
 
 #adminmenu div.wp-menu-name {
-    padding: 5px;
+    padding: 8px 12px 8px 0;
 }
 
 #adminmenu div.wp-menu-image {
     float: left;
-    width: 28px;
-    height: 28px;
+    width: 34px;
+    height: 30px;
+    margin: 0;
+    text-align: center;
+}
+
+div.wp-menu-image:before {
+    font: normal 20px/1 'dashicons' !important;
+    speak: none;
+    color: #999;
+    padding: 8px 0;
+    height: 34px;
+    width: 20px;
+    display: inline-block;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    -moz-transition: all .1s ease-in-out;
+    -webkit-transition: all .1s ease-in-out;
+    transition: all .1s ease-in-out;
 }
 
 .folded #adminmenu div.wp-menu-image {
-    width: 32px;
+    width: 34px;
+    height: 30px;
     position: absolute;
     z-index: 25;
@@ -1556 +1917 @@
 
 .folded #adminmenu a.menu-top {
-    height: 28px;
-}
+    height: 34px;
+}
+
+/* A new arrow */
 
 .wp-menu-arrow {
-    z-index: 25;
+    display: none !important;
+}
+
+ul#adminmenu a.wp-has-current-submenu {
+    position: relative;
+}
+
+ul#adminmenu a.wp-has-current-submenu:after,
+ul#adminmenu > li.current > a.current:after {
+    right: 0;
+    border: solid transparent;
+    content: " ";
+    height: 0;
+    width: 0;
     position: absolute;
-    right: 100%;
-    margin: 0;
-    height: 30px;
-    width: 6px;
-
-    -moz-transform:    translate( 146px );
-    -webkit-transform: translate( 146px );
-    -o-transform:      translate( 146px );
-    -ms-transform:     translate( 146px );
-    transform:         translate( 146px );
-}
-
-#adminmenu .wp-menu-arrow div {
+    pointer-events: none;
+    border-width: 8px;
+    top: 50%;
+    margin-top: -8px;
+}
+
+.folded ul#adminmenu li:hover a.wp-has-current-submenu:after {
     display: none;
+}
+
+.folded ul#adminmenu a.wp-has-current-submenu:after,
+.folded ul#adminmenu > li a.current:after {
+    border-width: 4px;
+    margin-top: -4px;
+}
+
+/* flyout menu arrow */
+#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
+    right: 0;
+    border: solid transparent;
+    content: " ";
+    height: 0;
+    width: 0;
     position: absolute;
-    top: 7px;
-    left: -1px;
-    width: 14px;
-    height: 15px;
-
-    -moz-transform:    matrix( -0.6, 1, 0.6, 1, 0, 0 );
-    -webkit-transform: matrix( -0.6, 1, 0.6, 1, 0, 0 );
-    -o-transform:      matrix( -0.6, 1, 0.6, 1, 0, 0 );
-    -ms-transform:     matrix( -0.6, 1, 0.6, 1, 0, 0 );
-    transform:         matrix( -0.6, 1, 0.6, 1, 0, 0 );
-}
-
-#adminmenu li.wp-not-current-submenu .wp-menu-arrow {
-    -moz-transform:    translate( 145px );
-    -webkit-transform: translate( 145px );
-    -o-transform:      translate( 145px );
-    -ms-transform:     translate( 145px );
-    transform:         translate( 145px );
-    height: 28px;
-    border-width: 1px 0;
-    border-style: solid;
-    top: 0;
-}
-
-.folded #adminmenu li .wp-menu-arrow {
-    -moz-transform:    translate( 32px );
-    -webkit-transform: translate( 32px );
-    -o-transform:      translate( 32px );
-    -ms-transform:     translate( 32px );
-    transform:         translate( 32px );
-}
-
-#adminmenu li.current .wp-menu-arrow,
-#adminmenu li.wp-has-current-submenu .wp-menu-arrow,
-#adminmenu li.wp-has-current-submenu .wp-menu-arrow div,
-#adminmenu li.wp-has-submenu .wp-menu-arrow div,
-#adminmenu li.current .wp-menu-arrow div,
-.no-js #adminmenu li.wp-has-submenu:hover .wp-menu-arrow,
-#adminmenu li.wp-has-submenu.opensub .wp-menu-arrow,
-#adminmenu a.wp-has-submenu:focus .wp-menu-arrow,
-#adminmenu a:hover .wp-menu-arrow {
-    display: block;
-}
-
-#adminmenu li.current .wp-menu-arrow,
-#adminmenu li.wp-menu-open .wp-menu-arrow {
-    top: 0;
-}
-
-.no-js #adminmenu li.wp-has-submenu:hover .wp-menu-arrow,
-#adminmenu li.wp-has-submenu.opensub .wp-menu-arrow,
-#adminmenu a.wp-has-submenu:focus .wp-menu-arrow {
-    z-index: 1001;
-}
-
-.ie8 #adminmenu li.menu-top:hover .wp-menu-arrow {
-    display: none;
-}
-
-#adminmenu .wp-not-current-submenu .wp-menu-arrow div {
-    width: 15px;
-    top: 6px;
-    border-width: 0 0 1px 1px;
-    border-style: solid;
-}
-
-.wp-menu-arrow,
-.folded #adminmenu li .wp-menu-arrow div,
-.no-js #adminmenu li.wp-not-current-submenu:hover .wp-menu-arrow {
-    display: none;
-}
-
-.folded #adminmenu li.current .wp-menu-arrow,
-.folded #adminmenu li.current .wp-menu-arrow div,
-.folded #adminmenu li.wp-has-current-submenu .wp-menu-arrow div,
-.folded #adminmenu li.wp-menu-open .wp-menu-arrow,
-.folded #adminmenu li a:focus .wp-menu-arrow {
-    display: block;
+    pointer-events: none;
+    border-width: 8px;
+    top: 10px;
+    z-index: 10000;
+}
+
+.folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
+    border-width: 4px;
+    margin-top: -4px;
+    top: 18px;
+}
+
+/* ensure that wp-submenu's box shadow doesn't appear on top of the focused menu item's background. */
+#adminmenu li.menu-top:hover,
+#adminmenu li.opensub > a.menu-top,
+#adminmenu li > a.menu-top:focus {
+    position: relative;
+}
+
+.folded #adminmenu li.menu-top:hover,
+.folded #adminmenu li.opensub > a.menu-top,
+.folded #adminmenu li > a.menu-top:focus {
+    z-index: 10000;
 }
 
@@ -1666 +1996 @@
     height: 3px;
     padding: 0;
-    margin: 0;
+    margin: 0 0 6px 0;
     border-width: 1px 0;
     border-style: solid;
@@ -1680 +2010 @@
 
 #adminmenu .wp-submenu .wp-submenu-head {
-    padding: 5px 4px 5px 10px;
-    margin: -4px -1px 4px;
-    border-width: 1px 0;
-    border-style: solid;
-    -webkit-border-top-right-radius: 3px;
-    border-top-right-radius: 3px;
-}
-
-#adminmenu li.wp-menu-open {
-    border-width: 0 0 1px;
-    border-style: solid;
+    font-weight: 400;
+    font-size: 14px;
+    padding: 8px 4px 8px 11px;
+    margin: -7px 0px 4px;
 }
 
@@ -1696 +2019 @@
 .folded #adminmenu li.wp-menu-open {
     border: 0 none;
-}
-
-.folded #adminmenu li.wp-has-current-submenu {
-    margin-bottom: 1px;
-}
-
-.folded #adminmenu .wp-has-current-submenu.menu-top-last {
-    margin-bottom: 0;
 }
 
@@ -1710 +2025 @@
 #sidemenu li a span.update-plugins {
     position: absolute;
-    font-family: sans-serif;
+    font-family: "Open Sans", sans-serif;
     font-size: 9px;
     line-height: 17px;
-    font-weight: bold;
+    font-weight: 600;
     margin-top: 1px;
     margin-left: 7px;
@@ -1721 +2036 @@
 }
 
+#adminmenu .wp-submenu .update-plugins {
+    margin-top: 0;
+}
+
 #adminmenu li .awaiting-mod span,
 #adminmenu li span.update-plugins span,
@@ -1733 +2052 @@
 }
 
-#collapse-menu {
-    font-size: 12px;
+#adminmenu #collapse-menu {
+    font-size: 13px;
     line-height: 34px;
-    border-width: 1px 0 0;
-    border-style: solid;
+    margin-top: 10px;
 }
 
@@ -1752 +2070 @@
 #collapse-button {
     float: left;
-    margin: 8px 6px;
-    border-width: 1px;
-    border-style: solid;
+    height: 15px;
+    margin: 10px 8px 10px 11px;
+    width: 15px;
+
     -webkit-border-radius: 10px;
     border-radius: 10px;
 }
+
+#wpwrap #collapse-button div {
+    padding: 0;
+}
+
+#collapse-button div:after {
+    content: '\f148';
+    display: block;
+    line-height: 15px;
+    left: -3px;
+    top: -3px;
+    font: normal 20px/1 'dashicons' !important;
+    speak: none;
+    margin: 0 auto;
+    padding: 0 !important;
+    position: relative;
+    text-align: center;
+    width: 20px;
+    -moz-transition: all .1s ease-in-out;
+    -webkit-transition: all .1s ease-in-out;
+    transition: all .1s ease-in-out;
+
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+.folded #collapse-button div:after {
+    -ms-transform: rotate(180deg);
+    -webkit-transform: rotate(180deg);
+    transform: rotate(180deg);
+}
+
 
 /* Auto-folding of the admin menu */
@@ -1763 +2114 @@
     .auto-fold #wpcontent,
     .auto-fold #wpfooter {
-        margin-left: 52px;
+        margin-left: 56px;
     }
 
@@ -1770 +2121 @@
     .auto-fold #adminmenu,
     .auto-fold #adminmenu li.menu-top {
-        width: 32px;
+        width: 36px;
     }
 
@@ -1779 +2130 @@
     .auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
     .auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu  {
-        top: -1px;
-        left: 32px;
+        top: 0px;
+        left: 36px;
     }
 
     .auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
     .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
-        border-width: 1px;
-        border-style: solid;
         position: absolute;
         top: -1000em;
+        margin-right: -1px;
+        padding: 7px 0 8px;
+        z-index: 9999;
     }
+
+    .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
+        min-width: 150px;
+        width: auto;
+    }
+
+    .auto-fold #adminmenu .wp-has-current-submenu li > a {
+        padding-right: 16px;
+        padding-left: 14px;
+    }
+
 
     .auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
@@ -1804 +2167 @@
 
     .auto-fold #adminmenu div.wp-menu-image {
-        width: 32px;
+        height: 30px;
+        width: 34px;
         position: absolute;
         z-index: 25;
@@ -1810 +2174 @@
 
     .auto-fold #adminmenu a.menu-top {
-        height: 28px;
-    }
-
-    .auto-fold #adminmenu li .wp-menu-arrow {
-        -moz-transform:    translate( 32px );
-        -webkit-transform: translate( 32px );
-        -o-transform:      translate( 32px );
-        -ms-transform:     translate( 32px );
-        transform:         translate( 32px );
-    }
-
-    .auto-fold #adminmenu li .wp-menu-arrow div {
-        display: none;
-    }
-
-    .auto-fold #adminmenu li.current .wp-menu-arrow,
-    .auto-fold #adminmenu li.current .wp-menu-arrow div,
-    .auto-fold #adminmenu li.wp-has-current-submenu .wp-menu-arrow div,
-    .auto-fold #adminmenu li.wp-menu-open .wp-menu-arrow,
-    .auto-fold #adminmenu li a:focus .wp-menu-arrow {
-        display: block;
+        height: 34px;
     }
 
@@ -1837 +2181 @@
     }
 
-    .auto-fold #adminmenu li.wp-has-current-submenu {
-        margin-bottom: 1px;
-    }
-
     .auto-fold #adminmenu .wp-has-current-submenu.menu-top-last {
         margin-bottom: 0;
     }
 
+    .auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after {
+        display: none;
+    }
+
+    .auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
+        border-width: 4px;
+        margin-top: -4px;
+        top: 16px;
+    }
+
+    .auto-fold ul#adminmenu a.wp-has-current-submenu:after,
+    .auto-fold ul#adminmenu > li a.current:after {
+        border-width: 4px;
+        margin-top: -4px;
+    }
+
+    .auto-fold #adminmenu li.menu-top:hover,
+    .auto-fold #adminmenu li.opensub > a.menu-top,
+    .auto-fold #adminmenu li > a.menu-top:focus {
+        z-index: 10000;
+    }
+
     .auto-fold #collapse-menu span {
         display: none;
     }
 
+    .auto-fold #collapse-button div {
+        background: none;
+    }
+
+    .auto-fold #collapse-button div:after {
+        -ms-transform: rotate(180deg);
+        -webkit-transform: rotate(180deg);
+        transform: rotate(180deg);
+    }
 }
 
@@ -1854 +2225 @@
 .post-com-count-wrapper {
     min-width: 22px;
-    font-family: sans-serif;
+    font-family: "Open Sans", sans-serif;
 }
 
 .post-com-count {
-    background-image: url('../images/bubble_bg.gif');
+    background: none;
     height: 1.3em;
     line-height: 1.1em;
@@ -1869 +2240 @@
 }
 
+.post-com-count:after {     /* draw bubble connector using CSS! */
+    content: "";
+    display: block;
+    width: 0;
+    height: 0;
+    margin-left: 8px;
+    border-top: 5px solid #bbbbbb;
+    border-right: 5px solid transparent;
+}
+
 .post-com-count span {
     font-size: 11px;
-    font-weight: bold;
+    font-weight: 600;
     height: 1.4em;
     line-height: 1.4em;
@@ -1904 +2285 @@
 
 th .comment-grey-bubble {
-    background-image: url('../images/comment-grey-bubble.png');
-    background-repeat: no-repeat;
-    height: 12px;
-    width: 12px;
+    height: 16px;
+    width: 16px;
+}
+
+th .comment-grey-bubble:before {
+    content: '\f101';
+    font: normal 20px/.5 'dashicons';
+    speak: none;
+    display: inline-block;
+    padding: 0;
+    top: 4px;
+    left: -4px;
+    position: relative;
+    vertical-align: top;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    text-decoration: none !important;
 }
 
@@ -1915 +2309 @@
 
 html.wp-toolbar {
-    padding-top: 28px;
+    padding-top: 32px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
@@ -2007 +2401 @@
 #poststuff {
     padding-top: 10px;
+    min-width: 763px;
 }
 
@@ -2015 +2410 @@
 #post-body-content {
     width: 100%;
+    min-width: 463px;
     float: left;
 }
@@ -2092 +2488 @@
 
 /* one column on the post write/edit screen */
-@media only screen and (max-width: 960px) {
+@media only screen and (max-width: 850px) {
+    #poststuff {
+        min-width: 0;
+    }
+
     #wpbody-content #poststuff #post-body {
         margin: 0;
@@ -2120 +2520 @@
 }
 
-.postbox .hndle {
-    -webkit-border-top-left-radius: 3px;
-    -webkit-border-top-right-radius: 3px;
-    border-top-left-radius: 3px;
-    border-top-right-radius: 3px;
-}
-
 .js .postbox .hndle {
     cursor: move;
@@ -2162 +2555 @@
     margin-bottom: 20px;
     padding: 0;
-    border-width: 1px;
-    border-style: solid;
     line-height: 1;
 }
@@ -2171 +2562 @@
 .stuffbox h3 {
     margin-top: 1px;
-    border-bottom-width: 1px;
-    border-bottom-style: solid;
     -webkit-user-select: none;
     -moz-user-select: none;
@@ -2185 +2574 @@
 .postbox .inside,
 .stuffbox .inside {
-    padding: 0 12px 0 10px;
+    padding: 0 12px 12px;
     line-height: 1.4em;
+    font-size: 13px;
 }
 
 .postbox .inside {
-    margin: 10px 0;
+    margin: 12px 0;
     position: relative;
+}
+
+#dashboard-widgets .postbox .inside {
+    margin-bottom: 0;
+}
+
+.postbox .inside > p:last-child,
+.rss-widget ul li:last-child {
+    margin-bottom: 1px !important;
 }
 
@@ -2230 +2629 @@
 
 #dashboard_recent_comments div.undo {
-    border-top-style: solid;
-    border-top-width: 1px;
-    margin: 0 -10px;
-    padding: 3px 8px;
+    margin: 0 -12px;
+    padding: 6px 12px;
     font-size: 11px;
+}
+
+#dashboard_recent_comments div.undo .avatar {
+    float: left;
+}
+
+#dashboard_recent_comments div.undo div {
+    min-height: 20px;
 }
 
@@ -2263 +2668 @@
     position: relative;
     overflow: auto;
-    margin: 20px 0;
+    margin: 16px 0;
     padding: 23px 10px 12px;
-    border-width: 1px;
-    border-style: solid;
-    border-radius: 3px;
     font-size: 13px;
     line-height: 2.1em;
@@ -2274 +2676 @@
 .welcome-panel h3 {
     margin: 0;
-    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
+    font-family: "Open Sans", sans-serif;
     font-size: 21px;
     font-weight: normal;
     line-height: 1.2;
 }
+
 .welcome-panel h4 {
     margin: 1.33em 0 0;
-    font-size: 13px;
+    font-size: 16px;
+}
+
+.welcome-panel li {
+    font-size: 14px;
 }
 
@@ -2299 +2706 @@
 }
 
-.welcome-panel .welcome-panel-close:before {
-    content: ' ';
+#welcome-panel.welcome-panel .welcome-panel-close::before,
+.tagchecklist span a:before,
+#bulk-titles div a:before,
+.wp-pointer-buttons a.close:before {
+    content: '\f153';
+    display: block !important;
+    font: normal 16px/1 'dashicons';
+    speak: none;
+    height: 20px;
+    margin: 2px 0;
+    text-align: center;
+    width: 20px;
+    -webkit-font-smoothing: antialiased !important;
+}
+
+#welcome-panel.welcome-panel .welcome-panel-close::before {
     position: absolute;
-    left: -12px;
-    width: 10px;
-    height: 100%;
-    background: url('../images/xit.gif') 0 17% no-repeat;
-}
-
-.welcome-panel .welcome-panel-close:hover:before {
-    background-position: 100% 17%;
+    left: -18px;
+    margin-top: -2px;
+    -webkit-transition: all .1s ease-in-out;
+    -moz-transition:    all .1s ease-in-out;
+    transition:         all .1s ease-in-out;
 }
 
@@ -2341 +2759 @@
 }
 
+.welcome-panel-column p.hide-if-no-customize {
+    margin-top: 10px;
+}
+
 .welcome-panel-column p {
     margin-top: 7px;
@@ -2347 +2769 @@
 .welcome-panel .welcome-icon {
     display: block;
-    padding: 2px 0 8px 32px;
-    background-image: url('../images/welcome-icons.png');
-    background-repeat: no-repeat;
-    background-size: 16px;
-}
-
-.welcome-panel .welcome-add-page {
-    background-position: 0 2px;
-}
-
-.welcome-panel .welcome-edit-page {
-    background-position: 0 -90px;
-}
-
-.welcome-panel .welcome-learn-more {
-    background-position: 0 -136px;
-}
-
-.welcome-panel .welcome-comments {
-    background-position: 0 -182px;
-}
-
-.welcome-panel .welcome-view-site {
-    background-position: 0 -274px;
+    padding: 0 0 8px;
+    background: transparent !important;
+}
+
+.welcome-panel .welcome-icon:before {
+    font: normal 20px/1 'dashicons';
+    speak: none;
+    display: inline-block;
+    padding: 0 10px 0 0;
+    top: -1px;
+    position: relative;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    text-decoration: none !important;
+    vertical-align: top;
+}
+
+.welcome-panel .welcome-write-blog:before,
+.welcome-panel .welcome-edit-page:before {
+    content:'\f119';
+    top: -3px;
+}
+
+.welcome-panel .welcome-add-page:before {
+    content:'\f132';
+}
+
+.welcome-panel .welcome-view-site:before {
+    content:'\f115';
+    top: -2px;
+}
+
+.welcome-panel .welcome-widgets-menus:before {
+    content:'\f116';
+    top: -2px;
+}
+
+.welcome-panel .welcome-comments:before {
+    content:'\f117';
+    top: -1px;
+}
+
+.welcome-panel .welcome-learn-more:before {
+    content:'\f118';
+    top: -1px;
 }
 
 .welcome-panel .welcome-widgets-menus {
-    background-position: 1px -229px;
-    line-height: 14px;
-}
-
-.welcome-panel .welcome-write-blog {
-    background-position: 0 -44px;
+    line-height: 16px;
 }
 
@@ -2503 +2941 @@
     border-width: 0 0 1px;
     border-style: none none solid;
+    margin-top: 6px;
 }
 
@@ -2525 +2964 @@
 .sorting-indicator {
     display: none;
-    width: 7px;
+    width: 10px;
     height: 4px;
     margin-top: 8px;
     margin-left: 7px;
-    background-image: url('../images/sort.gif');
-    background-repeat: no-repeat;
+}
+
+.sorting-indicator:before {
+    background: none;
+    content: '\f142';
+    font: normal 20px/1 'dashicons';
+    speak: none;
+    display: inline-block;
+    padding: 0;
+    top: -4px;
+    left: -8px;
+    color: #444;
+    line-height: 10px;
+    position: relative;
+    vertical-align: top;
+    -webkit-font-smoothing: antialiased;</