wp/wp-includes/css/editor-rtl.css
changeset 21 48c4eec2b7e6
parent 19 3d72ae0968f4
child 22 8c2e4d02f4ef
equal deleted inserted replaced
20:7b1b88e27a20 21:48c4eec2b7e6
    86 	color: #135e96;
    86 	color: #135e96;
    87 }
    87 }
    88 
    88 
    89 .mce-window-head .mce-close:focus .mce-i-remove,
    89 .mce-window-head .mce-close:focus .mce-i-remove,
    90 div.mce-tab:focus {
    90 div.mce-tab:focus {
    91 	box-shadow: 0 0 0 1px #4f94d4,
    91 	box-shadow: 0 0 0 2px #2271b1;
    92 		0 0 2px 1px rgba(79, 148, 212, 0.8);
    92 	/* Only visible in Windows High Contrast mode */
       
    93 	outline: 2px solid transparent;
    93 }
    94 }
    94 
    95 
    95 .mce-window .mce-window-head .mce-dragh {
    96 .mce-window .mce-window-head .mce-dragh {
    96 	width: calc( 100% - 36px );
    97 	width: calc( 100% - 36px );
    97 }
    98 }
   112 .mce-textbox:focus,
   113 .mce-textbox:focus,
   113 .mce-textbox.mce-focus,
   114 .mce-textbox.mce-focus,
   114 .mce-checkbox:focus i.mce-i-checkbox,
   115 .mce-checkbox:focus i.mce-i-checkbox,
   115 #wp-link .query-results:focus {
   116 #wp-link .query-results:focus {
   116 	border-color: #4f94d4;
   117 	border-color: #4f94d4;
   117 	box-shadow: 0 0 2px rgba(79, 148, 212, 0.8);
   118 	box-shadow: 0 0 0 2px #2271b1;
       
   119 	/* Only visible in Windows High Contrast mode */
       
   120 	outline: 2px solid transparent;
   118 }
   121 }
   119 
   122 
   120 .mce-window .mce-wp-help {
   123 .mce-window .mce-wp-help {
   121 	height: 360px;
   124 	height: 360px;
   122 	width: 460px;
   125 	width: 460px;
   408 .mce-toolbar .mce-btn-group .mce-btn:hover,
   411 .mce-toolbar .mce-btn-group .mce-btn:hover,
   409 .mce-toolbar .mce-btn-group .mce-btn:focus,
   412 .mce-toolbar .mce-btn-group .mce-btn:focus,
   410 .qt-dfw:hover,
   413 .qt-dfw:hover,
   411 .qt-dfw:focus {
   414 .qt-dfw:focus {
   412 	background: #f6f7f7;
   415 	background: #f6f7f7;
   413 	border-color: #50575e;
       
   414 	color: #1d2327;
   416 	color: #1d2327;
   415 	box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0, 0, 0, 0.08);
   417 	box-shadow: 0 0 0 2px #2271b1;
   416 	outline: none;
   418 	/* Only visible in Windows High Contrast mode */
       
   419 	outline: 2px solid transparent;
   417 }
   420 }
   418 
   421 
   419 .mce-toolbar .mce-btn-group .mce-btn.mce-active,
   422 .mce-toolbar .mce-btn-group .mce-btn.mce-active,
   420 .mce-toolbar .mce-btn-group .mce-btn:active,
   423 .mce-toolbar .mce-btn-group .mce-btn:active,
   421 .qt-dfw.active {
   424 .qt-dfw.active {
   422 	background: #f0f0f1;
   425 	background: #f0f0f1;
   423 	border-color: #50575e;
   426 	border-color: #50575e;
   424 	box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.3);
       
   425 }
   427 }
   426 
   428 
   427 .mce-btn.mce-active,
   429 .mce-btn.mce-active,
   428 .mce-btn.mce-active button,
   430 .mce-btn.mce-active button,
   429 .mce-btn.mce-active:hover button,
   431 .mce-btn.mce-active:hover button,
   531 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
   533 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
   532 	border-radius: 0;
   534 	border-radius: 0;
   533 	direction: rtl;
   535 	direction: rtl;
   534 	background: #fff;
   536 	background: #fff;
   535 	border: 1px solid #dcdcde;
   537 	border: 1px solid #dcdcde;
   536 	box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, 0.2);
       
   537 }
   538 }
   538 
   539 
   539 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover,
   540 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover,
   540 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:focus {
   541 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:focus {
   541 	border-color: #c3c4c7;
   542 	box-shadow: 0 0 0 2px #2271b1;
       
   543 	/* Only visible in Windows High Contrast mode */
       
   544 	outline: 2px solid transparent;
   542 }
   545 }
   543 
   546 
   544 .mce-panel .mce-btn i.mce-caret {
   547 .mce-panel .mce-btn i.mce-caret {
   545 	border-top: 6px solid #50575e;
   548 	border-top: 6px solid #50575e;
   546 	margin-right: 2px;
   549 	margin-right: 2px;
   634 	background: transparent;
   637 	background: transparent;
   635 }
   638 }
   636 
   639 
   637 .mce-menubar .mce-menubtn:focus {
   640 .mce-menubar .mce-menubtn:focus {
   638 	color: #043959;
   641 	color: #043959;
   639 	box-shadow:
   642 	box-shadow: 0 0 0 2px #2271b1;
   640 		0 0 0 1px #4f94d4,
   643 	/* Only visible in Windows High Contrast mode */
   641 		0 0 2px 1px rgba(79, 148, 212, 0.8);
   644 	outline: 2px solid transparent;
   642 }
   645 }
   643 
   646 
   644 div.mce-menu .mce-menu-item-sep,
   647 div.mce-menu .mce-menu-item-sep,
   645 .mce-menu-item-sep:hover {
   648 .mce-menu-item-sep:hover {
   646 	border-bottom: 1px solid #dcdcde;
   649 	border-bottom: 1px solid #dcdcde;
  1130 	padding: 3px 8px 4px;
  1133 	padding: 3px 8px 4px;
  1131 	border: 1px solid #dcdcde;
  1134 	border: 1px solid #dcdcde;
  1132 }
  1135 }
  1133 
  1136 
  1134 .wp-switch-editor:focus {
  1137 .wp-switch-editor:focus {
  1135 	box-shadow:
  1138 	box-shadow: 0 0 0 2px #2271b1;
  1136 		0 0 0 1px #4f94d4,
  1139 	/* Only visible in Windows High Contrast mode */
  1137 		0 0 2px 1px rgba(79, 148, 212, 0.8);
  1140 	outline: 2px solid transparent;
  1138 	outline: none;
       
  1139 	color: #1d2327;
  1141 	color: #1d2327;
  1140 }
  1142 }
  1141 
  1143 
  1142 .wp-switch-editor:active,
  1144 .wp-switch-editor:active,
  1143 .html-active .switch-html:focus,
  1145 .html-active .switch-html:focus,
  1391 	position: relative;
  1393 	position: relative;
  1392 	height: 100%;
  1394 	height: 100%;
  1393 }
  1395 }
  1394 
  1396 
  1395 #wp-link-wrap {
  1397 #wp-link-wrap {
  1396 	height: 500px;
  1398 	height: 600px;
  1397 	margin-top: -250px;
  1399 	margin-top: -300px;
  1398 }
  1400 }
  1399 
  1401 
  1400 #wp-link-wrap .wp-link-text-field {
  1402 #wp-link-wrap .wp-link-text-field {
  1401 	display: none;
  1403 	display: none;
  1402 }
  1404 }
  1406 }
  1408 }
  1407 
  1409 
  1408 #link-modal-title {
  1410 #link-modal-title {
  1409 	background: #fff;
  1411 	background: #fff;
  1410 	border-bottom: 1px solid #dcdcde;
  1412 	border-bottom: 1px solid #dcdcde;
  1411 	height: 36px;
       
  1412 	font-size: 18px;
  1413 	font-size: 18px;
  1413 	font-weight: 600;
  1414 	font-weight: 600;
  1414 	line-height: 2;
  1415 	line-height: 2;
  1415 	margin: 0;
  1416 	margin: 0;
  1416 	padding: 0 16px 0 36px;
  1417 	padding: 0 16px 0 36px;
  1445 #wp-link-close:focus {
  1446 #wp-link-close:focus {
  1446 	color: #135e96;
  1447 	color: #135e96;
  1447 }
  1448 }
  1448 
  1449 
  1449 #wp-link-close:focus {
  1450 #wp-link-close:focus {
  1450 	outline: none;
  1451 	box-shadow: 0 0 0 2px #2271b1;
  1451 	box-shadow:
       
  1452 		0 0 0 1px #4f94d4,
       
  1453 		0 0 2px 1px rgba(79, 148, 212, 0.8);
       
  1454 	/* Only visible in Windows High Contrast mode */
  1452 	/* Only visible in Windows High Contrast mode */
  1455 	outline: 2px solid transparent;
  1453 	outline: 2px solid transparent;
  1456 	outline-offset: -2px;
  1454 	outline-offset: -2px;
  1457 }
  1455 }
  1458 
  1456 
  1459 #wp-link-wrap #link-selector {
  1457 #wp-link-wrap #link-selector {
  1460 	-webkit-overflow-scrolling: touch;
  1458 	-webkit-overflow-scrolling: touch;
  1461 	padding: 0 16px;
  1459 	padding: 0 16px;
  1462 	position: absolute;
  1460 	position: absolute;
  1463 	top: 37px;
  1461 	top: calc(2.15384615em + 16px);
  1464 	right: 0;
  1462 	right: 0;
  1465 	left: 0;
  1463 	left: 0;
  1466 	bottom: 44px;
  1464 	bottom: calc(2.15384615em + 19px);
       
  1465 	display: flex;
       
  1466 	flex-direction: column;
       
  1467 	overflow: auto;
  1467 }
  1468 }
  1468 
  1469 
  1469 #wp-link ol,
  1470 #wp-link ol,
  1470 #wp-link ul {
  1471 #wp-link ul {
  1471 	list-style: none;
  1472 	list-style: none;
  1496 }
  1497 }
  1497 
  1498 
  1498 #wp-link #link-options label span,
  1499 #wp-link #link-options label span,
  1499 #wp-link #search-panel label span.search-label {
  1500 #wp-link #search-panel label span.search-label {
  1500 	display: inline-block;
  1501 	display: inline-block;
  1501 	width: 80px;
  1502 	width: 120px;
  1502 	text-align: left;
  1503 	text-align: left;
  1503 	padding-left: 5px;
  1504 	padding-left: 5px;
  1504 	max-width: 24%;
  1505 	max-width: 24%;
  1505 	vertical-align: middle;
  1506 	vertical-align: middle;
  1506 	word-wrap: break-word;
  1507 	word-wrap: break-word;
  1512 }
  1513 }
  1513 
  1514 
  1514 #wp-link .link-search-wrapper {
  1515 #wp-link .link-search-wrapper {
  1515 	margin: 5px 0 9px;
  1516 	margin: 5px 0 9px;
  1516 	display: block;
  1517 	display: block;
  1517 	overflow: hidden;
  1518 }
       
  1519 
       
  1520 #wp-link .query-results {
       
  1521 	position: absolute;
       
  1522 	width: calc(100% - 32px);
  1518 }
  1523 }
  1519 
  1524 
  1520 #wp-link .link-search-wrapper .spinner {
  1525 #wp-link .link-search-wrapper .spinner {
  1521 	float: none;
  1526 	float: none;
  1522 	margin: -3px 4px 0 0;
  1527 	margin: -3px 4px 0 0;
  1523 }
  1528 }
  1524 
  1529 
  1525 #wp-link .link-target {
  1530 #wp-link .link-target {
  1526 	padding: 3px 0 0;
  1531 	padding: 3px 0 0;
  1527 	white-space: nowrap;
       
  1528 	overflow: hidden;
       
  1529 	text-overflow: ellipsis;
       
  1530 }
  1532 }
  1531 
  1533 
  1532 #wp-link .link-target label {
  1534 #wp-link .link-target label {
  1533 	max-width: 70%;
  1535 	max-width: 70%;
  1534 }
  1536 }
  1536 #wp-link .query-results {
  1538 #wp-link .query-results {
  1537 	border: 1px #dcdcde solid;
  1539 	border: 1px #dcdcde solid;
  1538 	margin: 0 0 12px;
  1540 	margin: 0 0 12px;
  1539 	background: #fff;
  1541 	background: #fff;
  1540 	overflow: auto;
  1542 	overflow: auto;
  1541 	position: absolute;
  1543 	max-height: 290px;
  1542 	right: 16px;
       
  1543 	left: 16px;
       
  1544 	bottom: 0;
       
  1545 	top: 166px;
       
  1546 }
       
  1547 
       
  1548 .has-text-field #wp-link .query-results {
       
  1549 	top: 210px;
       
  1550 }
  1544 }
  1551 
  1545 
  1552 #wp-link li {
  1546 #wp-link li {
  1553 	clear: both;
  1547 	clear: both;
  1554 	margin-bottom: 0;
  1548 	margin-bottom: 0;
  1661 #wp-link-submit {
  1655 #wp-link-submit {
  1662 	float: left;
  1656 	float: left;
  1663 }
  1657 }
  1664 
  1658 
  1665 @media screen and (max-width: 782px) {
  1659 @media screen and (max-width: 782px) {
  1666 	#wp-link-wrap {
       
  1667 		margin-top: -140px;
       
  1668 	}
       
  1669 
       
  1670 	#wp-link-wrap .query-results {
       
  1671 		top: 195px;
       
  1672 	}
       
  1673 
       
  1674 	#wp-link-wrap.has-text-field .query-results {
       
  1675 		top: 235px;
       
  1676 	}
       
  1677 
       
  1678 	#link-selector {
  1660 	#link-selector {
  1679 		padding: 0 16px 60px;
  1661 		padding: 0 16px 60px;
  1680 	}
  1662 	}
  1681 
  1663 
  1682 	#wp-link-wrap #link-selector {
  1664 	#wp-link-wrap #link-selector {
  1683 		bottom: 52px;
  1665 		bottom: calc(2.71428571em + 23px);
  1684 	}
  1666 	}
  1685 
  1667 
  1686 	#wp-link-cancel {
  1668 	#wp-link-cancel {
  1687 		line-height: 2.46153846;
  1669 		line-height: 2.46153846;
  1688 	}
  1670 	}
  1704 		left: 10px;
  1686 		left: 10px;
  1705 		max-width: 500px;
  1687 		max-width: 500px;
  1706 	}
  1688 	}
  1707 }
  1689 }
  1708 
  1690 
  1709 @media screen and (max-height: 520px) {
  1691 @media screen and (max-height: 620px) {
  1710 	#wp-link-wrap {
  1692 	#wp-link-wrap {
  1711 		transition: none;
  1693 		transition: none;
  1712 		height: auto;
  1694 		height: auto;
  1713 		margin-top: 0;
  1695 		margin-top: 0;
  1714 		top: 10px;
  1696 		top: 10px;
  1716 	}
  1698 	}
  1717 
  1699 
  1718 	#link-selector {
  1700 	#link-selector {
  1719 		overflow: auto;
  1701 		overflow: auto;
  1720 	}
  1702 	}
  1721 
       
  1722 	#search-panel .query-results {
       
  1723 		position: static;
       
  1724 	}
       
  1725 }
  1703 }
  1726 
  1704 
  1727 @media screen and (max-height: 290px) {
  1705 @media screen and (max-height: 290px) {
  1728 	#wp-link-wrap {
  1706 	#wp-link-wrap {
  1729 		height: auto;
  1707 		height: auto;
  1734 
  1712 
  1735 	#link-selector {
  1713 	#link-selector {
  1736 		overflow: auto;
  1714 		overflow: auto;
  1737 		height: calc(100% - 92px);
  1715 		height: calc(100% - 92px);
  1738 		padding-bottom: 2px;
  1716 		padding-bottom: 2px;
  1739 	}
       
  1740 
       
  1741 	#search-panel .query-results {
       
  1742 		position: static;
       
  1743 	}
  1717 	}
  1744 }
  1718 }
  1745 
  1719 
  1746 div.wp-link-preview {
  1720 div.wp-link-preview {
  1747 	float: right;
  1721 	float: right;
  1762 
  1736 
  1763 div.wp-link-preview a.wplink-url-error {
  1737 div.wp-link-preview a.wplink-url-error {
  1764 	color: #d63638;
  1738 	color: #d63638;
  1765 }
  1739 }
  1766 
  1740 
       
  1741 .mce-inline-toolbar-grp div.mce-flow-layout-item > div {
       
  1742 	display: flex;
       
  1743 	align-items: flex-end;
       
  1744 }
       
  1745 
  1767 div.wp-link-input {
  1746 div.wp-link-input {
  1768 	float: right;
  1747 	float: right;
  1769 	margin: 2px;
  1748 	margin: 2px;
  1770 	max-width: 694px;
  1749 	max-width: 694px;
       
  1750 }
       
  1751 
       
  1752 div.wp-link-input label {
       
  1753 	margin-bottom: 4px;
       
  1754 	display: block;
  1771 }
  1755 }
  1772 
  1756 
  1773 div.wp-link-input input {
  1757 div.wp-link-input input {
  1774 	width: 300px;
  1758 	width: 300px;
  1775 	padding: 3px;
  1759 	padding: 3px;
  1869 	font-family: Arial, sans-serif;
  1853 	font-family: Arial, sans-serif;
  1870 }
  1854 }
  1871 
  1855 
  1872 /* HiDPI */
  1856 /* HiDPI */
  1873 @media print,
  1857 @media print,
  1874   (-webkit-min-device-pixel-ratio: 1.25),
       
  1875   (min-resolution: 120dpi) {
  1858   (min-resolution: 120dpi) {
  1876 	.wp-media-buttons .add_media span.wp-media-buttons-icon {
  1859 	.wp-media-buttons .add_media span.wp-media-buttons-icon {
  1877 		background: none;
  1860 		background: none;
  1878 	}
  1861 	}
  1879 }
  1862 }