選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。
 
 
 
 
 

1160 行
25 KiB

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