issue30, fixed wickled lines when images have different lines

[phpfspot.git] / stylesheet.css

diff --git a/stylesheet.css b/stylesheet.css
index fe2b2efbe112fdd45cd45a1a70d7479592c98968..df2f9d7bdd96efa177d01c5809e077f8b003a54d 100644 (file)
--- a/stylesheet.css
+++ b/stylesheet.css
@@ -65,7 +65,7 @@ td.index_header {
    white-space:            nowrap;\r
 }\r
 \r
    white-space:            nowrap;\r
 }\r
 \r

-td.photo_name {\r
+td.content_title {\r

    background-color:       #eeeeee;\r
    padding:                10px;\r
    vertical-align:         middle;\r
    background-color:       #eeeeee;\r
    padding:                10px;\r
    vertical-align:         middle;\r


@@ -123,19 +123,36 @@ a.thumblink:hover {
 \r
 #matrix,#single {\r
    padding:                10px;\r
 \r
 #matrix,#single {\r
    padding:                10px;\r

+   display:                table;\r
+   margin-left:            10px;\r
+   margin-right:           10px;\r
+   table-layout:           fixed;\r
+   border:                 hidden;\r
+   border-spacing:         10px;\r
+   border-collapse:        separate;\r

 }\r
 \r
 }\r
 \r

-td.thumb {\r
-   padding:                5px;\r
-   text-align:             center;\r
+table.matrix {\r
+   padding:                10px;\r
+   display:                table;\r
+   margin-left:            10px;\r
+   margin-right:           10px;\r
+   table-layout:           fixed;\r
+   border-style:           hidden;\r
+   border-spacing:         10px;\r
+   border-collapse:        separate;\r

 }\r
 \r
 }\r
 \r

-#inner {\r
-   padding:                10px;\r
+td.thumb {\r
+   text-align:             center;\r
+   display:                table-cell;\r
+   vertical-align:         top;\r

    -moz-border-radius:     3px;\r
    border-radius:          3px;\r
    border:                 dashed 1px #888888;\r
    -moz-border-radius:     3px;\r
    border-radius:          3px;\r
    border:                 dashed 1px #888888;\r

+   margin:                 5px;\r

    background-color:       #eeeeee;\r
    background-color:       #eeeeee;\r

+   padding:                10px;\r

 }\r
 \r
 #photo_details {\r
 }\r
 \r
 #photo_details {\r