wp/wp-includes/css/wp-embed-template.css
changeset 18 be944660c56a
parent 16 a86126ab1dd4
child 19 3d72ae0968f4
equal deleted inserted replaced
17:34716fd837a4 18:be944660c56a
    65 	padding: 25px;
    65 	padding: 25px;
    66 	font-size: 14px;
    66 	font-size: 14px;
    67 	font-weight: 400;
    67 	font-weight: 400;
    68 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    68 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    69 	line-height: 1.5;
    69 	line-height: 1.5;
    70 	color: #82878c;
    70 	color: #8c8f94;
    71 	background: #fff;
    71 	background: #fff;
    72 	border: 1px solid #e5e5e5;
    72 	border: 1px solid #dcdcde;
    73 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    73 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    74 	/* Clearfix */
    74 	/* Clearfix */
    75 	overflow: auto;
    75 	overflow: auto;
    76 	zoom: 1;
    76 	zoom: 1;
    77 }
    77 }
    78 
    78 
    79 .wp-embed a {
    79 .wp-embed a {
    80 	color: #82878c;
    80 	color: #8c8f94;
    81 	text-decoration: none;
    81 	text-decoration: none;
    82 }
    82 }
    83 
    83 
    84 .wp-embed a:hover {
    84 .wp-embed a:hover {
    85 	text-decoration: underline;
    85 	text-decoration: underline;
   111 	font-size: 22px;
   111 	font-size: 22px;
   112 	line-height: 1.3;
   112 	line-height: 1.3;
   113 }
   113 }
   114 
   114 
   115 .wp-embed-heading a {
   115 .wp-embed-heading a {
   116 	color: #32373c;
   116 	color: #2c3338;
   117 }
   117 }
   118 
   118 
   119 .wp-embed .wp-embed-more {
   119 .wp-embed .wp-embed-more {
   120 	color: #b4b9be;
   120 	color: #c3c4c7;
   121 }
   121 }
   122 
   122 
   123 .wp-embed-footer {
   123 .wp-embed-footer {
   124 	display: table;
   124 	display: table;
   125 	width: 100%;
   125 	width: 100%;
   163 	display: inline;
   163 	display: inline;
   164 }
   164 }
   165 
   165 
   166 .wp-embed-meta a:hover {
   166 .wp-embed-meta a:hover {
   167 	text-decoration: none;
   167 	text-decoration: none;
   168 	color: #0073aa;
   168 	color: #2271b1;
   169 }
   169 }
   170 
   170 
   171 .wp-embed-comments a {
   171 .wp-embed-comments a {
   172 	line-height: 1.78571428;
   172 	line-height: 1.78571428;
   173 	display: inline-block;
   173 	display: inline-block;
   181 	position: absolute;
   181 	position: absolute;
   182 	top: 0;
   182 	top: 0;
   183 	left: 0;
   183 	left: 0;
   184 	right: 0;
   184 	right: 0;
   185 	bottom: 0;
   185 	bottom: 0;
   186 	background-color: #222;
   186 	background-color: #1d2327;
   187 	background-color: rgba(10, 10, 10, 0.9);
   187 	background-color: rgba(0, 0, 0, 0.9);
   188 	color: #fff;
   188 	color: #fff;
   189 	opacity: 1;
   189 	opacity: 1;
   190 	transition: opacity .25s ease-in-out;
   190 	transition: opacity .25s ease-in-out;
   191 }
   191 }
   192 
   192 
   214 	top: 8px;
   214 	top: 8px;
   215 }
   215 }
   216 
   216 
   217 .wp-embed-share-dialog-open:focus .dashicons,
   217 .wp-embed-share-dialog-open:focus .dashicons,
   218 .wp-embed-share-dialog-close:focus .dashicons {
   218 .wp-embed-share-dialog-close:focus .dashicons {
   219 	box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
   219 	box-shadow: 0 0 0 1px #4f94d4, 0 0 2px 1px rgba(79, 148, 212, 0.8);
   220 	border-radius: 100%;
   220 	border-radius: 100%;
   221 }
   221 }
   222 
   222 
   223 .wp-embed-share-dialog-close {
   223 .wp-embed-share-dialog-close {
   224 	position: absolute;
   224 	position: absolute;
   263 	padding: 0;
   263 	padding: 0;
   264 	border: none;
   264 	border: none;
   265 	background: transparent;
   265 	background: transparent;
   266 	font-size: 16px;
   266 	font-size: 16px;
   267 	line-height: 1.3;
   267 	line-height: 1.3;
   268 	color: #aaa;
   268 	color: #a7aaad;
   269 	cursor: pointer;
   269 	cursor: pointer;
   270 	transition: color .1s ease-in;
   270 	transition: color .1s ease-in;
   271 }
   271 }
   272 
   272 
   273 .wp-embed-share-tab-button [aria-selected="true"] {
   273 .wp-embed-share-tab-button [aria-selected="true"] {
   279 }
   279 }
   280 
   280 
   281 .wp-embed-share-tab-button + .wp-embed-share-tab-button {
   281 .wp-embed-share-tab-button + .wp-embed-share-tab-button {
   282 	margin: 0 0 0 10px;
   282 	margin: 0 0 0 10px;
   283 	padding: 0 0 0 11px;
   283 	padding: 0 0 0 11px;
   284 	border-left: 1px solid #aaa;
   284 	border-left: 1px solid #a7aaad;
   285 }
   285 }
   286 
   286 
   287 .wp-embed-share-tab[aria-hidden="true"] {
   287 .wp-embed-share-tab[aria-hidden="true"] {
   288 	display: none;
   288 	display: none;
   289 }
   289 }
   291 p.wp-embed-share-description {
   291 p.wp-embed-share-description {
   292 	margin: 0;
   292 	margin: 0;
   293 	font-size: 14px;
   293 	font-size: 14px;
   294 	line-height: 1;
   294 	line-height: 1;
   295 	font-style: italic;
   295 	font-style: italic;
   296 	color: #aaa;
   296 	color: #a7aaad;
   297 }
   297 }
   298 
   298 
   299 .wp-embed-share-input {
   299 .wp-embed-share-input {
   300 	box-sizing: border-box;
   300 	box-sizing: border-box;
   301 	width: 100%;
   301 	width: 100%;
   353 
   353 
   354 html[dir="rtl"] .wp-embed-share-tab-button + .wp-embed-share-tab-button {
   354 html[dir="rtl"] .wp-embed-share-tab-button + .wp-embed-share-tab-button {
   355 	margin: 0 10px 0 0;
   355 	margin: 0 10px 0 0;
   356 	padding: 0 11px 0 0;
   356 	padding: 0 11px 0 0;
   357 	border-left: none;
   357 	border-left: none;
   358 	border-right: 1px solid #aaa;
   358 	border-right: 1px solid #a7aaad;
   359 }
   359 }