Make changes to style.css and .gitignore

fhdsl · Apr 12, 2024 · f87bcce · f87bcce
1 parent 101ad97
commit f87bcce
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 65 deletions.
diff --git a/.gitignore b/.gitignore
@@ -4,4 +4,4 @@
 .Ruserdata
 /.quarto/
 .DS_Store
-docs/*
+_course
diff --git a/style.css b/style.css
@@ -5,7 +5,7 @@
 p.caption {
   color: #777;
   margin-top: 10px;
-}
+} /* TODO What is this? */
 
 /* Styles for paragraph code, which inherit white-space property */
 p code {
@@ -16,7 +16,7 @@ p code {
 pre {
   word-break: normal;
   word-wrap: normal;
-}
+} 
 
 /* Inherits the white-space property for consistent code formatting */
 pre code {
@@ -55,20 +55,11 @@ pre code {
 /*------------- Header text---------------- */
 
 h1, h2, h3, h4 {
-  font-family: 'Lora', arial, sans-serif; /* TODO: Do we need arial, sans-serif? */
+  font-family: 'Lora', arial, sans-serif;
 }
 
 /* TODO: Do we need this? */
 /* Can we use the margin-XXX fields in https://quarto.org/docs/reference/formats/html.html#layout */
-.book .book-body .page-wrapper .page-inner section.normal h1,
-.book .book-body .page-wrapper .page-inner section.normal h2,
-.book .book-body .page-wrapper .page-inner section.normal h3,
-.book .book-body .page-wrapper .page-inner section.normal h4,
-.book .book-body .page-wrapper .page-inner section.normal h5,
-.book .book-body .page-wrapper .page-inner section.normal h6 {
-    margin-top: 2.275em;
-    margin-bottom: 1em;
-}
 
 .title {
   font-family: 'Lora';
@@ -83,39 +74,6 @@ h1, h2, h3, h4 {
   color: #0b8d96;
 }
 
-
-/*----------DROP CAPS--------------*/
-/* Styles the first letter of the first paragraph under a level 1 header as a drop cap */
-
-/*p:nth-child(2):first-letter {   /* /* DROP-CAP FOR FIRST P BENEATH EACH H1 OR H2*/ /*
-  color: #3fb5bd;
-  float: left;
-  font-family: 'Abril Fatface', serif;
-  font-size: 7em;
-  line-height: 65px;
-  padding-top: 4px;
-  padding-right: 8px;
-  padding-left: 3px;
-  margin-bottom: 9px;
-}
-*/
-
-
-/* TODO: This doesnt work */
-.section.level1 > p:first-of-type:first-letter { /*drop cap for first p beneath level 1 headers only within class .section*/
-  color: #012d72;
-  float: left;
-  font-family: 'Abril Fatface', serif;
-  font-size: 7em;
-  line-height: 65px;
-  padding-top: 4px;
-  padding-right: 8px;
-  padding-left: 3px;
-  margin-bottom: 9px;
-}
-
-
-
 /*------------ TOC --------------*/
 /* TODO: This doesnt work */
 .book .book-summary {
@@ -149,7 +107,7 @@ color: #012d72
 
 .book .book-summary ul.summary li.active>a { /*active TOC links*/
   color: #68ace5 !important;
-  border-left: solid 4px;
+  border-left: solid 4px; /*TODO: This is the vertical line that pops up when you click on it*/
   border-color: #68ace5;
   padding-left: 11px !important;
 }
@@ -159,7 +117,7 @@ li.appendix span, li.part span { /* for TOC part names */
   margin-top: 1em;
   color: #000000;
   opacity: .9 !important;
-  text-transform: uppercase;
+  text-transform: uppercase; /*Uppercase the Section numbers*/
 }
 
 .part + li[data-level=""] { /* grabs first .chapter immediately after .part...but only those ch without numbers */
@@ -181,25 +139,11 @@ li.appendix span, li.part span { /* for TOC part names */
 }
 
 
-/*--- LOGO ---*/
-/* TODO: Do we want a TOC logo? */
-
-.toc-logo {
-  width: 200px !important;
-  object-fit: contain;
-  margin: 0 auto;
-}
-
-.toc-logo img {
-  max-width: 100%;
-  margin-bottom: 10px;
-}
-
-.summary > li:first-child {
-  height: auto !important;
+/* Sidebar Logo */
+.sidebar-logo {
+    max-width: 240px;
 }
 
-
 /* --------------Two columns--------------- */
 /* TODO: Where is this useful? */
 .col2 {