juplo.de Git - website/blob - src/main/webapp/less/tablet/navigation.less

   1 @media (max-width: @maxsmalltablet)
   2 {
   3   #menu
   4   {
   5     top: -5.7em;
   6   }
   7   .cols_2 > .content #nav > #menu
   8   {
   9     top: -5.2em;
  10     right: 2em;
  11   }
  12   #menu > li.m
  13   {
  14     padding: 0 0 0 3em;
  15   }
  16   #menu > li.m > .m
  17   {
  18     font-size: 200%; /* 32px */
  19   }
  20   #menu > li.m > a.m:hover:before,
  21   #menu > li.m > a.m.selected:before,
  22   #menu > li.m > strong.m:before
  23   {
  24     content: '> ';
  25     margin-left: -.95em;
  26   }
  27   #breadcrumb
  28   {
  29     font-size: 87.5%; /* 14px */
  30     top: 7.2em;
  31     left: 6.3em;
  32   }
  33 }
  34
  35 @media (max-width: @maxsmallertablet)
  36 {
  37   #menu
  38   {
  39     top: -4.5em;
  40   }
  41   .cols_2 > .content #nav > #menu
  42   {
  43     top: -4em;
  44     right: 1em;
  45   }
  46   #menu > li.m
  47   {
  48     padding: 0 0 0 2em;
  49   }
  50   #menu > li.m > .m
  51   {
  52     font-size: 150%; /* 24px */
  53   }
  54   .cols_2 > .content #nav > #menu
  55   {
  56     top: -4em;
  57   }
  58   #breadcrumb
  59   {
  60     display: none;
  61   }
  62 }