(2017) Time After Time

~~Press Coverage~~

buy on Amazon | ~~iTunes~~

Role:	Serena
Rating:	TV-14
Genre:	Drama, Sci-Fi
Country:	USA
Language:	English
Network:	ABC
Running Time:	44 min
Production Location:	New York City
Production Company:	Outerbanks Entertainment, Warner Bros. Television
Created by:	Kevin Williamson
Produced by:	Marcos Siega, Kevin Williamson
Episode Title:	1.07 Suitcases of Memories
Directed by:	Allison Anders
Written by:	Kai Yu Wu
Air Date:	July 31, 2017 (USA)
Rating/Share (18-49):	-
Viewers:	-
Total:	-

H.G., Jane and John search for Vanessa, while Brooke moves forward with her plan to avenge her father's legacy, ultimately sending H.G. and Jane to a place where they will have to fight to survive.

Character

Barrett plays Serena who works for Brooke in order to locate the time machine. She is tech-savvy and smart but also ruthless.

Photos from this episode

(2017) Time After Time > 1.07 Suitcases of Memories - Screencaptures

Scenes

TV Series: Guest Appearances

(2017) Time After Time: 1.07 Suitcases of Memories

July 31, 2017

.family img {
  border-radius: 3px;
  -webkit-box-shadow: 2px 2px 4px #cdcdcd;
  -webkit-transition: 1s ease; 
  -moz-transition: 1s ease; 
  -o-transition: 1s ease; 
  -ms-transition: 1s ease; 
  transition: 1s ease;
  filter:alpha(opacity=100); 
  -moz-opacity: 1.0; 
  opacity: 1.0;	
  width: 95px;
  padding: 3px;
  background-color: #ffffff;
  border: dotted #e7e7e7 1px;	
}
.family img:hover {
  filter:alpha(opacity=100); 
  -moz-opacity: 0.8; 
  opacity: 0.8;
  width: 95px;
  padding: 3px;
  background-color: #ffffff;
  border: dotted #e7e7e7 1px;
}

#affiliates-widget {
  color: #000000 !important;
  font-size: 8px !important;
  font-weight: 300;
  line-height: 14px;
  float: left;
  width: 23%;
  margin: 2px 3px;
  padding: 7px 0;
  text-align: center;
  border: 1px solid #e7e7e7;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;	
  text-transform: uppercase;
  letter-spacing: 0px;
}

#affiliates-widget a span {
  font-size: 16px;
  font-weight: 500;
  display: block;
  font-family: Reenie Beanie;
  text-transform: lowercase;	
  letter-spacing: 0;
  color: #79d2db;
}

#affiliates-widget a {
  color: #000000 !important;
}

.bioupdate {
  background-image: url(https://www.barrett-doss.net/wp/wp-content/uploads/2020/02/navbg.png);
  background-position: top center;
  background-repeat: repeat-y;
  color: #000000;
  font-weight: 200; 
  border: solid #f8ff2c 1px;
  font-size: 90%;
  margin: 0 50px 20px 50px;
  padding: 10px 20px;
  text-align: justify;
}

.widget-project{
  background: #ffffff;
  color: #000000;
  font-family: Imprima;	
  text-transform: uppercase;
  font-weight: 300; 
  font-size: 105%;
  padding: 2px 4px;
  letter-spacing: 1px;
}
.widget-project-details{
  background: rgba(0, 0, 0, 0.5);
  color: #ffffff;
  text-shadow: 1px 1px 1px #000000;
  font-weight: 200; 
  font-size: 100%;
  padding: 0 5px 0px 5px;
  margin: 2px 0;
  text-align: justify;
}
.widget-project-date {
  background: #f8ff2c;
  color: #000000;
  font-family: 'GillSans', 'Calibri', 'Trebuchet', sans-serif;	
  padding: 3px 5px;
  font-weight: 200;
  margin-left: 0;
  font-size: 10px; 
  text-transform: uppercase;
  letter-spacing: 1px;
}
#widget-project-info {
  font-family: 'GillSans', 'Calibri', 'Trebuchet', sans-serif;	
  font-size: 10px; 
  font-weight: 300; 
  text-transform: uppercase !important;	
}
#widget-project-info a{
  background: #62ddec;
  border: solid #a1e0bf 0px;
  color: #000000 !important;
  padding: 5px 7px;
  text-transform: uppercase !important;	
  -webkit-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  -moz-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  -o-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);		
}
#widget-project-info a:hover{
  background: #8cf0bb;
  border: solid #fff7e5 0px; 
  color: #000000 !important;	
  padding: 5px 7px;
  text-transform: uppercase !important;		
}

