diff options
Diffstat (limited to 'theme/stylesheets/website')
| -rwxr-xr-x | theme/stylesheets/website/body.less | 9 | ||||
| -rw-r--r-- | theme/stylesheets/website/font-settings.less | 18 | ||||
| -rwxr-xr-x | theme/stylesheets/website/header.less | 18 | ||||
| -rwxr-xr-x | theme/stylesheets/website/summary.less | 2 | ||||
| -rw-r--r-- | theme/stylesheets/website/variables.less | 23 |
5 files changed, 31 insertions, 39 deletions
diff --git a/theme/stylesheets/website/body.less b/theme/stylesheets/website/body.less index f6199d3..6ff3f61 100755 --- a/theme/stylesheets/website/body.less +++ b/theme/stylesheets/website/body.less @@ -5,22 +5,23 @@ .book-body { position: absolute; - top: @header-height; + top: 0px; right: 0px; left: 0px; bottom: 0px; + overflow-y: auto; color: @page-color; background: @body-background; .transition(left 0.5s ease); .body-inner { - position: absolute; + /*position: absolute; top: 0px; right: 0px; left: 0px; bottom: 0px; - overflow-y: auto; + overflow-y: auto;*/ } .page-wrapper { @@ -65,7 +66,7 @@ &.with-summary { @media (min-width: @sidebar-breakpoint) { .book-body { - left: 250px; + left: @sidebar-width; } } } diff --git a/theme/stylesheets/website/font-settings.less b/theme/stylesheets/website/font-settings.less index 42fe41f..9f42cfc 100644 --- a/theme/stylesheets/website/font-settings.less +++ b/theme/stylesheets/website/font-settings.less @@ -2,8 +2,8 @@ #font-settings-wrapper{ position:relative; .dropdown-menu{ - background-color:@header-background; - border-color:@sidebar-divider-color; + background-color: @header-dropdown-background; + border-color: @sidebar-divider-color; padding: 0px; .dropdown-caret{ @@ -34,7 +34,7 @@ left: 1px; border-bottom: 9px solid transparent; border-top: 9px solid transparent; - border-right: 9px solid @header-background; + border-right: 9px solid @header-dropdown-background; } } button{ @@ -93,10 +93,10 @@ .color-theme-1{ #font-settings-wrapper{ .dropdown-menu{ - background-color:@sidebar-background-1; - border-color:@sidebar-divider-color-1; + background-color: @header-dropdown-background-1; + border-color: @sidebar-divider-color-1; .dropdown-caret .caret-inner{ - border-right: 9px solid @sidebar-background-1; + border-right: 9px solid @header-dropdown-background-1; } button{ color:@header-button-color-1; @@ -129,10 +129,10 @@ .color-theme-2{ #font-settings-wrapper{ .dropdown-menu{ - background-color:@sidebar-background-2; - border-color:@sidebar-divider-color-2; + background-color: @header-dropdown-background-2; + border-color: @sidebar-divider-color-2; .dropdown-caret .caret-inner{ - border-right: 9px solid @sidebar-background-2; + border-right: 9px solid @header-dropdown-background-2; } button{ color:@header-button-color-2; diff --git a/theme/stylesheets/website/header.less b/theme/stylesheets/website/header.less index 39d49c3..05b6b38 100755 --- a/theme/stylesheets/website/header.less +++ b/theme/stylesheets/website/header.less @@ -2,18 +2,13 @@ .book-header { font-family: @font-family-sans; - position: absolute; overflow: visible; - top: 0px; - right: 0px; - left: 0px; height: @header-height; z-index: 2; font-size: 0.85em; color: @header-color; background: @header-background; - border-bottom: 1px solid @header-border; .btn { display: block; @@ -39,6 +34,7 @@ font-size: 20px; text-align: center; line-height: @header-height; + display: none; padding-left: 200px; padding-right: 200px; @@ -73,16 +69,7 @@ } } } - &.with-summary { - .book-header h1 { - margin-left: 250px; - } - } - &.without-animation { - .book-header h1 { - .transition(none) !important; - } - } + &.color-theme-1{ .book-header{ color: @header-color-1; @@ -96,6 +83,7 @@ } } } + &.color-theme-2{ .book-header{ color: @header-color-2; diff --git a/theme/stylesheets/website/summary.less b/theme/stylesheets/website/summary.less index 13ebe05..e65366b 100755 --- a/theme/stylesheets/website/summary.less +++ b/theme/stylesheets/website/summary.less @@ -3,7 +3,7 @@ font-family: @font-family-sans; position: absolute; - top: @header-height; + top: 0px; left: -@sidebar-width; bottom: 0px; z-index: 1; diff --git a/theme/stylesheets/website/variables.less b/theme/stylesheets/website/variables.less index a4c75f6..14d3bad 100644 --- a/theme/stylesheets/website/variables.less +++ b/theme/stylesheets/website/variables.less @@ -6,20 +6,21 @@ // Header @header-height: 50px; @header-color: hsl(194, 5%, 52%); -@header-background: white; +@header-background: transparent; @header-border: rgba(0, 0, 0, 0.07); @header-button-color: hsl(194, 5%, 52%); @header-button-hover-color: #151515; -@header-button-hover-background: hsl(207, 15%, 95%); +@header-button-hover-background: none; +@header-dropdown-background: @sidebar-background; // Body @body-background: white; // Sidebar -@sidebar-width: 250px; +@sidebar-width: 300px; @sidebar-breakpoint: 600px; @sidebar-color: hsl(207, 15%, 80%); -@sidebar-background: @body-background; +@sidebar-background: #fafafa; @sidebar-border: @header-border; @sidebar-nested-padding: 20px; @@ -106,14 +107,16 @@ // Header @header-color-1: #AFA790; @header-color-2: #7e888b; -@header-background-1: #ECE3C4; -@header-background-2: #1d1f21; +@header-background-1: transparent; +@header-background-2: transparent; @header-button-color-1: #AFA790; @header-button-color-2: #7e888b; @header-button-hover-color-1: #73553C; @header-button-hover-color-2: #C9C9C9; -@header-button-hover-background-1: #E2DABE; -@header-button-hover-background-2: #0B0D0E; +@header-button-hover-background-1: none; +@header-button-hover-background-2: none; +@header-dropdown-background-1: @sidebar-background-1; +@header-dropdown-background-2: @sidebar-background-2; // Body @body-background-1: #F3EACB; @@ -122,8 +125,8 @@ // Sidebar @sidebar-color-1: #AFA790; @sidebar-color-2: hsl(207, 15%, 80%); -@sidebar-background-1: @body-background-1; -@sidebar-background-2: @body-background-2; +@sidebar-background-1: #111; +@sidebar-background-2: #111; @sidebar-search-background-1: transparent; @sidebar-search-background-2: transparent; |