From 44b9df4fb8f7c7499f8b61ffc217460cf7eaa317 Mon Sep 17 00:00:00 2001
From: k10206 <k10206@201d5d3c-b55e-5fd7-737f-ddc643e51545>
Date: Fri, 6 Jun 2008 07:30:50 +0000
Subject: [PATCH] =?UTF-8?q?=EC=9D=B4=EB=AF=B8=EC=A7=80=ED=81=B4=EB=9D=BC?=
 =?UTF-8?q?=EC=9A=B0=EB=93=9C=20hover=20=EB=94=94=EC=9E=90=EC=9D=B8=20?=
 =?UTF-8?q?=EB=B3=80=EA=B2=BD=EB=90=A8.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

git-svn-id: http://xe-core.googlecode.com/svn/sandbox@4241 201d5d3c-b55e-5fd7-737f-ddc643e51545
---
 .../newest_images/skins/cloud/css/normal.css  | 43 +++++++++----------
 widgets/newest_images/skins/cloud/list.html   | 28 ++++++------
 2 files changed, 35 insertions(+), 36 deletions(-)

diff --git a/widgets/newest_images/skins/cloud/css/normal.css b/widgets/newest_images/skins/cloud/css/normal.css
index 821bb17f5..dd2842c81 100644
--- a/widgets/newest_images/skins/cloud/css/normal.css
+++ b/widgets/newest_images/skins/cloud/css/normal.css
@@ -8,34 +8,33 @@
 
 	.imgcloudoutline table {  
 		margin: 1px auto;
-		border:1px solid #ddd;
+		border: 0px solid #ddd;
 	}
 	
