bug 2514 improve prev/next navigation navigation on picture page

git-svn-id: http://piwigo.org/svn/trunk@12880 68402e56-0260-453c-a942-63ccdbb3a9ee

1 files changed, 10 insertions, 14 deletions

diff --git a/themes/default/theme.css b/themes/default/theme.css
index bf7e9355d..5232b03a1 100644
--- a/themes/default/theme.css
+++ b/themes/default/theme.css
@@ -214,9 +214,10 @@ TD.calDayHead {
 }
 
 .thumbnailCategories LI {
-	margin:0;
-	padding:0;
-	float:left;
+	margin: 0;
+	padding: 0;
+	float: left;
+	width: 49.7%;    /* 49.7% for 2 per line, 33.2% for 3 per line*/
 }
 
 .thumbnailCategory {
@@ -328,7 +329,7 @@ TD.calDayHead {
 #imageToolBar {
 	text-align: center;
 	clear: both;
-	margin-bottom: 4px;
+	margin-bottom: 2px;
 	padding: 0;
 	height: 28px;
 }
@@ -342,7 +343,7 @@ TD.calDayHead {
 	padding: 0.2em;
 	position: absolute;
 	left: 5px;
-	top: 100px;
+	top: 10%;
 }
 
 #derivativeSwitchBox, #sortOrderBox {
@@ -351,12 +352,13 @@ TD.calDayHead {
 	z-index: 100;
 }
 
-#theImage {
+#imageWrap {
 	clear: left;
 	text-align: center;
+	position: relative; /*so that the drivative switch link is positioned relative to us*/
 }
 
-#theImage>IMG {
+#imageWrap>IMG {
 	display: block;
 	margin: 0 auto;
 	border: 0;
@@ -418,7 +420,7 @@ TD.calDayHead {
 }
 
 .contentWithMenu #imageToolBar, 
-.contentWithMenu #theImage { 
+.contentWithMenu #imageWrap { 
 	clear: none;
 }
 
@@ -694,12 +696,6 @@ IMG.ui-datepicker-trigger {
   height: 140px;    /* max thumbnail height + 2px */
 }
 
-
-/* Category thumbnails on main page */
-.thumbnailCategories LI {
-  width: 49.7%;    /* 49.7% for 2 per line, 33.2% for 3 per line*/
-}
-
 /* Set defaults for thumbnails legend */
 .thumbnails SPAN.thumbLegend {
   display: block;  /* display: none; if you don't want legend */