issue59, made single-photo view without html tables
[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 td.available_tags,td.selected_tags {
49    border-bottom:          solid 1px #000000;
50    padding-top:            10px;
51    padding-bottom:         10px;
52    padding-right:          10px;
53    line-height:            21px;
54 }
55
56 td.searchfor {
57    border-bottom:          solid 1px #000000;
58    padding-top:            10px;
59    padding-bottom:         10px;
60    padding-right:          10px;
61    line-height:            21px;
62    font-size:              12px;
63    vertical-align:         middle;
64 }
65
66 .menu {
67    position:               absolute;
68    left:                   0px;
69    top:                    0px;
70    height:                 30px;
71    width:                  100%;
72    margin:                 0px;
73    padding:                5px 0px;
74    border-bottom:          solid 1px #000000;
75 }
76
77 .icons {
78    float:                  left;
79 }
80
81 /* logo 'text' */
82 .logo {
83    background-color:       #eeeeee;
84    font-weight:            bolder;
85 }
86
87 td.index_header,div.index_header {
88    background-color:       #eeeeee;
89    padding:                10px;
90    vertical-align:         middle;
91    white-space:            nowrap;
92 }
93
94 td.content_title,div.content_title {
95    background-color:       #eeeeee;
96    padding:                10px;
97    vertical-align:         middle;
98 }
99
100 img {
101    border:                none;
102 }
103
104
105 a {
106    font-size:              14px;
107    color:                  #008200;
108    text-decoration:        none;
109 }
110
111 a:hover {
112    color:                  #00aa44;
113 }
114
115 a.tag {
116    color:                  #000000;
117    text-decoration:        underline;
118 }
119
120 a.tag:hover {
121    color:                  #00aa44;
122 }
123
124 a.smalltag {
125    font-size:              12px;
126    color:                  #000000;
127    text-decoration:        underline;
128    font-style:             italic;
129 }
130
131 a.smalltag:hover {
132    color:                  #00aa44;
133 }
134
135 a.calendar {
136    font-size:              10px;
137 }
138
139 div.thumb {
140    text-align:             center;
141    vertical-align:         top;
142    -moz-border-radius:     3px;
143    border-radius:          3px;
144    border:                 dashed 1px #888888;
145    margin:                 10px 0px 0px 10px;
146    background-color:       #eeeeee;
147    padding:                10px;
148    float:                  left;
149 }
150
151 div.thumb img.thumb {
152    border:                 0px;
153    padding:                0px;
154    margin:                 0px;
155 }
156
157 div.thumb a.thumblink {
158    font-size:              12px;
159    border:                 0px;
160 }
161
162 div.thumb a.thumblink:hover {
163    color:                  #4761ab;
164 }
165
166 .clearboth { clear: both; }
167
168 #photo_details {
169    width:                  150px;
170    font-size:              12px;
171    padding:                10px;
172    -moz-border-radius:     1em;
173    border-radius:          1em;
174    border:                 dashed 1px #888888;
175    z-index:                100;
176 }
177
178 #available_tags {
179    clip:                   auto;
180    overflow:               auto;
181 }
182
183 table.calendar tr td {
184    border:                 solid 1px #ffffff;
185    padding:                1px;
186    text-align:             center;
187    font-size:              10px;
188 }
189
190 .prevMonth {
191     font-size: 10px;
192     text-align: left;
193 }
194 .nextMonth {
195     font-size: 10px;
196     text-align: right;
197 }
198 #calendar {
199    position: absolute;
200    width: 140px;
201    height: 200px;
202    background-color: #000000;
203    visibility: hidden;
204    z-index: 1000;
205 }
206
207 #slide_navigation {
208    text-align:             center;
209    padding:                5px;
210    -moz-border-radius:     5px;
211    border-radius:          5px;
212    border:                 dashed 1px #888888;
213    vertical-align:         middle;
214 }
215
216 input.submit,input.checkbox {
217    background-color:       transparent;
218    border:                 0px;
219 }
220
221 input, select, textarea {
222    background-color:       #eeeeee;
223    color:                  #333333;
224    border:                 1px solid #888888;
225    border-collapse:        collapse;
226 }
227