/*********************************************** clan home (main) ***********************************************/ /* layout */ .bbcb .ghleft {float:left; width:160px; text-align:center;} .bbcb .ghcenter {float:left; width:443px; padding:0px 10px 20px 17px; text-align:left; position:relative;} html>body .bbcb .ghcenter {float:left; width:416px; } .bbcb .ghright {float:right; width:177px; text-align:left; padding:0px 10px 20px 0px; } html>body .bbcb .ghright {float:left; width:167px; } /* layout */ /*********************************** clan main left area ***********************************/ #lcreateaclan_btn {height:37px;} /*********************************** //clan main left area ***********************************/ /*********************************** clan main center area ***********************************/ /*clan recruiting + new clans; */ div#center_middle_area01 {width: 416px; margin-top: 0px;} div#center_middle_l_area {float: left; width: 203px; background:url(http://images.ijjimax.com/v2/arcade/sf/clan/ctit_clanrecruiting.gif) no-repeat; margin-top: 13px;} div#center_middle_r_area {float: right; width: 203px; background:url(http://images.ijjimax.com/v2/arcade/sf/clan/ctit_newclans.gif) no-repeat; margin-top: 13px;} div.col_tit_l, div.col_tit_r {width:203px; height:17px; margin-top:0px; margin-bottom: 0px;} div.col_tit_l a, div.col_tit_r a {float:right; margin-right:1px; margin-top: 0px; } /* clan banner area */ #clan_banner_area {height:123px; overflow: hidden; margin-bottom: 0px; position: relative; margin-top: 10px; margin-bottom: 9px;} #clan_banner_area_txt {width:246px; position: absolute; top:75px; left:160px; text-align: right; font-size: 10px; color:#DAEFC1;} #clan_banner_area_txt02 {width:238px; position: absolute; top:15px; left:185px; text-align: left; font-size: 10px; padding-right: 10px; padding-left: 9px; color:#DAEFC1;} #clan_banner_area_graphic img {border: 1px solid #62624B;} /* subtitle - clan search */ .tit_clansearch {width: 416px; height: 16px; background:url(http://images.ijjimax.com/v2/arcade/sf/clan/mc_subtit_clansearch.gif) top left no-repeat;} div.subtitlearea_main {margin-bottom: 3px;} /* search clan area */ #clansearchform_area {width:416px; height:49px; margin-top: 0px;} #clansearchform_area_bg {width:100%; height:100%; background:url(http://images.ijjimax.com/v2/arcade/sf/clan/bg_clansearch.gif) top left no-repeat;} #clansearchform_area_bg form {margin: 0 0 -9px 0;} #clansearchform_area_padding {padding-top: 6px; padding-right: 5px; padding-bottom: 3px; padding-left: 7px;} #clansearchform_area_positioning {width: 100%; height: 100%; position: relative;} #clansearchform_dropdownfield01 {position: absolute; top: 0px; left: 0px; } #clansearchform_dropdownfield01 select {width: 90px; height:18px; background: #25251E; color: #BDBE9E; border: 1px solid #BDBE9E;} #clansearchform_textbox01 {position: absolute; top: 0px; left: 95px; } #clansearchform_textbox01 input {position: absolute; top: 0px; width:229px; height:20px; padding-left: 6px; background: #25251E; color: #BDBE9E; border: 1px solid #BDBE9E;} #clansearchform_searchbtn {position: absolute; top: 0px; left: 330px; width: 72px; height: 20px;} #clansearchform_checkbox01 {position: absolute; top: 20px; left: -4px;} html>body #clansearchform_checkbox01 {top: 21px;} #clansearchform_checkbox01_txt {position: absolute; top: 26px; left: 16px; font-size: 9px; line-height: 9px; color: #E2E2D4;} html>body #clansearchform_checkbox01_txt {top: 25px;} /* //search clan area */ /* clan mark promotion */ #clanmarkpromotionbanner {padding-top:10px;} /* clan recruiting / new clans */ .date_newclans {color: #A8A89D;} table.bulletlist01 td .ico_arrowfr {position: relative; top: -1px;} html>body table.bulletlist01 td .ico_arrowfr {top: 0px;} table.bulletlist01 td .date_newclans {position: relative; top: -1px;} html>body table.bulletlist01 td .date_newclans {top: 0px;} /*********************************** //clan main center area ***********************************/ /*********************************** clan main right area ***********************************/ .main_all_title {height:17px; margin-bottom:3px; background:url(http://images.ijjimax.com/v2/arcade/sf/clan/tit_bg02.gif) repeat-x 0 bottom; } /* used for subtitles */ div.r_tit {width:165px; height:17px; margin-top:0px; margin-bottom: 0px;} div.r_tit a {float:right; margin-right:1px; margin-top: 2px; } div.r_challengesarea {background:url(http://images.ijjimax.com/v2/arcade/sf/clan/rtit_clannews.gif) no-repeat; margin-top: 15px; } .ico_arrowfr{background:url(http://images.ijjimax.com/v2/common/bu_arw02.gif) no-repeat; background-position: 3px 6px; text-align:left; padding-left: 11px; } html>body .ico_arrowfr{background-position: 3px 5px;} /* mozilla background positioning */ /* before clan signin */ #signin_clan {width:167px; height:123px; background:url(http://images.ijjimax.com/v2/arcade/sf/clan/gh_signin.gif) no-repeat; position:relative; margin-top: 10px;} #signin_clan .in {position:absolute; top:24px; left:9; width:167px; text-align:center; color: #FFF;} #signin_clan .up {position:absolute; top:86px; left:0; width:167px; text-align:center; font-size:9px; color: #FFF;} #signin_clan .in a, #signin_clan .up a {font-weight:bold; text-decoration:underline; color: #FFF;} /* //before clan signin */ /* after clan signin */ #signin_af_clan {width:167px; height:159px; background:url(http://images.ijjimax.com/v2/arcade/sf/clan/gh_signin_clan.gif) no-repeat; position:relative; margin-top: 10px;} #signin_af_clan .hi {color:#FFF; line-height:13px; text-align:left; padding:8px 0 14px 11px; } #signin_af_clan .hi a {color:#FFF;} #signin_af_clan .clanlogo_area {position: absolute; top: 68px; left: 19px; width: 30px; height:30px;} #signin_af_clan .gotomyclan_btn {position: absolute; top: 115px; left: 7px; width:153px; height:37px;} #signin_af_clan .clanname_area {position: absolute; top: 66px; left: 65px; width: 97px; height: 15px; font-size: 9px; line-height: 16px; color: #FFF; font-weight: bold;} #signin_af_clan .clanranking_area {position: absolute; top: 81px; left: 65px; width: 97px; height: 15px; } #signin_af_clan .clanranking_area .txt_clanranking_title {font-size: 9px; line-height: 16px; color: #FFF;} #signin_af_clan .clanranking_area .txt_clanranking_value {font-size: 9px; line-height: 16px; color: #FF6C00; font-weight: bold;} /* //after clan signin */ /* no clan signin */ #signin_af_noclan {width:167px; height:123px; background:url(http://images.ijjimax.com/v2/arcade/sf/clan/gh_signin_noclan.gif) no-repeat; position:relative; margin-top: 10px;} #signin_af_noclan .hi {color:#FFF; line-height:13px; text-align:left; padding:8px 0 14px 11px; } #signin_af_noclan .hi a {color:#FFF;} #signin_af_noclan .noclanmsg_area {position: absolute; top: 53px; left: 8px; width: 150px;} #signin_af_noclan .noclanmsg_txt {padding: 10px 15px 10px 15px; text-align: center; font-size: 10px; line-height: 13px; color: #FFF;} /* //no clan signin */ #r_faq_banner {height: 60px; margin-top: 12px; overflow: hidden;} #r_clanmark_banner {height: 60px; margin-top: 8px; overflow: hidden;} /*********************************** //clan main right area ***********************************/ /*********************************************** //clan home (main) ***********************************************/ /************************************************ clan (subpages) ***********************************************/ /* text */ .txt_subhead01 {font-size: 10px; line-height: 12px; font-weight: bold; color: #BFC48E;} .txt_subhead02 {font-size: 12px; line-height: 12px; font-weight: bold; color: #BFC48E;} .txt_subhead03 {font-size: 10px; line-height: 12px; font-weight: none; color: #BFC48E;} .txt_content01 {font-size: 10px; line-height: 14px; color: #FFF;} .txt_content02 {font-size: 10px; line-height: 14px; color: #9C9C9C;} /* icons, bullets */ .ico_arrowfr02 {background:url(http://images.ijjimax.com/v2/common/bu_arw07.gif) 0px center no-repeat; padding-left: 9px;} .ico_arrowfr03 {background:url(http://images.ijjimax.com/v2/common/bu_arw02.gif) 0px center no-repeat; padding-left: 9px;} /* dividers */ .hseparator_424232_top20 {width:100%; height:1px; background:#424232; margin-top: 20px;} .hseparator_li_x_01_top10bot10 {width:100%; height:1px; background:url(http://images.ijjimax.com/v2/arcade/sf/li_x_01.gif) top left repeat-x; margin: 10px 0 10px 0;} .hseparator_li_x_01_top7bot11 {width:100%; height:1px; background:url(http://images.ijjimax.com/v2/arcade/sf/li_x_01.gif) top left repeat-x; margin: 7px 0 11px 0;} /* form elements */ .clan_selectbox01 {background:#1A1A1A; border: 1px solid #3D3D3D; font-size:10px; color: #FFF;} /* border */ .imgbrdr01 {border: 2px solid #FF9600;} .imgbrdr02 {border: 1px solid #808065;} .imgbrdr03 {border: 1px solid #C8C8C8;} .imgbrdr04 {border: 2px solid #55554B;} /*** create a clan ***/ #createclan_step01 {width:573px; height:35px; background:url(http://images.ijjimax.com/v2/arcade/sf/clan/createclan_step01.gif) top left no-repeat; margin-bottom: 23px;} #createclan_step02 {width:573px; height:35px; background:url(http://images.ijjimax.com/v2/arcade/sf/clan/createclan_step02.gif) top left no-repeat; margin-bottom: 23px;} #createclan_step03 {width:573px; height:35px; background:url(http://images.ijjimax.com/v2/arcade/sf/clan/createclan_step03.gif) top left no-repeat; margin-bottom: 23px;} /*** create a clan 01 ***/ .createclan_enterclaninfo_subtitle {padding-left: 5px; padding-bottom: 7px;} #clanavail_textbox_area input {width:91px; height:17px; background:#1A1A1A; border: 1px solid #3D3D3D; font-size: 10px; color: #FFF; text-align: center;} #createclan_enterclaninfo_arrow_area {margin-top:10px; margin-left:20px;} .td_createclan_enterclaninfo_checkbox {width: 25px; padding-left: 10px;} .td_createclan_enterclaninfo_radiobtn {width: 25px; padding-left: 8px;} .tr_createclan_vradiobtn_height {height: 22px;} /* clan introduction */ .txtarea_clanintro { background:#1A1A1A; border: 1px solid #3D3D3D; padding: 5px 0px 0px 8px; font-size:10px; line-height:14px; color: #FFF; scrollbar-arrow-color: #6C7252; scrollbar-3dlight-color: #727252; scrollbar-highlight-color: #25241E; scrollbar-face-color: #25241E; scrollbar-shadow-color: #25241E; scrollbar-darkshadow-color:#25241E; scrollbar-track-color: #727252; } /* //clan introduction */ /*** //create a clan 01 ***/ /*** create a clan 02 ***/ #createclan_confirmclaninfo_table_area {margin-top: 10px;} .createclan_confirmclaninfo_tbl {width:100%; border-collapse: collapse;} .createclan_confirmclaninfo_tbl td {border: 1px solid #424232; empty-cells: show;} .createclan_confirmclaninfo_tbl .td_confirm_title_col {height:24px; background:#666650; text-align:right;} html>body .createclan_confirmclaninfo_tbl .td_confirm_title_col {} .createclan_confirmclaninfo_tbl .td_confirm_value_col {width:449px; padding-left:13px; font-size:10px; color:#9C9C9C;} .createclan_confirmclaninfo_tbl .td_confirm_colspan2_title_col {width:100%; height:24px; background:#666650; font-size:10px; color:#FFF; text-align:left;} html>body .createclan_confirmclaninfo_tbl .td_confirm_colspan2_title_col {width:auto;} .createclan_confirmclaninfo_tbl .td_confirm_colspan2_value_col {height:24px; padding:10px; font-size:10px; line-height:14px; color:#FFF;} .createclan_confirmclaninfo_tbl div.txt_confirm_title {width: 132px; padding-right: 27px; text-align: right; font-size: 10px; color: #FFF;} html>body .createclan_confirmclaninfo_tbl div.txt_confirm_title {width: 105px;} /*** //create a clan 02 ***/ /*** clan04 - search clan ***/ /* search clan area */ #clansrchformwide_area {width:573px; height:49px; margin-top: 0px;} #clansrchformwide_area_bg {width:100%; height:100%; background:url(http://images.ijjimax.com/v2/arcade/sf/clan/bg_clansearch02.gif) top left no-repeat;} #clansrchformwide_area_bg form {margin: 0 0 -9px 0;} #clansrchformwide_area_padding {padding-top: 6px; padding-right: 5px; padding-bottom: 3px; padding-left: 7px;} #clansrchformwide_area_positioning {width: 100%; height: 100%; position: relative;} #clansrchformwide_dropdownfield01 {position: absolute; top: 0px; left: 0px; } #clansrchformwide_dropdownfield01 select {width: 168px; height:18px; background: #25251E; color: #BDBE9E; border: 1px solid #BDBE9E;} #clansrchformwide_textbox01 {position: absolute; top: 0px; left: 173px; } #clansrchformwide_textbox01 input {position: absolute; top: 0px; width:302px; height:20px; padding-left: 6px; background: #25251E; color: #BDBE9E; border: 1px solid #BDBE9E;} #clansrchformwide_searchbtn {position: absolute; top: 0px; left: 480px; width: 72px; height: 20px;} #clansrchformwide_checkbox01 {position: absolute; top: 20px; left: -4px;} html>body #clansrchformwide_checkbox01 {top: 21px;} #clansrchformwide_checkbox01_txt {position: absolute; top: 26px; left: 16px; font-size: 9px; line-height: 9px; color: #E2E2D4;} html>body #clansrchformwide_checkbox01_txt {top: 25px;} /* //search clan area */ /* sort by... */ div#clansortby_dropdownmenu_area {} div#clansortby_dropdownmenu_area form {margin: 0 0 0 0;} div#clansortby_dropdownmenu_area a, div#clansortby_dropdownmenu_area a:hover {font-size: 11px; color: #FFF; font-weight: bold; text-decoration: underline;} div#clansortby_dropdownmenu_area .clan_selectbox01 {color: #C0C0C0;} /* //sort by... */ /*** //clan04 - search clan ***/ /*** clan05 - clan mark ***/ .cmrk {width: 573px;} .cmrk_left {float: left; width: 417px; text-align: left;} .cmrk_right {float: right; width: 146px; text-align: center;} .cmrk_btm {clear: both; padding-top: 19px;} .clanmark_subtitle {height: 15px; text-align: left; padding-bottom: 8px;} #clanmarkbox_area {width: 417px; border: 1px solid #41412E; text-align: left;} html>body #clanmarkbox_area {width: 415px;} #clanmarkbox_area_padding {padding: 7px 10px 19px 10px;} #clanmarkbox_area_padding_interior {width: 100%; text-align: left;} #clanmarkbox_area div.clanmarkbox_outertbl_area {width: 100%; text-align: center;} #clanmarkbox_area table.tbl_clanmarkcolumns_inner {width: 100%; height:88px; margin: 0 auto;} #clanmarkbox_area table.tbl_clanmarkcolumns_inner .td_clanmarkcolumns_col {width: 25%; text-align: center; vertical-align: middle;} /*** //clan05 - clan mark ***/ /*** clan06 - clan rankings **** / /* search clan area */ #clanrankingsrch_area {width:573px; height:33px; margin-top: 0px;} #clanrankingsrch_area_bg {width:100%; height:100%; background:url(http://images.ijjimax.com/v2/arcade/sf/bg_clanrankingsearch.gif) top left no-repeat;} #clanrankingsrch_area_bg form {margin: 0 0 -9px 0;} #clanrankingsrch_area_padding {padding-top: 6px; padding-right: 5px; padding-bottom: 3px; padding-left: 7px;} #clanrankingsrch_area_positioning {width: 100%; height: 100%; position: relative;} #clanrankingsrch_dropdownfield01 {position: absolute; top: 0px; left: 142px; } #clanrankingsrch_dropdownfield01 select {width: 151px; height:18px; background: #25251E; color: #BDBE9E; border: 1px solid #BDBE9E;} #clanrankingsrch_textbox01 {position: absolute; top: 0px; left: 299px; } #clanrankingsrch_textbox01 input {position: absolute; top: 0px; width:170px; height:20px; padding-left: 6px; background: #25251E; color: #BDBE9E; border: 1px solid #BDBE9E;} #clanrankingsrch_searchbtn {position: absolute; top: 0px; left: 473px; width: 72px; height: 20px;} /* //search clan area */ /*ranking top four area */ /*#ranking_area_best_parent {position:relative; width:573px;height:160px;background: url(http://images.ijjimax.com/v2/arcade/sf/rank_bg_best.gif) top left no-repeat; margin-top: 3px; margin-bottom: 5px;} #ranking_area_best1 {position:absolute;left:34px;top:28px;width:119px;height:106px; } #ranking_area_best2 {position:absolute;left:177px;top:28px;width:119px;height:106px;} #ranking_area_best3 {position:absolute;left:318px;top:28px;width:119px;height:106px;} #ranking_area_best4 {position:absolute;left:458px;top:28px;width:119px;height:106px;} #ranking_area_best5 {position:absolute;left:498px;top:28px;width:119px;height:106px;} */ #ranking_area_best_parent {position:relative; width:573px;height:160px;margin-top: 3px; margin-bottom: 5px;background-color:#333328;border:1px solid #38382B;} #ranking_area_best1 {position:absolute;left:16px;top:18px;width:80px;height:80px;background-color:#484836;border:5px solid #484836;} #ranking_area_best2 {position:absolute;left:126px;top:18px;width:80px;height:80px;background-color:#484836;border:5px solid #484836;} #ranking_area_best3 {position:absolute;left:236px;top:18px;width:80px;height:80px;background-color:#484836;border:5px solid #484836;} #ranking_area_best4 {position:absolute;left:346px;top:18px;width:80px;height:80px;background-color:#484836;border:5px solid #484836;} #ranking_area_best5 {position:absolute;left:456px;top:18px;width:80px;height:80px;background-color:#484836;border:5px solid #484836;} #rank_guild_txt_area_1 {position:absolute;left:13px; top:119px;width:90px;height:38px; text-align: left; padding-left: 5px; font-size: 11px; } #rank_guild_txt_area_2 {position:absolute;left:123px;top:119px;width:90px;height:38px; text-align: left; padding-left: 5px; font-size: 10px; } #rank_guild_txt_area_3 {position:absolute;left:233px;top:119px;width:90px;height:38px; text-align: left; padding-left: 5px; font-size: 10px; } #rank_guild_txt_area_4 {position:absolute;left:343px;top:119px;width:90px;height:38px; text-align: left; padding-left: 5px; font-size: 10px; } #rank_guild_txt_area_5 {position:absolute;left:453px;top:119px;width:90px;height:38px; text-align: left; padding-left: 5px; font-size: 10px; } #ranking_area_best_parent .guild_name {font-weight: bold; color: #BFC48E; } #ranking_area_best_parent .rank {font-weight: bold; color: #FF5A00; background:url(http://images.ijjimax.com/v2/common/bu_arw02.gif) 2px 6px no-repeat; padding-left:9px; white-space: nowrap;} /* //ranking top four area */ /*** //clan06 - clan rankings ***/ /************************************************ //clan (subpages) ***********************************************/ /* put this in sf.css */ #lmenu_clan {clear:both;float:left;width:160px;padding:41px 0 0 0;text-align:center;background:url(http://images.ijjimax.com/v2/arcade/sf/l_bg_clan.gif) 0 0 no-repeat #6A6D4A;} #lmenu_clan #lmenu_box {margin:0 auto 8px auto;} /* same bgcolor iframe src */ .bbcbiframe {float:left; background:url(http://images.ijjimax.com/v2/arcade/sf/bg_content_1A1A1A.gif) repeat-y; position:relative; } .bbcbiframe .left {float:left; width:160px; text-align:center; } .bbcbiframe .right {float:right; width:613px; padding:11px 20px 80px 20px; text-align:left; } html>body .bbcbiframe .right {width:573px;} html>body .bbcbiframe .right div {margin-left:auto; margin-right:auto; } .bbcbiframe .right02 {float:right; width:613px; padding:11px 10px 20px 10px; text-align:left; } /*help*/ html>body .bbcbiframe .right02 {width:593px} .bbcbiframe .right03 {float:right; width:613px; padding:11px 9px 20px 9px; text-align:left; } /*clan home*/ html>body .bbcbiframe .right03 {width:595px} /* //same bgcolor iframe src */ /* //put this in sf.css */ /* put this in sf_content.css */ .title_01 {height:23px;margin:0 0 20px 0;background:url(http://images.ijjimax.com/v2/arcade/sf/tit_bg.gif) bottom repeat-x;} /* //put this in sf_content.css */ /*history - Overrides common_arcade history */ #history {color:#8F8F8F; text-align:left; margin:0 0 17px 0; font-size:9px; } #history a {color:#8F8F8F; } html>body #history {margin-left:0px;} a:link, a:visited {color:#8F8F8F; text-decoration:none} a:hover, a:active {color:#8F8F8F; text-decoration:underline} /* //put this in sf.css */