WordPress.org
Get WordPress

Make WordPress Core

Ticket #21349: 21349-2.patch

File 21349-2.patch, 46.5 KB (added by azaozz, 13 years ago)

  • wp-admin/admin-header.php

     
    7676if ( get_user_setting('mfold') == 'f' )
    7777        $admin_body_class .= ' folded';
    7878
     79if ( !get_user_setting('unfold') )
     80        $admin_body_class .= ' auto-fold';
     81
    7982if ( is_admin_bar_showing() )
    8083        $admin_body_class .= ' admin-bar';
    8184

  • wp-admin/css/colors-classic.dev.css

     
    454454
    455455#adminmenu a:hover,
    456456#adminmenu li.menu-top > a:focus,
    457 #adminmenu ul.wp-submenu a:hover,
     457#adminmenu .wp-submenu a:hover,
    458458#the-comment-list .comment a:hover,
    459459#rightnow a:hover,
    460460#media-upload a.del-link:hover,
    … …  
    12941294        border-color: #D1E5EE;
    12951295}
    12961296
    1297 #adminmenu li.wp-has-current-submenu.wp-menu-open .wp-menu-toggle,
    1298 #adminmenu li.wp-has-current-submenu:hover .wp-menu-toggle {
    1299         background: transparent url(../images/arrows-dark-vs.png) no-repeat -1px 6px;
    1300 }
    1301 
    1302 #adminmenu .wp-has-submenu:hover .wp-menu-toggle,
    1303 #adminmenu .wp-menu-open .wp-menu-toggle {
    1304         background: transparent url(../images/arrows-vs.png) no-repeat -2px 6px;
    1305 }
    1306 
    13071297#adminmenu a.menu-top,
    1308 .folded #adminmenu li.menu-top,
    13091298#adminmenu .wp-submenu .wp-submenu-head {
    13101299        border-top-color: #ffffff;
    13111300        border-bottom-color: #cae6ff;
    … …  
    13151304        border-color: #d1e5ee;
    13161305}
    13171306
    1318 #adminmenu li.menu-top:hover > a,
    1319 #adminmenu li.menu-top.focused > a,
    1320 #adminmenu li.menu-top > a:focus {
     1307#adminmenu a.menu-top:hover,
     1308#adminmenu li.opensub > a.menu-top,
     1309#adminmenu li.opensub > a.menu-top,
     1310#adminmenu li > a.menu-top:focus {
    13211311        background-color: #e0f1ff;
     1312        color: #d54e21;
    13221313        text-shadow: 0 1px 0 rgba( 255, 255, 255, 0.4 );
    13231314}
    13241315
    … …  
    13281319.folded #adminmenu li.current.menu-top,
    13291320#adminmenu .wp-menu-arrow,
    13301321#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head {
    1331         background-color: #5589AA; /* Fallback */
    1332         background-image: -ms-linear-gradient(bottom, #5589AA, #619bbb); /* IE10 */
    1333         background-image: -moz-linear-gradient(bottom, #5589AA, #619bbb); /* Firefox */
    1334         background-image: -o-linear-gradient(bottom, #5589AA, #619bbb); /* Opera */
    1335         background-image: -webkit-gradient(linear, left bottom, left top, from(#5589AA), to(#619bbb)); /* old Webkit */
    1336         background-image: -webkit-linear-gradient(bottom, #5589AA, #619bbb); /* new Webkit */
    1337         background-image: linear-gradient(bottom, #5589AA, #619bbb); /* proposed W3C Markup */
     1322        background-color: #5589AA;
     1323        background-image: -webkit-gradient(linear, left bottom, left top, from(#5589AA), to(#619bbb));
     1324        background-image: -webkit-linear-gradient(bottom, #5589AA, #619bbb);
     1325        background-image: -moz-linear-gradient(bottom, #5589AA, #619bbb);
     1326        background-image: -o-linear-gradient(bottom, #5589AA, #619bbb);
     1327        background-image: linear-gradient(bottom, #5589AA, #619bbb);
    13381328}
    13391329
    13401330#adminmenu .wp-menu-arrow div {
    1341         background-color: #5589AA; /* Fallback */
    1342         background-image: -ms-linear-gradient(right bottom, #5589AA, #619bbb); /* IE10 */
    1343         background-image: -moz-linear-gradient(right bottom, #5589AA, #619bbb); /* Firefox */
    1344         background-image: -o-linear-gradient(right bottom, #5589AA, #619bbb); /* Opera */
    1345         background-image: -webkit-gradient(linear, right bottom, left top, from(#5589AA), to(#619bbb)); /* old Webkit */
    1346         background-image: -webkit-linear-gradient(right bottom, #5589AA, #619bbb); /* new Webkit */
    1347         background-image: linear-gradient(right bottom, #5589AA, #619bbb); /* proposed W3C Markup */
     1331        background-color: #5589AA;
     1332        background-image: -webkit-gradient(linear, right bottom, left top, from(#5589AA), to(#619bbb));
     1333        background-image: -webkit-linear-gradient(right bottom, #5589AA, #619bbb);
     1334        background-image: -moz-linear-gradient(right bottom, #5589AA, #619bbb);
     1335        background-image: -o-linear-gradient(right bottom, #5589AA, #619bbb);
     1336        background-image: linear-gradient(right bottom, #5589AA, #619bbb);
    13481337}
    13491338
    13501339#adminmenu li.wp-not-current-submenu .wp-menu-arrow {
    … …  
    13891378        color: #333;
    13901379}
    13911380
    1392 #adminmenu .wp-submenu ul {
     1381#adminmenu .wp-submenu,
     1382.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
     1383.folded #adminmenu .wp-has-current-submenu .wp-submenu {
    13931384        background-color: #fff;
    1394 }
    1395 
    1396 #adminmenu .wp-submenu-wrap,
    1397 #adminmenu .wp-submenu ul {
    13981385        border-color: #d0dfe9;
     1386        -moz-box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4);
     1387        -webkit-box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4);
     1388        box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4);
    13991389}
    14001390
    1401 #adminmenu .wp-submenu-wrap,
    1402 .folded #adminmenu .wp-has-current-submenu .wp-submenu-wrap {
    1403         -moz-box-shadow: 2px 2px 5px rgba( 0, 0, 0, 0.4 );
    1404         -webkit-box-shadow: 2px 2px 5px rgba( 0, 0, 0, 0.4 );
    1405         box-shadow: 2px 2px 5px rgba( 0, 0, 0, 0.4 );
    1406 }
    1407 
    14081391#adminmenu .wp-submenu .wp-submenu-head {
    1409         border-right-color: #e8eff4;
    1410         background-color: #EFF8FF;
     1392        border-right-color: #dfdfdf;
     1393        background-color: #e4e4e4;
    14111394}
    14121395
    1413 #adminmenu div.wp-submenu {
    1414         background-color: transparent;
    1415 }
    1416 
    14171396/* collapse menu button */
    14181397#collapse-menu {
    14191398        color: #A0C3D5;
     1399        border-top-color: #f9f9f9;
    14201400}
    14211401
    14221402#collapse-menu:hover {
    … …  
    14251405
    14261406#collapse-button {
    14271407        border-color: #d0dfe9;
    1428         background-color: #eff8ff; /* Fallback */
    1429         background-image: -ms-linear-gradient(bottom, #eff8ff, #fff); /* IE10 */
    1430         background-image: -moz-linear-gradient(bottom, #eff8ff, #fff); /* Firefox */
    1431         background-image: -o-linear-gradient(bottom, #eff8ff, #fff); /* Opera */
    1432         background-image: -webkit-gradient(linear, left bottom, left top, from(#eff8ff), to(#fff)); /* old Webkit */
    1433         background-image: -webkit-linear-gradient(bottom, #eff8ff, #fff); /* new Webkit */
    1434         background-image: linear-gradient(bottom, #eff8ff, #fff); /* proposed W3C Markup */
     1408        background-color: #eff8ff;
     1409        background-image: -webkit-gradient(linear, left bottom, left top, from(#eff8ff), to(#fff));
     1410        background-image: -webkit-linear-gradient(bottom, #eff8ff, #fff);
     1411        background-image: -moz-linear-gradient(bottom, #eff8ff, #fff);
     1412        background-image: -o-linear-gradient(bottom, #eff8ff, #fff);
     1413        background-image: linear-gradient(bottom, #eff8ff, #fff);
    14351414}
     1415
    14361416#collapse-menu:hover #collapse-button {
    14371417        border-color: #A0C3D5;
    14381418}
     1419
    14391420#collapse-button div {
    14401421        background: transparent url(../images/arrows-vs.png) no-repeat 0 -72px;
    14411422}
     1423
    14421424.folded #collapse-button div {
    14431425        background-position: 0 -108px;
    14441426}
    14451427
    14461428/* Auto-folding of the admin menu */
    14471429@media only screen and (max-width: 900px) {
    1448         #adminmenu li.menu-top {
    1449                 border-top-color: #ffffff;
    1450                 border-bottom-color: #cae6ff;
     1430        .auto-fold #adminmenu li.wp-has-current-submenu,
     1431        .auto-fold #adminmenu li.current.menu-top {
     1432                background-color: #5589AA;
     1433                background-image: -webkit-gradient(linear, left bottom, left top, from(#5589AA), to(#619bbb));
     1434                background-image: -webkit-linear-gradient(bottom, #5589AA, #619bbb);
     1435                background-image: -moz-linear-gradient(bottom, #5589AA, #619bbb);
     1436                background-image: -o-linear-gradient(bottom, #5589AA, #619bbb);
     1437                background-image: linear-gradient(bottom, #5589AA, #619bbb);
    14511438        }
    14521439
    1453         #adminmenu li.wp-has-current-submenu,
    1454         #adminmenu li.current.menu-top {
    1455                 background-color: #5589AA; /* Fallback */
    1456                 background-image: -ms-linear-gradient(bottom, #5589AA, #619bbb); /* IE10 */
    1457                 background-image: -moz-linear-gradient(bottom, #5589AA, #619bbb); /* Firefox */
    1458                 background-image: -o-linear-gradient(bottom, #5589AA, #619bbb); /* Opera */
    1459                 background-image: -webkit-gradient(linear, left bottom, left top, from(#5589AA), to(#619bbb)); /* old Webkit */
    1460                 background-image: -webkit-linear-gradient(bottom, #5589AA, #619bbb); /* new Webkit */
    1461                 background-image: linear-gradient(bottom, #5589AA, #619bbb); /* proposed W3C Markup */
    1462         }
    1463 
    1464         #adminmenu li.menu-top li:hover a {
    1465                 background-image: none;
    1466         }
    1467 
    1468         #adminmenu li.wp-has-current-submenu,
    1469         #adminmenu li.current.menu-top {
     1440        .auto-fold #adminmenu li.wp-has-current-submenu,
     1441        .auto-fold #adminmenu li.current.menu-top {
    14701442                border-top-color: #5A8FAD;
    14711443                border-bottom-color: #5589AA;
    14721444        }
    14731445
    1474         #adminmenu .wp-has-current-submenu .wp-submenu-wrap {
    1475                 -moz-box-shadow: 2px 2px 5px rgba( 0, 0, 0, 0.4 );
    1476                 -webkit-box-shadow: 2px 2px 5px rgba( 0, 0, 0, 0.4 );
    1477                 box-shadow: 2px 2px 5px rgba( 0, 0, 0, 0.4 );
     1446        .auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
     1447        .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
     1448                background-color: #fff;
     1449                border-color: #D0DFE9;
     1450                -moz-box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4);
     1451                -webkit-box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4);
     1452                box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4);
    14781453        }
    14791454
    1480         #collapse-button div {
     1455        .auto-fold #collapse-button div {
    14811456                background-position: 0 -108px;
    14821457        }
    14831458}
    … …  
    24612436        border-left-color: #d1e5ee;
    24622437}
    24632438
    2464 .rtl #adminmenu .wp-submenu-wrap,
    2465 .rtl.folded #adminmenu .wp-has-current-submenu .wp-submenu-wrap{
     2439.rtl #adminmenu .wp-submenu,
     2440.rtl.folded #adminmenu .wp-has-current-submenu .wp-submenu {
    24662441        -moz-box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
    24672442        -webkit-box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
    24682443        box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
    24692444}
    24702445
     2446.rtl #adminmenu .wp-has-current-submenu .wp-submenu {
     2447        -moz-box-shadow: none;
     2448        -webkit-box-shadow: none;
     2449        box-shadow: none;
     2450}
     2451
    24712452/* Collapse Menu Button */
    24722453.rtl #collapse-button div {
    24732454        background-position: 0 -108px;
    … …  
    24792460
    24802461/* Auto-folding of the admin menu for RTL */
    24812462@media only screen and (max-width: 900px) {
    2482         .rtl #adminmenu .wp-has-current-submenu .wp-submenu-wrap{
     2463        .rtl.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
    24832464                -moz-box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
    24842465                -webkit-box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
    24852466                box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
    24862467        }
    24872468
    2488         .rtl #collapse-button div {
     2469        .rtl.auto-fold #collapse-button div {
    24892470                background-position: 0 -72px;
    24902471        }
    24912472}

  • wp-admin/css/colors-fresh.dev.css

     
    445445
    446446#adminmenu a:hover,
    447447#adminmenu li.menu-top > a:focus,
    448 #adminmenu ul.wp-submenu a:hover,
     448#adminmenu .wp-submenu a:hover,
    449449#the-comment-list .comment a:hover,
    450450#rightnow a:hover,
    451451#media-upload a.del-link:hover,
    … …  
    968968        border-color: #e1e1e1;
    969969}
    970970
    971 #adminmenu li.wp-has-current-submenu.wp-menu-open .wp-menu-toggle,
    972 #adminmenu li.wp-has-current-submenu:hover .wp-menu-toggle {
    973         background: transparent url(../images/arrows-dark.png) no-repeat -1px 6px;
    974 }
    975 
    976 #adminmenu .wp-has-submenu:hover .wp-menu-toggle,
    977 #adminmenu .wp-menu-open .wp-menu-toggle {
    978         background: transparent url(../images/arrows.png) no-repeat -2px 6px;
    979 }
    980 
    981971#adminmenu a.menu-top,
    982 .folded #adminmenu li.menu-top,
    983972#adminmenu .wp-submenu .wp-submenu-head {
    984973        border-top-color: #f9f9f9;
    985974        border-bottom-color: #dfdfdf;
    … …  
    989978        border-color: #dfdfdf;
    990979}
    991980
    992 #adminmenu li.menu-top:hover > a,
    993 #adminmenu li.menu-top.focused > a,
    994 #adminmenu li.menu-top > a:focus {
     981#adminmenu li.menu-top:hover,
     982#adminmenu li.opensub > a.menu-top,
     983#adminmenu li > a.menu-top:focus {
    995984        background-color: #e4e4e4;
     985        color: #d54e21;
    996986        text-shadow: 0 1px 0 rgba( 255, 255, 255, 0.4 );
    997987}
    998988
    … …  
    1002992.folded #adminmenu li.current.menu-top,
    1003993#adminmenu .wp-menu-arrow,
    1004994#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head {
    1005         background-color: #777; /* Fallback */
    1006         background-image: -ms-linear-gradient(bottom, #6d6d6d, #808080); /* IE10 */
    1007         background-image: -moz-linear-gradient(bottom, #6d6d6d, #808080); /* Firefox */
    1008         background-image: -o-linear-gradient(bottom, #6d6d6d, #808080); /* Opera */
    1009         background-image: -webkit-gradient(linear, left bottom, left top, from(#6d6d6d), to(#808080)); /* old Webkit */
    1010         background-image: -webkit-linear-gradient(bottom, #6d6d6d, #808080); /* new Webkit */
    1011         background-image: linear-gradient(bottom, #6d6d6d, #808080); /* proposed W3C Markup */
     995        background-color: #777;
     996        background-image: -webkit-gradient(linear, left bottom, left top, from(#6d6d6d), to(#808080));
     997        background-image: -webkit-linear-gradient(bottom, #6d6d6d, #808080);
     998        background-image: -moz-linear-gradient(bottom, #6d6d6d, #808080);
     999        background-image: -o-linear-gradient(bottom, #6d6d6d, #808080);
     1000        background-image: linear-gradient(bottom, #6d6d6d, #808080);
    10121001}
    10131002
    10141003#adminmenu .wp-menu-arrow div {
    1015         background-color: #777; /* Fallback */
    1016         background-image: -ms-linear-gradient(right bottom, #6d6d6d, #808080); /* IE10 */
    1017         background-image: -moz-linear-gradient(right bottom, #6d6d6d, #808080); /* Firefox */
    1018         background-image: -o-linear-gradient(right bottom, #6d6d6d, #808080); /* Opera */
    1019         background-image: -webkit-gradient(linear, right bottom, left top, from(#6d6d6d), to(#808080)); /* old Webkit */
    1020         background-image: -webkit-linear-gradient(right bottom, #6d6d6d, #808080); /* new Webkit */
    1021         background-image: linear-gradient(right bottom, #6d6d6d, #808080); /* proposed W3C Markup */
     1004        background-color: #777;
     1005        background-image: -webkit-gradient(linear, right bottom, left top, from(#6d6d6d), to(#808080));
     1006        background-image: -webkit-linear-gradient(right bottom, #6d6d6d, #808080);
     1007        background-image: -moz-linear-gradient(right bottom, #6d6d6d, #808080);
     1008        background-image: -o-linear-gradient(right bottom, #6d6d6d, #808080);
     1009        background-image: linear-gradient(right bottom, #6d6d6d, #808080);
    10221010}
    10231011
    10241012#adminmenu li.wp-not-current-submenu .wp-menu-arrow {
    … …  
    10631051        color: #333;
    10641052}
    10651053
    1066 #adminmenu .wp-submenu ul {
     1054#adminmenu .wp-submenu,
     1055.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
     1056.folded #adminmenu .wp-has-current-submenu .wp-submenu {
    10671057        background-color: #fff;
    1068 }
    1069 
    1070 #adminmenu .wp-submenu-wrap,
    1071 #adminmenu .wp-submenu ul {
    10721058        border-color: #dfdfdf;
     1059        -moz-box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4);
     1060        -webkit-box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4);
     1061        box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4);
    10731062}
    10741063
    1075 #adminmenu .wp-submenu-wrap,
    1076 .folded #adminmenu .wp-has-current-submenu .wp-submenu-wrap {
    1077         -moz-box-shadow: 2px 2px 5px rgba( 0, 0, 0, 0.4 );
    1078         -webkit-box-shadow: 2px 2px 5px rgba( 0, 0, 0, 0.4 );
    1079         box-shadow: 2px 2px 5px rgba( 0, 0, 0, 0.4 );
    1080 }
    1081 
    10821064#adminmenu .wp-submenu .wp-submenu-head {
    1083         border-right-color: #dfdfdf;
    1084         background-color: #ececec;
     1065        background-color: #e4e4e4;
     1066        color: #333;
    10851067}
    10861068
    1087 #adminmenu div.wp-submenu {
    1088         background-color: transparent;
    1089 }
    1090 
    10911069/* collapse menu button */
    10921070#collapse-menu {
    10931071        color: #aaa;
     1072        border-top-color: #f9f9f9;
    10941073}
    10951074
    10961075#collapse-menu:hover {
    … …  
    10991078
    11001079#collapse-button {
    11011080        border-color: #ccc;
    1102         background-color: #f4f4f4; /* Fallback */
    1103         background-image: -ms-linear-gradient(bottom, #dfdfdf, #fff); /* IE10 */
    1104         background-image: -moz-linear-gradient(bottom, #dfdfdf, #fff); /* Firefox */
    1105         background-image: -o-linear-gradient(bottom, #dfdfdf, #fff); /* Opera */
    1106         background-image: -webkit-gradient(linear, left bottom, left top, from(#dfdfdf), to(#fff)); /* old Webkit */
    1107         background-image: -webkit-linear-gradient(bottom, #dfdfdf, #fff); /* new Webkit */
    1108         background-image: linear-gradient(bottom, #dfdfdf, #fff); /* proposed W3C Markup */
     1081        background-color: #f4f4f4;
     1082        background-image: -webkit-gradient(linear, left bottom, left top, from(#dfdfdf), to(#fff));
     1083        background-image: -webkit-linear-gradient(bottom, #dfdfdf, #fff);
     1084        background-image: -moz-linear-gradient(bottom, #dfdfdf, #fff);
     1085        background-image: -o-linear-gradient(bottom, #dfdfdf, #fff);
     1086        background-image: linear-gradient(bottom, #dfdfdf, #fff);
    11091087}
    11101088
    11111089#collapse-menu:hover #collapse-button {
    … …  
    11221100
    11231101/* Auto-folding of the admin menu */
    11241102@media only screen and (max-width: 900px) {
    1125         #adminmenu li.menu-top {
    1126                 border-top-color: #f9f9f9;
    1127                 border-bottom-color: #dfdfdf;
     1103        .auto-fold #adminmenu li.wp-has-current-submenu,
     1104        .auto-fold #adminmenu li.current.menu-top {
     1105                background-color: #777;
     1106                background-image: -webkit-gradient(linear, left bottom, left top, from(#6d6d6d), to(#808080));
     1107                background-image: -webkit-linear-gradient(bottom, #6d6d6d, #808080);
     1108                background-image: -moz-linear-gradient(bottom, #6d6d6d, #808080);
     1109                background-image: -o-linear-gradient(bottom, #6d6d6d, #808080);
     1110                background-image: linear-gradient(bottom, #6d6d6d, #808080);
    11281111        }
    11291112
    1130         #adminmenu li.wp-has-current-submenu,
    1131         #adminmenu li.current.menu-top {
    1132                 background-color: #777; /* Fallback */
    1133                 background-image: -ms-linear-gradient(bottom, #6d6d6d, #808080); /* IE10 */
    1134                 background-image: -moz-linear-gradient(bottom, #6d6d6d, #808080); /* Firefox */
    1135                 background-image: -o-linear-gradient(bottom, #6d6d6d, #808080); /* Opera */
    1136                 background-image: -webkit-gradient(linear, left bottom, left top, from(#6d6d6d), to(#808080)); /* old Webkit */
    1137                 background-image: -webkit-linear-gradient(bottom, #6d6d6d, #808080); /* new Webkit */
    1138                 background-image: linear-gradient(bottom, #6d6d6d, #808080); /* proposed W3C Markup */
    1139         }
    1140 
    1141         #adminmenu li.menu-top li:hover a {
    1142                 background-image: none;
    1143         }
    1144 
    1145         #adminmenu li.wp-has-current-submenu,
    1146         #adminmenu li.current.menu-top {
     1113        .auto-fold #adminmenu li.wp-has-current-submenu,
     1114        .auto-fold #adminmenu li.current.menu-top {
    11471115                border-top-color: #808080;
    11481116                border-bottom-color: #6d6d6d;
    11491117        }
    11501118
    1151         #adminmenu .wp-has-current-submenu .wp-submenu-wrap {
    1152                 -moz-box-shadow: 2px 2px 5px rgba( 0, 0, 0, 0.4 );
    1153                 -webkit-box-shadow: 2px 2px 5px rgba( 0, 0, 0, 0.4 );
    1154                 box-shadow: 2px 2px 5px rgba( 0, 0, 0, 0.4 );
     1119        .auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
     1120        .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
     1121                background-color: #fff;
     1122                border-color: #dfdfdf;
     1123                -moz-box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4);
     1124                -webkit-box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4);
     1125                box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4);
    11551126        }
    11561127
    1157         #collapse-button div {
     1128        .auto-fold #collapse-button div {
    11581129                background-position: 0 -108px;
    11591130        }
    11601131}
    … …  
    20332004        background-position: top left;
    20342005}
    20352006
    2036 .rtl #adminmenu li.wp-has-current-submenu.wp-menu-open .wp-menu-toggle,
    2037 .rtl #adminmenu li.wp-has-current-submenu:hover .wp-menu-toggle {
    2038         background: transparent url(../images/arrows-dark.png) no-repeat 8px 6px;
    2039 }
    2040 
    2041 .rtl #adminmenu .wp-has-submenu:hover .wp-menu-toggle,
    2042 .rtl #adminmenu .wp-menu-open .wp-menu-toggle {
    2043         background: transparent url(../images/arrows.png) no-repeat 8px 6px;
    2044 }
    2045 
    20462007.rtl #adminmenu .wp-submenu .wp-submenu-head {
    20472008        border-right-color: transparent;
    20482009        border-left-color: #dfdfdf;
    20492010}
    20502011
    2051 .rtl #adminmenu .wp-submenu-wrap,
    2052 .rtl.folded #adminmenu .wp-has-current-submenu .wp-submenu-wrap{
     2012.rtl #adminmenu .wp-submenu,
     2013.rtl.folded #adminmenu .wp-has-current-submenu .wp-submenu {
    20532014        -moz-box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
    20542015        -webkit-box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
    20552016        box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
    20562017}
    20572018
     2019.rtl #adminmenu .wp-has-current-submenu .wp-submenu {
     2020        -moz-box-shadow: none;
     2021        -webkit-box-shadow: none;
     2022        box-shadow: none;
     2023}
     2024
    20582025/* Collapse Menu Button */
    20592026.rtl #collapse-button div {
    20602027        background-position: 0 -108px;
    … …  
    20662033
    20672034/* Auto-folding of the admin menu for RTL */
    20682035@media only screen and (max-width: 900px) {
    2069         .rtl #adminmenu .wp-has-current-submenu .wp-submenu-wrap{
     2036        .rtl.auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
     2037        .rtl.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
    20702038                -moz-box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
    20712039                -webkit-box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
    20722040                box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
    20732041        }
    20742042
    2075         .rtl #collapse-button div {
     2043        .rtl.auto-fold #collapse-button div {
    20762044                background-position: 0 -72px;
    20772045        }
    20782046}

  • wp-admin/css/ie-rtl.dev.css

     
    2727        width: 99%;
    2828}
    2929
    30 #adminmenu .wp-submenu .wp-submenu .wp-submenu-wrap,
    31 #adminmenu .wp-menu-open .wp-submenu .wp-submenu-wrap {
     30#adminmenu .wp-submenu .wp-submenu .wp-submenu,
     31#adminmenu .wp-menu-open .wp-submenu .wp-submenu {
    3232        border: 1px solid #dfdfdf;
    3333}
    3434
    … …  
    4141        padding: 6px 10px 6px 4px;
    4242}
    4343
    44 #adminmenu .wp-menu-arrow {
    45         display: none !important;
    46 }
    47 
    4844#wpcontent #adminmenu .wp-submenu li.wp-submenu-head {
    4945        padding: 3px 10px 4px 4px;
    5046}

  • wp-admin/css/ie.dev.css

     
    7474        margin-bottom: -2px;
    7575}
    7676
    77 #adminmenu li.wp-not-current-submenu:hover .wp-menu-arrow {
    78         display: none;
     77#adminmenu .wp-menu-arrow {
     78        display: none !important;
    7979}
    8080
    81 #wpcontent #adminmenu .wp-submenu li.wp-submenu-head {
    82         padding: 3px 4px 4px 10px;
     81#adminmenu .wp-submenu li.wp-submenu-head {
     82        padding: 6px 4px 7px 10px;
    8383        zoom: 100%;
    8484}
    8585
    … …  
    8787        height: 30px;
    8888}
    8989
    90 .js.folded #adminmenu .wp-submenu {
    91         margin: -1px 0 0 0;
    92 }
    93 
    9490.js.folded #adminmenu li.menu-top {
    9591        display: block;
    9692        zoom: 100%;

  • wp-admin/css/wp-admin-rtl.dev.css

     
    342342  7.0 - Main Navigation (Right Menu) (RTL: Left Menu)
    343343------------------------------------------------------------------------------*/
    344344
     345.folded #wpcontent {
     346        margin-left: 0;
     347        margin-right: 52px;
     348}
     349
     350.folded.wp-admin #footer {
     351        margin-left: 15px;
     352        margin-right: 52px;
     353}
     354
    345355#adminmenuback,
    346356#adminmenuwrap {
    347357        border-width: 0 0 0 1px;
    … …  
    357367        right: 146px;
    358368}
    359369
    360 .folded #adminmenu .wp-submenu,
    361 .folded #adminmenu .wp-has-current-submenu .wp-submenu {
    362         left: auto;
    363         right: 26px;
    364 }
    365370
    366 #adminmenu .wp-submenu.sub-open,
    367 #adminmenu li.focused.wp-not-current-submenu .wp-submenu,
    368 .folded #adminmenu li.focused.wp-has-current-submenu .wp-submenu,
     371.folded #adminmenu .wp-submenu.sub-open,
     372.folded #adminmenu .opensub .wp-submenu,
    369373.folded #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
    370 .no-js #adminmenu .wp-has-submenu:hover .wp-submenu,
    371 .no-js.folded #adminmenu .wp-has-current-submenu:hover .wp-submenu {
    372         padding: 0 0 8px 8px;
     374.folded #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
     375.folded #adminmenu a.menu-top:focus + .wp-submenu,
     376.folded #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu,
     377.no-js.folded #adminmenu .wp-has-submenu:hover .wp-submenu  {
     378        left: auto;
     379        right: 32px;
    373380}
    374381
    375 #adminmenu div.wp-menu-image {
     382#adminmenu div.wp-menu-image,
     383.folded #adminmenu div.wp-menu-image {
    376384        float: right;
     385        width: 30px;
    377386}
    378387
    379 #adminmenu li li {
    380         margin-left: 0;
    381         margin-right: 8px
    382 }
    383 
    384388#adminmenu .wp-submenu a,
    385389#adminmenu li li a,
    386390.folded #adminmenu .wp-not-current-submenu li a {
    … …  
    393397        padding-right: 18px;
    394398}
    395399
    396 .folded #adminmenu li li {
    397         margin-left: inherit;
    398         margin-right: 0
    399 }
    400 
    401 .folded #adminmenu li li a {
    402         padding-left: inherit;
    403         padding-right: 0
    404 }
    405 
    406400.wp-menu-arrow {
    407401        right: 0;
    408402
    … …  
    444438}
    445439
    446440#adminmenu .wp-menu-image img {
    447         float: right;
    448         padding: 5px 2px 0 0;
     441        padding: 7px 7px 0 0;
    449442}
    450443
    451444#adminmenu .wp-submenu .wp-submenu-head {
    452445        padding: 6px 10px 5px 4px;
     446        -webkit-border-top-right-radius: 0;
     447        -webkit-border-top-left-radius: 3px;
     448        border-top-right-radius: 0;
     449        border-top-left-radius: 3px;
    453450}
    454451
    455 #adminmenu li .wp-submenu-wrap {
    456         border-width: 1px 0 1px 1px;
    457         border-style: solid none solid solid;
     452.folded #adminmenu li.wp-has-current-submenu .wp-submenu {
     453        border-width: 1px;
     454        border-style: solid;
    458455        -webkit-border-bottom-right-radius: 0;
    459456        -webkit-border-bottom-left-radius: 3px;
    460457        -webkit-border-top-right-radius: 0;
    … …  
    465462        border-top-left-radius: 3px;
    466463}
    467464
    468 .folded #adminmenu .wp-submenu ul {
    469         border-width: 0 1px 0 0;
    470 }
    471 
    472 .folded #adminmenu .wp-submenu a {
    473         padding-left: 0;
    474         padding-right: 10px;
    475 }
    476 
    477 .folded #adminmenu a.wp-has-submenu {
    478         margin-left: 0;
    479         margin-right: 40px;
    480 }
    481 
    482 #adminmenu .wp-menu-toggle {
    483         clear: left;
    484         float: left;
    485         padding: 1px 0 0 2px;
    486 }
    487 
    488465#adminmenu .awaiting-mod,
    489466#adminmenu span.update-plugins,
    490467#sidemenu li a span.update-plugins {
    … …  
    499476
    500477/* Auto-folding of the admin menu */
    501478@media only screen and (max-width: 900px) {
    502         #adminmenu li .wp-submenu,
    503         #adminmenu .wp-has-current-submenu .wp-submenu {
    504                 left: auto;
    505                 right: 26px;
     479        .auto-fold #wpcontent {
     480                margin-left: 0;
     481                margin-right: 52px;
    506482        }
    507483
    508         #adminmenu li.focused.wp-has-current-submenu .wp-submenu,
    509         #adminmenu .wp-has-current-submenu .wp-submenu.sub-open {
    510                 padding: 0 0 8px 8px;
     484        .auto-fold.wp-admin #footer {
     485                margin-left: 15px;
     486                margin-right: 52px;
    511487        }
    512488
    513         .folded #adminmenu .wp-not-current-submenu li a {
     489        .auto-fold #adminmenu .wp-submenu.sub-open,
     490        .auto-fold #adminmenu .opensub .wp-submenu,
     491        .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
     492        .auto-fold #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
     493        .auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
     494        .auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu,
     495        .no-js.auto-fold #adminmenu .wp-has-submenu:hover .wp-submenu  {
     496                left: auto;
     497                right: 32px;
     498        }
     499
     500        .auto-fold #adminmenu .wp-not-current-submenu li a {
    514501                padding-left: 0;
    515502                padding-right: 12px;
    516503        }
    517504
    518         #adminmenu li li,
    519         #adminmenu li li a {
    520                 padding-left: inherit;
    521                 padding-right: 0
    522         }
    523 
    524         .wp-menu-arrow {
     505        .auto-fold .wp-menu-arrow {
    525506                -moz-transform:    translate( -27px );
    526507                -webkit-transform: translate( -27px );
    527508                -o-transform:      translate( -27px );
    … …  
    529510                transform:         translate( -27px );
    530511        }
    531512
    532         #adminmenu .wp-submenu ul {
    533                 border-width: 0 1px 0 0;
     513        .auto-fold #adminmenu li.wp-has-current-submenu .wp-submenu {
     514                border-width: 1px;
     515                border-style: solid;
     516                -webkit-border-bottom-right-radius: 0;
     517                -webkit-border-bottom-left-radius: 3px;
     518                -webkit-border-top-right-radius: 0;
     519                -webkit-border-top-left-radius: 3px;
     520                border-bottom-right-radius: 0;
     521                border-bottom-left-radius: 3px;
     522                border-top-right-radius: 0;
     523                border-top-left-radius: 3px;
    534524        }
    535 
    536         #adminmenu .wp-submenu a {
    537                 padding-left: 0;
    538                 padding-right: 10px;
    539         }
    540 
    541         #adminmenu a.wp-has-submenu {
    542                 margin-left: 0;
    543                 margin-right: 40px;
    544         }
    545 
    546         body #wpcontent {
    547                 margin-left: 0;
    548                 margin-right: 52px;
    549         }
    550 
    551         body .wp-admin #footer {
    552                 margin-left: 15px;
    553                 margin-right: 52px;
    554         }
    555525}
    556526
    557527/* List table styles */
    … …  
    16471617        margin-right: 165px;
    16481618}
    16491619
    1650 .folded #wpcontent {
    1651         margin-left: 0;
    1652         margin-right: 52px;
    1653 }
    1654 
    1655 .folded.wp-admin #footer {
    1656         margin-left: 15px;
    1657         margin-right: 52px;
    1658 }
    1659 
    16601620#wpbody-content {
    16611621        float: right;
    16621622}

  • wp-admin/css/wp-admin.dev.css

     
    7676#adminmenuback,
    7777#adminmenuwrap,
    7878#adminmenu,
    79 #adminmenu .wp-submenu,
    80 #adminmenu .wp-submenu-wrap,
    81 .folded #adminmenu .wp-has-current-submenu .wp-submenu {
     79#adminmenu .wp-submenu {
    8280        width: 145px;
    8381}
    8482
    … …  
    13181316        user-select: none;
    13191317}
    13201318
     1319#adminmenu li {
     1320        margin: 0;
     1321        padding: 0;
     1322        cursor: pointer;
     1323}
     1324
     1325#adminmenu a {
     1326        display: block;
     1327        line-height: 18px;
     1328        padding: 2px 5px;
     1329}
     1330
     1331#adminmenu li.menu-top {
     1332        min-height: 28px;
     1333        position: relative;
     1334}
     1335
    13211336#adminmenu .wp-submenu {
    13221337        list-style: none;
    1323         padding: 0;
     1338        padding: 4px 0;
    13241339        margin: 0;
    1325         overflow: hidden;
    1326 }
    1327 
    1328 #adminmenu li .wp-submenu,
    1329 .folded #adminmenu .wp-has-current-submenu .wp-submenu {
    1330         display: none;
    13311340        position: absolute;
    1332         top: -1px;
     1341        top: -1000em;
    13331342        left: 146px;
    13341343        z-index: 999;
    1335         overflow: hidden;
     1344        overflow: visible;
     1345        border-width: 1px;
     1346        border-style: solid;
     1347        -webkit-border-bottom-right-radius: 3px;
     1348        -webkit-border-top-right-radius: 3px;
     1349        border-bottom-right-radius: 3px;
     1350        border-top-right-radius: 3px;
    13361351}
    13371352
    1338 .js #adminmenu .wp-submenu.sub-open,
    1339 .folded #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
    1340 .no-js #adminmenu .wp-has-submenu:hover .wp-submenu,
    1341 #adminmenu .wp-has-current-submenu .wp-submenu,
    1342 #adminmenu li.focused .wp-submenu {
    1343         display: block;
     1353.js #adminmenu .sub-open,
     1354.js #adminmenu .opensub .wp-submenu,
     1355#adminmenu a.menu-top:focus + .wp-submenu,
     1356.no-js li.wp-has-submenu:hover .wp-submenu {
     1357        top: -1px;
    13441358}
    13451359
    1346 #adminmenu .wp-has-current-submenu .wp-submenu {
     1360#adminmenu .wp-has-current-submenu .wp-submenu,
     1361.no-js li.wp-has-current-submenu:hover .wp-submenu,
     1362#adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
     1363#adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
     1364#adminmenu .wp-has-current-submenu.opensub .wp-submenu {
    13471365        position: relative;
    13481366        z-index: 2;
    13491367        top: auto;
    13501368        left: auto;
    13511369        right: auto;
    13521370        bottom: auto;
    1353         padding: 0;
    1354 }
     1371        border: 0 none;
    13551372
    1356 #adminmenu .wp-has-current-submenu .wp-submenu-wrap {
    13571373        -moz-box-shadow: none;
    13581374        -webkit-box-shadow: none;
    13591375        box-shadow: none;
    13601376}
    13611377
    1362 .folded #adminmenu .wp-submenu,
    1363 .folded #adminmenu .wp-has-current-submenu .wp-submenu {
    1364         top: -5px;
    1365         left: 26px;
    1366 }
    1367 
    1368 #adminmenu .wp-submenu.sub-open,
    1369 #adminmenu li.focused.wp-not-current-submenu .wp-submenu,
    1370 .folded #adminmenu li.focused.wp-has-current-submenu .wp-submenu,
     1378.folded #adminmenu .wp-submenu.sub-open,
     1379.folded #adminmenu .opensub .wp-submenu,
    13711380.folded #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
    1372 .no-js #adminmenu .wp-has-submenu:hover .wp-submenu,
    1373 .no-js.folded #adminmenu .wp-has-current-submenu:hover .wp-submenu {
    1374         padding: 0 8px 8px 0;
     1381.folded #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
     1382.folded #adminmenu a.menu-top:focus + .wp-submenu,
     1383.folded #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu,
     1384.no-js.folded #adminmenu .wp-has-submenu:hover .wp-submenu  {
     1385        top: -1px;
     1386        left: 32px;
    13751387}
    13761388
    1377 .no-js #adminmenu .wp-has-current-submenu:hover .wp-submenu,
    1378 #adminmenu .wp-has-current-submenu .wp-submenu {
    1379         padding: 0;
     1389.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
     1390.folded #adminmenu .wp-has-current-submenu .wp-submenu {
     1391        border-width: 1px;
     1392        border-style: solid;
     1393        position: absolute;
     1394        top: -1000em;
    13801395}
    13811396
    13821397#adminmenu .wp-submenu a {
    13831398        font-size: 12px;
    13841399        line-height: 18px;
     1400        margin: 0;
     1401        padding-left: 12px;
    13851402}
    13861403
     1404#adminmenu .wp-not-current-submenu li > a {
     1405        padding-left: 16px;
     1406}
     1407
     1408#adminmenu .wp-has-current-submenu ul > li > a,
     1409.folded #adminmenu li.menu-top .wp-submenu > li > a {
     1410        padding-left: 12px;
     1411}
     1412
    13871413#adminmenu a.menu-top,
    13881414#adminmenu .wp-submenu-head {
    13891415        font-size: 13px;
     1416        font-weight: bold;
    13901417        line-height: 18px;
     1418        padding: 0;
    13911419}
    13921420
    1393 #adminmenu div.wp-submenu-head {
     1421#adminmenu .wp-submenu-head,
     1422.folded #adminmenu .wp-menu-name {
    13941423        display: none;
    13951424}
    13961425
    1397 .folded #adminmenu div.wp-submenu-head {
     1426.folded #adminmenu .wp-submenu-head {
    13981427        display: block;
    13991428}
    14001429
    1401 .folded #adminmenu a.menu-top,
    1402 body.no-js #adminmenu .wp-menu-toggle,
    1403 .folded #adminmenu div.wp-menu-toggle {
    1404         display: none;
    1405 }
    1406 
    1407 #adminmenu div.wp-menu-image {
    1408         float: left;
    1409         width: 28px;
    1410         height: 28px;
    1411 }
    1412 
    1413 .folded #adminmenu div.wp-menu-image {
    1414         width: 30px;
    1415 }
    1416 
    1417 #adminmenu li {
     1430#adminmenu .wp-submenu li {
     1431        padding: 0;
    14181432        margin: 0;
    1419         padding: 0;
    1420         cursor: pointer;
     1433        overflow: hidden;
    14211434}
    14221435
    1423 #adminmenu a {
    1424         display: block;
    1425         line-height: 18px;
    1426         padding: 2px 5px;
    1427 }
    1428 
    1429 #adminmenu li.menu-top {
    1430         min-height: 29px;
    1431         position: relative;
    1432 }
    1433 
    14341436#adminmenu a.menu-top {
    1435         font-weight: bold;
    1436         line-height: 18px;
    1437         min-width: 10em;
    1438         padding: 5px 5px;
    1439         border-width: 1px 0 1px;
    1440         border-style: solid;
     1437        border-width: 1px 0;
     1438        border-style: solid none;
    14411439}
    14421440
    1443 #adminmenu li.wp-menu-open {
    1444         border-width: 0 0 1px;
    1445         border-style: solid;
     1441#adminmenu .wp-menu-image img {
     1442        padding: 7px 0 0 7px;
     1443        opacity: 0.6;
     1444        filter: alpha(opacity=60);
    14461445}
    14471446
    1448 #adminmenu .wp-submenu ul {
    1449         padding: 4px 0;
     1447#adminmenu div.wp-menu-name {
     1448        padding: 5px;
    14501449}
    14511450
    1452 #adminmenu .wp-submenu a {
    1453         margin: 0;
     1451#adminmenu div.wp-menu-image {
     1452        float: left;
     1453        width: 28px;
     1454        height: 28px;
     1455        margin-top: -1px;
    14541456}
    14551457
    1456 #adminmenu li li {
    1457         margin-left: 8px;
     1458.folded #adminmenu div.wp-menu-image {
     1459        width: 32px;
     1460        margin-top: 0;
     1461        position: absolute;
     1462        z-index: 25;
    14581463}
    14591464
    1460 #adminmenu .wp-submenu a,
    1461 #adminmenu li li a,
    1462 .folded #adminmenu .wp-not-current-submenu li a {
    1463         padding-left: 12px;
     1465.folded #adminmenu a.menu-top {
     1466        height: 29px;
    14641467}
    14651468
    1466 #adminmenu .wp-not-current-submenu li a {
    1467         padding-left: 18px;
    1468 }
    1469 
    1470 .folded #adminmenu li li {
    1471         margin-left: 0;
    1472 }
    1473 
    1474 .folded #adminmenu li li a {
    1475         padding-left: 0;
    1476 }
    1477 
    14781469.wp-menu-arrow {
    14791470        display: none;
    1480         cursor: auto;
    14811471        z-index: 25;
    14821472        position: absolute;
    14831473        right: 100%;
    … …  
    14921482        transform:         translate( 146px );
    14931483}
    14941484
    1495 #adminmenu li.wp-has-current-submenu .wp-menu-arrow,
    1496 #adminmenu li.menu-top:hover .wp-menu-arrow,
    1497 #adminmenu li.current .wp-menu-arrow,
    1498 #adminmenu li.focused .wp-menu-arrow,
    1499 #adminmenu li.menu-top.wp-has-submenu:hover .wp-menu-arrow div {
    1500         display: block;
    1501 }
    1502 
    1503 #adminmenu li.wp-not-current-submenu:hover .wp-menu-arrow div {
    1504         display: none;
    1505 }
    1506 
    1507 #adminmenu li.menu-top:hover .wp-menu-arrow,
    1508 #adminmenu li.menu-top.focused .wp-menu-arrow {
    1509         z-index: 1001;
    1510 }
    1511 
    1512 .ie8 #adminmenu li.menu-top:hover .wp-menu-arrow {
    1513         display: none;
    1514 }
    1515 
    15161485#adminmenu .wp-menu-arrow div {
    15171486        position: absolute;
    15181487        top: 7px;
    … …  
    15361505        height: 28px;
    15371506        border-width: 1px 0;
    15381507        border-style: solid;
     1508        top: 0;
    15391509}
    15401510
    15411511.folded .wp-menu-arrow {
    … …  
    15461516        transform:         translate( 33px );
    15471517}
    15481518
     1519#adminmenu li.wp-has-current-submenu .wp-menu-arrow,
     1520#adminmenu a.menu-top:focus .wp-menu-arrow,
     1521.no-js #adminmenu li.wp-has-submenu:hover .wp-menu-arrow,
     1522#adminmenu li.current .wp-menu-arrow,
     1523#adminmenu li.wp-has-submenu.opensub .wp-menu-arrow {
     1524        display: block;
     1525}
     1526
     1527#adminmenu li.current .wp-menu-arrow,
     1528#adminmenu li.wp-menu-open .wp-menu-arrow {
     1529        top: 0;
     1530}
     1531
     1532.no-js #adminmenu li.wp-has-submenu:hover .wp-menu-arrow,
     1533#adminmenu .opensub a.wp-has-submenu .wp-menu-arrow,
     1534#adminmenu a.wp-has-submenu:focus .wp-menu-arrow {
     1535        z-index: 1001;
     1536}
     1537
     1538.ie8 #adminmenu li.menu-top:hover .wp-menu-arrow {
     1539        display: none;
     1540}
     1541
    15491542#adminmenu .wp-not-current-submenu .wp-menu-arrow div {
    15501543        width: 15px;
    15511544        top: 6px;
    … …  
    15541547}
    15551548
    15561549.wp-menu-arrow,
    1557 .folded #adminmenu li.menu-top:hover .wp-menu-arrow {
     1550.folded #adminmenu li.wp-not-current-submenu .wp-menu-arrow,
     1551.no-js #adminmenu li.wp-not-current-submenu:hover .wp-menu-arrow {
    15581552        display: none;
    15591553}
    15601554
    1561 .folded #adminmenu li.current:hover .wp-menu-arrow,
    1562 .folded #adminmenu li.menu-top.wp-menu-open:hover .wp-menu-arrow {
     1555.folded #adminmenu li.current .wp-menu-arrow,
     1556.folded #adminmenu li.wp-menu-open .wp-menu-arrow {
    15631557        display: block;
    1564         z-index: 125;
     1558        top: 1px;
    15651559}
    15661560
    1567 #adminmenu .wp-submenu li {
    1568         padding: 0;
    1569         margin: 0;
    1570 }
    1571 
    1572 .folded #adminmenu li.menu-top {
    1573         border-width: 1px 0;
    1574         border-style: solid none;
    1575 }
    1576 
    1577 #adminmenu .wp-menu-image img {
    1578         float: left;
    1579         padding: 5px 0 0 2px;
    1580         opacity: 0.6;
    1581         filter: alpha(opacity=60);
    1582 }
    1583 
    15841561#adminmenu li.menu-top:hover .wp-menu-image img,
    15851562#adminmenu li.wp-has-current-submenu .wp-menu-image img {
    15861563        opacity: 1;
    … …  
    16051582
    16061583#adminmenu .wp-submenu .wp-submenu-head {
    16071584        padding: 6px 4px 5px 10px;
    1608         cursor: default;
     1585        margin: -4px -1px 4px;
    16091586        border-width: 1px 0;
    16101587        border-style: solid;
    1611 }
    1612 
    1613 #adminmenu li .wp-submenu-wrap {
    1614         border-width: 1px 1px 1px 0;
    1615         border-style: solid solid solid none;
    1616         position: relative;
    1617         -webkit-border-bottom-right-radius: 3px;
    16181588        -webkit-border-top-right-radius: 3px;
    1619         border-bottom-right-radius: 3px;
    16201589        border-top-right-radius: 3px;
    16211590}
    16221591
    1623 #adminmenu li.wp-menu-open .wp-submenu-wrap {
    1624         border: 0 none;
     1592#adminmenu li.wp-menu-open {
     1593        border-width: 0 0 1px;
     1594        border-style: solid;
    16251595}
    16261596
    1627 .folded #adminmenu .wp-submenu .wp-submenu-wrap {
    1628         margin-top: 3px;
     1597#adminmenu li.current,
     1598.folded #adminmenu li.wp-menu-open {
     1599        border: 0 none;
    16291600}
    16301601
    1631 .folded #adminmenu .wp-has-current-submenu {
     1602.folded #adminmenu li.wp-has-current-submenu {
    16321603        margin-bottom: 1px;
    16331604}
    16341605
    … …  
    16361607        margin-bottom: 0;
    16371608}
    16381609
    1639 .folded #adminmenu .wp-has-current-submenu .wp-submenu-wrap {
    1640         margin-top: 4px;
    1641 }
    1642 
    1643 .folded #adminmenu .wp-submenu ul {
    1644         border-width: 0 0 0 1px;
    1645         border-style: solid;
    1646 }
    1647 
    1648 .folded #adminmenu .wp-submenu a {
    1649         padding-left: 10px;
    1650 }
    1651 
    1652 .folded #adminmenu a.wp-has-submenu {
    1653         margin-left: 40px;
    1654 }
    1655 
    1656 #adminmenu .wp-menu-toggle {
    1657         width: 18px;
    1658         clear: right;
    1659         float: right;
    1660         margin: 1px 0 0;
    1661         height: 27px;
    1662         padding: 1px 2px 0 0;
    1663         cursor: pointer;
    1664 }
    1665 
    1666 #adminmenu .wp-menu-image a {
    1667         height: 24px;
    1668 }
    1669 
    16701610#adminmenu .awaiting-mod,
    16711611#adminmenu span.update-plugins,
    16721612#sidemenu li a span.update-plugins {
    … …  
    16971637#collapse-menu {
    16981638        font-size: 12px;
    16991639        line-height: 34px;
     1640        border-width: 1px 0 0;
     1641        border-style: solid;
    17001642}
    17011643
    17021644.folded #collapse-menu span {
    … …  
    17201662
    17211663/* Auto-folding of the admin menu */
    17221664@media only screen and (max-width: 900px) {
    1723         #wpcontent,
    1724         #footer {
     1665        .auto-fold #wpcontent,
     1666        .auto-fold #footer {
    17251667                margin-left: 52px;
    17261668        }
    17271669
    1728         #adminmenuback,
    1729         #adminmenuwrap,
    1730         #adminmenu,
    1731         #adminmenu li.menu-top {
     1670        .auto-fold #adminmenuback,
     1671        .auto-fold #adminmenuwrap,
     1672        .auto-fold #adminmenu,
     1673        .auto-fold #adminmenu li.menu-top {
    17321674                width: 32px;
    17331675        }
    17341676
    1735         #adminmenu .wp-has-current-submenu .wp-submenu {
    1736                 display: none;
    1737                 position: absolute;
    1738                 width: 145px;
    1739                 z-index: 999;
    1740                 overflow: hidden;
     1677        .auto-fold #adminmenu .wp-submenu.sub-open,
     1678        .auto-fold #adminmenu .opensub .wp-submenu,
     1679        .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
     1680        .auto-fold #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
     1681        .auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
     1682        .auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu  {
     1683                top: -1px;
     1684                left: 32px;
    17411685        }
    17421686
    1743         #adminmenu .wp-has-current-submenu .wp-submenu.sub-open {
    1744                 display: block;
     1687        .auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
     1688        .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
     1689                border-width: 1px;
     1690                border-style: solid;
     1691                position: absolute;
     1692                top: -1000em;
    17451693        }
    17461694
    1747         #adminmenu li .wp-submenu,
    1748         #adminmenu .wp-has-current-submenu .wp-submenu {
    1749                 top: -5px;
    1750                 left: 26px;
     1695        .auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
     1696                padding-left: 12px;
    17511697        }
    17521698
    1753         #adminmenu li.focused.wp-has-current-submenu .wp-submenu,
    1754         #adminmenu .wp-has-current-submenu .wp-submenu.sub-open {
    1755                 padding: 0 8px 8px 0;
     1699        .auto-fold #adminmenu .wp-menu-name {
     1700                display: none;
    17561701        }
    17571702
    1758         #adminmenu div.wp-submenu-head {
     1703        .auto-fold #adminmenu .wp-submenu-head {
    17591704                display: block;
    17601705        }
    17611706
    1762         #adminmenu a.menu-top,
    1763         #adminmenu div.wp-menu-toggle {
    1764                 display: none;
     1707        .auto-fold #adminmenu div.wp-menu-image {
     1708                width: 32px;
     1709                margin-top: 0;
     1710                position: absolute;
     1711                z-index: 25;
    17651712        }
    17661713
    1767         #adminmenu div.wp-menu-image {
    1768                 width: 30px;
     1714        .auto-fold #adminmenu a.menu-top {
     1715                height: 29px;
    17691716        }
    17701717
    1771         #adminmenu .wp-not-current-submenu li a {
    1772                 padding-left: 12px;
    1773         }
    1774 
    1775         #adminmenu li li {
    1776                 margin-left: 0;
    1777         }
    1778 
    1779         #adminmenu li li a {
    1780                 padding-left: 0;
    1781         }
    1782 
    1783         .wp-menu-arrow {
     1718        .auto-fold .wp-menu-arrow {
    17841719                -moz-transform:    translate( 33px );
    17851720                -webkit-transform: translate( 33px );
    17861721                -o-transform:      translate( 33px );
    … …  
    17881723                transform:         translate( 33px );
    17891724        }
    17901725
    1791         #adminmenu li.menu-top:hover .wp-menu-arrow {
     1726        .auto-fold #adminmenu li.wp-not-current-submenu .wp-menu-arrow {
    17921727                display: none;
    17931728        }
    17941729
    1795         #adminmenu li.current:hover .wp-menu-arrow,
    1796         #adminmenu li.menu-top.wp-menu-open:hover .wp-menu-arrow {
     1730        .auto-fold #adminmenu li.current .wp-menu-arrow,
     1731        .auto-fold #adminmenu li.wp-menu-open .wp-menu-arrow {
    17971732                display: block;
    1798                 z-index: 125;
     1733                top: 1px;
    17991734        }
    18001735
    1801         #adminmenu li.menu-top {
    1802                 border-width: 1px 0;
    1803                 border-style: solid none;
     1736        .auto-fold #adminmenu li.wp-menu-open {
     1737                border: 0 none;
    18041738        }
    18051739
    1806         #adminmenu .wp-submenu .wp-submenu-wrap {
    1807                 margin-top: 3px;
    1808         }
    1809 
    1810         #adminmenu .wp-has-current-submenu {
     1740        .auto-fold #adminmenu li.wp-has-current-submenu {
    18111741                margin-bottom: 1px;
    18121742        }
    18131743
    1814         #adminmenu .wp-has-current-submenu.menu-top-last {
     1744        .auto-fold #adminmenu .wp-has-current-submenu.menu-top-last {
    18151745                margin-bottom: 0;
    18161746        }
    18171747
    1818         #adminmenu .wp-has-current-submenu .wp-submenu-wrap {
    1819                 margin-top: 4px;
    1820         }
    1821 
    1822         #adminmenu .wp-submenu ul {
    1823                 border-width: 0 0 0 1px;
    1824                 border-style: solid;
    1825         }
    1826 
    1827         #adminmenu .wp-submenu a {
    1828                 padding-left: 10px;
    1829         }
    1830 
    1831         #adminmenu a.wp-has-submenu {
    1832                 margin-left: 40px;
    1833         }
    1834 
    1835         #collapse-menu {
     1748        .auto-fold #collapse-menu span {
    18361749                display: none;
    18371750        }
    18381751}

  • wp-admin/js/common.dev.js

     
    160160
    161161$(document).ready( function() {
    162162        var lastClicked = false, checks, first, last, checked, menu = $('#adminmenu'),
    163                 pageInput = $('input.current-page'), currentPage = pageInput.val(), refresh;
     163                pageInput = $('input.current-page'), currentPage = pageInput.val();
    164164
    165         // admin menu
    166         refresh = function(i, el){ // force the browser to refresh the tabbing index
    167                 var node = $(el), tab = node.attr('tabindex');
    168                 if ( tab )
    169                         node.attr('tabindex', '0').attr('tabindex', tab);
    170         };
     165        // when the menu is folded, make the fly-out submenu header clickable
     166        $('.wp-submenu-head', menu).bind('click.wp-submenu-head', function(e){
     167                $(this).parent().siblings('a').get(0).click();
     168        });
    171169
    172         $('#collapse-menu', menu).click(function(){
     170        $('#collapse-menu', menu).bind('click.collapse-menu', function(e){
    173171                var body = $(document.body);
    174172
    175173                // reset any compensation for submenus near the bottom of the screen
    176174                $('#adminmenu div.wp-submenu').css('margin-top', '');
    177175
    178                 if ( body.hasClass('folded') ) {
    179                         body.removeClass('folded');
    180                         setUserSetting('mfold', 'o');
     176                if ( $(window).width() < 900 ) {
     177                        if ( body.hasClass('auto-fold') ) {
     178                                body.removeClass('auto-fold');
     179                                setUserSetting('unfold', 1);
     180                                body.removeClass('folded');
     181                                deleteUserSetting('mfold');
     182                        } else {
     183                                body.addClass('auto-fold');
     184                                deleteUserSetting('unfold');
     185                        }
    181186                } else {
    182                         body.addClass('folded');
    183                         setUserSetting('mfold', 'f');
     187                        if ( body.hasClass('folded') ) {
     188                                body.removeClass('folded');
     189                                deleteUserSetting('mfold');
     190                        } else {
     191                                body.addClass('folded');
     192                                setUserSetting('mfold', 'f');
     193                        }
    184194                }
    185                 return false;
    186195        });
    187196
    188197        $('li.wp-has-submenu', menu).hoverIntent({
    189198                over: function(e){
    190199                        var b, h, o, f, m = $(this).find('.wp-submenu'), menutop, wintop, maxtop;
    191200
    192                         if ( m.is(':visible') )
     201                        if ( parseInt( m.css('top'), 10 ) > -5 )
    193202                                return;
    194203
    195204                        menutop = $(this).offset().top;
    … …  
    212221                        else
    213222                                m.css('margin-top', '');
    214223
    215                         menu.find('.wp-submenu').removeClass('sub-open');
    216                         m.addClass('sub-open');
     224                        menu.find('li.menu-top').removeClass('opensub');
     225                        $(this).addClass('opensub');
    217226                },
    218227                out: function(){
    219                         $(this).find('.wp-submenu').removeClass('sub-open').css('margin-top', '');
     228                        $(this).removeClass('opensub').find('.wp-submenu').css('margin-top', '');
    220229                },
    221230                timeout: 200,
    222231                sensitivity: 7,
    223232                interval: 90
    224233        });
    225234
    226         // Tab to select, Enter to open sub, Esc to close sub and focus the top menu
    227         $('li.wp-has-submenu > a.wp-not-current-submenu', menu).bind('keydown.adminmenu', function(e){
    228                 if ( e.which != 13 )
    229                         return;
    230 
    231                 var target = $(e.target);
    232 
    233                 e.stopPropagation();
    234                 e.preventDefault();
    235 
    236                 menu.find('.wp-submenu').removeClass('sub-open');
    237                 target.siblings('.wp-submenu').toggleClass('sub-open').find('a[role="menuitem"]').each(refresh);
    238         }).each(refresh);
    239 
    240         $('a[role="menuitem"]', menu).bind('keydown.adminmenu', function(e){
    241                 if ( e.which != 27 )
    242                         return;
    243 
    244                 var target = $(e.target);
    245 
    246                 e.stopPropagation();
    247                 e.preventDefault();
    248 
    249                 target.add( target.siblings() ).closest('.sub-open').removeClass('sub-open').siblings('a.wp-not-current-submenu').focus();
     235        $('.wp-submenu a', menu).bind('focus.adminmenu', function(e){
     236                $(e.target).closest('li.menu-top').addClass('opensub');
     237        }).bind('blur.adminmenu', function(e){
     238                $(e.target).closest('li.menu-top').removeClass('opensub');
    250239        });
    251240
    252241        // Move .updated and .error alert boxes. Don't move boxes designed to be inline.

  • wp-admin/menu-header.php

     
    8787                                $menu_file = substr( $menu_file, 0, $pos );
    8888                        if ( ! empty( $menu_hook ) || ( ('index.php' != $submenu_items[0][2]) && file_exists( WP_PLUGIN_DIR . "/$menu_file" ) ) ) {
    8989                                $admin_is_parent = true;
    90                                 echo "<div class='wp-menu-image'><a href='admin.php?page={$submenu_items[0][2]}' tabindex='-1' aria-label='$aria_label'>$img</a></div>$arrow<a href='admin.php?page={$submenu_items[0][2]}'$class $aria_attributes>$title</a>";
     90                                echo "<a href='admin.php?page={$submenu_items[0][2]}'$class $aria_attributes>$arrow<div class='wp-menu-image'>$img</div><div class='wp-menu-name'>$title</div></a>";
    9191                        } else {
    92                                 echo "\n\t<div class='wp-menu-image'><a href='{$submenu_items[0][2]}' tabindex='-1' aria-label='$aria_label'>$img</a></div>$arrow<a href='{$submenu_items[0][2]}'$class $aria_attributes>$title</a>";
     92                                echo "\n\t<a href='{$submenu_items[0][2]}'$class $aria_attributes>$arrow<div class='wp-menu-image'>$img</div><div class='wp-menu-name'>$title</div></a>";
    9393                        }
    9494                } elseif ( ! empty( $item[2] ) && current_user_can( $item[1] ) ) {
    9595                        $menu_hook = get_plugin_page_hook( $item[2], 'admin.php' );
    … …  
    9898                                $menu_file = substr( $menu_file, 0, $pos );
    9999                        if ( ! empty( $menu_hook ) || ( ('index.php' != $item[2]) && file_exists( WP_PLUGIN_DIR . "/$menu_file" ) ) ) {
    100100                                $admin_is_parent = true;
    101                                 echo "\n\t<div class='wp-menu-image'><a href='admin.php?page={$item[2]}' tabindex='-1' aria-label='$aria_label'>$img</a></div>$arrow<a href='admin.php?page={$item[2]}'$class $aria_attributes>{$item[0]}</a>";
     101                                echo "\n\t<a href='admin.php?page={$item[2]}'$class $aria_attributes>$arrow<div class='wp-menu-image'>$img</div><div class='wp-menu-name'>{$item[0]}</div></a>";
    102102                        } else {
    103                                 echo "\n\t<div class='wp-menu-image'><a href='{$item[2]}' tabindex='-1' aria-label='$aria_label'>$img</a></div>$arrow<a href='{$item[2]}'$class $aria_attributes>{$item[0]}</a>";
     103                                echo "\n\t<a href='{$item[2]}'$class $aria_attributes>$arrow<div class='wp-menu-image'>$img</div><div class='wp-menu-name'>{$item[0]}</div></a>";
    104104                        }
    105105                }
    106106
    107107                if ( ! empty( $submenu_items ) ) {
    108                         echo "\n\t<div class='wp-submenu'><div class='wp-submenu-wrap'>";
    109                         echo "<div class='wp-submenu-head'>{$item[0]}</div><ul>";
     108                        echo "\n\t<ul class='wp-submenu wp-submenu-wrap'>";
     109                        echo "<li class='wp-submenu-head'>{$item[0]}</li>";
     110       
    110111                        $first = true;
    111112                        foreach ( $submenu_items as $sub_key => $sub_item ) {
    112113                                if ( ! current_user_can( $sub_item[1] ) )
    … …  
    160161                                        echo "<li$class><a href='{$sub_item[2]}'$class>$title</a></li>";
    161162                                }
    162163                        }
    163                         echo "</ul></div></div>";
     164                        echo "</ul>";
    164165                }
    165166                echo "</li>";
    166167        }