div.wpforms-container-full .wpforms-form input,
div.wpforms-container-full .wpforms-form label,
div.wpforms-container-full .wpforms-form select,
div.wpforms-container-full .wpforms-form button,
div.wpforms-container-full .wpforms-form textarea {
	font-size: 12px !important;
	text-transform: uppercase;
	font-family: Imprima !important;
}

.pagealbums img{
    box-shadow: 2px 2px 2px #a1a1a1;
}

#voiceover {
    border: solid 1px #c5eac6;
    background-color: #d6f8d7;
    padding: 5px 10px;
    text-align: justify;
    font-size: 95%;
}
#voiceover u{
    font-family: Imprima;
    font-size: 105%;
    font-weight: 500;
    letter-spacing: 2px;
}

#award-won {
    color: #e8b923;
    margin: 0 5px;
}
#award-nominated {
    color: #a1a1a1;
    margin: 0 5px;
}

.ep-quotes {
    text-align:justify;
}
.ep-quotes b {
    font-family: Raleway;
    font-size: 100%;
    font-weight: 600;
}
.ep-quotes i {
    color: #575757;
    font-family: Raleway;
    text-transform: lowercase;
    font-size: 95%;
}
.break {
    border: dashed 1px #f1f1f1;
    margin: 7px 0;
}
.pressrelease {
    text-align: justify;
    padding: 5px 10px;
    margin: 0 0 20px 0;
    border: solid 1px #f1f1f1;
    background-color: #f9f9f9;
}

.pressrelease b{
    font-family: Imprima;
    font-weight: 500;
    letter-spacing: 2px;
}

.page-pressrelease {
    text-align:justify;
    font-size: 95%;
    padding: 5px 10px;
    border: solid 1px #f1f1f1;
    background-color: #f9f9f9;
}
.page-pressrelease b{
    font-family: Raleway;
    font-size: 80%;
    font-weight: 600;
    letter-spacing: 2px;
}

.bio-page {
    text-align:justify;
}
.bio-page i {
    font-family: Imprima;
    font-weight: 500;
    letter-spacing: 1px;
}
.bio-page em {
    background: #000000;
    color: #ffffff;
    padding: 1px 3px;
    font-family: Imprima;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 90%;
}
.bio-page u {
    font-family: Imprima;
    font-weight: 500;
    letter-spacing: 2px;
}
.bio-page strong {
    color: #b92b87;
    font-weight: 500;
}
.bio-page a {
    font-family: Imprima;
    font-weight: 500;
    border-bottom: solid 2px #1a6a97;
    color: #1a6a97;
    letter-spacing: 1px;
    padding: 1px 3px;
    text-transform: uppercase;
    font-size: 100%;
    -webkit-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
    -moz-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
    -o-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
    transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
}
.bio-page a:hover {
    font-family: Imprima;
    font-weight: 500;
    border-bottom: solid 2px #70c389;
    color: #70c389;
    letter-spacing: 1px;
    padding: 1px 3px;
    text-transform: uppercase;
    font-size: 100%;
    text-decoration: none !important;
}

.pages {
    text-align:justify;
}
.pages i {
    font-weight: 600;
    letter-spacing: 1px;
}
.pages em {
    font-family: Imprima;
    font-weight: 500;
    letter-spacing: 1px;
}
.pages u {
    font-family: Imprima;
    font-weight: 500;
    letter-spacing: 2px;
}
.pages strong {
    color: #b92b87;
    font-weight: 500;
}
.pages a {
    font-family: Imprima;
    font-weight: 500;
    color: #0d5391;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.page-show {
    text-align:justify;
}
.page-show-guide {
    font-size: 95%;
    line-height: 20px;
    padding: 0 5px;
}
.page-show i {
    font-family: Raleway;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 90%;
}
.page-show em {
    background: #000000;
    color: #ffffff;
    font-family: Imprima;
    font-weight: 500;
    letter-spacing: 1px;
    padding: 1px 3px;
    font-size: 95%;
}
.page-show u {
    font-family: Imprima;
    font-weight: 500;
    letter-spacing: 2px;
}
.page-show strong {
    color: #b92b87;
    font-weight: 500;
    letter-spacing: 1px;
}

