1 files changed, 21 insertions(+), 11 deletions(-)

M assets/css/style.css

@@ 28,7 28,7 @@ ul {
 
 code {
     background-color: #eee;
-    border: 0.01rem solid #999;
+    border: 1px solid #999;
     padding: 0rem 0.1rem 0rem 0.1rem;
 }
 


@@ 49,23 49,32 @@ blockquote {
     font-family: "Ubuntu Mono";
 }
 
-pre {
+.note {
     background-color: #eee;
     border: 1px solid #999;
     display: block;
     padding: 0.5rem;
+}
+
+pre {
+    background-color: #111;
+    color: #fff;
+    border: 1px solid #999;
+    display: block;
+    padding: 0.5rem;
     font-family: "Ubuntu Mono";
-    
+
     overflow-x: auto;
 }
 
 #table-of-contents {
     position: sticky;
     top: 0;
+    padding-top: 0.5rem;
 }
 
 #content :is(h1, h2, h3, h4, h5, h6) {
-    display: inline; 
+    display: inline;
     border-bottom: 0.15rem solid #9c0000;
     width: 100%;
     padding-bottom: 0.1rem;


@@ 77,10 86,6 @@ pre {
     color: black;
 }
 
-#content.textual {
-    margin: 0.5rem 0 0 0;
-}
-
 #organizer {
     display: flex;
     flex-direction: column;


@@ 94,7 99,7 @@ pre {
 
 .sidebar {
     flex-basis: auto;
-    padding: 0 0.5rem 0 0.5rem;
+    padding: 0.5rem 0.5rem 0 0.5rem;
 }
 
 @media only screen and (orientation: landscape) {


@@ 104,6 109,7 @@ pre {
 
     #content {
 	flex-basis: 80%;
+	margin: 0 0 0 0;
     }
 
     .sidebar {


@@ 111,6 117,10 @@ pre {
     }
 }
 
+#content.textual {
+    margin: 0.5rem 2rem 0 2rem;
+}
+
 .card-toplevel {
     display: flex;
     flex-direction: column;


@@ 154,7 164,7 @@ pre {
 }
 
 .card-content {
-    
+
 }
 
 #navbar-organizer {


@@ 166,7 176,7 @@ pre {
 }
 
 #navbar-toplevel {
-    display: flex; 
+    display: flex;
     flex-direction: row;
     justify-content: space-between;
     width: 100%;