issue26, added some mouseover text which will explain buttons functions
[phpfspot.git] / stylesheet.css
index c21e3ffeba21ba26a92752b85814ea2ffb5ae03a..8da852227223cc449235e78afc6bde8efc7a24f7 100644 (file)
@@ -8,11 +8,6 @@ body {
    padding:                10px;\r
 }\r
 \r
-#frame {\r
-   padding:                10px;\r
-   background-color:       #ffffff;\r
-}\r
-\r
 table, tr, td {\r
    border-collapse:        collapse;\r
    padding:                0px;\r
@@ -21,19 +16,19 @@ table, tr, td {
 }\r
 \r
 td.tags {\r
-   font-size:              14px;\r
-   width:                  150px;\r
+   width:                  250px;\r
    padding:                2px;\r
-   padding-top:            10px;\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 {\r
+td.available_tags,td.selected_tags,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
 }\r
 \r
 td.logo {\r
@@ -55,6 +50,7 @@ td.index_header {
    background-color:       #eeeeee;\r
    padding:                10px;\r
    vertical-align:         middle;\r
+   white-space:            nowrap;\r
 }\r
 \r
 img {\r
@@ -74,8 +70,8 @@ img.bubbleimg_up {
    margin-bottom:          0;\r
    margin-right:           0;\r
    border:                 0;\r
-   width:                  202;\r
-   height:                 152;\r
+   width:                  202px;\r
+   height:                 152px;\r
 }\r
 \r
 img.bubbleimg_down {\r
@@ -88,8 +84,8 @@ img.bubbleimg_down {
    margin-bottom:          0;\r
    margin-right:           0;\r
    border:                 0;\r
-   width:                  202;\r
-   height:                 152;\r
+   width:                  202px;\r
+   height:                 152px;\r
 }\r
 \r
 a {\r
@@ -98,14 +94,32 @@ a {
    text-decoration:        none;\r
 }\r
 \r
-a:visited, a:active {\r
-   color:                  #00ff00;\r
-} \r
 a:hover {\r
    color:                  #00aa44;\r
 }\r
 \r
-#matrix {\r
+a.tag {\r
+   color:                  #000000;\r
+   text-decoration:        underline;\r
+   font-style:             italic;\r
+}\r
+\r
+a.tag:hover {\r
+   color:                  #00aa44;\r
+}\r
+\r
+a.smalltag {\r
+   font-size:              12px;\r
+   color:                  #000000;\r
+   text-decoration:        underline;\r
+   font-style:             italic;\r
+}\r
+\r
+a.smalltag:hover {\r
+   color:                  #00aa44;\r
+}\r
+\r
+#matrix,#single {\r
    padding:                10px;\r
 }\r
 \r
@@ -126,3 +140,22 @@ td.thumb {
    border:                 dashed 1px #888888;\r
 \r
 }\r
+\r
+#photo_details {\r
+   width:                  150px;\r
+   font-size:              12px;\r
+   padding:                10px;\r
+   -moz-border-radius:     1em;\r
+   border-radius:          1em;\r
+   border:                 dashed 1px #888888;\r
+}\r
+\r
+#frame {\r
+   padding:                10px;\r
+   background-color:       #ffffff;\r
+}\r
+\r
+#available_tags {\r
+   clip:                   auto;\r
+   overflow:               auto;\r
+}\r