aboutsummaryrefslogtreecommitdiffstats
path: root/template/yoga/image.css
diff options
context:
space:
mode:
authorplegall <plg@piwigo.org>2005-09-03 20:01:14 +0000
committerplegall <plg@piwigo.org>2005-09-03 20:01:14 +0000
commit9c6f769b9424557f5cda93e6f7f4f1366ad427e7 (patch)
tree1942371c30d4894cc71ec4bdc7e5792daa368320 /template/yoga/image.css
parent7eae7595909a49d4355453c73638151097a53f20 (diff)
- new : template yoga, made by yoDan, helped by chrisaga for integration
becomes the official template. git-svn-id: http://piwigo.org/svn/trunk@859 68402e56-0260-453c-a942-63ccdbb3a9ee
Diffstat (limited to 'template/yoga/image.css')
-rw-r--r--template/yoga/image.css129
1 files changed, 129 insertions, 0 deletions
diff --git a/template/yoga/image.css b/template/yoga/image.css
new file mode 100644
index 000000000..74f9e1a66
--- /dev/null
+++ b/template/yoga/image.css
@@ -0,0 +1,129 @@
+#imageHeaderBar {
+ padding: 2px 10px;
+ margin: 4px 0;
+}
+#imageHeaderBar .browsePath { float: left; }
+#imageHeaderBar .imageNumber { float: right; }
+
+#imageHeaderBar H1 {
+ margin: 1ex 0; /* override default-layout for less bottom-margin */
+ clear: both;
+}
+
+#imageToolBar {
+ text-align: left;
+ 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;
+}
+
+#imageToolBar .randomButtons {
+ position: absolute;
+ left: 0;
+}
+#imageToolBar .randomButtons IMG {
+ padding: 0 4px; /* au pire: 3 * (4+24+4) = 96 < 100 * /
+}
+
+#imageToolBar .prevNnext {
+ text-align: center;
+}
+#imageToolBar .prevNnext IMG {
+ padding: 0 100px;
+}
+*/
+
+#imageToolBar {
+ height: 28px;
+}
+#imageToolBar A, #imageToolBar IMG {
+ display: block;
+ border: none;
+ margin: 0; padding: 0;
+}
+#imageToolBar A { width: 48px; }
+#imageToolBar IMG { margin: 2px auto; }
+#imageToolBar .randomButtons A { float: left; }
+#imageToolBar .navButtons A { float: right; }
+
+#theImage {
+ clear: left;
+}
+
+#theImage>IMG {
+ display: block;
+ margin: 0 auto;
+}
+
+.navThumb.prev {
+ float: left;
+}
+
+.navThumb.next {
+ float: right;
+}
+
+TABLE.infoTable {
+ margin: auto;
+}
+TABLE.infoTable .value {
+ text-align: left;
+}
+
+TABLE.infoTable .label {
+ font-weight: bold;
+ text-align: right;
+ padding-right: 0.5em;
+}
+
+TABLE.infoTable TD.value UL {
+ margin: 0;
+ padding: 0 0 0 1.5em;
+ list-style-type: square;
+}
+
+#comments {
+ text-align: left;
+}
+
+#comments .comment {
+ margin: 3ex 0;
+}
+
+#comments H2 {
+ margin: 1ex 0;
+}
+
+#comments P {
+ margin: 0;
+}
+
+#comments .author {
+ font-weight: bold;
+}
+
+#comments BLOCKQUOTE {
+ margin: 1ex 0 1ex 2em;
+ padding: 4px 4px 0 /* IE bug */ 4px;
+}
+
+#comments BLOCKQUOTE P {
+ margin: 0;
+ padding-bottom: 4px; /* IE bug follow-up */
+}
+#comments BLOCKQUOTE P+P {
+ margin-top: 1ex;
+}
+
+#comments P.userCommentDelete {
+ float: right;
+ margin: 0;
+}