add flash video support with flowplayer
[booh] / data / booh / themes / sbs / 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="sbs theme, by Erik Ramseth -- based heavily on `Simple' theme by Guillaume Cottenceau">
8     ~~~image_head_code~~~
9     ~~flowplayer_head_code~~
10     <script type="text/javascript" src="~~pathtobase~~booh.js"></script>
11     <style type="text/css" media="screen">
12     <!--
13 body {
14         background-color: #ffffff;
15         color: #000000;
16         font-family: "Bitstream Vera Sans", "Lucida Sans", Geneva, Arial, Helvetica, sans-serif;
17 }
18
19 a:link {
20         color: #7B7BA8;
21         text-decoration: none;
22 }
23
24 a:visited {
25         color: #7B7BA8;
26         text-decoration: none;
27 }
28
29 a:hover {
30         color: #7B7BA8;
31         text-decoration: underline;
32 }
33
34 img {
35         border: solid 1px;
36         border-color: #000000;
37 }
38
39 input {
40         border: solid 1px;
41         background-color: #DEDAD6;
42 }
43 input:hover {
44         background-color: #E8E8E8;
45 }
46 .disabled {
47         font-style: italic;
48 }
49 .disabled:hover {
50         background-color: #DEDAD6;
51 }
52
53 .fullscreen_image {
54   display: table-cell;
55   background-color: lightgrey;
56 }
57
58 .fullscreen_image img {
59   background-color: #fff;
60   border: 1px solid #a9a9a9;
61   margin: -3px 3px 3px -3px;
62   padding: 3px;
63 }
64
65 .fullscreen_video {
66   display: table-cell;
67   background-color: lightgrey;
68 }
69
70 .fullscreen_video img {
71   background-color: #fff;
72   border: 1px solid #a9a9a9;
73   margin: -3px 3px 3px -3px;
74   padding: 3px;
75 }
76
77 a.fullscreenvideolink {
78         margin-left:auto;
79         margin-right:auto;
80 }
81     -->
82     </style>
83 </head>
84
85 <body bgcolor="#FFFFFF" ~~~body_additions~~~>
86
87 ~~hidden_images_for_remotes~~
88
89 <table align="center" width="100%">
90 <tr>
91     <td width="10%">&nbsp;</td>
92     <td width="1%">~~~button_first~~~</td>
93     <td width="3%">&nbsp;</td>
94     <td width="1%">~~~button_previous~~~</td>
95     <td align="center"><font size="-2">~~sizes~~ | ~~</font></td>
96     <td width="1%">~~~button_next~~~</td>
97     <td width="3%">&nbsp;</td>
98     <td width="1%">~~~button_last~~~</td>
99     <td width="10%">&nbsp;</td>
100 </tr>
101 </table>
102 <table align="center">
103 <!-- <p id="dbg_text">&nbsp;</p> -->
104 <tr>
105     <td align="center" colspan="9">
106         ~~~image~~~
107     </td>
108 </tr>
109 </table>
110 <table align="center">
111 <tr>
112     <td align="center" colspan="9">
113         <font size="+1" ~~~caption_additions~~~>&nbsp;</font>
114         <font size="-2" ~~~image_counter_additions~~~>&nbsp;</font>
115     </td>
116 </tr>
117
118 ~~~body_code~~~
119
120 <tr>
121     <td colspan="9" align="center">
122         ~~~button_slideshow~~~
123         ~~~pause_slideshow~~~
124         <br/>
125         <font size="-1">~~previous_album~~ ~~ifprevious_album?~~|~~fi~~ ~~thumbnails~~ ~~ifnext_album?~~|~~fi~~ ~~next_album~~</font>
126     </td>
127 </tr>
128 </table>
129
130 <table width="100%" cellpadding="0" border="0">
131 <tr>
132   <td align="left"> <font size="-1"><i>~~indexlink~~</i></font></td>
133   <td align="right"><font size="-1"><i>~~addthis~~</i> </font></td>
134 </tr>
135 </table>  
136 <div style='text-align:right'>~~madewith~~</div>
137
138 </body>
139 </html>