4 //----------------------------------------
6 //----------------------------------------
9 $color-brand: #2b3990 !default;
12 $color-error: #bd2c00 !default;
13 $color-output: #303030 !default;
14 $color-source: #6e5494 !default;
17 $color-callout: #f4fd9c !default;
18 $color-challenge: #eec275 !default;
19 $color-checklist: #dfd2a0 !default;
20 $color-discussion: #eec275 !default;
21 $color-keypoints: #7ae78e !default;
22 $color-objectives: #daee84 !default;
23 $color-prereq: #9cd6dc !default;
24 $color-solution: #ded4b9 !default;
25 $color-testimonial: #fc8dc1 !default;
27 //----------------------------------------
28 // Specialized code blocks.
29 //----------------------------------------
31 @mixin cdSetup($color) {
33 border-left: solid 5px $color;
35 border-radius: 4px 0 0 4px;
38 .error { @include cdSetup($color-error); }
39 .output { @include cdSetup($color-output); }
40 .source { @include cdSetup($color-source); }
42 .bash, .language-bash { @include cdSetup($color-source); }
43 .make, .language-make { @include cdSetup($color-source); }
44 .matlab, .language-matlab { @include cdSetup($color-source); }
45 .python, .language-python { @include cdSetup($color-source); }
46 .r, .language-r { @include cdSetup($color-source); }
47 .sql, .language-sql { @include cdSetup($color-source); }
64 border-radius: 0 4px 4px 0;
67 //----------------------------------------
68 // Specialized blockquote environments for learning objectives, callouts, etc.
69 //----------------------------------------
71 $codeblock-padding: 5px !default;
73 @mixin bkSetup($color, $glyph) {
75 $gradientcolor1: $color;
76 $gradientcolor2: scale-color($color, $lightness: 10%);
78 padding-left: $codeblock-padding;
85 padding-bottom: $codeblock-padding;
90 padding-top: $codeblock-padding;
91 padding-bottom: $codeblock-padding;
93 background: linear-gradient(to bottom, $gradientcolor1, $gradientcolor2);
96 margin-left: -$codeblock-padding; // to move back to the left margin of the enclosing blockquote
99 font-family: 'Glyphicons Halflings';
102 padding-left: $codeblock-padding;
103 padding-right: $codeblock-padding;
104 display: inline-block;
105 -webkit-font-smoothing: antialiased;
110 .callout{ @include bkSetup($color-callout, "\e146"); }
111 .challenge{ @include bkSetup($color-challenge, "\270f"); }
112 .checklist{ @include bkSetup($color-checklist, "\e067"); }
113 .discussion{ @include bkSetup($color-discussion, "\e123"); }
114 .keypoints{ @include bkSetup($color-keypoints, "\e101"); }
115 .objectives{ @include bkSetup($color-objectives, "\e085"); }
116 .prereq{ @include bkSetup($color-prereq, "\e124"); }
117 .solution{ @include bkSetup($color-solution, "\e105"); }
118 .testimonial{ @include bkSetup($color-testimonial, "\e143"); }
136 //----------------------------------------
137 // Override Bootstrap settings.
138 //----------------------------------------
144 background-color: #e7e7e7;
155 border-bottom: solid 1px #eaecef;
156 padding-bottom: 0.3em;
160 article h3 { margin: 40px 0 16px; }
162 //----------------------------------------
164 //----------------------------------------
166 .figures h2 { margin-top: 100px; }
187 height: 40px; // synchronize with height of navbar
207 //----------------------------------------
209 //----------------------------------------
212 position: -webkit-sticky; /* Safari */
238 //----------------------------------------
239 // keyboard key style, from StackExchange.
240 //----------------------------------------
243 display: inline-block;
246 font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
250 text-shadow: 0 1px 0 #FFF;
251 background-color: #e1e3e5;
252 border: 1px solid #adb3b9;
254 box-shadow: 0 1px 0 rgba(12,13,14,0.2), 0 0 0 2px #FFF inset;