home *** CD-ROM | disk | FTP | other *** search
/ HTML Examples / WP.iso / wordpress / wp-admin / css / nav-menus.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2017-10-18  |  14.9 KB  |  901 lines
  1. /* nav-menu */
  2.  
  3. /* @todo: determine if this is truly for nav menus only */
  4. .no-js #message {
  5.     display: block;
  6. }
  7.  
  8. ul.add-menu-item-tabs li {
  9.     padding: 3px 5px 4px 8px;
  10. }
  11.  
  12. .accordion-section ul.category-tabs,
  13. .accordion-section ul.add-menu-item-tabs,
  14. .accordion-section ul.wp-tab-bar {
  15.     margin: 0;
  16. }
  17.  
  18. .accordion-section .categorychecklist {
  19.     margin: 13px 0;
  20. }
  21.  
  22. #nav-menu-meta .accordion-section-content {
  23.     padding: 18px 13px;
  24. }
  25.  
  26. #nav-menu-meta .button-controls {
  27.     margin-bottom: 0;
  28. }
  29.  
  30. .has-no-menu-item .button-controls {
  31.     display: none;
  32. }
  33.  
  34. #nav-menus-frame {
  35.     margin-left: 300px;
  36.     margin-top: 23px;
  37. }
  38.  
  39. #wpbody-content #menu-settings-column {
  40.     display:inline;
  41.     width:281px;
  42.     margin-left: -300px;
  43.     clear: both;
  44.     float: left;
  45.     padding-top: 0;
  46. }
  47.  
  48. #menu-settings-column .inside {
  49.     clear: both;
  50.     margin: 10px 0 0;
  51. }
  52.  
  53. .metabox-holder-disabled .postbox,
  54. .metabox-holder-disabled .accordion-section-content,
  55. .metabox-holder-disabled .accordion-section-title {
  56.     opacity: 0.5;
  57.     filter: alpha(opacity=50);
  58. }
  59.  
  60. .metabox-holder-disabled .button-controls .select-all {
  61.     display: none;
  62. }
  63.  
  64. #wpbody {
  65.     position: relative;
  66. }
  67.  
  68. .blank-slate .menu-settings {
  69.     border: none;
  70.     margin-top: 0;
  71.     padding-top: 0;
  72.     overflow: hidden;
  73. }
  74.  
  75. .is-submenu {
  76.     color: #555d66; /* #fafafa background */
  77.     font-style: italic;
  78.     font-weight: 400;
  79.     margin-left: 4px;
  80. }
  81.  
  82. .manage-menus {
  83.     margin-top: 23px;
  84.     padding: 10px;
  85.     overflow: hidden;
  86.     background: #fbfbfb;
  87. }
  88.  
  89. .manage-menus .selected-menu,
  90. .manage-menus select,
  91. .manage-menus .submit-btn,
  92. .nav-menus-php .add-new-menu-action {
  93.     display: inline-block;
  94.     margin-right: 3px;
  95.     vertical-align: middle;
  96. }
  97.  
  98. .manage-menus select,
  99. .menu-location-menus select {
  100.     max-width: 100%;
  101. }
  102.  
  103. .menu-edit #post-body-content h3 {
  104.     margin: 1em 0 10px;
  105. }
  106.  
  107. .menu-settings {
  108.     border-top: 1px solid #eee;
  109.     margin-top: 2em;
  110. }
  111.  
  112. .menu-settings-group {
  113.     margin: 0 0 10px;
  114.     overflow: hidden;
  115.     padding-left: 20%;
  116. }
  117.  
  118. .menu-settings-group:last-of-type {
  119.     margin-bottom: 0;
  120. }
  121.  
  122. .menu-settings-input {
  123.     float: left;
  124.     margin: 0;
  125.     width: 100%;
  126. }
  127.  
  128. .menu-settings-group-name {
  129.     float: left;
  130.     clear: both;
  131.     width: 25%;
  132.     padding: 3px 0 0;
  133.     margin-left: -25%; /* 20 container left padding x ( 100 container % width / 80 this % width ) */
  134. }
  135.  
  136. .menu-settings label {
  137.     vertical-align: baseline;
  138. }
  139.  
  140. .menu-edit .checkbox-input {
  141.     margin-top: 4px;
  142. }
  143.  
  144. .theme-location-set {
  145.     color: #72777c;
  146.     font-size: 11px;
  147. }
  148.  
  149. /* Menu Container */
  150.  
  151. /* @todo: responsive view. */
  152. #menu-management-liquid {
  153.     float: left;
  154.     min-width: 100%;
  155.     margin-top: 3px;
  156. }
  157.  
  158. /* @todo: responsive view. */
  159. #menu-management {
  160.     position: relative;
  161.     margin-right: 20px;
  162.     margin-top: -3px;
  163.     width: 100%;
  164.     background: #f5f5f5;
  165. }
  166.  
  167. #menu-management .menu-edit {
  168.     margin-bottom: 20px;
  169. }
  170.  
  171. .nav-menus-php #post-body {
  172.     padding: 0 10px 10px;
  173.     border-top: 1px solid #fff;
  174.     border-bottom: 1px solid #ddd;
  175.     background: #fff;
  176. }
  177.  
  178. #nav-menu-header,
  179. #nav-menu-footer {
  180.     padding: 0 10px;
  181. }
  182.  
  183. #nav-menu-header {
  184.     border-bottom: 1px solid #ddd;
  185.     margin-bottom: 0;
  186. }
  187.  
  188. #nav-menu-header .menu-name-label {
  189.     display: inline-block;
  190.     vertical-align: middle;
  191.     margin-right: 7px;
  192.     font-style: italic;
  193. }
  194.  
  195. .nav-menus-php #post-body div.updated,
  196. .nav-menus-php #post-body div.error {
  197.     margin: 0;
  198. }
  199.  
  200. .nav-menus-php #post-body-content {
  201.     position: relative;
  202.     float: none;
  203. }
  204.  
  205. #menu-management .menu-add-new abbr {
  206.     font-weight:600;
  207. }
  208.  
  209. #select-nav-menu-container {
  210.     text-align: right;
  211.     padding: 0 10px 3px 10px;
  212.     margin-bottom: 5px;
  213. }
  214.  
  215. #select-nav-menu {
  216.     width: 100px;
  217.     display: inline;
  218. }
  219.  
  220. #menu-name-label {
  221.     margin-top: -2px;
  222. }
  223.  
  224. .widefat .menu-locations .menu-location-title {
  225.     padding: 13px 10px 0;
  226. }
  227.  
  228. .menu-location-title label {
  229.     font-weight: 600;
  230. }
  231.  
  232. .menu-location-menus select {
  233.     float: left;
  234. }
  235.  
  236. #locations-nav-menu-wrapper {
  237.     padding: 5px 0;
  238. }
  239.  
  240. .locations-nav-menu-select select {
  241.     float: left;
  242.     width: 160px;
  243.     margin-right: 5px;
  244. }
  245.  
  246. .locations-row-links {
  247.     float: left;
  248.     margin: 6px 0 0 6px;
  249. }
  250.  
  251. .locations-edit-menu-link,
  252. .locations-add-menu-link {
  253.     margin: 0 3px;
  254. }
  255.  
  256. .locations-edit-menu-link {
  257.     padding-right: 3px;
  258.     border-right: 1px solid #ccc;
  259. }
  260.  
  261. #menu-management .inside {
  262.     padding: 0 10px;
  263. }
  264.  
  265. /* Add Menu Item Boxes */
  266. .postbox .howto input,
  267. .customlinkdiv .menu-item-textbox {
  268.     width: 180px;
  269.     float: right;
  270. }
  271.  
  272. .accordion-container .outer-border {
  273.     margin: 0;
  274. }
  275.  
  276. .customlinkdiv p {
  277.     margin-top: 0
  278. }
  279.  
  280. #nav-menu-theme-locations .howto select {
  281.     width: 100%;
  282. }
  283.  
  284. #nav-menu-theme-locations .button-controls {
  285.     text-align: right;
  286. }
  287.  
  288. .add-menu-item-view-all {
  289.     height: 400px;
  290. }
  291.  
  292. /* Button Primary Actions */
  293. #menu-container .submit {
  294.     margin: 0 0 10px;
  295.     padding: 0;
  296. }
  297.  
  298. /* @todo: is this actually used? */
  299. #cancel-save {
  300.     text-decoration: underline;
  301.     font-size: 12px;
  302.     margin-left: 20px;
  303.     margin-top: 5px;
  304. }
  305.  
  306. .button.right, .button-secondary.right, .button-primary.right {
  307.     float: right;
  308. }
  309.  
  310. /* Button Secondary Actions */
  311. .list-controls {
  312.     float: left;
  313.     margin-top: 5px;
  314. }
  315.  
  316. .add-to-menu {
  317.     float: right;
  318. }
  319.  
  320. .button-controls {
  321.     clear:both;
  322.     margin: 10px 0;
  323. }
  324.  
  325. .show-all,
  326. .hide-all {
  327.     cursor: pointer;
  328. }
  329.  
  330. .hide-all {
  331.     display: none;
  332. }
  333.  
  334. /* Create Menu */
  335. #menu-name {
  336.     width: 270px;
  337.     vertical-align: middle;
  338. }
  339.  
  340. #manage-menu .inside {
  341.     padding: 0px 0px;
  342. }
  343.  
  344. /* Custom Links */
  345. #available-links dt {
  346.     display: block;
  347. }
  348.  
  349. #add-custom-link .howto {
  350.     font-size: 12px;
  351. }
  352.  
  353. #add-custom-link label span {
  354.     display: block;
  355.     float: left;
  356.     margin-top: 5px;
  357.     padding-right: 5px;
  358. }
  359.  
  360. .menu-item-textbox {
  361.     width: 180px;
  362. }
  363.  
  364. .customlinkdiv label,
  365. .nav-menus-php .howto span {
  366.     float: left;
  367.     margin-top: 6px;
  368. }
  369.  
  370. /* Menu item types */
  371. .quick-search {
  372.     width: 190px;
  373. }
  374.  
  375. .quick-search-wrap .spinner {
  376.     float: none;
  377.     margin: -3px -10px 0 0;
  378. }
  379.  
  380. .nav-menus-php .list-wrap {
  381.     display: none;
  382.     clear: both;
  383.     margin-bottom: 10px;
  384. }
  385.  
  386. .nav-menus-php .postbox p.submit {
  387.     margin-bottom: 0;
  388. }
  389.  
  390. /* Listings */
  391. .nav-menus-php .list li {
  392.     display: none;
  393.     margin: 0;
  394.     margin-bottom: 5px;
  395. }
  396.  
  397. .nav-menus-php .list li .menu-item-title {
  398.     cursor: pointer;
  399.     display: block;
  400. }
  401.  
  402. .nav-menus-php .list li .menu-item-title input {
  403.     margin-right: 3px;
  404.     margin-top: -3px;
  405. }
  406.  
  407. .menu-item-title input[type=checkbox] {
  408.     display: inline-block;
  409.     margin-top: -4px;
  410. }
  411.  
  412. /* Nav Menu */
  413. #menu-container .inside {
  414.     padding-bottom: 10px;
  415. }
  416.  
  417. .menu {
  418.     padding-top:1em;
  419. }
  420.  
  421. #menu-to-edit {
  422.     margin: 0;
  423.     padding: 0.1em 0;
  424. }
  425.  
  426. .menu ul {
  427.     width: 100%;
  428. }
  429.  
  430. .menu li {
  431.     margin-bottom: 0;
  432.     position:relative;
  433. }
  434.  
  435. .menu-item-bar {
  436.     clear:both;
  437.     line-height:1.5em;
  438.     position:relative;
  439.     margin: 9px 0 0;
  440. }
  441.  
  442. .menu-item-bar .menu-item-handle {
  443.     border: 1px solid #ddd;
  444.     position: relative;
  445.     padding: 10px 15px;
  446.     height: auto;
  447.     min-height: 20px;
  448.     width: 382px;
  449.     line-height: 30px;
  450.     overflow: hidden;
  451.     word-wrap: break-word;
  452. }
  453.  
  454. .menu-item-bar .menu-item-handle:hover {
  455.     border-color: #999;
  456. }
  457.  
  458. #menu-to-edit .menu-item-invalid .menu-item-handle {
  459.     background: #f6c9cc;
  460.     border-color: #f1acb1;
  461. }
  462.  
  463. .no-js .menu-item-edit-active .item-edit {
  464.     display: none;
  465. }
  466.  
  467. .js .menu-item-handle {
  468.     cursor: move;
  469. }
  470.  
  471. .menu li.deleting .menu-item-handle {
  472.     background-image: none;
  473.     background-color: #f66;
  474. }
  475.  
  476. .menu-item-handle .item-title {
  477.     font-size: 13px;
  478.     font-weight: 600;
  479.     line-height: 20px;
  480.     display: block;
  481.     /* @todo: responsive view. */
  482.     margin-right: 13em;
  483. }
  484.  
  485. .menu-item-handle .menu-item-title.no-title {
  486.     color: #72777c;
  487. }
  488.  
  489. /* Sortables */
  490. li.menu-item.ui-sortable-helper .menu-item-bar {
  491.     margin-top: 0;
  492. }
  493.  
  494. li.menu-item.ui-sortable-helper .menu-item-transport .menu-item-bar {
  495.     margin-top: 13px;
  496. }
  497.  
  498. .menu .sortable-placeholder {
  499.     height: 35px;
  500.     width: 410px;
  501.     margin-top: 13px;
  502. }
  503.  
  504. /* Hide the transport list when it's empty */
  505. .menu-item .menu-item-transport:empty {
  506.     display: none;
  507. }
  508.  
  509. /* WARNING: The factor of 30px is hardcoded into the nav-menus JavaScript. */
  510. .menu-item-depth-0 { margin-left: 0px; }
  511. .menu-item-depth-1 { margin-left: 30px; }
  512. .menu-item-depth-2 { margin-left: 60px; }
  513. .menu-item-depth-3 { margin-left: 90px; }
  514. .menu-item-depth-4 { margin-left: 120px; }
  515. .menu-item-depth-5 { margin-left: 150px; }
  516. .menu-item-depth-6 { margin-left: 180px; }
  517. .menu-item-depth-7 { margin-left: 210px; }
  518. .menu-item-depth-8 { margin-left: 240px; }
  519. .menu-item-depth-9 { margin-left: 270px; }
  520. .menu-item-depth-10 { margin-left: 300px; }
  521. .menu-item-depth-11 { margin-left: 330px; }
  522.  
  523. .menu-item-depth-0 .menu-item-transport { margin-left: 0px; }
  524. .menu-item-depth-1 .menu-item-transport { margin-left: -30px; }
  525. .menu-item-depth-2 .menu-item-transport { margin-left: -60px; }
  526. .menu-item-depth-3 .menu-item-transport { margin-left: -90px; }
  527. .menu-item-depth-4 .menu-item-transport { margin-left: -120px; }
  528. .menu-item-depth-5 .menu-item-transport { margin-left: -150px; }
  529. .menu-item-depth-6 .menu-item-transport { margin-left: -180px; }
  530. .menu-item-depth-7 .menu-item-transport { margin-left: -210px; }
  531. .menu-item-depth-8 .menu-item-transport { margin-left: -240px; }
  532. .menu-item-depth-9 .menu-item-transport { margin-left: -270px; }
  533. .menu-item-depth-10 .menu-item-transport { margin-left: -300px; }
  534. .menu-item-depth-11 .menu-item-transport { margin-left: -330px; }
  535.  
  536. body.menu-max-depth-0 { min-width: 950px !important; }
  537. body.menu-max-depth-1 { min-width: 980px !important; }
  538. body.menu-max-depth-2 { min-width: 1010px !important; }
  539. body.menu-max-depth-3 { min-width: 1040px !important; }
  540. body.menu-max-depth-4 { min-width: 1070px !important; }
  541. body.menu-max-depth-5 { min-width: 1100px !important; }
  542. body.menu-max-depth-6 { min-width: 1130px !important; }
  543. body.menu-max-depth-7 { min-width: 1160px !important; }
  544. body.menu-max-depth-8 { min-width: 1190px !important; }
  545. body.menu-max-depth-9 { min-width: 1220px !important; }
  546. body.menu-max-depth-10 { min-width: 1250px !important; }
  547. body.menu-max-depth-11 { min-width: 1280px !important; }
  548.  
  549. /* Menu item controls */
  550. .item-type {
  551.     display: inline-block;
  552.     padding: 12px 16px;
  553.     color: #666;
  554.     font-size: 12px;
  555.     line-height: 18px;
  556. }
  557.  
  558. .item-controls {
  559.     font-size: 12px;
  560.     position: absolute;
  561.     right: 20px;
  562.     top: -1px;
  563. }
  564.  
  565. .item-controls a {
  566.     text-decoration: none;
  567. }
  568.  
  569. .item-controls a:hover {
  570.     cursor: pointer;
  571. }
  572.  
  573. .item-controls .item-order {
  574.     padding-right: 10px;
  575. }
  576.  
  577. .nav-menus-php .item-edit {
  578.     position: absolute;
  579.     right: -20px;
  580.     top: 0;
  581.     display: block;
  582.     width: 30px;
  583.     height: 40px;
  584.     outline: none;
  585. }
  586.  
  587. .no-js.nav-menus-php .item-edit {
  588.     position: static;
  589.     float: right;
  590.     width: auto;
  591.     height: auto;
  592.     margin: 12px -10px 12px 0;
  593.     padding: 0;
  594.     color: #0073aa;
  595.     text-decoration: underline;
  596.     font-size: 12px;
  597.     line-height: 18px;
  598. }
  599.  
  600. .no-js.nav-menus-php .item-edit .screen-reader-text {
  601.     position: static;
  602.     -webkit-clip-path: none;
  603.     clip-path: none;
  604.     width: auto;
  605.     height: auto;
  606.     margin: 0;
  607. }
  608.  
  609. .nav-menus-php .item-edit:before {
  610.     margin-top: 10px;
  611.     margin-left: 4px;
  612.     width: 20px;
  613.     border-radius: 50%;
  614.     text-indent: -1px; /* account for the dashicon alignment */
  615. }
  616.  
  617. .no-js.nav-menus-php .item-edit:before {
  618.     display: none;
  619. }
  620.  
  621. .rtl .nav-menus-php .item-edit:before {
  622.     text-indent: 1px; /* account for the dashicon alignment */
  623. }
  624.  
  625. .js.nav-menus-php .item-edit:focus {
  626.     box-shadow: none;
  627. }
  628.  
  629. .nav-menus-php .item-edit:focus:before {
  630.     box-shadow:
  631.         0 0 0 1px #5b9dd9,
  632.         0 0 2px 1px rgba(30, 140, 190, .8);
  633. }
  634.  
  635. /* Menu editing */
  636. .menu-instructions-inactive {
  637.     display: none;
  638. }
  639.  
  640. .menu-item-settings {
  641.     display: block;
  642.     width: 402px;
  643.     padding: 10px 0 10px 10px;
  644.     position: relative;
  645.     z-index: 10; /* Keep .item-title's shadow from appearing on top of .menu-item-settings */
  646.     border: 1px solid #e5e5e5;
  647.     border-top: none;
  648.     box-shadow: 0 1px 1px rgba(0,0,0,0.04);
  649. }
  650.  
  651. .menu-item-settings .field-move {
  652.     margin: 3px 0 5px;
  653.     line-height: 1.5;
  654. }
  655.  
  656. .field-move-visual-label {
  657.     float: left;
  658.     margin-right: 4px;
  659.     font-style: italic;
  660. }
  661.  
  662. .menu-item-settings .field-move .button-link {
  663.     display: none;
  664.     margin: 0 2px;
  665.     font-style: italic;
  666. }
  667.  
  668. .menu-item-edit-active .menu-item-settings {
  669.     display: block;
  670. }
  671.  
  672. .menu-item-edit-inactive .menu-item-settings {
  673.     display: none;
  674. }
  675.  
  676. .add-menu-item-pagelinks {
  677.     margin: .5em -10px;
  678.     text-align: center;
  679. }
  680.  
  681. .add-menu-item-pagelinks .page-numbers {
  682.     display: inline-block;
  683.     min-width: 20px;
  684. }
  685.  
  686. .add-menu-item-pagelinks .page-numbers.dots {
  687.     min-width: 0;
  688. }
  689.  
  690. .link-to-original {
  691.     display: block;
  692.     margin: 0 0 15px;
  693.     padding: 3px 5px 5px;
  694.     border: 1px solid #ddd;
  695.     color: #72777c;
  696.     font-size: 12px;
  697.     font-style: italic;
  698. }
  699.  
  700. .link-to-original a {
  701.     padding-left: 4px;
  702.     font-style: normal;
  703. }
  704.  
  705. .hidden-field {
  706.     display: none;
  707. }
  708.  
  709. .menu-item-settings .description-thin,
  710. .menu-item-settings .description-wide {
  711.     margin-right: 10px;
  712.     float: left;
  713. }
  714.  
  715. .description-thin {
  716.     width: 190px;
  717. }
  718.  
  719. .description-wide {
  720.     width: 390px;
  721. }
  722.  
  723. .menu-item-actions {
  724.     padding-top: 15px;
  725.     padding-bottom: 7px;
  726. }
  727.  
  728. #cancel-save {
  729.     cursor: pointer;
  730. }
  731.  
  732. /* Major/minor publishing actions (classes) */
  733. .nav-menus-php .major-publishing-actions {
  734.     clear: both;
  735.     padding: 10px 0;
  736.     line-height: 28px;
  737. }
  738.  
  739. .nav-menus-php .major-publishing-actions .publishing-action {
  740.     text-align: right;
  741.     float: right;
  742. }
  743.  
  744. .nav-menus-php .blank-slate .menu-settings {
  745.     display: none;
  746. }
  747.  
  748. /* Same as the Publish Meta Box #delete-action */
  749. .nav-menus-php .delete-action {
  750.     float: left;
  751.     line-height: 28px;
  752. }
  753.  
  754. .nav-menus-php .major-publishing-actions .form-invalid {
  755.     padding-left: 4px;
  756.     margin-left: -4px;
  757. }
  758.  
  759. #nav-menus-frame,
  760. .button-controls,
  761. #menu-item-url-wrap,
  762. #menu-item-name-wrap {
  763.     display: block;
  764. }
  765.  
  766. /* =Media Queries
  767. -------------------------------------------------------------- */
  768.  
  769. @media only screen and (min-width: 769px) and (max-width: 1000px){
  770.     body.menu-max-depth-0 {
  771.         min-width: 0 !important;
  772.     }
  773.  
  774.     #menu-management-liquid{
  775.         width: 100%;
  776.     }
  777.  
  778.     .nav-menus-php #post-body-content{
  779.         min-width: 0;
  780.     }
  781.  
  782.     .menu-item-bar .menu-item-handle{
  783.         width: 90%;
  784.     }
  785. }
  786.  
  787. @media screen and ( max-width: 782px ) {
  788.     body.nav-menus-php {
  789.         min-width: 0 !important;
  790.     }
  791.  
  792.     #nav-menus-frame {
  793.         margin-left: 0;
  794.         float: none;
  795.         width: 100%;
  796.     }
  797.  
  798.     #wpbody-content #menu-settings-column {
  799.         display: block;
  800.         width: 100%;
  801.         float: none;
  802.         margin-left: 0;
  803.     }
  804.  
  805.     #side-sortables .add-menu-item-tabs {
  806.         margin: 15px 0 14px;
  807.     }
  808.  
  809.     ul.add-menu-item-tabs li.tabs {
  810.         padding: 13px 15px 14px;
  811.     }
  812.  
  813.     .nav-menus-php .customlinkdiv .howto input {
  814.         width: 65%;
  815.     }
  816.  
  817.     .nav-menus-php .quick-search {
  818.         width: 85%;
  819.     }
  820.  
  821.     #menu-management-liquid {
  822.         margin-top: 25px;
  823.     }
  824.  
  825.     .nav-menus-php .menu-name-label.howto span {
  826.         margin-top: 13px
  827.     }
  828.  
  829.     #menu-name {
  830.         width: 100%;
  831.     }
  832.  
  833.     .nav-menus-php .major-publishing-actions .publishing-action {
  834.         padding-top: 1em;
  835.     }
  836.  
  837.     .nav-menus-php .delete-action {
  838.         font-size: 14px;
  839.         line-height: 30px;
  840.     }
  841.  
  842.     .menu-item-bar .menu-item-handle,
  843.     .menu-item-settings,
  844.     .description-wide {
  845.         width: auto;
  846.     }
  847.  
  848.     .menu-item-settings {
  849.         padding: 10px;
  850.     }
  851.  
  852.     .menu-item-settings .description-thin,
  853.     .menu-item-settings .description-wide {
  854.         width: 100%;
  855.     }
  856.  
  857.     .menu-item-settings input {
  858.         width: 100%;
  859.     }
  860.  
  861.     .menu-item-settings input[type="checkbox"],
  862.     .menu-item-settings input[type="radio"] {
  863.         width: 25px;
  864.     }
  865.  
  866.     .menu-settings-group {
  867.         padding-left: 0;
  868.     }
  869.  
  870.     .menu-settings-group-name {
  871.         float: none;
  872.         width: auto;
  873.         margin-left: 0;
  874.         margin-bottom: 15px;
  875.     }
  876.  
  877.     .menu-settings-input {
  878.         float: none;
  879.         margin-bottom: 15px;
  880.     }
  881.  
  882.     .menu-edit .checkbox-input {
  883.         margin-top: 0;
  884.     }
  885.  
  886.     .manage-menus select {
  887.         margin: 0.5em 0;
  888.     }
  889.  
  890.     .widefat .menu-locations .menu-location-title {
  891.         padding-top: 16px;
  892.     }
  893. }
  894.  
  895. @media only screen and (max-width: 768px) {
  896.     /* menu locations */
  897.     #menu-locations-wrap .widefat {
  898.         width: 100%;
  899.     }
  900. }
  901.