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