juplo.de Git - website/blob - src/main/webapp/less/screen/head.less

   1 @import '../variables.less';
   2
   3 #header
   4 {
   5   font-family: 'BPreplay', Helvetica, Arial, sans-serif;
   6   font-weight: bold;
   7   margin-left: -4em;
   8 }
   9 #header > hr
  10 {
  11   display: none;
  12 }
  13 #logo
  14 {
  15   display: inline-block;
  16   font-size: 812.5%; /* 130px */
  17   line-height: 1em;
  18   padding: 0 0 0 .230769231em; /* 30px */
  19   color: @normal;
  20   text-shadow: .092307692em .046153846em 0 @hintergrund; /** 12px 6px */
  21   border: none;
  22   position: relative;
  23   z-index: 1;
  24 }
  25 #logo:hover
  26 {
  27   color: @dunkler;
  28 }
  29 #slogan
  30 {
  31   display: block;
  32   color: @hintergrund;
  33   background-color: @normal;
  34   font-size: 187.5%; /** 30px */
  35   line-height: .6666666667em; /* 20px */
  36   height: .6em; /* 18px */
  37   padding: .066666667em .066666667em 0 0; /** 2px 2px 0 0 */
  38   margin-left: 10em; /* 300px */
  39   position: relative;
  40   z-index: 0;
  41   top: -1.3em; /* 39px */
  42   text-align: right;
  43 }
  44 #slogan > strong{
  45   display: inline-block;
  46   position: relative;
  47   top: -.2em; /* -6px */
  48 }