diff options
author | Samy Pessé <samypesse@gmail.com> | 2014-03-31 17:27:14 -0700 |
---|---|---|
committer | Samy Pessé <samypesse@gmail.com> | 2014-03-31 17:27:14 -0700 |
commit | d85ae0a36e830e66e173411e480d7376a4f17766 (patch) | |
tree | 233fabccc45fe656786c01428e313e0df18af8b0 /assets/stylesheets | |
parent | 9c211ab2144b22546769b554d8dc8f1b68563daf (diff) | |
download | gitbook-d85ae0a36e830e66e173411e480d7376a4f17766.zip gitbook-d85ae0a36e830e66e173411e480d7376a4f17766.tar.gz gitbook-d85ae0a36e830e66e173411e480d7376a4f17766.tar.bz2 |
Improve title position with summary open in header
Diffstat (limited to 'assets/stylesheets')
-rw-r--r-- | assets/stylesheets/book/header.less | 88 |
1 files changed, 50 insertions, 38 deletions
diff --git a/assets/stylesheets/book/header.less b/assets/stylesheets/book/header.less index d859b34..ce20716 100644 --- a/assets/stylesheets/book/header.less +++ b/assets/stylesheets/book/header.less @@ -1,48 +1,60 @@ -.book .book-header { - position: fixed; - top: 0px; - right: 0px; - left: 0px; - z-index: 2; +.book { + .book-header { + position: fixed; + top: 0px; + right: 0px; + left: 0px; + z-index: 2; - height: 40px; + height: 40px; - font-size: 0.85em; + font-size: 0.85em; + + background: #242628; + color: #e2edf2; + + .btn { + display: block; + height: 40px; + padding: 0px 15px; + border-bottom: none; + color: #7d878a; + text-transform: uppercase; + line-height: 40px; + + &:hover { + color: #e2edf2; + text-decoration: none; + position: relative; + background: #303436; + box-shadow: 0 -2px 2px rgba(0,0,0,0.2) inset; + } + } - background: #242628; - color: #e2edf2; + h1 { + margin: 0px; + font-size: 20px; + text-align: center; + line-height: 40px; - .btn { - display: block; - height: 40px; - padding: 0px 15px; - border-bottom: none; - color: #7d878a; - text-transform: uppercase; - line-height: 40px; - - &:hover { - color: #e2edf2; - text-decoration: none; - position: relative; - background: #303436; - box-shadow: 0 -2px 2px rgba(0,0,0,0.2) inset; - } - } + padding-left: 400px; + padding-right: 400px; + .transition(margin-left 0.5s ease); - h1 { - margin: 0px; - font-size: 20px; - text-align: center; - line-height: 40px; + a, a:hover { + color: inherit; + text-decoration: none; + } - a, a:hover { - color: inherit; - text-decoration: none; + @media (max-width: 600px) { + display: none; + } } + } - @media (max-width: 600px) { - display: none; + &.with-summary { + .book-header h1 { + margin-left: 250px; } } -}
\ No newline at end of file +} |