You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

1593 lines
28 KiB

  1. #poststuff {
  2. padding-top: 10px;
  3. min-width: 763px;
  4. }
  5. #poststuff #post-body {
  6. padding: 0;
  7. }
  8. #poststuff .postbox-container {
  9. width: 100%;
  10. }
  11. #poststuff #post-body.columns-2 {
  12. margin-left: 300px;
  13. }
  14. /*------------------------------------------------------------------------------
  15. 11.0 - Write/Edit Post Screen
  16. ------------------------------------------------------------------------------*/
  17. #show-comments {
  18. overflow: hidden;
  19. }
  20. #save-action .spinner,
  21. #show-comments a {
  22. float: right;
  23. }
  24. #show-comments .spinner {
  25. float: none;
  26. margin-top: 0;
  27. }
  28. #lost-connection-notice .spinner {
  29. visibility: visible;
  30. float: right;
  31. margin: 0 0 0 5px;
  32. }
  33. #titlediv {
  34. position: relative;
  35. }
  36. #titlediv label {
  37. cursor: text;
  38. }
  39. #titlediv div.inside {
  40. margin: 0;
  41. }
  42. #poststuff #titlewrap {
  43. border: 0;
  44. padding: 0;
  45. }
  46. #titlediv #title {
  47. padding: 3px 8px;
  48. font-size: 1.7em;
  49. line-height: 100%;
  50. height: 1.7em;
  51. width: 100%;
  52. outline: none;
  53. margin: 0 0 3px;
  54. background-color: #fff;
  55. }
  56. #titlediv #title-prompt-text {
  57. color: #72777c;
  58. position: absolute;
  59. font-size: 1.7em;
  60. padding: 11px 10px;
  61. }
  62. input#link_description,
  63. input#link_url {
  64. width: 98%;
  65. }
  66. #pending {
  67. background: 100% none;
  68. border: 0 none;
  69. padding: 0;
  70. font-size: 11px;
  71. margin-top: -1px;
  72. }
  73. #edit-slug-box,
  74. #comment-link-box {
  75. line-height: 24px;
  76. min-height: 25px; /* Yes, line-height + 1 */
  77. margin-top: 5px;
  78. padding: 0 10px;
  79. color: #666;
  80. }
  81. #edit-slug-box .cancel {
  82. margin-left: 10px;
  83. padding: 0;
  84. font-size: 11px;
  85. text-decoration: underline;
  86. color: #0073aa;
  87. }
  88. #comment-link-box {
  89. margin: 5px 0;
  90. padding: 0 5px;
  91. }
  92. #editable-post-name-full {
  93. display: none;
  94. }
  95. #editable-post-name {
  96. font-weight: 600;
  97. }
  98. #editable-post-name input {
  99. font-size: 13px;
  100. font-weight: 400;
  101. height: 22px;
  102. margin: 0;
  103. width: 16em;
  104. }
  105. .postarea h3 label {
  106. float: right;
  107. }
  108. body.post-new-php .submitbox .submitdelete {
  109. display: none;
  110. }
  111. .submitbox .submit a:hover {
  112. text-decoration: underline;
  113. }
  114. .submitbox .submit input {
  115. margin-bottom: 8px;
  116. margin-left: 4px;
  117. padding: 6px;
  118. }
  119. #post-status-select {
  120. margin-top: 3px;
  121. }
  122. /* Post Screen */
  123. #post-body #normal-sortables {
  124. min-height: 50px;
  125. }
  126. .postbox {
  127. position: relative;
  128. min-width: 255px;
  129. border: 1px solid #e5e5e5;
  130. -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
  131. box-shadow: 0 1px 1px rgba(0,0,0,0.04);
  132. background: #fff;
  133. }
  134. #trackback_url {
  135. width: 99%;
  136. }
  137. #normal-sortables .postbox .submit {
  138. background: transparent none;
  139. border: 0 none;
  140. float: left;
  141. padding: 0 12px;
  142. margin:0;
  143. }
  144. .category-add input[type="text"],
  145. .category-add select {
  146. width: 100%;
  147. max-width: 260px;
  148. vertical-align: baseline;
  149. }
  150. #side-sortables .category-add input[type="text"],
  151. #side-sortables .category-add select {
  152. margin: 0 0 1em;
  153. }
  154. ul.category-tabs li,
  155. #side-sortables .add-menu-item-tabs li,
  156. .wp-tab-bar li {
  157. display: inline;
  158. line-height: 1.35em;
  159. }
  160. .no-js .category-tabs li.hide-if-no-js {
  161. display: none;
  162. }
  163. .category-tabs a,
  164. #side-sortables .add-menu-item-tabs a,
  165. .wp-tab-bar a {
  166. text-decoration: none;
  167. }
  168. /* @todo: do these really need to be so specific? */
  169. #side-sortables .category-tabs .tabs a,
  170. #side-sortables .add-menu-item-tabs .tabs a,
  171. .wp-tab-bar .wp-tab-active a,
  172. #post-body ul.category-tabs li.tabs a,
  173. #post-body ul.add-menu-item-tabs li.tabs a {
  174. color: #32373c;
  175. }
  176. .category-tabs {
  177. margin: 8px 0 5px;
  178. }
  179. /* Back-compat for pre-4.4 */
  180. #category-adder h4 {
  181. margin: 0;
  182. }
  183. .taxonomy-add-new {
  184. display: inline-block;
  185. margin: 10px 0;
  186. font-weight: 600;
  187. }
  188. #side-sortables .add-menu-item-tabs,
  189. .wp-tab-bar {
  190. margin-bottom: 3px;
  191. }
  192. #normal-sortables .postbox #replyrow .submit {
  193. float: none;
  194. margin: 0;
  195. padding: 5px 7px 10px;
  196. overflow: hidden;
  197. }
  198. #side-sortables .submitbox .submit input,
  199. #side-sortables .submitbox .submit .preview,
  200. #side-sortables .submitbox .submit a.preview:hover {
  201. border: 0 none;
  202. }
  203. /* @todo: make this a more generic class */
  204. ul.category-tabs,
  205. ul.add-menu-item-tabs,
  206. ul.wp-tab-bar {
  207. margin-top: 12px;
  208. }
  209. ul.category-tabs li,
  210. ul.add-menu-item-tabs li {
  211. border: solid 1px transparent;
  212. position: relative;
  213. }
  214. ul.category-tabs li.tabs,
  215. ul.add-menu-item-tabs li.tabs,
  216. .wp-tab-active {
  217. border: 1px solid #ddd;
  218. border-bottom-color: #fdfdfd;
  219. background-color: #fdfdfd;
  220. }
  221. ul.category-tabs li,
  222. ul.add-menu-item-tabs li,
  223. ul.wp-tab-bar li {
  224. padding: 3px 5px 6px;
  225. }
  226. #set-post-thumbnail {
  227. display: inline-block;
  228. max-width: 100%;
  229. }
  230. #postimagediv .inside img {
  231. max-width: 100%;
  232. height: auto;
  233. width: auto;
  234. vertical-align: top;
  235. background-image: -webkit-linear-gradient(-45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4), -webkit-linear-gradient(-45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4);
  236. background-image: linear-gradient(-45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4), linear-gradient(-45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4);
  237. background-position: 100% 0, 10px 10px;
  238. -webkit-background-size: 20px 20px;
  239. background-size: 20px 20px;
  240. }
  241. form#tags-filter {
  242. position: relative;
  243. }
  244. /* Global classes */
  245. .wp-hidden-children .wp-hidden-child,
  246. .ui-tabs-hide {
  247. display: none;
  248. }
  249. #post-body .tagsdiv #newtag {
  250. margin-left: 5px;
  251. width: 16em;
  252. }
  253. #side-sortables input#post_password {
  254. width: 94%
  255. }
  256. #side-sortables .tagsdiv #newtag {
  257. width: 68%;
  258. }
  259. #post-status-info {
  260. width: 100%;
  261. border-spacing: 0;
  262. border: 1px solid #e5e5e5;
  263. border-top: none;
  264. background-color: #f7f7f7;
  265. -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
  266. box-shadow: 0 1px 1px rgba(0,0,0,0.04);
  267. z-index: 999;
  268. }
  269. #post-status-info td {
  270. font-size: 12px;
  271. }
  272. .autosave-info {
  273. padding: 2px 10px;
  274. text-align: left;
  275. }
  276. #editorcontent #post-status-info {
  277. border: none;
  278. }
  279. #content-resize-handle {
  280. background: transparent url(../images/resize.gif) no-repeat scroll left bottom;
  281. width: 12px;
  282. cursor: row-resize;
  283. }
  284. /*rtl:ignore*/
  285. .rtl #content-resize-handle {
  286. background-image: url(../images/resize-rtl.gif);
  287. background-position: left bottom;
  288. }
  289. .wp-editor-expand #content-resize-handle {
  290. display: none;
  291. }
  292. #postdivrich #content {
  293. resize: none;
  294. }
  295. #wp-word-count {
  296. display: block;
  297. padding: 2px 10px;
  298. }
  299. #wp-content-editor-container {
  300. position: relative;
  301. }
  302. .wp-editor-expand #wp-content-editor-tools {
  303. z-index: 1000;
  304. border-bottom: 1px solid #e5e5e5;
  305. }
  306. .wp-editor-expand #wp-content-editor-container {
  307. -webkit-box-shadow: none;
  308. box-shadow: none;
  309. margin-top: -1px;
  310. }
  311. .wp-editor-expand #wp-content-editor-container {
  312. border-bottom: 0 none;
  313. }
  314. .wp-editor-expand div.mce-statusbar {
  315. z-index: 1;
  316. }
  317. .wp-editor-expand #post-status-info {
  318. border-top: 1px solid #e5e5e5;
  319. }
  320. .wp-editor-expand div.mce-toolbar-grp {
  321. z-index: 999;
  322. }
  323. /* TinyMCE native fullscreen mode override */
  324. .mce-fullscreen #wp-content-wrap .mce-menubar,
  325. .mce-fullscreen #wp-content-wrap .mce-toolbar-grp,
  326. .mce-fullscreen #wp-content-wrap .mce-edit-area,
  327. .mce-fullscreen #wp-content-wrap .mce-statusbar {
  328. position: static !important;
  329. width: auto !important;
  330. padding: 0 !important;
  331. }
  332. .mce-fullscreen #wp-content-wrap .mce-statusbar {
  333. visibility: visible !important;
  334. }
  335. .mce-fullscreen #wp-content-wrap .mce-tinymce .mce-wp-dfw {
  336. display: none;
  337. }
  338. .post-php.mce-fullscreen #wpadminbar,
  339. .mce-fullscreen #wp-content-wrap .mce-wp-dfw {
  340. display: none;
  341. }
  342. /* End TinyMCE native fullscreen mode override */
  343. #wp-content-editor-tools {
  344. background-color: #f1f1f1;
  345. padding-top: 20px;
  346. }
  347. #poststuff #post-body.columns-2 #side-sortables {
  348. width: 280px;
  349. }
  350. #timestampdiv select {
  351. height: 21px;
  352. line-height: 14px;
  353. padding: 0;
  354. vertical-align: top;
  355. font-size: 12px;
  356. }
  357. #aa, #jj, #hh, #mn {
  358. padding: 1px;
  359. font-size: 12px;
  360. }
  361. #jj, #hh, #mn {
  362. width: 2em;
  363. }
  364. #aa {
  365. width: 3.4em;
  366. }
  367. .curtime #timestamp {
  368. padding: 2px 0 1px 0;
  369. display: inline !important;
  370. height: auto !important;
  371. }
  372. #post-body .misc-pub-post-status:before,
  373. #post-body #visibility:before,
  374. .curtime #timestamp:before,
  375. #post-body .misc-pub-revisions:before,
  376. span.wp-media-buttons-icon:before {
  377. color: #82878c;
  378. }
  379. #post-body .misc-pub-post-status:before,
  380. #post-body #visibility:before,
  381. .curtime #timestamp:before,
  382. #post-body .misc-pub-revisions:before {
  383. font: normal 20px/1 dashicons;
  384. speak: none;
  385. display: inline-block;
  386. margin-right: -1px;
  387. padding-left: 3px;
  388. vertical-align: top;
  389. -webkit-font-smoothing: antialiased;
  390. -moz-osx-font-smoothing: grayscale;
  391. }
  392. #post-body .misc-pub-post-status:before {
  393. content: "\f173";
  394. }
  395. #post-body #visibility:before {
  396. content: "\f177";
  397. }
  398. .curtime #timestamp:before {
  399. content: "\f145";
  400. position: relative;
  401. top: -1px;
  402. }
  403. #post-body .misc-pub-revisions:before {
  404. content: "\f321";
  405. }
  406. #timestampdiv {
  407. padding-top: 5px;
  408. line-height: 23px;
  409. }
  410. #timestampdiv p {
  411. margin: 8px 0 6px;
  412. }
  413. #timestampdiv input {
  414. border-width: 1px;
  415. border-style: solid;
  416. }
  417. .notification-dialog {
  418. position: fixed;
  419. top: 30%;
  420. max-height: 70%;
  421. right: 50%;
  422. width: 450px;
  423. margin-right: -225px;
  424. background: #fff;
  425. -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
  426. box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
  427. line-height: 1.5;
  428. z-index: 1000005;
  429. overflow-y: auto;
  430. }
  431. .notification-dialog-background {
  432. position: fixed;
  433. top: 0;
  434. right: 0;
  435. left: 0;
  436. bottom: 0;
  437. background: #000;
  438. opacity: 0.7;
  439. filter: alpha(opacity=70);
  440. z-index: 1000000;
  441. }
  442. #post-lock-dialog .post-locked-message,
  443. #post-lock-dialog .post-taken-over {
  444. margin: 25px;
  445. }
  446. #post-lock-dialog .post-locked-message a.button {
  447. margin-left: 10px;
  448. }
  449. #post-lock-dialog .post-locked-avatar {
  450. float: right;
  451. margin: 0 0 20px 20px;
  452. }
  453. #post-lock-dialog .wp-tab-first {
  454. outline: 0;
  455. }
  456. #post-lock-dialog .locked-saving img {
  457. float: right;
  458. margin-left: 3px;
  459. }
  460. #post-lock-dialog.saving .locked-saving,
  461. #post-lock-dialog.saved .locked-saved {
  462. display: inline;
  463. }
  464. #excerpt {
  465. display: block;
  466. margin: 12px 0 0;
  467. height: 4em;
  468. width: 100%;
  469. }
  470. .tagchecklist {
  471. margin-right: 14px;
  472. font-size: 12px;
  473. overflow: auto;
  474. }
  475. .tagchecklist br {
  476. display: none;
  477. }
  478. .tagchecklist strong {
  479. margin-right: -8px;
  480. position: absolute;
  481. }
  482. .tagchecklist > span {
  483. float: right;
  484. margin-left: 25px;
  485. font-size: 13px;
  486. line-height: 1.8em;
  487. cursor: default;
  488. max-width: 100%;
  489. overflow: hidden;
  490. text-overflow: ellipsis;
  491. }
  492. .tagchecklist .ntdelbutton {
  493. position: absolute;
  494. width: 24px;
  495. height: 24px;
  496. border: none;
  497. margin: 0 -19px 0 0;
  498. padding: 0;
  499. background: none;
  500. cursor: pointer;
  501. text-indent: 0;
  502. }
  503. #poststuff h3.hndle, /* Back-compat for pre-4.4 */
  504. #poststuff .stuffbox > h3, /* Back-compat for pre-4.4 */
  505. #poststuff h2 {
  506. font-size: 14px;
  507. padding: 8px 12px;
  508. margin: 0;
  509. line-height: 1.4;
  510. }
  511. #poststuff .inside {
  512. margin: 6px 0 0 0;
  513. }
  514. #poststuff .inside #parent_id,
  515. #poststuff .inside #page_template {
  516. max-width: 100%;
  517. }
  518. .ie8 #poststuff .inside #parent_id,
  519. .ie8 #poststuff .inside #page_template {
  520. width: 250px;
  521. }
  522. .post-attributes-label-wrapper {
  523. margin-bottom: 0.5em;
  524. }
  525. .post-attributes-label {
  526. vertical-align: baseline;
  527. font-weight: 600;
  528. }
  529. #post-visibility-select {
  530. line-height: 1.5em;
  531. margin-top: 3px;
  532. }
  533. #linksubmitdiv .inside, /* Old Link Manager back-compat. */
  534. #poststuff #submitdiv .inside {
  535. margin: 0;
  536. padding: 0;
  537. }
  538. #post-body-content,
  539. .edit-form-section {
  540. margin-bottom: 20px;
  541. }
  542. /*------------------------------------------------------------------------------
  543. 11.1 - Custom Fields
  544. ------------------------------------------------------------------------------*/
  545. #postcustomstuff thead th {
  546. padding: 5px 8px 8px;
  547. background-color: #f1f1f1;
  548. }
  549. #postcustom #postcustomstuff .submit {
  550. border: 0 none;
  551. float: none;
  552. padding: 0 8px 8px;
  553. }
  554. #side-sortables #postcustom #postcustomstuff .submit {
  555. margin: 0;
  556. padding: 0;
  557. }
  558. #side-sortables #postcustom #postcustomstuff #the-list textarea {
  559. height: 85px;
  560. }
  561. #side-sortables #postcustom #postcustomstuff td.left input,
  562. #side-sortables #postcustom #postcustomstuff td.left select,
  563. #side-sortables #postcustomstuff #newmetaleft a {
  564. margin: 3px 3px 0;
  565. }
  566. #postcustomstuff table {
  567. margin: 0;
  568. width: 100%;
  569. border: 1px solid #ddd;
  570. border-spacing: 0;
  571. background-color: #f9f9f9;
  572. }
  573. #postcustomstuff tr {
  574. vertical-align: top;
  575. }
  576. #postcustomstuff table input,
  577. #postcustomstuff table select,
  578. #postcustomstuff table textarea {
  579. width: 96%;
  580. margin: 8px;
  581. }
  582. #side-sortables #postcustomstuff table input,
  583. #side-sortables #postcustomstuff table select,
  584. #side-sortables #postcustomstuff table textarea {
  585. margin: 3px;
  586. }
  587. #postcustomstuff th.left,
  588. #postcustomstuff td.left {
  589. width: 38%;
  590. }
  591. #postcustomstuff .submit input {
  592. margin: 0;
  593. width: auto;
  594. }
  595. #postcustomstuff #newmetaleft a {
  596. display: inline-block;
  597. margin: 0 8px 8px;
  598. text-decoration: none;
  599. }
  600. .no-js #postcustomstuff #enternew {
  601. display: none;
  602. }
  603. #post-body-content .compat-attachment-fields {
  604. margin-bottom: 20px;
  605. }
  606. .compat-attachment-fields th {
  607. padding-top: 5px;
  608. padding-left: 10px;
  609. }
  610. /*------------------------------------------------------------------------------
  611. 11.3 - Featured Images
  612. ------------------------------------------------------------------------------*/
  613. #select-featured-image {
  614. padding: 4px 0;
  615. overflow: hidden;
  616. }
  617. #select-featured-image img {
  618. max-width: 100%;
  619. height: auto;
  620. margin-bottom: 10px;
  621. }
  622. #select-featured-image a {
  623. float: right;
  624. clear: both;
  625. }
  626. #select-featured-image .remove {
  627. display: none;
  628. margin-top: 10px;
  629. }
  630. .js #select-featured-image.has-featured-image .remove {
  631. display: inline-block;
  632. }
  633. .no-js #select-featured-image .choose {
  634. display: none;
  635. }
  636. /*------------------------------------------------------------------------------
  637. 11.4 - Post formats
  638. ------------------------------------------------------------------------------*/
  639. .post-state-format {
  640. overflow: hidden;
  641. display: inline-block;
  642. vertical-align: middle;
  643. height: 20px;
  644. width: 20px;
  645. margin-left: 5px;
  646. margin-top: -4px;
  647. }
  648. .post-state-format:before {
  649. display: block;
  650. height: 20px;
  651. width: 20px;
  652. font: normal 20px/1 dashicons !important;
  653. speak: none;
  654. -webkit-font-smoothing: antialiased;
  655. -moz-osx-font-smoothing: grayscale;
  656. }
  657. .post-state-format:before,
  658. .post-format-icon:before {
  659. color: #ddd;
  660. -webkit-transition: all .1s ease-in-out;
  661. transition: all .1s ease-in-out;
  662. }
  663. a.post-state-format:hover:before,
  664. a.post-format-icon:hover:before {
  665. color: #00a0d2;
  666. }
  667. #post-formats-select {
  668. line-height: 2em;
  669. }
  670. #post-formats-select .post-format-icon:before {
  671. top: 5px;
  672. }
  673. input.post-format {
  674. margin-top: 1px;
  675. }
  676. label.post-format-icon {
  677. margin-right: 0px;
  678. padding: 2px 0px 2px 0;
  679. }
  680. .post-format-icon:before {
  681. position: relative;
  682. display: inline-block;
  683. margin-left: 7px;
  684. font: normal 20px/1 dashicons;
  685. speak: none;
  686. -webkit-font-smoothing: antialiased;
  687. -moz-osx-font-smoothing: grayscale;
  688. }
  689. .post-state-format.post-format-standard:before,
  690. .post-format-icon.post-format-standard:before,
  691. a.post-state-format.format-standard:before {
  692. content: "\f109";
  693. }
  694. .post-state-format.post-format-image:before,
  695. .post-format-icon.post-format-image:before,
  696. a.post-state-format.format-image:before {
  697. content: "\f128";
  698. }
  699. .post-state-format.post-format-gallery:before,
  700. .post-format-icon.post-format-gallery:before,
  701. a.post-state-format.format-gallery:before {
  702. content: "\f161";
  703. }
  704. .post-state-format.post-format-audio:before,
  705. .post-format-icon.post-format-audio:before,
  706. a.post-state-format.format-audio:before {
  707. content: "\f127";
  708. }
  709. .post-state-format.post-format-video:before,
  710. .post-format-icon.post-format-video:before,
  711. a.post-state-format.format-video:before {
  712. content: "\f126";
  713. }
  714. .post-state-format.post-format-chat:before,
  715. .post-format-icon.post-format-chat:before,
  716. a.post-state-format.format-chat:before {
  717. content: "\f125";
  718. }
  719. .post-state-format.post-format-status:before,
  720. .post-format-icon.post-format-status:before,
  721. a.post-state-format.format-status:before {
  722. content: "\f130";
  723. }
  724. .post-state-format.post-format-aside:before,
  725. .post-format-icon.post-format-aside:before,
  726. a.post-state-format.format-aside:before {
  727. content: "\f123";
  728. }
  729. .post-state-format.post-format-quote:before,
  730. .post-format-icon.post-format-quote:before,
  731. a.post-state-format.format-quote:before {
  732. content: "\f122";
  733. }
  734. .post-state-format.post-format-link:before,
  735. .post-format-icon.post-format-link:before,
  736. a.post-state-format.format-link:before {
  737. content: "\f103";
  738. }
  739. /*------------------------------------------------------------------------------
  740. 12.0 - Categories
  741. ------------------------------------------------------------------------------*/
  742. .category-adder {
  743. margin-right: 120px;
  744. padding: 4px 0;
  745. }
  746. .category-adder h4 {
  747. margin: 0 0 8px;
  748. }
  749. #side-sortables .category-adder {
  750. margin: 0;
  751. }
  752. .wp-tab-panel,
  753. .categorydiv div.tabs-panel,
  754. .customlinkdiv div.tabs-panel,
  755. .posttypediv div.tabs-panel,
  756. .taxonomydiv div.tabs-panel {
  757. min-height: 42px;
  758. max-height: 200px;
  759. overflow: auto;
  760. padding: 0 0.9em;
  761. border: solid 1px #ddd;
  762. background-color: #fdfdfd;
  763. }
  764. div.tabs-panel-active {
  765. display:block;
  766. }
  767. div.tabs-panel-inactive {
  768. display:none;
  769. }
  770. #front-page-warning,
  771. #front-static-pages ul,
  772. ul.export-filters,
  773. .inline-editor ul.cat-checklist ul,
  774. .categorydiv ul.categorychecklist ul,
  775. .customlinkdiv ul.categorychecklist ul,
  776. .posttypediv ul.categorychecklist ul,
  777. .taxonomydiv ul.categorychecklist ul {
  778. margin-right: 18px;
  779. }
  780. ul.categorychecklist li {
  781. margin: 0;
  782. padding: 0;
  783. line-height: 22px;
  784. word-wrap: break-word;
  785. }
  786. .categorydiv .tabs-panel,
  787. .customlinkdiv .tabs-panel,
  788. .posttypediv .tabs-panel,
  789. .taxonomydiv .tabs-panel {
  790. border-width: 3px;
  791. border-style: solid;
  792. }
  793. .form-wrap label {
  794. display: block;
  795. padding: 2px 0;
  796. }
  797. .form-field input[type="text"],
  798. .form-field input[type="password"],
  799. .form-field input[type="email"],
  800. .form-field input[type="number"],
  801. .form-field input[type="search"],
  802. .form-field input[type="tel"],
  803. .form-field input[type="url"],
  804. .form-field textarea {
  805. border-style: solid;
  806. border-width: 1px;
  807. width: 95%;
  808. }
  809. p.description,
  810. .form-wrap p {
  811. margin: 2px 0 5px;
  812. color: #666;
  813. }
  814. p.help,
  815. p.description,
  816. span.description,
  817. .form-wrap p {
  818. font-size: 13px;
  819. font-style: italic;
  820. }
  821. .form-wrap .form-field {
  822. margin: 1em 0;
  823. padding: 0;
  824. }
  825. .form-wrap .form-field #parent {
  826. max-width: 100%;
  827. }
  828. .col-wrap h2 {
  829. margin: 12px 0;
  830. font-size: 1.1em;
  831. }
  832. .col-wrap p.submit {
  833. margin-top: -10px;
  834. }
  835. .edit-term-notes {
  836. margin-top: 2em;
  837. }
  838. /*------------------------------------------------------------------------------
  839. 13.0 - Tags
  840. ------------------------------------------------------------------------------*/
  841. #poststuff .tagsdiv .howto {
  842. margin: 0 0 6px 0;
  843. }
  844. .ajaxtag .newtag {
  845. position: relative;
  846. }
  847. .tagsdiv .newtag {
  848. width: 180px;
  849. }
  850. .tagsdiv .the-tags {
  851. display: block;
  852. height: 60px;
  853. margin: 0 auto;
  854. overflow: auto;
  855. width: 260px;
  856. }
  857. .tagcloud-link.button-link {
  858. color: #0073aa;
  859. text-decoration: underline;
  860. }
  861. .tagcloud-link.button-link:hover {
  862. color: #00a0d2;
  863. }
  864. .tagcloud-link.button-link:focus {
  865. color: #124964;
  866. -webkit-box-shadow:
  867. 0 0 0 1px #5b9dd9,
  868. 0 0 2px 1px rgba(30, 140, 190, .8);
  869. box-shadow:
  870. 0 0 0 1px #5b9dd9,
  871. 0 0 2px 1px rgba(30, 140, 190, .8);
  872. }
  873. #post-body-content .tagsdiv .the-tags {
  874. margin: 0 5px;
  875. }
  876. p.popular-tags {
  877. border: none;
  878. line-height: 2em;
  879. padding: 8px 12px 12px;
  880. text-align: justify;
  881. }
  882. p.popular-tags a {
  883. padding: 0 3px;
  884. }
  885. .tagcloud {
  886. width: 97%;
  887. margin: 0 0 40px;
  888. text-align: justify;
  889. }
  890. .tagcloud h2 {
  891. margin: 2px 0 12px;
  892. }
  893. /* Suggest.js autocomplete, no more used by core. */
  894. .ac_results {
  895. display: none;
  896. margin: -1px 0 0;
  897. padding: 0;
  898. list-style: none;
  899. position: absolute;
  900. z-index: 10000;
  901. border: 1px solid #5b9dd9;
  902. background-color: #fff;
  903. }
  904. .wp-customizer .ac_results {
  905. z-index: 500000;
  906. }
  907. .ac_results li {
  908. margin: 0;
  909. padding: 5px 10px;
  910. white-space: nowrap;
  911. text-align: right;
  912. }
  913. .ac_results .ac_over,
  914. .ac_over .ac_match {
  915. background-color: #0073aa;
  916. color: #fff;
  917. cursor: pointer;
  918. }
  919. .ac_match {
  920. text-decoration: underline;
  921. }
  922. /* Comments */
  923. .comment-php .wp-editor-area {
  924. height: 200px;
  925. }
  926. .comment-ays th,
  927. .comment-ays td {
  928. padding: 10px 15px;
  929. }
  930. .comment-ays .comment-content ul {
  931. list-style: initial;
  932. margin-right: 2em;
  933. }
  934. .comment-ays .comment-content a[href]:after {
  935. content: '(' attr( href ) ')';
  936. display: inline-block;
  937. padding: 0 4px;
  938. color: #72777C;
  939. font-size: 13px;
  940. word-break: break-all;
  941. }
  942. .comment-ays .comment-content p.edit-comment {
  943. margin-top: 10px;
  944. }
  945. .comment-ays .comment-content p.edit-comment a[href]:after {
  946. content: '';
  947. padding: 0;
  948. }
  949. .comment-ays-submit .button-cancel {
  950. margin-right: 1em;
  951. }
  952. .trash-undo-inside,
  953. .spam-undo-inside {
  954. margin: 1px 0 1px 8px;
  955. line-height: 16px;
  956. }
  957. .spam-undo-inside .avatar,
  958. .trash-undo-inside .avatar {
  959. height: 20px;
  960. width: 20px;
  961. margin-left: 8px;
  962. vertical-align: middle;
  963. }
  964. .stuffbox .editcomment {
  965. clear: none;
  966. }
  967. #comment-status-radio p {
  968. margin: 3px 0 5px;
  969. }
  970. #comment-status-radio input {
  971. margin: 2px 0 5px 3px;
  972. vertical-align: middle;
  973. }
  974. #comment-status-radio label {
  975. padding: 5px 0;
  976. }
  977. /* links tables */
  978. table.links-table {
  979. width: 100%;
  980. border-spacing: 0;
  981. }
  982. .links-table th {
  983. font-weight: 400;
  984. text-align: right;
  985. vertical-align: top;
  986. min-width: 80px;
  987. width: 20%;
  988. word-wrap: break-word;
  989. }
  990. .links-table th,
  991. .links-table td {
  992. padding: 5px 0;
  993. }
  994. .links-table td label {
  995. margin-left: 8px;
  996. }
  997. .links-table td input[type="text"],
  998. .links-table td textarea {
  999. width: 100%;
  1000. }
  1001. .links-table #link_rel {
  1002. max-width: 280px;
  1003. }
  1004. /* DFW 2
  1005. -------------------------------------------------------------- */
  1006. #wp-content-wrap .mce-wp-dfw,
  1007. #qt_content_dfw {
  1008. display: none;
  1009. }
  1010. .wp-editor-expand #wp-content-wrap .mce-wp-dfw,
  1011. .wp-editor-expand #qt_content_dfw {
  1012. display: inline-block;
  1013. }
  1014. .focus-on .wrap > h1,
  1015. .focus-on .page-title-action,
  1016. .focus-on #wpfooter,
  1017. .focus-on .postbox-container > *,
  1018. .focus-on div.updated,
  1019. .focus-on div.error,
  1020. .focus-on div.notice,
  1021. .focus-on .update-nag,
  1022. .focus-on #wp-toolbar,
  1023. .focus-on #screen-meta-links,
  1024. .focus-on #screen-meta {
  1025. opacity: 0;
  1026. -webkit-transition-duration: 0.6s;
  1027. transition-duration: 0.6s;
  1028. -webkit-transition-property: opacity;
  1029. transition-property: opacity;
  1030. -webkit-transition-timing-function: ease-in-out;
  1031. transition-timing-function: ease-in-out;
  1032. }
  1033. .focus-on #wp-toolbar {
  1034. opacity: 0.3;
  1035. }
  1036. .focus-off .wrap > h1,
  1037. .focus-off .page-title-action,
  1038. .focus-off #wpfooter,
  1039. .focus-off .postbox-container > *,
  1040. .focus-off div.updated,
  1041. .focus-off div.error,
  1042. .focus-off div.notice,
  1043. .focus-off .update-nag,
  1044. .focus-off #wp-toolbar,
  1045. .focus-off #screen-meta-links,
  1046. .focus-off #screen-meta {
  1047. opacity: 1;
  1048. -webkit-transition-duration: 0.2s;
  1049. transition-duration: 0.2s;
  1050. -webkit-transition-property: opacity;
  1051. transition-property: opacity;
  1052. -webkit-transition-timing-function: ease-in-out;
  1053. transition-timing-function: ease-in-out;
  1054. }
  1055. .focus-off #wp-toolbar {
  1056. -webkit-transform: translate(0, 0);
  1057. }
  1058. .focus-on #adminmenuback,
  1059. .focus-on #adminmenuwrap {
  1060. -webkit-transition-duration: 0.6s;
  1061. transition-duration: 0.6s;
  1062. -webkit-transition-property: -webkit-transform;
  1063. transition-property: -webkit-transform;
  1064. transition-property: transform;
  1065. transition-property: transform, -webkit-transform;
  1066. -webkit-transition-timing-function: ease-in-out;
  1067. transition-timing-function: ease-in-out;
  1068. }
  1069. .focus-on #adminmenuback,
  1070. .focus-on #adminmenuwrap {
  1071. -webkit-transform: translateX( 100% );
  1072. -ms-transform: translateX( 100% );
  1073. transform: translateX( 100% );
  1074. }
  1075. .focus-off #adminmenuback,
  1076. .focus-off #adminmenuwrap {
  1077. -webkit-transform: translateX( 0 );
  1078. -ms-transform: translateX( 0 );
  1079. transform: translateX( 0 );
  1080. -webkit-transition-duration: 0.2s;
  1081. transition-duration: 0.2s;
  1082. -webkit-transition-property: -webkit-transform;
  1083. transition-property: -webkit-transform;
  1084. transition-property: transform;
  1085. transition-property: transform, -webkit-transform;
  1086. -webkit-transition-timing-function: ease-in-out;
  1087. transition-timing-function: ease-in-out;
  1088. }
  1089. /* =Media Queries
  1090. -------------------------------------------------------------- */
  1091. /**
  1092. * HiDPI Displays
  1093. */
  1094. @media print,
  1095. (-webkit-min-device-pixel-ratio: 1.25),
  1096. (min-resolution: 120dpi) {
  1097. #content-resize-handle,
  1098. #post-body .wp_themeSkin .mceStatusbar a.mceResize {
  1099. background: transparent url(../images/resize-2x.gif) no-repeat scroll left bottom;
  1100. -webkit-background-size: 11px 11px;
  1101. background-size: 11px 11px;
  1102. }
  1103. /*rtl:ignore*/
  1104. .rtl #content-resize-handle,
  1105. .rtl #post-body .wp_themeSkin .mceStatusbar a.mceResize {
  1106. background-image: url(../images/resize-rtl-2x.gif);
  1107. background-position: left bottom;
  1108. }
  1109. }
  1110. /* one column on the post write/edit screen */
  1111. @media only screen and (max-width: 850px) {
  1112. #poststuff {
  1113. min-width: 0;
  1114. }
  1115. #wpbody-content #poststuff #post-body {
  1116. margin: 0;
  1117. }
  1118. #wpbody-content #post-body.columns-2 #postbox-container-1 {
  1119. margin-left: 0;
  1120. width: 100%;
  1121. }
  1122. #poststuff #postbox-container-1 .empty-container,
  1123. #poststuff #postbox-container-1 #side-sortables:empty {
  1124. border: 0 none;
  1125. height: 0;
  1126. min-height: 0;
  1127. }
  1128. #poststuff #post-body.columns-2 #side-sortables {
  1129. min-height: 0;
  1130. width: auto;
  1131. }
  1132. /* hide the radio buttons for column prefs */
  1133. .screen-layout,
  1134. .columns-prefs {
  1135. display: none;
  1136. }
  1137. }
  1138. @media screen and ( max-width: 782px ) {
  1139. #post-body-content {
  1140. min-width: 0;
  1141. }
  1142. #titlediv #title-prompt-text {
  1143. padding: 10px 10px;
  1144. }
  1145. #poststuff h3.hndle, /* Back-compat for pre-4.4 */
  1146. #poststuff .stuffbox > h3, /* Back-compat for pre-4.4 */
  1147. #poststuff h2 {
  1148. padding: 12px;
  1149. }
  1150. .post-format-options {
  1151. padding-left: 0;
  1152. }
  1153. .post-format-options a {
  1154. margin-left: 5px;
  1155. margin-bottom: 5px;
  1156. min-width: 52px;
  1157. }
  1158. .post-format-options .post-format-title {
  1159. font-size: 11px;
  1160. }
  1161. .post-format-options a div {
  1162. height: 28px;
  1163. width: 28px;
  1164. }
  1165. .post-format-options a div:before {
  1166. font-size: 26px !important;
  1167. }
  1168. /* Publish Metabox Options */
  1169. #post-visibility-select {
  1170. line-height: 280%;
  1171. }
  1172. .wp-core-ui .save-post-visibility,
  1173. .wp-core-ui .save-timestamp {
  1174. vertical-align: middle;
  1175. margin-left: 15px;
  1176. }
  1177. .timestamp-wrap select#mm {
  1178. display: block;
  1179. width: 100%;
  1180. margin-bottom: 10px;
  1181. }
  1182. .timestamp-wrap #jj,
  1183. .timestamp-wrap #aa,
  1184. .timestamp-wrap #hh,
  1185. .timestamp-wrap #mn {
  1186. padding: 12px 3px;
  1187. font-size: 14px;
  1188. margin-bottom: 5px;
  1189. width: auto;
  1190. text-align: center;
  1191. }
  1192. /* Categories Metabox */
  1193. ul.category-tabs {
  1194. margin: 30px 0 15px;
  1195. }
  1196. ul.category-tabs li.tabs {
  1197. padding: 15px;
  1198. }
  1199. ul.categorychecklist li {
  1200. margin-bottom: 15px;
  1201. }
  1202. ul.categorychecklist ul {
  1203. margin-top: 15px;
  1204. }
  1205. .category-add input[type=text],
  1206. .category-add select {
  1207. max-width: none;
  1208. margin-bottom: 15px;
  1209. }
  1210. /* Tags Metabox */
  1211. .tagsdiv .newtag {
  1212. width: 100%;
  1213. height: auto;
  1214. margin-bottom: 15px;
  1215. }
  1216. .tagchecklist {
  1217. margin: 25px 10px;
  1218. }
  1219. .tagchecklist > span {
  1220. font-size: 16px;
  1221. line-height: 1.4;
  1222. }
  1223. /* Discussion */
  1224. #commentstatusdiv p {
  1225. line-height: 2.8;
  1226. }
  1227. /* TinyMCE Adjustments */
  1228. .mceToolbar * {
  1229. white-space: normal !important;
  1230. }
  1231. .mceToolbar tr,
  1232. .mceToolbar td {
  1233. float: right !important;
  1234. }
  1235. .wp_themeSkin a.mceButton {
  1236. width: 30px;
  1237. height: 30px;
  1238. }
  1239. .wp_themeSkin .mceButton .mceIcon {
  1240. margin-top: 5px;
  1241. margin-right: 5px;
  1242. }
  1243. .wp_themeSkin .mceSplitButton {
  1244. margin-top: 1px;
  1245. }
  1246. .wp_themeSkin .mceSplitButton td a.mceAction {
  1247. padding-top: 6px;
  1248. padding-bottom: 6px;
  1249. padding-right: 6px;
  1250. padding-left: 3px;
  1251. }
  1252. .wp_themeSkin .mceSplitButton td a.mceOpen,
  1253. .wp_themeSkin .mceSplitButtonEnabled:hover td a.mceOpen {
  1254. padding-top: 6px;
  1255. padding-bottom: 6px;
  1256. background-position: 1px 6px;
  1257. }
  1258. .wp_themeSkin table.mceListBox {
  1259. margin: 5px;
  1260. }
  1261. div.quicktags-toolbar input {
  1262. padding: 10px 20px;
  1263. }
  1264. button.wp-switch-editor {
  1265. font-size: 16px;
  1266. line-height: 1em;
  1267. margin: 7px 7px 0 0;
  1268. padding: 8px 12px;
  1269. }
  1270. #wp-content-media-buttons a {
  1271. font-size: 14px;
  1272. padding: 6px 10px;
  1273. }
  1274. .wp-media-buttons span.wp-media-buttons-icon,
  1275. .wp-media-buttons span.jetpack-contact-form-icon {
  1276. width: 22px !important;
  1277. margin-right: -2px !important;
  1278. }
  1279. .wp-media-buttons .add_media span.wp-media-buttons-icon:before,
  1280. .wp-media-buttons #insert-jetpack-contact-form span.jetpack-contact-form-icon:before {
  1281. font-size: 20px !important;
  1282. }
  1283. #content_wp_fullscreen {
  1284. display: none;
  1285. }
  1286. .misc-pub-section {
  1287. padding: 20px 10px 20px;
  1288. }
  1289. .misc-pub-section > a {
  1290. float: left;
  1291. font-size: 16px;
  1292. }
  1293. #delete-action,
  1294. #publishing-action {
  1295. line-height: 47px;
  1296. }
  1297. #publishing-action .spinner {
  1298. float: none;
  1299. margin-top: -2px; /* Half of the Publish button's bottom margin. */
  1300. }
  1301. /* Moderate Comment */
  1302. .comment-ays th,
  1303. .comment-ays td {
  1304. padding-bottom: 0;
  1305. }
  1306. .comment-ays td {
  1307. padding-top: 6px;
  1308. }
  1309. /* Links */
  1310. .links-table #link_rel {
  1311. max-width: none;
  1312. }
  1313. .links-table th,
  1314. .links-table td {
  1315. padding: 10px 0;
  1316. }
  1317. }