issue30, fixed wickled lines when images have different lines
[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    display:                table;\r
127    margin-left:            10px;\r
128    margin-right:           10px;\r
129    table-layout:           fixed;\r
130    border:                 hidden;\r
131    border-spacing:         10px;\r
132    border-collapse:        separate;\r
133 }\r
134 \r
135 table.matrix {\r
136    padding:                10px;\r
137    display:                table;\r
138    margin-left:            10px;\r
139    margin-right:           10px;\r
140    table-layout:           fixed;\r
141    border-style:           hidden;\r
142    border-spacing:         10px;\r
143    border-collapse:        separate;\r
144 }\r
145 \r
146 td.thumb {\r
147    text-align:             center;\r
148    display:                table-cell;\r
149    vertical-align:         top;\r
150    -moz-border-radius:     3px;\r
151    border-radius:          3px;\r
152    border:                 dashed 1px #888888;\r
153    margin:                 5px;\r
154    background-color:       #eeeeee;\r
155    padding:                10px;\r
156 }\r
157 \r
158 #photo_details {\r
159    width:                  150px;\r
160    font-size:              12px;\r
161    padding:                10px;\r
162    -moz-border-radius:     1em;\r
163    border-radius:          1em;\r
164    border:                 dashed 1px #888888;\r
165 }\r
166 \r
167 #frame {\r
168    padding:                10px;\r
169    background-color:       #ffffff;\r
170 }\r
171 \r
172 #available_tags {\r
173    clip:                   auto;\r
174    overflow:               auto;\r
175 }\r
176 \r
177 table.calendar tr td {\r
178    border:                 solid 1px #ffffff;\r
179    padding:                1px;\r
180    text-align:             center;\r
181    font-size:              10px;\r
182 }\r
183 \r
184 .prevMonth {\r
185     font-size: 10px;\r
186     text-align: left;\r
187 }\r
188 .nextMonth {\r
189     font-size: 10px;\r
190     text-align: right;\r
191 }\r
192 #calendar {\r
193    position: absolute;\r
194    width: 140px;\r
195    height: 200px;\r
196    background-color: #000000;\r
197    visibility: hidden;\r
198    z-index: 1000;\r
199 }\r