Jump to content

Timeline Plugin Not Working

Recommended Posts

Posted

Site URL: https://www.ourchildrenstrust.org/washington

There are timelines throughout our site and all of them have stopped working suddenly. Not sure how to fix it. Any help is much appreciated!!

<script src="https://drive.google.com/uc?export=view&id=1iBS8Jg9Ty5bjY_5QllDLxcNH0EkcrJto"></script>
<script src="https://drive.google.com/uc?export=view&id=16CfKfDXxUGRaUKzX6k7bD9fIwaOgm-oT"></script>

<style type="text/css">
.sqs-block-quote blockquote {overflow:hidden;}
.sqs-block-quote blockquote span, .quote-block figcaption::first-letter, .quote-block .source::first-letter {display: none !important;}

.quote-block {color: #000000;font-size: 14px;}
.quote-block h1 {color: #000000;font-size: 26px;margin: 10px 0 0;}
.quote-block img {max-width: 100%;margin: 15px 0;}
.quote-block.sqs-block-quote figcaption {color: #000000;font-size: 11px;font-weight: 500;}
.quote-block a {color: #000000;font-size: 14px;text-decoration: none;padding-bottom: 1px;background-image: -webkit-gradient(linear,left top,left bottom,from(#1c1c1c),to(#1c1c1c));background-image: -o-linear-gradient(#1c1c1c 0%,#1c1c1c 100%);background-image: linear-gradient(#1c1c1c 0%,#1c1c1c 100%);background-repeat: no-repeat;background-size: 100% 1px;background-position: 0 bottom;-webkit-transition: opacity 700ms cubic-bezier(.694,0,.335,1),background-position 100ms cubic-bezier(.694,0,.335,1);-o-transition: opacity 700ms cubic-bezier(.694,0,.335,1),background-position 100ms cubic-bezier(.694,0,.335,1);transition: opacity 700ms cubic-bezier(.694,0,.335,1),background-position 100ms cubic-bezier(.694,0,.335,1);}
.quote-block a:hover {background-position: center bottom 3px;}

.sqs-block-quote figure {display: flex;flex-direction: column;margin: 0 3px;}
.sqs-block-quote blockquote {order: 2;margin: 4px;}
.sqs-block-quote figcaption {order: 1;}

body:not(.sqs-edit-mode-active) .quote-block:nth-child(odd) blockquote, body:not(.sqs-edit-mode-active) .quote-block:nth-child(odd) figcaption {text-align: left;}
body:not(.sqs-edit-mode-active) .quote-block:nth-child(even) blockquote, body:not(.sqs-edit-mode-active) .quote-block:nth-child(even) figcaption {text-align: right;}

body:not(.sqs-edit-mode-active) .quote-block figcaption {padding: 0;margin: 0 0 10px -5px;line-height: initial !important;}
.quote-block figcaption::first-letter {visibility: hidden;font-size: 0;}

body:not(.sqs-edit-mode-active) .quote-block.sqs-block {list-style-type: none;position: relative;width: .5px !important;margin: 0 auto;padding: 0 0 50px !important;background: #cccccc;}

body:not(.sqs-edit-mode-active) .quote-block::after {content: '';position: absolute;left: 50%;top: 50%;transform: translateX(-50%);width: 10px;height: 10px;border-radius: 50%;background: inherit;}

body:not(.sqs-edit-mode-active) .quote-block:first-child::after {top: 0;}
body:not(.sqs-edit-mode-active) .quote-block:last-child::after {bottom: 0;top: unset;}

body:not(.sqs-edit-mode-active) .quote-block .sqs-block-content {position: relative;bottom: 0px;width: 400px;visibility: hidden;opacity: 0;transition: all .5s ease-in-out;padding: 0;}
body:not(.sqs-edit-mode-active) .quote-block:nth-child(odd) .sqs-block-content {left: 45px;}
body:not(.sqs-edit-mode-active) .quote-block:nth-child(even) div {left: -480px;}

body:not(.sqs-edit-mode-active) .quote-block::after {background: #ffffff;}
body:not(.sqs-edit-mode-active) .quote-block.in-view::after {border: 1px solid #cccccc;}


body:not(.sqs-edit-mode-active) .quote-block:nth-child(odd) .sqs-block-content {transform: translate3d(200px,0,0);}
body:not(.sqs-edit-mode-active) .quote-block:nth-child(even) .sqs-block-content {transform: translate3d(-200px,0,0);}

body:not(.sqs-edit-mode-active) .quote-block.in-view .sqs-block-content {transform: none;visibility: visible;opacity: 1;}

.quote-block iframe {max-width: 100% !important;}

@media screen and (max-width: 992px) {
body:not(.sqs-edit-mode-active) .quote-block .sqs-block-content {width: 250px;}
body:not(.sqs-edit-mode-active) .quote-block:nth-child(even) .sqs-block-content {left: -289px;}
}

@media screen and (max-width: 600px) {
body:not(.sqs-edit-mode-active) .quote-block .sqs-block-content {transform:none !important;}
body:not(.sqs-edit-mode-active) .quote-block {margin-left: 20px !important;}
body:not(.sqs-edit-mode-active) .quote-block .sqs-block-content {width: calc(100vw - 91px);}
body:not(.sqs-edit-mode-active) .quote-block:nth-child(even) .sqs-block-content {left: 45px;}
body:not(.sqs-edit-mode-active) .quote-block:nth-child(even) blockquote, body:not(.sqs-edit-mode-active) .quote-block:nth-child(even) figcaption {text-align: left;}
body:not(.sqs-edit-mode-active) .quote-block::after {top: 0;}
}
/* Paragraph */ .quote-block blockquote {color: #FFFFFF;font-size: 18px;}
/* Date */ .quote-block.sqs-block-quote figcaption {color: #FFFFFF;font-size: 14px;}
/* Title */ .quote-block h1 {color: #819c99;font-size: 22px;}
/* Link */ .quote-block a {color: #09b29d;font-size: 18px;}
/* Line Color */ body:not(.sqs-edit-mode-active) .quote-block.sqs-block {background: #FFFFFF;}
/* Circle Color */ body:not(.sqs-edit-mode-active) .quote-block.in-view::after {background: #09b29d;border: 1px solid #09b29d;}
body:not(.sqs-edit-mode-active) .quote-block.sqs-block {padding: 0 0 5px !important;}
  body:not(.sqs-edit-mode-active) .quote-block blockquote, body:not(.sqs-edit-mode-active) .quote-block figcaption {text-align: left !important;}
</style>

 

 

  • Replies 1
  • Views 1.1k
  • Created
  • Last Reply

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.