mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-01-31 00:59:58 +09:00
ZB 1.1.0 Front-end Refactoring. ing.
git-svn-id: http://xe-core.googlecode.com/svn/sandbox@4783 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
ChanMyeong
parent
0c6422b669
commit
7eefe43491
39 changed files with 1755 additions and 1531 deletions
|
|
@ -1,16 +1,23 @@
|
|||
@charset "utf-8";
|
||||
/* NHN > UIT Center > Open UI Platform Team > Jeong Chan Myeong(dece24@nhncorp.com) */
|
||||
|
||||
/* Zeroboard XE Black Theme */
|
||||
|
||||
/* Board Reset */
|
||||
.board{ background:#444; color:#fff;}
|
||||
.board{ background:#000; color:#fff;}
|
||||
.board .inputText,
|
||||
.board textarea{ border-color:#444;}
|
||||
.board .inputText,
|
||||
.board textarea,
|
||||
.board select{ background:#333; color:#fff;}
|
||||
.board a{color:#fff;}
|
||||
|
||||
/* Board Header */
|
||||
.boardHeader .boardTitle{ border-bottom-color:#999; background-image:url(../images/common/iconBoardHeading.gif);}
|
||||
.boardHeader .boardTitleText{ border-bottom-color:#ccc; background-image:url(../images/black/lineVr11.gif);}
|
||||
.boardHeader .boardTitle{ border-color:#999; background-image:url(../images/common/iconBoardHeading.gif);}
|
||||
.boardHeader .boardTitleText{ border-color:#ccc; background-image:url(../images/black/lineVr11.gif);}
|
||||
.boardHeader .boardTitleText a{ color:#fff;}
|
||||
.boardHeader .boardTitleText em{ color:#ccc;}
|
||||
.boardHeader .boardDescription{ background:#666; }
|
||||
.boardHeader .boardDescription{ background:#333; }
|
||||
|
||||
/* Board Information */
|
||||
.boardInformation li{background-image:url(../images/black/lineVr11.gif);}
|
||||
|
|
@ -25,88 +32,104 @@
|
|||
.boardListForm strong{color:#ff6600;}
|
||||
|
||||
/* Board List */
|
||||
.boardList{ border-top-color:#666; border-bottom-color:#666;}
|
||||
.boardList{ border-color:#333;}
|
||||
.boardList .jumpTo button{ background-color:transparent; background-image:url(../images/common/buttonBg2byte.gif);}
|
||||
.boardList tr.notice{ background:#555;}
|
||||
.boardList tr.bg1{ background:#494949;}
|
||||
.boardList tr.bg2{ background:#444;}
|
||||
.boardList th{ border-bottom-color:#333; border-top-color:#333; color:#fff; background-color:#666; background-image:url(../images/black/bgThDefault.gif);}
|
||||
.boardList tr.notice{ background:#222;}
|
||||
.boardList tr.bg1{ background:#000;}
|
||||
.boardList tr.bg2{ background:#181818;}
|
||||
.boardList th{ border-color:#000; color:#fff; background-color:#666; background-image:url(../images/black/bgThDefault.gif);}
|
||||
.boardList th a{ color:#ff6600;}
|
||||
.boardList td{ border-top-color:#666; color:#fff;}
|
||||
.boardList td{ border-color:#333; color:#fff;}
|
||||
.boardList td .category{ color:#fff; background-image:url(../images/black/lineVr11.gif);}
|
||||
.boardList td.title .replyNum{ color:#ccc;}
|
||||
.boardList td.title .replyNum sup{ color:#999;}
|
||||
|
||||
.boardList td.summary .thumb{ border-color:#999; background:#444;}
|
||||
|
||||
.thumbHeader{ border-top-color:#999; border-bottom-color:#999; color:#333; background-color:#666; background-image:url(../images/black/bgThDefault.gif);}
|
||||
.thumbHeader{ border-color:#999; color:#333; background-color:#666; background-image:url(../images/black/bgThDefault.gif);}
|
||||
.thumbHeader a{ color:#ff6600;}
|
||||
.thumbHeader .jumpTo button{ background-color:transparent; background-image:url(../images/common/buttonBg2byte.gif);}
|
||||
|
||||
.thumbList{ border-bottom-color:#999;}
|
||||
.thumbList li .thumb{ background:#444; border-color:#999;}
|
||||
.thumbList{ border-color:#333;}
|
||||
.thumbList li .thumb{ background:#222; border-color:#333;}
|
||||
.thumbList li .thumb a .text{ color:#ccc;}
|
||||
.thumbList li .thumb a .category{ background:#000; opacity:.6; filter:alpha(opacity=60); color:#fff;}
|
||||
|
||||
/* Board Navigation */
|
||||
|
||||
/* Search Form */
|
||||
.boardSearchForm .inputText{ border-color:#999;}
|
||||
|
||||
/* Board Read */
|
||||
.boardReadBody{ border-top-color:#666; border-bottom-color:#666;}
|
||||
.boardReadHeader{ border-color:#666;}
|
||||
|
||||
.boardReadBody{ border-color:#666;}
|
||||
.boardReadBody .memberSignature{ border-color:#666;}
|
||||
|
||||
.boardReadFooter{ color:#999;}
|
||||
.boardReadFooter a{ color:#999;}
|
||||
.boardReadFooter dt{ background:#444;}
|
||||
.boardReadFooter dt{ background:#000;}
|
||||
.boardReadFooter dd{ background-image:url(../images/black/lineVr11.gif);}
|
||||
.boardReadFooter .footerRight dl.noBr dt{ background-image:url(../images/black/lineVr11.gif);}
|
||||
|
||||
.boardRead .boardNavigation{ border-top-color:#999;}
|
||||
.boardRead .boardNavigation{ border-color:#666;}
|
||||
|
||||
.feedbackList{ color:#ccc;}
|
||||
.feedbackList .feedbackHeader{ color:#000;}
|
||||
.feedbackList .feedbackHeader strong{ color:#ff6600;}
|
||||
|
||||
.feedbackList .item{ border-top-color:#666;}
|
||||
.feedbackList .item{ border-color:#666;}
|
||||
.feedbackList .reply .indent{ border-left-color:#666;}
|
||||
|
||||
/* Time */
|
||||
.time *{ color:#ccc;}
|
||||
.time dt{ background:#444;}
|
||||
.time dt{ background:#000;}
|
||||
.time dd{ background-image:url(../images/black/lineVr11.gif);}
|
||||
|
||||
/* Attached File */
|
||||
.attachedFile *{ color:#999;}
|
||||
.attachedFile dt{ background:#444;}
|
||||
.attachedFile dt{ background:#000;}
|
||||
.attachedFile dd{ background-image:url(../images/black/lineVr11.gif);}
|
||||
.attachedFile dd a{ color:#999;}
|
||||
.attachedFile dd a .bubble{ background:#666; border-color:#555;}
|
||||
|
||||
.replyForm{ color:#666; background:#f4f4f4;}
|
||||
.replyForm .title{ color:#000;}
|
||||
.replyForm textarea{ border-color:#ccc;}
|
||||
.replyForm .inputText{ border-color:#ccc;}
|
||||
|
||||
/* Board Write */
|
||||
.boardWrite .boardWriteHeader dd .inputText{ border-color:#ccc;}
|
||||
.boardWrite .tag input{ border-color:#ccc;}
|
||||
.boardWrite .boardNavigation,
|
||||
.boardEditor .boardNavigation{ border-top-color:#666;}
|
||||
.boardEditor .boardNavigation{ border-color:#666;}
|
||||
|
||||
/* UserName & Password */
|
||||
.board .userNameAndPw dd .inputText{ border-color:#ccc;}
|
||||
.board .userNameAndPw,
|
||||
.board .editorOption{ border-color:#666; background:#222;}
|
||||
|
||||
/* Comment */
|
||||
.board .boardEditor{ border-color:#888; background:#555;}
|
||||
.board .commentEditor .commentHeader{border-bottom-color:#666; color:#fff;}
|
||||
.board .boardEditor{ border-color:#666; background:#333;}
|
||||
.board .commentEditor .commentHeader{border-color:#666; color:#fff;}
|
||||
|
||||
/* Secret Message */
|
||||
.board .secretMessage dd .inputText{ border-color:#ccc;}
|
||||
|
||||
/* Extra Var Table */
|
||||
.extraVarsList{ border-color:#333;}
|
||||
.extraVarsList caption{ color:#999;}
|
||||
.extraVarsList em{ color:#ff6600;}
|
||||
.extraVarsList th,
|
||||
.extraVarsList td{ border-color:#333;}
|
||||
.extraVarsList th{ background:#222;}
|
||||
.extraVarsList td{ background:#000;}
|
||||
.extraVarsList td .inputNum{ border-color:#444; background:#333;}
|
||||
|
||||
/* Tag Cloud */
|
||||
.tagCloud{border-color:#666;}
|
||||
.tagCloud .tagHeader{border-color:#999; color:#fff; background-color:#666; background-image:url(../images/black/bgThDefault.gif);}
|
||||
.tagCloud .tagHeader strong{ color:#ff6600;}
|
||||
.tagCloud li.rank1 a{ background:#12d763; color:#fff;}
|
||||
.tagCloud li.rank2 a{ color:#eee;}
|
||||
.tagCloud li.rank3 a{ color:#00b4b5;}
|
||||
.tagCloud li.rank4 a{ color:#ddd;}
|
||||
.tagCloud li.rank5 a{ color:#ccc;}
|
||||
|
||||
/* Layer */
|
||||
#waitingforserverresponse { border-color:#444; color:#444; background-color:#fff;}
|
||||
#popup_menu_area{background:#fff; border-color:#eee;}
|
||||
#popup_menu_area ul{ border-color:#ddd;}
|
||||
#popup_menu_area li a{ color:#000;}
|
||||
|
|
@ -115,11 +138,11 @@
|
|||
.pagination.a1 a{ color:#fff;}
|
||||
.pagination a:hover,
|
||||
.pagination a:active,
|
||||
.pagination a:focus{ background-color:#505050 !important; }
|
||||
.pagination a:focus{ background-color:#222 !important; }
|
||||
.pagination.a1 a,
|
||||
.pagination.a1 strong,
|
||||
.pagination.a2 a,
|
||||
.pagination.a2 strong{ border-color:#666;}
|
||||
.pagination.a2 strong{ border-color:#333;}
|
||||
.pagination.a1 a,
|
||||
.pagination.a1 strong,
|
||||
.pagination.a1 a.prev,
|
||||
|
|
@ -131,17 +154,4 @@
|
|||
.pagination.a2 a.prev,
|
||||
.pagination.a2 a.prevEnd,
|
||||
.pagination.a2 a.next,
|
||||
.pagination.a2 a.nextEnd{ background-color:#444;}
|
||||
|
||||
/* Editor */
|
||||
.editorTypeSelector a span{ color:#000;}
|
||||
|
||||
/* Tag Cloud */
|
||||
.tagCloud .tagHeader{border-top-color:#999; border-bottom-color:#999; color:#fff; background-color:#666; background-image:url(../images/black/bgThDefault.gif);}
|
||||
.tagCloud li.rank1 a{ background:#12d763; color:#fff;}
|
||||
.tagCloud li.rank2 a{ color:#eee;}
|
||||
.tagCloud li.rank3 a{ color:#00b4b5;}
|
||||
.tagCloud li.rank4 a{ color:#ddd;}
|
||||
.tagCloud li.rank5 a{ color:#ccc;}
|
||||
|
||||
|
||||
.pagination.a2 a.nextEnd{ background-color:#000;}
|
||||
|
|
|
|||
|
|
@ -1,9 +1,13 @@
|
|||
@charset "utf-8";
|
||||
/* NHN > UIT Center > Open UI Platform Team > Jeong Chan Myeong(dece24@nhncorp.com) */
|
||||
|
||||
/* Zeroboard XE */
|
||||
|
||||
/* Board Reset */
|
||||
.board{ font-family:NanumGothic, MalgunGothic, AppleGothic, Gulim, Dotum, Tahoma, Sans-serif; line-height:normal; font-size:1.1em;}
|
||||
.board{ font-family:NanumGothic, "Malgun Gothic", AppleGothic, Gulim, Dotum, Tahoma, Sans-serif; line-height:normal; font-size:.8em;}
|
||||
.board *{ font-size:1em;}
|
||||
.board .inputText,
|
||||
.board textarea{ border:1px solid;}
|
||||
.board label{ cursor:pointer;}
|
||||
.board img{ border:0;}
|
||||
.board a{ text-decoration:none;}
|
||||
|
|
@ -117,22 +121,22 @@
|
|||
.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; width:140px; height:15px; padding:4px 4px 2px 4px; font-size:12px; *margin:-1px 0;}
|
||||
.boardSearchForm .inputText{ width:140px; height:15px; padding:4px 4px 2px 4px; font-size:12px; *margin:-1px 0;}
|
||||
|
||||
/* Board Read */
|
||||
.boardRead{}
|
||||
|
||||
.boardReadHeader{ margin-bottom:5px; *zoom:1;}
|
||||
.boardReadHeader{ padding-bottom:5px; margin-bottom:15px; *zoom:1; border-bottom:2px solid;}
|
||||
.boardReadHeader:after{ content:""; display:block; float:none; clear:both;}
|
||||
.boardReadHeader *{ margin:0; padding:0;}
|
||||
.boardReadHeader .title{ float:left; font-size:1.5em;}
|
||||
.boardReadHeader em{ position:relative; top:5px; float:right; font-style:normal; font-weight:bold; font-size:1em;}
|
||||
.boardReadHeader a{ font-weight:bold; font-size:1em;}
|
||||
|
||||
.boardReadBody{ padding:15px 0; border-top:1px solid; border-bottom:1px solid; line-height:1.5em;}
|
||||
.boardReadBody{ padding-bottom:15px; border-bottom:1px solid; line-height:1.5em;}
|
||||
.boardReadBody .document_popup_menu{ margin-top:20px; text-align:right;}
|
||||
.boardReadBody .document_popup_menu a{ text-decoration:underline;}
|
||||
.boardReadBody .xe_content{ margin-bottom:15px;}
|
||||
.boardReadBody .xe_content{ margin-bottom:15px; line-height:1.6em;}
|
||||
.boardReadBody .memberSignature{ border:1px dotted;}
|
||||
.boardReadBody .memberSignature .signature{ margin:10px;}
|
||||
|
||||
|
|
@ -194,42 +198,39 @@
|
|||
.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; margin-bottom:10px;}
|
||||
.replyForm textarea{ position:relative; width:95%; height:150px; border:1px solid; font-size:1em; overflow:auto; padding:10px; margin-bottom:10px;}
|
||||
.replyForm .inputText{ border:1px solid; padding:2px 4px 4px 4px; width:190px; height:15px; vertical-align:middle; *margin:-1px 0;}
|
||||
.replyForm textarea{ position:relative; width:95%; height:150px; font-size:1em; overflow:auto; padding:10px; margin-bottom:10px;}
|
||||
.replyForm .inputText{ 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;}
|
||||
|
||||
/* Board Write */
|
||||
.boardWrite{}
|
||||
.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 .boardWriteHeader{ position:relative;}
|
||||
.boardWrite .boardWriteHeader dl{ margin-bottom:5px;}
|
||||
.boardWrite .boardWriteHeader dl *{ vertical-align:middle;}
|
||||
.boardWrite .boardWriteHeader dt{ font-weight:bold; display:inline;}
|
||||
.boardWrite .boardWriteHeader dd{ display:inline;}
|
||||
.boardWrite .boardWriteHeader dd select{ font-size:12px; vertical-align:top; height:23px;}
|
||||
.boardWrite .boardWriteHeader dd .inputText{ border:1px solid; padding:3px 4px; height:15px; margin-bottom:5px; font-size:12px; *margin-top:-1px;}
|
||||
.boardWrite .boardWriteHeader dd .inputText{ padding:3px 4px; height:15px; margin-bottom:5px; font-size:12px; *margin-top:-1px;}
|
||||
|
||||
.boardWrite .boardWriteHeader dl.title dd{ white-space:nowrap;}
|
||||
.boardWrite .boardWriteHeader dl.title dd .inputText{ width:60%;}
|
||||
|
||||
.boardWrite .boardWriteHeader dl.option input{ width:13px; height:13px;}
|
||||
.boardWrite .boardWriteHeader dl.option dd{ margin-right:5px; white-space:nowrap;}
|
||||
|
||||
.boardWrite .tag{ clear:both; margin-bottom:10px; *zoom:1;}
|
||||
.boardWrite .tag:after{ content:""; display:block; float:none; clear:both;}
|
||||
.boardWrite .tag input{ float:left; border:1px solid; width:330px; padding:4px 4px 2px 4px; margin-right:10px; font-size:12px;}
|
||||
.boardWrite .tag .inputText{ float:left; width:330px; padding:4px 4px 2px 4px; margin-right:10px; font-size:12px;}
|
||||
.boardWrite .tag p{ float:left;}
|
||||
|
||||
.boardWrite .boardNavigation,
|
||||
.boardEditor .boardNavigation{ border-top:1px solid;}
|
||||
|
||||
/* UserName & Password */
|
||||
.board .userNameAndPw{ margin:0;}
|
||||
.board .userNameAndPw{ margin:0; padding:5px 10px 0 10px; border-top:1px solid;}
|
||||
.board .userNameAndPw dl{ display:inline; white-space:nowrap;}
|
||||
.board .userNameAndPw dt{ position:relative; top:-3px; font-weight:bold; display:inline;}
|
||||
.board .userNameAndPw dd{ margin-right:5px; display:inline;}
|
||||
|
|
@ -238,9 +239,15 @@
|
|||
.board .userNameAndPw dd.userPw .inputText{ width:80px;}
|
||||
.board .userNameAndPw dd.emailAddress .inputText{ width:120px;}
|
||||
.board .userNameAndPw dd.homePage .inputText{ width:120px;}
|
||||
.board .userNameAndPw dd .inputText{ border:1px solid; padding:3px 4px; height:15px; margin-bottom:5px; font-size:12px; *margin-top:-1px; vertical-align:middle;}
|
||||
.board .userNameAndPw dd .inputText{ padding:3px 4px; height:15px; margin-bottom:5px; font-size:12px; *margin-top:-1px; vertical-align:middle;}
|
||||
|
||||
/* Comment */
|
||||
.board .editorOption{ padding:8px 10px; border-top:1px solid;}
|
||||
.board .editorOption *{ vertical-align:middle;}
|
||||
.board .editorOption dt{ font-weight:bold; display:inline;}
|
||||
.board .editorOption dd{ margin-right:5px; display:inline;}
|
||||
.board .editorOption dd select{ font-size:12px;}
|
||||
.board .editorOption dd .inputCheck{ width:13px; height:13px;}
|
||||
.board .boardEditor{ border:1px solid; margin-bottom:20px;}
|
||||
.board .boardEditor .commentEditor{ margin:10px 15px;}
|
||||
.board .commentEditor .commentHeader{position:relative; border-bottom:1px solid; font-weight:bold; padding-bottom:5px; margin-bottom:10px; font-size:1.5em;}
|
||||
|
|
@ -251,10 +258,40 @@
|
|||
.board .secretMessage dl{ text-align:center; margin:15px 0;}
|
||||
.board .secretMessage dt{ font-weight:bold; display:inline;}
|
||||
.board .secretMessage dd{ margin:0; display:inline;}
|
||||
.board .secretMessage dd .inputText{ border:1px solid; padding:3px 4px; height:15px; vertical-align:middle; margin-right:5px;}
|
||||
.board .secretMessage dd .inputText{ padding:3px 4px; height:15px; vertical-align:middle; margin-right:5px;}
|
||||
|
||||
/* Extra Var Table */
|
||||
.extraVarsList{ width:100%; border:0; border-bottom:1px solid; margin-bottom:15px;}
|
||||
.extraVarsList caption{ text-align:right;}
|
||||
.extraVarsList em{ font-style:normal; font-weight:normal;}
|
||||
.extraVarsList th,
|
||||
.extraVarsList td{ border:0; padding:5px 10px; text-align:left; border-top:1px solid; vertical-align:top;}
|
||||
.extraVarsList th{ white-space:nowrap;}
|
||||
.extraVarsList td{ width:100%;}
|
||||
.extraVarsList td p{ display:inline-block; *display:inline; margin:3px 0;}
|
||||
.extraVarsList td *{ vertical-align:middle;}
|
||||
.extraVarsList td li{ display:inline; margin-right:10px;}
|
||||
.extraVarsList td .inputText{ padding:3px 4px; font-size:12px; width:96%; display:block;}
|
||||
.extraVarsList td .inputNum{ padding:3px 4px; font-size:12px; width:50px; border:1px solid;}
|
||||
.extraVarsList td .inputCheck{ width:13px; height:13px; margin-right:5px;}
|
||||
.extraVarsList td select { font-size:12px;}
|
||||
.extraVarsList td textarea{ padding:3px 4px; font-size:12px; width:96%; display:block; overflow:auto;}
|
||||
|
||||
/* Tag Cloud */
|
||||
.tagCloud{ padding-bottom:15px; border-bottom:1px solid #ddd;}
|
||||
.tagCloud *{ margin:0; padding:0;}
|
||||
.tagCloud .tagHeader{border:0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:7px; color:#333; background:#fff url(../images/white/bgThDefault.gif) repeat-x left bottom; line-height:normal;}
|
||||
.tagCloud .tagHeader strong{ color:#ff6600;}
|
||||
.tagCloud ul{ text-align:justify; margin-top:15px;}
|
||||
.tagCloud li{ display:inline; list-style:none; margin:0 5px;}
|
||||
.tagCloud li a{ white-space:nowrap;}
|
||||
.tagCloud li.rank1 a{ font-weight:bold; font-size:2em; background:#12d763; color:#fff;}
|
||||
.tagCloud li.rank2 a{ font-weight:bold; font-size:1.75em; color:#666;}
|
||||
.tagCloud li.rank3 a{ font-weight:bold; font-size:1.5em; color:#00b4b5;}
|
||||
.tagCloud li.rank4 a{ font-size:1.25em; color:#666;}
|
||||
.tagCloud li.rank5 a{ font-size:1em; color:#666;}
|
||||
|
||||
/* Layer */
|
||||
#waitingforserverresponse { border:2px solid; font-weight:bold; padding: 7px 5px 5px 25px; top:40px; left:40px; position:absolute; z-index:100; visibility:hidden; }
|
||||
#popup_menu_area{ position:absolute; border:2px solid; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0; padding:0; z-index:100;}
|
||||
#popup_menu_area *{ margin:0; padding:0; list-style:none; font-size:12px; line-height:normal;}
|
||||
#popup_menu_area ul{ border:1px solid; -moz-border-radius:3px; -webkit-border-radius:3px; padding:10px;}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,8 @@
|
|||
@charset "utf-8";
|
||||
/* NHN > UIT Center > Open UI Platform Team > Jeong Chan Myeong(dece24@nhncorp.com) */
|
||||
|
||||
/* Zeroboard XE Pagination */
|
||||
|
||||
/* Pagination Reset */
|
||||
.pagination{ padding:15px 0; margin:0; text-align:center;}
|
||||
.pagination *{ margin:0; padding:0;}
|
||||
|
|
|
|||
|
|
@ -1,14 +0,0 @@
|
|||
@charset "utf-8";
|
||||
/* NHN > UIT Center > Open UI Platform Team > Jeong Chan Myeong(dece24@nhncorp.com) */
|
||||
|
||||
.tagCloud *{ margin:0; padding:0;}
|
||||
.tagCloud .tagHeader{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;}
|
||||
.tagCloud .tagHeader strong{ color:#ff6600;}
|
||||
.tagCloud ul{ text-align:justify; margin:20px 0;}
|
||||
.tagCloud li{ display:inline; list-style:none; margin:0 5px;}
|
||||
.tagCloud li a{ white-space:nowrap;}
|
||||
.tagCloud li.rank1 a{ font-weight:bold; font-size:2em; background:#12d763; color:#fff;}
|
||||
.tagCloud li.rank2 a{ font-weight:bold; font-size:1.75em; color:#666;}
|
||||
.tagCloud li.rank3 a{ font-weight:bold; font-size:1.5em; color:#00b4b5;}
|
||||
.tagCloud li.rank4 a{ font-size:1.25em; color:#666;}
|
||||
.tagCloud li.rank5 a{ font-size:1em; color:#666;}
|
||||
|
|
@ -1,13 +1,20 @@
|
|||
@charset "utf-8";
|
||||
/* NHN > UIT Center > Open UI Platform Team > Jeong Chan Myeong(dece24@nhncorp.com) */
|
||||
|
||||
/* Zeroboard XE White Theme */
|
||||
|
||||
/* Board Reset */
|
||||
.board{ background:#fff; color:#333;}
|
||||
.board .inputText,
|
||||
.board textarea{ border-color:#ccc;}
|
||||
.board .inputText,
|
||||
.board textarea,
|
||||
.board select{ background:#fff; color:#333;}
|
||||
.board a{color:#000;}
|
||||
|
||||
/* Board Header */
|
||||
.boardHeader .boardTitle{ border-bottom-color:#ddd; background-image:url(../images/common/iconBoardHeading.gif);}
|
||||
.boardHeader .boardTitleText{ border-bottom-color:#666; background-image:url(../images/white/lineVr11.gif);}
|
||||
.boardHeader .boardTitle{ border-color:#ddd; background-image:url(../images/common/iconBoardHeading.gif);}
|
||||
.boardHeader .boardTitleText{ border-color:#666; background-image:url(../images/white/lineVr11.gif);}
|
||||
.boardHeader .boardTitleText a{ color:#000;}
|
||||
.boardHeader .boardTitleText em{ color:#666;}
|
||||
.boardHeader .boardDescription{ background:#f8f8f8; }
|
||||
|
|
@ -25,25 +32,25 @@
|
|||
.boardListForm strong{color:#ff6600;}
|
||||
|
||||
/* Board List */
|
||||
.boardList{ border-top-color:#ddd; border-bottom-color:#ddd;}
|
||||
.boardList{ border-color:#ddd;}
|
||||
.boardList .jumpTo button{ background-color:transparent; background-image:url(../images/common/buttonBg2byte.gif);}
|
||||
.boardList tr.notice{ background:#f8f8f8;}
|
||||
.boardList tr.bg1{ background:#fff;}
|
||||
.boardList tr.bg2{ background:#fbfbfb;}
|
||||
.boardList th{ border-bottom-color:#fff; border-top-color:#fff; color:#333; background-color:#fff; background-image:url(../images/white/bgThDefault.gif);}
|
||||
.boardList th{ border-color:#fff; color:#333; background-color:#fff; background-image:url(../images/white/bgThDefault.gif);}
|
||||
.boardList th a{ color:#1978AD;}
|
||||
.boardList td{ border-top-color:#eee; color:#666;}
|
||||
.boardList td{ border-color:#eee; color:#666;}
|
||||
.boardList td .category{ color:#000; background-image:url(../images/white/lineVr11.gif);}
|
||||
.boardList td.title .replyNum{ color:#ccc;}
|
||||
.boardList td.title .replyNum sup{ color:#999;}
|
||||
|
||||
.boardList td.summary .thumb{ border-color:#ddd; background:#fff;}
|
||||
|
||||
.thumbHeader{ border-top-color:#ddd; border-bottom-color:#ddd; color:#333; background-color:#fff; background-image:url(../images/white/bgThDefault.gif);}
|
||||
.thumbHeader{ border-color:#ddd; color:#333; background-color:#fff; background-image:url(../images/white/bgThDefault.gif);}
|
||||
.thumbHeader a{ color:#1978AD;}
|
||||
.thumbHeader .jumpTo button{ background-image:url(../images/common/buttonBg2byte.gif);}
|
||||
|
||||
.thumbList{ border-bottom-color:#ddd;}
|
||||
.thumbList{ border-color:#ddd;}
|
||||
.thumbList li .thumb{ background:#fff; border-color:#ddd;}
|
||||
.thumbList li .thumb a .text{ color:#ccc;}
|
||||
.thumbList li .thumb a .category{ background:#000; opacity:.6; filter:alpha(opacity=60); color:#fff;}
|
||||
|
|
@ -51,10 +58,11 @@
|
|||
/* Board Navigation */
|
||||
|
||||
/* Search Form */
|
||||
.boardSearchForm .inputText{ border-color:#ccc;}
|
||||
|
||||
/* Board Read */
|
||||
.boardReadBody{ border-top-color:#ddd; border-bottom-color:#ddd;}
|
||||
.boardReadHeader{ border-color:#ddd;}
|
||||
|
||||
.boardReadBody{ border-color:#ddd;}
|
||||
.boardReadBody .memberSignature{ border-color:#ddd;}
|
||||
|
||||
.boardReadFooter{ color:#666;}
|
||||
|
|
@ -63,13 +71,13 @@
|
|||
.boardReadFooter dd{ background-image:url(../images/white/lineVr11.gif);}
|
||||
.boardReadFooter .footerRight dl.noBr dt{ background-image:url(../images/white/lineVr11.gif);}
|
||||
|
||||
.boardRead .boardNavigation{ border-top-color:#ddd;}
|
||||
.boardRead .boardNavigation{ border-color:#ddd;}
|
||||
|
||||
.feedbackList{ color:#666;}
|
||||
.feedbackList .feedbackHeader{ color:#000;}
|
||||
.feedbackList .feedbackHeader strong{ color:#ff6600;}
|
||||
|
||||
.feedbackList .item{ border-top-color:#ddd;}
|
||||
.feedbackList .item{ border-color:#ddd;}
|
||||
.feedbackList .reply .indent{ border-left-color:#eee;}
|
||||
|
||||
/* Time */
|
||||
|
|
@ -86,27 +94,42 @@
|
|||
|
||||
.replyForm{ color:#666; background:#f4f4f4;}
|
||||
.replyForm .title{ color:#000;}
|
||||
.replyForm textarea{ border-color:#ccc;}
|
||||
.replyForm .inputText{ border-color:#ccc;}
|
||||
|
||||
/* Board Write */
|
||||
.boardWrite .boardWriteHeader dd .inputText{ border-color:#ccc;}
|
||||
.boardWrite .tag input{ border-color:#ccc;}
|
||||
.boardWrite .boardNavigation,
|
||||
.boardEditor .boardNavigation{ border-top-color:#ddd;}
|
||||
.boardEditor .boardNavigation{ border-color:#ddd;}
|
||||
|
||||
/* UserName & Password */
|
||||
.board .userNameAndPw dd .inputText{ border-color:#ccc;}
|
||||
.board .userNameAndPw,
|
||||
.board .editorOption{ border-color:#ddd; background:#f4f4f4;}
|
||||
|
||||
/* Comment */
|
||||
.board .boardEditor{ border-color:#ddd; background:#f8f8f8;}
|
||||
.board .commentEditor .commentHeader{border-bottom-color:#ddd; color:#000;}
|
||||
.board .commentEditor .commentHeader{border-color:#ddd; color:#000;}
|
||||
|
||||
/* Secret Message */
|
||||
.board .secretMessage dd .inputText{ border-color:#ccc;}
|
||||
|
||||
/* Extra Var Table */
|
||||
.extraVarsList{ border-color:#ddd;}
|
||||
.extraVarsList caption{ color:#999;}
|
||||
.extraVarsList em{ color:#ff6600;}
|
||||
.extraVarsList th,
|
||||
.extraVarsList td{ border-color:#ddd;}
|
||||
.extraVarsList th{ background:#f4f4f4;}
|
||||
.extraVarsList td{ background:#fff;}
|
||||
.extraVarsList td .inputNum{ border-color:#ccc;}
|
||||
|
||||
/* Tag Cloud */
|
||||
.tagCloud{ border-color:#ddd;}
|
||||
.tagCloud .tagHeader{border-color:#ddd; color:#333; background-color:#fff; background-image:url(../images/white/bgThDefault.gif);}
|
||||
.tagCloud .tagHeader strong{ color:#ff6600;}
|
||||
.tagCloud li.rank1 a{ background:#12d763; color:#fff;}
|
||||
.tagCloud li.rank2 a{ color:#666;}
|
||||
.tagCloud li.rank3 a{ color:#00b4b5;}
|
||||
.tagCloud li.rank4 a{ color:#666;}
|
||||
.tagCloud li.rank5 a{ color:#666;}
|
||||
|
||||
/* Layer */
|
||||
#waitingforserverresponse { border-color:#444; color:#444; background-color:#fff;}
|
||||
#popup_menu_area{background:#fff; border-color:#eee;}
|
||||
#popup_menu_area ul{ border-color:#ddd;}
|
||||
#popup_menu_area li a{ color:#000;}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue