issue115, fix style of tag-result icon-bar

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

diff --git a/themes/default/stylesheet.css b/themes/default/stylesheet.css
index 09188487005f4d693372626edc87e536961908f7..4aa376cea511d9bd6bdf790583cba0dc6df406f5 100644 (file)
--- a/themes/default/stylesheet.css
+++ b/themes/default/stylesheet.css
@@ -45,22 +45,18 @@ table, tr, td {
    padding:                0px;
 }
 
-td.available_tags,td.selected_tags {
-   border-bottom:          solid 1px #000000;
+div.searchfor {
    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;
+   padding-bottom:          10px;
    line-height:            21px;
    font-size:              12px;
    vertical-align:         middle;
+   border-bottom:          solid 1px #000000;
+}
+
+div.searchfor td.nowrap { 
+   white-space:            nowrap;
 }
 
 .menu {
@@ -84,24 +80,92 @@ td.searchfor {
    font-weight:            bolder;
 }
 
-td.index_header,div.index_header {
+div.header {
    background-color:       #eeeeee;
    padding:                10px;
    vertical-align:         middle;
    white-space:            nowrap;
+   text-align:             left;
+   height:                 2em;
+}
+
+div.header_title {
+   white-space:            nowrap;
+   text-align:             left; 
+   float:                  left;
 }
 
-td.content_title,div.content_title {
+div.header_menu {
+   text-align:             right;
+}
+
+div.tagresult{ 
+   height:                 1px; 
+   background-color:       #ffffff;
+}
+
+div.tagresulttags{
+   padding:                5px 0px 5px 10px;
    background-color:       #eeeeee;
-   padding:                10px;
    vertical-align:         middle;
 }
 
+div.tagresulttag{
+   padding:                0 0 0 5px;
+   background-color:       #eeeeee;
+   display:                inline;
+}
+
+div.photo{ 
+   text-align:             left; 
+   margin-top:             20px;
+   margin-left:            20px;
+}
+
+div.photonavigation{ 
+   margin-left:            20px;
+}
+
+div.indexnavigation{ 
+   width:                  100%; 
+   margin-top:             20px;
+}
+
+div.indexnavigationright{ 
+   float:                  right; 
+   width:                  40px; 
+   margin-right:           0px; 
+   padding-right:          10px;
+}
+
+div.indexnavigationleft{ 
+   float:                  left; 
+   margin:                 0px; 
+   padding-left:           10px; 
+   width:                  40px;
+}
+
+div.indexnavigationcenter{ 
+   text-align:             center;
+}
+
+div.welcome { 
+   padding:                10px; 
+   margin-left:            10px;  
+   margin-right:           10px;
+}
+
+div.welcome  span { 
+   float:                  left; 
+   padding-right:          10px;
+   width:                  150px; 
+   text-align:             center;
+}
+
 img {
    border:                none;
 }
 
-
 a {
    font-size:              14px;
    color:                  #008200;
@@ -163,7 +227,9 @@ div.thumb a.thumblink:hover {
    color:                  #4761ab;
 }
 
-.clearboth { clear: both; }
+.cb {
+   clear:                  both;
+}
 
 #photo_details {
    width:                  150px;
@@ -173,11 +239,41 @@ div.thumb a.thumblink:hover {
    border-radius:          1em;
    border:                 dashed 1px #888888;
    z-index:                100;
+   float:                  right;
+   margin-top:             20px;
+   margin-right:           20px;
+}
+
+#HTML_AJAX_LOADING {
+   position:               fixed;
+   z-index:                1000;
+   top:                    90px;
+   right:                  10px;
+   background-color:       #ffffff;
+   padding:                10px;
+   -moz-border-radius:     1em;
+   border-radius:          1em;
+   border:                 dashed 1px #aaaaaa;
 }
 
-#available_tags {
+#available_tags,#selected_tags {
    clip:                   auto;
    overflow:               auto;
+   border-bottom:          solid 1px #000000;
+   padding-top:            10px;
+   padding-bottom:         10px;
+   padding-right:          10px;
+   line-height:            21px;
+}
+
+span.tags {
+   vertical-align:         middle; 
+   text-decoration:        underline;
+}
+
+div.credits{
+   margin-top:             10px; 
+   margin-left:            10px;
 }
 
 table.calendar tr td {
@@ -213,6 +309,16 @@ table.calendar tr td {
    vertical-align:         middle;
 }
 
+#slide_close { 
+   margin:                 0 auto; 
+   padding:                10px;
+}
+
+#slide_close img { 
+   padding:                15px; 
+   background-color:       #000000;
+}
+
 input.submit,input.checkbox {
    background-color:       transparent;
    border:                 0px;
@@ -225,3 +331,6 @@ input, select, textarea {
    border-collapse:        collapse;
 }
 
+#slider-1{ 
+   margin:                 0 auto;
+}