wp/wp-includes/css/editor.css
changeset 16 a86126ab1dd4
parent 9 177826044cd9
child 18 be944660c56a
equal deleted inserted replaced
15:3d4e9c994f10 16:a86126ab1dd4
    80 	display: block;
    80 	display: block;
    81 }
    81 }
    82 
    82 
    83 .mce-window-head .mce-close:hover .mce-i-remove:before,
    83 .mce-window-head .mce-close:hover .mce-i-remove:before,
    84 .mce-window-head .mce-close:focus .mce-i-remove:before {
    84 .mce-window-head .mce-close:focus .mce-i-remove:before {
    85 	color: #00a0d2;
    85 	color: #006799;
    86 }
    86 }
    87 
    87 
    88 .mce-window-head .mce-close:focus .mce-i-remove,
    88 .mce-window-head .mce-close:focus .mce-i-remove,
    89 div.mce-tab:focus {
    89 div.mce-tab:focus {
    90 	box-shadow: 0 0 0 1px #5b9dd9,
    90 	box-shadow: 0 0 0 1px #5b9dd9,
   462 	line-height: normal;
   462 	line-height: normal;
   463 }
   463 }
   464 
   464 
   465 .mce-toolbar .mce-listbox button {
   465 .mce-toolbar .mce-listbox button {
   466 	font-size: 13px;
   466 	font-size: 13px;
   467 	line-height: 20px;
   467 	line-height: 1.53846153;
   468 	padding-left: 6px;
   468 	padding-left: 6px;
   469 	padding-right: 20px;
   469 	padding-right: 20px;
   470 }
   470 }
   471 
   471 
   472 .mce-toolbar .mce-btn i {
   472 .mce-toolbar .mce-btn i {
   673 .mce-primary button i {
   673 .mce-primary button i {
   674 	text-align: center;
   674 	text-align: center;
   675 	color: #fff;
   675 	color: #fff;
   676 	text-shadow: none;
   676 	text-shadow: none;
   677 	padding: 0;
   677 	padding: 0;
   678 	line-height: 26px;
   678 	line-height: 1.85714285;
   679 }
   679 }
   680 
   680 
   681 .mce-window .mce-btn {
   681 .mce-window .mce-btn {
   682 	color: #555;
   682 	color: #555;
   683 	background: #f7f7f7;
   683 	background: #f7f7f7;
   793 }
   793 }
   794 
   794 
   795 .mce-charmap td div {
   795 .mce-charmap td div {
   796 	width: 18px;
   796 	width: 18px;
   797 	height: 22px;
   797 	height: 22px;
   798 	line-height: 22px;
   798 	line-height: 1.57142857;
   799 }
   799 }
   800 
   800 
   801 /* TinyMCE tooltips */
   801 /* TinyMCE tooltips */
   802 .mce-tooltip {
   802 .mce-tooltip {
   803 	margin-top: 2px;
   803 	margin-top: 2px;
   804 }
       
   805 
       
   806 /* Don't show the tooltip. Used in Chrome RTL, see #42018 */
       
   807 .rtl .mce-tooltip.wp-hide-mce-tooltip {
       
   808 	display: none !important;
       
   809 }
   804 }
   810 
   805 
   811 .mce-tooltip-inner {
   806 .mce-tooltip-inner {
   812 	border-radius: 3px;
   807 	border-radius: 3px;
   813 	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
   808 	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
   824 	font-family: tinymce-small, Arial;
   819 	font-family: tinymce-small, Arial;
   825 }
   820 }
   826 
   821 
   827 .mce-toolbar .mce-ico {
   822 .mce-toolbar .mce-ico {
   828 	color: #555d66;
   823 	color: #555d66;
   829 	line-height: 20px;
   824 	line-height: 1;
   830 	width: 20px;
   825 	width: 20px;
   831 	height: 20px;
   826 	height: 20px;
   832 	text-align: center;
   827 	text-align: center;
   833 	text-shadow: none;
   828 	text-shadow: none;
   834 	margin: 0;
   829 	margin: 0;
   835 	padding: 0;
   830 	padding: 0;
   836 }
   831 }
   837 
   832 
   838 .qt-dfw {
   833 .qt-dfw {
   839 	color: #555d66;
   834 	color: #555d66;
   840 	line-height: 20px;
   835 	line-height: 1;
   841 	width: 28px;
   836 	width: 28px;
   842 	height: 26px;
   837 	height: 26px;
   843 	text-align: center;
   838 	text-align: center;
   844 	text-shadow: none;
   839 	text-shadow: none;
   845 }
   840 }
  1128 	top: 1px;
  1123 	top: 1px;
  1129 	background: #ebebeb;
  1124 	background: #ebebeb;
  1130 	color: #666;
  1125 	color: #666;
  1131 	cursor: pointer;
  1126 	cursor: pointer;
  1132 	font-size: 13px;
  1127 	font-size: 13px;
  1133 	line-height: 19px;
  1128 	line-height: 1.46153846;
  1134 	height: 20px;
  1129 	height: 20px;
  1135 	margin: 5px 0 0 5px;
  1130 	margin: 5px 0 0 5px;
  1136 	padding: 3px 8px 4px;
  1131 	padding: 3px 8px 4px;
  1137 	border: 1px solid #e5e5e5;
  1132 	border: 1px solid #e5e5e5;
  1138 }
  1133 }
  1204 	vertical-align: middle;
  1199 	vertical-align: middle;
  1205 }
  1200 }
  1206 
  1201 
  1207 .wp-media-buttons span.wp-media-buttons-icon {
  1202 .wp-media-buttons span.wp-media-buttons-icon {
  1208 	display: inline-block;
  1203 	display: inline-block;
  1209 	width: 18px;
  1204 	width: 20px;
  1210 	height: 18px;
  1205 	height: 20px;
  1211 	vertical-align: text-top;
  1206 	line-height: 1;
       
  1207 	vertical-align: middle;
  1212 	margin: 0 2px;
  1208 	margin: 0 2px;
  1213 }
  1209 }
  1214 
  1210 
  1215 .wp-media-buttons .add_media span.wp-media-buttons-icon {
  1211 .wp-media-buttons .add_media span.wp-media-buttons-icon {
  1216 	background: none;
  1212 	background: none;
  1325 
  1321 
  1326 @media screen and (min-width: 782px) {
  1322 @media screen and (min-width: 782px) {
  1327 	.wp-core-ui .quicktags-toolbar input.button.button-small {
  1323 	.wp-core-ui .quicktags-toolbar input.button.button-small {
  1328 		/* .button-small is normally 11px, but a bit too small for these buttons. */
  1324 		/* .button-small is normally 11px, but a bit too small for these buttons. */
  1329 		font-size: 12px;
  1325 		font-size: 12px;
  1330 		height: 26px;
  1326 		min-height: 26px;
  1331 		line-height: 24px;
  1327 		line-height: 2;
  1332 	}
  1328 	}
  1333 }
  1329 }
  1334 
  1330 
  1335 #wp_editbtns,
  1331 #wp_editbtns,
  1336 #wp_gallerybtns {
  1332 #wp_gallerybtns {
  1416 	background: #fcfcfc;
  1412 	background: #fcfcfc;
  1417 	border-bottom: 1px solid #ddd;
  1413 	border-bottom: 1px solid #ddd;
  1418 	height: 36px;
  1414 	height: 36px;
  1419 	font-size: 18px;
  1415 	font-size: 18px;
  1420 	font-weight: 600;
  1416 	font-weight: 600;
  1421 	line-height: 36px;
  1417 	line-height: 2;
  1422 	margin: 0;
  1418 	margin: 0;
  1423 	padding: 0 36px 0 16px;
  1419 	padding: 0 36px 0 16px;
  1424 }
  1420 }
  1425 
  1421 
  1426 #wp-link-close {
  1422 #wp-link-close {
  1448 	content: "\f158";
  1444 	content: "\f158";
  1449 }
  1445 }
  1450 
  1446 
  1451 #wp-link-close:hover,
  1447 #wp-link-close:hover,
  1452 #wp-link-close:focus {
  1448 #wp-link-close:focus {
  1453 	color: #00a0d2;
  1449 	color: #006799;
  1454 }
  1450 }
  1455 
  1451 
  1456 #wp-link-close:focus {
  1452 #wp-link-close:focus {
  1457 	outline: none;
  1453 	outline: none;
  1458 	box-shadow:
  1454 	box-shadow:
  1459 		0 0 0 1px #5b9dd9,
  1455 		0 0 0 1px #5b9dd9,
  1460 		0 0 2px 1px rgba(30, 140, 190, 0.8);
  1456 		0 0 2px 1px rgba(30, 140, 190, 0.8);
       
  1457 	/* Only visible in Windows High Contrast mode */
       
  1458 	outline: 2px solid transparent;
       
  1459 	outline-offset: -2px;
  1461 }
  1460 }
  1462 
  1461 
  1463 #wp-link-wrap #link-selector {
  1462 #wp-link-wrap #link-selector {
  1464 	-webkit-overflow-scrolling: touch;
  1463 	-webkit-overflow-scrolling: touch;
  1465 	padding: 0 16px;
  1464 	padding: 0 16px;
  1509 	vertical-align: middle;
  1508 	vertical-align: middle;
  1510 	word-wrap: break-word;
  1509 	word-wrap: break-word;
  1511 }
  1510 }
  1512 
  1511 
  1513 #wp-link .link-search-field {
  1512 #wp-link .link-search-field {
  1514 	float: left;
       
  1515 	width: 250px;
  1513 	width: 250px;
  1516 	max-width: 70%;
  1514 	max-width: 70%;
  1517 }
  1515 }
  1518 
  1516 
  1519 #wp-link .link-search-wrapper {
  1517 #wp-link .link-search-wrapper {
  1520 	margin: 5px 0 9px;
  1518 	margin: 5px 0 9px;
  1521 	display: block;
  1519 	display: block;
  1522 	overflow: hidden;
  1520 	overflow: hidden;
  1523 }
  1521 }
  1524 
  1522 
  1525 #wp-link .link-search-wrapper span {
       
  1526 	float: left;
       
  1527 	margin-top: 4px;
       
  1528 }
       
  1529 
       
  1530 #wp-link .link-search-wrapper .spinner {
  1523 #wp-link .link-search-wrapper .spinner {
  1531 	margin-top: 5px;
  1524 	float: none;
       
  1525 	margin: -3px 0 0 4px;
  1532 }
  1526 }
  1533 
  1527 
  1534 #wp-link .link-target {
  1528 #wp-link .link-target {
  1535 	padding: 3px 0 0;
  1529 	padding: 3px 0 0;
  1536 	white-space: nowrap;
  1530 	white-space: nowrap;
  1553 	bottom: 0;
  1547 	bottom: 0;
  1554 	top: 166px;
  1548 	top: 166px;
  1555 }
  1549 }
  1556 
  1550 
  1557 .has-text-field #wp-link .query-results {
  1551 .has-text-field #wp-link .query-results {
  1558 	top: 200px;
  1552 	top: 210px;
  1559 }
  1553 }
  1560 
  1554 
  1561 #wp-link li {
  1555 #wp-link li {
  1562 	clear: both;
  1556 	clear: both;
  1563 	margin-bottom: 0;
  1557 	margin-bottom: 0;
  1656 	left: 0;
  1650 	left: 0;
  1657 	right: 0;
  1651 	right: 0;
  1658 }
  1652 }
  1659 
  1653 
  1660 #wp-link-cancel {
  1654 #wp-link-cancel {
  1661 	line-height: 25px;
  1655 	line-height: 1.92307692;
  1662 	float: left;
  1656 	float: left;
  1663 }
  1657 }
  1664 
  1658 
  1665 #wp-link-update {
  1659 #wp-link-update {
  1666 	line-height: 23px;
  1660 	line-height: 1.76923076;
  1667 	float: right;
  1661 	float: right;
  1668 }
  1662 }
  1669 
  1663 
  1670 #wp-link-submit {
  1664 #wp-link-submit {
  1671 	float: right;
  1665 	float: right;
  1691 	#wp-link-wrap #link-selector {
  1685 	#wp-link-wrap #link-selector {
  1692 		bottom: 52px;
  1686 		bottom: 52px;
  1693 	}
  1687 	}
  1694 
  1688 
  1695 	#wp-link-cancel {
  1689 	#wp-link-cancel {
  1696 		line-height: 32px;
  1690 		line-height: 2.46153846;
  1697 	}
  1691 	}
  1698 
  1692 
  1699 	#wp-link .link-target {
  1693 	#wp-link .link-target {
  1700 		padding-top: 10px;
  1694 		padding-top: 10px;
  1701 	}
  1695 	}
  1781 
  1775 
  1782 div.wp-link-input input {
  1776 div.wp-link-input input {
  1783 	width: 300px;
  1777 	width: 300px;
  1784 	padding: 3px;
  1778 	padding: 3px;
  1785 	box-sizing: border-box;
  1779 	box-sizing: border-box;
       
  1780 	line-height: 1.28571429; /* 18px */
       
  1781 	/* Override value inherited from default input fields. */
       
  1782 	min-height: 26px;
  1786 }
  1783 }
  1787 
  1784 
  1788 .mce-toolbar div.wp-link-preview ~ .mce-btn,
  1785 .mce-toolbar div.wp-link-preview ~ .mce-btn,
  1789 .mce-toolbar div.wp-link-input ~ .mce-btn {
  1786 .mce-toolbar div.wp-link-input ~ .mce-btn {
  1790 	margin: 2px 1px;
  1787 	margin: 2px 1px;