planet 문서 위젯 css/이미지 정리하고 black 바탕용 컬러셋 추가

git-svn-id: http://xe-core.googlecode.com/svn/sandbox@5182 201d5d3c-b55e-5fd7-737f-ddc643e51545

widgets/planet_document/skins/xe_official/list.html

@@ -1,13 +1,7 @@
-{@ $colorset = "white"}
-
-<!--@if($colorset=="black")-->
-    <!--%import("css/black.css")-->
-<!--@else-->
-    <!--%import("css/white.css")-->
-<!--@end-->
+<!--%import("./style.css")-->
 
 <!--@foreach($planet_list as $no => $item)-->
-    <div class="planetDocument">
+    <div class="planetDocument <!--@if($colorset=='black')-->black<!--@end-->">
 	    <!--@if($planet->getMid() != $item->getPlanetMid())-->
 	    <h3 class="identity"><a href="{getUrl('','mid',$item->getPlanetMid())}"><img src="{$item->getPlanetPhotoSrc(50,50)}" width="50" height="50" alt="{htmlspecialchars($item->nick_name)}" /></a></h3>
 	    <!--@end-->

widgets/planet_document/skins/xe_official/skin.xml

@@ -19,5 +19,12 @@
 			<title xml:lang="en">White Background</title>
 			<title xml:lang="zh-TW">白色背景</title>
 		</color>
+		<color name="black">
+			<title xml:lang="ko">어두운 바탕용</title>
+			<title xml:lang="jp">暗い背景用</title>
+			<title xml:lang="zh-CN">暗色背景</title>
+			<title xml:lang="en">Dark Background</title>
+			<title xml:lang="zh-TW">暗色背景</title>
+		</color>
 	</colorset>
 </skin>

widgets/planet_document/skins/xe_official/style.css

@@ -8,11 +8,23 @@
 .planetDocument .article .tooltipLT,
 .planetDocument .article .tooltipRT,
 .planetDocument .article .tooltipLB,
-.planetDocument .article .tooltipRB { position:absolute; background:url("../images/tooltip.gif") no-repeat; display:block; width:10px; height:10px; z-index:10; background-color:#FFFFFF; overflow:hidden; }
-.planetDocument .article .tooltipArrow { position:absolute; background:url("../images/tooltip.gif") no-repeat left -20px; width:7px; height:4px; left:0; top:10px; z-index:10;}
+.planetDocument .article .tooltipRB { position:absolute; background:url("./tooltip.gif") no-repeat; display:block; width:10px; height:10px; z-index:10; background-color:#FFFFFF; overflow:hidden; }
+.planetDocument .article .tooltipArrow { position:absolute; background:url("./tooltip.gif") no-repeat left -20px; width:7px; height:4px; left:0; top:10px; z-index:10;}
 .planetDocument .article .tooltipLT { left:4px; top:0px; background-position:0 0; }
 .planetDocument .article .tooltipRT { right:0px; _right:-1px; top:0px; background-position:-10px 0; }
-.planetDocument .article .tooltipLB { left:4px; bottom:0px; background-position:left -10px; }
+.planetDocument .article .tooltipLB { left:4px; bottom:0px; background-position:0 -10px; }
 .planetDocument .article .tooltipRB { right:0px; _right:-1px; bottom:0px; background-position:-10px -10px; }
-.planetDocument .article .content { border:1px solid #545554; z-index:1; display:block; padding:10px; margin-left:4px; height:30px; }
+.planetDocument .article .content { border:1px solid #545554; z-index:1; display:block; padding:10px; margin-left:4px; }
 .planetDocument .article .content div { line-height:1.4; }
+
+.planetDocument .article .tooltipLT,
+.planetDocument .article .tooltipRT,
+.planetDocument .article .tooltipLB,
+.planetDocument .article .tooltipRB { background-color:#000; }
+.planetDocument.black .article .tooltipLT { background-position:0 -25px; }
+.planetDocument.black .article .tooltipRT { top:0px; background-position:-10px -25px; }
+.planetDocument.black .article .tooltipLB { background-position:0 -35px; }
+.planetDocument.black .article .tooltipRB { bottom:0px; background-position:-10px -35px; }
+.planetDocument.black .article .tooltipArrow { background-position:left -45px; }
+.planetDocument.black .article .content { border:1px solid #ABAAAB; }
+.planetDocument.black .article .content div { color:#aaa;}