Embeds: Add fallbacks for IE7-9.

Older IE versions need just that little bit of extra tender care to keep them going.

Props peterwilsoncc, swissspidy, pento.

Fixes #34204.



git-svn-id: https://develop.svn.wordpress.org/trunk@35466 602fd350-edb4-49c9-b593-d223f7449a82

src/wp-includes/css/wp-embed-template.css

@@ -46,6 +46,11 @@ body {
 
 .dashicons-share {
 	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.5%2012q1.24%200%202.12.88T17.5%2015t-.88%202.12-2.12.88-2.12-.88T11.5%2015q0-.34.09-.69l-4.38-2.3Q6.32%2013%205%2013q-1.24%200-2.12-.88T2%2010t.88-2.12T5%207q1.3%200%202.21.99l4.38-2.3q-.09-.35-.09-.69%200-1.24.88-2.12T14.5%202t2.12.88T17.5%205t-.88%202.12T14.5%208q-1.3%200-2.21-.99l-4.38%202.3Q8%209.66%208%2010t-.09.69l4.38%202.3q.89-.99%202.21-.99z%27%20fill%3D%27%2382878c%27%2F%3E%3C%2Fsvg%3E");
+	display: none;
+}
+
+.js .dashicons-share {
+	display: inline-block;
 }
 
 .wp-embed-share-dialog-open:hover .dashicons-share {
@@ -53,7 +58,6 @@ body {
 }
 
 .wp-embed {
-	width: 100%;
 	padding: 25px;
 	font: 400 14px/1.5 'Open Sans', sans-serif;
 	color: #82878c;
@@ -61,9 +65,6 @@ body {
 	border: 1px solid #e5e5e5;
 	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
 	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
-	-webkit-box-sizing: border-box;
-	-moz-box-sizing: border-box;
-	box-sizing: border-box;
 	/* Clearfix */
 	overflow: auto;
 	zoom: 1;
@@ -178,6 +179,7 @@ p.wp-embed-heading {
 	left: 0;
 	right: 0;
 	bottom: 0;
+	background-color: #222;
 	background-color: rgba(10, 10, 10, 0.9);
 	color: #fff;
 	opacity: 1;
@@ -254,7 +256,7 @@ p.wp-embed-heading {
 }
 
 .wp-embed-share-tab-button {
-	display: inline;
+	display: inline-block;
 }
 
 .wp-embed-share-tab-button button {