summaryrefslogtreecommitdiffstats
path: root/theme/stylesheets/book
diff options
context:
space:
mode:
Diffstat (limited to 'theme/stylesheets/book')
-rwxr-xr-x[-rw-r--r--]theme/stylesheets/book/body.less25
-rwxr-xr-x[-rw-r--r--]theme/stylesheets/book/exercise.less3
-rwxr-xr-x[-rw-r--r--]theme/stylesheets/book/header.less29
-rwxr-xr-x[-rw-r--r--]theme/stylesheets/book/languages.less29
-rwxr-xr-x[-rw-r--r--]theme/stylesheets/book/markdown.less104
-rwxr-xr-x[-rw-r--r--]theme/stylesheets/book/navigation.less14
-rwxr-xr-x[-rw-r--r--]theme/stylesheets/book/progress.less29
-rw-r--r--theme/stylesheets/book/quiz.less34
-rwxr-xr-x[-rw-r--r--]theme/stylesheets/book/summary.less60
9 files changed, 183 insertions, 144 deletions
diff --git a/theme/stylesheets/book/body.less b/theme/stylesheets/book/body.less
index 06d297a..58e62d5 100644..100755
--- a/theme/stylesheets/book/body.less
+++ b/theme/stylesheets/book/body.less
@@ -1,11 +1,14 @@
.book {
- .book-body {
+ .book-body {
position: fixed;
- top: 40px;
+ top: @header-height;
right: 0px;
left: 0px;
bottom: 0px;
+ background: @body-background;
+ .transition(left 0.5s ease);
+
.body-inner {
position: absolute;
top: 0px;
@@ -15,29 +18,27 @@
overflow-y: auto;
}
- .transition(left 0.5s ease);
-
- background: #edece4;
-
.page-wrapper {
position: relative;
- min-height: 100%;
+ outline: none;
.page-inner {
+ font-family: @font-family-serif;
max-width: 800px;
margin: 0px auto;
-
+
section {
margin: 0px 0px;
padding: 5px 15px;
- background: #fff;
+
+ background: @page-background;
border-radius: 2px;
- font-size: 15px;
- line-height: 1.7;
+
+ font-size: 16px;
+ line-height: 1.5em;
}
.btn-group {
-
.btn {
border-radius: 0px;
background: #eee;
diff --git a/theme/stylesheets/book/exercise.less b/theme/stylesheets/book/exercise.less
index a1cbb43..dd30298 100644..100755
--- a/theme/stylesheets/book/exercise.less
+++ b/theme/stylesheets/book/exercise.less
@@ -6,8 +6,9 @@
.header {
padding: 5px 15px;
- background: #2f8cde;
+
color: #fff;
+ background: #2f8cde;
h2 {
margin: 0px;
diff --git a/theme/stylesheets/book/header.less b/theme/stylesheets/book/header.less
index 9986fa6..6c45816 100644..100755
--- a/theme/stylesheets/book/header.less
+++ b/theme/stylesheets/book/header.less
@@ -1,34 +1,35 @@
.book {
.book-header {
+ font-family: @font-family-sans;
+
position: fixed;
+ overflow: hidden;
top: 0px;
right: 0px;
left: 0px;
+ height: @header-height;
z-index: 2;
- height: 40px;
-
font-size: 0.85em;
-
- background: #242628;
- color: #e2edf2;
- overflow: hidden;
+ color: @header-color;
+ background: @header-background;
+ box-shadow: 0 1px 2px hsla(200,10%,80%,0.6);
.btn {
display: block;
- height: 40px;
+ height: @header-height;
padding: 0px 15px;
border-bottom: none;
- color: #7d878a;
+ color: @header-button-color;
text-transform: uppercase;
- line-height: 40px;
+ line-height: @header-height;
+ .box-shadow(none) !important;
&:hover {
- color: #e2edf2;
- text-decoration: none;
position: relative;
- background: #303436;
- box-shadow: 0 -2px 2px rgba(0,0,0,0.2) inset;
+ text-decoration: none;
+ color: @header-button-hover-color;
+ background: @header-button-hover-background;
}
}
@@ -36,7 +37,7 @@
margin: 0px;
font-size: 20px;
text-align: center;
- line-height: 40px;
+ line-height: @header-height;
padding-left: 200px;
padding-right: 200px;
diff --git a/theme/stylesheets/book/languages.less b/theme/stylesheets/book/languages.less
index 3919adf..bde5a77 100644..100755
--- a/theme/stylesheets/book/languages.less
+++ b/theme/stylesheets/book/languages.less
@@ -1,45 +1,50 @@
.book-langs-index {
width: 100%;
height: 100%;
- background: #edece4;
padding: 40px 0px;
margin: 0px;
overflow: auto;
+ @media (max-width: 600px) {
+ padding: 0px;
+ }
+
.inner {
- max-width: 350px;
+ max-width: 600px;
width: 100%;
margin: 0px auto;
- padding: 15px;
+ padding: 30px;
background: #fff;
border-radius: 3px;
- h1 {
+ h3 {
margin: 0px;
- text-align: center;
}
.languages {
list-style: none;
- padding: 0px;
- margin: 0px;
+ padding: 20px 30px;
margin-top: 20px;
-
border-top: 1px solid #eee;
+ .clearfix();
+
li {
- text-align: center;
+ width: 50%;
+ float: left;
padding: 10px 5px;
-
font-size: 16px;
- border-bottom: 1px solid #eee;
-
a {
}
+
+ @media (max-width: 600px) {
+ width: 100%;
+ max-width: 100%;
+ }
}
}
}
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..33cb9be 100644..100755
--- a/theme/stylesheets/book/navigation.less
+++ b/theme/stylesheets/book/navigation.less
@@ -8,21 +8,21 @@
min-width: 90px;
display: flex;
- justify-content:center;
- align-content:center;
- flex-direction:column;
+ justify-content: center;
+ align-content: center;
+ flex-direction: column;
font-size: 40px;
- color: rgba(0,0,0, 0.5);
+ color: rgba(0,0,0,0.5);
text-align: center;
.transition(all 350ms ease);
&:hover {
- background-color: rgba(0,0,0, 0.06);
+ background-color: @body-pagination-background;
text-decoration: none;
- }
+ }
&.navigation-next {
right: 0px;
@@ -40,6 +40,6 @@
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..1cfb3d6 100644..100755
--- a/theme/stylesheets/book/progress.less
+++ b/theme/stylesheets/book/progress.less
@@ -1,24 +1,18 @@
/* Chrome, Safari, Opera */
-@-webkit-keyframes animate-loading
-{
+@-webkit-keyframes animate-loading {
from {width: 0%;}
to {}
}
/* Standard syntax */
-@keyframes animate-loading
-{
+@keyframes animate-loading {
from {width: 0%;}
to {}
}
.book .book-body {
- @chapter-size: 16px;
-
- @bar-background: #eee;
-
.book-progress {
- height: 30px;
+ height: @progress-height;
width: 100%;
position: relative;
background: #fff;
@@ -26,11 +20,11 @@
z-index: 10;
.bar {
- height: 8px;
- position: absolute;
- right: 20px;
- left: 20px;
- top: 11px;
+ height: @bar-height;
+ position: @bar-position;
+ right: @bar-right;
+ left: @bar-left;
+ top: @bar-top;
background: @bar-background;
border-radius: 5px;
@@ -40,19 +34,20 @@
height: 100%;
width: 0%;
- background: @brand-success;
+ 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;
+
position: absolute;
right: 20px + @chapter-size;
left: 20px;
@@ -72,7 +67,7 @@
}
&.done {
- background: @brand-success;
+ background: @bar-progress-background;
box-shadow: none;
}
diff --git a/theme/stylesheets/book/quiz.less b/theme/stylesheets/book/quiz.less
index 9cb3007..d35e148 100644
--- a/theme/stylesheets/book/quiz.less
+++ b/theme/stylesheets/book/quiz.less
@@ -1,6 +1,36 @@
.book .book-body .page-wrapper .page-inner {
section.quiz {
- .quiz, .quiz-answers {
+ 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: 15px;
+ }
+
+ .question {
+ .question-header {
+ padding: 5px 15px;
+ color: #fff;
+ background: #2f8cde;
+ }
+
+ .question-inner {
+ padding: 15px;
+ }
+
table {
margin-bottom: 10px;
width: 100%;
@@ -16,4 +46,4 @@
}
}
}
-}
+} \ No newline at end of file
diff --git a/theme/stylesheets/book/summary.less b/theme/stylesheets/book/summary.less
index e51e116..da10aca 100644..100755
--- a/theme/stylesheets/book/summary.less
+++ b/theme/stylesheets/book/summary.less
@@ -1,39 +1,35 @@
.book {
- @searchHeight: 41px;
-
.book-summary {
- @width: 250px;
+ font-family: @font-family-sans;
position: fixed;
- top: 40px;
- left: -@width;
+ top: @header-height;
+ left: -@sidebar-width;
bottom: 0px;
z-index: 1;
- width: @width;
- background: #2e3133;
- color: #e2edf2;
+ width: @sidebar-width;
+ color: @sidebar-color;
+ background: @sidebar-background;
+ box-shadow: inset -1px 0 5px hsla(0, 0%, 0%, 0.1);
.transition(all 0.5s ease);
.book-search {
- padding: 6px;
- padding-top: 0px;
+ padding: @sidebar-search-padding;
- background: #242628;
- border-bottom: 1px solid #333;
+ background: @sidebar-search-background;
position: absolute;
- top: -@searchHeight;
+ top: -@header-height;
left: 0px;
right: 0px;
.transition(top 0.5s ease);
-
input, input:focus {
width: 100%;
- border: none;
+ border: 1px solid @sidebar-search-input-border-color;
.box-shadow(none);
}
}
@@ -55,43 +51,46 @@
li {
list-style: none;
-
+
&.divider {
height: 1px;
margin: 7px 0;
overflow: hidden;
- background: #35393b;
+ background: @sidebar-divider-color;
+ box-shadow: 0 1px rgba(255,255,255,0.7);
}
i.fa-check {
display: none;
position: absolute;
- left: 7px;
- top: 14px;
+ right: 9px;
+ top: 16px;
+ font-size: 9px;
+ color: @sidebar-icon-color;
}
&.done {
> a {
- color: @brand-success;
+ color: @sidebar-link-completed;
+ font-weight: @sidebar-link-completed-weight;
i {
display: inline;
}
}
}
-
+
a, span {
display: block;
- height: 40px;
- padding: 11px 15px;
+ padding: 10px 15px;
border-bottom: none;
- text-transform: uppercase;
- color: #e2edf2;
+ color: @sidebar-link-color;
+ background: @sidebar-link-background;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
position: relative;
- padding-left: 26px;
+ padding-left: 25px;
}
span {
@@ -100,12 +99,13 @@
}
&.active > a, a:hover {
- background: #242628;
+ color: @sidebar-link-hover-color;
+ background: @sidebar-link-hover-background;
text-decoration: none;
}
ul {
- padding-left: 35px;
+ padding-left: @sidebar-nested-padding;
}
}
}
@@ -120,7 +120,7 @@
&.with-summary {
.book-summary {
left: 0px;
- }
+ }
}
&.without-animation {
@@ -136,7 +136,7 @@
}
ul.summary {
- top: @searchHeight;
+ top: @header-height;
}
}
}
generated by cgit v1.1 at 2025-06-05 16:56:52 +0000