From: Eugene Crosser <crosser@average.org>
Date: Thu, 2 Mar 2006 14:06:44 +0000 (+0000)
Subject: some fine-tuning of CSS
X-Git-Tag: 1.0~11
X-Git-Url: http://www.average.org/gitweb/?p=mkgallery.git;a=commitdiff_plain;h=cb44a09019db83f27d607386ffef817e007e67d5

some fine-tuning of CSS
---

diff --git a/include/gallery.css b/include/gallery.css
index 5764706..af7ba23 100644
--- a/include/gallery.css
+++ b/include/gallery.css
@@ -1,31 +1,68 @@
 img {
  clear:both;
- border: 1px solid green;
+ border-style: inset;
+ border-color: gray;
+ border-width: 2px;
+ margin: 0.3ex;
 }
+
 table.slide {
  float: left;
  width: 210px;
  height: 210px;
  margin: 0.3ex;
- border: 1px solid black;
+ border-style: outset;
+ border-color: #e0c080;
+ border-width: 2px;
  background-color: #e0c080;
  text-align: center;
  font-size: 10px
 }
-tr {
+table.slide tr {
  margin: 0px;
 }
-td {
+table.slide td {
  margin: 0px;
  vertical-align: middle;
 }
+
 div.ibox {
  background-color: #ffffc0;
  border: 1px solid black;
- text-align: left;
- position: absolute;
  margin: 0px;
- padding: 1ex;
+ padding: 0px;
  display: none;
  z-index: 1000;
+ position: absolute;
+}
+div.iboxtitle {
+ background-color: blue;
+ border: 1px solid black;
+ margin: 0px;
+ padding: 0.5ex;
+}
+div.iboxtitle * {
+ color: white;
+}
+
+table.ipage {
+ background-color: #ffffc0;
+ border: 1px solid black;
+ border-collapse: collapse;
+ text-align: left;
+ margin: 0px;
+ padding: 0px;
+}
+table.ipage td {
+ border: 1px solid black;
+ margin: 0px;
+ padding: 1ex;
+}
+
+table.infotable {
+ border-width: 0px;
+}
+table.infotable td {
+ border-width: 0px;
+ padding: 0.3ex;
 }
diff --git a/mkgallery.pl b/mkgallery.pl
index 2f6bc6e..c61e22c 100755
--- a/mkgallery.pl
+++ b/mkgallery.pl
@@ -385,12 +385,12 @@ sub makeaux {
 
 	# info html
 	my $imgsrc = sprintf("../.%s/%s",$sizes[0],$name);
-	print $F start_html(-title=>$title,-bgcolor=>"#ffff80",
+	print $F start_html(-title=>$title,
 				-style=>{-src=>$inc."gallery.css"},),"\n",
 		start_center,"\n",
 		h1($title),"\n",
-		table(Tr(td(img({-src=>$imgsrc})),td($self->infotable))),
-		end_table,
+		table({-class=>'ipage'},Tr(td(img({-src=>$imgsrc})),td($self->infotable))),
+		a({-href=>'../index.html'},'Index'),"\n",
 		end_center,"\n",
 		end_html,"\n";
 	close($F);
@@ -477,11 +477,13 @@ sub img_entry {
 	my ($w, $h) = dim($info);
 
 	print $IND start_div({-class=>'ibox',-id=>$name,
-					-OnClick=>"HideIbox('$name');"}),
+				-OnClick=>"HideIbox('$name');"}),"\n",
+		start_div({-class=>'iboxtitle'}),
 		span({-style=>'float: left;'},b("Info for $name")),
 		span({-style=>'float: right;'},
 			a({-href=>"#",-OnClick=>"HideIbox('$name');"},"Close")),
-		br({-clear=>'all'}),
+		br({-clear=>'all'}),"\n",
+		end_div,"\n",
 		$self->infotable,
 		end_div,"\n";
 
@@ -522,7 +524,7 @@ sub infotable {
 		'Model',
 		'Software',
 	);
-	$msg.=start_table."\n";
+	$msg.=start_table({-class=>'infotable'})."\n";
 	foreach my $k(@infokeys) {
 		$msg.=Tr(td($k.":"),td($info->{$k}))."\n" if ($info->{$k});
 	}