#project-links {
  font-family: 'GillSans', 'Calibri', 'Trebuchet', sans-serif !important;	
  font-size: 90%; 
  font-weight: 300; 
  display: inline-block;
  margin: 0 0 4px 0;
  text-transform: uppercase !important;	
}
#project-links a{
  background: #eeeeee;
  border: solid #dddddd 1px;
  color: #000000 !important;
  padding: 5px 7px;
  text-transform: uppercase !important;	
  -webkit-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  -moz-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  -o-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
  transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);		
}
#project-links a:hover{
  background: #212121;
  border: solid #474747 1px; 
  color: #ffffff !important;	
  padding: 5px 7px;
  text-transform: uppercase !important;		
}
.tag-cloud-link::before {
  content: '(';
}
.tag-cloud-link::after {
  content: ')';
}
.tag-cloud-link { 
  border: solid #ededed 0px;
  padding: 0;
  margin: 2px;
  font-size: 80% !important;
  text-align: center;
  font-weight: 200;
}
.tag-cloud-link:hover {   
  border: solid #248798 0px;
  padding: 0;
  margin: 2px;
  font-size: 80% !important;
  text-align: center;
  font-weight: 200;
}
.careericon {        
  background: #ffffff;
  border: solid #ededed 1px;
  padding: 5px 7px;
  text-align: center;
  font-weight: 200;
  font-size: 90%;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
}
.careericon:hover{        
  background: #e8e8e8;
  border: solid #bbbbbb 1px;
  padding: 5px 7px;
  text-align: center;
  font-weight: 200;
  font-size: 90%;
}
.careericon a{        
  color: #000000;
}
.careericon a:hover{        
  color: #979797;
}
.careericon i{
  width: 14px;    
  font-weight: 200;
}
.careericon b{   
  font-weight: 200;
  font-family: Raleway;
  font-size: 85%;
}
.videoarchivelist { 
  padding: 5px 0;
  border-bottom: dotted #ededed 1px;
  text-align: justify;
  text-transform: capitalize;
  letter-spacing: 1px;
  font-weight: 400;
  font-size: 90% !important;
  font-family: Raleway !important;
}
.videoarchivelistlast { 
  padding: 5px 0;
  margin-bottom: 20px;
  border-bottom: dotted #ededed 1px;
  text-align: justify;
  text-transform: capitalize;
  letter-spacing: 1px;
  font-weight: 400;
  font-size: 90% !important; 
  font-family: Raleway !important;
}
.videoarchivelist strong,
.videoarchivelistlast strong{ 
  color: #bc308c;
  text-transform: uppercase; 
  font-family: Imprima;
  font-weight: 500;
  font-size: 110%; 
  letter-spacing: 1px;
}
.familypage img {
  border-radius: 3px;
  -webkit-box-shadow: 2px 2px 4px #cdcdcd;
  -webkit-transition: 1s ease; 
  -moz-transition: 1s ease; 
  -o-transition: 1s ease; 
  -ms-transition: 1s ease; 
  transition: 1s ease;
  filter:alpha(opacity=100); 
  -moz-opacity: 1.0; 
  opacity: 1.0;	
  width: 190px;
  padding: 3px;
  background-color: #ffffff;
  border: dotted #e7e7e7 1px;	
}
.familypage img:hover {
  filter:alpha(opacity=100); 
  -moz-opacity: 0.8; 
  opacity: 0.8;
  width: 190px;
  padding: 3px;
  background-color: #ffffff;
  border: dotted #e7e7e7 1px;
}

.intro { 
  padding: 0 0 20px 0;
  letter-spacing: 1px;
  line-height: 23px;
  font-size: 90%;   
}
.intro b{ 
  background: #59e7f5;    
  color: #ffffff;
  padding: 2px 3px;
  text-transform: uppercase; 
  font-family: Imprima;
  font-weight: 500;
  font-size: 100%;   
}
.intro strong{ 
  background: #d6fb86;    
  color: #000000;
  padding: 2px 3px;  
  text-transform: uppercase; 
  font-family: Imprima;
  font-weight: 500;  
  font-size: 100%;  
}

