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