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.

1896 lines
35 KiB

1 year ago
  1. /*! This file is auto-generated */
  2. /* Include margin and padding in the width calculation of input and textarea. */
  3. input,
  4. select,
  5. textarea,
  6. button {
  7. box-sizing: border-box;
  8. font-family: inherit;
  9. font-size: inherit;
  10. font-weight: inherit;
  11. }
  12. textarea,
  13. input {
  14. font-size: 14px;
  15. }
  16. textarea {
  17. overflow: auto;
  18. padding: 2px 6px;
  19. /* inherits font size 14px */
  20. line-height: 1.42857143; /* 20px */
  21. resize: vertical;
  22. }
  23. label {
  24. cursor: pointer;
  25. }
  26. input,
  27. select {
  28. margin: 0 1px;
  29. }
  30. textarea.code {
  31. padding: 4px 6px 1px;
  32. }
  33. input[type="text"],
  34. input[type="password"],
  35. input[type="color"],
  36. input[type="date"],
  37. input[type="datetime"],
  38. input[type="datetime-local"],
  39. input[type="email"],
  40. input[type="month"],
  41. input[type="number"],
  42. input[type="search"],
  43. input[type="tel"],
  44. input[type="time"],
  45. input[type="url"],
  46. input[type="week"],
  47. select,
  48. textarea {
  49. box-shadow: 0 0 0 transparent;
  50. border-radius: 4px;
  51. border: 1px solid #8c8f94;
  52. background-color: #fff;
  53. color: #2c3338;
  54. }
  55. input[type="text"],
  56. input[type="password"],
  57. input[type="date"],
  58. input[type="datetime"],
  59. input[type="datetime-local"],
  60. input[type="email"],
  61. input[type="month"],
  62. input[type="number"],
  63. input[type="search"],
  64. input[type="tel"],
  65. input[type="time"],
  66. input[type="url"],
  67. input[type="week"] {
  68. padding: 0 8px;
  69. /* inherits font size 14px */
  70. line-height: 2; /* 28px */
  71. /* Only necessary for IE11 */
  72. min-height: 30px;
  73. }
  74. ::-webkit-datetime-edit {
  75. /* inherits font size 14px */
  76. line-height: 1.85714286; /* 26px */
  77. }
  78. input[type="text"]:focus,
  79. input[type="password"]:focus,
  80. input[type="color"]:focus,
  81. input[type="date"]:focus,
  82. input[type="datetime"]:focus,
  83. input[type="datetime-local"]:focus,
  84. input[type="email"]:focus,
  85. input[type="month"]:focus,
  86. input[type="number"]:focus,
  87. input[type="search"]:focus,
  88. input[type="tel"]:focus,
  89. input[type="time"]:focus,
  90. input[type="url"]:focus,
  91. input[type="week"]:focus,
  92. input[type="checkbox"]:focus,
  93. input[type="radio"]:focus,
  94. select:focus,
  95. textarea:focus {
  96. border-color: #2271b1;
  97. box-shadow: 0 0 0 1px #2271b1;
  98. /* Only visible in Windows High Contrast mode */
  99. outline: 2px solid transparent;
  100. }
  101. /* rtl:ignore */
  102. input[type="email"],
  103. input[type="url"] {
  104. direction: ltr;
  105. }
  106. input[type="checkbox"],
  107. input[type="radio"] {
  108. border: 1px solid #8c8f94;
  109. border-radius: 4px;
  110. background: #fff;
  111. color: #50575e;
  112. clear: none;
  113. cursor: pointer;
  114. display: inline-block;
  115. line-height: 0;
  116. height: 1rem;
  117. margin: -0.25rem 0 0 0.25rem;
  118. outline: 0;
  119. padding: 0 !important;
  120. text-align: center;
  121. vertical-align: middle;
  122. width: 1rem;
  123. min-width: 1rem;
  124. -webkit-appearance: none;
  125. box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  126. transition: .05s border-color ease-in-out;
  127. }
  128. input[type="radio"]:checked + label:before {
  129. color: #8c8f94;
  130. }
  131. .wp-core-ui input[type="reset"]:hover,
  132. .wp-core-ui input[type="reset"]:active {
  133. color: #135e96;
  134. }
  135. td > input[type="checkbox"],
  136. .wp-admin p input[type="checkbox"],
  137. .wp-admin p input[type="radio"] {
  138. margin-top: 0;
  139. }
  140. .wp-admin p label input[type="checkbox"] {
  141. margin-top: -4px;
  142. }
  143. .wp-admin p label input[type="radio"] {
  144. margin-top: -2px;
  145. }
  146. input[type="radio"] {
  147. border-radius: 50%;
  148. margin-left: 0.25rem;
  149. /* 10px not sure if still necessary, comes from the MP6 redesign in r26072 */
  150. line-height: 0.71428571;
  151. }
  152. input[type="checkbox"]:checked::before,
  153. input[type="radio"]:checked::before {
  154. float: right;
  155. display: inline-block;
  156. vertical-align: middle;
  157. width: 1rem;
  158. speak: never;
  159. -webkit-font-smoothing: antialiased;
  160. -moz-osx-font-smoothing: grayscale;
  161. }
  162. input[type="checkbox"]:checked::before {
  163. /* Use the "Yes" SVG Dashicon */
  164. content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%233582c4%27%2F%3E%3C%2Fsvg%3E");
  165. margin: -0.1875rem -0.25rem 0 0;
  166. height: 1.3125rem;
  167. width: 1.3125rem;
  168. }
  169. input[type="radio"]:checked::before {
  170. content: "";
  171. border-radius: 50%;
  172. width: 0.5rem; /* 8px */
  173. height: 0.5rem; /* 8px */
  174. margin: 0.1875rem; /* 3px */
  175. background-color: #3582c4;
  176. /* 16px not sure if still necessary, comes from the MP6 redesign in r26072 */
  177. line-height: 1.14285714;
  178. }
  179. @-moz-document url-prefix() {
  180. input[type="checkbox"],
  181. input[type="radio"],
  182. .form-table input.tog {
  183. margin-bottom: -1px;
  184. }
  185. }
  186. /* Search */
  187. input[type="search"] {
  188. -webkit-appearance: textfield;
  189. }
  190. input[type="search"]::-webkit-search-decoration {
  191. display: none;
  192. }
  193. .wp-admin input[type="file"] {
  194. padding: 3px 0;
  195. cursor: pointer;
  196. }
  197. input.readonly,
  198. input[readonly],
  199. textarea.readonly,
  200. textarea[readonly] {
  201. background-color: #f0f0f1;
  202. }
  203. ::-webkit-input-placeholder {
  204. color: #646970;
  205. }
  206. ::-moz-placeholder {
  207. color: #646970;
  208. opacity: 1;
  209. }
  210. :-ms-input-placeholder {
  211. color: #646970;
  212. }
  213. .form-invalid .form-required,
  214. .form-invalid .form-required:focus,
  215. .form-invalid.form-required input,
  216. .form-invalid.form-required input:focus,
  217. .form-invalid.form-required select,
  218. .form-invalid.form-required select:focus {
  219. border-color: #d63638 !important;
  220. box-shadow: 0 0 2px rgba(214, 54, 56, 0.8);
  221. }
  222. .form-table .form-required.form-invalid td:after {
  223. content: "\f534";
  224. font: normal 20px/1 dashicons;
  225. color: #d63638;
  226. margin-right: -25px;
  227. vertical-align: middle;
  228. }
  229. /* Adjust error indicator for password layout */
  230. .form-table .form-required.user-pass1-wrap.form-invalid td:after {
  231. content: "";
  232. }
  233. .form-table .form-required.user-pass1-wrap.form-invalid .password-input-wrapper:after {
  234. content: "\f534";
  235. font: normal 20px/1 dashicons;
  236. color: #d63638;
  237. margin: 0 -29px 0 6px;
  238. vertical-align: middle;
  239. }
  240. .form-input-tip {
  241. color: #646970;
  242. }
  243. input:disabled,
  244. input.disabled,
  245. select:disabled,
  246. select.disabled,
  247. textarea:disabled,
  248. textarea.disabled {
  249. background: rgba(255, 255, 255, 0.5);
  250. border-color: rgba(220, 220, 222, 0.75);
  251. box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04);
  252. color: rgba(44, 51, 56, 0.5);
  253. }
  254. input[type="file"]:disabled,
  255. input[type="file"].disabled,
  256. input[type="range"]:disabled,
  257. input[type="range"].disabled {
  258. background: none;
  259. box-shadow: none;
  260. cursor: default;
  261. }
  262. input[type="checkbox"]:disabled,
  263. input[type="checkbox"].disabled,
  264. input[type="radio"]:disabled,
  265. input[type="radio"].disabled,
  266. input[type="checkbox"]:disabled:checked:before,
  267. input[type="checkbox"].disabled:checked:before,
  268. input[type="radio"]:disabled:checked:before,
  269. input[type="radio"].disabled:checked:before {
  270. opacity: 0.7;
  271. }
  272. /*------------------------------------------------------------------------------
  273. 2.0 - Forms
  274. ------------------------------------------------------------------------------*/
  275. /* Select styles are based on the default button in buttons.css */
  276. .wp-core-ui select {
  277. font-size: 14px;
  278. line-height: 2; /* 28px */
  279. color: #2c3338;
  280. border-color: #8c8f94;
  281. box-shadow: none;
  282. border-radius: 3px;
  283. padding: 0 8px 0 24px;
  284. min-height: 30px;
  285. max-width: 25rem;
  286. -webkit-appearance: none;
  287. /* The SVG is arrow-down-alt2 from Dashicons. */
  288. background: #fff url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E') no-repeat left 5px top 55%;
  289. background-size: 16px 16px;
  290. cursor: pointer;
  291. vertical-align: middle;
  292. }
  293. .wp-core-ui select:hover {
  294. color: #2271b1;
  295. }
  296. .wp-core-ui select:focus {
  297. border-color: #2271b1;
  298. color: #0a4b78;
  299. box-shadow: 0 0 0 1px #2271b1;
  300. }
  301. .wp-core-ui select:active {
  302. border-color: #8c8f94;
  303. box-shadow: none;
  304. }
  305. .wp-core-ui select.disabled,
  306. .wp-core-ui select:disabled {
  307. color: #a7aaad;
  308. border-color: #dcdcde;
  309. background-color: #f6f7f7;
  310. /* The SVG is arrow-down-alt2 from Dashicons. */
  311. background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23a0a5aa%22%2F%3E%3C%2Fsvg%3E');
  312. box-shadow: none;
  313. text-shadow: 0 1px 0 #fff;
  314. cursor: default;
  315. transform: none;
  316. }
  317. /* Reset Firefox inner outline that appears on :focus. */
  318. /* This ruleset overrides the color change on :focus thus needs to be after select:focus. */
  319. .wp-core-ui select:-moz-focusring {
  320. color: transparent;
  321. text-shadow: 0 0 0 #0a4b78;
  322. }
  323. /* Remove background focus style from IE11 while keeping focus style available on option elements. */
  324. .wp-core-ui select::-ms-value {
  325. background: transparent;
  326. color: #50575e;
  327. }
  328. .wp-core-ui select:hover::-ms-value {
  329. color: #2271b1;
  330. }
  331. .wp-core-ui select:focus::-ms-value {
  332. color: #0a4b78;
  333. }
  334. .wp-core-ui select.disabled::-ms-value,
  335. .wp-core-ui select:disabled::-ms-value {
  336. color: #a7aaad;
  337. }
  338. /* Hide the native down arrow for select element on IE. */
  339. .wp-core-ui select::-ms-expand {
  340. display: none;
  341. }
  342. .wp-admin .button-cancel {
  343. display: inline-block;
  344. min-height: 28px;
  345. padding: 0 5px;
  346. line-height: 2;
  347. }
  348. .meta-box-sortables select {
  349. max-width: 100%;
  350. }
  351. .meta-box-sortables input {
  352. vertical-align: middle;
  353. }
  354. .misc-pub-post-status select {
  355. margin-top: 0;
  356. }
  357. .wp-core-ui select[multiple] {
  358. height: auto;
  359. padding-left: 8px;
  360. background: #fff;
  361. }
  362. .submit {
  363. padding: 1.5em 0;
  364. margin: 5px 0;
  365. border-bottom-right-radius: 3px;
  366. border-bottom-left-radius: 3px;
  367. border: none;
  368. }
  369. form p.submit a.cancel:hover {
  370. text-decoration: none;
  371. }
  372. p.submit {
  373. text-align: right;
  374. max-width: 100%;
  375. margin-top: 20px;
  376. padding-top: 10px;
  377. }
  378. .textright p.submit {
  379. border: none;
  380. text-align: left;
  381. }
  382. table.form-table + p.submit,
  383. table.form-table + input + p.submit,
  384. table.form-table + input + input + p.submit {
  385. border-top: none;
  386. padding-top: 0;
  387. }
  388. #minor-publishing-actions input,
  389. #major-publishing-actions input,
  390. #minor-publishing-actions .preview {
  391. text-align: center;
  392. }
  393. textarea.all-options,
  394. input.all-options {
  395. width: 250px;
  396. }
  397. input.large-text,
  398. textarea.large-text {
  399. width: 99%;
  400. }
  401. .regular-text {
  402. width: 25em;
  403. }
  404. input.small-text {
  405. width: 50px;
  406. padding: 0 6px;
  407. }
  408. label input.small-text {
  409. margin-top: -4px;
  410. }
  411. input[type="number"].small-text {
  412. width: 65px;
  413. padding-left: 0;
  414. }
  415. input.tiny-text {
  416. width: 35px;
  417. }
  418. input[type="number"].tiny-text {
  419. width: 45px;
  420. padding-left: 0;
  421. }
  422. #doaction,
  423. #doaction2,
  424. #post-query-submit {
  425. margin: 0 0 0 8px;
  426. }
  427. /* @since 5.7.0 secondary bulk action controls require JS. */
  428. .no-js label[for="bulk-action-selector-bottom"],
  429. .no-js select#bulk-action-selector-bottom,
  430. .no-js input#doaction2,
  431. .no-js label[for="new_role2"],
  432. .no-js select#new_role2,
  433. .no-js input#changeit2 {
  434. display: none;
  435. }
  436. .tablenav .actions select {
  437. float: right;
  438. margin-left: 6px;
  439. max-width: 12.5rem;
  440. }
  441. #timezone_string option {
  442. margin-right: 1em;
  443. }
  444. .wp-hide-pw > .dashicons,
  445. .wp-cancel-pw > .dashicons {
  446. position: relative;
  447. top: 3px;
  448. width: 1.25rem;
  449. height: 1.25rem;
  450. top: 0.25rem;
  451. font-size: 20px;
  452. }
  453. .wp-cancel-pw .dashicons-no {
  454. display: none;
  455. }
  456. label,
  457. #your-profile label + a {
  458. vertical-align: middle;
  459. }
  460. fieldset label,
  461. #your-profile label + a {
  462. vertical-align: middle;
  463. }
  464. .options-media-php [for*="_size_"] {
  465. min-width: 10em;
  466. vertical-align: baseline;
  467. }
  468. .options-media-php .small-text[name*="_size_"] {
  469. margin: 0 0 1em;
  470. }
  471. .wp-generate-pw {
  472. margin-top: 1em;
  473. position: relative;
  474. }
  475. .wp-pwd button {
  476. height: min-content;
  477. }
  478. .wp-pwd button.pwd-toggle .dashicons {
  479. position: relative;
  480. top: 0.25rem;
  481. }
  482. .wp-pwd {
  483. margin-top: 1em;
  484. position: relative;
  485. }
  486. .mailserver-pass-wrap .wp-pwd {
  487. display: inline-block;
  488. margin-top: 0;
  489. }
  490. /* rtl:ignore */
  491. #mailserver_pass {
  492. padding-right: 2.5rem;
  493. }
  494. /* rtl:ignore */
  495. .mailserver-pass-wrap .button.wp-hide-pw {
  496. background: transparent;
  497. border: 1px solid transparent;
  498. box-shadow: none;
  499. font-size: 14px;
  500. line-height: 2;
  501. width: 2.5rem;
  502. min-width: 40px;
  503. margin: 0;
  504. padding: 0 9px;
  505. position: absolute;
  506. right: 0;
  507. top: 0;
  508. }
  509. .mailserver-pass-wrap .button.wp-hide-pw:hover {
  510. background: transparent;
  511. border-color: transparent;
  512. }
  513. .mailserver-pass-wrap .button.wp-hide-pw:focus {
  514. background: transparent;
  515. border-color: #3582c4;
  516. border-radius: 4px;
  517. box-shadow: 0 0 0 1px #3582c4;
  518. /* Only visible in Windows High Contrast mode */
  519. outline: 2px solid transparent;
  520. }
  521. .mailserver-pass-wrap .button.wp-hide-pw:active {
  522. background: transparent;
  523. box-shadow: none;
  524. transform: none;
  525. }
  526. #misc-publishing-actions label {
  527. vertical-align: baseline;
  528. }
  529. #pass-strength-result {
  530. background-color: #f0f0f1;
  531. border: 1px solid #dcdcde;
  532. color: #1d2327;
  533. margin: -1px 1px 5px;
  534. padding: 3px 5px;
  535. text-align: center;
  536. width: 25em;
  537. box-sizing: border-box;
  538. opacity: 0;
  539. }
  540. #pass-strength-result.short {
  541. background-color: #ffabaf;
  542. border-color: #e65054;
  543. opacity: 1;
  544. }
  545. #pass-strength-result.bad {
  546. background-color: #facfd2;
  547. border-color: #f86368;
  548. opacity: 1;
  549. }
  550. #pass-strength-result.good {
  551. background-color: #f5e6ab;
  552. border-color: #f0c33c;
  553. opacity: 1;
  554. }
  555. #pass-strength-result.strong {
  556. background-color: #b8e6bf;
  557. border-color: #68de7c;
  558. opacity: 1;
  559. }
  560. .password-input-wrapper {
  561. display: inline-block;
  562. }
  563. .password-input-wrapper input {
  564. font-family: Consolas, Monaco, monospace;
  565. }
  566. #pass1.short, #pass1-text.short {
  567. border-color: #e65054;
  568. }
  569. #pass1.bad, #pass1-text.bad {
  570. border-color: #f86368;
  571. }
  572. #pass1.good, #pass1-text.good {
  573. border-color: #f0c33c;
  574. }
  575. #pass1.strong, #pass1-text.strong {
  576. border-color: #68de7c;
  577. }
  578. .pw-weak {
  579. display: none;
  580. }
  581. .indicator-hint {
  582. padding-top: 8px;
  583. }
  584. .wp-pwd [type="text"],
  585. .wp-pwd [type="password"] {
  586. margin-bottom: 0;
  587. /* Same height as the buttons */
  588. min-height: 30px;
  589. }
  590. /* Hide the Edge "reveal password" native button */
  591. .wp-pwd input::-ms-reveal {
  592. display: none;
  593. }
  594. #pass1-text,
  595. .show-password #pass1 {
  596. display: none;
  597. }
  598. #pass1-text::-ms-clear {
  599. display: none;
  600. }
  601. .show-password #pass1-text {
  602. display: inline-block;
  603. }
  604. p.search-box {
  605. float: left;
  606. margin: 0;
  607. }
  608. .network-admin.themes-php p.search-box {
  609. clear: right;
  610. }
  611. .search-box input[name="s"],
  612. .tablenav .search-plugins input[name="s"],
  613. .tagsdiv .newtag {
  614. float: right;
  615. margin: 0 0 0 4px;
  616. }
  617. .js.plugins-php .search-box .wp-filter-search {
  618. margin: 0;
  619. width: 280px;
  620. }
  621. input[type="text"].ui-autocomplete-loading,
  622. input[type="email"].ui-autocomplete-loading {
  623. background-image: url(../images/loading.gif);
  624. background-repeat: no-repeat;
  625. background-position: left 5px center;
  626. visibility: visible;
  627. }
  628. input.ui-autocomplete-input.open {
  629. border-bottom-color: transparent;
  630. }
  631. ul#add-to-blog-users {
  632. margin: 0 14px 0 0;
  633. }
  634. .ui-autocomplete {
  635. padding: 0;
  636. margin: 0;
  637. list-style: none;
  638. position: absolute;
  639. z-index: 10000;
  640. border: 1px solid #4f94d4;
  641. box-shadow: 0 1px 2px rgba(79, 148, 212, 0.8);
  642. background-color: #fff;
  643. }
  644. .ui-autocomplete li {
  645. margin-bottom: 0;
  646. padding: 4px 10px;
  647. white-space: nowrap;
  648. text-align: right;
  649. cursor: pointer;
  650. }
  651. /* Colors for the wplink toolbar autocomplete. */
  652. .ui-autocomplete .ui-state-focus {
  653. background-color: #dcdcde;
  654. }
  655. /* Colors for the tags autocomplete. */
  656. .wp-tags-autocomplete .ui-state-focus,
  657. .wp-tags-autocomplete [aria-selected="true"] {
  658. background-color: #2271b1;
  659. color: #fff;
  660. /* Only visible in Windows High Contrast mode */
  661. outline: 2px solid transparent;
  662. }
  663. /*------------------------------------------------------------------------------
  664. 15.0 - Comments Screen
  665. ------------------------------------------------------------------------------*/
  666. .form-table {
  667. border-collapse: collapse;
  668. margin-top: 0.5em;
  669. width: 100%;
  670. clear: both;
  671. }
  672. .form-table,
  673. .form-table td,
  674. .form-table th,
  675. .form-table td p {
  676. font-size: 14px;
  677. }
  678. .form-table td {
  679. margin-bottom: 9px;
  680. padding: 15px 10px;
  681. line-height: 1.3;
  682. vertical-align: middle;
  683. }
  684. .form-table th,
  685. .form-wrap label {
  686. color: #1d2327;
  687. font-weight: 400;
  688. text-shadow: none;
  689. vertical-align: baseline;
  690. }
  691. .form-table th {
  692. vertical-align: top;
  693. text-align: right;
  694. padding: 20px 0 20px 10px;
  695. width: 200px;
  696. line-height: 1.3;
  697. font-weight: 600;
  698. }
  699. .form-table th.th-full, /* Not used by core. Back-compat for pre-4.8 */
  700. .form-table .td-full {
  701. width: auto;
  702. padding: 20px 0 20px 10px;
  703. font-weight: 400;
  704. }
  705. .form-table td p {
  706. margin-top: 4px;
  707. margin-bottom: 0;
  708. }
  709. .form-table .date-time-doc {
  710. margin-top: 1em;
  711. }
  712. .form-table p.timezone-info {
  713. margin: 1em 0;
  714. display: flex;
  715. flex-direction: column;
  716. }
  717. #local-time {
  718. margin-top: 0.5em;
  719. }
  720. .form-table td fieldset label {
  721. margin: 0.35em 0 0.5em !important;
  722. display: inline-block;
  723. }
  724. .form-table td fieldset p label {
  725. margin-top: 0 !important;
  726. }
  727. .form-table td fieldset label,
  728. .form-table td fieldset p,
  729. .form-table td fieldset li {
  730. line-height: 1.4;
  731. }
  732. .form-table input.tog,
  733. .form-table input[type="radio"] {
  734. margin-top: -4px;
  735. margin-left: 4px;
  736. float: none;
  737. }
  738. .form-table .pre {
  739. padding: 8px;
  740. margin: 0;
  741. }
  742. table.form-table td .updated {
  743. font-size: 13px;
  744. }
  745. table.form-table td .updated p {
  746. font-size: 13px;
  747. margin: 0.3em 0;
  748. }
  749. /*------------------------------------------------------------------------------
  750. 18.0 - Users
  751. ------------------------------------------------------------------------------*/
  752. #profile-page .form-table textarea {
  753. width: 500px;
  754. margin-bottom: 6px;
  755. }
  756. #profile-page .form-table #rich_editing {
  757. margin-left: 5px
  758. }
  759. #your-profile legend {
  760. font-size: 22px;
  761. }
  762. #display_name {
  763. width: 15em;
  764. }
  765. #adduser .form-field input,
  766. #createuser .form-field input {
  767. width: 25em;
  768. }
  769. .color-option {
  770. display: inline-block;
  771. width: 24%;
  772. padding: 5px 15px 15px;
  773. box-sizing: border-box;
  774. margin-bottom: 3px;
  775. }
  776. .color-option:hover,
  777. .color-option.selected {
  778. background: #dcdcde;
  779. }
  780. .color-palette {
  781. width: 100%;
  782. border-spacing: 0;
  783. border-collapse: collapse;
  784. }
  785. .color-palette td {
  786. height: 20px;
  787. padding: 0;
  788. border: none;
  789. }
  790. .color-option {
  791. cursor: pointer;
  792. }
  793. .create-application-password .form-field {
  794. max-width: 25em;
  795. }
  796. .create-application-password label {
  797. font-weight: 600;
  798. }
  799. .create-application-password p.submit {
  800. margin-bottom: 0;
  801. padding-bottom: 0;
  802. display: block;
  803. }
  804. #application-passwords-section .notice {
  805. margin-top: 20px;
  806. margin-bottom: 0;
  807. word-wrap: break-word;
  808. }
  809. .application-password-display input.code {
  810. width: 19em;
  811. }
  812. .auth-app-card.card {
  813. max-width: 768px;
  814. }
  815. .authorize-application-php .form-wrap p {
  816. display: block;
  817. }
  818. /*------------------------------------------------------------------------------
  819. 19.0 - Tools
  820. ------------------------------------------------------------------------------*/
  821. .tool-box .title {
  822. margin: 8px 0;
  823. font-size: 18px;
  824. font-weight: 400;
  825. line-height: 24px;
  826. }
  827. .label-responsive {
  828. vertical-align: middle;
  829. }
  830. #export-filters p {
  831. margin: 0 0 1em;
  832. }
  833. #export-filters p.submit {
  834. margin: 7px 0 5px;
  835. }
  836. /* Card styles */
  837. .card {
  838. position: relative;
  839. margin-top: 20px;
  840. padding: 0.7em 2em 1em;
  841. min-width: 255px;
  842. max-width: 520px;
  843. border: 1px solid #c3c4c7;
  844. box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  845. background: #fff;
  846. box-sizing: border-box;
  847. }
  848. /* Press this styles */
  849. .pressthis h4 {
  850. margin: 2em 0 1em;
  851. }
  852. .pressthis textarea {
  853. width: 100%;
  854. font-size: 1em;
  855. }
  856. #pressthis-code-wrap {
  857. overflow: auto;
  858. }
  859. .pressthis-bookmarklet-wrapper {
  860. margin: 20px 0 8px;
  861. vertical-align: top;
  862. position: relative;
  863. z-index: 1;
  864. }
  865. .pressthis-bookmarklet,
  866. .pressthis-bookmarklet:hover,
  867. .pressthis-bookmarklet:focus,
  868. .pressthis-bookmarklet:active {
  869. display: inline-block;
  870. position: relative;
  871. cursor: move;
  872. color: #2c3338;
  873. background: #dcdcde;
  874. border-radius: 5px;
  875. border: 1px solid #c3c4c7;
  876. font-style: normal;
  877. line-height: 16px;
  878. font-size: 14px;
  879. text-decoration: none;
  880. }
  881. .pressthis-bookmarklet:active {
  882. outline: none;
  883. }
  884. .pressthis-bookmarklet:after {
  885. content: "";
  886. width: 70%;
  887. height: 55%;
  888. z-index: -1;
  889. position: absolute;
  890. left: 10px;
  891. bottom: 9px;
  892. background: transparent;
  893. transform: skew(-20deg) rotate(-6deg);
  894. box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6);
  895. }
  896. .pressthis-bookmarklet:hover:after {
  897. transform: skew(-20deg) rotate(-9deg);
  898. box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7);
  899. }
  900. .pressthis-bookmarklet span {
  901. display: inline-block;
  902. margin: 0;
  903. padding: 0 9px 8px 12px;
  904. }
  905. .pressthis-bookmarklet span:before {
  906. color: #787c82;
  907. font: normal 20px/1 dashicons;
  908. content: "\f157";
  909. position: relative;
  910. display: inline-block;
  911. top: 4px;
  912. margin-left: 4px;
  913. }
  914. .pressthis-js-toggle {
  915. margin-right: 10px;
  916. padding: 0;
  917. height: auto;
  918. vertical-align: top;
  919. }
  920. /* to override the button class being applied */
  921. .pressthis-js-toggle.button.button {
  922. margin-right: 10px;
  923. padding: 0;
  924. height: auto;
  925. vertical-align: top;
  926. }
  927. .pressthis-js-toggle .dashicons {
  928. margin: 5px 7px 6px 8px;
  929. color: #50575e;
  930. }
  931. /*------------------------------------------------------------------------------
  932. 20.0 - Settings
  933. ------------------------------------------------------------------------------*/
  934. .timezone-info code {
  935. white-space: nowrap;
  936. }
  937. .defaultavatarpicker .avatar {
  938. margin: 2px 0;
  939. vertical-align: middle;
  940. }
  941. .options-general-php .date-time-text {
  942. display: inline-block;
  943. min-width: 10em;
  944. }
  945. .options-general-php input.small-text {
  946. width: 56px;
  947. margin: -2px 0;
  948. }
  949. .options-general-php .spinner {
  950. float: none;
  951. margin: -3px 3px 0;
  952. }
  953. .settings-php .language-install-spinner,
  954. .options-general-php .language-install-spinner,
  955. .user-edit-php .language-install-spinner,
  956. .profile-php .language-install-spinner {
  957. display: inline-block;
  958. float: none;
  959. margin: -3px 5px 0;
  960. vertical-align: middle;
  961. }
  962. .form-table.permalink-structure .available-structure-tags {
  963. margin-top: 8px;
  964. }
  965. .form-table.permalink-structure .available-structure-tags ul {
  966. display: flex;
  967. flex-wrap: wrap;
  968. margin: 8px 0 0;
  969. }
  970. .form-table.permalink-structure .available-structure-tags li {
  971. margin: 6px 0 0 5px;
  972. }
  973. .form-table.permalink-structure .available-structure-tags li:last-child {
  974. margin-left: 0;
  975. }
  976. .form-table.permalink-structure .structure-selection .row {
  977. margin-bottom: 16px;
  978. }
  979. .form-table.permalink-structure .structure-selection .row > div {
  980. max-width: calc(100% - 24px);
  981. display: inline-flex;
  982. flex-direction: column;
  983. }
  984. .form-table.permalink-structure .structure-selection .row label {
  985. font-weight: 600;
  986. }
  987. .form-table.permalink-structure .structure-selection .row p {
  988. margin-top: 0;
  989. }
  990. /*------------------------------------------------------------------------------
  991. 21.0 - Network Admin
  992. ------------------------------------------------------------------------------*/
  993. .setup-php textarea {
  994. max-width: 100%;
  995. }
  996. .form-field #site-address {
  997. max-width: 25em;
  998. }
  999. .form-field #domain {
  1000. max-width: 22em;
  1001. }
  1002. .form-field #site-title,
  1003. .form-field #admin-email,
  1004. .form-field #path,
  1005. .form-field #blog_registered,
  1006. .form-field #blog_last_updated {
  1007. max-width: 25em;
  1008. }
  1009. .form-field #path {
  1010. margin-bottom: 5px;
  1011. }
  1012. #search-users,
  1013. #search-sites {
  1014. max-width: 60%;
  1015. }
  1016. .configuration-rules-label {
  1017. font-weight: 600;
  1018. margin-bottom: 4px;
  1019. }
  1020. /*------------------------------------------------------------------------------
  1021. Credentials check dialog for Install and Updates
  1022. ------------------------------------------------------------------------------*/
  1023. .request-filesystem-credentials-dialog {
  1024. display: none;
  1025. /* The customizer uses visibility: hidden on the body for full-overlays. */
  1026. visibility: visible;
  1027. }
  1028. .request-filesystem-credentials-dialog .notification-dialog {
  1029. top: 10%;
  1030. max-height: 85%;
  1031. }
  1032. .request-filesystem-credentials-dialog-content {
  1033. margin: 25px;
  1034. }
  1035. #request-filesystem-credentials-title {
  1036. font-size: 1.3em;
  1037. margin: 1em 0;
  1038. }
  1039. .request-filesystem-credentials-form legend {
  1040. font-size: 1em;
  1041. padding: 1.33em 0;
  1042. font-weight: 600;
  1043. }
  1044. .request-filesystem-credentials-form input[type="text"],
  1045. .request-filesystem-credentials-form input[type="password"] {
  1046. display: block;
  1047. }
  1048. .request-filesystem-credentials-dialog input[type="text"],
  1049. .request-filesystem-credentials-dialog input[type="password"] {
  1050. width: 100%;
  1051. }
  1052. .request-filesystem-credentials-form .field-title {
  1053. font-weight: 600;
  1054. }
  1055. .request-filesystem-credentials-dialog label[for="hostname"],
  1056. .request-filesystem-credentials-dialog label[for="public_key"],
  1057. .request-filesystem-credentials-dialog label[for="private_key"] {
  1058. display: block;
  1059. margin-bottom: 1em;
  1060. }
  1061. .request-filesystem-credentials-dialog .ftp-username,
  1062. .request-filesystem-credentials-dialog .ftp-password {
  1063. float: right;
  1064. width: 48%;
  1065. }
  1066. .request-filesystem-credentials-dialog .ftp-password {
  1067. margin-right: 4%;
  1068. }
  1069. .request-filesystem-credentials-dialog .request-filesystem-credentials-action-buttons {
  1070. text-align: left;
  1071. }
  1072. .request-filesystem-credentials-dialog label[for="ftp"] {
  1073. margin-left: 10px;
  1074. }
  1075. .request-filesystem-credentials-dialog #auth-keys-desc {
  1076. margin-bottom: 0;
  1077. }
  1078. #request-filesystem-credentials-dialog .button:not(:last-child) {
  1079. margin-left: 10px;
  1080. }
  1081. #request-filesystem-credentials-form .cancel-button {
  1082. display: none;
  1083. }
  1084. #request-filesystem-credentials-dialog .cancel-button {
  1085. display: inline;
  1086. }
  1087. .request-filesystem-credentials-dialog .ftp-username,
  1088. .request-filesystem-credentials-dialog .ftp-password {
  1089. float: none;
  1090. width: auto;
  1091. }
  1092. .request-filesystem-credentials-dialog .ftp-username {
  1093. margin-bottom: 1em;
  1094. }
  1095. .request-filesystem-credentials-dialog .ftp-password {
  1096. margin: 0;
  1097. }
  1098. .request-filesystem-credentials-dialog .ftp-password em {
  1099. color: #8c8f94;
  1100. }
  1101. .request-filesystem-credentials-dialog label {
  1102. display: block;
  1103. line-height: 1.5;
  1104. margin-bottom: 1em;
  1105. }
  1106. .request-filesystem-credentials-form legend {
  1107. padding-bottom: 0;
  1108. }
  1109. .request-filesystem-credentials-form #ssh-keys legend {
  1110. font-size: 1.3em;
  1111. }
  1112. .request-filesystem-credentials-form .notice {
  1113. margin: 0 0 20px;
  1114. clear: both;
  1115. }
  1116. /*------------------------------------------------------------------------------
  1117. Privacy Policy settings screen
  1118. ------------------------------------------------------------------------------*/
  1119. .tools-privacy-policy-page form {
  1120. margin-bottom: 1.3em;
  1121. }
  1122. .tools-privacy-policy-page input.button {
  1123. margin: 0 6px 0 1px;
  1124. }
  1125. .tools-privacy-policy-page select {
  1126. margin: 0 6px 0.5em 1px;
  1127. }
  1128. .tools-privacy-edit {
  1129. margin: 1.5em 0;
  1130. }
  1131. .tools-privacy-policy-page span {
  1132. line-height: 2;
  1133. }
  1134. .privacy_requests .column-email {
  1135. width: 40%;
  1136. }
  1137. .privacy_requests .column-type {
  1138. text-align: center;
  1139. }
  1140. .privacy_requests thead td:first-child,
  1141. .privacy_requests tfoot td:first-child {
  1142. border-right: 4px solid #fff;
  1143. }
  1144. .privacy_requests tbody th {
  1145. border-right: 4px solid #fff;
  1146. background: #fff;
  1147. box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  1148. }
  1149. .privacy_requests .row-actions {
  1150. color: #787c82;
  1151. }
  1152. .privacy_requests .row-actions.processing {
  1153. position: static;
  1154. }
  1155. .privacy_requests tbody .has-request-results th {
  1156. box-shadow: none;
  1157. }
  1158. .privacy_requests tbody .request-results th .notice {
  1159. margin: 0 0 5px;
  1160. }
  1161. .privacy_requests tbody td {
  1162. background: #fff;
  1163. box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  1164. }
  1165. .privacy_requests tbody .has-request-results td {
  1166. box-shadow: none;
  1167. }
  1168. .privacy_requests .next_steps .button {
  1169. word-wrap: break-word;
  1170. white-space: normal;
  1171. }
  1172. .privacy_requests .status-request-confirmed th,
  1173. .privacy_requests .status-request-confirmed td {
  1174. background-color: #fff;
  1175. border-right-color: #72aee6;
  1176. }
  1177. .privacy_requests .status-request-failed th,
  1178. .privacy_requests .status-request-failed td {
  1179. background-color: #f6f7f7;
  1180. border-right-color: #d63638;
  1181. }
  1182. .privacy_requests .export_personal_data_failed a {
  1183. vertical-align: baseline;
  1184. }
  1185. .status-label {
  1186. font-weight: 600;
  1187. }
  1188. .status-label.status-request-pending {
  1189. font-weight: 400;
  1190. font-style: italic;
  1191. color: #646970;
  1192. }
  1193. .status-label.status-request-failed {
  1194. color: #d63638;
  1195. font-weight: 600;
  1196. }
  1197. .wp-privacy-request-form {
  1198. clear: both;
  1199. }
  1200. .wp-privacy-request-form-field {
  1201. margin: 1.5em 0;
  1202. }
  1203. .wp-privacy-request-form input {
  1204. margin: 0;
  1205. }
  1206. .email-personal-data::before {
  1207. display: inline-block;
  1208. font: normal 20px/1 dashicons;
  1209. margin: 3px -2px 0 5px;
  1210. speak: never;
  1211. -webkit-font-smoothing: antialiased;
  1212. -moz-osx-font-smoothing: grayscale;
  1213. vertical-align: top;
  1214. }
  1215. .email-personal-data--sending::before {
  1216. color: #d63638;
  1217. content: "\f463";
  1218. animation: rotation 2s infinite linear;
  1219. }
  1220. .email-personal-data--sent::before {
  1221. color: #68de7c;
  1222. content: "\f147";
  1223. }
  1224. /* =Media Queries
  1225. -------------------------------------------------------------- */
  1226. @media screen and (max-width: 782px) {
  1227. /* Input Elements */
  1228. textarea {
  1229. -webkit-appearance: none;
  1230. }
  1231. input[type="text"],
  1232. input[type="password"],
  1233. input[type="date"],
  1234. input[type="datetime"],
  1235. input[type="datetime-local"],
  1236. input[type="email"],
  1237. input[type="month"],
  1238. input[type="number"],
  1239. input[type="search"],
  1240. input[type="tel"],
  1241. input[type="time"],
  1242. input[type="url"],
  1243. input[type="week"] {
  1244. -webkit-appearance: none;
  1245. padding: 3px 10px;
  1246. /* Only necessary for IE11 */
  1247. min-height: 40px;
  1248. }
  1249. ::-webkit-datetime-edit {
  1250. line-height: 1.875; /* 30px */
  1251. }
  1252. input[type="checkbox"],
  1253. .widefat th input[type="checkbox"],
  1254. .widefat thead td input[type="checkbox"],
  1255. .widefat tfoot td input[type="checkbox"] {
  1256. -webkit-appearance: none;
  1257. }
  1258. .widefat th input[type="checkbox"],
  1259. .widefat thead td input[type="checkbox"],
  1260. .widefat tfoot td input[type="checkbox"] {
  1261. margin-bottom: 8px;
  1262. }
  1263. input[type="checkbox"]:checked:before,
  1264. .widefat th input[type="checkbox"]:before,
  1265. .widefat thead td input[type="checkbox"]:before,
  1266. .widefat tfoot td input[type="checkbox"]:before {
  1267. width: 1.875rem;
  1268. height: 1.875rem;
  1269. margin: -0.1875rem -0.3125rem;
  1270. }
  1271. input[type="radio"],
  1272. input[type="checkbox"] {
  1273. height: 1.5625rem;
  1274. width: 1.5625rem;
  1275. }
  1276. .wp-admin p input[type="checkbox"],
  1277. .wp-admin p input[type="radio"] {
  1278. margin-top: -0.1875rem;
  1279. }
  1280. input[type="radio"]:checked:before {
  1281. vertical-align: middle;
  1282. width: 0.5625rem;
  1283. height: 0.5625rem;
  1284. margin: 0.4375rem;
  1285. line-height: 0.76190476;
  1286. }
  1287. .wp-upload-form input[type="submit"] {
  1288. margin-top: 10px;
  1289. }
  1290. .wp-core-ui select,
  1291. .wp-admin .form-table select {
  1292. min-height: 40px;
  1293. font-size: 16px;
  1294. line-height: 1.625; /* 26px */
  1295. padding: 5px 8px 5px 24px;
  1296. }
  1297. .wp-admin .button-cancel {
  1298. margin-bottom: 0;
  1299. padding: 2px 0;
  1300. font-size: 14px;
  1301. vertical-align: middle;
  1302. }
  1303. #adduser .form-field input,
  1304. #createuser .form-field input {
  1305. width: 100%;
  1306. }
  1307. .form-table {
  1308. box-sizing: border-box;
  1309. }
  1310. .form-table th,
  1311. .form-table td,
  1312. .label-responsive {
  1313. display: block;
  1314. width: auto;
  1315. vertical-align: middle;
  1316. }
  1317. .label-responsive {
  1318. margin: 0.5em 0;
  1319. }
  1320. .export-filters li {
  1321. margin-bottom: 0;
  1322. }
  1323. .form-table .color-palette td {
  1324. display: table-cell;
  1325. width: 15px;
  1326. }
  1327. .form-table table.color-palette {
  1328. margin-left: 10px;
  1329. }
  1330. textarea,
  1331. input {
  1332. font-size: 16px;
  1333. }
  1334. .form-table td input[type="text"],
  1335. .form-table td input[type="email"],
  1336. .form-table td input[type="password"],
  1337. .form-table td select,
  1338. .form-table td textarea,
  1339. .form-table span.description,
  1340. #profile-page .form-table textarea {
  1341. width: 100%;
  1342. display: block;
  1343. max-width: none;
  1344. box-sizing: border-box;
  1345. }
  1346. .form-table .form-required.form-invalid td:after {
  1347. float: left;
  1348. margin: -30px 0 0 3px;
  1349. }
  1350. input[type="text"].small-text,
  1351. input[type="search"].small-text,
  1352. input[type="password"].small-text,
  1353. input[type="number"].small-text,
  1354. input[type="number"].small-text,
  1355. .form-table input[type="text"].small-text {
  1356. width: auto;
  1357. max-width: 4.375em; /* 70px, enough for 4 digits to fit comfortably */
  1358. display: inline;
  1359. padding: 3px 6px;
  1360. margin: 0 3px;
  1361. }
  1362. .form-table .regular-text ~ input[type="text"].small-text {
  1363. margin-top: 5px;
  1364. }
  1365. #pass-strength-result {
  1366. width: 100%;
  1367. box-sizing: border-box;
  1368. padding: 8px;
  1369. }
  1370. .password-input-wrapper {
  1371. display: block;
  1372. }
  1373. p.search-box {
  1374. float: none;
  1375. width: 100%;
  1376. margin-bottom: 20px;
  1377. display: flex;
  1378. }
  1379. p.search-box input[name="s"] {
  1380. float: none;
  1381. width: 100%;
  1382. margin-bottom: 10px;
  1383. vertical-align: middle;
  1384. }
  1385. p.search-box input[type="submit"] {
  1386. margin-bottom: 10px;
  1387. }
  1388. .form-table span.description {
  1389. display: inline;
  1390. padding: 4px 0 0;
  1391. line-height: 1.4;
  1392. font-size: 14px;
  1393. }
  1394. .form-table th {
  1395. padding: 10px 0 0;
  1396. border-bottom: 0;
  1397. }
  1398. .form-table td {
  1399. margin-bottom: 0;
  1400. padding: 4px 0 6px;
  1401. }
  1402. .form-table.permalink-structure td code {
  1403. display: inline-block;
  1404. }
  1405. .form-table.permalink-structure .structure-selection {
  1406. margin-top: 8px;
  1407. }
  1408. .form-table.permalink-structure .structure-selection .row > div {
  1409. max-width: calc(100% - 36px);
  1410. width: 100%;
  1411. }
  1412. .form-table.permalink-structure td input[type="text"] {
  1413. margin-top: 4px;
  1414. }
  1415. .form-table input.regular-text {
  1416. width: 100%;
  1417. }
  1418. .form-table label {
  1419. font-size: 14px;
  1420. }
  1421. .form-table td > label:first-child {
  1422. display: inline-block;
  1423. margin-top: 0.35em;
  1424. }
  1425. .background-position-control .button-group > label {
  1426. font-size: 0;
  1427. }
  1428. .form-table fieldset label {
  1429. display: block;
  1430. }
  1431. .form-field #domain {
  1432. max-width: none;
  1433. }
  1434. /* New Password */
  1435. .wp-pwd {
  1436. position: relative;
  1437. }
  1438. /* Needs higher specificity than normal input type text and password. */
  1439. #profile-page .form-table #pass1 {
  1440. padding-left: 90px;
  1441. }
  1442. .wp-pwd button.button {
  1443. background: transparent;
  1444. border: 1px solid transparent;
  1445. box-shadow: none;
  1446. line-height: 2;
  1447. margin: 0;
  1448. padding: 5px 9px;
  1449. position: absolute;
  1450. left: 0;
  1451. top: 0;
  1452. width: 2.375rem;
  1453. height: 2.375rem;
  1454. min-width: 40px;
  1455. min-height: 40px;
  1456. }
  1457. .wp-pwd button.wp-hide-pw {
  1458. left: 2.5rem;
  1459. }
  1460. body.user-new-php .wp-pwd button.wp-hide-pw {
  1461. left: 0;
  1462. }
  1463. .wp-pwd button.button:hover,
  1464. .wp-pwd button.button:focus {
  1465. background: transparent;
  1466. }
  1467. .wp-pwd button.button:active {
  1468. background: transparent;
  1469. box-shadow: none;
  1470. transform: none;
  1471. }
  1472. .wp-pwd .button .text {
  1473. display: none;
  1474. }
  1475. .wp-pwd [type="text"],
  1476. .wp-pwd [type="password"] {
  1477. line-height: 2;
  1478. padding-left: 5rem;
  1479. }
  1480. body.user-new-php .wp-pwd [type="text"],
  1481. body.user-new-php .wp-pwd [type="password"] {
  1482. padding-left: 2.5rem;
  1483. }
  1484. .wp-cancel-pw .dashicons-no {
  1485. display: inline-block;
  1486. }
  1487. .mailserver-pass-wrap .wp-pwd {
  1488. display: block;
  1489. }
  1490. /* rtl:ignore */
  1491. #mailserver_pass {
  1492. padding-left: 10px;
  1493. }
  1494. .options-general-php input[type="text"].small-text {
  1495. max-width: 6.25em;
  1496. margin: 0;
  1497. }
  1498. /* Privacy Policy settings screen */
  1499. .tools-privacy-policy-page form.wp-create-privacy-page {
  1500. margin-bottom: 1em;
  1501. }
  1502. .tools-privacy-policy-page input#set-page,
  1503. .tools-privacy-policy-page select {
  1504. margin: 10px 0 0;
  1505. }
  1506. .tools-privacy-policy-page .wp-create-privacy-page span {
  1507. display: block;
  1508. margin-bottom: 1em;
  1509. }
  1510. .tools-privacy-policy-page .wp-create-privacy-page .button {
  1511. margin-right: 0;
  1512. }
  1513. .wp-list-table.privacy_requests tr:not(.inline-edit-row):not(.no-items) td.column-primary:not(.check-column) {
  1514. display: table-cell;
  1515. }
  1516. .wp-list-table.privacy_requests.widefat th input,
  1517. .wp-list-table.privacy_requests.widefat thead td input {
  1518. margin-right: 5px;
  1519. }
  1520. .wp-privacy-request-form-field input[type="text"] {
  1521. width: 100%;
  1522. margin-bottom: 10px;
  1523. vertical-align: middle;
  1524. }
  1525. .regular-text {
  1526. max-width: 100%;
  1527. }
  1528. }
  1529. @media only screen and (max-width: 768px) {
  1530. .form-field input[type="text"],
  1531. .form-field input[type="email"],
  1532. .form-field input[type="password"],
  1533. .form-field select,
  1534. .form-field textarea {
  1535. width: 99%;
  1536. }
  1537. .form-wrap .form-field {
  1538. padding: 0;
  1539. }
  1540. }
  1541. @media only screen and (max-height: 480px), screen and (max-width: 450px) {
  1542. /* Request Credentials / File Editor Warning */
  1543. .request-filesystem-credentials-dialog .notification-dialog,
  1544. .file-editor-warning .notification-dialog {
  1545. width: 100%;
  1546. height: 100%;
  1547. max-height: 100%;
  1548. position: fixed;
  1549. top: 0;
  1550. margin: 0;
  1551. right: 0;
  1552. }
  1553. }
  1554. /* Smartphone */
  1555. @media screen and (max-width: 600px) {
  1556. /* Color Picker Options */
  1557. .color-option {
  1558. width: 49%;
  1559. }
  1560. }
  1561. @media only screen and (max-width: 320px) {
  1562. .options-general-php .date-time-text.date-time-custom-text {
  1563. min-width: 0;
  1564. margin-left: 0.5em;
  1565. }
  1566. }
  1567. @keyframes rotation {
  1568. 0% {
  1569. transform: rotate(0deg);
  1570. }
  1571. 100% {
  1572. transform: rotate(-359deg);
  1573. }
  1574. }