css 및 js 호출순서 조정기능 추가

git-svn-id: http://xe-core.googlecode.com/svn/sandbox@5785 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
ngleader 2009-03-06 05:33:56 +00:00
parent 4f380d9c48
commit 61851f1dfe
2149 changed files with 109090 additions and 18689 deletions

View file

@ -0,0 +1,121 @@
<?xml version="1.0" encoding="UTF-8"?>
<layout version="0.2">
<title xml:lang="ko">XE Cafe 공식 레이아웃</title>
<title xml:lang="zh-CN">官方站点模块布局</title>
<title xml:lang="zh-TW">虛擬網站官網版面</title>
<description xml:lang="ko">
XE Cafe 공식 레이아웃입니다.
</description>
<description xml:lang="zh-CN">
官方站点模块布局。
</description>
<description xml:lang="zh-TW">
虛擬網站官網版面。
</description>
<version>0.1</version>
<date>2009-02-09</date>
<link>http://www.xpressengine.com</link>
<author email_address="webmaster@xpressengine.com" link="http://www.xpressengine.com">
<name xml:lang="ko">XpressEngine</name>
<name xml:lang="zh-CN">XpressEngine</name>
<name xml:lang="zh-TW">XpressEngine</name>
</author>
<extra_vars>
<group>
<title xml:lang="ko">기본 설정</title>
<title xml:lang="zh-CN">常规选项</title>
<title xml:lang="zh-TW">預設</title>
<var name="colorset" type="select">
<title xml:lang="ko">컬러셋</title>
<title xml:lang="zh-CN">颜色</title>
<title xml:lang="zh-TW">顏色設定</title>
<description xml:lang="ko">원하시는 컬러셋을 선택해주세요.</description>
<description xml:lang="zh-CN">请选择颜色。</description>
<description xml:lang="zh-TW">請選擇顏色。</description>
<options value="white">
<title xml:lang="ko">하얀색</title>
<title xml:lang="zh-CN">白色</title>
<title xml:lang="zh-TW">白色</title>
</options>
<options value="black">
<title xml:lang="ko">검은색</title>
<title xml:lang="zh-CN">黑色</title>
<title xml:lang="zh-TW">黑色</title>
</options>
</var>
<var name="index_url" type="text">
<title xml:lang="ko">홈 페이지 URL</title>
<title xml:lang="zh-CN">站点地址</title>
<title xml:lang="zh-TW">主頁網址</title>
<description xml:lang="ko">로고를 클릭시에 이동할 홈 페이지 URL을 입력해 주세요.</description>
<description xml:lang="zh-CN">点击LOGO时要移动的页面地址。</description>
<description xml:lang="zh-TW">請輸入當用戶按了網站Logo後要前往的頁面網址。</description>
</var>
<var name="logo_text" type="text">
<title xml:lang="ko">로고 글자</title>
<title xml:lang="zh-CN">站点标题</title>
<title xml:lang="zh-TW">Logo文字</title>
<description xml:lang="ko">좌측 상단의 로고 부분에 글자를 지정할 수 있습니다. 로고 이미지가 있으면 로고 이미지의 caption으로 표시됩니다.</description>
<description xml:lang="zh-CN">将显示在您的站点左侧头部如你已上传lOGO图片此标题将变成LOGO图片的caption。</description>
<description xml:lang="zh-TW">將顯示在虛擬網站的左上方如果有上傳過Logo圖片將會以圖片顯示。</description>
</var>
<var name="logo_image" type="image">
<title xml:lang="ko">로고이미지</title>
<title xml:lang="zh-CN">LOGO图片</title>
<title xml:lang="zh-TW">Logo圖片</title>
<description xml:lang="ko">레이아웃의 상단에 표시될 로고이미지를 입력하세요.</description>
<description xml:lang="zh-CN">上传LOGO图片。</description>
<description xml:lang="zh-TW">請輸入要顯示在版面上端的Logo圖片。(適當高度為23px的透明圖片。)</description>
</var>
<var name="logo_background_image" type="image">
<title xml:lang="ko">로고 배경 이미지</title>
<title xml:lang="zh-CN">布局头部背景图片</title>
<title xml:lang="zh-TW">Logo背景圖片</title>
<description xml:lang="ko">로고가 있는 상단 영역의 배경 이미지를 적용하시려면 이미지를 등록해주세요.</description>
<description xml:lang="zh-CN">上传LOGO所在位头部背景图片。</description>
<description xml:lang="zh-TW">請在這裡上傳想要使用的背景圖片。</description>
</var>
<var name="content_background_image" type="image">
<title xml:lang="ko">내용 배경 이미지</title>
<title xml:lang="zh-CN">内容区背景图片</title>
<title xml:lang="zh-TW">內容背景圖片</title>
<description xml:lang="ko">내용이 있는 영역의 배경 이미지를 사용하시려면 이미지를 등록해주세요.</description>
<description xml:lang="zh-CN">上传内容区背景图片。</description>
<description xml:lang="zh-TW">請在這裡上傳想要使用的背景圖片。</description>
</var>
</group>
<group>
<title xml:lang="ko">모양 설정</title>
<title xml:lang="zh-CN">样式设置</title>
<title xml:lang="zh-TW">外觀設定</title>
<var name="content_position" type="select">
<title xml:lang="ko">본문 위치</title>
<title xml:lang="zh-CN">内容区位置</title>
<title xml:lang="zh-TW">選擇位置</title>
<description xml:lang="ko">본문의 위치를 좌/우중 선택할 수 있습니다.</description>
<description xml:lang="zh-CN">可以设置内容区的位置(左侧/右侧)。</description>
<description xml:lang="zh-TW">內容區域可選擇靠左側或右側。</description>
<options value="left">
<title xml:lang="ko">왼쪽</title>
<title xml:lang="zh-CN">左侧</title>
<title xml:lang="zh-TW">左側</title>
</options>
<options value="right">
<title xml:lang="ko">오른쪽</title>
<title xml:lang="zh-CN">右侧</title>
<title xml:lang="zh-TW">右側</title>
</options>
</var>
</group>
</extra_vars>
<menus>
<menu name="main_menu" maxdepth="5" default="true">
<title xml:lang="ko">메인 메뉴</title>
<title xml:lang="zh-CN">主菜单</title>
<title xml:lang="zh-TW">主選單</title>
</menu>
</menus>
</layout>

182
layouts/cafeXE/css/layout.css Executable file
View file

