issue46, center img, link to close the slideshow window
[phpfspot.git] / stylesheet.css
1 body {\r
2    background-color:       #000000;\r
3    color:                  rgb(26,151,15);\r
4    font-family:            sans-serif;\r
5    font-style:             normal;\r
6    border:                 solid 1px #ffffff;\r
7    border-color:           rgb(15,15,15);\r
8    padding:                10px;\r
9 }\r
10 \r
11 table, tr, td {\r
12    border-collapse:        collapse;\r
13    padding:                0px;\r
14    empty-cells:            show;\r
15    vertical-align:         top;\r
16 }\r
17 \r
18 td.options {\r
19    width:                  250px;\r
20    max-width:              250px;\r
21    min-width:              250px;\r
22    padding:                2px;\r
23    padding-top:            8px;\r
24    border-top:             solid 1px #000000;\r
25    border-right:           solid 1px #000000;\r
26 }\r
27 \r
28 td.available_tags,td.selected_tags {\r
29    border-bottom:          solid 1px #000000;\r
30    padding-top:            10px;\r
31    padding-bottom:         10px;\r
32    padding-right:          10px;\r
33    line-height:            21px;\r
34 }\r
35 \r
36 td.searchfor {\r
37    border-bottom:          solid 1px #000000;\r
38    padding-top:            10px;\r
39    padding-bottom:         10px;\r
40    padding-right:          10px;\r
41    line-height:            21px;\r
42    font-size:              12px;\r
43    vertical-align:         middle;\r
44 }\r
45 \r
46 td.logo {\r
47    font-weight:            bolder;\r
48    height:                 40px;\r
49    border-bottom:          solid 1px #000000;\r
50 }\r
51 \r
52 td.content {\r
53    border-top:             solid 1px #000000;\r
54 }\r
55 \r
56 td.menu {\r
57    padding-top:            5px;\r
58    padding-bottom:         5px;\r
59 }\r
60 \r
61 td.index_header {\r
62    background-color:       #eeeeee;\r
63    padding:                10px;\r
64    vertical-align:         middle;\r
65    white-space:            nowrap;\r
66 }\r
67 \r
68 td.content_title {\r
69    background-color:       #eeeeee;\r
70    padding:                10px;\r
71    vertical-align:         middle;\r
72 }\r
73 \r
74 \r
75 img {\r
76    border:                none;\r
77 }\r
78 \r
79 img.thumb {\r
80 }\r
81 \r
82 a {\r
83    font-size:              14px;\r
84    color:                  #008200;\r
85    text-decoration:        none;\r
86 }\r
87 \r
88 a:hover {\r
89    color:                  #00aa44;\r
90 }\r
91 \r
92 a.tag {\r
93    color:                  #000000;\r
94    text-decoration:        underline;\r
95 }\r
96 \r
97 a.tag:hover {\r
98    color:                  #00aa44;\r
99 }\r
100 \r
101 a.smalltag {\r
102    font-size:              12px;\r
103    color:                  #000000;\r
104    text-decoration:        underline;\r
105    font-style:             italic;\r
106 }\r
107 \r
108 a.smalltag:hover {\r
109    color:                  #00aa44;\r
110 }\r
111 \r
112 a.thumblink {\r
113    font-size:              12px;\r
114 }\r
115 \r
116 a.calendar {\r
117    font-size:              10px;\r
118 }\r
119 \r
120 a.thumblink:hover {\r
121    color:                  #4761ab;\r
122 }\r
123 \r
124 #matrix,#single {\r
125    padding:                10px;\r
126 }\r
127 \r
128 td.thumb {\r
129    padding:                5px;\r
130    text-align:             center;\r
131 }\r
132 \r
133 #inner {\r
134    padding:                10px;\r
135    -moz-border-radius:     3px;\r
136    border-radius:          3px;\r
137    border:                 dashed 1px #888888;\r
138    background-color:       #eeeeee;\r
139 }\r
140 \r
141 #photo_details {\r
142    width:                  150px;\r
143    font-size:              12px;\r
144    padding:                10px;\r
145    -moz-border-radius:     1em;\r
146    border-radius:          1em;\r
147    border:                 dashed 1px #888888;\r
148 }\r
149 \r
150 #frame {\r
151    padding:                10px;\r
152    background-color:       #ffffff;\r
153 }\r
154 \r
155 #available_tags {\r
156    clip:                   auto;\r
157    overflow:               auto;\r
158 }\r
159 \r
160 table.calendar tr td {\r
161    border:                 solid 1px #ffffff;\r
162    padding:                1px;\r
163    text-align:             center;\r
164    font-size:              10px;\r
165 }\r
166 \r
167 .prevMonth {\r
168     font-size: 10px;\r
169     text-align: left;\r
170 }\r
171 .nextMonth {\r
172     font-size: 10px;\r
173     text-align: right;\r
174 }\r
175 #calendar {\r
176    position: absolute;\r
177    width: 140px;\r
178    height: 200px;\r
179    background-color: #000000;\r
180    visibility: hidden;\r
181    z-index: 1000;\r
182 }\r