/** * @version $Id: template.css.php 2186 2012-11-15 19:22:34Z joomlaworks $ * @package Frontpage Slideshow * @author JoomlaWorks - http://www.joomlaworks.net * @copyright Copyright (c) 2006 - 2012 JoomlaWorks Ltd. All rights reserved. * @license http://www.joomlaworks.net/license */ /* --- Slideshow Container --- */ #fpssContainer438.fpss-template-movies {position:relative;width:760px;height:308px;margin:8px auto;border:1px solid #999;padding:2px;overflow:hidden;font-family:"Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif;} /* --- Loader --- */ #fpssContainer438.fpss-template-movies .slide-loading {position:absolute;width:500px;height:308px;background:#000 url(../images/loading_black.gif) no-repeat center center;z-index:100;} /* --- Timer (progress bar) --- */ #fpssContainer438.fpss-template-movies .fpssTimerContainer, #fpssContainer438.fpss-template-movies .fpssTimerContainer .fpssTimer {display:none;} /* --- Slide Containers --- */ #fpssContainer438.fpss-template-movies .slides-wrapper {width:500px;height:308px;margin:0;padding:0;float:left;position:relative;overflow:hidden;background:#3a3a3a;} .fpss-template-movies .slides-wrapper .slides {} #fpssContainer438.fpss-template-movies .slide {width:500px;height:308px;overflow:hidden;list-style:none;} .fpss-template-movies .slidetext {position:absolute;top:0;left:50px;width:40%;height:308px;margin:0;padding:0 8px;background:url(../images/transparent_bg.png);z-index:1;} /* --- Slide Content --- */ .fpss-template-movies .slidetext h1 {padding:20px 0 2px;} .fpss-template-movies .slidetext h1, .fpss-template-movies .slidetext h1 a {font-family:"Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif;font-size:28px;line-height:120%;margin:0;color:#fff;} .fpss-template-movies .slidetext h1 a {padding:0;} .fpss-template-movies .slidetext h1 a:hover {color:#c00;text-decoration:none;} .fpss-template-movies .slidetext h2 {font-size:11px;margin:0;padding:0;color:#bbb;font-weight:normal;} .fpss-template-movies .slidetext h3 {font-size:11px;margin:0 0 4px 0;padding:0;display:none;} .fpss-template-movies .slidetext h4 {font-size:11px;margin:0;padding:0;color:#999;font-style:italic;} .fpss-template-movies .slidetext p {margin:0;padding:8px 0;background:url(../images/dotted.gif) repeat-x bottom;color:#fff;} .fpss-template-movies .slidetext a.fpssReadMore {position:absolute;left:8px;bottom:12px;width:100px;margin:0;padding:6px 0 6px 12px;background:url(../images/readmore.png) no-repeat;color:#fff;border:none;text-decoration:none;} .fpss-template-movies .slidetext a.fpssReadMore:hover {background:url(../images/readmore-hover.png) no-repeat;color:#fff;text-decoration:none;} /* --- Navigation --- */ #fpssContainer438.fpss-template-movies .navigation-wrapper {width:260px;height:308px;margin:0;padding:0;float:left;overflow-x:hidden;overflow-y:auto;background:#3a3a3a;} .fpss-template-movies .navigation {list-style:none;margin:0;padding:0;} .fpss-template-movies .navigation li {background:#505050 url(../images/nav.gif) repeat-x 0 100%;z-index:7;} .fpss-template-movies .navigation li.active, .fpss-template-movies .navigation li:hover, .fpss-template-movies .navigation-background {background:#d2d2d2 url(../images/nav-active.gif) repeat-x bottom;} .fpss-template-movies .navigation-background {border:none;position:absolute;z-index:8;} #fpssContainer438.fpss-template-movies .navigation li.navigation-button a {display:block;padding:4px 12px;margin:0;text-decoration:none;font-size:11px;color:#fff;position:relative;z-index:9;height:67px;overflow:hidden;border-top:1px solid #5c5a5b;} #fpssContainer438.fpss-template-movies .navigation li.active a, #fpssContainer438.fpss-template-movies .navigation li.navigation-button a:hover {border-top:1px solid #6a6a6a;} #fpssContainer438.fpss-template-movies .navigation li.navigation-button:first-child a {border-top:0;} #fpssContainer438.fpss-template-movies .navigation-thumbnail {float:left;width:65px;height:43px;margin:2px 8px 0 0;overflow:hidden;border:2px solid #232323;background-position:50% 50%;} .fpss-template-movies .navigation-info {clear:right;} .fpss-template-movies .navigation-title {color:#fff;display:block;font-size:12px;font-weight:bold;line-height:13px;margin:0;padding:0;} .fpss-template-movies .navigation-tagline {color:#F2F2F2;font-size:11px;font-weight:normal;line-height:12px;margin:0;padding:0;} /* --- Generic Styling (highly recommended) --- */ .fpss-template-movies a {cursor:pointer;} .fpss-template-movies a:active, .fpss-template-movies a:focus {outline:0;outline:expression(hideFocus='true');} .fpss-template-movies img {border:none;} .fpss-template-movies .slidetext img, .fpss-template-movies .slidetext p img {display:none;} .fpss-clr {clear:both;float:none;height:0;line-height:0;margin:0;padding:0;border:0;} /* --- IE Specific Styling (use body.fpssIsIE6, body.fpssIsIE7, body.fpssIsIE8 to target specific IEs) --- */ body.fpssIsIE6 .fpss-template-movies .navigation-thumbnail {position:relative;z-index:9;} body.fpssIsIE6 .fpss-clr, body.fpssIsIE7 .fpss-clr {display:none;} /* --- End of stylesheet --- */