upload fire pt 1

abcotvdata · Nov 11, 2023 · 4b067f6 · 4b067f6
1 parent c07d16c
commit 4b067f6
Show file tree

Hide file tree

Showing 3 changed files with 809 additions and 3 deletions.
diff --git a/weathering-tomorrow-final/css/styles.css b/weathering-tomorrow-final/css/styles.css
@@ -1538,6 +1538,67 @@ a:visited {
 
  /*END PULL QUOTE STYLING*/
 
+ /*VIDEO GALLERY STYLING*/
+
+ .vid-gallery {
+ margin: 50px 0px;
+ }
+
+ .vid-gallery img {
+ width: 100%;
+ }
+
+ .big-vid {
+ width: 100%;
+ margin-bottom: 20px;
+
+ }
+
+ .vid-thumbs {
+ width: 100%;
+ display: grid;
+ grid-template-columns: 1fr 1fr 1fr 1fr;
+ grid-gap: 30px;
+ }
+
+ .vid-thumb {
+ box-shadow: -1px 1px 5px #676767;
+ cursor: pointer;
+
+ }
+
+ /*END VIDEO GALLERY STYLING*/
+
+.click-here-solutions {
+ font-weight: 700;
+ font-size: 15px;
+ background-color: #fb991b;
+ color: white;
+ padding: 0px;
+ box-shadow: -1px 1px 5px #676767;
+ width: 80%;
+ margin: auto;
+ padding: 5px;
+ text-align: center;
+ text-decoration: underline;
+
+} 
+
+ .click-here-solutions p {
+ margin: 0px;
+ }
+
+ .click-here-solutions a {
+ color: white;
+ }
+
+ .click-here-solutions a:visited {
+ color: white;
+ }
+
+
+
+
 .iframe {
  width: 100%;
  height: 0px;
@@ -1568,13 +1629,28 @@ a:visited {
 }
 
 .in-line-embed {
- width: 65%;
- float: right;
- margin-left: 20px;
+ width: 60%;
+ float: left;
+ margin-right: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
+ position: relative;
 }
 
+.embed-caption {
+ /*position: absolute;*/
+ bottom: 0px;
+ width: 100%;
+ font-size: 13px;
+ /*background-color: rgba(255,255,255,0.5); */
+}
+
+ .embed-caption p {
+ padding: 8px;
+ margin: 0px;
+ line-height: 13px;
+ }
+
 .embed-title {
  font-family: "neuzeit-grotesk", sans-serif;
 }
@@ -2635,6 +2711,12 @@ a:visited {
  padding: 0px 0px;
  }
 
+ .embed-caption p {
+ padding: 8px;
+ margin: 0px;
+ line-height: 13px;
+ }
+
  .story-text-subheader, .video-title {
  padding: 0px 0px;
  font-size: 23px;