From 4058bcb9d890f5445dcc8106723d1808702adc93 Mon Sep 17 00:00:00 2001 From: ChanMyeong Date: Mon, 24 Nov 2008 09:45:11 +0000 Subject: [PATCH] Planet UI Debugging git-svn-id: http://xe-core.googlecode.com/svn/sandbox@4970 201d5d3c-b55e-5fd7-737f-ddc643e51545 --- common/css/button.css | 6 ++-- .../planet/skins/xe_planet/css/default.css | 30 +++++++++++-------- modules/planet/skins/xe_planet/header.html | 2 +- modules/planet/skins/xe_planet/myPlanet.html | 21 +++++++++---- 4 files changed, 37 insertions(+), 22 deletions(-) diff --git a/common/css/button.css b/common/css/button.css index f42e881ad..e24bffa17 100644 --- a/common/css/button.css +++ b/common/css/button.css @@ -34,18 +34,18 @@ span.button, x:-moz-any-link, x:default{ padding:0;} /* Firefox 2 Fix */ span.button button, span.button input { height:23px; left:2px; *top:-1px; _top:0; padding:0 10px 0 8px; *padding:0 5px 0 3px; line-height:24px; background-position:right top; cursor:pointer;} /* Large Size */ -span.button.large { background-position:left -30px; *top:-1px;} +span.button.large { background-position:left -30px;} span.button.large, x:-moz-any-link{ font:0/29px Sans-serif; padding:14px 0;} /* Firefox 2 Fix */ span.button.large, x:-moz-any-link, x:default{ padding:0;} /* Firefox 2 Fix */ span.button.large button, -span.button.large input { height:30px; *top:0; _top:-1px; padding:0 10px 0 8px; *padding:0 5px 0 3px; font:16px/30px Sans-serif; background-position:right -30px;} +span.button.large input { height:30px; *top:0 !important; padding:0 10px 0 8px; *padding:0 5px 0 3px; font:16px/30px Sans-serif; background-position:right -30px;} /* xLarge Size */ span.button.xLarge { background-position:left -65px;} span.button.xLarge, x:-moz-any-link{ font:0/35px Sans-serif; padding:17px 0;} /* Firefox 2 Fix */ span.button.xLarge, x:-moz-any-link, x:default{ padding:0;} /* Firefox 2 Fix */ span.button.xLarge button, span.button.xLarge input { height:35px; padding:0 10px 0 8px; *padding:0 5px 0 3px; font:20px/36px Sans-serif; background-position:right -65px;} -/* Large Size */ +/* Small Size */ span.button.small { background-position:left -107px;} span.button.small, x:-moz-any-link{ font:0/18px Sans-serif; padding:9px 0;} /* Firefox 2 Fix */ span.button.small, x:-moz-any-link, x:default{ padding:0;} /* Firefox 2 Fix */ diff --git a/modules/planet/skins/xe_planet/css/default.css b/modules/planet/skins/xe_planet/css/default.css index 29847a71c..e3da12341 100644 --- a/modules/planet/skins/xe_planet/css/default.css +++ b/modules/planet/skins/xe_planet/css/default.css @@ -28,7 +28,7 @@ button span{ position:absolute; width:0; height:0; font:0/0 Sans-serif; visibili /* Layout */ #container {} -#header{ position:relative; z-index:30; float:left; clear:both; height:80px; font-family:"Malgun Gothic", AppleGothic, Dotum, Sans-serif;} +#header{ position:relative; z-index:30; float:left; clear:both; height:80px;} #header *{ margin:0; padding:0;} #header li{ list-style:none;} #body{ clear:both; z-index:20;} @@ -40,15 +40,18 @@ button span{ position:absolute; width:0; height:0; font:0/0 Sans-serif; visibili .languageSelect select{ font-size:12px;} /* Heading */ -h1 { position:relative; top:-10px; white-space:nowrap;} +h1 { position:relative; top:-10px; white-space:nowrap; font-family:"Malgun Gothic", AppleGothic, Dotum, Sans-serif;} h1, x:-moz-any-link{ top:0;} h1, x:-moz-any-link, x:default{ top:-10px;} h1 a{ font-weight:bold; font-size:30px; color:#000; letter-spacing:-3px; text-decoration:none !important;} /* Time Navigation */ -.timeNav{ font-size:.8em; white-space:nowrap;} +.timeNav{ font:11px Dotum, Tahoma; white-space:nowrap; color:#999;} +.timeNav *{ color:#000;} +.timeNav strong{ font-family:Arial; font-size:18px;} +.timeNav em{ font-style:normal; font-weight:bold; font-size:18px; font-family:"Malgun Gothic", AppleGothic, Dotum, Tahoma, Sans-serif;} .timeNav .prev, -.timeNav .next{ display:inline-block; font-weight:bold; color:#000; padding:0 3px !important; text-decoration:none;} +.timeNav .next{ display:inline-block; font-size:18px; font-family:Arial; font-weight:bold; color:#000; padding:0 5px !important; text-decoration:none !important;} /* Footer */ #footer{margin:0; clear:both; text-align:center; padding:30px 0;} @@ -63,7 +66,7 @@ h1 a{ font-weight:bold; font-size:30px; color:#000; letter-spacing:-3px; text-de .search{ position:relative; top:2px; float:right; margin:0; padding:0; white-space:nowrap; text-align:right; *zoom:1;} .search .inputText{ padding:4px 5px 2px 5px; height:21px; width:160px; border:1px solid #e7e7e7; vertical-align:top; font:bold 14px AppleGothic, Dotum, Gulim, Sans-serif;} .search .inputText.focus{ border:3px solid #4ba300; height:17px; width:156px;} -.search .button{ top:0;} +.search .button{ top:0 !important;} .search .suggestion{ position:absolute; top:3px; left:174px; /* border:1px solid; */} .search .suggestion .autoComplete{ position:absolute; top:0; left:0; width:23px; height:23px; background:#fff url(../images/buttonAutoComplete.gif) no-repeat center -10px;} .search .suggestion ul.recommendation{ display:none; position:absolute; top:26px; left:-174px; width:198px; border:1px solid #e7e7e7; border-top:none; background:#fff;} @@ -89,10 +92,10 @@ h1 a{ font-weight:bold; font-size:30px; color:#000; letter-spacing:-3px; text-de /* ---------- Content ---------- */ /* Tab */ -.generalTab{ float:left; margin:0 0 0 16px; padding:0; position:relative; *zoom:1;} +.generalTab{ float:left; margin:0; padding:0 0 0 16px; position:relative; *zoom:1;} .generalTab *{ margin:0; padding:0; list-style:none;} .generalTab li{ position:relative; top:2px; float:left; margin-right:6px; text-align:center; background:#848f97 url(../images/cr3pxLeft.gif) no-repeat left top;} -.generalTab li a{ position:relative; left:3px; display:block; height:22px; padding:5px 23px 0 20px; font-size:12px; color:#fff; text-decoration:none !important; background:#848f97 url(../images/cr3pxRight.gif) no-repeat right top;} +.generalTab li a{ position:relative; left:3px; display:block; float:left; height:22px; padding:5px 23px 0 20px; font-size:12px; color:#fff; text-decoration:none !important; background:#848f97 url(../images/cr3pxRight.gif) no-repeat right top;} .generalTab li a sup{ font:9px Tahoma, Sans-serif;} .generalTab li.active{ top:0; background-color:#50606B;} .generalTab li.active a{ padding:7px 23px 0 20px; background-color:#50606B; font-weight:bold;} @@ -100,26 +103,26 @@ h1 a{ font-weight:bold; font-size:30px; color:#000; letter-spacing:-3px; text-de .tab{ *zoom:1;} .tab:after{ content:""; display:block; clear:both;} -.myTab{ float:left; margin:0 0 0 16px; padding:0; position:relative; *zoom:1;} +.myTab{ float:left; margin:0; padding:0 0 0 16px; position:relative; *zoom:1;} .myTab:after{ content:""; display:block; clear:both;} .myTab *{ margin:0; padding:0; list-style:none;} .myTab li{ position:relative; top:2px; float:left; margin-right:6px; text-align:center; background:url(../images/cr3pxLeft.gif) no-repeat left top;} -.myTab li a{ position:relative; left:3px; display:block; height:22px; padding:5px 23px 0 20px; font-size:12px; color:#fff; text-decoration:none !important; background:url(../images/cr3pxRight.gif) no-repeat right top;} +.myTab li a{ position:relative; left:3px; display:block; float:left; height:22px; padding:5px 23px 0 20px; font-size:12px; color:#fff; text-decoration:none !important; background:url(../images/cr3pxRight.gif) no-repeat right top;} .myTab li a sup{ font:9px Tahoma, Sans-serif;} .myTab li.active{ top:0;} .myTab li.active a{ padding:7px 23px 0 20px; font-weight:bold;} -.exTab{ float:right; margin:0; padding:0; position:relative; right:13px; *zoom:1;} +.exTab{ float:right; margin:0; padding:0; position:relative; *zoom:1;} .exTab:after{ content:""; display:block; clear:both;} .exTab *{ margin:0; padding:0; list-style:none;} -.exTab li{ position:relative; top:2px; float:left; margin-right:6px; text-align:center; background:url(../images/cr3pxLeft.gif) no-repeat left top;} -.exTab li a{ position:relative; left:3px; display:block; height:22px; padding:5px 23px 0 20px; font-size:12px; color:#fff; text-decoration:none !important; background:url(../images/cr3pxRight.gif) no-repeat right top;} +.exTab li{ position:relative; top:2px; float:left; margin-right:6px; _margin-right:3px; text-align:center; background:url(../images/cr3pxLeft.gif) no-repeat left top;} +.exTab li a{ position:relative; left:3px; display:block; float:left; height:22px; padding:5px 23px 0 20px; font-size:12px; color:#fff; text-decoration:none !important; background:url(../images/cr3pxRight.gif) no-repeat right top;} .exTab li a sup{ font:9px Tahoma, Sans-serif;} .exTab li.active{ top:0;} .exTab li.active a{ padding:7px 23px 0 20px; font-weight:bold;} /* Tag */ -.tagRank{ float:right; position:relative; top:2px; right:19px; z-index:20;} +.tagRank{ float:right; position:relative; top:2px; padding:0 19px 0 0; z-index:20; margin:0; *zoom:1;} .tagRank *{ margin:0; padding:0;} .tagRank .buttonTag{ width:197px; display:block; position:relative; background:#848f97 url(../images/cr3pxLeft.gif) no-repeat left top;} .tagRank .buttonTag button{ width:197px; display:block; position:relative; left:3px; height:27px; padding:5px 10px 0 10px; background:#848f97 url(../images/cr3pxRight.gif) no-repeat right top; text-align:left; vertical-align:middle;} @@ -479,6 +482,7 @@ h1 a{ font-weight:bold; font-size:30px; color:#000; letter-spacing:-3px; text-de .authorFooter .nav .button, x:-moz-any-link, x:default { vertical-align:top; } .authorFooter .nav a.button, x:-moz-any-link{ padding:4px 0 6px 0;} .authorFooter .nav a.button, x:-moz-any-link, x:default { padding:0;} +.authorFooter .nav span.button{ top:0;} .authorFooter .tl, .authorFooter .tr{position:absolute; bottom:-1px; display:block; width:4px; height:4px; overflow:hidden; background:url(../images/boxCommentOut.gif) no-repeat;} .authorFooter .tl{ left:-1px; background-position:left bottom;} diff --git a/modules/planet/skins/xe_planet/header.html b/modules/planet/skins/xe_planet/header.html index 74e79ff66..06f86a1a1 100644 --- a/modules/planet/skins/xe_planet/header.html +++ b/modules/planet/skins/xe_planet/header.html @@ -40,7 +40,7 @@ {zdate($date,'Y')}{$lang->unit_year} {zdate($date,'m')}{$lang->unit_month} {zdate($date,'d')}{$lang->unit_day} - ({zdate($date,'l')}) + ({zdate($date,'l')}) diff --git a/modules/planet/skins/xe_planet/myPlanet.html b/modules/planet/skins/xe_planet/myPlanet.html index af13107c1..252daedf0 100644 --- a/modules/planet/skins/xe_planet/myPlanet.html +++ b/modules/planet/skins/xe_planet/myPlanet.html @@ -13,11 +13,22 @@ class="active">{$lang->planet_fish} 
  • class="active">{$lang->planet_bigfish} 
    • --> - + + +
    + + +
    + + >{$lang->cmd_planet_more_tag} +
    +
    + +