Fix issue with CSS

[rnaseq-cwl-training.git] / assets / css / lesson.scss

diff --git a/assets/css/lesson.scss b/assets/css/lesson.scss
index 0f3e47ede66b324b6635d15648848f444616c37e..d2a2f29f6b21d7afccb07ffff29988ab24d481ec 100644 (file)
--- a/assets/css/lesson.scss
+++ b/assets/css/lesson.scss
@@ -32,17 +32,37 @@ $color-testimonial: #fc8dc1 !default;
   color: $color;
   border-left: solid 5px $color;
   margin-bottom: 0px;
+  border-radius: 4px 0 0 4px;
 }
 
 .error  { @include cdSetup($color-error); }
 .output { @include cdSetup($color-output); }
 .source { @include cdSetup($color-source); }
 
-.bash   { @include cdSetup($color-source); }
-.make   { @include cdSetup($color-source); }
-.python { @include cdSetup($color-source); }
-.r      { @include cdSetup($color-source); }
-.sql    { @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, .langauge-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;
+}
 
 //----------------------------------------
 // Specialized blockquote environments for learning objectives, callouts, etc.
@@ -99,9 +119,13 @@ $codeblock-padding: 5px !default;
 //----------------------------------------
 
 code {
-  padding: 0 0;
-  color: inherit;
-  background-color: inherit;
+  padding: 2px 5px;
+  color: #3d90d9;
+  background-color: #e7e7e7;
+}
+
+img {
+  max-width: 100%;
 }
 
 //----------------------------------------
@@ -128,11 +152,32 @@ div.branding {
 
 ul,
 ol {
-  padding-left: 1em;
+  padding-left: 2em;
 }
 
-
 span.fold-unfold {
   margin-left: 1em;
   opacity: 0.5;
 }
+
+
+//----------------------------------------
+// keyboard key style, from StackExchange.
+//----------------------------------------
+
+kbd {
+    display: inline-block;
+    margin: 0 .1em;
+    padding: .1em .6em;
+    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
+    font-size: 11px;
+    line-height: 1.4;
+    color: #242729;
+    text-shadow: 0 1px 0 #FFF;
+    background-color: #e1e3e5;
+    border: 1px solid #adb3b9;
+    border-radius: 3px;
+    box-shadow: 0 1px 0 rgba(12,13,14,0.2), 0 0 0 2px #FFF inset;
+    white-space: nowrap;
+    font-style: normal;
+}