CSS-Effekt drop-shadow für das Logo eingebaut
[website] / dist / less / screen / head.less
1 #logo
2 {
3   padding: 0;
4   z-index: 3;
5   left: auto;
6   top: 0.3125em; /* 5px */
7 }
8 #logo > .l > img.l
9 {
10   width: 12.5em; /** 200px */
11   -webkit-filter: drop-shadow( -5px -5px 5px #fff );
12           filter: drop-shadow( -5px -5px 5px #fff );
13 }
14 #slogan
15 {
16   display: block;
17   color: @hintergrund;
18   background-color: @normal;
19   font-size: 187.5%; /** 30px */
20   line-height: .6666666667em; /* 20px */
21   height: .6em; /* 18px */
22   padding: .066666667em .066666667em 0 0; /** 2px 2px 0 0 */
23   margin-left: 2em;
24   position: relative;
25   z-index: 2;
26   top: -1.3em; /* 39px */
27   text-align: right;
28   overflow: hidden;
29 }
30 #slogan > strong{
31   display: inline-block;
32   position: relative;
33   top: -.2em; /* -6px */
34 }