Subversion Repositories wimsdev

Rev

Rev 12636 | Rev 14734 | Go to most recent revision | Blame | Compare with Previous | Last modification | View Log | RSS feed

  1. /** Menu style (from Foundation for Sites 6.4.2 ) */
  2.  
  3. /** WIMS Custom styles */
  4.  
  5. /** these are redefined in wims theme : **/
  6. /*  .menu .is-active > a {
  7.     background: #1779ba;
  8.     color: #fefefe; }
  9.   .menu .active > a {
  10.     background: #1779ba;
  11.     color: #fefefe; }*/
  12.  
  13. /** Foundation styles **/
  14. /**
  15.  * Foundation for Sites by ZURB
  16.  * Version 6.4.3
  17.  * foundation.zurb.com
  18.  * Licensed under MIT Open Source
  19.  */
  20. /* Menu styles */
  21. .menu {
  22.   padding: 0;
  23.   margin: 0;
  24.   list-style: none;
  25.   position: relative;
  26.   display: -ms-flexbox;
  27.   display: flex;
  28.   -ms-flex-wrap: wrap;
  29.       flex-wrap: wrap; }
  30.   [data-whatinput='mouse'] .menu li {
  31.     outline: 0; }
  32.   .menu a,
  33.   .menu .button {
  34.     line-height: 1;
  35.     text-decoration: none;
  36.     display: block;
  37.     padding: 0.55rem 1rem; }
  38.   .menu input,
  39.   .menu select,
  40.   .menu a,
  41.   .menu button {
  42.     margin-bottom: 0; }
  43.   .menu input {
  44.     display: inline-block; }
  45.   .menu, .menu.horizontal {
  46.     -ms-flex-wrap: wrap;
  47.         flex-wrap: wrap;
  48.     -ms-flex-direction: row;
  49.         flex-direction: row; }
  50.   .menu.vertical {
  51.     -ms-flex-wrap: nowrap;
  52.         flex-wrap: nowrap;
  53.     -ms-flex-direction: column;
  54.         flex-direction: column; }
  55.   .menu.expanded li {
  56.     -ms-flex: 1 1 0px;
  57.         flex: 1 1 0px; }
  58.   .menu.simple {
  59.     -ms-flex-align: center;
  60.         align-items: center; }
  61.     .menu.simple li + li {
  62.       margin-left: 1rem; }
  63.     .menu.simple a {
  64.       padding: 0; }
  65.   @media print, screen and (min-width: 40em) {
  66.     .menu.medium-horizontal {
  67.       -ms-flex-wrap: wrap;
  68.           flex-wrap: wrap;
  69.       -ms-flex-direction: row;
  70.           flex-direction: row; }
  71.     .menu.medium-vertical {
  72.       -ms-flex-wrap: nowrap;
  73.           flex-wrap: nowrap;
  74.       -ms-flex-direction: column;
  75.           flex-direction: column; }
  76.     .menu.medium-expanded li {
  77.       -ms-flex: 1 1 0px;
  78.           flex: 1 1 0px; }
  79.     .menu.medium-simple li {
  80.       -ms-flex: 1 1 0px;
  81.           flex: 1 1 0px; } }
  82.   @media print, screen and (min-width: 64em) {
  83.     .menu.large-horizontal {
  84.       -ms-flex-wrap: wrap;
  85.           flex-wrap: wrap;
  86.       -ms-flex-direction: row;
  87.           flex-direction: row; }
  88.     .menu.large-vertical {
  89.       -ms-flex-wrap: nowrap;
  90.           flex-wrap: nowrap;
  91.       -ms-flex-direction: column;
  92.           flex-direction: column; }
  93.     .menu.large-expanded li {
  94.       -ms-flex: 1 1 0px;
  95.           flex: 1 1 0px; }
  96.     .menu.large-simple li {
  97.       -ms-flex: 1 1 0px;
  98.           flex: 1 1 0px; } }
  99.   .menu.nested {
  100.     margin-right: 0;
  101.     margin-left: 1rem; }
  102.   .menu.icons a {
  103.     display: -ms-flexbox;
  104.     display: flex; }
  105.   .menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a {
  106.     display: -ms-flexbox;
  107.     display: flex; }
  108.   .menu.icon-left li a {
  109.     -ms-flex-flow: row nowrap;
  110.         flex-flow: row nowrap; }
  111.     .menu.icon-left li a img,
  112.     .menu.icon-left li a i,
  113.     .menu.icon-left li a svg {
  114.       margin-right: 0.25rem; }
  115.   .menu.icon-right li a {
  116.     -ms-flex-flow: row nowrap;
  117.         flex-flow: row nowrap; }
  118.     .menu.icon-right li a img,
  119.     .menu.icon-right li a i,
  120.     .menu.icon-right li a svg {
  121.       margin-left: 0.25rem; }
  122.   .menu.icon-top li a {
  123.     -ms-flex-flow: column nowrap;
  124.         flex-flow: column nowrap; }
  125.     .menu.icon-top li a img,
  126.     .menu.icon-top li a i,
  127.     .menu.icon-top li a svg {
  128.       -ms-flex-item-align: stretch;
  129.           -ms-grid-row-align: stretch;
  130.           align-self: stretch;
  131.       margin-bottom: 0.25rem;
  132.       text-align: center; }
  133.   .menu.icon-bottom li a {
  134.     -ms-flex-flow: column nowrap;
  135.         flex-flow: column nowrap; }
  136.     .menu.icon-bottom li a img,
  137.     .menu.icon-bottom li a i,
  138.     .menu.icon-bottom li a svg {
  139.       -ms-flex-item-align: stretch;
  140.           -ms-grid-row-align: stretch;
  141.           align-self: stretch;
  142.       margin-bottom: 0.25rem;
  143.       text-align: center; }
  144.   /*.menu .is-active > a {
  145.     background: #2ba6cb;
  146.     color: #fefefe; }
  147.   .menu .active > a {
  148.     background: #2ba6cb;
  149.     color: #fefefe; }*/
  150.   .menu.align-left {
  151.     -ms-flex-pack: start;
  152.         justify-content: flex-start; }
  153.   .menu.align-right li {
  154.     display: -ms-flexbox;
  155.     display: flex;
  156.     -ms-flex-pack: end;
  157.         justify-content: flex-end; }
  158.     .menu.align-right li .submenu li {
  159.       -ms-flex-pack: start;
  160.           justify-content: flex-start; }
  161.   .menu.align-right.vertical li {
  162.     display: block;
  163.     text-align: right; }
  164.     .menu.align-right.vertical li .submenu li {
  165.       text-align: right; }
  166.   .menu.align-right .nested {
  167.     margin-right: 1rem;
  168.     margin-left: 0; }
  169.   .menu.align-center li {
  170.     display: -ms-flexbox;
  171.     display: flex;
  172.     -ms-flex-pack: center;
  173.         justify-content: center; }
  174.     .menu.align-center li .submenu li {
  175.       -ms-flex-pack: start;
  176.           justify-content: flex-start; }
  177.   .menu .menu-text {
  178.     padding: 0.7rem 1rem;
  179.     font-weight: bold;
  180.     line-height: 1;
  181.     color: inherit; }
  182.  
  183. .menu-centered > .menu {
  184.   -ms-flex-pack: center;
  185.       justify-content: center; }
  186.   .menu-centered > .menu li {
  187.     display: -ms-flexbox;
  188.     display: flex;
  189.     -ms-flex-pack: center;
  190.         justify-content: center; }
  191.     .menu-centered > .menu li .submenu li {
  192.       -ms-flex-pack: start;
  193.           justify-content: flex-start; }
  194.  
  195. .no-js [data-responsive-menu] ul {
  196.   display: none; }
  197.  
  198. .menu-icon {
  199.   position: relative;
  200.   display: inline-block;
  201.   vertical-align: middle;
  202.   width: 20px;
  203.   height: 16px;
  204.   cursor: pointer; }
  205.   .menu-icon::after {
  206.     position: absolute;
  207.     top: 0;
  208.     left: 0;
  209.     display: block;
  210.     width: 100%;
  211.     height: 2px;
  212.     background: #fefefe;
  213.     box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
  214.     content: ''; }
  215.   .menu-icon:hover::after {
  216.     background: #cacaca;
  217.     box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; }
  218.  
  219. .menu-icon.dark {
  220.   position: relative;
  221.   display: inline-block;
  222.   vertical-align: middle;
  223.   width: 20px;
  224.   height: 16px;
  225.   cursor: pointer; }
  226.   .menu-icon.dark::after {
  227.     position: absolute;
  228.     top: 0;
  229.     left: 0;
  230.     display: block;
  231.     width: 100%;
  232.     height: 2px;
  233.     background: #0a0a0a;
  234.     box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
  235.     content: ''; }
  236.   .menu-icon.dark:hover::after {
  237.     background: #8a8a8a;
  238.     box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; }
  239.