News & Updates
Sean
Career
Photo Archive
Media Archive
Video Archive
Site
Search
Monday, July 4, 2022
Sean Maguire Daily
News & Updates
Sean
Career
Photo Archive
Media Archive
Video Archive
Site
Home
Video
Video
News Segments & Interviews
(2020) Sky News
Instagram Live
Instagram Live with Rebecca Mader
TV Series: Recurring
The 100: 7.01 From The Ashes
Instagram Live
Instagram Live with Rebecca Mader
Instagram Live
Instagram Live with Rebecca Mader
Instagram Live
Instagram Live with Rebecca Mader
Instagram Live
Instagram Live with Rebecca Mader
Instagram Live
Instagram Live with Rebecca Mader
Instagram Live
Instagram Live with Rebecca Mader
Instagram Live
Instagram Live with Rebecca Mader
TV Series: Recurring
The Magicians: 5.13 Fillory and Further – Making Magic
TV Series: Recurring
The Magicians: 5.13 Fillory and Further
Instagram Live
Instagram Live with Rebecca Mader
Instagram Live
Instagram Live with Rebecca Mader
TV Series: Recurring
The Magicians: 5.12 The Balls – Making Magic
1
2
3
4
Page 1 of 4
Edit with Live CSS
.intro { padding: 0 0 20px 0; line-height: 24px; font-size: 100%; } .intro b{ border-bottom: double #1b55c5 4px; color: #000; padding: 0 2px; text-transform: uppercase; font-family: Shadows Into Light; font-weight: 500; font-size: 100%; letter-spacing: 1px; } .intro strong{ border-bottom: double #508ed7 0px; color: #508ed7; padding: 0 2px; text-transform: uppercase; font-family: Shadows Into Light; font-weight: 600; font-size: 100%; letter-spacing: 1px; } .lastimg img { filter:grayscale(100%); padding:0; border-radius: 3px; -webkit-box-shadow: 2px 2px 2px #a1a1a1; -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: 0.7; opacity: 0.7; width: 100px; } .lastimg img:hover { filter:none; filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; width: 100px; } .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: 140px; padding: 3px; background-color: #ffffff; border: dotted #e7e7e7 1px; } .family img:hover { filter:alpha(opacity=100); -moz-opacity: 0.8; opacity: 0.8; width: 140px; 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: 13px; font-weight: 500; display: block; font-family: Shadows Into Light; text-transform: lowercase; letter-spacing: 0; color: #508ed7; } #affiliates-widget a { color: #000000 !important; } .bioupdate { background: #e5f1ff; color: #87b6ee; font-weight: 200; border: dotted #d9eaff 1px; font-size: 90%; margin: 0 50px 20px 50px; padding: 10px 20px; text-align: justify; } .pressupdate { background: #e5f1ff; color: #87b6ee; border: dotted #d9eaff 1px; font-size: 90%; margin: 0 60px 20px 60px; padding: 10px 20px; text-align: justify; } .siteinfo { padding: 5px; border-bottom: dotted #ededed 1px; } .siteinfo a:hover{ color: #6f6f6f; } .pagenav { background: #ffffff; border-bottom: dotted #dddddd 1px; color: #474747; display: block; font-weight: 300; margin: 5px 4px 0 4px; padding: 15px 10px; text-decoration: none; } .pagenav a { font-family: Shadows Into Light; color: #000000; text-transform: uppercase; font-weight: 500; letter-spacing: 2px; font-size: 13px; margin-left: 2px; text-decoration: underline !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); } .pagenav a:hover { font-family: Shadows Into Light; color: #e1b28a !important; text-transform: uppercase; font-weight: 500; margin-left: 2px; letter-spacing: 3px; text-decoration: underline !important; } .wp-polls ul li { padding: 7px 0; margin:0 5px 5px 0; border-bottom: 1px solid #F0F0F0; font-size: 80%; } .wp-polls .Buttons { background-color: #000000; border: 0px solid #fb333b; color: #ffffff; padding: 7px; margin:0; text-transform: uppercase; font-size: 90%; font-weight: 300; letter-spacing: 1px; -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); } .wp-polls .Buttons:hover { background-color: #f0d2b4; border: 0px solid #f0d2b4; color: #000000; padding: 7px; margin:0; text-transform: uppercase; font-size: 90%; font-weight: 300; letter-spacing: 1px; } .wp-polls a { color: #1b55c5; text-transform: uppercase; font-size: 95%; font-weight: 500; -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); } .wp-polls a:hover { color: #508ed7; text-transform: uppercase; font-size: 95%; font-weight: 500; } div#qTip { padding: 7px; border: 0; display: none; font-size: 90%; background: #000000; color: #ffffff; position: absolute; z-index: 10000; letter-spacing: 1px; text-transform: uppercase; filter:alpha(opacity=100); -moz-opacity: 0.9; opacity: 0.9; } .widget-project{ background: #ffffff; color: #508ed7; font-family: Shadows Into Light; text-transform: uppercase; font-weight: 300; font-size: 120%; padding: 2px 0; 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: #255a9e; color: #fff; 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-role { color: #000000; font-family: Raleway; padding: 0 5px 0 0; font-weight: 500; margin-left: 0; font-size: 13px; font-style: italic; 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: #020d1c; border: solid #ffebbe 0px; color: #ffffff !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: #dfb188; border: solid #fff7e5 0px; color: #000000 !important; padding: 5px 7px; text-transform: uppercase !important; } u { font-weight: 500; font-family: Shadows Into Light; letter-spacing: 1px; text-transform: uppercase; } strong { color: #c8966c; font-weight: 300; font-family: Shadows Into Light; letter-spacing: 1px; text-transform: uppercase; } em { color: #000000; font-weight: 300; font-family: Shadows Into Light; letter-spacing: 1px; text-transform: uppercase; } b { color: #000000; font-weight: 300; font-family: Shadows Into Light; letter-spacing: 1px; text-transform: uppercase; } i { font-weight: 300; font-family: Shadows Into Light; letter-spacing: 1px; text-transform: uppercase; } .td-page-content img { margin:0; padding: 0; border-radius: 1px; max-width: 100%; -webkit-box-shadow: 2px 2px 2px #cdcdcd; -webkit-transition: 1s ease; -moz-transition: 1s ease; -o-transition: 1s ease; -ms-transition: 1s ease; transition: 1s ease; } .td-post-content img { margin:0; padding: 0; border-radius: 1px; max-width: 100%; } .td-page-content img { margin:0; padding: 0; border-radius: 1px; max-width: 100%; -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; } .prod { background: none; border: solid #ededed 1px; color: #000000; padding: 10px 10px 9px 10px; text-decoration: none; text-align: left; } .prod a { color: #508ed7; text-transform: uppercase; font-weight: 300; font-family: Shadows Into Light; text-decoration: none; letter-spacing: 1px; -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); } .prod a:hover { color: #e0b18a; font-weight: 300; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; } .prod strong { color: #1b55c5; text-transform: uppercase; font-weight: 300; text-decoration: none; } .prod em { color: #000000; font-weight: 300; font-size: 80%; font-family: Raleway; letter-spacing: 1px; text-transform: uppercase; } .prodtag { background: #474747; color: #ffffff; font-size: 9px; padding: 3px 5px; margin: 0 2px; letter-spacing: 0.3em; text-transform: uppercase; font-weight: 200; text-decoration: none; font-size: 80%; font-family: 'GillSans', 'Calibri', 'Trebuchet', sans-serif; } .epguidetitle { background: #f7f7f7; border: solid #ededed 1px; color: #000000; padding: 5px 10px; text-decoration: none; text-align: center; font-weight: 500; font-size: 70%; text-transform: uppercase; } .epguidetitle a { color: #000000; text-decoration: none; } .epguidetitle a:hover { color: #000000; text-decoration: none; } .epguidedetail { background: #000000; border: solid #ededed 0px; color: #a7a7a7; padding: 5px 10px; text-decoration: none; text-align: center; font-weight: 500; font-size: 70%; text-transform: uppercase; } .ep strong { color: #000000; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; } #epguideimg { margin: 5px 15px 10px 0; border-radius: 3px; } .projectdetail { background: none; border-bottom: solid #ededed 1px; border-right: solid #ededed 1px; color: #000000; padding: 3px 13px 2px 20px; text-decoration: none; text-align: left; text-transform: uppercase; font-family: Raleway; font-weight: 200; font-size: 85%; } .projectlist { font-size: 95%; padding: 5px 13px 4px 20px; background: none; border-bottom: solid #ededed 1px; } .projectlist a { color: #508ed7; text-transform: uppercase; font-family: Raleway; font-weight: 200; text-decoration: none; -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); } .projectlist a:hover { color: #1b55c5; text-transform: uppercase; font-family: Raleway; font-weight: 200; text-decoration: none; } .projectlist em { font-size: 90%; text-align: center; } #relatedlink { background: #000000; border-bottom: solid #ededed 1px; color: #a7a7a7; font-weight: 300; padding: 3px 10px 2px 10px; font-size: 65%; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; text-align: left; } #relatedlink a { color: #e6e6e6 !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); } #relatedlink a:hover { color: #ffffff !important; } .filmoicon { background: #f7f7f7; border: solid #ededed 1px; color: #000000; padding: 3px 3px 1px 3px; text-align: center; font-size: 85%; } #filmotitle { border-bottom: solid #ebebeb 1px; color: #a1a1a1; font-family: Raleway; font-weight: 300; font-size: 14px; letter-spacing: 2px; margin-top: 20px; margin-bottom: 15px; text-transform: uppercase; } #characters { margin: 0 15px 10px 0; border-radius: 20px; } #galleryupdate img { padding:0; margin: 0 3px; border-radius: 0; -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; width: 145px; } #galleryupdate img:hover { border-radius: 0; -webkit-box-shadow: 2px 2px 4px #b2b2b2; width: 145px; } 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; } .pagealbums img{ box-shadow: 2px 2px 2px #a1a1a1; } #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: Shadows Into Light; 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: Shadows Into Light; font-weight: 500; letter-spacing: 1px; } .bio-page em { background: #000000; color: #ffffff; padding: 1px 3px; font-family: Shadows Into Light; font-weight: 500; letter-spacing: 1px; font-size: 90%; } .bio-page u { font-family: Shadows Into Light; font-weight: 500; letter-spacing: 2px; } .bio-page strong { color: #24599d; font-weight: 500; } .bio-page a { font-family: Shadows Into Light; font-weight: 500; background: #c7956b; color: #ffffff; letter-spacing: 1px; padding: 1px 3px; text-transform: uppercase; font-size: 90%; -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: Shadows Into Light; font-weight: 500; background: #08223a; color: #ffffff; letter-spacing: 1px; padding: 1px 3px; text-transform: uppercase; font-size: 90%; text-decoration: none !important; } .pages { text-align:justify; } .pages i { font-weight: 600; letter-spacing: 1px; } .pages em { font-family: Shadows Into Light; font-weight: 500; letter-spacing: 1px; } .pages u { font-family: Shadows Into Light; font-weight: 500; letter-spacing: 2px; } .pages strong { color: #c7956b; font-weight: 500; } .pages a { font-family: Shadows Into Light; font-weight: 500; color: #1b55c6; 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: Shadows Into Light; font-weight: 500; letter-spacing: 1px; padding: 1px 3px; font-size: 95%; } .page-show u { font-family: Shadows Into Light; font-weight: 500; letter-spacing: 2px; } .page-show strong { color: #c7956b; font-weight: 500; letter-spacing: 1px; } .select-style { border: 3px solid #474747; color: #c1c1c1; width: 100%; overflow: hidden; background: #212121; text-transform: uppercase !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; } .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; } .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; } /* Transition */ .select-style:hover::after { color: #ffffff; } .select-style::after { -webkit-transition: .25s all ease; -o-transition: .25s all ease; transition: .25s all ease; } .select-style select:focus { outline: none; } #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 { border: solid #ededed 0px; padding: 0; margin: 2px; font-size: 80% !important; text-align: center; font-weight: 200; } .tag-cloud-link a{ border: solid #ededed 0px; padding: 0; margin: 2px; font-size: 80% !important; text-align: center; font-weight: 200; } .tag-cloud-link:hover { border: solid #1b55c5 0px; padding: 0; margin: 2px; font-size: 80% !important; text-align: center; font-weight: 200; } .careergif { border-top: solid #000000 5px; border-left: solid #000000 1px; border-right: solid #000000 1px; border-bottom: solid #000000 1px; } .careertitle { background: #000000; border: solid #000000 1px; padding: 7px 15px; text-align: center; font-weight: 300; font-size: 85%; border-radius: 15px 0 0 0; } .careergallery { background: #252525; border: solid #252525 1px; padding: 7px 10px; text-align: center; font-weight: 300; font-size: 85%; } .careervideos { background: #434343; border: solid #434343 1px; padding: 7px 10px; text-align: center; font-weight: 300; font-size: 85%; border-radius: 0 15px 0 0; } .careergallery i,.careervideos i{ color: #ffffff; width: 14px; font-weight: 200; } .careertitle a{ color: #ffffff; text-transform: uppercase; } .careertitle a:hover{ color: #508ed7; text-transform: uppercase; } .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: #1b55c5; text-transform: uppercase; font-family: Shadows Into Light; 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; } .nexton { line-height: 19px; font-size: 95%; } .nexton i{ color: #787878; text-transform: uppercase; font-family: Shadows Into Light; font-weight: 300; font-size: 95%; } .nexton strong{ color: #1b55c5; text-transform: uppercase; font-family: Shadows Into Light; 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: #e2b28a; 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: #4981c6; -webkit-transition: 1s ease; -moz-transition: 1s ease; -o-transition: 1s ease; -ms-transition: 1s ease; transition: 1s ease; } .socialicon a:hover{ color: #508ed7; } .socialicon i{ width: 15px; font-weight: 200; } #filmicon { color: #e2b28a; 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; margin: 20px 0; font-size: 95%; } .medialinks a{ color: #508ed7; text-transform: uppercase; font-weight: 500; font-size: 90%; letter-spacing: 2px; } .medialinks a:hover{ color: #235797; text-transform: uppercase; font-weight: 500; font-size: 90%; letter-spacing: 2px; } .medialinks::before { content: "Gallery Links"; letter-spacing: 2px; text-decoration: underline; display: block; font-size: 105%; font-family: Raleway; } .videolinks { text-transform: uppercase; border: dotted #e3e3e3 1px; padding: 5px 10px; margin-bottom: 20px; font-size: 95%; } .videolinks a{ color: #508ed7; text-transform: uppercase; font-weight: 500; font-size: 90%; letter-spacing: 1px; } .videolinks a:hover{ color: #235797; text-transform: uppercase; font-weight: 500; font-size: 90%; letter-spacing: 1px; } .videolinks::before { content: "Video Links"; letter-spacing: 2px; text-decoration: underline; display: block; font-size: 105%; font-family: Raleway; } .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: Shadows Into Light; font-weight: 500; } .castlist img{ margin: 0; width: 185px; box-shadow: 2px 2px 4px #a1a1a1; } /* Dropdown Button */ .dropbtn { background-color: #000000; color: #ffffff; padding: 10px; font-size: 11px; 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.9em 1em; pointer-events: none; } /* The container
- 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: 7px 16px; font-size: 11px; 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;}