issue59, thumbnail matrix is now also free off HTML tables

[phpfspot.git] / themes / default / stylesheet.css

diff --git a/themes/default/stylesheet.css b/themes/default/stylesheet.css
index b07fff1e27eac4a80ba07d053971cb3195844f52..97e4fa8fd06551bc922a3062e3788a27381ee9b6 100644 (file)
--- a/themes/default/stylesheet.css
+++ b/themes/default/stylesheet.css
@@ -101,8 +101,6 @@ img {
    border:                none;
 }
 
    border:                none;
 }
 

-img.thumb {
-}

 
 a {
    font-size:              14px;
 
 a {
    font-size:              14px;


@@ -134,18 +132,10 @@ a.smalltag:hover {
    color:                  #00aa44;
 }
 
    color:                  #00aa44;
 }
 

-a.thumblink {
-   font-size:              12px;
-}
-

 a.calendar {
    font-size:              10px;
 }
 
 a.calendar {
    font-size:              10px;
 }
 

-a.thumblink:hover {
-   color:                  #4761ab;
-}
-

 #single {
    padding:                10px;
    display:                table;
 #single {
    padding:                10px;
    display:                table;


@@ -168,9 +158,8 @@ table.matrix {
    margin-right:           auto;
 }
 
    margin-right:           auto;
 }
 

-td.thumb {
+div.thumb {

    text-align:             center;
    text-align:             center;

-   display:                table-cell;

    vertical-align:         top;
    -moz-border-radius:     3px;
    border-radius:          3px;
    vertical-align:         top;
    -moz-border-radius:     3px;
    border-radius:          3px;


@@ -178,8 +167,26 @@ td.thumb {
    margin:                 5px;
    background-color:       #eeeeee;
    padding:                10px;
    margin:                 5px;
    background-color:       #eeeeee;
    padding:                10px;

+   float:                  left;

 }
 
 }
 

+div.thumb img.thumb {
+   border:                 0px;
+   padding:                0px;
+   margin:                 0px;
+}
+
+div.thumb a.thumblink {
+   font-size:              12px;
+   border:                 0px;
+}
+
+div.thumb a.thumblink:hover {
+   color:                  #4761ab;
+}
+
+.clearboth { clear: both; }
+

 #photo_details {
    width:                  150px;
    font-size:              12px;
 #photo_details {
    width:                  150px;
    font-size:              12px;