You are here

Home » API reference » Menu Select 8

menu_select.css in Menu Select 8

Same filename and directory in other branches
  1. 7 css/menu_select.css
  2. 2.0.x css/menu_select.css

Styles for the menu parent item form element.

File

css/menu_select.css
View source 
  1. /**

  2.  * @file

  3.  * Styles for the menu parent item form element.

  4.  */

  5. 

  6. /* menu form */

  7. .menu-link-form {

  8.   padding-bottom: 10px;

  9. }

  10. 

  11. /* wrapper */

  12. .menu-select-menu-hierarchy .menu-select-menu-level {

  13.   margin: 0;

  14. }

  15. 

  16. .form-item-menu-weight {

  17.   display: none;

  18. }

  19. 

  20. /* position preview */

  21. .menu-select-parent-position-preview {

  22.   padding: 5px 0;

  23.   font-size: 14px;

  24.   font-style: italic;

  25. }

  26. 

  27. /* a menu link */

  28. .menu-select-menu-hierarchy .menu-select-menu-level li {

  29.   margin: 0;

  30.   list-style-type: none;

  31. }

  32. 

  33. .menu-select-menu-hierarchy .menu-select-menu-level li .menu-select-menu-link {

  34.   display: inline-block;

  35.   position: relative;

  36.   padding-left: 10px;

  37. }

  38. 

  39. .menu-select-menu-hierarchy .menu-select-menu-level li .menu-select-menu-link:before {

  40.   content: ' ';

  41.   display: block;

  42.   position: absolute;

  43.   height: 4px;

  44.   width: 4px;

  45.   border-radius: 4px;

  46.   left: 0;

  47.   top: 6px;

  48.   background-color: #333;

  49. }

  50. 

  51. .menu-select-menu-hierarchy .menu-select-menu-level li .menu-select-menu-link.active {

  52.   font-weight: 700;

  53.   text-decoration: none;

  54.   padding-left: 10px;

  55. }

  56. 

  57. .menu-select-menu-hierarchy .menu-select-menu-level li .menu-select-menu-link.active span {

  58.   position: absolute;

  59.   right: -10px;

  60.   top: -9px;

  61.   display: block;

  62.   -ms-transform: rotate(45deg); /* IE 9 */

  63.   -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */

  64.   transform: rotate(45deg); /* Everything else */

  65. }

  66. 

  67. .menu-select-menu-hierarchy .menu-select-menu-level li .menu-select-menu-link.active span:before {

  68.   content: "";

  69.   position: absolute;

  70.   width: 3px;

  71.   height: 9px;

  72.   background-color: #2e7d32;

  73.   left: 11px;

  74.   top: 6px;

  75.   border-radius: 4px;

  76. }

  77. 

  78. .menu-select-menu-hierarchy .menu-select-menu-level li .menu-select-menu-link.active span:after {

  79.   content: "";

  80.   position: absolute;

  81.   width: 3px;

  82.   height: 3px;

  83.   background-color: #2e7d32;

  84.   left: 8px;

  85.   top: 12px;

  86. }

  87. 

  88. .menu-select-menu-hierarchy .menu-select-menu-level li .menu-select-menu-link.menu-select-menu-link--has-children:before {

  89.   content: ' ';

  90.   height: 0;

  91.   position: absolute;

  92.   width: 0;

  93.   left: 0;

  94.   top: 3px;

  95.   border: 5px solid transparent;

  96.   border-left-color: #333;

  97.   background-color: transparent;

  98.   border-radius: 0;

  99. }

  100. 

  101. .menu-select-menu-hierarchy .menu-select-menu-level li .menu-select-menu-link.menu-select-menu-link--has-children.expanded {

  102.   padding-left: 15px;

  103. }

  104. 

  105. .menu-select-menu-hierarchy .menu-select-menu-level li .menu-select-menu-link.menu-select-menu-link--has-children.expanded:before {

  106.   border-left-color: transparent;

  107.   border-top-color: #333;

  108.   top: 6px;

  109. }

  110. 

  111. /* a nested list */

  112. .menu-select-menu-hierarchy .menu-select-menu-level li .item-list {

  113.   height: 0;

  114.   overflow: hidden;

  115. }

  116. 

  117. .menu-select-menu-hierarchy .menu-select-menu-level li .item-list.expanded {

  118.   height: auto;

  119. }