Subversion Repositories wimsdev

Rev

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

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