-.error { @include cdSetup($color-error); }
-.output { @include cdSetup($color-output); }
-.source { @include cdSetup($color-source); }
-
-.bash, .language-bash { @include cdSetup($color-source); }
-.make, .language-make { @include cdSetup($color-source); }
-.matlab, .language-matlab { @include cdSetup($color-source); }
-.python, .language-python { @include cdSetup($color-source); }
-.r, .language-r { @include cdSetup($color-source); }
-.sql, .language-sql { @include cdSetup($color-source); }
-
-.error pre,
-.output pre,
-.source pre,
-.bash pre,
-.language-bash pre,
-.make pre,
-.language-make pre,
-.matlab pre,
-.language-matlab pre,
-.python pre,
-.language-python pre,
-.r pre,
-.language-r pre,
-.sql pre ,
-.language-sql pre {
- border-radius: 0 4px 4px 0;
+div.error { @include cdSetup($color-error); }
+div.warning { @include cdSetup($color-warning); }
+div.output { @include cdSetup($color-output); }
+div.source { @include cdSetup($color-source); }
+
+div.bash, div.language-bash { @include cdSetup($color-source); }
+div.c, div.language-c { @include cdSetup($color-source); }
+div.cmake, div.language-cmake { @include cdSetup($color-source); }
+div.cpp, div.language-cpp { @include cdSetup($color-source); }
+div.make, div.language-make { @include cdSetup($color-source); }
+div.matlab, div.language-matlab { @include cdSetup($color-source); }
+div.python, div.language-python { @include cdSetup($color-source); }
+div.r, div.language-r { @include cdSetup($color-source); }
+div.sql, div.language-sql { @include cdSetup($color-source); }
+
+div.error::before,
+div.warning:before,
+div.output::before,
+div.source::before,
+div.bash::before, div.language-bash::before,
+div.c::before, div.language-c::before,
+div.cmake::before, div.language-cmake::before,
+div.cpp::before, div.language-cpp::before,
+div.make::before, div.language-make::before,
+div.matlab::before, div.language-matlab::before,
+div.python::before, div.language-python::before,
+div.r::before, div.language-r::before,
+div.sql::before, div.language-sql::before {
+ background-color: #f2eff6;
+ display: block;
+ font-weight: bold;
+ padding: 5px 10px;
+}
+
+div.error::before { background-color: #ffebe6; content: "Error"; }
+div.warning:before { background-color: #f8f4e8; content:" Warning"; }
+div.output::before { background-color: #efefef; content: "Output"; }
+div.source::before { content: "Code"; }
+div.bash::before, div.language-bash::before { content: "Bash"; }
+div.c::before, div.language-c::before { content: "C"; }
+div.cmake::before, div.language-cmake::before { content: "CMake"; }
+div.cpp::before, div.language-cpp::before { content: "C++"; }
+div.make::before, div.language-make::before { content: "Make"; }
+div.matlab::before, div.language-matlab::before { content: "Matlab"; }
+div.python::before, div.language-python::before { content: "Python"; }
+div.r::before, div.language-r::before { content: "R"; }
+div.sql::before, div.language-sql::before { content: "SQL"; }
+
+// Tab panels are used on Setup pages to show instructions for different Operating Systems
+.tab-pane {
+ border: solid 1px #ddd; // #ddd == @nav-tabs-active-link-hover-border-color
+ border-top: none;
+ padding: 20px 20px 10px 20px;
+ border-radius: 0 0 4px 4px; // 4px == @border-radius-base
+}
+
+// Stripe above tab panels where OS tabs are shown
+ul.nav.nav-tabs {
+ background: #E1E1E1;
+ border-radius: 4px 4px 0 0; // 4px == @border-radius-base