max the tag tab scrollable - don't know yet why the text runs into the content window

[phpfspot.git] / stylesheet.css

diff --git a/stylesheet.css b/stylesheet.css
index 52d045ce3575eb2b365e72a1f4017dd57fb1e76a..b38411ffc5ef9f2342ba5752cde4219acb1d210f 100644 (file)
--- a/stylesheet.css
+++ b/stylesheet.css
@@ -1,30 +1,160 @@
 body {\r
-   background-color: rgb(255,255,255);\r
-   color: rgb(26,151,15);\r
-   font-family: Arial, Helvetica, sans-serif;\r
-   border-left-width: px; border-right-width: px; border-top-width: px; border-bottom-width: px;\r
-   border-left-style: none; border-right-style: none; border-top-style: none; border-bottom-style: none;\r
-   border-color: rgb(15,15,15);\r
-}\r
-\r
-#content {\r
-   background-color: rgb(255,255,255);\r
-   color: rgb(0,0,0);\r
-   border-left-width: px; border-right-width: px; border-top-width: px; border-bottom-width: px;\r
-   border-left-style: none; border-right-style: none; border-top-style: none; border-bottom-style: none;\r
-   padding: 2px;\r
-   border-color: rgb(0,0,0);\r
-   margin-left: 25%; width: auto;\r
-}\r
-\r
-#tags {\r
-   background-color: rgb(255,255,255);\r
-   color: rgb(4,151,15);\r
-   font-family: Trebuchet MS, sans-serif;\r
-   font-style: normal;\r
-   border-left-width: px; border-right-width: px; border-top-width: px; border-bottom-width: px;\r
-   border-left-style: none; border-right-style: none; border-top-style: none; border-bottom-style: none;\r
-   border-color: rgb(0,0,0);\r
-   padding-top: 20px;\r
-   width: 25%; position: relative; top: 0; left: 0; float: left;\r
+   background-color:       #000000;\r
+   color:                  rgb(26,151,15);\r
+   font-family:            Arial, Helvetica, sans-serif;\r
+   font-style:             normal;\r
+   border:                 solid 1px #ffffff;\r
+   border-color:           rgb(15,15,15);\r
+   padding:                10px;\r
+}\r
+\r
+table, tr, td {\r
+   border-collapse:        collapse;\r
+   padding:                0px;\r
+   empty-cells:            show;\r
+   vertical-align:         top;\r
+}\r
+\r
+td.tags {\r
+   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
+   border-bottom:          solid 1px #000000;\r
+   padding-top:            10px;\r
+   padding-bottom:         10px;\r
+   padding-right:          10px;\r
+}\r
+\r
+td.logo {\r
+   font-weight:            bolder;\r
+   height:                 40px;\r
+   border-bottom:          solid 1px #000000;\r
+}\r
+\r
+td.content {\r
+   border-top:             solid 1px #000000;\r
+}\r
+\r
+td.menu {\r
+   padding-top:            5px;\r
+   padding-bottom:         5px;\r
+}\r
+\r
+td.index_header {\r
+   background-color:       #eeeeee;\r
+   padding:                10px;\r
+   vertical-align:         middle;\r
+}\r
+\r
+img {\r
+   border:                none;\r
+}\r
+\r
+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:                  202px;\r
+   height:                 152px;\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:                  202px;\r
+   height:                 152px;\r
+}\r
+\r
+a {\r
+   font-size:              14px;\r
+   color:                  #008200;\r
+   text-decoration:        none;\r
+}\r
+\r
+a:hover {\r
+   color:                  #00aa44;\r
+}\r
+\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
+td.thumb {\r
+   padding:                1px;\r
+   text-align:             center;\r
+}\r
+\r
+#outter {\r
+   padding:                10px;\r
+   background-color:       #eeeeee;\r
+}\r
+\r
+#inner {\r
+   padding:                7px;\r
+   -moz-border-radius:     1em;\r
+   border-radius:          1em;\r
+   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
+   width:                  250px;\r
+   clip:                   auto;\r
+   overflow:               auto;\r
 }\r