/************************************************** Georgetown University Enhanced Screen Styles Created by Happy Cog **************************************************/ .controls:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; } * html .controls { height: 1%; } * + html .controls { height: 1%; } .suggestResults { position: absolute; left: 0; width: 370px; margin-top: -2px; padding:0; background: #e6e7de; background: rgb(230,231,222); background: rgba(230,231,222,0.9); border: 1px solid #9d8d85; } * html .suggestResults { top: 2.75em; } * + html .suggestResults { top: 2.8em; } .suggestResults li { margin: 0; padding: 0; background: none; line-height: 10px; } * html .suggestResults li { height: 1%; } * + html .suggestResults li { height: 1%; } #main .suggestResults li a { display: block; padding: 6px 8px; color: #366fac; font: normal 13px "Lucida Grande", Arial, sans-serif; text-decoration: none; } #main .suggestResults li a:hover, #main .suggestResults li a:focus { background-color: #366fac; color: #fff; } #footer { position: fixed; margin-top: 0; } #footer .static { position: relative; } #footer .static:hover { background-position: right -35px; cursor: pointer; } #footer .options-wrap { position: absolute; } #footer h4 { background: none; padding-left: 62px;} .footer-arrow { -webkit-transition: -webkit-transform .2s; -moz-transition: -moz-transform .2s; position: absolute; top: 14px; left: 9px; width: 15px; height: 8px; background: url(../m/screen/bg-footer-tab-arrow.png) no-repeat 0 0; } .footer-arrow { left: 15px; background-image: url(../m/screen/bg-footer-tab-arrow1.png); } .closed .footer-arrow { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); } .footer-divider { position: absolute; left: 29px; top: 10px; width: 1px; height: 17px; background: #15212e;} .footer-divider { left: 45px; background: #bf4747; } .summary-window ul { margin-bottom: 1px; } .window-controls { margin-bottom: 15px; padding-top: 5px; line-height: 1; border-top: 1px solid #d6d3c5; } .video-player .window-controls { background: #e6e7de; border: 1px solid #d6d3c5; border-top: 1px solid #f2f2ef; } #main .video-player .window-controls a { margin-top: 3px; padding-top: 2px; padding-bottom: 6px; line-height: 1; background-image: url(../m/widgets/btn-media-gallery-alt.gif); background-repeat: no-repeat; } .video-player .window-controls a.previous { margin-left: 10px; padding-left: 23px; background-position: 0 0; } .video-player .window-controls a.previous:hover, .video-player .window-controls a.previous:focus { background-position: 0 -250px; } .video-player .window-controls a.next { margin-right: 10px; padding-right: 23px; background-position: right -500px; } .video-player .window-controls a.next:hover, .video-player .window-controls a.next:focus { background-position: right -750px; } #main .video-player .controls a.off { background-image: url(../m/widgets/btn-media-gallery-alt-disabled.gif); background-repeat: no-repeat; color: #cacac5 !important; } #main .video-player .controls a.off.previous { background-position: 0 0; } #main .video-player .controls a.off.next { background-position: right -250px; } .video-player ul.col-one { background: url(../m/screen/bg-video-col1.gif) repeat-y; } .video-player ul.col-two { background: url(../m/screen/bg-video-col2.gif) repeat-y; } .video-player ul.col-three { background: url(../m/screen/bg-video-col3.gif) repeat-y; } .col .video-player ul { background: #e6e7de !important; } .col .video-player .window-controls, #main .col .video-player .window-controls a { padding: 0; background: transparent; border: none; } #main .col .video-player .window-controls a { margin: 0; } * + html .window-controls { padding-top: 10px; } #main .window-controls a { display: block; color: #366fac; font: normal normal 11px VegurBold, "Trebuchet MS", Arial, sans-serif; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; } #main .window-controls a:hover, #main .window-controls a:focus { color: #123965; } .controls a.previous { float: left; } .controls a.next { float: right; } .controls a.off { color: #eaeae4 !important; cursor: default; } /*------------------------- Video Gallery: updated -------------------------*/ .video-list ul[class*="vid"] { background-image: url(../m/screen/bg-video-playing.png); background-repeat: repeat-y; } .video-list ul.vid1 { background-position: 0 0; } .video-list ul.vid2 { background-position: 213px 0; } .video-list ul.vid3 { background-position: 426px 0; } .topic-landing-page .split-2-alt .col .video-list ul { background-image: none; } .topic-landing-page .split-2-alt .col .video-list li.playing { background: #ffffff; } #main .video-list li:first-child img { border-color: #E6E7DE; } #main .video-list li.playing img { border-color: #366FAC; } .video-list li:first-child img + h5:before { display: none; } .video-list li.playing img + h5:before { content: "Now playing"; display: block; position: absolute; left: 18px; top: 15px; width: 167px; padding: 5px; background: #4E607C; color: #ffffff; font: 11px/1 VegurBold, "Trebuchet MS", Arial, sans-serif; text-transform: uppercase; } .video-list .window-controls { margin: 0; padding: 0; border-width: 1px; border-style: solid; border-color: #F2F2EF #D6D3C5 #D6D3C5; background: #E6E7DE; line-height: 1; } .video-list .window-controls a { display: inline-block; min-height: 13px; margin: 5px; padding-top: 2px; background-image: url(../m/widgets/btn-media-gallery-alt.gif); background-repeat: no-repeat; line-height: 1 !important; vertical-align: middle; } .video-list .window-controls a.previous { padding-left: 23px; background-position: 0 0; } .video-list .window-controls a.previous:hover, .video-list .window-controls a.previous:focus { background-position: 0 -250px; } .video-list .window-controls a.next { padding-right: 23px; background-position: right -500px; } .video-list .window-controls a.next:hover, .video-list .window-controls a.next:focus { background-position: right -750px; } .video-list .controls a.off { background-image: url(../m/widgets/btn-media-gallery-alt-disabled.gif); background-repeat: no-repeat; color: #cacac5; } .video-list .controls a.off.previous { background-position: 0 0; } .video-list .controls a.off.next { background-position: right -250px; } .topic-switcher { position: relative; padding-top: 360px; background: #fff url(../m/widgets/ajax-loader-gu-blue.gif) no-repeat center 129px !important; } .topic-image { position: absolute; top: 0; left: 0; } .topic-image .video { margin: 0; } body.flash .video video { display: none; } .topic-nav { position: absolute; top: 290px; } .photo-gallery { float:none;} .gallery-thumbs { width: 80px; height: 360px; float:none; border-bottom: 1px solid #d6d3c5;} .gallery-thumbs li { float:left; clear:none; } #main .gallery-thumbs li a img { opacity: .5 } #main .gallery-thumbs .gallery-caption, #main .gallery-thumbs .credit { display: none; } #main .gallery-thumbs li a:hover img { padding: 3px;border: none; } /*dmv23 changes (incorperate into existing declarations) */ #main .gallery-thumbs li a{height:75px;width:75px;overflow:hidden;border:3px solid #E6E7DE;} #main .gallery-thumbs li.on a{border:3px solid #366fac;} #main .gallery-thumbs li a img{max-height:75px;padding:0;margin:0;border:none;} #main .gallery-thumbs li.on a img,#main .gallery-thumbs li a:hover img{padding:0;margin:0;border:none;} #main .primary-photo{position:absolute;bottom:48px;right:0;height:367px;overflow:hidden;} /*--------------------------------------------- Help/Popup Styles -------------------------------------------*/ .tip-wrap { display: block; position: absolute; bottom: 15px; left: -54px; z-index: 20000; width: 120px; background: url(../m/screen/help-bg-bottom.png) no-repeat left bottom; } .tip-wrap span { display: block; position: relative; top: -11px; width: 80px; padding: 18px 20px 5px; background: url(../m/screen/help-bg-top.png) no-repeat 0 0; color: #e6e7de; font: 12px/1.4em VegurRegular, "Trebuchet MS", Arial, sans-serif; } .tip-wrap strong { font-family: VegurBold, "Trebuchet MS", Arial, sans-serif; font-weight: normal; } .tip-wrap a { display: block; color: #7bace4; text-decoration: none; } .tip-wrap a:focus, .tip-wrap a:hover { text-decoration: underline; } .help { position: relative; top: 1px; left: 0; width: 15px; height: 14px; margin: 0; background-image: url(../m/widgets/icon-help.png); } .help:focus, .help:hover { background-position: 0 -500px; } * html #footer .help, * html .subscribe-news .help { background-image: url(../m/widgets/icon-help.gif); } * html #footer .tip-wrap, * html .subscribe-news .tip-wrap { background:url(../m/screen/help-bg-bottom.gif) no-repeat left bottom; } * html #footer .tip-wrap span, * html .subscribe-news .tip-wrap span { background:url(../m/screen/help-bg-top.gif) no-repeat 0 0; } * html .subscribe-news .tip-wrap { right: -11px !important; top: -60px; } #main .subscribe-news .tip-wrap { bottom: -10px; left: auto !important; right: -7px; } #main .subscribe-news .tip-wrap a { font-style: normal; } /*--------------------------------------------- No-Flash Styles for Hulu Player -------------------------------------------*/ a#huluPlayer h2 { font-size: 1.6em; } a#huluPlayer h3 { padding: 8px 9px 12px; background: #e6e7de; font-size: 1.6em; font-weight: normal; border-bottom: 1px solid #d6d3c5; } /* root element should be positioned relatively so that child elements can be positioned absolutely */ .guplayer-controls { position: relative; height: 40px; margin-bottom: 0; background:#2a436d url(../m/widgets/hulu.png) repeat-x 0 -4px; } * html .guplayer-controls { background-image: none; } /* play/pause button */ .guplayer-controls a.play, .guplayer-controls a.pause { position: absolute; display: block; width: 46px; height: 40px; background: url(../m/widgets/hulu.png) no-repeat 10px -61px; text-indent: -9999em; cursor: pointer; border-right: 1px solid #000; } * html .guplayer-controls a.play, * html .guplayer-controls a.pause { background-image: url(../m/widgets/btn-hulu.gif); } .guplayer-controls a.play:hover, .guplayer-controls a.play:focus { background-position: 10px -105px; } /* pause state */ .guplayer-controls a.pause { background-position: 11px -148px; } .guplayer-controls a.pause:hover, .guplayer-controls a.pause:focus { background-position: 11px -192px; } /* the timeline (or "scrubber") */ .guplayer-controls div.track { position: absolute; left: 47px; right: 170px; height: 40px; cursor: pointer; border-left: 1px solid #999; } /* the draggable playhead */ .guplayer-controls div.playhead { position: absolute; width: 3px; height: 40px; opacity: 0.3; filter: alpha(opacity=30); background-color: #4ff; cursor: pointer; border-right: 1px solid #444; } /* buffer- and progress bars. upon runtime the width of these elements grows */ .guplayer-controls div.progress, .guplayer-controls div.buffer { position: absolute; width: 0px; height: 40px; opacity: 0.1; filter: alpha(opacity=10); background-color: #4ff; } .guplayer-controls div.buffer { opacity: 0.1; filter: alpha(opacity=10); background-color: #fff; } /* time display */ .guplayer-controls div.time { position: absolute; right: 40px; width: 129px; padding: 11px 0 12px; color: #fff; font-family: futura, "Lucida Grande", "bitstream vera sans", "trebuchet ms", verdana, arial; font-size: 12px; text-align: center; border: 1px solid #999; border-width: 0 1px; } /* total duration in time display */ .guplayer-controls div.time strong { color: #89abdb; font-weight: normal; } /* mute / unmute buttons */ .guplayer-controls a.mute, .guplayer-controls a.unmute { position: absolute; right: 0; width: 40px; height: 24px; padding: 8px 0; background: url(../m/widgets/hulu.png) no-repeat 5px -323px; text-indent: -9999em; text-decoration: none; text-align: center; cursor: pointer; } * html .guplayer-controls a.mute, * html .guplayer-controls a.unmute { height: 24px; background-image: url(../m/widgets/btn-hulu.gif); } .guplayer-controls a.mute:hover { background-position: 5px -367px; } /* unmute state */ .guplayer-controls a.unmute { background-position: 5px -235px; } .guplayer-controls a.unmute:hover { background-position: 5px -279px; }