Nin is a theme for twister-html
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

100 lines
2.0 KiB

9 years ago
// vars for the menu
$menu-height : 50px
9 years ago
$menu-font-color: white
.userMenu
9 years ago
width: 100%
position: fixed
height: $menu-height
left: 0
margin: 0
background-color: #64676C
//+background-image(linear-gradient(to left , $color-green, $color-green, #5E80A2) )
9 years ago
z-index: 2
9 years ago
> ul
9 years ago
@extend .clear-fix
+box-sizing(border-box)
width: 100%
max-width: 70%
9 years ago
margin: 0
background: image-url("logo.png") no-repeat 50% 50%
background-size: 20px
li
float: left
margin: 0 20px 0 0
position: relative
display: block
> a
line-height: $menu-height
padding: 0 .5em
display: inline-block
color: rgba($menu-font-color, 0.7)!important
font-size: 1em
position: relative
font-weight: 500
+box-sizing(border-box)
&:hover
color: $menu-font-color!important
9 years ago
> a span
color: rgba($menu-font-color, 0.7)!important
&.current a, &.current a span
9 years ago
color: $menu-font-color!important
//+text-shadow(1px 1px 0 rgba(#000,.2))
/* Menu specific entries */
.userMenu li
9 years ago
&.userMenu-home
a span.label
display: block!important
text-align: center
.menu-news
position: absolute
text-align: center
display: none
top: 6px
right: -6px
background: $main-color-color
color: #fff
width: 15px
height: 15px
line-height: 15px
font-size: 10px
padding: 3px
font-weight: 900
+border-radius(50%)
+box-sizing(content-box)
+text-shadow(1px 1px 0 rgba(#000, .3))
&.show
display: block
9 years ago
&.userMenu-dhtindicator, &.userMenu-connections, &.userMenu-messages
display: none!important
9 years ago
&.userMenu-config, &.userMenu-search
float: right
position: relative
margin-right: 0
color: $menu-font-color
+ a
color: $main-color-dark
&.userMenu-search
margin: 3px
9 years ago
9 years ago
> input
border: 1px solid $main-color-light
line-height: 12px
font-size: 12px
padding: 7px
&:focus
border-color: $main-color-dark
&.userMenu-config > a
@extend .icon-cog
@extend .extend-icon
font-size: 1.5rem