test open graph preview carding

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

diff --git a/main.css b/main.css
index 44428ad68e8a754c2e3a82bf4f9ca591e6c86b7e..c832752c8092396eab5fcca8f2f447a336ea1cfc 100644 (file)
--- a/main.css
+++ b/main.css
@@ -25,6 +25,30 @@
     border-radius: 25px;
 }
 
     border-radius: 25px;
 }
 

+.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;
+}
+

 .marquee-heading{
     color:crimson
 }
 .marquee-heading{
     color:crimson
 }


@@ -43,9 +67,6 @@
     flex:1;
 }
 
     flex:1;
 }
 

-.datestamp{
-}
-

 .content{
     color:black;
 }
 .content{
     color:black;
 }


@@ -96,12 +117,29 @@
     width: 48px;
 }
 
     width: 48px;
 }
 

-.blog-img{
+.blog-img {
+    padding: 10px;

     display: block;
     margin: 0 auto;
     max-width: 250px;
 }
 
     display: block;
     margin: 0 auto;
     max-width: 250px;
 }
 

+.blog-img-lrg {
+    padding: 10px;
+    display: block;
+    margin: 0 auto;
+    max-width: 600px;
+}
+
+.video-embed{
+    max-width: 672px;
+    max-height:378px;
+    display: block;
+    margin: 0 auto;
+    padding-top: 10px;
+    padding-bottom: 10px;
+}
+

 body{
     font-family: 'Source Code Pro', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
     background-color: bisque;
 body{
     font-family: 'Source Code Pro', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
     background-color: bisque;