X-Git-Url: https://git.nubati.net/cgi-bin/gitweb.cgi?p=phpfspot.git;a=blobdiff_plain;f=stylesheet.css;h=df2f9d7bdd96efa177d01c5809e077f8b003a54d;hp=72955f685daeed0749e60aff42e566468ee88d8c;hb=29136b0fe2cbc7c1ba524f3483701f1a257ecb7c;hpb=5ece5fdc55596b08577f446ff9432026c798da57

diff --git a/stylesheet.css b/stylesheet.css
index 72955f6..df2f9d7 100644
--- a/stylesheet.css
+++ b/stylesheet.css
@@ -1,18 +1,13 @@
 body {
    background-color:       #000000;
    color:                  rgb(26,151,15);
-   font-family:            Arial, Helvetica, sans-serif;
+   font-family:            sans-serif;
    font-style:             normal;
    border:                 solid 1px #ffffff;
    border-color:           rgb(15,15,15);
    padding:                10px;
 }
 
-#frame {
-   padding:                10px;
-   background-color:       #ffffff;
-}
-
 table, tr, td {
    border-collapse:        collapse;
    padding:                0px;
@@ -20,20 +15,32 @@ table, tr, td {
    vertical-align:         top;
 }
 
-td.tags {
-   font-size:              14px;
-   width:                  150px;
+td.options {
+   width:                  250px;
+   max-width:              250px;
+   min-width:              250px;
    padding:                2px;
-   padding-top:            10px;
+   padding-top:            8px;
    border-top:             solid 1px #000000;
    border-right:           solid 1px #000000;
 }
 
-td.available_tags,td.selected_tags,td.searchfor {
+td.available_tags,td.selected_tags {
    border-bottom:          solid 1px #000000;
    padding-top:            10px;
    padding-bottom:         10px;
    padding-right:          10px;
+   line-height:            21px;
+}
+
+td.searchfor {
+   border-bottom:          solid 1px #000000;
+   padding-top:            10px;
+   padding-bottom:         10px;
+   padding-right:          10px;
+   line-height:            21px;
+   font-size:              12px;
+   vertical-align:         middle;
 }
 
 td.logo {
@@ -55,8 +62,16 @@ td.index_header {
    background-color:       #eeeeee;
    padding:                10px;
    vertical-align:         middle;
+   white-space:            nowrap;
 }
 
+td.content_title {
+   background-color:       #eeeeee;
+   padding:                10px;
+   vertical-align:         middle;
+}
+
+
 img {
    border:                none;
 }
@@ -64,80 +79,121 @@ img {
 img.thumb {
 }
 
-img.bubbleimg_up {
-   padding-top:            0;
-   padding-left:           0;
-   padding-right:          0;
-   padding-bottom:         0;
-   margin-top:             39px;
-   margin-left:            36px;
-   margin-bottom:          0;
-   margin-right:           0;
-   border:                 0;
-   width:                  202;
-   height:                 152;
-}
-
-img.bubbleimg_down {
-   padding-top:            0;
-   padding-left:           0;
-   padding-right:          0;
-   padding-bottom:         0;
-   margin-top:             34px;
-   margin-left:            36px;
-   margin-bottom:          0;
-   margin-right:           0;
-   border:                 0;
-   width:                  202;
-   height:                 152;
-}
-
 a {
    font-size:              14px;
    color:                  #008200;
    text-decoration:        none;
 }
 
-a:visited, a:active {
-   color:                  #00ff00;
-} 
 a:hover {
    color:                  #00aa44;
 }
 
 a.tag {
-   font-size:              14px;
    color:                  #000000;
    text-decoration:        underline;
-   font-style:             italic;
 }
 
-a.tag:visited, a.tag:active {
-   color:                  #00ff00;
-} 
 a.tag:hover {
+   color:                  #00aa44;
+}
+
+a.smalltag {
+   font-size:              12px;
+   color:                  #000000;
+   text-decoration:        underline;
+   font-style:             italic;
+}
 
+a.smalltag:hover {
    color:                  #00aa44;
 }
 
+a.thumblink {
+   font-size:              12px;
+}
+
+a.calendar {
+   font-size:              10px;
+}
+
+a.thumblink:hover {
+   color:                  #4761ab;
+}
+
 #matrix,#single {
    padding:                10px;
+   display:                table;
+   margin-left:            10px;
+   margin-right:           10px;
+   table-layout:           fixed;
+   border:                 hidden;
+   border-spacing:         10px;
+   border-collapse:        separate;
 }
 
-td.thumb {
-   padding:                1px;
-   text-align:             center;
+table.matrix {
+   padding:                10px;
+   display:                table;
+   margin-left:            10px;
+   margin-right:           10px;
+   table-layout:           fixed;
+   border-style:           hidden;
+   border-spacing:         10px;
+   border-collapse:        separate;
 }
 
-#outter {
-   padding:                10px;
+td.thumb {
+   text-align:             center;
+   display:                table-cell;
+   vertical-align:         top;
+   -moz-border-radius:     3px;
+   border-radius:          3px;
+   border:                 dashed 1px #888888;
+   margin:                 5px;
    background-color:       #eeeeee;
+   padding:                10px;
 }
 
-#inner {
-   padding:                7px;
+#photo_details {
+   width:                  150px;
+   font-size:              12px;
+   padding:                10px;
    -moz-border-radius:     1em;
    border-radius:          1em;
    border:                 dashed 1px #888888;
+}
+
+#frame {
+   padding:                10px;
+   background-color:       #ffffff;
+}
+
+#available_tags {
+   clip:                   auto;
+   overflow:               auto;
+}
+
+table.calendar tr td {
+   border:                 solid 1px #ffffff;
+   padding:                1px;
+   text-align:             center;
+   font-size:              10px;
+}
 
+.prevMonth {
+    font-size: 10px;
+    text-align: left;
+}
+.nextMonth {
+    font-size: 10px;
+    text-align: right;
+}
+#calendar {
+   position: absolute;
+   width: 140px;
+   height: 200px;
+   background-color: #000000;
+   visibility: hidden;
+   z-index: 1000;
 }