Add style for alerts

Remove style for exercises
This commit is contained in:
Samy Pessé
2014-08-10 15:11:52 -07:00
parent 6c62d75eae
commit 4f60eda3ee
8 changed files with 61 additions and 55 deletions
+1 -1
View File
@@ -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
+4
View File
@@ -12,3 +12,7 @@
-o-transition: -o-transform @transition;
transition: transform @transition;
}
.hidden {
display: none;
}
+1 -1
View File
@@ -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";
+31
View File
@@ -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;
}
-52
View File
@@ -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;
}
}
}
}
+5
View File
@@ -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;
+18
View File
@@ -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;