r2640 - photoviewer: demo styles

r2640 - photoviewer: demo styles


Author: joern.zaefferer
Date: Tue Jun 2 05:26:25 2009
New Revision: 2640
Modified:
branches/labs/photoviewer/demos/photoviewer/default.html
branches/labs/photoviewer/demos/photoviewer/resizing.html
Log:
photoviewer: demo styles
Modified: branches/labs/photoviewer/demos/photoviewer/default.html
==============================================================================
--- branches/labs/photoviewer/demos/photoviewer/default.html    (original)
+++ branches/labs/photoviewer/demos/photoviewer/default.html    Tue Jun 2
05:26:25 2009
@@ -24,8 +24,12 @@
    });
    </script>
    <style>
-        a img {
-            border: none;
+        #photos a img {
+            padding: 1px;
+            border: 2px solid white;
+        }
+        #photos a:hover img {
+            border-color: #c00;
        }
    </style>
</head>
@@ -33,7 +37,7 @@
<div class="demo">
    <div id="photos">
-        <div style="float:left; width: 258px;">
+        <div style="float:left; ">
            <a href="photos/flight.jpg" title="Flight">
                <img src="photos/flight-thumb.jpg" />
            </a>
Modified: branches/labs/photoviewer/demos/photoviewer/resizing.html
==============================================================================
--- branches/labs/photoviewer/demos/photoviewer/resizing.html    (original)
+++ branches/labs/photoviewer/demos/photoviewer/resizing.html    Tue Jun 2
05:26:25 2009
@@ -47,8 +47,12 @@
    });
    </script>
    <style>
-        a img {
-            border: none;
+        #photos a img {
+            padding: 1px;
+            border: 2px solid white;
+        }
+        #photos a:hover img {
+            border-color: #c00;
        }
    </style>
</head>