From d4293b0f1a802076586660733c8910fe98ab170e Mon Sep 17 00:00:00 2001 From: ChanMyeong Date: Wed, 29 Oct 2008 05:13:12 +0000 Subject: [PATCH] List Page Complete. git-svn-id: http://xe-core.googlecode.com/svn/sandbox@4719 201d5d3c-b55e-5fd7-737f-ddc643e51545 --- .../{style.blog.html => _style.blog.html} | 0 .../{style.forum.html => _style.forum.html} | 0 ...style.gallery.html => _style.gallery.html} | 0 .../{style.list.html => _style.list.html} | 0 ...style.webzine.html => _style.webzine.html} | 0 .../skins/xe_default/css/boardTemplate.css | 196 ------------------ .../xe_default/css/paginationTemplate.css | 69 ------ modules/board/skins/xe_default/list.html | 10 +- 8 files changed, 5 insertions(+), 270 deletions(-) rename modules/board/skins/xe_default/{style.blog.html => _style.blog.html} (100%) rename modules/board/skins/xe_default/{style.forum.html => _style.forum.html} (100%) rename modules/board/skins/xe_default/{style.gallery.html => _style.gallery.html} (100%) rename modules/board/skins/xe_default/{style.list.html => _style.list.html} (100%) rename modules/board/skins/xe_default/{style.webzine.html => _style.webzine.html} (100%) delete mode 100644 modules/board/skins/xe_default/css/boardTemplate.css delete mode 100644 modules/board/skins/xe_default/css/paginationTemplate.css diff --git a/modules/board/skins/xe_default/style.blog.html b/modules/board/skins/xe_default/_style.blog.html similarity index 100% rename from modules/board/skins/xe_default/style.blog.html rename to modules/board/skins/xe_default/_style.blog.html diff --git a/modules/board/skins/xe_default/style.forum.html b/modules/board/skins/xe_default/_style.forum.html similarity index 100% rename from modules/board/skins/xe_default/style.forum.html rename to modules/board/skins/xe_default/_style.forum.html diff --git a/modules/board/skins/xe_default/style.gallery.html b/modules/board/skins/xe_default/_style.gallery.html similarity index 100% rename from modules/board/skins/xe_default/style.gallery.html rename to modules/board/skins/xe_default/_style.gallery.html diff --git a/modules/board/skins/xe_default/style.list.html b/modules/board/skins/xe_default/_style.list.html similarity index 100% rename from modules/board/skins/xe_default/style.list.html rename to modules/board/skins/xe_default/_style.list.html diff --git a/modules/board/skins/xe_default/style.webzine.html b/modules/board/skins/xe_default/_style.webzine.html similarity index 100% rename from modules/board/skins/xe_default/style.webzine.html rename to modules/board/skins/xe_default/_style.webzine.html diff --git a/modules/board/skins/xe_default/css/boardTemplate.css b/modules/board/skins/xe_default/css/boardTemplate.css deleted file mode 100644 index d2c1e5aa1..000000000 --- a/modules/board/skins/xe_default/css/boardTemplate.css +++ /dev/null @@ -1,196 +0,0 @@ -@charset "utf-8"; -/* NHN > UIT Center > Open UI Platform Team > Jeong Chan Myeong(dece24@nhncorp.com) */ - -body{ background:#fff;} -.displayNone{ display:none;} - -/* Board Reset */ -.board{ font-family:"나눔고딕", NanumGothic, "맑은 고딕", MalgunGothic, AppleGothic, "돋움", Dotum, "굴림", Gulim, Tahoma, Sans-serif; font-size:.8em;} -.board *{ font-size:1em;} -.board img{ border:0;} - -/* Board Header */ -.boardHeader{} -.boardHeader *{ margin:0; padding:0;} -.boardHeader .boardTitle{ font-size:1.5em; letter-spacing:-.1em; margin-bottom:10px; border-bottom:3px solid #ddd; *zoom:1; background:url(../images/white/iconBoardHeading.gif) no-repeat left center;} -.boardHeader .boardTitle:after{ content:""; display:block; clear:both;} -.boardHeader .boardTitleText{ float:left; clear:both; margin-bottom:-3px; padding:5px 15px 5px 22px; border-bottom:3px solid #666; background:url(../images/white/lineVr11.gif) no-repeat right bottom;} -.boardHeader .boardTitleText a{ color:#000; text-decoration:none;} -.boardHeader .boardTitleText em{ font-style:normal; font-weight:normal; color:#666;} -.boardHeader .boardDescription{ position:relative; padding:7px 15px; -moz-border-radius:3px; -webkit-border-radius:3px; background:#f8f8f8; } - -/* Board Information */ -.boardInformation{ position:relative; width:100%; padding:10px 0; font-size:.85em; line-height:normal; *zoom:1;} -.boardInformation *{ margin:0; padding:0;} -.boardInformation:after{ content:""; display:block; float:none; clear:both;} -.boardInformation ul{ position:relative; overflow:hidden;} -.boardInformation li{ list-style:none; position:relative; left:-1px; display:block; float:left; padding:0 7px; background:url(../images/white/lineVr11.gif) no-repeat left center;} -.boardInformation em, -.boardInformation strong{ color:#ff6600;} -.boardInformation strong{ font:bold 11px Tahoma;} -.boardInformation a{ text-decoration:none; color:#000;} -.boardInformation a:hover, -.boardInformation a:active, -.boardInformation a:focus{ text-decoration:underline;} -.boardInformation .infoLeft{ padding-left:18px; float:left; background:url(../images/white/iconArticle.gif) no-repeat left center;} -.boardInformation .infoRight{ float:right;} -.boardInformation .infoRight li.icon{ background:none; padding:0; margin-right:3px;} -.boardInformation .infoRight li.icon a{ display:block; float:left; width:12px; height:12px; overflow:hidden;} -.boardInformation .infoRight li.icon a span{ display:block; width:12px; height:12px; position:relative; z-index:-1; visibility:hidden;} -.boardInformation .infoRight li.rss a{ background:url(../images/white/iconRss.gif) no-repeat;} -.boardInformation .infoRight li.tag_info a{ background:url(../images/white/iconTags.gif) no-repeat;} -.boardInformation .infoRight li.listTypeClassic a{ background:url(../images/white/listTypeClassic.gif) no-repeat;} -.boardInformation .infoRight li.listTypeZine a{ background:url(../images/white/listTypeZine.gif) no-repeat;} -.boardInformation .infoRight li.listTypeGallery a{ background:url(../images/white/listTypeGallery.gif) no-repeat;} -.boardInformation .infoRight li.contributors a{ background:url(../images/white/iconContributors.gif) no-repeat;} - -/* Board List Form */ -.boardListForm{ margin:0; line-height:normal;} -.boardListForm *{ margin:0; padding:0;} -.boardListForm fieldset{ border:0; position:relative; clear:both;} -.boardListForm fieldset:after{ content:""; display:block; float:none; clear:both;} -.boardListForm legend{ position:absolute; width:0; height:0; overflow:hidden; font:0/0 Sans-serif; visibility:hidden;} -.boardListForm em, -.boardListForm strong{ font-style:normal; color:#ff6600;} -.boardListForm a{ text-decoration:none; color:#000;} -.boardListForm a:hover, -.boardListForm a:active, -.boardListForm a:focus{ text-decoration:underline;} - -/* Board List */ -.boardList{ border:0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; width:100%;} -.boardList .inputCheck{ width:13px; height:13px;} -.boardList .jumpTo{ float:left;} -.boardList .jumpTo *{ vertical-align:middle; *vertical-align:top;} -.boardList .jumpTo select{ font-size:12px; *margin-right:5px;} -.boardList .jumpTo button{ border:0; padding:0; margin:0; width:22px; height:20px; text-align:center; background:url(../images/white/buttonBg2byte.gif) no-repeat; font-size:11px; letter-spacing:-1px; cursor:pointer; line-height:20px;} -.boardList tr.notice{ background:#f8f8f8;} -.boardList tr.bg1{ background:#fff;} -.boardList tr.bg2{ background:#fbfbfb;} -.boardList th{ border:0; border-bottom:1px solid #fff; padding:7px; white-space:nowrap; text-align:center; color:#333; background:#fff url(../images/white/bgThDefault.gif) repeat-x left bottom; line-height:normal;} -.boardList th a{ color:#1978AD;} -.boardList th a .sort{ vertical-align:middle; margin:0 5px;} -.boardList td{ border:0; border-top:1px solid #eee; padding:6px; white-space:nowrap; text-align:center; color:#666; line-height:normal;} -.boardList td.num{ font:11px Tahoma;} -.boardList td.check{ font:11px Tahoma;} -.boardList td .category{ color:#000;} -.boardList td.title{ width:100%; white-space:normal; text-align:left;} -.boardList td.title .replyNum{ font:11px Tahoma; color:#ccc;} -.boardList td.title .replyNum sup{ font:10px Tahoma; color:#999;} -.boardList td.author{} -.boardList td.vCount{ text-align:right; font:11px Tahoma;} -.boardList td.rCount{ text-align:right; font:11px Tahoma;} -.boardList td.date{ font:11px Tahoma;} - -#popup_menu_area{ position:absolute;} - -.boardNavigation{ position:relative; padding:10px 0; *zoom:1; text-align:center;} -.boardNavigation:after{ content:""; display:block; float:none; clear:both;} -.boardNavigation .pagination{ padding:5px 0;} -.boardNavigation .buttonLeft{ float:left; text-align:left;} -.boardNavigation .buttonRight{ float:right; text-align:right;} - -.boardSearchForm{ margin:0; font-size:.75em; line-height:normal;} -.boardSearchForm *{ margin:0; padding:0;} -.boardSearchForm fieldset{ border:0; position:relative; clear:both; text-align:center;} -.boardSearchForm fieldset:after{ content:""; display:block; float:none; clear:both;} -.boardSearchForm fieldset *{ vertical-align:middle;} -.boardSearchForm legend{ position:absolute; width:0; height:0; overflow:hidden; font:0/0 Sans-serif; visibility:hidden;} -.boardSearchForm select{ font-size:12px; height:23px;} -.boardSearchForm .inputText{ border:1px solid #ccc; width:140px; height:15px; padding:4px 4px 2px 4px; font-size:12px; *margin:-1px 0;} - -.boardRead{} - -.boardReadHeader{ margin-bottom:5px; *zoom:1;} -.boardReadHeader:after{ content:""; display:block; float:none; clear:both;} -.boardReadHeader *{ margin:0; padding:0;} -.boardReadHeader .title{ float:left;} -.boardReadHeader em{ float:right; font-style:normal; font-weight:bold; font-size:1em;} -.boardReadHeader a{ text-decoration:none; color:#000; font-weight:bold; font-size:1em;} -.boardReadHeader a:hover, -.boardReadHeader a:active, -.boardReadHeader a:focus{ text-decoration:underline;} - -.boardReadBody{ padding:15px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; font-size:.75em; line-height:1.5em;} - -.boardReadFooter{ padding:10px 0; *zoom:1; color:#666; line-height:1em; font:11px Tahoma;} -.boardReadFooter:after{ content:""; display:block; float:none; clear:both;} -.boardReadFooter *{ margin:0; padding:0;} -.boardReadFooter a{ color:#666;} -.boardReadFooter .footerLeft{ float:left;} -.boardReadFooter .footerRight{ float:right;} -.boardReadFooter dl{ clear:both; white-space:nowrap;} -.boardReadFooter dt{ display:inline; font-weight:bold;} -.boardReadFooter dd{ display:inline;} -.boardReadFooter .footerRight dl{ float:right;} -.boardReadFooter .footerRight dl.noBr{ position:relative; left:5px; float:right; clear:both; overflow:hidden; white-space:nowrap;} -.boardReadFooter .footerRight dl.noBr dt{ position:relative; left:-1px; padding-left:10px; background:url(../images/white/lineVr11.gif) no-repeat left center;} -.boardReadFooter .footerRight dl.noBr dd{ margin-right:5px;} - -.boardRead .boardNavigation{ border-top:1px solid #ddd;} - -.feedbackList{ position:relative; overflow:hidden; font-size:.75em; padding-top:15px; margin-bottom:10px; color:#666;} -.feedbackList *{ margin:0; padding:0;} -.feedbackList .title{ position:relative; font-weight:bold; font-size:1.5em; color:#000; margin-bottom:10px;} -.feedbackList .title strong{ color:#ff6600;} -.feedbackList dl{ position:relative; padding-top:10px; margin-bottom:10px; border-top:1px dashed #ddd;} -.feedbackList dt{ font-weight:bold; font-size:1.25em; margin-bottom:5px; color:#333;} -.feedbackList dd{ line-height:1.5em;} -.feedbackList dd.trackbackTitle{ font-weight:bold;} -.feedbackList dd.text{} -.feedbackList dd.time{ position:absolute; top:15px; right:0; font:11px Tahoma;} -.feedbackList dd a.delete{ font-weight:bold; color:#ff6600;} -.feedbackList a{ text-decoration:none;} -.feedbackList a:hover, -.feedbackList a:active, -.feedbackList a:focus{ text-decoration:underline;} - -.replyForm{ padding:10px 20px 15px 20px; font-size:.75em; color:#666; margin-bottom:20px; background:#f4f4f4; -moz-border-radius:10px; -webkit-border-radius:10px;} -.replyForm *{ margin:0; padding:0;} -.replyForm fieldset{ border:0; position:relative;} -.replyForm fieldset:after{ content:""; display:block; float:none; clear:both;} -.replyForm legend{ position:absolute; width:0; height:0; overflow:hidden; font:0/0 Sans-serif; visibility:hidden;} -.replyForm .title{ font-weight:bold; font-size:1.5em; color:#000; margin-bottom:10px;} -.replyForm textarea{ position:relative; width:95%; height:150px; border:1px solid #ccc; font-size:1em; overflow:auto; padding:10px; margin-bottom:10px;} -.replyForm .inputText{ border:1px solid #ccc; padding:2px 4px 4px 4px; width:190px; height:15px; vertical-align:middle; *margin:-1px 0;} -.replyForm dl{ margin-bottom:10px;} -.replyForm dt{ width:80px; float:left; padding-top:6px; font-weight:bold;} -.replyForm dd{ margin-bottom:5px;} - -.boardWrite{ font-size:.75em;} -.boardWrite *{ margin:0; padding:0;} -.boardWrite li{ list-style:none;} -.boardWrite fieldset{ border:0; position:relative;} -.boardWrite legend{ position:absolute; width:0; height:0; overflow:hidden; font:0/0 Sans-serif; visibility:hidden;} -.boardWrite dl:after{ content:""; display:block; float:none; clear:both;} -.boardWrite dt{ float:left; width:50px; margin-right:-50px; font-weight:bold; clear:left; padding-top:6px;} -.boardWrite dd{ margin-left:50px; clear:right;} -.boardWrite .boardWriteHeader .inputText{ width:96%; border:1px solid #ccc; padding:2px 4px 4px 4px; height:15px; *margin:-1px 0;} -.boardWrite .boardWriteHeader{ margin-bottom:10px;} -.boardWrite .boardWriteBody{ margin-bottom:10px;} -.boardWrite .boardWriteBody dt{ padding-top:30px;} -.boardWrite .boardWriteBody dd{ _zoom:1;} -.boardWrite .boardWriteBody .styleText, -.boardWrite .boardWriteBody .plainText, -.boardWrite .boardWriteBody .htmlText{ display:none;} -.boardWrite .boardWriteBody iframe, -.boardWrite .boardWriteBody textarea{ width:95%; height:300px; border:1px solid #ccc; padding:10px; overflow:auto; font-size:1em; margin-bottom:10px;} -.boardWrite .boardWriteBody .plainText textarea{ *margin:-1px 0;} -.boardWrite .boardWriteBody .active{ display:block;} -.boardWrite .boardWriteBody ul{ float:right; position:relative; right:4%;} -.boardWrite .boardWriteBody li{ float:left; background:#eee; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-radius-topleft:5px; -webkit-border-radius-topright:5px; margin-left:5px;} -.boardWrite .boardWriteBody li a{ display:block; float:left; text-decoration:none; color:#000; height:20px; padding:7px 15px 0 15px; letter-spacing:-1px;} -.boardWrite .boardWriteBody li.active a{ font-weight:bold;} -.boardWrite .boardWriteFooter .inputFile{ width:97%; border:1px solid #ccc; padding:2px 4px 4px 4px; height:23px;} -.boardWrite .boardNavigation{ padding:10px 0; clear:both;} - -/* Layer */ -#waitingforserverresponse { border:2px solid #444444; font-weight:bold; color:#444444; padding: 7px 5px 5px 25px; background:#FFFFFF url("../tpl/images/loading.gif") no-repeat 5px 5px; top:40px; left:40px; position:absolute; z-index:100; visibility:hidden; } -#popup_menu_area{ position:absolute; background:#fff; border:2px solid #eee; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0; padding:0;} -#popup_menu_area *{ margin:0; padding:0; list-style:none; font-size:12px; line-height:normal;} -#popup_menu_area ul{ border:1px solid #ddd; -moz-border-radius:5px; -webkit-border-radius:5px; padding:10px;} -#popup_menu_area li{ padding-left:20px; background-repeat:no-repeat; background-position:left center; margin-bottom:3px; *margin-bottom:-2px;} -#popup_menu_area li a{ text-decoration:none; color:#000;} -#popup_menu_area li a:hover, -#popup_menu_area li a:active, -#popup_menu_area li a:focus{ font-weight:bold; letter-spacing:-1px;} diff --git a/modules/board/skins/xe_default/css/paginationTemplate.css b/modules/board/skins/xe_default/css/paginationTemplate.css deleted file mode 100644 index df0f8e969..000000000 --- a/modules/board/skins/xe_default/css/paginationTemplate.css +++ /dev/null @@ -1,69 +0,0 @@ -@charset "utf-8"; -/* NHN > UIT Center > Open UI Platform Team > Jeong Chan Myeong(dece24@nhncorp.com) */ - -/* Pagination Reset */ -.pagination{ padding:15px 0; margin:0; text-align:center;} -.pagination *{ margin:0; padding:0;} -.pagination img{ border:0;} -.pagination a, -.pagination strong{ position:relative; display:inline-block; text-decoration:none; line-height:normal; color:#333; font-family:Tahoma, Sans-serif; vertical-align:middle;} -.pagination a:hover, -.pagination a:active, -.pagination a:focus{ background-color:#f4f4f4 !important; } -.pagination strong{ color:#ff6600 !important;} -.pagination a.prev, -.pagination a.prevEnd, -.pagination a.next, -.pagination a.nextEnd{ font-weight:normal !important; border:none !important; margin:0 !important; white-space:nowrap; } - -/* Pagination A1 */ -.pagination.a1 a, -.pagination.a1 strong{ margin:0 -4px; padding:1px 10px 1px 8px; border:none; border-left:1px solid #ccc; border-right:1px solid #ddd; font-weight:bold; font-size:12px; background:#fff;} -.pagination.a1 a.prev{ padding-left:10px; background:#fff url(../images/white/arrowPrevA1.gif) no-repeat left center; } -.pagination.a1 a.prevEnd{ padding-left:15px; background:#fff url(../images/white/arrowPrevEndA1.gif) no-repeat left center; } -.pagination.a1 a.next{ padding-right:10px; background:#fff url(../images/white/arrowNextA1.gif) no-repeat right center; } -.pagination.a1 a.nextEnd{ padding-right:15px; background:#fff url(../images/white/arrowNextEndA1.gif) no-repeat right center; } - -/* Pagination A2 */ -.pagination.a2 a, -.pagination.a2 strong{ margin:0 -4px; padding:0 10px 0 8px; font-weight:bold; font-size:11px; border:none; border-left:1px solid #ddd; border-right:1px solid #ccc; background:#fff; } -.pagination.a2 a.prev{ padding-left:10px; background:#fff url(../images/white/arrowPrevA1.gif) no-repeat left center; } -.pagination.a2 a.prevEnd{ padding-left:15px; background:#fff url(../images/white/arrowPrevEndA1.gif) no-repeat left center; } -.pagination.a2 a.next{ padding-right:10px; background:#fff url(../images/white/arrowNextA1.gif) no-repeat right center; } -.pagination.a2 a.nextEnd{ padding-right:15px; background:#fff url(../images/white/arrowNextEndA1.gif) no-repeat right center; } - -/* Pagination B1 */ -.pagination.b1 a, -.pagination.b1 strong{ margin:0 -2px; padding:2px 8px; font-weight:bold; font-size:12px;} -.pagination.b1 a.prev{ padding-left:16px; background:url(../images/white/arrowPrevB1.gif) no-repeat left center; } -.pagination.b1 a.next{ padding-right:16px; background:url(../images/white/arrowNextB1.gif) no-repeat right center; } - -/* Pagination B2 */ -.pagination.b2 a, -.pagination.b2 strong{ margin:0 -2px; padding:2px 6px; font-size:11px;} -.pagination.b2 a.prev{ padding-left:12px; background:url(../images/white/arrowPrevB1.gif) no-repeat left center; } -.pagination.b2 a.next{ padding-right:12px; background:url(../images/white/arrowNextB1.gif) no-repeat right center; } - -/* Pagination C1 */ -.pagination.c1 a, -.pagination.c1 strong{ margin:0 -2px; padding:2px 4px; font-size:12px;} -.pagination.c1 a.prev, -.pagination.c1 a.next{ display:inline-block; width:13px; height:14px; padding:3px 4px; margin:0;} -.pagination.c1 a.prev{ background:url(../images/white/arrowPrevC1.gif) no-repeat center;} -.pagination.c1 a.next{ background:url(../images/white/arrowNextC1.gif) no-repeat center;} -.pagination.c1 a.prev span, -.pagination.c1 a.next span{ position:absolute; width:0; height:0; overflow:hidden; visibility:hidden;} - -/* Pagination C2 */ -.pagination.c2 a, -.pagination.c2 strong{ margin:0 -2px; padding:2px 4px; font-size:11px;} -.pagination.c2 a.prev, -.pagination.c2 a.next{ display:inline-block; width:13px; height:14px; padding:3px 4px; margin:0;} -.pagination.c2 a.prev{ background:url(../images/white/arrowPrevC1.gif) no-repeat center;} -.pagination.c2 a.next{ background:url(../images/white/arrowNextC1.gif) no-repeat center;} -.pagination.c2 a.prev span, -.pagination.c2 a.next span{ position:absolute; width:0; height:0; overflow:hidden; visibility:hidden;} - - - - diff --git a/modules/board/skins/xe_default/list.html b/modules/board/skins/xe_default/list.html index 16008258e..0dafc2236 100644 --- a/modules/board/skins/xe_default/list.html +++ b/modules/board/skins/xe_default/list.html @@ -13,15 +13,15 @@ - + - + - + - + - +