wp/wp-admin/css/customize-controls.css
changeset 16 a86126ab1dd4
parent 9 177826044cd9
child 18 be944660c56a
equal deleted inserted replaced
15:3d4e9c994f10 16:a86126ab1dd4
   157 	font-size: 14px;
   157 	font-size: 14px;
   158 	width: 30px;
   158 	width: 30px;
   159 	float: left;
   159 	float: left;
   160 	transform: none;
   160 	transform: none;
   161 	margin-top: 0;
   161 	margin-top: 0;
       
   162 	line-height: 2;
   162 }
   163 }
   163 
   164 
   164 body:not(.ready) #publish-settings,
   165 body:not(.ready) #publish-settings,
   165 body.trashing #customize-save-button-wrapper .save,
   166 body.trashing #customize-save-button-wrapper .save,
   166 body.trashing #publish-settings {
   167 body.trashing #publish-settings {
   282 	width: 4px;
   283 	width: 4px;
   283 	opacity: 0.8;
   284 	opacity: 0.8;
   284 }
   285 }
   285 
   286 
   286 #customize-control-changeset_preview_link input {
   287 #customize-control-changeset_preview_link input {
   287 	line-height: 2.5;
   288 	line-height: 2.85714286; /* 40px */
   288 	border-top: 1px solid #ddd;
   289 	border-top: 1px solid #ddd;
   289 	border-left: none;
   290 	border-left: none;
   290 	border-right: none;
   291 	border-right: none;
   291 	text-indent: -999px;
   292 	text-indent: -999px;
   292 	color: #fff;
   293 	color: #fff;
       
   294 	/* Only necessary for IE11 */
       
   295 	min-height: 40px;
   293 }
   296 }
   294 
   297 
   295 #customize-control-changeset_preview_link label {
   298 #customize-control-changeset_preview_link label {
   296 	position: relative;
   299 	position: relative;
   297 	display: block;
   300 	display: block;
   345 .date-time-fields .date-input.minute {
   348 .date-time-fields .date-input.minute {
   346 	width: 46px;
   349 	width: 46px;
   347 }
   350 }
   348 
   351 
   349 .date-time-fields .date-input.year {
   352 .date-time-fields .date-input.year {
   350 	width: 60px;
   353 	width: 65px;
   351 }
   354 }
   352 
   355 
   353 .date-time-fields .date-input.meridian {
   356 .date-time-fields .date-input.meridian {
   354 	width: auto;
   357 	width: auto;
   355 	margin: 0;
   358 	margin: 0;
   356 }
   359 }
   357 
   360 
   358 .date-time-fields .time-row {
   361 .date-time-fields .time-row {
   359 	margin-top: 12px;
   362 	margin-top: 12px;
   360 }
       
   361 
       
   362 .date-time-fields .date-timezone {
       
   363 	line-height: 2.2;
       
   364 	text-decoration: none;
       
   365 }
   363 }
   366 
   364 
   367 #customize-control-changeset_preview_link {
   365 #customize-control-changeset_preview_link {
   368 	margin-top: 6px;
   366 	margin-top: 6px;
   369 }
   367 }
   842 .customize-controls-preview-toggle:focus,
   840 .customize-controls-preview-toggle:focus,
   843 .customize-controls-preview-toggle:hover {
   841 .customize-controls-preview-toggle:hover {
   844 	background: #fff;
   842 	background: #fff;
   845 	color: #0073aa;
   843 	color: #0073aa;
   846 	border-top-color: #0073aa;
   844 	border-top-color: #0073aa;
   847 	outline: none;
       
   848 	box-shadow: none;
   845 	box-shadow: none;
   849 }
   846 	/* Only visible in Windows High Contrast mode */
   850 
   847 	outline: 1px solid transparent;
       
   848 }
       
   849 
       
   850 #customize-theme-controls .accordion-section-title:focus .customize-action {
       
   851 	/* Only visible in Windows High Contrast mode */
       
   852 	outline: 1px solid transparent;
       
   853 	outline-offset: 1px;
       
   854 }
   851 
   855 
   852 .customize-panel-back:hover,
   856 .customize-panel-back:hover,
   853 .customize-panel-back:focus,
   857 .customize-panel-back:focus,
   854 .customize-section-back:hover,
   858 .customize-section-back:hover,
   855 .customize-section-back:focus {
   859 .customize-section-back:focus {
   856 	color: #0073aa;
   860 	color: #0073aa;
   857 	background: #f3f3f5;
   861 	background: #f3f3f5;
   858 	border-left-color: #0073aa;
   862 	border-left-color: #0073aa;
   859 	outline: none;
       
   860 	box-shadow: none;
   863 	box-shadow: none;
       
   864 	/* Only visible in Windows High Contrast mode */
       
   865 	outline: 2px solid transparent;
       
   866 	outline-offset: -2px;
   861 }
   867 }
   862 
   868 
   863 .customize-controls-close:before {
   869 .customize-controls-close:before {
   864 	font: normal 22px/45px dashicons;
   870 	font: normal 22px/45px dashicons;
   865 	content: "\f335";
   871 	content: "\f335";
   901 
   907 
   902 .section-description-buttons {
   908 .section-description-buttons {
   903 	text-align: right;
   909 	text-align: right;
   904 }
   910 }
   905 
   911 
   906 .section-description-buttons button.button-link {
       
   907 	color: #0073aa;
       
   908 	text-decoration: underline;
       
   909 }
       
   910 
       
   911 .customize-control {
   912 .customize-control {
   912 	width: 100%;
   913 	width: 100%;
   913 	float: left;
   914 	float: left;
   914 	clear: both;
   915 	clear: both;
   915 	margin-bottom: 12px;
   916 	margin-bottom: 12px;
   916 }
       
   917 
       
   918 .customize-control select,
       
   919 .customize-control input[type="radio"],
       
   920 .customize-control input[type="checkbox"] {
       
   921 	line-height: 2;
       
   922 }
   917 }
   923 
   918 
   924 .customize-control input[type="text"],
   919 .customize-control input[type="text"],
   925 .customize-control input[type="password"],
   920 .customize-control input[type="password"],
   926 .customize-control input[type="email"],
   921 .customize-control input[type="email"],
   927 .customize-control input[type="number"],
   922 .customize-control input[type="number"],
   928 .customize-control input[type="search"],
   923 .customize-control input[type="search"],
   929 .customize-control input[type="tel"],
   924 .customize-control input[type="tel"],
   930 .customize-control input[type="url"] {
   925 .customize-control input[type="url"] {
   931 	width: 100%;
   926 	width: 100%;
   932 	line-height: 1.3;
       
   933 	margin: 0;
   927 	margin: 0;
   934 }
   928 }
   935 
   929 
   936 .customize-control-hidden {
   930 .customize-control-hidden {
   937 	margin: 0;
   931 	margin: 0;
   942 	resize: vertical;
   936 	resize: vertical;
   943 }
   937 }
   944 
   938 
   945 .customize-control select {
   939 .customize-control select {
   946 	width: 100%;
   940 	width: 100%;
   947 	height: 28px;
       
   948 	line-height: 2;
       
   949 }
   941 }
   950 
   942 
   951 .customize-control select[multiple] {
   943 .customize-control select[multiple] {
   952 	height: auto;
   944 	height: auto;
   953 }
   945 }
  1401 	background-color: #fbfbfc;
  1393 	background-color: #fbfbfc;
  1402 }
  1394 }
  1403 
  1395 
  1404 .customize-control .attachment-media-view .button-add-media:focus {
  1396 .customize-control .attachment-media-view .button-add-media:focus {
  1405 	background-color: #fbfbfc;
  1397 	background-color: #fbfbfc;
       
  1398 	border-color: #007cba;
  1406 	border-style: solid;
  1399 	border-style: solid;
  1407 	border-color: #5b9dd9;
  1400 	box-shadow: 0 0 0 1px #007cba;
  1408 	box-shadow: 0 0 3px rgba( 0, 115, 170, .8 );
       
  1409 	/* Only visible in Windows High Contrast mode */
  1401 	/* Only visible in Windows High Contrast mode */
  1410 	outline: 2px solid transparent;
  1402 	outline: 2px solid transparent;
  1411 	outline-offset: -2px;
       
  1412 }
  1403 }
  1413 
  1404 
  1414 .customize-control-header .inner {
  1405 .customize-control-header .inner {
  1415 	display: none;
  1406 	display: none;
  1416 	position: absolute;
  1407 	position: absolute;
  1642 	margin-right: 12px;
  1633 	margin-right: 12px;
  1643 }
  1634 }
  1644 
  1635 
  1645 .theme-browser .theme.active .theme-actions,
  1636 .theme-browser .theme.active .theme-actions,
  1646 .wp-customizer .theme-browser .theme .theme-actions {
  1637 .wp-customizer .theme-browser .theme .theme-actions {
  1647 	padding: 10px 15px;
  1638 	padding: 9px 15px;
  1648 	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
  1639 	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
  1649 }
  1640 }
  1650 
  1641 
  1651 @media screen and (max-width: 640px) {
  1642 @media screen and (max-width: 640px) {
  1652 	.customize-section-description-container + #customize-control-custom_css:last-child {
  1643 	.customize-section-description-container + #customize-control-custom_css:last-child {
  1806 
  1797 
  1807 .themes-filter-bar .feature-filter-toggle.open {
  1798 .themes-filter-bar .feature-filter-toggle.open {
  1808 	background: #eee;
  1799 	background: #eee;
  1809 	border-color: #999;
  1800 	border-color: #999;
  1810 	box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
  1801 	box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
  1811 	transform: translateY(1px);
       
  1812 }
  1802 }
  1813 
  1803 
  1814 .themes-filter-bar .feature-filter-toggle .filter-count-filters {
  1804 .themes-filter-bar .feature-filter-toggle .filter-count-filters {
  1815 	display: none;
  1805 	display: none;
  1816 }
  1806 }
  2224 	.wp-customizer .showing-themes .control-panel-themes .customize-themes-mobile-back:hover,
  2214 	.wp-customizer .showing-themes .control-panel-themes .customize-themes-mobile-back:hover,
  2225 	.wp-customizer .showing-themes .control-panel-themes .customize-themes-mobile-back:focus {
  2215 	.wp-customizer .showing-themes .control-panel-themes .customize-themes-mobile-back:focus {
  2226 		color: #0073aa;
  2216 		color: #0073aa;
  2227 		background: #f3f3f5;
  2217 		background: #f3f3f5;
  2228 		border-left-color: #0073aa;
  2218 		border-left-color: #0073aa;
  2229 		outline: none;
       
  2230 		box-shadow: none;
  2219 		box-shadow: none;
       
  2220 		/* Only visible in Windows High Contrast mode */
       
  2221 		outline: 2px solid transparent;
       
  2222 		outline-offset: -2px;
  2231 	}
  2223 	}
  2232 
  2224 
  2233 	.showing-themes #customize-header-actions {
  2225 	.showing-themes #customize-header-actions {
  2234 		display: none;
  2226 		display: none;
  2235 	}
  2227 	}
  2592 }
  2584 }
  2593 
  2585 
  2594 #available-widgets-filter input,
  2586 #available-widgets-filter input,
  2595 #available-menu-items-search input {
  2587 #available-menu-items-search input {
  2596 	width: 100%;
  2588 	width: 100%;
  2597 	height: 32px;
  2589 	min-height: 32px;
  2598 	margin: 1px 0;
  2590 	margin: 1px 0;
  2599 	padding: 6px 30px;
  2591 	padding: 0 30px;
  2600 }
  2592 }
  2601 
  2593 
  2602 #available-widgets-filter input::-ms-clear,
  2594 #available-widgets-filter input::-ms-clear,
  2603 #available-menu-items-search input::-ms-clear {
  2595 #available-menu-items-search input::-ms-clear {
  2604 	display: none; /* remove the "x" in IE, which conflicts with the "x" icon on button.clear-results */
  2596 	display: none; /* remove the "x" in IE, which conflicts with the "x" icon on button.clear-results */
  2780 		width: 55px;
  2772 		width: 55px;
  2781 	}
  2773 	}
  2782 
  2774 
  2783 	.date-time-fields .date-input.year {
  2775 	.date-time-fields .date-input.year {
  2784 		width: 80px;
  2776 		width: 80px;
  2785 	}
       
  2786 
       
  2787 	.date-time-fields .date-timezone {
       
  2788 		line-height: 3.2;
       
  2789 	}
  2777 	}
  2790 
  2778 
  2791 	#customize-control-changeset_preview_link a {
  2779 	#customize-control-changeset_preview_link a {
  2792 		bottom: 16px;
  2780 		bottom: 16px;
  2793 	}
  2781 	}
  2878 	.preview-only .customize-controls-preview-toggle .controls {
  2866 	.preview-only .customize-controls-preview-toggle .controls {
  2879 		display: block;
  2867 		display: block;
  2880 	}
  2868 	}
  2881 
  2869 
  2882 	.wp-core-ui.wp-customizer .button {
  2870 	.wp-core-ui.wp-customizer .button {
  2883 		padding: 6px 14px;
  2871 		min-height: 30px;
  2884 		line-height: normal;
  2872 		padding: 0 14px;
       
  2873 		line-height: 2;
  2885 		font-size: 14px;
  2874 		font-size: 14px;
  2886 		vertical-align: middle;
  2875 		vertical-align: middle;
  2887 		height: auto;
       
  2888 	}
       
  2889 
       
  2890 	#publish-settings {
       
  2891 		height: 31px;
       
  2892 	}
  2876 	}
  2893 
  2877 
  2894 	#customize-control-changeset_status .customize-inside-control-row {
  2878 	#customize-control-changeset_status .customize-inside-control-row {
  2895 		padding-top: 15px;
  2879 		padding-top: 15px;
  2896 	}
  2880 	}
  2957 	}
  2941 	}
  2958 
  2942 
  2959 	.wp-core-ui .themes-filter-bar .feature-filter-toggle {
  2943 	.wp-core-ui .themes-filter-bar .feature-filter-toggle {
  2960 		margin: 0;
  2944 		margin: 0;
  2961 	}
  2945 	}
  2962 
       
  2963 	.theme-browser .theme.active .theme-actions,
       
  2964 	.wp-customizer .theme-browser .theme .theme-actions {
       
  2965 		padding: 9px 15px;
       
  2966 		box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
       
  2967 	}
       
  2968 }
  2946 }
  2969 
  2947 
  2970 @media screen and (max-width: 600px) {
  2948 @media screen and (max-width: 600px) {
  2971 	.theme-browser .theme.active .theme-actions,
       
  2972 	.wp-customizer .theme-browser .theme .theme-actions {
       
  2973 		padding: 8px 15px;
       
  2974 		box-shadow: none;
       
  2975 	}
       
  2976 
       
  2977 	.wp-full-overlay.expanded {
  2949 	.wp-full-overlay.expanded {
  2978 		margin-left: 0;
  2950 		margin-left: 0;
  2979 	}
  2951 	}
  2980 
  2952 
  2981 	body.adding-widget div#available-widgets,
  2953 	body.adding-widget div#available-widgets,