/* ++++++++++++++++++++++++++++++ Three column structure (main only) ++++++++++++++++++++++++++++++ */ /* bbb->bbbmain */ #bbbmain {width:100%; background:url(../images/bg_gradation.gif) center top repeat-x; } #bbbmain #bbc {width:780px; margin:0 auto; } /* Controls width of page */ #bbbmain .bbct {height:200px; position:relative; z-index:10;} /* Controls spacing for splash image (flash) */ #bbbmain .bbcb {width:780px; float:left; background:url(../images/bg_content_main_renewal.gif) top left repeat-y;} /* Keep width in here for Opera */ #bbbmain .bbcb .mleft {float:left; width:160px; text-align:center;} #bbbmain .bbcb .templink {position:absolute;left:590px;top:-120px;width:188px;height:120px;} #bbbmain .bbcb .mcenter {float:left; width:430px; text-align:center;} #bbbmain .bbcb .mright {float:left; width:190px; text-align:center;} #bbbmain .bbcb .mleft_padding {padding-left: 5px; padding-right: 5px;} #bbbmain .bbcb .mcenter_padding {padding-left: 4px; padding-right: 4px;} #bbbmain .bbcb .mright_padding {padding-left: 3px; padding-right: 3px;} #bbbmainbtm {width:780px; margin:0 auto; height:7px; overflow:hidden; clear:both; } /* +++++++++++++++++++++++++++++ //Three column structure (main only) +++++++++++++++++++++++++++++ */ /* 200901 crm */ .crm_layer {position:absolute; top:254px; right:13px; width:235px; height:104px; background:url(../images/bg_crm1.gif) no-repeat; text-align:left; z-index:100; } .crm_layer p.close {padding:7px 7px 0 0; text-align:right; } .crm_layer p.txt {float:right; padding:15px 50px 0px 0; font-size:9px; color:#666; line-height:1.4; } .crm_layer p.crm_btn {text-align:center; } .crm_layer p.txt a, .crm_layer p.txt a:link, .crm_layer p.txt a:visited, .crm_layer p.txt a:active, .crm_layer p.txt a:hover {color:#ff7200; font-weight:bold; text-decoration:underline; } /* //200901 crm */ /* 200901 premier coupon */ .premier_coupon_layer {position:absolute; bottom:110px; right:10px; width:235px; height:104px; background:url(../images/bg_premier_coupon.gif) no-repeat; text-align:left; z-index:10 } .premier_coupon_layer p.close {padding:7px 7px 0 0; text-align:right; } .premier_coupon_layer p.txt {float:right; padding:4px 20px 10px 0; font-size:9px; color:#666; line-height:1.4; } .premier_coupon_layer p.premier_coupon_btn {text-align:center; } .premier_coupon_layer p.txt a, .premier_coupon_layer p.txt a:link, .premier_coupon_layer p.txt a:visited, .premier_coupon_layer p.txt a:active, .premier_coupon_layer p.txt a:hover {color:#ff7200; font-weight:bold; text-decoration:underline; } /* //200901 premier coupon */ /* ++++++++++++++++++++++++++++++++++++++++ Splash Image +++++++++++++++++++++++++++++++++++++++++ */ #bbbmain #bbb_gunz00 {width:100%; background:url(../images/gunz00_renewal.jpg) center top no-repeat; } /* +++++++++++++++++++++++++++++++++++++++ //Splash Image ++++++++++++++++++++++++++++++++++++++++ */ /* +++++++++++++++++++++++++++++++++++++ Top Navigation Bar ++++++++++++++++++++++++++++++++++++++ */ /*mainpage header*/ #bbtmain {width:100%; height:98px; background:url(../images/bg_t.gif) repeat-x; position:relative; clear:both; } #bbtmain .top {width:780px; height:98px; background:url(../images/bg_main_top.gif) no-repeat; position:relative; margin-left:1px; z-index:100; margin:0 auto;} html>body #bbtmain .top {margin:0 auto; } /*keep this separate from .top since positioning is involved*/ #bbtmain .top .logo {position:absolute; top:0; left:6px; z-index:100; } #bbtmain .top .my {float:right; padding-top:34px; font-size:0; } #bbtmain .top .my img {vertical-align:middle; margin:0 1px;} #bbtmain .tnavi {position:absolute; top:26px; left:215px; z-index:100; } #bbtmain .tnavi img {vertical-align:top; } #bbtmain #bbt_bgl {float:left; background:url(../images/bg_tl.gif) repeat-x; width:50%; height:98px; position:absolute; top:0; left:0; z-index:1; } /*navigation*/ #bbtmain .top .navi {width:780px; height:41px; position:absolute; left:0; top:57px; } #bbtmain #menu {position:absolute; list-style:none; height:41px; display:inline; overflow:hidden; left:119px; top:0; } #bbtmain #menu li {display:inline; list-style-type:none;} #bbtmain #menu a {float:left; height:41px; font-size:0; } #bbtmain #menu a:hover {background-position: 0 -41px} #bbtmain #menu a.mnselected, #menu a.mnselected:hover{background-position: 0 -82px} #main_gunz a {width: 96px; background:url(../images/topbarmain_navi00.gif) top left no-repeat; text-indent:-9000px; height:41px; position:absolute; left:8; top:0; } #main_news a {width: 54px; background:url(../images/topbarmain_navi01.gif) top left no-repeat; text-indent:-9000px;} #main_guide a {width: 86px; background:url(../images/topbarmain_navi02.gif) top left no-repeat; text-indent:-9000px;} #main_media a {width: 58px; background:url(../images/topbarmain_navi03.gif) top left no-repeat; text-indent:-9000px;} #main_forum a {width: 61px; background:url(../images/topbarmain_navi04.gif) top left no-repeat; text-indent:-9000px;} #main_ranking a {width: 71px; background:url(../images/topbarmain_navi05.gif) top left no-repeat; text-indent:-9000px;} #main_help a {width: 53px; background:url(../images/topbarmain_navi06.gif) top left no-repeat; text-indent:-9000px;} #main_guild a {width: 50px; background:url(../images/topbarmain_navi07.gif) top left no-repeat; text-indent:-9000px;} #main_itemshop a {width: 79px; background:url(../images/topbarmain_navi08.gif) top left no-repeat; text-indent:-9000px;} #main_gunzwiki a {width: 79px; background:url(../images/topbar_gunzwiki_new.html) top left no-repeat; text-indent:-9000px;} /*//navigation*/ /*//mainpage header*/ /* ++++++++++++++++++++++++++++++++++++ //Top Navigation Bar +++++++++++++++++++++++++++++++++++++ */ /* +++++++++++++++++++++++++++++++++++++++++ Left Column +++++++++++++++++++++++++++++++++++++++++ */ /* left box */ .lbox_threeboxmodel01_area {width:150px;} .lbox_threeboxmodel01_bg_t {width:100%; height:24px; background: url(../images/lbox_threebm01_t.gif) top left no-repeat;} .lbox_threeboxmodel01_bg_m {width:100%; background: url(../images/lbox_threebm01_m.gif) repeat-y; padding-top: 1px; padding-bottom: 2px; text-align: left;} .lbox_threeboxmodel01_bg_b {width:100%; height: 5px; background: url(../images/lbox_threebm01_b.gif) bottom left no-repeat;} .lbox_threeboxmodel01_bg_m_interior {padding-left: 9px; padding-right: 11px;} /* //left box */ /* more button */ .l_morebtn_area {width:100%; height:100%; margin:0 auto;} .l_morebtn_area a {float:right; margin-top:6px; margin-right:6px;} #mlhowto {margin-top:4px;} #clanranking_area {margin-top: 4px;} #title_clanranking {width:100%; height:100%; background: url(../images/l_title_clanranking.gif) no-repeat;} #individual_area {margin-top: 3px;} #title_individual {width:100%; height:100%; background: url(../images/l_title_individual.gif) no-repeat;} #ldownloadfullversion {margin-top: 4px;} /* list tr td */ .table_list01 {width: 100%;} .table_list01 .line {height: 16px; background:url(../images/line_dashed01.gif) repeat-x 0 top;} .table_list01 .td_col01, .table_list01 .td_col02 {color: #FFF; font-size: 9px; line-height: 16px;} .table_list01 .td_col01 a, .table_list01 .td_col02 a, .table_list01 .td_col01 div, .table_list01 .td_col02 div {color: #FFF; font-size: 9px; line-height: 16px;} .table_list01 .td_col01 {width: 92px; text-align: left; letter-spacing: 0px;} .table_list01 .td_col02 { text-align: right; letter-spacing: 0px;} /* bullets, txt styles */ .bullet_num01 {background: url(../images/bu_num01_01.gif) 0px 4px no-repeat; padding-left: 13px; font-weight: bold;} .bullet_num02 {background: url(../images/bu_num01_02.gif) 0px 4px no-repeat; padding-left: 13px;} .bullet_num03 {background: url(../images/bu_num01_03.gif) 0px 4px no-repeat; padding-left: 13px;} .bullet_num04 {background: url(../images/bu_num01_04.gif) 0px 4px no-repeat; padding-left: 13px;} .bullet_num05 {background: url(../images/bu_num01_05.gif) 0px 4px no-repeat; padding-left: 13px;} .bullet_num06 {background: url(../images/bu_num01_06.gif) 0px 4px no-repeat; padding-left: 13px;} .bullet_num07 {background: url(../images/bu_num01_07.gif) 0px 4px no-repeat; padding-left: 13px;} .bullet_num08 {background: url(../images/bu_num01_08.gif) 0px 4px no-repeat; padding-left: 13px;} .bullet_num09 {background: url(../images/bu_num01_09.gif) 0px 4px no-repeat; padding-left: 13px;} .bullet_num010 {background: url(../images/bu_num01_10.gif) 0px 4px no-repeat; padding-left: 13px;} .txt_ranking01 {color: #CADBE9;} .txt_ranking02 {color: #CADBE9;} /* ++++++++++++++++++++++++++++++++++++++++ //Left Column ++++++++++++++++++++++++++++++++++++++++ */ /* ++++++++++++++++++++++++++++++++++++++++ Center Column ++++++++++++++++++++++++++++++++++++++++ */ #mdown {height: 80px; overflow: hidden;} /* overflow: hidden gets rid of 2 pixel gap bug in IE */ #mcontents_area {width: 422px; height: 580px; margin-top: 4px; background: #2F5374; text-align: center; } #mcontents_area_padding {padding: 4px;} /* main content newsarea title */ .mc_newsarea_title {width:203px; height:18px; margin:0 auto; margin-top:0px; } .mc_newsarea_title a {float:right; margin-top:2px; margin-right:4px;} .announcements {width: 100%; height: 100%; background:url(../images/mc_tit_announce.gif) top left no-repeat;} .events {width: 100%; height: 100%; background:url(../images/mc_tit_events.gif) top left no-repeat;} /* //main content newsarea title */ /* main content newsbox area */ #newsbox_area {width:414px; height:150px; margin: 0 auto; text-align: left;} #newsbox_area_bg {width:100%; height:100%; background: #15334E url(../images/mc_newsbox_gradient.gif) top repeat-x;} #newsbox_interior_padding {padding: 3px;} /* news sections */ #announce_area {float: left; width: 203px; height: 144px; overflow: hidden;} #events_area {float: right; width: 203px; height: 144px; overflow: hidden;} #announce_area_bg {width: 100%; height: 100%; background: #375673 url(../images/mc_bg_announce.gif) top left no-repeat; text-align: center;} #events_area_bg {width: 100%; height: 100%; background: #375673 url(../images/mc_bg_events.gif) top left no-repeat; text-align: center;} #announce_column_banner {width: 191px; height: 40px; margin: 0 auto; padding-top: 6px;} #events_column_banner {width: 191px; height: 40px; margin: 0 auto; padding-top: 6px;} #announce_list_area {padding-top: 3px; width: 186px; margin: 0 auto;} #events_list_area {padding-top: 3px; width: 186px; margin: 0 auto;} /* +++++++++ arrow, bullet lists +++++++++ */ #newsbox_area ul.mc_newsbox_bulletlist {} #newsbox_area ul.mc_newsbox_bulletlist li {background:url(../images/li_x_04.gif) repeat-x top left; padding: 1px 0px 4px 0px;} /* dashed, dotted, solid line, use "left" to align repeating bg */ #newsbox_area ul.mc_newsbox_bulletlist li a, #newsbox_area ul.mc_newsbox_bulletlist li a:hover, #newsbox_area ul.mc_newsbox_bulletlist li div {display: block; background:url(../images/bu_dot14.gif) no-repeat 3px 7px; padding-left: 9px; font-size: 9px; line-height: 13px; color:#FFF;} #newsbox_area ul.mc_newsbox_bulletlist li.top {background-image: none; border-top: none; border-bottom: none; } #newsbox_area ul.mc_newsbox_bulletlist li.top a {} /* +++++++++ arrow, bullet lists +++++++++ */ /* Gecko/Firefox (1 pixel bug) */ html>body #newsbox_area ul.mc_newsbox_bulletlist li a, html>body #newsbox_area ul.mc_newsbox_bulletlist li a:hover, html>body #newsbox_area ul.mc_newsbox_bulletlist li div {position: relative; top: 1px; background-position: 3px 6px;} html>body #newsbox_area ul.mc_newsbox_bulletlist li.top a {position: relative; top: 1px; background-position: 3px 6px;} /* main content newsbox area */ /* gunz new items */ /* game specific features */ #prfeatures_area {width: 414px; margin: 0 auto; text-align: center; margin-top: 2px;} #prfeatures_title {width: 402px; height: 29px; margin: 0 auto; background: url(../images/mc_tit_prfeatures.gif) top left no-repeat; border-bottom: 1px solid #182D42;} #prfeatures_nav {float: right; width: 33px; height: 14px; position: relative; top: 8px; margin-right: 3px;} #prfeatures_nav .button_prev {float: left; } #prfeatures_nav .button_next {float: right;} .prfeatures_iframe {} /* Gecko/Firefox (1 pixel bug) */ html>body #prfeatures_title {height: 28px;} /* game specific features */ /* //gunz new items */ /* main content controls area */ #controls_area {margin-top: 0px;} /* main content controls area */ /* +++++++++++++++++++++++++++++++++++++++ // Center Column +++++++++++++++++++++++++++++++++++++++ */ /* ++++++++++++++++++++++++++++++++++++++++ Right Column ++++++++++++++++++++++++++++++++++++++++ */ /* Before signin */ #signin {width:184px; height:177px; background:url(../images/r_signin01_renewal.gif) no-repeat; margin: 0 auto; margin-top: 3px;}/*091214 modify*/ #signin_form_area {position: relative; width:100%; height:100%;} #signin_form_area form {margin: 0px 0px 0px 0px;} #useridandpasswordbox_area {position: absolute; top: 35px; left: 9px; width: 164px;} #userid_textbox_area {position: absolute; top: 0px; left: 0px; height:18px;} #userid_textbox_area input {width:105px; height:18px; padding: 0px 0px 0px 6px; margin: 0px 0px 0px 0px; background: #476173; border: 1px solid #2D3F4C; color: #D3E0EA; font-size: 9px; line-height: 13px;} #passwd_textbox_area {position: absolute; top: 22px; left: 0px; height:18px;} #passwd_textbox_area input {width:105px; height:18px; padding: 0px 0px 0px 6px; margin: 0px 0px 0px 0px; background: #476173; border: 1px solid #2D3F4C; color: #D3E0EA; font-size: 9px; line-height: 13px;} #loginbtn_area {position: absolute; top: 2px; left: 111px;} #loginbtn_area input {width:54px; height: 38px; margin: 0px 0px 0px 0px;} #securesignin_area {position: absolute; top: 78px; left: 6px; width: 164px; height: 20px;} .td_checkbox {width: 17px; height: 13px; vertical-align: middle; text-align: left;} .td_secure_txt {width: 100%; height: 13px; vertical-align: middle; text-align: left; padding-left: 3px; font-size: 9px; line-height: 13px; color: #CADBE9;} #forgotidpassornewuser_area {position: absolute; top: 111px; left: 34px; width: 140px; height: 40px; text-align: left; } #forgotpassword_area {position: absolute; top: 0px; left: 0px; width: 100%; height: 13px; font-size: 9px; line-height: 13px;} #newusersignup_area {position: absolute; top:23px; left: -15px; width: 100%; height: 13px; font-size: 9px; line-height: 13px; color: #CADBE9;} /*091214 modify*/ #forgotpassword_area a.forgotpassword {color: #CADBE9; text-decoration:underline;} #forgotpassword_area a.forgotpassword:hover {color: #CADBE9;} #newusersignup_area a.newusersignup {color: #F27403; text-decoration:underline; font-weight: bold;} #newusersignup_area a.newusersignup:hover {color: #F27403;} /* Gecko/Firefox (1 pixel bug) */ html>body #userid_textbox_area {top: 1px;} html>body #passwd_textbox_area {top: 23px;} html>body #userid_textbox_area input {padding-top: 2px;} html>body #passwd_textbox_area input {padding-top: 2px;} html>body #securesignin_area {top: 79px;} html>body #forgotidpassornewuser_area {top: 112px;} /* //Before Signin */ /* After signin */ #signin_af {width:184px; height:245px; background:url(../images/r_signin02_renewal.gif) no-repeat; margin: 0 auto; margin-top:3px; } #aftersigninuserinfo_area {position: relative; width:100%; height: 100%;} #higreeting_area {position: absolute; top: 0px; left: 6px; width:100%; height:40px;} #higreeting_area #hi_area {position: absolute; top: 11px; left: 5px; width:150px; height: 13px; text-align:left; color:#FFF; font-size: 11px; line-height: 12px; font-weight: bold; ;} #higreeting_area #notuser_area {position: absolute; top: 23px; left: 5px; width:150px; height: 13px; text-align:left; color:#CADBE9; font-size: 9px; line-height: 12px; } #higreeting_area #notuser_area a {color:#CADBE9;} #myclan_area {position: absolute; top: 53px; left: 8px; width:100%; height:95px;} #myclan_area .rmorebtn {position: absolute; top: 5px; left: 139px; width:24px; height:9px; } #myclansymbol_area {position: absolute; top: 30px; left: 7px; width: 32px; height:32px;} #myclanname_area {position: absolute; top: 29px; left: 53px; width:110px; height:13px; text-align: left;} #myclanrank_area {position: absolute; top: 48px; left: 53px; width:110px; height:13px; text-align: left;} .txt_clan {font-size: 9px; line-height: 13px; color:#FFFFFF;} #myitems_area {position: absolute; top:131px; left: 27px; width: 150px; height: 17px; text-align: left;} #myitems_area .txt_myitems {font-size: 9px; line-height: 11px; color: #FFFFFF;} #myitems_area .txt_myitems a {text-decoration: underline; font-weight: bold; color: #638FB8;} #myitems_area .txt_myitems a:hover {text-decoration: underline; font-weight: bold; color: #638FB8;} #mymoney_area {position: absolute; top: 183px; left: 23px; width: 144px; height: 40px;} #mymoney_area .mymoney_col01 {float: left; width: 50px; height: 13px; text-align: left; font-size: 9px; line-height: 13px; color: #CADBE9; } #mymoney_area .mymoney_col02 {float: right; width: 80px; height: 13px; text-align: right; font-size: 9px; line-height: 13px; color: #FFF; } #ijjicoin_area {position: absolute; top: 0px; left:0px;} #raddijjicoinbutton {position: absolute; top:202px; left:14px;} /* Gecko/Firefox (1 pixel bug) */ html>body #higreeting_area #hi_area {top: 10px;} html>body #myclan_area .rmorebtn {top: 7px;} html>body #myitems_area {top:130px;} html>body #myclanname_area {top: 30px;} html>body #myclanrank_area {top: 49px;} html>body #ijjicoin_area {top: 1px;} /* //After Signin */ /* right column title */ .rightlist_title {width:174px; height:29px; margin:0 auto;} .rightlist_title a {float:right; margin-top:10px; margin-right:2px;} .bestclan_title {width: 100%; height: 100%; background:url(../images/r_tit_bestclan.gif) top left no-repeat;} .userscreenshots_title {width: 100%; height: 100%; background:url(../images/r_tit_userscreenshots.gif) top center no-repeat;} /* //right column title */ /* bestclantablelist */ #rbestclan_area {width: 100%; text-align: center; margin-top:2px;} #rbestclan_tablelist_area {width: 170px; margin: 0 auto; padding-top: 5px;} .bestclantablelist td, .bestclantablelist div {font-size: 10px; line-height: 13px;} /* default font */ .bestclantablelist .line, .bestclantablelist .lastrow {height: 50px; background-color: red;} .bestclantablelist .line {background:url(../images/li_x_03.gif) left bottom repeat-x;} .bestclantablelist .lastrow {background:none;} /* table columns */ .col01_bestclantablelist_td {height: 50px; padding: 6px 0px 6px 0px; vertical-align: middle;} /* no background */ .col02_bestclantablelist_td {height: 50px; padding: 4px 0px 8px 0px; vertical-align: middle;} /* no background */ /* background, col widths */ .col01_bestclantablelist_td, .col01_bestclantablelist_bg {width: 40px;} .col01_bestclantablelist_bg {background: none; overflow: hidden;} .col02_bestclantablelist_bg {background: none;} /* padding; font-size */ .col01_bestclantablelist_bg .bestclantablelist_interior {padding-left: 1px; } .col02_bestclantablelist_bg .bestclantablelist_interior {padding-left: 4px; } /* interior contents */ .bestclantablelist .col01_bestclantablelist_bg .bestclantablelist_interior .bestclantablelist_interior img {border: 2px solid #394A57;} .bestclantablelist .bestclan_name {font-size: 10px; line-height: 13px; letter-spacing: 0px; color: #FFF; font-weight: bold;} .bestclantablelist .bestclan_record {font-size: 9px; line-height: 15px; letter-spacing: 0px; color: #CADBE9;} /* image border */ .col01_bestclantablelist_bg img {border: 2px solid #394A57;} /* Gecko/Firefox (1 pixel bug) */ html>body .col01_bestclantablelist_td {padding: 6px 0px 8px 0px;} html>body .col02_bestclantablelist_td {padding: 6px 0px 8px 0px;} /* //bestclantablelist */ /* userscreenshots (2 col 50%) */ #ruserscreenshots_area {width: 100%; text-align: center; margin-top:0px;} #ruserscreenshots_tablelist_area {width: 174px; margin: 0 auto;} .userscreenshotstablelist td {padding: 11px 0px 11px 0px; vertical-align: middle; width: 50%;} .userscreenshotstablelist td.leftcol {padding-left: 3px; padding-right: 5px;} .userscreenshotstablelist td.rightcol {padding-left: 5px; padding-right: 3px;} .userscreenshotstablelist td img {border: 2px solid #394A57;} /* //userscreenshots (2 col 50%) */ /* +++++++++++++++++++++++++++++++++++++++ //Right Column +++++++++++++++++++++++++++++++++++++++ */ /* ++++++++++++++++++++++++++++++++++++++ SPECIAL BANNERS +++++++++++++++++++++++++++++++++++++++ */ /*20080625*/ .gunz_quest_rbanner {position: absolute; top: 0px; right: -101px; height:500px; } .gunz_quest_rbanner img {margin-bottom:1px; } /* +++++++++++++++++++++++++++++++++++++ //SPECIAL BANNERS ++++++++++++++++++++++++++++++++++++++ */ /*081016*/ .m_todayitem {width:182px; margin:6px 0; text-align:center;} .m_todayitem .item_box {padding-bottom:8px; border:2px solid #2f5374; border-top:none; } .m_todayitem .tit {padding:13px 0 8px 0; } .m_todayitem .item {width:120px; margin:0 auto; padding:7px 0; background:#FFF; } .m_todayitem .name {padding-top:5px; color:#FFF; font-size:10px; font-weight:bold; } .mtit_r {width:180px; margin:8px 0 0 0; text-align:right; } .mtit_r p {float:left; } .mvideo {margin-bottom:10px; } /*//081016*/