/* CSS Document */ body { background: #000000; } a:link { color: #84c340; text-decoration: none; } a:visited { color: #84c340; text-decoration: underline; } a:hover { color: #e6efbb; cursor: pointer; text-decoration: none; } h1 { padding: 0px 0px 15px 0px; } h2 { padding: 0px 0px 15px 0px; } h3 { padding: 0px 0px 15px 0px; } p { padding: 0px 0px 10px 0px; } input, textarea, select { font: 1.00em Arial, Helvetica, sans-serif; } input:focus, textarea:focus {} .hide { display: none; } .left { float: left; } .right { float: right; } .clear { clear: both; } .orange { color: #ee8305; } .red { color: #ff0000; } /* Snippet Styles */ .button { display: block; text-decoration: none; background: url(../images/highscore_share_btn_lhs.png) no-repeat top left; padding: 0px 0px 0px 13px; } .button:visited { text-decoration: none; } .button strong { display: block; background: url(../images/highscore_share_btn_rhs.png) no-repeat top right; padding: 0px 13px 0px 0px; } .button strong span { display: block; color: #000000; line-height: 2.09em; text-align: center; background: url(../images/highscore_share_btn_mid.png) repeat-x top left; padding: 6px 0px 10px 0px; } .button:hover { background-position: 0px -38px; } .button:hover strong { background-position: right -38px; } .button:hover strong span { background-position: 0px -38px; } .btn_patvers { width: 350px; height: 42px; display: block; padding: 0px 0px 5px 0px; margin: 0px auto; } .btn_patvers a:link, .btn_patvers a:visited { width: 345px; display: block; float: left; color: #ffffff; text-decoration: none; background: url(../images/btn_patvers_lhs.png) no-repeat top left; padding: 0px 0px 0px 15px; } .btn_patvers a strong { width: 340px; display: block; float: left; background: url(../images/btn_patvers_rhs.png) no-repeat top right; padding: 0px 15px 0px 0px; } .btn_patvers a strong span { width: 340px; display: block; float: left; line-height: 4.20em; text-align: center; text-transform: uppercase; background: url(../images/btn_patvers_mid.png) repeat-x top right; padding: 0px 0px 0px 0px; } .btn_patvers a:hover { background-position: bottom left; } .btn_patvers a:hover strong { background-position: bottom right; } .btn_patvers a:hover strong span { background-position: bottom left; } ul.pagination { list-style: none; float: right; padding: 10px 0px 0px 0px; } ul.pagination li { display: block; float: left; } ul.pagination li.active { text-decoration: underline; padding: 5px; } ul.pagination li a:link, ul.pagination li a:visited { display: block; text-decoration: none; padding: 5px; } ul.pagination li.delimiter { cursor: default; padding: 5px 1px; } /* Content Styles */ .version_select_container { padding: 210px 0px 0px 0px; } .version_select_container h3 { color: #04bbb5; font-size: 30px; text-align: center; text-transform: uppercase; padding: 0px 0px 10px 0px; } .story_container { width: 530px; background: url(../images/story_bk_mid.gif) repeat-y 0px 0px; border: 10px solid #000000; } .story_container .top { background: url(../images/story_bk_top.gif) no-repeat top left; } .story_container .bottom { height: auto !important; height: 340px; min-height: 340px; color: #ffffff; font-size: 1.10em; text-align: center; background: url(../images/story_bk_bottom.gif) no-repeat bottom left; padding: 20px 18px; } .story_container h1 { font-size: 1.09em; } .story_container ul { padding: 0px 0px 15px 20px; } .story_box { width: 458px; background: url(../images/story_box_mid.gif) repeat-y 0px 0px; border-left: 18px solid #006170; } .story_box .top { background: url(../images/story_box_top.gif) no-repeat top left; } .story_box .bottom { height: auto !important; height: 85px; min-height: 85px; background: url(../images/story_box_bottom.gif) no-repeat bottom left; padding: 14px 0px 18px 21px; } .story_box ul { list-style: none; padding: 8px 0px 0px 0px; } .story_box ul li { float: left; padding: 0px 5px 0px 4px; } .story_box ul li img { border: 1px solid #ffffff; } .story_box ul li.btn_prev { float: left; padding: 16px 0px 0px 0px; } .story_box ul li.btn_next { float: left; padding: 16px 0px 0px 0px; } .story_box ul li.btn_prev a:link, .story_box ul li.btn_prev a:visited { width: 17px; height: 0px; display: block; overflow: hidden; background: url(../images/story_btn_prev.gif) no-repeat top left; padding: 16px 0px 0px 0px; } .story_box ul li.btn_next a:link, .story_box ul li.btn_next a:visited { width: 17px; height: 0px; display: block; overflow: hidden; background: url(../images/story_btn_next.gif) no-repeat top left; padding: 16px 0px 0px 0px; } .story_box ul li.btn_prev a:hover, .story_box ul li.btn_next a:hover { background-position: 0px -16px; } .game_score_container { width: 246px; background: url(../images/game_score_bk_mid.gif) repeat-y 0px 0px; } .game_score_container .top { background: url(../images/game_score_bk_top.gif) no-repeat top left; } .game_score_container .bottom { height: auto !important; height: 340px; min-height: 340px; background: url(../images/game_score_bk_bottom.gif) no-repeat bottom left; padding: 20px 0px; } .game_score_container table.highscore { width: 246px; } .game_score_container table.highscore th { height: 33px; vertical-align: top; color: #ffffff; font-size: 1.20em; font-weight: bold; text-align: center; } .game_score_container table.highscore tr.odd { background-color: #00444e; } .game_score_container table.highscore tr.even td { padding-top: 20px; padding-bottom: 10px; } .game_score_container table.highscore td { vertical-align: top; } .game_score_container table.highscore td.image { width: 130px; padding: 10px 0px 10px 10px; } .game_score_container table.highscore td.image img { border: 1px solid #84c340; } .game_score_container table.highscore td.details { width: 104px; color: #ffffff; font-size: 1.10em; padding: 10px 0px 0px 2px; } .game_score_container table.highscore td.details .overflow { width: 96px; height: 14px; display: block; overflow: hidden; } .game_score_container table.highscore td.details p { line-height: 1.3em; padding: 0px 0px 0px 8px; } .game_score_container table.highscore td.details strong { color: #ee8305; font-weight: normal; } .game_score_container table.highscore td.details .button strong { font-weight: bold; } .game_score_container table.exclusive { width: 246px; } .game_score_container table.exclusive th { height: 80px; color: #ffffff; font-size: 1.20em; font-weight: bold; text-align: center; } .game_score_container table.exclusive td { vertical-align: top; background-color: #00444e; } .game_score_container table.exclusive td.image { padding: 20px 0px 14px 20px; } .game_score_container table.exclusive td.image img { border: 1px solid #84c340; } .game_score_container table.exclusive td.pc { width: 123px; padding: 0px 7px 12px 12px; } .game_score_container table.exclusive td.mac { width: 123px; padding: 0px 12px 12px 7px; } .game_score_container table.story { width: 246px; } .game_score_container table.story th { height: 50px; color: #ffffff; font-size: 1.20em; font-weight: bold; text-align: center; padding: 0px 0px 10px 0px; } .game_score_container table.story td { vertical-align: top; background-color: #00444e; } .game_score_container table.story td.image { padding: 20px 0px 14px 20px; } .game_score_container table.story td.image img { border: 1px solid #84c340; } .game_score_container table.story td.details { color: #ffffff; font-size: 1.10em; text-align: center; padding: 0px 0px 0px 2px; } .highscore_container { width: 900px; background: url(../images/highscore_bk_mid.gif) repeat-y 3px 0px; padding: 0px 3px 0px 3px; } .highscore_container .top { background: url(../images/highscore_bk_top.gif) no-repeat top left; } .highscore_container .bottom { height: auto !important; height: 400px; min-height: 400px; background: url(../images/highscore_bk_bottom.gif) no-repeat bottom left; padding: 20px 18px; } .highscore_container table { color: #ffffff; font-size: 1.10em; } .highscore_container table thead th { height: 54px; vertical-align: top; } .highscore_container table thead th table { font-size: 1.00em; } .highscore_container table thead th table td.select { width: 170px; height: 44px; text-align: left; padding-bottom: 2px; } .highscore_container table thead th table td.select select { width: 170px; height: 25px; color: #ffffff; font-size: 0.91em; text-transform: uppercase; background: #006170; padding: 4px 3px; border: 1px solid #84c340; } .highscore_container table thead th table td.buttons { width: 470px; } .highscore_container table thead th table td.buttons table { margin: 0px auto; } .highscore_container table thead th table td.buttons table td {} .highscore_container table thead th table td.buttons table td a { display: block; float: left; text-decoration: none; text-transform: uppercase; background: url(../images/highscore_top_btn_lhs.png) no-repeat top left; padding: 0px 0px 0px 13px; } .highscore_container table thead th table td.buttons table td a:visited { text-decoration: none; } .highscore_container table thead th table td.buttons table td a strong { display: block; float: left; background: url(../images/highscore_top_btn_rhs.png) no-repeat top right; padding: 0px 13px 0px 0px; } .highscore_container table thead th table td.buttons table td a span { display: block; float: left; color: #000000; line-height: 2.45em; background: url(../images/highscore_top_btn_mid.png) repeat-x top left; padding: 6px 10px 11px 10px; } .highscore_container table thead th table td.buttons table td a:hover { background-position: bottom left; } .highscore_container table thead th table td.buttons table td a:hover strong { background-position: bottom right; } .highscore_container table thead th table td.buttons table td a:hover span { background-position: bottom left; } .highscore_container table thead th table td.buttons table td a.active { background-image: url(../images/highscore_top_btn_active_lhs.png); } .highscore_container table thead th table td.buttons table td a.active strong { background-image: url(../images/highscore_top_btn_active_rhs.png); } .highscore_container table thead th table td.buttons table td a.active span { background-image: url(../images/highscore_top_btn_active_mid.png); } .highscore_container table thead th table td.label { width: 110px; text-align: right; } .highscore_container table thead th table td.label label { font-size: 0.91em; font-weight: normal; text-transform: uppercase; padding: 0px 5px 0px 0px; } .highscore_container table thead th table td.field { width: 60px; } .highscore_container table thead th table td.field input.username { width: 53px; color: #ffffff; background: #006170; padding: 4px 3px; border: 1px solid #84c340; } .highscore_container table thead th table td.submit { width: 50px; padding-top: 1px; } .highscore_container table tr td.position { width: 66px; height: 73px; font-size: 1.50em; font-weight: bold; text-align: center; background: url(../images/highscore_pos_bk.gif) no-repeat top left; } .highscore_container table tr td.image { width: 137px; padding: 0px 0px 0px 10px; } .highscore_container table tr td.image img { border: 1px solid #84c340; } .highscore_container table tr td.details_1 { width: 140px; padding: 0px 0px 0px 10px; } .highscore_container table tr td.details_1 .row { width: 140px; display: block; clear: both; overflow: hidden; line-height: 1.00em; padding: 4px 0px 4px 0px; } .highscore_container table tr td.details_2 .row { display: block; clear: both; line-height: 1.00em; padding: 4px 0px 4px 0px; } .highscore_container table tr td.details_2 { width: 307px; padding: 0px 0px 0px 10px; } .highscore_container table tr td.details_2 span.downloads { padding: 0px 0px 0px 50px; } .highscore_container table tr td.details_1 strong, .highscore_container table tr td.details_2 strong { color: #ee8305; font-weight: normal; } .highscore_container table tr td.share { width: 170px; padding: 0px 10px 0px 0px; } .highscore_container table tr td.share strong { display: block; padding: 0px 0px 6px 0px; } .highscore_container table tr td.share input { width: 150px; color: #ffffff; background: none; padding: 4px 3px; border: 1px solid #84c340; } .highscore_container table tr.odd td.details_1 { background: #00444e url(../images/highscore_detail_lhs_bk.gif) no-repeat top left; } .highscore_container table tr.odd td.details_2 { background-color: #00444e; } .highscore_container table tr.odd td.share { background: #00444e url(../images/highscore_detail_rhs_bk.gif) no-repeat top right; } .highscore_container table tr.yours td.position { height: 93px; color: #84c340; background: #00181c url(../images/highscore_pos_bk_yours.gif) no-repeat top left; } .highscore_container table tr.yours td { background-color: #00181c; } .highscore_container table tr.yours td.share { background: #00181c url(../images/highscore_detail_rhs_bk_yours.gif) no-repeat top right; } .register_container { width: 460px; background: url(../images/register_bk_mid.gif) repeat-y 3px 0px; padding: 0px 3px 0px 3px; } .register_container .top { background: url(../images/register_bk_top.gif) no-repeat top left; } .register_container .bottom { height: auto !important; height: 400px; min-height: 400px; background: url(../images/register_bk_bottom.gif) no-repeat bottom left; padding: 20px 0px; } .register_container table { width: 460px; color: #ffffff; } .register_container table thead th { font-size: 1.20em; font-weight: normal; } .register_container table thead th p { padding: 0px 0px 17px 0px; } .register_container table tbody td { font-size: 1.10em; background: #00444e; padding: 10px 0px 0px 0px; } .register_container table tbody td.label { width: 140px; text-align: right; padding-right: 10px; } .register_container table tbody td.label label { display: block; } .register_container table tbody td.checkbox { width: 140px; text-align: right; vertical-align: top; padding-top: 16px; padding-right: 10px; } .register_container table tbody td.field { width: 310px; } .register_container table tbody td.field input { width: 164px; padding: 3px; } .register_container table tbody td.field .select { width: 170px; } .register_container table tbody td.field label { display: block; padding: 3px 0px; } .register_container table tbody td.submit { padding-bottom: 10px; } .register_container table tbody td.submit a { width: 170px; } /* Layout Styles */ #container { width: 100%; font-size: 0.63em; padding: 12px 0px 0px 0px; } #header { position: relative; width: 100%; height: auto; display: block; float: left; clear: both; overflow: hidden; margin: 0px auto; } #header div.centered { width: 510px; display: block; margin: 0px auto; } #header div.patapon2_home h1 { width: 200px; display: block; float: left; padding: 30px 41px 0px 0px; } #header div.patapon2_home h1 a { width: 200px; height: 0px; display: block; float: left; overflow: hidden; background: url(../images/logo_patapon2.gif) no-repeat 0px 0px; padding: 73px 0px 0px 0px; } #header div.patapon3 h1 { width: 269px; display: block; float: left; padding: 0px 0px 0px 0px; } #header div.patapon3 h1 a { width: 269px; height: 0px; display: block; float: left; overflow: hidden; background: url(../images/logo_patapon3.jpg) no-repeat 0px 0px; padding: 127px 0px 0px 0px; } #header div.patapon2 { position: relative; left: 50%; float: left; } #header div.patapon2 h1 { position: relative; right: 50%; width: 200px; display: block; float: left; padding: 0px 21px 0px 0px; } #header div.patapon2 h1 a { width: 200px; height: 0px; display: block; float: left; overflow: hidden; background: url(../images/logo_patapon2.gif) no-repeat 0px 0px; padding: 73px 0px 0px 0px; } #header div.patapon2 h2 { position: relative; right: 50%; height: 28px; display: block; float: left; color: #e4f6b9; font-size: 1.50em; background: url(../images/out_now_stars.gif) no-repeat 0px 27px; padding: 41px 0px 0px 14px; } #navigation { position: relative; width: 100%; height: 27px; clear: both; overflow: hidden; padding: 12px 0px 5px 0px; margin: 0px auto; } #navigation ul { position: relative; left: 50%; display: block; float: left; list-style: none; } #navigation ul li { position: relative; right: 50%; width: 160px; display: block; float: left; padding: 0px 2px 0px 1px; } #navigation ul li a:link, #navigation ul li a:visited { width: 155px; display: block; float: left; color: #ffffff; text-decoration: none; background: #1a1a1a url(../images/nav_bk_lhs.gif) no-repeat top left; padding: 0px 0px 0px 5px; } #navigation ul li a strong { width: 150px; display: block; float: left; line-height: 2.70em; text-align: center; text-transform: uppercase; background: url(../images/nav_bk_rhs.gif) no-repeat top right; padding: 0px 5px 0px 0px; } #navigation ul li.active a:link, #navigation ul li.active a:visited, #navigation ul li a:hover { background-color: #333333; background-position: bottom left; } #navigation ul li.active a strong, #navigation ul li a:hover strong { background-position: bottom right; } #navigation ul li#middle { width: 210px; } #navigation ul li#middle a:link, #navigation ul li#middle a:visited { width: 205px; } #navigation ul li#middle a strong { width: 200px; } #body { display: block; float: none; clear: both; padding: 12px 0px 45px 0px; margin: 0px auto; } .language { width: 906px; } .game { width: 806px; height: auto !important; height: 300px; min-height: 300px; } .wallpaper { width: 806px; } .highscore { width: 906px; } .register { width: 466px; } .story { width: 806px; } .version_select { width: 906px; height: 463px; display: block; } #body #content_swf {} #body .thanks { width: 806px; color: #84c340; font-size: 1.50em; font-weight: bold; text-align: center; padding: 20px 0px 20px 0px; } #body .lhs { width: 550px; height: auto !important; height: 400px; min-height: 400px; display: block; float: left; } #body .rhs { width: 246px; height: auto !important; height: 380px; min-height: 380px; display: block; float: left; padding: 10px 0px 0px 10px; } .content_btns { height: 27px; display: block; clear: both; padding: 20px 3px 0px 3px; } .game .content_btns, .story .content_btns { padding: 20px 0px 0px 0px; } #body .content_btns .btn_patapon1 { width: 79px; height: 30px; display: block; float: left; padding: 0px 0px 0px 3px; } #body .content_btns .btn_howtoplay { width: 530px; display: block; float: left; padding: 0px 15px 0px 10px; } #body .content_btns .btn_howtoplay a:link, #body .content_btns .btn_howtoplay a:visited { width: 525px; display: block; float: left; color: #ffffff; text-decoration: none; background: #1a1a1a url(../images/nav_bk_lhs.gif) no-repeat top left; padding: 0px 0px 0px 5px; } #body .content_btns .btn_howtoplay a strong { width: 520px; display: block; float: left; line-height: 2.70em; text-align: center; text-transform: uppercase; background: url(../images/nav_bk_rhs.gif) no-repeat top right; padding: 0px 5px 0px 0px; } #body .content_btns .btn_howtoplay a:hover { background-color: #333333; background-position: bottom left; } #body .content_btns .btn_howtoplay a:hover strong { background-position: bottom right; } #body .content_btns .btn_story { width: 175px; display: block; float: right; padding: 0px 0px 0px 0px; } #body .content_btns .btn_story a:link, #body .content_btns .btn_story a:visited { width: 170px; display: block; float: left; color: #ffffff; text-decoration: none; background: #1a1a1a url(../images/nav_bk_lhs.gif) no-repeat top left; padding: 0px 0px 0px 5px; } #body .content_btns .btn_story a strong { width: 165px; display: block; float: left; line-height: 2.70em; text-align: center; text-transform: uppercase; background: url(../images/nav_bk_rhs.gif) no-repeat top right; padding: 0px 5px 0px 0px; } #body .content_btns .btn_story a:hover { background-color: #333333; background-position: bottom left; } #body .content_btns .btn_story a:hover strong { background-position: bottom right; } #footer { width: 900px; display: block; padding: 0px 0px 0px 0px; margin: 0px auto; } #footer .links { width: 900px; display: block; float: left; line-height: 1.80em; background: #141414 url(../images/footer_bar_lhs.gif) no-repeat top left; } #footer .links .rhs { width: 900px; display: block; float: left; text-align: center; background: url(../images/footer_bar_rhs.gif) no-repeat top right; } #footer .links ul { width: 522px; display: block; float: left; text-align: center; padding: 0px 0px 0px 189px; } #footer .links ul li { display: inline; color: #999999; } #footer .links ul li.delimiter { padding: 0px 7px; } #footer .links ul li a:link, #footer .links ul li a:visited { color: #999999; text-decoration: none; } #footer .links ul li a:hover { color: #ffffff; } #footer .language_select { position: relative; width: 169px; height: 18px; display: block; float: left; cursor: pointer; color: #999999; line-height: 1.80em; padding: 0px 0px 0px 20px; } #footer .language_select:hover { background: url(../images/language_select_bottom.png) no-repeat top left; } #footer .language_select .flag { float: left; padding: 3px 5px 0px 0px; } #footer .language_select .name { float: left; } #footer .language_select:hover ul { z-index: 999; position: absolute; bottom: 0px; right: -10px; width: 900px; height: 80px; display: block; list-style: none; background: url(../images/language_select.png) no-repeat 0px 0px; padding: 18px 0px 0px 20px; } #footer .language_select ul { display: none; } #footer .language_select ul li { display: block; float: left; text-align: left; } #footer .language_select ul li a:link, #footer .language_select ul li a:visited { width: 110px; display: block; float: left; color: #999999; text-decoration: none; padding: 0px 0px 0px 0px; } #footer .language_select ul li a:hover { color: #ffffff; } #footer .language_select ul .image { display: block; float: left; padding: 0px 5px 0px 0px; } #footer .copyright { width: 900px; display: block; float: left; padding: 20px 0px 10px 0px; } #footer .copyright .logos { width: 100%; float: left; clear: both; overflow: hidden; } #footer .copyright .logos ul { position: relative; left: 50%; float: left; list-style: none; padding: 0px 0px 5px 0px; margin: 0px auto; } #footer .copyright .logos ul li { position: relative; right: 50%; float: left; display: block; } #footer .copyright .logos .logo_ps { padding: 8px 0px 0px 0px; } #footer .copyright .logos .logo_psp { padding: 12px 0px 0px 40px; } #footer .copyright .logos .logo_age_us { padding: 0px 60px 0px 100px; } #footer .copyright .logos .logo_age { padding: 0px 0px 0px 40px; } #footer .copyright .logos .logo_sony { padding: 0px 0px 0px 40px; } #footer .copyright .logos .logo_eu { padding: 15px 0px 0px 40px; } #footer .copyright p { width: 900px; display: block; float: left; color: #666666; font-size: 0.90em; text-align: center; padding: 10px 5px 0px 10px; }