@import "board.css"; /** * sub **/ /* layout */ #header { width: 100%; /*background: red;*/ } #header h1 { display: block; position: absolute; top: 40px; left: 50%; margin: 0 0 0 -200px; } #mainNavi { position: relative; width: 100%; height: 372px; margin: -372px 0 0; z-index: 999; } #coupon { margin: 0 0 5px; } #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; } /* game guide link for freeboard pages */ #gameGuideLinks { position: relative; width: 715px; top: -40px; } #gameGuideLinks dl { position: absolute; top: 0; right: 5px; height: 21px; overflow: hidden; } #gameGuideLinks dt { float: left; padding: 2px 8px 0 0; } #gameGuideLinks dt img { display: block; } #gameGuideLinks dd { float: left; } #gameGuideLinks dd a { display: block; float: left; height: 21px; text-indent: -3000em; background: url('http://img.quakewars.co.kr/img/img_common/gameguidelinks.gif') no-repeat 0 0; } #gameGuideLinks dd a.gg { width: 112px; background-position: 0 0; } #gameGuideLinks dd a.gg:hover { background-position: 0 -21px; } #gameGuideLinks dd a.ng { width: 92px; background-position: -112px 0; } #gameGuideLinks dd a.ng:hover { background-position: -112px -21px; } /* sub navigation layout */ #login, #logged { margin-bottom: 15px; } #subNavi { width: 235px; margin: 0 0 15px; background: #100a07 url('http://img.quakewars.co.kr/img/img_common/bg_submenu.gif') no-repeat 0 0; } #subNavi h2 { margin: 0; padding: 0; } #subNavi img { display: block; } #subNavi ul { width: 205px; margin: 0 auto 20px; } #subNavi ul li { height: 25px; font-size: 0; line-height: 1; text-indent: -3000em; background: url('http://img.quakewars.co.kr/img/img_common/bg_submenu_border.gif') no-repeat 0 0; } #subNavi ul a { display: block; width: 205px; height: 23px; background-repeat: no-repeat; background-position: 0 0; } #subNavi ul li.current a, #subNavi ul a:hover { background-position: 0 -23px; } /* sub title */ h3 { margin: 20px 0; } h3 img { display: block; } h4.title { position: relative; margin: 0 0 8px 5px; } h4.title .more { position: absolute; top: -3px; right: 0; } h5.title { margin: 20px 0 8px 5px; } /* sub bread crumb */ #breadcrumb { padding: 12px 0 7px; font-size: 11px; color: #555; letter-spacing: -1px; border-bottom: 1px solid #1f1815; } #breadcrumb strong { font-weight: normal; } /* sub global search */ #subGlobalSearch { position: absolute; top: 0; right: 0; width: 231px; height: 22px; border: 2px solid #913f02; } #subGlobalSearch input, #subGlobalSearch h4 { display: block; float: left; } #subGlobalSearch .input { width: 125px; padding: 5px 5px 3px; border: 0; color: #d7d7d7; background: #000; } /* 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/img/img_common/table_head.gif') repeat-x left bottom; } table.table td { padding: 6px 0 8px; background: #211b17 url('http://img.quakewars.co.kr/img/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: 715px; margin: 0 0 20px; background: url('http://img.quakewars.co.kr/img/img_common/tab_border.gif') repeat-x 0 0; overflow: hidden; } ul.tab li { float: left; height: 23px; font-size: 0; line-height: 1; } ul.tab li { border-top: 1px solid #232323; border-right: 1px solid #232323; } ul.tab li a { display: block; height: 23px; text-indent: -3000em; } ul.tab li.current { margin-left: -1px; border-left: 1px solid #734d1a !important; border-color: #734d1a !important; border-bottom: 1px solid #0c0c0c !important; } ul.tab li:first-child { border-left: 1px solid #232323; } ul.tab li:first-child.current { margin-left: 0; } ul.tab a { background-position: 0 0; background-repeat: no-repeat; } /* news */ #subNavi ul a.news { background-image: url('http://img.quakewars.co.kr/img/img_news/sub_news.gif'); } #subNavi ul a.notice { background-image: url('http://img.quakewars.co.kr/img/img_news/sub_notice.gif'); } #subNavi ul a.update { background-image: url('http://img.quakewars.co.kr/img/img_news/sub_update.gif'); } #subNavi ul a.service { background-image: url('http://img.quakewars.co.kr/img/img_news/sub_service.gif'); } #subNavi ul a.event { background-image: url('http://img.quakewars.co.kr/img/img_news/sub_event.gif'); } /* community */ #subNavi ul a.free { background-image: url('http://img.quakewars.co.kr/img/img_community/sub_free.gif'); } #subNavi ul a.media { background-image: url('http://img.quakewars.co.kr/img/img_community/sub_media.gif'); } #subNavi ul a.strategy { background-image: url('http://img.quakewars.co.kr/img/img_community/sub_strategy.gif'); } #subNavi ul a.kguide { background-image: url('http://img.quakewars.co.kr/img/img_community/sub_kguide.gif'); } #subNavi ul a.gmradio { background-image: url('http://img.quakewars.co.kr/img/img_community/sub_gmradio.gif'); } #subNavi ul a.poll { background-image: url('http://img.quakewars.co.kr/img/img_community/sub_poll.gif'); } /* download */ #subNavi ul a.download { background-image: url('http://img.quakewars.co.kr/img/img_download/sub_download.gif'); } #subNavi ul a.video { background-image: url('http://img.quakewars.co.kr/img/img_download/sub_video.gif'); } #subNavi ul a.wallpaper { background-image: url('http://img.quakewars.co.kr/img/img_download/sub_wallpaper.gif'); } /* helpdesk */ #subNavi ul a.faq { background-image: url('http://img.quakewars.co.kr/img/img_helpdesk/sub_faq.gif'); } #subNavi ul a.oto { background-image: url('http://img.quakewars.co.kr/img/img_helpdesk/sub_oto.gif'); } #subNavi ul a.report { background-image: url('http://img.quakewars.co.kr/img/img_helpdesk/sub_report.gif'); } #subNavi ul a.policy { background-image: url('http://img.quakewars.co.kr/img/img_helpdesk/sub_policy.gif'); } /* clan */ #subNavi ul a.c-home { background-image: url('http://img.quakewars.co.kr/img/img_clan/sub_home.gif'); } #subNavi ul a.c-radio { background-image: url('http://img.quakewars.co.kr/img/img_clan/sub_radio.gif'); } #subNavi ul a.c-board { background-image: url('http://img.quakewars.co.kr/img/img_clan/sub_board.gif'); } #subNavi ul a.c-search { background-image: url('http://img.quakewars.co.kr/img/img_clan/sub_search.gif'); } #subNavi ul a.c-make { background-image: url('http://img.quakewars.co.kr/img/img_clan/sub_make.gif'); } /* ranking */ #subNavi ul a.pranking { background-image: url('http://img.quakewars.co.kr/img/img_ranking/sub_pranking.gif'); } #subNavi ul a.cranking { background-image: url('http://img.quakewars.co.kr/img/img_ranking/sub_cranking.gif'); } #subNavi ul a.mranking { background-image: url('http://img.quakewars.co.kr/img/img_ranking/sub_mranking.gif'); } /* event list & event notice list */ #eventTab { } #eventTab a { background-image: url('http://img.quakewars.co.kr/img/img_news/event_tab.gif'); } /* event list */ #eventTab a.t-list { width: 98px; background-position: -1px -64px; } #eventTab li.current a.t-list, #eventTab a.t-list:hover { background-position: -1px -1px; } /* event notice */ #eventTab a.t-notice { width: 98px; background-position: -100px -64px; } #eventTab li.current a.t-notice, #eventTab a.t-notice:hover { background-position: -100px -1px; } ul.eventList { width: 715px; margin: -15px 0 0; } ul.eventList a { color: #afaeae; } ul.eventList a:hover { color: #b24c00; } ul.eventList li { width: 100%; padding: 15px 0; font-size: 0; line-height: 1; background: url('http://img.quakewars.co.kr/img/img_common/b_border.gif') repeat-x left bottom; overflow: hidden; } ul.eventList li p { float: left; width: 310px; } ul.eventList li p img { display: block; width: 293px; height: 124px; border: 1px solid #2d190a; } ul.eventList li dl { float: left; width: 405px; font-size: 12px; } ul.eventList li dl dt { height: 25px; padding: 12px 0 0 15px; font-weight: bold; color: #afaeae; background: url('http://img.quakewars.co.kr/img/img_news/bg_event_title.gif') no-repeat 0 0; } ul.eventList li dl dd { padding: 10px 0 8px 75px; border-bottom: 1px solid #1f1815; } ul.eventList li dl dd.date { background: url('http://img.quakewars.co.kr/img/img_news/event_list_date.gif') no-repeat 15px 8px; } ul.eventList li dl dd.gift { background: url('http://img.quakewars.co.kr/img/img_news/event_list_gift.gif') no-repeat 15px 8px; } ul.eventList li dl dd.stat { display: none; height: 19px; border: 0; } ul.eventList li.end p img { filter: gray; } ul.eventList li.end .stat { display: block; background: url('http://img.quakewars.co.kr/img/img_news/ico_event_end.gif') no-repeat 15px 8px; } /* media board */ #mediaTab { margin-top: 30px; } #mediaTab a { background-image: url('http://img.quakewars.co.kr/img/img_community/media_tab.gif'); } /* all */ #mediaTab a.t-all { width: 73px; background-position: -1px -61px; } #mediaTab li.current a.t-all, #mediaTab a.t-all:hover { background-position: -1px -1px; } /* best */ #mediaTab a.t-best { width: 94px; background-position: -75px -61px; } #mediaTab li.current a.t-best, #mediaTab a.t-best:hover { background-position: -75px -1px; } /* movie */ #mediaTab a.t-movie { width: 115px; background-position: -170px -61px; } #mediaTab li.current a.t-movie, #mediaTab a.t-movie:hover { background-position: -170px -1px; } /* screenshot */ #mediaTab a.t-sshot { width: 122px; background-position: -286px -61px; } #mediaTab li.current a.t-sshot, #mediaTab a.t-sshot:hover { background-position: -286px -1px; } ul.mediaList { width: 715px; background: #1f1814; overflow: hidden; } ul.mediaList li { float: left; width: 357px; padding: 15px 0; font-size: 0; line-height: 1; background: url('http://img.quakewars.co.kr/img/img_common/b_border.gif') repeat-x left bottom; overflow: hidden; } ul.mediaList li p { float: left; width: 139px; padding: 0 0 0 17px; } ul.mediaList li p img { display: block; width: 120px; height: 90px; border: 4px solid #2f2a25; } ul.mediaList li dl { float: left; width: 185px; } ul.mediaList li dl dt { margin: 0 0 8px; padding: 6px 0 7px 3px; font-size: 12px; background: url('http://img.quakewars.co.kr/img/img_community/media_title_border.gif') repeat-x left bottom; } ul.mediaList li dl dt a { font-weight: bold; } ul.mediaList li dl dd { padding: 4px 0 2px 40px; font-size: 11px; background-repeat: no-repeat; background-position: 3px 0; } ul.mediaList li dl dd.writer { padding-top: 2px; background-image: url('http://img.quakewars.co.kr/img/img_community/media_writer.gif'); } ul.mediaList li dl dd.writer img { margin: -5px 0 0; vertical-align: middle; } ul.mediaList li dl dd.date { padding-top: 2px; font-family: "tahoma"; color: #555; background-image: url('http://img.quakewars.co.kr/img/img_community/media_date.gif'); } ul.mediaList li dl dd.hit { padding-top: 2px; font-family: "tahoma"; color: #555; background-image: url('http://img.quakewars.co.kr/img/img_community/media_hit.gif'); } ul.mediaList li.hot dl dd.hit { color: #b24c00; } ul#mediaListBest { height: 132px; background: url('http://img.quakewars.co.kr/img/img_community/bg_media.gif') no-repeat 0 0; } ul#mediaListBest li { width: 320px !important; padding-left: 37px; background: none; } ul#mediaListBest li.best1 { background: url('http://img.quakewars.co.kr/img/img_community/ico_best1.gif') no-repeat 15px 15px; } ul#mediaListBest li.best2 { background: url('http://img.quakewars.co.kr/img/img_community/ico_best2.gif') no-repeat 15px 15px; } ul#mediaListBest li p { } ul#mediaListBest li dl { width: 152px !important; } /* strategy board */ #strategyTab { margin-top: 30px; } #strategyTab a { background-image: url('http://img.quakewars.co.kr/img/img_community/strategy_tab.gif'); } /* all */ #strategyTab a.t-all { width: 73px; background-position: -1px -64px; } #strategyTab li.current a.t-all, #strategyTab a.t-all:hover { background-position: -1px -1px; } /* best */ #strategyTab a.t-best { width: 95px; background-position: -75px -64px; } #strategyTab li.current a.t-best, #strategyTab a.t-best:hover { background-position: -75px -1px; } /* classes */ #strategyTab a.t-classes { width: 72px; background-position: -171px -64px; } #strategyTab li.current a.t-classes, #strategyTab a.t-classes:hover { background-position: -171px -1px; } /* mission */ #strategyTab a.t-mission { width: 72px; background-position: -244px -64px; } #strategyTab li.current a.t-mission, #strategyTab a.t-mission:hover { background-position: -244px -1px; } /* time death */ #strategyTab a.t-tdeath { width: 100px; background-position: -317px -64px; } #strategyTab li.current a.t-tdeath, #strategyTab a.t-tdeath:hover { background-position: -317px -1px; } /* time attack */ #strategyTab a.t-tattack { width: 90px; background-position: -418px -64px; } #strategyTab li.current a.t-tattack, #strategyTab a.t-tattack:hover { background-position: -418px -1px; } /* challenge mode */ #strategyTab a.t-challenge { width: 91px; background-position: -509px -64px; } #strategyTab li.current a.t-challenge, #strategyTab a.t-challenge:hover { background-position: -509px -1px; } /* etc */ #strategyTab a.t-etc { width: 45px; background-position: -601px -64px; } #strategyTab li.current a.t-etc, #strategyTab a.t-etc:hover { background-position: -601px -1px; } /* gm's radio */ table#gmlist td.subject { padding-top: 15px !important; padding-bottom: 15px !important; overflow: hidden; } table#gmlist tr.hot td.subject { background-color: #241d19; } table#gmlist td.subject p { float: left; width: 105px; } table#gmlist td.subject p img { display: block; border: 4px solid #2f2a25; } table#gmlist td.subject dl { float: left; width: 270px; } table#gmlist td.subject dl dt { } table#gmlist td.subject dl dt a { font-weight: bold; } table#gmlist td.subject dl dd { margin: 5px 0 0; font-size: 11px; } /* poll */ #poll { width: 685px; margin: 0 auto; background: #11100f; } #poll ol.pollList { padding: 20px 0; border-bottom: 1px solid #090806; } #poll ol.pollList li { padding: 0 0 1px 20px; } #poll ol.pollList input { margin: 0 0 -1px; } #poll ol.pollResult { padding: 20px 0; border-bottom: 1px solid #090806; } #poll ol.pollResult li { padding: 0 0 8px 20px; } #poll ol.pollResult li p { padding: 0 0 3px; text-align: left; border: 0; } #poll ol.pollResult li dl { height: 12px; margin: 0 0 10px; overflow: hidden; } #poll ol.pollResult li dl dt { float: left; width: 555px; height: 12px; font-size: 0; background: #28221f; overflow: hidden; } #poll ol.pollResult li dl dt img{ display: block; height: 12px !important; } #poll ol.pollResult li dl dd { float: left; width: 90px; margin-top: -3px; padding-left: 10px; font-family: "tahoma"; font-size: .9em; } #poll ol.pollResult li dl strong{ padding: 0 3px 0 0; color: #b24c00; } #poll p { padding: 13px 0 18px; text-align: center; border-top: 1px solid #191817; } #poll img, #poll input { vertical-align: middle; } /* faq */ #faqSearch { height: 65px; margin: 0 0 20px; padding: 0 0 0 20px; background: url('http://img.quakewars.co.kr/img/img_helpdesk/faqsearch_bg.gif') no-repeat 0 0; } #faqSearch p { padding: 14px 0 5px; } #faqSearch p img { display: block; } #faqSearch .input { width: 610px; } ul.faqList { position: relative; z-index: 10; } ul.faqList li { padding: 6px 0 9px; background: #1f1814 url('http://img.quakewars.co.kr/img/img_helpdesk/faq_border.gif') repeat-x left bottom; } ul.faqList li a.on { font-weight: bold; } ul.faqList li span img { margin: -2px 0 0; padding: 0 5px 0 10px; vertical-align: middle; } ul.faqList blockquote { display: none; padding: 10px 15px 20px; margin: 5px 0 -9px; color: #6e6e6d; } ul#faqBest { } ul#faqBest li { border-bottom: 1px solid #0d0a07; background: #27201c !important; } ul#faqBest blockquote { color: #999; border-top: 1px solid #0d0a07; background-color: #1f1814; } #faqTab { margin-top: 30px; } #faqTab a { background-image: url('http://img.quakewars.co.kr/img/img_helpdesk/faq_tab.gif'); } /* all */ #faqTab a.t-all { width: 73px; background-position: -1px -56px; } #faqTab li.current a.t-all, #faqTab a.t-all:hover { background-position: -1px -1px; } /* install/excute */ #faqTab a.t-install { width: 73px; background-position: -75px -56px; } #faqTab li.current a.t-install, #faqTab a.t-install:hover { background-position: -75px -1px; } /* game */ #faqTab a.t-game { width: 49px; background-position: -149px -56px; } #faqTab li.current a.t-game, #faqTab a.t-game:hover { background-position: -149px -1px; } /* account */ #faqTab a.t-account { width: 49px; background-position: -199px -56px; } #faqTab li.current a.t-account, #faqTab a.t-account:hover { background-position: -199px -1px; } /* event/etc */ #faqTab a.t-event { width: 77px; background-position: -249px -56px; } #faqTab li.current a.t-event, #faqTab a.t-event:hover { background-position: -249px -1px; } /* cash items */ #faqTab a.t-items { width: 73px; background-position: -327px -56px; } #faqTab li.current a.t-items, #faqTab a.t-items:hover { background-position: -327px -1px; } /* one to one */ p.otoMsg { margin-top: -10px; } #otoTab { margin-top: 25px; } #otoTab a { background-image: url('http://img.quakewars.co.kr/img/img_helpdesk/oto_tab.gif'); } /* question */ #otoTab a.t-write { width: 73px; background-position: -1px -46px; } #otoTab li.current a.t-write, #otoTab a.t-write:hover { background-position: -1px -1px; } /* my question */ #otoTab a.t-list { width: 90px; background-position: -75px -46px; } #otoTab li.current a.t-list, #otoTab a.t-list:hover { background-position: -75px -1px; } table.otoWrite { width: 715px; border: 1px solid #181717; } table.otoWrite th, table.otoWrite td { border-bottom: 1px solid #261f1b; background-color: #1f1814; } table.otoWrite th { width: 53px; padding: 9px 0 0 17px; text-align: left; vertical-align: top; background: #1f1814 url('http://img.quakewars.co.kr/img/img_helpdesk/otowrite_border.gif') no-repeat 100% 10px; } table.otoWrite td { padding: 5px 0 7px 14px; font-size: 11px; color: #555; } 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 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 input.field-email { width: 140px; } table.otoWrite td select.field-email { width: 120px; } table.otoWrite td input.field-subject { width: 600px; } table.otoWrite td input.field-file { width: 500px; } table.otoWrite td textarea.field-content { width: 600px; height: 160px; overflow: hidden; } table.otoWrite td textarea.field-spec { width: 600px; height: 160px; color: #555; font-size: 12px; overflow: hidden; } table#myfaqList th.category { width: 73px !important; } table#myfaqList th.subject { width: 489px !important; } table#myfaqList th.date { width: 77px !important; } table#myfaqList th.state { width: 76px !important; } /* policy */ #policy { width: 681px; padding: 15px 17px; background: #1f1814; } #policy iframe { width: 677px; height: 620px; border: 1px solid #512809; background: #000; } /* knowledge guide */ #kGuideMain { width: 100%; padding: 10px 0 0; font-size: 11px; /*background: #11100f;*/ overflow: hidden; } #kGuideMain .kGuideListItem h4 { padding: 0 0 6px; border-bottom: 1px solid #332614; } #kGuideMain h4 { position: relative; } #kGuideMain h4 img { display: block; } #kGuideMain h4 .more { position: absolute; top: 3px; left: 388px; } #kGuideMain h4 .more img { display: inline; } #kGuideMain #kGuideSide .more { left: 235px !important; } #kGuideMain h4 em { position: absolute; top: 11px; right: 10px; font-family: "tahoma"; font-size: 10px; font-weight: normal; color: #b24c00; } #kGuideMain #kGuideList { float: left; width: 420px; padding: 0 10px; } #kGuideMain #kGuideSide { float: left; width: 265px; } #kGuideMain .kGuideListItem { margin: 0 0 10px; padding: 15px 10px 8px; background: #181512; } #kGuideMain ul.kGuideList { margin: 8px 0 0; } #kGuideMain ul.kGuideList li { padding: 2px 0; border-bottom: 1px dotted #332614; } #kGuideMain ul.kGuideList li img { padding-right: 3px; vertical-align: middle; } #kGuideMain #kGuideSide ul.kGuideList li { padding-left: 13px; background: url('http://img.quakewars.co.kr/img/img_community/bul_kguide.gif') no-repeat 5px 7px; } #kGuideMain .kGuideMall { margin: 0 0 10px; padding: 0 0 6px; background: #181512; } #kGuideMain .kGuideMall h4 { padding: 12px 0 11px 8px; background: url('http://img.quakewars.co.kr/img/img_community/kguide_title_bg.gif') no-repeat 0 0; } #kGuideMain ul.kGuideMallList { width: 250px; padding: 8px 0 0 7px; overflow: hidden; } #kGuideMain ul.kGuideMallList li { float: left; width: 125px; text-align: center; } #kGuideMain ul.kGuideMallList li em { display: block; margin: 3px 0 0; color: #AA4901; } #kGuideMain ul.kGuideMallList li span { display: block; color: #727272; } #kGuideMain table.kGuideRank { width: 240px; margin: 0 0 0 13px; } #kGuideMain table.kGuideRank th { height: 29px; border-bottom: 1px solid #0f0d0b; } #kGuideMain table.kGuideRank th.kg-rank { width: 24px; text-align: left; } #kGuideMain table.kGuideRank th.kg-name { width: 120px; } #kGuideMain table.kGuideRank th.kg-point { width: 56px; } #kGuideMain table.kGuideRank th.kg-level { width: 40px; text-align: right; } #kGuideMain table.kGuideRank td { height: 25px; color: #727272; background: url('http://img.quakewars.co.kr/img/img_community/kguide_border.gif') repeat-x 0 0; } #kGuideMain table.kGuideRank tr:first-child td { background: none; } #kGuideMain table.kGuideRank td.kg-rank { padding-left: 1px; } #kGuideMain table.kGuideRank td.kg-name { padding-left: 5px; } #kGuideMain table.kGuideRank td.kg-point, #kGuideMain table.kGuideRank td.kg-level { font-family: "tahoma"; color: #555; text-align: center; } #kGuideMain table.kGuideRank td.kg-level { padding-left: 5px; } #myKPoint { width: 100%; margin: 0 0 30px; overflow: hidden; } #myKPoint p.kpointMake { padding: 0 0 7px 4px; } #myKPoint p.kpointMall { float: right; margin: -1px 0 0; } #myKPoint table { float: left; width: 635px; border: 1px solid #2d190a; table-layout: fixed; } #myKPoint table th { height: 31px; background: #1b0f08; } #myKPoint table td { height: 30px; font-size: 11px; color: #999; text-align: center; background: #130a06; } #myKPoint table th, #myKPoint table td { width: 157px; border-left: 1px solid #1e1209; } #myKPoint table tr th:first-child, #myKPoint table tr td:first-child { border: 0; } .kGuideButton { width: 710px; margin: -10px 5px 0 0; text-align: right; } .kGuideButton input, .kGuideButton img { vertical-align: middle; } /* make knowledge point description table */ table#tableMakePoint .need { width: 81px; } table#tableMakePoint .txt1 { width: 250px; } table#tableMakePoint .point { width: 101px; } table#tableMakePoint .max { width: 101px; } table#tableMakePoint .txt2 { width: 176px; } table#tableMakePoint td { text-align: center; } table#tableMakePoint td.txt1 { padding-left: 20px; color: #999; text-align: left; } table#tableMakePoint td.point { color: #b24c00; } table#tableMakeLevel .level { width: 80px; } table#tableMakeLevel .point { width: 275px; } table#tableMakeLevel td { font-family: "tahoma"; text-align: center; } table#tableMakeLevel td.point { color: #999; } table#tableKGuidePolicy th { width: 142px; } table#tableKGuidePolicy td { padding-left: 20px; } table#tableKGuideRankPolicy td { padding-left: 20px; } /* knowledge point mall */ ul#kpointMallList { width: 716px; margin: 0 0 0 -1px; border-top: 1px solid #2d190a; background: #0d0806 url('http://img.quakewars.co.kr/img/img_community/pointmall_border.gif') repeat left bottom; overflow: hidden; } ul#kpointMallList li { float: left; width: 179px; height: 178px; padding: 20px 0 0; text-align: center; } ul#kpointMallList li p { margin: 0 0 10px; } ul#kpointMallList li p img { border: 4px solid #2f2a25; } ul#kpointMallList li strong { display: block; margin: 0 0 3px; } ul#kpointMallList li span { display: block; font-size: 11px; } ul#kpointMallList li em { display: block; margin: 0 0 7px; font-size: 11px; color: #aa4901; } /* knowledge tab */ #kGuideTab { margin-top: 8px; } #kGuideTab a { background-image: url('http://img.quakewars.co.kr/img/img_community/kguide_tab.gif'); } /* knowledge guide */ #kGuideTab a.t-home { width: 83px; background-position: -1px -87px; } #kGuideTab li.current a.t-home, #kGuideTab a.t-home:hover { background-position: -1px -1px; } /* all */ #kGuideTab a.t-all { width: 67px; background-position: -85px -87px; } #kGuideTab li.current a.t-all, #kGuideTab a.t-all:hover { background-position: -85px -1px; } /* character */ #kGuideTab a.t-cha { width: 54px; background-position: -153px -87px; } #kGuideTab li.current a.t-cha, #kGuideTab a.t-cha:hover { background-position: -153px -1px; } /* weapon */ #kGuideTab a.t-wea { width: 45px; background-position: -208px -87px; } #kGuideTab li.current a.t-wea, #kGuideTab a.t-wea:hover { background-position: -208px -1px; } /* vehicle */ #kGuideTab a.t-veh { width: 46px; background-position: -254px -87px; } #kGuideTab li.current a.t-veh, #kGuideTab a.t-veh:hover { background-position: -254px -1px; } /* turret */ #kGuideTab a.t-tur { width: 45px; background-position: -301px -87px; } #kGuideTab li.current a.t-tur, #kGuideTab a.t-tur:hover { background-position: -301px -1px; } /* skill */ #kGuideTab a.t-ski { width: 44px; background-position: -347px -87px; } #kGuideTab li.current a.t-ski, #kGuideTab a.t-ski:hover { background-position: -347px -1px; } /* mission */ #kGuideTab a.t-mis { width: 44px; background-position: -392px -87px; } #kGuideTab li.current a.t-mis, #kGuideTab a.t-mis:hover { background-position: -392px -1px; } /* map/game mode */ #kGuideTab a.t-map { width: 80px; background-position: -437px -87px; } #kGuideTab li.current a.t-map, #kGuideTab a.t-map:hover { background-position: -437px -1px; } /* shop/inventory */ #kGuideTab a.t-inv { width: 86px; background-position: -518px -87px; } #kGuideTab li.current a.t-inv, #kGuideTab a.t-inv:hover { background-position: -518px -1px; } /* install */ #kGuideTab a.t-ins { width: 63px; background-position: -605px -87px; } #kGuideTab li.current a.t-ins, #kGuideTab a.t-ins:hover { background-position: -605px -1px; } /* etc */ #kGuideTab a.t-etc { width: 45px; background-position: -669px -87px; } #kGuideTab li.current a.t-etc, #kGuideTab a.t-etc:hover { background-position: -669px -1px; } /* total search */ #tSearchTab { margin-top: 30px; } #tSearchTab a { background-image: url('http://img.quakewars.co.kr/img/img_common/tsearch_tab.gif'); } /* all */ #tSearchTab a.t-all { width: 73px; background-position: -1px -36px; } #tSearchTab li.current a.t-all, #tSearchTab a.t-all:hover { background-position: -1px -1px; } /* community */ #tSearchTab a.t-commu { width: 69px; background-position: -75px -36px; } #tSearchTab li.current a.t-commu, #tSearchTab a.t-commu:hover { background-position: -75px -1px; } /* clan */ #tSearchTab a.t-clan { width: 48px; background-position: -145px -36px; } #tSearchTab li.current a.t-clan, #tSearchTab a.t-clan:hover { background-position: -145px -1px; } /* game guide */ #tSearchTab a.t-guide { width: 77px; background-position: -194px -36px; } #tSearchTab li.current a.t-guide, #tSearchTab a.t-guide:hover { background-position: -194px -1px; } /* news */ #tSearchTab a.t-news { width: 59px; background-position: -272px -36px; } #tSearchTab li.current a.t-news, #tSearchTab a.t-news:hover { background-position: -272px -1px; } /* helpdesk */ #tSearchTab a.t-hdesk { width: 67px; background-position: -332px -36px; } #tSearchTab li.current a.t-hdesk, #tSearchTab a.t-hdesk:hover { background-position: -332px -1px; } /* total search list */ ul.tSearchResultList { position: relative; margin: 0 0 15px; padding: 10px 20px 13px; border: 1px solid #191817; background: #1f1814; z-index: 1; } ul.tSearchResultList li { width: 100%; padding: 6px 0; overflow: hidden; } ul.tSearchResultList li.more { padding: 10px 0 0; text-align: right; } ul.tSearchResultList li.more a { padding: 0 0 0 8px; font-size: 11px; color: #bb6b1b; background: url('http://img.quakewars.co.kr/img/img_common/bul_search_list.gif') no-repeat 0 2px; } ul.tSearchResultList li.noResult { padding: 15px 0 10px; font-size: 11px; color: #555; text-align: center; } ul.tSearchResultList li p.image { float: left; width: 110px; } ul.tSearchResultList dt { padding: 0 0 2px; color: #adadad; } ul.tSearchResultList dt em { padding-left: 15px; color: #666; } ul.tSearchResultList strong { color: #bb6b1b; } ul.tSearchResultList dd p.locate { margin: 2px 0 0;font-size: 11px; color: #555; } ul.tSearchResultList dd p.locate a { font-size: 11px; color: #555; text-decoration: underline; } /* download */ /* before install */ dl.clientInstall { margin: 0 0 20px; border-top: 1px solid #060402; border-bottom: 1px solid #181818; } dl.clientInstall dt { padding: 10px 0 10px 10px; border-top: 1px solid #181818; } dl.clientInstall dt img { display: block; } dl.clientInstall dd { padding: 0 0 5px 10px; font-size: 11px; border-bottom: 1px solid #060402; } /* client download */ .clientDownload { margin: 0 0 25px; } .clientDownload p { margin: 0 0 10px; } /* system spec */ #specRecommend { margin: 0 0 25px; } #specRecommend th, #specRecommend td { padding: 7px 0 9px; } #specRecommend tbody th { width: 123px; padding-left: 55px; text-align: left; background: #1e1610 url('http://img.quakewars.co.kr/img/img_download/table_body_th.gif') repeat-x left bottom; } #specRecommend tbody td { width: 232px; padding-left: 35px; text-align: left; background-color: #2a1e16; } #specRecommend tr.directx th, #specRecommend tr.hdd th { background: #151311 url('http://img.quakewars.co.kr/img/img_download/table_body_thn.gif') repeat-x left bottom; } #specRecommend tr.directx td, #specRecommend tr.hdd td { background-color: #211b17; } #specRecommend td.recommend { color: #b24c00; } #specRecommend td.minimum { color: #b26500; } /* system check */ #checkSpec { width: 715px; margin: 0 0 25px; overflow: hidden; } #checkSpec p { float: left; padding: 45px 0 0; } #checkSpec #specSystem { float: left; width: 550px !important; margin: 0 20px 0 0; } #checkSpec #specSystem th, #checkSpec #specSystem td { padding: 7px 0 9px; } #checkSpec #specSystem th { width: 123px; padding-left: 55px; text-align: left; } #checkSpec #specSystem td { width: 369px; text-align: center; } #checkSpec #specSystem td p { padding: 0 0 0 15px !important; color: #b24c00; } /* manual downloads */ .manualDownload { width: 715px; margin: 0 0 25px; overflow: hidden; } .manualDownload p.notice { float: left; width: 493px; margin: 0 20px 0 0; padding: 11px 0 11px 57px; font-size: 11px; background: #1a1511 url('http://img.quakewars.co.kr/img/img_download/ico_check.gif') no-repeat 17px 11px; } .manualDownload p.notice em { color: #b24c00; } .manualDownload p.download { float: left; } /* graphic driver downloads */ .graphicDownload { width: 715px; overflow: hidden; } .graphicDownload p { padding: 0 0 12px; } .graphicDownload .nvidia, .graphicDownload .ati { float: left; width: 237px; padding: 4px 0 0 107px; } .graphicDownload .nvidia { background: url('http://img.quakewars.co.kr/img/img_download/ico_nvidia.gif') no-repeat 0 0; } .graphicDownload .ati { background: url('http://img.quakewars.co.kr/img/img_download/ico_ati.gif') no-repeat 0 0; } /* video player frame */ #videoFrame { height: 380px; padding: 0 16px 0 17px; background: url('http://img.quakewars.co.kr/img/img_download/videoframe_bg.gif') no-repeat 0 0; overflow: hidden; } #videoFrame #videoFlash { float: left; width: 414px; height: 347px; margin: 17px 20px 0 0; background: #000; } #videoFrame .videoDesc { float: left; width: 245px; } #videoFrame .videoDesc dt { margin: 17px 0 0; padding: 7px 0 10px; color: #b24c00; font-weight: bold; } #videoFrame .videoDesc dd { color: #555; font-size: 11px; } /* video list */ ul.videoList { width: 715px; margin: 25px 0 0; } ul.videoList li { height: 115px; padding: 16px 0 0; font-size: 0; line-height: 1; background: #1f1814 url('http://img.quakewars.co.kr/img/img_download/video_list_border.gif') repeat-x left bottom; overflow: hidden; } ul.videoList li p { float: left; width: 160px; } ul.videoList li p img { display: block; width: 120px; height: 90px; margin: 0 0 0 16px; border: 4px solid #2f2a25; } ul.videoList li dl { float: left; width: 540px; } ul.videoList li dl dt { padding: 5px; font-size: 12px; font-weight: bold; border-bottom: 1px solid #120e0b; } ul.videoList li dl dd.desc { padding: 9px 5px 12px; color: #555; font-size: 11px; line-height: 130%; border-top: 1px solid #251e1a; } ul.videoList li dl dd a img { display: block; margin: 0 0 0 5px; } /* wallpaper list */ ul.wallpaperList { width: 715px; background: url('http://img.quakewars.co.kr/img/img_download/wallpaper_list_border.gif') repeat 0 0; overflow: hidden; } ul.wallpaperList li { float: left; width: 342px; height: 137px; padding: 16px 0 0 15px; overflow: hidden; } ul.wallpaperList li p { float: left; margin: 0 10px 0 0; } ul.wallpaperList li p img { display: block; width: 148px; height: 111px; border: 4px solid #2f2a25; } ul.wallpaperList li a { float: left; margin: 0 0 3px 3px; } /* game guide */ dl.guideGuide { width: 713px; border: 1px solid #2d190a; overflow: hidden; } dl.guideGuide dt, dl.guideGuide dd { height: 30px; padding-top: 18px; border-bottom: 1px solid #1e1209; } dl.guideGuide dt { clear: left; float: left; width: 125px; text-align: center; border-right: 1px solid #1e1209; background: #140f0b; } dl.guideGuide dd { float: left; width: 580px; padding-left: 6px; background: #0e0a08; } dl.guideGuide dd ul { width: 100%; overflow: hidden; } dl.guideGuide dd ul li { float: left; padding: 0 10px; font-size: 0; line-height: 0; background: url('http://img.quakewars.co.kr/img/img_guide/guide_border.gif') no-repeat 0 2px; } dl.guideGuide li:first-child { background: none; } dl.guideGuide dd a { display: block; height: 12px; text-indent: -3000em; } dl.guideGuide dd a { background-image: url('http://img.quakewars.co.kr/img/img_guide/m_guide.gif'); background-repeat: no-repeat; } dl.guideGuide dd a.m-synopsis { background-position: -26px -22px; width: 39px; } dl.guideGuide dd a.m-synopsis:hover { background-position: -26px -34px; } dl.guideGuide dd a.m-character { background-position: -84px -22px; width: 29px; } dl.guideGuide dd a.m-character:hover { background-position: -84px -34px; } dl.guideGuide dd a.m-weapon { background-position: -133px -22px; width: 20px; } dl.guideGuide dd a.m-weapon:hover { background-position: -133px -34px; } dl.guideGuide dd a.m-vehicle { background-position: -173px -22px; width: 21px; } dl.guideGuide dd a.m-vehicle:hover { background-position: -173px -34px; } dl.guideGuide dd a.m-turret { background-position: -214px -22px; width: 20px; } dl.guideGuide dd a.m-turret:hover { background-position: -214px -34px; } dl.guideGuide dd a.m-map { background-position: -254px -22px; width: 11px; } dl.guideGuide dd a.m-map:hover { background-position: -254px -34px; } dl.guideGuide dd a.m-skill { background-position: -284px -22px; width: 21px; } dl.guideGuide dd a.m-skill:hover { background-position: -284px -34px; } dl.guideGuide dd a.m-level { background-position: -325px -22px; width: 21px; } dl.guideGuide dd a.m-level:hover { background-position: -325px -34px; } dl.guideGuide dd a.m-point { background-position: -365px -22px; width: 30px; } dl.guideGuide dd a.m-point:hover { background-position: -365px -34px; } dl.guideGuide dd a.m-start { background-position: -26px -72px; width: 39px; } dl.guideGuide dd a.m-start:hover { background-position: -26px -84px; } dl.guideGuide dd a.m-lobby { background-position: -84px -72px; width: 20px; } dl.guideGuide dd a.m-lobby:hover { background-position: -84px -84px; } dl.guideGuide dd a.m-waiting { background-position: -125px -72px; width: 29px; } dl.guideGuide dd a.m-waiting:hover { background-position: -125px -84px; } dl.guideGuide dd a.m-inventory { background-position: -174px -72px; width: 38px; } dl.guideGuide dd a.m-inventory:hover { background-position: -174px -84px; } dl.guideGuide dd a.m-giftbox { background-position: -232px -72px; width: 30px; } dl.guideGuide dd a.m-giftbox:hover { background-position: -232px -84px; } dl.guideGuide dd a.m-shop { background-position: -281px -72px; width: 21px; } dl.guideGuide dd a.m-shop:hover { background-position: -281px -84px; } dl.guideGuide dd a.m-trade { background-position: -321px -72px; width: 21px; } dl.guideGuide dd a.m-trade:hover { background-position: -321px -84px; } dl.guideGuide dd a.m-option { background-position: -361px -72px; width: 39px; } dl.guideGuide dd a.m-option:hover { background-position: -361px -84px; } dl.guideGuide dd a.m-class { background-position: -420px -72px; width: 38px; } dl.guideGuide dd a.m-class:hover { background-position: -420px -84px; } dl.guideGuide dd a.m-interface { background-position: -478px -72px; width: 38px; } dl.guideGuide dd a.m-interface:hover { background-position: -478px -84px; } dl.guideGuide dd a.m-idcard { background-position: -537px -72px; width: 30px; } dl.guideGuide dd a.m-idcard:hover { background-position: -537px -84px; } dl.guideGuide dd a.m-misson { background-position: -26px -122px; width: 21px; } dl.guideGuide dd a.m-misson:hover { background-position: -26px -134px; } dl.guideGuide dd a.m-deathmatch { background-position: -67px -122px; width: 47px; } dl.guideGuide dd a.m-deathmatch:hover { background-position: -67px -134px; } dl.guideGuide dd a.m-timeattack { background-position: -134px -122px; width: 38px; } dl.guideGuide dd a.m-timeattack:hover { background-position: -134px -134px; } dl.guideGuide dd a.m-cmission { background-position: -192px -122px; width: 39px; } dl.guideGuide dd a.m-cmission:hover { background-position: -192px -134px; } dl.guideGuide dd a.m-explode { background-position: -26px -173px; width: 20px; } dl.guideGuide dd a.m-explode:hover { background-position: -26px -185px; } dl.guideGuide dd a.m-build { background-position: -66px -173px; width: 20px; } dl.guideGuide dd a.m-build:hover { background-position: -66px -185px; } dl.guideGuide dd a.m-hacking { background-position: -106px -173px; width: 20px; } dl.guideGuide dd a.m-hacking:hover { background-position: -106px -185px; } dl.guideGuide dd a.m-mcp { background-position: -147px -173px; width: 41px; } dl.guideGuide dd a.m-mcp:hover { background-position: -147px -185px; } dl.guideGuide dd a.m-trasport { background-position: -208px -173px; width: 21px; } dl.guideGuide dd a.m-trasport:hover { background-position: -208px -185px; } dl.guideGuide dd a.m-cont-m { background-position: -26px -223px; width: 75px; } dl.guideGuide dd a.m-cont-m:hover { background-position: -26px -235px; } dl.guideGuide dd a.m-cont-w { background-position: -121px -223px; width: 75px; } dl.guideGuide dd a.m-cont-w:hover { background-position: -121px -235px; } dl.guideGuide dd a.m-cont-v { background-position: -216px -223px; width: 75px; } dl.guideGuide dd a.m-cont-v:hover { background-position: -216px -235px; } dl.guideGuide dd a.m-cont-e { background-position: -311px -223px; width: 54px; } dl.guideGuide dd a.m-cont-e:hover { background-position: -311px -235px; } /* clan */ /* clan search tab */ #clanSearchTab { } #clanSearchTab a { width: 36px; background-image: url('http://img.quakewars.co.kr/img/img_clan/clansearch_tab.gif'); } /* */ #clanSearchTab a.t-all { width: 47px; background-position: -1px -76px; } #clanSearchTab li.current a.t-all, #clanSearchTab a.t-all:hover { background-position: -1px -1px; } /* */ #clanSearchTab a.t-gl { background-position: -49px -76px; } #clanSearchTab li.current a.t-gl, #clanSearchTab a.t-gl:hover { background-position: -49px -1px; } /* */ #clanSearchTab a.t-se { background-position: -86px -76px; } #clanSearchTab li.current a.t-se, #clanSearchTab a.t-se:hover { background-position: -86px -1px; } /* */ #clanSearchTab a.t-bs { background-position: -123px -76px; } #clanSearchTab li.current a.t-bs, #clanSearchTab a.t-bs:hover { background-position: -123px -1px; } /* */ #clanSearchTab a.t-dg { background-position: -160px -76px; } #clanSearchTab li.current a.t-dg, #clanSearchTab a.t-dg:hover { background-position: -160px -1px; } /* */ #clanSearchTab a.t-ic { background-position: -197px -76px; } #clanSearchTab li.current a.t-ic, #clanSearchTab a.t-ic:hover { background-position: -197px -1px; } /* */ #clanSearchTab a.t-dj { background-position: -234px -76px; } #clanSearchTab li.current a.t-dj, #clanSearchTab a.t-dj:hover { background-position: -234px -1px; } /* */ #clanSearchTab a.t-kj { background-position: -271px -76px; } #clanSearchTab li.current a.t-kj, #clanSearchTab a.t-kj:hover { background-position: -271px -1px; } /* */ #clanSearchTab a.t-us { background-position: -308px -76px; } #clanSearchTab li.current a.t-us, #clanSearchTab a.t-us:hover { background-position: -308px -1px; } /* */ #clanSearchTab a.t-kw { background-position: -345px -76px; } #clanSearchTab li.current a.t-kw, #clanSearchTab a.t-kw:hover { background-position: -345px -1px; } /* */ #clanSearchTab a.t-kg { background-position: -382px -76px; } #clanSearchTab li.current a.t-kg, #clanSearchTab a.t-kg:hover { background-position: -382px -1px; } /* */ #clanSearchTab a.t-kb { background-position: -419px -76px; } #clanSearchTab li.current a.t-kb, #clanSearchTab a.t-kb:hover { background-position: -419px -1px; } /* */ #clanSearchTab a.t-kn { background-position: -456px -76px; } #clanSearchTab li.current a.t-kn, #clanSearchTab a.t-kn:hover { background-position: -456px -1px; } /* */ #clanSearchTab a.t-jb { background-position: -493px -76px; } #clanSearchTab li.current a.t-jb, #clanSearchTab a.t-jb:hover { background-position: -493px -1px; } /* */ #clanSearchTab a.t-jn { background-position: -530px -76px; } #clanSearchTab li.current a.t-jn, #clanSearchTab a.t-jn:hover { background-position: -530px -1px; } /* */ #clanSearchTab a.t-cb { background-position: -567px -76px; } #clanSearchTab li.current a.t-cb, #clanSearchTab a.t-cb:hover { background-position: -567px -1px; } /* */ #clanSearchTab a.t-cn { background-position: -604px -76px; } #clanSearchTab li.current a.t-cn, #clanSearchTab a.t-cn:hover { background-position: -604px -1px; } /* */ #clanSearchTab a.t-jj { background-position: -641px -76px; } #clanSearchTab li.current a.t-jj, #clanSearchTab a.t-jj:hover { background-position: -641px -1px; } /* */ #clanSearchTab a.t-os { background-position: -678px -76px; } #clanSearchTab li.current a.t-os, #clanSearchTab a.t-os:hover { background-position: -678px -1px; } /* clan home */ #clanHome { padding: 0 10px; } #clanHome h5 { position: relative; padding: 14px 0 6px 10px; } #clanHome h5 a.more { position: absolute; top: 18px; right: 15px; } #clanHome h5 img { display: block; } #clanHome .sectionA { float: left; width: 420px; margin: 0 10px 0 0; } #clanHome .sectionB { float: left; width: 265px; } .clan-mranking { position: relative; margin: 0 0 10px; background: #312a26; z-index: 1; } .clan-mranking p.more { height: 20px; padding: 10px 12px 0; text-align: right; background: url('http://img.quakewars.co.kr/img/img_clan/bg_ranking_btm.gif') no-repeat 0 0; } .clan-mranking p.more em{ position: relative; top: -1px; left: -33px; color: #fff; font-size: 11px; text-align: left; } #clanMRankingTab { width: 265px; overflow: hidden; } #clanMRankingTab a { display: block; float: left; } #clanWRanking, #clanARanking { display: none; } #clanTRanking { padding: 34px 0 0; background: url('http://img.quakewars.co.kr/img/img_clan/bg_mranking_t.gif') no-repeat 0 0; } #clanWRanking { padding: 34px 0 0; background: url('http://img.quakewars.co.kr/img/img_clan/bg_wranking_t.gif') no-repeat 0 0; } #clanARanking { background: url('http://img.quakewars.co.kr/img/img_clan/bg_aranking_t.gif') no-repeat 0 0; } .area-selection { height: 29px; padding: 5px 7px 0 0; text-align: right; } .area-selection select { width: 66px; } .clan-mranking table { width: 265px; background: url('http://img.quakewars.co.kr/img/img_clan/bg_ranking_border.gif') repeat-y 0 0; } .clan-mranking table td { height: 26px; font-size: 11px; text-align: center; } .clan-mranking table td.rank { width: 38px; } .clan-mranking table td.name { width: 139px; color: #b0b0b0; } .clan-mranking table td.exp { width: 88px; font-family: tahoma; color: #757575; } .clan-mranking table td.area { width: 88px; color: #757575; } .clan-mranking table tbody tr:first-child td, .clan-mranking table tr:first-child td { height: 25px; } .clan-popular-wrap { margin: 0 0 10px; background: #181512; } .clan-match-wrap { margin: 0 0 10px; background: #181512; } .clan-box { width: 409px; padding: 0 0 10px 11px; overflow: hidden; } .clan-box .clan { float: left; width: 193px; margin: 0 10px 0 0; border-right: 1px solid #1f1d1a; border-bottom: 1px solid #1f1d1a; background: #110d0a; overflow: hidden; } .clan-popular dl { width: 177px; margin: 8px auto 0; overflow: hidden; } .clan-popular dl dt { float: left; padding-left: 8px; } .clan-popular dl dt img { width: 60px; height: 60px; border: 2px solid #000; } .clan-popular dl dd { float: left; padding: 15px 0 0 10px; font-size: 11px; font-weight: bold; color: #494949; } .clan-popular dl strong { display: block; font-size: 15px; color: #ff7b19; } .clan-popular ul { width: 177px; margin: 5px auto 9px; padding: 9px 0 7px; background: #080605; } .clan-popular ul li { padding: 0 0 0 20px; font-size: 11px; letter-spacing: -1px; background: url('http://img.quakewars.co.kr/img/img_clan/bul_graysquare.gif') no-repeat 13px 6px; } .clan-popular ul li em { padding-right: 5px; color: #494949; background: url('http://img.quakewars.co.kr/img/img_clan/bul_graycolon.gif') no-repeat 100% 3px; } .clan-match .clan { background: #110d0a url('http://img.quakewars.co.kr/img/img_clan/clan_vs.gif') no-repeat 50% 96px; } .clan-match p { width: 177px; margin: 8px auto 0; padding: 6px 0 5px; font-size: 11px; color: #999; text-align: center; background: #080605; } .clan-match dl { float: left; width: 88px; margin: 10px 0 0; padding: 27px 0 7px; } .clan-match dl dt { padding: 0 0 5px; } .clan-match dl dt img { display: block; width: 60px; height: 60px; margin: 0 auto; border: 2px solid #000; } .clan-match dl dd { font-size: 11px; color: #c1c1c1; text-align: center; } .clan-match dl dd em { display: block; margin: -2px 0 0; font-family: tahoma; font-size: 11px; font-weight: bold; color: #777; } .clan-match dl.winner { margin-right: 17px; background: url('http://img.quakewars.co.kr/img/img_clan/ico_winner.gif') no-repeat 50% 0; } .clan-match dl.loser { background: url('http://img.quakewars.co.kr/img/img_clan/ico_loser.gif') no-repeat 50% 0; } .clan-newer { padding: 0 0 8px; background: #181512; } .clan-newer table { width: 399px; margin: 0 auto; background: url('http://img.quakewars.co.kr/img/img_clan/bg_newerclan.gif') no-repeat 0 0; } .clan-newer table th { height: 20px; padding-top: 10px; vertical-align: top; border-bottom: 1px dotted #332614; } .clan-newer table td { height: 20px; font-size: 11px; text-align: center; border-bottom: 1px dotted #332614; } .clan-newer table th.name { width: 150px; } .clan-newer table th.master { width: 150px; } .clan-newer table th.area { width: 99px; } .clan-newer table td.name { font-weight: bold; color: #b0b0b0; } .clan-board { width: 265px; padding: 0 0 8px; background: #181512; } .clan-board table { width: 243px; margin: 0 auto; border-top: 1px solid #332614; } .clan-board table td { height: 18px; padding: 3px 0 0 15px; font-size: 11px; border-bottom: 1px dotted #332614; background: url('http://img.quakewars.co.kr/img/img_clan/bul_mainlist.gif') no-repeat 5px 9px; } .clan-board table td img{ vertical-align: middle; } /* clan info summary */ .clanInfoSummary { position: relative; width: 715px; height: 105px; background: url('http://img.quakewars.co.kr/img/img_clan/bg_claninfosummary.gif') no-repeat 0 0; } .clanInfoSummary p { position: absolute; top: 21px; left: 21px; } .clanInfoSummary p img { display: block; width: 60px; height: 60px; border: 2px solid #000; } .clanInfoSummary dl { width: 575px; margin-left: 105px; border-bottom: 1px solid #302015; overflow: hidden; } .clanInfoSummary dt { float: left; padding: 28px 0 5px; font-size: 16px; font-weight: bold; color: #ff7b19; } .clanInfoSummary dd { float: right; padding: 33px 0 5px; font-size: 11px; color: #a97c5b; } .clanInfoSummary ul { width: 575px; margin: 8px 0 0 105px; overflow: hidden; } .clanInfoSummary ul li { float: left; width: 128px; padding-left: 7px; font-size: 11px; color: #777; background: url('http://img.quakewars.co.kr/img/img_clan/bul_claninfo.gif') no-repeat 1px 6px; } .clanInfoSummary ul li.rank { width: 163px !important; } .clanInfoSummary .needLogin { margin: 43px 0 0; color: #b24c00; font-weight: bold; text-align: center; } .clanInfoSummary .needJoin { margin: 19px 0 0; color: #b24c00; font-weight: bold; text-align: center; } .clanInfoSummary .needJoin p{ position: static !important; margin: 12px 0 0; } .clanInfoSummary .needJoin img { display: inline !important; width: 250px !important; height: 45px !important; padding: 0 2px; border: 0 !important; } /* clan info search */ .clanInfoSearch { position: relative; width: 715px; height: 83px; margin: 0 0 30px; background: url('http://img.quakewars.co.kr/img/img_clan/bg_claninfosearch.gif') no-repeat 0 0; } .clanInfoSearch h5 { position: absolute; top: 24px; left: 26px; } .clanInfoSearch dl { margin: 20px 0 0 105px; } .clanInfoSearch dl img { vertical-align: middle; } .clanInfoSearch dd { padding: 8px 0 0 5px; font-size: 11px; color: #777; } .clanInfoSearch .input { width: 355px; } /* clan establishment */ .clan-establish-notice { margin: 0 0 25px; border-top: 1px solid #060402; border-bottom: 1px solid #1f1815; } .clan-establish-notice h4 { margin: 0; padding: 10px 0 0 9px; border-top: 1px solid #1f1815; } .clan-establish-notice ul { padding: 9px 0 5px 15px; border-bottom: 1px solid #060402; } .clan-establish-notice li { padding: 0 0 0 7px; font-size: 11px; background: url('http://img.quakewars.co.kr/img/img_clan/bul_graysquare.gif') no-repeat 0 6px; } /* clan establishment write */ .clan-establish-write { border: 1px solid #181717; } .clan-establish-write th, .clan-establish-write td { border-bottom: 1px solid #261f1b; background: #1f1814; } .clan-establish-write th { width: 54px; padding: 10px 0 10px 15px; text-align: left; vertical-align: top; background: #1f1814 url('http://img.quakewars.co.kr/img/img_common/table_border.gif') no-repeat 100% 12px; } .clan-establish-write td { padding: 7px 13px 10px; } .clan-establish-write p { font-size: 15px; font-weight: bold; color: #fff; } .clan-establish-write ul { margin: 7px 0 0; } .clan-establish-write ul li { padding-left: 3px; font-size: 11px; color: #897721; line-height: 120%; } .clan-establish-write ol { width: 520px; overflow: hidden; } .clan-establish-write ol li { float: left; width: 85px; font-size: 11px; } .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%; border: 1px solid #181717; } .clan-establish-complete th, .clan-establish-complete td { border-bottom: 1px solid #261f1b; background: #1f1814; } .clan-establish-complete th { width: 85px; padding: 10px 0 10px 15px; text-align: left; vertical-align: top; background: #1f1814 url('http://img.quakewars.co.kr/img/img_common/table_border.gif') no-repeat 100% 12px; } .clan-establish-complete td { padding: 10px 13px 7px; color: #fff; } .clan-establish-complete em { padding-left: 5px; color: #666; font-size: 11px; } .clan-establish-complete span { text-decoration: underline; } .clan-establish-complete strong { color: #f2800f; } /* 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/img/img_clan/bg_clanmatch_winner.gif') no-repeat 0 0; } .clan-match-loser { background: url('http://img.quakewars.co.kr/img/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/img/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/img/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/img/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/img/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/img/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 area tab */ #rankingAreaTab { margin-bottom: 7px; } #rankingAreaTab a { width: 36px; background-image: url('http://img.quakewars.co.kr/img/img_ranking/rankingarea_tab.gif'); } /* */ #rankingAreaTab a.t-all { width: 47px; background-position: -1px -76px; } #rankingAreaTab li.current a.t-all, #rankingAreaTab a.t-all:hover { background-position: -1px -1px; } /* */ #rankingAreaTab a.t-gl { background-position: -49px -76px; } #rankingAreaTab li.current a.t-gl, #rankingAreaTab a.t-gl:hover { background-position: -49px -1px; } /* */ #rankingAreaTab a.t-se { background-position: -86px -76px; } #rankingAreaTab li.current a.t-se, #rankingAreaTab a.t-se:hover { background-position: -86px -1px; } /* */ #rankingAreaTab a.t-bs { background-position: -123px -76px; } #rankingAreaTab li.current a.t-bs, #rankingAreaTab a.t-bs:hover { background-position: -123px -1px; } /* */ #rankingAreaTab a.t-dg { background-position: -160px -76px; } #rankingAreaTab li.current a.t-dg, #rankingAreaTab a.t-dg:hover { background-position: -160px -1px; } /* */ #rankingAreaTab a.t-ic { background-position: -197px -76px; } #rankingAreaTab li.current a.t-ic, #rankingAreaTab a.t-ic:hover { background-position: -197px -1px; } /* */ #rankingAreaTab a.t-dj { background-position: -234px -76px; } #rankingAreaTab li.current a.t-dj, #rankingAreaTab a.t-dj:hover { background-position: -234px -1px; } /* */ #rankingAreaTab a.t-kj { background-position: -271px -76px; } #rankingAreaTab li.current a.t-kj, #rankingAreaTab a.t-kj:hover { background-position: -271px -1px; } /* */ #rankingAreaTab a.t-us { background-position: -308px -76px; } #rankingAreaTab li.current a.t-us, #rankingAreaTab a.t-us:hover { background-position: -308px -1px; } /* */ #rankingAreaTab a.t-kw { background-position: -345px -76px; } #rankingAreaTab li.current a.t-kw, #rankingAreaTab a.t-kw:hover { background-position: -345px -1px; } /* */ #rankingAreaTab a.t-kg { background-position: -382px -76px; } #rankingAreaTab li.current a.t-kg, #rankingAreaTab a.t-kg:hover { background-position: -382px -1px; } /* */ #rankingAreaTab a.t-kb { background-position: -419px -76px; } #rankingAreaTab li.current a.t-kb, #rankingAreaTab a.t-kb:hover { background-position: -419px -1px; } /* */ #rankingAreaTab a.t-kn { background-position: -456px -76px; } #rankingAreaTab li.current a.t-kn, #rankingAreaTab a.t-kn:hover { background-position: -456px -1px; } /* */ #rankingAreaTab a.t-jb { background-position: -493px -76px; } #rankingAreaTab li.current a.t-jb, #rankingAreaTab a.t-jb:hover { background-position: -493px -1px; } /* */ #rankingAreaTab a.t-jn { background-position: -530px -76px; } #rankingAreaTab li.current a.t-jn, #rankingAreaTab a.t-jn:hover { background-position: -530px -1px; } /* */ #rankingAreaTab a.t-cb { background-position: -567px -76px; } #rankingAreaTab li.current a.t-cb, #rankingAreaTab a.t-cb:hover { background-position: -567px -1px; } /* */ #rankingAreaTab a.t-cn { background-position: -604px -76px; } #rankingAreaTab li.current a.t-cn, #rankingAreaTab a.t-cn:hover { background-position: -604px -1px; } /* */ #rankingAreaTab a.t-jj { background-position: -641px -76px; } #rankingAreaTab li.current a.t-jj, #rankingAreaTab a.t-jj:hover { background-position: -641px -1px; } /* */ #rankingAreaTab a.t-os { background-position: -678px -76px; } #rankingAreaTab li.current a.t-os, #rankingAreaTab a.t-os:hover { background-position: -678px -1px; } /* ranking title */ div.rankingTitle { position: relative; } div.rankingTitle h5 { margin: 0 0 8px; padding: 0 0 0 10px; font-size: 12px; } div.rankingTitle h5.gdf { color: #db7e0d; background: url('http://img.quakewars.co.kr/img/img_ranking/bul_rankingtitle_gdf.gif') no-repeat 0 2px; } div.rankingTitle h5.strogg { color: #db0d0d; background: url('http://img.quakewars.co.kr/img/img_ranking/bul_rankingtitle_strogg.gif') no-repeat 0 2px; } div.rankingTitle .rankingUpdate { position: absolute; top: -1px; right: 0; margin: 0 !important; } /* ranking tabs */ ul.rankingTab { width: 716px; margin: 0 0 20px -1px; background: url('http://img.quakewars.co.kr/img/img_ranking/bg_rankingtab.gif') repeat-x 0 0; overflow: hidden; } ul.rankingTab li { float: left; padding: 0 0 0 2px; font-size: 0; line-height: 0; text-indent: -3000em; } ul.rankingTab li a { display: block; height: 31px; background-repeat: no-repeat; background-position: no-repeat; } /* personal ranking tabs */ ul.rankingTab a.p-style, ul.rankingTab a.p-class, ul.rankingTab a.p-mode { width: 236px; background-image: url('http://img.quakewars.co.kr/img/img_ranking/tab_rank_personal.gif'); } ul.rankingTab a.p-style { background-position: -2px 0; } ul.rankingTab li.current a.p-style, ul.rankingTab a.p-style:hover { background-position: -2px -80px; } ul.rankingTab a.p-class { background-position: -240px 0; } ul.rankingTab li.current a.p-class, ul.rankingTab a.p-class:hover { background-position: -240px -80px; } ul.rankingTab a.p-mode { background-position: -478px 0; } ul.rankingTab li.current a.p-mode, ul.rankingTab a.p-mode:hover { background-position: -478px -80px; } /* clan ranking tabs */ ul.rankingTab a.c-accum, ul.rankingTab a.c-week, ul.rankingTab a.c-area { background-image: url('http://img.quakewars.co.kr/img/img_ranking/tab_rank_clan.gif'); } ul.rankingTab a.c-accum { width: 236px; background-position: -2px 0; } ul.rankingTab li.current a.c-accum, ul.rankingTab a.c-accum:hover { background-position: -2px -80px; } ul.rankingTab a.c-week { width: 236px; background-position: -240px 0; } ul.rankingTab li.current a.c-week, ul.rankingTab a.c-week:hover { background-position: -240px -80px; } ul.rankingTab a.c-area { width: 235px; background-position: -478px 0; } ul.rankingTab li.current a.c-area, ul.rankingTab a.c-area:hover { background-position: -478px -80px; } /* mode ranking tabs */ ul.rankingTab a.m-mission, ul.rankingTab a.m-teamdeath, ul.rankingTab a.m-timeattak, ul.rankingTab a.m-challenge { width: 176px; background-image: url('http://img.quakewars.co.kr/img/img_ranking/tab_rank_mode.gif'); } ul.rankingTab a.m-mission { background-position: -2px 0; } ul.rankingTab li.current a.m-mission, ul.rankingTab a.m-mission:hover { background-position: -2px -88px; } ul.rankingTab a.m-teamdeath { background-position: -180px 0; } ul.rankingTab li.current a.m-teamdeath, ul.rankingTab a.m-teamdeath:hover { background-position: -180px -88px; } ul.rankingTab a.m-timeattak { background-position: -359px 0; } ul.rankingTab li.current a.m-timeattak, ul.rankingTab a.m-timeattak:hover { background-position: -359px -88px; } ul.rankingTab a.m-challenge { background-position: -538px 0; } ul.rankingTab li.current a.m-challenge, ul.rankingTab a.m-challenge:hover { background-position: -538px -88px; } /* ranking tab */ div.rankingTab { position: relative; width: 715px; /*margin: 0 0 20px;*/ background: url('http://img.quakewars.co.kr/img/img_common/tab_border.gif') repeat-x 0 0; overflow: hidden; } div.rankingTab span { float: left; height: 23px; font-size: 0; line-height: 1; } div.rankingTab span { border-top: 1px solid #232323; border-right: 1px solid #232323; } div.rankingTab span a { display: block; height: 23px; text-indent: -3000em; } div.rankingTab span.current { margin-left: -1px; border-left: 1px solid #734d1a !important; border-color: #734d1a !important; border-bottom: 1px solid #0c0c0c !important; } div.rankingTab span:first-child { border-left: 1px solid #232323; } div.rankingTab span:first-child.current { margin-left: 0; } div.rankingTab a { background-position: 0 0; background-repeat: no-repeat; } div.rankingTab .rankingDuration { position: absolute; top: 1px; right: 5px; width: auto !important; margin: 0 !important; } div.rankingTab .rankingUpdate { position: absolute; top: 4px; right: 5px; margin: 0 !important; } p#mRanking { margin: 0 0 15px; border-bottom: 1px solid #1f1815; } p.rankingTab { width: 705px; padding: 10px 5px; font-size: 11px; overflow: hidden; } p.rankingTab a { display: block; float: left; padding: 0 7px; color: #7c6d5b; background: url('http://img.quakewars.co.kr/img/img_ranking/bg_ranking_border.gif') no-repeat 0 3px; } p.rankingTab a:hover, p.rankingTab a.current { color: #db7e0d; } p.rankingTab a:first-child { background: none; } div.rankingClassTab { height: 87px; margin: 0 0 17px; background: url('http://img.quakewars.co.kr/img/img_ranking/bg_class_ranking.gif') no-repeat 0 0; overflow: hidden; } div.rankingClassTab h5 { padding: 14px 0 12px 16px; } div.rankingClassTab p { width: 345px; padding: 12px 0 0 10px; overflow: hidden; } div.rankingClassTab p a { display: block; float: left; padding: 0 7px; font-size: 11px; color: #7c6d5b; background: url('http://img.quakewars.co.kr/img/img_ranking/bg_ranking_border.gif') no-repeat 0 3px; } div.rankingClassTab p a:first-child { background: none; } div.rankingClassTab p a:hover, div.rankingClassTab p a.current { color: #db7e0d; } div.rankingClassTab .cGDF { float: left; width: 357px; } div.rankingClassTab .cSTROGG { float: left; width: 358px; } /* tab for personal mode ranking */ #mRankingTab a { width: 68px; background-image: url('http://img.quakewars.co.kr/img/img_ranking/tab_personal_m.gif'); } #mRankingTab a.m-attack { background-position: -1px -1px; } #mRankingTab .current a.m-attack, #mRankingTab a.m-attack:hover { background-position: -1px -32px; } #mRankingTab a.m-mission { background-position: -70px -1px; } #mRankingTab .current a.m-mission, #mRankingTab a.m-mission:hover { background-position: -70px -32px; } /* tab for personal style ranking */ #sRankingTab { margin: 0 0 20px; } #sRankingTab a { width: 105px; background-image: url('http://img.quakewars.co.kr/img/img_ranking/tab_personal_s.gif'); } #sRankingTab a.s-attack { background-position: -1px -1px; } #sRankingTab .current a.s-attack, #sRankingTab a.s-attack:hover { background-position: -1px -32px; } #sRankingTab a.s-strategy { background-position: -107px -1px; } #sRankingTab .current a.s-strategy, #sRankingTab a.s-strategy:hover { background-position: -107px -32px; } #sRankingTab a.s-devote { background-position: -213px -1px; } #sRankingTab .current a.s-devote, #sRankingTab a.s-devote:hover { background-position: -213px -32px; } /* ranking search */ #RankingSearch { height: 74px; margin: 0 0 30px; padding: 20px 0 0; background: url('http://img.quakewars.co.kr/img/img_ranking/bg_rankingsearch.gif') no-repeat 0 0; } #RankingSearch h5 { float: left; padding: 5px 25px 0 27px; } #RankingSearch h5 img { display: block; } #RankingSearch .seardch-box { float: left; } #RankingSearch select.select{ width: 130px; } #RankingSearch input.input { width: 285px; } #RankingSearch img { vertical-align: middle; } #RankingSearch ul { clear: both; margin: 10px 0 0; padding: 0 0 0 110px; font-size: 11px; color: #7c6d5b; } #RankingSearch ul li { padding-left: 7px; line-height: 120%; background: url('http://img.quakewars.co.kr/img/img_ranking/bul_ranksearch.gif') no-repeat 0 4px; } .rankingDuration { position: relative; width: 710px; margin: 15px 0 5px; padding: 0 0 0 5px; color: #6e2f00; font-size: 11px; } .rankingDuration .rankingUpdate { position: absolute; top: 4px; right: 0; } /* rankingUpdate */ .rankingUpdate { margin: 0 0 7px; padding: 0 5px 0 0; font-size: 11px; color: #b24c00; text-align: right; } /* table for ranking */ table.rankingList td { padding: 6px 0 8px !important; font-size: 11px; text-align: center; } table.rankingList td.rank { color: #fff; } 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 { color: #555; } 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; color: #555; } table.rankingList td.clan a { text-decoration: underline; } table.rankingList span { padding: 0 3px 0 4px; font-family: tahoma; font-size: 11px; color: #999; } table.rankingList span.up { padding: 0 3px 0 14px; color: #ee1c24; background: url('http://img.quakewars.co.kr/img/img_common/rank_up.gif') no-repeat 3px 5px; } table.rankingList span.dn { padding: 0 3px 0 14px; color: #00aef0; background: url('http://img.quakewars.co.kr/img/img_common/rank_dn.gif') no-repeat 3px 7px; } /* table for personal accumulation ranking */ table#pRanking th.rank { width: 94px; } table#pRanking th.nick { width: 250px; } table#pRanking th.level { width: 45px; } table#pRanking th.exp { width: 100px; } table#pRanking th.winlost { width: 53px; } table#pRanking th.mission { width: 66px; } table#pRanking th.clan { width: 107px; } /* table for style */ table#sRanking th.rank { width: 94px; } table#mRanking th.nick { width: 245px; } table#sRanking th.level { width: 100px; } table#sRanking th.xp-t { width: 60px; } table#sRanking th.apoint { width: 65px; } table#sRanking th.spoint { width: 65px; } table#sRanking th.dpoint { width: 65px; } table#sRanking th.clan { width: 107px; } table.sAttackPoint .apoint { color: #b24c00 !important; } table.sStrategyPoint .spoint{ color: #b24c00 !important; } table.sDevotePoint .dpoint { color: #b24c00 !important; } /* table for personal each classes ranking */ table#clRanking th.rank { width: 94px; } table#clRanking th.nick { width: 184px; } table#clRanking th.level { width: 100px; } table#clRanking th.clpoint { width: 65px; } table#clRanking th.pspoint { width: 155px; } table#clRanking th.clan { width: 107px; } table#clRanking td.clpoint { color: #b24c00; } /* table for mode */ table#mRanking th.rank { width: 94px; } table#mRanking th.nick { width: 250px; } table#mRanking th.level { width: 55px; } table#mRanking th.mission { width: 50px; } table#mRanking th.medal { width: 73px; } table#mRanking th.ctime { width: 76px; } table#mRanking th.clan { width: 117px; } table#mRanking td.medal { color: #b24c00; } table#mRanking td.mission { font-family: dotum; } /* table for mode - teamdeath ranking */ /* table#mRanking th.rank { width: 94px; } table#mRanking th.nick { width: 220px; } table#mRanking th.level { width: 45px; } table#mRanking th.exp { width: 80px; } table#mRanking th.wpoint { width: 116px; } table#mRanking th.winlost { width: 53px; } table#mRanking th.clan { width: 107px; } */ /* table for mode - timeattack ranking */ /* table#mRanking th.rank { width: 94px; } table#mRanking th.nick { width: 210px; } table#mRanking th.level { width: 35px; } table#mRanking th.exp { width: 80px; } table#mRanking th.wpoint { width: 126px; } table#mRanking th.ctime { width: 63px; } table#mRanking th.clan { width: 107px; } */ /* 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; } /* top3 for ranking */ #PersonRanking { height: 132px; margin: 0 0 20px; background: url('http://img.quakewars.co.kr/img/img_ranking/bg_personranking.gif') no-repeat 0 0; overflow: hidden; } #PersonRanking dl { float: left; width: 208px; padding: 15px; background: url('http://img.quakewars.co.kr/img/img_ranking/pranking_border.gif') no-repeat 0 15px; } #PersonRanking dl:first-child { background: none; } #PersonRanking dl dt { padding: 6px 0 17px 60px; font-weight: bold; color: #999; border-bottom: 1px solid #0d0906; } #PersonRanking dl dd { width: 100%; padding: 9px 0 0; border-top: 1px solid #1b1612; overflow: hidden; } #PersonRanking dl p { float: left; } #PersonRanking dl p img { display: block; width: 50px; height: 50px; } #PersonRanking dl ul { float: left; padding: 0 0 0 20px; } #PersonRanking dl ul li { zoom: 1; padding-left: 6px; font-size: 11px; color: #999; background: url('http://img.quakewars.co.kr/img/img_common/bul_graysquare.gif') no-repeat 0 7px; overflow: hidden; } #PersonRanking dl ul strong { display: block; float: left; width: 50px; font-weight: normal; color: #6e6e6e; } #PersonRanking dl.rank1st dt { background: url('http://img.quakewars.co.kr/img/img_ranking/pranking_top1st.gif') no-repeat 0 0; color: #fff; } #PersonRanking dl.rank2nd dt { background: url('http://img.quakewars.co.kr/img/img_ranking/pranking_top2nd.gif') no-repeat 0 0; } #PersonRanking dl.rank3rd dt { background: url('http://img.quakewars.co.kr/img/img_ranking/pranking_top3rd.gif') no-repeat 0 0; } .sRankingTop { height: 136px; margin: 0 0 30px; padding: 39px 0 0; background: url('http://img.quakewars.co.kr/img/img_ranking/bg_srankingtop.gif') no-repeat 0 0; overflow: hidden; } .sRankingTop .attackTop3 { float: left; width: 208px !important; padding: 0 14px 0 18px; } .sRankingTop .strategyTop3 { float: left; width: 208px !important; padding: 0 15px 0 13px; } .sRankingTop .devoteTop3 { float: left; width: 208px !important; padding: 0 0 0 14px; } .sRankingTop h5 { margin: 0 0 8px; padding: 13px 0 11px 2px; border-bottom: 1px solid #120e0b; } .sRankingTop h5 img { display: block; } .sRankingTop table { /*width: 324px;*/ /*border-top: 1px solid #251e1a;*/ } .sRankingTop table tr.top td, .sRankingTop table tr.top td a { color: #fff; } .sRankingTop table .rank { width: 24px; } .sRankingTop table .cname { width: 180px; } .sRankingTop table td { padding: 3px 0; } .sRankingTop table td img { vertical-align: middle; } /* .ClanRankingTop { height: 149px !important; background: url('http://img.quakewars.co.kr/img/img_ranking/bg_clanranking.gif') no-repeat 0 0 !important; } .ClanRankingTop dl { background: url('http://img.quakewars.co.kr/img/img_ranking/cranking_border.gif') no-repeat 0 15px !important; } .ClanRankingTop dl:first-child { background: none !important; } .ClanRankingTop dl strong { float: none !important; width: auto !important; } .ClanRankingTop dl p img { width: 60px !important; height: 60px !important; border: 2px solid #000; } */ .ClanRankingTop { height: 136px; margin: 0 0 15px; padding: 39px 0 0; background: url('http://img.quakewars.co.kr/img/img_ranking/bg_clanrankingtop.gif') no-repeat 0 0; overflow: hidden; } .ClanRankingTop .accumTop3 { float: left; width: 324px; padding: 0 15px 0 18px; } .ClanRankingTop .weekTop3 { float: left; width: 324px; padding: 0 0 0 16px; } .ClanRankingTop h5 { margin: 0 0 8px; padding: 13px 0 11px 2px; border-bottom: 1px solid #120e0b; } .ClanRankingTop h5 img { display: block; } .ClanRankingTop table { width: 324px; /*border-top: 1px solid #251e1a;*/ } .ClanRankingTop table tr.top td, .ClanRankingTop table tr.top td a { color: #fff; } .ClanRankingTop table tr.top td a:hover { color: #b24c00; } .ClanRankingTop table .rank { width: 24px; } .ClanRankingTop table .cname { width: 300px; } .ClanRankingTop table td { padding: 3px 0; } .ClanRankingTop table td img { vertical-align: middle; } /* 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/img/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/img/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/img/img_common/bul_graysquare.gif') no-repeat 13px 5px; } .clanAreaRanking li img { vertical-align: middle; } /* my ranking popup */ #myRankingWrapper { width: 670px; padding: 20px 20px 10px; background: #140c09; } #myRankingWrapper h2 img { display: block; } #myRankingWrapper h3 { margin: 0 -13px 15px; padding: 13px 0 12px 13px; background: url('http://img.quakewars.co.kr/img/img_ranking/bg_myranking_title.gif') no-repeat 0 0; } #myRankingWrapper h3 img { display: block; } #myRankingWrapper h4 { margin: 15px 0 7px; padding: 0 0 0 10px; font-size: 12px; color: #b24c00; background: url('http://img.quakewars.co.kr/img/img_ranking/bul_rankingtitle.gif') no-repeat 0 2px; } .myRankingUpdate { margin: -23px 5px 7px 0; font-size: 11px; color: #6f6f6f; text-align: right; } .myRankingBox { margin: 0 0 10px; padding: 0 13px 12px; border-top: 1px solid #030303; border-left: 1px solid #030303; border-right: 1px solid #463f3d; border-bottom: 1px solid #463f3d; background: #312a26; } #myRankingWrapper table { width: 100%; table-layout: fixed; border: 1px solid #140c09; } #myRankingWrapper table th, #myRankingWrapper table td { padding: 4px 0 5px; border-left: 1px solid #140c09; border-right: 1px solid #140c09; font-size: 11px; text-align: center; } #myRankingWrapper table th { background: #26211e; } #myRankingWrapper table td { color: #e0e0e0; border-bottom: 1px solid #140c09; } #myRankingWrapper table td span { padding: 0 5px; color: #777; } #myRankingWrapper table td span.up { padding: 0 0 0 13px; color: #ee1c24; background: url('http://img.quakewars.co.kr/img/img_common/rank_up.gif') no-repeat 3px 3px; } #myRankingWrapper table td span.dn { padding: 0 0 0 13px; color: #00aef0; background: url('http://img.quakewars.co.kr/img/img_common/rank_dn.gif') no-repeat 3px 4px; } #myRankingWrapper table.mode th, #myRankingWrapper table.mode td { padding: 2px 0 3px; } #myRankingWrapper table.mode th { width: 110px; border-bottom: 1px solid #140c09; } #myRankingWrapper table.mode th.mode { width: 70px !important; color: #e0e0e0; background: #1e1b19; } #myRankingWrapper table.mode td p { width: 100%; padding: 2px 0; overflow: hidden; } #myRankingWrapper table.mode td strong { display: block; float: left; padding: 0 5px; } #myRankingWrapper .no-data { padding: 10px 0; font-size: 11px; text-align: center; } #myRankingWrapper #rankingGraph.no-data { padding: 37px 0 36px !important; } #myRankingWrapper #rankingGraph { width: 100%; margin: 20px 0 0; overflow: hidden; } #myRankingWrapper #graphTab { float: left; width: 120px; } #myRankingWrapper #graphTab a { display: block; width: 94px; height: 20px; margin: 0 0 12px; padding: 3px 0 0 23px; font-size: 11px; color: #777; } #myRankingWrapper #graphTab a { background: url('http://img.quakewars.co.kr/img/img_ranking/bg_ranking_graph.gif') no-repeat 0 0; } #myRankingWrapper #graphTab .current a, #myRankingWrapper #graphTab a:hover { color: #fff; } #myRankingWrapper #graphTab a.attack { background-position: 0 0; } #myRankingWrapper #graphTab .current a.attack, #myRankingWrapper #graphTab a.attack:hover { background-position: -117px 0; } #myRankingWrapper #graphTab a.strategy { background-position: 0 -36px; } #myRankingWrapper #graphTab .current a.strategy, #myRankingWrapper #graphTab a.strategy:hover{ background-position: -117px -36px; } #myRankingWrapper #graphTab a.devote { background-position: 0 -72px; } #myRankingWrapper #graphTab .current a.devote, #myRankingWrapper #graphTab a.devote:hover { background-position: -117px -72px; } #myRankingWrapper #graph { float: left; width: 522px; margin: -7px 0 0; font: 9px "arial"; } #myRankingWrapper #attackPointRanking { position: relative; width: 510px; height: 112px; } #myRankingWrapper .tickLabels span { color: #ffcc00; } #myRankingWrapper .tooltip { display: none; position: absolute; top: 0; left: 0; font: 10px "arial"; color: #e0e0e0; background: url('http://img.quakewars.co.kr/img/img_ranking/rank_r.gif') no-repeat 100% 0; } #myRankingWrapper .tooltip span { display: block; height: 13px; padding: 0 2px 0 3px; line-height: 13px; background: url('http://img.quakewars.co.kr/img/img_ranking/rank_l.gif') no-repeat 0 0; } /* newbie guide */ dl#newbieGuide { margin-bottom: 30px; border: 1px solid #703205; } dl#newbieGuide dt { height: 50px; padding-top: 33px; border: 0; } dl#newbieGuide dd { height: 60px; padding-top: 23px; border: 0; } dl#newbieGuide dd ul { margin: 0 0 12px -18px; } dl#newbieGuide dd ul li { float: left; padding: 0 28px; } dl#newbieGuide dd a { display: block; height: 12px; text-indent: -3000em; } dl#newbieGuide dd a { background-image: url('http://img.quakewars.co.kr/img/img_guide/n_guide.gif'); background-repeat: no-repeat; } dl#newbieGuide dd a.n-class { background-position: 0 -41px; width: 99px; } dl#newbieGuide dd a.n-class:hover { background-position: 0 0; } dl#newbieGuide dd a.n-mission { background-position: -156px -41px; width: 101px; } dl#newbieGuide dd a.n-mission:hover { background-position: -156px 0; } dl#newbieGuide dd a.n-method { background-position: -313px -41px; width: 143px; } dl#newbieGuide dd a.n-method:hover { background-position: -313px 0; } dl#newbieGuide dd a.n-shop { background-position: 0 -66px; width: 119px; } dl#newbieGuide dd a.n-shop:hover { background-position: 0 -25px; } dl#newbieGuide dd a.n-mix { background-position: -175px -66px; width: 99px; } dl#newbieGuide dd a.n-mix:hover { background-position: -175px -25px; }