aboutsummaryrefslogtreecommitdiffstats
path: root/template/yoga/image.css
diff options
context:
space:
mode:
authorchrisaga <chrisaga@piwigo.org>2006-05-28 01:19:05 +0000
committerchrisaga <chrisaga@piwigo.org>2006-05-28 01:19:05 +0000
commit32c6c4a0b726104970a64e31d8ba206f9c4192a0 (patch)
tree9d075d68537a8f9b6872df9a4d807b744455c44f /template/yoga/image.css
parent6cdc153757d2f52ef7b0d7855b4a74b5a936b833 (diff)
improve : a more compact header to picture.tpl (+ use css instead of hidden hr)
git-svn-id: http://piwigo.org/svn/trunk@1325 68402e56-0260-453c-a942-63ccdbb3a9ee
Diffstat (limited to 'template/yoga/image.css')
-rw-r--r--template/yoga/image.css55
1 files changed, 21 insertions, 34 deletions
diff --git a/template/yoga/image.css b/template/yoga/image.css
index 90d5c539b..9ecbaea08 100644
--- a/template/yoga/image.css
+++ b/template/yoga/image.css
@@ -1,47 +1,34 @@
#imageHeaderBar {
- padding: 2px 10px;
- margin: 4px 0;
+ padding-top: 2px;
+ padding-bottom: 2px;
+ margin-top: 4px;
+ overflow: hidden;
+ width: 100%;
}
-#imageHeaderBar .browsePath { float: left; }
-#imageHeaderBar .imageNumber { float: right; }
-#imageHeaderBar H2 {
- /*margin: 1ex 0; override default-layout for less bottom-margin */
- text-align: center;
- padding: 0;
- clear: both;
+#imageHeaderBar .browsePath {
+ float: left;
+ margin-left: 10px;
}
-#imageToolBar {
- text-align: center;
- position: relative;
- clear: both;
- margin: 4px 0; padding: 0;
-}
-
-/* Moi, je preferais les boutons "imgPrec" et "imgSuiv" au milieu, au-dessus
-de l'image...
-
-#imageToolBar IMG, #imageToolBar A {
- display: inline;
- border: none; margin: auto; padding: 0;
+#imageHeaderBar .imageNumber {
+ float: right;
+ margin-right: 10px;
}
-#imageToolBar .randomButtons {
- position: absolute;
- left: 0;
-}
-#imageToolBar .randomButtons IMG {
- padding: 0 4px; /* au pire: 3 * (4+24+4) = 96 < 100 * /
+#imageHeaderBar H2 {
+ text-align: center;
+ padding: 0;
+ clear: both;
}
-#imageToolBar .prevNnext {
- text-align: center;
-}
-#imageToolBar .prevNnext IMG {
- padding: 0 100px;
+#imageToolBar {
+ text-align: center;
+ position: relative;
+ clear: both;
+ margin-bottom: 4px;
+ padding: 0;
}
-*/
#imageToolBar {
height: 28px;