/* Show Site Globals ------------------*/ /*a {font-family:inherit;}*/ h1, h2, h3, h4, h5, p, ul, li {color: inherit; font-family:inherit;} /* Background and Padding for Middle ------------------*/ #main-content-wrapper { background:transparent url(/media/328/skins-background.jpg) no-repeat; } #legacy-wrapper #main-left-module { padding-left:20px; width:590px; } /* Footer Background Image ------------------*/ #main-bottom-module { background:transparent url(/media/328/skins-footer.gif) no-repeat top; height:393px; } /* Colors ------------------*/ /*Color of headers */ dl.show-feature dd.title, dl.vertical-feature dd.title, dl.show-feature dd.title a, dl.vertical-feature dd.title a, dl.forum-links dd.title a, .sub-bio-col2 h3, .more-from-character h3, .about-content h3, .quizquestion, span.title {color: #FF0099;} /*Color of regular text */ #main-content-wrapper, dl.show-feature dd.description, dl.vertical-feature dd.description, dl.forum-links dd.description, h2#like-show,.about-content, .sub-bio-col2 p, #gallery-count, ul.season li.title, ul.episodes li.title, .episode-col2 p, .about-content p, ul.glossary li.title, {color: #000000;} /*Color of links */ dl.show-feature dd.actor, dl.show-feature dd.link a, dl.show-feature dd.link, dl.vertical-feature dd.category, dl.vertical-feature dd.link a, dl.forum-links dd.posted, dl.forum-links dd a.link, .sub-bio-col2 strong, #gallery-count #photo-number, ul.season li a, ul.episodes li a, .episode-col2 strong, .episode-col2 h3, .about-content p a, ul.glossary li a { color: #0099ff; } ul.season li, ul.episodes li { border-right: #000; } .bio-features dl.show-feature, .more-bios, .gallery-info, .episode-nav, .more-in-episode { border-bottom: #0099ff; color: #0099ff; } .more-bios, .gallery-info, .episode-nav, .more-in-episode { border-top: #0099ff; } /* Image Borders (can be colors or images) ------------------*/ .border-300x100, .border-125x95, .border-325x245, .border-45x45, .border-195x145, .border-320x220 { background-color:#0099ff; padding: 2px;} /*Color of link hover and no underline */ dl.show-feature dd.link a:hover, dl.vertical-feature dd.link a:hover, dl.forum-links dd a.link:hover, h2#like-show span, ul.episodes li a:hover, ul.season li a:hover, .about-content p a:hover, ul.glossary li a:hover { color: #996699; text-decoration:none; } /* Font Family ------------------*/ #main-content-wrapper { font-family:Georgia, palatino, Times, serif; } /*#main-content-wrapper a { font-family: Arial, Helvetica, sans-serif; }*/ dl.show-feature dd.title, dl.vertical-feature dd.title, dl.show-feature dd.title a, dl.vertical-feature dd.title a, dl.forum-links dd.title a, .sub-bio-col2 h3, .more-from-character h3,.sub-bio-col2 p, dl.show-feature, dl.show-feature, dl.vertical-feature, dl.forum-links, .about-content p, .gallery-info, #caption, .more-galleries dl.vertical-feature, h2#like-show span, .about-content h3 { font-family: Georgia, palatino, times, serif; } dl.show-feature dd.link, dl.show-feature dd.link a, dl.vertical-feature dd.link, dl.vertical-feature dd.link a, dl.forum-links dd a.link { font-family: Arial, Helvetica, sans-serif; } /* Page Header Banner Images ------------------*/ #banner1 .banner {background: transparent url(/media/328/skins-header_01.jpg) no-repeat; }/*For Index*/ #banner2 .banner {background: transparent url(/media/328/skins-header_02.jpg) no-repeat; }/*For Orientation page*/ #banner3 .banner {background: transparent url(/media/328/skins-header_03.jpg) no-repeat; }/*For Roll Call page*/ #banner4 .banner {background: transparent url(/media/328/skins-header_04.jpg) no-repeat; }/*For New Class page*/ #banner5 .banner {background: transparent url(/media/328/skins-header_05.jpg) no-repeat; }/*For Alumni*/ #banner6 .banner {background: transparent url(/media/328/skins-header_06.jpg) no-repeat; }/*For Episode Guide page*/ #banner7 .banner {background: transparent url(/media/328/skins-header_07.jpg) no-repeat; }/*For Season 1 page*/ #banner8 .banner {background: transparent url(/media/328/skins-header_08.jpg) no-repeat; }/*For Season 2 page*/ #banner9 .banner {background: transparent url(/media/328/skins-header_09.jpg) no-repeat; }/*For Season 3 page*/ #banner10 .banner {background: transparent url(/media/328/skins-header_10.jpg) no-repeat; }/*For Photo Galleries*/ #banner11 .banner {background: transparent url(/media/328/skins-header_11.jpg) no-repeat; }/*For The Next Generation*/ #banner12 .banner {background: transparent url(/media/328/skins-header_12.jpg) no-repeat; }/*For Old Classmates*/ #banner13 .banner {background: transparent url(/media/328/skins-header_13.jpg) no-repeat; }/*For Extras*/ #banner14 .banner {background: transparent url(/media/328/skins-header_14.jpg) no-repeat; }/*For Quizzes*/ #banner15 .banner {background: transparent url(/media/328/skins-header_11.jpg) no-repeat; }/*For How to... Guide*/ #banner16 .banner {background: transparent url(/media/328/skins-header_16.jpg) no-repeat; }/*For Glossary*/ #banner17 .banner {background: transparent url(/media/328/skins-header_17.jpg) no-repeat; }/*For Welcome to Bristol*/ #banner18 .banner {background: transparent url(/media/328/skins-header_18.jpg) no-repeat; }/*For Wallpapers*/ #banner19 .banner {background: transparent url(/media/328/skins-header_19.jpg) no-repeat; }/*For Playlists*/ #banner20 .banner {background: transparent url(/media/328/skins-header_20.jpg) no-repeat; }/*For Videos*/ .show { /*bottom:5px; height:250px;*/height:240px; margin:0 0 10px; position:relative; width:943px; } /* Line Break Graphic ------------------*/ .show-linebreak { background: transparent url(/media/328/skins-line.gif) no-repeat; width: 594px; height: 6px; } /* Page Title Graphics ------------------*/ h2#hdr-bios { text-indent: -9999px; background: transparent url(/media/328/skins_subheader_rollcall.gif) no-repeat; width:590px; height: 32px; margin: 0; } .more-bios h2#hdr-more-bios{ text-indent: -9999px; background: transparent url(/media/328/skins_subheader_rollcall.gif) no-repeat; width:590px; height: 50px; margin: 5px 0 10px 0; } h2#hdr-how-to { text-indent: -9999px; background: transparent url(/media/328/skins_subheader_howtoguide.gif) no-repeat; width:590px; height: 50px; margin: 0; } h2#hdr-more-photos { text-indent: -9999px; background: transparent url(/media/328/skins_photo_more.gif) no-repeat; width:187px; height: 14px; margin-top:5px; } h2#hdr-about{ text-indent: -9999px; background: transparent url(/media/328/skins_subheader_orientation.gif); width:590px; height: 50px; margin: 0; } h2#hdr-episode-guide{ text-indent: -9999px; background: transparent url(/media/328/skins_subheader_episode.gif) no-repeat; width:590px; height: 50px; margin: 0 0 10px 0;} h2#hdr-extras{ text-indent: -9999px; background: transparent url(/media/328/skins_subheader_extras.gif) no-repeat; width:590px; height: 50px; margin: 0; } .more-in-episode h2#hdr-more-from-episode { text-indent: -9999px; background: transparent url(/media/328/skins-episode-morefromthisepisode.gif) no-repeat; width:226px; height: 14px; } h2#hdr-videos { text-indent: -9999px; background: transparent url(/media/328/skins_subheader_videos.gif) no-repeat; width:590px; height: 50px; margin: 0; } h2#hdr-quiz{ text-indent: -9999px; background: transparent url(/media/328/skins_subheader_quizzes.gif) no-repeat; width:590px; height: 55px; margin: 0; } h2#hdr-glossary { text-indent: -9999px; background: transparent url(/media/328/skins_subheader_glossary.gif) no-repeat; width:590px; height: 50px; margin: 0; } h2#hdr-bristol { text-indent: -9999px; background: transparent url(/media/328/skins_subheader_bristol.gif) no-repeat; width:590px; height: 50px; margin: 0; } h2#hdr-soundtrack { text-indent: -9999px; background: transparent url(/media/328/skins_subheader_soundtrack.gif) no-repeat; width:590px; height: 50px; margin: 0; } h2#hdr-more-new-class { text-indent: -9999px; background: transparent url(/media/328/skins-cast-morenewclass.gif) no-repeat; width:239px; height: 25px; margin: 0; } h2#hdr-more-alumni { text-indent: -9999px; background: transparent url(/media/328/skins-cast-morealumni.gif) no-repeat; width:183px; height: 25px; margin: 0; } h2#hdr-roll-call { text-indent: -9999px; background: transparent url(/media/328/skins_subheader_rollcall.gif) no-repeat; width:590x; height: 50px; margin: 0 0 10px 0; } h2#hdr-next-generation { text-indent: -9999px; background: transparent url(/media/328/skins_subheader_thenextgeneration.gif) no-repeat; width:590x; height: 50px; margin: 0; } h2#hdr-old-classmates { text-indent: -9999px; background: transparent url(/media/328/skins_subheader_oldclassmates.gif) no-repeat; width:590x; height: 50px; margin: 0; } h2#hdr-more-how-to { text-indent: -9999px; background: transparent url(/media/328/skins_howto_more.jpg) no-repeat; width:193x; height: 14px; margin-top:5px; } /* End Show Site Globals ------------------*/ /* Show Site Navigation ------------------*/ ul.show-nav { margin: 65px 0 0 20px; float: left; _margin: 65px 0 0 10px; } ul.show-nav li { padding: 3px 0; _padding: 2px 0; } ul.show-nav li a { display: block; text-indent: -9999px; overflow: hidden; background: transparent url(/media/328/skins-nav-sprite.png) no-repeat;} ul.show-nav li#home a { background-position: -10px -10px; width: 140px; height: 14px; } ul.show-nav li#about a { background-position: -10px -29px; width: 140px; height: 14px; } ul.show-nav li#video a { background-position: -10px -48px; width: 140px; height: 14px; } ul.show-nav li#characters a { background-position: -10px -67px; width: 140px; height: 14px; } ul.show-nav li#epguide a { background-position: -10px -86px; width: 140px; height: 14px; } ul.show-nav li#galleries a { background-position: -10px -105px; width: 140px; height: 14px; } ul.show-nav li#extras a { background-position: -10px -124px; width: 140px; height: 14px; } ul.show-nav li#forum a { background-position: -10px -143px; width: 140px; height: 14px; } ul.show-nav li#shop a { background-position: -10px -162px; width: 140px; height: 14px; } ul.show-nav li#home a:hover { background-position: -160px -10px; width: 140px; height: 14px; } ul.show-nav li#about a:hover { background-position: -160px -29px; width: 140px; height: 14px; } ul.show-nav li#video a:hover { background-position: -160px -48px; width: 140px; height: 14px; } ul.show-nav li#characters a:hover { background-position: -160px -67px; width: 140px; height: 14px; } ul.show-nav li#epguide a:hover { background-position: -160px -86px; width: 140px; height: 14px; } ul.show-nav li#galleries a:hover { background-position: -160px -105px; width: 140px; height: 14px; } ul.show-nav li#extras a:hover { background-position: -160px -124px; width: 140px; height: 14px; } ul.show-nav li#forum a:hover { background-position: -160px -143px; width: 140px; height: 14px; } ul.show-nav li#shop a:hover { background-position: -160px -163px; width: 140px; height: 14px; } /* HTML Tunein Info in Header ------------------*/ #tunein { color:#FFFF00; float:right; font-family:arial; font-size:17px; font-weight:bold; line-height:17px; margin:22px 11px 0 0; text-align:center; _margin: 20px 10px 0 0;} #tunein .big-premiere { font-size: 20px; line-height: 20px; color:#FFFFFF} /* Home ------------------*/ .show-features { margin-bottom:15px; margin-top:-10px; } dl.show-feature { margin: 10px 0 0 0; width: 590px; } dl.show-feature dt { float: left; margin: 0 10px 0 0;} dl.show-feature dd { margin: 0 0 4px 0;} dl.show-feature dd.title, dl.show-feature dd.title a { text-decoration: none; font-size: 18px; } dl.show-feature dd.description { font-size: 13px; line-height: 15px; color: #000000; } dl.show-feature dd.actor { font-size: 16px; } dl.show-feature dd.link, dl.show-feature dd.link a { text-decoration: none; font-weight: bold; font-size: 11px; } dl.vertical-feature { margin: 10px 25px 0 25px; _margin: 10px 18px 0 18px; width: 145px; float: left; } dl.vertical-feature img { margin-top: 4px; } dl.vertical-feature dd.category { font-size: 11px; } dl.vertical-feature dd.title, dl.vertical-feature dd.title a { text-decoration: none; font-size: 14px; } dl.vertical-feature dd.description { font-size: 13px; } dl.vertical-feature dd.link a { text-decoration: none; font-weight: bold; font-size: 11px; } dl.forum-links { margin: 20px 0 20px 5px; width: 280px; } dl.forum-links dd.posted { font-size: 11px; } dl.forum-links dd.title a { text-decoration: none; font-size: 14px; font-weight: bold; } dl.forum-links dd.description { font-size: 14px; } dl.forum-links dd a.link { text-decoration: none; font-weight: bold; font-size: 11px; font-size: 11px; } .recommended-shows h2 { margin: 10px 0 0 5px; } .recommended-shows a img { margin: 10px 0 ; } h2#like-show { margin: 0 0 10px 0; font-style: italic; font-size: 14px;} h2#like-show span { font-style:italic;} /* About the Show -----------------------*/ .about-content { margin: 10px 0 0 0; } .about-content img { float: left; margin-right: 15px; margin-bottom:15px; } .about-content p { font-size: 14px; padding-right: 20px; } .about-content h3 { font-size:18px; padding-bottom:5px } /* Character & Actor Bios -----------------------*/ .bio-features dl.show-feature { border-bottom: 1px solid; padding-bottom: 15px; } .bio-features dl.show-feature.last { border: none; padding-bottom: 0; } .bio-features dl.show-feature dt { } .bio-features dl.show-feature dd { margin: 0;} .bio-features dl.show-feature dd.actor { margin: 0 0 2px 0; } /* Character & Actor Bios Sub ----------------------------*/ .sub-bio-content {} .sub-bio-col1 { float: left; margin: 0 15px 0 0; } .sub-bio-col2 { float: left; width: 250px; } .sub-bio-col2 h3 { font-size: 20px; } .sub-bio-col2 strong { font-size: 16px; } .sub-bio-col2 p { font-size: 14px; } .more-from-character { margin: 20px 0; } .more-from-character h3 { font-size: 18px; margin: 0; } .more-from-character dl.show-feature { width: 320px; } .more-from-character dl.show-feature dd.title a { font-size: 16px; } .more-bios { border-top: 1px solid; border-bottom: 1px solid; margin: 15px 0 0 0; padding: 5px 0; width: 320px; } .more-bios ul li { float: left; margin: 0 3px; } /* Photo Gallery -----------------------*/ .gallery-info { border-bottom: 1px solid; border-top: 1px solid; margin: 10px 15px 15px 0; padding: 3px 0;} h3#gallery-name { float: left; font-size: 18px; font-weight: normal; color:#FF0099;} #gallery-count { float: right; font-size: 16px; } #image-container { margin: 0 16px 0 0; } #image-container img { border: 2px solid #FF0099; display: none; } #image-container img.active { display: inline; } a#prev-btn { text-indent: -9999px; overflow: hidden; position: relative; float: left; display: block; width: 68px; height: 31px; bottom: 40px; background: transparent url(/media/328/skins-photo-prev.gif) no-repeat; } a#next-btn { text-indent: -9999px; overflow: hidden; position: relative; float: right; display: block; width: 68px; height: 31px; bottom: 40px; background: transparent url(/media/328/skins-photo-next.gif) no-repeat; } #caption { text-align: left; font-size: 14px; height:50px; position: relative; bottom: 10px; color: #000000; } #caption span { color:#FF0099; font-size: 14px; font-weight: bold; } /*.show-linebreak-home#photo-hdr { padding: 24px 0 0 10px; }*/ .more-galleries dl.vertical-feature { margin: 5px; float: left; width: 190px; } .more-galleries dl.vertical-feature dd.title { font-size: 17px; font-weight: bold; } .more-galleries dl.vertical-feature dd.link a{ font-size: 11px; } /* Episode Guide -----------------------*/ .season-nav { padding: /*5px*/ 0; float: right; margin: -40px 0px 0 0; width: 245px; _margin: -40px 0 0 0;} ul.season, ul.season li.title, ul.season li a { font-size: 16px; } ul.season li { float: left; border-right: 1px solid; margin: 0 3px; padding: 0 3px 0 0;} ul.season li a { text-decoration: none; } ul.season li.title { border: none;} ul.season li.last { border: none;} .episode-nav { border-top: 1px solid; border-bottom: 1px solid; padding: 5px 0; margin: 0 20px 0 0; } ul.episodes, ul.episodes li, ul.episodes li a { font-size: 16px; font-weight: bold; } ul.episodes li { float: left; border-right: 1px solid; margin: 0 3px; padding: 0 3px 0 0;} ul.episodes li a { text-decoration: none; } ul.episodes li.title { border: none; color: #000000; } ul.episodes li.last { border: none;} .episode-content { margin: 0px 15px 20px 0; } .episode-col1 { float: left; margin: 0 15px 5px 0; _margin: 0 5px 0 0; } .episode-col2 { } .episode-col2 h3 { font-size: 18px; font-weight: normal;} .episode-col2 strong { font-size: 16px; } .episode-col2 p { font-size: 14px; margin: 0 0 20px 0;} .more-in-episode { border-top: 1px solid; border-bottom: 1px solid; margin: 15px 0 0 0; padding: 5px 0; width: 320px; } .more-in-episode dl.show-feature { width: 320px; } .more-in-episode dl.show-feature dd.title a { font-size: 16px; } /*Glossary*/ .glossary-nav { padding: /*5px*/ 0; float: right; margin: -34px -88px 0 0; width: 245px; _margin: -34px -88px 0 0;} ul.glossary, ul.glossary li.title, ul.glossary li a { font-size: 16px; } ul.glossary li { float: left; border-right: 1px solid; margin: 0 3px; padding: 0 3px 0 0;} ul.glossary li a { text-decoration: none; } ul.glossary li.title { border: none;} ul.glossary li.last { border: none;} /* Extras --------------------------*/ dl.vertical-feature.extras { margin: 10px 4px 10px 0; _margin: 10px 3px 10px 0; width: 194px; float: left; } dl.vertical-feature.extras.last { margin: 10px 0; _margin: 10px 0; } /* Quiz --------------------------*/ .s3-member-quiz table, .s3-episode-quiz table { width: 380px !important; margin: 5px 0 5px 10px; } .s3-member-quiz table td, .s3-episode-quiz table td { font-family: Georgia, palatino, Times, serif; padding: 6px 0;} .s3-member-quiz table td.quizquestion, .s3-episode-quiz table td.quizquestion { text-align: left; font-size: 16px; line-height: 16px; padding: 0;} .s3-member-quiz table #subButton a, .s3-episode-quiz table #subButton a { display: block; background: transparent url(/media/328/skins-quiz-continue.gif) no-repeat; width: 89px; height: 15px; float: right;} .s3-member-quiz table #subButton a img, .s3-episode-quiz table #subButton a img { visibility: hidden; } /* Episode Quiz -----------------------*/ .quiz-nav { /*border-top: 1px solid; border-bottom: 1px solid;*/ padding: 5px 0; margin: 0 20px 0 0; }