Friday, February 28, 2020

Barrett Doss Source

News & Updates
Barrett
Career
Photo Archive
Video Archive
Press Archive
Site

Home Site Affiliates

Affiliates

Wanna become affiliates with Barrett Doss Source? Use this application form please.

Family Sites

Choice Affiliates

Facebook Instagram Twitter

News & Updates
Contact
Cookies
Privacy Policy

2019 - 2020 Barrett Doss Source
This is an unofficial site for the actress and singer Barrett Doss. Photos, articles and other media are published only for informational and entertainment purposes on Ms. Doss. This not-for-profit site is used, to the best of my knowledge, under the "Fair Use" copyright laws. If any of these copyright holders do not approve of their work being shown on these pages, please contact me and it will be removed.

Edit with Live CSS

.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-640x6.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;
}

.select-style {
    border: 3px solid #474747;
    color: #c1c1c1;
    width: 100%;
    overflow: hidden;
    background: #212121;
    text-transform: uppercase !important;
    font-family: Raleway !important;
}

.select-style select {
    font-size: 90% !important;  
    padding: 5px 8px;
    width: 100%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
    text-transform: uppercase !important;
    font-family: Raleway !important;
}

.select-style option {
    border: 3px solid #474747;
    color: #c1c1c1;
    width: 100%;
    overflow: hidden;
    background: #212121;
    font-weight: 200 !important;
    font-size: 90% !important;
    text-transform: uppercase !important;
    font-family: Raleway !important;
}

.select-style::after {
  content: '\25BC';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0.6em 1em;
  background: #212121;
  pointer-events: none;
  border-bottom: solid #474747 3px;
  border-top: solid #474747 3px;
  border-right: solid #474747 3px;
  text-transform: uppercase !important;
  font-family: Raleway !important;
}
/* Transition */
.select-style:hover::after {
  color: #ffffff;
  font-family: Raleway !important;
}
.select-style::after {
  -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease;
  font-family: Raleway !important;
}

.select-style select:focus {
    outline: none;
    font-family: Raleway !important;
}

#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;
}

Save

Write CSS OR LESS and hit save. CTRL + SPACE for auto-complete.