fontello icons added

css/area_nav-usertools.less

@@ -7,5 +7,16 @@
 .nav-usertools {
     ul{
         float: right;
+        li{
+            display: inline-block;
+            float: right;
+            border: 1px solid @color-border;
+            *{
+                font-size: .8rem;
+            }
+            a{
+                .profile;
+            }
+        }
     }
 }

css/base.less

@@ -83,7 +83,7 @@
 
 
 
-
+@color-border: __border__;
 
 /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
 /* all media */

css/base_fonts.less

@@ -4,7 +4,7 @@
  * @author Jana Deutschlaender <deutschlaender@cosmocode.de>
  */
 
-
+/* web font */
 .setLocalFontFace('roboto',300,'Roboto Light','Roboto-Light','roboto-light');                          /* roboto light */
 .setLocalFontFace('roboto',400,'Roboto','Roboto-Regular','roboto-regular');                            /* roboto regular */
 .setLocalFontFace('roboto',500,'Roboto Medium','Roboto-Medium','roboto-medium');                       /* roboto medium */
@@ -12,3 +12,21 @@
 
 .setLocalFontFace('roboto',400,'Roboto Condensed','RobotoCondensed-Regular','roboto-condensed');       /* roboto condensed */
 .setLocalFontFace('roboto',700,'Roboto Condensed Bold','RobotoCondensed-Bold','roboto-boldcondensed'); /* roboto condensed */
+
+/* icon font */
+.setIconFontFace('fontello','fontello');
+
+.icon, [class^="icon-"], [class*=" icon-"],
+.profile,
+.log-in,
+.log-out{
+  .fontello();
+}
+
+/* custom icon font */
+@import (less) "../fonts/icons/fontello-codes.css";
+
+.profile{
+  .icon-user;
+}
+

css/base_mixins.less

@@ -12,11 +12,59 @@
         font-family: @fontFamily;
         font-style: normal;
         font-weight: @fontWeight;
-        src: ~"local('@{localFontName}'), local("~"'@{localFontNameVar}'), url("~"@{filename}.eot)";
-        src: ~"url("~"@{filename}.eot?#iefix') format('embedded-opentype'), url("~"@{filename}.woff') format('woff')";
+        src: ~"local('@{localFontName}'), local("~"'@{localFontNameVar}'), url(fonts/"~"@{filename}.eot)";
+        src: ~"url(fonts/"~"@{filename}.eot?#iefix) format('embedded-opentype'), url(fonts/"~"@{filename}.woff) format('woff')";
     }
 }
 
+.setIconFontFace(@fontFamily,@filename){
+    @font-face {
+        font-family: @fontFamily;
+        src: ~"url('fonts/icons/"~"@{filename}.eot?6762325')";
+        src: ~"url('fonts/icons/"~"@{filename}.eot?6762325#iefix') format('embedded-opentype'), url('fonts/icons/"~"@{filename}.woff2?6762325') format('woff2'), url('fonts/icons/"~"@{filename}.woff?6762325') format('woff'), url('fonts/icons/"~"@{filename}.ttf?6762325') format('truetype'), url('fonts/icons/"~"@{filename}.svg?6762325#fontello') format('svg')";
+        font-weight: normal;
+        font-style: normal;
+    }
+}
+
+.fontello(){
+    &:before{
+        font-family: "topmeteo";
+        font-style: normal;
+        font-weight: normal;
+        speak: none;
+
+        display: inline-block;
+        text-decoration: inherit;
+        width: 1em;
+        margin-right: .2em;
+        text-align: center;
+
+        /* For safety - reset parent styles, that can break glyph codes*/
+        font-variant: normal;
+        text-transform: none;
+
+        /* fix buttons height, for twitter bootstrap */
+        line-height: 1em;
+
+        /* Animation center compensation - margins should be symmetric */
+        /* remove if not needed */
+        margin-left: .2em;
+
+        /* you can be more comfortable with increased icons size */
+        /* font-size: 120%; */
+
+        /* Font smoothing. That was taken from TWBS */
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
+
+        /* Uncomment for 3D effect */
+        /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
+    }
+
+}
+
+
 
 /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
 /* Screenreader / Hide */