@ -0,0 +1,182 @@
@charset "utf-8";
/* NHN > UIT Center > Open UI Technology Team > Jeong Chan Myeong(dece24@nhncorp.com) */
/* You'd better not fix : 이 파일 수정을 권장 안함 */
/* Skip To Content */
a.skipToContent{ display:block; position:relative; top:0; clear:both; overflow:hidden; height:0; text-decoration:none;}
a.skipToContent:hover,
a.skipToContent:active,
a.skipToContent:focus{ height:auto; margin:0 0 10px 0; padding:5px;}
/* Hr */
hr.cafeXeHr{ display:none; position:absolute;}
/* Container + Header + Body + Footer */
#cafeXeContainer{ position:relative; margin:0 20px; *zoom:1;}
#cafeXeHeader{ position:relative; padding:20px 0 10px; border-bottom:3px solid; *zoom:1; z-index:100;}
#cafeXeHeader:after{ content:""; display:block; clear:both;}
#cafeXeBody{ position:relative; padding-top:20px; padding-bottom:20px; *zoom:1;}
#cafeXeBody:after{ content:""; display:block; clear:both;}
#cafeXeContent{ position:relative; margin-bottom:20px; text-align:justify;}
#cafeXeFooter{ position:relative; padding:10px 0; border-top:1px solid; *zoom:1; z-index:100;}
#cafeXeFooter address{ text-align:center;}
/* Layout Width */
.cafeXeFixed #cafeXeContainer{ width:960px; margin-left:auto; margin-right:auto;}
.cafeXeLiquid #cafeXeContainer{ width:80%; margin-left:auto; margin-right:auto;}
.cafeXeHybrid #cafeXeContainer{ width:80%; margin-left:auto; margin-right:auto;}
/* Align Layout */
.aLeft #cafeXeContainer{ margin-left:0;}
.aRight #cafeXeContainer{ margin-right:0;}
/* Top Navigation */
#cafeXeHeader .cafeXeNavigation{ position:relative; padding:15px 0 0 0; margin:0; overflow:hidden; float:right;}
#cafeXeHeader .cafeXeNavigation:after{ content:""; display:block; clear:both;}
#cafeXeHeader .cafeXeNavigation *{ margin:0; padding:0;}
#cafeXeHeader .cafeXeNavigation h2{ display:none;}
#cafeXeHeader .cafeXeNavigation li{ position:relative; float:left; list-style:none; padding:0 5px;}
/* Footer Navigation */
#cafeXeFooter .cafeXeNavigation{ position:relative; padding:0; margin:0 0 10px 0;}
#cafeXeFooter .cafeXeNavigation:after{ content:""; display:block; clear:both;}
#cafeXeFooter .cafeXeNavigation *{ margin:0; padding:0;}
#cafeXeFooter .cafeXeNavigation h2{ display:none;}
#cafeXeFooter .cafeXeNavigation .cafeXeSection{ text-align:center;}
#cafeXeFooter .cafeXeNavigation ul{ position:relative; overflow:hidden;}
#cafeXeFooter .cafeXeNavigation li{ display:inline; position:relative; list-style:none; padding:0 5px;}
/* Neck */
#neck{ position:relative; clear:both; *zoom:1;}
#neck .cafeXeExtension{ margin-right:-30px; *zoom:1;}
#neck .cafeXeExtension:after{ content:""; display:block; clear:both;}
#neck .cafeXeExtension .cafeXeSection{ position:relative; float:left; width:300px; margin-right:30px;}
.cafeXeLiquid #neck .cafeXeExtension .cafeXeSection{ width:30%; margin-right:3.3%;}
/* Knee */
#cafeXeKnee{ position:relative; clear:both; *zoom:1;}
#cafeXeKnee{ padding-top:30px; border-top:1px solid;}
#cafeXeKnee .cafeXeExtension{ margin-right:-30px; *zoom:1;}
#cafeXeKnee .cafeXeExtension:after{ content:""; display:block; clear:both;}
#cafeXeKnee .cafeXeExtension .cafeXeSection{ position:relative; float:left; width:300px; margin-right:30px;}
.cafeXeLiquid #cafeXeKnee .cafeXeExtension .cafeXeSection{ width:30%; margin-right:3.3%;}
/* Extension */
.cafeXeExtension,
.cafeXeSection{position:relative; *zoom:1;}
#cafeXeBody .cafeXeExtension{ position:relative; display:none; margin-bottom:20px;}
.cafeXeExtension .cafeXeSection{ margin-bottom:20px;}
/* ----- Fixed 2 Column Layout ----- */
.cafeXeFixed .cafeXeCE #cafeXeBody .cafeXeE1,
.cafeXeFixed .cafeXeEC #cafeXeBody .cafeXeE1{ width:220px;}
.cafeXeFixed .cafeXeCE #cafeXeBody #cafeXeContent,
.cafeXeFixed .cafeXeEC #cafeXeBody #cafeXeContent{ width:720px;}
.cafeXeFixed .cafeXeCE #cafeXeBody #cafeXeContent{ float:left;}
.cafeXeFixed .cafeXeEC #cafeXeBody #cafeXeContent{ float:right;}
.cafeXeFixed .cafeXeCE #cafeXeBody .cafeXeE1,
.cafeXeFixed .cafeXeEC #cafeXeBody .cafeXeE1{ display:block;}
.cafeXeFixed .cafeXeCE #cafeXeBody .cafeXeE1{ float:right; clear:right;}
.cafeXeFixed .cafeXeEC #cafeXeBody .cafeXeE1{ float:left; clear:left;}
/* ----- Liquid 2 Column Layout ----- */
.cafeXeLiquid .cafeXeCE #cafeXeBody .cafeXeE1,
.cafeXeLiquid .cafeXeEC #cafeXeBody .cafeXeE1{ width:23%;}
.cafeXeLiquid .cafeXeCE #cafeXeBody #cafeXeContent,
.cafeXeLiquid .cafeXeEC #cafeXeBody #cafeXeContent{ width:75%;}
.cafeXeLiquid .cafeXeCE #cafeXeBody #cafeXeContent{ float:left;}
.cafeXeLiquid .cafeXeEC #cafeXeBody #cafeXeContent{ float:right;}
.cafeXeLiquid .cafeXeCE #cafeXeBody .cafeXeE1,
.cafeXeLiquid .cafeXeEC #cafeXeBody .cafeXeE1{ display:block;}
.cafeXeLiquid .cafeXeCE #cafeXeBody .cafeXeE1{ float:right; clear:right;}
.cafeXeLiquid .cafeXeEC #cafeXeBody .cafeXeE1{ float:left; clear:left;}
/* ----- Hybrid 2 Column Layout ----- */
.cafeXeHybrid .cafeXeCE #cafeXeBody{ padding-right:280px;}
.cafeXeHybrid .cafeXeEC #cafeXeBody{ padding-left:280px;}
.cafeXeHybrid .cafeXeCE #cafeXeBody .cafeXeE1,
.cafeXeHybrid .cafeXeEC #cafeXeBody .cafeXeE1{ width:260px;}
.cafeXeHybrid .cafeXeCE #cafeXeBody #cafeXeContent{ float:left; width:100%;}
.cafeXeHybrid .cafeXeEC #cafeXeBody #cafeXeContent{ float:right; width:100%;}
.cafeXeHybrid .cafeXeCE #cafeXeBody .cafeXeE1,
.cafeXeHybrid .cafeXeEC #cafeXeBody .cafeXeE1{ display:block;}
.cafeXeHybrid .cafeXeCE #cafeXeBody .cafeXeE1{ float:right; clear:right; margin-left:-260px; right:-280px;}
.cafeXeHybrid .cafeXeEC #cafeXeBody .cafeXeE1{ float:left; clear:left; margin-right:-260px; left:-280px;}
/* ----- Fixed 3 Column Layout ----- */
.cafeXeFixed .cafeXeCEE #cafeXeBody .cafeXeE1,
.cafeXeFixed .cafeXeCEE #cafeXeBody .cafeXeE2,
.cafeXeFixed .cafeXeECE #cafeXeBody .cafeXeE1,
.cafeXeFixed .cafeXeECE #cafeXeBody .cafeXeE2,
.cafeXeFixed .cafeXeEEC #cafeXeBody .cafeXeE1,
.cafeXeFixed .cafeXeEEC #cafeXeBody .cafeXeE2{ display:block; width:200px;}
.cafeXeFixed .cafeXeCEE #cafeXeBody #cafeXeContent,
.cafeXeFixed .cafeXeECE #cafeXeBody #cafeXeContent,
.cafeXeFixed .cafeXeEEC #cafeXeBody #cafeXeContent{ width:520px;}
.cafeXeFixed .cafeXeCEE #cafeXeBody #cafeXeContent{ float:left; margin-right:20px;}
.cafeXeFixed .cafeXeECE #cafeXeBody #cafeXeContent{ float:left; margin-right:-100%; left:220px;}
.cafeXeFixed .cafeXeEEC #cafeXeBody #cafeXeContent{ float:right;}
.cafeXeFixed .cafeXeECE #cafeXeBody .cafeXeE1,
.cafeXeFixed .cafeXeEEC #cafeXeBody .cafeXeE1{ float:left; margin-right:20px;}
.cafeXeFixed .cafeXeCEE #cafeXeBody .cafeXeE1,
.cafeXeFixed .cafeXeEEC #cafeXeBody .cafeXeE2{ float:left;}
.cafeXeFixed .cafeXeCEE #cafeXeBody .cafeXeE2,
.cafeXeFixed .cafeXeECE #cafeXeBody .cafeXeE2{ float:right;}
/* ----- Liquid 3 Column Layout ----- */
.cafeXeLiquid .cafeXeCEE #cafeXeBody .cafeXeE1,
.cafeXeLiquid .cafeXeCEE #cafeXeBody .cafeXeE2,
.cafeXeLiquid .cafeXeECE #cafeXeBody .cafeXeE1,
.cafeXeLiquid .cafeXeECE #cafeXeBody .cafeXeE2,
.cafeXeLiquid .cafeXeEEC #cafeXeBody .cafeXeE1,
.cafeXeLiquid .cafeXeEEC #cafeXeBody .cafeXeE2{ display:block; width:20%;}
.cafeXeLiquid .cafeXeCEE #cafeXeBody #cafeXeContent,
.cafeXeLiquid .cafeXeECE #cafeXeBody #cafeXeContent,
.cafeXeLiquid .cafeXeEEC #cafeXeBody #cafeXeContent{ width:56%;}
.cafeXeLiquid .cafeXeCEE #cafeXeBody #cafeXeContent{ float:left; margin-right:2%;}
.cafeXeLiquid .cafeXeECE #cafeXeBody #cafeXeContent{ float:left; margin-right:-100%; left:22%;}
.cafeXeLiquid .cafeXeEEC #cafeXeBody #cafeXeContent{ float:right;}
.cafeXeLiquid .cafeXeECE #cafeXeBody .cafeXeE1,
.cafeXeLiquid .cafeXeEEC #cafeXeBody .cafeXeE1{ float:left; margin-right:2%;}
.cafeXeLiquid .cafeXeCEE #cafeXeBody .cafeXeE1,
.cafeXeLiquid .cafeXeEEC #cafeXeBody .cafeXeE2{ float:left;}
.cafeXeLiquid .cafeXeCEE #cafeXeBody .cafeXeE2,
.cafeXeLiquid .cafeXeECE #cafeXeBody .cafeXeE2{ float:right;}
/* ----- Hybrid 3 Column Layout ----- */
.cafeXeHybrid .cafeXeCEE #cafeXeBody .cafeXeE1,
.cafeXeHybrid .cafeXeCEE #cafeXeBody .cafeXeE2,
.cafeXeHybrid .cafeXeECE #cafeXeBody .cafeXeE1,
.cafeXeHybrid .cafeXeECE #cafeXeBody .cafeXeE2,
.cafeXeHybrid .cafeXeEEC #cafeXeBody .cafeXeE1,
.cafeXeHybrid .cafeXeEEC #cafeXeBody .cafeXeE2{ display:block; width:220px;}
.cafeXeHybrid .cafeXeCEE #cafeXeBody{ padding-right:480px;}
.cafeXeHybrid .cafeXeECE #cafeXeBody{ padding-left:240px; padding-right:240px;}
.cafeXeHybrid .cafeXeEEC #cafeXeBody{ padding-left:480px;}
.cafeXeHybrid .cafeXeCEE #cafeXeBody #cafeXeContent,
.cafeXeHybrid .cafeXeECE #cafeXeBody #cafeXeContent,
.cafeXeHybrid .cafeXeEEC #cafeXeBody #cafeXeContent{ width:100%;}
.cafeXeHybrid .cafeXeCEE #cafeXeBody #cafeXeContent,
.cafeXeHybrid .cafeXeECE #cafeXeBody #cafeXeContent{ float:left; margin-right:-100%;}
.cafeXeHybrid .cafeXeEEC #cafeXeBody #cafeXeContent{ float:right;}
.cafeXeHybrid .cafeXeECE #cafeXeBody .cafeXeE1,
.cafeXeHybrid .cafeXeEEC #cafeXeBody .cafeXeE2{ float:left; left:-240px; margin-right:-220px;}
.cafeXeHybrid .cafeXeEEC #cafeXeBody .cafeXeE1{ float:left; left:-480px; margin-right:-220px;}
.cafeXeHybrid .cafeXeCEE #cafeXeBody .cafeXeE1,
.cafeXeHybrid .cafeXeECE #cafeXeBody .cafeXeE2{ float:right; left:240px; margin-left:-220px;}
.cafeXeHybrid .cafeXeCEE #cafeXeBody .cafeXeE2{ float:right; left:480px; margin-left:-220px;}

View file

