issue112, preload previous and next photo in single-photo view
[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    float:                  right;
162    margin-top:             20px;
163    margin-right:           20px;
164 }
165
166 #available_tags,#selected_tags {
167    clip:                   auto;
168    overflow:               auto;
169    border-bottom:          solid 1px #000000;
170    padding-top:            10px;
171    padding-bottom:         10px;
172    padding-right:          10px;
173    line-height:            21px;
174 }
175
176 table.calendar tr td {
177    border:                 solid 1px #ffffff;
178    padding:                1px;
179    text-align:             center;
180    font-size:              10px;
181 }
182
183 .prevMonth {
184     font-size: 10px;
185     text-align: left;
186 }
187 .nextMonth {
188     font-size: 10px;
189     text-align: right;
190 }
191 #calendar {
192    position: absolute;
193    width: 140px;
194    height: 200px;
195    background-color: #000000;
196    visibility: hidden;
197    z-index: 1000;
198 }
199
200 #slide_navigation {
201    text-align:             center;
202    padding:                5px;
203    -moz-border-radius:     5px;
204    border-radius:          5px;
205    border:                 dashed 1px #888888;
206    vertical-align:         middle;
207 }
208
209 input.submit,input.checkbox {
210    background-color:       transparent;
211    border:                 0px;
212 }
213
214 input, select, textarea {
215    background-color:       #eeeeee;
216    color:                  #333333;
217    border:                 1px solid #888888;
218    border-collapse:        collapse;
219 }