Subversion Repositories wimsdev

Rev

Rev 14742 | Blame | Compare with Previous | Last modification | View Log | RSS feed

  1. /* WIMS CUSTOM styles */
  2. .is-dropdown-submenu > li {
  3.   box-sizing: border-box; }
  4.  
  5. .dropdown.menu,
  6. .dropdown.menu ul {
  7.   list-style-type: none;
  8.   margin: 0; }
  9.  
  10. .dropdown.menu ul {
  11.   text-align: left;
  12.   padding: 5px 0; }
  13.  
  14. /* Overrides icon.css styles*/
  15. .dropdown .submenu a {
  16.   display: block; }
  17.  
  18. /* surpass other elements, like sliders (z-index=2)*/
  19. .menuitem > .is-dropdown-submenu {
  20.   z-index: 5; }
  21.  
  22. /*
  23. .dropdown li{
  24.   padding-bottom: 4px;
  25.   margin-bottom: 0;}
  26. /*.submenu li{
  27.   padding-left: .5em;}
  28. .dropdown img{
  29.   vertical-align: middle;}*/
  30. /* adds padding to link even if they have no dropdown
  31. .dropdown.menu > li > a{
  32.   padding-right: 1.5rem;}*/
  33. /**
  34.  * Foundation for Sites
  35.  * Version 6.6.3
  36.  * https://get.foundation
  37.  * Licensed under MIT Open Source
  38.  */
  39. /* Dropdown Menu styles */
  40. .dropdown.menu > li.opens-left > .is-dropdown-submenu {
  41.   top: 100%;
  42.   right: 0;
  43.   left: auto; }
  44.  
  45. .dropdown.menu > li.opens-right > .is-dropdown-submenu {
  46.   top: 100%;
  47.   right: auto;
  48.   left: 0; }
  49.  
  50. .dropdown.menu > li.is-dropdown-submenu-parent > a {
  51.   position: relative;
  52.   padding-right: 1.5rem; }
  53.  
  54. .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  55.   display: block;
  56.   width: 0;
  57.   height: 0;
  58.   border: inset 6px;
  59.   content: '';
  60.   border-bottom-width: 0;
  61.   border-top-style: solid;
  62.   border-color: var(--wims_link_color) transparent transparent;
  63.   right: 5px;
  64.   left: auto;
  65.   margin-top: -3px; }
  66.  
  67. [data-whatinput='mouse'] .dropdown.menu a {
  68.   outline: 0; }
  69.  
  70. .dropdown.menu > li > a {
  71.   padding: 0.7rem 1rem; }
  72.  
  73. /*.dropdown.menu > li.is-active > a {
  74.   background: transparent;
  75.   color: var(--wims_link_color); }*/
  76.  
  77. .no-js .dropdown.menu ul {
  78.   display: none; }
  79.  
  80. .dropdown.menu .nested.is-dropdown-submenu {
  81.   margin-right: 0;
  82.   margin-left: 0; }
  83.  
  84. .dropdown.menu.vertical > li .is-dropdown-submenu {
  85.   top: 0; }
  86.  
  87. .dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
  88.   top: 0;
  89.   right: 100%;
  90.   left: auto; }
  91.  
  92. .dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
  93.   right: auto;
  94.   left: 100%; }
  95.  
  96. .dropdown.menu.vertical > li > a::after {
  97.   right: 14px; }
  98.  
  99. .dropdown.menu.vertical > li.opens-left > a::after {
  100.   display: block;
  101.   width: 0;
  102.   height: 0;
  103.   border: inset 6px;
  104.   content: '';
  105.   border-left-width: 0;
  106.   border-right-style: solid;
  107.   border-color: transparent var(--wims_link_color) transparent transparent;
  108.   right: auto;
  109.   left: 5px; }
  110.  
  111. .dropdown.menu.vertical > li.opens-right > a::after {
  112.   display: block;
  113.   width: 0;
  114.   height: 0;
  115.   border: inset 6px;
  116.   content: '';
  117.   border-right-width: 0;
  118.   border-left-style: solid;
  119.   border-color: transparent transparent transparent var(--wims_link_color); }
  120.  
  121. @media print, screen and (min-width: 40em) {
  122.   .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
  123.     top: 100%;
  124.     right: 0;
  125.     left: auto; }
  126.   .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
  127.     top: 100%;
  128.     right: auto;
  129.     left: 0; }
  130.   .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
  131.     position: relative;
  132.     padding-right: 1.5rem; }
  133.   .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
  134.     display: block;
  135.     width: 0;
  136.     height: 0;
  137.     border: inset 6px;
  138.     content: '';
  139.     border-bottom-width: 0;
  140.     border-top-style: solid;
  141.     border-color: var(--wims_link_color) transparent transparent;
  142.     right: 5px;
  143.     left: auto;
  144.     margin-top: -3px; }
  145.   .dropdown.menu.medium-vertical > li .is-dropdown-submenu {
  146.     top: 0; }
  147.   .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
  148.     top: 0;
  149.     right: 100%;
  150.     left: auto; }
  151.   .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
  152.     right: auto;
  153.     left: 100%; }
  154.   .dropdown.menu.medium-vertical > li > a::after {
  155.     right: 14px; }
  156.   .dropdown.menu.medium-vertical > li.opens-left > a::after {
  157.     display: block;
  158.     width: 0;
  159.     height: 0;
  160.     border: inset 6px;
  161.     content: '';
  162.     border-left-width: 0;
  163.     border-right-style: solid;
  164.     border-color: transparent var(--wims_link_color) transparent transparent;
  165.     right: auto;
  166.     left: 5px; }
  167.   .dropdown.menu.medium-vertical > li.opens-right > a::after {
  168.     display: block;
  169.     width: 0;
  170.     height: 0;
  171.     border: inset 6px;
  172.     content: '';
  173.     border-right-width: 0;
  174.     border-left-style: solid;
  175.     border-color: transparent transparent transparent var(--wims_link_color); } }
  176.  
  177. @media print, screen and (min-width: 64em) {
  178.   .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
  179.     top: 100%;
  180.     right: 0;
  181.     left: auto; }
  182.   .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
  183.     top: 100%;
  184.     right: auto;
  185.     left: 0; }
  186.   .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
  187.     position: relative;
  188.     padding-right: 1.5rem; }
  189.   .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
  190.     display: block;
  191.     width: 0;
  192.     height: 0;
  193.     border: inset 6px;
  194.     content: '';
  195.     border-bottom-width: 0;
  196.     border-top-style: solid;
  197.     border-color: var(--wims_link_color) transparent transparent;
  198.     right: 5px;
  199.     left: auto;
  200.     margin-top: -3px; }
  201.   .dropdown.menu.large-vertical > li .is-dropdown-submenu {
  202.     top: 0; }
  203.   .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
  204.     top: 0;
  205.     right: 100%;
  206.     left: auto; }
  207.   .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
  208.     right: auto;
  209.     left: 100%; }
  210.   .dropdown.menu.large-vertical > li > a::after {
  211.     right: 14px; }
  212.   .dropdown.menu.large-vertical > li.opens-left > a::after {
  213.     display: block;
  214.     width: 0;
  215.     height: 0;
  216.     border: inset 6px;
  217.     content: '';
  218.     border-left-width: 0;
  219.     border-right-style: solid;
  220.     border-color: transparent var(--wims_link_color) transparent transparent;
  221.     right: auto;
  222.     left: 5px; }
  223.   .dropdown.menu.large-vertical > li.opens-right > a::after {
  224.     display: block;
  225.     width: 0;
  226.     height: 0;
  227.     border: inset 6px;
  228.     content: '';
  229.     border-right-width: 0;
  230.     border-left-style: solid;
  231.     border-color: transparent transparent transparent var(--wims_link_color); } }
  232.  
  233. .dropdown.menu.align-right .is-dropdown-submenu.first-sub {
  234.   top: 100%;
  235.   right: 0;
  236.   left: auto; }
  237.  
  238. .is-dropdown-menu.vertical {
  239.   width: 100px; }
  240.   .is-dropdown-menu.vertical.align-right {
  241.     float: right; }
  242.  
  243. .is-dropdown-submenu-parent {
  244.   position: relative; }
  245.   .is-dropdown-submenu-parent a::after {
  246.     position: absolute;
  247.     top: 50%;
  248.     right: 5px;
  249.     left: auto;
  250.     margin-top: -6px; }
  251.   .is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
  252.     top: 100%;
  253.     left: auto; }
  254.   .is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
  255.     right: 100%;
  256.     left: auto; }
  257.   .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
  258.     right: auto;
  259.     left: 100%; }
  260.  
  261. .is-dropdown-submenu {
  262.   position: absolute;
  263.   top: 0;
  264.   left: 100%;
  265.   z-index: 1;
  266.   display: none;
  267.   min-width: 200px;
  268.   border: 1px solid #cacaca;
  269.   background: #fefefe; }
  270.   .dropdown .is-dropdown-submenu a {
  271.     padding: 0.7rem 1rem; }
  272.   .is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
  273.     right: 14px; }
  274.   .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
  275.     display: block;
  276.     width: 0;
  277.     height: 0;
  278.     border: inset 6px;
  279.     content: '';
  280.     border-left-width: 0;
  281.     border-right-style: solid;
  282.     border-color: transparent var(--wims_link_color) transparent transparent;
  283.     right: auto;
  284.     left: 5px; }
  285.   .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
  286.     display: block;
  287.     width: 0;
  288.     height: 0;
  289.     border: inset 6px;
  290.     content: '';
  291.     border-right-width: 0;
  292.     border-left-style: solid;
  293.     border-color: transparent transparent transparent var(--wims_link_color); }
  294.   .is-dropdown-submenu .is-dropdown-submenu {
  295.     margin-top: -1px; }
  296.   .is-dropdown-submenu > li {
  297.     width: 100%; }
  298.   .is-dropdown-submenu.js-dropdown-active {
  299.     display: block; }
  300.