stylesheets: do not expand fileinfo beyond image width. Fix #188

stylesheets/500px.css

@@ -244,7 +244,7 @@ input[type="text"]:focus, textarea:focus
 {
     border:#888 1px solid!important;
 }
-p.fileinfo a:hover
+figcaption.fileinfo a:hover
 {
 	text-decoration: underline;
 }

stylesheets/8ch.cyber.css

@@ -401,10 +401,10 @@ p.intro a {color: #ffffff !important}
 A.post_no {color:#989898}
 
 
-p.fileinfo
+figcaption.fileinfo
 {color: #989898 !important}
 
-p.fileinfo a:link{
+figcaption.fileinfo a:link{
     color: #989898;
 } !important;
 max-width: 50%;
@@ -422,10 +422,10 @@ p.intro a {color: #ffffff !important}
 A.post_no {color:#989898}
 
 
-p.fileinfo
+figcaption.fileinfo
 {color: #989898 !important}
 
-p.fileinfo a:link{
+figcaption.fileinfo a:link{
     color: #989898;
 }
 

stylesheets/beta.css

@@ -253,7 +253,7 @@ input[type="text"]:focus, textarea:focus
 {
     border:#888 1px solid!important;
 }
-p.fileinfo a:hover
+figcaption.fileinfo a:hover
 {
 	text-decoration: underline;
 }

stylesheets/burichan.css

@@ -41,11 +41,11 @@ div.banner {
 	font-size: 12px;
 }
 
-p.fileinfo {
+figcaption.fileinfo {
 	text-decoration: underline;
 }
 
-p.fileinfo span.unimportant, p.fileinfo a {
+figcaption.fileinfo span.unimportant, figcaption.fileinfo a {
 	font-size: 12px;
 }
 

stylesheets/confraria.css

@@ -64,7 +64,7 @@ form table tr th {
     font-weight: bold;
 }
 
-p.fileinfo span.unimportant, p.fileinfo a {
+figcaption.fileinfo span.unimportant, figcaption.fileinfo a {
 	font-size: 10pt;
 }
 

stylesheets/cyberpunk.css

@@ -219,7 +219,7 @@ input[type="submit"]:hover {
 	color: #FF46D2;
 		border-radius: 5px;
 }
-p.fileinfo a:hover {
+figcaption.fileinfo a:hover {
 	text-decoration: underline;
 }
 span.trip {

stylesheets/cyberpunk2.css

@@ -196,7 +196,7 @@ input[type="submit"]:hover {
 	color: #FF46D2;
 		border-radius: 5px;
 }
-p.fileinfo a:hover {
+figcaption.fileinfo a:hover {
 	text-decoration: underline;
 }
 span.trip {

stylesheets/dark.css

@@ -136,7 +136,7 @@ input[type="submit"]:hover {
 input[type="text"]:focus {
     border:#aaa 1px solid;
 }
-p.fileinfo a:hover {
+figcaption.fileinfo a:hover {
 	text-decoration: underline;
 }
 span.trip {

stylesheets/dark_red.css

@@ -136,7 +136,7 @@ input[type="submit"]:hover {
 input[type="text"]:focus {
     border:#aaa 1px solid;
 }
-p.fileinfo a:hover {
+figcaption.fileinfo a:hover {
 	text-decoration: underline;
 }
 span.trip {

stylesheets/dark_roach.css

@@ -113,7 +113,7 @@ form table tr td div label {
 .unimportant, .unimportant * {
 	font-size: 10px;
 }
-p.fileinfo {
+figcaption.fileinfo {
 	display: block;
 	margin: 0;
 	padding-right: 7em;

stylesheets/darkroot_garden.css

@@ -214,7 +214,7 @@ input[type="submit"]:hover {
 	color: #FF46D2;
 		border-radius: 0px;
 }
-p.fileinfo a:hover {
+figcaption.fileinfo a:hover {
 	text-decoration: underline;
 }
 span.trip {

stylesheets/fauux.css

@@ -172,7 +172,7 @@ input[type="submit"]:hover {
 	color: rgb(193, 180, 146);
 		/*border-radius: 5px;*/
 }
-p.fileinfo a:hover {
+figcaption.fileinfo a:hover {
 	text-decoration: underline;
 }
 span.trip {

stylesheets/favela.css

@@ -50,11 +50,11 @@ form table tr th {
 	font-family: serif;
 }
 
-p.fileinfo {
+figcaption.fileinfo {
 	text-decoration: underline;
 }
 
-p.fileinfo span.unimportant, p.fileinfo a {
+figcaption.fileinfo span.unimportant, figcaption.fileinfo a {
 	font-size: 12px;
 }
 

stylesheets/ferus.css

@@ -127,7 +127,7 @@ input[type="submit"]:hover {
 	border: #888888 1px solid;
 	color: #00FF00;
 }
-p.fileinfo a:hover {
+figcaption.fileinfo a:hover {
 	text-decoration: underline;
 }
 span.trip {

stylesheets/forest.css

@@ -214,7 +214,7 @@ input[type="submit"]:hover {
 	color: #FF46D2;
 		border-radius: 0px;
 }
-p.fileinfo a:hover {
+figcaption.fileinfo a:hover {
 	text-decoration: underline;
 }
 span.trip {

stylesheets/greybird.css

@@ -113,7 +113,7 @@ div.post.reply div.body a:visited {
 
 #options_div {background-color: #191919;}
 
-p.fileinfo {margin: 0 10px 0 0;}
+figcaption.fileinfo {margin: 0 10px 0 0;}
 
 .post-image {margin: 5px 20px 10px 0;}
 

stylesheets/heavy_ice.css

@@ -256,7 +256,7 @@ input[type="text"]:focus, textarea:focus
 {
     border:#888 1px solid!important;
 }
-p.fileinfo a:hover
+figcaption.fileinfo a:hover
 {
 	text-decoration: underline;
 }

stylesheets/kalyx_theme.css

@@ -200,7 +200,7 @@ input[type="text"]:focus, textarea:focus
 {
     border:#888 1px solid!important;
 }
-p.fileinfo a:hover 
+figcaption.fileinfo a:hover
 {
 	text-decoration: underline;
 }

stylesheets/lainchanjp.css

@@ -213,11 +213,11 @@ form table tr td div label {
 .file:not(.multifile) {
 	float: none;
 }
-p.fileinfo {
+figcaption.fileinfo {
 	display: block;
 	margin: 0 0 0 20px;
 }
-div.post p.fileinfo {
+div.post figcaption.fileinfo {
 	padding-left: 5px;
 }
 div.banner {

stylesheets/luna.css

@@ -116,7 +116,7 @@ form table tr td div label {
 .unimportant, .unimportant * {
 	font-size: 10px;
 }
-p.fileinfo {
+figcaption.fileinfo {
 	display: block;
 	margin: 0;
 	padding-right: 7em;

stylesheets/nigrachan.css

@@ -58,7 +58,7 @@ input[type="text"], input[type="password"], textarea, input[type="submit"], inpu
 	font-weight: bold;
 }
 
-p.fileinfo span.unimportant, p.fileinfo a {
+figcaption.fileinfo span.unimportant, figcaption.fileinfo a {
 	font-size: 10pt;
 }
 

stylesheets/novo_jungle.css

@@ -70,7 +70,7 @@ form[name="postcontrols"] {
 	font-weight: 800;
 }
 
-p.fileinfo span.unimportant, p.fileinfo a {
+figcaption.fileinfo span.unimportant, figcaption.fileinfo a {
 	font-size: 12px;
 }
 

stylesheets/sharp.css

@@ -110,7 +110,7 @@ form table tr td div label {
 .unimportant, .unimportant * {
 	font-size: 10px;
 }
-p.fileinfo {
+figcaption.fileinfo {
 	display: block;
 	margin: 0px;
 	padding-right: 7em;

stylesheets/style.css

@@ -379,6 +379,8 @@ form table tr td div.center {
 
 .file {
   float: left;
+  margin: 0px;
+  display: table;
 }
 
 .file:not(.multifile) .post-image {
@@ -389,8 +391,8 @@ form table tr td div.center {
   float: none;
 }
 
-p.fileinfo {
-  display: block;
+figcaption.fileinfo {
+  display: table-caption;
   margin: 0.2em 0px;
 }
 

stylesheets/terminal2.css

@@ -122,7 +122,7 @@ input[type="submit"]:hover {
 	border-color:#00FF00;
 	color: #00FF00;
 }
-p.fileinfo a:hover {
+figcaption.fileinfo a:hover {
 	text-decoration: underline;
 }
 span.trip {

stylesheets/terminal_common.css

@@ -121,7 +121,7 @@ input[type="submit"]:hover {
 	background: #111111;
 	border: 1px dotted;
 }
-p.fileinfo a:hover {
+figcaption.fileinfo a:hover {
 	text-decoration: underline;
 }
 div.pages {

stylesheets/test.css

@@ -229,7 +229,7 @@ input[type="submit"]:hover {
 input[type="text"]:focus {
     border:#aaa 1px solid;
 }
-p.fileinfo a:hover {
+figcaption.fileinfo a:hover {
 	text-decoration: underline;
 }
 span.trip {

stylesheets/tsuki.css

@@ -190,12 +190,12 @@ form table tr td div label {
   float: none;
 }
 
-p.fileinfo {
+figcaption.fileinfo {
   display: block;
   margin: 0 0 0 20px;
 }
 
-div.post p.fileinfo {
+div.post figcaption.fileinfo {
   padding-left: 5px;
 }
 
@@ -1446,7 +1446,7 @@ input[type="submit"]:hover {
 input[type="text"]:focus {
     border:#aaa 1px solid;
 }
-p.fileinfo a:hover {
+figcaption.fileinfo a:hover {
 	text-decoration: underline;
 }
 span.trip {

stylesheets/wasabi.css

@@ -109,7 +109,7 @@ form table tr td div label {
 .unimportant, .unimportant * {
 	font-size: 10px;
 }
-p.fileinfo {
+figcaption.fileinfo {
 	display: block;
 	margin: 0px;
 	padding-right: 7em;