More clean ui

src/stylesheets/lungo.layout.styl

@@ -28,13 +28,18 @@ body
       box-flex(0)
       z-index: 3
       position: relative
-
     & > header
       ordinal-group(1)
+
+      // position: fixed
+      // width: 100%
+
     & > article
       box-flex(1)
       ordinal-group(2)
       z-index: -1
+      // padding-top: HEADER_HEIGHT
+
     & > footer
       ordinal-group(3)
 

src/stylesheets/theme/theme.layout.nav.styl

@@ -11,26 +11,30 @@ nav
   section header > &
     &:not(.on-right)
       & a, button
-        color: darken(THEME, 55%)
+        color: darken(THEME, 40%)
+        text-shadow: 0 0.1em lighten(THEME, 10%)
     &.on-right
       & a, button
         color: lighten(THEME, 95%)
+        text-shadow: 0 0.1em darken(THEME, 10%)
 
   aside header > &
     & a, button
       color: lighten(ASIDE, 25%)
-      text-shadow: 0 1px darken(ASIDE, 10%)
+      text-shadow: 0 0.1em darken(ASIDE, 10%)
 
   header > &
     a, button
       &:active, &.active
         color: WHITE !important
-        text-shadow: 0 0 1em WHITE
+        text-shadow: 0 0 0.5em WHITE
 
   section > footer > & > a, &[data-control=groupbar] > a
     color: NAV_LINK
     transition text-shadow TRANSITION_time TRANSITION_easing
-    &.active
+    & abbr
+      font-weight: 400
+    &.active, &:active
       color: NAV_LINK_ACTIVE
       text-shadow: 0 0 1em NAV_LINK
 

src/stylesheets/theme/theme.layout.styl

@@ -10,15 +10,18 @@
 body > section
   & > header
     background-color: THEME
+    box-shadow inset 0 -1px darken(THEME, 10%), 0 1px SHADOW
+    & .title
+      text-shadow 0 0.1em darken(THEME, 10%)
 
-  & > nav[data-control=groupbar], & > header
-    box-shadow inset 0 -1px SHADOW, 0 1px SHADOW
+  & > nav[data-control=groupbar]
+    box-shadow 0 1px SHADOW
 
   & > nav[data-control=groupbar], & > footer
     background-color: ASIDE
 
   & > footer
-    box-shadow inset 0 1px SHADOW, 0 -1px SHADOW
+    box-shadow 0 -1px SHADOW
 
   & > article, & > [data-control="pull"]
     background-color: BACKGROUND
@@ -38,11 +41,7 @@ body > section
     box-shadow: 0 -1px 0 rgba(0,0,0,0.05)
 
 body > aside
-  background-color: darken(ASIDE, 10%)
+  COLOR = darken(ASIDE, 25%)
+  background-color: COLOR
   color: WHITE
-  box-shadow 0 0 0 6px darken(ASIDE, 10%)
-  & > header, & > footer
-    background-color: ASIDE
-
-body header .title
-  font-weight: 400
+  box-shadow 0 0 0 6px COLOR

src/stylesheets/theme/theme.widget.styl

@@ -11,7 +11,7 @@
 .tag:not(.icon)
   color: #fff
   font-weight: bold
-  text-shadow: 0 1px rgba(0,0,0,0.25)
+  text-shadow: none
   &:not(.count)
     border-radius 0.2em
   &.count