M styles/_blocks.less → styles/_blocks.less

@@ -2,6 +2,7 @@ .note { .mix-titled-block(@lighter-blue, @dark-blue, @light-blue, @fa-var-thumbtack);}
 .tip {.mix-titled-block(@lighter-green, @dark-green, @light-green, @fa-var-check-circle);}
 .warning {.mix-titled-block(@lighter-yellow, @dark-yellow, @light-yellow, @fa-var-exclamation-triangle);}
 
+.blank-sidebar {.mix-titled-block(@lightest-gray, @gray-5, @lightest-gray, "");}
 .sidebar {.mix-titled-block(@light-gray, @gray-5, @light-gray, @fa-var-info-circle);}
 .output {.mix-box(@light-gray, @gray-5, @light-gray);}
 
@@ -13,7 +14,7 @@ padding: 0 3px;
   border: 2px solid @gray-9;
   white-space: pre-wrap;
   border-top: 10px solid @gray-9;
-  p, p:first-child {
+  & > p, & > p:first-child {
     margin-top: -40px;
     margin-bottom: 0;
     text-shadow: none;
@@ -36,7 +37,7 @@ }
 
 .terminal-su {
   .terminal;
-  p, p:first-child {
+  & > p, & > p:first-child {
     &:before {
       color: @bright-red;
       content: "# ";

M styles/_mixins.less → styles/_mixins.less

@@ -75,7 +75,7 @@ 
 .mix-titled-block (@bg-color, @fg-color, @border-color, @icon){
   .mix-box(@bg-color, @fg-color, @border-color);
   font-size: 95%;
-  p {
+  & > p {
     margin: 0 auto;
     &:first-child {
       font-weight: 600;

M styles/_variables.less → styles/_variables.less

@@ -42,6 +42,7 @@ @gray-2: #222;
 @gray-1: #111;
 
 @gray: @gray-9;
+@lightest-gray: #fefefe;
 @light-gray:#f8f8f8;
 @dark-gray: @gray-2;
 @text-color: @gray-3;

M styles/hastyscribe.css → styles/hastyscribe.css

@@ -3748,14 +3748,14 @@ }
 .note p {
   margin: 0 auto;
 }
-.note p {
+.note > p {
   margin: 0 auto;
 }
-.note p:first-child {
+.note > p:first-child {
   font-weight: 600;
   color: #264c72;
 }
-.note p:first-child:before {
+.note > p:first-child:before {
   font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands";
   font-style: normal;
   font-weight: normal;
@@ -3798,14 +3798,14 @@ }
 .tip p {
   margin: 0 auto;
 }
-.tip p {
+.tip > p {
   margin: 0 auto;
 }
-.tip p:first-child {
+.tip > p:first-child {
   font-weight: 600;
   color: #009926;
 }
-.tip p:first-child:before {
+.tip > p:first-child:before {
   font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands";
   font-style: normal;
   font-weight: normal;
@@ -3848,14 +3848,14 @@ }
 .warning p {
   margin: 0 auto;
 }
-.warning p {
+.warning > p {
   margin: 0 auto;
 }
-.warning p:first-child {
+.warning > p:first-child {
   font-weight: 600;
   color: #705400;
 }
-.warning p:first-child:before {
+.warning > p:first-child:before {
   font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands";
   font-style: normal;
   font-weight: normal;
@@ -3871,6 +3871,56 @@ }
 .warning a {
   color: #241b00;
 }
+.blank-sidebar {
+  -moz-background-clip: padding;
+  -webkit-background-clip: padding-box;
+  background-clip: padding-box;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+  margin: 10px auto;
+  padding: 2px 4px 0 4px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
+  color: #555;
+  background-color: #fefefe;
+  border: 1px solid #fefefe;
+  font-size: 95%;
+}
+.blank-sidebar code,
+.blank-sidebar samp,
+.blank-sidebar pre {
+  color: #555;
+}
+.blank-sidebar a {
+  color: #264c72;
+}
+.blank-sidebar p {
+  margin: 0 auto;
+}
+.blank-sidebar > p {
+  margin: 0 auto;
+}
+.blank-sidebar > p:first-child {
+  font-weight: 600;
+  color: #555;
+}
+.blank-sidebar > p:first-child:before {
+  font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands";
+  font-style: normal;
+  font-weight: normal;
+  font-size: 100%;
+  color: #555;
+  content: "" " ";
+}
+.blank-sidebar pre,
+.blank-sidebar code {
+  font-size: 400;
+  color: #3b3b3b;
+}
+.blank-sidebar a {
+  color: #2f2f2f;
+}
 .sidebar {
   -moz-background-clip: padding;
   -webkit-background-clip: padding-box;
@@ -3898,14 +3948,14 @@ }
 .sidebar p {
   margin: 0 auto;
 }
-.sidebar p {
+.sidebar > p {
   margin: 0 auto;
 }
-.sidebar p:first-child {
+.sidebar > p:first-child {
   font-weight: 600;
   color: #555;
 }
-.sidebar p:first-child:before {
+.sidebar > p:first-child:before {
   font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands";
   font-style: normal;
   font-weight: normal;
@@ -3992,8 +4042,8 @@ .terminal td {
     white-space: nowrap;
   }
 }
-.terminal p,
-.terminal p:first-child {
+.terminal > p,
+.terminal > p:first-child {
   margin-top: -40px;
   margin-bottom: 0;
   text-shadow: none;
@@ -4002,12 +4052,12 @@ font-family: "Source Code Pro", "Monaco", "DejaVu Sans Mono", "Courier New", monospace;
   font-size: 85%;
   color: #eee;
 }
-.terminal p:first-child,
-.terminal p:first-child:first-child {
+.terminal > p:first-child,
+.terminal > p:first-child:first-child {
   margin-top: 0px;
 }
-.terminal p:before,
-.terminal p:first-child:before {
+.terminal > p:before,
+.terminal > p:first-child:before {
   font-family: "Source Code Pro", "Monaco", "DejaVu Sans Mono", "Courier New", monospace;
   font-style: normal;
   font-weight: 800;
@@ -4059,8 +4109,8 @@ .terminal-su td {
     white-space: nowrap;
   }
 }
-.terminal-su p,
-.terminal-su p:first-child {
+.terminal-su > p,
+.terminal-su > p:first-child {
   margin-top: -40px;
   margin-bottom: 0;
   text-shadow: none;
@@ -4069,20 +4119,20 @@ font-family: "Source Code Pro", "Monaco", "DejaVu Sans Mono", "Courier New", monospace;
   font-size: 85%;
   color: #eee;
 }
-.terminal-su p:first-child,
-.terminal-su p:first-child:first-child {
+.terminal-su > p:first-child,
+.terminal-su > p:first-child:first-child {
   margin-top: 0px;
 }
-.terminal-su p:before,
-.terminal-su p:first-child:before {
+.terminal-su > p:before,
+.terminal-su > p:first-child:before {
   font-family: "Source Code Pro", "Monaco", "DejaVu Sans Mono", "Courier New", monospace;
   font-style: normal;
   font-weight: 800;
   color: #009926;
   content: "$ ";
 }
-.terminal-su p:before,
-.terminal-su p:first-child:before {
+.terminal-su > p:before,
+.terminal-su > p:first-child:before {
   color: #CC3300;
   content: "# ";
 }