|
|
|
@ -12,6 +12,7 @@ $color_stared: #FFF6DA; |
|
|
|
|
$color_unread: #FFF3ED; |
|
|
|
|
$color_hover: #FFFFFF; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// @extend-elements |
|
|
|
|
%input { |
|
|
|
|
min-height: 25px; |
|
|
|
@ -48,6 +49,10 @@ $color_hover: #FFFFFF; |
|
|
|
|
clear: both; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
%aside-width { |
|
|
|
|
width: 231px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
// /@extend-elements |
|
|
|
|
html, |
|
|
|
|
body { |
|
|
|
@ -66,6 +71,12 @@ a { |
|
|
|
|
background: darken( $color_nav, 10%); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
&#btn-subscription { |
|
|
|
|
width: 76%; |
|
|
|
|
} |
|
|
|
|
&#btn-importExport { |
|
|
|
|
width: 5%; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
img { |
|
|
|
@ -205,6 +216,9 @@ form { |
|
|
|
|
.stick { |
|
|
|
|
vertical-align: middle; |
|
|
|
|
font-size: 0; |
|
|
|
|
&.configure-feeds { |
|
|
|
|
@extend %aside-width; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.btn { |
|
|
|
@ -250,7 +264,7 @@ form { |
|
|
|
|
.item { |
|
|
|
|
@extend %nav-list; |
|
|
|
|
&:hover, |
|
|
|
|
.active { |
|
|
|
|
&.active { |
|
|
|
|
background: darken( $color_nav, 10%); |
|
|
|
|
color: $color_light; |
|
|
|
|
a { |
|
|
|
@ -593,7 +607,7 @@ form { |
|
|
|
|
> .item { |
|
|
|
|
vertical-align: middle; |
|
|
|
|
&.title { |
|
|
|
|
width: 231px; |
|
|
|
|
@extend %aside-width; |
|
|
|
|
position: absolute; |
|
|
|
|
h1 { |
|
|
|
|
margin: 0; |
|
|
|
@ -636,7 +650,7 @@ form { |
|
|
|
|
.aside { |
|
|
|
|
background: $color_aside; |
|
|
|
|
padding: 35px 0; |
|
|
|
|
width: 231px; |
|
|
|
|
@extend %aside-width; |
|
|
|
|
&.aside_feed { |
|
|
|
|
.tree { |
|
|
|
|
margin: 0 0 50px; |
|
|
|
@ -678,6 +692,10 @@ form { |
|
|
|
|
font-size: 0.9em; |
|
|
|
|
input { |
|
|
|
|
background: darken( $color_light, 10% ); |
|
|
|
|
&.long{ |
|
|
|
|
height: 33px; |
|
|
|
|
margin-top: 0px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
form { |
|
|
|
|
margin: 10px 0; |
|
|
|
@ -713,7 +731,7 @@ form { |
|
|
|
|
bottom: 48px; |
|
|
|
|
z-index: 900; |
|
|
|
|
left: 0; |
|
|
|
|
width: 231px; |
|
|
|
|
@extend %aside-width; |
|
|
|
|
line-height: 1.5em; |
|
|
|
|
&:hover { |
|
|
|
|
background: darken( $color_nav, 10%); |
|
|
|
@ -825,7 +843,7 @@ form { |
|
|
|
|
bottom: 48px; |
|
|
|
|
left: 0; |
|
|
|
|
top: auto; |
|
|
|
|
width: 231px; |
|
|
|
|
@extend %aside-width; |
|
|
|
|
height: auto; |
|
|
|
|
&.good, |
|
|
|
|
.bad { |
|
|
|
@ -867,7 +885,7 @@ form { |
|
|
|
|
text-align: center; |
|
|
|
|
line-height: 3em; |
|
|
|
|
table-layout: fixed; |
|
|
|
|
width: 231px; |
|
|
|
|
@extend %aside-width; |
|
|
|
|
background: $color_aside; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|