diff --git a/modules/board/skins/xe_board/filter/insert.xml b/modules/board/skins/xe_board/filter/insert.xml
index fbfb2d970..412fd77a7 100644
--- a/modules/board/skins/xe_board/filter/insert.xml
+++ b/modules/board/skins/xe_board/filter/insert.xml
@@ -1,17 +1,17 @@
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
diff --git a/modules/board/skins/xe_default/_header.html b/modules/board/skins/xe_default/_header.html
index a771a76fa..4fede89ce 100644
--- a/modules/board/skins/xe_default/_header.html
+++ b/modules/board/skins/xe_default/_header.html
@@ -10,8 +10,8 @@
-
-
+
+
diff --git a/modules/board/skins/xe_default/css/board.css b/modules/board/skins/xe_default/css/board.css
new file mode 100644
index 000000000..bec4eecf1
--- /dev/null
+++ b/modules/board/skins/xe_default/css/board.css
@@ -0,0 +1,234 @@
+@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, "굴림", Gulim, "돋움", Dotum, Tahoma, Sans-serif; line-height:normal; font-size:.8em;}
+.board *{ font-size:1em;}
+.board img{ border:0;}
+
+/* Board Type */
+.board.classic{}
+.board.zine{}
+.board.gallery{}
+
+/* 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.title{ width:100%;}
+.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; vertical-align:top;}
+.boardList td.num{ font:11px Tahoma;}
+.boardList td.check{ font:11px Tahoma;}
+.boardList td .category{ color:#000; padding-right:7px; margin-right:2px; background:url(../images/white/lineVr11.gif) no-repeat right center;}
+.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.reading{ font:11px Tahoma;}
+.boardList td.recommend{ font:11px Tahoma;}
+.boardList td.date{ font:11px Tahoma;}
+
+.boardList td.summary { text-align:left; border-top-style:dotted; white-space:normal;}
+.boardList td.summary .thumb{ display:block; float:left; padding:2px; border:1px solid #ddd; background:#fff; margin-right:10px;}
+.boardList td.summary .thumb img{ display:block;}
+
+.thumbHeader{ border:0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:7px; white-space:nowrap; color:#333; background:#fff url(../images/white/bgThDefault.gif) repeat-x left bottom; line-height:normal; text-align:right; *zoom:1;}
+.thumbHeader:after{ content:""; display:block; clear:both;}
+.thumbHeader .left{ float:left;}
+.thumbHeader .left input{ width:13px; height:13px; margin-right:10px;}
+.thumbHeader .right{ float:right;}
+.thumbHeader *{ vertical-align:middle;}
+.thumbHeader a{ margin:0 10px; color:#1978AD;}
+.thumbHeader .jumpTo *{ vertical-align:middle; *vertical-align:top;}
+.thumbHeader .jumpTo select{ font-size:12px; *margin-right:5px;}
+.thumbHeader .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;}
+.thumbHeader .sort{ vertical-align:middle; margin:0 5px;}
+
+.thumbList{ border-bottom:1px solid #ddd; *zoom:1;}
+.thumbList:after{ content:""; display:block; clear:both;}
+.thumbList li{ margin:10px; list-style:none; overflow:hidden; float:left;}
+.thumbList li .thumb{ position:relative; float:left; clear:both; overflow:hidden; padding:2px; margin-bottom:5px; background:#fff; border:1px solid #ddd;}
+.thumbList li .thumb a{ position:relative; display:block;}
+.thumbList li .thumb a *{ cursor:pointer;}
+.thumbList li .thumb a img{ display:block;}
+.thumbList li .thumb a .text{ position:absolute; left:0; top:50%; margin-top:-.8em; *margin-top:-1.5em; display:block; width:100%; text-align:center; font-size:2em; font-weight:bold; color:#ccc; white-space:nowrap; letter-spacing:-1px;}
+.thumbList li .thumb a .category{ position:absolute; left:0; bottom:0; width:100%; padding:2px 0; background:#000; white-space:nowrap; opacity:.6; filter:alpha(opacity=60); color:#fff; text-indent:4px;}
+.thumbList li .title{ clear:both; white-space:nowrap; margin-bottom:3px;}
+.thumbList li .title input{ width:13px; height:13px; vertical-align:middle; white-space:nowrap;}
+.thumbList li .author{}
+.thumbList li .reading{ font:11px Tahoma;}
+.thumbList li .recommend{ font:11px Tahoma;}
+.thumbList li .date{ font:11px Tahoma;}
+
+/* Board Navigation */
+.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;}
+
+/* Search Form */
+.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/pagination.css b/modules/board/skins/xe_default/css/pagination.css
new file mode 100644
index 000000000..df0f8e969
--- /dev/null
+++ b/modules/board/skins/xe_default/css/pagination.css
@@ -0,0 +1,69 @@
+@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/filter/insert.xml b/modules/board/skins/xe_default/filter/insert.xml
index fbfb2d970..24e505bf4 100644
--- a/modules/board/skins/xe_default/filter/insert.xml
+++ b/modules/board/skins/xe_default/filter/insert.xml
@@ -1,17 +1,17 @@
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
diff --git a/modules/board/skins/xe_default/images/common/blank.gif b/modules/board/skins/xe_default/images/common/blank.gif
new file mode 100644
index 000000000..35d42e808
Binary files /dev/null and b/modules/board/skins/xe_default/images/common/blank.gif differ
diff --git a/modules/board/skins/xe_default/style.gallery.html b/modules/board/skins/xe_default/style.gallery.html
index b9d7cf277..44bc3ed21 100644
--- a/modules/board/skins/xe_default/style.gallery.html
+++ b/modules/board/skins/xe_default/style.gallery.html
@@ -1,142 +1,185 @@
-
-
-
+
+
diff --git a/modules/board/skins/xe_default/style.list.html b/modules/board/skins/xe_default/style.list.html
index 374574e7f..bdab3946c 100644
--- a/modules/board/skins/xe_default/style.list.html
+++ b/modules/board/skins/xe_default/style.list.html
@@ -1,16 +1,17 @@
- {@ $_col_count = 1; }
- {@ $_col_count++}
- {@ $_col_count++}
- {@ $_col_count++}
- {@ $_col_count++}
- {@ $_col_count++}
- {@ $_col_count++}
- {@ $_col_count++}
-