git.zarb.org Git - booh/blob - www/themes/sbs/Home/thumbnails-medium-nojs-0.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>Home</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     <meta name="generator" content="Booh-0.9.2.2 http://booh.org/"/>
   9
  10 <script language="JavaScript1.1" type="text/JavaScript">
  11 function set_preferred_size(val) {
  12     var expires = new Date(new Date().getTime() + (30 * 86400000));  // 30 days
  13     document.cookie = 'booh-preferred-size-sbs='
  14                       + val
  15                       + '; expires=' + expires.toGMTString()
  16                       + '; path=/';
  17 }
  18 </script>
  19
  20     <script type="text/javascript" src="../flowplayer-3.1.4.min.js"></script>
  21     <style type="text/css" media="screen">
  22     <!--
  23 body {
  24         background-color: #ffffff;
  25         color: #000000;
  26         font-family: "Bitstream Vera Sans", "Lucida Sans", Geneva, Arial, Helvetica, sans-serif;
  27 }
  28
  29 a:link {
  30         color: #7B7BA8;
  31         text-decoration: none;
  32 }
  33
  34 a:visited {
  35         color: #7B7BA8;
  36         text-decoration: none;
  37 }
  38
  39 a:hover {
  40         color: #7B7BA8;
  41         text-decoration: underline;
  42 }
  43
  44 input {
  45         border: solid 1px;
  46 }
  47
  48 img {
  49         border: solid 1px;
  50         border-color: #000000;
  51 }
  52 .nothing {
  53         border: solid 0px;
  54 }
  55
  56 .thumbnail_image {
  57   display: table-cell;
  58   background-color: lightgrey;
  59 }
  60
  61 .thumbnail_image img {
  62   background-color: #fff;
  63   border: 1px solid #a9a9a9;
  64   margin: -3px 3px 3px -3px;
  65   padding: 3px;
  66 }
  67
  68 .thumbnail_video {
  69   display: table-cell;
  70   background-color: lightgrey;
  71 }
  72
  73 .thumbnail_video img {
  74   background-color: #fff;
  75   border: 1px solid #a9a9a9;
  76   margin: -3px 3px 3px -3px;
  77   padding: 3px;
  78 }
  79     -->
  80     </style>
  81 </head>
  82
  83 <body bgcolor="#FFFFFF">
  84
  85 <p align="center">
  86     <font size="+3">Home</font>
  87     <br/>
  88     <font size="-2">medium | <a href="thumbnails-large-nojs-0.html" onclick="set_preferred_size('large')">large</a></font>
  89     <br/>
  90 </p>
  91 <table width="100%">
  92   <tr>
  93     <td width="25%"></td>
  94     <td width="50%" align="center"><i>Click on an image to view it larger</i></td>
  95     <td width="25%" align="right"><a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250"><img src="http://s7.addthis.com/static/btn/v2/lg-share-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/></a><script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script></td>
  96   </tr>
  97 </table>
  98 <br/>
  99
 100
 101
 102 <table width="100%">
 103 <tr>
 104     <td align="center" valign="top"  width="25%">
 105        <a href="00002-704x528.jpg" name="00002-704x528.jpg"><div class="thumbnail_image"><img src="00002-232x174.jpg" width="232" height="174" alt=" This cat surely has strange ways of beeing a cat (that is, sleeping all day long)"/></div></a>
 106        <br/>  This cat surely has strange ways of beeing a cat (that is, sleeping all day long)
 107     </td>
 108     <td align="center" valign="top"  width="25%">
 109        <a href="IMG_0476__-704x528.jpg" name="IMG_0476__-704x528.jpg"><div class="thumbnail_image"><img src="IMG_0476__-232x174.jpg" width="131" height="174" alt=" Nice birdy on our roof!"/></div></a>
 110        <br/>  Nice birdy on our roof!
 111     </td>
 112     <td align="center" valign="top"  width="25%">
 113        <a href="Negative0-01-0A28129-704x528.jpg" name="Negative0-01-0A28129-704x528.jpg"><div class="thumbnail_image"><img src="Negative0-01-0A28129-232x174.jpg" width="232" height="154" alt=" The outdoor pool on the other side of our road, down to the mountain"/></div></a>
 114        <br/>  The outdoor pool on the other side of our road, down to the mountain
 115     </td>
 116     <td align="center" valign="top"  width="25%">
 117        <a href="Negative0-07-6A28129-704x528.jpg" name="Negative0-07-6A28129-704x528.jpg"><div class="thumbnail_image"><img src="Negative0-07-6A28129-232x174.jpg" width="232" height="154" alt=" Growing grapes for wine everywhere here!"/></div></a>
 118        <br/>  Growing grapes for wine everywhere here!
 119     </td>
 120 </tr>
 121 <tr>
 122     <td align="center" valign="top"  width="25%">
 123        <a href="pict0008.flv" style="display:block;width:232px;height:198px"   id="player0"><div class="thumbnail_video"><img src="pict0008-232x174.jpg" width="232" height="174" alt="Showing the landscape from our roof, with a strange bonus at the end"/></div><img src="../play_video.png" style="position:relative;top:-111px;border:0;background-color:transparent"/></a><script>flowplayer("player0", "../flowplayer-3.1.5.swf")</script>
 124         Showing the landscape from our roof, with a strange bonus at the end
 125     </td>
 126     <td align="center" valign="top"  width="25%">
 127        <a href="pict001-704x528.jpg" name="pict001-704x528.jpg"><div class="thumbnail_image"><img src="pict001-232x174.jpg" width="232" height="174" alt=" The &quot;Dents du Midi&quot; at 3000+ meters"/></div></a>
 128        <br/>  The "Dents du Midi" at 3000+ meters
 129     </td>
 130     <td align="center" valign="top"  width="25%">
 131        <a href="pict0053-704x528.jpg" name="pict0053-704x528.jpg"><div class="thumbnail_image"><img src="pict0053-232x174.jpg" width="232" height="174" alt=" Night landscape in Montreux"/></div></a>
 132        <br/>  Night landscape in Montreux
 133     </td>
 134     <td align="center" valign="top"  width="25%">
 135        <a href="pict0060-704x528.jpg" name="pict0060-704x528.jpg"><div class="thumbnail_image"><img src="pict0060-232x174.jpg" width="232" height="174" alt=" Montreux reknown hotels and a moving target :)"/></div></a>
 136        <br/>  Montreux reknown hotels and a moving target :)
 137     </td>
 138 </tr>
 139 <tr>
 140     <td align="center" valign="top" colspan="4" width="100%">
 141        <a href="pano-704x528.jpg" name="pano-704x528.jpg"><div class="thumbnail_image"><img src="pano-928x174.jpg" width="916" height="174" alt="An impressive <a href=&quot;http://hugin.sourceforge.net/&quot;>panorama</a> of the view on top of the Grammont (2176m), including the right end of the lake of Geneva more than 1500 meters below"/></div></a>
 142        <br/> An impressive <a href="http://hugin.sourceforge.net/">panorama</a> of the view on top of the Grammont (2176m), including the right end of the lake of Geneva more than 1500 meters below
 143     </td>
 144 </tr>
 145
 146
 147
 148
 149
 150
 151
 152
 153
 154
 155 </table>
 156
 157
 158
 159 <p align="center">  <a href="../index.html">return to albums</a> | <a href="../Ski/thumbnails.html">next album</a></p>
 160
 161 <table width="100%" cellpadding="0" border="0">
 162 <tr>
 163   <td align="left"> <font size="-1"><i><a href="http://booh.org/">Back to home</a></i></font></td>
 164   <td align="right"><font size="-1"><i>Made with <a href="http://booh.org/">booh</a>!</i> </font></td>
 165 </tr>
 166 </table>
 167
 168 </body>
 169 </html>