Subversion Repositories wimsdev

Rev

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

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