4 //----------------------------------------
6 //----------------------------------------
9 $color-brand: #2b3990 !default;
12 $color-error: #bd2c00 !default;
13 $color-warning: #cda01d !default;
14 $color-output: #303030 !default;
15 $color-source: #360084 !default;
18 $color-callout: #f4fd9c !default;
19 $color-challenge: #eec275 !default;
20 $color-checklist: #dfd2a0 !default;
21 $color-discussion: #eec275 !default;
22 $color-keypoints: #7ae78e !default;
23 $color-objectives: #daee84 !default;
24 $color-prereq: #9cd6dc !default;
25 $color-solution: #ded4b9 !default;
26 $color-testimonial: #fc8dc1 !default;
28 //----------------------------------------
29 // Specialized code blocks.
30 //----------------------------------------
32 @mixin cdSetup($color) {
34 border: solid 1px $color;
35 border-left: solid 5px $color;
36 margin: 15px 5px 10px 0;
37 border-radius: 4px 0 0 4px;
40 .error { @include cdSetup($color-error); }
41 .warning { @include cdSetup($color-warning); }
42 .output { @include cdSetup($color-output); }
43 .source { @include cdSetup($color-source); }
45 .bash, .language-bash { @include cdSetup($color-source); }
46 .make, .language-make { @include cdSetup($color-source); }
47 .matlab, .language-matlab { @include cdSetup($color-source); }
48 .python, .language-python { @include cdSetup($color-source); }
49 .r, .language-r { @include cdSetup($color-source); }
50 .sql, .language-sql { @include cdSetup($color-source); }
56 .bash::before, .language-bash::before,
57 .make::before, .language-make::before,
58 .matlab::before, .language-matlab::before,
59 .python::before, .language-python::before,
60 .r::before, .language-r::before,
61 .sql::before, .language-sql::before {
62 background-color: #f2eff6;
68 .error::before { background-color: #ffebe6; content: "Error"; }
69 .warning:before { background-color: #f8f4e8; content:" Warning"; }
70 .output::before { background-color: #efefef; content: "Output"; }
71 .source::before { content: "Code"; }
72 .bash::before, .language-bash::before { content: "Bash"; }
73 .make::before, .language-make::before { content: "Make"; }
74 .matlab::before, .language-matlab::before { content: "Matlab"; }
75 .python::before, .language-python::before { content: "Python"; }
76 .r::before, .language-r::before { content: "R"; }
77 .sql::before, .language-sql::before { content: "SQL"; }
80 //----------------------------------------
81 // Specialized blockquote environments for learning objectives, callouts, etc.
82 //----------------------------------------
84 $codeblock-padding: 5px !default;
86 @mixin bkSetup($color, $glyph) {
88 $gradientcolor1: $color;
89 $gradientcolor2: scale-color($color, $lightness: 10%);
91 padding: 0 0 $codeblock-padding $codeblock-padding;
96 margin: 15px 5px 10px 0;
99 padding-top: $codeblock-padding;
100 padding-bottom: $codeblock-padding;
102 background: linear-gradient(to bottom, $gradientcolor1, $gradientcolor2);
103 border-color: $color;
105 margin-left: -$codeblock-padding; // to move back to the left margin of the enclosing blockquote
108 font-family: 'Glyphicons Halflings';
111 padding-left: $codeblock-padding;
112 padding-right: $codeblock-padding;
113 display: inline-block;
114 -webkit-font-smoothing: antialiased;
119 .callout{ @include bkSetup($color-callout, "\e146"); }
120 .challenge{ @include bkSetup($color-challenge, "\270f"); }
121 .checklist{ @include bkSetup($color-checklist, "\e067"); }
122 .discussion{ @include bkSetup($color-discussion, "\e123"); }
123 .keypoints{ @include bkSetup($color-keypoints, "\e101"); }
124 .objectives{ @include bkSetup($color-objectives, "\e085"); }
125 .prereq{ @include bkSetup($color-prereq, "\e124"); }
126 .solution{ @include bkSetup($color-solution, "\e105"); }
127 .testimonial{ @include bkSetup($color-testimonial, "\e143"); }
141 .challenge { background-color: #eec27520; }
142 .callout { background-color: #f4fd9c20; }
143 .challenge { background-color: #eec27520; }
144 .checklist { background-color: #dfd2a020; }
145 .discussion { background-color: #eec27520; }
146 .keypoints { background-color: #7ae78e20; }
147 .objectives { background-color: #daee8420; }
148 .prereq { background-color: #9cd6dc20; }
149 .solution { background-color: #ded4b94d; }
150 .testimonial { background-color: #fc8dc120; }
155 blockquote :not(h2) + p {
159 //----------------------------------------
160 // Override Bootstrap settings.
161 //----------------------------------------
163 blockquote { font-size: inherit; }
169 background-color: #e7e7e7;
172 samp { hyphens: none; }
174 dt { margin-top: 20px; }
175 dd { margin-left: 2em; }
185 border-bottom: solid 1px #eaecef;
186 padding-bottom: 0.3em;
190 article h3 { margin: 40px 0 16px; }
197 //----------------------------------------
199 //----------------------------------------
201 .figures h2 { margin-top: 100px; }
222 height: 40px; // synchronize with height of navbar
242 //----------------------------------------
244 //----------------------------------------
247 position: -webkit-sticky; /* Safari */
273 //----------------------------------------
274 // keyboard key style, from StackExchange.
275 //----------------------------------------
278 display: inline-block;
281 font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
285 text-shadow: 0 1px 0 #FFF;
286 background-color: #e1e3e5;
287 border: 1px solid #adb3b9;
289 box-shadow: 0 1px 0 rgba(12,13,14,0.2), 0 0 0 2px #FFF inset;