UIO Refactoring. pageNavigation to pagination.

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

modules/admin/tpl/css/admin.css

@@ -1,6 +1,5 @@
 @charset "utf-8";
 
-
 .topGap { margin-top:10px; }
 .rightGap { margin-right:10px; }
 .bottomGap { margin-bottom:15px; }
@@ -95,16 +94,6 @@ ul.localNavigation li.on a { background-position:right top; padding:8px 15px 5px
 #popFooter { width:620px; background:#70A2C6; border-top:1px solid #e8e8e7; padding:.5em 0 .5em 0; overflow:hidden; }
 #popFooter .close { position:relative; left:50%; margin-left:-1em; float:left;}
 
-.pageNavigation { display:block; padding:1.5em 0 2em 0; text-align:center; font:bold .9em Tahoma; }
-.pageNavigation a { margin-left:-4px; font:bold 1em Tahoma; color:#666666; display:inline-block; padding:1px 7px 2px 6px; border-right:1px solid #CCCCCC; text-decoration:none; line-height:1em; }
-.pageNavigation a:hover { background:#F7F7F7; text-decoration:none; }
-.pageNavigation a:visited { color:#999999;}
-.pageNavigation a.goToFirst,
-.pageNavigation a.goToLast { border:none; border-right:1px solid #ffffff; border-left:1px solid #ffffff; z-index:99; vertical-align:top; padding:0px 7px 4px 6px;}
-.pageNavigation a.goToFirst img,
-.pageNavigation a.goToLast img { display:inline-block; padding:2px 0; top:2px; _top:1px;}
-.pageNavigation .current { margin-left:-4px; font:bold 1em Tahoma; color:#ff6600; display:inline-block; padding:1px 7px 1px 6px; border-right:1px solid #CCCCCC; text-decoration:none; line-height:1em; }
-
 .adminSearch { text-align:right; clear:both; width:100%; margin:0 0 10px 0;}
 .adminSearch fieldset { border:none; display:inline; overflow:visible; padding:0;}
 .adminSearch * { vertical-align:middle;} 
@@ -114,5 +103,68 @@ ul.localNavigation li.on a { background-position:right top; padding:8px 15px 5px
 .layout_editor { width:99%; height:500px; border:0px; font-size:1em; }
 .layout_editor_box { padding:10px; border:1px solid #DDDDDD; }
 
-
 .fixWidth { width:90%; }
+
+/* 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/arrowPrevA1.gif) no-repeat left center; }
+.pagination.a1 a.prevEnd{ padding-left:15px; background:#fff url(../images/arrowPrevEndA1.gif) no-repeat left center; }
+.pagination.a1 a.next{ padding-right:10px; background:#fff url(../images/arrowNextA1.gif) no-repeat right center; }
+.pagination.a1 a.nextEnd{ padding-right:15px; background:#fff url(../images/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/arrowPrevA1.gif) no-repeat left center; }
+.pagination.a2 a.prevEnd{ padding-left:15px; background:#fff url(../images/arrowPrevEndA1.gif) no-repeat left center; }
+.pagination.a2 a.next{ padding-right:10px; background:#fff url(../images/arrowNextA1.gif) no-repeat right center; }
+.pagination.a2 a.nextEnd{ padding-right:15px; background:#fff url(../images/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/arrowPrevB1.gif) no-repeat left center; }
+.pagination.b1 a.next{ padding-right:16px; background:url(../images/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/arrowPrevB1.gif) no-repeat left center; }
+.pagination.b2 a.next{ padding-right:12px; background:url(../images/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/arrowPrevC1.gif) no-repeat center;}
+.pagination.c1 a.next{ background:url(../images/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/arrowPrevC1.gif) no-repeat center;}
+.pagination.c2 a.next{ background:url(../images/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;}
+

modules/board/skins/xe_board/comment.html

@@ -88,16 +88,16 @@
 
     <!-- 댓글 페이지 네비게이션 -->
     <!--@if($oDocument->comment_page_navigation)-->
-    <div class="pageNavigation">
-        <a href="{getUrl('cpage',1)}#comment" class="goToFirst"><img src="./images/common/bottomGotoFirst.gif" alt="{$lang->first_page}" width="7" height="5" /></a> 
+    <div class="pagination a1">
+        <a href="{getUrl('cpage',1)}#comment" class="prevEnd">{$lang->first_page}</a> 
         <!--@while($page_no = $oDocument->comment_page_navigation->getNextPage())-->
             <!--@if($cpage == $page_no)-->
-                <span class="current">{$page_no}</span> 
+                <strong>{$page_no}</strong> 
             <!--@else-->
                 <a href="{getUrl('cpage',$page_no)}#comment">{$page_no}</a>
             <!--@end-->
         <!--@end-->
-        <a href="{getUrl('cpage',$oDocument->comment_page_navigation->last_page)}#comment" class="goToLast"><img src="./images/common/bottomGotoLast.gif" alt="{$lang->last_page}" width="7" height="5" /></a>
+        <a href="{getUrl('cpage',$oDocument->comment_page_navigation->last_page)}#comment" class="nextEnd">{$lang->last_page}</a>
     </div>
     <!--@end-->
 

modules/board/skins/xe_board/css/black.css

@@ -23,8 +23,8 @@
 .boardList td.title strong.category { color:#BBBBBB; }
 .buttonTypeGo { background:url(../images/black/buttonTypeInput24.gif) no-repeat; }
 
-/* pageNavigation */
-.pageNavigation .current { color:#BBBBBB; }
+/* pagination */
+.pagenation strong { color:#BBBBBB; }
 
 /* replyAndTrackback */
 .buttonBox .replyAndTrackback a strong { color:#BBBBBB;}

modules/board/skins/xe_board/css/common.css

@@ -246,14 +246,6 @@ html:not([lang*=""]) .boardList th { height:33px; }
 .leftButtonBox { float: left; }
 .rightButtonBox { float: right; }
 
-/* pageNavigation */
-.pageNavigation { text-align:center; font:bold 11px Tahoma; margin-top:5px;}
-.pageNavigation a { font:bold 1em Tahoma; color:#666666; text-decoration:none; margin:0 10px 0 0; }
-.pageNavigation .current { font:bold 1em Tahoma; text-decoration:none; margin:0 10px 0 0; }
-.pageNavigation a:hover { background:#F7F7F7; text-decoration:none; }
-.pageNavigation a:visited { color:#999999; }
-.pageNavigation a.goToFirst img, .pageNavigation a.goToLast img { margin-bottom:2px;}
-
 /* Search Form */
 .boardSearch { margin-top:30px; margin-left:auto; margin-right:auto; clear:both; text-align:center;}
 .boardSearch select { height:20px; }
@@ -305,6 +297,68 @@ html:not([lang*=""]) .boardList th { height:33px; }
 .smallBox .inputPassword legend { position:absolute; overflow:hidden; width:1px; height:1px; font-size:.001em; text-indent:-100em;}
 .smallBox .messageBox { background-color:#F3F3F3; padding:20px; border-bottom:1px solid #EEEEEE;}
 
+/* 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/common/arrowPrevA1.gif) no-repeat left center; }
+.pagination.a1 a.prevEnd{ padding-left:15px; background:#fff url(../images/common/arrowPrevEndA1.gif) no-repeat left center; }
+.pagination.a1 a.next{ padding-right:10px; background:#fff url(../images/common/arrowNextA1.gif) no-repeat right center; }
+.pagination.a1 a.nextEnd{ padding-right:15px; background:#fff url(../images/common/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/common/arrowPrevA1.gif) no-repeat left center; }
+.pagination.a2 a.prevEnd{ padding-left:15px; background:#fff url(../images/common/arrowPrevEndA1.gif) no-repeat left center; }
+.pagination.a2 a.next{ padding-right:10px; background:#fff url(../images/common/arrowNextA1.gif) no-repeat right center; }
+.pagination.a2 a.nextEnd{ padding-right:15px; background:#fff url(../images/common/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/common/arrowPrevB1.gif) no-repeat left center; }
+.pagination.b1 a.next{ padding-right:16px; background:url(../images/common/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/common/arrowPrevB1.gif) no-repeat left center; }
+.pagination.b2 a.next{ padding-right:12px; background:url(../images/common/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/common/arrowPrevC1.gif) no-repeat center;}
+.pagination.c1 a.next{ background:url(../images/common/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/common/arrowPrevC1.gif) no-repeat center;}
+.pagination.c2 a.next{ background:url(../images/common/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;}
 
 /* 게시물의 팝업 메뉴 */
 .comment_popup_menu, .document_popup_menu { text-align:right; background:none; background:url(../images/common/document_menu.gif) no-repeat right top; padding:0 15px 0 0; height:18px; }

modules/board/skins/xe_board/css/cyan.css

@@ -17,8 +17,8 @@
 .boardList td .replyAndTrackback { color:#2895c0; }
 .buttonTypeGo { background:url(../images/cyan/buttonTypeInput24.gif) no-repeat; }
 
-/* pageNavigation */
-.pageNavigation .current { color:#2895c0; }
+/* pagination */
+.pagenation strong { color:#2895c0; }
 
 /* boardRead */
 .boardRead .fileAttached li { background:url(../images/cyan/iconFile.gif) no-repeat left top;}

modules/board/skins/xe_board/css/green.css

@@ -17,8 +17,8 @@
 .boardList td .replyAndTrackback { color:#38b549; }
 .buttonTypeGo { background:url(../images/green/buttonTypeInput24.gif) no-repeat; }
 
-/* pageNavigation */
-.pageNavigation .current { color:#38b549; }
+/* pagination */
+.pagenation strong { color:#38b549; }
 
 /* boardRead */
 .boardRead .fileAttached li { background:url(../images/green/iconFile.gif) no-repeat left top;}

modules/board/skins/xe_board/css/purple.css

@@ -17,8 +17,8 @@
 .boardList td .replyAndTrackback { color:#b1ae00; }
 .buttonTypeGo { background:url(../images/purple/buttonTypeInput24.gif) no-repeat; }
 
-/* pageNavigation */
-.pageNavigation .current { color:#b1ae00; }
+/* pagination */
+.pagenation strong { color:#b1ae00; }
 
 /* boardRead */
 .boardRead .fileAttached li { background:url(../images/purple/iconFile.gif) no-repeat left top;}

modules/board/skins/xe_board/css/red.css

@@ -17,8 +17,8 @@
 .boardList td .replyAndTrackback { color:#ff6600; }
 .buttonTypeGo { background:url(../images/red/buttonTypeInput24.gif) no-repeat; }
 
-/* pageNavigation */
-.pageNavigation .current { color:#ff6600; }
+/* pagination */
+.pagenation strong { color:#ff6600; }
 
 /* boardRead */
 .boardRead .fileAttached li { background:url(../images/red/iconFile.gif) no-repeat left top;}

modules/board/skins/xe_board/css/white.css

@@ -20,8 +20,8 @@
 .boardList td .replyAndTrackback { color:#ff6600; }
 .buttonTypeGo { background:url(../images/white/buttonTypeInput24.gif) no-repeat; }
 
-/* pageNavigation */
-.pageNavigation .current { color:#ff6600; }
+/* pagination */
+.pagenation strong { color:#ff6600; }
 
 /* replyAndTrackback */
 .buttonBox .replyAndTrackback a strong { color:#ff6600;}

modules/board/skins/xe_board/list.html

@@ -42,16 +42,16 @@
 
 
     <!-- 페이지 네비게이션 -->
-        <div class="pageNavigation">
-            <a href="{getUrl('page','','document_srl','','division',$division,'last_division',$last_division)}" class="goToFirst"><img src="./images/common/bottomGotoFirst.gif" alt="{$lang->first_page}" width="7" height="5" /></a> 
+        <div class="pagination a1">
+            <a href="{getUrl('page','','document_srl','','division',$division,'last_division',$last_division)}" class="prevEnd">{$lang->first_page}</a> 
             <!--@while($page_no = $page_navigation->getNextPage())-->
                 <!--@if($page == $page_no)-->
-                    <span class="current">{$page_no}</span> 
+                    <strong>{$page_no}</strong> 
                 <!--@else-->
                     <a href="{getUrl('page',$page_no,'document_srl','','division',$division,'last_division',$last_division)}">{$page_no}</a>
                 <!--@end-->
             <!--@end-->
-            <a href="{getUrl('page',$page_navigation->last_page,'document_srl','','division',$division,'last_division',$last_division)}" class="goToLast"><img src="./images/common/bottomGotoLast.gif" alt="{$lang->last_page}" width="7" height="5" /></a>
+            <a href="{getUrl('page',$page_navigation->last_page,'document_srl','','division',$division,'last_division',$last_division)}" class="nextEnd">{$lang->last_page}</a>
         </div>
 
 

modules/board/skins/xe_guestbook/comment.html

@@ -86,16 +86,16 @@
 
     <!-- 댓글 페이지 네비게이션 -->
     <!--@if($oDocument->comment_page_navigation)-->
-    <div class="pageNavigation">
-        <a href="{getUrl('cpage',1)}#comment" class="goToFirst"><img src="./images/common/bottomGotoFirst.gif" alt="{$lang->first_page}" width="7" height="5" /></a> 
+    <div class="pagination a1">
+        <a href="{getUrl('cpage',1)}#comment" class="prevEnd">{$lang->first_page}</a> 
         <!--@while($page_no = $oDocument->comment_page_navigation->getNextPage())-->
             <!--@if($cpage == $page_no)-->
-                <span class="current">{$page_no}</span> 
+                <strong>{$page_no}</strong> 
             <!--@else-->
                 <a href="{getUrl('cpage',$page_no)}#comment">{$page_no}</a>
             <!--@end-->
         <!--@end-->
-        <a href="{getUrl('cpage',$oDocument->comment_page_navigation->last_page)}#comment" class="goToLast"><img src="./images/common/bottomGotoLast.gif" alt="{$lang->last_page}" width="7" height="5" /></a>
+        <a href="{getUrl('cpage',$oDocument->comment_page_navigation->last_page)}#comment" class="nextEnd">{$lang->last_page}</a>
     </div>
     <!--@end-->
 

modules/board/skins/xe_guestbook/css/black.css

@@ -20,8 +20,8 @@
 .boardList td .replyAndTrackback { color:#BBBBBB; }
 .buttonTypeGo { background:url(../images/black/buttonTypeInput24.gif) no-repeat; }
 
-/* pageNavigation */
-.pageNavigation .current { color:#BBBBBB; }
+/* pagination */
+.pagenation strong { color:#BBBBBB; }
 
 /* replyAndTrackback */
 .buttonBox .replyAndTrackback a strong { color:#BBBBBB;}

modules/board/skins/xe_guestbook/css/common.css

@@ -201,14 +201,6 @@ Jeong, Chan Myeong 070601~070630
 .leftButtonBox { float: left; }
 .rightButtonBox { float: right; }
 
-/* pageNavigation */
-.pageNavigation { text-align:center; font:bold 11px Tahoma; margin-top:5px;}
-.pageNavigation a { font:bold 1em Tahoma; color:#666666; text-decoration:none; margin:0 10px 0 0; }
-.pageNavigation .current { font:bold 1em Tahoma; text-decoration:none; margin:0 10px 0 0; }
-.pageNavigation a:hover { background:#F7F7F7; text-decoration:none; }
-.pageNavigation a:visited { color:#999999; }
-.pageNavigation a.goToFirst img, .pageNavigation a.goToLast img { margin-bottom:2px;}
-
 /* Search Form */
 .boardSearch { margin-top:30px; margin-left:auto; margin-right:auto; clear:both; text-align:center;}
 .boardSearch select { height:20px; }
@@ -257,6 +249,68 @@ Jeong, Chan Myeong 070601~070630
 .smallBox .inputPassword legend { position:absolute; overflow:hidden; width:1px; height:1px; font-size:.001em; text-indent:-100em;}
 .smallBox .messageBox { background-color:#F3F3F3; padding:20px; border-bottom:1px solid #EEEEEE;}
 
+/* 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/common/arrowPrevA1.gif) no-repeat left center; }
+.pagination.a1 a.prevEnd{ padding-left:15px; background:#fff url(../images/common/arrowPrevEndA1.gif) no-repeat left center; }
+.pagination.a1 a.next{ padding-right:10px; background:#fff url(../images/common/arrowNextA1.gif) no-repeat right center; }
+.pagination.a1 a.nextEnd{ padding-right:15px; background:#fff url(../images/common/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/common/arrowPrevA1.gif) no-repeat left center; }
+.pagination.a2 a.prevEnd{ padding-left:15px; background:#fff url(../images/common/arrowPrevEndA1.gif) no-repeat left center; }
+.pagination.a2 a.next{ padding-right:10px; background:#fff url(../images/common/arrowNextA1.gif) no-repeat right center; }
+.pagination.a2 a.nextEnd{ padding-right:15px; background:#fff url(../images/common/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/common/arrowPrevB1.gif) no-repeat left center; }
+.pagination.b1 a.next{ padding-right:16px; background:url(../images/common/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/common/arrowPrevB1.gif) no-repeat left center; }
+.pagination.b2 a.next{ padding-right:12px; background:url(../images/common/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/common/arrowPrevC1.gif) no-repeat center;}
+.pagination.c1 a.next{ background:url(../images/common/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/common/arrowPrevC1.gif) no-repeat center;}
+.pagination.c2 a.next{ background:url(../images/common/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;}
 
 /* 게시물의 팝업 메뉴 */
 .comment_popup_menu, .document_popup_menu { text-align:right; background:url(../images/common/document_menu.gif) no-repeat right top; padding-right:16px; }

modules/board/skins/xe_guestbook/css/cyan.css

@@ -17,8 +17,8 @@
 .boardList td .replyAndTrackback { color:#2895c0; }
 .buttonTypeGo { background:url(../images/cyan/buttonTypeInput24.gif) no-repeat; }
 
-/* pageNavigation */
-.pageNavigation .current { color:#2895c0; }
+/* pagination */
+.pagenation strong { color:#2895c0; }
 
 /* boardRead */
 boardRead .fileAttached li a { background:url(../images/cyan/iconFile.gif) no-repeat left top;}

modules/board/skins/xe_guestbook/css/green.css

@@ -17,8 +17,8 @@
 .boardList td .replyAndTrackback { color:#38b549; }
 .buttonTypeGo { background:url(../images/green/buttonTypeInput24.gif) no-repeat; }
 
-/* pageNavigation */
-.pageNavigation .current { color:#38b549; }
+/* pagination */
+.pagenation strong { color:#38b549; }
 
 /* boardRead */
 .boardRead .fileAttached li a { background:url(../images/green/iconFile.gif) no-repeat left top;}

modules/board/skins/xe_guestbook/css/purple.css

@@ -17,8 +17,8 @@
 .boardList td .replyAndTrackback { color:#b1ae00; }
 .buttonTypeGo { background:url(../images/purple/buttonTypeInput24.gif) no-repeat; }
 
-/* pageNavigation */
-.pageNavigation .current { color:#b1ae00; }
+/* pagination */
+.pagenation strong { color:#b1ae00; }
 
 /* boardRead */
 .boardRead .fileAttached li a { background:url(../images/purple/iconFile.gif) no-repeat left top;}

modules/board/skins/xe_guestbook/css/red.css

@@ -17,8 +17,8 @@
 .boardList td .replyAndTrackback { color:#ff6600; }
 .buttonTypeGo { background:url(../images/red/buttonTypeInput24.gif) no-repeat; }
 
-/* pageNavigation */
-.pageNavigation .current { color:#ff6600; }
+/* pagination */
+.pagenation strong { color:#ff6600; }
 
 /* boardRead */
 .boardRead .fileAttached li a { background:url(../images/red/iconFile.gif) no-repeat left top;}

modules/board/skins/xe_guestbook/css/white.css

@@ -20,8 +20,8 @@
 .boardList td .replyAndTrackback { color:#ff6600; }
 .buttonTypeGo { background:url(../images/white/buttonTypeInput24.gif) no-repeat; }
 
-/* pageNavigation */
-.pageNavigation .current { color:#ff6600; }
+/* pagination */
+.pagenation strong { color:#ff6600; }
 
 /* replyAndTrackback */
 .buttonBox .replyAndTrackback a strong { color:#ff6600;}

modules/board/skins/xe_guestbook/list.html

@@ -37,16 +37,16 @@
 
 
     <!-- 페이지 네비게이션 -->
-        <div class="pageNavigation">
-            <a href="{getUrl('page','','document_srl','','division',$division,'last_division',$last_division)}" class="goToFirst"><img src="./images/common/bottomGotoFirst.gif" alt="{$lang->first_page}" width="7" height="5" /></a> 
+        <div class="pagination a1">
+            <a href="{getUrl('page','','document_srl','','division',$division,'last_division',$last_division)}" class="prevEnd">{$lang->first_page}</a> 
             <!--@while($page_no = $page_navigation->getNextPage())-->
                 <!--@if($page == $page_no)-->
-                    <span class="current">{$page_no}</span> 
+                    <strong>{$page_no}</strong> 
                 <!--@else-->
                     <a href="{getUrl('page',$page_no,'document_srl','','division',$division,'last_division',$last_division)}">{$page_no}</a>
                 <!--@end-->
             <!--@end-->
-            <a href="{getUrl('page',$page_navigation->last_page,'document_srl','','division',$division,'last_division',$last_division)}" class="goToLast"><img src="./images/common/bottomGotoLast.gif" alt="{$lang->last_page}" width="7" height="5" /></a>
+            <a href="{getUrl('page',$page_navigation->last_page,'document_srl','','division',$division,'last_division',$last_division)}" class="nextEnd">{$lang->last_page}</a>
         </div>
 
 

modules/board/tpl/index.html

@@ -70,14 +70,14 @@
 </div>
 
 <!-- 페이지 네비게이션 -->
-<div class="pageNavigation">
-    <a href="{getUrl('page','','module_srl','')}" class="goToFirst"><img src="../../admin/tpl/images/bottomGotoFirst.gif" alt="{$lang->first_page}" width="7" height="5" /></a> 
+<div class="pagination a1">
+    <a href="{getUrl('page','','module_srl','')}" class="prevEnd">{$lang->first_page}</a> 
     <!--@while($page_no = $page_navigation->getNextPage())-->
         <!--@if($page == $page_no)-->
-            <span class="current">{$page_no}</span> 
+            <strong>{$page_no}</strong> 
         <!--@else-->
             <a href="{getUrl('page',$page_no,'module_srl','')}">{$page_no}</a> 
         <!--@end-->
     <!--@end-->
-    <a href="{getUrl('page',$page_navigation->last_page,'module_srl','')}" class="goToLast"><img src="../../admin/tpl/images/bottomGotoLast.gif" alt="{$lang->last_page}" width="7" height="5" /></a>
+    <a href="{getUrl('page',$page_navigation->last_page,'module_srl','')}" class="nextEnd">{$lang->last_page}</a>
 </div>

modules/comment/tpl/comment_list.html

@@ -64,16 +64,16 @@
 </form>
 
 <!-- 페이지 네비게이션 -->
-<div class="pageNavigation">
-    <a href="{getUrl('page','','module_srl','')}" class="goToFirst"><img src="../../admin/tpl/images/bottomGotoFirst.gif" alt="{$lang->first_page}" width="7" height="5" /></a> 
+<div class="pagination a1">
+    <a href="{getUrl('page','','module_srl','')}" class="prevEnd">{$lang->first_page}</a> 
     <!--@while($page_no = $page_navigation->getNextPage())-->
         <!--@if($page == $page_no)-->
-            <span class="current">{$page_no}</span> 
+            <strong>{$page_no}</strong> 
         <!--@else-->
             <a href="{getUrl('page',$page_no,'module_srl','')}">{$page_no}</a> 
         <!--@end-->
     <!--@end-->
-    <a href="{getUrl('page',$page_navigation->last_page,'module_srl','')}" class="goToLast"><img src="../../admin/tpl/images/bottomGotoLast.gif" alt="{$lang->last_page}" width="7" height="5" /></a>
+    <a href="{getUrl('page',$page_navigation->last_page,'module_srl','')}" class="nextEnd">{$lang->last_page}</a>
 </div>
 
 <!-- 검색 -->

modules/comment/tpl/declared_list.html

@@ -48,14 +48,14 @@
 
 <!-- 페이지 네비게이션 -->
 <div class="clear"></div>
-<div class="pageNavigation">
-    <a href="{getUrl('page','','module_srl','')}" class="goToFirst"><img src="../../admin/tpl/images/bottomGotoFirst.gif" alt="{$lang->first_page}" width="7" height="5" /></a> 
+<div class="pagination a1">
+    <a href="{getUrl('page','','module_srl','')}" class="prevEnd">{$lang->first_page}</a> 
     <!--@while($page_no = $page_navigation->getNextPage())-->
         <!--@if($page == $page_no)-->
-            <span class="current">{$page_no}</span> 
+            <strong>{$page_no}</strong> 
         <!--@else-->
             <a href="{getUrl('page',$page_no,'module_srl','')}">{$page_no}</a> 
         <!--@end-->
     <!--@end-->
-    <a href="{getUrl('page',$page_navigation->last_page,'module_srl','')}" class="goToLast"><img src="../../admin/tpl/images/bottomGotoLast.gif" alt="{$lang->last_page}" width="7" height="5" /></a>
+    <a href="{getUrl('page',$page_navigation->last_page,'module_srl','')}" class="nextEnd">{$lang->last_page}</a>
 </div>

modules/communication/skins/default/css/black.css

@@ -22,7 +22,7 @@ a.button span, span.button button, span.button input, del.button span{
 
 /* replace color */
 .memberSmallBox { border:1px solid #888888; }
-.memberSmallBox .header { background:transparent url("../images/black/bgH3.gif) no-repeat left bottom; }
+.memberSmallBox .header { background:transparent url("../images/black/bgH3.gif") no-repeat left bottom; }
 .memberSmallBox .header h3 { background:transparent url("../images/black/lineH3.gif") no-repeat right bottom; color:#888888; border-bottom:3px solid #888888; }
 .memberSmallBox .openid_user_id { color:#AAAAAA; background:transparent url("../images/black/openid_input_bg.gif") no-repeat left 50% !important; }
 .memberSmallBox .help { background-color:transparent; }
@@ -34,7 +34,7 @@ a.button span, span.button button, span.button input, del.button span{
 div.checkValue { color:#BBBBBB !important; }
 
 .boardHeader { border:1px solid #888888; }
-.boardHeader { background:transparent url("../images/black/bgH3.gif) no-repeat left bottom; }
+.boardHeader { background:transparent url("../images/black/bgH3.gif") no-repeat left bottom; }
 .boardHeader h3 { border:none; background:transparent url("../images/black/lineH3.gif") no-repeat right bottom; color:#888888; border-bottom:3px solid #888888; }
 
 table.list { border:1px solid #000000 !important; }
@@ -45,8 +45,8 @@ table.list tr td.title a { color:#BBBBBB !important; }
 table.list tr td { border-top:1px solid #888888 !important; }
 table .list tr td, table.list tr td * { color:#BBBBBB; }
 
-.pageNavigation a { border:none !important; }
-.pageNavigation .current { border:none !important; color:#EEEEEE; }
+.pagenation a { border:none !important; }
+.pagenation strong { border:none !important; color:#EEEEEE; }
 
 .memberSmallBox .leftHeaderType th { background:transparent; color:#AAAAAA; }
 .memberSmallBox .leftHeaderType td { color:#AAAAAA; }

modules/communication/skins/default/css/common.css

@@ -168,15 +168,68 @@ span.privateItem { display:inline; margin:0; font-weight:normal; color:#666666;
 .memberSmallBox .pwModify br { display:block; margin-bottom:.2em}
 .memberSmallBox .pwModify p { margin:0; padding:0; text-align:center; margin-top:1em; color:#54564b;}
 
-/* pageNavigation */
-.pageNavigation { position:relative; display:block; padding:1.5em 0 2em 0; text-align:center; font:bold .8em Tahoma; }
-.pageNavigation a { position:relative; margin-left:-4px; font:bold 1em Tahoma; color:#666666; display:inline-block; padding:1px 7px 2px 6px; border-left:1px solid #dedfde; border-right:1px solid #CCCCCC; text-decoration:none; line-height:1em; }
-.pageNavigation a:hover { background:#F7F7F7; text-decoration:none; }
-.pageNavigation a:visited { color:#999999;}
-.pageNavigation a.goToFirst { border:none; border-right:1px solid #ffffff; border-left:1px solid #ffffff; z-index:99; vertical-align:top; padding:0px 7px 4px 6px;}
-.pageNavigation a.goToLast { border:none; border-right:1px solid #ffffff; border-left:1px solid #ffffff; z-index:99; vertical-align:top; padding:0px 7px 4px 6px;}
-.pageNavigation a.goToFirst img, .pageNavigation a.goToLast img { display:inline-block; padding:2px 0; position:relative; top:2px; _top:1px;}
-.pageNavigation .current { position:relative; margin-left:-4px; font:bold 1em Tahoma; color:#ff6600; display:inline-block; padding:1px 7px 1px 6px; border-left:1px solid #dedfde; border-right:1px solid #CCCCCC; text-decoration:none; line-height:1em; }
-
 /* Own Document */
 img.button_go { position:relative; bottom:-4px; }
+
+/* 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/common/arrowPrevA1.gif) no-repeat left center; }
+.pagination.a1 a.prevEnd{ padding-left:15px; background:#fff url(../images/common/arrowPrevEndA1.gif) no-repeat left center; }
+.pagination.a1 a.next{ padding-right:10px; background:#fff url(../images/common/arrowNextA1.gif) no-repeat right center; }
+.pagination.a1 a.nextEnd{ padding-right:15px; background:#fff url(../images/common/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/common/arrowPrevA1.gif) no-repeat left center; }
+.pagination.a2 a.prevEnd{ padding-left:15px; background:#fff url(../images/common/arrowPrevEndA1.gif) no-repeat left center; }
+.pagination.a2 a.next{ padding-right:10px; background:#fff url(../images/common/arrowNextA1.gif) no-repeat right center; }
+.pagination.a2 a.nextEnd{ padding-right:15px; background:#fff url(../images/common/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/common/arrowPrevB1.gif) no-repeat left center; }
+.pagination.b1 a.next{ padding-right:16px; background:url(../images/common/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/common/arrowPrevB1.gif) no-repeat left center; }
+.pagination.b2 a.next{ padding-right:12px; background:url(../images/common/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/common/arrowPrevC1.gif) no-repeat center;}
+.pagination.c1 a.next{ background:url(../images/common/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/common/arrowPrevC1.gif) no-repeat center;}
+.pagination.c2 a.next{ background:url(../images/common/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;}

modules/communication/skins/default/friends.html

@@ -55,16 +55,16 @@
     </table>
 
     <!-- 페이지 네비게이션 -->
-    <div class="pageNavigation">
-        <a href="{getUrl('page','','document_srl','')}" class="goToFirst"><img src="./images/bottomGotoFirst.gif" alt="{$lang->first_page}" width="7" height="5" /></a> 
+    <div class="pagination a1">
+        <a href="{getUrl('page','','document_srl','')}" class="prevEnd">{$lang->first_page}</a> 
         <!--@while($page_no = $page_navigation->getNextPage())-->
             <!--@if($page == $page_no)-->
-                <span class="current">{$page_no}</span> 
+                <strong>{$page_no}</strong> 
             <!--@else-->
                 <a href="{getUrl('page',$page_no,'document_srl','')}">{$page_no}</a>
             <!--@end-->
         <!--@end-->
-        <a href="{getUrl('page',$page_navigation->last_page,'document_srl','')}" class="goToLast"><img src="./images/bottomGotoLast.gif" alt="{$lang->last_page}" width="7" height="5" /></a>
+        <a href="{getUrl('page',$page_navigation->last_page,'document_srl','')}" class="nextEnd">{$lang->last_page}</a>
     </div>
 
     <div class="fl memberSelect">

modules/communication/skins/default/messages.html

@@ -107,16 +107,16 @@
         </table>
 
         <!-- 페이지 네비게이션 -->
-        <div class="pageNavigation">
-            <a href="{getUrl('page','','document_srl','')}" class="goToFirst"><img src="./images/{$colorset}/bottomGotoFirst.gif" alt="{$lang->first_page}" width="7" height="5" /></a> 
+        <div class="pagination a1">
+            <a href="{getUrl('page','','document_srl','')}" class="prevEnd">{$lang->first_page}</a> 
             <!--@while($page_no = $page_navigation->getNextPage())-->
                 <!--@if($page == $page_no)-->
-                    <span class="current">{$page_no}</span> 
+                    <strong>{$page_no}</strong> 
                 <!--@else-->
                     <a href="{getUrl('page',$page_no,'document_srl','')}">{$page_no}</a>
                 <!--@end-->
             <!--@end-->
-            <a href="{getUrl('page',$page_navigation->last_page,'document_srl','')}" class="goToLast"><img src="./images/{$colorset}/bottomGotoLast.gif" alt="{$lang->last_page}" width="7" height="5" /></a>
+            <a href="{getUrl('page',$page_navigation->last_page,'document_srl','')}" class="nextEnd">{$lang->last_page}</a>
         </div>
 
         <div class="fr">

modules/document/tpl/declared_list.html

@@ -62,14 +62,14 @@
 
 <!-- 페이지 네비게이션 -->
 <div class="clear"></div>
-<div class="pageNavigation">
-    <a href="{getUrl('page','','module_srl','')}" class="goToFirst"><img src="../../admin/tpl/images/bottomGotoFirst.gif" alt="{$lang->first_page}" width="7" height="5" /></a> 
+<div class="pagination a1">
+    <a href="{getUrl('page','','module_srl','')}" class="prevEnd">{$lang->first_page}</a> 
     <!--@while($page_no = $page_navigation->getNextPage())-->
         <!--@if($page == $page_no)-->
-            <span class="current">{$page_no}</span> 
+            <strong>{$page_no}</strong> 
         <!--@else-->
             <a href="{getUrl('page',$page_no,'module_srl','')}">{$page_no}</a> 
         <!--@end-->
     <!--@end-->
-    <a href="{getUrl('page',$page_navigation->last_page,'module_srl','')}" class="goToLast"><img src="../../admin/tpl/images/bottomGotoLast.gif" alt="{$lang->last_page}" width="7" height="5" /></a>
+    <a href="{getUrl('page',$page_navigation->last_page,'module_srl','')}" class="nextEnd">{$lang->last_page}</a>
 </div>

modules/document/tpl/document_list.html

@@ -74,16 +74,16 @@
 </form>
 
 <!-- 페이지 네비게이션 -->
-<div class="pageNavigation">
-    <a href="{getUrl('page','','module_srl','')}" class="goToFirst"><img src="../../admin/tpl/images/bottomGotoFirst.gif" alt="{$lang->first_page}" width="7" height="5" /></a> 
+<div class="pagination a1">
+    <a href="{getUrl('page','','module_srl','')}" class="prevEnd">{$lang->first_page}</a> 
     <!--@while($page_no = $page_navigation->getNextPage())-->
         <!--@if($page == $page_no)-->
-            <span class="current">{$page_no}</span> 
+            <strong>{$page_no}</strong> 
         <!--@else-->
             <a href="{getUrl('page',$page_no,'module_srl','')}">{$page_no}</a> 
         <!--@end-->
     <!--@end-->
-    <a href="{getUrl('page',$page_navigation->last_page,'module_srl','')}" class="goToLast"><img src="../../admin/tpl/images/bottomGotoLast.gif" alt="{$lang->last_page}" width="7" height="5" /></a>
+    <a href="{getUrl('page',$page_navigation->last_page,'module_srl','')}" class="nextEnd">{$lang->last_page}</a>
 </div>
 
 <!-- 검색 -->

modules/file/tpl/file_list.html

@@ -86,16 +86,16 @@
 </form>
 
 <!-- 페이지 네비게이션 -->
-<div class="pageNavigation">
-    <a href="{getUrl('page','','module_srl','')}" class="goToFirst"><img src="../../admin/tpl/images/bottomGotoFirst.gif" alt="{$lang->first_page}" width="7" height="5" /></a>
+<div class="pagination a1">
+    <a href="{getUrl('page','','module_srl','')}" class="prevEnd">{$lang->first_page}</a>
     <!--@while($page_no = $page_navigation->getNextPage())-->
         <!--@if($page == $page_no)-->
-            <span class="current">{$page_no}</span>
+            <strong>{$page_no}</strong>
         <!--@else-->
             <a href="{getUrl('page',$page_no,'module_srl','')}">{$page_no}</a>
         <!--@end-->
     <!--@end-->
-    <a href="{getUrl('page',$page_navigation->last_page,'module_srl','')}" class="goToLast"><img src="../../admin/tpl/images/bottomGotoLast.gif" alt="{$lang->last_page}" width="7" height="5" /></a>
+    <a href="{getUrl('page',$page_navigation->last_page,'module_srl','')}" class="nextEnd">{$lang->last_page}</a>
 </div>
 
 <!-- 검색 -->

modules/integration_search/skins/default/css/white.css

@@ -36,16 +36,67 @@
 .searchResult li address .recom { font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#818181;}
 .searchResult li address .recomNum { color:#fe6700; font:bold .8em Tahoma;}
 
-/* pageNavigation */
-.pageNavigation { position:relative; display:block; text-align:center; font:bold .8em Tahoma; }
-.pageNavigation a { position:relative; margin-left:-4px; font:bold 1em Tahoma; color:#666666; display:inline-block; padding:1px 7px 2px 6px; border-left:1px solid #dedfde; border-right:1px solid #CCCCCC; text-decoration:none; line-height:1em; }
-.pageNavigation a:hover { background:#F7F7F7; text-decoration:none; }
-.pageNavigation a:visited { color:#999999;}
-.pageNavigation a.goToFirst,
-.pageNavigation a.goToLast { border:none; border-right:1px solid #ffffff; border-left:1px solid #ffffff; z-index:99; vertical-align:top; padding:0px 7px 4px 6px;}
-.pageNavigation a.goToFirst img,
-.pageNavigation a.goToLast img { display:inline-block; padding:2px 0; position:relative; top:2px; _top:1px;}
-.pageNavigation .current { position:relative; margin-left:-4px; font:bold 1em Tahoma; color:#ff6600; display:inline-block; padding:1px 7px 1px 6px; border-left:1px solid #dedfde; border-right:1px solid #CCCCCC; text-decoration:none; line-height:1em; }
-
-
 .searchNext { text-align:center; margin-top:10px;}
+
+/* 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;}

modules/integration_search/skins/default/index.html

@@ -50,16 +50,16 @@
             </li>
         <!--@end-->
         </ul>
-        <div class="pageNavigation">
-            <a href="{getUrl('page','','document_srl','','search_target',$search_target,'is_keyword',$is_keyword,'division',$division,'last_division',$last_division)}" class="goToFirst"><img src="./images/{$module_info->colorset}/bottomGotoFirst.gif" alt="{$lang->first_page}" width="7" height="5" /></a> 
+        <div class="pagination a1">
+            <a href="{getUrl('page','','document_srl','','search_target',$search_target,'is_keyword',$is_keyword,'division',$division,'last_division',$last_division)}" class="prevEnd">{$lang->first_page}</a> 
             <!--@while($page_no = $page_navigation->getNextPage())-->
                 <!--@if($page == $page_no)-->
-                    <span class="current">{$page_no}</span> 
+                    <strong>{$page_no}</strong> 
                 <!--@else-->
                     <a href="{getUrl('page',$page_no,'document_srl','','search_target',$search_target,'is_keyword',$is_keyword,'division',$division,'last_division',$last_division)}">{$page_no}</a>
                 <!--@end-->
             <!--@end-->
-            <a href="{getUrl('page',$page_navigation->last_page,'document_srl','','search_target',$search_target,'is_keyword',$is_keyword,'division',$division,'last_division',$last_division)}" class="goToLast"><img src="./images/{$module_info->colorset}/bottomGotoLast.gif" alt="{$lang->last_page}" width="7" height="5" /></a>
+            <a href="{getUrl('page',$page_navigation->last_page,'document_srl','','search_target',$search_target,'is_keyword',$is_keyword,'division',$division,'last_division',$last_division)}" class="nextEnd">{$lang->last_page}</a>
         </div>
     </div>
 

modules/issuetracker/skins/xe_issuetracker/css/common.css

@@ -45,13 +45,6 @@ table.issues tbody td.title strong.trackback { background:url("../images/iconTra
 table.issues tbody td.regdate { text-align:center; font-family:tahoma; font-size:8pt; }
 table.issues tbody td.nick_name { text-align:left; }
 
-div.pageNavigation { margin:10px 0 0 0; text-align:center; padding:5px 3px; height:30px; }
-div.pageNavigation span { padding:3px 5px; border:1px solid #DDDDDD; color:#888888; margin:0 3px; } 
-div.pageNavigation span:hover { border-color:#888888; }
-div.pageNavigation span a { text-decoration:none; color:#888888; } 
-div.pageNavigation span a:hover { color:#444444; }
-div.pageNavigation span.current { text-decoration:none; padding:3px; margin:0 3px; color:#888888; font-weight:bold; border:none; }
-
 /* milestone */
 table.milestones { width:100%; clear:both; border:0; border-spacing:0; table-layout:fixed; border:1px solid #333333; border-bottom:none; }
 table.milestones thead tr { background:url("../images/tableHeader.gif") repeat left top; height:20px; color:#FFFFFF; }
@@ -208,3 +201,65 @@ fieldset.history ul li.content { padding:10px; color:#444444;}
 .issue_duplicated, .issue_duplicted a { color:#949494 !important; }
 .issue_reviewing, .issue_reviewing a { color:#DD075A !important; }
 
+/* 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/arrowPrevA1.gif) no-repeat left center; }
+.pagination.a1 a.prevEnd{ padding-left:15px; background:#fff url(../images/arrowPrevEndA1.gif) no-repeat left center; }
+.pagination.a1 a.next{ padding-right:10px; background:#fff url(../images/arrowNextA1.gif) no-repeat right center; }
+.pagination.a1 a.nextEnd{ padding-right:15px; background:#fff url(../images/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/arrowPrevA1.gif) no-repeat left center; }
+.pagination.a2 a.prevEnd{ padding-left:15px; background:#fff url(../images/arrowPrevEndA1.gif) no-repeat left center; }
+.pagination.a2 a.next{ padding-right:10px; background:#fff url(../images/arrowNextA1.gif) no-repeat right center; }
+.pagination.a2 a.nextEnd{ padding-right:15px; background:#fff url(../images/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/arrowPrevB1.gif) no-repeat left center; }
+.pagination.b1 a.next{ padding-right:16px; background:url(../images/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/arrowPrevB1.gif) no-repeat left center; }
+.pagination.b2 a.next{ padding-right:12px; background:url(../images/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/arrowPrevC1.gif) no-repeat center;}
+.pagination.c1 a.next{ background:url(../images/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/arrowPrevC1.gif) no-repeat center;}
+.pagination.c2 a.next{ background:url(../images/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;}

modules/issuetracker/skins/xe_issuetracker/issue_list.html

@@ -170,10 +170,10 @@
 </table>
 
 <!--@if($page_navigation->total_page>1)-->
-<div class="pageNavigation">
+<div class="pagination a1">
     <!--@while($page_no = $page_navigation->getNextPage())-->
         <!--@if($page == $page_no)-->
-            <span class="current">{$page_no}</span> 
+            <strong>{$page_no}</strong> 
         <!--@else-->
             <span><a href="{getUrl('page',$page_no,'document_srl','')}">{$page_no}</a></span>
         <!--@end-->

modules/issuetracker/tpl/index.html

@@ -60,14 +60,14 @@
 </form>
 
 <!-- 페이지 네비게이션 -->
-<div class="pageNavigation">
-    <a href="{getUrl('page','','module_srl','')}" class="goToFirst"><img src="../../admin/tpl/images/bottomGotoFirst.gif" alt="{$lang->first_page}" width="7" height="5" /></a> 
+<div class="pagination a1">
+    <a href="{getUrl('page','','module_srl','')}" class="prevEnd">{$lang->first_page}</a> 
     <!--@while($page_no = $page_navigation->getNextPage())-->
         <!--@if($page == $page_no)-->
-            <span class="current">{$page_no}</span> 
+            <strong>{$page_no}</strong> 
         <!--@else-->
             <a href="{getUrl('page',$page_no,'module_srl','')}">{$page_no}</a> 
         <!--@end-->
     <!--@end-->
-    <a href="{getUrl('page',$page_navigation->last_page,'module_srl','')}" class="goToLast"><img src="../../admin/tpl/images/bottomGotoLast.gif" alt="{$lang->last_page}" width="7" height="5" /></a>
+    <a href="{getUrl('page',$page_navigation->last_page,'module_srl','')}" class="nextEnd">{$lang->last_page}</a>
 </div>

modules/lifepod/tpl/index.html

@@ -60,14 +60,14 @@
 </table>
 
 <!-- 페이지 네비게이션 -->
-<div class="pageNavigation">
-    <a href="{getUrl('page','','module_srl','')}" class="goToFirst"><img src="../../admin/tpl/images/bottomGotoFirst.gif" alt="{$lang->first_page}" width="7" height="5" /></a> 
+<div class="pagination a1">
+    <a href="{getUrl('page','','module_srl','')}" class="prevEnd">{$lang->first_page}</a> 
     <!--@while($page_no = $page_navigation->getNextPage())-->
         <!--@if($page == $page_no)-->
-            <span class="current">{$page_no}</span> 
+            <strong>{$page_no}</strong> 
         <!--@else-->
             <a href="{getUrl('page',$page_no,'module_srl','')}">{$page_no}</a> 
         <!--@end-->
     <!--@end-->
-    <a href="{getUrl('page',$page_navigation->last_page,'module_srl','')}" class="goToLast"><img src="../../admin/tpl/images/bottomGotoLast.gif" alt="{$lang->last_page}" width="7" height="5" /></a>
+    <a href="{getUrl('page',$page_navigation->last_page,'module_srl','')}" class="nextEnd">{$lang->last_page}</a>
 </div>

modules/member/skins/default/css/black.css

@@ -22,7 +22,7 @@ a.button span, span.button button, span.button input, del.button span{
 
 /* replace color */
 .memberSmallBox { border:1px solid #888888; }
-.memberSmallBox .header { background:transparent url("../images/black/bgH3.gif) no-repeat left bottom; }
+.memberSmallBox .header { background:transparent url("../images/black/bgH3.gif") no-repeat left bottom; }
 .memberSmallBox .header h3 { background:transparent url("../images/black/lineH3.gif") no-repeat right bottom; color:#888888; border-bottom:3px solid #888888; }
 .memberSmallBox .openid_user_id { color:#AAAAAA; background:transparent url("../images/black/openid_input_bg.gif") no-repeat left 50% !important; }
 .memberSmallBox .help { background-color:transparent; }
@@ -34,7 +34,7 @@ a.button span, span.button button, span.button input, del.button span{
 div.checkValue { color:#BBBBBB !important; }
 
 .boardHeader { border:1px solid #888888; }
-.boardHeader { background:transparent url("../images/black/bgH3.gif) no-repeat left bottom; }
+.boardHeader { background:transparent url("../images/black/bgH3.gif") no-repeat left bottom; }
 .boardHeader h3 { border:none; background:transparent url("../images/black/lineH3.gif") no-repeat right bottom; color:#888888; border-bottom:3px solid #888888; }
 
 table.list { border:1px solid #000000 !important; }
@@ -45,8 +45,8 @@ table.list tr td.title a { color:#BBBBBB !important; }
 table.list tr td { border-top:1px solid #888888 !important; }
 table .list tr td, table.list tr td * { color:#BBBBBB; }
 
-.pageNavigation a { border:none !important; }
-.pageNavigation .current { border:none !important; color:#EEEEEE; }
+.pagenation a { border:none !important; }
+.pagenation strong { border:none !important; color:#EEEEEE; }
 
 .memberSmallBox .leftHeaderType th { background:transparent; color:#AAAAAA; }
 .memberSmallBox .leftHeaderType td { color:#AAAAAA; }

modules/member/skins/default/css/common.css

@@ -168,15 +168,68 @@ span.privateItem { display:inline; margin:0; font-weight:normal; color:#666666;
 .memberSmallBox .pwModify br { display:block; margin-bottom:.2em}
 .memberSmallBox .pwModify p { margin:0; padding:0; text-align:center; margin-top:1em; color:#54564b;}
 
-/* pageNavigation */
-.pageNavigation { position:relative; display:block; padding:1.5em 0 2em 0; text-align:center; font:bold .8em Tahoma; }
-.pageNavigation a { position:relative; margin-left:-4px; font:bold 1em Tahoma; color:#666666; display:inline-block; padding:1px 7px 2px 6px; border-left:1px solid #dedfde; border-right:1px solid #CCCCCC; text-decoration:none; line-height:1em; }
-.pageNavigation a:hover { background:#F7F7F7; text-decoration:none; }
-.pageNavigation a:visited { color:#999999;}
-.pageNavigation a.goToFirst { border:none; border-right:1px solid #ffffff; border-left:1px solid #ffffff; z-index:99; vertical-align:top; padding:0px 7px 4px 6px;}
-.pageNavigation a.goToLast { border:none; border-right:1px solid #ffffff; border-left:1px solid #ffffff; z-index:99; vertical-align:top; padding:0px 7px 4px 6px;}
-.pageNavigation a.goToFirst img, .pageNavigation a.goToLast img { display:inline-block; padding:2px 0; position:relative; top:2px; _top:1px;}
-.pageNavigation .current { position:relative; margin-left:-4px; font:bold 1em Tahoma; color:#ff6600; display:inline-block; padding:1px 7px 1px 6px; border-left:1px solid #dedfde; border-right:1px solid #CCCCCC; text-decoration:none; line-height:1em; }
-
 /* Own Document */
 img.button_go { position:relative; bottom:-4px; }
+
+/* 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/common/arrowPrevA1.gif) no-repeat left center; }
+.pagination.a1 a.prevEnd{ padding-left:15px; background:#fff url(../images/common/arrowPrevEndA1.gif) no-repeat left center; }
+.pagination.a1 a.next{ padding-right:10px; background:#fff url(../images/common/arrowNextA1.gif) no-repeat right center; }
+.pagination.a1 a.nextEnd{ padding-right:15px; background:#fff url(../images/common/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/common/arrowPrevA1.gif) no-repeat left center; }
+.pagination.a2 a.prevEnd{ padding-left:15px; background:#fff url(../images/common/arrowPrevEndA1.gif) no-repeat left center; }
+.pagination.a2 a.next{ padding-right:10px; background:#fff url(../images/common/arrowNextA1.gif) no-repeat right center; }
+.pagination.a2 a.nextEnd{ padding-right:15px; background:#fff url(../images/common/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/common/arrowPrevB1.gif) no-repeat left center; }
+.pagination.b1 a.next{ padding-right:16px; background:url(../images/common/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/common/arrowPrevB1.gif) no-repeat left center; }
+.pagination.b2 a.next{ padding-right:12px; background:url(../images/common/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/common/arrowPrevC1.gif) no-repeat center;}
+.pagination.c1 a.next{ background:url(../images/common/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/common/arrowPrevC1.gif) no-repeat center;}
+.pagination.c2 a.next{ background:url(../images/common/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;}

modules/member/skins/default/document_list.html

@@ -57,16 +57,16 @@
 </div>
 
 <!-- 페이지 네비게이션 -->
-<div class="pageNavigation">
-    <a href="{getUrl('page','','module_srl','')}" class="goToFirst"><img src="./images/bottomGotoFirst.gif" alt="{$lang->first_page}" width="7" height="5" /></a> 
+<div class="pagination a1">
+    <a href="{getUrl('page','','module_srl','')}" class="prevEnd">{$lang->first_page}</a> 
     <!--@while($page_no = $page_navigation->getNextPage())-->
         <!--@if($page == $page_no)-->
-            <span class="current">{$page_no}</span> 
+            <strong>{$page_no}</strong> 
         <!--@else-->
             <a href="{getUrl('page',$page_no,'module_srl','')}">{$page_no}</a> 
         <!--@end-->
     <!--@end-->
-    <a href="{getUrl('page',$page_navigation->last_page,'module_srl','')}" class="goToLast"><img src="./images/bottomGotoLast.gif" alt="{$lang->last_page}" width="7" height="5" /></a>
+    <a href="{getUrl('page',$page_navigation->last_page,'module_srl','')}" class="nextEnd">{$lang->last_page}</a>
 </div>
 
 <!--#include("./common_footer.html")-->