Нет описания

admin-bar-rtl.css 24KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094
  1. /*! This file is auto-generated */
  2. #wpadminbar * {
  3. height: auto;
  4. width: auto;
  5. margin: 0;
  6. padding: 0;
  7. position: static;
  8. text-shadow: none;
  9. text-transform: none;
  10. letter-spacing: normal;
  11. font-size: 13px;
  12. font-weight: 400;
  13. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  14. line-height: 2.46153846;
  15. border-radius: 0;
  16. box-sizing: content-box;
  17. transition: none;
  18. -webkit-font-smoothing: subpixel-antialiased; /* Prevent Safari from switching to standard antialiasing on hover */
  19. -moz-osx-font-smoothing: auto; /* Prevent Firefox from inheriting from themes that use other values */
  20. }
  21. .rtl #wpadminbar * {
  22. font-family: Tahoma, sans-serif;
  23. }
  24. html:lang(he-il) .rtl #wpadminbar * {
  25. font-family: Arial, sans-serif;
  26. }
  27. #wpadminbar .ab-empty-item {
  28. cursor: default;
  29. }
  30. #wpadminbar .ab-empty-item,
  31. #wpadminbar a.ab-item,
  32. #wpadminbar > #wp-toolbar span.ab-label,
  33. #wpadminbar > #wp-toolbar span.noticon {
  34. color: #f0f0f1;
  35. }
  36. #wpadminbar #wp-admin-bar-site-name a.ab-item,
  37. #wpadminbar #wp-admin-bar-my-sites a.ab-item {
  38. white-space: nowrap;
  39. }
  40. #wpadminbar ul li:before,
  41. #wpadminbar ul li:after {
  42. content: normal;
  43. }
  44. #wpadminbar a,
  45. #wpadminbar a:hover,
  46. #wpadminbar a img,
  47. #wpadminbar a img:hover {
  48. border: none;
  49. text-decoration: none;
  50. background: none;
  51. box-shadow: none;
  52. }
  53. #wpadminbar a:focus,
  54. #wpadminbar a:active,
  55. #wpadminbar input[type="text"],
  56. #wpadminbar input[type="password"],
  57. #wpadminbar input[type="number"],
  58. #wpadminbar input[type="search"],
  59. #wpadminbar input[type="email"],
  60. #wpadminbar input[type="url"],
  61. #wpadminbar select,
  62. #wpadminbar textarea,
  63. #wpadminbar div {
  64. box-shadow: none;
  65. }
  66. #wpadminbar a:focus {
  67. /* Inherits transparent outline only visible in Windows High Contrast mode */
  68. outline-offset: -1px;
  69. }
  70. #wpadminbar {
  71. direction: rtl;
  72. color: #c3c4c7;
  73. font-size: 13px;
  74. font-weight: 400;
  75. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  76. line-height: 2.46153846;
  77. height: 32px;
  78. position: fixed;
  79. top: 0;
  80. right: 0;
  81. width: 100%;
  82. min-width: 600px; /* match the min-width of the body in wp-admin/css/common.css */
  83. z-index: 99999;
  84. background: #1d2327;
  85. }
  86. #wpadminbar .ab-sub-wrapper,
  87. #wpadminbar ul,
  88. #wpadminbar ul li {
  89. background: none;
  90. clear: none;
  91. list-style: none;
  92. margin: 0;
  93. padding: 0;
  94. position: relative;
  95. text-indent: 0;
  96. z-index: 99999;
  97. }
  98. #wpadminbar ul#wp-admin-bar-root-default>li {
  99. margin-left: 0;
  100. }
  101. #wpadminbar .quicklinks ul {
  102. text-align: right;
  103. }
  104. #wpadminbar li {
  105. float: right;
  106. }
  107. #wpadminbar .ab-empty-item {
  108. outline: none;
  109. }
  110. #wpadminbar .quicklinks .ab-top-secondary > li {
  111. float: left;
  112. }
  113. #wpadminbar .quicklinks a,
  114. #wpadminbar .quicklinks .ab-empty-item,
  115. #wpadminbar .shortlink-input {
  116. height: 32px;
  117. display: block;
  118. padding: 0 10px;
  119. margin: 0;
  120. }
  121. #wpadminbar .quicklinks > ul > li > a {
  122. padding: 0 7px 0 8px;
  123. }
  124. #wpadminbar .menupop .ab-sub-wrapper,
  125. #wpadminbar .shortlink-input {
  126. margin: 0;
  127. padding: 0;
  128. box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  129. background: #2c3338;
  130. display: none;
  131. position: absolute;
  132. float: none;
  133. }
  134. #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper {
  135. min-width: 100%;
  136. }
  137. #wpadminbar .ab-top-secondary .menupop .ab-sub-wrapper {
  138. left: 0;
  139. right: auto;
  140. }
  141. #wpadminbar .ab-submenu {
  142. padding: 6px 0;
  143. }
  144. #wpadminbar .selected .shortlink-input {
  145. display: block;
  146. }
  147. #wpadminbar .quicklinks .menupop ul li {
  148. float: none;
  149. }
  150. #wpadminbar .quicklinks .menupop ul li a strong {
  151. font-weight: 600;
  152. }
  153. #wpadminbar .quicklinks .menupop ul li .ab-item,
  154. #wpadminbar .quicklinks .menupop ul li a strong,
  155. #wpadminbar .quicklinks .menupop.hover ul li .ab-item,
  156. #wpadminbar.nojs .quicklinks .menupop:hover ul li .ab-item,
  157. #wpadminbar .shortlink-input {
  158. line-height: 2;
  159. height: 26px;
  160. white-space: nowrap;
  161. min-width: 140px;
  162. }
  163. #wpadminbar .shortlink-input {
  164. width: 200px;
  165. }
  166. #wpadminbar.nojs li:hover > .ab-sub-wrapper,
  167. #wpadminbar li.hover > .ab-sub-wrapper {
  168. display: block;
  169. }
  170. #wpadminbar .menupop li:hover > .ab-sub-wrapper,
  171. #wpadminbar .menupop li.hover > .ab-sub-wrapper {
  172. margin-right: 100%;
  173. margin-top: -32px;
  174. }
  175. #wpadminbar .ab-top-secondary .menupop li:hover > .ab-sub-wrapper,
  176. #wpadminbar .ab-top-secondary .menupop li.hover > .ab-sub-wrapper {
  177. margin-right: 0;
  178. right: inherit;
  179. left: 100%;
  180. }
  181. #wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
  182. #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
  183. #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
  184. #wpadminbar .ab-top-menu > li.hover > .ab-item {
  185. background: #2c3338;
  186. color: #72aee6;
  187. }
  188. #wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
  189. #wpadminbar > #wp-toolbar li.hover span.ab-label,
  190. #wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
  191. color: #72aee6;
  192. }
  193. #wpadminbar > #wp-toolbar > #wp-admin-bar-root-default .ab-icon,
  194. #wpadminbar .ab-icon,
  195. #wpadminbar .ab-item:before,
  196. .wp-admin-bar-arrow {
  197. position: relative;
  198. float: right;
  199. font: normal 20px/1 dashicons;
  200. speak: never;
  201. padding: 4px 0;
  202. -webkit-font-smoothing: antialiased;
  203. -moz-osx-font-smoothing: grayscale;
  204. background-image: none !important;
  205. margin-left: 6px;
  206. }
  207. #wpadminbar .ab-icon:before,
  208. #wpadminbar .ab-item:before,
  209. #wpadminbar #adminbarsearch:before {
  210. color: #a7aaad;
  211. color: rgba(240, 246, 252, 0.6);
  212. }
  213. #wpadminbar .ab-icon:before,
  214. #wpadminbar .ab-item:before,
  215. #wpadminbar #adminbarsearch:before {
  216. position: relative;
  217. transition: all .1s ease-in-out;
  218. }
  219. #wpadminbar .ab-label {
  220. display: inline-block;
  221. height: 32px;
  222. }
  223. #wpadminbar .ab-submenu .ab-item {
  224. color: #c3c4c7;
  225. color: rgba(240, 246, 252, 0.7);
  226. }
  227. #wpadminbar .quicklinks .menupop ul li a,
  228. #wpadminbar .quicklinks .menupop ul li a strong,
  229. #wpadminbar .quicklinks .menupop.hover ul li a,
  230. #wpadminbar.nojs .quicklinks .menupop:hover ul li a {
  231. color: #c3c4c7;
  232. color: rgba(240, 246, 252, 0.7);
  233. }
  234. #wpadminbar .quicklinks .menupop ul li a:hover,
  235. #wpadminbar .quicklinks .menupop ul li a:focus,
  236. #wpadminbar .quicklinks .menupop ul li a:hover strong,
  237. #wpadminbar .quicklinks .menupop ul li a:focus strong,
  238. #wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
  239. #wpadminbar .quicklinks .menupop.hover ul li a:hover,
  240. #wpadminbar .quicklinks .menupop.hover ul li a:focus,
  241. #wpadminbar .quicklinks .menupop.hover ul li div[tabindex]:hover,
  242. #wpadminbar .quicklinks .menupop.hover ul li div[tabindex]:focus,
  243. #wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
  244. #wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
  245. #wpadminbar li:hover .ab-icon:before,
  246. #wpadminbar li:hover .ab-item:before,
  247. #wpadminbar li a:focus .ab-icon:before,
  248. #wpadminbar li .ab-item:focus:before,
  249. #wpadminbar li .ab-item:focus .ab-icon:before,
  250. #wpadminbar li.hover .ab-icon:before,
  251. #wpadminbar li.hover .ab-item:before,
  252. #wpadminbar li:hover #adminbarsearch:before,
  253. #wpadminbar li #adminbarsearch.adminbar-focused:before {
  254. color: #72aee6;
  255. }
  256. #wpadminbar.mobile .quicklinks .ab-icon:before,
  257. #wpadminbar.mobile .quicklinks .ab-item:before {
  258. color: #c3c4c7;
  259. }
  260. #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
  261. #wpadminbar.mobile .quicklinks .hover .ab-item:before {
  262. color: #72aee6;
  263. }
  264. #wpadminbar .menupop .menupop > .ab-item .wp-admin-bar-arrow:before,
  265. #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item:before {
  266. position: absolute;
  267. font: normal 17px/1 dashicons;
  268. speak: never;
  269. -webkit-font-smoothing: antialiased;
  270. -moz-osx-font-smoothing: grayscale;
  271. }
  272. #wpadminbar .menupop .menupop > .ab-item {
  273. display: block;
  274. padding-left: 2em;
  275. }
  276. #wpadminbar .menupop .menupop > .ab-item .wp-admin-bar-arrow:before {
  277. top: 1px;
  278. left: 10px;
  279. padding: 4px 0;
  280. content: "\f141";
  281. color: inherit;
  282. }
  283. #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item {
  284. padding-right: 2em;
  285. padding-left: 1em;
  286. }
  287. #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item .wp-admin-bar-arrow:before {
  288. top: 1px;
  289. right: 6px;
  290. content: "\f139";
  291. }
  292. #wpadminbar .quicklinks .menupop ul.ab-sub-secondary {
  293. display: block;
  294. position: relative;
  295. left: auto;
  296. margin: 0;
  297. box-shadow: none;
  298. }
  299. #wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
  300. #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
  301. background: #3c434a;
  302. }
  303. #wpadminbar .quicklinks .menupop .ab-sub-secondary > li > a:hover,
  304. #wpadminbar .quicklinks .menupop .ab-sub-secondary > li .ab-item:focus a {
  305. color: #72aee6;
  306. }
  307. #wpadminbar .quicklinks a span#ab-updates {
  308. background: #f0f0f1;
  309. color: #2c3338;
  310. display: inline;
  311. padding: 2px 5px;
  312. font-size: 10px;
  313. font-weight: 600;
  314. border-radius: 10px;
  315. }
  316. #wpadminbar .quicklinks a:hover span#ab-updates {
  317. background: #fff;
  318. color: #000;
  319. }
  320. #wpadminbar .ab-top-secondary {
  321. float: left;
  322. }
  323. #wpadminbar ul li:last-child,
  324. #wpadminbar ul li:last-child .ab-item {
  325. box-shadow: none;
  326. }
  327. /**
  328. * Recovery Mode
  329. */
  330. #wpadminbar #wp-admin-bar-recovery-mode {
  331. color: #fff;
  332. background-color: #d63638;
  333. }
  334. #wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover >.ab-item,
  335. #wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
  336. #wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
  337. #wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
  338. color: #fff;
  339. background-color: #d63638;
  340. }
  341. /**
  342. * My Account
  343. */
  344. #wp-admin-bar-my-account > ul {
  345. min-width: 198px;
  346. }
  347. #wp-admin-bar-my-account:not(.with-avatar) > .ab-item {
  348. display: inline-block;
  349. }
  350. #wp-admin-bar-my-account > .ab-item:before {
  351. content: "\f110";
  352. top: 2px;
  353. float: left;
  354. margin-right: 6px;
  355. margin-left: 0;
  356. }
  357. #wp-admin-bar-my-account.with-avatar > .ab-item:before {
  358. display: none;
  359. content: none;
  360. }
  361. #wp-admin-bar-my-account.with-avatar > ul {
  362. min-width: 270px;
  363. }
  364. #wpadminbar #wp-admin-bar-user-actions > li {
  365. margin-right: 16px;
  366. margin-left: 16px;
  367. }
  368. #wpadminbar #wp-admin-bar-user-actions.ab-submenu {
  369. padding: 6px 0 12px;
  370. }
  371. #wpadminbar #wp-admin-bar-my-account.with-avatar #wp-admin-bar-user-actions > li {
  372. margin-right: 88px;
  373. }
  374. #wpadminbar #wp-admin-bar-user-info {
  375. margin-top: 6px;
  376. margin-bottom: 15px;
  377. height: auto;
  378. background: none;
  379. }
  380. #wp-admin-bar-user-info .avatar {
  381. position: absolute;
  382. right: -72px;
  383. top: 4px;
  384. width: 64px;
  385. height: 64px;
  386. }
  387. #wpadminbar #wp-admin-bar-user-info a {
  388. background: none;
  389. height: auto;
  390. }
  391. #wpadminbar #wp-admin-bar-user-info span {
  392. background: none;
  393. padding: 0;
  394. height: 18px;
  395. }
  396. #wpadminbar #wp-admin-bar-user-info .display-name,
  397. #wpadminbar #wp-admin-bar-user-info .username {
  398. display: block;
  399. }
  400. #wpadminbar #wp-admin-bar-user-info .username {
  401. color: #a7aaad;
  402. font-size: 11px;
  403. }
  404. #wpadminbar #wp-admin-bar-my-account.with-avatar > .ab-empty-item img,
  405. #wpadminbar #wp-admin-bar-my-account.with-avatar > a img {
  406. width: auto;
  407. height: 16px;
  408. padding: 0;
  409. border: 1px solid #8c8f94;
  410. background: #f0f0f1;
  411. line-height: 1.84615384;
  412. vertical-align: middle;
  413. margin: -4px 6px 0 0;
  414. float: none;
  415. display: inline;
  416. }
  417. /**
  418. * WP Logo
  419. */
  420. #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon {
  421. width: 15px;
  422. height: 20px;
  423. margin-left: 0;
  424. padding: 6px 0 5px;
  425. }
  426. #wpadminbar #wp-admin-bar-wp-logo > .ab-item {
  427. padding: 0 7px;
  428. }
  429. #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {
  430. content: "\f120";
  431. top: 2px;
  432. }
  433. /*
  434. * My Sites & Site Title
  435. */
  436. #wpadminbar .quicklinks li .blavatar {
  437. display: inline-block;
  438. vertical-align: middle;
  439. font: normal 16px/1 dashicons !important;
  440. speak: never;
  441. -webkit-font-smoothing: antialiased;
  442. -moz-osx-font-smoothing: grayscale;
  443. color: #f0f0f1;
  444. }
  445. #wpadminbar .quicklinks li a:hover .blavatar,
  446. #wpadminbar .quicklinks li a:focus .blavatar,
  447. #wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar {
  448. color: #72aee6;
  449. }
  450. #wpadminbar .quicklinks li img.blavatar,
  451. #wpadminbar .quicklinks li div.blavatar:before {
  452. height: 16px;
  453. width: 16px;
  454. margin: 0 -2px 2px 8px;
  455. }
  456. #wpadminbar .quicklinks li div.blavatar:before {
  457. content: "\f120";
  458. display: inline-block;
  459. }
  460. #wpadminbar #wp-admin-bar-appearance {
  461. margin-top: -12px;
  462. }
  463. #wpadminbar #wp-admin-bar-my-sites > .ab-item:before,
  464. #wpadminbar #wp-admin-bar-site-name > .ab-item:before {
  465. content: "\f541";
  466. top: 2px;
  467. }
  468. #wpadminbar #wp-admin-bar-customize > .ab-item:before {
  469. content: "\f540";
  470. top: 2px;
  471. }
  472. #wpadminbar #wp-admin-bar-edit > .ab-item:before {
  473. content: "\f464";
  474. top: 2px;
  475. }
  476. #wpadminbar #wp-admin-bar-site-name > .ab-item:before {
  477. content: "\f226";
  478. }
  479. .wp-admin #wpadminbar #wp-admin-bar-site-name > .ab-item:before {
  480. content: "\f102";
  481. }
  482. /**
  483. * Comments
  484. */
  485. #wpadminbar #wp-admin-bar-comments .ab-icon {
  486. margin-left: 6px;
  487. }
  488. #wpadminbar #wp-admin-bar-comments .ab-icon:before {
  489. content: "\f101";
  490. top: 3px;
  491. }
  492. #wpadminbar #wp-admin-bar-comments .count-0 {
  493. opacity: .5;
  494. }
  495. /**
  496. * New Content
  497. */
  498. #wpadminbar #wp-admin-bar-new-content .ab-icon:before {
  499. content: "\f132";
  500. top: 4px;
  501. }
  502. /**
  503. * Updates
  504. */
  505. #wpadminbar #wp-admin-bar-updates .ab-icon:before {
  506. content: "\f463";
  507. top: 2px;
  508. }
  509. #wpadminbar #wp-admin-bar-updates.spin .ab-icon:before {
  510. display: inline-block;
  511. animation: rotation 2s infinite linear;
  512. }
  513. @media (prefers-reduced-motion: reduce) {
  514. #wpadminbar #wp-admin-bar-updates.spin .ab-icon:before {
  515. animation: none;
  516. }
  517. }
  518. /**
  519. * Search
  520. */
  521. #wpadminbar #wp-admin-bar-search .ab-item {
  522. padding: 0;
  523. background: transparent;
  524. }
  525. #wpadminbar #adminbarsearch {
  526. position: relative;
  527. height: 32px;
  528. padding: 0 2px;
  529. z-index: 1;
  530. }
  531. #wpadminbar #adminbarsearch:before {
  532. position: absolute;
  533. top: 6px;
  534. right: 5px;
  535. z-index: 20;
  536. font: normal 20px/1 dashicons !important;
  537. content: "\f179";
  538. speak: never;
  539. -webkit-font-smoothing: antialiased;
  540. -moz-osx-font-smoothing: grayscale;
  541. }
  542. /* The admin bar search field needs to reset many styles that might be inherited from the active Theme CSS. See ticket #40313. */
  543. #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input {
  544. display: inline-block;
  545. float: none;
  546. position: relative;
  547. z-index: 30;
  548. font-size: 13px;
  549. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  550. line-height: 1.84615384;
  551. text-indent: 0;
  552. height: 24px;
  553. width: 24px;
  554. max-width: none;
  555. padding: 0 24px 0 3px;
  556. margin: 0;
  557. color: #c3c4c7;
  558. background-color: rgba(255, 255, 255, 0);
  559. border: none;
  560. outline: none;
  561. cursor: pointer;
  562. box-shadow: none;
  563. box-sizing: border-box;
  564. transition-duration: 400ms;
  565. transition-property: width, background;
  566. transition-timing-function: ease;
  567. }
  568. #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
  569. z-index: 10;
  570. color: #000;
  571. width: 200px;
  572. background-color: rgba(255, 255, 255, 0.9);
  573. cursor: text;
  574. border: 0;
  575. }
  576. #wpadminbar #adminbarsearch .adminbar-button {
  577. display: none;
  578. }
  579. /**
  580. * Customize support classes
  581. */
  582. .no-customize-support .hide-if-no-customize,
  583. .customize-support .hide-if-customize,
  584. .no-customize-support #wpadminbar .hide-if-no-customize,
  585. .no-customize-support.wp-core-ui .hide-if-no-customize,
  586. .no-customize-support .wp-core-ui .hide-if-no-customize,
  587. .customize-support #wpadminbar .hide-if-customize,
  588. .customize-support.wp-core-ui .hide-if-customize,
  589. .customize-support .wp-core-ui .hide-if-customize {
  590. display: none;
  591. }
  592. /* Skip link */
  593. #wpadminbar .screen-reader-text,
  594. #wpadminbar .screen-reader-text span {
  595. border: 0;
  596. clip: rect(1px, 1px, 1px, 1px);
  597. -webkit-clip-path: inset(50%);
  598. clip-path: inset(50%);
  599. height: 1px;
  600. margin: -1px;
  601. overflow: hidden;
  602. padding: 0;
  603. position: absolute;
  604. width: 1px;
  605. word-wrap: normal !important;
  606. }
  607. #wpadminbar .screen-reader-shortcut {
  608. position: absolute;
  609. top: -1000em;
  610. }
  611. #wpadminbar .screen-reader-shortcut:focus {
  612. right: 6px;
  613. top: 7px;
  614. height: auto;
  615. width: auto;
  616. display: block;
  617. font-size: 14px;
  618. font-weight: 600;
  619. padding: 15px 23px 14px;
  620. background: #f0f0f1;
  621. color: #2271b1;
  622. z-index: 100000;
  623. line-height: normal;
  624. text-decoration: none;
  625. box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  626. }
  627. @media screen and (max-width: 782px) {
  628. /* Toolbar Touchification*/
  629. html #wpadminbar {
  630. height: 46px;
  631. min-width: 240px; /* match the min-width of the body in wp-admin/css/common.css */
  632. }
  633. #wpadminbar * {
  634. font-size: 14px;
  635. font-weight: 400;
  636. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  637. line-height: 2.28571428;
  638. }
  639. #wpadminbar .quicklinks > ul > li > a,
  640. #wpadminbar .quicklinks .ab-empty-item {
  641. padding: 0;
  642. height: 46px;
  643. line-height: 3.28571428;
  644. width: auto;
  645. }
  646. #wpadminbar .ab-icon {
  647. font: 40px/1 dashicons !important;
  648. margin: 0;
  649. padding: 0;
  650. width: 52px;
  651. height: 46px;
  652. text-align: center;
  653. }
  654. #wpadminbar .ab-icon:before {
  655. text-align: center;
  656. }
  657. #wpadminbar .ab-submenu {
  658. padding: 0;
  659. }
  660. #wpadminbar #wp-admin-bar-site-name a.ab-item,
  661. #wpadminbar #wp-admin-bar-my-sites a.ab-item,
  662. #wpadminbar #wp-admin-bar-my-account a.ab-item {
  663. text-overflow: clip;
  664. }
  665. #wpadminbar .quicklinks .menupop ul li .ab-item,
  666. #wpadminbar .quicklinks .menupop ul li a strong,
  667. #wpadminbar .quicklinks .menupop.hover ul li .ab-item,
  668. #wpadminbar.nojs .quicklinks .menupop:hover ul li .ab-item,
  669. #wpadminbar .shortlink-input {
  670. line-height: 1.6;
  671. }
  672. #wpadminbar .ab-label {
  673. display: none;
  674. }
  675. #wpadminbar .menupop li:hover > .ab-sub-wrapper,
  676. #wpadminbar .menupop li.hover > .ab-sub-wrapper {
  677. margin-top: -46px;
  678. }
  679. #wpadminbar .ab-top-menu .menupop .ab-sub-wrapper .menupop > .ab-item {
  680. padding-left: 30px;
  681. }
  682. #wpadminbar .menupop .menupop > .ab-item:before {
  683. top: 10px;
  684. left: 6px;
  685. }
  686. #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper .ab-item {
  687. font-size: 16px;
  688. padding: 8px 16px;
  689. }
  690. #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper a:empty {
  691. display: none;
  692. }
  693. /* WP logo */
  694. #wpadminbar #wp-admin-bar-wp-logo > .ab-item {
  695. padding: 0;
  696. }
  697. #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon {
  698. padding: 0;
  699. width: 52px;
  700. height: 46px;
  701. text-align: center;
  702. vertical-align: top;
  703. }
  704. #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {
  705. font: 28px/1 dashicons !important;
  706. top: -3px;
  707. }
  708. #wpadminbar .ab-icon,
  709. #wpadminbar .ab-item:before {
  710. padding: 0;
  711. }
  712. /* My Sites and "Site Title" menu */
  713. #wpadminbar #wp-admin-bar-my-sites > .ab-item,
  714. #wpadminbar #wp-admin-bar-site-name > .ab-item,
  715. #wpadminbar #wp-admin-bar-customize > .ab-item,
  716. #wpadminbar #wp-admin-bar-edit > .ab-item,
  717. #wpadminbar #wp-admin-bar-my-account > .ab-item {
  718. text-indent: 100%;
  719. white-space: nowrap;
  720. overflow: hidden;
  721. width: 52px;
  722. padding: 0;
  723. color: #a7aaad; /* @todo not needed? this text is hidden */
  724. position: relative;
  725. }
  726. #wpadminbar > #wp-toolbar > #wp-admin-bar-root-default .ab-icon,
  727. #wpadminbar .ab-icon,
  728. #wpadminbar .ab-item:before {
  729. padding: 0;
  730. margin-left: 0;
  731. }
  732. #wpadminbar #wp-admin-bar-edit > .ab-item:before,
  733. #wpadminbar #wp-admin-bar-my-sites > .ab-item:before,
  734. #wpadminbar #wp-admin-bar-site-name > .ab-item:before,
  735. #wpadminbar #wp-admin-bar-customize > .ab-item:before,
  736. #wpadminbar #wp-admin-bar-my-account > .ab-item:before {
  737. display: block;
  738. text-indent: 0;
  739. font: normal 32px/1 dashicons;
  740. speak: never;
  741. top: 7px;
  742. width: 52px;
  743. text-align: center;
  744. -webkit-font-smoothing: antialiased;
  745. -moz-osx-font-smoothing: grayscale;
  746. }
  747. #wpadminbar #wp-admin-bar-appearance {
  748. margin-top: 0;
  749. }
  750. #wpadminbar .quicklinks li .blavatar:before {
  751. display: none;
  752. }
  753. /* Search */
  754. #wpadminbar #wp-admin-bar-search {
  755. display: none;
  756. }
  757. /* New Content */
  758. #wpadminbar #wp-admin-bar-new-content .ab-icon:before {
  759. top: 0;
  760. line-height: 1.33333333;
  761. height: 46px !important;
  762. text-align: center;
  763. width: 52px;
  764. display: block;
  765. }
  766. /* Updates */
  767. #wpadminbar #wp-admin-bar-updates {
  768. text-align: center;
  769. }
  770. #wpadminbar #wp-admin-bar-updates .ab-icon:before {
  771. top: 3px;
  772. }
  773. /* Comments */
  774. #wpadminbar #wp-admin-bar-comments .ab-icon {
  775. margin: 0;
  776. }
  777. #wpadminbar #wp-admin-bar-comments .ab-icon:before {
  778. display: block;
  779. font-size: 34px;
  780. height: 46px;
  781. line-height: 1.38235294;
  782. top: 0;
  783. }
  784. /* My Account */
  785. #wpadminbar #wp-admin-bar-my-account > a {
  786. position: relative;
  787. white-space: nowrap;
  788. text-indent: 150%; /* More than 100% indention is needed since this element has padding */
  789. width: 28px;
  790. padding: 0 10px;
  791. overflow: hidden; /* Prevent link text from forcing horizontal scrolling on mobile */
  792. }
  793. #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
  794. position: absolute;
  795. top: 13px;
  796. left: 10px;
  797. width: 26px;
  798. height: 26px;
  799. }
  800. #wpadminbar #wp-admin-bar-user-actions.ab-submenu {
  801. padding: 0;
  802. }
  803. #wpadminbar #wp-admin-bar-user-actions.ab-submenu img.avatar {
  804. display: none;
  805. }
  806. #wpadminbar #wp-admin-bar-my-account.with-avatar #wp-admin-bar-user-actions > li {
  807. margin: 0;
  808. }
  809. #wpadminbar #wp-admin-bar-user-info .display-name {
  810. height: auto;
  811. font-size: 16px;
  812. line-height: 1.5;
  813. color: #f0f0f1;
  814. }
  815. #wpadminbar #wp-admin-bar-user-info a {
  816. padding-top: 4px;
  817. }
  818. #wpadminbar #wp-admin-bar-user-info .username {
  819. line-height: 0.8 !important;
  820. margin-bottom: -2px;
  821. }
  822. /* Show only default top level items */
  823. #wp-toolbar > ul > li {
  824. display: none;
  825. }
  826. #wpadminbar li#wp-admin-bar-menu-toggle,
  827. #wpadminbar li#wp-admin-bar-wp-logo,
  828. #wpadminbar li#wp-admin-bar-my-sites,
  829. #wpadminbar li#wp-admin-bar-updates,
  830. #wpadminbar li#wp-admin-bar-site-name,
  831. #wpadminbar li#wp-admin-bar-customize,
  832. #wpadminbar li#wp-admin-bar-new-content,
  833. #wpadminbar li#wp-admin-bar-edit,
  834. #wpadminbar li#wp-admin-bar-comments,
  835. #wpadminbar li#wp-admin-bar-my-account {
  836. display: block;
  837. }
  838. /* Allow dropdown list items to appear normally */
  839. #wpadminbar li:hover ul li,
  840. #wpadminbar li.hover ul li,
  841. #wpadminbar li:hover ul li:hover ul li {
  842. display: list-item;
  843. }
  844. /* Override default min-width so dropdown lists aren't stretched
  845. to 100% viewport width at responsive sizes. */
  846. #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper {
  847. min-width: -moz-fit-content;
  848. min-width: fit-content;
  849. }
  850. #wpadminbar ul#wp-admin-bar-root-default > li {
  851. margin-left: 0;
  852. }
  853. /* Experimental fix for touch toolbar dropdown positioning */
  854. #wpadminbar .ab-top-menu,
  855. #wpadminbar .ab-top-secondary,
  856. #wpadminbar #wp-admin-bar-wp-logo,
  857. #wpadminbar #wp-admin-bar-my-sites,
  858. #wpadminbar #wp-admin-bar-site-name,
  859. #wpadminbar #wp-admin-bar-updates,
  860. #wpadminbar #wp-admin-bar-comments,
  861. #wpadminbar #wp-admin-bar-new-content,
  862. #wpadminbar #wp-admin-bar-edit,
  863. #wpadminbar #wp-admin-bar-my-account {
  864. position: static;
  865. }
  866. #wpadminbar #wp-admin-bar-my-account {
  867. float: left;
  868. }
  869. .network-admin #wpadminbar ul#wp-admin-bar-top-secondary > li#wp-admin-bar-my-account {
  870. margin-left: 0;
  871. }
  872. /* Realign arrows on taller responsive submenus */
  873. #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item:before {
  874. top: 10px;
  875. right: 0;
  876. }
  877. }
  878. /* Smartphone */
  879. @media screen and (max-width: 600px) {
  880. #wpadminbar {
  881. position: absolute;
  882. }
  883. #wp-responsive-overlay {
  884. position: fixed;
  885. top: 0;
  886. right: 0;
  887. width: 100%;
  888. height: 100%;
  889. z-index: 400;
  890. }
  891. #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper {
  892. width: 100%;
  893. right: 0;
  894. }
  895. #wpadminbar .menupop .menupop > .ab-item:before {
  896. display: none;
  897. }
  898. #wpadminbar #wp-admin-bar-wp-logo.menupop .ab-sub-wrapper {
  899. margin-right: 0;
  900. }
  901. #wpadminbar .ab-top-menu > .menupop li > .ab-sub-wrapper {
  902. margin: 0;
  903. width: 100%;
  904. top: auto;
  905. right: auto;
  906. position: relative;
  907. }
  908. #wpadminbar .ab-top-menu > .menupop li > .ab-sub-wrapper .ab-item {
  909. font-size: 16px;
  910. padding: 6px 30px 19px 15px;
  911. }
  912. #wpadminbar li:hover ul li ul li {
  913. display: list-item;
  914. }
  915. #wpadminbar li#wp-admin-bar-wp-logo,
  916. #wpadminbar li#wp-admin-bar-updates {
  917. display: none;
  918. }
  919. /* Make submenus full-width at this size */
  920. #wpadminbar .ab-top-menu > .menupop li > .ab-sub-wrapper {
  921. position: static;
  922. box-shadow: none;
  923. }
  924. }
  925. /* Very narrow screens */
  926. @media screen and (max-width: 400px) {
  927. #wpadminbar li#wp-admin-bar-comments {
  928. display: none;
  929. }
  930. }