trick sharers (at least, facebook) into generating thumbnails by specifying the image...
[booh] / data / booh / themes / dark / skeleton_image.html
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
3
4 <head>
5     <title>~~title~~</title>
6     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
7     <meta name="author" content="'Dark' theme - Guillaume Cottenceau"/>
8     ~~~image_head_code~~~
9     <script type="text/javascript" src="~~pathtobase~~booh.js"></script>
10     <style type="text/css" media="screen">
11     <!--
12 body {
13         background-color: #000000;
14         background-image: url(~~pathtobase~~back.gif);
15         background-repeat: repeat;
16         background-attachment: fixed;
17         color: #AEAEAE;
18         font-family: "Bitstream Vera Sans", "Lucida Sans", Geneva, Arial, Helvetica, sans-serif;
19 }
20
21 a:link {
22         color: #8090A3;
23         text-decoration: none;
24 }
25
26 a:visited {
27         color: #7B7BA8;
28         text-decoration: none;
29 }
30
31 a:hover {
32         color: #8090A3;
33         text-decoration: underline;
34 }
35
36 input {
37         border: solid 1px;
38 }
39
40 img {
41         border: solid 2px;
42         border-color: #586068;
43 }
44
45 input {
46         border: solid 1px;
47         color: #5B5B98;
48         background-color: #304149;
49 }
50 input:hover {
51         color: #7B7BA8;
52         background-color: #384951;
53 }
54 .disabled {
55         color: #4B4B78;
56         font-style: italic;
57 }
58 .disabled:hover {
59         color: #4B4B78;
60         background-color: #304149;
61 }
62
63     -->
64     </style>
65 </head>
66
67 <body bgcolor="#FFFFFF" ~~~body_additions~~~>
68
69 ~~hidden_images_for_remotes~~
70
71 <table width="100%">
72 <tr>
73     <td width="10%">&nbsp;</td>
74     <td width="1%">~~~button_first~~~</td>
75     <td width="3%">&nbsp;</td>
76     <td width="1%">~~~button_previous~~~</td>
77     <td align="center"><font size="-2">~~sizes~~ | ~~</font></td>
78     <td width="1%">~~~button_next~~~</td>
79     <td width="3%">&nbsp;</td>
80     <td width="1%">~~~button_last~~~</td>
81     <td width="10%">&nbsp;</td>
82 </tr>
83 </table>
84 <table width="100%">
85 <!-- <p id="dbg_text">&nbsp;</p> -->
86 <tr>
87     <td align="center" colspan="9">
88         ~~~image~~~
89     </td>
90 </tr>
91 <tr>
92     <td align="center" colspan="9">
93         <font size="+1" ~~~caption_additions~~~>&nbsp;</font>
94         <font size="-2" ~~~image_counter_additions~~~>&nbsp;</font>
95     </td>
96 </tr>
97
98 ~~~body_code~~~
99
100 <tr>
101     <td colspan="9" align="center">
102         ~~~button_slideshow~~~
103         ~~~pause_slideshow~~~
104         <br/>
105         <font size="-1">~~previous_album~~ ~~ifprevious_album?~~|~~fi~~ ~~thumbnails~~ ~~ifnext_album?~~|~~fi~~ ~~next_album~~</font>
106     </td>
107 </tr>
108 </table>
109
110 <table width="100%" cellpadding="0" border="0">
111 <tr>
112   <td align="left"> <font size="-1"><i>~~indexlink~~</i></font></td>
113   <td align="right"><font size="-1"><i>~~addthis~~</i> </font></td>
114 </tr>
115 </table>  
116 <div style='text-align:right'>~~madewith~~</div>
117
118 </body>
119 </html>