issue55, PHPFSPOT_IMG can now display a random selected photo

[phpfspot.git] / stylesheet.css

diff --git a/stylesheet.css b/stylesheet.css
index 20c1974f5c8a2476e22bf2b3bf0c9412d4ec518c..33ef1bf33c37608742fc7668fad0478295e513f5 100644 (file)
--- a/stylesheet.css
+++ b/stylesheet.css
@@ -1,7 +1,7 @@
 body {\r
    background-color:       #000000;\r
    color:                  rgb(26,151,15);\r
-   font-family:            verdana;\r
+   font-family:            sans-serif;\r
    font-style:             normal;\r
    border:                 solid 1px #ffffff;\r
    border-color:           rgb(15,15,15);\r
@@ -17,13 +17,15 @@ table, tr, td {
 \r
 td.options {\r
    width:                  250px;\r
+   max-width:              250px;\r
+   min-width:              250px;\r
    padding:                2px;\r
    padding-top:            8px;\r
    border-top:             solid 1px #000000;\r
    border-right:           solid 1px #000000;\r
 }\r
 \r
-td.available_tags,td.selected_tags,td.searchfor {\r
+td.available_tags,td.selected_tags {\r
    border-bottom:          solid 1px #000000;\r
    padding-top:            10px;\r
    padding-bottom:         10px;\r
@@ -31,6 +33,16 @@ td.available_tags,td.selected_tags,td.searchfor {
    line-height:            21px;\r
 }\r
 \r
+td.searchfor {\r
+   border-bottom:          solid 1px #000000;\r
+   padding-top:            10px;\r
+   padding-bottom:         10px;\r
+   padding-right:          10px;\r
+   line-height:            21px;\r
+   font-size:              12px;\r
+   vertical-align:         middle;\r
+}\r
+\r
 td.logo {\r
    font-weight:            bolder;\r
    height:                 40px;\r
@@ -53,6 +65,13 @@ td.index_header {
    white-space:            nowrap;\r
 }\r
 \r
+td.content_title {\r
+   background-color:       #eeeeee;\r
+   padding:                10px;\r
+   vertical-align:         middle;\r
+}\r
+\r
+\r
 img {\r
    border:                none;\r
 }\r
@@ -73,7 +92,6 @@ a:hover {
 a.tag {\r
    color:                  #000000;\r
    text-decoration:        underline;\r
-   font-style:             italic;\r
 }\r
 \r
 a.tag:hover {\r
@@ -103,21 +121,38 @@ a.thumblink:hover {
    color:                  #4761ab;\r
 }\r
 \r
-#matrix,#single {\r
+#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
-td.thumb {\r
-   padding:                5px;\r
-   text-align:             center;\r
+table.matrix {\r
+   padding:                10px;\r
+   display:                table;\r
+   margin-left:            5px;\r
+   margin-right:           10px;\r
+   table-layout:           fixed;\r
+   border-style:           hidden;\r
+   border-spacing:         10px;\r
+   border-collapse:        separate;\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
+   margin:                 5px;\r
    background-color:       #eeeeee;\r
+   padding:                10px;\r
 }\r
 \r
 #photo_details {\r