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

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