issue30, fixed wickled lines when images have different lines
[phpfspot.git] / stylesheet.css
index 76840140647661fed16ded588bb9df7eb0dc9960..df2f9d7bdd96efa177d01c5809e077f8b003a54d 100644 (file)
@@ -1,18 +1,13 @@
 body {\r
    background-color:       #000000;\r
    color:                  rgb(26,151,15);\r
-   font-family:            Arial, Helvetica, sans-serif;\r
+   font-family:            sans-serif;\r
    font-style:             normal;\r
    border:                 solid 1px #ffffff;\r
    border-color:           rgb(15,15,15);\r
    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
@@ -20,19 +15,32 @@ table, tr, td {
    vertical-align:         top;\r
 }\r
 \r
-td.tags {\r
-   width:                  150px;\r
+td.options {\r
+   width:                  250px;\r
+   max-width:              250px;\r
+   min-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,td.searchfor {\r
+td.available_tags,td.selected_tags {\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.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
@@ -54,8 +62,16 @@ td.index_header {
    background-color:       #eeeeee;\r
    padding:                10px;\r
    vertical-align:         middle;\r
+   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
@@ -63,62 +79,25 @@ img {
 img.thumb {\r
 }\r
 \r
-img.bubbleimg_up {\r
-   padding-top:            0;\r
-   padding-left:           0;\r
-   padding-right:          0;\r
-   padding-bottom:         0;\r
-   margin-top:             39px;\r
-   margin-left:            36px;\r
-   margin-bottom:          0;\r
-   margin-right:           0;\r
-   border:                 0;\r
-   width:                  202;\r
-   height:                 152;\r
-}\r
-\r
-img.bubbleimg_down {\r
-   padding-top:            0;\r
-   padding-left:           0;\r
-   padding-right:          0;\r
-   padding-bottom:         0;\r
-   margin-top:             34px;\r
-   margin-left:            36px;\r
-   margin-bottom:          0;\r
-   margin-right:           0;\r
-   border:                 0;\r
-   width:                  202;\r
-   height:                 152;\r
-}\r
-\r
 a {\r
    font-size:              14px;\r
    color:                  #008200;\r
    text-decoration:        none;\r
 }\r
 \r
-a:visited, a:active {\r
-   color:                  #00ff00;\r
-} \r
 a:hover {\r
    color:                  #00aa44;\r
 }\r
 \r
 a.tag {\r
-   font-size:              14px;\r
    color:                  #000000;\r
    text-decoration:        underline;\r
-   font-style:             italic;\r
 }\r
 \r
-a.tag:visited, a.tag:active {\r
-   color:                  #00ff00;\r
-} \r
 a.tag:hover {\r
    color:                  #00aa44;\r
 }\r
 \r
-\r
 a.smalltag {\r
    font-size:              12px;\r
    color:                  #000000;\r
@@ -126,33 +105,54 @@ a.smalltag {
    font-style:             italic;\r
 }\r
 \r
-a.smalltag:visited, a.smalltag:active {\r
-   color:                  #00ff00;\r
-} \r
 a.smalltag:hover {\r
    color:                  #00aa44;\r
 }\r
 \r
-#matrix,#single {\r
-   padding:                10px;\r
+a.thumblink {\r
+   font-size:              12px;\r
 }\r
 \r
-td.thumb {\r
-   padding:                1px;\r
-   text-align:             center;\r
+a.calendar {\r
+   font-size:              10px;\r
 }\r
 \r
-#outter {\r
+a.thumblink:hover {\r
+   color:                  #4761ab;\r
+}\r
+\r
+#matrix,#single {\r
    padding:                10px;\r
-   background-color:       #eeeeee;\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
-#inner {\r
-   padding:                7px;\r
-   -moz-border-radius:     1em;\r
-   border-radius:          1em;\r
-   border:                 dashed 1px #888888;\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
+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
@@ -163,3 +163,37 @@ td.thumb {
    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
+\r
+table.calendar tr td {\r
+   border:                 solid 1px #ffffff;\r
+   padding:                1px;\r
+   text-align:             center;\r
+   font-size:              10px;\r
+}\r
+\r
+.prevMonth {\r
+    font-size: 10px;\r
+    text-align: left;\r
+}\r
+.nextMonth {\r
+    font-size: 10px;\r
+    text-align: right;\r
+}\r
+#calendar {\r
+   position: absolute;\r
+   width: 140px;\r
+   height: 200px;\r
+   background-color: #000000;\r
+   visibility: hidden;\r
+   z-index: 1000;\r
+}\r