@ -0,0 +1,20 @@
@charset "utf-8";
/* NHN > UIT Center > Open UI Technology Team > Jeong Chan Myeong(dece24@nhncorp.com) */
/* Body */
.cafeXe{ background:#000;}
/* Heading */
#cafeXeHeader a{ color:#999;}
#cafeXeHeader h1.cafeXeH1 a{ color:#fff;}
#cafeXeBody h2.cafeXeBodyH2{ color:#999; border-color:#999;}
#cafeXeBody h2.cafeXeExtensionH2{ color:#999; border-color:#999;}
#cafeXeKnee h2.cafeXeExtensionH2{ color:#ccc; border-color:#434343;}
/* Layout */
#cafeXeHeader,
#cafeXeKnee,
#cafeXeFooter{ background:#333; color:#666;}
/* Footer */
.cafeXeAddress abbr{ color:#fff;}

View file

@ -0,0 +1,70 @@
@charset "utf-8";
/* NHN > UIT Center > Open UI Technology Team > Jeong Chan Myeong(dece24@nhncorp.com) */
/* Common */
.cafeXe{ margin:0; font-family:AppleGothic, Sans-serif;}
.cafeXe a{ text-decoration:none;}
.cafeXe a:hover,
.cafeXe a:active,
.cafeXe a:focus{ text-decoration:underline;}
.cafeXe img{ border:0;}
.cafeXe sup,
.cafeXe sub{ line-height:1;}
.cafeXeAddress{ font-style:normal;}
/* Heading */
#cafeXeBody h2.cafeXeBodyH2{ margin:0; padding-bottom:5px; font-size:16px; border-bottom:2px solid;}
#cafeXeBody h2.cafeXeExtensionH2{ margin:0; padding-bottom:5px; font-size:16px; border-bottom:2px solid;}
#cafeXeKnee h2.cafeXeExtensionH2{ position:relative; margin:0; font-size:12px; padding-bottom:5px; border-bottom:2px solid;}
/* Container */
.cafeXeFixed #cafeXeContainer{ width:auto;}
/* Header */
.cafeXeFixed .cafeXeEC #cafeXeHeader,
.cafeXeFixed .cafeXeCE #cafeXeHeader{ border:0; padding:20px 0 0 0;}
.cafeXeFixed .cafeXeEC #cafeXeHeader .cafeXeHeader,
.cafeXeFixed .cafeXeCE #cafeXeHeader .cafeXeHeader{ position:relative; width:960px; margin:0 auto; padding-bottom:30px;}
.cafeXeFixed .cafeXeEC #cafeXeHeader h1.cafeXeH1,
.cafeXeFixed .cafeXeCE #cafeXeHeader h1.cafeXeH1{ margin:0;}
.cafeXeFixed .cafeXeEC #cafeXeHeader h1.cafeXeH1 a,
.cafeXeFixed .cafeXeCE #cafeXeHeader h1.cafeXeH1 a{ text-decoration:none;}
.cafeXeFixed .cafeXeEC #cafeXeHeader .cafeXeUrl,
.cafeXeFixed .cafeXeCE #cafeXeHeader .cafeXeUrl{ margin:0;}
.cafeXeFixed .cafeXeEC #cafeXeHeader .cafeXeUrl a,
.cafeXeFixed .cafeXeCE #cafeXeHeader .cafeXeUrl a{ font:10px Tahoma;}
/* Body */
.cafeXeFixed .cafeXeEC #cafeXeBody,
.cafeXeFixed .cafeXeCE #cafeXeBody{ width:740px; margin:0 auto; padding-top:40px;}
.cafeXeFixed .cafeXeEC #cafeXeBody{ padding-left:220px;}
.cafeXeFixed .cafeXeCE #cafeXeBody{ padding-right:220px;}
.cafeXeFixed .cafeXeEC #cafeXeBody .cafeXeE1,
.cafeXeFixed .cafeXeCE #cafeXeBody .cafeXeE1{ width:180px;}
.cafeXeFixed .cafeXeEC #cafeXeBody .cafeXeE1{ left:-220px; margin-right:-180px;}
.cafeXeFixed .cafeXeCE #cafeXeBody .cafeXeE1{ right:-220px; margin-left:-180px;}
.cafeXeFixed .cafeXeEC #cafeXeBody #cafeXeContent,
.cafeXeFixed .cafeXeCE #cafeXeBody #cafeXeContent{ width:100%;}
.cafeXeFixed .cafeXeEC #cafeXeBody #cafeXeContent .cafeXeSection,
.cafeXeFixed .cafeXeCE #cafeXeBody #cafeXeContent .cafeXeSection{ margin-bottom:40px; *zoom:1;}
/* Knee */
.cafeXeFixed .cafeXeEC #cafeXeKnee,
.cafeXeFixed .cafeXeCE #cafeXeKnee{ padding:30px 0; border:0;}
.cafeXeFixed .cafeXeEC #cafeXeKnee .cafeXeExtension,
.cafeXeFixed .cafeXeCE #cafeXeKnee .cafeXeExtension{ left:14px; _left:28px; width:988px; margin:0 auto;}
.cafeXeFixed .cafeXeEC #cafeXeKnee .cafeXeExtension .cafeXeSection,
.cafeXeFixed .cafeXeCE #cafeXeKnee .cafeXeExtension .cafeXeSection{ width:219px; margin-right:28px;}
/* Footer */
.cafeXeFixed .cafeXeEC #cafeXeFooter,
.cafeXeFixed .cafeXeCE #cafeXeFooter{ padding:30px 0; border:0;}
.cafeXeFixed .cafeXeEC #cafeXeFooter .cafeXeFooter,
.cafeXeFixed .cafeXeCE #cafeXeFooter .cafeXeFooter{ position:relative; width:960px; margin:0 auto; *zoom:1; font:10px Tahoma;}
.cafeXeFixed .cafeXeEC #cafeXeFooter .cafeXeFooter a,
.cafeXeFixed .cafeXeCE #cafeXeFooter .cafeXeFooter a{ text-decoration:none;}
.cafeXeFixed .cafeXeEC #cafeXeFooter .cafeXeFooter:after,
.cafeXeFixed .cafeXeCE #cafeXeFooter .cafeXeFooter:after{ content:""; display:block; clear:both;}
.cafeXeFixed .cafeXeEC #cafeXeFooter .cafeXeFooter address,
.cafeXeFixed .cafeXeCE #cafeXeFooter .cafeXeFooter address{ float:left;}

View file

@ -0,0 +1,20 @@
@charset "utf-8";
/* NHN > UIT Center > Open UI Technology Team > Jeong Chan Myeong(dece24@nhncorp.com) */
/* Body */
.cafeXe{ background:#fff;}
/* Heading */
#cafeXeHeader a{ color:#999;}
#cafeXeHeader h1.cafeXeH1 a{ color:#fff;}
#cafeXeBody h2.cafeXeBodyH2{ color:#333; border-color:#666;}
#cafeXeBody h2.cafeXeExtensionH2{ color:#333; border-color:#666;}
#cafeXeKnee h2.cafeXeExtensionH2{ color:#ccc; border-color:#434343;}
/* Layout */
#cafeXeHeader,
#cafeXeKnee,
#cafeXeFooter{ background:#333; color:#666;}
/* Footer */
.cafeXeAddress abbr{ color:#fff;}

368
layouts/cafeXE/css/widget.css Executable file
View file

@ -0,0 +1,368 @@
@charset "utf-8";
/* NHN > UIT Center > Open UI Technology Team > Jeong Chan Myeong(dece24@nhncorp.com) */
/* common */
.open{ display:block !important;}
.floatLeft{ float:left;}
.floatRight{ float:right;}
.clearLeft{ clear:left;}
.clearRight{ clear:right;}
.widgetXeInputText{ border:1px solid; padding:2px 5px; font-size:12px;}
.widgetXeInputCheck{ margin:0; width:13px; height:13px; vertical-align:middle;}
.widgetXeInputSubmit{ padding:0;}
.widgetXeAddress{ font-style:normal;}
/* widgetContainer */
.widgetContainer a{ text-decoration:none;}
.widgetContainer a:hover,
.widgetContainer a:active,
.widgetContainer a:focus{ text-decoration:underline;}
.widgetContainer img{ border:0;}
.widgetContainer sup{ position:relative; line-height:1; display:inline-block; margin:-5px 0; *padding:0 1px;}
.widgetContainer form{ margin:0; padding:0;}
.widgetContainer fieldset{ border:0; margin:0; padding:0;}
/* widgetDivider */
dl.widgetDivider{ margin:0;}
dl.widgetDivider dt{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0;}
dl.widgetDivider dd{ display:none; margin:0;}
/* widgetTableA */
.widgetTableA { width:100%; font-size:12px; position:relative; border:0;}
.widgetTableA td{ border:0; line-height:1.5; white-space:nowrap; vertical-align:top; padding:1px 5px 1px 5px;}
.widgetTableA td.title{ width:100%; white-space:normal;}
.widgetTableA td .board{ padding-right:5px;}
.widgetTableA td .notice{ padding-right:5px;}
.widgetTableA td .category{ padding-right:5px; font-weight:normal;}
.widgetTableA td .replyNum a{ font:10px Tahoma;}
.widgetTableA td .trackbackNum a{ font:10px Tahoma;}
.widgetTableA td.author{}
.widgetTableA td.time{ font-size:11px; font-family:Tahoma;}
/* widgetTableB */
.widgetTableB { width:100%; font-size:12px; position:relative; border:0; border-top:1px solid;}
.widgetTableB td{ border:0; line-height:1.5; white-space:nowrap; vertical-align:top; padding:8px 5px 6px 5px; border-bottom:1px solid;}
.widgetTableB td.title{ width:100%; white-space:normal;}
.widgetTableB td .board{ padding-right:5px;}
.widgetTableB td .notice{ padding-right:5px;}
.widgetTableB td .category{ padding-right:5px; font-weight:normal;}
.widgetTableB td .replyNum a{ font:10px Tahoma;}
.widgetTableB td .trackbackNum a{ font:10px Tahoma;}
.widgetTableB td.author{}
.widgetTableB td.time{ font-size:11px; font-family:Tahoma;}
/* widgetTableC */
.widgetTableC { width:100%; font-size:12px; position:relative; border:0; border-top:1px solid;}
.widgetTableC td{ border:0; line-height:1.5; white-space:nowrap; vertical-align:top; padding:10px; border-bottom:1px solid;}
.widgetTableC td.title,
.widgetTableC td.lastDoc{ width:100%; white-space:nowrap;}
.widgetTableC td.docNum{}
.widgetTableC td.docNum em{ display:block; padding:12px 0 0 5px; width:50px; height:21px; font-size:11px; font-weight:bold; font-style:normal; font-family:Tahoma; color:#fff; background:url(../img/white/iconForumNum.gif) no-repeat 0 0;}
.widgetTableC td.title a{ font-weight:bold; text-decoration:underline !important;}
.widgetTableC td.title dl{ margin:0;}
.widgetTableC td.title dd{ margin:0;}
.widgetTableC td.lastDoc p{ margin:0;}
.widgetTableC td .author{ margin-right:5px;}
.widgetTableC td .time{ font-size:11px; font-family:Tahoma;}
.widgetTableC td .time .date{ margin-right:5px;}
/* widgetUlistA */
.widgetUlistA { margin:0; padding:0; font-size:12px; line-height:1.5;}
.widgetUlistA li{ list-style:none;}
/* widgetUlistB */
.widgetUlistB{ margin:0; padding:0; font-size:12px; line-height:1.5; *zoom:1;}
.widgetUlistB:after{ content:""; display:block; clear:both;}
.widgetUlistB li{ position:relative; list-style:none; margin-bottom:10px; *zoom:1;}
.widgetUlistB li .author{ float:left; margin-right:-42px;}
.widgetUlistB li .author img{ border:1px solid;}
.widgetUlistB li .title{ position:relative; margin:0 0 0 60px; border:2px solid; padding:10px 15px; _zoom:1;}
.widgetUlistB li .title a{ text-decoration:underline;}
.widgetUlistB li .title .arrow{ position:absolute; top:16px; left:-6px; display:block; overflow:hidden; width:6px; height:7px; font-size:0; line-height:0;}
.widgetUlistB li .title .deco{ position:absolute; display:block; overflow:hidden; width:1px; height:1px; font-size:0; line-height:0;}
.widgetUlistB li .title .deco .topLeft{}
.widgetUlistB li .title .date{ font-size:11px; font-family:Tahoma;}
.widgetUlistB li .title .hour{ font-size:11px; font-family:Tahoma;}
/* widgetOlistA */
.widgetOlistA { margin:0; padding:0; font-size:12px; line-height:1.5;}
.widgetOlistA li{ margin-left:25px;}
.widgetOlistA li sup{ font-size:9px; font-family:tahoma; padding-left:10px; }
/* widgetDlistA */
.widgetDlistA{ margin:0; padding:0; font-size:12px; line-height:1.5; zoom:1;}
.widgetDlistA:after{ content:""; display:block; clear:both;}
.widgetDlistA dt{ float:left; clear:left; margin-right:5px; white-space:nowrap;}
.widgetDlistA dd{ clear:right; white-space:nowrap; font-family:Tahoma;}
/* widgetGalleryA */
.widgetGalleryA{ position:relative; margin:0; padding:0; font-size:12px; line-height:1.5; *zoom:1;}
.widgetGalleryA:after{ content:""; display:block; clear:both;}
.widgetGalleryA li { float:left; overflow:hidden; width:100px; margin-right:28px; margin-bottom:15px; padding-bottom:15px; white-space:nowrap; list-style:none;}
.widgetGalleryA li.clearRight{ margin-right:0;}
.widgetGalleryA li .thumb{ display:block; position:relative; width:100px; height:75px; margin-bottom:10px; overflow:hidden; text-decoration:none;}
.widgetGalleryA li .thumb img{ display:block; position:relative; width:100%;}
.widgetGalleryA li .thumb .imgNone{ display:block; position:relative; width:100%; height:70%; padding-top:30%; background:#eee; text-align:center; cursor:pointer; color:#000;}
.widgetGalleryA li .thumb .board{ display:block; position:absolute; width:100%; top:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; background:#000; color:#fff; opacity:0.6; filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.widgetGalleryA li .thumb .category{ display:block; position:absolute; width:100%; bottom:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6; filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.widgetGalleryA li .author{ display:block;}
.widgetGalleryA li .replyNum a{ font:10px Tahoma; margin:0 -1px;}
.widgetGalleryA li .trackbackNum a{ font:10px Tahoma; margin:0 -1px;}
.widgetGalleryA li .date{ font:11px Tahoma;}
.widgetGalleryA li .hour{ font:11px Tahoma;}
/* widgetGalleryB */
.widgetGalleryB{ position:relative; margin:0; padding:0; font-size:12px; line-height:1.5; *zoom:1;}
.widgetGalleryB:after{ content:""; display:block; clear:both;}
.widgetGalleryB li { float:left; overflow:hidden; width:100px; margin-right:28px; margin-bottom:15px; padding-bottom:15px; white-space:nowrap; list-style:none; border-bottom:1px solid;}
.widgetGalleryB li.clearRight{ margin-right:0;}
.widgetGalleryB li .thumb{ display:block; position:relative; width:100px; height:75px; margin-bottom:10px; overflow:hidden; text-decoration:none;}
.widgetGalleryB li .thumb img{ display:block; position:relative; width:100%;}
.widgetGalleryB li .thumb .imgNone{ display:block; position:relative; width:100%; height:70%; padding-top:30%; background:#eee; text-align:center; cursor:pointer; color:#000;}
.widgetGalleryB li .thumb .board{ display:block; position:absolute; width:100%; top:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; background:#000; color:#fff; opacity:0.6; filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.widgetGalleryB li .thumb .category{ display:block; position:absolute; width:100%; bottom:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6; filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.widgetGalleryB li .author{ display:block;}
.widgetGalleryB li .replyNum a{ font:10px Tahoma; margin:0 -1px;}
.widgetGalleryB li .trackbackNum a{ font:10px Tahoma; margin:0 -1px;}
.widgetGalleryB li .date{ font:11px Tahoma;}
.widgetGalleryB li .hour{ font:11px Tahoma;}
/* widgetZineA */
.widgetZineA{ position:relative; margin:0; padding:0; font-size:12px; line-height:1.5; *zoom:1;}
.widgetZineA:after{ content:""; display:block; clear:both;}
.widgetZineA li { list-style:none; clear:both; margin-bottom:10px; padding-bottom:10px; overflow:hidden; *zoom:1;}
.widgetZineA li p{ margin:0;}
.widgetZineA li p.thumbArea{ position:relative; float:left; width:100px; margin-right:-100px; overflow:hidden;}
.widgetZineA li p.titleArea{ margin-left:120px; margin-bottom:4px;}
.widgetZineA li p.titleArea .board{ padding-right:5px;}
.widgetZineA li p.text{ margin-left:120px; margin-bottom:4px;}
.widgetZineA li p.authorArea{ margin-left:120px;}
.widgetZineA li .thumb{ display:block; position:relative; width:100px; height:75px; text-decoration:none; overflow:hidden;}
.widgetZineA li .thumb img{ position:relative; width:100%;}
.widgetZineA li .thumb .imgNone{ display:block; position:relative; width:100%; height:80%; padding-top:20%; background:#eee; text-align:center; cursor:pointer; color:#000;}
.widgetZineA li .thumb .category{ display:block; position:absolute; width:100%; bottom:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6; filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.widgetZineA li .title{ font-weight:bold;}
.widgetZineA li .replyNum a{ font:10px Tahoma; margin:0 -1px;}
.widgetZineA li .trackbackNum a{ font:10px Tahoma; margin:0 -1px;}
.widgetZineA li .author{ margin-right:10px;}
.widgetZineA li .date{ font:11px Tahoma;}
.widgetZineA li .hour{ font:11px Tahoma;}
/* widgetZineB */
.widgetZineB{ position:relative; margin:0; padding:0; font-size:12px; line-height:1.5; *zoom:1;}
.widgetZineB:after{ content:""; display:block; clear:both;}
.widgetZineB li { list-style:none; clear:both; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid;}
.widgetZineB li p{ margin:0;}
.widgetZineB li p.thumbArea{ position:relative; float:left; width:100px; margin-right:-100px; overflow:hidden;}
.widgetZineB li p.titleArea{ margin-left:120px; margin-bottom:4px;}
.widgetZineB li p.titleArea .board{ padding-right:5px;}
.widgetZineB li p.text{ margin-left:120px; margin-bottom:4px;}
.widgetZineB li p.authorArea{ margin-left:120px;}
.widgetZineB li .thumb{ display:block; position:relative; width:100px; height:75px; text-decoration:none; overflow:hidden;}
.widgetZineB li .thumb img{ position:relative; width:100%;}
.widgetZineB li .thumb .imgNone{ display:block; position:relative; width:100%; height:80%; padding-top:20%; background:#eee; text-align:center; cursor:pointer; color:#000;}
.widgetZineB li .thumb .category{ display:block; position:absolute; width:100%; bottom:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6; filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.widgetZineB li .title{ font-weight:bold;}
.widgetZineB li .replyNum a{ font:10px Tahoma; margin:0 -1px;}
.widgetZineB li .trackbackNum a{ font:10px Tahoma; margin:0 -1px;}
.widgetZineB li .author{ margin-right:10px;}
.widgetZineB li .date{ font:11px Tahoma;}
.widgetZineB li .hour{ font:11px Tahoma;}
/* WidgetTree */
.widgetTree *{ margin:0; padding:0; font-size:12px;}
.widgetTree a strong{ letter-spacing:-1px; cursor:pointer; _cursor /**/:hand;}
.widgetTree ul{ position:relative; display:block; padding:3px 0 0 0 !important; zoom:1;}
.widgetTree ul li{ list-style:none; position:relative; padding:3px 0 2px 8px; white-space:nowrap;}
.widgetTree ul li a,
.widgetTree ul li span.nav_tree_label{ position:relative; left:16px; _left /**/:0; top:0;}
.widgetTree ul li a.selected {font-weight:bold;}
.widgetTree ul li button{ display:inline-block; position:relative; _left /**/:-16px; *top:-2px; width:13px; height:13px; *width:17px; *height:17px; margin:0 -13px 0 0; *margin:0 -17px -1px -2px; text-indent:-10000px; *text-indent:0; *font:0/0 Sans-serif; border:none; cursor:pointer; _cursor /**/:hand;}
.widgetTree ul li ul{ display:none; padding:2px 0 0 0 !important; margin:0 0 -2px 6px; background-position:left top;}
.widgetTree ul li ul li{ display:none;}
.widgetTree ul li.nav_tree_on button{ background-position:0 -13px; *background-position:2px -11px;}
.widgetTree ul li.nav_tree_off button{ background-position:0 0; *background-position:2px 2px;}
.widgetTree ul li.nav_tree_on ul{ display:block;}
.widgetTree ul li.nav_tree_on ul li{ display:block;}
.widgetTree ul li.nav_tree_off ul{ display:none;}
.widgetTree ul li.nav_tree_off ul li{ display:none;}
.widgetTree .icon{ position:relative; left:16px;}
/* widgetLogin */
.widgetLogin{ font-size:12px;}
.widgetLogin fieldset{ border:0; margin:0; padding:0;}
.widgetLogin dl{ margin:0;}
.widgetLogin dt{ display:none;}
.widgetLogin dd{ margin:0 0 5px 0;}
.widgetLogin dd .widgetXeInputText{ width:90%; height:16px;}
.widgetLogin p{ margin:5px 0;}
.widgetLogin p .widgetXeInputCheck{ margin-right:5px;}
.widgetLogin .help{ position:relative; width:100%; overflow:hidden; margin:10px 0 0 0; padding:0;}
.widgetLogin .help li{ position:relative; left:-5px; padding-left:5px; list-style:none; display:inline; letter-spacing:-1px;}
/* widgetLastLogin */
.widgetLastLogin{ margin:10px 0; font-size:12px;}
.widgetLastLogin dt,
.widgetLastLogin dd{ display:inline; margin:0;}
.widgetLastLogin dd{ font-size:11px; font-family:Tahoma;}
/* widgetMyInfo */
.widgetMyInfo{ margin:0; padding:0; font-size:12px;}
.widgetMyInfo:after{ content:""; display:block; clear:both; *zoom:1;}
.widgetMyInfo li{ margin-bottom:5px; padding:0; text-indent:12px; list-style:none;}
/* widgetLevel */
.widgetLevel{ padding-left:30px; background-repeat:no-repeat; background-position:left 30%;}
.widgetLevel em{ display:block; width:0; height:0; overflow:hidden; font-size:0; line-height:0; position:absolute;}
/* widgetCounter */
.widgetCounter{ font-size:12px; margin:0;}
.widgetCounter dt,
.widgetCounter dd{ height:18px;}
.widgetCounter dt{ float:left; clear:left;}
.widgetCounter dd{ font-size:11px; font-family:Tahoma;}
/* widgetLanguage */
.widgetLanguage p{ float:right; margin:0;}
.widgetLanguage .langList{ display:none; position:absolute; margin:0; padding:0; z-index:999;}
.widgetLanguage .langList li{ list-style:none;}
.widgetLanguage .langList li a{ font-size:12px; display:block; padding:2px 5px;}
/* widgetTabA */
.widgetTabA{ position:relative; margin:0; padding:0; *zoom:1; border-bottom:2px solid;}
.widgetTabA:after{ content:""; display:block; clear:both;}
.widgetTabA li{ float:left; margin-right:1px; list-style:none; background-repeat:no-repeat; background-position:0 0;}
.widgetTabA li.active{ background-position:0 -30px;}
.widgetTabA li a{ position:relative; left:2px; float:left; height:20px; padding:8px 15px 0 15px; text-decoration:none; font-size:12px; background-repeat:no-repeat; background-position:right 0;}
.widgetTabA li.active a{ background-position:right -30px; font-weight:bold; letter-spacing:-1px;}
/* widgetTabB */
.widgetTabB{ margin:0; position:absolute; top:1px; right:0; white-space:nowrap; font-size:12px;}
.widgetTabB li{ display:inline;}
.widgetTabB li.active a{ font-weight:bold;}
/* widgetTabC */
.widgetTabC{ margin:0; padding:0; font-size:12px; border-top:1px solid;}
.widgetTabC li{ list-style:none; border-bottom:1px solid; *zoom:1; margin-bottom:1px;}
.widgetTabC li a{ display:block; padding:7px 0 6px 10px; text-decoration:none; *zoom:1;}
/* widgetThumb */
.widgetThumb{ position:relative; margin:0; text-align:center; font-size:12px; line-height:1.5;}
.widgetThumb .thumb{ display:block; margin-bottom:5px; position:relative; *zoom:1; text-decoration:none;}
.widgetThumb .thumb img{ display:block; width:100%;}
.widgetThumb .thumb .imgNone{ display:block; position:relative; width:100%; padding-top:30px; padding-bottom:50px; background:#eee; text-align:center; cursor:pointer; color:#000;}
.widgetThumb .thumb .category{ display:block; position:absolute; width:100%; bottom:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6; filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.widgetThumb .title{ display:block;}
.widgetThumb .author{ display:block;}
.widgetThumb .date{ font-size:11px; font-family:Tahoma;}
.widgetThumb .hour{ font-size:11px; font-family:Tahoma;}
/* widgetContainer */
.widgetContainer{ *zoom:1;}
.widgetContainer:after{ content:""; display:block; clear:both;}
/* widgetNavigator */
.widgetNavigator{ margin:0; padding:0; text-align:right; clear:both;}
.widgetNavigator li{ list-style:none; display:inline;}
.widgetNavigator li button{ width:16px; height:16px; padding:0; background-color:transparent; background-image:url(../img/white/buttonWidgetNavigation.gif); border:1px solid #999; cursor:pointer;}
.widgetNavigator li button.prev{ background-position:left center; *background-position:-1px center;}
.widgetNavigator li button.next{ background-position:right center; *background-position:13px center;}
.widgetNavigator li button span{ position:absolute; display:block; width:0; height:0; overflow:hidden; visibility:hidden;}
/* widgetTagCloud */
.widgetTagCloud { text-align:justify; font-size:12px; line-height:1.5; margin:0; padding:0;}
.widgetTagCloud li{ display:inline; white-space:nowrap; list-style:none;}
.widgetTagCloud li.level1 a{ font-size:11px;}
.widgetTagCloud li.level2 a{ font-size:12px;}
.widgetTagCloud li.level3 a{ font-size:14px; font-weight:bold;}
.widgetTagCloud li.level4 a{ font-size:18px; font-weight:bold;}
/* widgetCalendar */
.widgetCalendarNavigation{ position:relative; height:15px; margin-bottom:-15px; z-index:10;}
.widgetCalendarNavigation button{ position:absolute; top:0; font-size:10px; font-family:Tahoma; background:none; border:0; padding:0; cursor:pointer;}
.widgetCalendarNavigation button.prevYear{ left:0;}
.widgetCalendarNavigation button.prevMonth{ left:25px;}
.widgetCalendarNavigation button.nextYear{ right:0;}
.widgetCalendarNavigation button.nextMonth{ right:25px;}
.widgetCalendar{ position:relative; border:0; width:100%;}
.widgetCalendar caption { position:relative; padding-bottom:5px; text-align:center; font-size:12px; font-weight:bold; font-family:Tahoma;}
.widgetCalendar th,
.widgetCalendar td{ border:0; text-align:center; padding:5px 0;}
.widgetCalendar th{ font-size:10px; font-family:Tahoma; font-weight:normal;}
.widgetCalendar td,
.widgetCalendar td a{ font-size:11px; font-family:Tahoma;}
.widgetCalendar td em{ font-style:normal;}
/* widgetPoint */
.widgetPoint{ margin:0; *zoom:1; clear:both;}
.widgetPoint:after{ content:""; display:block; clear:both;}
.widgetPoint dt{ font-size:12px; font-family:Tahoma; font-weight:bold;}
.widgetPoint dd{ margin:0;}
.widgetPoint dd.graph{ height:5px; overflow:hidden; background:#e5e5e5; font-size:0; line-height:0;}
.widgetPoint dd.graph img{ width:0%;}
.widgetPoint dd.point{ font-size:10px; font-family:Tahoma; float:left; color:#888;}
.widgetPoint dd.percentage{ font-size:10px; font-family:Tahoma; float:right; color:#888;}
/* widgetMenuA */
.widgetMenuA{ position:relative; margin:0; padding:0; font-size:12px; line-height:1.2; border-top:1px solid;}
.widgetMenuA li{ position:relative; list-style:none; border-bottom:1px solid; *zoom:1;}
.widgetMenuA li sup{ font-size:10px; font-family:Tahoma; line-height:1; color:#888; font-weight:normal;}
.widgetMenuA li li.active sup{ color:#ff1a1a;}
.widgetMenuA li li{ padding:0; border:0;}
.widgetMenuA li ul{ display:none; margin:0 0 10px 20px; padding:0;}
.widgetMenuA li.active ul{ display:block;}
.widgetMenuA li a{ position:relative; display:block; padding:7px 0 7px 10px; background-repeat:no-repeat; background-position:0 center; text-decoration:none !important;}
.widgetMenuA li.active a{ font-weight:bold;}
.widgetMenuA li.active li a{ font-weight:normal; padding:1px 0; background:none !important;}
.widgetMenuA li li.active a{ color:#ff1a1a;}
.widgetMenuA li.active li a:hover,
.widgetMenuA li.active li a:active,
.widgetMenuA li.active li a:focus{ text-decoration:underline !important;}
/* widgetMenuB */
.widgetMenuB{ margin:0; padding:0; font-size:12px; line-height:1.3; border-top:1px solid;}
.widgetMenuB li{ position:relative; list-style:none; border-bottom:1px solid; white-space:nowrap; *zoom:1;}
.widgetMenuB li sup{ font-size:10px; font-family:Tahoma; line-height:1; color:#888; font-weight:normal;}
.widgetMenuB li li{ padding:2px 10px; border:none;}
.widgetMenuB li li.first{ left:-4px; padding-left:14px; background-repeat:no-repeat; background-position:0 center;}
.widgetMenuB li li.active sup{ color:#ff1a1a;}
.widgetMenuB li ul{ position:absolute; display:none; top:-1px; left:100%; margin:0 0 0 5px; padding:5px 0 10px 0; border:1px solid}
.widgetMenuB li.active{ z-index:100;}
.widgetMenuB li.active ul{ display:block;}
.widgetMenuB li a{ position:relative; display:block; padding:7px 0 7px 10px; background-repeat:no-repeat; background-position:0 center; text-decoration:none !important; *zoom:1;}
.widgetMenuB li.active a{ font-weight:bold;}
.widgetMenuB li.active li a{ font-weight:normal; padding:0; background:none !important;}
.widgetMenuB li li.active a{ color:#ff1a1a;}
.widgetMenuB li.active li a:hover,
.widgetMenuB li.active li a:active,
.widgetMenuB li.active li a:focus{ text-decoration:underline !important;}
.widgetMenuC{ margin:0; padding:0; font-size:12px; line-height:1.2; background-repeat:repeat-x;background-position:0 0;}
.widgetMenuC ul{ margin:0; padding:0; height:35px;}
.widgetMenuC ul li ul{ display:none; position:absolute; top:40px; left:20px; height:auto; padding-bottom:7px; background:#35ad06; border:1px solid #027a00;}
.widgetMenuC ul li.active ul{ display:block;}
.widgetMenuC ul.aCenter{ margin-left:auto; margin-right:auto;}
.widgetMenuC ul.aLeft{ margin-right:auto;}
.widgetMenuC ul.aRight{ margin-left:auto;}
.widgetMenuC li{ position:relative; padding-right:3px; float:left; list-style:none; background-repeat:no-repeat;background-position:right -40px; white-space:nowrap;}
.widgetMenuC li a{ position:relative; float:left; padding:12px 22px 0 25px; height:23px; color:#fff !important; text-decoration:none !important;}
.widgetMenuC li.first a{ background-repeat:no-repeat;background-position:left -40px;}
.widgetMenuC li.active{ margin-left:-2px; background-repeat:no-repeat;background-position:right -80px;}
.widgetMenuC li.active a{ font-weight:bold; color:#ff0 !important; background-repeat:no-repeat; background-position:left -80px;}
.widgetMenuC li.active li{ padding:2px 15px; float:none; background:none;}
.widgetMenuC li.active li.active{ margin:0;}
.widgetMenuC li.active li.first{ margin-top:-4px; padding-top:14px; background-repeat:no-repeat; background-position:30px top;}
.widgetMenuC li.active li a{ display:block; _display:inline-block; padding:0; float:none; height:auto; font-weight:normal; color:#fff !important; background:none;}
.widgetMenuC li.active li.active a{ color:#ff0 !important;}
.widgetMenuC li.active li a:hover,
.widgetMenuC li.active li a:active,
.widgetMenuC li.active li a:focus{ text-decoration:underline !important;}
/* widgetSearch */
.widgetSearch{ position:absolute; bottom:30px; right:0;}
.widgetSearch fieldset{ border:0; margin:0; padding:0; position:absolute; bottom:0; right:0;}
.widgetSearch .widgetXeInputText{ width:153px; height:16px; padding:2px 20px 2px 5px; vertical-align:middle; border:1px solid #666; border-top-color:#555; border-left-color:#555; background:#444; color:#fff;}
.widgetSearch .widgetXeInputText:focus{ background:#494949;}
.widgetSearch .widgetSearch{ position:absolute; top:3px; right:4px; vertical-align:middle;}
address.period { font-style:normal; font-size:10px; font-family:tahoma; text-align:right;}

View file

@ -0,0 +1,278 @@
@charset "utf-8";
/* NHN > UIT Center > Open UI Technology Team > Jeong Chan Myeong(dece24@nhncorp.com) */
/* Common Class */
.widgetXeInputText{ border-color:#666; background:#333; color:#ccc;}
/* widgetTableA */
.widgetTableA td.title a{ color:#999;}
.widgetTableA td .board{ color:#999; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
.widgetTableA td .notice{ color:#ff1a1a; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
.widgetTableA td .category{ color:#666; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
.widgetTableA td .replyNum{ color:#ff1a1a;}
.widgetTableA td .trackbackNum{ color:#66c;}
.widgetTableA td .author { color:#999;}
.widgetTableA td .date{ color:#999;}
.widgetTableA td .hour{ color:#888;}
/* widgetTableB */
.widgetTableB,
.widgetTableB td{ border-color:#7f7f7f;}
.widgetTableB td.title a{ color:#999;}
.widgetTableB td .board{ color:#999; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
.widgetTableB td .notice{ color:#ff1a1a; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
.widgetTableB td .category{ color:#666; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
.widgetTableB td .replyNum{ color:#ff1a1a;}
.widgetTableB td .trackbackNum{ color:#66c;}
.widgetTableB td .author { color:#999;}
.widgetTableB td .date{ color:#999;}
.widgetTableB td .hour{ color:#888;}
/* widgetTableC */
.widgetTableC{ border-color:#7f7f7f;}
.widgetTableC td{ border-color:#7f7f7f;}
.widgetTableC td.title a{ color:#ccc;}
.widgetTableC td.title dd{ color:#888;}
.widgetTableC td.lastDoc p a{ color:#ccc;}
.widgetTableC td.lastDoc .author{ color:#888;}
.widgetTableC td.lastDoc .time{ color:#888;}
/* widgetUlistA */
.widgetUlistA li a{ color:#999;}
/* widgetUlistB */
.widgetUlistB li .author img{ border-color:#666;}
.widgetUlistB li .title{ border-color:#333; color:#999; background:#000;}
.widgetUlistB li .title a{ color:#3399ff;}
.widgetUlistB li .title .arrow{ background:url(../img/black/arrowUlistB.gif) no-repeat;}
.widgetUlistB li .title .deco{ background:#000;}
.widgetUlistB li .title .date{ color:#999;}
.widgetUlistB li .title .hour{ color:#888;}
/* widgetOlistA */
.widgetOlistA li,
.widgetOlistA li a{ color:#999;}
.widgetOlistA li sup{ color:#666;}
/* widgetDlistA */
.widgetDlistA dt{ color:#999;}
.widgetDlistA dd,
.widgetDlistA dd a{ color:#888;}
/* widgetGalleryA */
.widgetGalleryA li .title{ color:#999;}
.widgetGalleryA li .replyNum a{ color:#ff1a1a;}
.widgetGalleryA li .trackbackNum a{ color:#66c;}
.widgetGalleryA li .author{ color:#999;}
.widgetGalleryA li .date{ color:#999;}
.widgetGalleryA li .hour{ color:#888;}
/* widgetGalleryB */
.widgetGalleryB li{ border-color:#7f7f7f;}
.widgetGalleryB li .title{ color:#999;}
.widgetGalleryB li .replyNum a{ color:#ff1a1a;}
.widgetGalleryB li .trackbackNum a{ color:#66c;}
.widgetGalleryB li .author{ color:#999;}
.widgetGalleryB li .date{ color:#999;}
.widgetGalleryB li .hour{ color:#888;}
/* widgetZineA */
.widgetZineA li .board{ color:#999; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
.widgetZineA li .title{ color:#999;}
.widgetZineA li .replyNum a{ color:#ff1a1a;}
.widgetZineA li .trackbackNum a{ color:#66c;}
.widgetZineA li .author{ color:#999;}
.widgetZineA li .date{ color:#999;}
.widgetZineA li .hour{ color:#888;}
.widgetZineA li .text{ color:#888;}
/* widgetZineB */
.widgetZineB li .board{ color:#999; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
.widgetZineB li{ border-color:#7f7f7f;}
.widgetZineB li .title{ color:#999;}
.widgetZineB li .replyNum a{ color:#ff1a1a;}
.widgetZineB li .trackbackNum a{ color:#66c;}
.widgetZineB li .author{ color:#999;}
.widgetZineB li .date{ color:#999;}
.widgetZineB li .hour{ color:#888;}
.widgetZineB li .text{ color:#888;}
/* widgetLogin */
.widgetLogin label{ color:#999;}
.widgetLogin .help a{ color:#ccc;}
.widgetLogin .help li{ background:url(../img/black/lineTextDiv.gif) no-repeat left center;}
/* widgetLastLogin */
.widgetLastLogin dt{ color:#999;}
.widgetLastLogin dd{ color:#888;}
.widgetLastLogin a{ color:#333;}
.widgetLastLogin li{ background:url(../img/black/iconInfoMine.gif) no-repeat left center;}
/* widgetMyInfo */
.widgetMyInfo li a{ color:#999;}
.widgetMyInfo li{ background:url(../img/black/iconMyInfo.gif) no-repeat left 1px;}
/* widgetTree */
.widgetTree{ color:#999;}
.widgetTree a{ color:#999;}
/* widgetCounter */
.widgetCounter dt{ color:#999;}
.widgetCounter dd{ color:#888;}
/* widgetLanguage */
.widgetLanguage p a{ color:#b3b3b3;}
.widgetLanguage .langList{ background:#fff; border:1px solid #ccc;}
.widgetLanguage .langList a{ color:#333;}
/* Widget Tree */
.widgetTree ul{ background:url(../img/black/lineTreeVr.gif) repeat-y 0 -1px;}
.widgetTree ul li{ background:url(../img/black/lineTreeHr.gif) no-repeat 1px 5px !important;}
.widgetTree ul li button{ background:url(../img/black/buttonTreeCollapse.gif) no-repeat;}
.widgetTree ul li.nav_tree_last{ background:url(../img/black/lineTreeLastHr.gif) no-repeat 0 5px !important;}
/* widgetLevel */
.widgetLevel.num0 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/0.gif);}
.widgetLevel.num1 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/1.gif);}
.widgetLevel.num2 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/2.gif);}
.widgetLevel.num3 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/3.gif);}
.widgetLevel.num4 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/4.gif);}
.widgetLevel.num5 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/5.gif);}
.widgetLevel.num6 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/6.gif);}
.widgetLevel.num7 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/7.gif);}
.widgetLevel.num8 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/8.gif);}
.widgetLevel.num9 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/9.gif);}
.widgetLevel.num10 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/10.gif);}
.widgetLevel.num11 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/11.gif);}
.widgetLevel.num12 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/12.gif);}
.widgetLevel.num13 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/13.gif);}
.widgetLevel.num14 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/14.gif);}
.widgetLevel.num15 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/15.gif);}
.widgetLevel.num16 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/16.gif);}
.widgetLevel.num17 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/17.gif);}
.widgetLevel.num18 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/18.gif);}
.widgetLevel.num19 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/19.gif);}
.widgetLevel.num20 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/20.gif);}
.widgetLevel.num21 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/21.gif);}
.widgetLevel.num22 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/22.gif);}
.widgetLevel.num23 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/23.gif);}
.widgetLevel.num24 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/24.gif);}
.widgetLevel.num25 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/25.gif);}
.widgetLevel.num26 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/26.gif);}
.widgetLevel.num27 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/27.gif);}
.widgetLevel.num28 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/28.gif);}
.widgetLevel.num29 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/29.gif);}
.widgetLevel.num30 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/30.gif);}
/* widgetTabA */
.widgetTabA{ border-color:#999;}
.widgetTabA li,
.widgetTabA li a{ background-image:url(../img/black/buttonWidgetTab.gif);}
.widgetTabA li a{ color:#999;}
/* widgetTabB */
.widgetTabB li a{ color:#999;}
/* widgetTabC */
.widgetTabC{ border-color:#7f7f7f;}
.widgetTabC li{ border-color:#7f7f7f; background:#222;}
.widgetTabC li a{ color:#999;}
.widgetTabC li a:hover,
.widgetTabC li a:active,
.widgetTabC li a:focus{ background:#333;}
/* widgetThumb */
.widgetThumb{ color:#999;}
.widgetThumb a{ color:#999;}
.widgetThumb .hour{ color:#888;}
/* widgetTagCloud */
.widgetTagCloud li a{ color:#999;}
.widgetTagCloud li.level1 a{ color:#333;}
.widgetTagCloud li.level2 a{ color:#666;}
.widgetTagCloud li.level3 a{ color:#999;}
.widgetTagCloud li.level4 a{ color:#fff;}
/* widgetCalendar */
.widgetCalendarNavigation button{ color:#999;}
.widgetCalendar caption{ color:#999;}
.widgetCalendar th{ background:#333; color:#fff;}
.widgetCalendar th.sun,
.widgetCalendar td.sun,
.widgetCalendar td em{ color:#ff1a1a;}
.widgetCalendar td,
.widgetCalendar td a{ color:#999;}
.widgetCalendar td.sun a{ color:#ff1a1a;}
/* widgetPoint */
.widgetPoint dt{ color:#999;}
/* widgetMenuA */
.widgetMenuA{ border-color:#7f7f7f;}
.widgetMenuA li{ border-color:#7f7f7f;}
.widgetMenuA li a{ color:#999; background-image:url(../img/black/iconMenuAnormal.gif);}
.widgetMenuA li.active a{ background-image:url(../img/black/iconMenuAactive.gif);}
/* widgetMenuB */
.widgetMenuB{ border-color:#7f7f7f;}
.widgetMenuB li{ border-color:#7f7f7f;}
.widgetMenuB li a{ color:#999; background-image:url(../img/black/iconMenuAnormal.gif);}
.widgetMenuB li.active a{ background-image:url(../img/black/iconMenuAactive.gif);}
.widgetMenuB li ul{ border-color:#777; background:#000;}
.widgetMenuB li li.first{ background-image:url(../img/black/arrowMenuB.gif);}
/* widgetMenuCgreen */
.widgetMenuCgreen{ background-image:url(../img/white/bgMenuCgreen.gif);}
.widgetMenuCgreen ul li ul{ background:#35ad06; border-color:#027a00;}
.widgetMenuCgreen li{ background-image:url(../img/white/bgMenuCgreen.gif);}
.widgetMenuCgreen li.first a{ background-image:url(../img/white/bgMenuCgreen.gif);}
.widgetMenuCgreen li.active{ background-image:url(../img/white/bgMenuCgreen.gif);}
.widgetMenuCgreen li.active a{ background-image:url(../img/white/bgMenuCgreen.gif);}
.widgetMenuCgreen li.active li.first{ background-image:url(../img/white/arrowMenuCgreen.gif);}
/* widgetMenuCblue */
.widgetMenuCblue{ background-image:url(../img/white/bgMenuCblue.gif);}
.widgetMenuCblue ul li ul{ background:#0688ad; border-color:#00557a;}
.widgetMenuCblue li{ background-image:url(../img/white/bgMenuCblue.gif);}
.widgetMenuCblue li.first a{ background-image:url(../img/white/bgMenuCblue.gif);}
.widgetMenuCblue li.active{ background-image:url(../img/white/bgMenuCblue.gif);}
.widgetMenuCblue li.active a{ background-image:url(../img/white/bgMenuCblue.gif);}
.widgetMenuCblue li.active li.first{ background-image:url(../img/white/arrowMenuCblue.gif);}
/* widgetMenuCcyan */
.widgetMenuCcyan{ background-image:url(../img/white/bgMenuCcyan.gif);}
.widgetMenuCcyan ul li ul{ background:#06a4ad; border-color:#00717a;}
.widgetMenuCcyan li{ background-image:url(../img/white/bgMenuCcyan.gif);}
.widgetMenuCcyan li.first a{ background-image:url(../img/white/bgMenuCcyan.gif);}
.widgetMenuCcyan li.active{ background-image:url(../img/white/bgMenuCcyan.gif);}
.widgetMenuCcyan li.active a{ background-image:url(../img/white/bgMenuCcyan.gif);}
.widgetMenuCcyan li.active li.first{ background-image:url(../img/white/arrowMenuCcyan.gif);}
/* widgetMenuCorange */
.widgetMenuCorange{ background-image:url(../img/white/bgMenuCorange.gif);}
.widgetMenuCorange ul li ul{ background:#ad9906; border-color:#7a6600;}
.widgetMenuCorange li{ background-image:url(../img/white/bgMenuCorange.gif);}
.widgetMenuCorange li.first a{ background-image:url(../img/white/bgMenuCorange.gif);}
.widgetMenuCorange li.active{ background-image:url(../img/white/bgMenuCorange.gif);}
.widgetMenuCorange li.active a{ background-image:url(../img/white/bgMenuCorange.gif);}
.widgetMenuCorange li.active li.first{ background-image:url(../img/white/arrowMenuCorange.gif);}
/* widgetMenuCred */
.widgetMenuCred{ background-image:url(../img/white/bgMenuCred.gif);}
.widgetMenuCred ul li ul{ background:#ad4606; border-color:#7a1300;}
.widgetMenuCred li{ background-image:url(../img/white/bgMenuCred.gif);}
.widgetMenuCred li.first a{ background-image:url(../img/white/bgMenuCred.gif);}
.widgetMenuCred li.active{ background-image:url(../img/white/bgMenuCred.gif);}
.widgetMenuCred li.active a{ background-image:url(../img/white/bgMenuCred.gif);}
.widgetMenuCred li.active li.first{ background-image:url(../img/white/arrowMenuCred.gif);}
/* widgetMenuCgray */
.widgetMenuCgray{ background-image:url(../img/white/bgMenuCgray.gif);}
.widgetMenuCgray ul li ul{ background:#595959; border-color:#7a1300;}
.widgetMenuCgray li{ background-image:url(../img/white/bgMenuCgray.gif);}
.widgetMenuCgray li.first a{ background-image:url(../img/white/bgMenuCgray.gif);}
.widgetMenuCgray li.active{ background-image:url(../img/white/bgMenuCgray.gif);}
.widgetMenuCgray li.active a{ background-image:url(../img/white/bgMenuCgray.gif);}
.widgetMenuCgray li.active li.first{ background-image:url(../img/white/arrowMenuCgray.gif);}
address.period { color:#333; }

View file

@ -0,0 +1,278 @@
@charset "utf-8";
/* NHN > UIT Center > Open UI Technology Team > Jeong Chan Myeong(dece24@nhncorp.com) */
/* Common Class */
.widgetXeInputText{ border-color:#ccc; background:#f4f4f4; color:#000;}
/* widgetTableA */
.widgetTableA td.title a{ color:#333;}
.widgetTableA td .board{ color:#333; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.widgetTableA td .notice{ color:#ff1a1a; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.widgetTableA td .category{ color:#888; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.widgetTableA td .replyNum a{ color:#ff1a1a;}
.widgetTableA td .trackbackNum a{ color:#66c;}
.widgetTableA td .author { color:#333;}
.widgetTableA td .date{ color:#333;}
.widgetTableA td .hour{ color:#888;}
/* widgetTableB */
.widgetTableB,
.widgetTableB td{ border-color:#e5e5e5;}
.widgetTableB td.title a{ color:#333;}
.widgetTableB td .board{ color:#333; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.widgetTableB td .notice{ color:#ff1a1a; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.widgetTableB td .category{ color:#888; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.widgetTableB td .replyNum a{ color:#ff1a1a;}
.widgetTableB td .trackbackNum a{ color:#66c;}
.widgetTableB td .author { color:#333;}
.widgetTableB td .date{ color:#333;}
.widgetTableB td .hour{ color:#888;}
/* widgetTableC */
.widgetTableC{ border-color:#e5e5e5;}
.widgetTableC td{ border-color:#e5e5e5;}
.widgetTableC td.title a{ color:#333;}
.widgetTableC td.title dd{ color:#888;}
.widgetTableC td.lastDoc p a{ color:#333;}
.widgetTableC td.lastDoc .author{ color:#888;}
.widgetTableC td.lastDoc .time{ color:#888;}
/* widgetUlistA */
.widgetUlistA li a{ color:#666;}
/* widgetUlistB */
.widgetUlistB li .author img{ border-color:#ccc;}
.widgetUlistB li .title{ border-color:#eee; color:#333; background:#fff;}
.widgetUlistB li .title a{ color:#0066ff;}
.widgetUlistB li .title .arrow{ background:url(../img/white/arrowUlistB.gif) no-repeat;}
.widgetUlistB li .title .deco{ background:#fff;}
.widgetUlistB li .title .date{ color:#333;}
.widgetUlistB li .title .hour{ color:#888;}
/* widgetOlistA */
.widgetOlistA li,
.widgetOlistA li a{ color:#666;}
.widgetOlistA li sup{ color:#AAA;}
/* widgetDlistA */
.widgetDlistA dt{ color:#333;}
.widgetDlistA dd,
.widgetDlistA dd a{ color:#888;}
/* widgetGalleryA */
.widgetGalleryA li .title{ color:#333;}
.widgetGalleryA li .replyNum a{ color:#ff1a1a;}
.widgetGalleryA li .trackbackNum a{ color:#66c;}
.widgetGalleryA li .author{ color:#333;}
.widgetGalleryA li .date{ color:#333;}
.widgetGalleryA li .hour{ color:#888;}
/* widgetGalleryB */
.widgetGalleryB li{ border-color:#e5e5e5;}
.widgetGalleryB li .title{ color:#333;}
.widgetGalleryB li .replyNum a{ color:#ff1a1a;}
.widgetGalleryB li .trackbackNum a{ color:#66c;}
.widgetGalleryB li .author{ color:#333;}
.widgetGalleryB li .date{ color:#333;}
.widgetGalleryB li .hour{ color:#888;}
/* widgetZineA */
.widgetZineA li .board{ color:#333; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.widgetZineA li .title{ color:#666;}
.widgetZineA li .replyNum a{ color:#ff1a1a;}
.widgetZineA li .trackbackNum a{ color:#66c;}
.widgetZineA li .author{ color:#333;}
.widgetZineA li .date{ color:#333;}
.widgetZineA li .hour{ color:#888;}
.widgetZineA li .text{ color:#888;}
/* widgetZineB */
.widgetZineB li .board{ color:#333; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.widgetZineB li{ border-color:#e5e5e5;}
.widgetZineB li .title{ color:#666;}
.widgetZineB li .replyNum a{ color:#ff1a1a;}
.widgetZineB li .trackbackNum a{ color:#66c;}
.widgetZineB li .author{ color:#333;}
.widgetZineB li .date{ color:#333;}
.widgetZineB li .hour{ color:#888;}
.widgetZineB li .text{ color:#888;}
/* widgetLogin */
.widgetLogin label{ color:#333;}
.widgetLogin .help a{ color:#333;}
.widgetLogin .help li{ background:url(../img/white/lineTextDiv.gif) no-repeat left center;}
/* widgetLastLogin */
.widgetLastLogin dt{ color:#333;}
.widgetLastLogin dd{ color:#888;}
.widgetLastLogin a{ color:#333;}
.widgetLastLogin li{ background:url(../img/white/iconInfoMine.gif) no-repeat left center;}
/* widgetMyInfo */
.widgetMyInfo li a{ color:#666;}
.widgetMyInfo li{ background:url(../img/white/iconMyInfo.gif) no-repeat left 1px;}
/* widgetTree */
.widgetTree{ color:#333;}
.widgetTree a{ color:#333;}
/* widgetCounter */
.widgetCounter dt{ color:#333;}
.widgetCounter dd{ color:#888;}
/* widgetLanguage */
.widgetLanguage p a{ color:#b3b3b3;}
.widgetLanguage .langList{ background:#fff; border:1px solid #ccc;}
.widgetLanguage .langList a{ color:#333;}
/* Widget Tree */
.widgetTree ul{ background:url(../img/white/lineTreeVr.gif) repeat-y 0 -1px;}
.widgetTree ul li{ background:url(../img/white/lineTreeHr.gif) no-repeat 1px 5px !important;}
.widgetTree ul li button{ background:url(../img/white/buttonTreeCollapse.gif) no-repeat;}
.widgetTree ul li.nav_tree_last{ background:url(../img/white/lineTreeLastHr.gif) no-repeat 0 5px !important;}
/* widgetLevel */
.widgetLevel.num0 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/0.gif);}
.widgetLevel.num1 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/1.gif);}
.widgetLevel.num2 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/2.gif);}
.widgetLevel.num3 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/3.gif);}
.widgetLevel.num4 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/4.gif);}
.widgetLevel.num5 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/5.gif);}
.widgetLevel.num6 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/6.gif);}
.widgetLevel.num7 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/7.gif);}
.widgetLevel.num8 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/8.gif);}
.widgetLevel.num9 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/9.gif);}
.widgetLevel.num10 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/10.gif);}
.widgetLevel.num11 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/11.gif);}
.widgetLevel.num12 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/12.gif);}
.widgetLevel.num13 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/13.gif);}
.widgetLevel.num14 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/14.gif);}
.widgetLevel.num15 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/15.gif);}
.widgetLevel.num16 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/16.gif);}
.widgetLevel.num17 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/17.gif);}
.widgetLevel.num18 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/18.gif);}
.widgetLevel.num19 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/19.gif);}
.widgetLevel.num20 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/20.gif);}
.widgetLevel.num21 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/21.gif);}
.widgetLevel.num22 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/22.gif);}
.widgetLevel.num23 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/23.gif);}
.widgetLevel.num24 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/24.gif);}
.widgetLevel.num25 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/25.gif);}
.widgetLevel.num26 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/26.gif);}
.widgetLevel.num27 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/27.gif);}
.widgetLevel.num28 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/28.gif);}
.widgetLevel.num29 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/29.gif);}
.widgetLevel.num30 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/30.gif);}
/* widgetTabA */
.widgetTabA{ border-color:#666;}
.widgetTabA li,
.widgetTabA li a{ background-image:url(../img/white/buttonWidgetTab.gif);}
.widgetTabA li a{ color:#333;}
/* widgetTabB */
.widgetTabB li a{ color:#333;}
/* widgetTabC */
.widgetTabC{ border-color:#e5e5e5;}
.widgetTabC li{ border-color:#e5e5e5; background:#f8f8f8;}
.widgetTabC li a{ color:#333;}
.widgetTabC li a:hover,
.widgetTabC li a:active,
.widgetTabC li a:focus{ background:#eee;}
/* widgetThumb */
.widgetThumb{ color:#333;}
.widgetThumb a{ color:#333;}
.widgetThumb .hour{ color:#888;}
/* widgetTagCloud */
.widgetTagCloud li a{ color:#666;}
.widgetTagCloud li.level1 a{ color:#999;}
.widgetTagCloud li.level2 a{ color:#666;}
.widgetTagCloud li.level3 a{ color:#333;}
.widgetTagCloud li.level4 a{ color:#000;}
/* widgetCalendar */
.widgetCalendarNavigation button{ color:#333;}
.widgetCalendar caption{ color:#333;}
.widgetCalendar th{ background:#eee; color:#333;}
.widgetCalendar th.sun,
.widgetCalendar td.sun,
.widgetCalendar td em{ color:#ff1a1a;}
.widgetCalendar td,
.widgetCalendar td a{ color:#666;}
.widgetCalendar td.sun a{ color:#ff1a1a;}
/* widgetPoint */
.widgetPoint dt{ color:#333;}
/* widgetMenuA */
.widgetMenuA{ border-color:#e5e5e5;}
.widgetMenuA li{ border-color:#e5e5e5;}
.widgetMenuA li a{ color:#333; background-image:url(../img/white/iconMenuAnormal.gif);}
.widgetMenuA li.active a{ background-image:url(../img/white/iconMenuAactive.gif);}
/* widgetMenuB */
.widgetMenuB{ border-color:#e5e5e5;}
.widgetMenuB li{ border-color:#e5e5e5;}
.widgetMenuB li a{ color:#333; background-image:url(../img/white/iconMenuAnormal.gif);}
.widgetMenuB li.active a{ background-image:url(../img/white/iconMenuAactive.gif);}
.widgetMenuB li ul{ border-color:#ddd; background:#fff;}
.widgetMenuB li li.first{ background-image:url(../img/white/arrowMenuB.gif);}
/* widgetMenuCgreen */
.widgetMenuCgreen{ background-image:url(../img/white/bgMenuCgreen.gif);}
.widgetMenuCgreen ul li ul{ background:#35ad06; border-color:#027a00;}
.widgetMenuCgreen li{ background-image:url(../img/white/bgMenuCgreen.gif);}
.widgetMenuCgreen li.first a{ background-image:url(../img/white/bgMenuCgreen.gif);}
.widgetMenuCgreen li.active{ background-image:url(../img/white/bgMenuCgreen.gif);}
.widgetMenuCgreen li.active a{ background-image:url(../img/white/bgMenuCgreen.gif);}
.widgetMenuCgreen li.active li.first{ background-image:url(../img/white/arrowMenuCgreen.gif);}
/* widgetMenuCblue */
.widgetMenuCblue{ background-image:url(../img/white/bgMenuCblue.gif);}
.widgetMenuCblue ul li ul{ background:#0688ad; border-color:#00557a;}
.widgetMenuCblue li{ background-image:url(../img/white/bgMenuCblue.gif);}
.widgetMenuCblue li.first a{ background-image:url(../img/white/bgMenuCblue.gif);}
.widgetMenuCblue li.active{ background-image:url(../img/white/bgMenuCblue.gif);}
.widgetMenuCblue li.active a{ background-image:url(../img/white/bgMenuCblue.gif);}
.widgetMenuCblue li.active li.first{ background-image:url(../img/white/arrowMenuCblue.gif);}
/* widgetMenuCcyan */
.widgetMenuCcyan{ background-image:url(../img/white/bgMenuCcyan.gif);}
.widgetMenuCcyan ul li ul{ background:#06a4ad; border-color:#00717a;}
.widgetMenuCcyan li{ background-image:url(../img/white/bgMenuCcyan.gif);}
.widgetMenuCcyan li.first a{ background-image:url(../img/white/bgMenuCcyan.gif);}
.widgetMenuCcyan li.active{ background-image:url(../img/white/bgMenuCcyan.gif);}
.widgetMenuCcyan li.active a{ background-image:url(../img/white/bgMenuCcyan.gif);}
.widgetMenuCcyan li.active li.first{ background-image:url(../img/white/arrowMenuCcyan.gif);}
/* widgetMenuCorange */
.widgetMenuCorange{ background-image:url(../img/white/bgMenuCorange.gif);}
.widgetMenuCorange ul li ul{ background:#ad9906; border-color:#7a6600;}
.widgetMenuCorange li{ background-image:url(../img/white/bgMenuCorange.gif);}
.widgetMenuCorange li.first a{ background-image:url(../img/white/bgMenuCorange.gif);}
.widgetMenuCorange li.active{ background-image:url(../img/white/bgMenuCorange.gif);}
.widgetMenuCorange li.active a{ background-image:url(../img/white/bgMenuCorange.gif);}
.widgetMenuCorange li.active li.first{ background-image:url(../img/white/arrowMenuCorange.gif);}
/* widgetMenuCred */
.widgetMenuCred{ background-image:url(../img/white/bgMenuCred.gif);}
.widgetMenuCred ul li ul{ background:#ad4606; border-color:#7a1300;}
.widgetMenuCred li{ background-image:url(../img/white/bgMenuCred.gif);}
.widgetMenuCred li.first a{ background-image:url(../img/white/bgMenuCred.gif);}
.widgetMenuCred li.active{ background-image:url(../img/white/bgMenuCred.gif);}
.widgetMenuCred li.active a{ background-image:url(../img/white/bgMenuCred.gif);}
.widgetMenuCred li.active li.first{ background-image:url(../img/white/arrowMenuCred.gif);}
/* widgetMenuCgray */
.widgetMenuCgray{ background-image:url(../img/white/bgMenuCgray.gif);}
.widgetMenuCgray ul li ul{ background:#595959; border-color:#7a1300;}
.widgetMenuCgray li{ background-image:url(../img/white/bgMenuCgray.gif);}
.widgetMenuCgray li.first a{ background-image:url(../img/white/bgMenuCgray.gif);}
.widgetMenuCgray li.active{ background-image:url(../img/white/bgMenuCgray.gif);}
.widgetMenuCgray li.active a{ background-image:url(../img/white/bgMenuCgray.gif);}
.widgetMenuCgray li.active li.first{ background-image:url(../img/white/arrowMenuCgray.gif);}
address.period { color:#AAA; }

Binary file not shown.

After

Width:  |  Height:  |  Size: 236 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 99 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 56 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 44 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 44 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 57 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 43 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 54 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 55 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 55 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 55 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 55 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 55 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 55 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 60 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 236 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 99 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 72 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 125 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 56 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 44 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 43 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 44 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 57 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 43 B

View file

@ -0,0 +1,5 @@
<?php
$lang->new_members = 'New Members';
$lang->document_ranking = 'Rank by documents';
$lang->comment_ranking = 'Rank by replies';
?>

View file

@ -0,0 +1,5 @@
<?php
$lang->new_members = '新会員のお知らせ';
$lang->document_ranking = 'ゲシゲウルランキング';
$lang->comment_ranking = 'コメント数ランキング';
?>

View file

@ -0,0 +1,5 @@
<?php
$lang->new_members = '신입 회원 소식';
$lang->document_ranking = '게시글 랭킹';
$lang->comment_ranking = '댓글 랭킹';
?>

View file

@ -0,0 +1,5 @@
<?php
$lang->new_members = '有什么新成员';
$lang->document_ranking = '发帖排行';
$lang->comment_ranking = '评论排名';
?>

View file

@ -0,0 +1,5 @@
<?php
$lang->new_members = '最新會員';
$lang->document_ranking = '主題排行';
$lang->comment_ranking = '評論排行';
?>

116
layouts/cafeXE/layout.html Normal file
View file

@ -0,0 +1,116 @@
<!--%import("./lang")-->
<!--%import("css/layout.css")-->
<!--%import("css/layout@cafe.css")-->
<!--%import("css/widget.css")-->
<!--@if($layout_info->colorset == "black")-->
<!--%import("css/layout@black.css")-->
<!--%import("css/widget@black.css")-->
<!--@else-->
<!--%import("css/layout@white.css")-->
<!--%import("css/widget@white.css")-->
<!--@end-->
<!--// 모양 설정 > 본문 위치 -->
<!--@if($layout_info->content_position == "right")-->{@$_posClass = "cafeXeEC"}<!--@else-->{@$_posClass = "cafeXeCE"}<!--@end-->
<!--// indexUrl 설정 -->
<!--@if(!$layout_info->index_url)-->{@$layout_info->index_url = Context::getRequestUri()}<!--@end-->
<!--// 로고 영역 이미지 -->
<!--@if($layout_info->logo_background_image)-->
<style type="text/css"> #cafeXeHeader {background:#FFFFFF url("{$layout_info->logo_background_image}") repeat left top !important; } </style>
<!--@end-->
<!--// 내용 영역 이미지 -->
<!--@if($layout_info->content_background_image)-->
<style type="text/css"> #cafeXeContainer {background:#FFFFFF url("{$layout_info->content_background_image}") repeat left top !important; } </style>
<!--@end-->
<div class="cafeXe">
<div class="cafeXeFixed">
<div id="cafeXeContainer" class="{$_posClass}">
<!-- #header -->
<div id="cafeXeHeader">
<div class="cafeXeHeader"><a href="#content" class="skipToContent">Skip to content</a>
<!--@if($layout_info->logo_image)-->
<h1 class="cafeXeH1"><a href="{$layout_info->index_url}" class="cafeXeA"><img src="{$layout_info->logo_image}" title="{$layout_info->logo_text}" /></a></h1>
<!--@elseif($layout_info->logo_text)-->
<h1 class="cafeXeH1"><a href="{$layout_info->index_url}" class="cafeXeA">{$layout_info->logo_text}</a></h1>
<!--@else-->
<h1 class="cafeXeH1"><a href="{$layout_info->index_url}" class="cafeXeA">Cafe<sup>XE</sup></a></h1>
<!--@end-->
<form action="{getUrl()}" method="post" class="widgetSearch">
<fieldset>
<input type="hidden" name="mid" value="{$mid}" />
<input type="hidden" name="act" value="IS" />
<input type="hidden" name="search_target" value="title" />
<!--<legend>{$lang->cmd_search}</legend>-->
<input type="text" name="is_keyword" class="widgetXeInputText" title="{$lang->cmd_search}" />
<input type="image" src="./img/white/buttonSearch.gif" value="{$lang->cmd_search}" class="widgetSearch" />
</fieldset>
</form>
<p class="cafeXeUrl"><a href="{$layout_info->index_url}" class="cafeXeA">{$layout_info->index_url}</a></p>
</div>
</div>
<!-- /#header -->
<hr class="cafeXeHr" />
<!-- #body -->
<div id="cafeXeBody">
<div id="cafeXeContent">
{$content}
</div>
<hr class="cafeXeHr" />
<div class="cafeXeExtension cafeXeE1">
<!--// Left/Right Widget -->
<!--// Site Status -->
<!--@if($site_module_info->site_srl>0)-->
<img class="zbxe_widget_output" widget="site_info" skin="default" widgetstyle="simple" ws_colorset="{$layout_info->colorset}" ws_title="{$lang->cafe_info}" ws_more_url="" ws_more_text=""/>
<!--@end-->
<!--// Login Info Widget -->
<img class="zbxe_widget_output" widget="login_info" skin="default" widgetstyle="simple" ws_colorset="{$layout_info->colorset}" ws_title="<!--@if($is_logged)-->{$logged_info->nick_name}<!--@else-->{$lang->cmd_login}<!--@end-->" ws_more_url="" ws_more_text=""/>
<!--// Menu Widget -->
<img class="zbxe_widget_output" widget="navigator" skin="tree" widgetstyle="simple" ws_colorset="{$layout_info->colorset}" ws_title="{$lang->menu}" />
<!--// Visitor Status Widget -->
<img class="zbxe_widget_output" widget="counter_status" skin="default" widgetstyle="simple" ws_colorset="{$layout_info->colorset}" ws_title="{$lang->counter}" />
</div>
</div>
<!-- /#body -->
<hr class="cafeXeHr" />
<!-- #knee -->
<div id="cafeXeKnee">
<div class="cafeXeExtension">
<!--// Bottom Widget -->
<img class="zbxe_widget_output" widget="member_group" skin="default" colorset="black" widgetstyle="simple" ws_colorset="{$layout->colorset}" ws_title="{$lang->new_members}" list_count="5" style="width:219px;float:left;margin-right:28px;"/>
<img class="zbxe_widget_output" widget="rank_count" rankby="document" skin="default" colorset="black" widgetstyle="simple" ws_colorset="{$layout->colorset}" ws_title="{$lang->document_ranking}" list_count="5" style="width:219px;float:left;margin-right:28px;"/>
<img class="zbxe_widget_output" widget="rank_count" rankby="comment" skin="default" colorset="black" widgetstyle="simple" ws_colorset="{$layout->colorset}" ws_title="{$lang->comment_ranking}" list_count="5" style="width:219px;float:left;margin-right:28px;"/>
<img class="zbxe_widget_output" widget="logged_members" skin="default" widgetstyle="simple" ws_colorset="{$layout_info->colorset}" ws_title="{$lang->logged_users}" list_count="99999" style="width:219px; float:left;margin-right:28px;" />
</div>
</div>
<!-- /#knee -->
<hr class="cafeXeHr" />
<!-- #footer -->
<div id="cafeXeFooter">
<div class="cafeXeFooter">
<address class="cafeXeAddress">
Powered by <a href="http://www.xpressengine.com" onclick="window.open(this.href);return false;"><abbr title="Xpress Engine">XE</abbr></a>.
</address>
<!-- 언어 선택 위젯 -->
<img class="zbxe_widget_output" widget="language_select" skin="default" />
</div>
</div>
<!-- /#footer -->
</div>
</div>
</div>