issue114, pimp AJAX-loading notification
[phpfspot.git] / themes / default / stylesheet.css
index e12e57d8f0038aeb0f54012ad1c0e12b6f9efaa6..4a127e8c50492fed1d0097a41d5d4e1540d92002 100644 (file)
-body {\r
-   color:                  rgb(26,151,15);\r
-   font-family:            sans-serif;\r
-   font-style:             normal;\r
-   margin-left:            0px;\r
-   margin-right:           0px;\r
-}\r
-\r
-body.slideshow {\r
-   color:                  rgb(26,151,15);\r
-   font-family:            sans-serif;\r
-   font-style:             normal;\r
-   border:                 none;\r
-   padding:                10px;\r
-   text-align:             center;\r
-}\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.options {\r
-   width:                  250px;\r
-   max-width:              250px;\r
-   min-width:              250px;\r
-   padding:                5px;\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
-   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
-.menu {\r
-   font-weight:            bolder;\r
-   padding:                5px;\r
-   height:                 30px;\r
-   border-bottom:          solid 1px #000000;\r
-}\r
-\r
-td.content {\r
-   border-top:             solid 1px #000000;\r
-}\r
-\r
-.logo {\r
-   float:                  none;\r
-   background-color:       #eeeeee;\r
-}\r
-\r
-td.index_header {\r
-   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
-\r
-img.thumb {\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
-}\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
-a.thumblink {\r
-   font-size:              12px;\r
-}\r
-\r
-a.calendar {\r
-   font-size:              10px;\r
-}\r
-\r
-a.thumblink:hover {\r
-   color:                  #4761ab;\r
-}\r
-\r
-#single {\r
-   padding:                10px;\r
-   display:                table;\r
-   table-layout:           fixed;\r
-   border:                 hidden;\r
-   border-spacing:         10px;\r
-   border-collapse:        separate;\r
-   margin-left:            auto;\r
-   margin-right:           auto;\r
-}\r
-\r
-table.matrix {\r
-   padding:                10px;\r
-   display:                table;\r
-   table-layout:           fixed;\r
-   border-style:           hidden;\r
-   border-spacing:         10px;\r
-   border-collapse:        separate;\r
-   margin-left:            auto;\r
-   margin-right:           auto;\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
-   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
-#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
-\r
-#slide_navigation {\r
-   text-align:             center;\r
-   padding:                5px;\r
-   -moz-border-radius:     5px;\r
-   border-radius:          5px;\r
-   border:                 dashed 1px #888888;\r
-   vertical-align:         middle;\r
-}\r
-\r
-input.submit {\r
-   background-color:       #ffffff;\r
-   border:                 0px;\r
-}\r
-\r
-input, select, textarea {\r
-   background-color:       #eeeeee;\r
-   color:                  #333333;\r
-   border:                 1px solid #888888;\r
-   border-collapse:        collapse;\r
-}\r
-\r
+body {
+   color:                  rgb(26,151,15);
+   font-family:            sans-serif;
+   font-style:             normal;
+   margin:                 0px 0px 0px 0px;
+   padding:                0px 0px 0px 0px;
+}
+
+body.slideshow {
+   color:                  rgb(26,151,15);
+   font-family:            sans-serif;
+   font-style:             normal;
+   border:                 none;
+   padding:                10px;
+   text-align:             center;
+}
+
+table, tr, td {
+   border-collapse:        collapse;
+   padding:                0px;
+   empty-cells:            show;
+   vertical-align:         top;
+}
+
+/* left column containg search and tag-selection */
+.options {
+   position:               absolute;
+   left:                   0px;
+   top:                    40px;
+   width:                  265px;
+   max-width:              265px;
+   min-width:              265px;
+   padding-top:            8px;
+   padding-bottom:         10px;
+   padding-left:           5px;
+   padding-right:          10px;
+   border-right:           solid 1px #000000;
+}
+
+/* main cell containing photo content */
+.content {
+   margin-top:             40px;
+   margin-left:            280px;
+   margin-right:           0px;
+   padding:                0px;
+}
+
+div.searchfor {
+   padding-top:            10px;
+   padding-right:          10px;
+   padding-bottom:          10px;
+   line-height:            21px;
+   font-size:              12px;
+   vertical-align:         middle;
+   border-bottom:          solid 1px #000000;
+}
+
+.menu {
+   position:               absolute;
+   left:                   0px;
+   top:                    0px;
+   height:                 30px;
+   width:                  100%;
+   margin:                 0px;
+   padding:                5px 0px;
+   border-bottom:          solid 1px #000000;
+}
+
+.icons {
+   float:                  left;
+}
+
+/* logo 'text' */
+.logo {
+   background-color:       #eeeeee;
+   font-weight:            bolder;
+}
+
+div.header {
+   background-color:       #eeeeee;
+   padding:                10px;
+   vertical-align:         middle;
+   white-space:            nowrap;
+}
+
+img {
+   border:                none;
+}
+
+a {
+   font-size:              14px;
+   color:                  #008200;
+   text-decoration:        none;
+}
+
+a:hover {
+   color:                  #00aa44;
+}
+
+a.tag {
+   color:                  #000000;
+   text-decoration:        underline;
+}
+
+a.tag:hover {
+   color:                  #00aa44;
+}
+
+a.smalltag {
+   font-size:              12px;
+   color:                  #000000;
+   text-decoration:        underline;
+   font-style:             italic;
+}
+
+a.smalltag:hover {
+   color:                  #00aa44;
+}
+
+a.calendar {
+   font-size:              10px;
+}
+
+div.thumb {
+   text-align:             center;
+   vertical-align:         top;
+   -moz-border-radius:     3px;
+   border-radius:          3px;
+   border:                 dashed 1px #888888;
+   margin:                 10px 0px 0px 10px;
+   background-color:       #eeeeee;
+   padding:                10px;
+   float:                  left;
+}
+
+div.thumb img.thumb {
+   border:                 0px;
+   padding:                0px;
+   margin:                 0px;
+}
+
+div.thumb a.thumblink {
+   font-size:              12px;
+   border:                 0px;
+}
+
+div.thumb a.thumblink:hover {
+   color:                  #4761ab;
+}
+
+.clearboth { clear: both; }
+
+#photo_details {
+   width:                  150px;
+   font-size:              12px;
+   padding:                10px;
+   -moz-border-radius:     1em;
+   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:                    80px;
+   right:                  10px;
+   background-color:       #ffffff;
+   padding:                10px;
+}
+
+#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;
+}
+
+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;
+}
+
+#slide_navigation {
+   text-align:             center;
+   padding:                5px;
+   -moz-border-radius:     5px;
+   border-radius:          5px;
+   border:                 dashed 1px #888888;
+   vertical-align:         middle;
+}
+
+input.submit,input.checkbox {
+   background-color:       transparent;
+   border:                 0px;
+}
+
+input, select, textarea {
+   background-color:       #eeeeee;
+   color:                  #333333;
+   border:                 1px solid #888888;
+   border-collapse:        collapse;
+}