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

   1 #page
   2 {
   3   position: relative;
   4 }
   5 #breadcrumb
   6 {
   7   position: absolute;
   8   top: .8em;
   9   right: 1.5em;
  10 }
  11 #breadcrumb > strong.b,
  12 #breadcrumb > ol.b,
  13 #breadcrumb > hr.b
  14 {
  15   display: none;
  16 }
  17 #breadcrumb > a.hide
  18 {
  19   display: block;
  20   overflow: hidden;
  21   width: 3em;
  22   height: 3em;
  23   line-height: 3em;
  24   color: @normal;
  25   border-style: none;
  26 }
  27 #breadcrumb > a.hide:before
  28 {
  29   content: "";
  30   font-family: 'symbols';
  31   font-size: 300%;
  32   padding: 0 0 1em 0;
  33 }
  34 #breadcrumb > a.hide:hover,
  35 #breadcrumb > a.hide:focus,
  36 #breadcrumb > a.hide:active
  37 {
  38   color: @dunkler;
  39 }
  40
  41 .marginal
  42 {
  43   margin-top: 4em;
  44   margin-bottom: -993em;
  45   padding: 1em 1em 999em 2.5em;
  46   background-color: @heller;
  47 }
  48 .marginal h1,
  49 .marginal h2,
  50 .marginal h3,
  51 .marginal h4
  52 {
  53   color: @hintergrund;
  54 }
  55 #nav > hr.n
  56 {
  57   display: none;
  58 }
  59
  60 #menu,
  61 #submenu
  62 {
  63   border-style: none;
  64   font-size: 125%;
  65   line-height: 1.5em;
  66 }
  67 #menu
  68 {
  69   font-size: 150%;
  70   border-bottom: .125em solid @hintergrund;
  71   margin-top: 0;
  72   padding: .25em .25em 1em 1.5em;
  73 }
  74 #menu > li.m
  75 {
  76   float: left;
  77   list-style-type: none;
  78   padding: .25em 1em 0 0;
  79 }
  80 #menu > li.m > a.m
  81 {
  82   color: @dunkel;
  83 }
  84 #menu > li.m > strong.m
  85 {
  86   color: @hintergrund;
  87   border-bottom: .0625em solid @hintergrund;
  88 }
  89 #menu > li.m > a.m:hover,
  90 #menu > li.m > a.m:focus,
  91 #menu > li.m > a.m:active
  92 {
  93   color: @dunkler;
  94   border-bottom: .0625em solid @dunkler;
  95 }
  96 #menu > li.m > a.m.selected
  97 {
  98   color: @hintergrund;
  99   border-bottom: .0625em dashed @hintergrund;
 100 }
 101 #menu > li.m > a.m.selected:hover,
 102 #menu > li.m > a.m.selected:focus,
 103 #menu > li.m > a.m.selected:active
 104 {
 105   border-style: solid;
 106 }