issue102, use javascript to jump to the correct thumbnail when returing from photo...
[phpfspot.git] / themes / default / stylesheet.css
1 body {
2    color:                  rgb(26,151,15);
3    font-family:            sans-serif;
4    font-style:             normal;
5    margin:                 0px 0px 0px 0px;
6    padding:                0px 0px 0px 0px;
7 }
8
9 body.slideshow {
10    color:                  rgb(26,151,15);
11    font-family:            sans-serif;
12    font-style:             normal;
13    border:                 none;
14    padding:                10px;
15    text-align:             center;
16 }
17
18 table, tr, td {
19    border-collapse:        collapse;
20    padding:                0px;
21    empty-cells:            show;
22    vertical-align:         top;
23 }
24
25 /* left column containg search and tag-selection */
26 .options {
27    position:               absolute;
28    left:                   0px;
29    top:                    40px;
30    width:                  265px;
31    max-width:              265px;
32    min-width:              265px;
33    padding-top:            8px;
34    padding-bottom:         10px;
35    padding-left:           5px;
36    padding-right:          10px;
37    border-right:           solid 1px #000000;
38 }
39
40 /* main cell containing photo content */
41 .content {
42    margin-top:             40px;
43    margin-left:            280px;
44    margin-right:           0px;
45    padding:                0px;
46 }
47
48 div.searchfor {
49    padding-top:            10px;
50    padding-right:          10px;
51    padding-bottom:          10px;
52    line-height:            21px;
53    font-size:              12px;
54    vertical-align:         middle;
55    border-bottom:          solid 1px #000000;
56 }
57
58 .menu {
59    position:               absolute;
60    left:                   0px;
61    top:                    0px;
62    height:                 30px;
63    width:                  100%;
64    margin:                 0px;
65    padding:                5px 0px;
66    border-bottom:          solid 1px #000000;
67 }
68
69 .icons {
70    float:                  left;
71 }
72
73 /* logo 'text' */
74 .logo {
75    background-color:       #eeeeee;
76    font-weight:            bolder;
77 }
78
79 div.header {
80    background-color:       #eeeeee;
81    padding:                10px;
82    vertical-align:         middle;
83    white-space:            nowrap;
84 }
85
86 img {
87    border:                none;
88 }
89
90 a {
91    font-size:              14px;
92    color:                  #008200;
93    text-decoration:        none;
94 }
95
96 a:hover {
97    color:                  #00aa44;
98 }
99
100 a.tag {
101    color:                  #000000;
102    text-decoration:        underline;
103 }
104
105 a.tag:hover {
106    color:                  #00aa44;
107 }
108
109 a.smalltag {
110    font-size:              12px;
111    color:                  #000000;
112    text-decoration:        underline;
113    font-style:             italic;
114 }
115
116 a.smalltag:hover {
117    color:                  #00aa44;
118 }
119
120 a.calendar {
121    font-size:              10px;
122 }
123
124 div.thumb {
125    text-align:             center;
126    vertical-align:         top;
127    -moz-border-radius:     3px;
128    border-radius:          3px;
129    border:                 dashed 1px #888888;
130    margin:                 10px 0px 0px 10px;
131    background-color:       #eeeeee;
132    padding:                10px;
133    float:                  left;
134 }
135
136 div.thumb img.thumb {
137    border:                 0px;
138    padding:                0px;
139    margin:                 0px;
140 }
141
142 div.thumb a.thumblink {
143    font-size:              12px;
144    border:                 0px;
145 }
146
147 div.thumb a.thumblink:hover {
148    color:                  #4761ab;
149 }
150
151 .clearboth { clear: both; }
152
153 #photo_details {
154    width:                  150px;
155    font-size:              12px;
156    padding:                10px;
157    -moz-border-radius:     1em;
158    border-radius:          1em;
159    border:                 dashed 1px #888888;
160    z-index:                100;
161 }
162
163 #available_tags,#selected_tags {
164    clip:                   auto;
165    overflow:               auto;
166    border-bottom:          solid 1px #000000;
167    padding-top:            10px;
168    padding-bottom:         10px;
169    padding-right:          10px;
170    line-height:            21px;
171 }
172
173 table.calendar tr td {
174    border:                 solid 1px #ffffff;
175    padding:                1px;
176    text-align:             center;
177    font-size:              10px;
178 }
179
180 .prevMonth {
181     font-size: 10px;
182     text-align: left;
183 }
184 .nextMonth {
185     font-size: 10px;
186     text-align: right;
187 }
188 #calendar {
189    position: absolute;
190    width: 140px;
191    height: 200px;
192    background-color: #000000;
193    visibility: hidden;
194    z-index: 1000;
195 }
196
197 #slide_navigation {
198    text-align:             center;
199    padding:                5px;
200    -moz-border-radius:     5px;
201    border-radius:          5px;
202    border:                 dashed 1px #888888;
203    vertical-align:         middle;
204 }
205
206 input.submit,input.checkbox {
207    background-color:       transparent;
208    border:                 0px;
209 }
210
211 input, select, textarea {
212    background-color:       #eeeeee;
213    color:                  #333333;
214    border:                 1px solid #888888;
215    border-collapse:        collapse;
216 }