Last active
August 18, 2016 13:47
-
-
Save kricore/5ec94077098f95c63ba6 to your computer and use it in GitHub Desktop.
Responsive: FPSS Movies Template
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <?php | |
| if(!isset($fpssTemplateIncluded)){ | |
| header("Content-type: text/css; charset: utf-8"); | |
| $width = (int) $_GET['width']; | |
| $height = (int) $_GET['height']; | |
| $sidebarWidth = (int) $_GET['sidebarWidth']; | |
| $thumbnailViewportWidth = (int) $_GET['thumbnailViewportWidth']; | |
| $thumbnailViewportHeight = (int) $_GET['thumbnailViewportHeight']; | |
| $timer = (bool) $_GET['timer']; | |
| $mid = (int) $_GET['mid']; | |
| } | |
| ?> | |
| /** | |
| * @version 2.x | |
| * @package Frontpage Slideshow | |
| * @author JoomlaWorks - http://www.joomlaworks.net | |
| * @copyright Copyright (c) 2006 - 2014 JoomlaWorks Ltd. All rights reserved. | |
| * @license http://www.joomlaworks.net/license | |
| */ | |
| /* --- Slideshow Container --- */ | |
| #fpssContainer<?php echo $mid; ?>.fpss-template-movies {position:relative; width:100%; padding 2px 2px <?php echo( $height / ($width+$sidebarWidth) ) * 100; ?>%; margin:8px auto;border:1px solid #999;overflow:hidden;font-family:"Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif;} | |
| /* --- Loader --- */ | |
| #fpssContainer<?php echo $mid; ?>.fpss-template-movies .slide-loading {position:absolute; width: 100%; height: 100%; background:#000 url(../images/loading_black.gif) no-repeat center center;z-index:100;} | |
| /* --- Timer (progress bar) --- */ | |
| <?php if($timer): ?> | |
| #fpssContainer<?php echo $mid; ?>.fpss-template-movies .fpssTimerContainer {position:absolute;bottom:2px;left:2px;right:<?php echo $sidebarWidth+2; ?>px;z-index:101;} | |
| #fpssContainer<?php echo $mid; ?>.fpss-template-movies .fpssTimerContainer .fpssTimer {width:0;clear:both;height:6px;background-color:#c00;} | |
| <?php else: ?> | |
| #fpssContainer<?php echo $mid; ?>.fpss-template-movies .fpssTimerContainer, | |
| #fpssContainer<?php echo $mid; ?>.fpss-template-movies .fpssTimerContainer .fpssTimer {display:none;} | |
| <?php endif; ?> | |
| /* --- Slide Containers --- */ | |
| #fpssContainer<?php echo $mid; ?>.fpss-template-movies .slides-wrapper { width: 75%; padding: 0 0 <?php echo ( $height / $width ) * 75; ?>%; margin:0;float:left;position:relative;overflow:hidden;background:#3a3a3a;} | |
| .fpss-template-movies .slides-wrapper .slides {} | |
| #fpssContainer<?php echo $mid; ?>.fpss-template-movies .slide { width: 100%; height: 100%; ?>px;overflow:hidden;list-style:none;} | |
| #fpssContainer<?php echo $mid; ?>.fpss-template-movies .slide span { display: block; width: 100%; height: 100%; background-size: cover!important; } | |
| #fpssContainer<?php echo $mid; ?>.fpss-template-movies .slide img { display: none; } | |
| .fpss-template-movies .slidetext {position:absolute;top:0;left:20px!important;width:60%;height: 100%; ;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:16px;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 { display:none; margin:0;padding:8px 0;background:url(../images/dotted.gif) repeat-x bottom;color:#fff;} | |
| @media screen and (min-width: 600px) { | |
| .fpss-template-movies .slidetext { width: 40%; left:50px!important; } | |
| .fpss-template-movies .slidetext p { display: block; } | |
| .fpss-template-movies .slidetext h1, | |
| .fpss-template-movies .slidetext h1 a { font-size: 22px; } | |
| } | |
| @media screen and (min-width: 767px) { | |
| .fpss-template-movies .slidetext h1, | |
| .fpss-template-movies .slidetext h1 a { font-size: 28px; } | |
| } | |
| .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 --- */ | |
| #fpssContainer<?php echo $mid; ?>.fpss-template-movies .navigation-wrapper {width: 25%; height: 100%;margin:0;padding:0;right:0; position: absolute; 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;} | |
| #fpssContainer<?php echo $mid; ?>.fpss-template-movies .navigation li.navigation-button a {display:block;margin:0;text-decoration:none;font-size:11px;color:#fff;position:relative;z-index:9; max-width: 100%; width: 100%; height: auto; overflow:hidden;border-top:1px solid #5c5a5b; padding: 4px;} | |
| @media screen and (min-width: 600px) { | |
| #fpssContainer<?php echo $mid; ?>.fpss-template-movies .navigation li.navigation-button a { | |
| height:<?php echo $thumbnailViewportHeight+24; ?>px; width: auto; padding:4px 12px; | |
| } | |
| } | |
| #fpssContainer<?php echo $mid; ?>.fpss-template-movies .navigation li.active a, | |
| #fpssContainer<?php echo $mid; ?>.fpss-template-movies .navigation li.navigation-button a:hover {border-top:1px solid #6a6a6a;} | |
| #fpssContainer<?php echo $mid; ?>.fpss-template-movies .navigation li.navigation-button:first-child a {border-top:0;} | |
| #fpssContainer<?php echo $mid; ?>.fpss-template-movies .navigation-thumbnail {float:left; width: 80%; padding: 0 0 <?php echo ($thumbnailViewportHeight / $thumbnailViewportWidth) * 56; ?>%; margin:2px 8px 0 0;overflow:hidden;border:2px solid #232323;background-position:50% 50%!important; background-size: cover!important; } | |
| @media screen and (min-width: 600px) { | |
| #fpssContainer<?php echo $mid; ?>.fpss-template-movies .navigation-thumbnail { width:<?php echo $thumbnailViewportWidth; ?>px;height:<?php echo $thumbnailViewportHeight; ?>px; padding: 0; } | |
| } | |
| .fpss-template-movies .navigation-info {clear:right; display: none;} | |
| @media screen and (min-width: 600px) { | |
| .fpss-template-movies .navigation-info { display: block; } | |
| } | |
| .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; display: none;} | |
| /* --- 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 --- */ |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Replace the contents of the template.css.php file with this one