-	.imgcloudoutline .imgcloud {  
-		border:1px solid #ddd;
-		padding: 1px;
+	.imgcloudoutline img.imgcloud {  
+		border: 1px solid #e0e1db;
+		padding: 2px;
 		overflow: hidden;
+		display:block;
 	}
 
-	.imgcloudoutline .imgcloud:hover {  
+	.imgcloudoutline img.imgcloud:hover {  
 		border: 2px solid #7899AF;
-		padding: 0px;
-		overflow: hidden;
-	}
-
-	.imgcloudoutline .imgcloudbig {  
-		border:1px solid #ddd;
 		padding: 1px;
 		overflow: hidden;
-	}
-	
-	.imgcloudoutline .imgcloudbig:hover {  
-		border: 2px solid #7899AF;
-		padding: 0px;
-		overflow: hidden;
-	}
-	
-	.imgcloudoutline .cloudimg {  
-		border: 0px;
+		display:block;
 		cursor: pointer;
-	}
\ No newline at end of file
+	}
+
+	.imgcloudoutline img.imgcloudbig {  
+		border: 1px solid #e0e1db;
+		padding: 2px;
+		overflow: hidden;
+	}
+	
+	.imgcloudoutline img.imgcloudbig:hover {  
+		border: 2px solid #7899AF;
+		padding: 1px;
+		overflow: hidden;
+		cursor: pointer;
+	}
diff --git a/widgets/newest_images/skins/cloud/list.html b/widgets/newest_images/skins/cloud/list.html
index 42d29fbe9..749fdce81 100644
--- a/widgets/newest_images/skins/cloud/list.html
+++ b/widgets/newest_images/skins/cloud/list.html
@@ -39,55 +39,55 @@
 		<tbody>
 		<tr valign="middle">
 			<td colspan="2" rowspan="2">
-				<div class="imgcloudbig" onmouseover="this.className = 'imgcloudbighover';" onmouseout="this.className = 'imgcloudbig';"><a {$url[0 + $colsrows]}><img align="absmiddle" class="cloudimg" src="{$image[0 + $colsrows]}" width="{$width*2+4}" height="{$height*2+4}" /></a></div>
+				<div><a {$url[0 + $colsrows]}><img align="absmiddle" class="imgcloudbig" src="{$image[0 + $colsrows]}" width="{$width*2+4}" height="{$height*2+4}" /></a></div>
 			</td>
 			<td>
-				<div class="imgcloud" onmouseover="this.className = 'imgcloudhover';" onmouseout="this.className = 'imgcloud';"><a {$url[1 + $colsrows]}><img align="absmiddle" class="cloudimg" src="{$image[1 + $colsrows]}" width="{$width}" height="{$height}" /></a></div>
+				<div><a {$url[1 + $colsrows]}><img align="absmiddle" class="imgcloud" src="{$image[1 + $colsrows]}" width="{$width}" height="{$height}" /></a></div>
 			</td>
 			<td>
-				<div class="imgcloud" onmouseover="this.className = 'imgcloudhover';" onmouseout="this.className = 'imgcloud';"><a {$url[2 + $colsrows]}><img align="absmiddle" class="cloudimg" src="{$image[2 + $colsrows]}" width="{$width}" height="{$height}" /></a></div>
+				<div><a {$url[2 + $colsrows]}><img align="absmiddle" class="imgcloud" src="{$image[2 + $colsrows]}" width="{$width}" height="{$height}" /></a></div>
 			</td>
 			<td>
-				<div class="imgcloud" onmouseover="this.className = 'imgcloudhover';" onmouseout="this.className = 'imgcloud';"><a {$url[3 + $colsrows]}><img align="absmiddle" class="cloudimg" src="{$image[3 + $colsrows]}" width="{$width}" height="{$height}" /></a></div>
+				<div><a {$url[3 + $colsrows]}><img align="absmiddle" class="imgcloud" src="{$image[3 + $colsrows]}" width="{$width}" height="{$height}" /></a></div>
 			</td>
 		</tr>
 
 		<tr>
 			<td>
-				<div class="imgcloud" onmouseover="this.className = 'imgcloudhover';" onmouseout="this.className = 'imgcloud';"><a {$url[4 + $colsrows]}><img align="absmiddle" class="cloudimg" src="{$image[4 + $colsrows]}" width="{$width}" height="{$height}" /></a></div>
+				<div><a {$url[4 + $colsrows]}><img align="absmiddle" class="imgcloud" src="{$image[4 + $colsrows]}" width="{$width}" height="{$height}" /></a></div>
 			</td>
 			<td>
-				<div class="imgcloud" onmouseover="this.className = 'imgcloudhover';" onmouseout="this.className = 'imgcloud';"><a {$url[5 + $colsrows]}><img align="absmiddle" class="cloudimg" src="{$image[5 + $colsrows]}" width="{$width}" height="{$height}" /></a></div>
+				<div><a {$url[5 + $colsrows]}><img align="absmiddle" class="imgcloud" src="{$image[5 + $colsrows]}" width="{$width}" height="{$height}" /></a></div>
 			</td>
 			<td>
-				<div class="imgcloud" onmouseover="this.className = 'imgcloudhover';" onmouseout="this.className = 'imgcloud';"><a {$url[6 + $colsrows]}><img align="absmiddle" class="cloudimg" src="{$image[6 + $colsrows]}" width="{$width}" height="{$height}" /></a></div>
+				<div><a {$url[6 + $colsrows]}><img align="absmiddle" class="imgcloud" src="{$image[6 + $colsrows]}" width="{$width}" height="{$height}" /></a></div>
 			</td>
 		</tr>
 
 		<tr valign="middle">
 			<td>
-				<div class="imgcloud" onmouseover="this.className = 'imgcloudhover';" onmouseout="this.className = 'imgcloud';"><a {$url[7 + $colsrows]}><img align="absmiddle" class="cloudimg" src="{$image[7 + $colsrows]}" width="{$width}" height="{$height}" /></a></div>
+				<div><a {$url[7 + $colsrows]}><img align="absmiddle" class="imgcloud" src="{$image[7 + $colsrows]}" width="{$width}" height="{$height}" /></a></div>
 			</td>
 			<td>
-				<div class="imgcloud" onmouseover="this.className = 'imgcloudhover';" onmouseout="this.className = 'imgcloud';"><a {$url[8 + $colsrows]}><img align="absmiddle" class="cloudimg" src="{$image[8 + $colsrows]}" width="{$width}" height="{$height}" /></a></div>
+				<div><a {$url[8 + $colsrows]}><img align="absmiddle" class="imgcloud" src="{$image[8 + $colsrows]}" width="{$width}" height="{$height}" /></a></div>
 			</td>
 			<td>
-				<div class="imgcloud" onmouseover="this.className = 'imgcloudhover';" onmouseout="this.className = 'imgcloud';"><a {$url[9 + $colsrows]}"><img align="absmiddle" class="cloudimg" src="{$image[9 + $colsrows]}" width="{$width}" height="{$height}" /></a></div>
+				<div><a {$url[9 + $colsrows]}"><img align="absmiddle" class="imgcloud" src="{$image[9 + $colsrows]}" width="{$width}" height="{$height}" /></a></div>
 			</td>
 			<td colspan="2" rowspan="2">
-				<div class="imgcloudbig" onmouseover="this.className = 'imgcloudbighover';" onmouseout="this.className = 'imgcloudbig';"><a {$url[10 + $colsrows]}><img align="absmiddle" class="cloudimg" src="{$image[10 + $colsrows]}" width="{$width*2+4}" height="{$height*2+4}" /></a></div>
+				<div><a {$url[10 + $colsrows]}><img align="absmiddle" class="imgcloudbig" src="{$image[10 + $colsrows]}" width="{$width*2+4}" height="{$height*2+4}" /></a></div>
 			</td>
 		</tr>
 
 		<tr>
 			<td>
-				<div class="imgcloud" onmouseover="this.className = 'imgcloudhover';" onmouseout="this.className = 'imgcloud';"><a {$url[11 + $colsrows]}><img align="absmiddle" class="cloudimg" src="{$image[11 + $colsrows]}" width="{$width}" height="{$height}" /></a></div>
+				<div><a {$url[11 + $colsrows]}><img align="absmiddle" class="imgcloud" src="{$image[11 + $colsrows]}" width="{$width}" height="{$height}" /></a></div>
 			</td>
 			<td>
-				<div class="imgcloud" onmouseover="this.className = 'imgcloudhover';" onmouseout="this.className = 'imgcloud';"><a {$url[12 + $colsrows]}><img align="absmiddle" class="cloudimg" src="{$image[12 + $colsrows]}" width="{$width}" height="{$height}" /></a></div>
+				<div><a {$url[12 + $colsrows]}><img align="absmiddle" class="imgcloud" src="{$image[12 + $colsrows]}" width="{$width}" height="{$height}" /></a></div>
 			</td>
 			<td>
-				<div class="imgcloud" onmouseover="this.className = 'imgcloudhover';" onmouseout="this.className = 'imgcloud';"><a {$url[13 + $colsrows]}><img align="absmiddle" class="cloudimg" src="{$image[13 + $colsrows]}" width="{$width}" height="{$height}" /></a></div>
+				<div><a {$url[13 + $colsrows]}><img align="absmiddle" class="imgcloud" src="{$image[13 + $colsrows]}" width="{$width}" height="{$height}" /></a></div>
 			</td>
 		</tr>