home *** CD-ROM | disk | FTP | other *** search
/ HTML Examples / WP.iso / wordpress / wp-includes / css / admin-bar-rtl.css next >
Encoding:
Cascading Style Sheet File  |  2017-09-29  |  24.5 KB  |  1,142 lines
  1. #wpadminbar * {
  2.     height: auto;
  3.     width: auto;
  4.     margin: 0;
  5.     padding: 0;
  6.     position: static;
  7.     text-shadow: none;
  8.     text-transform: none;
  9.     letter-spacing: normal;
  10.     font-size: 13px;
  11.     font-weight: 400;
  12.     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  13.     line-height: 32px;
  14.     border-radius: 0;
  15.     box-sizing: content-box;
  16.     transition: none;
  17.     -webkit-font-smoothing: subpixel-antialiased; /* Prevent Safari from switching to standard antialiasing on hover */
  18.     -moz-osx-font-smoothing: auto; /* Prevent Firefox from inheriting from themes that use other values */
  19. }
  20.  
  21. .rtl #wpadminbar * {
  22.     font-family: Tahoma, sans-serif;
  23. }
  24.  
  25. html:lang(he-il) .rtl #wpadminbar *  {
  26.      font-family: Arial, sans-serif;
  27. }
  28.  
  29. #wpadminbar .ab-empty-item {
  30.     cursor: default;
  31. }
  32.  
  33. #wpadminbar .ab-empty-item,
  34. #wpadminbar a.ab-item,
  35. #wpadminbar > #wp-toolbar span.ab-label,
  36. #wpadminbar > #wp-toolbar span.noticon {
  37.     color: #eee;
  38. }
  39.  
  40. #wpadminbar #wp-admin-bar-site-name a.ab-item,
  41. #wpadminbar #wp-admin-bar-my-sites a.ab-item {
  42.     white-space: nowrap;
  43.     overflow: hidden;
  44.     text-overflow: ellipsis;
  45. }
  46.  
  47. #wpadminbar ul li:before,
  48. #wpadminbar ul li:after {
  49.     content: normal;
  50. }
  51.  
  52. #wpadminbar a,
  53. #wpadminbar a:hover,
  54. #wpadminbar a img,
  55. #wpadminbar a img:hover {
  56.     outline: none;
  57.     border: none;
  58.     text-decoration: none;
  59.     background: none;
  60. }
  61.  
  62. #wpadminbar a:focus,
  63. #wpadminbar a:active,
  64. #wpadminbar input[type="text"],
  65. #wpadminbar input[type="password"],
  66. #wpadminbar input[type="number"],
  67. #wpadminbar input[type="search"],
  68. #wpadminbar input[type="email"],
  69. #wpadminbar input[type="url"],
  70. #wpadminbar select,
  71. #wpadminbar textarea,
  72. #wpadminbar div {
  73.     box-shadow: none;
  74.     outline: none;
  75. }
  76.  
  77. #wpadminbar {
  78.     direction: rtl;
  79.     color: #ccc;
  80.     font-size: 13px;
  81.     font-weight: 400;
  82.     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  83.     line-height: 32px;
  84.     height: 32px;
  85.     position: fixed;
  86.     top: 0;
  87.     right: 0;
  88.     width: 100%;
  89.     min-width: 600px; /* match the min-width of the body in wp-admin.css */
  90.     z-index: 99999;
  91.     background: #23282d;
  92. }
  93.  
  94. #wpadminbar .ab-sub-wrapper,
  95. #wpadminbar ul,
  96. #wpadminbar ul li {
  97.     background: none;
  98.     clear: none;
  99.     list-style: none;
  100.     margin: 0;
  101.     padding: 0;
  102.     position: relative;
  103.     text-indent: 0;
  104.     z-index: 99999;
  105. }
  106.  
  107. #wpadminbar ul#wp-admin-bar-root-default>li {
  108.     margin-left: 0;
  109. }
  110.  
  111. #wpadminbar .quicklinks ul {
  112.     text-align: right;
  113. }
  114.  
  115. #wpadminbar li {
  116.     float: right;
  117. }
  118.  
  119. #wpadminbar .ab-empty-item {
  120.     outline: none;
  121. }
  122.  
  123. #wpadminbar .quicklinks .ab-top-secondary > li {
  124.     float: left;
  125. }
  126.  
  127. #wpadminbar .quicklinks a,
  128. #wpadminbar .quicklinks .ab-empty-item,
  129. #wpadminbar .shortlink-input {
  130.     height: 32px;
  131.     display: block;
  132.     padding: 0 10px;
  133.     margin: 0;
  134. }
  135.  
  136. #wpadminbar .quicklinks > ul > li > a {
  137.     padding: 0 7px 0 8px;
  138. }
  139.  
  140. #wpadminbar .menupop .ab-sub-wrapper,
  141. #wpadminbar .shortlink-input {
  142.     margin: 0;
  143.     padding: 0;
  144.     box-shadow: 0 3px 5px rgba(0,0,0,0.2);
  145.     background: #32373c;
  146.     display: none;
  147.     position: absolute;
  148.     float: none;
  149. }
  150.  
  151. #wpadminbar.ie7 .menupop .ab-sub-wrapper,
  152. #wpadminbar.ie7 .shortlink-input {
  153.     top: 32px;
  154.     right: 0;
  155. }
  156.  
  157. #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper {
  158.     min-width: 100%;
  159. }
  160.  
  161. #wpadminbar .ab-top-secondary .menupop .ab-sub-wrapper {
  162.     left: 0;
  163.     right: auto;
  164. }
  165.  
  166. #wpadminbar .ab-submenu {
  167.     padding: 6px 0;
  168. }
  169.  
  170. #wpadminbar .selected .shortlink-input {
  171.     display: block;
  172. }
  173.  
  174. #wpadminbar .quicklinks .menupop ul li {
  175.     float: none;
  176. }
  177.  
  178. #wpadminbar .quicklinks .menupop ul li a strong {
  179.     font-weight: 600;
  180. }
  181.  
  182. #wpadminbar .quicklinks .menupop ul li .ab-item,
  183. #wpadminbar .quicklinks .menupop ul li a strong,
  184. #wpadminbar .quicklinks .menupop.hover ul li .ab-item,
  185. #wpadminbar.nojs .quicklinks .menupop:hover ul li .ab-item,
  186. #wpadminbar .shortlink-input {
  187.     line-height: 26px;
  188.     height: 26px;
  189.     white-space: nowrap;
  190.     min-width: 140px;
  191. }
  192.  
  193. #wpadminbar .shortlink-input {
  194.     width: 200px;
  195. }
  196.  
  197. #wpadminbar.nojs li:hover > .ab-sub-wrapper,
  198. #wpadminbar li.hover > .ab-sub-wrapper {
  199.     display: block;
  200. }
  201.  
  202. #wpadminbar .menupop li:hover > .ab-sub-wrapper,
  203. #wpadminbar .menupop li.hover > .ab-sub-wrapper {
  204.     margin-right: 100%;
  205.     margin-top: -32px;
  206. }
  207.  
  208. #wpadminbar .ab-top-secondary .menupop li:hover > .ab-sub-wrapper,
  209. #wpadminbar .ab-top-secondary .menupop li.hover > .ab-sub-wrapper {
  210.     margin-right: 0;
  211.     right: inherit;
  212.     left: 100%;
  213. }
  214.  
  215. #wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
  216. #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
  217. #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
  218. #wpadminbar .ab-top-menu > li.hover > .ab-item {
  219.     background: #32373c;
  220.     color: #00b9eb;
  221. }
  222.  
  223. #wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
  224. #wpadminbar > #wp-toolbar li.hover span.ab-label,
  225. #wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
  226.     color: #00b9eb;
  227. }
  228.  
  229. #wpadminbar > #wp-toolbar > #wp-admin-bar-root-default .ab-icon,
  230. #wpadminbar .ab-icon,
  231. #wpadminbar .ab-item:before {
  232.     position: relative;
  233.     float: right;
  234.     font: normal 20px/1 dashicons;
  235.     speak: none;
  236.     padding: 4px 0;
  237.     -webkit-font-smoothing: antialiased;
  238.     -moz-osx-font-smoothing: grayscale;
  239.     background-image: none !important;
  240.     margin-left: 6px;
  241. }
  242.  
  243. #wpadminbar .ab-icon:before,
  244. #wpadminbar .ab-item:before,
  245. #wpadminbar #adminbarsearch:before {
  246.     color: #a0a5aa;
  247.     color: rgba(240,245,250,0.6);
  248. }
  249.  
  250. #wpadminbar .ab-icon:before,
  251. #wpadminbar .ab-item:before,
  252. #wpadminbar #adminbarsearch:before {
  253.     position: relative;
  254.     transition: all .1s ease-in-out;
  255. }
  256.  
  257. #wpadminbar .ab-label {
  258.     display: inline-block;
  259.     height: 32px;
  260. }
  261.  
  262. #wpadminbar .ab-submenu .ab-item {
  263.     color: #b4b9be;
  264.     color: rgba(240,245,250,0.7);
  265. }
  266.  
  267. #wpadminbar .quicklinks .menupop ul li a,
  268. #wpadminbar .quicklinks .menupop ul li a strong,
  269. #wpadminbar .quicklinks .menupop.hover ul li a,
  270. #wpadminbar.nojs .quicklinks .menupop:hover ul li a {
  271.     color: #b4b9be;
  272.     color: rgba(240,245,250,0.7);
  273. }
  274.  
  275. #wpadminbar .quicklinks .menupop ul li a:hover,
  276. #wpadminbar .quicklinks .menupop ul li a:focus,
  277. #wpadminbar .quicklinks .menupop ul li a:hover strong,
  278. #wpadminbar .quicklinks .menupop ul li a:focus strong,
  279. #wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
  280. #wpadminbar .quicklinks .menupop.hover ul li a:hover,
  281. #wpadminbar .quicklinks .menupop.hover ul li a:focus,
  282. #wpadminbar .quicklinks .menupop.hover ul li div[tabindex]:hover,
  283. #wpadminbar .quicklinks .menupop.hover ul li div[tabindex]:focus,
  284. #wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
  285. #wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
  286. #wpadminbar li:hover .ab-icon:before,
  287. #wpadminbar li:hover .ab-item:before,
  288. #wpadminbar li a:focus .ab-icon:before,
  289. #wpadminbar li .ab-item:focus:before,
  290. #wpadminbar li .ab-item:focus .ab-icon:before,
  291. #wpadminbar li.hover .ab-icon:before,
  292. #wpadminbar li.hover .ab-item:before,
  293. #wpadminbar li:hover #adminbarsearch:before,
  294. #wpadminbar li #adminbarsearch.adminbar-focused:before {
  295.     color: #00b9eb;
  296. }
  297.  
  298. #wpadminbar.mobile .quicklinks .ab-icon:before,
  299. #wpadminbar.mobile .quicklinks .ab-item:before {
  300.     color: #b4b9be;
  301. }
  302.  
  303. #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
  304. #wpadminbar.mobile .quicklinks .hover .ab-item:before {
  305.     color: #00b9eb;
  306. }
  307.  
  308. #wpadminbar .menupop .menupop > .ab-item:before,
  309. #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item:before {
  310.     position: absolute;
  311.     font: normal 17px/1 dashicons;
  312.     speak: none;
  313.     -webkit-font-smoothing: antialiased;
  314.     -moz-osx-font-smoothing: grayscale;
  315. }
  316.  
  317. #wpadminbar .menupop .menupop > .ab-item {
  318.     display: block;
  319.     padding-left: 2em;
  320. }
  321.  
  322. #wpadminbar .menupop .menupop > .ab-item:before {
  323.     top: 1px;
  324.     left: 4px;
  325.     content: "\f141";
  326.     color: inherit;
  327. }
  328.  
  329. #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item {
  330.     padding-right: 2em;
  331.     padding-left: 1em;
  332. }
  333.  
  334. #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item:before {
  335.     top: 1px;
  336.     right: 6px;
  337.     content: "\f139";
  338. }
  339.  
  340. #wpadminbar .quicklinks .menupop ul.ab-sub-secondary {
  341.     display: block;
  342.     position: relative;
  343.     left: auto;
  344.     margin: 0;
  345.     box-shadow: none;
  346. }
  347.  
  348. #wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
  349. #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
  350.     background: #464b50;
  351. }
  352.  
  353. #wpadminbar .quicklinks .menupop .ab-sub-secondary > li > a:hover,
  354. #wpadminbar .quicklinks .menupop .ab-sub-secondary > li .ab-item:focus a {
  355.     color: #00b9eb;
  356. }
  357.  
  358. #wpadminbar .quicklinks a span#ab-updates {
  359.     background: #eee;
  360.     color: #32373c;
  361.     display: inline;
  362.     padding: 2px 5px;
  363.     font-size: 10px;
  364.     font-weight: 600;
  365.     border-radius: 10px;
  366. }
  367.  
  368. #wpadminbar .quicklinks a:hover span#ab-updates  {
  369.     background: #fff;
  370.     color: #000;
  371. }
  372.  
  373. #wpadminbar .ab-top-secondary {
  374.     float: left;
  375. }
  376.  
  377. #wpadminbar ul li:last-child,
  378. #wpadminbar ul li:last-child .ab-item {
  379.     box-shadow: none;
  380. }
  381.  
  382. /**
  383.  * My Account
  384.  */
  385. #wp-admin-bar-my-account > ul {
  386.     min-width: 198px;
  387. }
  388.  
  389. #wp-admin-bar-my-account > .ab-item:before {
  390.     content: "\f110";
  391.     top: 2px;
  392.     float: left;
  393.     margin-right: 6px;
  394.     margin-left: 0;
  395. }
  396.  
  397. #wp-admin-bar-my-account.with-avatar > .ab-item:before {
  398.     display: none;
  399.     content: none;
  400. }
  401.  
  402. #wp-admin-bar-my-account.with-avatar > ul {
  403.     min-width: 270px;
  404. }
  405.  
  406. #wpadminbar.ie8 #wp-admin-bar-my-account.with-avatar .ab-item {
  407.     white-space: nowrap;
  408. }
  409.  
  410. #wpadminbar #wp-admin-bar-user-actions > li {
  411.     margin-right: 16px;
  412.     margin-left: 16px;
  413. }
  414.  
  415. #wpadminbar #wp-admin-bar-user-actions.ab-submenu {
  416.     padding: 6px 0 12px;
  417. }
  418.  
  419. #wpadminbar #wp-admin-bar-my-account.with-avatar #wp-admin-bar-user-actions > li {
  420.     margin-right: 88px;
  421. }
  422.  
  423. #wpadminbar #wp-admin-bar-user-info {
  424.     margin-top: 6px;
  425.     margin-bottom: 15px;
  426.     height: auto;
  427.     background: none;
  428. }
  429.  
  430. #wp-admin-bar-user-info .avatar {
  431.     position: absolute;
  432.     right: -72px;
  433.     top: 4px;
  434.     width: 64px;
  435.     height: 64px;
  436. }
  437.  
  438. #wpadminbar #wp-admin-bar-user-info a {
  439.     background: none;
  440.     height: auto;
  441. }
  442.  
  443. #wpadminbar #wp-admin-bar-user-info span {
  444.     background: none;
  445.     padding: 0;
  446.     height: 18px;
  447. }
  448.  
  449. #wpadminbar #wp-admin-bar-user-info .display-name,
  450. #wpadminbar #wp-admin-bar-user-info .username {
  451.     display: block;
  452. }
  453.  
  454. #wpadminbar #wp-admin-bar-user-info .username {
  455.     color: #a0a5aa;
  456.     font-size: 11px;
  457. }
  458.  
  459. #wpadminbar #wp-admin-bar-my-account.with-avatar > .ab-empty-item img,
  460. #wpadminbar #wp-admin-bar-my-account.with-avatar > a img {
  461.     width: auto;
  462.     height: 16px;
  463.     padding: 0;
  464.     border: 1px solid #82878c;
  465.     background: #eee;
  466.     line-height: 24px;
  467.     vertical-align: middle;
  468.     margin: -4px 6px 0 0;
  469.     float: none;
  470.     display: inline;
  471. }
  472.  
  473. #wpadminbar.ie8 #wp-admin-bar-my-account.with-avatar > .ab-empty-item img,
  474. #wpadminbar.ie8 #wp-admin-bar-my-account.with-avatar > a img {
  475.     width: auto;
  476. }
  477.  
  478. /**
  479.  * WP Logo
  480.  */
  481. #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon {
  482.     width: 15px;
  483.     height: 20px;
  484.     margin-left: 0;
  485.     padding: 6px 0 5px;
  486. }
  487.  
  488. #wpadminbar #wp-admin-bar-wp-logo > .ab-item {
  489.     padding: 0 7px;
  490. }
  491.  
  492. #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {
  493.     content: "\f120";
  494.     top: 2px;
  495. }
  496.  
  497. /*
  498.  * My Sites & Site Title
  499.  */
  500. #wpadminbar .quicklinks li .blavatar {
  501.     float: right;
  502.     font: normal 16px/1 dashicons !important;
  503.     speak: none;
  504.     -webkit-font-smoothing: antialiased;
  505.     -moz-osx-font-smoothing: grayscale;
  506.     color: #eee;
  507. }
  508.  
  509. #wpadminbar .quicklinks li a:hover .blavatar,
  510. #wpadminbar .quicklinks li a:focus .blavatar,
  511. #wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar {
  512.     color: #00b9eb;
  513. }
  514.  
  515. #wpadminbar .quicklinks li .blavatar:before {
  516.     content: "\f120";
  517.     height: 16px;
  518.     width: 16px;
  519.     display: inline-block;
  520.     margin: 6px -2px 0 8px;
  521. }
  522.  
  523. #wpadminbar #wp-admin-bar-appearance {
  524.     margin-top: -12px;
  525. }
  526.  
  527. #wpadminbar #wp-admin-bar-my-sites > .ab-item:before,
  528. #wpadminbar #wp-admin-bar-site-name > .ab-item:before {
  529.     content: "\f541";
  530.     top: 2px;
  531. }
  532.  
  533. #wpadminbar #wp-admin-bar-customize > .ab-item:before {
  534.     content: "\f540";
  535.     top: 2px;
  536. }
  537.  
  538.  
  539. #wpadminbar #wp-admin-bar-edit > .ab-item:before {
  540.     content: "\f464";
  541.     top: 2px;
  542. }
  543.  
  544. #wpadminbar #wp-admin-bar-site-name > .ab-item:before {
  545.     content: "\f226";
  546. }
  547.  
  548. .wp-admin #wpadminbar #wp-admin-bar-site-name > .ab-item:before {
  549.     content: "\f102";
  550. }
  551.  
  552.  
  553.  
  554. /**
  555.  * Comments
  556.  */
  557. #wpadminbar #wp-admin-bar-comments .ab-icon {
  558.     margin-left: 6px;
  559. }
  560.  
  561. #wpadminbar #wp-admin-bar-comments .ab-icon:before {
  562.     content: "\f101";
  563.     top: 3px;
  564. }
  565.  
  566. #wpadminbar #wp-admin-bar-comments .count-0 {
  567.     opacity: .5;
  568. }
  569.  
  570. /**
  571.  * New Content
  572.  */
  573. #wpadminbar #wp-admin-bar-new-content .ab-icon:before {
  574.     content: "\f132";
  575.     top: 4px;
  576. }
  577.  
  578. /**
  579.  * Updates
  580.  */
  581. #wpadminbar #wp-admin-bar-updates .ab-icon:before {
  582.     content: "\f463";
  583.     top: 2px;
  584. }
  585.  
  586. /**
  587.  * Search
  588.  */
  589. #wpadminbar.ie8 #wp-admin-bar-search {
  590.     display: block;
  591.     min-width: 32px;
  592. }
  593. #wpadminbar #wp-admin-bar-search .ab-item {
  594.     padding: 0;
  595.     background: transparent;
  596. }
  597.  
  598. #wpadminbar #adminbarsearch {
  599.     position: relative;
  600.     height: 32px;
  601.     padding: 0 2px;
  602.     z-index: 1;
  603. }
  604.  
  605. #wpadminbar #adminbarsearch:before {
  606.     position: absolute;
  607.     top: 6px;
  608.     right: 5px;
  609.     z-index: 20;
  610.     font: normal 20px/1 dashicons !important;
  611.     content: "\f179";
  612.     speak: none;
  613.     -webkit-font-smoothing: antialiased;
  614.     -moz-osx-font-smoothing: grayscale;
  615. }
  616.  
  617. /* The admin bar search field needs to reset many styles that might be inherited from the active Theme CSS. See ticket #40313. */
  618. #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input {
  619.     display: inline-block;
  620.     float: none;
  621.     position: relative;
  622.     z-index: 30;
  623.     font-size: 13px;
  624.     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  625.     line-height: 24px;
  626.     text-indent: 0;
  627.     height: 24px;
  628.     width: 24px;
  629.     max-width: none;
  630.     padding: 0 24px 0 3px;
  631.     margin: 0;
  632.     color: #ccc;
  633.     background-color: rgba( 255, 255, 255, 0 );
  634.     border: none;
  635.     outline: none;
  636.     cursor: pointer;
  637.     box-shadow: none;
  638.     box-sizing: border-box;
  639.     transition-duration: 400ms;
  640.     transition-property: width, background;
  641.     transition-timing-function: ease;
  642. }
  643.  
  644. #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
  645.     z-index: 10;
  646.     color: #000;
  647.     width: 200px;
  648.     background-color: rgba( 255, 255, 255, 0.9 );
  649.     cursor: text;
  650.     border: 0;
  651. }
  652.  
  653. #wpadminbar.ie7 > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input {
  654.     margin-top: 3px;
  655.     width: 120px;
  656. }
  657.  
  658. #wpadminbar.ie8 > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input {
  659.     /* IE8 z-index bug with transparent / empty elements - fill in with an encoded transparent GIF */
  660.     background: transparent 100% 0 repeat scroll url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRΓÇîΓÇïAA7");
  661. }
  662.  
  663. /* IE8 doesn't redraw the pseudo elements unless you make a change to the content */
  664. #wpadminbar.ie8 #adminbarsearch.adminbar-focused:before {
  665.     content: "\f179 "; /* extra space */
  666. }
  667.  
  668. #wpadminbar.ie8 > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
  669.     background: #fff;
  670.     z-index: -1;
  671. }
  672.  
  673. #wpadminbar #adminbarsearch .adminbar-button {
  674.     display: none;
  675. }
  676.  
  677. /**
  678.  * Customize support classes
  679.  */
  680. .no-customize-support .hide-if-no-customize,
  681. .customize-support .hide-if-customize,
  682. .no-customize-support #wpadminbar .hide-if-no-customize,
  683. .no-customize-support.wp-core-ui .hide-if-no-customize,
  684. .no-customize-support .wp-core-ui .hide-if-no-customize,
  685. .customize-support #wpadminbar .hide-if-customize,
  686. .customize-support.wp-core-ui .hide-if-customize,
  687. .customize-support .wp-core-ui .hide-if-customize {
  688.     display: none;
  689. }
  690.  
  691. /* Skip link */
  692. #wpadminbar .screen-reader-text,
  693. #wpadminbar .screen-reader-text span {
  694.     border: 0;
  695.     clip: rect(1px, 1px, 1px, 1px);
  696.     -webkit-clip-path: inset(50%);
  697.     clip-path: inset(50%);
  698.     height: 1px;
  699.     margin: -1px;
  700.     overflow: hidden;
  701.     padding: 0;
  702.     position: absolute;
  703.     width: 1px;
  704.     word-wrap: normal !important;
  705. }
  706.  
  707. #wpadminbar .screen-reader-shortcut {
  708.     position: absolute;
  709.     top: -1000em;
  710. }
  711.  
  712. #wpadminbar .screen-reader-shortcut:focus {
  713.     right: 6px;
  714.     top: 7px;
  715.     height: auto;
  716.     width: auto;
  717.     display: block;
  718.     font-size: 14px;
  719.     font-weight: 600;
  720.     padding: 15px 23px 14px;
  721.     background: #f1f1f1;
  722.     color: #0073aa;
  723.     z-index: 100000;
  724.     line-height: normal;
  725.     text-decoration: none;
  726.     box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
  727. }
  728.  
  729. /**
  730.  * IE 6-targeted rules
  731.  */
  732. * html #wpadminbar {
  733.     overflow: hidden;
  734.     position: absolute;
  735. }
  736.  
  737. * html #wpadminbar .quicklinks ul li a {
  738.     float: right;
  739. }
  740.  
  741. * html #wpadminbar .menupop a span {
  742.     background-image: none;
  743. }
  744.  
  745. /* No @font-face support */
  746. .no-font-face #wpadminbar ul.ab-top-menu > li > a.ab-item {
  747.     display: block;
  748.     width: 45px;
  749.     text-align: center;
  750.     overflow: hidden;
  751.     margin: 0 3px;
  752. }
  753.  
  754. .no-font-face #wpadminbar #wp-admin-bar-my-sites > .ab-item,
  755. .no-font-face #wpadminbar #wp-admin-bar-site-name > .ab-item,
  756. .no-font-face #wpadminbar #wp-admin-bar-edit > .ab-item {
  757.     text-indent: 0;
  758. }
  759.  
  760. .no-font-face #wpadminbar .ab-icon,
  761. .no-font-face #wpadminbar .ab-icon:before,
  762. .no-font-face #wpadminbar a.ab-item:before,
  763. .no-font-face #wpadminbar #wp-admin-bar-wp-logo > .ab-item {
  764.     display: none !important;
  765. }
  766.  
  767. .no-font-face #wpadminbar ul.ab-top-menu > li > a > span.ab-label {
  768.     display: inline;
  769. }
  770.  
  771. .no-font-face #wpadminbar #wp-admin-bar-menu-toggle span.ab-icon {
  772.     display: inline !important;
  773. }
  774.  
  775. .no-font-face #wpadminbar #wp-admin-bar-menu-toggle span.ab-icon:before {
  776.     content: "Menu";
  777.     font: 14px/45px sans-serif !important;
  778.     display: inline-block !important;
  779.     color: #fff;
  780. }
  781.  
  782. .no-font-face #wpadminbar #wp-admin-bar-site-name a.ab-item {
  783.     color: #fff;
  784. }
  785. /* End no @font-face */
  786.  
  787. @media screen and ( max-width: 782px ) {
  788.     /* Toolbar Touchification*/
  789.     html #wpadminbar {
  790.         height: 46px;
  791.         min-width: 300px;
  792.     }
  793.  
  794.     #wpadminbar * {
  795.         font-size: 14px;
  796.         font-weight: 400;
  797.         font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  798.         line-height: 32px;
  799.     }
  800.  
  801.     #wpadminbar .quicklinks > ul > li > a,
  802.     #wpadminbar .quicklinks .ab-empty-item {
  803.         padding: 0;
  804.         height: 46px;
  805.         line-height: 46px;
  806.         width: auto;
  807.     }
  808.  
  809.     #wpadminbar .ab-icon {
  810.         font: 40px/1 dashicons !important;
  811.         margin: 0;
  812.         padding: 0;
  813.         width: 52px;
  814.         height: 46px;
  815.         text-align: center;
  816.     }
  817.  
  818.     #wpadminbar .ab-icon:before {
  819.         text-align: center;
  820.     }
  821.  
  822.     #wpadminbar .ab-submenu {
  823.         padding: 0;
  824.     }
  825.  
  826.     #wpadminbar #wp-admin-bar-site-name a.ab-item,
  827.     #wpadminbar #wp-admin-bar-my-sites a.ab-item,
  828.     #wpadminbar #wp-admin-bar-my-account a.ab-item {
  829.         text-overflow: clip;
  830.     }
  831.  
  832.     #wpadminbar .ab-label {
  833.         display: none;
  834.     }
  835.  
  836.     #wpadminbar .menupop li:hover > .ab-sub-wrapper,
  837.     #wpadminbar .menupop li.hover > .ab-sub-wrapper {
  838.         margin-top: -46px;
  839.     }
  840.  
  841.     #wpadminbar .ab-top-menu .menupop .ab-sub-wrapper .menupop > .ab-item {
  842.         padding-left: 30px;
  843.     }
  844.  
  845.     #wpadminbar .menupop .menupop > .ab-item:before {
  846.         top: 10px;
  847.         left: 6px;
  848.     }
  849.  
  850.     #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper .ab-item {
  851.         font-size: 16px;
  852.         padding: 8px 16px;
  853.     }
  854.  
  855.     #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper a:empty {
  856.         display: none;
  857.     }
  858.  
  859.     /* WP logo */
  860.     #wpadminbar #wp-admin-bar-wp-logo > .ab-item {
  861.         padding: 0;
  862.     }
  863.  
  864.     #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon {
  865.         padding: 0;
  866.         width: 52px;
  867.         height: 46px;
  868.         text-align: center;
  869.         vertical-align: top;
  870.     }
  871.  
  872.     #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {
  873.         font: 28px/1 dashicons !important;
  874.         top: -3px;
  875.     }
  876.  
  877.     #wpadminbar .ab-icon,
  878.     #wpadminbar .ab-item:before {
  879.         padding: 0;
  880.     }
  881.  
  882.     /* My Sites and "Site Title" menu */
  883.     #wpadminbar #wp-admin-bar-my-sites > .ab-item,
  884.     #wpadminbar #wp-admin-bar-site-name > .ab-item,
  885.     #wpadminbar #wp-admin-bar-customize > .ab-item,
  886.     #wpadminbar #wp-admin-bar-edit > .ab-item,
  887.     #wpadminbar #wp-admin-bar-my-account > .ab-item {
  888.         text-indent: 100%;
  889.         white-space: nowrap;
  890.         overflow: hidden;
  891.         width: 52px;
  892.         padding: 0;
  893.         color: #a0a5aa; /* @todo not needed? this text is hidden */
  894.         position: relative;
  895.     }
  896.  
  897.     #wpadminbar > #wp-toolbar > #wp-admin-bar-root-default .ab-icon,
  898.     #wpadminbar .ab-icon,
  899.     #wpadminbar .ab-item:before {
  900.         padding: 0;
  901.         margin-left: 0;
  902.     }
  903.  
  904.     #wpadminbar #wp-admin-bar-edit > .ab-item:before,
  905.     #wpadminbar #wp-admin-bar-my-sites > .ab-item:before,
  906.     #wpadminbar #wp-admin-bar-site-name > .ab-item:before,
  907.     #wpadminbar #wp-admin-bar-customize > .ab-item:before,
  908.     #wpadminbar #wp-admin-bar-my-account > .ab-item:before {
  909.         display: block;
  910.         text-indent: 0;
  911.         font: normal 32px/1 dashicons;
  912.         speak: none;
  913.         top: 7px;
  914.         width: 52px;
  915.         text-align: center;
  916.         -webkit-font-smoothing: antialiased;
  917.         -moz-osx-font-smoothing: grayscale;
  918.     }
  919.  
  920.     #wpadminbar #wp-admin-bar-appearance {
  921.         margin-top: 0;
  922.     }
  923.  
  924.     #wpadminbar .quicklinks li .blavatar:before {
  925.         display: none;
  926.     }
  927.  
  928.     /* Search */
  929.     #wpadminbar #wp-admin-bar-search {
  930.         display: none;
  931.     }
  932.  
  933.     /* New Content */
  934.     #wpadminbar #wp-admin-bar-new-content .ab-icon:before {
  935.         top: 0;
  936.         line-height: 53px;
  937.         height: 46px !important;
  938.         text-align: center;
  939.         width: 52px;
  940.         display: block;
  941.     }
  942.  
  943.     /* Updates */
  944.     #wpadminbar #wp-admin-bar-updates {
  945.         text-align: center;
  946.     }
  947.  
  948.     #wpadminbar #wp-admin-bar-updates .ab-icon:before {
  949.         top: 3px;
  950.     }
  951.  
  952.     /* Comments */
  953.     #wpadminbar #wp-admin-bar-comments .ab-icon {
  954.         margin: 0;
  955.     }
  956.  
  957.     #wpadminbar #wp-admin-bar-comments .ab-icon:before {
  958.         display: block;
  959.         font-size: 34px;
  960.         height: 46px;
  961.         line-height: 47px;
  962.         top: 0;
  963.     }
  964.  
  965.     /* My Account */
  966.     #wpadminbar #wp-admin-bar-my-account > a {
  967.         position: relative;
  968.         white-space: nowrap;
  969.         text-indent: 150%; /* More than 100% indention is needed since this element has padding */
  970.         width: 28px;
  971.         padding: 0 10px;
  972.         overflow: hidden; /* Prevent link text from forcing horizontal scrolling on mobile */
  973.     }
  974.  
  975.     #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
  976.         position: absolute;
  977.         top: 13px;
  978.         left: 10px;
  979.         width: 26px;
  980.         height: 26px;
  981.     }
  982.  
  983.     #wpadminbar #wp-admin-bar-user-actions.ab-submenu {
  984.         padding: 0;
  985.     }
  986.  
  987.     #wpadminbar #wp-admin-bar-user-actions.ab-submenu img.avatar {
  988.         display: none;
  989.     }
  990.  
  991.     #wpadminbar #wp-admin-bar-my-account.with-avatar #wp-admin-bar-user-actions > li {
  992.         margin: 0;
  993.     }
  994.  
  995.     #wpadminbar #wp-admin-bar-user-info .display-name {
  996.         height: auto;
  997.         font-size: 16px;
  998.         line-height: 24px;
  999.         color: #eee;
  1000.     }
  1001.  
  1002.     #wpadminbar #wp-admin-bar-user-info a {
  1003.         padding-top: 4px;
  1004.     }
  1005.  
  1006.     #wpadminbar #wp-admin-bar-user-info .username {
  1007.         line-height: 0.8 !important;
  1008.         margin-bottom: -2px;
  1009.     }
  1010.  
  1011.     /* Show only default top level items */
  1012.     #wp-toolbar > ul > li {
  1013.         display: none;
  1014.     }
  1015.  
  1016.     #wpadminbar li#wp-admin-bar-menu-toggle,
  1017.     #wpadminbar li#wp-admin-bar-wp-logo,
  1018.     #wpadminbar li#wp-admin-bar-my-sites,
  1019.     #wpadminbar li#wp-admin-bar-updates,
  1020.     #wpadminbar li#wp-admin-bar-site-name,
  1021.     #wpadminbar li#wp-admin-bar-customize,
  1022.     #wpadminbar li#wp-admin-bar-new-content,
  1023.     #wpadminbar li#wp-admin-bar-edit,
  1024.     #wpadminbar li#wp-admin-bar-comments,
  1025.     #wpadminbar li#wp-admin-bar-my-account {
  1026.         display: block;
  1027.     }
  1028.  
  1029.     /* Allow dropdown list items to appear normally */
  1030.     #wpadminbar li:hover ul li,
  1031.     #wpadminbar li.hover ul li,
  1032.     #wpadminbar li:hover ul li:hover ul li {
  1033.         display: list-item;
  1034.     }
  1035.  
  1036.     /* Override default min-width so dropdown lists aren't stretched
  1037.         to 100% viewport width at responsive sizes. */
  1038.     #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper {
  1039.         min-width: -webkit-fit-content;
  1040.         min-width: -moz-fit-content;
  1041.         min-width: fit-content;
  1042.     }
  1043.  
  1044.     #wpadminbar ul#wp-admin-bar-root-default > li {
  1045.         margin-left: 0;
  1046.     }
  1047.  
  1048.     /* Experimental fix for touch toolbar dropdown positioning */
  1049.     #wpadminbar .ab-top-menu,
  1050.     #wpadminbar .ab-top-secondary,
  1051.     #wpadminbar #wp-admin-bar-wp-logo,
  1052.     #wpadminbar #wp-admin-bar-my-sites,
  1053.     #wpadminbar #wp-admin-bar-site-name,
  1054.     #wpadminbar #wp-admin-bar-updates,
  1055.     #wpadminbar #wp-admin-bar-comments,
  1056.     #wpadminbar #wp-admin-bar-new-content,
  1057.     #wpadminbar #wp-admin-bar-edit,
  1058.     #wpadminbar #wp-admin-bar-my-account {
  1059.         position: static;
  1060.     }
  1061.  
  1062.     #wpadminbar #wp-admin-bar-my-account {
  1063.         float: left;
  1064.     }
  1065.  
  1066.     .network-admin #wpadminbar ul#wp-admin-bar-top-secondary > li#wp-admin-bar-my-account {
  1067.         margin-left: 0;
  1068.     }
  1069.  
  1070.     /* Realign arrows on taller responsive submenus */
  1071.  
  1072.     #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item:before {
  1073.         top: 10px;
  1074.         right: 0;
  1075.     }
  1076. }
  1077.  
  1078. /* Smartphone */
  1079. @media screen and (max-width: 600px) {
  1080.     #wpadminbar {
  1081.         position: absolute;
  1082.     }
  1083.  
  1084.     #wp-responsive-overlay {
  1085.         position: fixed;
  1086.         top: 0;
  1087.         right: 0;
  1088.         width: 100%;
  1089.         height: 100%;
  1090.         z-index: 400;
  1091.     }
  1092.  
  1093.     #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper {
  1094.         width: 100%;
  1095.         right: 0;
  1096.     }
  1097.  
  1098.     #wpadminbar .menupop .menupop > .ab-item:before {
  1099.         display: none;
  1100.     }
  1101.  
  1102.     #wpadminbar #wp-admin-bar-wp-logo.menupop .ab-sub-wrapper {
  1103.         margin-right: 0;
  1104.     }
  1105.  
  1106.     #wpadminbar .ab-top-menu > .menupop li > .ab-sub-wrapper {
  1107.         margin: 0;
  1108.         width: 100%;
  1109.         top: auto;
  1110.         right: auto;
  1111.         position: relative;
  1112.     }
  1113.  
  1114.     #wpadminbar .ab-top-menu > .menupop li > .ab-sub-wrapper .ab-item {
  1115.         font-size: 16px;
  1116.         padding: 6px 30px 19px 15px;
  1117.     }
  1118.  
  1119.     #wpadminbar li:hover ul li ul li {
  1120.         display: list-item;
  1121.     }
  1122.  
  1123.     #wpadminbar li#wp-admin-bar-wp-logo,
  1124.     #wpadminbar li#wp-admin-bar-updates {
  1125.         display: none;
  1126.     }
  1127.  
  1128.     /* Make submenus full-width at this size */
  1129.  
  1130.     #wpadminbar .ab-top-menu > .menupop li > .ab-sub-wrapper {
  1131.         position: static;
  1132.         box-shadow: none;
  1133.     }
  1134. }
  1135.  
  1136. /* Very narrow screens */
  1137. @media screen and (max-width: 400px) {
  1138.     #wpadminbar li#wp-admin-bar-comments {
  1139.         display: none;
  1140.     }
  1141. }
  1142.