@import "board.css"; /** * sub **/ /* layout */ #mainNavi { position: relative; width: 1090px; height: 213px; margin: 0 auto; } #container { margin-top: 30px; } #gamestart { margin: 0 0 40px 10px; } #content { padding: 115px 0 170px; } #banner {} #banner p { margin: 0 0 3px; } #banner img { display: block; } #guide { margin: 5px 0 0 -1px; zoom: 1; overflow: hidden; } #guide img { display: block; float: left; padding: 0 0 0 1px; } #externalLink { margin: 5px 0 0; } /* sub title */ h3 { margin: 0 0 56px 10px; padding: 15px 0 0; } h3 img { display: block; } h4.title { position: relative; margin: 0 0 7px 0; } h4.title .more { position: absolute; top: -3px; right: 0; } h5.title { margin: 20px 0 8px 5px; } /* sub bread crumb */ #breadcrumb { position: absolute; top: 145px; right: 10px; font-family: dotum; font-size: 11px; color: #444; letter-spacing: -1px; } #breadcrumb strong { font-weight: normal; } /* table style */ table.table { width: 100%; border-top: 1px solid #5f2c06; } table.table thead th { color: #999; } table.table th, table.table td { font-size: 11px; border-right: 1px solid #0c0c0c; } table.table th { padding: 8px 0 10px; color: #777; background: #151311 url('http://img.quakewars.co.kr/img2/img_common/table_head.gif') repeat-x left bottom; } table.table td { padding: 6px 0 8px; background: #211b17 url('http://img.quakewars.co.kr/img2/img_common/table_body.gif') repeat-x left bottom; } div.tableCaption { padding: 7px 0; border-bottom: 1px solid #29231f; } div.tableCaption p { padding: 3px 0 3px 5px; } /* tabs */ ul.tab { width: 737px; margin: 0 0 19px; background: url('http://img.quakewars.co.kr/img2/img_common/tab_border.gif') repeat-x 0 0; overflow: hidden; } ul.tab li { float: left; height: 31px; padding: 0 4px 0 0; font-size: 0; line-height: 0; background: url('http://img.quakewars.co.kr/img2/img_common/tab_gradation.gif') no-repeat 100% 0; } ul.tab li a { display: block; height: 31px; text-indent: -3000em; } ul.tab a { background-position: 0 0; background-repeat: no-repeat; } div.tab { position: relative; width: 737px; margin: 0 0 19px; background: url('http://img.quakewars.co.kr/img2/img_common/tab_border.gif') repeat-x 0 0; overflow: hidden; } div.tab span { float: left; height: 31px; padding: 0 4px 0 0; font-size: 0; line-height: 0; background: url('http://img.quakewars.co.kr/img2/img_common/tab_gradation.gif') no-repeat 100% 0; } div.tab span a { display: block; height: 31px; text-indent: -3000em; } div.tab a { background-position: 0 0; background-repeat: no-repeat; } /* news tab */ #tabNews { } #tabNews a { width: 96px; background-image: url('http://img.quakewars.co.kr/img2/img_news/tab_news.gif'); } #tabNews a.t-all { background-position: 0 0; } #tabNews li.current a.t-all, #tabNews a.t-all:hover { background-position: 0 -31px; } #tabNews a.t-notice { background-position: -100px 0; } #tabNews li.current a.t-notice, #tabNews a.t-notice:hover { background-position: -100px -31px; } #tabNews a.t-update { background-position: -200px 0; } #tabNews li.current a.t-update, #tabNews a.t-update:hover { background-position: -200px -31px; } #tabNews a.t-service{ background-position: -300px 0; } #tabNews li.current a.t-service, #tabNews a.t-service:hover { background-position: -300px -31px; } #tabNews a.t-event { background-position: -400px 0; } #tabNews li.current a.t-event, #tabNews a.t-event:hover { background-position: -400px -31px; } /* freeboard tab */ #tabCommu { } #tabCommu a { width: 96px; background-image: url('http://img.quakewars.co.kr/img2/img_community/tab_community.gif'); } #tabCommu a.t-all { background-position: 0 0; } #tabCommu li.current a.t-all, #tabCommu a.t-all:hover { background-position: 0 -31px; } #tabCommu a.t-talk { background-position: -100px 0; } #tabCommu li.current a.t-talk, #tabCommu a.t-talk:hover { background-position: -100px -31px; } #tabCommu a.t-strat { background-position: -200px 0; } #tabCommu li.current a.t-strat, #tabCommu a.t-strat:hover { background-position: -200px -31px; } #tabCommu a.t-report{ background-position: -300px 0; } #tabCommu li.current a.t-report, #tabCommu a.t-report:hover { background-position: -300px -31px; } /* media board tab */ #tabMmedia { } #tabMmedia a { width: 116px; background-image: url('http://img.quakewars.co.kr/img2/img_community/tab_media.gif'); } #tabMmedia a.t-all { background-position: 0 0; } #tabMmedia li.current a.t-all, #tabMmedia a.t-all:hover { background-position: 0 -31px; } #tabMmedia a.t-best { background-position: -120px 0; } #tabMmedia li.current a.t-best, #tabMmedia a.t-best:hover { background-position: -120px -31px; } #tabMmedia a.t-movie { background-position: -240px 0; } #tabMmedia li.current a.t-movie, #tabMmedia a.t-movie:hover { background-position: -240px -31px; } #tabMmedia a.t-sshot { background-position: -360px 0; } #tabMmedia li.current a.t-sshot, #tabMmedia a.t-sshot:hover { background-position: -360px -31px; } /* best issue */ #bestIssue { margin: 0 0 20px; } #bestIssue h3 { margin: 0; padding: 0 0 8px; } .best-issue { height: 173px; padding: 0 10px; background: url('http://img.quakewars.co.kr/img2/img_community/bg_bestissue.gif') no-repeat 0 0; overflow: hidden; } .best-issue a:hover { color: #000; } .best-issue dl { float: left; width: 332px; padding: 20px 15px 0 10px; } .best-issue dl dt { margin: 0 0 10px; } .best-issue dl dd { padding: 5px 0 4px; background: url('http://img.quakewars.co.kr/img2/img_community/bestissue_border.gif') no-repeat 0 100%; } .best-issue dl dd a { display: block; padding: 0 0 0 36px; background-repeat: no-repeat; background-position: 12px 0; } .best-issue dl dd.n1 a { background-image: url('http://img.quakewars.co.kr/img2/img_community/ico_n1.gif'); } .best-issue dl dd.n2 a { background-image: url('http://img.quakewars.co.kr/img2/img_community/ico_n2.gif'); } .best-issue dl dd.n3 a { background-image: url('http://img.quakewars.co.kr/img2/img_community/ico_n3.gif'); } .best-issue dl dd.n4 a { background-image: url('http://img.quakewars.co.kr/img2/img_community/ico_n4.gif'); } .best-issue dl dd.n5 a { background-image: url('http://img.quakewars.co.kr/img2/img_community/ico_n5.gif'); } .best-issue dl dd.s1 a { background-image: url('http://img.quakewars.co.kr/img2/img_community/ico_s1.gif'); } .best-issue dl dd.s2 a { background-image: url('http://img.quakewars.co.kr/img2/img_community/ico_s2.gif'); } .best-issue dl dd.s3 a { background-image: url('http://img.quakewars.co.kr/img2/img_community/ico_s3.gif'); } .best-issue dl dd.s4 a { background-image: url('http://img.quakewars.co.kr/img2/img_community/ico_s4.gif'); } .best-issue dl dd.s5 a { background-image: url('http://img.quakewars.co.kr/img2/img_community/ico_s5.gif'); } .best-issue dl dd.n5, .best-issue dl dd.s5 { background: none; } /* event list */ ul.eventList { width: 737px; margin: 0 0 -15px; } ul.eventList a { color: #44392e; } ul.eventList li { width: 100%; padding: 15px 0; font-size: 0; line-height: 1; background: url('http://img.quakewars.co.kr/img2/img_news/bg_eventlist.gif') no-repeat 0 0; overflow: hidden; } ul.eventList li:first-child { padding-top: 0; background: none; } ul.eventList li p { float: left; width: 305px; } ul.eventList li p img { display: block; width: 293px; height: 124px; border: 1px solid #1d1d1d; } ul.eventList li dl { float: left; width: 425px; margin: 3px 0 0; font-size: 12px; } ul.eventList li dl dt { width: 424px; height: 27px; padding: 12px 0 0 8px; font-weight: bold; color: #44392e; background: url('http://img.quakewars.co.kr/img2/img_news/bg_event_title.gif') no-repeat 0 0; } ul.eventList li dl dd { width: 355px; padding: 8px 0 6px 65px; border-bottom: 1px solid #d2d2d2; } ul.eventList li dl dd.date { background: url('http://img.quakewars.co.kr/img2/img_news/event_list_date.gif') no-repeat 4px 7px; } ul.eventList li dl dd.gift { background: url('http://img.quakewars.co.kr/img2/img_news/event_list_gift.gif') no-repeat 4px 7px; } ul.eventList li dl dd.stat { display: none; height: 32px; padding: 0; border: 0; } ul.eventList li.end p img { filter: gray; } ul.eventList li.end .stat { display: block; background: url('http://img.quakewars.co.kr/img2/img_news/ico_event_end.gif') no-repeat 0 9px; } /* media list */ ul#mediaListBest { width: 725px; height: 142px; margin: 0 0 20px; padding: 31px 0 0 12px; background: url('http://img.quakewars.co.kr/img2/img_community/medialist_best.gif') no-repeat 0 0; overflow: hidden; } ul#mediaListBest li.best1 { width: 356px !important; } ul#mediaListBest dl { width: 180px !important; } ul.mediaList { width: 737px; margin: 0; background: url('http://img.quakewars.co.kr/img2/img_community/medialist_border.gif') repeat-y 0 0; overflow: hidden; } ul.mediaList li { float: left; width: 368px; height: 118px; padding: 20px 0 0; font-size: 0; line-height: 0; overflow: hidden; } ul.mediaList p { float: left; width: 135px; padding: 0 0 0 20px; } ul.mediaList p img { display: block; width: 120px; height: 90px; border: 3px solid #a08e7b; } ul.mediaList dl { float: left; width: 193px; } ul.mediaList dl dt { height: 23px; margin: 0 0 4px; padding: 6px 0 0; font-size: 12px; line-height: 130%; color: #6d645b; border-bottom: 1px solid #e2ddd7; } ul.mediaList dl dt a { font-weight: bold; color: #6d645b; } ul.mediaList dl dt a:hover { color: #840105; } ul.mediaList dl dt img { vertical-align: middle; } ul.mediaList dl dd { padding: 2px 0 3px 52px; font-family: dotum; font-size: 11px; line-height: 130%; letter-spacing: 0; background: url('http://img.quakewars.co.kr/img2/img_community/medialist_text.gif') no-repeat 0 0; } ul.mediaList dl dd img { margin: -3px 0 0; vertical-align: middle; } ul.mediaList dl dd.writer { background-position: 3px 4px; } ul.mediaList dl dd.date { background-position: 3px -33px; } ul.mediaList dl dd.hit { font-weight: bold; background-position: 3px -71px; } /* quake story */ #quakeStory { width: 747px; margin: 0 0 -20px -10px; overflow: hidden; } #quakeStory dl.item { _display: inline; position: relative; float: left; width: 363px; height: 159px; margin: 0 0 0 10px; padding: 0 0 20px; background: url('http://img.quakewars.co.kr/img2/img_community/quakestory_bg.gif') no-repeat 0 0; } #quakeStory dl.item dt { padding: 8px 11px 5px; font-family: verdana; font-size: 11px; color: #6d645b; font-weight: bold; } #quakeStory dl.item dd { float: left; margin: 10px 0 0; } #quakeStory dl.item dd a { color: #416481; } #quakeStory dl.item dd a:hover { color: #840105; } #quakeStory dl.item dd.user { width: 125px; padding: 0 0 0 12px; } #quakeStory dl.item dd.user p img { width: 114px; height: 84px; } #quakeStory dl.item dd.user span { display: block; padding: 8px 0 0 7px; font-family: dotum; font-size: 11px; color: #416481; background: url('http://img.quakewars.co.kr/img2/img_community/bul_arrow.gif') no-repeat 0 13px; } #quakeStory dl.item dd.text { width: 210px; line-height: 140%; } #quakeStory dl.item dd.text strong { display: block; margin: 0 0 5px; } /* gm's radio */ table#gmlist td.gm { width: 682px; padding: 10px 0; } table#gmlist td.gm p { float: left; width: 118px; } table#gmlist td.gm p img { width: 90px; height: 68px; border: 3px solid #a08e7b; } table#gmlist td.gm table.gm { float: left; width: 564px; border: 0; background: none; } table#gmlist td.gm table.gm td { padding: 3px 0 10px; } table#gmlist td.gm table.gm em { font-weight: normal !important; } table#gmlist td.gm td.subject { width: 291px; padding-left: 0 !important; font-weight: bold; } table#gmlist td.gm td.writer { width: 117px; padding-left: 0; text-align: center; } table#gmlist td.gm td.writer img{ margin: 1px 0 0; } table#gmlist td.gm td.date { width: 80px; padding-top: 0px !important; } table#gmlist td.gm td.hit { width: 76px; padding-top: 0px !important; } table#gmlist td.gm td.text { padding: 8px 0 0 !important; text-align: left; border: 0; } /* faq */ #faqSearch { margin: 0 0 30px; padding: 0 0 0 35px; } #faqSearch p { display: inline; padding: 0 12px 0 0; } #faqSearch p img { margin: 1px 0 0; vertical-align: middle; } #faqSearch .input { width: 510px; } ul.faqList { position: relative; border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; z-index: 10; } ul.faqList li { padding: 7px 0; border-bottom: 1px solid #dfdfdf; } ul.faqList li a.on { color: #840105; } ul.faqList li span img { padding: 0 13px 0 15px; vertical-align: middle; } ul.faqList blockquote { display: none; padding: 18px 18px 19px; margin: 5px 0 -9px; color: #6e6e6d; background: #eae5df; } #faqBestWrap { position: relative; background: url('http://img.quakewars.co.kr/img2/img_helpdesk/faq_box_mid.gif') repeat-y 0 0; } #faqBestContainer { padding: 0 0 22px; background: url('http://img.quakewars.co.kr/img2/img_helpdesk/faq_box_btm.gif') no-repeat 0 100%; } #faqBestContent { background: url('http://img.quakewars.co.kr/img2/img_helpdesk/faq_box_top.gif') no-repeat 0 0; } #faqBestContent h4 { margin: 0; padding: 21px 0 10px 21px; } ul#faqBest { width: 693px; margin: 0 auto; border-top: 1px solid #dfdfdf; } ul#faqBest li { } ul#faqBest blockquote { } #tabFaq { margin-top: 30px; margin-bottom: -1px; } #tabFaq a { width: 96px; background-image: url('http://img.quakewars.co.kr/img2/img_helpdesk/faq_tab.gif'); } /* all */ #tabFaq a.t-all { background-position: 0 0 ; } #tabFaq li.current a.t-all, #tabFaq a.t-all:hover { background-position: 0 -31px; } /* install/excute */ #tabFaq a.t-install { background-position: -100px 0; } #tabFaq li.current a.t-install, #tabFaq a.t-install:hover { background-position: -100px -31px; } /* game */ #tabFaq a.t-game { background-position: -200px 0; } #tabFaq li.current a.t-game, #tabFaq a.t-game:hover { background-position: -200px -31px; } /* account */ #tabFaq a.t-account { background-position: -300px 0; } #tabFaq li.current a.t-account, #tabFaq a.t-account:hover { background-position: -300px -31px; } /* event/etc */ #tabFaq a.t-event { background-position: -400px 0; } #tabFaq li.current a.t-event, #tabFaq a.t-event:hover { background-position: -400px -31px; } /* cash items */ #tabFaq a.t-items { background-position: -500px 0; } #tabFaq li.current a.t-items, #tabFaq a.t-items:hover { background-position: -500px -31px; } /* one to one */ #tabOto a { width: 96px; background-image: url('http://img.quakewars.co.kr/img2/img_helpdesk/oto_tab.gif'); } #tabOto a.t-write { background-position: 0 0; } #tabOto li.current a.t-write, #tabOto a.t-write:hover { background-position: 0 -31px; } #tabOto a.t-list { background-position: -100px 0; } #tabOto li.current a.t-list, #tabOto a.t-list:hover { background-position: -100px -31px; } table.otoWrite { width: 737px; margin: -19px 0 10px; } table.otoWrite th { width: 64px; padding: 14px 0 0 17px; text-align: left; vertical-align: top; background: #eae5df url('http://img.quakewars.co.kr/img2/img_helpdesk/oto_border_l.gif') no-repeat 0 0; } table.otoWrite th p { background: url('http://img.quakewars.co.kr/img2/img_helpdesk/otowrite_border.gif') no-repeat 100% 2px; } table.otoWrite td { padding: 10px 0 9px 14px; font-family: dotum; font-size: 11px; background: #eae5df url('http://img.quakewars.co.kr/img2/img_helpdesk/oto_border_r.gif') no-repeat 100% 0; } table.otoWrite td * td { padding: 0; } table.otoWrite td input.checkbox { margin: -3px 0 0; } table.otoWrite td p { padding: 5px 0 2px; } table.otoWrite td p.caption { padding: 3px 0 0; } table.otoWrite td p em { /*color: #897721;*/ } table.otoWrite td img, table.otoWrite td input { vertical-align: middle; } table.otoWrite td div.fileinputs { margin: 0 0 3px; } table.otoWrite td input.input { padding-left: 5px; } table.otoWrite td textarea { padding: 5px; } table.otoWrite td select.field-category { width: 137px; } table.otoWrite td input.field-email { width: 140px; } table.otoWrite td select.field-email { width: 120px; } table.otoWrite td input.field-subject { width: 610px; } table.otoWrite td input.field-file { width: 469px; } table.otoWrite td textarea.field-content { width: 610px; height: 160px; overflow: hidden; } table.otoWrite td textarea.field-spec { width: 610px; height: 90px; color: #555; font-size: 12px; overflow: hidden; } table.otoWrite tbody tr:first-child th { background-image: none; } table.otoWrite tbody tr:first-child td { background-image: none; } /* my faq list */ table#myfaqList th.category { width: 81px !important; } table#myfaqList th.subject { width: 412px !important; } table#myfaqList th.date { width: 168px !important; } table#myfaqList th.state { width: 76px !important; } /* my faq view */ table#myfaqView { margin: 0 0 10px; border-bottom: 0; } table#myfaqView th.category { width: 81px !important; } table#myfaqView th.subject { width: 412px !important; } table#myfaqView th.date { width: 168px !important; } table#myfaqView th.state { width: 76px !important; } table#myfaqView tr.article td { padding-top: 12px; padding-bottom: 11px; border: 0; background: #eae5df url('http://img.quakewars.co.kr/img2/img_helpdesk/faqlist_border.gif') repeat-x 0 100%; } table#myfaqView tr.article td.category { padding-top: 14px; padding-bottom: 9px; } table#myfaqView tr.article td.date { padding-top: 11px; padding-bottom: 12px; } table#myfaqView tr.article td.subject { font-weight: bold; } table#myfaqView tr.question th { background: #dbd1c7 url('http://img.quakewars.co.kr/img2/img_helpdesk/faqlist_border.gif') repeat-x 0 100%; } table#myfaqView tr.question td { border: 0; background: #fff url('http://img.quakewars.co.kr/img2/img_helpdesk/faqlist_border.gif') repeat-x 0 100%; } table#myfaqView tr.answer th { background: #dbd1c7 url('http://img.quakewars.co.kr/img2/img_helpdesk/faqlist_eborder.gif') repeat-x 0 100%; } table#myfaqView tr.answer td { border: 0; background: #fff url('http://img.quakewars.co.kr/img2/img_helpdesk/faqlist_eborder.gif') repeat-x 0 100%; } table#myfaqView td.content table.content { width: 630px !important; margin: 0 auto !important; border: 0 !important; table-layout: fixed; } table#myfaqView td.content table.content td { width: 630px !important; padding: 5px 0 10px !important; word-wrap: break-word; word-break: break-all; text-align: left; line-height: 140%; background: none; overflow: hidden; } /* table#myfaqView th.category { width: 52px; padding: 0 0 0 20px; text-align: left; } table#myfaqView td.category { width: 366px; } table#myfaqView th.state { width: 54px; } table#myfaqView td.state { width: 54px; } table#myfaqView th.content { width: 52px; padding: 0 0 0 20px; text-align: left; } table#myfaqView th.content, table#myfaqView td.content { border-bottom: 1px solid #141414; } table#myfaqView td.content table.content { width: 635px !important; margin: 0 !important; } table#myfaqView td.content table.content td { width: 635px !important; } */ /* policy */ #policy { width: 100%; } /* download */ /* client download */ #clientDownload { height: 361px; margin: -15px 0 0; background: url('http://img.quakewars.co.kr/img2/img_download/download_bg.jpg') no-repeat 0 0; } #clientDownload p { padding: 136px 0 0 30px; zoom: 1; overflow: hidden; } #clientDownload p img { float: left; margin: 0 15px 0 0; } /* system spec */ #systemSpec { height: 436px; margin: 0 0 20px; padding: 0 20px; background: url('http://img.quakewars.co.kr/img2/img_download/spec_box.gif') no-repeat 0 0; overflow: hidden; } #systemSpec dl.systemspec { float: left; width: 338px; } #systemSpec dl.systemspec dt { padding: 15px 0 10px; } #systemSpec dl.systemspec dt img { display: block; } #systemSpec dl.systemspec dd { height: 22px; padding: 7px 0 0; border-top: 1px solid #d2d2d2; overflow: hidden; } #systemSpec dl.systemspec dd span { float: left; width: 60px; margin: 0 10px 0 0; padding: 2px 0 0 2px; background: url('http://img.quakewars.co.kr/img2/img_download/spec_border.gif') no-repeat 100% 1px; } #systemSpec #recSpec { margin: 0 21px 0 0; } #systemSpec #checkSpec { position: relative; clear: both; padding: 8px 0 0 20px; } #systemSpec #checkSpec p { position: absolute; top: 18px; left: 108px; } #systemSpec #mySpec { float: none; width: 657px; } #systemSpec #mySpec dt { padding: 18px 0 17px; } #systemSpec #mySpec dd { color: #840105; border-color: #fff; } #systemSpec #mySpec dd span { width: 79px; background-image: url('http://img.quakewars.co.kr/img2/img_download/spec_mborder.gif'); } /* manual downloads */ .manualDownload { margin: 0 0 20px; } /* graphic driver downloads */ .graphicDownload { } /* video player frame */ #tabMedia a { width: 116px; background-image: url('http://img.quakewars.co.kr/img2/img_download/media_tab.gif'); } #tabMedia a.t-video { background-position: 0 0; } #tabMedia li.current a.t-video, #tabMedia a.t-video:hover { background-position: 0 -31px; } #tabMedia a.t-wpaper { background-position: -120px 0; } #tabMedia li.current a.t-wpaper, #tabMedia a.t-wpaper:hover { background-position: -120px -31px; } #videoFrame { position: relative; height: 359px; padding: 11px 0 0 11px; background: url('http://img.quakewars.co.kr/img2/img_download/videoframe_bg.gif') no-repeat 0 0; overflow: hidden; z-index: 333; } #videoFrame #videoFlash { float: left; width: 412px; height: 344px; background: #312b27; } #videoFrame .videoDesc { float: left; width: 270px; padding: 0 0 0 22px; } #videoFrame .videoDesc dt { padding: 10px 0 8px; color: #840105; font-weight: bold; border-bottom: 1px solid #d8cfc6; } #videoFrame .videoDesc dd { padding: 6px 0 0; } /* video list */ ul.videoList { width: 737px; margin: -2px 0 -20px; background: url('http://img.quakewars.co.kr/img2/img_download/videolist_bg.gif') repeat-y 0 0; overflow: hidden; } ul.videoList li { float: left; width: 368px; height: 133px; padding: 20px 0 0; font-size: 0; line-height: 0; overflow: hidden; } ul.videoList li p { float: left; width: 155px; padding: 0 0 0 10px; } ul.videoList li p img { width: 140px; height: 105px; border: 3px solid #a08e7b; } ul.videoList li dl { float: left; width: 193px; } ul.videoList li dl dt { padding: 6px 0 7px; font-size: 12px; color: #6d645b; font-weight: bold; line-height: 130%; border-bottom: 1px solid #e2ddd7; } ul.videoList li dl dd { font-family: dotum; font-size: 11px; line-height: 140%; } ul.videoList li dl dd.desc { height: 53px; padding: 7px 0 0; } /* wallpaper list */ ul.wallpaperList { width: 746px; margin: 0 0 -30px -9px; overflow: hidden; } ul.wallpaperList li { float: left; width: 364px; padding: 0 0 30px 9px; overflow: hidden; } ul.wallpaperList li p { float: left; width: 364px; height: 275px; margin: 0 0 7px; background: url('http://img.quakewars.co.kr/img2/img_download/wallpaper_box.gif') no-repeat 0 0; } ul.wallpaperList li p img { display: block; width: 342px; height: 256px; margin: 9px; } ul.wallpaperList li a { float: left; } /* game guide */ dl.guideGuide { width: 735px; padding: 1px 0 0 2px; background: url('http://img.quakewars.co.kr/img2/img_guide/guide_box.gif') no-repeat 0 0; overflow: hidden; } dl.guideGuide dt { clear: left; float: left; width: 141px; padding: 1px 0 0; background: url('http://img.quakewars.co.kr/img2/img_guide/guide_border_l.gif') no-repeat 100% 0; } dl.guideGuide dt img { display: block; } dl.guideGuide dd { float: left; width: 582px; padding: 2px 0 21px 9px; background: url('http://img.quakewars.co.kr/img2/img_guide/guide_border_r.gif') no-repeat 0 0; } dl.guideGuide dd ul { width: 100%; padding: 19px 0 0; overflow: hidden; } dl.guideGuide dd ul li { float: left; height: 14px; padding: 0 20px; font-size: 0; line-height: 0; border-left: 1px solid #d0c7bd; /*background: url('http://img.quakewars.co.kr/img2/img_guide/guide_border.gif') no-repeat 0 2px;*/ } dl.guideGuide li:first-child { border: 0; } dl.guideGuide dd a { display: block; height: 14px; text-indent: -3000em; } dl.guideGuide dd a { background-image: url('http://img.quakewars.co.kr/img2/img_guide/m_guide.gif'); background-repeat: no-repeat; } dl.guideGuide dd a.m-synopsis { background-position: -172px -22px; width: 38px; } dl.guideGuide dd a.m-synopsis:hover { background-position: -172px -337px; } dl.guideGuide dd a.m-character { background-position: -251px -22px; width: 28px; } dl.guideGuide dd a.m-character:hover { background-position: -251px -337px; } dl.guideGuide dd a.m-weapon { background-position: -321px -22px; width: 19px; } dl.guideGuide dd a.m-weapon:hover { background-position: -321px -337px; } dl.guideGuide dd a.m-vehicle { background-position: -381px -22px; width: 21px; } dl.guideGuide dd a.m-vehicle:hover { background-position: -381px -337px; } dl.guideGuide dd a.m-turret { background-position: -443px -22px; width: 19px; } dl.guideGuide dd a.m-turret:hover { background-position: -443px -337px; } dl.guideGuide dd a.m-map { background-position: -504px -22px; width: 10px; } dl.guideGuide dd a.m-map:hover { background-position: -504px -337px; } dl.guideGuide dd a.m-skill { background-position: -555px -22px; width: 19px; } dl.guideGuide dd a.m-skill:hover { background-position: -555px -337px; } dl.guideGuide dd a.m-level { background-position: -616px -22px; width: 19px; } dl.guideGuide dd a.m-level:hover { background-position: -616px -337px; } dl.guideGuide dd a.m-point { background-position: -677px -22px; width: 28px; } dl.guideGuide dd a.m-point:hover { background-position: -677px -337px; } dl.guideGuide dd a.m-start { background-position: -172px -78px; width: 38px; } dl.guideGuide dd a.m-start:hover { background-position: -172px -393px; } dl.guideGuide dd a.m-lobby { background-position: -251px -78px; width: 19px; } dl.guideGuide dd a.m-lobby:hover { background-position: -251px -393px; } dl.guideGuide dd a.m-waiting { background-position: -311px -78px; width: 29px; } dl.guideGuide dd a.m-waiting:hover { background-position: -311px -393px; } dl.guideGuide dd a.m-inventory { background-position: -382px -78px; width: 37px; } dl.guideGuide dd a.m-inventory:hover { background-position: -382px -393px; } dl.guideGuide dd a.m-shop { background-position: -460px -78px; width: 20px; } dl.guideGuide dd a.m-shop:hover { background-position: -460px -393px; } dl.guideGuide dd a.m-option { background-position: -521px -78px; width: 37px; } dl.guideGuide dd a.m-option:hover { background-position: -521px -393px; } dl.guideGuide dd a.m-class { background-position: -600px -78px; width: 37px; } dl.guideGuide dd a.m-class:hover { background-position: -600px -393px; } dl.guideGuide dd a.m-interface { background-position: -172px -112px; width: 38px; } dl.guideGuide dd a.m-interface:hover { background-position: -172px -427px; } dl.guideGuide dd a.m-idcard { background-position: -250px -112px; width: 29px; } dl.guideGuide dd a.m-idcard:hover { background-position: -250px -427px; } dl.guideGuide dd a.m-misson { background-position: -172px -167px; width: 19px; } dl.guideGuide dd a.m-misson:hover { background-position: -172px -482px; } dl.guideGuide dd a.m-missonc { background-position: -232px -167px; width: 47px; } dl.guideGuide dd a.m-missonc:hover { background-position: -232px -482px; } dl.guideGuide dd a.m-deathmatch { background-position: -320px -167px; width: 47px; } dl.guideGuide dd a.m-deathmatch:hover { background-position: -320px -482px; } dl.guideGuide dd a.m-timeattack { background-position: -408px -167px; width: 37px; } dl.guideGuide dd a.m-timeattack:hover { background-position: -408px -482px; } dl.guideGuide dd a.m-cmission { background-position: -487px -167px; width: 37px; } dl.guideGuide dd a.m-cmission:hover { background-position: -487px -482px; } dl.guideGuide dd a.m-occupy { background-position: -566px -167px; width: 19px; } dl.guideGuide dd a.m-occupy:hover { background-position: -566px -482px; } dl.guideGuide dd a.m-manhunt { background-position: -626px -167px; width: 38px; } dl.guideGuide dd a.m-manhunt:hover { background-position: -626px -482px; } dl.guideGuide dd a.m-explode { background-position: -172px -223px; width: 20px; } dl.guideGuide dd a.m-explode:hover { background-position: -172px -538px; } dl.guideGuide dd a.m-build { background-position: -233px -223px; width: 19px; } dl.guideGuide dd a.m-build:hover { background-position: -233px -538px; } dl.guideGuide dd a.m-hacking { background-position: -294px -223px; width: 19px; } dl.guideGuide dd a.m-hacking:hover { background-position: -294px -538px; } dl.guideGuide dd a.m-mcp { background-position: -355px -223px; width: 42px; } dl.guideGuide dd a.m-mcp:hover { background-position: -355px -538px; } dl.guideGuide dd a.m-trasport { background-position: -439px -223px; width: 19px; } dl.guideGuide dd a.m-trasport:hover { background-position: -439px -538px; } dl.guideGuide dd a.m-dron { background-position: -500px -223px; width: 59px; } dl.guideGuide dd a.m-dron:hover { background-position: -500px -538px; } dl.guideGuide dd a.m-cont-m { background-position: -172px -279px; width: 71px; } dl.guideGuide dd a.m-cont-m:hover { background-position: -172px -594px; } dl.guideGuide dd a.m-cont-w { background-position: -284px -279px; width: 71px; } dl.guideGuide dd a.m-cont-w:hover { background-position: -284px -594px; } dl.guideGuide dd a.m-cont-v { background-position: -398px -279px; width: 71px; } dl.guideGuide dd a.m-cont-v:hover { background-position: -398px -594px; } dl.guideGuide dd a.m-cont-e { background-position: -511px -279px; width: 50px; } dl.guideGuide dd a.m-cont-e:hover { background-position: -511px -594px; } /* newbie guide */ dl#newbieGuide { padding-bottom: 50px; } dl#newbieGuide dd a { display: block; height: 14px; text-indent: -3000em; } dl#newbieGuide dd a { background-image: url('http://img.quakewars.co.kr/img2/img_guide/n_guide.gif'); background-repeat: no-repeat; } dl#newbieGuide dd a.n-class { background-position: -172px -22px; width: 85px; } dl#newbieGuide dd a.n-class:hover { background-position: -172px -112px; } dl#newbieGuide dd a.n-mission { background-position: -296px -22px; width: 88px; } dl#newbieGuide dd a.n-mission:hover { background-position: -296px -112px; } dl#newbieGuide dd a.n-method { background-position: -425px -22px; width: 129px; } dl#newbieGuide dd a.n-method:hover { background-position: -425px -112px; } dl#newbieGuide dd a.n-shop { background-position: -172px -56px; width: 103px; } dl#newbieGuide dd a.n-shop:hover { background-position: -172px -146px; } dl#newbieGuide dd a.n-mix { background-position: -296px -56px; width: 87px; } dl#newbieGuide dd a.n-mix:hover { background-position: -296px -146px; } /* clan */ /* clan tab */ #tabClan a { width: 96px; background-image: url('http://img.quakewars.co.kr/img2/img_clan/clan_tab.gif'); } #tabClan a.t-all { background-position: 0 0; } #tabClan li.current a.t-all, #tabClan a.t-all:hover { background-position: 0 -31px; } #tabClan a.t-cad { background-position: -100px 0; } #tabClan li.current a.t-cad, #tabClan a.t-cad:hover { background-position: -100px -31px; } #tabClan a.t-cjoin { background-position: -200px 0; } #tabClan li.current a.t-cjoin, #tabClan a.t-cjoin:hover { background-position: -200px -31px; } #tabClan a.t-cmatch { background-position: -300px 0; } #tabClan li.current a.t-cmatch, #tabClan a.t-cmatch:hover { background-position: -300px -31px; } /* clan search tab */ #clanSearchTab { } #clanSearchTab li { padding-right: 2px; } #clanSearchTab a { width: 36px; background-image: url('http://img.quakewars.co.kr/img2/img_clan/clansearch_tab.gif'); } /* */ #clanSearchTab a.t-all { background-position: 0 0; } #clanSearchTab li.current a.t-all, #clanSearchTab a.t-all:hover { background-position: 0 -31px; } /* */ #clanSearchTab a.t-gl { background-position: -38px 0; } #clanSearchTab li.current a.t-gl, #clanSearchTab a.t-gl:hover { background-position: -38px -31px; } /* */ #clanSearchTab a.t-se { background-position: -76px 0; } #clanSearchTab li.current a.t-se, #clanSearchTab a.t-se:hover { background-position: -76px -31px; } /* */ #clanSearchTab a.t-bs { background-position: -114px 0; } #clanSearchTab li.current a.t-bs, #clanSearchTab a.t-bs:hover { background-position: -114px -31px; } /* */ #clanSearchTab a.t-dg { background-position: -152px 0; } #clanSearchTab li.current a.t-dg, #clanSearchTab a.t-dg:hover { background-position: -152px -31px; } /* */ #clanSearchTab a.t-ic { background-position: -190px 0; } #clanSearchTab li.current a.t-ic, #clanSearchTab a.t-ic:hover { background-position: -190px -31px; } /* */ #clanSearchTab a.t-dj { background-position: -228px 0; } #clanSearchTab li.current a.t-dj, #clanSearchTab a.t-dj:hover { background-position: -228px -31px; } /* */ #clanSearchTab a.t-kj { background-position: -266px 0; } #clanSearchTab li.current a.t-kj, #clanSearchTab a.t-kj:hover { background-position: -266px -31px; } /* */ #clanSearchTab a.t-us { background-position: -304px 0; } #clanSearchTab li.current a.t-us, #clanSearchTab a.t-us:hover { background-position: -304px -31px; } /* */ #clanSearchTab a.t-kw { background-position: -342px 0; } #clanSearchTab li.current a.t-kw, #clanSearchTab a.t-kw:hover { background-position: -342px -31px; } /* */ #clanSearchTab a.t-kg { background-position: -380px 0; } #clanSearchTab li.current a.t-kg, #clanSearchTab a.t-kg:hover { background-position: -380px -31px; } /* */ #clanSearchTab a.t-kb { background-position: -418px 0; } #clanSearchTab li.current a.t-kb, #clanSearchTab a.t-kb:hover { background-position: -418px -31px; } /* */ #clanSearchTab a.t-kn { background-position: -456px 0; } #clanSearchTab li.current a.t-kn, #clanSearchTab a.t-kn:hover { background-position: -456px -31px; } /* */ #clanSearchTab a.t-jb { background-position: -494px 0; } #clanSearchTab li.current a.t-jb, #clanSearchTab a.t-jb:hover { background-position: -494px -31px; } /* */ #clanSearchTab a.t-jn { background-position: -532px 0; } #clanSearchTab li.current a.t-jn, #clanSearchTab a.t-jn:hover { background-position: -532px -31px; } /* */ #clanSearchTab a.t-cb { background-position: -570px 0; } #clanSearchTab li.current a.t-cb, #clanSearchTab a.t-cb:hover { background-position: -570px -31px; } /* */ #clanSearchTab a.t-cn { background-position: -608px 0; } #clanSearchTab li.current a.t-cn, #clanSearchTab a.t-cn:hover { background-position: -608px -31px; } /* */ #clanSearchTab a.t-jj { background-position: -646px 0; } #clanSearchTab li.current a.t-jj, #clanSearchTab a.t-jj:hover { background-position: -646px -31px; } /* */ #clanSearchTab a.t-os { background-position: -684px 0; } #clanSearchTab li.current a.t-os, #clanSearchTab a.t-os:hover { background-position: -684px -31px; } /* clan home */ #clanHome { padding: 0 22px 0 20px; background: url('http://img.quakewars.co.kr/img2/img_clan/clanhome_bg.gif') no-repeat 0 0; } #clanHome h5 { position: relative; padding: 25px 0 10px 0; } #clanHome h5 a.more { position: absolute; top: 29px; right: 5px; } #clanHome h5 img { display: block; } #clanHome .sectionA { float: left; width: 338px; } #clanHome .sectionB { float: right; width: 338px; } .clan-popular-wrap { } .clan-popular { width: 338px; height: 190px; background: url('http://img.quakewars.co.kr/img2/img_clan/popular_clan_bg.gif') no-repeat 0 0; } .clan-popular .clan { float: left; width: 147px; padding: 16px 11px 0; } .clan-popular .clan table { width: 100%; margin: 0 0 16px; overflow: hidden; } .clan-popular .clan th { width: 73px; } .clan-popular .clan th img { display: block; width: 60px; height: 60px; border: 2px solid #000; } .clan-popular .clan td { width: 74px; height: 64px; font-weight: bold; color: #840105; } .clan-popular .clan ul { padding: 5px 0 0; } .clan-popular .clan ul li { font-family: dotum; font-size: 11px; background: url('http://img.quakewars.co.kr/img2/img_clan/popular_clan_text.gif') no-repeat 0 0; } .clan-popular .clan ul li.m { padding-left: 65px; background-position: 0 3px; } .clan-popular .clan ul li.h { padding-left: 58px; background-position: 0 -16px; } .clan-popular .clan ul li.a { padding-left: 58px; background-position: 0 -35px; } .clan-popular .clan ul li.r { padding-left: 58px; background-position: 0 -54px; } .clan-popular .clan ul li.c { padding-left: 86px; background-position: 0 -73px; } .clan-newer { } .clan-newer table { width: 336px; border: 1px solid #dfdfdf; background: url('http://img.quakewars.co.kr/img2/img_clan/bg_newerclan.gif') no-repeat 0 0; } .clan-newer table th { height: 24px; padding-top: 10px; vertical-align: top; } .clan-newer table td { height: 30px; font-family: dotum; font-size: 11px; text-align: center; border-top: 1px solid #e2ddd7; } .clan-newer table th.name { width: 138px; } .clan-newer table th.master { width: 116px; } .clan-newer table th.area { width: 82px; } .clan-newer table td.name { padding-left: 15px; font-family: gulim; font-size: 12px; text-align: left; } .clan-newer table tbody tr:first-child td { border: 0; } .clan-board { clear: both; width: 100%; padding: 0 0 8px; } .clan-board table { width: 693px; margin: 0 auto; border: 1px solid #dfdfdf; background: none; } .clan-board table td { height: 18px; padding: 6px 0 5px !important; border: 0 !important; border-top: 1px solid #e2ddd7 !important; } .clan-board table td.category { width: 100px; } .clan-board table td.category img { margin: 0 !important; } .clan-board table td.subject { width: 377px; padding-left: 0; } .clan-board table td.writer { width: 120px; } .clan-board table td.date { width: 96px; padding-top: 4px !important; } .clan-board table tbody tr:first-child td { border-top: 0 !important; } /* clan info summary */ .clanInfoSummary { position: relative; width: 737px; height: 142px; background: url('http://img.quakewars.co.kr/img2/img_clan/bg_claninfosummary.gif') no-repeat 0 0; } .clanInfoSummary h5 { padding: 20px 0 9px 20px; } .clanInfoSummary h5 img { display: block; } .clanInfoSummary p.thumb { position: absolute; top: 58px; left: 32px; } .clanInfoSummary p.thumb img { display: block; width: 60px; height: 60px; border: 2px solid #000; } .clanInfoSummary dl.infos { width: 588px; margin-left: 116px; border-bottom: 1px solid #e2ddd7; overflow: hidden; } .clanInfoSummary dl.infos dt { float: left; padding: 22px 0 9px; font-family: dotum; font-size: 16px; font-weight: bold; color: #840105; } .clanInfoSummary dl.infos dd { float: right; padding: 33px 0 5px; font-size: 11px; color: #a97c5b; } .clanInfoSummary ul.infos { width: 588px; margin: 8px 0 0 116px; overflow: hidden; } .clanInfoSummary ul.infos li { float: left; padding-left: 7px; background: url('http://img.quakewars.co.kr/img2/img_clan/bul_claninfo.gif') no-repeat 1px 6px; } .clanInfoSummary ul.infos li.m { width: 250px; font-weight: bold; color: #6d645b; } .clanInfoSummary ul.infos li.c { width: 180px; } .clanInfoSummary ul.infos li.a { width: 130px; } .clanInfoSummary .needLogin { width: 737px; height: 80px; padding: 62px 0 0; color: #840105; font-weight: bold; text-align: center; background: url('http://img.quakewars.co.kr/img2/img_clan/bg_claninfosummary_login.gif') no-repeat 0 0; } .clanInfoSummary .needJoin dt { padding: 21px 0 10px; vertical-align: middle; text-align: center; } .clanInfoSummary .needJoin dd { padding: 17px 0 0; text-align: center; } .clanInfoSummary .needJoin dd a { margin: 0 5px; } /* clan info search */ .clanInfoSearch { position: relative; width: 715px; height: 83px; margin: 0 0 10px; } .clanInfoSearch h5 { position: absolute; top: 21px; left: 26px; } .clanInfoSearch dl { float: left; padding: 20px 0 0 115px; } .clanInfoSearch dl img { vertical-align: middle; } .clanInfoSearch dd { padding: 10px 0 0 5px; font-family: dotum; font-size: 11px; color: #a08e7b; } .clanInfoSearch .select { width: 130px; } .clanInfoSearch .input { width: 365px; } /* clan establishment */ .clan-establish-notice { margin: 0 0 30px; } /* clan establishment write */ .clan-establish-write { width: 100%; margin: 0 0 10px; } .clan-establish-write tr:first-child th, .clan-establish-write tr:first-child td { background-image: none; } .clan-establish-write th p { margin: 0 0 0 18px; background: url('http://img.quakewars.co.kr/img2/img_helpdesk/otowrite_border.gif') no-repeat 100% 2px; } .clan-establish-write th { width: 81px; padding: 12px 0 10px 0; text-align: left; vertical-align: top; background: #eae5df url('http://img.quakewars.co.kr/img2/img_clan/table_border_l.gif') no-repeat 0 0; } .clan-establish-write td { padding: 7px 13px 10px; background: #eae5df url('http://img.quakewars.co.kr/img2/img_clan/table_border_r.gif') no-repeat 0 0; } .clan-establish-write p { font-size: 15px; font-weight: bold; color: #840105; } .clan-establish-write ul { margin: 7px 0 0; } .clan-establish-write ul li { padding-left: 3px; font-family: dotum; font-size: 11px; line-height: 130%; } .clan-establish-write ol { width: 520px; overflow: hidden; } .clan-establish-write ol li { float: left; width: 85px; padding: 3px 0 0; font-family: dotum; font-size: 11px; color: #777; } .clan-establish-write input.radio { width: 14px; height: 14px; vertical-align: middle; } .clan-establish-write textarea.textarea { width: 595px; height: 150px; overflow: hidden; } .clan-establish-write input.clanname { width: 395px; } .clan-establish-write input.clanaddr { width: 175px; } /* clan establishment complete */ .clan-extablish-policy { margin: -25px 0 4px; text-align: right; } .clan-establish-complete { width: 100%; margin: 0 0 10px; } .clan-establish-complete tr:first-child th, .clan-establish-complete tr:first-child td { background-image: none; } .clan-establish-complete th { width: 100px; padding: 10px 0 10px 0; text-align: left; vertical-align: top; background: #eae5df url('http://img.quakewars.co.kr/img2/img_clan/table_border_l.gif') no-repeat 0 0; } .clan-establish-complete th p { margin: 1px 0 0 18px; background: url('http://img.quakewars.co.kr/img2/img_helpdesk/otowrite_border.gif') no-repeat 100% 2px; } .clan-establish-complete td { width: 622px; padding: 10px 0 10px 15px; background: #eae5df url('http://img.quakewars.co.kr/img2/img_clan/table_border_r.gif') no-repeat 0 0; } .clan-establish-complete em { padding-left: 5px; font-weight: bold; } .clan-establish-complete span { text-decoration: underline; } .clan-establish-complete strong { color: #840105; } /* clan match match info */ .clan-match-match { margin: 0 0 25px; border: 1px solid #2b2521; border-bottom: 1px solid #090604; background: #1c1511; } .clan-match-match dl { width: 100%; overflow: hidden; } .clan-match-match dl dt, .clan-match-match dl dd { float: left; height: 24px; padding: 10px 0 0; color: #aeaeae; } .clan-match-match dl dt { text-align: center; } .clan-match-match dl dd img { margin: -5px 0 0; vertical-align: middle; } .clan-match-match dt.mapmode { width: 103px; border-bottom: 1px solid #231c18; } .clan-match-match dd.mapmode { width: 253px; font-weight: bold; border-bottom: 1px solid #231c18; } .clan-match-match dt.duedate { width: 78px; border-bottom: 1px solid #231c18; } .clan-match-match dd.duedate { width: 279px; border-bottom: 1px solid #231c18; } .clan-match-match dt.rounds { width: 84px; border-bottom: 1px solid #2b2521; } .clan-match-match dd.rounds { width: 271px; border-bottom: 1px solid #2b2521; } .clan-match-match dt.mvpname { width: 64px; border-bottom: 1px solid #2b2521; } .clan-match-match dd.mvpname { width: 294px; font-size: 11px; border-bottom: 1px solid #2b2521; } /* clan match info */ .clan-match-claninfo { width: 715px; margin: 0 0 25px; padding: 10px 0; background: #16100c; overflow: hidden; } .clan-match-winner { background: url('http://img.quakewars.co.kr/img2/img_clan/bg_clanmatch_winner.gif') no-repeat 0 0; } .clan-match-loser { background: url('http://img.quakewars.co.kr/img2/img_clan/bg_clanmatch_loser.gif') no-repeat 0 0; } .clan-match-info { display: inline; float: left; width: 337px; height: 215px; margin: 0 10px; } .clan-match-info .result { height: 18px; padding: 31px 0 0; font-size: 11px !important; color: #cbcbcb; text-align: center; } .clan-match-info p { float: left; width: 64px; height: 64px; padding: 15px 18px 0 16px; } .clan-match-info p img { width: 60px; height: 60px; border: 2px solid #000; } .clan-match-info dl { float: left; width: 230px; margin: 17px 0 0; } .clan-match-info dl dt { padding: 8px 0 0; font-size: 15px; font-weight: bold; color: #ff7b19; } .clan-match-info dl dd { padding: 10px 0 0; font-size: 11px; } .clan-match-info dl dd img { margin: -2px 0 0; vertical-align: middle; } .clan-match-info ul.detail { clear: both; width: 318px; padding: 23px 0 0 12px; overflow: hidden; } .clan-match-info ul.detail li { float: left; width: 142px; padding-left: 12px; font-size: 11px; letter-spacing: -1px; background: url('http://img.quakewars.co.kr/img2/img_clan/bul_graysquare.gif') no-repeat 6px 6px; } .clan-match-info ul.detail em { padding-right: 5px; color: #494949; background: url('http://img.quakewars.co.kr/img2/img_clan/bul_graycolon.gif') no-repeat 100% 3px; } /* clan match members table */ .clan-match-members { width: 715px; padding: 10px 0; background: #16100c; overflow: hidden; } .clan-match-member { display: inline; float: left; width: 317px; margin: 0 10px; padding: 0 10px; background: #312a26; } .clan-match-member table { width: 317px; background: #312a26 url('http://img.quakewars.co.kr/img2/img_clan/bg_clanmatchmembers.gif') no-repeat 0 0; } .clan-match-member table th { height: 27px; padding: 0 0 7px; background: url('http://img.quakewars.co.kr/img2/img_clan/clanmatch_table_line.gif') no-repeat 0 11px; } .clan-match-member table th.rank { width: 28px; background: none; } .clan-match-member table th.nick { width: 149px; } .clan-match-member table th.exp { width: 56px; } .clan-match-member table th.lv { width: 84px; } .clan-match-member table td { padding: 4px 0; font-size: 11px; text-align: center; color: #757575; background: url('http://img.quakewars.co.kr/img2/img_clan/table_border.gif') repeat-x 0 0; } .clan-match-member table td.nick { padding-left: 10px; text-align: left; color: #b0b0b0; } .clan-match-member table td.nick img { margin: -2px 0 0; vertical-align: middle; } .clan-match-member table td.nick img.mvp { margin: -4px 0 0; } .clan-match-member table tbody tr:first-child td { background: none; } .boardButton.clanMatchView { margin: 30px 0 0; border-top: 1px solid #1f1815; } /* ranking */ /* ranking tab */ ul.rankingTab { height: 42px; margin: 0 0 30px; padding: 11px 0 0 11px; background: url('http://img.quakewars.co.kr/img2/img_ranking/bg_rankingtab.gif') no-repeat 0 0; overflow: hidden; } ul.rankingTab li { float: left; height: 42px; font-size: 0; line-height: 0; } ul.rankingTab li a { display: block; width: 202px; height: 42px; text-indent: -3000em; background: url('http://img.quakewars.co.kr/img2/img_ranking/tab_ranking_new.gif') no-repeat 0 0; } ul.rankingTab li a.p-style { background-position: 0 0; } ul.rankingTab li.current a.p-style, ul.rankingTab li a.p-style:hover { background-position: 0 -42px; } ul.rankingTab li a.p-class { background-position: -202px 0; } ul.rankingTab li.current a.p-class, ul.rankingTab li a.p-class:hover { background-position: -202px -42px; } ul.rankingTab li a.p-gmode { background-position: -404px 0; } ul.rankingTab li.current a.p-gmode, ul.rankingTab li a.p-gmode:hover { background-position: -404px -42px; } /* ranking class tab */ .rankingClassTab { height: 80px; padding: 44px 0 0 7px; background: url('http://img.quakewars.co.kr/img2/img_ranking/bg_rankingclass_tab.gif') no-repeat 0 0 ;} .rankingClassTab p { float: left; width: 360px; margin: 20px 0 0; } .rankingClassTab p#clStrogg { padding-left: 5px; } .rankingClassTab p span { display: block; float: left; padding: 0 13px; border-left: 1px solid #d8d0c8; } .rankingClassTab p a { display: block; height: 14px; font-size:0; line-height: 0; text-indent: -3000em; background-image: url('http://img.quakewars.co.kr/img2/img_ranking/rankingclass_tab.gif'); background-repeat: no-repeat; } .rankingClassTab p a.t-gs { width: 19px; background-position: -20px -20px; } .rankingClassTab p span.current a.t-gs, .rankingClassTab p a.t-gs:hover { background-position: -20px -100px; } .rankingClassTab p a.t-gm { width: 19px; background-position: -66px -20px; } .rankingClassTab p span.current a.t-gm, .rankingClassTab p a.t-gm:hover { background-position: -66px -100px; } .rankingClassTab p a.t-ge { width: 37px; background-position: -113px -20px; } .rankingClassTab p span.current a.t-ge, .rankingClassTab p a.t-ge:hover { background-position: -113px -100px; } .rankingClassTab p a.t-gf { width: 38px; background-position: -178px -20px; } .rankingClassTab p span.current a.t-gf, .rankingClassTab p a.t-gf:hover { background-position: -178px -100px; } .rankingClassTab p a.t-gc { width: 47px; background-position: -245px -20px; } .rankingClassTab p span.current a.t-gc, .rankingClassTab p a.t-gc:hover { background-position: -245px -100px; } .rankingClassTab p a.t-sa { width: 37px; background-position: -386px -20px; } .rankingClassTab p span.current a.t-sa, .rankingClassTab p a.t-sa:hover { background-position: -386px -100px; } .rankingClassTab p a.t-st { width: 37px; background-position: -451px -20px; } .rankingClassTab p span.current a.t-st, .rankingClassTab p a.t-st:hover { background-position: -451px -100px; } .rankingClassTab p a.t-sc { width: 47px; background-position: -516px -20px; } .rankingClassTab p span.current a.t-sc, .rankingClassTab p a.t-sc:hover { background-position: -516px -100px; } .rankingClassTab p a.t-so { width: 37px; background-position: -591px -20px; } .rankingClassTab p span.current a.t-so, .rankingClassTab p a.t-so:hover { background-position: -591px -100px; } .rankingClassTab p a.t-si { width: 56px; background-position: -656px -20px; } .rankingClassTab p span.current a.t-si, .rankingClassTab p a.t-si:hover { background-position: -656px -100px; } .rankingClassTab p span:first-child { border: 0; } div.tab .rankingDuration { position: absolute; top: 1px; right: 5px; width: auto !important; margin: 0 !important; } .rankingUpdate { position: absolute; top: 12px; right: 1px; margin: 0 !important; font-family: dotum; font-size: 11px; color: #416481; } .rankingUpdate em { padding: 0 0 0 6px; background: url('http://img.quakewars.co.kr/img2/img_ranking/bul_ranking.gif') no-repeat 0 3px; } /* ranking title */ .rankingTitle { position: relative; } .rankingTitle h5 { padding: 5px 0 17px; font-size: 12px; color: #921d20; background-position: 0 5px; background-repeat: no-repeat; } .rankingTitle h5.gdf { padding-left: 60px; background-image: url('http://img.quakewars.co.kr/img2/img_ranking/t_class_gdf.gif'); } .rankingTitle h5.strogg { padding-left: 95px; background-image: url('http://img.quakewars.co.kr/img2/img_ranking/t_class_strogg.gif'); } .rankingTitle .rankingUpdate { top: 2px; } /* tab for personal style ranking */ #sRankingTab a { width: 116px; background-image: url('http://img.quakewars.co.kr/img2/img_ranking/tab_personal_s.gif'); } #sRankingTab a.s-attack { background-position: 0 0; } #sRankingTab .current a.s-attack, #sRankingTab a.s-attack:hover { background-position: 0 -31px; } #sRankingTab a.s-strategy { background-position: -120px 0; } #sRankingTab .current a.s-strategy, #sRankingTab a.s-strategy:hover { background-position: -120px -31px; } #sRankingTab a.s-devote { background-position: -240px 0; } #sRankingTab .current a.s-devote, #sRankingTab a.s-devote:hover { background-position: -240px -31px; } /* tab for personal game mode ranking */ #mRankingTab a { width: 66px; background-image: url('http://img.quakewars.co.kr/img2/img_ranking/tab_personal_m.gif'); } #mRankingTab a.m-map01 { background-position: 0 0; } #mRankingTab .current a.m-map01, #mRankingTab a.m-map01:hover { background-position: 0 -31px; } #mRankingTab a.m-map02 { background-position: -70px 0; } #mRankingTab .current a.m-map02, #mRankingTab a.m-map02:hover { background-position: -70px -31px; } #mRankingTab a.m-map03 { background-position: -140px 0; } #mRankingTab .current a.m-map03, #mRankingTab a.m-map03:hover { background-position: -140px -31px; } #mRankingTab a.m-map04 { background-position: -210px 0; } #mRankingTab .current a.m-map04, #mRankingTab a.m-map04:hover { background-position: -210px -31px; } #mRankingTab a.m-map05 { background-position: -280px 0; } #mRankingTab .current a.m-map05, #mRankingTab a.m-map05:hover { background-position: -280px -31px; } #mRankingTab a.m-map06 { background-position: -350px 0; } #mRankingTab .current a.m-map06, #mRankingTab a.m-map06:hover { background-position: -350px -31px; } #mRankingTab a.m-map07 { background-position: -420px 0; } #mRankingTab .current a.m-map07, #mRankingTab a.m-map07:hover { background-position: -420px -31px; } #mRankingTab a.m-map08 { background-position: -490px 0; } #mRankingTab .current a.m-map08, #mRankingTab a.m-map08:hover { background-position: -490px -31px; } /* ranking search */ #RankingSearch { height: 74px; margin: 0 0 25px; } #RankingSearch h5 { float: left; padding: 3px 25px 0 30px; } #RankingSearch h5 img { display: block; } #RankingSearch .seardch-box { float: left; } #RankingSearch select.select{ width: 130px; } #RankingSearch input.input { width: 375px; } #RankingSearch img { vertical-align: middle; } #RankingSearch ul { clear: both; margin: 10px 0 0; padding: 0 0 0 125px; font-family: dotum; font-size: 11px; color: #a08e7b; } #RankingSearch ul li { padding-left: 7px; } /* ranking duration */ #RankingDuration { width: 100%; margin: 15px 0 17px; overflow: hidden; } #RankingDuration span { float: left; padding: 2px 10px 0; font-weight: bold; color: #840105; } /* personal ranking top */ #sRankingTop { height: 187px; margin: 0 0 30px; background: url('http://img.quakewars.co.kr/img2/img_ranking/bg_srankingtop.gif') no-repeat 0 0; } #sRankingTop h5 { height: 30px; padding: 14px 0 0 75px; font-family: dotum; font-size: 14px; color: #840105; background: url('http://img.quakewars.co.kr/img2/img_ranking/rankingtop_title.gif') no-repeat 19px 13px; } #sRankingTop dl { position: relative; float: left; width: 205px; padding: 0 0 0 22px; } #sRankingTop dl dt { padding: 12px 0 10px; } #sRankingTop dl dt img { display: block; } #sRankingTop dl dd { margin-left: 87px; font-family: dotum; font-size: 11px; letter-spacing: 0; background: url('http://img.quakewars.co.kr/img2/img_ranking/rankingtop_text.gif') no-repeat 0 0; } #sRankingTop dl dd.p { position: absolute; top: 36px; left: 20px; margin: 0; padding: 0; background: none; } #sRankingTop dl dd.p img { display: block; width: 75px; height: 75px; border: 3px solid #a08e7b; } #sRankingTop dl dd.n { margin-top: -2px; padding-left: 43px; background-position: 0 2px; } #sRankingTop dl dd.n img { margin: -2px 0 0; vertical-align: middle; } #sRankingTop dl dd.l { padding-left: 33px; background-position: 0 -18px; } #sRankingTop dl dd.l img { margin: -2px 0 0; vertical-align: middle; } #sRankingTop dl dd.w { padding-left: 33px; background-position: 0 -40px; } #sRankingTop dl dd.a { padding-left: 63px; background-position: 0 -60px; } #sRankingTop dl dd.s { padding-left: 63px; background-position: 0 -81px; } #sRankingTop dl dd.d { padding-left: 63px; background-position: 0 -102px; } #sRankingTop dl#attackTop { margin: 0 17px 0 0; } #sRankingTop dl#attackTop dd.a { font-weight: bold; color: #840105; } #sRankingTop dl#strateTop dd.s { font-weight: bold; color: #840105; } #sRankingTop dl#devokeTop dd.d { font-weight: bold; color: #840105; } /* table for ranking */ table.rankingList td { padding: 8px 0 !important; font-size: 11px; text-align: center; } table.rankingList td.rank { color: #7d6c5a; font-family: verdana; font-weight: bold; } table.rankingList td.cname, table.rankingList td.nick { font-size: 12px; text-align: left; } table.rankingList td.cname img, table.rankingList td.nick img { margin: -3px 0 0; vertical-align: middle; } table.rankingList td.cmaster, table.rankingList td.carea, table.rankingList td.cmember, table.rankingList td.level { font-family: dotum; color: #999; } table.rankingList td.exp { /*color: #b24c00 !important;*/ } table.rankingList td.exp, table.rankingList td.wpoint, table.rankingList td.mpoint { font-family: tahoma; } table.rankingList td.winlost, table.rankingList td.ctime, table.rankingList td.xp-t, table.rankingList td.apoint, table.rankingList td.spoint, table.rankingList td.dpoint, table.rankingList td.pspoint, table.rankingList td.mission { font-family: tahoma; } table.rankingList td.clan { font-family: dotum; color: #7d6c5a; } table.rankingList td.clan a { text-decoration: underline; } table.rankingList span { padding: 0 3px 0 4px; font-family: tahoma; font-size: 11px; color: #999; font-weight: normal; } table.rankingList span.up { padding: 0 3px 0 14px; color: #b40105; background: url('http://img.quakewars.co.kr/img2/img_common/rank_up.gif') no-repeat 3px 5px; } table.rankingList span.dn { padding: 0 3px 0 14px; color: #416481; background: url('http://img.quakewars.co.kr/img2/img_common/rank_dn.gif') no-repeat 3px 7px; } /* table for style */ table#sRanking th.rank { width: 92px; } table#sRanking th.nick { width: 136px; } table#sRanking th.level { width: 79px; } table#sRanking th.xp-t { width: 80px; } table#sRanking th.apoint { width: 74px; } table#sRanking th.spoint { width: 75px; } table#sRanking th.dpoint { width: 75px; } table#sRanking th.clan { width: 126px; } table.sAttackPoint .apoint { color: #840105 !important; font-weight: bold !important; } table.sStrategyPoint .spoint{ color: #840105 !important; font-weight: bold !important; } table.sDevotePoint .dpoint { color: #840105 !important; font-weight: bold !important; } /* table for personal each classes ranking */ table#clRanking th.rank { width: 92px; } table#clRanking th.nick { width: 136px; } table#clRanking th.level { width: 79px; } table#clRanking th.clpoint { width: 100px; } table#clRanking th.pspoint { width: 204px; } table#clRanking th.clan { width: 126px; } table#clRanking td.pspoint { color: #999; } table#clRanking td.pspoint span { color: #666; } /* table for mode */ table#mRanking th.rank { width: 92px; } table#mRanking th.nick { width: 295px; } table#mRanking th.level { width: 74px; } table#mRanking th.medal { width: 75px; } table#mRanking th.ctime { width: 75px; } table#mRanking th.clan { width: 126px; } table#mRanking td.medal { font-size: 12px !important; color: #840105 !important; font-weight: bold !important; } /* table for clan - ranking */ table#cRanking th.rank { width: 94px; } table#cRanking th.cname { width: 190px; } table#cRanking th.cpoint { width: 95px; } table#cRanking th.clog { width: 95px; } table#cRanking th.cmaster { width: 95px; } table#cRanking th.carea { width: 70px; } table#cRanking th.cmember { width: 76px; } table#cRanking td.cpoint, table.cRankingArea .carea { color: #b24c00 !important; } /* area ranking */ /* ranking tabs */ ul.clanAreaRankingTab { width: 715px; overflow: hidden; } ul.clanAreaRankingTab li { float: left; font-size: 0; line-height: 0; text-indent: -3000em; } ul.clanAreaRankingTab li a { display: block; height: 31px; background: url('http://img.quakewars.co.kr/img2/img_ranking/tab_rank_clanarea.gif') no-repeat 0 0; } /* personal ranking tabs */ ul.clanAreaRankingTab a.c-area1st { width: 239px; background-position: 0 0; } ul.clanAreaRankingTab li.current a.c-area1st, ul.clanAreaRankingTab a.c-area1st:hover { background-position: 0 -34px; } ul.clanAreaRankingTab a.c-area2nd { width: 238px; background-position: -239px 0; } ul.clanAreaRankingTab li.current a.c-area2nd, ul.clanAreaRankingTab a.c-area2nd:hover { background-position: -239px -34px; } ul.clanAreaRankingTab a.c-area3rd { width: 238px; background-position: -477px 0; } ul.clanAreaRankingTab li.current a.c-area3rd, ul.clanAreaRankingTab a.c-area3rd:hover { background-position: -477px -34px; } .clanAreaRanking { height: 160px; margin: 0 0 20px; padding: 13px 0 0; background: url('http://img.quakewars.co.kr/img2/img_ranking/bg_clanarearanking.gif') no-repeat 0 0; overflow: hidden; } .clanAreaRanking li { float: left; width: 238px; height: 23px; padding: 2px 0 0; overflow: hidden; } .clanAreaRanking li strong { padding: 0 10px 0 20px; font-weight: normal; color: #555; font-size: 11px; } .clanAreaRanking li strong { background: url('http://img.quakewars.co.kr/img2/img_common/bul_graysquare.gif') no-repeat 13px 5px; } .clanAreaRanking li img { vertical-align: middle; } /* hall of fame */ #hallOfFame { margin: 0 0 -28px; } #hallOfFame .hof-item { height: 215px; background: url('http://img.quakewars.co.kr/img2/img_ranking/halloffame_box.gif') no-repeat 0 0; overflow: hidden; } #hallOfFame .hof-item h4 { width: 717px; height: 30px; padding: 14px 0 0 20px; font-family: dotum; font-size: 14px; color: #fff; } #hallOfFame .hof-item p { float: left; height: 171px; margin: 18px 0 0; overflow: hidden; } #hallOfFame .hof-item p span { display: block; font-family: dotum; font-size: 11px; letter-spacing: 0; } #hallOfFame .hof-item p.thumb { width: 142px; margin: 0; padding: 10px 0 0 11px; background: none; } #hallOfFame .hof-item p.thumb img { display: block; width: 125px; height: 125px; border: 3px solid #a08e7b; } #hallOfFame .hof-item p.basic { width: 143px; } #hallOfFame .hof-item p.basic img { margin: -2px 0 0; vertical-align: middle; } #hallOfFame .hof-item p.basic span { background-image: url('http://img.quakewars.co.kr/img2/img_ranking/halloffame_text1.gif'); background-repeat: no-repeat; } #hallOfFame .hof-item p.basic .n { padding-left: 45px; background-position: 0 2px; } #hallOfFame .hof-item p.basic .l { padding-left: 35px; background-position: 0 -20px; } #hallOfFame .hof-item p.basic .w { padding-left: 35px; background-position: 0 -45px; } #hallOfFame .hof-item p.basic .p { padding: 24px 0 0 8px; font-family: dotum; font-size: 14px; color: #840105; font-weight: bold; background-position: 0 -68px; } #hallOfFame .hof-item p.point { width: 144px; } #hallOfFame .hof-item p.point span { background-image: url('http://img.quakewars.co.kr/img2/img_ranking/halloffame_text2.gif'); background-repeat: no-repeat; } #hallOfFame .hof-item p.point .a { padding-left: 65px; background-position: 0 2px; } #hallOfFame .hof-item p.point .s { padding-left: 65px; background-position: 0 -20px; } #hallOfFame .hof-item p.point .d { padding-left: 65px; background-position: 0 -44px; } #hallOfFame .hof-item p.point .av { padding-left: 85px; background-position: 0 -68px; } #hallOfFame .hof-item p.point .sv { padding-left: 85px; background-position: 0 -92px; } #hallOfFame .hof-item p.point .dv { padding-left: 85px; background-position: 0 -117px; } #hallOfFame .hof-item p.profile { width: 284px; background: url('http://img.quakewars.co.kr/img2/img_ranking/hof_profile.gif') no-repeat 0 2px; } #hallOfFame .hof-item p.profile span { width: 267px; height: 100px; margin: 17px 0 0 5px; padding: 4px 4px 0 6px; font-family: dotum; font-size: 11px; color: #a08e7b; letter-spacing: -1px; border: 1px solid #cfc6bd; } /* shop */ /* shop tab */ #tabShop a { width: 116px; background-image: url('http://img.quakewars.co.kr/img2/img_shop/tab_shop.gif'); } #tabShop a.t-all { background-position: 0 0; } #tabShop li.current a.t-all, #tabShop a.t-all:hover { background-position: 0 -31px; } #tabShop a.t-bonus { background-position: -120px 0; } #tabShop li.current a.t-bonus, #tabShop a.t-bonus:hover { background-position: -120px -31px; } #tabShop a.t-reset { background-position: -240px 0; } #tabShop li.current a.t-reset, #tabShop a.t-reset:hover { background-position: -240px -31px; } #tabShop a.t-change { background-position: -360px 0; } #tabShop li.current a.t-change, #tabShop a.t-change:hover { background-position: -360px -31px; } #tabShop a.t-supply { background-position: -480px 0; } #tabShop li.current a.t-supply, #tabShop a.t-supply:hover { background-position: -480px -31px; } #tabShop a.t-set { background-position: -600px 0; } #tabShop li.current a.t-set, #tabShop a.t-set:hover { background-position: -600px -31px; } /* inbox tab */ #tabShopInbox a { width: 116px; background-image: url('http://img.quakewars.co.kr/img2/img_shop/tab_inbox.gif'); } #tabShopInbox a.t-inbox { background-position: 0 0; } #tabShopInbox li.current a.t-inbox, #tabShopInbox a.t-inbox:hover { background-position: 0 -31px; } #tabShopInbox a.t-using { background-position: -120px 0; } #tabShopInbox li.current a.t-using, #tabShopInbox a.t-using:hover { background-position: -120px -31px; } #shopWrapper { position: relative; width: 100%; margin: -20px 0 0; padding: 40px 0 0; background: url('http://img.quakewars.co.kr/img2/img_shop/shop_bg.gif') no-repeat 0 0; } #shopWrapper p.shop-mybox { position: absolute; top: 10px; right: 13px; } #shopWrapper p.shop-notice { margin: 20px 0 0; } #shopWrapper p.shop-noitems { padding: 68px 0 0; font-weight: bold; color: #44392e; text-align: center; } #shopWrapper p.shop-noitems span { display: block; padding: 0 0 18px; } ul.shopList { width: 696px; margin: 0 auto; background: url('http://img.quakewars.co.kr/img2/img_shop/list_border.gif') repeat-y 0 0; overflow: hidden; } ul.shopList li { position: relative; float: left; width: 348px; height: 153px; font-size: 0; line-height: 0; } ul.shopList p.thumb { float: left; display: inline; width: 107px; height: 108px; margin: 24px 0 0 10px; background: url('http://img.quakewars.co.kr/img2/img_shop/item_box.gif') no-repeat 0 0; } ul.shopList p.thumb img { display: block; width: 75px; height: 75px; padding: 15px 0 0 15px; } ul.shopList p.buy { clear: both; position: absolute; top: 111px; left: 135px; z-index: 11111; } ul.shopList dl { float: left; padding: 21px 0 0 17px; } ul.shopList dl dt { font-size: 12px; color: #44392e; font-weight: bold; line-height: 130%; } ul.shopList dl dd { font-family: dotum; font-size: 11px; line-height: 130%; } ul.shopList dl dd.cost { position: relative; padding: 7px 0 5px 23px; font-size: 14px; color: #840105; font-weight: bold; background: url('http://img.quakewars.co.kr/img2/img_shop/ico_cost.gif') no-repeat 0 7px; } ul.shopList dl dd.comt { height: 30px; padding: 5px 0 0; } ul.shopList dl dd.used { padding: 9px 0 0; font-size: 14px; color: #840105; font-weight: bold; } ul.shopList dl dd.used span { display: block; padding: 8px 0 0; font-size: 12px; color: #d7392c; } ul.shopList dl dt img { margin: -2px 0 0; vertical-align: middle; } ul.shopList select.select { width: 135px; behavior: url('/lib/script/shop_selectbox.htc'); }