Last active
August 29, 2015 14:07
-
-
Save kricore/b1d78e03532226962c8b to your computer and use it in GitHub Desktop.
Simple Image Gallery Pro's classic template without the image background.
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
/** | |
* @version 3.0.x | |
* @package Simple Image Gallery Pro | |
* @author JoomlaWorks - http://www.joomlaworks.net | |
* @copyright Copyright (c) 2006 - 2014 JoomlaWorks Ltd. All rights reserved. | |
* @license http://www.joomlaworks.net/license | |
*/ | |
/* --- Generic Styling --- */ | |
a:active,a:focus { outline:0; } | |
table.contentpaneopen { width:100%; } | |
li.sigProClear { clear:both; float:none!important; height:0!important; line-height:0!important; border:none!important; background:none!important; width:auto; margin:0!important; padding:0!important; } | |
/* Container */ | |
ul.sigProClassic { margin:8px auto!important; padding:8px 0!important; list-style:none; clear:both; overflow:hidden; } | |
ul.sigProClassic.singleThumbGallery { margin:0!important; padding:8px 0!important; list-style:none!important; float:left; } | |
/* Thumbnail */ | |
ul.sigProClassic li.sigProThumb { float:left; margin:5px; padding:0; list-style:none!important; } | |
/* width:33%; to force columns */ | |
ul.sigProClassic li.sigProThumb span.sigProLinkOuterWrapper { display:block; float:left; margin:0; padding:0 5px 5px 0; } | |
ul.sigProClassic li.sigProThumb span.sigProLinkWrapper { display:block; float:left; margin:-5px 0 0 -5px; padding:4px; border:1px solid #ccc; box-shadow: 3px 3px 5px #888; background: #fff;} | |
ul.sigProClassic li.sigProThumb a.sigProLink, | |
ul.sigProClassic li.sigProThumb a.sigProLink:hover { position:relative; float:left; display:block; padding:0; margin:0; border:none; } | |
ul.sigProClassic li.sigProThumb a.sigProLink { color:#eee; } | |
ul.sigProClassic li.sigProThumb a.sigProLink:hover { color:#222; text-decoration:none; } | |
ul.sigProClassic li.sigProThumb a.sigProLink img.sigProImg, | |
ul.sigProClassic li.sigProThumb a.sigProLink:hover img.sigProImg { display:block; width:100%; height:100%; padding:0; margin:0; border:none; background-repeat:no-repeat; background-position:50% 50%; } | |
/* Caption */ | |
ul.sigProClassic span.sigProPseudoCaption,ul.sigProClassic span.sigProCaption { display:block; position:absolute; bottom:0; left:0; right:0; text-align:center; padding:2px 4px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; } | |
ul.sigProClassic li.sigProThumb a.sigProLink span.sigProPseudoCaption { background:#000; } | |
ul.sigProClassic li.sigProThumb a.sigProLink:hover span.sigProPseudoCaption { background:#fff; } | |
ul.sigProClassic span.sigProPseudoCaption { opacity:0.7; -moz-opacity:0.7; } | |
ul.sigProClassic span.sigProPseudoCaption b { visibility:hidden; } | |
/* Popup */ | |
span.sigProPopupCaption { font-weight:bold; color:#C63C13; font-size:13px; font-family:Georgia, "Times New Roman", Times, serif; } | |
a.sigProDownloadLink,a.sigProDownloadLink:hover { background:url(../images/disk.png) no-repeat left center; padding:4px 0 4px 20px; } | |
div.sigProModulePosition { text-align:center; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:4px; margin:8px 0; background:#ffffdd; } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Stripped out the IE6 part and added a CSS shadow instead of an image background.