/* ------------------------------------------------------- * Tiny Prints Video Gallery CSS * file: video-gallery.css * author: Eric Ritchey * date: November 5, 2009 * modified: 5/10/10 * ------------------------------------------------------*/ .video { clear:both; border-bottom:1px dotted #ccc; margin-bottom:20px; padding-bottom:20px; width:100%; } #videos .video,#videos .copy,#videos .video img,#videos .video p.links a { float:left; } #videos .video img { margin:34px 66px; } #videos .video h2, #videos .video p { margin-left:220px; } #videos .video p.links { margin-left:0; } #videos .video h2 { margin-top:0; } #teachers #videos .video h2 { margin-top: .8em; } #videos .video a { width:200px; height:134px; display:block; } #videos .video p a { width:auto; height:133px; background-image:none; display:inline; float:none; } #videos .video a.player { width:inherit; } #videos #holiday2011-vid p.links a { background-image:url('/image/tp/css/bgs/holiday2011-play-video.jpg'); } #videos #difference-vid p.links a { background-image:url('/image/tp/css/bgs/difference.jpg'); } #videos #holiday-vid p.links a { background-image:url('/image/tp/css/bgs/holiday.jpg'); } #videos #personalization-vid p.links a { background-image:url('/image/tp/css/bgs/personalization.jpg'); } #videos #mailing-vid p.links a { background-image:url('/image/tp/css/bgs/mailing.jpg'); } #videos #greeting p.links a { background-image:url('/image/tp/css/bgs/difference.jpg'); } #videos #greeting-memorable p.links a { background-image:url('/image/tp/css/bgs/greeting-memorable.jpg'); } #videos #greeting-asap p.links a, #teachers #videos p.links a { background-image:url('/image/tp/css/bgs/greeting-asap.jpg'); } #videos #rsvp-main p.links a { background-image:url('/image/tp/css/bgs/rsvp-manager.jpg'); } #videos #rsvp-main p.links a.nobg { background-image:none; } #videos #snapshot2 p.links a {background-image:url('/image/tp/css/bgs/snapshot.jpg'); } #videos #snapshot p.links a.nobg { background-image:none; } #videos #photobooks-vid p.links a { background-image:url('/image/tp/css/bgs/photobooks-vid.jpg'); } #videos #photobooks-vid-lp p.links a { background: url('/image/tp/misc/photo-book-play-video.jpg') no-repeat top left; width:130px; } #videos #calendars-vid p.links a { background-image:url('/image/tp/css/bgs/calendars-vid.jpg'); } #videos #calendars-vid-lp p.links a { background: url('/image/tp/misc/calendar-play-video.jpg') no-repeat top left; width:130px; } #videos #holiday-2010-vid p.links a { background-image:url('/image/tp/css/bgs/holiday-2011-vid.jpg'); } #videos #snapshot3 p.links a {background-image:url('/image/tp/css/bgs/snapshot3.jpg'); } #videos #oprah-video p.links a {background-image:url('/image/tp/css/bgs/oprah-video.jpg'); } #container-dynamic div.overlay, #container div.overlay { background: url('/image/tp/css/bgs/overlay.png') no-repeat; padding: 40px; width: 576px; height: 350px; display: none; /*left: 547px !important; */ margin:0 auto; z-index: 10000 !important; /* overflow: hidden !important; */ } #container div.overlay.tpg { } #videos.addr-book .addrbookvid div.overlay { left:0 !important; top: 0 !important; } div.overlay div.close { background:url('/image/tp/css/bgs/close.png') no-repeat; position:absolute; top:2px; right:5px; width:35px; height:35px; cursor:pointer; } #videos a.player { display:block; height:350px !important; border-bottom:0; background-image:none; width:576px !important; } #videos p.links a, #videos a[rel] { cursor:pointer; } /* --- http://www.tinyprints.com/greeting/ --- */ #videos #content { background-image: none; width: auto; padding: 0; margin: 0; } /* --- tiny-prints-design-creation-preview-suite-for-holidays.htm --- */ #content .five-product-row { border: none; border-bottom: 2px dotted #EBEBEB; height: auto; } #content .five-product-row li { margin: 0 20px; } #content .five-product-row a { border-bottom: none; } #videos a.heroImg, .three-thumb-sprite div { background: url("/image/tp/css/bgs/lp-sprites/personalization-features.jpg") no-repeat; } .three-thumb-sprite div { height: 120px; } .three-thumb-sprite .one { background-position: -1px 1px; } .three-thumb-sprite .mid { background-position: 0px -109px; } .three-thumb-sprite .three { background-position: 0px -218px; } #videos #hero a.heroImg { border-bottom:0; display:block; float:left; width:614px; height:267px; background-position:0 -363px; overflow:hidden; text-indent:-999px; } #videos #hero #personalization-vid { width:300px; height:267px; float:right; margin:0; padding:0; display:block; clear:none; } #videos #hero #personalization-vid p.links a { background: url('/image/tp/misc/personalization-video.jpg') no-repeat center center; width:300px; height:267px; margin:0; padding:0; } #videos #hero #personalization-vid div.overlay { top:100px !important; } /* --- tiny-prints-difference.htm --- */ #videos.tpdiffpg #content {position:relative;} #videos.tpdiffpg #difference-vid {border-bottom:0;margin-bottom:0;} #videos.tpdiffpg #difference-vid a {margin:20px 0 0 20px;height:170px;} #videos.tpdiffpg #difference-vid a.player {margin:0;} #videos.tpdiffpg .video img {margin: 0;width: 252px;height: 170px;} /* --- address-book-online.htm --- */ #videos.addr-book #mailing-vid {width:100%;} #videos.addr-book #mailing-vid h2, #videos.addr-book #mailing-vid p { margin:0; } #videos.addr-book #mailing-vid p.links a { background: url('/image/tp/misc/integrate.gif'); width:290px; height:215px; float:right; margin-left:1em; } #videos.addr-book #mailing-vid.video { border-bottom:0; } /*-- online-party-invitations-manager.htm --*/ #rsvp-main {border-bottom:none;padding-top:10px;} #videos #rsvp-main.video p.links a.text-link {width:350px;height:25px;} #rsvp-lp #hero p.links {margin-top:0px;} /* --- snapshot.htm --- */ #snapshot {border-bottom:none;} #snapshot-lp #hero a {margin-top:10px;} #videos #snapshot.video a {margin-top:0px;} #videos #snapshot.video p.links {margin-top:0px;padding-top:0px;} #videos #snapshot.video p.links a.text-link {width:300px;margin-top:0px;height:15px;} #snapshot.videos a { cursor: pointer; }