aboutsummaryrefslogtreecommitdiffstats
path: root/themes/default/theme.css
diff options
context:
space:
mode:
authorZaphod <zaphod@piwigo.org>2012-03-27 20:44:11 +0000
committerZaphod <zaphod@piwigo.org>2012-03-27 20:44:11 +0000
commit6cfbf5cc9d473d0a90ad9bf854f0edc806fbb816 (patch)
treeff95bf7d3d998d731335081359ceb9f236ccd157 /themes/default/theme.css
parent36290184dd8b78bd3f11c5b320c20b203a93b4f8 (diff)
feature 2588: uniformization of picture.tpl
picture.tpl is merge between default theme & elegant theme. css adaptation to have the image info displayed as a table with default. git-svn-id: http://piwigo.org/svn/trunk@13774 68402e56-0260-453c-a942-63ccdbb3a9ee
Diffstat (limited to '')
-rw-r--r--themes/default/theme.css62
1 files changed, 51 insertions, 11 deletions
diff --git a/themes/default/theme.css b/themes/default/theme.css
index e21756ca5..ab418542b 100644
--- a/themes/default/theme.css
+++ b/themes/default/theme.css
@@ -350,9 +350,9 @@ TD.calDayHead {
margin-left: 10px;
}
-#imageHeaderBar .imageNumber {
+#imageToolBar .imageNumber {
float: right;
- margin-right: 10px;
+ margin:-20px 9px 0 0;
}
#imageHeaderBar H2 {
@@ -377,7 +377,7 @@ TD.calDayHead {
padding: 0.5em 5px;
border-radius: 4px;
z-index: 100;
- text-align: left;
+ text-align:left;
position: absolute; /*left, right set through js*/
}
@@ -387,6 +387,10 @@ TD.calDayHead {
margin-bottom:5px;
}
+.relSwitchBox {
+ position: relative;
+}
+
#theImage {
clear: left;
text-align: center;
@@ -398,17 +402,13 @@ TD.calDayHead {
}
#linkPrev {
- position:absolute;
- left:0;
- margin-right: 10px;
- margin-left: 5px;
+ float: left;
+ margin: 5px 10px 0 5px;
}
#linkNext {
- position:absolute;
- right:0;
- margin-right: 5px;
- margin-left: 10px;
+ float: right;
+ margin: 5px 5px 0 10px;
}
.infoTable .label {
@@ -816,3 +816,43 @@ LEGEND {
line-height: 1.5em;
}
+/* image comments rules */
+
+#commentAdd, #pictureCommentList { width: 48%; padding: 0 1%;}
+#commentAdd { float: left; }
+#pictureCommentList { float: right; }
+
+#commentAdd input[type="text"],
+#commentAdd textarea {
+ min-width: 100%;
+ max-width: 100%;
+ width: 100%;
+ font-family: Arial,Helvetica,sans-serif;
+ font-size: 100%;
+}
+#pictureCommentList li {
+ clear: both;
+ display: block;
+ padding: 0.5em 0;
+ margin-bottom: 5px;
+ border-radius: 5px;
+ width: 100%;
+}
+#pictureCommentList ul { list-style: none; padding: 0;}
+#pictureCommentList li ul { list-style-type: none; padding: 4px;}
+#pictureCommentList .author { font-weight: bold;}
+#pictureCommentList .date { font-style: italic;}
+#pictureCommentList .commentsOrder { float: left; margin-bottom: 5px;}
+#pictureCommentList .navigationBar { float: right; margin-bottom: 5px;}
+#pictureComments h4 { margin: 0;}
+#pictureComments form p { margin: 5px 0; text-align: left;}
+#pictureComments form p textarea { margin: 10px 0;}
+#pictureComments INPUT { margin: 10px;}
+#pictureComments INPUT[type=submit] { margin: 0;}
+
+/* image info table */
+
+.imageInfoTable {display:table; margin: auto;}
+.imageInfo {display:table-row; line-height:20px;}
+.imageInfo dt {display:table-cell; text-align:right; font-weight:bold; padding-right:0.5em;}
+.imageInfo dd {display:table-cell; text-align:left; font-weight:normal;}