1/** 2 * This file provides the design styles for the direct / menu jump links. 3 * 4 * @author Jana Deutschlaender <deutschlaender@cosmocode.de> 5 */ 6 7.nav-usertools { 8 ul{ 9 float: right; 10 padding: 0; margin: .2rem 0 0 0; 11 li{ 12 display: inline-block; 13 float: right; 14 margin: 0 .1rem; 15 padding: 0; 16 font-size: .8rem; 17 *{ 18 font-size: .8rem; 19 } 20 a{ 21 color: @color-nav; 22 box-sizing: content-box; 23 padding: .3em .25em .15em; 24 text-align: center; 25 text-decoration: none; 26 border: 1px solid @color-border; 27 border-radius: @border-radius; 28 margin: 2px; 29 cursor: pointer; 30 31 &:hover, &:active, &:focus{ 32 background-color: @color-nav-hover-bg; 33 border-width: 3px; 34 border-style: double; 35 margin: 0; 36 37 //-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); 38 //box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); 39 color: @color-nav-hover; 40 } 41 42 .fontello(); 43 .hide-text-show-before(); 44 &:before{ 45 font-size: 1.12em; 46 cursor: pointer; 47 content: "?"; 48 } 49 50 /* icon register new user */ 51 &.register{ 52 .icon-user(); 53 } 54 /* icon log-out */ 55 &.logout{ 56 .icon-logout(); 57 } 58 /* icon log-in */ 59 &.login{ 60 .icon-login(); 61 } 62 /* icon admin */ 63 &.admin{ 64 .icon-cog(); 65 } 66 67 /* add more icons if needed */ 68 } 69 70 &.user{ 71 border: 1px solid @color-border; 72 border-radius: @border-radius; 73 color: @color-nav; 74 display: inline-block; 75 height: 1rem; 76 min-height: 20px; 77 min-width: 24px; 78 box-sizing: content-box; 79 padding: .3em .25em .15em; 80 margin-top: 2px; 81 bdi{ 82 color: @color-nav; 83 display: inline-block; 84 padding-top: 1px; 85 } 86 >bdi:first-of-type{ 87 .fontello(); 88 .icon-user(); 89 &:before{ 90 border: 4px solid @color-nav; 91 margin-top: -1px; 92 border-radius: 50%; 93 background: @color-nav; 94 color: #fff; 95 font-size: .5rem; 96 float: left; 97 } 98 } 99 } 100 } 101 } 102} 103