AMP for WordPress - Version 1.2.1

Version Description

Download this release

Release Info

Developer westonruter
Plugin Icon 128x128 AMP for WordPress
Version 1.2.1
Comparing to
See all releases

Code changes from version 1.2.0 to 1.2.1

Files changed (198) hide show
  1. amp.php +12 -9
  2. assets/css/admin-bar-rtl.css +1181 -0
  3. assets/css/admin-bar.css +160 -37
  4. assets/css/admin-tables-rtl.css +75 -0
  5. assets/css/admin-tables.css +4 -0
  6. assets/css/amp-block-editor-compiled-rtl.css +0 -835
  7. assets/css/amp-block-editor-compiled.css +0 -835
  8. assets/css/amp-block-editor-rtl.css +20 -0
  9. assets/css/amp-block-validation-compiled-rtl.css +1 -0
  10. assets/css/amp-block-validation-compiled.css +1 -0
  11. assets/css/amp-customizer-rtl.css +127 -0
  12. assets/css/amp-default-rtl.css +63 -0
  13. assets/css/amp-default.css +3 -1
  14. assets/css/amp-playlist-shortcode-rtl.css +19 -0
  15. assets/css/amp-post-meta-box-rtl.css +67 -0
  16. assets/css/amp-post-meta-box.css +0 -15
  17. assets/css/amp-stories-compiled-rtl.css +0 -1
  18. assets/css/amp-stories-compiled.css +0 -2
  19. assets/css/amp-stories-editor-compiled-compiled-rtl.css +1 -0
  20. assets/css/amp-stories-editor-compiled-rtl.css +1 -1
  21. assets/css/amp-stories-editor-compiled.css +1 -3
  22. assets/css/amp-stories-editor-rtl.css +244 -0
  23. assets/css/amp-stories-editor.css +30 -10
  24. assets/css/amp-stories-frontend-rtl.css +141 -0
  25. assets/css/amp-stories-frontend.css +23 -0
  26. assets/css/amp-stories-rtl.css +91 -0
  27. assets/css/amp-stories.css +1 -18
  28. assets/css/amp-story-card-rtl.css +97 -0
  29. assets/css/amp-validation-error-taxonomy-rtl.css +298 -0
  30. assets/css/amp-validation-single-error-url-rtl.css +165 -0
  31. assets/css/amp-validation-tooltips-rtl.css +11 -0
  32. assets/css/amp-validation-tooltips.css +4 -0
  33. assets/images/add-page-inserter.svg +0 -1
  34. assets/images/add-template.svg +0 -11
  35. assets/images/amp-page-fallback-wordpress-publisher-logo.png +0 -0
  36. assets/images/amp-story-page-icon.svg +0 -1
  37. assets/images/bring-forward.svg +0 -1
  38. assets/images/bring-front.svg +0 -1
  39. assets/images/call-to-action.svg +0 -1
  40. assets/images/font-names/arimo.svg +0 -1
  41. assets/images/font-names/lato.svg +0 -1
  42. assets/images/font-names/lora.svg +0 -1
  43. assets/images/font-names/merriweather.svg +0 -1
  44. assets/images/font-names/montserrat.svg +0 -1
  45. assets/images/font-names/noto-sans.svg +0 -1
  46. assets/images/font-names/open-sans-condensed.svg +0 -1
  47. assets/images/font-names/open-sans.svg +0 -1
  48. assets/images/font-names/oswald.svg +0 -1
  49. assets/images/font-names/playfair-display.svg +0 -1
  50. assets/images/font-names/pt-sans-narrow.svg +0 -1
  51. assets/images/font-names/pt-sans.svg +0 -1
  52. assets/images/font-names/pt-serif.svg +0 -1
  53. assets/images/font-names/raleway.svg +0 -1
  54. assets/images/font-names/roboto-condensed.svg +0 -1
  55. assets/images/font-names/roboto-slab.svg +0 -1
  56. assets/images/font-names/roboto.svg +0 -1
  57. assets/images/font-names/slabo-27.svg +0 -1
  58. assets/images/font-names/source-sans-pro.svg +0 -1
  59. assets/images/font-names/ubuntu.svg +0 -1
  60. assets/images/reorder.svg +0 -11
  61. assets/images/send-back.svg +0 -1
  62. assets/images/send-backwards.svg +0 -1
  63. assets/images/stories-editor/amp-story-fallback-wordpress-publisher-logo.png +0 -0
  64. assets/images/{story-fallback-poster.jpg → stories-editor/story-fallback-poster.jpg} +0 -0
  65. assets/images/{story-templates → stories-editor/story-templates}/cta-bg.jpg +0 -0
  66. assets/images/{story-templates → stories-editor/story-templates}/cta-image.jpg +0 -0
  67. assets/images/{story-templates → stories-editor/story-templates}/fandom-cta.jpg +0 -0
  68. assets/images/{story-templates → stories-editor/story-templates}/fandom-fact.jpg +0 -0
  69. assets/images/{story-templates → stories-editor/story-templates}/fandom-title.jpg +0 -0
  70. assets/images/{story-templates → stories-editor/story-templates}/got-logo.png +0 -0
  71. assets/images/{story-templates → stories-editor/story-templates}/intro-bg.jpg +0 -0
  72. assets/images/{story-templates → stories-editor/story-templates}/quote-bg.jpg +0 -0
  73. assets/images/{story-templates → stories-editor/story-templates}/quote-image.png +0 -0
  74. assets/images/{story-templates → stories-editor/story-templates}/rome.png +0 -0
  75. assets/images/{story-templates → stories-editor/story-templates}/title-bg.jpg +0 -0
  76. assets/images/{story-templates → stories-editor/story-templates}/travel-tip.jpg +0 -0
  77. assets/js/amp-block-editor.deps.json +1 -1
  78. assets/js/amp-block-editor.js +10 -6
  79. assets/js/amp-block-validation.js +3 -3
  80. assets/js/amp-stories-editor.deps.json +1 -1
  81. assets/js/amp-stories-editor.js +23 -15
  82. assets/js/wp-dom-ready.deps.json +1 -1
  83. assets/js/wp-dom-ready.js +1 -1
  84. assets/js/wp-i18n.deps.json +1 -1
  85. assets/js/wp-i18n.js +1 -1
  86. assets/js/wp-server-side-render.deps.json +1 -0
  87. assets/js/wp-server-side-render.js +3 -0
  88. back-compat/templates-v0-3/meta-author.php +2 -2
  89. back-compat/templates-v0-3/single.php +3 -3
  90. includes/admin/class-amp-admin-pointer.php +12 -11
  91. includes/admin/class-amp-admin-pointers.php +19 -19
  92. includes/admin/class-amp-customizer.php +24 -21
  93. includes/admin/class-amp-editor-blocks.php +12 -10
  94. includes/admin/class-amp-post-meta-box.php +37 -36
  95. includes/admin/class-amp-story-templates.php +70 -58
  96. includes/admin/functions.php +9 -9
  97. includes/amp-helper-functions.php +187 -154
  98. includes/amp-post-template-functions.php +4 -4
  99. includes/class-amp-autoloader.php +11 -8
  100. includes/class-amp-cli.php +26 -30
  101. includes/class-amp-comment-walker.php +2 -2
  102. includes/class-amp-http.php +34 -35
  103. includes/class-amp-post-type-support.php +9 -9
  104. includes/class-amp-service-worker.php +47 -45
  105. includes/class-amp-story-media.php +376 -0
  106. includes/class-amp-story-post-type.php +940 -463
  107. includes/class-amp-theme-support.php +196 -182
  108. includes/deprecated.php +3 -1
  109. includes/embeds/class-amp-base-embed-handler.php +5 -5
  110. includes/embeds/class-amp-core-block-handler.php +7 -10
  111. includes/embeds/class-amp-crowdsignal-embed-handler.php +2 -2
  112. includes/embeds/class-amp-dailymotion-embed.php +16 -17
  113. includes/embeds/class-amp-facebook-embed.php +28 -14
  114. includes/embeds/class-amp-gallery-embed.php +54 -40
  115. includes/embeds/class-amp-gfycat-embed-handler.php +3 -3
  116. includes/embeds/class-amp-hulu-embed-handler.php +3 -3
  117. includes/embeds/class-amp-imgur-embed-handler.php +11 -11
  118. includes/embeds/class-amp-instagram-embed.php +14 -15
  119. includes/embeds/class-amp-issuu-embed-handler.php +4 -4
  120. includes/embeds/class-amp-meetup-embed-handler.php +2 -2
  121. includes/embeds/class-amp-pinterest-embed.php +6 -6
  122. includes/embeds/class-amp-playlist-embed-handler.php +27 -17
  123. includes/embeds/class-amp-reddit-embed-handler.php +6 -6
  124. includes/embeds/class-amp-soundcloud-embed.php +120 -69
  125. includes/embeds/class-amp-tumblr-embed-handler.php +4 -4
  126. includes/embeds/class-amp-twitter-embed.php +12 -12
  127. includes/embeds/class-amp-vimeo-embed.php +20 -21
  128. includes/embeds/class-amp-vine-embed.php +9 -9
  129. includes/embeds/class-amp-youtube-embed.php +17 -17
  130. includes/options/class-amp-analytics-options-submenu.php +2 -2
  131. includes/options/class-amp-options-manager.php +40 -36
  132. includes/options/class-amp-options-menu.php +76 -44
  133. includes/options/views/class-amp-analytics-options-submenu-page.php +1 -1
  134. includes/sanitizers/class-amp-allowed-tags-generated.php +559 -415
  135. includes/sanitizers/class-amp-audio-sanitizer.php +9 -9
  136. includes/sanitizers/class-amp-base-sanitizer.php +27 -28
  137. includes/sanitizers/class-amp-blacklist-sanitizer.php +20 -16
  138. includes/sanitizers/class-amp-block-sanitizer.php +31 -1
  139. includes/sanitizers/class-amp-comments-sanitizer.php +12 -12
  140. includes/sanitizers/class-amp-core-theme-sanitizer.php +184 -184
  141. includes/sanitizers/class-amp-embed-sanitizer.php +2 -2
  142. includes/sanitizers/class-amp-form-sanitizer.php +5 -5
  143. includes/sanitizers/class-amp-gallery-block-sanitizer.php +29 -22
  144. includes/sanitizers/class-amp-iframe-sanitizer.php +79 -14
  145. includes/sanitizers/class-amp-img-sanitizer.php +15 -14
  146. includes/sanitizers/class-amp-nav-menu-dropdown-sanitizer.php +6 -8
  147. includes/sanitizers/class-amp-nav-menu-toggle-sanitizer.php +6 -6
  148. includes/sanitizers/class-amp-o2-player-sanitizer.php +5 -5
  149. includes/sanitizers/class-amp-playbuzz-sanitizer.php +4 -4
  150. includes/sanitizers/class-amp-rule-spec.php +10 -10
  151. includes/sanitizers/class-amp-story-export-sanitizer.php +235 -0
  152. includes/sanitizers/class-amp-style-sanitizer.php +312 -252
  153. includes/sanitizers/class-amp-tag-and-attribute-sanitizer.php +151 -163
  154. includes/sanitizers/class-amp-video-sanitizer.php +11 -11
  155. includes/sanitizers/trait-amp-noscript-fallback.php +9 -7
  156. includes/settings/class-amp-customizer-design-settings.php +50 -50
  157. includes/settings/class-amp-customizer-settings.php +1 -1
  158. includes/story-export/readme.txt +5 -0
  159. templates/admin/amp-status.php → includes/templates/amp-enabled-classic-editor-toggle.php +0 -0
  160. includes/templates/class-amp-content-sanitizer.php +8 -8
  161. includes/templates/class-amp-content.php +9 -17
  162. includes/templates/class-amp-post-template.php +25 -25
  163. includes/templates/embed-amp-story.php +3 -3
  164. includes/templates/single-amp_story.php +13 -13
  165. includes/templates/story-templates/fandom-cta.html +5 -5
  166. includes/templates/story-templates/fandom-fact-text.html +5 -5
  167. includes/templates/story-templates/fandom-fact.html +5 -5
  168. includes/templates/story-templates/fandom-intro.html +2 -2
  169. includes/templates/story-templates/fandom-title.html +5 -5
  170. includes/templates/story-templates/quote.html +4 -4
  171. includes/templates/story-templates/title-page.html +5 -5
  172. includes/templates/story-templates/travel-cta.html +7 -7
  173. includes/templates/story-templates/travel-tip.html +3 -3
  174. includes/templates/story-templates/travel-vertical.html +4 -4
  175. includes/utils/class-amp-dom-utils.php +67 -47
  176. includes/utils/class-amp-html-utils.php +4 -12
  177. includes/utils/class-amp-image-dimension-extractor.php +15 -15
  178. includes/utils/class-amp-wp-utils.php +2 -2
  179. includes/validation/class-amp-validated-url-post-type.php +161 -167
  180. includes/validation/class-amp-validation-callback-wrapper.php +152 -0
  181. includes/validation/class-amp-validation-error-taxonomy.php +139 -150
  182. includes/validation/class-amp-validation-manager.php +150 -179
  183. includes/widgets/class-amp-widget-archives.php +4 -4
  184. includes/widgets/class-amp-widget-categories.php +4 -4
  185. readme.txt +2 -2
  186. templates/header-bar.php +13 -0
  187. templates/header.php +8 -1
  188. templates/html-start.php +2 -1
  189. templates/meta-author.php +7 -1
  190. templates/meta-comments-link.php +6 -0
  191. templates/meta-taxonomy.php +6 -0
  192. templates/meta-time.php +6 -0
  193. templates/page.php +5 -5
  194. templates/single.php +7 -7
  195. vendor/autoload.php +1 -1
  196. vendor/composer/autoload_real.php +4 -4
  197. vendor/composer/autoload_static.php +5 -5
  198. vendor/composer/installed.json +13 -13
