mirror of
https://github.com/gosticks/wordpress-develop.git
synced 2026-07-02 08:10:04 +00:00
Menu updates: single top level menus, B&W/color icons (sprite), fix for the Firefox bug of not firing mouseout on absolute positioned elements over textareas/text fields, scaling down properly for different user roles, includes patch by Ryan, fixes #7966
git-svn-id: https://develop.svn.wordpress.org/trunk@9578 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Andrew Ozz
@@ -1,7 +1,15 @@
|
||||
|
||||
.find-box-search {
|
||||
background-color: #e4f2fd;
|
||||
border-color: #c6d9e9;
|
||||
border-color: #dfdfdf;
|
||||
background-color: #f1f1f1;
|
||||
}
|
||||
|
||||
.find-box {
|
||||
background-color: #f1f1f1;
|
||||
}
|
||||
|
||||
.find-box-inside {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
a.page-numbers:hover {
|
||||
@@ -10,8 +18,7 @@ a.page-numbers:hover {
|
||||
|
||||
body,
|
||||
#wpbody,
|
||||
.form-table .pre,
|
||||
.find-box-inside {
|
||||
.form-table .pre {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
@@ -41,6 +48,21 @@ div.dashboard-widget,
|
||||
color: green;
|
||||
}
|
||||
|
||||
#postcustomstuff table {
|
||||
border-color: #dfdfdf;
|
||||
background-color: #F9F9F9;
|
||||
}
|
||||
|
||||
#postcustomstuff thead th {
|
||||
background-color: #F1F1F1;
|
||||
}
|
||||
|
||||
#postcustomstuff table input,
|
||||
#postcustomstuff table textarea {
|
||||
border-color: #dfdfdf;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.widefat {
|
||||
border-color: #dfdfdf;
|
||||
}
|
||||
@@ -244,7 +266,8 @@ ul#widget-list li.widget-list-item h4.widget-title {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.button {
|
||||
.button,
|
||||
.submit input {
|
||||
border-color: #DCDCDC;
|
||||
color: #464646;
|
||||
text-shadow: #FFF 0 1px 0;
|
||||
@@ -257,6 +280,7 @@ ul#widget-list li.widget-list-item h4.widget-title {
|
||||
}
|
||||
|
||||
.button,
|
||||
.submit input,
|
||||
.button-secondary {
|
||||
background: #f2f2f2 url(../images/white-grad.png) repeat-x scroll left top;
|
||||
}
|
||||
@@ -267,12 +291,15 @@ ul#widget-list li.widget-list-item h4.widget-title {
|
||||
background: #21759B url(../images/button-grad.png) repeat-x scroll left top;
|
||||
}
|
||||
|
||||
.button[disabled], .button:disabled {
|
||||
.button[disabled],
|
||||
.button:disabled {
|
||||
background-color: #999;
|
||||
}
|
||||
|
||||
.button:hover,
|
||||
#edit-slug-buttons a.save:hover {
|
||||
.submit input:hover,
|
||||
#edit-slug-buttons a.save:hover,
|
||||
#postcustomstuff .submit input:hover {
|
||||
border-color: #535353;
|
||||
}
|
||||
|
||||
@@ -338,22 +365,18 @@ div.dashboard-widget-submit input:hover,
|
||||
}
|
||||
|
||||
.tablenav .dots {
|
||||
background-color: #e4f2fd;
|
||||
border-color: #e4f2fd;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.tablenav .next,
|
||||
.tablenav .prev {
|
||||
background-color: #e4f2fd;
|
||||
border-bottom-color: #2583ad;
|
||||
border-color: #e4f2fd;
|
||||
border-color: transparent;
|
||||
color: #2583ad;
|
||||
}
|
||||
|
||||
.tablenav .next:hover,
|
||||
.tablenav .prev:hover {
|
||||
border-bottom-color: #d54e21;
|
||||
border-color: #e4f2fd;
|
||||
border-color: transparent;
|
||||
color: #d54e21;
|
||||
}
|
||||
|
||||
@@ -903,17 +926,17 @@ abbr.required,
|
||||
background: transparent url(../images/menu-arrows.gif) no-repeat scroll right -34px;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu .wp-menu-toggle,
|
||||
#adminmenu li.wp-has-current-submenu.wp-menu-open .wp-menu-toggle,
|
||||
#adminmenu li.wp-has-current-submenu:hover .wp-menu-toggle {
|
||||
background: transparent url(../images/menu-bits.gif) repeat-x scroll left -206px;
|
||||
background: transparent url(../images/menu-bits.gif) no-repeat scroll left -206px;
|
||||
}
|
||||
|
||||
#adminmenu .wp-has-submenu:hover .wp-menu-toggle,
|
||||
#adminmenu .wp-menu-open .wp-menu-toggle {
|
||||
background: transparent url(../images/menu-bits.gif) repeat-x scroll left -108px;
|
||||
background: transparent url(../images/menu-bits.gif) no-repeat scroll left -108px;
|
||||
}
|
||||
|
||||
#adminmenu a.wp-has-submenu {
|
||||
#adminmenu a.menu-top {
|
||||
background: #f1f1f1 url(../images/menu-bits.gif) repeat-x scroll left -379px;
|
||||
}
|
||||
|
||||
@@ -921,14 +944,21 @@ abbr.required,
|
||||
background: #FFFFFF url(../images/menu-bits.gif) no-repeat scroll 0 -310px;
|
||||
}
|
||||
|
||||
#adminmenu li.current a,
|
||||
#adminmenu .wp-submenu a:hover {
|
||||
background: transparent url(../images/menu-bits.gif) no-repeat scroll 0 -289px;
|
||||
#adminmenu .wp-has-current-submenu .wp-has-submenu,
|
||||
#adminmenu .menu-top .current {
|
||||
background-color: #c0c0c0;
|
||||
background-image: none;
|
||||
border-color: #B5B5B5;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu a.wp-has-submenu {
|
||||
background: #b5b5b5 url(../images/menu-bits.gif) repeat-x scroll left top;
|
||||
color: #fff;
|
||||
#adminmenu li.menu-top .current:hover {
|
||||
background: #c0c0c0 none repeat scroll 0 0;
|
||||
border-color: #B5B5B5;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu .current a.current {
|
||||
background: transparent url(../images/menu-bits.gif) no-repeat scroll 0 -289px;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a:hover {
|
||||
@@ -936,26 +966,114 @@ abbr.required,
|
||||
color: #333 !important;
|
||||
}
|
||||
|
||||
#adminmenu li.current a,
|
||||
#adminmenu li.current a:hover {
|
||||
#adminmenu .wp-submenu li.current,
|
||||
#adminmenu .wp-submenu li.current a,
|
||||
#adminmenu .wp-submenu li.current a:hover {
|
||||
color: #d54e21;
|
||||
background-color: #fff;
|
||||
border-color: #e3e3e3;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu {
|
||||
#adminmenu .wp-submenu ul {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu.folded li.wp-has-submenu {
|
||||
#adminmenu.folded li.menu-top,
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
background-color: #F1F1F1;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu li.wp-submenu-head {
|
||||
background-color: #F1F1F1;
|
||||
#adminmenu div.wp-submenu {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
#adminmenu.folded .wp-submenu {
|
||||
background-color: #fff;
|
||||
/* menu icons */
|
||||
#adminmenu #menu-dashboard div.wp-menu-image {
|
||||
background: transparent url("../images/menu.png") no-repeat scroll -61px -34px;
|
||||
}
|
||||
|
||||
#adminmenu #menu-dashboard:hover div.wp-menu-image {
|
||||
background: transparent url("../images/menu.png") no-repeat scroll -61px -2px;
|
||||
}
|
||||
|
||||
#adminmenu #menu-posts div.wp-menu-image {
|
||||
background: transparent url("../images/menu.png") no-repeat scroll -272px -33px;
|
||||
}
|
||||
|
||||
#adminmenu #menu-posts:hover div.wp-menu-image {
|
||||
background: transparent url("../images/menu.png") no-repeat scroll -272px -1px;
|
||||
}
|
||||
|
||||
#adminmenu #menu-media div.wp-menu-image {
|
||||
background: transparent url("../images/menu.png") no-repeat scroll -121px -33px;
|
||||
}
|
||||
|
||||
#adminmenu #menu-media:hover div.wp-menu-image {
|
||||
background: transparent url("../images/menu.png") no-repeat scroll -121px -1px;
|
||||
}
|
||||
|
||||
#adminmenu #menu-links div.wp-menu-image {
|
||||
background: transparent url("../images/menu.png") no-repeat scroll -91px -33px;
|
||||
}
|
||||
|
||||
#adminmenu #menu-links:hover div.wp-menu-image {
|
||||
background: transparent url("../images/menu.png") no-repeat scroll -91px -1px;
|
||||
}
|
||||
|
||||
#adminmenu #menu-pages div.wp-menu-image {
|
||||
background: transparent url("../images/menu.png") no-repeat scroll -151px -33px;
|
||||
}
|
||||
|
||||
#adminmenu #menu-pages:hover div.wp-menu-image {
|
||||
background: transparent url("../images/menu.png") no-repeat scroll -151px -1px;
|
||||
}
|
||||
|
||||
#adminmenu #menu-comments div.wp-menu-image {
|
||||
background: transparent url("../images/menu.png") no-repeat scroll -31px -33px;
|
||||
}
|
||||
|
||||
#adminmenu #menu-comments:hover div.wp-menu-image {
|
||||
background: transparent url("../images/menu.png") no-repeat scroll -31px -1px;
|
||||
}
|
||||
|
||||
#adminmenu #menu-appearance div.wp-menu-image {
|
||||
background: transparent url("../images/menu.png") no-repeat scroll -1px -32px;
|
||||
}
|
||||
|
||||
#adminmenu #menu-appearance:hover div.wp-menu-image {
|
||||
background: transparent url("../images/menu.png") no-repeat scroll -1px 0;
|
||||
}
|
||||
|
||||
#adminmenu #menu-plugins div.wp-menu-image {
|
||||
background: transparent url("../images/menu.png") no-repeat scroll -181px -33px;
|
||||
}
|
||||
|
||||
#adminmenu #menu-plugins:hover div.wp-menu-image {
|
||||
background: transparent url("../images/menu.png") no-repeat scroll -181px -1px;
|
||||
}
|
||||
|
||||
#adminmenu #menu-users div.wp-menu-image {
|
||||
background: transparent url("../images/menu.png") no-repeat scroll -301px -33px;
|
||||
}
|
||||
|
||||
#adminmenu #menu-users:hover div.wp-menu-image {
|
||||
background: transparent url("../images/menu.png") no-repeat scroll -301px -1px;
|
||||
}
|
||||
|
||||
#adminmenu #menu-tools div.wp-menu-image {
|
||||
background: transparent url("../images/menu.png") no-repeat scroll -211px -33px;
|
||||
}
|
||||
|
||||
#adminmenu #menu-tools:hover div.wp-menu-image {
|
||||
background: transparent url("../images/menu.png") no-repeat scroll -211px -1px;
|
||||
}
|
||||
|
||||
#adminmenu #menu-settings div.wp-menu-image {
|
||||
background: transparent url("../images/menu.png") no-repeat scroll -241px -33px;
|
||||
}
|
||||
|
||||
#adminmenu #menu-settings:hover div.wp-menu-image {
|
||||
background: transparent url("../images/menu.png") no-repeat scroll -241px -1px;
|
||||
}
|
||||
/* end menu */
|
||||
|
||||
@@ -1025,8 +1143,7 @@ div.star.select:hover {
|
||||
background-color: #d00;
|
||||
}
|
||||
|
||||
#plugin-information .fyi ul,
|
||||
.find-box {
|
||||
#plugin-information .fyi ul {
|
||||
background-color: #eaf3fa;
|
||||
}
|
||||
|
||||
@@ -1074,3 +1191,7 @@ div.star.select:hover {
|
||||
.attention {
|
||||
color: #D54E21;
|
||||
}
|
||||
|
||||
.ui-sortable .postbox:hover .handlediv {
|
||||
background: transparent url(../images/menu-bits.gif) no-repeat scroll left -111px;
|
||||
}
|
||||
|
||||
@@ -926,17 +926,17 @@ abbr.required,
|
||||
background: transparent url(../images/menu-arrows.gif) no-repeat scroll right -34px;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu .wp-menu-toggle,
|
||||
#adminmenu li.wp-has-current-submenu.wp-menu-open .wp-menu-toggle,
|
||||
#adminmenu li.wp-has-current-submenu:hover .wp-menu-toggle {
|
||||
background: transparent url(../images/menu-bits.gif) repeat-x scroll left -206px;
|
||||
background: transparent url(../images/menu-bits.gif) no-repeat scroll left -206px;
|
||||
}
|
||||
|
||||
#adminmenu .wp-has-submenu:hover .wp-menu-toggle,
|
||||
#adminmenu .wp-menu-open .wp-menu-toggle {
|
||||
background: transparent url(../images/menu-bits.gif) repeat-x scroll left -108px;
|
||||
background: transparent url(../images/menu-bits.gif) no-repeat scroll left -108px;
|
||||
}
|
||||
|
||||
#adminmenu a.wp-has-submenu {
|
||||
#adminmenu a.menu-top {
|
||||
background: #f1f1f1 url(../images/menu-bits.gif) repeat-x scroll left -379px;
|
||||
}
|
||||
|
||||
@@ -944,14 +944,21 @@ abbr.required,
|
||||
background: #FFFFFF url(../images/menu-bits.gif) no-repeat scroll 0 -310px;
|
||||
}
|
||||
|
||||
#adminmenu li.current a,
|
||||
#adminmenu .wp-submenu a:hover {
|
||||
background: transparent url(../images/menu-bits.gif) no-repeat scroll 0 -289px;
|
||||
#adminmenu .wp-has-current-submenu .wp-has-submenu,
|
||||
#adminmenu .menu-top .current {
|
||||
background-color: #c0c0c0;
|
||||
background-image: none;
|
||||
border-color: #B5B5B5;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu a.wp-has-submenu {
|
||||
background: #b5b5b5 url(../images/menu-bits.gif) repeat-x scroll left top;
|
||||
color: #fff;
|
||||
#adminmenu li.menu-top .current:hover {
|
||||
background: #c0c0c0 none repeat scroll 0 0;
|
||||
border-color: #B5B5B5;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu .current a.current {
|
||||
background: transparent url(../images/menu-bits.gif) no-repeat scroll 0 -289px;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a:hover {
|
||||
@@ -959,26 +966,114 @@ abbr.required,
|
||||
color: #333 !important;
|
||||
}
|
||||
|
||||
#adminmenu li.current a,
|
||||
#adminmenu li.current a:hover {
|
||||
#adminmenu .wp-submenu li.current,
|
||||
#adminmenu .wp-submenu li.current a,
|
||||
#adminmenu .wp-submenu li.current a:hover {
|
||||
color: #d54e21;
|
||||
background-color: #fff;
|
||||
border-color: #e3e3e3;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu {
|
||||
#adminmenu .wp-submenu ul {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu.folded li.wp-has-submenu {
|
||||
#adminmenu.folded li.menu-top,
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
background-color: #F1F1F1;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu li.wp-submenu-head {
|
||||
background-color: #F1F1F1;
|
||||
#adminmenu div.wp-submenu {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
#adminmenu.folded .wp-submenu {
|
||||
background-color: #fff;
|
||||
/* menu icons */
|
||||
#adminmenu #menu-dashboard div.wp-menu-image {
|
||||
background: transparent url("../images/menu.png") no-repeat scroll -61px -34px;
|
||||
}
|
||||
|
||||
#adminmenu #menu-dashboard:hover div.wp-menu-image {
|
||||
background: transparent url("../images/menu.png") no-repeat scroll -61px -2px;
|
||||
}
|
||||
|
||||
#adminmenu #menu-posts div.wp-menu-image {
|
||||
background: transparent url("../images/menu.png") no-repeat scroll -272px -33px;
|
||||
}
|
||||
|
||||
#adminmenu #menu-posts:hover div.wp-menu-image {
|
||||
background: transparent url("../images/menu.png") no-repeat scroll -272px -1px;
|
||||
}
|
||||
|
||||
#adminmenu #menu-media div.wp-menu-image {
|
||||
background: transparent url("../images/menu.png") no-repeat scroll -121px -33px;
|
||||
}
|
||||
|
||||
#adminmenu #menu-media:hover div.wp-menu-image {
|
||||
background: transparent url("../images/menu.png") no-repeat scroll -121px -1px;
|
||||
}
|
||||
|
||||
#adminmenu #menu-links div.wp-menu-image {
|
||||
background: transparent url("../images/menu.png") no-repeat scroll -91px -33px;
|
||||
}
|
||||
|
||||
#adminmenu #menu-links:hover div.wp-menu-image {
|
||||
background: transparent url("../images/menu.png") no-repeat scroll -91px -1px;
|
||||
}
|
||||
|
||||
#adminmenu #menu-pages div.wp-menu-image {
|
||||
background: transparent url("../images/menu.png") no-repeat scroll -151px -33px;
|
||||
}
|
||||
|
||||
#adminmenu #menu-pages:hover div.wp-menu-image {
|
||||
background: transparent url("../images/menu.png") no-repeat scroll -151px -1px;
|
||||
}
|
||||
|
||||
#adminmenu #menu-comments div.wp-menu-image {
|
||||
background: transparent url("../images/menu.png") no-repeat scroll -31px -33px;
|
||||
}
|
||||
|
||||
#adminmenu #menu-comments:hover div.wp-menu-image {
|
||||
background: transparent url("../images/menu.png") no-repeat scroll -31px -1px;
|
||||
}
|
||||
|
||||
#adminmenu #menu-appearance div.wp-menu-image {
|
||||
background: transparent url("../images/menu.png") no-repeat scroll -1px -32px;
|
||||
}
|
||||
|
||||
#adminmenu #menu-appearance:hover div.wp-menu-image {
|
||||
background: transparent url("../images/menu.png") no-repeat scroll -1px 0;
|
||||
}
|
||||
|
||||
#adminmenu #menu-plugins div.wp-menu-image {
|
||||
background: transparent url("../images/menu.png") no-repeat scroll -181px -33px;
|
||||
}
|
||||
|
||||
#adminmenu #menu-plugins:hover div.wp-menu-image {
|
||||
background: transparent url("../images/menu.png") no-repeat scroll -181px -1px;
|
||||
}
|
||||
|
||||
#adminmenu #menu-users div.wp-menu-image {
|
||||
background: transparent url("../images/menu.png") no-repeat scroll -301px -33px;
|
||||
}
|
||||
|
||||
#adminmenu #menu-users:hover div.wp-menu-image {
|
||||
background: transparent url("../images/menu.png") no-repeat scroll -301px -1px;
|
||||
}
|
||||
|
||||
#adminmenu #menu-tools div.wp-menu-image {
|
||||
background: transparent url("../images/menu.png") no-repeat scroll -211px -33px;
|
||||
}
|
||||
|
||||
#adminmenu #menu-tools:hover div.wp-menu-image {
|
||||
background: transparent url("../images/menu.png") no-repeat scroll -211px -1px;
|
||||
}
|
||||
|
||||
#adminmenu #menu-settings div.wp-menu-image {
|
||||
background: transparent url("../images/menu.png") no-repeat scroll -241px -33px;
|
||||
}
|
||||
|
||||
#adminmenu #menu-settings:hover div.wp-menu-image {
|
||||
background: transparent url("../images/menu.png") no-repeat scroll -241px -1px;
|
||||
}
|
||||
/* end menu */
|
||||
|
||||
@@ -1096,3 +1191,7 @@ div.star.select:hover {
|
||||
.attention {
|
||||
color: #D54E21;
|
||||
}
|
||||
|
||||
.ui-sortable .postbox:hover .handlediv {
|
||||
background: transparent url(../images/menu-bits.gif) no-repeat scroll left -111px;
|
||||
}
|
||||
|
||||
@@ -34,6 +34,18 @@ input.button-highlighted {
|
||||
float: right;
|
||||
}
|
||||
|
||||
* html #wpbody-content #screen-options-link-wrap {
|
||||
display: inline-block;
|
||||
width: 150px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
* html #wpbody-content #contextual-help-link-wrap {
|
||||
display: inline-block;
|
||||
width: 100px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/*
|
||||
* html body.minwidth {
|
||||
_width: expression(document.documentElement.clientWidth < 810 ? "808px" : "99.9%");
|
||||
@@ -46,27 +58,24 @@ input.button-highlighted {
|
||||
|
||||
* html #adminmenu {
|
||||
z-index: 1;
|
||||
width: 125px;
|
||||
width: 145px;
|
||||
margin: 12px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
* html #wpcontent #adminmenu.folded {
|
||||
width: 28px;
|
||||
}
|
||||
|
||||
ul#adminmenu li.wp-has-submenu {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#wpcontent #adminmenu ul.wp-submenu li {
|
||||
#wpcontent #adminmenu .wp-submenu li {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#adminmenu,
|
||||
#adminmenu .wp-menu-toggle,
|
||||
ul.wp-submenu li,
|
||||
ul.wp-submenu {
|
||||
.wp-submenu li,
|
||||
.wp-submenu {
|
||||
zoom: 100%;
|
||||
}
|
||||
|
||||
@@ -74,13 +83,17 @@ ul.wp-submenu {
|
||||
width: 28px;
|
||||
}
|
||||
|
||||
#wpcontent #adminmenu ul.wp-submenu li.wp-submenu-head {
|
||||
#wpcontent #adminmenu .wp-submenu li.wp-submenu-head {
|
||||
padding: 3px 4px 4px 10px;
|
||||
zoom: 100%;
|
||||
}
|
||||
|
||||
#adminmenu.folded ul.wp-submenu {
|
||||
margin: -1px 0 0 13px;
|
||||
#wpcontent #adminmenu.folded .menu-top {
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
#adminmenu.folded .wp-submenu {
|
||||
margin: -1px 0 0 0;
|
||||
}
|
||||
|
||||
#template,
|
||||
|
||||
Reference in New Issue
Block a user