/*****************************************************************************\
GENERAL THEME STYLES
\*****************************************************************************/
body
{
background: #000 url( ../images/page_background.jpg ) 50% -35px repeat-y;
}
a
{
color: #2a81bd;
}
#page
{
background: #000 url( ../images/page_background_2.jpg ) center top repeat-y;
}
#page_center
{
min-height: 1200px;
}
#page_bottom
{
background: #000 url( ../images/page_bottom.jpg ) top center no-repeat;
}
#logo
{
background: url( ../images/logo.png ) 50% 50% no-repeat;
}
h2.title
{
color: #000;
}
a.more:link, a.more:visited, a.more:active { color: #2c8fd5; text-decoration: none; }
a.more:hover { color: #fff; text-decoration: none; }
#news_container a.next
{
background: url( ../images/more_next_bg.png ) 0px 0px no-repeat;
}
#homepage_content #news_container a.next {
margin-right: 7px;
}
#news_container a.prev
{
background: url( ../images/more_prev_bg.png ) 0px 0px no-repeat;
}
a.prev.disabled:link, a.prev.disabled:visited, a.prev.disabled:active, a.prev.disabled:hover,
a.next.disabled:link, a.next.disabled:visited, a.next.disabled:active, a.next.disabled:hover
{
color: #444;
}
.ir
{
display: block;
text-align: left;
text-indent: -9999px;
overflow: hidden;
outline: 0;
}
.washout {
opacity:0.7;
}
ul a,
.board_header a {
color:#67d9ff;
text-decoration:none;
}
ul a:hover,
ul li.active_category a,
ul li.active_subheader a,
ul li.active_board_page a,
.board_header a:hover {
color:white;
text-decoration:underline;
}
#page_center {
background: url( ../images/main_menu/nav_background.jpg ) center top repeat-x;
}
/*****************************************************************************\
FORM ASSETS
Used sitewide, except there are custom forms assets on the beta page
and the wbid page.
\*****************************************************************************/
/* disable outline on focus */
input[type="text"], input[type="password"], textarea, select {
outline: none;
}
/*
HTML usage:
*/
div.input_text {
height: 30px;
padding: 0 5px 0 0;
background: url( ../../../images/form_field_bg_right.png ) top right no-repeat;
margin: 3px 0;
}
div.input_text span {
display: block;
height: 30px;
padding: 0 0 0 5px;
background: url( ../../../images/form_field_bg_left.png ) top left no-repeat;
}
div.input_text span input {
border: 0;
background: transparent;
display: block;
width: 100%;
height: 26px;
line-height: 26px;
font-size: 14px;
}
/*
HTML usage:
*/
form button {
background: url( ../../../images/button_bg_right.png ) 100% 0px no-repeat;
padding: 0 2px 0 0;
border: none;
cursor: pointer;
height: 28px;
margin: 3px 0;
}
form button span {
display: block;
height: 28px;
background: url( ../../../images/button_bg_left.png ) left top no-repeat;
padding: 0 15px;
margin: 0 0 0 0;
font-family: 'AlternateGothicFSNo3', Impact, Charcoal, sans-serif;
text-transform: uppercase;
font-size: 18px;
line-height: 28px;
color: #f3ebd8;
position: relative;
white-space: nowrap;
}
form button:hover {
background-position: 100% -28px;
}
form button:hover span {
color: #fff;
background-position: 0px -28px;
}
select {
border: 2px solid #f5f5f5;
background: #f5f5f5;
color: #555;
border-radius: 4px 4px 4px 4px;
font-size: 14px;
margin: 3px 0;
height: 26px;
}
/*****************************************************************************\
MAIN MENU
\*****************************************************************************/
#main_menu
{
/*text-align: center;*/
font-family: 'AlternateGothicFSNo3', Impact, Charcoal, sans-serif;
text-transform: uppercase;
font-size: 22px;
height:87px;
position: relative;
}
#main_menu .gci_logo {
float:left;
padding:0;
}
.menu_items {
margin:16px 0 0 12px;
float:left;
width:800px;
}
#main_menu ul {
clear:both;
float:left;
list-style:none;
}
#main_menu ul.player_authentication {
margin: 3px 12px 6px 0;
}
#main_menu ul.primary_navigation {
font-size:30px;
}
#main_menu li {
float: left;
padding:0px 12px;
}
#main_menu a.socialize_locale {
float:left;
margin: 3px 0 2px 0px;
padding-right:32px;
background: url( ../images/main_menu/flag_us.png ) right 3px no-repeat;
}
#main_menu .fblike, #main_menu .player_preorder {
float:right;
}
#main_menu .fblike {
}
#board_preface {
clear:both;
}
#main_menu {
background: url( ../images/main_menu/nav_sketches.png ) center top no-repeat;
color:#fbf2dd;
font-size: 20px;
}
#main_menu a {
color:#e7e1cf; /* sand */
text-decoration: none;
}
#main_menu ul.player_authentication li {
background: url(../images/main_menu/nav_pipe.png) right top no-repeat;
}
#main_menu ul.player_authentication .welcome {
color: #59c8ff;
}
#main_menu ul.player_authentication .nickname {
color: #93b7c5;
}
#main_menu a:hover
{
text-decoration: none;
color:#6df;
}
#main_menu a.active
{
color:#6df;
padding: 0px 8px; /* padding decreases by width of border to prevent text scoot */
border: 3px solid #99bbd0;
}
#main_menu .player_preorder {
background: url(../images/button_preorder.png) center top no-repeat;
margin-left:10px;
padding:4px;
margin-top:-5px;
width:96px;
height:29px;
}
#main_menu .active a
{
color: #058ac7;
}
/* Sub Nav Icons --------------------------------------------------------- */
#nav_userinfo {
width: 180px;
height: 42px;
position: absolute;
right: 16px;
top: 87px;
/* overflow: hidden; */
}
#settings_tab, #settings_link
{
position: absolute;
z-index: 10;
right: 15px;
bottom: 5px;
width: 38px;
height: 63px;
}
#settings_tab
{
z-index: 1;
background: url( ../images/navigation_tab_settings.png ) bottom left no-repeat;
height: 37px;
}
#settings_link
{
height: 38px;
}
#friend_tab, #friend_link
{
position: absolute;
z-index: 10;
right: 58px;
bottom: 5px;
width: 40px;
height: 63px;
}
#friend_tab
{
z-index: 1;
background: url( ../images/navigation_tab_friend_requests.png ) bottom left no-repeat;
height: 37px;
}
#friend_tab.new
{
background: url( ../images/navigation_tab_friend_requests_highlight.png ) bottom left no-repeat;
}
#friend_link
{
height: 38px;
}
#inbox_tab, #inbox_link
{
position: absolute;
z-index: 10;
right: 105px;
bottom: 5px;
width: 41px;
height: 64px;
}
#inbox_tab
{
z-index: 1;
background: url( ../images/navigation_tab_messages.png ) bottom left no-repeat;
height: 37px;
}
#inbox_tab.new
{
background: url( ../images/navigation_tab_messages_highlight.png ) bottom left no-repeat;
}
#inbox_link
{
height: 38px;
}
/*****************************************************************************\
LEGAL FOOTER
\*****************************************************************************/
#legal
{
color: #e7e2d6;
}
/*****************************************************************************\
HOMEPAGE CONTENT
\*****************************************************************************/
#homepage_content
{
background: url( ../images/page_top.jpg ) center top no-repeat;
}
#homepage_content .layout {
background: url( ../images/homepage_bg.png ) center 20px no-repeat;
min-height: 1350px;
padding-top: 20px;
}
#download_container h2 {
width: 205px;
height: 35px;
color: #e7e1cf;
padding: 9px 0 0 15px;
margin: 46px 0 0 0;
background: url( ../images/home_download_header.png ) 0px 0px no-repeat;
}
#download_container h2:first-child {
margin-top: 0;
}
a.video_link span
{
background: url( ../images/video_overlay.png ) 0px 0px no-repeat;
}
#video_container div.text { display: none; }
#video_container h2.title a, #video_container h2.title a:link, #video_container h2.title a:visited, #video_container h2.title a:active
{
color: #1b282f; text-decoration: none;
}
#video_container h2.title a:hover { color: #2A81BD; text-decoration: none; }
#video_container a.more
{
background: url( ../images/video_more_bg.png ) 0px 0px no-repeat;
margin-top: -35px;
}
#video_container h2.title { padding-top: 10px; }
.video_player #thumbs
{
position: absolute;
right: 9px;
top: 1px;
width: 129px;
height: 443px;
background: url( ../images/filmstrip/arrow_bg.png ) top center no-repeat;
}
.video_player #thumb_scroll_container
{
position: absolute;
left: 0;
top: 18px;
width: 129px;
height: 407px;
overflow: hidden;
}
.video_player #thumb_scroll
{
position: absolute;
top: 0;
background: url( ../images/filmstrip/bg.png ) top center repeat-y;
padding-bottom: 100px;
}
.video_player .thumb
{
display: block;
width: 129px;
position: relative;
}
.video_player .thumb .overlay
{
position: absolute;
left: 0;
top: 0;
}
.video_player #thumbs img
{
width: 100px;
padding: 1px 15px 5px 14px;
margin: 0;
}
.video_player #thumbs a.scroll_prev, .video_player #thumbs a.scroll_next
{
position: absolute;
width: 129px;
height: 18px;
}
.video_player #thumbs a.scroll_next
{
left: 0;
bottom: 0;
background: url( ../images/filmstrip/arrow_down.png ) no-repeat;
background-position: 50% -1px;
}
.video_player #thumbs a.scroll_next:hover
{
background-position: 50% -16px;
}
.video_player #thumbs a.scroll_next.inactive, .video_player #thumbs a.scroll_next.inactive:hover
{
background-position: 50% -31px;
cursor: default;
}
.video_player #thumbs a.scroll_prev
{
left: 0;
top: 0;
background: url( ../images/filmstrip/arrow_up.png ) no-repeat;
background-position: 50% 2px;
}
.video_player #thumbs a.scroll_prev:hover
{
background-position: 50% -13px;
}
.video_player #thumbs a.scroll_prev.inactive, .video_player #thumbs a.scroll_prev.inactive:hover
{
background-position: 50% -28px;
cursor: default;
}
/*****************************************************************************\
HOMEPAGE NEWS
\*****************************************************************************/
ul#news_viewer li a.news_item
{
background: #0f1416;
text-decoration: none;
}
a.news_item span.title
{
background: url( ../images/transparent_black_80.png ) 0px 0px repeat;
}
a.news_item span.date
{
color: #a5a692;
background: url( ../images/transparent_black_80.png ) 0px 0px repeat;
}
a.news_item:link span.title, a.news_item:visited span.title, a.news_item:active span.title { color: #36acff; text-decoration: none; }
a.news_item:hover span.title { color: #fff; text-decoration: none; }
/*****************************************************************************\
HOMEPAGE MATCH VIEWER WIDGET
\*****************************************************************************/
.match_widget
{
overflow: hidden;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.match_widget h2 {
padding-top: 9px;
}
.match_widget a:hover {
text-decoration: none;
}
.match_widget .match_nav {
padding: 7px 0 9px;
}
.match_widget .match_nav a {
position: relative;
display: inline-block;
height: 19px;
padding: 0 4px;
margin-right: 6px;
background: url(../images/match_widget/mw-platform-repeat.png) repeat-x;
color: #2C8FD5;
text-decoration: none;
font-family: 'AlternateGothicFSNo3', Impact, Charcoal, sans-serif;
font-size: 18px;
line-height: 20px;
text-transform: uppercase;
}
.match_widget .match_nav a:before {
content: "";
position: absolute;
display: block;
left: -2px;
top: 0;
width: 2px;
height: 19px;
background: url(../images/match_widget/mw-platform-left.png) repeat-y;
}
.match_widget .match_nav a:after {
content: "";
position: absolute;
display: block;
right: -3px;
top: 0;
width: 3px;
height: 19px;
background: url(../images/match_widget/mw-platform-right.png) repeat-y;
}
.match_widget .match_nav a.active {
color: #fff;
}
.match_list {
position: relative;
height: 273px;
overflow: hidden;
}
.platform_list {
display: none;
position: relative;
top: 0;
}
.platform_list.active {
display: block;
}
.match_list .list_item
{
display: block;
padding:0;
margin: 0 0 3px;
overflow: hidden;
}
.match_list a.hidden {
display: none;
}
.match_list a {
display: block;
height: 89px;
overflow: hidden;
}
.match_list a.jokerz
{
background: url(../images/match_widget/joker-head.png) no-repeat center left;
background-color: #8a4908;
background-color: rgba(138, 73, 8, .85);
}
.match_list a.jokerz .match_details
{
float: right;
}
.match_list a.batz
{
background: url(../images/match_widget/bat-head.png) no-repeat center right;
background-color: #3a4f66;
background-color: rgba(58, 79, 102, .85);
}
.match_list a.batz .match_details
{
float: left;
}
.match_details {
width: 120px;
text-align: center;
color: #fff;
}
.match_details h3.title {
padding: 11px 0 6px;
font-size: 25px;
}
.match_details .mapname {
font-family: Verdana;
font-size: 12px;
margin-bottom: 10px;
}
.match_details .scores_list {
margin: 0;
padding: 0;
}
.match_details .score {
display: inline;
}
.match_details .score:first-child span {
padding-right: 10px;
}
.match_details .score span {
display: inline-block;
height: 16px;
}
.match_widget a.error
{
background: rgba(111, 42, 0, .85);
}
.match_widget .message {
line-height: 1.3;
padding: 5px;
}
.match_widget .message.loading {
padding: 74px 0 0;
margin: 46px auto;
background: url(../images/bats_running.gif) no-repeat 52px 0;
font-size: 17px;
font-family: 'AlternateGothicFSNo3', Impact, Charcoal, sans-serif;
text-align: center;
}
.match_widget .scroll {
position: absolute;
bottom: 0;
width: 98px;
height: 35px;
background: url(../images/match_widget/scroll-arrow.png) no-repeat center top;
z-index: 10;
cursor: pointer;
}
.match_widget .scroll_up {
left: 0;
background: url(../images/match_widget/mw-up-arrow.png) no-repeat center top;
}
.match_widget .scroll_up.disabled {
background: url(../images/match_widget/mw-up-arrow-disabled.png) no-repeat center top;
cursor: auto;
}
.match_widget .scroll_down {
right: 0;
background: url(../images/match_widget/mw-down-arrow.png) no-repeat center top;
}
.match_widget .scroll_down.disabled {
background: url(../images/match_widget/mw-down-arrow-disabled.png) no-repeat center top;
cursor: auto;
}
/*****************************************************************************\
SOCIAL PANEL
\*****************************************************************************/
div#social_container a:link span, div#social_container a:visited span, div#social_container a:visited span
{
color: #bfc0ac;
}
div#social_container a:hover span { color: #fff; text-decoration: none; }
div#social_container a.community_forums:link, div#social_container a.community_forums:visited, div#social_container a.community_forums:active, div#social_container a.community_forums:link span, div#social_container a.community_forums:visited span, div#social_container a.community_forums:active span { color: #bbb4b5; }
div#social_container a.community_forums:hover, div#social_container a.community_forums:hover span { color: #fff; }
/*****************************************************************************\
POLAROID GALLERY
\*****************************************************************************/
#polaroids li a span.o1 { background-image: url( ../images/polaroid_overlay_1.png ); }
#polaroids li a span.o2 { background-image: url( ../images/polaroid_overlay_2.png ); }
#polaroids li a span.o3 { background-image: url( ../images/polaroid_overlay_3.png ); }
#polaroids li a span.o4 { background-image: url( ../images/polaroid_overlay_4.png ); }
#polaroids li a span.o5 { background-image: url( ../images/polaroid_overlay_5.png ); }
#polaroids .polaroid_overlay { z-index: 10; }
#polaroids .DevelopEffectImg { z-index: 5; }
#polaroids .DevelopEffectOverlay { z-index: 7; }
#gallery_container a.more
{
text-align: left;
text-indent: -9999px;
overflow: hidden;
outline: 0;
width: 47px;
height: 70px;
background-repeat: no-repeat;
position: absolute;
}
#gallery_container a.prev
{
background-image: url( ../images/gallery_prev_button.png );
top: 80px;
left: -25px;
}
#gallery_container a.next
{
background-image: url( ../images/gallery_next_button.png );
top: 80px;
right: -20px;
}
#gallery_container a.more:link, #gallery_container a.more:active, #gallery_container a.more:visited { background-position: 0px 0px; }
#gallery_container a.more:hover { background-position: 0px -70px; }
#gallery_container a.more.disabled { background-position: 0px -140px; }
/*****************************************************************************\
NEWS PAGE
\*****************************************************************************/
#news_archive
{
background: url( ../images/news_list_bg.png ) top center no-repeat;
}
#news_content #article_container .article_content h3
{
font-family: 'AlternateGothicFSNo3', Impact, Charcoal, sans-serif;
color: #0b375c;
font-size: 26px;
margin-bottom: 10px;
font-weight: normal;
}
#news_content #article_container .article_content h4
{
font-family: 'AlternateGothicFSNo3', Impact, Charcoal, sans-serif;
color: #0b375c;
font-size: 22px;
margin-bottom: 10px;
font-weight: normal;
}
#news_content #article_container .article_content blockquote
{
margin: 30px 70px;
}
#news_content #article_container .article_content a
{
color: #8a0206;
font-weight: bold;
}
#news_content #article_container .article_content a:hover
{
color: #e1050c;
}
#news_content #article_container .article_content ul
{
padding-left: 70px;
padding-right: 70px;
}
.article_content .body { font-size: 13px; }
/*****************************************************************************\
FLEXIBLE PAPER STYLES
\*****************************************************************************/
.flex_background
{
}
.flex_background div.TR
{
height: 15px;
background: url( ../images/paper/TR.png ) top right no-repeat;
padding-right: 15px;
overflow: hidden;
}
.flex_background div.TL
{
height: 15px;
background: url( ../images/paper/TL.png ) top left no-repeat;
overflow: hidden;
}
.flex_background div.R
{
background: url( ../images/paper/R.png ) top right repeat-y;
padding-right: 15px;
}
.flex_background div.L
{
background: url( ../images/paper/L.png ) top left repeat-y;
padding-left: 14px;
}
.flex_background div.M
{
background: url( ../images/paper/M.jpg ) top left repeat;
}
.flex_background div.BR
{
height: 15px;
background: url( ../images/paper/BR.png ) top right no-repeat;
padding-right: 15px;
overflow: hidden;
}
.flex_background div.BL
{
height: 15px;
background: url( ../images/paper/BL.png ) top left no-repeat;
overflow: hidden;
}
.flex_background ul a {
color: #31535b; /* dark dull teal */
}
/*****************************************************************************\
FANCYBOX POPUP
\*****************************************************************************/
#fancybox-outer
{
background: url( ../images/paper_texture.jpg ) bottom right;
}
#fancybox-content
{
border-color: transparent;
}
#fancybox-img-overlay
{
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-moz-box-shadow: inset 0 0 5px #000;
-webkit-box-shadow: inset 0 0 5px #000;
box-shadow: inset 0 0 5px #000;
}
#fancybox-title
{
position: relative;
height: 47px;
font-family: 'AlternateGothicFSNo3', Impact, Charcoal, sans-serif;
}
.fancybox-title-inside
{
padding: 0;
background: none;
}
#fancybox-title-over
{
position: relative;
background: none;
padding: 0;
width: 100%;
height: 100%;
}
.imagePositionInfo
{
float: left;
border-top: solid 1px #8a9298;
border-bottom: solid 1px #8a9298;
height: 34px;
font-size: 30px;
line-height: 34px;
padding: 0 10px;
color: #8a9aa8;
}
.galleryTotal
{
color: #545b63;
}
.imagePosition
{
color: #2c3137;
}
.imageLinks
{
float: right;
border-top: solid 1px #8a9298;
border-bottom: solid 1px #8a9298;
padding-top: 3px;
height: 34px;
font-size: 18px;
line-height: 37px;
padding: 0 10px;
color: #4c7897;
text-transform: uppercase;
}
.fullLink, .directLink
{
color: #605b54;
}
.imageLinks a
{
text-decoration: none;
}
.imageLinks a:hover
{
text-decoration: underline;
color: #3d84b6;
}
#fancybox-title .share
{
position: absolute;
right: -10px;
bottom: -23px;
display: block;
padding: 5px 10px;
background: url( ../images/paper_texture.jpg ) top right;
}
#fancybox-outer a#fancybox-close
{
width: 46px;
height: 47px;
background: url( ../images/lightbox_button_close.png ) 0px 0px no-repeat;
}
#fancybox-outer #fancybox-right-ico
{
width: 49px;
height: 88px;
background: url( ../images/lightbox_button_next.png ) 0px 0px no-repeat;
margin-top: -64px;
}
#fancybox-outer #fancybox-left-ico
{
width: 49px;
height: 88px;
margin-top: -64px;
background: url( ../images/lightbox_button_prev.png ) 0px 0px no-repeat;
}
/*****************************************************************************\
PRIVATE MESSAGING
\*****************************************************************************/
.pm_flex_background
{
margin-top: 20px;
}
.pm_flex_background div.TR
{
height: 32px;
width: 887px;
background: url( ../images/pm/outer_bg_top.png ) 0px 0px no-repeat;
}
.pm_flex_background div.TL
{
}
.pm_flex_background div.R
{
width: 887px;
}
.pm_flex_background div.L
{
padding: 0 5px 0 3px;
width: 879px;
background: url( ../images/pm/outer_bg_repeat.jpg ) 3px 0px repeat-y;
float: left;
}
.pm_flex_background div.M
{
width: 879px;
margin: -32px 0 -32px 0;
}
.pm_flex_background div.BR
{
height: 32px;
width: 887px;
background: url( ../images/pm/outer_bg_bottom.png ) 0px 0px no-repeat;
clear: both;
}
.pm_flex_background div.BL
{
}
#messaging_outer_container
{
width: 860px;
margin: 0 auto;
padding-top: 23px;
}
.messaging_inner_container
{
padding: 20px;
position: relative;
}
.messaging_inner_container #pm_content_box
{
background: transparent;
padding-left: 10px;
position: relative;
margin-top: 50px;
}
.messaging_inner_container #pm_content_box div.T
{
width: 820px;
height: 14px;
background: url( ../images/pm/inner_bg_top.png ) 0px 0px no-repeat;
}
.messaging_inner_container #pm_content_box div.M
{
width: 790px;
padding: 1px 15px;
background: url( ../images/pm/inner_bg_repeat.png ) 0px 0px repeat-y;
margin: 0;
}
.messaging_inner_container #pm_content_box div.B
{
width: 820px;
height: 14px;
background: url( ../images/pm/inner_bg_bottom.png ) 0px 0px no-repeat;
}
/* prevent overflow of author and subject fields ----------------- */
#folderContents table {
table-layout:fixed;
}
.messaging_inner_container .messageAuthor,
.messaging_inner_container .messageSubject,
#originalMessageDetails .userAndSubject strong,
#originalMessageText blockquote {
text-overflow: ellipsis;
overflow: hidden;
}
.messaging_inner_container .messageAuthor {
}
.messaging_inner_container .messageSubject {
}
#originalMessageDetails .userAndSubject strong {
max-width: 700px;
display: inline-block;
}
#originalMessageText blockquote {
max-width: 760px;
}
/* --------------------------------------------------------------- */
#pm_content_box table td, #pm_content_box table th { text-align: left; padding: 5px; }
#pm_content_box .pmreturnto .pmreadbar table tr td { padding: 0; }
#loading
{
display: none;
text-align: center;
width: 100%;
}
.pmreturnto, #folderActionBar
{
background: transparent;
}
.pmreturntolink
{
margin-left: 10px;
padding-top: 8px;
}
.pmreadbar { margin: 0 10px; }
.pmreturnto .pmreadbar { margin: 0; padding: 10px; }
.pmreadbar table, .pmtable { width: 100%; }
.pmreadbar table td.move, td.pmtableright { text-align: right; }
.pmreadbar table td, .pmreadbar table th { white-space: nowrap; vertical-align: middle; }
#backTo a { text-decoration: none; }
#backTo a img { position: relative; top: 3px; }
td.move div#moveFolder select.msgFolderMove { position: relative; top: -3px; }
#pm_content_box .pmreadbar table td.move form div#moveFolder select.msgFolderMove { top: 4px; }
#createFolder
{
margin-bottom: 10px;
margin-top: 10px;
}
#folderForm
{
margin-top: 10px;
padding-bottom: 15px;
text-align: center;
width: 500px;
margin-left: auto;
margin-right: auto;
}
#folderActionBar
{
padding-left: 5px;
padding-right: 5px;
}
#folderSelector
{
margin-bottom: 5px;
margin-top: 5px;
padding-top: 15px;
text-align: right;
position: absolute;
width: 400px;
top: -56px;
right: 14px;
}
#moveFolder
{
float: right;
padding-top: 5px;
}
#moveFolder select.msgFolderMove {
float: left;
position: relative;
top: -1px;
left: -5px;
border: 1px solid #ccc;
width:131px;
}
#folderSelector .msgFolderSelect {
width:256px;
position:relative;
}
#folderActions { padding-top: 5px; }
#folderContents
{
margin-left: 4px;
margin-right: 4px;
padding-bottom: 15px;
}
#folderContents table
{
border-collapse: collapse;
width: 100%;
}
#folderContents table td, #folderContents table th { border-bottom: 1px solid #D3D3D3; }
#folderContents table tbody tr:hover { background: none repeat scroll 0 0 #ddd; }
#folderContents table tbody tr.marked { background: none repeat scroll 0 0 #FEF2F2; }
th.folderMessageCheckbox, td.folderMessageCheckbox { text-align: right; }
#originalMessageDetails
{
padding: 15px 15px 7px 15px;
}
#originalMessageDetails .avatar
{
float: left;
margin-right: 10px;
}
#originalMessageDetails .userAndSubject { padding-top: 7px; }
#originalMessageDetails .messageDateTime
{
float: right;
margin-right: 6px;
}
#originalMessageText
{
border-top: none;
clear: both;
margin-bottom: 20px;
}
#originalMessageText blockquote
{
padding: 15px;
}
.messageType
{
border-bottom: none;
margin-left: 4px;
margin-right: 4px;
margin-top: 10px;
}
.messageTypeText
{
margin-bottom: 5px;
margin-left: 10px;
}
#composeMessage
{
margin-left: 20px;
margin-right: 20px;
margin-top: 10px;
}
.richEditor { margin-top: 10px; }
.submitMessage
{
margin-bottom: 15px;
margin-top: 5px;
padding-bottom: 15px;
text-align: right;
}
.pagination
{
margin-bottom: 10px;
padding-bottom: 15px;
}
dl.pagination {
width: 100%;
}
.pagination table
{
margin-left: auto;
margin-right: 4px;
}
.noMessages
{
font-weight: bold;
text-align: center;
}
.responsedialog { display: none; }
#folderActions button { }
.messaging_inner_container button
{
display: block;
float: left;
background: url( ../images/button_bg_right.png ) 100% 0px no-repeat;
padding: 0 2px 0 0;
border: none;
cursor: pointer;
height: 28px;
margin-left: 2px;
margin-right: 2px;
}
.messaging_inner_container button span.button_bg
{
display: block;
height: 28px;
background: url( ../images/button_bg_left.png ) left top no-repeat;
padding: 0 4px 0 5px;
margin: 0 0 0 0;
font-family: 'AlternateGothicFSNo3', Impact, Charcoal, sans-serif;
text-transform: uppercase;
font-size: 18px;
line-height: 28px;
color: #f3ebd8;
position: relative;
white-space: nowrap;
}
@-moz-document url-prefix() { .messaging_inner_container button span.button_bg { top: -1px; padding-right: 2px; } .messaging_inner_container button span span.button_bg { top: 0px; } }
.messaging_inner_container button:hover
{
background-position: 100% -28px;
}
.messaging_inner_container button:hover span.button_bg
{
color: #fff;
background-position: 0px -28px;
}
.messaging_inner_container button span.ui-button-text { padding: 0px 0px 0px 0px; }
.messaging_inner_container button span.button_bg img { margin-top: 5px; }
.messaging_inner_container .hr
{
height: 7px;
overflow: hidden;
background: url( ../images/pm/hr.png ) top center no-repeat;
margin: 8px 0;
}
#messaging_outer_container a#back_button
{
display: block;
width: 141px;
height: 38px;
padding-top: 28px;
text-align: center;
font-size: 20px;
background: url( ../images/pm/back.png ) 0px 0px no-repeat;
text-transform: uppercase;
font-family: 'AlternateGothicFSNo3', Impact, Charcoal, sans-serif;
position: absolute;
top: 6px;
right: 30px;
}
#messaging_outer_container a#back_button:link, #messaging_outer_container a#back_button:visited, #messaging_outer_container a#back_button:active
{
color: #d3be9d;
text-decoration: none;
}
#messaging_outer_container a#back_button:hover
{
color: #fff;
text-decoration: none;
}
.messaging_inner_container .ui-state-error { padding: 10px; }
.messaging_inner_container .ui-state-error p, .messaging_inner_container .ui-state-error div { clear: both; padding: 5px; }
/*****************************************************************************\
LOCALIZATION OVERLAY (INTERSTITIAL)
\*****************************************************************************/
#interstitial_content
{
color:#666;
height:384px;
width:656px;
background: url(../images/overlay/overlay_background.png) center center no-repeat;
text-transform: uppercase;
font-family: 'AlternateGothicFSNo3', Impact, Charcoal, sans-serif;
font-size: 38px;
text-align:center;
padding-top:50px;
}
#interstitial_content ul {
list-style-type:none;
width:336px;
margin:10px auto;
padding:20px 70px 20px 70px;
background: url( ../images/overlay/sketch_circle.png ) center top no-repeat;
}
#interstitial_content li {
float:left;
height:33px;
width:55px;
margin:6px;
background-color:white;
}
#interstitial_content .stay {
clear:left;
}
#interstitial_content .stay span {
background: url( ../images/overlay/stay_button_cap.png ) right center no-repeat;
padding:10px 0;
}
#interstitial_content .stay a {
margin-right:20px;
padding:10px 0 10px 25px;
color:white;
line-height:2em;
text-decoration:none;
background: url( ../images/overlay/stay_button.png ) left center no-repeat;
}
#interstitial_content .visit_instruction {
background: url( ../images/overlay/visit_underline.png ) center bottom no-repeat;
}
#interstitial_content .or_instruction {
background: url( ../images/overlay/or_midline.png ) center center no-repeat;
}
#interstitial_content .stay a:hover {
text-decoration:underline;
}
#interstitial_content .localization_flags a {
background-repeat:no-repeat;
opacity:0.8;
}
#interstitial_content .localization_flags a:hover {
opacity:1.0;
}
#interstitial_content .flag_benelux {
background-image: url( ../images/overlay/flag_benelux.png );
}
#interstitial_content .flag_brazil {
background-image: url( ../images/overlay/flag_brazil.png );
}
#interstitial_content .flag_france {
background-image: url( ../images/overlay/flag_france.png );
}
#interstitial_content .flag_germany {
background-image: url( ../images/overlay/flag_germany.png );
}
#interstitial_content .flag_italy {
background-image: url( ../images/overlay/flag_italy.png );
}
#interstitial_content .flag_mexico {
background-image: url( ../images/overlay/flag_mexico.png );
}
#interstitial_content .scoot_over {
margin-left:40px;
}
#interstitial_content .flag_spain {
background-image: url( ../images/overlay/flag_spain.png );
}
#interstitial_content .flag_uk {
background-image: url( ../images/overlay/flag_uk.png );
}
#interstitial_content .flag_us {
background-image: url( ../images/overlay/flag_us.png );
}
/*****************************************************************************\
GAME INFORMATION PAGE
\*****************************************************************************/
#game_information_outer_container
{
width: 624px;
margin: 0 auto;
margin-top: 68px;
}
.game_information_paper_container
{
background: url( ../images/game_information/paper_bg.jpg ) top center repeat;
position: relative;
min-height: 469px;
}
.game_information_paper_container .newspaper_top
{
width: 694px;
height: 50px;
background: url( ../images/game_information/newspaper_top.png ) 0px 0px no-repeat;
position: absolute;
top: -50px;
left: 50%;
margin-left: -347px;
}
.game_information_paper_container .newspaper_left
{
width: 71px;
height: 424px;
background: url( ../images/game_information/newspaper_left.png ) 0px 0px no-repeat;
position: absolute;
top: 0px;
left: -71px;
}
.game_information_paper_container .newspaper_right
{
width: 79px;
height: 413px;
background: url( ../images/game_information/newspaper_right.png ) 0px 0px no-repeat;
position: absolute;
top: 0px;
right: -79px;
}
.game_information_paper_container .splatter_left
{
width: 229px;
height: 469px;
background: url( ../images/game_information/splatter_left.png ) 0px 0px no-repeat;
position: absolute;
top: 0px;
left: 0px;
}
.game_information_paper_container .splatter_right
{
width: 101px;
height: 461px;
background: url( ../images/game_information/splatter_right.png ) 0px 0px no-repeat;
position: absolute;
top: 0px;
right: 0px;
}
.game_information_paper_container .splatter_bottom_right
{
width: 157px;
height: 175px;
background: url( ../images/game_information/splatter_bottom_right.png ) 0px 0px no-repeat;
position: absolute;
bottom: 0px;
right: 0px;
}
#game_information_inner_container
{
position: relative;
-moz-box-shadow: 0 0 9px 2px #000;
-webkit-box-shadow: 0 0 9px 2px #000;
box-shadow: 0 0 9px 2px #000;
}
#game_information_inner_container .character_bats
{
width: 240px;
height: 588px;
background: url( ../images/game_information/character_bats.png ) 0px 0px no-repeat;
position: absolute;
left: -119px;
top: -57px;
}
#game_information_inner_container .character_joker
{
width: 273px;
height: 540px;
background: url( ../images/game_information/character_joker.png ) 0px 0px no-repeat;
position: absolute;
right: -142px;
top: -24px;
}
#game_information_inner_container .article_content { padding-top: 40px; }
#game_information_inner_container h1.title
{
display: block;
margin: 0px 6px 30px 6px;
height: 100px;
line-height: 100px;
text-transform: uppercase;
font-family: 'AlternateGothicFSNo3', Impact, Charcoal, sans-serif;
font-size: 44px;
text-align: center;
background: url( ../images/game_information/title_borders.png ) 50% 50% no-repeat;
color: #171d21;
font-weight: normal;
border-bottom: none;
}
#game_information_inner_container .title_hr
{
background: url( ../images/game_information/hr.png ) 50% 50% repeat-x;
text-align: center;
height: 43px;
}
#game_information_inner_container div.centered_h2_outer_container
{
float: left;
overflow: hidden;
width: 100%;
clear: both;
}
#game_information_inner_container div.centered_h2_inner_container
{
float: left;
left: 50%;
position: relative;
margin: 0 auto;
}
#game_information_inner_container .title_hr h2
{
display: block;
float: left;
height: 43px;
line-height: 43px;
background: url( ../images/game_information/h2_bg_left.jpg ) 0px 0px no-repeat;
position: relative;
right: 50%;
}
#game_information_inner_container .article_content .title_hr h2.title { border-bottom: none; }
#game_information_inner_container .title_hr h2 span
{
display: block;
height: 43px;
padding: 0 15px;
background: url( ../images/game_information/h2_bg_right.jpg ) top right no-repeat;
}
#game_information_inner_container .article_content .intro
{
text-align: center;
font-family: Georgia;
font-style: italic;
font-size: 15px;
line-height: 24px;
color: #000;
padding: 10px 0 0px 0;
}
#game_information_inner_container .article_content h3
{
font-weight: bold;
font-size: 24px;
line-height: 30px;
color: #980101;
}
#game_information_inner_container .article_content h4
{
font-weight: bold;
font-style: italic;
font-family: Georgia;
font-size: 16px;
line-height: 20px;
color: #622323;
margin: 20px 20px -10px 20px;
}
#game_information_inner_container .article_content .content_margins
{
width: 470px;
margin: 0 auto 20px auto;
}
#game_information_inner_container .article_content .content_body p
{
margin: 20px;
line-height: 17px;
font-size: 11px;
position: relative;
}
#game_information_inner_container .article_content .content_body img.left
{
float: left;
margin-left: -165px;
margin-right: 30px;
margin-bottom: 20px;
}
#game_information_inner_container .article_content .content_body img.right
{
float: right;
margin-right: -165px;
margin-left: 30px;
margin-bottom: 20px;
}
#game_information_inner_container div.hr
{
height: 1px;
line-height: 0;
overflow: hidden;
background: url( ../images/game_information/hr.png ) 0px 0px repeat-x;
}
#game_information_inner_container #navigation_arrows
{
width: 129px;
height: 27px;
padding: 13px 0 0 10px;
margin: 0 auto;
background: url( ../images/game_information/sketch_circle.png ) 50% 50% no-repeat;
margin-bottom: 15px;
}
#game_information_inner_container #navigation_arrows a
{
display: block;
float: left;
width: 58px;
height: 12px;
background-position: 0px -12px;
text-align: left;
text-indent: -9999px;
overflow: hidden;
outline: 0;
}
#game_information_inner_container #navigation_arrows a.disabled { background-position: 0px -12px; }
#game_information_inner_container #navigation_arrows a:hover { background-position: 0px 0px; }
#game_information_inner_container #navigation_arrows a.previous { background-image: url( ../images/game_information/arrow_left.png ); }
#game_information_inner_container #navigation_arrows a.next { background-image: url( ../images/game_information/arrow_right.png ); }
ul.fading-pages { list-style: none; margin: 0; padding: 0; }
/*****************************************************************************\
CHARACTER GALLERY
\*****************************************************************************/
#character_grid_outer_container
{
width: 980px;
padding-top: 33px;
position: relative;
}
.character_grid
{
}
.character_grid li
{
}
.character_grid li a, .character_grid li div
{
position: relative;
display: block;
width: 205px;
height: 230px;
margin: -10px;
}
.character_grid li a img, .character_grid li div img
{
border: 0;
margin: 14px 0 0 15px;
}
.character_grid li a
{
-webkit-transform:scale(1.0);
-moz-transform:scale(1.0);
-o-transform:scale(1.0);
-ms-transform:scale(1.0);
transform:scale(1.0);
-webkit-transition-duration: 0.1s;
-moz-transition-duration: 0.1s;
-o-transition-duration: 0.1s;
-ms-transition-duration: 0.1s;
transition-duration: 0.1s;
cursor: pointer;
}
.character_grid li a:hover
{
-webkit-transform:scale(1.05);
-moz-transform:scale(1.05);
-o-transform:scale(1.05);
-ms-transform:scale(1.05);
transform:scale(1.05);
z-index: 999;
}
#character_grid_outer_container ul li a span.overlay, #character_grid_outer_container ul li div span.overlay
{
width: 205px;
height: 227px;
display: block;
position: absolute;
top: 0px;
left: 0px;
background-position: 0px 0px;
background-repeat: no-repeat;
}
#character_grid_outer_container ul li a span.overlay.o0, #character_grid_outer_container ul li div span.overlay.o0 { background-image: url( ../../../images/polaroid_overlays/polaroid_overlay_for_175x175_images_1.png ); }
#character_grid_outer_container ul li a span.overlay.o1, #character_grid_outer_container ul li div span.overlay.o1 { background-image: url( ../../../images/polaroid_overlays/polaroid_overlay_for_175x175_images_2.png ); }
#character_grid_outer_container ul li a span.overlay.o2, #character_grid_outer_container ul li div span.overlay.o2 { background-image: url( ../../../images/polaroid_overlays/polaroid_overlay_for_175x175_images_3.png ); }
#character_grid_outer_container ul li a span.overlay.o3, #character_grid_outer_container ul li div span.overlay.o3 { background-image: url( ../../../images/polaroid_overlays/polaroid_overlay_for_175x175_images_4.png ); }
#character_grid_outer_container ul li a span.overlay.o4, #character_grid_outer_container ul li div span.overlay.o4 { background-image: url( ../../../images/polaroid_overlays/polaroid_overlay_for_175x175_images_5.png ); }
#character_grid_outer_container ul li a span.overlay.o5, #character_grid_outer_container ul li div span.overlay.o5 { background-image: url( ../../../images/polaroid_overlays/polaroid_overlay_for_175x175_images_6.png ); }
#character_grid_outer_container ul li a span.overlay.o6, #character_grid_outer_container ul li div span.overlay.o6 { background-image: url( ../../../images/polaroid_overlays/polaroid_overlay_for_175x175_images_7.png ); }
#character_grid_outer_container ul li a span.overlay.o7, #character_grid_outer_container ul li div span.overlay.o7 { background-image: url( ../../../images/polaroid_overlays/polaroid_overlay_for_175x175_images_8.png ); }
#character_grid_outer_container .offset
{
position: relative;
top: 0px;
left: 0px;
}
#character_grid_outer_container .offset.o0 { top: 0px; left: 0px; }
#character_grid_outer_container .offset.o1 { top: 5px; left: 5px; }
#character_grid_outer_container .offset.o2 { top: -10px; left: 5px; }
#character_grid_outer_container .offset.o3 { top: 7px; left: -3px; }
#character_grid_outer_container .offset.o4 { top: -4px; left: 10px; }
#character_grid_outer_container .offset.o5 { top: 8px; left: 8px; }
#character_grid_outer_container .offset.o6 { top: -6px; left: -9px; }
#character_grid_inner_container
{
width: 980px;
height: 880px;
overflow: hidden;
position: relative;
}
#character_grid_outer_container div.character_grid_pages
{
position: relative;
padding: 15px;
white-space: nowrap;
overflow: visible;
width: 99999px;
}
#character_grid_outer_container div.character_grid_page
{
float: left;
width: 980px;
}
#character_grid_outer_container a.next, #character_grid_outer_container a.prev
{
display: block;
position: absolute;
width: 49px;
height: 102px;
background-repeat: no-repeat;
background-position: 0px 0px;
text-align: left;
text-indent: -9999px;
overflow: hidden;
outline: none;
}
#character_grid_outer_container a.next:hover, #character_grid_outer_container a.prev:hover { background-position: 0px -102px; }
#character_grid_outer_container a.next { top: 45%; right: -39px; background-image: url( ../images/character_gallery_next_button.png ); }
#character_grid_outer_container a.prev { top: 45%; left: -45px; background-image: url( ../images/character_gallery_prev_button.png ); }
#character_grid_outer_container a.disabled, #character_grid_outer_container a.disabled:link, #character_grid_outer_container a.disabled:visited,
#character_grid_outer_container a.disabled:active, #character_grid_outer_container a.disabled:hover,
#character_grid_outer_container a.disabled, #character_grid_outer_container a.disabled:link, #character_grid_outer_container a.disabled:visited,
#character_grid_outer_container a.disabled:active, #character_grid_outer_container a.disabled:hover {
background-position: 0px -204px;
}
/*****************************************************************************\
MEDIA GALLERY
\*****************************************************************************/
#media_grid_outer_container
{
width: 980px;
position: relative;
overflow: hidden;
padding-bottom: 10px;
}
.media_grid li a {
display: block;
width: 225px;
height: 170px;
position: relative;
}
.media_grid li a span.overlay {
background: url( ../images/thumbnail_frame.png ) no-repeat 0px 0px;
display: block;
position: absolute;
width: 225px;
height: 170px;
}
.media_grid
{
}
.media_grid li
{
}
.media_grid li a, .media_grid li div
{
position: relative;
display: block;
width: 235px;
height: 180px;
}
.media_grid li a img, .media_grid li div img
{
border: 0;
margin: 14px 0 0 15px;
}
.media_grid li a
{
-webkit-transform:scale(1.0);
-moz-transform:scale(1.0);
-o-transform:scale(1.0);
-ms-transform:scale(1.0);
transform:scale(1.0);
-webkit-transition-duration: 0.1s;
-moz-transition-duration: 0.1s;
-o-transition-duration: 0.1s;
-ms-transition-duration: 0.1s;
transition-duration: 0.1s;
cursor: pointer;
}
.media_grid li a:hover
{
-webkit-transform:scale(1.05);
-moz-transform:scale(1.05);
-o-transform:scale(1.05);
-ms-transform:scale(1.05);
transform:scale(1.05);
z-index: 999;
}
#media_grid_outer_container ul li a span.overlay, #media_grid_outer_container ul li div span.overlay
{
width: 235px;
height: 205px;
display: block;
position: absolute;
top: 4px;
left: 5px;
background-position: 0px 0px;
background-repeat: no-repeat;
}
#media_grid_outer_container ul li a span.overlay.o6, #media_grid_outer_container ul li div span.overlay.o6 { background-image: url( ../../../images/polaroid_overlays/media_overlay_trans.png ); }
#media_grid_outer_container .offset
{
position: relative;
top: 0px;
left: 0px;
}
#media_grid_outer_container div.media_grid_pages
{
position: relative;
padding: 15px;
white-space: nowrap;
overflow: visible;
width: 99999px;
}
#media_grid_outer_container div.media_grid_page
{
float: left;
margin-left: 4px;
width: 980px;
}
#media_grid_outer_container a.next, #media_grid_outer_container a.prev
{
display: block;
position: absolute;
width: 49px;
height: 102px;
background-repeat: no-repeat;
background-position: 0px 0px;
text-align: left;
text-indent: -9999px;
overflow: hidden;
outline: none;
}
#media_grid_outer_container a.next:hover, #media_grid_outer_container a.prev:hover { background-position: 0px -102px; }
#media_grid_outer_container a.next { top: 45%; right: -39px; background-image: url( ../images/character_gallery_next_button.png ); }
#media_grid_outer_container a.prev { top: 45%; left: -45px; background-image: url( ../images/character_gallery_prev_button.png ); }
#media_grid_outer_container a.disabled, #media_grid_outer_container a.disabled:link, #media_grid_outer_container a.disabled:visited,
#media_grid_outer_container a.disabled:active, #media_grid_outer_container a.disabled:hover,
#media_grid_outer_container a.disabled, #media_grid_outer_container a.disabled:link, #media_grid_outer_container a.disabled:visited,
#media_grid_outer_container a.disabled:active, #media_grid_outer_container a.disabled:hover {
background-position: 0px -204px;
}
.board_match_header_full h2 a {
text-decoration: none;
}
.board_match_header_full h2 a.selected_sub {
color: white;
}
/*****************************************************************************\
BETA SIGNUP PAGE
\*****************************************************************************/
#beta_signup_box
{
margin: 10px 0 30px 0;
}
#beta_signup_box .flex_background
{
width: 479px;
height: 707px;
margin: 0 auto;
}
#beta_signup_box .flex_background div.TR
{
height: auto;
background: none;
padding-right: 0px;
}
#beta_signup_box .flex_background div.TL
{
height: auto;
background: none;
}
#beta_signup_box .flex_background div.R
{
background: none;
padding-right: 0px;
}
#beta_signup_box .flex_background div.L
{
background: none;
padding-left: 0px;
}
#beta_signup_box .flex_background div.M
{
background: none;
}
#beta_signup_box .flex_background div.BR
{
height: auto;
background: none;
padding-right: 0px;
}
#beta_signup_box .flex_background div.BL
{
height: auto;
background: none;
}
#beta_signup_inner_container
{
padding: 110px 50px 50px;
}
#betasignup_email_label, #betasignup_email_confirm_label, #betasignup_dob_month_label, #betasignup_zip_label, #game_platforms_title, #nda_title, #beta_signup_thank_you
{
display: block;
font-family: 'AlternateGothicFSNo3', Impact, Charcoal, sans-serif;
font-size: 21px;
margin: 10px 0 4px 0;
color: #26313a;
}
#beta_signup_box div.input_text
{
height: 30px;
padding: 0 5px 0 0;
background: url( ../../../images/form_field_bg_right.png ) top right no-repeat;
}
#beta_signup_box div.input_text span
{
display: block;
height: 30px;
padding: 0 0 0 5px;
background: url( ../../../images/form_field_bg_left.png ) top left no-repeat;
}
#beta_signup_box div.input_text span input
{
border: 0;
background: transparent;
display: block;
width: 100%;
height: 26px;
line-height: 26px;
}
#beta_signup_box div.input_text input.error
{
border: 2px solid red;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
height: 22px;
margin: 0 0 0 -2px;
}
#beta_signup_box div.input_select
{
float: left;
margin-right: 10px;
}
#beta_signup_box div.input_select select
{
border: 2px solid white;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
#beta_signup_box div.input_select select.error
{
border: 2px solid red;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
#game_platforms div.input_checkbox
{
float: left;
margin-right: 10px;
}
#game_platforms div.input_checkbox label
{
margin-right: 4px;
}
#beta_signup_box button#beta_signup_form_submit.disabled
{
opacity: 0.6;
cursor: default;
}
#beta_signup_box button
{
display: block;
background: url( ../../../images/button_bg_right.png ) 100% 0px no-repeat;
padding: 0 2px 0 0;
border: none;
cursor: pointer;
height: 28px;
margin: 10px 0 0 auto;
float: right;
}
#beta_signup_box button span
{
display: block;
height: 28px;
background: url( ../../../images/button_bg_left.png ) left top no-repeat;
padding: 0 4px 0 5px;
margin: 0 0 0 0;
font-family: 'AlternateGothicFSNo3', Impact, Charcoal, sans-serif;
text-transform: uppercase;
font-size: 18px;
line-height: 28px;
color: #f3ebd8;
position: relative;
white-space: nowrap;
}
@-moz-document url-prefix() { #beta_signup_box button span { top: -1px; padding-right: 2px; } }
#beta_signup_box button.enabled:hover
{
background-position: 100% -28px;
}
#beta_signup_box button.enabled:hover span
{
color: #fff;
background-position: 0px -28px;
}
#beta_signup_box div.input_checkbox
{
margin-bottom: 1px;
padding: 2px;
}
#beta_signup_box div.input_checkbox.error
{
border: 2px solid red;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 0px;
}
#beta_nda
{
margin-bottom: 10px;
}
#nda_text
{
background: #eee;
overflow: auto;
height: 75px;
border: 6px solid #eee;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
#nda_text .inner {
padding-right: 6px;
}
#nda_text p
{
margin-bottom: 10px;
line-height: 1.2em;
}
div.beta_signup_errors {
background: #8D2B24;
border-radius: 6px 6px 6px 6px;
color: #FFFFFF;
line-height: 16px;
padding: 10px 12px;
width: 400px;
margin: auto;
}
div.beta_signup_errors ol {
margin-left: 20px;
}
div#beta_signup_thank_you_decal
{
width: 240px;
height: 237px;
margin: 30px auto 0 auto;
}
div#beta_signup_ended h1
{
display: block;
font-family: 'AlternateGothicFSNo3', Impact, Charcoal, sans-serif;
font-size: 21px;
margin: 10px 0 4px 0;
color: #26313a;
font-weight: normal;
}
div#beta_signup_ended span
{
}
div#beta_signup_ended_decal
{
width: 268px;
height: 237px;
margin: 30px auto 0 auto;
}
/*****************************************************************************\
GAME PLAY
\*****************************************************************************/
#board_preface {
background: url(../images/gameplay/board_preface_clipped.png) center top no-repeat;
height: 245px;
}
#board_content {
background: url(../images/gameplay/board_tile.png) center top repeat-y;
}
#board_base {
background: url(../images/gameplay/board_base.png) center top no-repeat;
height:35px;
}
#board_preface h1, #single_column_preface h1 {
background: url(../images/gameplay/board_title_cap.png) right top no-repeat;
font-size:60px;
text-transform: uppercase;
padding-right:120px;
}
#board_preface span.board_title_text {
background: url(../images/gameplay/board_title_text.png) left top no-repeat;
padding-left:105px;
line-height:128px;
}
.board_selection_header {
background: url(../images/gameplay/board_selection_header.png) center top no-repeat;
color:#e7e1cf; /* sand */
padding:10px 30px;
clear:left;
}
.board_selection h3 {
font-size:24px;
}
.board_selection ul {
padding:6px 8px;
overflow:hidden;
}
/*
.board_selection ul.platform_choice li {
background: url(../images/gameplay/board_selection.png) center top no-repeat;
width:83px;
height:90px;
margin:1px;
text-align:center;
}
.board_selection ul.platform_choice li.active_platform {
background: url(../images/gameplay/board_selection.png) center -91px no-repeat;
color:#2A81BD;
}
.platform_choice a {
font-size:46px;
color:black;
text-decoration:none;
line-height:2em;
opacity:0.7;
}
.board_selection ul.platform_choice .stack span {
font-size:32px;
}
.board_selection ul.platform_choice .stack {
line-height: 36px;
text-align: center;
}
.board_selection ul.platform_choice .stack.steam {
display: inline-block;
padding-top: 13px;
line-height: 29px;
}
.board_selection ul.platform_choice .stack.steam span {
display: inline-block;
font-size: 28px;
}
.platform_choice a:hover {
color:#2A81BD;
text-decoration: none;
}
*/
.other_platforms {
padding-bottom: 8px;
font-size: 17px;
text-align: center;
}
.other_platforms a {
position: relative;
display: inline-block;
height: 19px;
padding: 0 10px;
background: url(../images/match_widget/mw-platform-repeat.png) repeat-x;
text-decoration: none;
line-height: 19px;
}
.other_platforms a:hover {
color: #fff;
}
.other_platforms a:before {
content: "";
display: block;
position: absolute;
left: -2px;
top: 0;
width: 2px;
height: 19px;
background: url(../images/match_widget/mw-platform-left.png) no-repeat;
}
.other_platforms a:after {
content: "";
display: block;
position: absolute;
right: -3px;
top: 0;
width: 3px;
height: 19px;
background: url(../images/match_widget/mw-platform-right.png) no-repeat;
}
.other_platforms a.active_platform {
color: #fff;
text-decoration: underline;
}
.board_selection ul.category_choice {
margin: 0 10px;
}
.board_selection ul.category_choice li {
background: url(../images/gameplay/board_category.png) center top;
margin-top:1px;
}
.board_selection ul.category_choice li {
background: transparent url(../images/gameplay/board_category.png) center top;
}
.board_selection ul.category_choice li.active_category {
background: transparent url(../images/gameplay/board_category.png) center -45px;
}
.board_selection ul.category_choice a {
font-size:24px;
padding:9px 15px;;
line-height:2em;
}
.board_selection ul.board_subheader a {
font-size:20px;
padding:0 12px;
}
.board_selection form {
margin: 6px 20px 6px 17px;
}
.board_selection select {
width: 99%;
margin-left: 1px;
color: #555;
}
.board_selection input {
color: #555;
}
.board_selection .group {
border: 2px solid #beaf89;
padding: 4px;
}
.board_header, .board_header_notext {
background: url(../images/gameplay/board_roster_cap.png) center top no-repeat;
height:89px;
}
.board_header_notext {
height: 19px;
}
.board_header h2 {
font-size:26px;
color: #E7E1CF;
}
.board_header span.board_help {
background: url(../images/gameplay/help.png) right top no-repeat;
}
.board_header span:hover.board_help {
background-position: right -30px;
}
.board_header div.help_overlay {
position:absolute;
bottom:60px;
right:0;
width:420px;
padding-top:12px;
background-color:#f1ebe4;
color:black;
border:1px solid #b1ac95;
}
/* match header image */
.board_match_header,
.board_match_header_full {
font-family: 'AlternateGothicFSNo3', Impact, Charcoal, sans-serif;
background: url(../images/gameplay/header_tape.png) left top no-repeat;
height:75px;
width: 575px;
overflow: hidden;
text-transform: uppercase;
padding: 10px 25px 0 25px;
}
.board_match_header_full {
background: url(../images/gameplay/header_tape_full.png) left top no-repeat;
width: 820px;
}
.board_match_header.match_title {
background: url(../images/gameplay/header_tape_tall.png) left top no-repeat;
height:95px;
}
.board_match_header h1,
.board_match_header h2,
.board_match_header_full h1,
.board_match_header_full h2 {
color: #e7e1cf;
font-size: 26px;
font-weight: normal;
margin: 2px 0;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.board_match_header h3 {
color: #67D9FF;
font-size: 18px;
font-weight: normal;
margin: 2px 0;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.board_match_header_full h2 {
line-height: 55px;
}
.board_match_header h1 {
margin-top: 8px;
}
.match-detail {
color: white;
font-family:Verdana, sans-serif;
text-transform: uppercase;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.match-detail span {
padding-left:12px;
background: url(../images/bullet.png) 2px center no-repeat;
}
/* match header image end */
#match-map-controls {
font-family: 'AlternateGothicFSNo3', Impact, Charcoal, sans-serif;
text-transform: uppercase;
color: #67D9FF;
font-size: 26px;
padding:12px 24px 10px 24px;
}
#match-map-controls a {
color: #67D9FF;
margin-left:12px;
}
#match-map-controls a:hover {
color:white;
}
#match-map-controls-buttons {
float:right;
padding-left:12px;
}
#match-map-zoom {
display: block;
height: 32px;
width: 30px;
text-indent: -9999px;
background-repeat:no-repeat;
background: url( ../images/match/icon_sprite_zoom.png ) left top;
float: left;
}
#match-map-zoom:hover {
background: url( ../images/match/icon_sprite_zoom.png ) 30px top;
}
#match-map-zoom.on {
background: url( ../images/match/icon_sprite_zoom.png ) left 36px;
}
#match-map-zoom.on:hover {
background: url( ../images/match/icon_sprite_zoom.png ) 30px 36px;
}
#match-map-replay-stop,
#match-map-replay-play {
float:left;
text-indent: -9999px;
width:18px;
background-repeat:no-repeat
}
#match-map-replay-play {
background: url( ../images/match/icon_sprite_populate.png ) left top;
}
#match-map-replay-stop {
background: url( ../images/match/icon_sprite_populate.png ) left -25px;
}
#match-map-replay-play:hover {
background: url( ../images/match/icon_sprite_populate.png ) -18px top;
}
#match-map-replay-stop:hover {
background: url( ../images/match/icon_sprite_populate.png ) -18px -25px;
}
#match-map-unavailable {
background: url( ../images/frown_sticker.png ) 50% 40% no-repeat;
}
#match-map-unavailable span {
display: block;
margin: 400px auto 0 auto;
width: 300px;
font-weight: bold;
font-size: 16px;
text-align: center;
color: #d64328;
}
.board_header div.help_overlay p {
padding:0 12px 12px 12px;
}
.gameplay .board_roster {
background: url(../images/gameplay/board_roster_content.png) center top repeat-y;
}
.board_pagination {
background: url(../images/gameplay/board_roster_base.png) center top no-repeat;
height:55px;
}
.board_header li {
border-left: 2px solid #5d6c7d;
}
.board_pagination li a {
background-repeat: no-repeat;
}
.board_pagination li.board_first a,
.board_pagination li.board_previous a {
background-position:left 5px;
}
.board_pagination li.board_first a:hover,
.board_pagination li.board_previous a:hover {
background-position:left -23px;
}
.board_pagination li.board_first a.inactive,
.board_pagination li.board_previous a.inactive {
background-position:left -51px;
color:#525861;
text-decoration:none;
}
.board_pagination li.board_next a,
.board_pagination li.board_last a {
background-position:right 5px;
}
.board_pagination li.board_next a.inactive,
.board_pagination li.board_last a.inactive {
background-position:right -51px;
color:#525861;
text-decoration:none;
}
.board_pagination li.board_first a {
padding-left: 17px;
background-image: url(../images/gameplay/pagination_arrow_first.png);
}
.board_pagination li.board_previous a {
padding-left: 12px;
background-image: url(../images/gameplay/pagination_arrow_previous.png);
}
.board_pagination li.board_next a {
padding-right: 13px;
background-image: url(../images/gameplay/pagination_arrow_next.png);
}
.board_pagination li.board_last a {
padding-right: 20px;
background-image: url(../images/gameplay/pagination_arrow_last.png);
}
/* table styles */
.board_roster table {
color: white;
table-layout: fixed;
}
.board_roster table a {
color:#67D9FF; /* light blue */
text-decoration:none;
}
.board_roster table a:hover {
color:white;
text-decoration:underline;
}
.board_roster th {
background-color: black;
font-size: 16px;
}
.board_roster td, .board_roster th {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.leaderboard_page .board_roster td,
.leaderboard_page .board_roster th {
line-height:15px;
}
.board_roster tbody {
background-color:#2c3036;
}
.board_roster tbody .even {
background-color:#383c42;
}
/* ad */
.advert_cap {
margin-top: 15px;
height:106px;
background: url(../images/gameplay/advert_stats_cap.png) center top no-repeat;
}
.advert_base {
height:20px;
background: url(../images/gameplay/advert_stats_base.png) center top no-repeat;
}
a.advert_content {
background: url(../images/gameplay/advert_stats_content.png) center top repeat-y;
border:1px solid transparent; /* prevent margin collapse bug */
text-decoration:none;
text-transform: uppercase;
color:#E7E1CF; /* sand */
}
a.advert_content {
text-transform:uppercase;
}
a:hover.advert_content {
color:white;
}
a.advert_content span {
margin: 0 24px;
border-top:1px solid #a7ad74; /* leaf green */
position:relative;
top:0.1em; /* compensate for difference in space over cap height and under baseline */
}
.copy_txt1 {
font-size:90px;
}
.copy_txt2 {
font-size:36px;
padding:6px 0;
}
.copy_txt3 {
font-size:18px;
padding:10px 0;
}
/* ad for forums */
.advert_forums .advert_cap {
height: 230px;
background: url(../images/gameplay/advert_discuss_cap.png) center top no-repeat;
}
.advert_forums .advert_base {
height: 22px;
background: url(../images/gameplay/advert_discuss_base.png) center top no-repeat;
}
.advert_forums a.advert_content {
background: url(../images/gameplay/advert_discuss_content.png) center top repeat-y;
color: #e1d7c4;
font-size: 31px;
padding-bottom: 3px;
}
.advert_forums a:hover.advert_content {
color: white;
}
/* pagination */
.board_pagination ul {
padding:6px;
text-align:center;
color:#525861; /* gray */
background: url(../images/gameplay/board_pagination.png) center top no-repeat;
}
.board_pagination li {
display:inline;
font-size:24px;
padding:6px;
}
/* Stats Pages, based off Leaderboard page */
.stats_page .board_roster .lb_vs_img {
display: none;
padding-right: 2px;
}
.stats_page .board_header h2 {
padding-top: 34px;
}
.stats_page .board_header ul {
top: auto;
left: auto;
padding-left: 40px;
}
.stats_page .board_roster table td,
.stats_page .board_roster table th,
.compare_stats_page .board_roster table td,
.compare_stats_page .board_roster table th {
border-width: 0 0 2px 0;
}
.stats_page .board_roster table th {
text-align: left;
}
.leaderboard_page .board_roster_narrow {
width:10%;
}
.stats_page .board_roster th,
.compare_stats_page .board_roster th {
font-size: 24px;
}
/* a bunch of stupid table alignment code for old browsers */
/* LEADERBOARDS: */
.board_roster .stat_table .rank_header,
.board_roster .stat_table .rank_content {
text-align: center;
width: 60px;
}
.board_roster .stat_table .player_header,
.board_roster .stat_table .player_content {
text-align: left;
}
.board_roster .stat_table .stat_header,
.board_roster .stat_table .stat_content {
text-align: right;
}
/* STATS: */
.board_roster .stat_table .stat_desc,
.board_roster .stat_table .vs_prof1,
.board_roster .compare_header .vs_prof1 {
text-align: left;
}
.board_roster .stat_table .vs_title,
.board_roster .compare_header .vs_title {
text-align: center;
}
.board_roster .stat_table .stat_value,
.board_roster .stat_table .vs_prof2,
.board_roster .compare_header .vs_prof2 {
text-align: right;
}
/* Stats Pages, left hand nav for find a player and compare stats */
.board_selection .comparestats_vs {
background: url(../images/gameplay/compare_stats_vs.png) no-repeat top center;
width: 100%;
height: 108px;
text-align: left;
text-indent: -9999px;
overflow: hidden;
}
.board_selection .comparestats_button {
background: url(../images/gameplay/pencil_sketch_2.png) no-repeat center left;
width: 100%;
text-align: right;
}
.board_selection form .comparestats_button button span {
padding: 0 22px;
}
.board_selection .findplayer_button {
background: url(../images/gameplay/pencil_sketch_1.png) no-repeat center left;
width: 100%;
text-align: right;
}
.board_selection form .findplayer_button button span {
padding: 0 33px;
}
/* for pseudo accordion styling */
#collapsible_show_all, #collapsible_hide_all {
cursor: pointer;
color: #fff;
text-decoration: underline;
text-align: right;
font-style: normal;
text-align: right;
}
.board_roster .collapsible_block {
}
#collapse_all {
text-align: right; padding: 0 0 12px 0;
}
.board_roster .collapsible_block .header {
background: #000;
color: #fff;
font-size: 24px;
padding: 6px;
border: 1px solid #1e1e1e;
border-width: 0 0 2px 0;
text-transform: uppercase;
font-family: 'AlternateGothicFSNo3', Impact, Charcoal, sans-serif;
}
.board_roster .collapsible_block .header .toggle {
float: right;
font-family: Verdana;
font-size: 11px;
text-transform: capitalize;
text-decoration: underline;
line-height: 24px;
vertical-align: middle;
clear: both;
}
.board_roster .collapsible_block .content {
display: block;
}
.board_roster .compare_header th {
background-color: transparent;
font-size: 32px;
padding: 0 2px 5px 2px;
}
a.lb_vs_link {
float:left;
margin-right:6px;
width:16px;
height:16px;
background-image: url(../images/gameplay/icon_sprite_versus.png);
background-position:center top;
}
a.lb_vs_link:hover {
background-position:center 16px;
}
/*****************************************************************************\
CALLING CARDS
\*****************************************************************************/
#calling_card_container {
padding-left: 223px;
min-height: 335px;
}
#compare_card_container {
background: url(../images/gameplay/callingcard_vs_bg.png) no-repeat top center;
min-height: 345px;
}
.calling_card .prestige_level {
bottom: -5px;
left: 4px;
width: 96px;
height: 43px;
background: url(../images/gameplay/callingcard_paper.png) no-repeat;
text-align: center;
font-size: 24px;
line-height: 41px;
font-weight: bold;
font-family: 'AlternateGothicFSNo3', Impact, Charcoal, sans-serif;
/*
-webkit-transform:rotate(7deg);
-moz-transform:rotate(7deg);
-o-transform:rotate(7deg);
-ms-transform:rotate(7deg);
*/
}
.calling_card_vs {
background: url(../images/gameplay/callingcard_vs.png) no-repeat bottom center;
}
/*****************************************************************************\
FORUM
\*****************************************************************************/
#forum_outer_container {
padding-top: 36px;
}
/*****************************************************************************\
MARKETING BETA SIGNUP PAGE
\*****************************************************************************/
#code_redemption_box
{
margin: 10px 0 30px 0;
}
#code_redemption_box .flex_background
{
width: 479px;
margin: 0 auto;
}
#code_redemption_inner_container
{
padding: 50px;
}
#coderedemption_email_label, #coderedemption_email_confirm_label,
#coderedemption_dob_month_label, #coderedemption_zip_label, #game_platforms_title,
#nda_title, , #coderedemption_region_label
{
display: block;
font-family: 'AlternateGothicFSNo3', Impact, Charcoal, sans-serif;
font-size: 21px;
margin: 10px 0 4px 0;
color: #26313a;
}
#code_redemption_inner_container .pointer_arrow
{
background:url(../images/paper/arrow_coderedemption.png) left 18px no-repeat;
padding-top:50px;
margin-top:-50px;
}
#code_redemption_thank_you h1
{
font-family: 'AlternateGothicFSNo3', Impact, Charcoal, sans-serif;
font-size: 24px;
color: black;
text-transform:uppercase;
font-weight:normal;
margin-bottom:6px;
}
#code_redemption_instructions,
#code_redemption_thank_you span {
line-height:1.5em;
}
#coderedemption_code_label
{
display: block;
text-transform:uppercase;
font-family: 'AlternateGothicFSNo3', Impact, Charcoal, sans-serif;
font-size: 18px;
margin: 10px 0 4px 0;
color: #334455;
}
#code_redemption_box div.input_text
{
height: 30px;
padding: 0 5px 0 0;
background: url( ../../../images/form_field_bg_right.png ) top right no-repeat;
}
#code_redemption_box div.input_text span
{
display: block;
height: 30px;
padding: 0 0 0 5px;
background: url( ../../../images/form_field_bg_left.png ) top left no-repeat;
}
#code_redemption_box div.input_text span input
{
border: 0;
background: transparent;
display: block;
width: 100%;
height: 26px;
line-height: 26px;
}
#code_redemption_box div.input_text input.error
{
border: 2px solid red;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
height: 22px;
margin: 0 0 0 -2px;
}
#code_redemption_box div.input_select
{
float: left;
margin-right: 10px;
}
#code_redemption_box div.input_select select
{
border: 2px solid white;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
#code_redemption_box div.input_select select.error
{
border: 2px solid red;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
#game_platforms div.input_checkbox
{
float: left;
margin-right: 10px;
}
#game_platforms div.input_checkbox input[type="radio"] {
margin: 0;
}
#game_platforms div.input_checkbox label
{
margin-right: 10px;
}
#game_platforms div.input_checkbox * {
vertical-align: middle;
}
#code_redemption_box button#code_redemption_form_submit.disabled
{
opacity: 0.6;
cursor: default;
}
#code_redemption_box button
{
display: block;
background: url( ../../../images/button_bg_right.png ) 100% 0px no-repeat;
padding: 0 2px 0 0;
border: none;
cursor: pointer;
height: 28px;
margin: 10px 0 0 auto;
float: right;
}
#code_redemption_box button span
{
display: block;
height: 28px;
background: url( ../../../images/button_bg_left.png ) left top no-repeat;
padding: 0 4px 0 5px;
margin: 0 0 0 0;
font-family: 'AlternateGothicFSNo3', Impact, Charcoal, sans-serif;
text-transform: uppercase;
font-size: 18px;
line-height: 28px;
color: #f3ebd8;
position: relative;
white-space: nowrap;
}
@-moz-document url-prefix() { #code_redemption_box button span { top: -1px; padding-right: 2px; } }
#code_redemption_box button.enabled:hover
{
background-position: 100% -28px;
}
#code_redemption_box button.enabled:hover span
{
color: #fff;
background-position: 0px -28px;
}
#code_redemption_box div.input_checkbox
{
margin-bottom: 1px;
padding: 2px;
}
#code_redemption_box div.input_checkbox.error
{
border: 2px solid red;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 0px;
}
#beta_nda
{
margin-bottom: 10px;
}
#nda_text
{
background: #eee;
overflow: auto;
height: 200px;
border: 6px solid #eee;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
#nda_text .inner {
padding-right: 6px;
}
#nda_text p
{
margin-bottom: 10px;
line-height: 1.2em;
}
div.code_redemption_errors {
background: #8D2B24;
border-radius: 6px 6px 6px 6px;
color: #FFFFFF;
line-height: 16px;
padding: 10px 12px;
margin: auto;
margin-top: 10px;
}
div.code_redemption_errors ol {
margin-left: 20px;
}
div#code_redemption_ended h1
{
display: block;
font-family: 'AlternateGothicFSNo3', Impact, Charcoal, sans-serif;
font-size: 21px;
margin: 10px 0 4px 0;
color: #26313a;
font-weight: normal;
}
div#code_redemption_ended span
{
}
div#code_redemption_ended_decal
{
width: 268px;
height: 237px;
margin: 30px auto 0 auto;
}
/*****************************************************************************\
MATCH VIEWER
\*****************************************************************************/
#board_preface.full_board {
background: url(../images/match/board_preface_full.png) center top no-repeat;
height: 245px;
}
#board_content.full_board {
background: url(../images/match/board_tile_full.png) center top repeat-y;
}
#board_base.full_board {
background: url(../images/match/board_base_full.png) center top no-repeat;
height:115px;
margin:-50px auto 24px auto;
width:980px;
}
.match_viewer table th {
text-align:left;
}
.match_viewer .bats_win {
background: url(../images/match/batsWinTaunt.png) right top no-repeat;
}
.match_viewer .jokerz_win {
background: url(../images/match/jokerzWinTaunt.png) right top no-repeat;
}
table.sortable th.header {
cursor: pointer;
background-repeat:no-repeat;
background-image: url(../images/match/sort_arrow.png);
background-position: 95% center;
}
table.sortable th.headerSortUp {
background-image: url(../images/match/sort_arrow_asc.png);
}
table.sortable th.headerSortDown {
background-image: url(../images/match/sort_arrow_desc.png);
}
.jokerz_mascot {
padding-left:24px;
background: url(../images/match/icon_mascot_jokerz.png) left -3px no-repeat;
}
.bats_mascot {
padding-left:24px;
background: url(../images/match/icon_mascot_bats.png) left -3px no-repeat;
}
#match-team-stats .team-0 {
background: #476738; /*jokerz green*/
background: #8a4908; /*jokerz orange*/
}
#match-team-stats .team-1 {
background: #3a4f66; /*bats blue*/
}
.match_viewer table th:first-child {
width:20%;
}
#match_accolades {
padding-bottom: 8px;
}
#match_accolades:after { clear: both; content: ""; display: table; }
#match_accolades .container {
float: left;
border: 1px solid #464c4f;
width: 277px;
margin: 5px;
min-height: 95px;
}
#match_accolades .header {
color: #fff;
background: #000;
font-family: 'AlternateGothicFSNo3', Impact, Charcoal, sans-serif;
font-size: 21px;
font-weight: normal;
padding: 3px 5px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#match_accolades .content:after { clear: both; content: ""; display: table; }
#match_accolades .content {
padding: 8px 8px 8px 10px;
color: #fff;
}
#match_accolades h3 {
color: #fff;
margin: 4px 28px;
font-size: 13px;
}
#match_accolades .accolade {
padding: 1px 3px;
display: inline;
float: left;
position: relative;
}
#match_accolades .accolade .tooltip {
position: absolute;
z-index: 999;
display: none;
background: #000;
padding: 10px;
width: 200px;
line-height: 13px;
color: #ddd;
border: 1px solid #464c4f;
}
#match_accolades .container:nth-of-type(3n + 1) {
clear: both;
}
.match-map-corner {
position: absolute;
width: 36px;
height: 36px;
background-image: url( ../images/match/sprite_map_corners.png ) ;
z-index: 50;
}
.match-map-corner.top-left-corner {
left: 0;
top: 0;
background-position: left top;
}
.match-map-corner.top-right-corner {
right: 0;
top: 0;
background-position: right top;
}
.match-map-corner.bottom-right-corner {
right: 0;
bottom: 0;
background-position: right 36px;
}
.match-map-corner.bottom-left-corner {
left: 0;
bottom: 0;
background-position: left 36px;
}
/*****************************************************************************\
GENERIC BAT MESSAGE CONTAINER - used on 2 col board_roster page
\*****************************************************************************/
.board_roster .bat_message {
background: url(../images/bat_sketches_bg.png) center top no-repeat;
width: 600px;
height: 600px;
display: block;
position: relative;
}
.board_roster .bat_message h2 {
background: url(../images/arrow.png) left top no-repeat;
position: absolute;
top: 20px;
left: 0;
color: #000;
font-size: 24px;
font-family: 'AlternateGothicFSNo3', Impact, Charcoal, sans-serif;
overflow: hidden;
text-overflow: ellipsis;
width: 255px;
height: 48px;
text-align: center;
}
.board_roster .bat_message h2 span {
display: block;
padding: 13px 20px 0 20px;
}
.board_roster .bat_message h3 {
background: url(../images/speech-bubble2.png) left top no-repeat;
position: absolute;
top: 90px;
left: 20px;
color: #282828;
font-size: 34px;
font-family: 'AlternateGothicFSNo3', Impact, Charcoal, sans-serif;
overflow: hidden;
text-overflow: ellipsis;
width: 417px;
height: 171px;
display: table;
text-transform: none;
}
.board_roster .bat_message h3 span {
padding: 10px 105px 10px 23px;
display: table-cell;
vertical-align: middle;
}
.board_roster .bat_message .bats {
background: url(../images/bats.png) left top no-repeat;
position: absolute;
top: 160px;
right: 40px;
width: 151px;
height: 175px;
}
.board_roster .bat_message .content {
position: absolute;
top: 350px;
left: 80px;
color: #fff;
color: #e1e1e1;
border: 1px solid #505050;
background: #222;
width: 400px;
padding: 14px;
line-height: 14px;
font-size: 11px;
}
.board_roster .bat_message .content p {
margin: 0 0 14px 0;
}
.board_roster .bat_message .content p:last-child {
margin: 0;
}
/*****************************************************************************\
Recent matches nav - used on the stats page
\*****************************************************************************/
#recent_matches_navigator {
width: 589px;
overflow: hidden;
position: relative;
margin: 10px 0 30px 0;
font-family: 'AlternateGothicFSNo3', Impact, Charcoal, sans-serif;
color: #fff;
text-transform: uppercase;
}
#recent_matches_navigator h3 {
background: #000;
font-size: 24px;
padding: 6px;
border: 1px solid #1e1e1e;
border-width: 0 0 2px 0;
}
#recent_matches_navigator #match_stage {
width: 5890px;
}
#recent_matches_navigator .stage:after { clear: both; content: ""; display: table; }
#recent_matches_navigator .match {
background: #212428 no-repeat top left;
height: 120px;
width: 589px;
float: left;
}
#recent_matches_navigator .match .content {
padding: 10px 0 0 40px;
}
#recent_matches_navigator .match a.view {
display: inline-block;
background: #494e56;
border: 1px solid #979797;
padding: 3px 7px;
color: #f3ebd8;
font-size: 13px;
margin-top: 3px;
-moz-box-shadow: 0 0 8px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 8px 3px rgba(0,0,0,0.5);
box-shadow: 0 0 8px 3px rgba(0,0,0,0.5);
text-decoration: none;
}
#recent_matches_navigator .match a.view:hover {
text-decoration: none;
border-color: #ddd;
color: #f3f2f1;
}
#recent_matches_navigator .match .header {
color: #e7e1b6;
font-size: 28px;
}
#recent_matches_navigator .match .subheader {
color: #67d9ff;
font-size: 18px;
}
#recent_matches_navigator .match p {
font-family: Verdana, sans-serif;
line-height: 14px;
font-size: 11px;
}
#recent_matches_navigator .match.m_acechemical {
background-image: url(../images/match/select_match_acechemical.jpg);
}
#recent_matches_navigator .match.m_amusementmile {
background-image: url(../images/match/select_match_amusementmile.jpg);
}
#recent_matches_navigator .match.m_crimealley {
background-image: url(../images/match/select_match_crimealley.jpg);
}
#recent_matches_navigator .match.m_gothampower {
background-image: url(../images/match/select_match_gothampower.jpg);
}
#recent_matches_navigator .match.m_thedocks {
background-image: url(../images/match/select_match_thedocks.jpg);
}
#recent_matches_navigator .match.m_25thfloor {
background-image: url(../images/match/select_match_25thfloor.jpg);
}
#recent_matches_navigator .match.m_eastend {
background-image: url(../images/match/select_match_eastend.jpg);
}
#recent_matches_navigator .match.m_asylum {
background-image: url(../images/match/select_match_asylum.jpg);
}
#recent_matches_navigator .match.loading {
background-image: url(../images/match/select_match_loading.jpg);
}
#recent_matches_navigator .match.loading .content {
background: url(../images/bats_running.gif) no-repeat center bottom;
height: 75px;
}
#recent_matches_navigator .match.loading .content {
display: block;
font-size: 24px;
text-align: center;
padding: 20px 0 0 8px;
color: #e7e1b6;
}
/* nav arrows */
#recent_matches_navigator .more {
outline: 0;
width: 40px;
height: 80px;
background-repeat: no-repeat;
position: absolute;
}
#recent_matches_navigator .prev {
background-image: url( ../images/gameplay/matches_navigator_prev.png );
top: 60px;
left: 0px;
}
#recent_matches_navigator .next {
background-image: url( ../images/gameplay/matches_navigator_next.png );
top: 60px;
right: 0px;
}
#recent_matches_navigator .more {
background-position: 0px 0px;
}
#recent_matches_navigator .more:hover {
background-position: 0px -80px;
cursor: pointer;
}
#recent_matches_navigator .more.disabled {
background-position: 0px -160px;
}
/*****************************************************************************\
Single Column Pages
\*****************************************************************************/
#single_column_preface {
background: url(../images/single_column/content_bg_header.png) center top no-repeat;
height: 200px;
clear: both;
}
#single_column_content {
background: url(../images/single_column/content_bg.jpg) center top repeat-y;
}
#single_column_base {
background: url(../images/single_column/content_bg_footer.jpg) center top no-repeat;
height:35px;
}
#single_column_preface span.board_title_text {
background: url(../images/single_column/title_text.png) left top no-repeat;
padding-left:105px;
line-height:128px;
}
.subnav {
background: url(../images/subnav_cap.png) right top no-repeat;
margin: 0 20px;
}
.subnav h2 {
line-height: 41px;
padding: 0 10px;
height: 41px;
background: url(../images/subnav_bg.png) left top no-repeat;
margin-right: 10px;
font-size: 24px;
color: #43484a;
text-transform: uppercase;
font-family: 'AlternateGothicFSNo3', Impact, Charcoal, sans-serif;
font-weight: normal;
}
.subnav a {
color: #67d9ff;
text-decoration: none;
}
.subnav a.selected_sub {
color: #fff;
}
/*****************************************************************************\
BUY NOW PAGE - CSS RESET
\*****************************************************************************/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video
{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background-color: transparent;
}
body { line-height: 1; }
article, aside, details, figcaption, figure, footer,
header, hgroup, menu, nav, section { display: block; }
nav ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after
{
content: '';
content: none;
}
table
{
border-collapse: collapse;
border-spacing: 0;
}
input, select { vertical-align: middle; }
html, body { min-height: 100%; }
a { outline: 0; }
/*****************************************************************************\
INTERSTITIAL POPUP
\*****************************************************************************/
#interstitial_content
{
position: absolute;
display: none;
z-index: 1200;
}
#interstitial_overlay
{
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1100;
display: none;
background-color: #777;
}
/****************************************************************************\
GENERAL THEME STYLES
\****************************************************************************/
#page
{
background: #000 url( /content/images/buynow/page_background_2.jpg ) center top repeat-y;
}
#page_center
{
background: url( /content/images/buynow/main_menu/nav_background.jpg ) center top repeat-x;
}
#page_bottom
{
background: #000 url( /content/images/buynow/page_bottom.jpg ) top center no-repeat;
width: 100%;
min-height: 282px;
clear: both;
}
#page_bottom a
{
color: rgb(42, 129, 189);
text-decoration: underline;
}
.washout {
opacity:0.7;
}
ul a:hover,
ul li.active_category a,
ul li.active_subheader a,
ul li.active_board_page a,
.board_header a:hover {
color:white;
text-decoration:underline;
}
body
{
height: 100%;
position: relative;
font-family: Verdana;
font-size: 11px;
}
#page_bottom
{
width: 100%;
min-height: 282px;
clear: both;
}
#logo
{
display: block;
margin: 0 auto 0 auto;
width: 300px;
height: 180px;
}
.centered_container_980
{
width: 980px;
margin-left: auto;
margin-right: auto;
position: relative;
}
h3.title
{
font-family: 'AlternateGothicFSNo3', Impact, Charcoal, sans-serif;
font-weight: normal;
text-transform: uppercase;
margin: 0;
padding: 0;
font-size: 18px;
}
a.more
{
display: block;
font-family: 'AlternateGothicFSNo3', Impact, Charcoal, sans-serif;
text-transform: uppercase;
font-size: 18px;
}
#officebat_messages
{
position: absolute;
top: 50px;
left: 150px;
height: 150px;
width: 200px;
border: solid 1px blue;
}
#officebat_messages .rotatorpane
{
position: absolute;
left: 0;
top: 0;
z-index: 1;
height: 150px;
width: 200px;
overflow: hidden;
background: #aaaaaa;
}
#main_menu .gci_logo {
background: url( /content/images/buynow/main_menu/logo_sm.png ) center 4px no-repeat;
width:166px;
height:88px;
}
#template_content_box {
z-index: 0;
}
/*****************************************************************************\
MAIN MENU
\*****************************************************************************/
#main_menu
{
/*text-align: center;*/
font-family: 'AlternateGothicFSNo3', Impact, Charcoal, sans-serif;
text-transform: uppercase;
font-size: 22px;
height:87px;
position: relative;
}
#main_menu .gci_logo {
float:left;
padding:0;
}
.menu_items {
margin:16px 0 0 12px;
float:left;
width:800px;
}
#main_menu ul {
clear:both;
float:left;
list-style:none;
}
#main_menu ul.player_authentication {
margin: 3px 12px 6px 0;
}
#main_menu ul.primary_navigation {
font-size:30px;
}
#main_menu li {
float: left;
padding: 0 12px;
}
#main_menu li.last {
padding-right: 0;
}
#main_menu a.socialize_locale {
float:left;
margin: 3px 0 2px 0px;
padding-right:32px;
background: url( /content/images/buynow/main_menu/flag_us.png ) right 3px no-repeat;
}
#main_menu .fblike, #main_menu .player_preorder {
float:right;
margin-right: 135px;
}
#main_menu .fblike {
}
#buylink {
background-image: url(/content/images/buynow/button_preorder.png);
position:relative;
float:right;
margin-right: -180px;
}
#buylink a {
padding: 5px 5px 5px 5px;
}
#board_preface {
clear:both;
}
#main_menu {
z-index: 10;
background: url( /content/images/buynow/main_menu/nav_sketches.png ) center top no-repeat;
color:#fbf2dd;
font-size: 20px;
}
#main_menu a {
color:#e7e1cf; /* sand */
text-decoration: none;
}
#main_menu ul.player_authentication li {
background: url(/content/images/buynow/main_menu/nav_pipe.png) right top no-repeat;
}
#main_menu ul.player_authentication .welcome {
color: #59c8ff;
}
#main_menu ul.player_authentication .nickname {
color: #93b7c5;
}
#main_menu a:hover
{
text-decoration: none;
color:#6df;
}
#main_menu a.active
{
color:#6df;
padding: 0px 8px; /* padding decreases by width of border to prevent text scoot */
border: 3px solid #99bbd0;
}
#main_menu .player_preorder {
background: url( /content/images/buynow/button_preorder.png) center top no-repeat;
margin-left:10px;
padding:4px;
margin-top:-5px;
width:96px;
height:29px;
}
#main_menu .active a
{
color: #058ac7;
}
/* Sub Nav Icons --------------------------------------------------------- */
#nav_userinfo {
width: 180px;
height: 42px;
position: absolute;
right: 16px;
top: 87px;
/* overflow: hidden; */
}
#settings_tab, #settings_link
{
position: absolute;
z-index: 10;
right: 15px;
bottom: 5px;
width: 38px;
height: 63px;
}
#settings_tab
{
z-index: 1;
background: url( /content/images/buynow/navigation_tab_settings.png ) bottom left no-repeat;
height: 37px;
}
#settings_link
{
height: 38px;
}
#friend_tab, #friend_link
{
position: absolute;
z-index: 10;
right: 58px;
bottom: 5px;
width: 40px;
height: 63px;
}
#friend_tab
{
z-index: 1;
background: url( /content/images/buynow/navigation_tab_friend_requests.png ) bottom left no-repeat;
height: 37px;
}
#friend_tab.new
{
background: url( /content/images/buynow/navigation_tab_friend_requests_highlight.png ) bottom left no-repeat;
}
#friend_link
{
height: 38px;
}
#inbox_tab, #inbox_link
{
position: absolute;
z-index: 10;
right: 105px;
bottom: 5px;
width: 41px;
height: 64px;
}
#inbox_tab
{
z-index: 1;
background: url( /content/images/buynow/navigation_tab_messages.png ) bottom left no-repeat;
height: 37px;
}
#inbox_tab.new
{
background: url( /content/images/buynow/navigation_tab_messages_highlight.png ) bottom left no-repeat;
}
#inbox_link
{
height: 38px;
}
/*****************************************************************************\
LEGAL FOOTER
\*****************************************************************************/
#page_footer
{
position: relative;
width: 900px;
margin: 0 auto;
}
#t_footer
{
clear: both;
position: relative;
margin: 0 auto;
font-size: 10px;
text-align: left;
padding: 20px 10px;
}
#footer_cap_top { margin-top: 100px; }
#t_footer .inline_list {
text-align: center;
}
#t_footer .inline_list li{
display: inline;
font-size: 15px;
}
#t_footer .inline_list a{
display: inline-block;
margin: 0 5px;
}
#t_footer .localization_flags a{
width: 41px;
height: 25px;
text-indent: -999em;
}
#t_footer .localization_flags a {
background-repeat:no-repeat;
opacity:0.8;
}
#t_footer .localization_flags li:first-child a {
margin-left: 15px;
}
#t_footer .localization_flags a:hover {
opacity:1.0;
}
#t_footer .localization_flags .flag_benelux {
background-image: url( ../images/overlay/flag_benelux_sm.png );
}
#t_footer .localization_flags .flag_brazil {
background-image: url( ../images/overlay/flag_brazil_sm.png );
}
#t_footer .localization_flags .flag_france {
background-image: url( ../images/overlay/flag_france_sm.png );
}
#t_footer .localization_flags .flag_germany {
background-image: url( ../images/overlay/flag_germany_sm.png );
}
#t_footer .localization_flags .flag_italy {
background-image: url( ../images/overlay/flag_italy_sm.png );
}
#t_footer .localization_flags .flag_mexico {
background-image: url( ../images/overlay/flag_mexico_sm.png );
}
#t_footer .localization_flags .scoot_over {
margin-left:40px;
}
#t_footer .localization_flags .flag_spain {
background-image: url( ../images/overlay/flag_spain_sm.png );
}
#t_footer .localization_flags .flag_uk {
background-image: url( ../images/overlay/flag_uk_sm.png );
}
#t_footer .localization_flags .flag_us {
background-image: url( ../images/overlay/flag_us_sm.png );
}
#t_footer #languages {
padding-top: 30px;
}
#t_footer #languages h3{
margin-bottom: 5px;
color: #fff;
font-size: 20px;
font-weight: normal;
font-family: 'AlternateGothicFSNo3', Impact, Charcoal, sans-serif;
text-transform: uppercase;
}
#t_footer #languages.localization_flags h3, #t_footer .localization_flags ul{
display: inline;
vertical-align: middle;
line-height: 25px;
}
#t_footer #platforms, #t_footer #legal { clear: both; }
#t_footer #legal { margin-top: 10px; padding-bottom: 0;}
#t_footer p.legal { color: rgb(231, 226, 214); margin-bottom: 10px; line-height: 1; }
#t_footer #badges, #t_footer #platforms, #t_footer #legal { overflow: hidden; }
#t_footer #badges { margin: 20px 190px; }
#t_footer #badges div , #t_footer #platforms div
{
float: left;
margin: 0 9px;
}
#t_footer #esrb { padding-top: 15px; }
#t_footer #wb { padding-top: 7px; }
#t_footer #dc { padding-top: 5px; }
#t_footer #monolith img { }
#t_footer #badges div div { margin: 0; }
#t_footer #gfw, #t_footer #xboxLive { }
#t_footer #dclogo { height: 20px; }
#t_footer .legalbit { margin: 0; }
#t_footer #wblogo img { margin-left: 3px; }
#t_footer #dclogo p, #t_footer #wblogo p { margin-left: 40px; color: rgb(231, 226, 214); }
/*****************************************************************************\
Single Column Pages
\*****************************************************************************/
#single_column_preface {
background: url( /content/images/buynow/single_column/content_bg_header.png) center top no-repeat transparent;
height: 200px;
clear: both;
}
#single_column_content {
background: url(/content/images/buynow/single_column/content_bg.jpg) center top repeat-y;
padding: 0;
margin-left: -2px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#single_column_content {
margin-left: -4px;
}
}
#single_column_content img {
margin-left: 13px;
}
#single_column_content img.buttons {
position: absolute;
margin-left: -947px;
margin-top: 315px;
}
#single_column_content ul.button_links li {
position: absolute;
display: inline;
font-size: 50px;
text-transform: uppercase;
font-family: 'AlternateGothicFSNo3', Impact, Charcoal, sans-serif;
font-weight: normal;
margin-top: -478px;
}
#single_column_content ul.button_links li a {
text-decoration: none;
color:rgb(251, 242, 221);
position: absolute;
}
#single_column_content ul.button_links li a:hover {
text-decoration: none;
color:rgb(102, 221, 255);
position: absolute;
}
#single_column_content ul.button_links li p.ps3 {
margin-left: 52px;
width: 300px;
}
#single_column_content ul.button_links li p.xbox {
margin-left: 406px;
width: 300px;
}
#single_column_content ul.button_links li p.pc {
font-size: 48px;
margin-left: 662px;
width: 300px;
}
#single_column_base {
background: url(/content/images/buynow/single_column/content_bg_footer.jpg) center top no-repeat;
height:35px;
margin-left: -2px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#single_column_base {
margin-left: -4px;
}
}
#single_column_preface span.board_title_text {
background: url(/content/images/buynow/single_column/title_text.png) left top no-repeat;
padding-left:105px;
line-height:128px;
}
#board_preface h1, #single_column_preface h1 {
background: url(/content/images/buynow/single_column/board_title_cap.png) right top no-repeat;
font-size:60px;
text-transform: uppercase;
padding-right:120px;
color: #000000;
}
.subnav {
background: url(/content/images/buynow/subnav_cap.png) right top no-repeat;
margin: 0 20px;
}
.subnav h2 {
line-height: 41px;
padding: 0 10px;
height: 41px;
background: url(/content/images/buynow/subnav_bg.png) left top no-repeat;
margin-right: 10px;
font-size: 24px;
color: #fff; /*#43484a*/
text-transform: uppercase;
font-family: 'AlternateGothicFSNo3', Impact, Charcoal, sans-serif;
font-weight: normal;
}
.subnav a {
color: #67d9ff;
text-decoration: none;
}
.subnav a.selected_sub {
color: #fff;
}
#board_preface, #single_column_preface {
font-family: 'AlternateGothicFSNo3', Impact, Charcoal, sans-serif;
}
#single_column_preface h1 {
position:relative;
float:left;
top:15px;
left:-20px;
}
#board_preface span.board_title_text, #single_column_preface span.board_title_text {
float: left;
}
#buynowoverride {
margin-left: auto;
margin-right: auto;
width: 980px;
}
/*****************************************************************************\
Platform Selection Menu
\*****************************************************************************/
ul.platform_choice {
list-style: none;
}
.platform_choice a
{
display: block;
margin: 0 8px;
background: url( ../images/button_platform_selector.png ) 100% -80px no-repeat;
padding: 0 7px 0 0;
border: none;
cursor: pointer;
height: 76px;
text-decoration: none;
text-align: center;
}
.platform_choice a span
{
display: block;
height: 76px;
background: url( ../images/button_platform_selector.png ) left top no-repeat;
padding: 0 7px 0 5px;
margin: 0;
font-family: 'AlternateGothicFSNo3', Impact, Charcoal, sans-serif;
text-transform: uppercase;
font-size: 18px;
line-height: 80px;
color: #40413f;
position: relative;
white-space: nowrap;
}
.platform_choice a div.logo
{
background-position: center 0px;
background-repeat: no-repeat;
font-style: normal;
width: 180px;
height: 76px;
display: inline-block;
display: block;
text-align: left;
direction: ltr;
text-indent: -999em;
overflow: hidden;
}
#board_content .platform_choice a div.logo {
width: 236px;
}
.platform_choice a:hover div.logo {
background-position: center -80px;
}
.platform_choice a div.logo.platform_steam
{
background-image: url( ../images/button_platform_steam.png );
}
.platform_choice a div.logo.platform_xbox
{
background-image: url( ../images/button_platform_xbox.png );
}
.platform_choice a div.logo.platform_ps3
{
background-image: url( ../images/button_platform_ps3.png );
}
.platform_choice .active_platform {
background: url( ../images/active_platform.png ) center center no-repeat;
}