mirror of
https://github.com/GitbookIO/gitbook.git
synced 2026-09-20 01:25:16 +00:00
Add style for alerts
Remove style for exercises
This commit is contained in:
@@ -1 +1 @@
|
||||
.link-inherit{color:inherit}.link-inherit:hover,.link-inherit:focus{color:inherit}.hljs-comment,.hljs-title{color:#8e908c}.hljs-variable,.hljs-attribute,.hljs-tag,.hljs-regexp,.ruby .hljs-constant,.xml .hljs-tag .hljs-title,.xml .hljs-pi,.xml .hljs-doctype,.html .hljs-doctype,.css .hljs-id,.css .hljs-class,.css .hljs-pseudo{color:#c82829}.hljs-number,.hljs-preprocessor,.hljs-pragma,.hljs-built_in,.hljs-literal,.hljs-params,.hljs-constant{color:#f5871f}.ruby .hljs-class .hljs-title,.css .hljs-rules .hljs-attribute{color:#eab700}.hljs-string,.hljs-value,.hljs-inheritance,.hljs-header,.ruby .hljs-symbol,.xml .hljs-cdata{color:#718c00}.css .hljs-hexcolor{color:#3e999f}.hljs-function,.python .hljs-decorator,.python .hljs-title,.ruby .hljs-function .hljs-title,.ruby .hljs-title .hljs-keyword,.perl .hljs-sub,.javascript .hljs-title,.coffeescript .hljs-title{color:#4271ae}.hljs-keyword,.javascript .hljs-function{color:#8959a8}.hljs{display:block;background:white;color:#4d4d4c;padding:.5em}.coffeescript .javascript,.javascript .xml,.tex .hljs-formula,.xml .javascript,.xml .vbscript,.xml .css,.xml .hljs-cdata{opacity:.5}.book-chapter{display:none}pre,blockquote{border:1px solid #999;page-break-inside:avoid;background:#f1f1f1;padding:8px}img{max-width:100%!important;page-break-inside:avoid;margin:0 auto}.exercise,.quiz{margin:1cm 0;padding:.4cm;page-break-inside:avoid;border:3px solid #ddd}.exercise .exercise-header,.quiz .exercise-header{margin-bottom:.4cm;padding-bottom:.2cm;border-bottom:1px solid #ddd}.exercise .question,.quiz .question{margin-top:.4cm}
|
||||
.link-inherit{color:inherit}.link-inherit:hover,.link-inherit:focus{color:inherit}.hidden{display:none}.hljs-comment,.hljs-title{color:#8e908c}.hljs-variable,.hljs-attribute,.hljs-tag,.hljs-regexp,.ruby .hljs-constant,.xml .hljs-tag .hljs-title,.xml .hljs-pi,.xml .hljs-doctype,.html .hljs-doctype,.css .hljs-id,.css .hljs-class,.css .hljs-pseudo{color:#c82829}.hljs-number,.hljs-preprocessor,.hljs-pragma,.hljs-built_in,.hljs-literal,.hljs-params,.hljs-constant{color:#f5871f}.ruby .hljs-class .hljs-title,.css .hljs-rules .hljs-attribute{color:#eab700}.hljs-string,.hljs-value,.hljs-inheritance,.hljs-header,.ruby .hljs-symbol,.xml .hljs-cdata{color:#718c00}.css .hljs-hexcolor{color:#3e999f}.hljs-function,.python .hljs-decorator,.python .hljs-title,.ruby .hljs-function .hljs-title,.ruby .hljs-title .hljs-keyword,.perl .hljs-sub,.javascript .hljs-title,.coffeescript .hljs-title{color:#4271ae}.hljs-keyword,.javascript .hljs-function{color:#8959a8}.hljs{display:block;background:white;color:#4d4d4c;padding:.5em}.coffeescript .javascript,.javascript .xml,.tex .hljs-formula,.xml .javascript,.xml .vbscript,.xml .css,.xml .hljs-cdata{opacity:.5}.book-chapter{display:none}pre,blockquote{border:1px solid #999;page-break-inside:avoid;background:#f1f1f1;padding:8px}img{max-width:100%!important;page-break-inside:avoid;margin:0 auto}.exercise,.quiz{margin:1cm 0;padding:.4cm;page-break-inside:avoid;border:3px solid #ddd}.exercise .exercise-header,.quiz .exercise-header{margin-bottom:.4cm;padding-bottom:.2cm;border-bottom:1px solid #ddd}.exercise .question,.quiz .question{margin-top:.4cm}
|
||||
File diff suppressed because one or more lines are too long
@@ -12,3 +12,7 @@
|
||||
-o-transition: -o-transform @transition;
|
||||
transition: transform @transition;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@@ -9,10 +9,10 @@
|
||||
@import "website/languages.less";
|
||||
@import "website/header.less";
|
||||
@import "website/dropdown.less";
|
||||
@import "website/alerts.less";
|
||||
@import "website/summary.less";
|
||||
@import "website/font-settings.less";
|
||||
@import "website/body.less";
|
||||
@import "website/exercise.less";
|
||||
@import "website/quiz.less";
|
||||
@import "website/markdown.less";
|
||||
@import "website/navigation.less";
|
||||
|
||||
@@ -0,0 +1,31 @@
|
||||
.alert {
|
||||
padding: 15px;
|
||||
margin-bottom: 20px;
|
||||
color: #444;
|
||||
background: #eee;
|
||||
border-bottom: 5px solid #ddd;
|
||||
}
|
||||
|
||||
.alert-success {
|
||||
background: @state-success-bg;
|
||||
border-color: @state-success-border;
|
||||
color: @state-success-text;
|
||||
}
|
||||
|
||||
.alert-info {
|
||||
background: @state-info-bg;
|
||||
border-color: @state-info-border;
|
||||
color: @state-info-text;
|
||||
}
|
||||
|
||||
.alert-danger {
|
||||
background: @state-danger-bg;
|
||||
border-color: @state-danger-border;
|
||||
color: @state-danger-text;
|
||||
}
|
||||
|
||||
.alert-warning {
|
||||
background: @state-warning-bg;
|
||||
border-color: @state-warning-border;
|
||||
color: @state-warning-text;
|
||||
}
|
||||
@@ -1,52 +0,0 @@
|
||||
.book .book-body .page-wrapper .page-inner {
|
||||
section.exercise {
|
||||
padding: 0px;
|
||||
margin: 20px 15px;
|
||||
border: 3px solid #2f8cde;
|
||||
background: #fff;
|
||||
color: @content-color;
|
||||
font-family: sans-serif;
|
||||
|
||||
.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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,3 +1,7 @@
|
||||
.book .book-body .page-wrapper .page-inner section {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.book .book-body .page-wrapper .page-inner section.normal {
|
||||
-ms-text-size-adjust: 100%;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
@@ -6,6 +10,7 @@
|
||||
overflow: hidden;
|
||||
line-height: @content-line-height;
|
||||
word-wrap: break-word;
|
||||
display: block;
|
||||
|
||||
& > *:first-child {
|
||||
margin-top: 0 !important;
|
||||
|
||||
@@ -67,6 +67,24 @@
|
||||
@dropdown-border-color: @sidebar-divider-color;
|
||||
@dropdown-button-hover-color: @header-button-hover-color;
|
||||
|
||||
// States and alerts
|
||||
@state-success-text: #3c763d;
|
||||
@state-success-bg: #dff0d8;
|
||||
@state-success-border: darken(spin(@state-success-bg, -10), 5%);
|
||||
|
||||
@state-info-text: #31708f;
|
||||
@state-info-bg: #d9edf7;
|
||||
@state-info-border: darken(spin(@state-info-bg, -10), 7%);
|
||||
|
||||
@state-warning-text: #8a6d3b;
|
||||
@state-warning-bg: #fcf8e3;
|
||||
@state-warning-border: darken(spin(@state-warning-bg, -10), 5%);
|
||||
|
||||
@state-danger-text: #a94442;
|
||||
@state-danger-bg: #f2dede;
|
||||
@state-danger-border: darken(spin(@state-danger-bg, -10), 5%);
|
||||
|
||||
|
||||
// Border Radius
|
||||
@border-radius-base: 1px;
|
||||
@border-radius-large: 3px;
|
||||
|
||||
Reference in New Issue
Block a user