public/gallery3-contrib
Archived
1
0
Fork 0
Code Releases Activity

fixes #5, issues with hovering thumbnails

Browse Source
This commit is contained in:
Fredrik Erlandsson 2012-01-08 15:09:01 +01:00
parent e0fcc41fc0
commit 13b0419c32
3 changed files with 17 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
css/pear.css
View File

@ -2,12 +2,10 @@ body {
overflow: hidden; overflow: hidden;
} }
.g-hover-item { .g-hover-item {
border: 0px solid #000;
border: 1px solid #000; position: absolute !important;
position: absolute !important; z-index: 11 !important;
z-index: 1000 !important; display: block;
display: block;
} }
#g-place-holder { #g-place-holder {
@ -137,9 +135,8 @@ a, .g-menu a, #g-dialog a, .g-button, .g-button:hover, .g-button:active, a.ui-st
} }
.g-paginator { .g-paginator {
margin-bottom: 5px; padding: 6px 15px 5px;
margin-left: 15px; position: relative;
margin-right: 15px; z-index: 20;
padding-top: 6px;
} }

9
icons/pear.css
View File

@ -50,20 +50,23 @@ font-size: 0.7em !important;
#gsNavBar { #gsNavBar {
background:transparent url('top_bar_bg.png') repeat-x 100% -12px; background:transparent url('top_bar_bg.png') repeat-x 100% -12px;
position: static; position: relative;
height: 37px; height: 37px;
padding-top: 10px; padding-top: 10px;
overflow: hidden; overflow: hidden;
text-shadow: 0 -1px 2px #111111; text-shadow: 0 -1px 2px #111111;
font-weight: bold; font-weight: bold;
z-index: 100;
} }
#footerWrapper { #footerWrapper {
min-width: 800px; min-width: 800px;
width: 100%; width: 100%;
background:transparent url('footer_bg.png') top center; background:transparent url('footer_bg.png') top center;
height:40px; height:40px;
clear:both; clear:both;
z-index: 100;
position: relative;
} }
#logoButton { #logoButton {

8
js/pear.js
View File

@ -164,7 +164,7 @@ function swatchSkin(intSkin) {
case 'dkgrey': case 'dkgrey':
case 1: case 1:
$('div.gallery-thumb-round').css('backgroundPosition', "-200px 0px"); $('div.gallery-thumb-round').css('backgroundPosition', "-200px 0px");
$('#mosaicTable,.pear').css('backgroundColor', "#262626"); $('#mosaicTable,.pear,.g-paginator').css('backgroundColor', "#262626");
$('p.giTitle').css("color", "#a9a9a9"); $('p.giTitle').css("color", "#a9a9a9");
$("#dkgrey").addClass("dkgrey sel dkgrey-with-sel-with-swatch"); $("#dkgrey").addClass("dkgrey sel dkgrey-with-sel-with-swatch");
bgcolor = "dkgrey"; bgcolor = "dkgrey";
@ -173,7 +173,7 @@ function swatchSkin(intSkin) {
case 'ltgrey': case 'ltgrey':
case 2: case 2:
$('div.gallery-thumb-round').css('backgroundPosition', "-400px 0px"); $('div.gallery-thumb-round').css('backgroundPosition', "-400px 0px");
$('#mosaicTable,.pear').css('backgroundColor', "#d9d9d9"); $('#mosaicTable,.pear,.g-paginator').css('backgroundColor', "#d9d9d9");
$('p.giTitle').css("color", "#333333"); $('p.giTitle').css("color", "#333333");
$("#ltgrey").addClass("ltgrey sel ltgrey-with-sel-with-swatch"); $("#ltgrey").addClass("ltgrey sel ltgrey-with-sel-with-swatch");
bgcolor = "ltgrey"; bgcolor = "ltgrey";
@ -182,7 +182,7 @@ function swatchSkin(intSkin) {
case 'white': case 'white':
case 3: case 3:
$('div.gallery-thumb-round').css('backgroundPosition', "-600px 0px"); $('div.gallery-thumb-round').css('backgroundPosition', "-600px 0px");
$('#mosaicTable,.pear').css('backgroundColor', "#ffffff"); $('#mosaicTable,.pear,.g-paginator').css('backgroundColor', "#ffffff");
$('p.giTitle').css("color", "#444444"); $('p.giTitle').css("color", "#444444");
$("#white").addClass("white sel white-with-sel-with-swatch"); $("#white").addClass("white sel white-with-sel-with-swatch");
bgcolor = "white"; bgcolor = "white";
@ -190,7 +190,7 @@ function swatchSkin(intSkin) {
// Black is default // Black is default
default: default:
$('div.gallery-thumb-round').css('backgroundPosition', "0px 0px"); $('div.gallery-thumb-round').css('backgroundPosition', "0px 0px");
$('#mosaicTable,.pear').css('backgroundColor', "#000"); $('#mosaicTable,.pear,.g-paginator').css('backgroundColor', "#000");
$('p.giTitle').css("color", "#a3a3a3"); $('p.giTitle').css("color", "#a3a3a3");
$("#black").addClass("black sel black-with-sel-with-swatch"); $("#black").addClass("black sel black-with-sel-with-swatch");
bgcolor = "black"; bgcolor = "black";