edit.css 28 KB

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