body { background:url(../imageset/new/site_background.jpg) center top no-repeat black; } #site_wrapper { width:979px;position:relative; } li { list-style:none; } #top_header { background:url(../imageset/new/top_background.jpg) no-repeat;height:171px; } #content { background:url(../imageset/new/content_background.jpg) no-repeat center top; min-height:1200px;padding-top:0; } #content_inner { width:908px; } div.loading { background:url(../imageset/new/loading.gif);width:32px;height:32px; } .warstorm_logo { background:url(../imageset/new/warstorm_logo.png) no-repeat; width:251px; height:124px; } .ladder_scroll { background:url(../imageset/new/ladder_scroll.png);width:292px;height:567px; } .auto { margin:auto; } .left { float:left; } .right { float:right; } .clear { clear:both; } .hide { display:none; } .pointer { cursor:pointer; } .relative { position:relative; } .rollover { cursor:pointer; } .center { text-align:center; } input.small { width:134px;height:18px;background:url(../imageset/new/forms/input.png) no-repeat;margin:0;text-indent:5px;padding-top:2px; } input.large { width:175px;height:18px;padding-top:3px } label { display:block; } /* text headers using background images. set height:0px; and padding-top:HEIGHT OF HEADER IMAGE; so we can have text inside the header while only showing the image. */ h3.register { background:url(../imageset/new/text_headers/register.png);width:58px;height:12px; } h3.login { background:url(../imageset/new/text_headers/login.png);width:40px;padding-top:12px;height:0;overflow:hidden; } label.remember { background:url(../imageset/new/text_headers/remember.png);width:70px;height:0px;padding:12px 0 0 0;overflow:hidden; } h2.featured_card { background:url(../imageset/new/text_headers/featured_card.png) bottom;width:263px;height:35px;margin-bottom:20px; } h2.news { background:url(../imageset/new/text_headers/warstorm_news.png) bottom;width:349px;height:35px;margin-bottom:20px; } h2.top_armies { background:url(../imageset/new/text_headers/top_armies.png) bottom;width:260px;height:35px;margin-bottom:20px; } h2.single_player_challenge { background:url(../imageset/new/text_headers/single_player_challenge.png);width:520px;height:0px;padding-top:45px;overflow:hidden; } h2.automatch { background:url(../imageset/new/text_headers/automatch.png);width:364px;height:0px;padding-top:45px;overflow:hidden; } h2.battlegrounds_chat { background:url(../imageset/new/text_headers/battlegrounds_chat.png);width:364px;height:0px;padding-top:45px;overflow:hidden; } h2.ladder_0 { background:url(../imageset/new/text_headers/find_challenges-beginner_ladder.png);width:520px;height:0px;padding-top:45px;overflow:hidden; } h2.ladder_1 { background:url(../imageset/new/text_headers/find_challenges-intermediate_ladder.png);width:520px;height:0px;padding-top:45px;overflow:hidden; } h2.ladder_2 { background:url(../imageset/new/text_headers/find_challenges-expert_ladder.png);width:520px;height:0px;padding-top:45px;overflow:hidden; } h2.helptopics { background:url(../imageset/new/text_headers/help_topic_header.png);width:364px;height:0px;padding-top:45px;overflow:hidden; } #marketplace_ajax_container h2.card_store { background:url(../imageset/new/text_headers/card_store.png);width:520px;height:0px;padding-top:45px;overflow:hidden; } #marketplace_ajax_container h2.currency { background:url(../imageset/new/text_headers/currency.png);width:520px;height:0px;padding-top:45px;overflow:hidden; } #marketplace_ajax_container h2.membership, #subscriptions h2.membership { background:url(../imageset/new/text_headers/membership.png);width:520px;height:0px;padding-top:45px;overflow:hidden; } #marketplace_ajax_container h2.auctions { background:url(../imageset/new/text_headers/auctions.png);width:520px;height:0px;padding-top:45px;overflow:hidden; } h2.auction_listing { background:url(../imageset/new/text_headers/auction_listing.png);width:520px;height:0px;padding-top:45px;overflow:hidden; } #ajax_container h2.war_report { background:url(../imageset/new/text_headers/war_report.png);width:520px;height:0px;padding-top:45px;overflow:hidden; } #ajax_container h2.history { background:url(../imageset/new/text_headers/history.png);width:520px;height:0px;padding-top:45px;overflow:hidden; } h2.marketplace_chat { background:url(../imageset/new/text_headers/marketplace_chat.png);width:364px;height:0px;padding-top:45px;overflow:hidden; } h2.card_collection { background:url(../imageset/new/text_headers/card_collection.png);width:520px;height:0px;padding-top:45px;overflow:hidden; } h2.opened_pack { background:url(../imageset/new/text_headers/opened_pack.png);width:520px;height:0px;padding-top:45px;overflow:hidden; } /* navigation */ #nav { height:48px; } /* HUD */ #profile, #supplies_1, #supplies_2 { background:url(../imageset/new/hud/divider_background.png) right no-repeat; } #user_bar, .product_details, .navbar, .forumbg, .forabg { background:url(../imageset/new/hud/hud_background.png) transparent; } /* scroll containers, tables */ div.scroll_top { background:url(../imageset/new/scroll_top.png) no-repeat;width:551px;height:46px; } div.small_scroll_top { background:url(../imageset/new/small_scroll_top.png);width:170px;height:14px; } div.scroll_middle { background:url(../imageset/new/scroll_middle.png) repeat-y;width:551px;} div.small_scroll_middle { background:url(../imageset/new/small_scroll_middle.png) repeat-y; } div.scroll_bottom { background:url(../imageset/new/scroll_bottom.png) no-repeat;width:551px;height:48px; } div.small_scroll_bottom { background:url(../imageset/new/small_scroll_bottom.png);width:170px;height:15px; } .large_table_container { background:url(../imageset/new/find_challenges_table_background.png) no-repeat;width:551px;height:460px;padding-top:50px; } .large_table_container table { width:500px;max-height:330px;margin:auto; } .large_table_container th { height:30px !important;font-weight:bold; } .large_table_container td { vertical-align:middle; } /* pagination */ input.next { background:url(../imageset/new/buttons/next.png) no-repeat;width:23px;height:20px;cursor:pointer; } input.prev { background:url(../imageset/new/buttons/prev.png) no-repeat;width:23px;height:20px;cursor:pointer; } /* buttons */ a.button { text-decoration:none; } h3.small_button { width:98px;height:0;text-indent:-10000px;margin:0;padding:30px 0 0 0;text-decoration:none;border:0; } h3.small_button.attack { background:url(../imageset/new/buttons/attack.png); } h3.small_button.enter { background:url(../imageset/new/buttons/enter.png); } h3.small_button.confirm { background:url(../imageset/new/buttons/confirm.png); } h3.small_button.back { background:url(../imageset/new/buttons/back.png); } h3.small_button.reset { background:url(../imageset/new/buttons/reset.png); } h3.small_button.search { background:url(../imageset/new/buttons/search.png); } h3.small_button.cancel { background:url(../imageset/new/buttons/cancel.png); } h3.small_button.watch { background:url(../imageset/new/buttons/watch.png); } h3.small_button.login { background:url(../imageset/new/buttons/login.png); } h3.small_button.buy_now { background:url(../imageset/new/buttons/buy_now.png); } h3.small_button.create { background:url(../imageset/new/buttons/create.png); } h3.small_button.submit { background:url(../imageset/new/buttons/submit.png); } h3.small_button.post_bid { background:url(../imageset/new/buttons/post_bid.png); } h3.small_button.buy_it_now { background:url(../imageset/new/buttons/buy_it_now.png); } h3.small_button.watch { background:url(../imageset/new/buttons/watch.png); } h3.small_button.defend { background:url(../imageset/new/buttons/defend.png); } h3.small_button.battle_lost { background:url(../imageset/new/buttons/battle_lost.png); } h3.small_button.battle_won { background:url(../imageset/new/buttons/battle_won.png); } h3.small_button.buy_pack { background:url(../imageset/new/buttons/buy_pack.png); } h3.small_button.validate { background:url(../imageset/new/buttons/validate.png); } h3.small_button.resend { background:url(../imageset/new/buttons/resend.png); } h3.small_button.close { background:url(../imageset/new/buttons/close.png); } h3.small_button.reveal_all { background:url(../imageset/new/buttons/reveal_all.png); } h3.small_button.open { background:url(../imageset/new/buttons/open.png); } h3.small_button.flee { background:url(../imageset/new/buttons/flee.png); } div.more_news { width:98px;height:30px;background:url(../imageset/new/buttons/more_news.png); } h3.small_button.membership { background:url(../imageset/new/buttons/small_membership.png); } h3.small_button.post_reply { background:url(../imageset/new/forumbuttons/post_reply.png); } h3.small_button.new_topic { background:url(../imageset/new/forumbuttons/new_topic.png); } h3.small_button.locked { background:url(../imageset/new/forumbuttons/locked.png); } h3.small_button_wide { width:170px;height:0;padding-top:30px;text-indent:-10000px; } h3.small_button_wide.invite_a_friend { background:url(../imageset/new/buttons/invite_a_friend.png); } h3.small_button_wide.buy_more_packs_now { background:url(../imageset/new/buttons/buy_more_packs_now.png); } h3.small_button_wide.find_challenges { background:url(../imageset/new/buttons/find_challenges.png); } h2.large_button { width:150px;height:0;padding:41px 0 0 0;text-indent:-10000px;margin:0; } h2.large_button.battlegrounds { background:url(../imageset/new/buttons/battlegrounds_button.jpg); } h2.large_button.marketplace { background:url(../imageset/new/buttons/marketplace_button.jpg); } h2.large_button.forums { background:url(../imageset/new/buttons/forums_button.jpg); } h2.large_button.help { background:url(../imageset/new/buttons/help_button.jpg); } h2.large_button.manage_army { background:url(../imageset/new/buttons/manage_army.jpg); } h2.large_button.confirm_hero { background:url(../imageset/new/buttons/confirm_hero_button.jpg); } h2.large_button.save_avatar { background:url(../imageset/new/buttons/save_avatar.jpg); } h2.large_button.battle { background:url(../imageset/new/buttons/walk_battle.jpg);} h2.large_button_shield { width:165px;height:0;padding:44px 0 0 0;text-indent:-10000px;margin:0; } h2.large_button_shield.free_to_play { background:url(../imageset/new/buttons/free_to_play.png); } h2.large_button_shield.join_now { background:url(../imageset/new/buttons/join_now.png); } h2.large_button_shield.take_a_tour { background:url(../imageset/new/buttons/take_a_tour.png); } h2.large_button_shield.battle { background:url(../imageset/new/buttons/battle.png); } h2.large_button_shield.war_report { background:url(../imageset/new/buttons/war_report.png); } h2.large_button_shield.history { background:url(../imageset/new/buttons/history.png); } h2.large_button_shield.card_store { background:url(../imageset/new/buttons/card_store.png); } h2.large_button_shield.currency { background:url(../imageset/new/buttons/currency.png); } h2.large_button_shield.auctions { background:url(../imageset/new/buttons/auctions.png); } h2.large_button_shield.membership { background:url(../imageset/new/buttons/membership.png); } /* containers */ div.small_black { background:url(../imageset/new/containers/small_black.png) repeat-y; } div.smaller_black { background:url(../imageset/new/containers/smaller_black.png) repeat-y; } /* footer */ div#footer { background:url(../imageset/new/footer.png);height:316px;position:absolute;bottom:0;width:100%; } /* HUD */ div.battle_now { background:url(../imageset/new/buttons/battle_now.png);width:113px;height:132px; } #user_bar table td { vertical-align:middle; } #user_bar table { margin-top:5px;width:100%; } /* homepage */ div#header_bar { background:url(../imageset/new/header_bar_background.jpg) no-repeat center top;height:254px; } div.register_now { width:158px;height:21px;background:url(../imageset/new/buttons/register_now.png); } div.free_to_play { width:138px;height:21px;background:url(../imageset/new/buttons/free_to_play.png); } input.go { width:21px;height:18px;background:url(../imageset/new/buttons/go.png); } div#featured_card_graphic { background:url(../imageset/new/featured_card.png);width:244px;height:327px;} span.more_ladder { background:url(../imageset/new/text_headers/more_ladder_background.png);text-align:center;float:right;width:145px;height:14px;overflow:visible;line-height:12px; } /* banners */ div.battlegrounds_banner { background:url(../imageset/new/banners/battlegrounds.jpg);width:908px;height:177px; } div.marketplace_banner { background:url(../imageset/new/banners/marketplace.jpg);width:908px;height:177px; } /* help */ #left_column_help { width:364px; float:left; } #right_column_help { position:absolute; right:10px; } .help_text { margin-left: 20px; margin-right: 30px; color:black; } .help_text a { font-weight: bold; color: #FFFFFF; } .help_text a:hover {text-decoration:underline; } h1.help {color: #CCCCCC; } div.translucentbox { background-color: #000000; filter:alpha(opacity=50); opacity:0.5; } /* walkthrough */ #advisor_text h2 { color: #AAAAAA; margin-bottom: 10px; } .next_button { margin:30px 20px 0; } .faction_text { color: #888888; margin-top:6px; font-style: italic } .walkthrough_step h1 { margin-top: 30px; margin-bottom: 20px;} /* login and registration */ .yellow_text { color: #fce5b3; } .yellow_text a { font-weight: bold; color: #FFFFFF; } .yellow_text a:hover {text-decoration:underline; } .form_padding { margin-bottom: 10px; } div.yellow p { color: #fce5b3;} div.yellow p a:hover { text-decoration:underline;} /****** TOP BAR *******/ #top_bar{ height:20px; background:#000 url(../imageset/warstorm/bbb_top_bar_bg.png) no-repeat center; z-index: 1000; } #top_bar_links{ position:relative; left:50%; margin-left:-490px; width:980px; text-align:right; color:#666; font-size:10px; text-transform:uppercase; padding:3px 0 0 0; line-height: 1.2em; z-index: 1000; } #top_bar_links a{ color:#fff; text-decoration:none; } #top_bar_links a:hover{ color:#FFBB1B; text-decoration:underline; } #top_bar_links .challenge img{margin:0 5px 0 5px;} #top_bar_links .challenge {font-weight: normal;} #top_bar_links .challenge a:hover { text-decoration: none; color: white; } #top_bar_links .challenge:hover ul { display: block; } #top_bar_links .challenge a:hover em { text-decoration: underline; color:#FFBB1B; } #top_bar_links .challenge em { font-style: normal; } #top_bar_links a img{ vertical-align:bottom;} #top_bar_links .challenge { position: relative; } #top_bar_links .challenge ul { display: none; position: absolute; top: 12px; left: 0; list-style: none; margin: 0; padding: 3px 0; z-index: 1000; width: 100%; text-align: left; background: #000 url(../imageset/warstorm/bbb_dropdown_bg.gif) repeat-y 0 0; } #top_bar_links .challenge ul li { top: auto; left: auto; padding: 5px 5px 5px 0px; } #top_bar_links .challenge ul li a { display: block; } /* colors orange: #fc9800; lightbrown: #fee8ac; darkgray: #120d0a; lightgray: #555555; red: #e12c2c; */ /* forums stuff */ #page-header .headerbar, #site-description, ul.navlinks a.fontsize, ul.navlinks li a.print { display:none; } span.corners-top, span.corners-bottom { visibility:hidden; } .icon-ucp { background-image:none;padding-left:0; } p, .icon-ucp { color:white; } h1, h2, h1 a, h2 a, .navbar a, h3 a, div.pagination, a.left-box, .navbar ul.linklist li a, li.rightside, div.copyright, fieldset.display-options label, fieldset.jumpbox label, h3.statistics, table th, table thead th a, ul.display_search li a { color:#fee8ac !important; } div.postbody h3 a, div.content h3, div.content p, .panel h3, div.postbody p, label, input:focus, div.inner dt strong, div.inner h2, div.inner p { color:#120d0a !important; } li.row { border-bottom-color:#120d0a; } ul.topiclist dd { border-left-color:#999; } strong, .copyright a, ul.linklist li, div.pagination a, li.header dt a, #memberlist thead th, #memberlist thead th a { color:white !important; } dl.postprofile dd strong, div.panel strong { color:black !important; } .inner a { color:black; } div.pagination a { text-decoration:underline; } #wrap { padding:0 !important; } ul.rightside li, li.icon-home { background-image:none;padding-left:0; } ul.forums, ul.topics li, .bg2 { background-image:none;background-color:#fee8ac; } a.username-coloured { color:none !important; } .buttons div.post-icon2 { height:0px;padding-top:30px;text-indent:-10000px;overflow:hidden;width:98px; } div.post-icon2, { background:(../imageset/new/buttons/post_topic.png); } input.inputbox { border:1px solid #555555; } input:focus, .inputbox:focus { border:1px solid #120d0a !important; }