wp/wp-admin/css/edit.css
changeset 9 177826044cd9
parent 7 cf61fcea0001
child 16 a86126ab1dd4
equal deleted inserted replaced
8:c7c34916027a 9:177826044cd9
   152 
   152 
   153 .postbox {
   153 .postbox {
   154 	position: relative;
   154 	position: relative;
   155 	min-width: 255px;
   155 	min-width: 255px;
   156 	border: 1px solid #e5e5e5;
   156 	border: 1px solid #e5e5e5;
   157 	box-shadow: 0 1px 1px rgba(0,0,0,0.04);
   157 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
   158 	background: #fff;
   158 	background: #fff;
   159 }
   159 }
   160 
   160 
   161 #trackback_url {
   161 #trackback_url {
   162 	width: 99%;
   162 	width: 99%;
   165 #normal-sortables .postbox .submit {
   165 #normal-sortables .postbox .submit {
   166 	background: transparent none;
   166 	background: transparent none;
   167 	border: 0 none;
   167 	border: 0 none;
   168 	float: right;
   168 	float: right;
   169 	padding: 0 12px;
   169 	padding: 0 12px;
   170 	margin:0;
   170 	margin: 0;
   171 }
   171 }
   172 
   172 
   173 .category-add input[type="text"],
   173 .category-add input[type="text"],
   174 .category-add select {
   174 .category-add select {
   175 	width: 100%;
   175 	width: 100%;
   212 	margin: 8px 0 5px;
   212 	margin: 8px 0 5px;
   213 }
   213 }
   214 
   214 
   215 /* Back-compat for pre-4.4 */
   215 /* Back-compat for pre-4.4 */
   216 #category-adder h4 {
   216 #category-adder h4 {
   217     margin: 0;
   217 	margin: 0;
   218 }
   218 }
   219 
   219 
   220 .taxonomy-add-new {
   220 .taxonomy-add-new {
   221 	display: inline-block;
   221 	display: inline-block;
   222 	margin: 10px 0;
   222 	margin: 10px 0;
   310 	width: 100%;
   310 	width: 100%;
   311 	border-spacing: 0;
   311 	border-spacing: 0;
   312 	border: 1px solid #e5e5e5;
   312 	border: 1px solid #e5e5e5;
   313 	border-top: none;
   313 	border-top: none;
   314 	background-color: #f7f7f7;
   314 	background-color: #f7f7f7;
   315 	box-shadow: 0 1px 1px rgba(0,0,0,0.04);
   315 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
   316 	z-index: 999;
   316 	z-index: 999;
   317 }
   317 }
   318 
   318 
   319 #post-status-info td {
   319 #post-status-info td {
   320 	font-size: 12px;
   320 	font-size: 12px;
   494 }
   494 }
   495 
   495 
   496 #timestampdiv input {
   496 #timestampdiv input {
   497 	border-width: 1px;
   497 	border-width: 1px;
   498 	border-style: solid;
   498 	border-style: solid;
       
   499 	text-align: center;
   499 }
   500 }
   500 
   501 
   501 .notification-dialog {
   502 .notification-dialog {
   502 	position: fixed;
   503 	position: fixed;
   503 	top: 30%;
   504 	top: 30%;
   504 	max-height: 70%;
   505 	max-height: 70%;
   505 	left: 50%;
   506 	left: 50%;
   506 	width: 450px;
   507 	width: 450px;
   507 	margin-left: -225px;
   508 	margin-left: -225px;
   508 	background: #fff;
   509 	background: #fff;
   509 	box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
   510 	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
   510 	line-height: 1.5;
   511 	line-height: 1.5;
   511 	z-index: 1000005;
   512 	z-index: 1000005;
   512 	overflow-y: auto;
   513 	overflow-y: auto;
   513 }
   514 }
   514 
   515 
   605 	padding: 8px 12px;
   606 	padding: 8px 12px;
   606 	margin: 0;
   607 	margin: 0;
   607 	line-height: 1.4;
   608 	line-height: 1.4;
   608 }
   609 }
   609 
   610 
       
   611 #poststuff .stuffbox h2 {
       
   612 	padding: 8px 10px;
       
   613 }
       
   614 
   610 #poststuff .inside {
   615 #poststuff .inside {
   611 	margin: 6px 0 0 0;
   616 	margin: 6px 0 0 0;
       
   617 }
       
   618 
       
   619 #poststuff .stuffbox .inside {
       
   620 	margin: 0;
   612 }
   621 }
   613 
   622 
   614 #poststuff .inside #parent_id,
   623 #poststuff .inside #parent_id,
   615 #poststuff .inside #page_template {
   624 #poststuff .inside #page_template {
   616 	max-width: 100%;
   625 	max-width: 100%;
   641 	padding: 0;
   650 	padding: 0;
   642 }
   651 }
   643 
   652 
   644 #post-body-content,
   653 #post-body-content,
   645 .edit-form-section {
   654 .edit-form-section {
   646  	margin-bottom: 20px;
   655 	margin-bottom: 20px;
   647 }
   656 }
   648 
   657 
   649 /* Suggested text for privacy policy */
   658 /* Suggested text for privacy policy */
   650 .wp-privacy-policy-guide {
   659 .wp-privacy-policy-guide {
   651 	max-width: 1000px;
   660 	max-width: 1000px;
   852 
   861 
   853 /*------------------------------------------------------------------------------
   862 /*------------------------------------------------------------------------------
   854   11.4 - Post formats
   863   11.4 - Post formats
   855 ------------------------------------------------------------------------------*/
   864 ------------------------------------------------------------------------------*/
   856 
   865 
   857 .post-state-format {
   866 .post-format-icon::before {
   858 	overflow: hidden;
       
   859 	display: inline-block;
   867 	display: inline-block;
   860 	vertical-align: middle;
   868 	vertical-align: middle;
   861 	height: 20px;
   869 	height: 20px;
   862 	width: 20px;
   870 	width: 20px;
   863 	margin-right: 5px;
       
   864 	margin-top: -4px;
   871 	margin-top: -4px;
   865 }
   872 	margin-right: 7px;
   866 
       
   867 .post-state-format:before {
       
   868 	display: block;
       
   869 	height: 20px;
       
   870 	width: 20px;
       
   871 	font: normal 20px/1 dashicons !important;
       
   872 	speak: none;
       
   873 	-webkit-font-smoothing: antialiased;
       
   874 	-moz-osx-font-smoothing: grayscale;
       
   875 }
       
   876 
       
   877 .post-state-format:before,
       
   878 .post-format-icon:before {
       
   879 	color: #ddd;
   873 	color: #ddd;
   880 	transition: all .1s ease-in-out;
       
   881 }
       
   882 
       
   883 a.post-state-format:hover:before,
       
   884 a.post-format-icon:hover:before {
       
   885 	color: #00a0d2;
       
   886 }
       
   887 
       
   888 #post-formats-select {
       
   889 	line-height: 2em;
       
   890 }
       
   891 
       
   892 #post-formats-select .post-format-icon:before {
       
   893 	top: 5px;
       
   894 }
       
   895 
       
   896 input.post-format {
       
   897 	margin-top: 1px;
       
   898 }
       
   899 
       
   900 label.post-format-icon {
       
   901 	margin-left: 0px;
       
   902 	padding: 2px 0 2px 0px;
       
   903 }
       
   904 
       
   905 .post-format-icon:before {
       
   906 	position: relative;
       
   907 	display: inline-block;
       
   908 	margin-right: 7px;
       
   909 	font: normal 20px/1 dashicons;
   874 	font: normal 20px/1 dashicons;
   910 	speak: none;
   875 	speak: none;
   911 	-webkit-font-smoothing: antialiased;
   876 	-webkit-font-smoothing: antialiased;
   912 	-moz-osx-font-smoothing: grayscale;
   877 	-moz-osx-font-smoothing: grayscale;
   913 }
   878 }
   914 
   879 
   915 .post-state-format.post-format-standard:before,
   880 a.post-format-icon:hover:before {
   916 .post-format-icon.post-format-standard:before,
   881 	color: #00a0d2;
   917 a.post-state-format.format-standard:before {
   882 }
       
   883 
       
   884 #post-formats-select {
       
   885 	line-height: 2em;
       
   886 }
       
   887 
       
   888 #post-formats-select .post-format-icon::before {
       
   889 	top: 5px;
       
   890 }
       
   891 
       
   892 input.post-format {
       
   893 	margin-top: 1px;
       
   894 }
       
   895 
       
   896 label.post-format-icon {
       
   897 	margin-left: 0;
       
   898 	padding: 2px 0;
       
   899 }
       
   900 
       
   901 .post-format-icon.post-format-standard::before {
   918 	content: "\f109";
   902 	content: "\f109";
   919 }
   903 }
   920 
   904 
   921 .post-state-format.post-format-image:before,
   905 .post-format-icon.post-format-image::before {
   922 .post-format-icon.post-format-image:before,
       
   923 a.post-state-format.format-image:before {
       
   924 	content: "\f128";
   906 	content: "\f128";
   925 }
   907 }
   926 
   908 
   927 .post-state-format.post-format-gallery:before,
   909 .post-format-icon.post-format-gallery::before {
   928 .post-format-icon.post-format-gallery:before,
       
   929 a.post-state-format.format-gallery:before {
       
   930 	content: "\f161";
   910 	content: "\f161";
   931 }
   911 }
   932 
   912 
   933 .post-state-format.post-format-audio:before,
   913 .post-format-icon.post-format-audio::before {
   934 .post-format-icon.post-format-audio:before,
       
   935 a.post-state-format.format-audio:before {
       
   936 	content: "\f127";
   914 	content: "\f127";
   937 }
   915 }
   938 
   916 
   939 .post-state-format.post-format-video:before,
   917 .post-format-icon.post-format-video::before {
   940 .post-format-icon.post-format-video:before,
       
   941 a.post-state-format.format-video:before {
       
   942 	content: "\f126";
   918 	content: "\f126";
   943 }
   919 }
   944 
   920 
   945 .post-state-format.post-format-chat:before,
   921 .post-format-icon.post-format-chat::before {
   946 .post-format-icon.post-format-chat:before,
       
   947 a.post-state-format.format-chat:before {
       
   948 	content: "\f125";
   922 	content: "\f125";
   949 }
   923 }
   950 
   924 
   951 .post-state-format.post-format-status:before,
   925 .post-format-icon.post-format-status::before {
   952 .post-format-icon.post-format-status:before,
       
   953 a.post-state-format.format-status:before {
       
   954 	content: "\f130";
   926 	content: "\f130";
   955 }
   927 }
   956 
   928 
   957 .post-state-format.post-format-aside:before,
   929 .post-format-icon.post-format-aside::before {
   958 .post-format-icon.post-format-aside:before,
       
   959 a.post-state-format.format-aside:before {
       
   960 	content: "\f123";
   930 	content: "\f123";
   961 }
   931 }
   962 
   932 
   963 .post-state-format.post-format-quote:before,
   933 .post-format-icon.post-format-quote::before {
   964 .post-format-icon.post-format-quote:before,
       
   965 a.post-state-format.format-quote:before {
       
   966 	content: "\f122";
   934 	content: "\f122";
   967 }
   935 }
   968 
   936 
   969 .post-state-format.post-format-link:before,
   937 .post-format-icon.post-format-link::before {
   970 .post-format-icon.post-format-link:before,
       
   971 a.post-state-format.format-link:before {
       
   972 	content: "\f103";
   938 	content: "\f103";
   973 }
   939 }
   974 
   940 
   975 /*------------------------------------------------------------------------------
   941 /*------------------------------------------------------------------------------
   976   12.0 - Categories
   942   12.0 - Categories
  1001 	border: solid 1px #ddd;
   967 	border: solid 1px #ddd;
  1002 	background-color: #fdfdfd;
   968 	background-color: #fdfdfd;
  1003 }
   969 }
  1004 
   970 
  1005 div.tabs-panel-active {
   971 div.tabs-panel-active {
  1006 	display:block;
   972 	display: block;
  1007 }
   973 }
  1008 
   974 
  1009 div.tabs-panel-inactive {
   975 div.tabs-panel-inactive {
  1010 	display:none;
   976 	display: none;
  1011 }
   977 }
  1012 
   978 
  1013 #front-page-warning,
   979 #front-page-warning,
  1014 #front-static-pages ul,
   980 #front-static-pages ul,
  1015 ul.export-filters,
   981 ul.export-filters,
  1092 
  1058 
  1093 /*------------------------------------------------------------------------------
  1059 /*------------------------------------------------------------------------------
  1094   13.0 - Tags
  1060   13.0 - Tags
  1095 ------------------------------------------------------------------------------*/
  1061 ------------------------------------------------------------------------------*/
  1096 
  1062 
       
  1063 #poststuff .tagsdiv .ajaxtag {
       
  1064 	margin-top: 1em;
       
  1065 }
       
  1066 
  1097 #poststuff .tagsdiv .howto {
  1067 #poststuff .tagsdiv .howto {
  1098 	margin: 0 0 6px 0;
  1068 	margin: 1em 0 6px 0;
  1099 }
  1069 }
  1100 
  1070 
  1101 .ajaxtag .newtag {
  1071 .ajaxtag .newtag {
  1102 	position: relative;
  1072 	position: relative;
  1103 }
  1073 }
  1185 	max-width: 800px;
  1155 	max-width: 800px;
  1186 }
  1156 }
  1187 
  1157 
  1188 .edit-tag-actions {
  1158 .edit-tag-actions {
  1189 	margin-top: 20px;
  1159 	margin-top: 20px;
  1190 	overflow: hidden;
       
  1191 	padding: 10px;
       
  1192 	margin-right: 10px;
       
  1193 }
  1160 }
  1194 
  1161 
  1195 /* Comments */
  1162 /* Comments */
  1196 
  1163 
  1197 .comment-php .wp-editor-area {
  1164 .comment-php .wp-editor-area {
  1207 	list-style: initial;
  1174 	list-style: initial;
  1208 	margin-left: 2em;
  1175 	margin-left: 2em;
  1209 }
  1176 }
  1210 
  1177 
  1211 .comment-ays .comment-content a[href]:after {
  1178 .comment-ays .comment-content a[href]:after {
  1212 	content: '(' attr( href ) ')';
  1179 	content: "(" attr( href ) ")";
  1213 	display: inline-block;
  1180 	display: inline-block;
  1214 	padding: 0 4px;
  1181 	padding: 0 4px;
  1215 	color: #72777C;
  1182 	color: #72777C;
  1216 	font-size: 13px;
  1183 	font-size: 13px;
  1217 	word-break: break-all;
  1184 	word-break: break-all;
  1220 .comment-ays .comment-content p.edit-comment {
  1187 .comment-ays .comment-content p.edit-comment {
  1221 	margin-top: 10px;
  1188 	margin-top: 10px;
  1222 }
  1189 }
  1223 
  1190 
  1224 .comment-ays .comment-content p.edit-comment a[href]:after {
  1191 .comment-ays .comment-content p.edit-comment a[href]:after {
  1225 	content: '';
  1192 	content: "";
  1226 	padding: 0;
  1193 	padding: 0;
  1227 }
  1194 }
  1228 
  1195 
  1229 .comment-ays-submit .button-cancel {
  1196 .comment-ays-submit .button-cancel {
  1230 	margin-left: 1em;
  1197 	margin-left: 1em;
  1244 	vertical-align: middle;
  1211 	vertical-align: middle;
  1245 }
  1212 }
  1246 
  1213 
  1247 .stuffbox .editcomment {
  1214 .stuffbox .editcomment {
  1248 	clear: none;
  1215 	clear: none;
       
  1216 	margin-top: 0;
       
  1217 }
       
  1218 
       
  1219 #namediv.stuffbox .editcomment input {
       
  1220 	width: 100%;
       
  1221 }
       
  1222 
       
  1223 #namediv.stuffbox .editcomment.form-table td {
       
  1224 	padding: 10px;
  1249 }
  1225 }
  1250 
  1226 
  1251 #comment-status-radio p {
  1227 #comment-status-radio p {
  1252 	margin: 3px 0 5px;
  1228 	margin: 3px 0 5px;
  1253 }
  1229 }
  1295 }
  1271 }
  1296 
  1272 
  1297 /* DFW 2
  1273 /* DFW 2
  1298 -------------------------------------------------------------- */
  1274 -------------------------------------------------------------- */
  1299 
  1275 
  1300 #wp-content-wrap .mce-wp-dfw,
       
  1301 #qt_content_dfw {
  1276 #qt_content_dfw {
  1302 	display: none;
  1277 	display: none;
  1303 }
  1278 }
  1304 
  1279 
  1305 .wp-editor-expand #wp-content-wrap .mce-wp-dfw,
       
  1306 .wp-editor-expand #qt_content_dfw {
  1280 .wp-editor-expand #qt_content_dfw {
  1307 	display: inline-block;
  1281 	display: inline-block;
  1308 }
  1282 }
  1309 
  1283 
  1310 .focus-on .wrap > h1,
  1284 .focus-on .wrap > h1,
  1350 }
  1324 }
  1351 
  1325 
  1352 .focus-on #adminmenuback,
  1326 .focus-on #adminmenuback,
  1353 .focus-on #adminmenuwrap {
  1327 .focus-on #adminmenuwrap {
  1354 	transition-duration: 0.6s;
  1328 	transition-duration: 0.6s;
  1355 	transition-property: -webkit-transform;
       
  1356 	transition-property: transform;
  1329 	transition-property: transform;
  1357 	transition-property: transform, -webkit-transform;
       
  1358 	transition-timing-function: ease-in-out;
  1330 	transition-timing-function: ease-in-out;
  1359 }
  1331 }
  1360 
  1332 
  1361 .focus-on #adminmenuback,
  1333 .focus-on #adminmenuback,
  1362 .focus-on #adminmenuwrap {
  1334 .focus-on #adminmenuwrap {
  1363 	-webkit-transform: translateX( -100% );
       
  1364 	transform: translateX( -100% );
  1335 	transform: translateX( -100% );
  1365 }
  1336 }
  1366 
  1337 
  1367 .focus-off #adminmenuback,
  1338 .focus-off #adminmenuback,
  1368 .focus-off #adminmenuwrap {
  1339 .focus-off #adminmenuwrap {
  1369 	-webkit-transform: translateX( 0 );
       
  1370 	transform: translateX( 0 );
  1340 	transform: translateX( 0 );
  1371 	transition-duration: 0.2s;
  1341 	transition-duration: 0.2s;
  1372 	transition-property: -webkit-transform;
       
  1373 	transition-property: transform;
  1342 	transition-property: transform;
  1374 	transition-property: transform, -webkit-transform;
       
  1375 	transition-timing-function: ease-in-out;
  1343 	transition-timing-function: ease-in-out;
  1376 }
  1344 }
  1377 
  1345 
  1378 /* =Media Queries
  1346 /* =Media Queries
  1379 -------------------------------------------------------------- */
  1347 -------------------------------------------------------------- */
  1430 	.columns-prefs {
  1398 	.columns-prefs {
  1431 		display: none;
  1399 		display: none;
  1432 	}
  1400 	}
  1433 }
  1401 }
  1434 
  1402 
  1435 @media screen and ( max-width: 782px ) {
  1403 @media screen and (max-width: 782px) {
  1436 	.wp-core-ui .edit-tag-actions .button-primary {
  1404 	.wp-core-ui .edit-tag-actions .button-primary {
  1437 		margin-bottom: 0;
  1405 		margin-bottom: 0;
  1438 	}
  1406 	}
  1439 
  1407 
  1440 	#post-body-content {
  1408 	#post-body-content {
  1441 		min-width: 0;
  1409 		min-width: 0;
  1442 	}
  1410 	}
  1443 
  1411 
  1444 	#titlediv #title-prompt-text {
  1412 	#titlediv #title-prompt-text {
  1445 		padding: 10px 10px;
  1413 		padding: 10px 10px;
       
  1414 	}
       
  1415 
       
  1416 	#poststuff .stuffbox .inside {
       
  1417 		padding: 0 2px 4px 0;
  1446 	}
  1418 	}
  1447 
  1419 
  1448 	#poststuff h3.hndle, /* Back-compat for pre-4.4 */
  1420 	#poststuff h3.hndle, /* Back-compat for pre-4.4 */
  1449 	#poststuff .stuffbox > h3, /* Back-compat for pre-4.4 */
  1421 	#poststuff .stuffbox > h3, /* Back-compat for pre-4.4 */
  1450 	#poststuff h2 {
  1422 	#poststuff h2 {
  1451 		padding: 12px;
  1423 		padding: 12px;
       
  1424 	}
       
  1425 
       
  1426 	#namediv.stuffbox .editcomment.form-table td {
       
  1427 		padding: 5px 10px;
  1452 	}
  1428 	}
  1453 
  1429 
  1454 	.post-format-options {
  1430 	.post-format-options {
  1455 		padding-right: 0;
  1431 		padding-right: 0;
  1456 	}
  1432 	}
  1655 
  1631 
  1656 	.links-table th,
  1632 	.links-table th,
  1657 	.links-table td {
  1633 	.links-table td {
  1658 		padding: 10px 0;
  1634 		padding: 10px 0;
  1659 	}
  1635 	}
  1660 	
  1636 
  1661 	.privacy-text-box {
  1637 	.privacy-text-box {
  1662 		width: auto;
  1638 		width: auto;
  1663 	}
  1639 	}
  1664 	
  1640 
  1665 	.privacy-text-box-toc {
  1641 	.privacy-text-box-toc {
  1666 		float: none;
  1642 		float: none;
  1667 		width: auto;
  1643 		width: auto;
  1668 		height: 100%;
  1644 		height: 100%;
  1669 	}
  1645 	}