<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>photo_simple.css
    </title>
    <link rel="stylesheet" type="text/css" href="./photo_simple_files/highlight.css" />
  </head>
  <body class="hl">
<pre class="hl"><span class="hl kwb">body</span> <span class="hl sym">{</span>
    <span class="hl kwa">background-color</span><span class="hl sym">:</span> <span class="hl num">#000000</span>
<span class="hl sym">}</span>
<span class="hl num">#</span>gallery <span class="hl sym">{</span>
    position<span class="hl sym">:</span> relative<span class="hl sym">;</span>
    <span class="hl kwa">width</span><span class="hl sym">:</span> <span class="hl num">750</span>px<span class="hl sym">;</span>
<span class="hl sym">}</span>
<span class="hl num">#</span>thumbs <span class="hl sym">{</span>
    <span class="hl kwa">width</span><span class="hl sym">:</span> <span class="hl num">180</span>px<span class="hl sym">;</span>
    <span class="hl kwa">float</span><span class="hl sym">:</span> <span class="hl kwa">left</span><span class="hl sym">;</span>
<span class="hl sym">}</span>
<span class="hl num">#</span>thumbs <span class="hl kwb">a</span> <span class="hl sym">{</span>
    <span class="hl kwa">display</span><span class="hl sym">:</span> <span class="hl kwa">block</span><span class="hl sym">;</span>
    <span class="hl kwa">float</span><span class="hl sym">:</span> <span class="hl kwa">right</span><span class="hl sym">;</span>
    <span class="hl kwa">margin</span><span class="hl sym">:</span> <span class="hl num">0 0 5</span>px <span class="hl num">5</span>px<span class="hl sym">;</span>
    <span class="hl kwa">width</span><span class="hl sym">:</span> <span class="hl num">50</span>px<span class="hl sym">;</span>
    <span class="hl kwa">height</span><span class="hl sym">:</span> <span class="hl num">50</span>px<span class="hl sym">;</span>
    <span class="hl kwa">border</span><span class="hl sym">:</span> <span class="hl num">0</span>px <span class="hl kwa">solid</span> <span class="hl num">#000</span><span class="hl sym">;</span>
<span class="hl sym">}</span>
<span class="hl num">#</span>thumbs <span class="hl kwb">a img</span> <span class="hl sym">{</span>
    <span class="hl kwa">width</span><span class="hl sym">:</span> <span class="hl num">50</span>px<span class="hl sym">;</span>
    <span class="hl kwa">height</span><span class="hl sym">:</span> <span class="hl num">50</span>px<span class="hl sym">;</span>
    <span class="hl kwa">border</span><span class="hl sym">:</span> <span class="hl num">0</span><span class="hl sym">;</span>
<span class="hl sym">}</span>
<span class="hl num">#</span>thumbs <span class="hl kwb">a</span><span class="hl sym">:</span>hover <span class="hl sym">{</span>
    <span class="hl kwa">border-color</span><span class="hl sym">:</span> <span class="hl num">#ddd</span><span class="hl sym">;</span>
<span class="hl sym">}</span>
<span class="hl num">#</span>thumbs <span class="hl kwb">a</span><span class="hl sym">:</span>hover <span class="hl kwb">img</span> <span class="hl sym">{</span>
    position<span class="hl sym">:</span> absolute<span class="hl sym">;</span>
    <span class="hl kwa">width</span><span class="hl sym">:</span> <span class="hl kwa">auto</span><span class="hl sym">;</span>
    <span class="hl kwa">height</span><span class="hl sym">:</span> <span class="hl kwa">auto</span><span class="hl sym">;</span>
    <span class="hl kwa">left</span><span class="hl sym">:</span> <span class="hl num">185</span>px<span class="hl sym">;</span>
    <span class="hl kwa">top</span><span class="hl sym">:</span> <span class="hl num">0</span><span class="hl sym">;</span>
    <span class="hl kwa">border</span><span class="hl sym">:</span> <span class="hl num">1</span>px <span class="hl kwa">solid</span> <span class="hl num">#333</span><span class="hl sym">;</span>
<span class="hl sym">}</span>
</pre>
  </body>
</html>