.nexton { 
  line-height: 19px;
  font-size: 95%;   
}
.nexton i{ 
  color: #787878;
  text-transform: uppercase; 
  font-family: Imprima;
  font-weight: 300;
  font-size: 95%;      
}
.nexton strong{ 
  color: #d54c9c;
  text-transform: uppercase; 
  font-family: Imprima;
  font-weight: 500; 
  font-size: 110%;  
}
.videotitle { 
  padding: 0 0 20px 0;
  text-transform: uppercase;
  font-size: 90%;
  letter-spacing: 1px;
  font-weight: 400;
  text-align: center;
}
.specialfeatureslist { 
  padding: 2px 20px;
  text-transform: uppercase;
  font-size: 90%;
  letter-spacing: 1px;
  font-weight: 400;
}
.filmdetails { 
  padding: 5px 10px;
  border-bottom: dotted #ededed 1px;
  text-transform: uppercase;
  font-size: 80%;
}
.filmnavigation { 
  padding: 5px 15px;
  border: dotted #ededed 1px;
  text-transform: uppercase;
  font-size: 80%;
}
.lastfilmdetails { 
  padding: 5px 10px;
  text-transform: uppercase;
  font-size: 80%;
}
.lastfilmdetails a, 
.filmdetails a, 
.filmnavigation a { 
  color: #000000;
}
.lastfilmdetails a:hover,
.filmdetails a:hover,
.filmnavigation a:hover{ 
  color: #23acbe;    
  letter-spacing: 2px;
}
.socialicon {        
  background: none;
  border: solid #ededed 1px;
  padding: 5px 7px;
  text-align: center;
  font-weight: 200;
  font-size: 90%;
}
.socialicon a{        
  color: #d54c9c;
  -webkit-transition: 1s ease; 
  -moz-transition: 1s ease; 
  -o-transition: 1s ease; 
  -ms-transition: 1s ease; 
  transition: 1s ease;
}
.socialicon a:hover{        
  color: #631253;
}
.socialicon i{
  width: 15px;    
  font-weight: 200;
}
#filmicon {    
  color: #23acbe;     
  background: none;
  padding: 3px 5px 3px 0;
  text-align: center;
  font-weight: 200;
  font-size: 120%;
}
#filmicon i{     
  width: 15px;
  font-weight: 200;
}
.medialinks { 
  text-transform: uppercase;
  border: dotted #e3e3e3 1px;
  padding: 5px 10px;
  font-family: Imprima; 
  margin-bottom: 20px;
}
.medialinks::before {
  content: "Gallery Links";
  font-family: Imprima;   
  letter-spacing: 2px;
  text-decoration: underline;
  display: block;
  font-size: 105%;
}
.videolinks { 
  text-transform: uppercase;
  border: dotted #e3e3e3 1px;
  padding: 5px 10px;
  font-family: Imprima; 
  margin-bottom: 20px;
}
.videolinks::before {
  content: "Video Links";
  font-family: Imprima;   
  letter-spacing: 2px;
  text-decoration: underline;
  display: block;
  font-size: 105%;
}
.trivialist { 
  padding: 10px 0;
  border-bottom: dotted #ededed 1px;
  text-align: justify;
}
.biolist { 
  padding: 5px 0;
  border-bottom: dotted #ededed 1px;
  text-align: justify;
}
.biolistlast { 
  padding: 5px 0;
  text-align: justify;
}
.biolist strong{ 
  text-transform: uppercase;
}
.castlist { 
  font-size: 80%;    
  padding: 5px;
  line-height: 17px;
  text-align: center;
}
.castlist b{ 
  text-transform: uppercase;
  font-size: 105%;
  font-family: Imprima;
  font-weight: 500;
}
.castlist img{
  margin: 0;
  width: 185px;
  box-shadow: 2px 2px 4px #a1a1a1;
}

/* Dropdown Button */
.dropbtn {
  background-color: #000000;
  color: #ffffff;
  padding: 5px 10px;
  font-size: 10px;
  text-align: left;
  letter-spacing: 1px;
  border: none;
  width: 300px;
  text-transform: uppercase;
  -webkit-transition: 1s ease; 
  -moz-transition: 1s ease; 
  -o-transition: 1s ease; 
  -ms-transition: 1s ease; 
  transition: 1s ease;
}
.dropbtn::after {
  content: '\25BC';
  color: #ffffff;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0.5em 1em;
  pointer-events: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #000000;
  min-width: 300px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  text-transform: uppercase;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: #ffffff;
  padding: 4px 10px;
  font-size: 10px;
  text-decoration: none;
  display: block;
  border-bottom: solid 1px #111111;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ffffff; color: #000000;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #000000;}