amp.php CHANGED
@@ -5,7 +5,7 @@
5
* Plugin URI: https://amp-wp.org
6
* Author: AMP Project Contributors
7
* Author URI: https://github.com/ampproject/amp-wp/graphs/contributors
8
- * Version: 1.2.0
9
* Text Domain: amp
10
* Domain Path: /languages/
11
* License: GPLv2 or later
@@ -13,16 +13,20 @@
13
* @package AMP
14
*/
15
16
/**
17
* Errors encountered while loading the plugin.
18
*
19
* This has to be a global for the same of PHP 5.2.
20
*
21
- * @var \WP_Error $_amp_load_errors
22
*/
23
global $_amp_load_errors;
24
25
- $_amp_load_errors = new \WP_Error();
26
27
if ( version_compare( phpversion(), '5.4', '<' ) ) {
28
$_amp_load_errors->add(
@@ -145,7 +149,7 @@ if ( count( $_amp_missing_functions ) > 0 ) {
145
146
unset( $_amp_required_extensions, $_amp_missing_extensions, $_amp_required_constructs, $_amp_missing_classes, $_amp_missing_functions, $_amp_required_extension, $_amp_construct_type, $_amp_construct, $_amp_constructs );
147
148
- if ( ! file_exists( __DIR__ . '/vendor/autoload.php' ) || ! file_exists( __DIR__ . '/vendor/sabberworm/php-css-parser' ) || ! file_exists( __DIR__ . '/assets/js/amp-block-editor.js' ) ) {
149
$_amp_load_errors->add(
150
'build_required',
151
sprintf(
@@ -160,7 +164,7 @@ if ( ! file_exists( __DIR__ . '/vendor/autoload.php' ) || ! file_exists( __DIR__
160
* Displays an admin notice about why the plugin is unable to load.
161
*
162
* @since 1.1.2
163
- * @global \WP_Error $_amp_load_errors
164
*/
165
function _amp_show_load_errors_admin_notice() {
166
global $_amp_load_errors;
@@ -207,9 +211,6 @@ if ( ! empty( $_amp_load_errors->errors ) ) {
207
return;
208
}
209
210
- define( 'AMP__FILE__', __FILE__ );
211
- define( 'AMP__DIR__', dirname( __FILE__ ) );
212
- define( 'AMP__VERSION', '1.2.0' );
213
214
/**
215
* Print admin notice if plugin installed with incorrect slug (which impacts WordPress's auto-update system).
@@ -363,9 +364,11 @@ function amp_init() {
363
364
if ( AMP_Options_Manager::is_stories_experience_enabled() ) {
365
AMP_Story_Post_Type::register();
366
- add_action( 'wp_loaded', 'amp_story_templates' );
367
}
368
369
if ( defined( 'WP_CLI' ) && WP_CLI ) {
370
WP_CLI::add_command( 'amp', new AMP_CLI() );
371
}
5
* Plugin URI: https://amp-wp.org
6
* Author: AMP Project Contributors
7
* Author URI: https://github.com/ampproject/amp-wp/graphs/contributors
8
+ * Version: 1.2.1
9
* Text Domain: amp
10
* Domain Path: /languages/
11
* License: GPLv2 or later
13
* @package AMP
14
*/
15
16
+ define( 'AMP__FILE__', __FILE__ );
17
+ define( 'AMP__DIR__', dirname( __FILE__ ) );
18
+ define( 'AMP__VERSION', '1.2.1' );
19
+
20
/**
21
* Errors encountered while loading the plugin.
22
*
23
* This has to be a global for the same of PHP 5.2.
24
*
25
+ * @var WP_Error $_amp_load_errors
26
*/
27
global $_amp_load_errors;
28
29
+ $_amp_load_errors = new WP_Error();
30
31
if ( version_compare( phpversion(), '5.4', '<' ) ) {
32
$_amp_load_errors->add(
149
150
unset( $_amp_required_extensions, $_amp_missing_extensions, $_amp_required_constructs, $_amp_missing_classes, $_amp_missing_functions, $_amp_required_extension, $_amp_construct_type, $_amp_construct, $_amp_constructs );
151
152
+ if ( ! file_exists( AMP__DIR__ . '/vendor/autoload.php' ) || ! file_exists( AMP__DIR__ . '/vendor/sabberworm/php-css-parser' ) || ! file_exists( AMP__DIR__ . '/assets/js/amp-block-editor.js' ) ) {
153
$_amp_load_errors->add(
154
'build_required',
155
sprintf(
164
* Displays an admin notice about why the plugin is unable to load.
165
*
166
* @since 1.1.2
167
+ * @global WP_Error $_amp_load_errors
168
*/
169
function _amp_show_load_errors_admin_notice() {
170
global $_amp_load_errors;
211
return;
212
}
213
214
215
/**
216
* Print admin notice if plugin installed with incorrect slug (which impacts WordPress's auto-update system).
364
365
if ( AMP_Options_Manager::is_stories_experience_enabled() ) {
366
AMP_Story_Post_Type::register();
367
}
368
369
+ // Does its own is_stories_experience_enabled() check.
370
+ add_action( 'wp_loaded', 'amp_story_templates' );
371
+
372
if ( defined( 'WP_CLI' ) && WP_CLI ) {
373
WP_CLI::add_command( 'amp', new AMP_CLI() );
374
}
assets/css/admin-bar-rtl.css ADDED
@@ -0,0 +1,1181 @@
1
+ /*
2
+ This is forked from core's admin-bar.css from WP 5.3-alpha at 160fc055da156248277513dd5256fbcc66faa5a7.
3
+
4
+ https://github.com/WordPress/wordpress-develop/blob/160fc055da156248277513dd5256fbcc66faa5a7/src/wp-includes/css/admin-bar.css
5
+
6
+ - References to .hover have been replaced with :focus-within (which is not supported in IE11).
7
+ - Universal selector properties have been removed which interferes with AMP shadow elements.
8
+ */
9
+
10
+ #wpadminbar * {
11
+ height: auto;
12
+ width: auto;
13
+ margin: 0;
14
+ padding: 0;
15
+ /* Removed because interferes with amp-img>img: position: static; */
16
+ text-shadow: none;
17
+ text-transform: none;
18
+ letter-spacing: normal;
19
+ font-size: 13px;
20
+ font-weight: 400;
21
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
22
+ line-height: 2.46153846;
23
+ border-radius: 0;
24
+ box-sizing: content-box;
25
+ transition: none;
26
+ -webkit-font-smoothing: subpixel-antialiased; /* Prevent Safari from switching to standard antialiasing on hover */
27
+ -moz-osx-font-smoothing: auto; /* Prevent Firefox from inheriting from themes that use other values */
28
+ }
29
+
30
+ .rtl #wpadminbar * {
31
+ font-family: Tahoma, sans-serif;
32
+ }
33
+
34
+ html:lang(he-il) .rtl #wpadminbar * {
35
+ font-family: Arial, sans-serif;
36
+ }
37
+
38
+ #wpadminbar .ab-empty-item {
39
+ cursor: default;
40
+ }
41
+
42
+ #wpadminbar .ab-empty-item,
43
+ #wpadminbar a.ab-item,
44
+ #wpadminbar > #wp-toolbar span.ab-label,
45
+ #wpadminbar > #wp-toolbar span.noticon {
46
+ color: #eee;
47
+ }
48
+
49
+ #wpadminbar #wp-admin-bar-site-name a.ab-item,
50
+ #wpadminbar #wp-admin-bar-my-sites a.ab-item {
51
+ white-space: nowrap;
52
+ overflow: hidden;
53
+ text-overflow: ellipsis;
54
+ }
55
+
56
+ #wpadminbar ul li:before,
57
+ #wpadminbar ul li:after {
58
+ content: normal;
59
+ }
60
+
61
+ #wpadminbar a,
62
+ #wpadminbar a:hover,
63
+ #wpadminbar a img,
64
+ #wpadminbar a img:hover {
65
+ border: none;
66
+ text-decoration: none;
67
+ background: none;
68
+ }
69
+
70
+ #wpadminbar a:focus,
71
+ #wpadminbar a:active,
72
+ #wpadminbar input[type="text"],
73
+ #wpadminbar input[type="password"],
74
+ #wpadminbar input[type="number"],
75
+ #wpadminbar input[type="search"],
76
+ #wpadminbar input[type="email"],
77
+ #wpadminbar input[type="url"],
78
+ #wpadminbar select,
79
+ #wpadminbar textarea,
80
+ #wpadminbar div {
81
+ box-shadow: none;
82
+ }
83
+
84
+ #wpadminbar a:focus {
85
+ /* Inherits transparent outline only visible in Windows High Contrast mode */
86
+ outline-offset: -1px;
87
+ }
88
+
89
+ #wpadminbar {
90
+ direction: rtl;
91
+ color: #ccc;
92
+ font-size: 13px;
93
+ font-weight: 400;
94
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
95
+ line-height: 2.46153846;
96
+ height: 32px;
97
+ position: fixed;
98
+ top: 0;
99
+ right: 0;
100
+ width: 100%;
101
+ min-width: 600px; /* match the min-width of the body in wp-admin/css/common.css */
102
+ z-index: 99999;
103
+ background: #23282d;
104
+ }
105
+
106
+ #wpadminbar .ab-sub-wrapper,
107
+ #wpadminbar ul,
108
+ #wpadminbar ul li {
109
+ background: none;
110
+ clear: none;
111
+ list-style: none;
112
+ margin: 0;
113
+ padding: 0;
114
+ position: relative;
115
+ text-indent: 0;
116
+ z-index: 99999;
117
+ }
118
+
119
+ #wpadminbar ul#wp-admin-bar-root-default>li {
120
+ margin-left: 0;
121
+ }
122
+
123
+ #wpadminbar .quicklinks ul {
124
+ text-align: right;
125
+ }
126
+
127
+ #wpadminbar li {
128
+ float: right;
129
+ }
130
+
131
+ #wpadminbar .ab-empty-item {
132
+ outline: none;
133
+ }
134
+
135
+ #wpadminbar .quicklinks .ab-top-secondary > li {
136
+ float: left;
137
+ }
138
+
139
+ #wpadminbar .quicklinks a,
140
+ #wpadminbar .quicklinks .ab-empty-item,
141
+ #wpadminbar .shortlink-input {
142
+ height: 32px;
143
+ display: block;
144
+ padding: 0 10px;
145
+ margin: 0;
146
+ }
147
+
148
+ #wpadminbar .quicklinks > ul > li > a {
149
+ padding: 0 7px 0 8px;
150
+ }
151
+
152
+ #wpadminbar .menupop .ab-sub-wrapper,
153
+ #wpadminbar .shortlink-input {
154
+ margin: 0;
155
+ padding: 0;
156
+ box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
157
+ background: #32373c;
158
+ display: none;
159
+ position: absolute;
160
+ float: none;
161
+ }
162
+
163
+ #wpadminbar.ie7 .menupop .ab-sub-wrapper,
164
+ #wpadminbar.ie7 .shortlink-input {
165
+ top: 32px;
166
+ right: 0;
167
+ }
168
+
169
+ #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper {
170
+ min-width: 100%;
171
+ }
172
+
173
+ #wpadminbar .ab-top-secondary .menupop .ab-sub-wrapper {
174
+ left: 0;
175
+ right: auto;
176
+ }
177
+
178
+ #wpadminbar .ab-submenu {
179
+ padding: 6px 0;
180
+ }
181
+
182
+ #wpadminbar .selected .shortlink-input {
183
+ display: block;
184
+ }
185
+
186
+ #wpadminbar .quicklinks .menupop ul li {
187
+ float: none;
188
+ }
189
+
190
+ #wpadminbar .quicklinks .menupop ul li a strong {
191
+ font-weight: 600;
192
+ }
193
+
194
+ #wpadminbar .quicklinks .menupop ul li .ab-item,
195
+ #wpadminbar .quicklinks .menupop ul li a strong,
196
+ #wpadminbar .quicklinks .menupop:focus-within ul li .ab-item,
197
+ #wpadminbar.nojs .quicklinks .menupop:hover ul li .ab-item,
198
+ #wpadminbar .shortlink-input {
199
+ line-height: 2;
200
+ height: 26px;
201
+ white-space: nowrap;
202
+ min-width: 140px;
203
+ }
204
+
205
+ #wpadminbar .shortlink-input {
206
+ width: 200px;
207
+ }
208
+
209
+ #wpadminbar.nojs li:hover > .ab-sub-wrapper,
210
+ #wpadminbar li:focus-within > .ab-sub-wrapper {
211
+ display: block;
212
+ }
213
+
214
+ #wpadminbar .menupop li:hover > .ab-sub-wrapper,
215
+ #wpadminbar .menupop li:focus-within > .ab-sub-wrapper {
216
+ margin-right: 100%;
217
+ margin-top: -32px;
218
+ }
219
+
220
+ #wpadminbar .ab-top-secondary .menupop li:hover > .ab-sub-wrapper,
221
+ #wpadminbar .ab-top-secondary .menupop li:focus-within > .ab-sub-wrapper {
222
+ margin-right: 0;
223
+ right: inherit;
224
+ left: 100%;
225
+ }
226
+
227
+ #wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
228
+ #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
229
+ #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
230
+ #wpadminbar .ab-top-menu > li:focus-within > .ab-item {
231
+ background: #32373c;
232
+ color: #00b9eb;
233
+ }
234
+ #wpadminbar .ab-top-menu > li:focus-within > .ab-item {
235
+ background: #32373c;
236
+ color: #00b9eb;
237
+ }
238
+
239
+ #wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
240
+ #wpadminbar > #wp-toolbar li:focus-within span.ab-label,
241
+ #wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
242
+ color: #00b9eb;
243
+ }
244
+
245
+ #wpadminbar > #wp-toolbar > #wp-admin-bar-root-default .ab-icon,
246
+ #wpadminbar .ab-icon,
247
+ #wpadminbar .ab-item:before,
248
+ .wp-admin-bar-arrow {
249
+ position: relative;
250
+ float: right;
251
+ font: normal 20px/1 dashicons;
252
+ speak: none;
253
+ padding: 4px 0;
254
+ -webkit-font-smoothing: antialiased;
255
+ -moz-osx-font-smoothing: grayscale;
256
+ background-image: none !important;
257
+ margin-left: 6px;
258
+ }
259
+
260
+ #wpadminbar .ab-icon:before,
261
+ #wpadminbar .ab-item:before,
262
+ #wpadminbar #adminbarsearch:before {
263
+ color: #a0a5aa;
264
+ color: rgba(240, 245, 250, 0.6);
265
+ }
266
+
267
+ #wpadminbar .ab-icon:before,
268
+ #wpadminbar .ab-item:before,
269
+ #wpadminbar #adminbarsearch:before {
270
+ position: relative;
271
+ transition: all .1s ease-in-out;
272
+ }
273
+
274
+ #wpadminbar .ab-label {
275
+ display: inline-block;
276
+ height: 32px;
277
+ }
278
+
279
+ #wpadminbar .ab-submenu .ab-item {
280
+ color: #b4b9be;
281
+ color: rgba(240, 245, 250, 0.7);
282
+ }
283
+
284
+ #wpadminbar .quicklinks .menupop ul li a,
285
+ #wpadminbar .quicklinks .menupop ul li a strong,
286
+ #wpadminbar .quicklinks .menupop:focus-within ul li a,
287
+ #wpadminbar.nojs .quicklinks .menupop:hover ul li a {
288
+ color: #b4b9be;
289
+ color: rgba(240, 245, 250, 0.7);
290
+ }
291
+
292
+ #wpadminbar .quicklinks .menupop ul li a:hover,
293
+ #wpadminbar .quicklinks .menupop ul li a:focus,
294
+ #wpadminbar .quicklinks .menupop ul li a:hover strong,
295
+ #wpadminbar .quicklinks .menupop ul li a:focus strong,
296
+ #wpadminbar .quicklinks .ab-sub-wrapper .menupop:focus-within > a,
297
+ #wpadminbar .quicklinks .menupop:focus-within ul li a:hover,
298
+ #wpadminbar .quicklinks .menupop:focus-within ul li a:focus,
299
+ #wpadminbar .quicklinks .menupop:focus-within ul li div[tabindex]:hover,
300
+ #wpadminbar .quicklinks .menupop:focus-within ul li div[tabindex]:focus,
301
+ #wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
302
+ #wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
303
+ #wpadminbar li:hover .ab-icon:before,
304
+ #wpadminbar li:hover .ab-item:before,
305
+ #wpadminbar li a:focus .ab-icon:before,
306
+ #wpadminbar li .ab-item:focus:before,
307
+ #wpadminbar li .ab-item:focus .ab-icon:before,
308
+ #wpadminbar li:focus-within .ab-icon:before,
309
+ #wpadminbar li:focus-within .ab-item:before,
310
+ #wpadminbar li:hover #adminbarsearch:before,
311
+ #wpadminbar li #adminbarsearch.adminbar-focused:before {
312
+ color: #00b9eb;
313
+ }
314
+
315
+ #wpadminbar.mobile .quicklinks .ab-icon:before,
316
+ #wpadminbar.mobile .quicklinks .ab-item:before {
317
+ color: #b4b9be;
318
+ }
319
+
320
+ #wpadminbar.mobile .quicklinks :focus-within .ab-icon:before,
321
+ #wpadminbar.mobile .quicklinks :focus-within .ab-item:before {
322
+ color: #00b9eb;
323
+ }
324
+
325
+ #wpadminbar .menupop .menupop > .ab-item .wp-admin-bar-arrow:before,
326
+ #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item:before {
327
+ position: absolute;
328
+ font: normal 17px/1 dashicons;
329
+ speak: none;
330
+ -webkit-font-smoothing: antialiased;
331
+ -moz-osx-font-smoothing: grayscale;
332
+ }
333
+
334
+ #wpadminbar .menupop .menupop > .ab-item {
335
+ display: block;
336
+ padding-left: 2em;
337
+ }
338
+
339
+ #wpadminbar .menupop .menupop > .ab-item .wp-admin-bar-arrow:before {
340
+ top: 1px;
341
+ left: 10px;
342
+ padding: 4px 0;
343
+ content: "\f139";
344
+ color: inherit;
345
+ }
346
+
347
+ #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item {
348
+ padding-right: 2em;
349
+ padding-left: 1em;
350
+ }
351
+
352
+ #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item .wp-admin-bar-arrow:before {
353
+ top: 1px;
354
+ right: 6px;
355
+ content: "\f141";
356
+ }
357
+
358
+ #wpadminbar .quicklinks .menupop ul.ab-sub-secondary {
359
+ display: block;
360
+ position: relative;
361
+ left: auto;
362
+ margin: 0;
363
+ box-shadow: none;
364
+ }
365
+
366
+ #wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
367
+ #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
368
+ background: #464b50;
369
+ }
370
+
371
+ #wpadminbar .quicklinks .menupop .ab-sub-secondary > li > a:hover,
372
+ #wpadminbar .quicklinks .menupop .ab-sub-secondary > li .ab-item:focus a {
373
+ color: #00b9eb;
374
+ }
375
+
376
+ #wpadminbar .quicklinks a span#ab-updates {
377
+ background: #eee;
378
+ color: #32373c;
379
+ display: inline;
380
+ padding: 2px 5px;
381
+ font-size: 10px;
382
+ font-weight: 600;
383
+ border-radius: 10px;
384
+ }
385
+
386
+ #wpadminbar .quicklinks a:hover span#ab-updates {
387
+ background: #fff;
388
+ color: #000;
389
+ }
390
+
391
+ #wpadminbar .ab-top-secondary {
392
+ float: left;
393
+ }
394
+
395
+ #wpadminbar ul li:last-child,
396
+ #wpadminbar ul li:last-child .ab-item {
397
+ box-shadow: none;
398
+ }
399
+
400
+ /**
401
+ * Recovery Mode
402
+ */
403
+ #wpadminbar #wp-admin-bar-recovery-mode {
404
+ color: #fff;
405
+ background-color: #ca4a1f;
406
+ }
407
+
408
+ #wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode:focus-within >.ab-item,
409
+ #wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
410
+ #wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
411
+ #wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
412
+ color: #fff;
413
+ background-color: #c0461e;
414
+ }
415
+
416
+ /**
417
+ * My Account
418
+ */
419
+ #wp-admin-bar-my-account > ul {
420
+ min-width: 198px;
421
+ }
422
+
423
+ #wp-admin-bar-my-account > .ab-item:before {
424
+ content: "\f110";
425
+ top: 2px;
426
+ float: left;
427
+ margin-right: 6px;
428
+ margin-left: 0;
429
+ }
430
+
431
+ #wp-admin-bar-my-account.with-avatar > .ab-item:before {
432
+ display: none;
433
+ content: none;
434
+ }
435
+
436
+ #wp-admin-bar-my-account.with-avatar > ul {
437
+ min-width: 270px;
438
+ }
439
+
440
+ #wpadminbar.ie8 #wp-admin-bar-my-account.with-avatar .ab-item {
441
+ white-space: nowrap;
442
+ }
443
+
444
+ #wpadminbar #wp-admin-bar-user-actions > li {
445
+ margin-right: 16px;
446
+ margin-left: 16px;
447
+ }
448
+
449
+ #wpadminbar #wp-admin-bar-user-actions.ab-submenu {
450
+ padding: 6px 0 12px;
451
+ }
452
+
453
+ #wpadminbar #wp-admin-bar-my-account.with-avatar #wp-admin-bar-user-actions > li {
454
+ margin-right: 88px;
455
+ }
456
+
457
+ #wpadminbar #wp-admin-bar-user-info {
458
+ margin-top: 6px;
459
+ margin-bottom: 15px;
460
+ height: auto;
461
+ background: none;
462
+ }
463
+
464
+ #wp-admin-bar-user-info .avatar {
465
+ position: absolute;
466
+ right: -72px;
467
+ top: 4px;
468
+ width: 64px;
469
+ height: 64px;
470
+ }
471
+
472
+ #wpadminbar #wp-admin-bar-user-info a {
473
+ background: none;
474
+ height: auto;
475
+ }
476
+
477
+ #wpadminbar #wp-admin-bar-user-info span {
478
+ background: none;
479
+ padding: 0;
480
+ height: 18px;
481
+ }
482
+
483
+ #wpadminbar #wp-admin-bar-user-info .display-name,
484
+ #wpadminbar #wp-admin-bar-user-info .username {
485
+ display: block;
486
+ }
487
+
488
+ #wpadminbar #wp-admin-bar-user-info .username {
489
+ color: #a0a5aa;
490
+ font-size: 11px;
491
+ }
492
+
493
+ #wpadminbar #wp-admin-bar-my-account.with-avatar > .ab-empty-item img,
494
+ #wpadminbar #wp-admin-bar-my-account.with-avatar > a img {
495
+ width: 16px; /* Was auto. */
496
+ height: 16px;
497
+ padding: 0;
498
+ border: 1px solid #82878c;
499
+ background: #eee;
500
+ line-height: 1.84615384;
501
+ vertical-align: middle;
502
+ margin: -4px 6px 0 0;
503
+ float: none;
504
+ display: inline-block; /* Was inline. */
505
+ }
506
+
507
+ #wpadminbar.ie8 #wp-admin-bar-my-account.with-avatar > .ab-empty-item img,
508
+ #wpadminbar.ie8 #wp-admin-bar-my-account.with-avatar > a img {
509
+ width: 16px; /* Was auto. */
510
+ }
511
+
512
+ /**
513
+ * WP Logo
514
+ */
515
+ #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon {
516
+ width: 15px;
517
+ height: 20px;
518
+ margin-left: 0;
519
+ padding: 6px 0 5px;
520
+ }
521
+
522
+ #wpadminbar #wp-admin-bar-wp-logo > .ab-item {
523
+ padding: 0 7px;
524
+ }
525
+
526
+ #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {
527
+ content: "\f120";
528
+ top: 2px;
529
+ }
530
+
531
+ /*
532
+ * My Sites & Site Title
533
+ */
534
+ #wpadminbar .quicklinks li .blavatar {
535
+ float: right;
536
+ font: normal 16px/1 dashicons !important;
537
+ speak: none;
538
+ -webkit-font-smoothing: antialiased;
539
+ -moz-osx-font-smoothing: grayscale;
540
+ color: #eee;
541
+ }
542
+
543
+ #wpadminbar .quicklinks li a:hover .blavatar,
544
+ #wpadminbar .quicklinks li a:focus .blavatar,
545
+ #wpadminbar .quicklinks .ab-sub-wrapper .menupop:focus-within > a .blavatar {
546
+ color: #00b9eb;
547
+ }
548
+
549
+ #wpadminbar .quicklinks li .blavatar:before {
550
+ content: "\f120";
551
+ height: 16px;
552
+ width: 16px;
553
+ display: inline-block;
554
+ margin: 6px -2px 0 8px;
555
+ }
556
+
557
+ #wpadminbar #wp-admin-bar-appearance {
558
+ margin-top: -12px;
559
+ }
560
+
561
+ #wpadminbar #wp-admin-bar-my-sites > .ab-item:before,
562
+ #wpadminbar #wp-admin-bar-site-name > .ab-item:before {
563
+ content: "\f541";
564
+ top: 2px;
565
+ }
566
+
567
+ #wpadminbar #wp-admin-bar-customize > .ab-item:before {
568
+ content: "\f540";
569
+ top: 2px;
570
+ }
571
+
572
+
573
+ #wpadminbar #wp-admin-bar-edit > .ab-item:before {
574
+ content: "\f464";
575
+ top: 2px;
576
+ }
577
+
578
+ #wpadminbar #wp-admin-bar-site-name > .ab-item:before {
579
+ content: "\f226";
580
+ }
581
+
582
+ .wp-admin #wpadminbar #wp-admin-bar-site-name > .ab-item:before {
583
+ content: "\f102";
584
+ }
585
+
586
+
587
+
588
+ /**
589
+ * Comments
590
+ */
591
+ #wpadminbar #wp-admin-bar-comments .ab-icon {
592
+ margin-left: 6px;
593
+ }
594
+
595
+ #wpadminbar #wp-admin-bar-comments .ab-icon:before {
596
+ content: "\f101";
597
+ top: 3px;
598
+ }
599
+
600
+ #wpadminbar #wp-admin-bar-comments .count-0 {
601
+ opacity: .5;
602
+ }
603
+
604
+ /**
605
+ * New Content
606
+ */
607
+ #wpadminbar #wp-admin-bar-new-content .ab-icon:before {
608
+ content: "\f132";
609
+ top: 4px;
610
+ }
611
+
612
+ /**
613
+ * Updates
614
+ */
615
+ #wpadminbar #wp-admin-bar-updates .ab-icon:before {
616
+ content: "\f463";
617
+ top: 2px;
618
+ }
619
+
620
+ /**
621
+ * Search
622
+ */
623
+ #wpadminbar.ie8 #wp-admin-bar-search {
624
+ display: block;
625
+ min-width: 32px;
626
+ }
627
+ #wpadminbar #wp-admin-bar-search .ab-item {
628
+ padding: 0;
629
+ background: transparent;
630
+ }
631
+
632
+ #wpadminbar #adminbarsearch {
633
+ position: relative;
634
+ height: 32px;
635
+ padding: 0 2px;
636
+ z-index: 1;
637
+ }
638
+
639
+ #wpadminbar #adminbarsearch:before {
640
+ position: absolute;
641
+ top: 6px;
642
+ right: 5px;
643
+ z-index: 20;
644
+ font: normal 20px/1 dashicons !important;
645
+ content: "\f179";
646
+ speak: none;
647
+ -webkit-font-smoothing: antialiased;
648
+ -moz-osx-font-smoothing: grayscale;
649
+ }
650
+
651
+ /* The admin bar search field needs to reset many styles that might be inherited from the active Theme CSS. See ticket #40313. */
652
+ #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input {
653
+ display: inline-block;
654
+ float: none;
655
+ position: relative;
656
+ z-index: 30;
657
+ font-size: 13px;
658
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
659
+ line-height: 1.84615384;
660
+ text-indent: 0;
661
+ height: 24px;
662
+ width: 24px;
663
+ max-width: none;
664
+ padding: 0 24px 0 3px;
665
+ margin: 0;
666
+ color: #ccc;
667
+ background-color: rgba(255, 255, 255, 0);
668
+ border: none;
669
+ outline: none;
670
+ cursor: pointer;
671
+ box-shadow: none;
672
+ box-sizing: border-box;
673
+ transition-duration: 400ms;
674
+ transition-property: width, background;
675
+ transition-timing-function: ease;
676
+ }
677
+
678
+ #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
679
+ z-index: 10;
680
+ color: #000;
681
+ width: 200px;
682
+ background-color: rgba(255, 255, 255, 0.9);
683
+ cursor: text;
684
+ border: 0;
685
+ }
686
+
687
+ #wpadminbar.ie7 > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input {
688
+ margin-top: 3px;
689
+ width: 120px;
690
+ }
691
+
692
+ #wpadminbar.ie8 > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input {
693
+ /* IE8 z-index bug with transparent / empty elements - fill in with an encoded transparent GIF */
694
+ background: transparent 100% 0 repeat scroll url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
695
+ }
696
+
697
+ /* IE8 doesn't redraw the pseudo elements unless you make a change to the content */
698
+ #wpadminbar.ie8 #adminbarsearch.adminbar-focused:before {
699
+ content: "\f179 "; /* extra space */
700
+ }
701
+
702
+ #wpadminbar.ie8 > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
703
+ background: #fff;
704
+ z-index: -1;
705
+ }
706
+
707
+ #wpadminbar #adminbarsearch .adminbar-button {
708
+ display: none;
709
+ }
710
+
711
+ /**
712
+ * Customize support classes
713
+ */
714
+ .no-customize-support .hide-if-no-customize,
715
+ .customize-support .hide-if-customize,
716
+ .no-customize-support #wpadminbar .hide-if-no-customize,
717
+ .no-customize-support.wp-core-ui .hide-if-no-customize,
718
+ .no-customize-support .wp-core-ui .hide-if-no-customize,
719
+ .customize-support #wpadminbar .hide-if-customize,
720
+ .customize-support.wp-core-ui .hide-if-customize,
721
+ .customize-support .wp-core-ui .hide-if-customize {
722
+ display: none;
723
+ }
724
+
725
+ /* Skip link */
726
+ #wpadminbar .screen-reader-text,
727
+ #wpadminbar .screen-reader-text span {
728
+ border: 0;
729
+ clip: rect(1px, 1px, 1px, 1px);
730
+ -webkit-clip-path: inset(50%);
731
+ clip-path: inset(50%);
732
+ height: 1px;
733
+ margin: -1px;
734
+ overflow: hidden;
735
+ padding: 0;
736
+ position: absolute;
737
+ width: 1px;
738
+ word-wrap: normal !important;
739
+ }
740
+
741
+ #wpadminbar .screen-reader-shortcut {
742
+ position: absolute;
743
+ top: -1000em;
744
+ }
745
+
746
+ #wpadminbar .screen-reader-shortcut:focus {
747
+ right: 6px;
748
+ top: 7px;
749
+ height: auto;
750
+ width: auto;
751
+ display: block;
752
+ font-size: 14px;
753
+ font-weight: 600;
754
+ padding: 15px 23px 14px;
755
+ background: #f1f1f1;
756
+ color: #0073aa;
757
+ z-index: 100000;
758
+ line-height: normal;
759
+ text-decoration: none;
760
+ box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
761
+ }
762
+
763
+ /**
764
+ * IE 6-targeted rules
765
+ */
766
+ * html #wpadminbar {
767
+ overflow: hidden;
768
+ position: absolute;
769
+ }
770
+
771
+ * html #wpadminbar .quicklinks ul li a {
772
+ float: right;
773
+ }
774
+
775
+ * html #wpadminbar .menupop a span {
776
+ background-image: none;
777
+ }
778
+
779
+ /* No @font-face support */
780
+ .no-font-face #wpadminbar ul.ab-top-menu > li > a.ab-item {
781
+ display: block;
782
+ width: 45px;
783
+ text-align: center;
784
+ overflow: hidden;
785
+ margin: 0 3px;
786
+ }
787
+
788
+ .no-font-face #wpadminbar #wp-admin-bar-my-sites > .ab-item,
789
+ .no-font-face #wpadminbar #wp-admin-bar-site-name > .ab-item,
790
+ .no-font-face #wpadminbar #wp-admin-bar-edit > .ab-item {
791
+ text-indent: 0;
792
+ }
793
+
794
+ .no-font-face #wpadminbar .ab-icon,
795
+ .no-font-face #wpadminbar .ab-icon:before,
796
+ .no-font-face #wpadminbar a.ab-item:before,
797
+ .no-font-face #wpadminbar #wp-admin-bar-wp-logo > .ab-item {
798
+ display: none !important;
799
+ }
800
+
801
+ .no-font-face #wpadminbar ul.ab-top-menu > li > a > span.ab-label {
802
+ display: inline;
803
+ }
804
+
805
+ .no-font-face #wpadminbar #wp-admin-bar-menu-toggle span.ab-icon {
806
+ display: inline !important;
807
+ }
808
+
809
+ .no-font-face #wpadminbar #wp-admin-bar-menu-toggle span.ab-icon:before {
810
+ content: "Menu";
811
+ font: 14px/45px sans-serif !important;
812
+ display: inline-block !important;
813
+ color: #fff;
814
+ }
815
+
816
+ .no-font-face #wpadminbar #wp-admin-bar-site-name a.ab-item {
817
+ color: #fff;
818
+ }
819
+ /* End no @font-face */
820
+
821
+ @media screen and (max-width: 782px) {
822
+ /* Toolbar Touchification*/
823
+ html #wpadminbar {
824
+ height: 46px;
825
+ min-width: 240px; /* match the min-width of the body in wp-admin/css/common.css */
826
+ }
827
+
828
+ #wpadminbar * {
829
+ font-size: 14px;
830
+ font-weight: 400;
831
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
832
+ line-height: 2.28571428;
833
+ }
834
+
835
+ #wpadminbar .quicklinks > ul > li > a,
836
+ #wpadminbar .quicklinks .ab-empty-item {
837
+ padding: 0;
838
+ height: 46px;
839
+ line-height: 3.28571428;
840
+ width: auto;
841
+ }
842
+
843
+ #wpadminbar .ab-icon {
844
+ font: 40px/1 dashicons !important;
845
+ margin: 0;
846
+ padding: 0;
847
+ width: 52px;
848
+ height: 46px;
849
+ text-align: center;
850
+ }
851
+
852
+ #wpadminbar .ab-icon:before {
853
+ text-align: center;
854
+ }
855
+
856
+ #wpadminbar .ab-submenu {
857
+ padding: 0;
858
+ }
859
+
860
+ #wpadminbar #wp-admin-bar-site-name a.ab-item,
861
+ #wpadminbar #wp-admin-bar-my-sites a.ab-item,
862
+ #wpadminbar #wp-admin-bar-my-account a.ab-item {
863
+ text-overflow: clip;
864
+ }
865
+
866
+ #wpadminbar .quicklinks .menupop ul li .ab-item,
867
+ #wpadminbar .quicklinks .menupop ul li a strong,
868
+ #wpadminbar .quicklinks .menupop:focus-within ul li .ab-item,
869
+ #wpadminbar.nojs .quicklinks .menupop:hover ul li .ab-item,
870
+ #wpadminbar .shortlink-input {
871
+ line-height: 1.6;
872
+ }
873
+
874
+ #wpadminbar .ab-label {
875
+ display: none;
876
+ }
877
+
878
+ #wpadminbar .menupop li:hover > .ab-sub-wrapper,
879
+ #wpadminbar .menupop li:focus-within > .ab-sub-wrapper {
880
+ margin-top: -46px;
881
+ }
882
+
883
+ #wpadminbar .ab-top-menu .menupop .ab-sub-wrapper .menupop > .ab-item {
884
+ padding-left: 30px;
885
+ }
886
+
887
+ #wpadminbar .menupop .menupop > .ab-item:before {
888
+ top: 10px;
889
+ left: 6px;
890
+ }
891
+
892
+ #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper .ab-item {
893
+ font-size: 16px;
894
+ padding: 8px 16px;
895
+ }
896
+
897
+ #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper a:empty {
898
+ display: none;
899
+ }
900
+
901
+ /* WP logo */
902
+ #wpadminbar #wp-admin-bar-wp-logo > .ab-item {
903
+ padding: 0;
904
+ }
905
+
906
+ #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon {
907
+ padding: 0;
908
+ width: 52px;
909
+ height: 46px;
910
+ text-align: center;
911
+ vertical-align: top;
912
+ }
913
+
914
+ #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {
915
+ font: 28px/1 dashicons !important;
916
+ top: -3px;
917
+ }
918
+
919
+ #wpadminbar .ab-icon,
920
+ #wpadminbar .ab-item:before {
921
+ padding: 0;
922
+ }
923
+
924
+ /* My Sites and "Site Title" menu */
925
+ #wpadminbar #wp-admin-bar-my-sites > .ab-item,
926
+ #wpadminbar #wp-admin-bar-site-name > .ab-item,
927
+ #wpadminbar #wp-admin-bar-customize > .ab-item,
928
+ #wpadminbar #wp-admin-bar-edit > .ab-item,
929
+ #wpadminbar #wp-admin-bar-my-account > .ab-item {
930
+ text-indent: 100%;
931
+ white-space: nowrap;
932
+ overflow: hidden;
933
+ width: 52px;
934
+ padding: 0;
935
+ color: #a0a5aa; /* @todo not needed? this text is hidden */
936
+ position: relative;
937
+ }
938
+
939
+ #wpadminbar > #wp-toolbar > #wp-admin-bar-root-default .ab-icon,
940
+ #wpadminbar .ab-icon,
941
+ #wpadminbar .ab-item:before {
942
+ padding: 0;
943
+ margin-left: 0;
944
+ }
945
+
946
+ #wpadminbar #wp-admin-bar-edit > .ab-item:before,
947
+ #wpadminbar #wp-admin-bar-my-sites > .ab-item:before,
948
+ #wpadminbar #wp-admin-bar-site-name > .ab-item:before,
949
+ #wpadminbar #wp-admin-bar-customize > .ab-item:before,
950
+ #wpadminbar #wp-admin-bar-my-account > .ab-item:before {
951
+ display: block;
952
+ text-indent: 0;
953
+ font: normal 32px/1 dashicons;
954
+ speak: none;
955
+ top: 7px;
956
+ width: 52px;
957
+ text-align: center;
958
+ -webkit-font-smoothing: antialiased;
959
+ -moz-osx-font-smoothing: grayscale;
960
+ }
961
+
962
+ #wpadminbar #wp-admin-bar-appearance {
963
+ margin-top: 0;
964
+ }
965
+
966
+ #wpadminbar .quicklinks li .blavatar:before {
967
+ display: none;
968
+ }
969
+
970
+ /* Search */
971
+ #wpadminbar #wp-admin-bar-search {
972
+ display: none;
973
+ }
974
+
975
+ /* New Content */
976
+ #wpadminbar #wp-admin-bar-new-content .ab-icon:before {
977
+ top: 0;
978
+ line-height: 1.33333333;
979
+ height: 46px !important;
980
+ text-align: center;
981
+ width: 52px;
982
+ display: block;
983
+ }
984
+
985
+ /* Updates */
986
+ #wpadminbar #wp-admin-bar-updates {
987
+ text-align: center;
988
+ }
989
+
990
+ #wpadminbar #wp-admin-bar-updates .ab-icon:before {
991
+ top: 3px;
992
+ }
993
+
994
+ /* Comments */
995
+ #wpadminbar #wp-admin-bar-comments .ab-icon {
996
+ margin: 0;
997
+ }
998
+
999
+ #wpadminbar #wp-admin-bar-comments .ab-icon:before {
1000
+ display: block;
1001
+ font-size: 34px;
1002
+ height: 46px;
1003
+ line-height: 1.38235294;
1004
+ top: 0;
1005
+ }
1006
+
1007
+ /* My Account */
1008
+ #wpadminbar #wp-admin-bar-my-account > a {
1009
+ position: relative;
1010
+ white-space: nowrap;
1011
+ text-indent: 150%; /* More than 100% indention is needed since this element has padding */
1012
+ width: 28px;
1013
+ padding: 0 10px;
1014
+ overflow: hidden; /* Prevent link text from forcing horizontal scrolling on mobile */
1015
+ }
1016
+
1017
+ #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
1018
+ position: absolute;
1019
+ top: 13px;
1020
+ left: 10px;
1021
+ width: 26px;
1022
+ height: 26px;
1023
+ }
1024
+
1025
+ #wpadminbar #wp-admin-bar-user-actions.ab-submenu {
1026
+ padding: 0;
1027
+ }
1028
+
1029
+ #wpadminbar #wp-admin-bar-user-actions.ab-submenu img.avatar {
1030
+ display: none;
1031
+ }
1032
+
1033
+ #wpadminbar #wp-admin-bar-my-account.with-avatar #wp-admin-bar-user-actions > li {
1034
+ margin: 0;
1035
+ }
1036
+
1037
+ #wpadminbar #wp-admin-bar-user-info .display-name {
1038
+ height: auto;
1039
+ font-size: 16px;
1040
+ line-height: 1.5;
1041
+ color: #eee;
1042
+ }
1043
+
1044
+ #wpadminbar #wp-admin-bar-user-info a {
1045
+ padding-top: 4px;
1046
+ }
1047
+
1048
+ #wpadminbar #wp-admin-bar-user-info .username {
1049
+ line-height: 0.8 !important;
1050
+ margin-bottom: -2px;
1051
+ }
1052
+
1053
+ /* Show only default top level items */
1054
+ #wp-toolbar > ul > li {
1055
+ display: none;
1056
+ }
1057
+
1058
+ #wpadminbar li#wp-admin-bar-menu-toggle,
1059
+ #wpadminbar li#wp-admin-bar-wp-logo,
1060
+ #wpadminbar li#wp-admin-bar-my-sites,
1061
+ #wpadminbar li#wp-admin-bar-updates,
1062
+ #wpadminbar li#wp-admin-bar-site-name,
1063
+ #wpadminbar li#wp-admin-bar-customize,
1064
+ #wpadminbar li#wp-admin-bar-new-content,
1065
+ #wpadminbar li#wp-admin-bar-edit,
1066
+ #wpadminbar li#wp-admin-bar-comments,
1067
+ #wpadminbar li#wp-admin-bar-my-account {
1068
+ display: block;
1069
+ }
1070
+
1071
+ /* Allow dropdown list items to appear normally */
1072
+ #wpadminbar li:hover ul li,
1073
+ #wpadminbar li:focus-within ul li,
1074
+ #wpadminbar li:hover ul li:hover ul li {
1075
+ display: list-item;
1076
+ }
1077
+
1078
+ /* Override default min-width so dropdown lists aren't stretched
1079
+ to 100% viewport width at responsive sizes. */
1080
+ #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper {
1081
+ min-width: -webkit-fit-content;
1082
+ min-width: -moz-fit-content;
1083
+ min-width: fit-content;
1084
+ }
1085
+
1086
+ #wpadminbar ul#wp-admin-bar-root-default > li {
1087
+ margin-left: 0;
1088
+ }
1089
+
1090
+ /* Experimental fix for touch toolbar dropdown positioning */
1091
+ #wpadminbar .ab-top-menu,
1092
+ #wpadminbar .ab-top-secondary,
1093
+ #wpadminbar #wp-admin-bar-wp-logo,
1094
+ #wpadminbar #wp-admin-bar-my-sites,
1095
+ #wpadminbar #wp-admin-bar-site-name,
1096
+ #wpadminbar #wp-admin-bar-updates,
1097
+ #wpadminbar #wp-admin-bar-comments,
1098
+ #wpadminbar #wp-admin-bar-new-content,
1099
+ #wpadminbar #wp-admin-bar-edit,
1100
+ #wpadminbar #wp-admin-bar-my-account {
1101
+ position: static;
1102
+ }
1103
+
1104
+ #wpadminbar #wp-admin-bar-my-account {
1105
+ float: left;
1106
+ }
1107
+
1108
+ .network-admin #wpadminbar ul#wp-admin-bar-top-secondary > li#wp-admin-bar-my-account {
1109
+ margin-left: 0;
1110
+ }
1111
+
1112
+ /* Realign arrows on taller responsive submenus */
1113
+
1114
+ #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item:before {
1115
+ top: 10px;
1116
+ right: 0;
1117
+ }
1118
+ }
1119
+
1120
+ /* Smartphone */
1121
+ @media screen and (max-width: 600px) {
1122
+ /* Removed: #wpadminbar { position: absolute; } */
1123
+
1124
+ #wp-responsive-overlay {
1125
+ position: fixed;
1126
+ top: 0;
1127
+ right: 0;
1128
+ width: 100%;
1129
+ height: 100%;
1130
+ z-index: 400;
1131
+ }
1132
+
1133
+ #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper {
1134
+ width: 100%;
1135
+ right: 0;
1136
+ }
1137
+
1138
+ #wpadminbar .menupop .menupop > .ab-item:before {
1139
+ display: none;
1140
+ }
1141
+
1142
+ #wpadminbar #wp-admin-bar-wp-logo.menupop .ab-sub-wrapper {
1143
+ margin-right: 0;
1144
+ }
1145
+
1146
+ #wpadminbar .ab-top-menu > .menupop li > .ab-sub-wrapper {
1147
+ margin: 0;
1148
+ width: 100%;
1149
+ top: auto;
1150
+ right: auto;
1151
+ position: relative;
1152
+ }
1153
+
1154
+ #wpadminbar .ab-top-menu > .menupop li > .ab-sub-wrapper .ab-item {
1155
+ font-size: 16px;
1156
+ padding: 6px 30px 19px 15px;
1157
+ }
1158
+
1159
+ #wpadminbar li:hover ul li ul li {
1160
+ display: list-item;
1161
+ }
1162
+
1163
+ #wpadminbar li#wp-admin-bar-wp-logo,
1164
+ #wpadminbar li#wp-admin-bar-updates {
1165
+ display: none;
1166
+ }
1167
+
1168
+ /* Make submenus full-width at this size */
1169
+
1170
+ #wpadminbar .ab-top-menu > .menupop li > .ab-sub-wrapper {
1171
+ position: static;
1172
+ box-shadow: none;
1173
+ }
1174
+ }
1175
+
1176
+ /* Very narrow screens */
1177
+ @media screen and (max-width: 400px) {
1178
+ #wpadminbar li#wp-admin-bar-comments {
1179
+ display: none;
1180
+ }
1181
+ }
assets/css/admin-bar.css CHANGED
@@ -1,11 +1,12 @@
1
/*
2
- This is forked from core's admin-bar.css from WP 4.9.6
3
- - Rules for IE<9 have been removed.
4
- References to .hover have been replaced with :focus-within (which is not supported in IE11).
5
- - A universal selector properties have been removed which interferes with AMP shadow elements.
6
*/
7
8
-
9
#wpadminbar * {
10
height: auto;
11
width: auto;
@@ -18,7 +19,7 @@ This is forked from core's admin-bar.css from WP 4.9.6
18
font-size: 13px;
19
font-weight: 400;
20
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
21
- line-height: 32px;
22
border-radius: 0;
23
box-sizing: content-box;
24
transition: none;
@@ -30,7 +31,7 @@ This is forked from core's admin-bar.css from WP 4.9.6
30
font-family: Tahoma, sans-serif;
31
}
32
33
- html:lang(he-il) .rtl #wpadminbar * {
34
font-family: Arial, sans-serif;
35
}
36
@@ -61,7 +62,6 @@ html:lang(he-il) .rtl #wpadminbar * {
61
#wpadminbar a:hover,
62
#wpadminbar a img,
63
#wpadminbar a img:hover {
64
- outline: none;
65
border: none;
66
text-decoration: none;
67
background: none;
@@ -79,7 +79,11 @@ html:lang(he-il) .rtl #wpadminbar * {
79
#wpadminbar textarea,
80
#wpadminbar div {
81
box-shadow: none;
82
- outline: none;
83
}
84
85
#wpadminbar {
@@ -88,13 +92,13 @@ html:lang(he-il) .rtl #wpadminbar * {
88
font-size: 13px;
89
font-weight: 400;
90
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
91
- line-height: 32px;
92
height: 32px;
93
position: fixed;
94
top: 0;
95
left: 0;
96
width: 100%;
97
- min-width: 600px; /* match the min-width of the body in wp-admin.css */
98
z-index: 99999;
99
background: #23282d;
100
}
@@ -149,13 +153,19 @@ html:lang(he-il) .rtl #wpadminbar * {
149
#wpadminbar .shortlink-input {
150
margin: 0;
151
padding: 0;
152
- box-shadow: 0 3px 5px rgba(0,0,0,0.2);
153
background: #32373c;
154
display: none;
155
position: absolute;
156
float: none;
157
}
158
159
#wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper {
160
min-width: 100%;
161
}
@@ -186,7 +196,7 @@ html:lang(he-il) .rtl #wpadminbar * {
186
#wpadminbar .quicklinks .menupop:focus-within ul li .ab-item,
187
#wpadminbar.nojs .quicklinks .menupop:hover ul li .ab-item,
188
#wpadminbar .shortlink-input {
189
- line-height: 26px;
190
height: 26px;
191
white-space: nowrap;
192
min-width: 140px;
@@ -234,7 +244,8 @@ html:lang(he-il) .rtl #wpadminbar * {
234
235
#wpadminbar > #wp-toolbar > #wp-admin-bar-root-default .ab-icon,
236
#wpadminbar .ab-icon,
237
- #wpadminbar .ab-item:before {
238
position: relative;
239
float: left;
240
font: normal 20px/1 dashicons;
@@ -250,7 +261,7 @@ html:lang(he-il) .rtl #wpadminbar * {
250
#wpadminbar .ab-item:before,
251
#wpadminbar #adminbarsearch:before {
252
color: #a0a5aa;
253
- color: rgba(240,245,250,0.6);
254
}
255
256
#wpadminbar .ab-icon:before,
@@ -267,7 +278,7 @@ html:lang(he-il) .rtl #wpadminbar * {
267
268
#wpadminbar .ab-submenu .ab-item {
269
color: #b4b9be;
270
- color: rgba(240,245,250,0.7);
271
}
272
273
#wpadminbar .quicklinks .menupop ul li a,
@@ -275,7 +286,7 @@ html:lang(he-il) .rtl #wpadminbar * {
275
#wpadminbar .quicklinks .menupop:focus-within ul li a,
276
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
277
color: #b4b9be;
278
- color: rgba(240,245,250,0.7);
279
}
280
281
#wpadminbar .quicklinks .menupop ul li a:hover,
@@ -306,7 +317,12 @@ html:lang(he-il) .rtl #wpadminbar * {
306
color: #b4b9be;
307
}
308
309
- #wpadminbar .menupop .menupop > .ab-item:before,
310
#wpadminbar .ab-top-secondary .menupop .menupop > .ab-item:before {
311
position: absolute;
312
font: normal 17px/1 dashicons;
@@ -320,9 +336,10 @@ html:lang(he-il) .rtl #wpadminbar * {
320
padding-right: 2em;
321
}
322
323
- #wpadminbar .menupop .menupop > .ab-item:before {
324
top: 1px;
325
- right: 4px;
326
content: "\f139";
327
color: inherit;
328
}
@@ -332,7 +349,7 @@ html:lang(he-il) .rtl #wpadminbar * {
332
padding-right: 1em;
333
}
334
335
- #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item:before {
336
top: 1px;
337
left: 6px;
338
content: "\f141";
@@ -366,7 +383,7 @@ html:lang(he-il) .rtl #wpadminbar * {
366
border-radius: 10px;
367
}
368
369
- #wpadminbar .quicklinks a:hover span#ab-updates {
370
background: #fff;
371
color: #000;
372
}
@@ -380,6 +397,22 @@ html:lang(he-il) .rtl #wpadminbar * {
380
box-shadow: none;
381
}
382
383
/**
384
* My Account
385
*/
@@ -404,6 +437,10 @@ html:lang(he-il) .rtl #wpadminbar * {
404
min-width: 270px;
405
}
406
407
#wpadminbar #wp-admin-bar-user-actions > li {
408
margin-left: 16px;
409
margin-right: 16px;
@@ -425,7 +462,6 @@ html:lang(he-il) .rtl #wpadminbar * {
425
}
426
427
#wp-admin-bar-user-info .avatar {
428
- /* TODO: The amp-img>img does not get loaded since the container is initially hidden, and :hover does not trigger a re-calc. Resizing the window does, however. */
429
position: absolute;
430
left: -72px;
431
top: 4px;
@@ -461,13 +497,18 @@ html:lang(he-il) .rtl #wpadminbar * {
461
padding: 0;
462
border: 1px solid #82878c;
463
background: #eee;
464
- line-height: 24px;
465
vertical-align: middle;
466
margin: -4px 0 0 6px;
467
float: none;
468
display: inline-block; /* Was inline. */
469
}
470
471
/**
472
* WP Logo
473
*/
@@ -579,6 +620,10 @@ html:lang(he-il) .rtl #wpadminbar * {
579
/**
580
* Search
581
*/
582
#wpadminbar #wp-admin-bar-search .ab-item {
583
padding: 0;
584
background: transparent;
@@ -611,7 +656,7 @@ html:lang(he-il) .rtl #wpadminbar * {
611
z-index: 30;
612
font-size: 13px;
613
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
614
- line-height: 24px;
615
text-indent: 0;
616
height: 24px;
617
width: 24px;
@@ -619,7 +664,7 @@ html:lang(he-il) .rtl #wpadminbar * {
619
padding: 0 3px 0 24px;
620
margin: 0;
621
color: #ccc;
622
- background-color: rgba( 255, 255, 255, 0 );
623
border: none;
624
outline: none;
625
cursor: pointer;
@@ -634,12 +679,30 @@ html:lang(he-il) .rtl #wpadminbar * {
634
z-index: 10;
635
color: #000;
636
width: 200px;
637
- background-color: rgba( 255, 255, 255, 0.9 );
638
cursor: text;
639
border: 0;
640
}
641
642
- /* Removed IE hacks. */
643
644
#wpadminbar #adminbarsearch .adminbar-button {
645
display: none;
@@ -694,34 +757,86 @@ html:lang(he-il) .rtl #wpadminbar * {
694
z-index: 100000;
695
line-height: normal;
696
text-decoration: none;
697
- box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
698
}
699
700
/**
701
- * Removed IE 6-targeted rules
702
*/
703
704
- /* Removed No @font-face support */
705
706
- @media screen and ( max-width: 782px ) {
707
/* Toolbar Touchification*/
708
html #wpadminbar {
709
height: 46px;
710
- min-width: 300px;
711
}
712
713
#wpadminbar * {
714
font-size: 14px;
715
font-weight: 400;
716
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
717
- line-height: 32px;
718
}
719
720
#wpadminbar .quicklinks > ul > li > a,
721
#wpadminbar .quicklinks .ab-empty-item {
722
padding: 0;
723
height: 46px;
724
- line-height: 46px;
725
width: auto;
726
}
727
@@ -748,6 +863,14 @@ html:lang(he-il) .rtl #wpadminbar * {
748
text-overflow: clip;
749
}
750
751
#wpadminbar .ab-label {
752
display: none;
753
}
@@ -852,7 +975,7 @@ html:lang(he-il) .rtl #wpadminbar * {
852
/* New Content */
853
#wpadminbar #wp-admin-bar-new-content .ab-icon:before {
854
top: 0;
855
- line-height: 53px;
856
height: 46px !important;
857
text-align: center;
858
width: 52px;
@@ -877,7 +1000,7 @@ html:lang(he-il) .rtl #wpadminbar * {
877
display: block;
878
font-size: 34px;
879
height: 46px;
880
- line-height: 47px;
881
top: 0;
882
}
883
@@ -914,7 +1037,7 @@ html:lang(he-il) .rtl #wpadminbar * {
914
#wpadminbar #wp-admin-bar-user-info .display-name {
915
height: auto;
916
font-size: 16px;
917
- line-height: 24px;
918
color: #eee;
919
}
920
1
/*
2
+ This is forked from core's admin-bar.css from WP 5.3-alpha at 160fc055da156248277513dd5256fbcc66faa5a7.
3
+
4
+ https://github.com/WordPress/wordpress-develop/blob/160fc055da156248277513dd5256fbcc66faa5a7/src/wp-includes/css/admin-bar.css
5
+
6
- References to .hover have been replaced with :focus-within (which is not supported in IE11).
7
+ - Universal selector properties have been removed which interferes with AMP shadow elements.
8
*/
9
10
#wpadminbar * {
11
height: auto;
12
width: auto;
19
font-size: 13px;
20
font-weight: 400;
21
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
22
+ line-height: 2.46153846;
23
border-radius: 0;
24
box-sizing: content-box;
25
transition: none;
31
font-family: Tahoma, sans-serif;
32
}
33
34
+ html:lang(he-il) .rtl #wpadminbar * {
35
font-family: Arial, sans-serif;
36
}
37
62
#wpadminbar a:hover,
63
#wpadminbar a img,
64
#wpadminbar a img:hover {
65
border: none;
66
text-decoration: none;
67
background: none;
79
#wpadminbar textarea,
80
#wpadminbar div {
81
box-shadow: none;
82
+ }
83
+
84
+ #wpadminbar a:focus {
85
+ /* Inherits transparent outline only visible in Windows High Contrast mode */
86
+ outline-offset: -1px;
87
}
88
89
#wpadminbar {
92
font-size: 13px;
93
font-weight: 400;
94
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
95
+ line-height: 2.46153846;
96
height: 32px;
97
position: fixed;
98
top: 0;
99
left: 0;
100
width: 100%;
101
+ min-width: 600px; /* match the min-width of the body in wp-admin/css/common.css */
102
z-index: 99999;
103
background: #23282d;
104
}
153
#wpadminbar .shortlink-input {
154
margin: 0;
155
padding: 0;
156
+ box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
157
background: #32373c;
158
display: none;
159
position: absolute;
160
float: none;
161
}
162
163
+ #wpadminbar.ie7 .menupop .ab-sub-wrapper,
164
+ #wpadminbar.ie7 .shortlink-input {
165
+ top: 32px;
166
+ left: 0;
167
+ }
168
+
169
#wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper {
170
min-width: 100%;
171
}
196
#wpadminbar .quicklinks .menupop:focus-within ul li .ab-item,
197
#wpadminbar.nojs .quicklinks .menupop:hover ul li .ab-item,
198
#wpadminbar .shortlink-input {
199
+ line-height: 2;
200
height: 26px;
201
white-space: nowrap;
202
min-width: 140px;
244
245
#wpadminbar > #wp-toolbar > #wp-admin-bar-root-default .ab-icon,
246
#wpadminbar .ab-icon,
247
+ #wpadminbar .ab-item:before,
248
+ .wp-admin-bar-arrow {
249
position: relative;
250
float: left;
251
font: normal 20px/1 dashicons;
261
#wpadminbar .ab-item:before,
262
#wpadminbar #adminbarsearch:before {
263
color: #a0a5aa;
264
+ color: rgba(240, 245, 250, 0.6);
265
}
266
267
#wpadminbar .ab-icon:before,
278
279
#wpadminbar .ab-submenu .ab-item {
280
color: #b4b9be;
281
+ color: rgba(240, 245, 250, 0.7);
282
}
283
284
#wpadminbar .quicklinks .menupop ul li a,
286
#wpadminbar .quicklinks .menupop:focus-within ul li a,
287
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
288
color: #b4b9be;
289
+ color: rgba(240, 245, 250, 0.7);
290
}
291
292
#wpadminbar .quicklinks .menupop ul li a:hover,
317
color: #b4b9be;
318
}
319
320
+ #wpadminbar.mobile .quicklinks :focus-within .ab-icon:before,
321
+ #wpadminbar.mobile .quicklinks :focus-within .ab-item:before {
322
+ color: #00b9eb;
323
+ }
324
+
325
+ #wpadminbar .menupop .menupop > .ab-item .wp-admin-bar-arrow:before,
326
#wpadminbar .ab-top-secondary .menupop .menupop > .ab-item:before {
327
position: absolute;
328
font: normal 17px/1 dashicons;
336
padding-right: 2em;
337
}
338
339
+ #wpadminbar .menupop .menupop > .ab-item .wp-admin-bar-arrow:before {
340
top: 1px;
341
+ right: 10px;
342
+ padding: 4px 0;
343
content: "\f139";
344
color: inherit;
345
}
349
padding-right: 1em;
350
}
351
352
+ #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item .wp-admin-bar-arrow:before {
353
top: 1px;
354
left: 6px;
355
content: "\f141";
383
border-radius: 10px;
384
}
385
386
+ #wpadminbar .quicklinks a:hover span#ab-updates {
387
background: #fff;
388
color: #000;
389
}
397
box-shadow: none;
398
}
399
400
+ /**
401
+ * Recovery Mode
402
+ */
403
+ #wpadminbar #wp-admin-bar-recovery-mode {
404
+ color: #fff;
405
+ background-color: #ca4a1f;
406
+ }
407
+
408
+ #wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode:focus-within >.ab-item,
409
+ #wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
410
+ #wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
411
+ #wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
412
+ color: #fff;
413
+ background-color: #c0461e;
414
+ }
415
+
416
/**
417
* My Account
418
*/
437
min-width: 270px;
438
}
439
440
+ #wpadminbar.ie8 #wp-admin-bar-my-account.with-avatar .ab-item {
441
+ white-space: nowrap;
442
+ }
443
+
444
#wpadminbar #wp-admin-bar-user-actions > li {
445
margin-left: 16px;
446
margin-right: 16px;
462
}
463
464
#wp-admin-bar-user-info .avatar {
465
position: absolute;
466
left: -72px;
467
top: 4px;
497
padding: 0;
498
border: 1px solid #82878c;
499
background: #eee;
500
+ line-height: 1.84615384;
501
vertical-align: middle;
502
margin: -4px 0 0 6px;
503
float: none;
504
display: inline-block; /* Was inline. */
505
}
506
507
+ #wpadminbar.ie8 #wp-admin-bar-my-account.with-avatar > .ab-empty-item img,
508
+ #wpadminbar.ie8 #wp-admin-bar-my-account.with-avatar > a img {
509
+ width: 16px; /* Was auto. */
510
+ }
511
+
512
/**
513
* WP Logo
514
*/
620
/**
621
* Search
622
*/
623
+ #wpadminbar.ie8 #wp-admin-bar-search {
624
+ display: block;
625
+ min-width: 32px;
626
+ }
627
#wpadminbar #wp-admin-bar-search .ab-item {
628
padding: 0;
629
background: transparent;
656
z-index: 30;
657
font-size: 13px;
658
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
659
+ line-height: 1.84615384;
660
text-indent: 0;
661
height: 24px;
662
width: 24px;
664
padding: 0 3px 0 24px;
665
margin: 0;
666
color: #ccc;
667
+ background-color: rgba(255, 255, 255, 0);
668
border: none;
669
outline: none;
670
cursor: pointer;
679
z-index: 10;
680
color: #000;
681
width: 200px;
682
+ background-color: rgba(255, 255, 255, 0.9);
683
cursor: text;
684
border: 0;
685
}
686
687
+ #wpadminbar.ie7 > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input {
688
+ margin-top: 3px;
689
+ width: 120px;
690
+ }
691
+
692
+ #wpadminbar.ie8 > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input {
693
+ /* IE8 z-index bug with transparent / empty elements - fill in with an encoded transparent GIF */
694
+ background: transparent 0 0 repeat scroll url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
695
+ }
696
+
697
+ /* IE8 doesn't redraw the pseudo elements unless you make a change to the content */
698
+ #wpadminbar.ie8 #adminbarsearch.adminbar-focused:before {
699
+ content: "\f179 "; /* extra space */
700
+ }
701
+
702
+ #wpadminbar.ie8 > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
703
+ background: #fff;
704
+ z-index: -1;
705
+ }
706
707
#wpadminbar #adminbarsearch .adminbar-button {
708
display: none;
757
z-index: 100000;
758
line-height: normal;
759
text-decoration: none;
760
+ box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
761
}
762
763
/**
764
+ * IE 6-targeted rules
765
*/
766
+ * html #wpadminbar {
767
+ overflow: hidden;
768
+ position: absolute;
769
+ }
770
+
771
+ * html #wpadminbar .quicklinks ul li a {
772
+ float: left;
773
+ }
774
+
775
+ * html #wpadminbar .menupop a span {
776
+ background-image: none;
777
+ }
778
+
779
+ /* No @font-face support */
780
+ .no-font-face #wpadminbar ul.ab-top-menu > li > a.ab-item {
781
+ display: block;
782
+ width: 45px;
783
+ text-align: center;
784
+ overflow: hidden;
785
+ margin: 0 3px;
786
+ }
787
+
788
+ .no-font-face #wpadminbar #wp-admin-bar-my-sites > .ab-item,
789
+ .no-font-face #wpadminbar #wp-admin-bar-site-name > .ab-item,
790
+ .no-font-face #wpadminbar #wp-admin-bar-edit > .ab-item {
791
+ text-indent: 0;
792
+ }
793
+
794
+ .no-font-face #wpadminbar .ab-icon,
795
+ .no-font-face #wpadminbar .ab-icon:before,
796
+ .no-font-face #wpadminbar a.ab-item:before,
797
+ .no-font-face #wpadminbar #wp-admin-bar-wp-logo > .ab-item {
798
+ display: none !important;
799
+ }
800
+
801
+ .no-font-face #wpadminbar ul.ab-top-menu > li > a > span.ab-label {
802
+ display: inline;
803
+ }
804
+
805
+ .no-font-face #wpadminbar #wp-admin-bar-menu-toggle span.ab-icon {
806
+ display: inline !important;
807
+ }
808
+
809
+ .no-font-face #wpadminbar #wp-admin-bar-menu-toggle span.ab-icon:before {
810
+ content: "Menu";
811
+ font: 14px/45px sans-serif !important;
812
+ display: inline-block !important;
813
+ color: #fff;
814
+ }
815
816
+ .no-font-face #wpadminbar #wp-admin-bar-site-name a.ab-item {
817
+ color: #fff;
818
+ }
819
+ /* End no @font-face */
820
821
+ @media screen and (max-width: 782px) {
822
/* Toolbar Touchification*/
823
html #wpadminbar {
824
height: 46px;
825
+ min-width: 240px; /* match the min-width of the body in wp-admin/css/common.css */
826
}
827
828
#wpadminbar * {
829
font-size: 14px;
830
font-weight: 400;
831
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
832
+ line-height: 2.28571428;
833
}
834
835
#wpadminbar .quicklinks > ul > li > a,
836
#wpadminbar .quicklinks .ab-empty-item {
837
padding: 0;
838
height: 46px;
839
+ line-height: 3.28571428;
840
width: auto;
841
}
842
863
text-overflow: clip;
864
}
865
866
+ #wpadminbar .quicklinks .menupop ul li .ab-item,
867
+ #wpadminbar .quicklinks .menupop ul li a strong,
868
+ #wpadminbar .quicklinks .menupop:focus-within ul li .ab-item,
869
+ #wpadminbar.nojs .quicklinks .menupop:hover ul li .ab-item,
870
+ #wpadminbar .shortlink-input {
871
+ line-height: 1.6;
872
+ }
873
+
874
#wpadminbar .ab-label {
875
display: none;
876
}
975
/* New Content */
976
#wpadminbar #wp-admin-bar-new-content .ab-icon:before {
977
top: 0;
978
+ line-height: 1.33333333;
979
height: 46px !important;
980
text-align: center;
981
width: 52px;
1000
display: block;
1001
font-size: 34px;
1002
height: 46px;
1003
+ line-height: 1.38235294;
1004
top: 0;
1005
}
1006
1037
#wpadminbar #wp-admin-bar-user-info .display-name {
1038
height: auto;
1039
font-size: 16px;
1040
+ line-height: 1.5;
1041
color: #eee;
1042
}
1043
assets/css/admin-tables-rtl.css ADDED
@@ -0,0 +1,75 @@
1
+ .column-error_status .dashicons-editor-help {
2
+ color: #767676;
3
+ }
4
+
5
+ .column-sources .dashicons,
6
+ .column-sources_with_invalid_output .dashicons {
7
+ margin-left: 5px;
8
+ }
9
+
10
+ .column-source .dashicons-admin-plugins,
11
+ .column-sources_with_invalid_output .dashicons-admin-plugins {
12
+ color: #64a2e9;
13
+ }
14
+
15
+ .column-source .dashicons-admin-appearance,
16
+ .column-sources_with_invalid_output .dashicons-admin-appearance {
17
+ color: #ebb04f;
18
+ }
19
+
20
+ .column-source,
21
+ .dashicons-wordpress-alt,
22
+ .column-sources_with_invalid_output .dashicons-wordpress-alt {
23
+ color: #92b371;
24
+ }
25
+
26
+ .amp-logo-icon {
27
+ background-image: url("../images/amp-logo-icon.svg");
28
+ background-color: transparent;
29
+ background-size: 20px 20px;
30
+ height: 20px;
31
+ width: 20px;
32
+ display: inline-block;
33
+ }
34
+
35
+ .column-error_status .error-status {
36
+ line-height: 20px;
37
+ display: inline-block;
38
+ position: relative;
39
+ vertical-align: top;
40
+ margin-right: 10px;
41
+ }
42
+
43
+ td.column-found_elements_and_attributes {
44
+ color: #970010;
45
+ }
46
+
47