diff options
Diffstat (limited to 'theme/stylesheets')
28 files changed, 685 insertions, 516 deletions
diff --git a/theme/stylesheets/book/body.less b/theme/stylesheets/book/body.less index 06d297a..c235442 100644..100755 --- a/theme/stylesheets/book/body.less +++ b/theme/stylesheets/book/body.less @@ -1,74 +1,74 @@ .book { - .book-body { - position: fixed; - top: 40px; - right: 0px; - left: 0px; - bottom: 0px; + .book-body { + position: fixed; + top: @header-height; + right: 0px; + left: 0px; + bottom: 0px; - .body-inner { - position: absolute; - top: 0px; - right: 0px; - left: 0px; - bottom: 0px; - overflow-y: auto; - } + background: @body-background; + .transition(left 0.5s ease); - .transition(left 0.5s ease); + .body-inner { + position: absolute; + top: 0px; + right: 0px; + left: 0px; + bottom: 0px; + overflow-y: auto; + } - background: #edece4; + .page-wrapper { + position: relative; - .page-wrapper { - position: relative; - min-height: 100%; + .page-inner { + font-family: @font-family-serif; + max-width: 800px; + margin: 0px auto; - .page-inner { - max-width: 800px; - margin: 0px auto; - - section { - margin: 0px 0px; - padding: 5px 15px; - background: #fff; - border-radius: 2px; - font-size: 15px; - line-height: 1.7; - } + section { + margin: 0px 0px; + padding: 5px 15px; - .btn-group { + background: @page-background; + border-radius: 2px; - .btn { - border-radius: 0px; - background: #eee; - border: 0px; - } - } - } + font-size: 16px; + line-height: 1.5em; } - @media (max-width: @mobileMaxWidth) { - overflow-y: auto; - - .body-inner { - position: static; - padding-bottom: 20px; - min-height: calc(~"100% - 57px") - } + .btn-group { + .btn { + border-radius: 0px; + background: #eee; + border: 0px; + } } + } } - &.with-summary { - @media (min-width: 800px) { - .book-body { - left: 250px; - } - } + @media (max-width: @mobileMaxWidth) { + overflow-y: auto; + + .body-inner { + position: static; + padding-bottom: 20px; + min-height: calc(~"100% - 57px") + } } + } - &.without-animation { - .book-body { - .transition(none) !important; - } + &.with-summary { + @media (min-width: 800px) { + .book-body { + left: 250px; + } + } + } + + &.without-animation { + .book-body { + .transition(none) !important; } + } }
\ No newline at end of file diff --git a/theme/stylesheets/book/exercise.less b/theme/stylesheets/book/exercise.less index a1cbb43..c08d65c 100644..100755 --- a/theme/stylesheets/book/exercise.less +++ b/theme/stylesheets/book/exercise.less @@ -1,48 +1,49 @@ .book .book-body .page-wrapper .page-inner { - section.exercise { - padding: 0px; - margin: 20px 0px; - border: 3px solid #2f8cde; - - .header { - padding: 5px 15px; - background: #2f8cde; - color: #fff; - - h2 { - margin: 0px; - font-size: 20px; - } - } - - .message { - margin: 5px 15px; - } - - .editor { - min-height: 50px; - font-size: 14px; - border-top: 1px solid #ddd; - border-bottom: 1px solid #ddd; - } - - - .alert { - display: none; - margin: 0px; - margin-bottom: 10px; - padding: 8px 15px; - } - - &.return-error { - .alert-danger { - display: block; - } - } - &.return-success { - .alert-success { - display: block; - } - } + section.exercise { + padding: 0px; + margin: 20px 0px; + border: 3px solid #2f8cde; + + .header { + padding: 5px 15px; + + color: #fff; + background: #2f8cde; + + h2 { + margin: 0px; + font-size: 20px; + } + } + + .message { + margin: 5px 15px; + } + + .editor { + min-height: 50px; + font-size: 14px; + border-top: 1px solid #ddd; + border-bottom: 1px solid #ddd; + } + + + .alert { + display: none; + margin: 0px; + margin-bottom: 10px; + padding: 8px 15px; + } + + &.return-error { + .alert-danger { + display: block; + } + } + &.return-success { + .alert-success { + display: block; + } } + } }
\ No newline at end of file diff --git a/theme/stylesheets/book/header.less b/theme/stylesheets/book/header.less index 9986fa6..5c7b5cc 100644..100755 --- a/theme/stylesheets/book/header.less +++ b/theme/stylesheets/book/header.less @@ -1,66 +1,66 @@ .book { - .book-header { - position: fixed; - top: 0px; - right: 0px; - left: 0px; - z-index: 2; + .book-header { + font-family: @font-family-sans; - height: 40px; + position: fixed; + overflow: hidden; + top: 0px; + right: 0px; + left: 0px; + height: @header-height; + z-index: 2; - font-size: 0.85em; + font-size: 0.85em; + color: @header-color; + background: @header-background; + box-shadow: 0 1px 2px hsla(200,10%,80%,0.6); - background: #242628; - color: #e2edf2; - overflow: hidden; + .btn { + display: block; + height: @header-height; + padding: 0px 15px; + border-bottom: none; + color: @header-button-color; + text-transform: uppercase; + line-height: @header-height; - .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; - } - } + &:hover { + position: relative; + text-decoration: none; + color: @header-button-hover-color; + background: @header-button-hover-background; + } + } - h1 { - margin: 0px; - font-size: 20px; - text-align: center; - line-height: 40px; + h1 { + margin: 0px; + font-size: 20px; + text-align: center; + line-height: @header-height; - padding-left: 200px; - padding-right: 200px; - .transition(margin-left 0.5s ease); + padding-left: 200px; + padding-right: 200px; + .transition(margin-left 0.5s ease); - a, a:hover { - color: inherit; - text-decoration: none; - } + a, a:hover { + color: inherit; + text-decoration: none; + } - @media (max-width: 800px) { - display: none; - } - } + @media (max-width: 800px) { + display: none; + } } + } - &.with-summary { - .book-header h1 { - margin-left: 250px; - } + &.with-summary { + .book-header h1 { + margin-left: 250px; } - &.without-animation { - .book-header h1 { - .transition(none) !important; - } + } + &.without-animation { + .book-header h1 { + .transition(none) !important; } + } } diff --git a/theme/stylesheets/book/languages.less b/theme/stylesheets/book/languages.less index 3919adf..509e75e 100644..100755 --- a/theme/stylesheets/book/languages.less +++ b/theme/stylesheets/book/languages.less @@ -1,46 +1,46 @@ .book-langs-index { + width: 100%; + height: 100%; + background: #edece4; + padding: 40px 0px; + margin: 0px; + overflow: auto; + + .inner { + max-width: 350px; width: 100%; - height: 100%; - background: #edece4; - padding: 40px 0px; - margin: 0px; - overflow: auto; - .inner { - max-width: 350px; - width: 100%; + margin: 0px auto; + padding: 15px; - margin: 0px auto; - padding: 15px; + background: #fff; + border-radius: 3px; - background: #fff; - border-radius: 3px; - - h1 { - margin: 0px; - text-align: center; - } + h1 { + margin: 0px; + text-align: center; + } - .languages { - list-style: none; - padding: 0px; - margin: 0px; - margin-top: 20px; + .languages { + list-style: none; + padding: 0px; + margin: 0px; + margin-top: 20px; - border-top: 1px solid #eee; + border-top: 1px solid #eee; - li { - text-align: center; - padding: 10px 5px; + li { + text-align: center; + padding: 10px 5px; - font-size: 16px; + font-size: 16px; - border-bottom: 1px solid #eee; + border-bottom: 1px solid #eee; - a { + a { - } - } } + } } + } }
\ No newline at end of file diff --git a/theme/stylesheets/book/markdown.less b/theme/stylesheets/book/markdown.less index 97c40bf..aa1b466 100644..100755 --- a/theme/stylesheets/book/markdown.less +++ b/theme/stylesheets/book/markdown.less @@ -2,13 +2,13 @@ padding: 25px; padding-top: 15px; background-color: white; - + & > *:first-child { margin-top: 0 !important; } & > *:last-child { margin-bottom: 0 !important; } - + a { color: #4183C4; } a.absent { @@ -22,7 +22,7 @@ top: 0; left: 0; bottom: 0; } - + h1, h2, h3, h4, h5, h6 { line-height: 1.7; margin: 20px 0 10px; @@ -31,54 +31,54 @@ -webkit-font-smoothing: antialiased; cursor: text; position: relative; } - + h1 tt, h1 code { font-size: inherit; } - + h2 tt, h2 code { font-size: inherit; } - + h3 tt, h3 code { font-size: inherit; } - + h4 tt, h4 code { font-size: inherit; } - + h5 tt, h5 code { font-size: inherit; } - + h6 tt, h6 code { font-size: inherit; } - + h1 { font-size: 28px; color: black; } - + h2 { font-size: 24px; border-bottom: 1px solid #eee; color: black; } - + h3 { font-size: 18px; } - + h4 { font-size: 16px; } - + h5 { font-size: 14px; } - + h6 { color: #777777; font-size: 14px; } - + p, blockquote, ul, ol, dl, table, pre { margin: 15px 0; } - + hr { - + } - + body > h2:first-child { margin-top: 0; padding-top: 0; } @@ -91,23 +91,23 @@ body > h3:first-child, body > h4:first-child, body > h5:first-child, body > h6:first-child { margin-top: 0; padding-top: 0; } - + a:first-child h1, a:first-child h2, a:first-child h3, a:first-child h4, a:first-child h5, a:first-child h6 { margin-top: 0; padding-top: 0; } - + h1 p, h2 p, h3 p, h4 p, h5 p, h6 p { margin-top: 0; } - + li p.first { display: inline-block; } - + ul, ol { padding-left: 30px; } - + ul :first-child, ol :first-child { margin-top: 0; } - + ul :last-child, ol :last-child { margin-bottom: 0; } @@ -117,7 +117,7 @@ ul ul { margin: 0px; } - + dl { padding: 0; } dl dt { @@ -139,7 +139,7 @@ margin-top: 0; } dl dd > :last-child { margin-bottom: 0; } - + blockquote { border-left: 4px solid #dddddd; padding: 0 15px; @@ -154,12 +154,12 @@ } blockquote > :last-child { margin-bottom: 0; } - + table { width: 100%; padding: 0; } - + table tr { border-top: 1px solid #cccccc; background-color: white; @@ -182,13 +182,13 @@ margin-top: 0; } table tr th :last-child, table tr td :last-child { margin-bottom: 0; } - + img { max-width: 100%; display: block; margin: 0px auto; } - + span.frame { display: block; overflow: hidden; } @@ -256,7 +256,7 @@ text-align: right; } } - + code, tt { margin: 0 2px; padding: 0 5px; @@ -265,7 +265,7 @@ background-color: #f8f8f8; border-radius: 3px; } - + pre code { margin: 0; padding: 0; @@ -273,27 +273,33 @@ border: none; background: transparent; } - + .highlight pre { - background-color: #f8f8f8; - border: 1px solid #cccccc; - font-size: 13px; - line-height: 19px; + color: hsl(204, 40%, 80%); + background-color: hsl(204, 30%, 10%); + border: 1px solid hsl(204, 30%, 10%); + font-size: 16px; + line-height: 1.5em; overflow: auto; - padding: 6px 10px; + padding: 20px; + margin: 0 -20px; border-radius: 3px; } - + pre { - background-color: #f8f8f8; - border: 1px solid #cccccc; - font-size: 13px; - line-height: 19px; + color: hsl(204, 40%, 80%); + background-color: hsl(204, 30%, 10%); + border: 1px solid hsl(204, 30%, 10%); + font-size: 16px; + line-height: 1.5em; overflow: auto; - padding: 6px 10px; - border-radius: 3px; } - pre code, pre tt { - background-color: transparent; - border: none; + padding: 20px; + margin: 0 -20px; + border-radius: 3px; + } + + pre code, pre tt { + background-color: transparent; + border: none; } }
\ No newline at end of file diff --git a/theme/stylesheets/book/navigation.less b/theme/stylesheets/book/navigation.less index 588a341..19dd881 100644..100755 --- a/theme/stylesheets/book/navigation.less +++ b/theme/stylesheets/book/navigation.less @@ -1,45 +1,45 @@ .book .book-body { - .navigation { - position: absolute; - top: 0px; - bottom: 0px; - margin: 0; - max-width: 150px; - min-width: 90px; + .navigation { + position: absolute; + top: 0px; + bottom: 0px; + margin: 0; + max-width: 150px; + min-width: 90px; - display: flex; - justify-content:center; - align-content:center; - flex-direction:column; + display: flex; + justify-content: center; + align-content: center; + flex-direction: column; - font-size: 40px; - color: rgba(0,0,0, 0.5); + font-size: 40px; + color: rgba(0,0,0,0.5); - text-align: center; + text-align: center; - .transition(all 350ms ease); + .transition(all 350ms ease); - &:hover { - background-color: rgba(0,0,0, 0.06); - text-decoration: none; - } + &:hover { + background-color: @body-pagination-background; + text-decoration: none; + } - &.navigation-next { - right: 0px; - } - &.navigation-prev { - left: 0px; - } + &.navigation-next { + right: 0px; } + &.navigation-prev { + left: 0px; + } + } - @media (max-width: @mobileMaxWidth) { - .navigation { - position: static; - top: auto; - max-width: 50%; - width: 50%; - display: inline-block; - float: left; - } + @media (max-width: @mobileMaxWidth) { + .navigation { + position: static; + top: auto; + max-width: 50%; + width: 50%; + display: inline-block; + float: left; } + } }
\ No newline at end of file diff --git a/theme/stylesheets/book/progress.less b/theme/stylesheets/book/progress.less index cf4bd00..2f8e232 100644..100755 --- a/theme/stylesheets/book/progress.less +++ b/theme/stylesheets/book/progress.less @@ -1,89 +1,84 @@ /* Chrome, Safari, Opera */ -@-webkit-keyframes animate-loading -{ - from {width: 0%;} - to {} +@-webkit-keyframes animate-loading { + from {width: 0%;} + to {} } /* Standard syntax */ -@keyframes animate-loading -{ - from {width: 0%;} - to {} +@keyframes animate-loading { + from {width: 0%;} + to {} } .book .book-body { - @chapter-size: 16px; - - @bar-background: #eee; - - .book-progress { - height: 30px; - width: 100%; - position: relative; - background: #fff; - margin-bottom: 20px; - z-index: 10; - - .bar { - height: 8px; - position: absolute; - right: 20px; - left: 20px; - top: 11px; - - background: @bar-background; - border-radius: 5px; - overflow: hidden; - - .inner { - height: 100%; - width: 0%; - - background: @brand-success; - -webkit-animation: animate-loading 1s; /* Chrome, Safari, Opera */ - animation: animate-loading 1s; - - .in-inner { - height: 100%; - width: 50%; - - } - } + .book-progress { + height: @progress-height; + width: 100%; + position: relative; + background: #fff; + margin-bottom: 20px; + z-index: 10; + + .bar { + height: @bar-height; + position: @bar-position; + right: @bar-right; + left: @bar-left; + top: @bar-top; + + background: @bar-background; + border-radius: 5px; + overflow: hidden; + + .inner { + height: 100%; + width: 0%; + + background: @bar-progress-background; + -webkit-animation: animate-loading 1s; /* Chrome, Safari, Opera */ + animation: animate-loading 1s; + + .in-inner { + height: 100%; + width: 50%; } + } + } + + .chapters { + display: @chapter-display; - .chapters { - position: absolute; - right: 20px + @chapter-size; - left: 20px; - top: 7px; + position: absolute; + right: 20px + @chapter-size; + left: 20px; + top: 7px; - .chapter { - position: absolute; - width: @chapter-size; - height: @chapter-size; - border-radius: @chapter-size; + .chapter { + position: absolute; + width: @chapter-size; + height: @chapter-size; + border-radius: @chapter-size; - background: @bar-background; - box-shadow: 0px 0px 1px #bbb; + background: @bar-background; + box-shadow: 0px 0px 1px #bbb; - &.new-chapter { + &.new-chapter { - } + } - &.done { - background: @brand-success; - box-shadow: none; - } + &.done { + background: @bar-progress-background; + box-shadow: none; + } - @media (max-width: 800px) { - display: none; + @media (max-width: 800px) { + display: none; - &.new-chapter { - display: block; - } - } - } + &.new-chapter { + display: block; + } } + } } + } }
\ No newline at end of file diff --git a/theme/stylesheets/book/quiz.less b/theme/stylesheets/book/quiz.less deleted file mode 100644 index 9cb3007..0000000 --- a/theme/stylesheets/book/quiz.less +++ /dev/null @@ -1,19 +0,0 @@ -.book .book-body .page-wrapper .page-inner { - section.quiz { - .quiz, .quiz-answers { - table { - margin-bottom: 10px; - width: 100%; - } - th, td { - padding-right: 5px; - } - li { - list-style-type: none; - input { - margin-right: 10px; - } - } - } - } -} diff --git a/theme/stylesheets/book/summary.less b/theme/stylesheets/book/summary.less index e51e116..9f162f8 100644..100755 --- a/theme/stylesheets/book/summary.less +++ b/theme/stylesheets/book/summary.less @@ -1,143 +1,144 @@ .book { - @searchHeight: 41px; + .book-summary { + font-family: @font-family-sans; - .book-summary { - @width: 250px; + position: fixed; + top: @header-height; + left: -@sidebar-width; + bottom: 0px; + z-index: 1; + + width: @sidebar-width; + color: @sidebar-color; + background: @sidebar-background; + box-shadow: inset -1px 0 5px hsla(0, 0%, 0%, 0.1); - position: fixed; - top: 40px; - left: -@width; - bottom: 0px; - z-index: 1; + .transition(all 0.5s ease); - width: @width; - background: #2e3133; - color: #e2edf2; + .book-search { + padding: @sidebar-search-padding; - .transition(all 0.5s ease); + background: @sidebar-search-background; + border-bottom: 1px solid @sidebar-search-border-color; - .book-search { - padding: 6px; - padding-top: 0px; + position: absolute; + top: -@header-height; + left: 0px; + right: 0px; - background: #242628; - border-bottom: 1px solid #333; + .transition(top 0.5s ease); - position: absolute; - top: -@searchHeight; - left: 0px; - right: 0px; + input, input:focus { + width: 100%; + border: none; + .box-shadow(none); + } + } - .transition(top 0.5s ease); + ul.summary { + position: absolute; + top: 0px; + left: 0px; + right: 0px; + bottom: 0px; + overflow-y: auto; - input, input:focus { - width: 100%; - border: none; - .box-shadow(none); - } + list-style: none; + margin: 0px; + padding: 0px; + + .transition(top 0.5s ease); + + li { + list-style: none; + + &.divider { + height: 1px; + margin: 7px 0; + overflow: hidden; + background: @sidebar-divider-color; + box-shadow: 0 1px rgba(255,255,255,0.7); } - ul.summary { - position: absolute; - top: 0px; - left: 0px; - right: 0px; - bottom: 0px; - - overflow-y: auto; - - list-style: none; - margin: 0px; - padding: 0px; - - .transition(top 0.5s ease); - - li { - list-style: none; - - &.divider { - height: 1px; - margin: 7px 0; - overflow: hidden; - background: #35393b; - } - - i.fa-check { - display: none; - position: absolute; - left: 7px; - top: 14px; - } - - &.done { - > a { - color: @brand-success; - - i { - display: inline; - } - } - } - - a, span { - display: block; - height: 40px; - padding: 11px 15px; - border-bottom: none; - text-transform: uppercase; - color: #e2edf2; - text-overflow: ellipsis; - overflow: hidden; - white-space: nowrap; - position: relative; - padding-left: 26px; - } - - span { - cursor: not-allowed; - .opacity(0.3); - } - - &.active > a, a:hover { - background: #242628; - text-decoration: none; - } - - ul { - padding-left: 35px; - } + i.fa-check { + display: none; + position: absolute; + right: 9px; + top: 16px; + font-size: 9px; + color: @sidebar-icon-color; + } + + &.done { + > a { + color: @sidebar-link-completed; + font-weight: @sidebar-link-completed-weight; + + i { + display: inline; } + } } - @media (max-width: 600px) { - width: 100%; - bottom: 0px; - left: -100%; + a, span { + display: block; + padding: 10px 15px; + border-bottom: none; + color: @sidebar-link-color; + background: @sidebar-link-background; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + position: relative; + padding-left: 25px; } + + span { + cursor: not-allowed; + .opacity(0.3); + } + + &.active > a, a:hover { + color: @sidebar-link-hover-color; + background: @sidebar-link-hover-background; + text-decoration: none; + } + + ul { + padding-left: @sidebar-nested-padding; + } + } } - &.with-summary { - .book-summary { - left: 0px; - } + @media (max-width: 600px) { + width: 100%; + bottom: 0px; + left: -100%; } + } - &.without-animation { - .book-summary { - .transition(none) !important; - } + &.with-summary { + .book-summary { + left: 0px; } + } - &.with-search { - .book-summary { - .book-search { - top: 0px; - } + &.without-animation { + .book-summary { + .transition(none) !important; + } + } - ul.summary { - top: @searchHeight; - } - } + &.with-search { + .book-summary { + .book-search { + top: 0px; + } + + ul.summary { + top: @header-height; + } } + } } diff --git a/theme/stylesheets/fonts.less b/theme/stylesheets/fonts.less index 395f155..762ad81 100644..100755 --- a/theme/stylesheets/fonts.less +++ b/theme/stylesheets/fonts.less @@ -1,8 +1,144 @@ -@font-face -{ - font-family: 'appNormal'; - src: url('@{FontPath}/opensans/OpenSans-Regular.ttf'), - url('@{FontPath}/opensans/OpenSans-Regular.woff'), - url('@{FontPath}/opensans/OpenSans-Regular.eot'), - url('@{FontPath}/opensans/OpenSans-Regular.svg'); +@font-face { + font-family: 'EB Garamond'; + font-style: normal; + font-weight: 400; + src: local('EB Garamond 12 Regular'),url(//brick.a.ssl.fastly.net/fonts/ebgaramond/400.woff) format('woff'); } +@font-face { + font-family: 'EB Garamond'; + font-style: italic; + font-weight: 400i; + src: local('EB Garamond 12 Italic'),url(//brick.a.ssl.fastly.net/fonts/ebgaramond/400i.woff) format('woff'); +} +@font-face { + font-family: 'Merriweather'; + font-style: normal; + font-weight: 250; + src: local('Merriweather Light'),url(//brick.a.ssl.fastly.net/fonts/merriweather/250.woff) format('woff'); +} +@font-face { + font-family: 'Merriweather'; + font-style: italic; + font-weight: 250i; + src: local('Merriweather Light Italic'),url(//brick.a.ssl.fastly.net/fonts/merriweather/250i.woff) format('woff'); +} +@font-face { + font-family: 'Merriweather'; + font-style: normal; + font-weight: 400; + src: local('Merriweather'),url(//brick.a.ssl.fastly.net/fonts/merriweather/400.woff) format('woff'); +} +@font-face { + font-family: 'Merriweather'; + font-style: italic; + font-weight: 400i; + src: local('Merriweather Italic'),url(//brick.a.ssl.fastly.net/fonts/merriweather/400i.woff) format('woff'); +} +@font-face { + font-family: 'Merriweather'; + font-style: normal; + font-weight: 600; + src: local(''),url(//brick.a.ssl.fastly.net/fonts/merriweather/600.woff) format('woff'); +} +@font-face { + font-family: 'Merriweather'; + font-style: italic; + font-weight: 600i; + src: local(''),url(//brick.a.ssl.fastly.net/fonts/merriweather/600i.woff) format('woff'); +} +@font-face { + font-family: 'Merriweather'; + font-style: normal; + font-weight: 700; + src: local('Merriweather Bold'),url(//brick.a.ssl.fastly.net/fonts/merriweather/700.woff) format('woff'); +} +@font-face { + font-family: 'Merriweather'; + font-style: italic; + font-weight: 700i; + src: local('Merriweather Bold Italic'),url(//brick.a.ssl.fastly.net/fonts/merriweather/700i.woff) format('woff'); +} +@font-face { + font-family: 'Merriweather'; + font-style: normal; + font-weight: 900; + src: local('Merriweather Heavy'),url(//brick.a.ssl.fastly.net/fonts/merriweather/900.woff) format('woff'); +} +@font-face { + font-family: 'Merriweather'; + font-style: italic; + font-weight: 900i; + src: local('Merriweather Heavy Italic'),url(//brick.a.ssl.fastly.net/fonts/merriweather/900i.woff) format('woff'); +} +@font-face { + font-family: 'Anonymous Pro'; + font-style: normal; + font-weight: 400; + src: local('Anonymous Pro'),url(//brick.a.ssl.fastly.net/fonts/anonymouspro/400.woff) format('woff'); +} +@font-face { + font-family: 'Anonymous Pro'; + font-style: italic; + font-weight: 400i; + src: local('Anonymous Pro Italic'),url(//brick.a.ssl.fastly.net/fonts/anonymouspro/400i.woff) format('woff'); +} +@font-face { + font-family: 'Anonymous Pro'; + font-style: normal; + font-weight: 700; + src: local('Anonymous Pro Bold'),url(//brick.a.ssl.fastly.net/fonts/anonymouspro/700.woff) format('woff'); +} +@font-face { + font-family: 'Anonymous Pro'; + font-style: italic; + font-weight: 700i; + src: local('Anonymous Pro Bold Italic'),url(//brick.a.ssl.fastly.net/fonts/anonymouspro/700i.woff) format('woff'); +} +@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 300; + src: local('Open Sans Light'),url(//brick.a.ssl.fastly.net/fonts/opensans/300.woff) format('woff'); +} +@font-face { + font-family: 'Open Sans'; + font-style: italic; + font-weight: 300i; + src: local('Open Sans Light Italic'),url(//brick.a.ssl.fastly.net/fonts/opensans/300i.woff) format('woff'); +} +@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 400; + src: local('Open Sans Regular'),url(//brick.a.ssl.fastly.net/fonts/opensans/400.woff) format('woff'); +} +@font-face { + font-family: 'Open Sans'; + font-style: italic; + font-weight: 400i; + src: local('Open Sans Italic'),url(//brick.a.ssl.fastly.net/fonts/opensans/400i.woff) format('woff'); +} +@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 600; + src: local('Open Sans Semibold'),url(//brick.a.ssl.fastly.net/fonts/opensans/600.woff) format('woff'); +} +@font-face { + font-family: 'Open Sans'; + font-style: italic; + font-weight: 600i; + src: local('Open Sans Semibold Italic'),url(//brick.a.ssl.fastly.net/fonts/opensans/600i.woff) format('woff'); +} +@font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 700; + src: local('Open Sans Bold'),url(//brick.a.ssl.fastly.net/fonts/opensans/700.woff) format('woff'); +} +@font-face { + font-family: 'Open Sans'; + font-style: italic; + font-weight: 700i; + src: local('Open Sans Bold Italic'),url(//brick.a.ssl.fastly.net/fonts/opensans/700i.woff) format('woff'); +}
\ No newline at end of file diff --git a/theme/stylesheets/highlight.less b/theme/stylesheets/highlight.less index ae9d1f8..33e0040 100644..100755 --- a/theme/stylesheets/highlight.less +++ b/theme/stylesheets/highlight.less @@ -1,9 +1,8 @@ /* http://jmblog.github.com/color-themes-for-google-code-highlightjs */ /* Tomorrow Comment */ -.hljs-comment, -.hljs-title { - color: #8e908c; +.hljs-comment { + color: hsl(207, 35%, 35%); } /* Tomorrow Red */ @@ -28,9 +27,9 @@ .hljs-pragma, .hljs-built_in, .hljs-literal, -.hljs-params, -.hljs-constant { - color: #f5871f; +.hljs-constant, +.hljs-function .hljs-title { + color: hsl(50, 100%, 60%); } /* Tomorrow Yellow */ @@ -46,7 +45,7 @@ .hljs-header, .ruby .hljs-symbol, .xml .hljs-cdata { - color: #718c00; + color: hsl(0, 100%, 70%); } /* Tomorrow Aqua */ @@ -55,7 +54,7 @@ } /* Tomorrow Blue */ -.hljs-function, +.hljs-function .keyword, .python .hljs-decorator, .python .hljs-title, .ruby .hljs-function .hljs-title, @@ -63,13 +62,13 @@ .perl .hljs-sub, .javascript .hljs-title, .coffeescript .hljs-title { - color: #4271ae; + color: hsl(207, 70%, 60%); } /* Tomorrow Purple */ .hljs-keyword, .javascript .hljs-function { - color: #8959a8; + color: hsl(207, 95%, 70%); } .hljs { @@ -77,6 +76,7 @@ background: white; color: #4d4d4c; padding: 0.5em; + font-family: "Anonymous Pro", "Inconsolata", "Monaco", monospace; } .coffeescript .javascript, diff --git a/theme/stylesheets/main.less b/theme/stylesheets/main.less index aac16bb..cb5c46b 100644..100755 --- a/theme/stylesheets/main.less +++ b/theme/stylesheets/main.less @@ -15,7 +15,6 @@ @import "book/markdown.less"; @import "book/progress.less"; @import "book/navigation.less"; -@import "book/quiz.less"; * { -webkit-overflow-scrolling: touch; @@ -34,7 +33,7 @@ html, body { } body { - + text-rendering: optimizeLegibility; font-smoothing: antialiased; - font-family: 'appNormal'; + font-family: @font-family-base; } diff --git a/theme/stylesheets/mixins.less b/theme/stylesheets/mixins.less index 0216ea4..0216ea4 100644..100755 --- a/theme/stylesheets/mixins.less +++ b/theme/stylesheets/mixins.less diff --git a/theme/stylesheets/print.less b/theme/stylesheets/print.less index 33fe3d8..33fe3d8 100644..100755 --- a/theme/stylesheets/print.less +++ b/theme/stylesheets/print.less diff --git a/theme/stylesheets/variables.less b/theme/stylesheets/variables.less index c8ce271..f19e615 100644..100755 --- a/theme/stylesheets/variables.less +++ b/theme/stylesheets/variables.less @@ -1,33 +1,83 @@ -/* Base static */ @staticPath: "./"; // Sizes -@mobileMaxWidth: 1240px; +@mobileMaxWidth: 1240px; +// Header +@header-height: 50px; +@header-color: hsl(194, 5%, 52%); +@header-background: white; +@header-button-color: hsl(194, 5%, 52%); +@header-button-hover-color: #151515; +@header-button-hover-background: hsl(207, 15%, 95%); + +// Body +@body-background: white; +@body-pagination-background: hsl(207, 15%, 95%); + +// Sidebar +@sidebar-width: 250px; +@sidebar-color: hsl(207, 15%, 80%); +@sidebar-background: hsl(207, 15%, 95%); + +@sidebar-nested-padding: 10px; + +@sidebar-search-padding: 6px; +@sidebar-search-background: hsl(207, 15%, 80%); +@sidebar-search-border-color: hsl(207, 15%, 80%); + +@sidebar-divider-color: hsl(207, 15%, 85%); + +@sidebar-link-color: hsl(207, 15%, 50%); +@sidebar-link-background: transparent; +@sidebar-link-hover-color: hsl(207, 100%, 50%); +@sidebar-link-hover-background: transparent; + +@sidebar-icon-color: @bar-progress-background; +@sidebar-link-completed: hsl(207, 15%, 25%); +@sidebar-link-completed-weight: normal; + +// Page +@page-background: white; + +// Progress Bar +@chapter-display: none; +@chapter-size: 16px; + +@progress-height: 0px; + +@bar-height: 2px; +@bar-left: @sidebar-width; +@bar-right: 0; +@bar-top: 50px; +@bar-position: fixed; +@bar-background: white; +@bar-progress-background: hsl(120, 60%, 50%); // Basics of a navbar -@navbar-height: 50px; -@navbar-margin-bottom: @line-height-computed; -@navbar-default-border: #d5d5d5; -@navbar-border-radius: 0px; -@navbar-padding-horizontal: floor(@grid-gutter-width / 2); -@navbar-padding-vertical: ((@navbar-height - @line-height-computed) / 2); +@navbar-height: 50px; +@navbar-margin-bottom: @line-height-computed; +@navbar-default-border: #d5d5d5; +@navbar-border-radius: 0px; +@navbar-padding-horizontal: floor(@grid-gutter-width / 2); +@navbar-padding-vertical: ((@navbar-height - @line-height-computed) / 2); // Navbar brand label -@navbar-default-color: #333; -@navbar-default-link-color: #333; -@navbar-default-brand-color: @navbar-default-link-color; -@navbar-default-brand-hover-color: @navbar-default-link-color; -@navbar-default-brand-hover-bg: transparent; - -@border-radius-base: 1px; -@border-radius-large: 3px; -@border-radius-small: 1px; +@navbar-default-color: #333; +@navbar-default-link-color: #333; +@navbar-default-brand-color: @navbar-default-link-color; +@navbar-default-brand-hover-color: @navbar-default-link-color; +@navbar-default-brand-hover-bg: transparent; -/* Fonts */ -@font-family-base: 'appNormal'; +// Border Radius +@border-radius-base: 1px; +@border-radius-large: 3px; +@border-radius-small: 1px; +// Fonts +@font-family-serif: Merriweather, "EB Garamond", Georgia, serif; +@font-family-sans: "Open Sans", "Clear Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; +@font-family-base: @font-family-serif; -/* Fonts */ -@FontPath: '@{staticPath}/fonts'; -@fa-font-path: "@{FontPath}/fontawesome"; +@FontPath: '@{staticPath}/gitbook/fonts'; +@fa-font-path: "@{FontPath}/fontawesome";
\ No newline at end of file diff --git a/theme/stylesheets/vendors/fontawesome/bordered-pulled.less b/theme/stylesheets/vendors/fontawesome/bordered-pulled.less index 0c90eb5..0c90eb5 100644..100755 --- a/theme/stylesheets/vendors/fontawesome/bordered-pulled.less +++ b/theme/stylesheets/vendors/fontawesome/bordered-pulled.less diff --git a/theme/stylesheets/vendors/fontawesome/core.less b/theme/stylesheets/vendors/fontawesome/core.less index 6d223bc..6d223bc 100644..100755 --- a/theme/stylesheets/vendors/fontawesome/core.less +++ b/theme/stylesheets/vendors/fontawesome/core.less diff --git a/theme/stylesheets/vendors/fontawesome/fixed-width.less b/theme/stylesheets/vendors/fontawesome/fixed-width.less index 110289f..110289f 100644..100755 --- a/theme/stylesheets/vendors/fontawesome/fixed-width.less +++ b/theme/stylesheets/vendors/fontawesome/fixed-width.less diff --git a/theme/stylesheets/vendors/fontawesome/font-awesome.less b/theme/stylesheets/vendors/fontawesome/font-awesome.less index a853e0c..a853e0c 100644..100755 --- a/theme/stylesheets/vendors/fontawesome/font-awesome.less +++ b/theme/stylesheets/vendors/fontawesome/font-awesome.less diff --git a/theme/stylesheets/vendors/fontawesome/icons.less b/theme/stylesheets/vendors/fontawesome/icons.less index 948903a..948903a 100644..100755 --- a/theme/stylesheets/vendors/fontawesome/icons.less +++ b/theme/stylesheets/vendors/fontawesome/icons.less diff --git a/theme/stylesheets/vendors/fontawesome/larger.less b/theme/stylesheets/vendors/fontawesome/larger.less index c9d6467..c9d6467 100644..100755 --- a/theme/stylesheets/vendors/fontawesome/larger.less +++ b/theme/stylesheets/vendors/fontawesome/larger.less diff --git a/theme/stylesheets/vendors/fontawesome/list.less b/theme/stylesheets/vendors/fontawesome/list.less index eed9340..eed9340 100644..100755 --- a/theme/stylesheets/vendors/fontawesome/list.less +++ b/theme/stylesheets/vendors/fontawesome/list.less diff --git a/theme/stylesheets/vendors/fontawesome/mixins.less b/theme/stylesheets/vendors/fontawesome/mixins.less index 19e5a64..19e5a64 100644..100755 --- a/theme/stylesheets/vendors/fontawesome/mixins.less +++ b/theme/stylesheets/vendors/fontawesome/mixins.less diff --git a/theme/stylesheets/vendors/fontawesome/path.less b/theme/stylesheets/vendors/fontawesome/path.less index ba09126..ba09126 100644..100755 --- a/theme/stylesheets/vendors/fontawesome/path.less +++ b/theme/stylesheets/vendors/fontawesome/path.less diff --git a/theme/stylesheets/vendors/fontawesome/rotated-flipped.less b/theme/stylesheets/vendors/fontawesome/rotated-flipped.less index 8fff3a6..8fff3a6 100644..100755 --- a/theme/stylesheets/vendors/fontawesome/rotated-flipped.less +++ b/theme/stylesheets/vendors/fontawesome/rotated-flipped.less diff --git a/theme/stylesheets/vendors/fontawesome/spinning.less b/theme/stylesheets/vendors/fontawesome/spinning.less index 60828fe..60828fe 100644..100755 --- a/theme/stylesheets/vendors/fontawesome/spinning.less +++ b/theme/stylesheets/vendors/fontawesome/spinning.less diff --git a/theme/stylesheets/vendors/fontawesome/stacked.less b/theme/stylesheets/vendors/fontawesome/stacked.less index fc53fb0..fc53fb0 100644..100755 --- a/theme/stylesheets/vendors/fontawesome/stacked.less +++ b/theme/stylesheets/vendors/fontawesome/stacked.less diff --git a/theme/stylesheets/vendors/fontawesome/variables.less b/theme/stylesheets/vendors/fontawesome/variables.less index 364b4dc..364b4dc 100644..100755 --- a/theme/stylesheets/vendors/fontawesome/variables.less +++ b/theme/stylesheets/vendors/fontawesome/variables.less |