mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-01-09 03:32:00 +09:00
a6d427e857
git-svn-id: http://xe-core.googlecode.com/svn/sandbox@4705 201d5d3c-b55e-5fd7-737f-ddc643e51545
196 lines
13 KiB
CSS
196 lines
13 KiB
CSS
@charset "utf-8";
|
|
/* NHN > UIT Center > Open UI Platform Team > Jeong Chan Myeong(dece24@nhncorp.com) */
|
|
|
|
body{ background:#fff;}
|
|
.displayNone{ display:none;}
|
|
|
|
/* Board Reset */
|
|
.board{ font-family:"나눔고딕", NanumGothic, "맑은 고딕", MalgunGothic, AppleGothic, "돋움", Dotum, "굴림", Gulim, Tahoma, Sans-serif; font-size:.8em;}
|
|
.board *{ font-size:1em;}
|
|
.board img{ border:0;}
|
|
|
|
/* Board Header */
|
|
.boardHeader{}
|
|
.boardHeader *{ margin:0; padding:0;}
|
|
.boardHeader .boardTitle{ font-size:1.5em; letter-spacing:-.1em; margin-bottom:10px; border-bottom:3px solid #ddd; *zoom:1; background:url(../images/white/iconBoardHeading.gif) no-repeat left center;}
|
|
.boardHeader .boardTitle:after{ content:""; display:block; clear:both;}
|
|
.boardHeader .boardTitleText{ float:left; clear:both; margin-bottom:-3px; padding:5px 15px 5px 22px; border-bottom:3px solid #666; background:url(../images/white/lineVr11.gif) no-repeat right bottom;}
|
|
.boardHeader .boardTitleText a{ color:#000; text-decoration:none;}
|
|
.boardHeader .boardTitleText em{ font-style:normal; font-weight:normal; color:#666;}
|
|
.boardHeader .boardDescription{ position:relative; padding:7px 15px; -moz-border-radius:3px; -webkit-border-radius:3px; background:#f8f8f8; }
|
|
|
|
/* Board Information */
|
|
.boardInformation{ position:relative; width:100%; padding:10px 0; font-size:.85em; line-height:normal; *zoom:1;}
|
|
.boardInformation *{ margin:0; padding:0;}
|
|
.boardInformation:after{ content:""; display:block; float:none; clear:both;}
|
|
.boardInformation ul{ position:relative; overflow:hidden;}
|
|
.boardInformation li{ list-style:none; position:relative; left:-1px; display:block; float:left; padding:0 7px; background:url(../images/white/lineVr11.gif) no-repeat left center;}
|
|
.boardInformation em,
|
|
.boardInformation strong{ color:#ff6600;}
|
|
.boardInformation strong{ font:bold 11px Tahoma;}
|
|
.boardInformation a{ text-decoration:none; color:#000;}
|
|
.boardInformation a:hover,
|
|
.boardInformation a:active,
|
|
.boardInformation a:focus{ text-decoration:underline;}
|
|
.boardInformation .infoLeft{ padding-left:18px; float:left; background:url(../images/white/iconArticle.gif) no-repeat left center;}
|
|
.boardInformation .infoRight{ float:right;}
|
|
.boardInformation .infoRight li.icon{ background:none; padding:0; margin-right:3px;}
|
|
.boardInformation .infoRight li.icon a{ display:block; float:left; width:12px; height:12px; overflow:hidden;}
|
|
.boardInformation .infoRight li.icon a span{ display:block; width:12px; height:12px; position:relative; z-index:-1; visibility:hidden;}
|
|
.boardInformation .infoRight li.rss a{ background:url(../images/white/iconRss.gif) no-repeat;}
|
|
.boardInformation .infoRight li.tag_info a{ background:url(../images/white/iconTags.gif) no-repeat;}
|
|
.boardInformation .infoRight li.listTypeClassic a{ background:url(../images/white/listTypeClassic.gif) no-repeat;}
|
|
.boardInformation .infoRight li.listTypeZine a{ background:url(../images/white/listTypeZine.gif) no-repeat;}
|
|
.boardInformation .infoRight li.listTypeGallery a{ background:url(../images/white/listTypeGallery.gif) no-repeat;}
|
|
.boardInformation .infoRight li.contributors a{ background:url(../images/white/iconContributors.gif) no-repeat;}
|
|
|
|
/* Board List Form */
|
|
.boardListForm{ margin:0; line-height:normal;}
|
|
.boardListForm *{ margin:0; padding:0;}
|
|
.boardListForm fieldset{ border:0; position:relative; clear:both;}
|
|
.boardListForm fieldset:after{ content:""; display:block; float:none; clear:both;}
|
|
.boardListForm legend{ position:absolute; width:0; height:0; overflow:hidden; font:0/0 Sans-serif; visibility:hidden;}
|
|
.boardListForm em,
|
|
.boardListForm strong{ font-style:normal; color:#ff6600;}
|
|
.boardListForm a{ text-decoration:none; color:#000;}
|
|
.boardListForm a:hover,
|
|
.boardListForm a:active,
|
|
.boardListForm a:focus{ text-decoration:underline;}
|
|
|
|
/* Board List */
|
|
.boardList{ border:0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; width:100%;}
|
|
.boardList .inputCheck{ width:13px; height:13px;}
|
|
.boardList .jumpTo{ float:left;}
|
|
.boardList .jumpTo *{ vertical-align:middle; *vertical-align:top;}
|
|
.boardList .jumpTo select{ font-size:12px; *margin-right:5px;}
|
|
.boardList .jumpTo button{ border:0; padding:0; margin:0; width:22px; height:20px; text-align:center; background:url(../images/white/buttonBg2byte.gif) no-repeat; font-size:11px; letter-spacing:-1px; cursor:pointer; line-height:20px;}
|
|
.boardList tr.notice{ background:#f8f8f8;}
|
|
.boardList tr.bg1{ background:#fff;}
|
|
.boardList tr.bg2{ background:#fbfbfb;}
|
|
.boardList th{ border:0; border-bottom:1px solid #fff; padding:7px; white-space:nowrap; text-align:center; color:#333; background:#fff url(../images/white/bgThDefault.gif) repeat-x left bottom; line-height:normal;}
|
|
.boardList th a{ color:#1978AD;}
|
|
.boardList th a .sort{ vertical-align:middle; margin:0 5px;}
|
|
.boardList td{ border:0; border-top:1px solid #eee; padding:6px; white-space:nowrap; text-align:center; color:#666; line-height:normal;}
|
|
.boardList td.num{ font:11px Tahoma;}
|
|
.boardList td.check{ font:11px Tahoma;}
|
|
.boardList td .category{ color:#000;}
|
|
.boardList td.title{ width:100%; white-space:normal; text-align:left;}
|
|
.boardList td.title .replyNum{ font:11px Tahoma; color:#ccc;}
|
|
.boardList td.title .replyNum sup{ font:10px Tahoma; color:#999;}
|
|
.boardList td.author{}
|
|
.boardList td.vCount{ text-align:right; font:11px Tahoma;}
|
|
.boardList td.rCount{ text-align:right; font:11px Tahoma;}
|
|
.boardList td.date{ font:11px Tahoma;}
|
|
|
|
#popup_menu_area{ position:absolute;}
|
|
|
|
.boardNavigation{ position:relative; padding:10px 0; *zoom:1; text-align:center;}
|
|
.boardNavigation:after{ content:""; display:block; float:none; clear:both;}
|
|
.boardNavigation .pagination{ padding:5px 0;}
|
|
.boardNavigation .buttonLeft{ float:left; text-align:left;}
|
|
.boardNavigation .buttonRight{ float:right; text-align:right;}
|
|
|
|
.boardSearchForm{ margin:0; font-size:.75em; line-height:normal;}
|
|
.boardSearchForm *{ margin:0; padding:0;}
|
|
.boardSearchForm fieldset{ border:0; position:relative; clear:both; text-align:center;}
|
|
.boardSearchForm fieldset:after{ content:""; display:block; float:none; clear:both;}
|
|
.boardSearchForm fieldset *{ vertical-align:middle;}
|
|
.boardSearchForm legend{ position:absolute; width:0; height:0; overflow:hidden; font:0/0 Sans-serif; visibility:hidden;}
|
|
.boardSearchForm select{ font-size:12px; height:23px;}
|
|
.boardSearchForm .inputText{ border:1px solid #ccc; width:140px; height:15px; padding:4px 4px 2px 4px; font-size:12px; *margin:-1px 0;}
|
|
|
|
.boardRead{}
|
|
|
|
.boardReadHeader{ margin-bottom:5px; *zoom:1;}
|
|
.boardReadHeader:after{ content:""; display:block; float:none; clear:both;}
|
|
.boardReadHeader *{ margin:0; padding:0;}
|
|
.boardReadHeader .title{ float:left;}
|
|
.boardReadHeader em{ float:right; font-style:normal; font-weight:bold; font-size:1em;}
|
|
.boardReadHeader a{ text-decoration:none; color:#000; font-weight:bold; font-size:1em;}
|
|
.boardReadHeader a:hover,
|
|
.boardReadHeader a:active,
|
|
.boardReadHeader a:focus{ text-decoration:underline;}
|
|
|
|
.boardReadBody{ padding:15px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; font-size:.75em; line-height:1.5em;}
|
|
|
|
.boardReadFooter{ padding:10px 0; *zoom:1; color:#666; line-height:1em; font:11px Tahoma;}
|
|
.boardReadFooter:after{ content:""; display:block; float:none; clear:both;}
|
|
.boardReadFooter *{ margin:0; padding:0;}
|
|
.boardReadFooter a{ color:#666;}
|
|
.boardReadFooter .footerLeft{ float:left;}
|
|
.boardReadFooter .footerRight{ float:right;}
|
|
.boardReadFooter dl{ clear:both; white-space:nowrap;}
|
|
.boardReadFooter dt{ display:inline; font-weight:bold;}
|
|
.boardReadFooter dd{ display:inline;}
|
|
.boardReadFooter .footerRight dl{ float:right;}
|
|
.boardReadFooter .footerRight dl.noBr{ position:relative; left:5px; float:right; clear:both; overflow:hidden; white-space:nowrap;}
|
|
.boardReadFooter .footerRight dl.noBr dt{ position:relative; left:-1px; padding-left:10px; background:url(../images/white/lineVr11.gif) no-repeat left center;}
|
|
.boardReadFooter .footerRight dl.noBr dd{ margin-right:5px;}
|
|
|
|
.boardRead .boardNavigation{ border-top:1px solid #ddd;}
|
|
|
|
.feedbackList{ position:relative; overflow:hidden; font-size:.75em; padding-top:15px; margin-bottom:10px; color:#666;}
|
|
.feedbackList *{ margin:0; padding:0;}
|
|
.feedbackList .title{ position:relative; font-weight:bold; font-size:1.5em; color:#000; margin-bottom:10px;}
|
|
.feedbackList .title strong{ color:#ff6600;}
|
|
.feedbackList dl{ position:relative; padding-top:10px; margin-bottom:10px; border-top:1px dashed #ddd;}
|
|
.feedbackList dt{ font-weight:bold; font-size:1.25em; margin-bottom:5px; color:#333;}
|
|
.feedbackList dd{ line-height:1.5em;}
|
|
.feedbackList dd.trackbackTitle{ font-weight:bold;}
|
|
.feedbackList dd.text{}
|
|
.feedbackList dd.time{ position:absolute; top:15px; right:0; font:11px Tahoma;}
|
|
.feedbackList dd a.delete{ font-weight:bold; color:#ff6600;}
|
|
.feedbackList a{ text-decoration:none;}
|
|
.feedbackList a:hover,
|
|
.feedbackList a:active,
|
|
.feedbackList a:focus{ text-decoration:underline;}
|
|
|
|
.replyForm{ padding:10px 20px 15px 20px; font-size:.75em; color:#666; margin-bottom:20px; background:#f4f4f4; -moz-border-radius:10px; -webkit-border-radius:10px;}
|
|
.replyForm *{ margin:0; padding:0;}
|
|
.replyForm fieldset{ border:0; position:relative;}
|
|
.replyForm fieldset:after{ content:""; display:block; float:none; clear:both;}
|
|
.replyForm legend{ position:absolute; width:0; height:0; overflow:hidden; font:0/0 Sans-serif; visibility:hidden;}
|
|
.replyForm .title{ font-weight:bold; font-size:1.5em; color:#000; margin-bottom:10px;}
|
|
.replyForm textarea{ position:relative; width:95%; height:150px; border:1px solid #ccc; font-size:1em; overflow:auto; padding:10px; margin-bottom:10px;}
|
|
.replyForm .inputText{ border:1px solid #ccc; padding:2px 4px 4px 4px; width:190px; height:15px; vertical-align:middle; *margin:-1px 0;}
|
|
.replyForm dl{ margin-bottom:10px;}
|
|
.replyForm dt{ width:80px; float:left; padding-top:6px; font-weight:bold;}
|
|
.replyForm dd{ margin-bottom:5px;}
|
|
|
|
.boardWrite{ font-size:.75em;}
|
|
.boardWrite *{ margin:0; padding:0;}
|
|
.boardWrite li{ list-style:none;}
|
|
.boardWrite fieldset{ border:0; position:relative;}
|
|
.boardWrite legend{ position:absolute; width:0; height:0; overflow:hidden; font:0/0 Sans-serif; visibility:hidden;}
|
|
.boardWrite dl:after{ content:""; display:block; float:none; clear:both;}
|
|
.boardWrite dt{ float:left; width:50px; margin-right:-50px; font-weight:bold; clear:left; padding-top:6px;}
|
|
.boardWrite dd{ margin-left:50px; clear:right;}
|
|
.boardWrite .boardWriteHeader .inputText{ width:96%; border:1px solid #ccc; padding:2px 4px 4px 4px; height:15px; *margin:-1px 0;}
|
|
.boardWrite .boardWriteHeader{ margin-bottom:10px;}
|
|
.boardWrite .boardWriteBody{ margin-bottom:10px;}
|
|
.boardWrite .boardWriteBody dt{ padding-top:30px;}
|
|
.boardWrite .boardWriteBody dd{ _zoom:1;}
|
|
.boardWrite .boardWriteBody .styleText,
|
|
.boardWrite .boardWriteBody .plainText,
|
|
.boardWrite .boardWriteBody .htmlText{ display:none;}
|
|
.boardWrite .boardWriteBody iframe,
|
|
.boardWrite .boardWriteBody textarea{ width:95%; height:300px; border:1px solid #ccc; padding:10px; overflow:auto; font-size:1em; margin-bottom:10px;}
|
|
.boardWrite .boardWriteBody .plainText textarea{ *margin:-1px 0;}
|
|
.boardWrite .boardWriteBody .active{ display:block;}
|
|
.boardWrite .boardWriteBody ul{ float:right; position:relative; right:4%;}
|
|
.boardWrite .boardWriteBody li{ float:left; background:#eee; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-radius-topleft:5px; -webkit-border-radius-topright:5px; margin-left:5px;}
|
|
.boardWrite .boardWriteBody li a{ display:block; float:left; text-decoration:none; color:#000; height:20px; padding:7px 15px 0 15px; letter-spacing:-1px;}
|
|
.boardWrite .boardWriteBody li.active a{ font-weight:bold;}
|
|
.boardWrite .boardWriteFooter .inputFile{ width:97%; border:1px solid #ccc; padding:2px 4px 4px 4px; height:23px;}
|
|
.boardWrite .boardNavigation{ padding:10px 0; clear:both;}
|
|
|
|
/* Layer */
|
|
#waitingforserverresponse { border:2px solid #444444; font-weight:bold; color:#444444; padding: 7px 5px 5px 25px; background:#FFFFFF url("../tpl/images/loading.gif") no-repeat 5px 5px; top:40px; left:40px; position:absolute; z-index:100; visibility:hidden; }
|
|
#popup_menu_area{ position:absolute; background:#fff; border:2px solid #eee; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0; padding:0;}
|
|
#popup_menu_area *{ margin:0; padding:0; list-style:none; font-size:12px; line-height:normal;}
|
|
#popup_menu_area ul{ border:1px solid #ddd; -moz-border-radius:5px; -webkit-border-radius:5px; padding:10px;}
|
|
#popup_menu_area li{ padding-left:20px; background-repeat:no-repeat; background-position:left center; margin-bottom:3px; *margin-bottom:-2px;}
|
|
#popup_menu_area li a{ text-decoration:none; color:#000;}
|
|
#popup_menu_area li a:hover,
|
|
#popup_menu_area li a:active,
|
|
#popup_menu_area li a:focus{ font-weight:bold; letter-spacing:-1px;}
|