wp/wp-admin/css/themes-rtl.css
changeset 21 48c4eec2b7e6
parent 19 3d72ae0968f4
child 22 8c2e4d02f4ef
equal deleted inserted replaced
20:7b1b88e27a20 21:48c4eec2b7e6
    18 
    18 
    19 .theme-browser .themes {
    19 .theme-browser .themes {
    20 	clear: both;
    20 	clear: both;
    21 }
    21 }
    22 
    22 
    23 .themes-php:not(.network-admin) .wrap h1 {
       
    24 	margin-bottom: 15px;
       
    25 }
       
    26 
       
    27 .themes-php .wrap h1 .button {
    23 .themes-php .wrap h1 .button {
    28 	margin-right: 20px;
    24 	margin-right: 20px;
    29 }
    25 }
    30 
    26 
    31 /* Search form */
    27 /* Search form */
    32 .themes-php .search-form {
    28 .themes-php .search-form {
    33 	display: inline;
    29 	display: inline-flex;
       
    30 	align-items: center;
       
    31 	position: relative;
       
    32 	top: 0;
       
    33 	gap: .5rem;
       
    34 	width: 100%;
       
    35 	justify-content: end;
    34 }
    36 }
    35 
    37 
    36 .themes-php .wp-filter-search {
    38 .themes-php .wp-filter-search {
    37 	position: relative;
    39 	position: relative;
    38 	top: -2px;
       
    39 	right: 20px;
       
    40 	margin: 0;
    40 	margin: 0;
    41 	width: 280px;
    41 	width: 280px;
    42 }
    42 }
    43 
    43 
    44 /* Position admin messages */
    44 /* Position admin messages */
   175 	transition: opacity 0.1s ease-in-out;
   175 	transition: opacity 0.1s ease-in-out;
   176 	cursor: pointer;
   176 	cursor: pointer;
   177 }
   177 }
   178 
   178 
   179 .theme-browser .theme .more-details:focus {
   179 .theme-browser .theme .more-details:focus {
   180 	box-shadow: 0 0 0 1px #fff, 0 0 0 3px #2271b1;
   180 	box-shadow: 0 0 0 2px #2271b1;
   181 }
   181 }
   182 
   182 
   183 .theme-browser .theme.focus {
   183 .theme-browser .theme.focus {
   184 	border-color: #4f94d4;
   184 	border-color: #2271b1;
   185 	box-shadow: 0 0 2px rgba(79, 148, 212, 0.8);
   185 	box-shadow: 0 0 0 1px #2271b1;
       
   186 	/* Only visible in Windows High Contrast mode */
       
   187 	outline: 2px solid transparent;
   186 }
   188 }
   187 
   189 
   188 .theme-browser .theme.focus .more-details {
   190 .theme-browser .theme.focus .more-details {
   189 	opacity: 1;
   191 	opacity: 1;
   190 }
   192 }
   505 	padding: 10px 25px 5px;
   507 	padding: 10px 25px 5px;
   506 	background: #f6f7f7;
   508 	background: #f6f7f7;
   507 	z-index: 30;
   509 	z-index: 30;
   508 	box-sizing: border-box;
   510 	box-sizing: border-box;
   509 	border-top: 1px solid #f0f0f1;
   511 	border-top: 1px solid #f0f0f1;
   510 }
   512 	display: flex;
   511 
   513 	justify-content: center;
   512 .theme-overlay .theme-actions a {
   514 	gap: 5px;
   513 	margin-left: 5px;
   515 }
       
   516 
       
   517 .theme-overlay .theme-actions .button {
   514 	margin-bottom: 5px;
   518 	margin-bottom: 5px;
   515 }
   519 }
   516 
   520 
   517 /* Hide-if-customize for items we can't add classes to */
   521 /* Hide-if-customize for items we can't add classes to */
   518 .customize-support .theme-overlay .theme-actions a[href="themes.php?page=custom-header"],
   522 .customize-support .theme-overlay .theme-actions a[href="themes.php?page=custom-header"],
   520 	display: none;
   524 	display: none;
   521 }
   525 }
   522 
   526 
   523 .broken-themes a.delete-theme,
   527 .broken-themes a.delete-theme,
   524 .theme-overlay .theme-actions .delete-theme {
   528 .theme-overlay .theme-actions .delete-theme {
   525 	color: #d63638;
   529 	color: #b32d2e;
   526 	text-decoration: none;
   530 	text-decoration: none;
   527 	border-color: transparent;
   531 	border-color: transparent;
   528 	box-shadow: none;
   532 	box-shadow: none;
   529 	background: transparent;
   533 	background: transparent;
   530 }
   534 }
   531 
   535 
   532 .theme-overlay .theme-actions .delete-theme {
       
   533 	position: absolute;
       
   534 	left: 10px;
       
   535 	bottom: 5px;
       
   536 }
       
   537 
       
   538 .broken-themes a.delete-theme:hover,
   536 .broken-themes a.delete-theme:hover,
   539 .broken-themes a.delete-theme:focus,
   537 .broken-themes a.delete-theme:focus,
   540 .theme-overlay .theme-actions .delete-theme:hover,
   538 .theme-overlay .theme-actions .delete-theme:hover,
   541 .theme-overlay .theme-actions .delete-theme:focus {
   539 .theme-overlay .theme-actions .delete-theme:focus {
   542 	background: #d63638;
   540 	background: #b32d2e;
   543 	color: #fff;
   541 	color: #fff;
   544 	border-color: #d63638;
   542 	border-color: #b32d2e;
       
   543 	box-shadow: 0 0 0 1px #b32d2e;
   545 }
   544 }
   546 
   545 
   547 .theme-overlay .theme-actions .active-theme,
   546 .theme-overlay .theme-actions .active-theme,
   548 .theme-overlay.active .theme-actions .inactive-theme {
   547 .theme-overlay.active .theme-actions .inactive-theme {
   549 	display: none;
   548 	display: none;
   839 	.theme-overlay .theme-wrap {
   838 	.theme-overlay .theme-wrap {
   840 		right: 65px;
   839 		right: 65px;
   841 	}
   840 	}
   842 }
   841 }
   843 
   842 
   844 @media only screen and (max-width: 780px) {
   843 @media only screen and (max-width: 782px) {
   845 	body.folded .theme-overlay .theme-wrap,
   844 	body.folded .theme-overlay .theme-wrap,
   846 	.theme-overlay .theme-wrap {
   845 	.theme-overlay .theme-wrap {
   847 		top: 0; /* The adminmenu isn't fixed on mobile, so this can use the full viewport height */
   846 		top: 0; /* The adminmenu isn't fixed on mobile, so this can use the full viewport height */
   848 		left: 0;
   847 		left: 0;
   849 		bottom: 0;
   848 		bottom: 0;
   955 	.themes-php .wp-filter-search {
   954 	.themes-php .wp-filter-search {
   956 		float: none;
   955 		float: none;
   957 		clear: both;
   956 		clear: both;
   958 		right: 0;
   957 		right: 0;
   959 		left: 0;
   958 		left: 0;
   960 		margin: -5px 0 20px;
       
   961 		width: 100%;
   959 		width: 100%;
   962 		max-width: 280px;
   960 		max-width: 280px;
       
   961 	}
       
   962 
       
   963 	.theme-install-php .wp-filter p.search-box {
       
   964 		display: grid;
       
   965 		row-gap: .5rem;
   963 	}
   966 	}
   964 
   967 
   965 	.theme-browser .theme.add-new-theme span:after {
   968 	.theme-browser .theme.add-new-theme span:after {
   966 		font: normal 60px/90px dashicons;
   969 		font: normal 60px/90px dashicons;
   967 		width: 80px;
   970 		width: 80px;
  1027 	content: "";
  1030 	content: "";
  1028 }
  1031 }
  1029 
  1032 
  1030 .theme-install-php .wp-filter {
  1033 .theme-install-php .wp-filter {
  1031 	padding-right: 20px;
  1034 	padding-right: 20px;
       
  1035 }
       
  1036 
       
  1037 /* Override column gap adjustment in media library. */
       
  1038 @media only screen and (max-width: 1000px) {
       
  1039 	.theme-install-php .wp-filter p.search-box {
       
  1040 		column-gap: .5rem;
       
  1041 	}
  1032 }
  1042 }
  1033 
  1043 
  1034 .theme-install-php a.upload,
  1044 .theme-install-php a.upload,
  1035 .theme-install-php a.browse-themes {
  1045 .theme-install-php a.browse-themes {
  1036 	cursor: pointer;
  1046 	cursor: pointer;
  1588 	overflow: hidden;
  1598 	overflow: hidden;
  1589 }
  1599 }
  1590 
  1600 
  1591 .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
  1601 .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
  1592 .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
  1602 .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
  1593 	box-shadow:
  1603 	box-shadow: 0 0 0 2px #2271b1;
  1594 		0 0 0 1px #4f94d4,
  1604 	/* Only visible in Windows High Contrast mode */
  1595 		0 0 2px 1px rgba(79, 148, 212, 0.8);
  1605 	outline: 2px solid transparent;
  1596 }
  1606 }
  1597 
  1607 
  1598 .wp-full-overlay .collapse-sidebar-label {
  1608 .wp-full-overlay .collapse-sidebar-label {
  1599 	margin-right: 3px;
  1609 	margin-right: 3px;
  1600 }
  1610 }
  1940 
  1950 
  1941 /**
  1951 /**
  1942  * HiDPI Displays
  1952  * HiDPI Displays
  1943  */
  1953  */
  1944 @media print,
  1954 @media print,
  1945   (-webkit-min-device-pixel-ratio: 1.25),
       
  1946   (min-resolution: 120dpi) {
  1955   (min-resolution: 120dpi) {
  1947 	.wp-full-overlay .collapse-sidebar-arrow {
  1956 	.wp-full-overlay .collapse-sidebar-arrow {
  1948 		background-image: url(../images/arrows-2x.png);
  1957 		background-image: url(../images/arrows-2x.png);
  1949 		background-size: 15px 123px;
  1958 		background-size: 15px 123px;
  1950 	}
  1959 	}