feed bump

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

diff --git a/main.css b/main.css
index 4adaf127d67025879e766fa7e6d2c5f87c401e5f..4570d0604884813942251b6d4956b68717c66702 100644 (file)
--- a/main.css
+++ b/main.css
@@ -7,81 +7,205 @@
     font-family: 'Source Code Pro', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
 }
 
     font-family: 'Source Code Pro', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
 }
 

-.header {
-    max-width: 1000px;
+.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;
+    color: black;
+}
+
+.blog-title {
+    flex: 1;
+}
+
+.blog-img {
+    padding: 10px;
+    display: block;

     margin: 0 auto;
     margin: 0 auto;

+    max-width: 250px;

 }
 
 }
 

-.container{
+.blog-img-lrg {
+    padding: 10px;
+    display: block;
+    margin: 0 auto;
+    max-width: 600px;
+}
+
+.container {

     padding-top: 10px;
     padding-bottom: 10px;
     padding-top: 10px;
     padding-bottom: 10px;

+    background-color:none transparent;

 }
 
 }
 

-.main {
+.content {
+    color: black;
+}
+
+.embed-title{
+    width: 100%;
+    height: 50px;
+    display: block;
+    margin: 0 auto;
+    border: 0;
+}
+
+.embed-footer {
+    width: 100%;
+    height: 250px;
+    display: block;
+    margin: 0 auto;
+    border: 0;
+    
+}
+
+.embed-links {
+    width: 100%;
+    height: 100px;
+    display: block;
+    margin: 0 auto;
+    border: 0;
+}
+
+.footer {

     max-width: 800px;
     margin: 0 auto;
     max-width: 800px;
     margin: 0 auto;

-    padding: 20px;
-    background-color: beige;
+    padding-top: 10px;
+    background-color: whitesmoke;

     border-radius: 25px;
 }
 
     border-radius: 25px;
 }
 

-.marquee-heading{
-    color:crimson
+.footer-container {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding-bottom: 10px;

 }
 
 }
 

-.heading {
-    color: dimgray;
+.footer-entry {
+    display: inline-block;
+    padding-left: 5px;
+    padding-right: 5px;

 }
 
 }
 

-.title-block{
-    display:flex;
-    padding-top: 5px;
-    padding-bottom: 5px;
+.footnote {
+    font-size: 11px;

 }
 
 }
 

-.blog-title{
-    flex:1;
+.header {
+    max-width: 1000px;
+    margin: 0 auto;

 }
 
 }
 

-.datestamp{
+.heading {
+    color: dimgray;

 }
 
 }
 

-.content{
-    color:black;
+.icon {
+    width: 48px;

 }
 
 }
 

-.footer{
+.indented {
+    margin-left: 15px;
+}
+
+.links{

     max-width: 800px;
     margin: 0 auto;
     padding-top: 10px;
     max-width: 800px;
     margin: 0 auto;
     padding-top: 10px;

-    background-color:antiquewhite;
+    background-color:whitesmoke;

     border-radius: 25px;
 }
 
     border-radius: 25px;
 }
 

-.footer-container{
+.links-container{

     display:flex;
     justify-content: center;
     align-items: center;
     display:flex;
     justify-content: center;
     align-items: center;

+    padding-bottom: 10px;

 }
 
 }
 

-.footer-entry{
+.links-entry{

     display: inline-block;
     display: inline-block;

-    padding-left:5px;
-    padding-right:5px;
+    margin-left: 5px;
+    margin-right: 5px;

 }
 
 }
 

-.icon{
-    width: 48px;
+.main {
+    max-width: 800px;
+    margin: 0 auto;
+    padding: 20px;
+    background-color: whitesmoke;
+    border-radius: 25px;
+}
+
+.marquee-heading {
+    color: crimson

 }
 
 }
 

-.blog-img{
+p {
+    margin-bottom: 10px;
+}
+
+.title-block {
+    display: flex;
+    padding-top: 5px;
+    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;
+    margin-right: 25px;
+    margin-bottom: 10px;
+}
+
+.video-embed{
+    max-width: 672px;
+    max-height:378px;

     display: block;
     margin: 0 auto;
     display: block;
     margin: 0 auto;

-    max-width: 250px;
+    padding-top: 10px;
+    padding-bottom: 10px;

 }
 
 }
 

-body{
-    font-family: 'Source Code Pro', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-    background-color: bisque;
-    color: black;
+.whole-site{
+    background-image: url("img/hearts2.png");
+    background-size: 10%;
+    background-color: #ffa2b5;

 }
\ No newline at end of file
 }
\ No newline at end of file