fix up more possible paths depending what platform and ide i'm using

[gnargle.github.io.git] / main.css

diff --git a/main.css b/main.css
index 83040568b1f22dc55716a74508134f5d5c63e8c1..4570d0604884813942251b6d4956b68717c66702 100644 (file)
--- a/main.css
+++ b/main.css
@@ -7,9 +7,18 @@
     font-family: 'Source Code Pro', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
 }
 
+.audio-block {
+    display: flex;
+    padding-top: 5px;
+    padding-bottom: 5px;
+}
+
+.audio-title {
+    flex: 1;
+}
+
 body {
     font-family: 'Source Code Pro', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-    background-color: bisque;
     color: black;
 }
 
@@ -34,6 +43,7 @@ body {
 .container {
     padding-top: 10px;
     padding-bottom: 10px;
+    background-color:none transparent;
 }
 
 .content {
@@ -54,6 +64,7 @@ body {
     display: block;
     margin: 0 auto;
     border: 0;
+    
 }
 
 .embed-links {
@@ -68,7 +79,7 @@ body {
     max-width: 800px;
     margin: 0 auto;
     padding-top: 10px;
-    background-color: antiquewhite;
+    background-color: whitesmoke;
     border-radius: 25px;
 }
 
@@ -85,6 +96,10 @@ body {
     padding-right: 5px;
 }
 
+.footnote {
+    font-size: 11px;
+}
+
 .header {
     max-width: 1000px;
     margin: 0 auto;
@@ -106,7 +121,7 @@ body {
     max-width: 800px;
     margin: 0 auto;
     padding-top: 10px;
-    background-color:blanchedalmond;
+    background-color:whitesmoke;
     border-radius: 25px;
 }
 
@@ -127,7 +142,7 @@ body {
     max-width: 800px;
     margin: 0 auto;
     padding: 20px;
-    background-color: beige;
+    background-color: whitesmoke;
     border-radius: 25px;
 }
 
@@ -145,6 +160,34 @@ p {
     padding-bottom: 5px;
 }
 
+/* Tooltip container */
+.tooltip {
+    position: relative;
+    display: inline-block;
+    border-bottom: 1px dotted black;
+    /* If you want dots under the hoverable text */
+}
+
+/* Tooltip text */
+.tooltip .tooltiptext {
+    visibility: hidden;
+    background-color: #ffa2b5;
+    color: black;
+    text-align: center;
+    padding: 5px 0;
+    border-radius: 6px;
+
+    /* Position the tooltip text - see examples below! */
+    position: absolute;
+    bottom: 100%;
+    z-index: 1;
+}
+
+/* Show the tooltip text when you mouse over the tooltip container */
+.tooltip:hover .tooltiptext {
+    visibility: visible;
+}
+
 ul {
     margin-top: 10px;
     margin-left: 25px;
@@ -159,4 +202,10 @@ ul {
     margin: 0 auto;
     padding-top: 10px;
     padding-bottom: 10px;
+}
+
+.whole-site{
+    background-image: url("img/hearts2.png");
+    background-size: 10%;
+    background-color: #ffa2b5;
 }
\ No newline at end of file