WordPress.org

Make WordPress Core

Ticket #21349: 21349-2.patch

File 21349-2.patch, 46.5 KB (added by azaozz, 21 months 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        }