body.v6 .game_area_purchase h2.package_group { margin-bottom: 0px; } .application_top_info_message { color: #fff; background: #852929; display: block; padding: 5px; text-align: center; } .application_top_info_message a { text-decoration: underline; } .game_icon { position: relative; float: left; height: 32px; width: 32px; margin-top: 4px; margin-right: 6px; } .game_icon .game_icon_overlay { position: absolute; left: 0px; top: 0px; width: 32px; height: 32px; background: url( /public/images/v5/game_ico_overlay.png ); background-repeat: no-repeat; } .game_name { position: relative; font-size: 26px; color: white; font-family: "Motiva Sans", Sans-serif; font-weight: normal; /* normal */ margin-bottom: 16px; overflow: hidden; } .game_name .blockbg { height: 40px; line-height: 40px; } .game_name img { vertical-align: text-bottom; height: 32px; width: 32px; } .game_name .blockbg.dlc_title { height: 54px; font-family: "Motiva Sans", Sans-serif; font-weight: 200; /* thin */ font-size: 15px; text-transform: uppercase; letter-spacing: 1px; margin-top: 20px; line-height: 23px; } .game_name .blockbg.dlc_title .dlc_name { font-family: "Motiva Sans", Sans-serif; font-weight: normal; /* normal */ font-weight: 400; font-size: 28px; letter-spacing: 0px; text-transform: none; } #game_highlights { background: -moz-linear-gradient(left, rgba(0,0,0,0) 50%, rgba(0,0,0,0.4) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(50%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.4))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(0,0,0,0) 50%,rgba(0,0,0,0.4) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(0,0,0,0) 50%,rgba(0,0,0,0.4) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(0,0,0,0) 50%,rgba(0,0,0,0.4) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(0,0,0,0) 50%,rgba(0,0,0,0.4) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=1 ); /* IE6-9 */ padding-bottom: 12px; } .game_background_glow { background: url( '/public/images/v6/app/game_page_background_shadow.png?v=2' ); background-position: bottom; padding-bottom: 1px; background-repeat: no-repeat; margin: 0px auto; } #game_highlights a { color: #67c1f5; } #game_highlights a:hover { color: #ffffff; } #game_highlights .rightcol { width: 324px; margin-left: 0px; } .highlight_ctn { } #highlight_player_area { background-color: #000000; overflow: hidden; position: relative; } .highlight_player_area_spacer img { width: 100%; display: block; } .highlight_player_item { position: absolute; top: 0; right: 0; bottom: 0; left: 0; text-align: center; } .screenshot_holder { display: flex; height: 100%; flex-direction: column; justify-content: center; } .highlight_player_item img { width: 100%; display: block; } .highlight_player_item.tall img { width: auto; height: 100%; display: inline-block; } .highlight_overflow { overflow: hidden; margin-right: 16px; position: relative; } #highlight_strip { margin-top: 4px; position: relative; height: 69px; margin-bottom: 4px; z-index: 40; } #highlight_strip_scroll { position: absolute; } .highlight_strip_item { float: left; height: 65px; width: 116px; cursor: pointer; text-align: center; margin: 2px; background-color: #000000; position: relative; } .highlight_strip_item img.movie_thumb { width: 116px; height: 65px; } .highlight_movie_marker { position: absolute; top: 16px; left: 42px; width: 32px; height: 32px; background-image: url( /public/images/v5/ico_game_highlight_video.png ); } /* .highlight_strip_item.focus { margin: 0px; border: 2px solid #d6d7d8; } */ .highlight_strip_item img { } #highlight_selector_strip { position: absolute; top: 0px; left: 0px; width: 602px; height: 77px; overflow: hidden; z-index: 30; } #highlight_selector_strip_scroll { position: relative; z-index: 30; } .highlight_selector { position: absolute; background-image: url( /public/images/v5/game_highlight_activethumb.png ); width: 116px; height: 77px; z-index: 50; top: -10px; pointer-events: none; } .highlight_flash_player_notice { padding: 120px 40px 0px 40px; font-size: 16px; color: #B0AEAC; } .highlight_flash_player_notice a { color: #ffffff; text-decoration: underline; } .glance_ctn { padding: 0px 0px 0px 0px; } .glance_ctn .release_date .date, .glance_ctn .responsive_reviewdesc { color: #8f98a0; } .glance_ctn .release_date .date { max-height: 30px; overflow: hidden; } .glance_ctn .release_date { padding-top: 9px; padding-bottom: 13px; } .glance_ctn .user_reviews { font-size: 12px; color: #556772; margin-top: 10px; } .glance_ctn .dev_row .subtitle, .glance_ctn .release_date .subtitle, .glance_ctn .user_reviews .title { color: #556772; } .glance_ctn .more_btn { padding: 0px 4px; color: #67c1f5; border-radius: 2px; background-color: rgba( 103, 193, 245, 0.2 ); cursor: pointer; margin: 0 8px 0 3px; height: 15px; } .glance_ctn .more_btn:hover { background: -webkit-linear-gradient( 150deg, #67c1f5 5%,#417a9b 95%); background: linear-gradient( -60deg, #67c1f5 5%,#417a9b 95%); } .glace_ctn .user_reviews { } .glance_ctn .user_reviews_summary_row, .glance_ctn .dev_row, .glance_ctn .release_date { display: flex; line-height: 16px; } .glance_ctn .user_reviews_summary_row .column, .glance_ctn .dev_row .column, .glance_ctn .release_date .column { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;; } .glance_ctn .user_reviews .subtitle, .glance_ctn .subtitle { text-transform: uppercase; font-size: 10px; padding-right: 10px; min-width: 94px; } .game_header_image_ctn { margin-bottom: 7px; } img.game_header_image { width: 292px; height: 136px; } img.game_header_image_full { width: 324px; height: 151px; } .game_description_snippet { max-height: 111px; overflow: hidden; font-size: 13px; line-height: 18px; padding-right: 16px; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; } .item .item_description_snippet { margin-bottom: 20px; font-size: 15px; overflow: hidden; } .glance_details p { line-height: 20px; padding-right: 12px; } .glance_details img { border: 1px solid rgba( 0, 0 , 0, 0 ); } .glance_details img:hover { border: 1px solid rgba( 103, 193, 245, 0.5 ); } .game_area_bubble { margin-bottom: 2px; font-size: 13px; font-family: "Motiva Sans", Sans-serif; font-weight: 300; /* light */ } .game_area_bubble .content { overflow: hidden; padding: 8px 16px 12px 16px; } .game_area_bubble h1 { font-size: 24px; font-weight: normal; font-family: "Motiva Sans", Sans-serif; font-weight: 300; /* light */ } .game_area_comingsoon { color: #d5d6d8; margin-bottom: 28px; background: -moz-linear-gradient(-60deg, rgba(64,120,152,0.4) 10%, rgba(102,192,244,0.4) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(10%,rgba(64,120,152,0.4)), color-stop(100%,rgba(102,192,244,0.4))); background: -webkit-linear-gradient(-60deg, rgba(64,120,152,0.4) 10%,rgba(102,192,244,0.4) 100%); background: -o-linear-gradient(-60deg, rgba(64,120,152,0.4) 10%,rgba(102,192,244,0.4) 100%); background: -ms-linear-gradient(-60deg, rgba(64,120,152,0.4) 10%,rgba(102,192,244,0.4) 100%); background: linear-gradient(135deg, rgba(64,120,152,0.4) 10%,rgba(102,192,244,0.4) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66407898', endColorstr='#6667c1f5',GradientType=1 ); box-shadow: 2px 2px 15px rgba(0,0,0,0.4); border-radius: 4px; } .game_area_comingsoon p, { color: #67c1f5; } .game_area_dlc_bubble { color: #d5d6d8; background: -moz-linear-gradient(-60deg, rgba(72,23,70,0.8) 10%, rgba(165,84,177,0.8) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(10%,rgba(72,23,70,0.8)), color-stop(100%,rgba(165,84,177,0.8))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-60deg, rgba(72,23,70,0.8) 10%,rgba(165,84,177,0.8) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-60deg, rgba(72,23,70,0.8) 10%,rgba(165,84,177,0.8) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-60deg, rgba(72,23,70,0.8) 10%,rgba(165,84,177,0.8) 100%); /* IE10+ */ background: linear-gradient(135deg, rgba(72,23,70,0.8) 10%,rgba(165,84,177,0.8) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc481746', endColorstr='#cca554b1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .game_area_soundtrack_bubble { background: -webkit-linear-gradient( 30deg, #9d2f52 5%,#ce7e94 95%); background: linear-gradient( 60deg, #9d2f52 5%,#ce7e94 95%); } .game_area_soundtrack_bubble h1 { color: #f6e0e0; text-shadow: 1px 1px 0px rgba(0,0,0,0.25); } .game_area_soundtrack_bubble p { color: #eec4c4; text-shadow: 1px 1px 0px rgba(0,0,0,0.25); } .game_area_soundtrack_bubble p a { color: #eec4c4; text-decoration: underline; } .game_area_soundtrack_bubble p a:hover { color: white; } .game_area_mod_bubble { color: #d5d6d8; background: -moz-linear-gradient(-45deg, rgba(190,150,25,0.6) 10%, rgba(224,177,29,0.8) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(10%,rgba(190,150,25,0.6)), color-stop(100%,rgba(224,177,29,0.8))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, rgba(190,150,25,0.6) 10%,rgba(224,177,29,0.8) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, rgba(190,150,25,0.6) 10%,rgba(224,177,29,0.8) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, rgba(190,150,25,0.6) 10%,rgba(224,177,29,0.8) 100%); /* IE10+ */ background: linear-gradient(135deg, rgba(190,150,25,0.6) 10%,rgba(224,177,29,0.8) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99be9619', endColorstr='#cce0b11d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .game_area_dlc_bubble a { color: #c3c1c0; text-decoration: underline; } .game_area_mod_bubble a { color: #d5d6d8; text-decoration: underline; } .game_area_comingsoon .content { overflow: visible; padding-left: 16px; padding-top: 12px; min-height: 38px; position: relative; } .game_area_comingsoon .wishlist_add_reminder { min-height: 32px; padding: 16px; color: #90a0ad; display: flex; flex-direction: row; justify-content: space-between; background: -moz-linear-gradient(-60deg, rgba(15, 28, 36, 0.4) 10%, rgba(0, 0, 0, 0.4) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(10%,rgba(15, 28, 36, 0.4)), color-stop(100%,rgba(0, 0, 0, 0.4))); background: -webkit-linear-gradient(-60deg, rgba(15, 28, 36, 0.4) 10%,rgba(0, 0, 0, 0.4) 100%); background: -o-linear-gradient(-60deg, rgba(15, 28, 36, 0.4) 10%,rgba(0, 0, 0, 0.4) 100%); background: -ms-linear-gradient(-60deg, rgba(15, 28, 36, 0.4) 10%,rgba(0, 0, 0, 0.4) 100%); background: linear-gradient(135deg, rgba(15, 28, 36, 0.4) 10%,rgba(0, 0, 0, 0.4) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f1c2466', endColorstr='#00000066',GradientType=1 ); } .wishlist_add_reminder a > span { white-space: nowrap; } .wishlist_note { line-height: 15px; } .game_area_comingsoon h1 { font-size: 24px; font-weight: normal; color: #d5d6d8; line-height: 28px; max-height: 54px; overflow: hidden; } .game_area_comingsoon .not_yet { color: #90aabb; } .notice_box_content { border: 1px solid #a25024; border-radius: 3px; width: 584px; color: #acb2b8; font-size: 14px; font-family: "Motiva Sans", Sans-serif; font-weight: normal; /* normal */ padding: 15px 15px; margin-bottom: 15px; } .notice_box_content b { font-weight: normal; color: #f47b20; } .notice_box_content strong { font-weight: normal; font-family: "Motiva Sans", Sans-serif; font-weight: 500; /* medium */ } .notice_box_content_blue_box { color: #67c1f5; font-size: 14px; font-family: "Motiva Sans", Sans-serif; font-weight: normal; /* normal */ padding: 15px 15px; margin-bottom: 15px; background: -moz-linear-gradient(-60deg, rgba(39,67,88,1) 0%, rgba(54,95,125,0.3) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(39,67,88,0.8)), color-stop(100%,rgba(54,95,125,0.3))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-60deg, rgba(39,67,88,1) 0%,rgba(54,95,125,0.3) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-60deg, rgba(39,67,88,1) 0%,rgba(54,95,125,0.3) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-60deg, rgba(39,67,88,1) 0%,rgba(54,95,125,0.3) 100%); /* IE10+ */ background: linear-gradient(135deg, rgba(39,67,88,1) 0%,rgba(54,95,125,0.3) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#274358ff', endColorstr='#365f7dff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .notice_box_content_blue_box b { font-size: 18px; font-weight: normal; color: #f47b20; } .notice_box_content_blue_box strong { font-size: 18px; font-weight: normal; color: #ffffff; font-family: "Motiva Sans", Sans-serif; font-weight: 500; /* medium */ } .franchise_notice { display: block; position: relative; height: 54px; color: #ffffff; font-size: 16px; font-family: "Motiva Sans", Sans-serif; font-weight: 300; /* light */ text-shadow: 1px 1px rgba(0,0,0,0.5); margin-bottom: 15px; border-radius: 6px; box-shadow: 0 0 5px rgba(0,0,0,0.5); overflow: hidden; } .franchise_notice:hover { } .franchise_notice > div { top: 0; bottom: 0; left: 0; right: 0; position: absolute; } .franchise_notice .background_image { height: 54px; transition: filter 0.5s ease, transform 0.5s ease; background-size: cover; background-position-y: 50%; opacity: 0.5; } .franchise_notice:hover .background_image { transform: scale(1.1); } .franchise_notice .franchise_name { height: 38px; padding-top: 16px; padding-left: 16px } .franchise_notice:hover .franchise_name { color: #ffffff; } .franchise_notice .franchise_highlight { height: 54px; transition: box-shadow 0.5s ease, transform 0.5s ease; box-shadow: inset 0 0 10px rgba(255,255,255,0.2); } .franchise_notice:hover .franchise_highlight { box-shadow: inset 0 0 10px rgba(255,255,255,1); } .notice_box_warning_text { color: #ffcc6a; padding-top: 10px; font-size: 12px; } .subscription_page_region_restriction { margin-top: 15px; } .game_area_purchase_game, .game_area_offsite_purchase { position: relative; background: -webkit-linear-gradient( 150deg, rgba(226,244,255,0.3) 5%,rgba(84, 107, 115, 0.3) 95%); background: linear-gradient( -60deg, rgba(226,244,255,0.3) 5%,rgba(84, 107, 115, 0.3) 95%); border-radius: 4px; font-family: "Motiva Sans", Sans-serif; font-weight: normal; /* normal */ font-size: 13px; color: #c6d4df; padding: 16px; padding-bottom: 26px; margin-bottom: 28px; z-index: 1; } .game_area_purchase_game.pt_active { background: -webkit-linear-gradient( 30deg, rgba(117, 176, 34, 0.7) 5%,rgba(88, 138, 27, 0.6) 95%); background: linear-gradient( 60deg, rgba(117, 176, 34, 0.7) 5%,rgba(88, 138, 27, 0.6) 95%); color: #d0e3ba; } .game_area_purchase_game.game_area_purchase_game_dropdown_subscription { position: relative; } .game_area_purchase_game_dropdown_banner { position: absolute; top: -15px; left: 0; } .game_area_purchase_game.free_weekend { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#acdbf5+0,ffffff+100&0.5+0,0.5+100 */ background: -moz-linear-gradient(-45deg, rgba(172,219,245,0.5) 0%, rgba(255,255,255,0.5) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(172,219,245,0.5) 0%,rgba(255,255,255,0.5) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, rgba(172,219,245,0.5) 0%,rgba(255,255,255,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80acdbf5', endColorstr='#80ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ color: #eeeeee; margin-bottom: 50px; box-shadow: 0 0 8px 0 rgba( 0, 0, 0, 0.5 ); } .game_area_purchase_game.demo_above_purchase { margin-bottom: 50px; background: -webkit-linear-gradient( 30deg, rgba(117, 176, 34, 0.7) 5%,rgba(88, 138, 27, 0.6) 95%); background: linear-gradient( 60deg, rgba(117, 176, 34, 0.7) 5%,rgba(88, 138, 27, 0.6) 95%); box-shadow: 2px 2px 15px rgba(0,0,0,0.4); border-radius: 4px; } .game_area_purchase_game_wrapper.bundle_hidden_by_preferences { margin-bottom: 10px; } .bundle_hidden_by_preferences .game_area_purchase_game { padding: 10px; } .bundle_hidden_by_preferences a { color: #b0aeac; } .game_area_purchase_game_dropdown_description { padding-top: 5px; } .game_area_purchase_game_dropdown_description a { text-decoration: underline; } .game_area_purchase_game_dropdown_left_panel { height: 40px; position: absolute; bottom: -17px; left: 16px; } .game_area_purchase_game_dropdown_left_panel div.discount_pct { float: left; position: relative; height: 32px; min-width: 69px; text-align: center; line-height: 34px; font-size: 18px; margin-left: 3px; padding-left: 10px; padding-right: 10px; } .game_area_purchase_game_dropdown_right_panel { height: 40px; position: absolute; bottom: -17px; right: 16px; } .game_area_purchase_game_dropdown_panel { float: left; margin-left: 3px; } .game_area_purchase_game_dropdown_selection { font-family: "Motiva Sans", Sans-serif; font-weight: normal; /* normal */ cursor: pointer; float: left; position: relative; height: 34px; text-align: left; line-height: 34px; padding-left: 10px; padding-right: 10px; background-color: #000000; color: #ffffff; } .game_area_purchase_game_dropdown_menu_container { font-family: "Motiva Sans", Sans-serif; font-weight: 300; /* light */ z-index: 100; top: 0px; position: absolute; background-color: #546270; border-radius: 3px; margin-top: 0px; margin-left: 0px; padding: 3px; box-shadow: 0 0 10px #000; box-sizing: border-box; } .game_area_purchase_game_dropdown_menu_items_container { width: 100%; } .game_area_purchase_game_dropdown_menu_items_container_background { background-position: right; background-repeat: repeat-y; background-image: url('/public/images//v5/subscription_savings_bg.png'); } .game_area_purchase_game_dropdown_menu_item_no_discount { background-color: #546270; } .game_area_purchase_game_dropdown_menu_items_container tr { cursor: pointer; height: 35px; padding-left: 5px; padding-right: 5px; padding-top: 3px; padding-bottom: 3px; color: #ffffff; } .game_area_purchase_game_dropdown_menu_items_container tr:hover { background-color: #8894a0; } .game_area_purchase_game_dropdown_menu_item_text { border-top: 1px solid rgb(38,38,38); border-bottom: 1px solid rgb(38,38,38); border-left: 2px solid rgb(38,38,38); padding-left: 10px; padding-right: 10px; } .game_area_purchase_game_dropdown_menu_items_container tr:first-child td { border-top: 2px solid rgb(38,38,38) !important; } .game_area_purchase_game_dropdown_menu_items_container tr:last-child td { border-bottom: 2px solid rgb(38,38,38) !important; } .game_area_purchase_game_dropdown_menu_item_savings { border-top: 1px solid rgb(38,38,38); border-bottom: 1px solid rgb(38,38,38); border-right: 2px solid rgb(38,38,38); min-width: 50px; color: #a3ce08; font-weight: 600; font-size: 14px; padding-right: 8px; } .game_area_purchase_game_dropdown_right_panel .btn_addtocart { float: right; } /* if the wrapper is used instead, let the wrapper set margin-bottom instead of the game_area_purchase_game */ .game_area_purchase_game_wrapper { margin-bottom: 28px; } .game_area_purchase_game_wrapper .game_area_purchase_game { margin-bottom: 0px; } .game_area_purchase_game_wrapper .game_area_purchase_game p { margin-bottom: 8px; } .game_area_purchase_game_wrapper.bundle .bundleTag, .game_area_purchase_game.bundle .bundleTag { color: #a4d7f5; font-family: "Motiva Sans", Sans-serif; font-weight: 300; /* light */ font-size: 15px; margin-left: 3px; } .game_area_purchase_game_wrapper.bundle .bundleTag .bundleHelper, .game_area_purchase_game.bundle .bundleTag .bundleHelper{ color: #838383; font-size: 12px; cursor: pointer; } .game_area_purchase_game_wrapper.bundle .game_area_purchase_game b { color: #a4d7f5; } .game_area_purchase_game .game_area_purchase_platform { float: right; } .game_area_purchase_game h1, .game_area_offsite_purchase h1 { font-size: 21px; font-family: "Motiva Sans", Sans-serif; font-weight: normal; /* normal */ color: #ffffff; font-weight: normal; } .game_area_purchase_game b, .game_area_offsite_purchase b { font-weight: normal; color: #8bc53f; } .game_area_purchase_game p.package_contents, .game_area_offsite_purchase p.package_contents{ color: #8f98a0; } .game_area_purchase_game p.package_contents a, .game_area_offsite_purchase p.package_contents a { color: #b0aeac; } .game_purchase_action { /* height: 40px; */ } .game_area_purchase_game .game_purchase_action, .game_area_comingsoon .game_purchase_action, .game_area_offsite_purchase .game_purchase_action { position: absolute; right: 16px; bottom: -17px; left: 16px; /* overflow-x: auto; */ white-space: nowrap; text-align: right; } .game_purchase_action_bg { height: 32px; vertical-align: bottom; display: inline-block; /* background-color: rgba(0,0,0,0.5); */ background-color: #000000; padding: 2px 2px 2px 0px; border-radius: 2px; -moz-border-radius: 2px; white-space: nowrap; font-size: 0; } .game_purchase_action_bg > * { font-size: 12px; display: inline-block; margin-left: 2px; vertical-align: middle; } .game_purchase_action_bg > .discount_pct { display: inline-block; height: 32px; line-height: 32px; font-size: 25px; text-align: center; overflow: hidden; padding: 0 6px; } .game_purchase_action_bg > .discount_prices { margin: 0 8px; } .game_purchase_action_qty { height: 32px; display: inline-block; background-color: #000000; padding: 2px 2px 2px 0px; border-radius: 2px; -moz-border-radius: 2px; white-space: nowrap; font-size: 0; } .game_purchase_action_qty > * { font-size: 12px; display: inline-block; margin-left: 2px; vertical-align: middle; } .game_purchase_qty_val { position: relative; display: inline-block; padding-right: 12px; } .game_purchase_action_qty .quantity { font-size: 12px; width: 45px; background-color: #3c3d3e; border-color: #000000; border: none; color: #b0aeac; } .game_purchase_action_qty .btn_quantity_update { font-size: 12px; width: 45px; background-color: #3c3d3e; border-color: #000000; border: none; border-radius: 2px; color: #D2E885; cursor: pointer; background: linear-gradient( to bottom, rgba(121,153,5,1) 5%, rgba(83,105,4,1) 95%); padding: 1px; display: none; position: absolute; bottom: -22px; left: 0px; } .game_purchase_action .game_purchase_price { background-color: #000000; font-size: 13px; padding-top: 8px; padding-left: 12px; padding-right: 12px; height: 24px; } #widget .game_purchase_action .game_purchase_price { color: #c6d4df; } .game_purchase_price { position: relative; } .game_purchase_action .game_purchase_qty { background-color: #000000; font-size: 13px; padding-top: 8px; padding-left: 12px; padding-right: 12px; height: 24px; } .game_purchase_discount_countdown { color: #7cb8e4; } .game_purchase_discount_countdown_pricehistorygrid { display: flex; flex-direction: column-reverse; justify-content: start; margin-top: 1px; } .game_purchase_price_history { border-spacing: 1px 1px; margin-right: 6px; border-radius: 6px; overflow: hidden; } .game_purchase_discount_countdown { margin-bottom: 0px; } .game_purchase_price_history tr span { vertical-align: text-top; } .game_purchase_price_history tr span img { display: inline-block; } .game_purchase_price_history td { padding-left: 6px; padding-right: 20px; background-color: #67788980; } .game_purchase_price_history td.normal_price { color: #ffffff; } .game_purchase_price_history thead { color: #b4bdc9; text-transform: uppercase; font-size: 12px; font-weight: 500; letter-spacing: 0.5px; } .game_purchase_price_history tbody { color: rgb(161,204,8); } .game_purchase_discount_quantity { color: #7cb8e4; } .game_purchase_masterdiscount_description { color: #8f98a0; } .game_purchase_masterdiscount_description b { font-weight: normal; color: #8bc53f; } .game_purchase_masterdiscount_description a { text-decoration: underline; font-weight: normal; color: #acb5be; } .game_area_purchase_not_refundable, .game_area_purchase_custom_cart_credit { height: 26px; padding: 25px 16px 0px 0px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #acb5be; text-align: right; background: -webkit-linear-gradient( -60deg, rgba(226,244,255,0.2) 0%,rgba(97,100,101,0.2) 100%); background: linear-gradient( -60deg, rgba(226,244,255,0.2) 0%,rgba(97,100,101,0.2) 100%); } .game_area_purchase_custom_cart_credit { height: 40px; text-align: center; } .game_area_purchase_custom_cart_credit, .game_area_purchase_asterisk { color: #ffcc6a; } .game_area_purchase_not_refundable a { font-size: 12px; color: #acb5be; text-decoration: underline; } .btn_addtocart { position: relative; } .btn_addtocart .btn_addtocart_left, .btn_addtocart .btn_addtocart_right { position: absolute; width: 2px; height: 34px; top: 0px; background-image: url( /public/images/v5/btn_addtocart_corners.gif ); } .btn_addtocart.btn_packageinfo .btn_addtocart_left, .btn_addtocart.btn_packageinfo .btn_addtocart_right { background-image: url( /public/images/v5/btn_packageinfo_corners.gif ); } .btn_addtocart.btn_addtocart_blue .btn_addtocart_left, .btn_addtocart.btn_addtocart_blue .btn_addtocart_right { background-image: url( /public/images/v5/btn_addtocart_blue_corners.jpg ); } .btn_addtocart.btn_clickfordetails .btn_addtocart_left, .btn_addtocart.btn_clickfordetails .btn_addtocart_right { background-image: url( /public/images/v5/btn_clickfordetails_corners.gif ); } .btn_addtocart .btn_addtocart_left { background-position: left; left: 0px; } .btn_addtocart .btn_addtocart_right { background-position: right; right: 0px; } .btn_addtocart a.btn_addtocart_content, .btn_addtocart span.btn_addtocart_content { display: inline-block; height: 34px; font-size: 11px; color: #ffffff; text-align: center; padding: 0px 11px; line-height: 34px; background-image: url( /public/images/v5/btn_addtocart_repeat.gif ); background-repeat: repeat-x; text-transform: uppercase; min-width: 80px; } .btn_addtocart span.btn_addtocart_content { cursor: pointer; } .btn_addtocart.btn_packageinfo a.btn_addtocart_content, .btn_addtocart.btn_packageinfo span.btn_addtocart_content { background-image: url( /public/images/v5/btn_packageinfo_repeat.gif ); } .btn_addtocart.btn_addtocart_blue a.btn_addtocart_content { background-image: url( /public/images/v5/btn_addtocart_blue_repeat.jpg ); } .btn_addtocart.btn_clickfordetails a.btn_addtocart_content { background-image: url( /public/images/v5/btn_clickfordetails_repeat.gif ); } .btn_addtocart a.btn_addtocart_content:hover { text-decoration: none; } .game_purchase_discount { height: 32px; overflow: hidden; } .game_purchase_discount .discount_pct, .game_purchase_discount .bundle_base_discount { display: inline-block; height: 32px; line-height: 32px; font-size: 25px; text-align: center; overflow: hidden; padding: 0 6px; } .game_purchase_discount:not(.no_discount) .bundle_base_discount { font-size: 16px; } .game_purchase_discount .discount_prices { display: inline-block; position: relative; vertical-align: top; height: 32px; } .game_purchase_discount .discount_original_price { position: absolute; left: auto; right: 6px; top: 2px; font-size: 11px; } /* this is not absolutely positioned, so the div sizes to this */ .game_purchase_discount .discount_final_price { padding-left: 8px; padding-top: 13px; padding-right: 6px; font-size: 14px; } .game_purchase_discount .generic_discount .discount_final_price { padding-top: 9px; } .discount_icon img { height: 22px; } .game_purchase_discount.suppress_discount_pct .discount_original_price, .game_purchase_discount.suppress_discount_pct .discount_final_price { margin-left: 4px; } .game_purchase_discount.small { height: 28px; } .game_purchase_discount.small .discount_pct { position: absolute; left: 0px; width: 58px; height: 28px; line-height: 34px; font-size: 20px; text-align: center; } .game_purchase_discount.small .discount_original_price { position: absolute; left: 68px; top: 2px; font-size: 9px; } .game_purchase_discount.small .discount_final_price { padding-left: 68px; padding-top: 13px; padding-right: 6px; font-size: 11px; } .game_description_column h2, .recommendation_bodytext h2 { line-height: 26px; font-weight: bold; font-size: 14px; color: #FFFFFF; background-image: url( /public/images/v6/maincol_gradient_rule.png ); background-repeat: no-repeat; background-position: bottom left; margin-bottom: 1px; } body.v6 .game_description_column .game_page_autocollapse.sys_req h2 { margin-bottom: 0px; } .game_description_column h2.no_margin { margin-bottom: 0px; } body.v6 .game_description_column h2.gradientbg { margin-bottom: 1px; } .game_description_column h2.package_group { padding-top: 20px; } .purchase_area_spacer { height: 2px; } .game_description_column { font-size: 14px; color: #acb2b8; margin-top: 16px; } .game_description_column .block { margin-top: 40px; margin-bottom: 16px; } .game_description_column .block .right { margin-right: 3px; } .game_description_column .block .block_header h4 { padding-bottom: 3px; background-image: url('/public/images/v6/maincol_gradient_rule.png' ); background-repeat: no-repeat; background-position: bottom left; } .game_description_column .block .block_header h4 .subh4 { color: #8f98a0; font-size: 15px; } .game_description_column .block .block_header .right a { float: right; background-color: rgba( 103, 193, 245, 0.2 ); border-radius: 1px; color: #67c1f5; font-size: 11px; padding: 2px 4px; } .game_description_column .block .block_header .right a:hover { text-decoration: none; color: #ffffff; background: #67c1f5; /* Old browsers */ background: -moz-linear-gradient(-60deg, #67c1f5 0%, #417a9b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#67c1f5), color-stop(100%,#417a9b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-60deg, #67c1f5 0%,#417a9b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-60deg, #67c1f5 0%,#417a9b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-60deg, #67c1f5 0%,#417a9b 100%); /* IE10+ */ background: linear-gradient(135deg, #67c1f5 0%,#417a9b 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67c1f5', endColorstr='#417a9b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .game_description_column .block .block_content a { background-color: rgba( 0, 0, 0, 0.2 ); float: left; padding: 15px; height: 100px; margin-right: 2px; border: 1px solid rgba( 0, 0, 0, 0 ); } .game_description_column .block .discount_block .discount_prices { display: flex; flex-direction: row; } .game_description_column .block .block_content a:hover { text-decoration: none; border: 1px solid rgba( 103, 193, 245, 0.5 ); } .game_description_column .block .block_content .small_cap_img { width: 171px; } .game_description_column .block .block_content a h4 { font-size: 13px; font-family: "Motiva Sans", Sans-serif; font-weight: normal; /* normal */ font-weight: normal; color: #8f98a0; width: 171px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-bottom: 0px; } .game_area_description_bodylabel { color: #8f98a0; font-family: "Motiva Sans", Sans-serif; font-weight: 300; /* light */ font-size: 13px; line-height: 18px; } .game_area_description { line-height: 1.5em; font-size: 14px; margin-top: 30px; overflow: hidden; font-family: "Motiva Sans", Sans-serif; font-weight: normal; /* normal */ } .game_area_description p { margin-bottom: 8px; } .game_area_description p strong, .game_area_description strong { font-family: "Motiva Sans", Sans-serif; font-weight: bold; /* bold */ } .game_area_description h2 { margin-bottom: 6px; } body.v6 .game_area_description h2.bb_tag { margin-top: 18px; margin-bottom: 0px; background-image: none; font-size: 15px; color: #2f89bc; text-transform: none; letter-spacing: 0px; } body.v6 .game_area_description h2.bb_tag strong { font-family: "Motiva Sans", Sans-serif; font-weight: 500; /* medium */ } #game_area_reviews { font-size: 12px; margin-top: 30px; } #game_area_reviews i, #game_area_reviews blockquote { display: block; color: #ffffff; font-size: 14px; text-transform: none; } #game_area_reviews i i, #game_area_reviews blockquote i { display: inline; font-style: normal; } #game_area_reviews em { text-transform: uppercase; font-style: normal; font-weight: normal; } #game_area_reviews p { margin-bottom: 12px; } .sys_req { margin-top: 30px; } #game_area_legal { color: #566168; font-size: 11px; margin-bottom: 10px; margin-top: 20px; } .game_area_dlc_excluded_by_preferences { color: #a8b2ba; font-size: 12px; position: relative; padding: 4px; margin-bottom: 5px; } .game_area_dlc_excluded_by_preferences > a { text-decoration: underline; color: #a8b2ba; } .game_area_dlc_section { margin-bottom: 11px; margin-top: 60px; } .game_area_dlc_row { display: block; color: #a8b2ba; font-size: 12px; position: relative; padding: 4px 14px; margin-bottom: 1px; } .game_area_dlc_row.even { background-color: #1a1a1a; background: -moz-linear-gradient(-60deg, rgba(97,100,101,0.3) 0%, rgba(226,244,255,0.3) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(97,100,101,0.3)), color-stop(100%,rgba(226,244,255,0.3))); background: -webkit-linear-gradient(-60deg, rgba(97,100,101,0.3) 0%,rgba(226,244,255,0.3) 100%); background: -o-linear-gradient(-60deg, rgba(97,100,101,0.3) 0%,rgba(226,244,255,0.3) 100%); background: -ms-linear-gradient(-60deg, rgba(97,100,101,0.3) 0%,rgba(226,244,255,0.3) 100%); background: linear-gradient(135deg, rgba(97,100,101,0.3) 0%,rgba(226,244,255,0.3) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d616465', endColorstr='#4de2f4ff',GradientType=1 ); } .game_area_dlc_row.odd { background-color: #1a1a1a; background: -moz-linear-gradient(-60deg, rgba(97,100,101,0.3) 0%, rgba(226,244,255,0.3) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(97,100,101,0.3)), color-stop(100%,rgba(226,244,255,0.3))); background: -webkit-linear-gradient(-60deg, rgba(97,100,101,0.3) 0%,rgba(226,244,255,0.3) 100%); background: -o-linear-gradient(-60deg, rgba(97,100,101,0.3) 0%,rgba(226,244,255,0.3) 100%); background: -ms-linear-gradient(-60deg, rgba(97,100,101,0.3) 0%,rgba(226,244,255,0.3) 100%); background: linear-gradient(135deg, rgba(97,100,101,0.3) 0%,rgba(226,244,255,0.3) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d616465', endColorstr='#4de2f4ff',GradientType=1 ); } .game_area_dlc_row.ds_flagged .ds_flag { top: 0; left: 0; height: 22px; line-height: 22px; background-position: -14px 6px; } .game_area_dlc_row.ds_flagged:hover .ds_flag { background-position: 4px 6px; } .game_area_dlc_row.ds_flagged:hover .ds_flag { box-shadow: 0 0 2px 0 #000000; } .game_area_dlc_row.ds_flagged { } .game_area_dlc_price { position: absolute; right: 14px; color: #ffffff; } .game_area_dlc_row.even:hover, .game_area_dlc_row.odd:hover { background-color: #417a9b; text-decoration: none; color: #ffffff; } #dlc_footer { margin-top: 1px; color: #3c6180; font-size: 10px; text-transform: uppercase; } #dlc_footer div.dlc_footer_element { float: right; padding: 5px 8px; } .game_area_dlc_list { margin-bottom: 11px; } #dlc_footer #dlc_show_all_link { color: #c5c3c2; background: rgba( 103, 193, 245, 0.1 ); margin-left: 1px; cursor: pointer; border-radius: 1px; } #dlc_footer #dlc_show_all_link:hover { border-radius: 1px; color: #ffffff; background: #67c1f5; /* Old browsers */ background: -moz-linear-gradient(-60deg, #67c1f5 0%, #417a9b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#67c1f5), color-stop(100%,#417a9b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-60deg, #67c1f5 0%,#417a9b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-60deg, #67c1f5 0%,#417a9b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-60deg, #67c1f5 0%,#417a9b 100%); /* IE10+ */ background: linear-gradient(135deg, #67c1f5 0%,#417a9b 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67c1f5', endColorstr='#417a9b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } #dlc_purchase_action { float: right; margin-top: 4px; } #game_area_metascore { } /* to spec from Metacritic, please don't change - SeanJ */ #game_area_metascore .score { width: 50px; height: 50px; line-height: 50px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 25px; text-align: center; float: left; } #game_area_metascore .score.high { background-color: #66CC33; } #game_area_metascore .score.medium { background-color: #FFCC33; } #game_area_metascore .score.low { background-color: #FF0000; } #game_area_metascore .logo { background-image: url(/public/images/v6/mc_logo_no_text.png); background-repeat: no-repeat; height: 35px; width: 35px; margin-left: 10px; margin-top: 10px; float: left; } #game_area_metascore .wordmark { float: left; width: 180px; } #game_area_metascore .metacritic { font-family: "Motiva Sans", Sans-serif; font-weight: bold; /* bold */ color: #FFFFFF; margin-left: 2px; font-size: 26px; line-height: 26px; margin-top: 4px; float: left; } #game_area_metalink { font-family: "Motiva Sans", Sans-serif; font-weight: normal; /* normal */ padding: 0px; position: relative; left: 2px; clear: left; } .game_rating_area { background-color: #1a1a1a; color: #b0aeac; font-size: 11px; line-height: 1.25em; padding: 8px; } .descriptorText { font-size: 11px !important; color: #c6d4df !important; text-transform: uppercase; line-height: 14px; } .details_block { } .details_block a { font-family: "Motiva Sans", Sans-serif; font-weight: 300; /* light */ color: #67c1f5; } .details_block a:hover { color: #ffffff; } .game_area_play_stats .details_block a { margin-right: 8px; font-size: 11px; } .details_block.vrsupport { margin-top: 10px; margin-bottom: 4px; color: #61686d; } .hours_played { color: #8f98a0; font-size: 12px; margin-bottom: 1px; margin-top: 3px; } .block.communitylink .block_content .rule { border-color: #000000; } .block.communitylink .block_content_inner { padding: 8px 16px; } .block .block_content_inner #AwardsDefault { padding: 5px 0px; } .block .block_content_inner #AwardsDefault img { max-width: 276px; } .block .block_content_inner p { font-size: 12px; color: #8f98a0; margin-bottom: 6px; } .communitylink .block_content { color: #626366; padding: 8px 0px; } .communitylink a { color: #b0aeac; } .communitylink a:not(.persona):hover { color: #ffffff; } .communitylink p { line-height: 20px; } .communitylink_achievement_images { padding: 4px 0px 4px 0px; overflow: hidden; margin-bottom: 5px; } .communitylink_achievement { float: left; width: 64px; height: 64px; margin-right: 4px; } a.communitylink_achievement.communitylink_achivement_plusmore { background-color: rgba( 103, 193, 245, 0.2 ); border-radius: 1px; font-size: 13px; font-family: "Motiva Sans", Sans-serif; font-weight: normal; /* normal */ color: #67c1f5; text-align: center; height: 64px; padding: 0 4px; margin-right: 0px; display: flex; flex-direction: row; align-items: center; justify-content: center; line-height: 14px; } a.communitylink_achievement.communitylink_achivement_plusmore:hover { color: #ffffff; text-decoration: none; background: #67c1f5; /* Old browsers */ background: -moz-linear-gradient(-60deg, #67c1f5 0%, #417a9b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#67c1f5), color-stop(100%,#417a9b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-60deg, #67c1f5 0%,#417a9b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-60deg, #67c1f5 0%,#417a9b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-60deg, #67c1f5 0%,#417a9b 100%); /* IE10+ */ background: linear-gradient(135deg, #67c1f5 0%,#417a9b 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67c1f5', endColorstr='#417a9b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .communitylink_points_shop_images { display: flex; padding: 4px 0px 4px 0px; overflow: hidden; margin-bottom: 5px; } .communitylink_points_shop_item { width: 64px; height: 64px; background-color: #000; margin-right: 4px; } .communitylink_points_shop_item > a > img { width: 64px; } .communitylink_points_shop_item > a > img.profile_background { padding-top: 12px; } .friend_blocks_twoxtwo .friend_block_holder { float: left; display: block; position: relative; width: 90px; height: 40px; overflow: hidden; padding-left: 42px; margin-bottom: 2px; margin-right: 4px; } .friend_block_holder.creator img, .friend_block_holder.curator img { width: 36px; height: 36px; } .friend_blocks_twoxtwo .friend_block_holder:hover { text-decoration: none; background: rgba( 103, 193, 245, 0.1 ); } .friend_blocks_twoxtwo .friend_block_avatar, .friend_blocks_twoxtwo .playerAvatar { position: absolute; top: 0; left: 0; } .friend_blocks_twoxtwo .friend_name { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 11px; font-weight: bold; margin-left: 2px; } .friend_blocks_twoxtwo .friend_info { font-size: 11px; font-weight: normal; margin-left: 2px; } .friend_blocks_grid { height: 40px; margin-bottom: 12px; overflow: hidden; } .friend_blocks_grid .friend_block_holder { float: left; display: block; position: relative; width: 40px; height: 40px; overflow: hidden; margin-bottom: 2px; margin-right: 4px; } a.friend_block_holder:hover { text-decoration: none; color: inherit; } #agegate_box, #macbeta_box { background-color:rgba(0,0,0,0.2); text-align:center; padding: 35px 4%; } #macbeta_box .question { font-weight:bold; font-size:12px; } #macbeta_box { text-align:left; padding:35px 40px 35px 40px; line-height:18px; color:#bbbbbb; } .indent30 { padding-left:30px; } #agegate_box h2 { font-size:14px; margin:35px 0px 20px 0px; } #agegate_disclaim { font-size:11px; color:#8F98A0; text-align:center; margin-top:6px; } #agegate_box select { padding: 2px 3px; height: 22px; color: #67c1f5; background-color: rgba( 103, 193, 245, 0.2 ); border-radius: 2px; border: none; vertical-align: top; } #agegate_box select option { background-color: #417a9b; color: #e5e4dc; } #agegate_box input[type=submit] { border:solid #82807c 1px; padding:2px 8px 2px 8px; height:24px; background-image:url(/public/images/save_button_bg.gif); background-color:#4f6f23; background-repeat:repeat-x; color:#ffffff; } .got_steam_ctn { background: -webkit-linear-gradient( top, rgba(102,192,244,1) 5%, rgba(47,137,188,1) 95%); background: linear-gradient( to bottom, rgba(102,192,244,1) 5%, rgba(47,137,188,1) 95%); padding: 3px; width:650px; } .got_steam_box { width:650px; background-color:#1a2635; padding-top:20px; } .got_steam_low_block { border-top: 1px solid rgba( 0, 0, 0, 0.5 ); padding:18px 20px 0px 20px; height:49px; color:#8F98A0; font-size: 13px; } .got_steam_box h1 { padding-left:20px; font-weight: normal; font-size: 36px; color: #ffffff; } .got_steam_box p { padding-left:20px; color: #8F98A0; font-size: 15px; font-weight: normal; } .gotsteam_buttons { padding:26px 20px 26px 20px; } .gotsteam_buttons a.btn_blue h3, .gotsteam_buttons a.btn_blue h5 { color: #66C0F4; } .gotsteam_buttons a.btn_blue:hover h3, .gotsteam_buttons a.btn_blue:hover h5 { color: #ffffff; } .gotsteam_buttons a.btn_blue { float: left; background: -webkit-linear-gradient( top, rgba(102,192,244,0.2) 5%, rgba(47,137,188,0.2) 95%); background: linear-gradient( to bottom, rgba(102,192,244,0.2) 5%, rgba(47,137,188,0.2) 95%); width: 271px; padding: 12px 12px 15px 12px; border-radius: 2px; } .gotsteam_buttons a.btn_blue:hover { background: -webkit-linear-gradient( top, rgba(102,192,244,1) 5%, rgba(47,137,188,1) 95%); background: linear-gradient( to bottom, rgba(102,192,244,1) 5%, rgba(47,137,188,1) 95%); } .gotsteam_buttons a.btn_blue.leftbtn { margin-right: 16px; } .gotsteam_buttons h3 { font-size: 23px; font-weight: normal; } .gotsteam_buttons h5 { font-size: 13px; font-weight: normal; } .gotsteam_buttons .btn_no { float:right; } .gotsteam_steam_ico { float:left; padding-right:18px; margin-top:-4px; } .gotsteamModal { width:650px; height:301px; position:absolute; z-index:1000; background-color:#000000; font-family: "Motiva Sans", Sans-serif; font-weight: 300; /* light */ } .rightcol.game_meta_data { margin-top: 16px; overflow: hidden; } .rightcol.game_meta_data .block { background: -moz-linear-gradient(left, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.2)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#80000000',GradientType=1 ); /* IE6-9 */ padding: 16px; margin-bottom:8px; margin-top: 0; } .rightcol.game_meta_data .action_btn { display: inline-block; font-size: 14px; line-height: 34px; padding: 0 16px; border-radius: 1px; color: #67c1f5; background: #354759; background: rgba( 103, 193, 245, 0.2 ); margin-right: 1px; } .rightcol.game_meta_data .action_btn:hover { text-decoration: none; color: #ffffff; background: #67c1f5; /* Old browsers */ background: -moz-linear-gradient(-60deg, #67c1f5 0%, #417a9b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#67c1f5), color-stop(100%,#417a9b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-60deg, #67c1f5 0%,#417a9b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-60deg, #67c1f5 0%,#417a9b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-60deg, #67c1f5 0%,#417a9b 100%); /* IE10+ */ background: linear-gradient(135deg, #67c1f5 0%,#417a9b 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67c1f5', endColorstr='#417a9b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .block_responsive_horizontal_scroll.block_content { white-space: nowrap; width: auto; } .block_responsive_horizontal_scroll.block_content a.small_cap { float: none; display: inline-block; vertical-align: top; } @media screen and (max-width: 910px ) { html.responsive .rightcol.game_meta_data .block { background: rgba( 0, 0, 0, 0.2 ); filter: none; } html.responsive #responsive_apppage_details_left_ctn { float: left; width: calc( 50% - 8px ); margin-right: 8px; } html.responsive #responsive_apppage_details_right_ctn { overflow: hidden; } html.responsive .game_description_column img { max-width: 100%; } html.responsive img.package_header { height: auto; } html.responsive .notice_box_content { width: auto; } html.responsive .item_def_icon { max-width: 100%; height: auto; } } @media screen and ( max-width: 680px ) { html.responsive .rightcol.game_meta_data .block { padding: 12px; } html.responsive .rightcol.game_meta_data .block.recommendation_reasons { padding-left: 30px; } html.responsive .referring_curator { flex-direction: column; } html.responsive .referring_curator .curator_detail_right_ctn { margin-top: 12px; } } @media screen and ( max-width: 625px ) { html.responsive #responsive_apppage_details_left_ctn { float: none; width: auto; } } @media screen and ( max-width: 479px ) { html.responsive .bundle img { max-width: 30%; } html.responsive .bundle .tab_item_name { font-size: 1em; } html.responsive .bundle .tab_item_content { white-space: inherit; } html.responsive .bundle .tab_item_discount { margin-right: 10px; } html.responsive .bundle .tab_item_discount.no_discount { margin-top: 45px; } html.responsive .game_area_comingsoon .wishlist_add_reminder { display: block; height: auto; } html.responsive .game_area_comingsoon .wishlist_add_reminder #add_to_wishlist_area2 { margin-top: 10px; } html.responsive .game_area_comingsoon h1 span { display: block; } } .DRM_notice { color: #e1c48a; padding: 4px 8px; line-height: 17px; border-radius: 1px; margin-top: 12px; background: -moz-linear-gradient(-45deg, rgba(130,114,81,0.5) 0%, rgba(226,197,139,0.5) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(130,114,81,0.5)), color-stop(100%,rgba(226,197,139,0.5))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, rgba(130,114,81,0.5) 0%,rgba(226,197,139,0.5) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, rgba(130,114,81,0.5) 0%,rgba(226,197,139,0.5) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, rgba(130,114,81,0.5) 0%,rgba(226,197,139,0.5) 100%); /* IE10+ */ background: linear-gradient(135deg, rgba(130,114,81,0.5) 0%,rgba(226,197,139,0.5) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80827251', endColorstr='#80e2c58b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .VR_warning { color: #e1c48a; padding: 4px 8px; line-height: 17px; border-radius: 1px; margin-top: 12px; background: -moz-linear-gradient(-45deg, rgba(130,114,81,0.5) 0%, rgba(226,197,139,0.5) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(130,114,81,0.5)), color-stop(100%,rgba(226,197,139,0.5))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, rgba(130,114,81,0.5) 0%,rgba(226,197,139,0.5) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, rgba(130,114,81,0.5) 0%,rgba(226,197,139,0.5) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, rgba(130,114,81,0.5) 0%,rgba(226,197,139,0.5) 100%); /* IE10+ */ background: linear-gradient(135deg, rgba(130,114,81,0.5) 0%,rgba(226,197,139,0.5) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80827251', endColorstr='#80e2c58b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } #demo_block.block_content_inner { padding-bottom: 1px; } .demo_area_button { } #add_to_wishlist_area, #add_to_wishlist_area_success, #add_to_wishlist_fail { display: inline-block; position: relative; } #add_to_wishlist_area_success .wishlist_added_temp_notice { position: absolute; top: 40px; left: 0px; background: #bbc9d3; z-index: 2; padding: 16px; width: 200px; box-shadow: 2px 2px 10px #000; color: #222; font-size: 14px; border-radius: 2px; } #add_to_wishlist_area_success .wishlist_added_temp_notice:after { bottom: 100%; left: 40px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #bbc9d3; border-width: 11px; margin-left: -11px; } .game_area_demo_btn, .game_area_wishlist_btn { display: inline-block; font-size: 14px; line-height: 34px; padding: 0 16px; border-radius: 1px; color: #67c1f5; background: #354759; background: rgba( 103, 193, 245, 0.2 ); } .game_area_demo_btn, .btnv6_blue_hoverfade.right { float: right; } .game_area_demo_btn:hover, .game_area_wishlist_btn:hover { text-decoration: none; color: #ffffff; background: #67c1f5; /* Old browsers */ background: -moz-linear-gradient(-60deg, #67c1f5 0%, #417a9b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#67c1f5), color-stop(100%,#417a9b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-60deg, #67c1f5 0%,#417a9b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-60deg, #67c1f5 0%,#417a9b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-60deg, #67c1f5 0%,#417a9b 100%); /* IE10+ */ background: linear-gradient(135deg, #67c1f5 0%,#417a9b 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67c1f5', endColorstr='#417a9b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } #demo_block a.game_area_demo_btn, #demo_block a.game_area_wishlist_btn { text-decoration: none; color: #ffffff; } a.game_area_demo_btn:hover, a.game_area_wishlist_btn:hover { text-decoration: none; } .game_area_wishlist_btn.disabled, .btnv6_blue_hoverfade.queue_btn_active { background-color: rgba( 103, 193, 245, 0.6 ); color: #ffffff; } .game_area_wishlist_btn.disabled { cursor: default; } .game_area_wishlist_btn img, .btnv6_blue_hoverfade.queue_btn_active img { vertical-align: middle; margin-left: -6px; margin-top: -2px; margin-right: 3px; } .game_area_wishlist_btn.right img { vertical-align: middle; margin-left: 4px; margin-top: -1px; margin-right: -6px; } .wishlist_area_success_text { color: #8bb9e0; } /* queue flyout menu */ #view_wishlist_btn.btnv6_blue_hoverfade, .queue_btn_ignore > .btnv6_blue_hoverfade { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .queue_btn_menu { margin-left: -2px; } .queue_btn_menu .btn_medium > span { padding: 0px; } .queue_btn_menu:hover { border-top-right-radius: 2px; border-bottom-right-radius: 0px; } .queue_btn_menu > .queue_menu_arrow { border-top-right-radius: 2px; border-bottom-right-radius: 2px; border: none; padding: 1px; display: inline-block; cursor: pointer; text-decoration: none !important; color: #67c1f5 !important; background: rgba(103, 193, 245, 0.2); } .queue_btn_menu > .queue_menu_arrow.queue_btn_active { background: rgba( 103, 193, 245, 0.2 ); background-color: rgba( 103, 193, 245, 0.6 ); } .queue_btn_menu:hover > .queue_menu_arrow, .queue_btn_menu > .queue_menu_arrow:hover { border-top-right-radius: 2px; border-bottom-right-radius: 0px; background-color: #2e323a; } .queue_menu_flyout { position: absolute; display: none; width: 300px; padding: 0px; color: #556772; line-height: 18px; z-index: 10; left: 0px; margin-top: -4px; box-shadow: 0px 0px 10px rgba(0,0,0,0.75); } .queue_btn_menu:hover .queue_menu_flyout, .queue_menu_flyout:hover { display: block; background: radial-gradient(circle at top left, rgba(74, 81, 92, 0.4) 0%, rgba(75, 81, 92, 0) 60%), #25282e; } .queue_menu_flyout_content { position: relative; } .queue_menu_option { display: flex; cursor: pointer; padding: 12px; } .queue_menu_option:hover { background: #3b404a; } .queue_menu_option_label { margin-left: 5px; } .queue_menu_option_label > .option_title { color: #fff; font-size: 14px; line-height: 17px; padding-bottom: 4px; } .queue_menu_option_label > .option_subtitle { line-height: 14px; color: #687882; } .queue_menu_option:hover .queue_menu_option_label > .option_subtitle { color: #85949d; } .queue_btn_menu .btnv6_blue_hoverfade img { vertical-align: middle; margin: 0px; } .queue_ignore_menu_option_image.selected { display: none; } .queue_ignore_menu_option_image.unselected { } .queue_btn_menu.not_interested #queue_ignore_menu_option_not_interested .queue_ignore_menu_option_image.selected { display: inline-block; } .queue_btn_menu.not_interested #queue_ignore_menu_option_not_interested .queue_ignore_menu_option_image.unselected { display: none; } .queue_btn_menu.owned_elsewhere #queue_ignore_menu_option_owned_elsewhere .queue_ignore_menu_option_image.selected { display: inline-block; } .queue_btn_menu.owned_elsewhere #queue_ignore_menu_option_owned_elsewhere .queue_ignore_menu_option_image.unselected { display: none; } /* DLC list page */ .dlc_header .breadcrumbs .blockbg { background-color: #262626; } .dlc_header .page_title .blockbg { background-color: #000000; color:#D6D7D8; } #dlc_purchaseAll { float: right; margin-top: 32px; } .dlc_page_purchase_dlc { margin-bottom: 5px; padding: 15px; position: relative; height: 136px; background: #202d39; background: rgba( 0, 0, 0, 0.2 ); border: 1px solid transparent; } .dlc_page_purchase_dlc .game_header_image { width: 292px; height: 136px; } .dlc_page_purchase_dlc.ds_flagged .ds_flag { left: 15px; } .dlc_page_purchase_dlc.ds_flagged:not(.ds_wishlist) img.game_header_image { opacity: 0.3; } .dlc_page_purchase_description { margin-top: 10px; font-size: 14px; } .dlc_page_purchase_header { position: absolute; left: 15px; top: 15px; } .dlc_page_purchase_text_container { padding-left: 309px; } .dlc_page_purchase_price { position: absolute; right: 15px; font-size: 14px; color: #ffffff; } .dlc_page_purchase_area { position: absolute; right: 15px; bottom: 15px; } .dlc_page_name_link { font-size: 16px; font-family: "Motiva Sans", Sans-serif; font-weight: 300; /* light */ } .dlc_page_release_date { color: #7092a5; } /* package page */ .bundle_package_item.complete_the_set .tab_item.ds_owned .discount_final_price { text-decoration: line-through; color: #626366; } img.package_header { width: 586px; height: 192px; } .package_info_block { background-color: #262626; padding-bottom: 15px; } .package_info_block_content { padding-left: 15px; padding-right: 15px; padding-bottom: 10px; margin-bottom: 20px; line-height: 23px; color: #626366; background-color: #262626; } .package_info_block_content img.package_header { margin-top: 15px; } .package_totals_area { margin-left: auto; color: #9099a1; font-size: 14px; line-height: 18px; padding-top: 15px; background: #202d39; background: rgba( 0, 0, 0, 0.2 ); } .package_totals_row { position: relative; padding-right: 124px; text-align: right; margin-bottom: 6px; } .package_totals_row.highlight, .package_totals_row.highlight .price { color: #67c1f5; } .package_totals_area .price { position: absolute; right: 0; bottom: 0; text-align: right; color: #9099a1; font-size: 13px; font-family: Tahoma, Arial, Helvetica, sans-serif; } .package_totals_rule { margin: 2px 0px; border-top: 1px solid #b0aeac; } .package_totals_row.total .price { font-size: 13px; } .package_totals_row.savings, .package_totals_row.savings .price { color: #8bc53f; } .package_totals_row.savings .price { font-size: 12px; } .package_totals_area .price.bundle_discount { color: #8bc53f; } #package_savings_bar { background-color: #000000; border-radius: 3px; color: #A3CF06; margin: 20px 0 5px 0; min-height: 34px; } #package_savings_bar > .savings { text-align: right; width: 140px; position: relative; float: right; font-size: 14px; padding: 8px; background: url('/public/images/v6/package_arrow.png') top left no-repeat; max-width: 30%; } #package_savings_bar > .message { padding: 8px; font-size: 12px; } .bundleNew { color: #A68C62; } .queue_overflow_ctn { /*overflow: hidden;*/ } .queue_ctn { width: 940px; background: rgba( 0, 0, 0, 0.2 ); margin: 0px auto; margin-bottom: 16px; } .queue_ctn .queue_actions_ctn { padding: 16px; } .queue_ctn.in_queue .queue_actions_ctn { padding-top: 8px; padding-bottom: 12px; position: relative; } .queue_actions_ctn .btn_medium { margin-bottom: 4px; } .next_in_queue_area { float: right; } .queue_ctn .queue_settings_link_ctn.queue_reason_description { text-align: right; font-size: 12px; margin-bottom: 0; margin-right: -8px; line-height: 15px; } .btn_next_in_queue { background: url('/public/images/v6/app/queue_next_btn.png') top left no-repeat; width: 205px; height: 75px; cursor: pointer; background-size: 100% 200%; margin-bottom: -26px; margin-right: -72px; margin-top: -9px; float: right; } .mature_content_notice { font-family: "Motiva Sans", Sans-serif; font-weight: 300; /* light */ max-width: 908px; background: -webkit-linear-gradient( 20deg, rgba(152,128,60,0.3) 5%,rgba(226,244,255,0.3) 95%); background: linear-gradient( 70deg, rgba(152,128,60,0.3) 5%,rgba(226,244,255,0.3) 95%); color: #fff; padding: 16px; margin: 0px auto 16px auto; font-size: 14px; } .agegate_text_container .btn_next_in_queue { margin-bottom: 0px; margin-right: 0px; margin-top: -21px; } .agegate_text_container .note { font-family: "Motiva Sans", Sans-serif; font-weight: 300; /* light */ font-size: 11px; margin-bottom: 20px; color: #9db2be; } .btn_next_in_queue .next_in_queue_content { padding: 24px 15% 0 15%; } .agegate_text_container .btn_next_in_queue .next_in_queue_content { padding: 31px 15% 0 0%; } @media screen and (max-width: 910px ) { .franchise_notice, .franchise_notice .franchise_name, .franchise_notice .franchise_highlight, .franchise_notice .background_image { height: unset; } .franchise_notice .franchise_name { position: unset; padding: 12px; } .franchise_notice .background_image { z-index: -1; } html.responsive .queue_ctn { width: auto; } html.responsive .next_in_queue_area { max-width: 40%; } html.responsive .btn_next_in_queue { max-width: 100%; margin-right: -26px; } } @media screen and (max-width: 600px) { html.responsive .next_in_queue_area { position: absolute; right: 19px; top: 53px; } html.responsive .queue_controls_description { min-height: 38px; width: 59vw; } } .btn_next_in_queue:hover { background-position: bottom; } .btn_next_in_queue span { font-size: 15px; line-height: 13px; color: #ffcc6a; font-family: "Motiva Sans", Sans-serif; font-weight: 300; /* light */ } .btn_next_in_queue:hover span, .btn_next_in_queue:hover span .queue_sub_text { color: #ffffff; } .btn_next_in_queue span .queue_sub_text { font-size: 10px; color: #bc974e; text-transform: uppercase; white-space: nowrap; } .btn_next_in_queue span.finish_queue_text { line-height: 27px; } .agegate_text_container .btn_next_in_queue span.finish_queue_text { line-height: 13px; } .queue_ctn .queue_reason_description { margin-bottom: 9px; color: #61696d; font-size: 13px; } @media screen and (max-width: 600px) { html.responsive .queue_ctn .queue_reason_description, html.responsive .queue_ctn .queue_settings_link_ctn.queue_reason_description{ display: none; } } .queue_ctn .queue_reason_description a { text-decoration: none; color: #8f98a0; } .queue_ctn .queue_reason_description a:hover { text-decoration: none; color: #67c1f5; } .queue_controls_description { color: #ffcc6a; font-size: 12px; padding: 6px; 16px; background: -webkit-linear-gradient( left, rgba( 196, 158, 82, 0.6 ) 0%,rgba( 196, 158, 82, 0.0 ) 60%); background: linear-gradient( to right, rgba( 196, 158, 82, 0.6 ) 0%,rgba( 196, 158, 82, 0.0 ) 60%); } .queue_control_button { display: inline-block; } body.v6 .game_area_already_owned.page_content { height: 40px; padding: 0px 15px 0px 0px; position: relative; background: -moz-linear-gradient(left, rgba(163,207,6,0.6) 0%, rgba(75,106,33,0.6) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(163,207,6,0.6)), color-stop(100%,rgba(75,106,33,0.6))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(163,207,6,0.6) 0%,rgba(75,106,33,0.6) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(163,207,6,0.6) 0%,rgba(75,106,33,0.6) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(163,207,6,0.6) 0%,rgba(75,106,33,0.6) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(163,207,6,0.6) 0%,rgba(75,106,33,0.6) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99a3cf06', endColorstr='#994b6a21',GradientType=1 ); /* IE6-9 */ font-size: 18px; font-family: "Motiva Sans", Sans-serif; font-weight: 300; /* light */ line-height: 40px; color: #a3cf06; margin-bottom: 1px; width: 925px; } body.v6 .game_area_already_owned.master_sub { background: rgb( 56, 112, 150 ); color: white; height: 40px; padding: 0px 15px 0px 0px; position: relative; font-size: 18px; font-family: "Motiva Sans", Sans-serif; font-weight: 300; /* light */ line-height: 40px; margin-bottom: 1px; } .game_area_already_owned .ds_flag { position: relative; float: left; top: 10px; left: -8px; box-shadow: 1px 1px 2px #000000; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAYAAABi8KSDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUNDNzBFNTUyMUM0MTFFNDk1REVFODRBNUU5RjA2MUYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUNDNzBFNTYyMUM0MTFFNDk1REVFODRBNUU5RjA2MUYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5Q0M3MEU1MzIxQzQxMUU0OTVERUU4NEE1RTlGMDYxRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5Q0M3MEU1NDIxQzQxMUU0OTVERUU4NEE1RTlGMDYxRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv3vUKAAAAAlSURBVHjaYvz//z8DsYARpFhISAivjnfv3jGSp3jUGeQ4AyDAADZHNe2nyOBrAAAAAElFTkSuQmCC') no-repeat 4px 4px #a3cf06; } .game_area_already_owned .ds_flag.master_sub_generic { background-color: rgb( 90, 139, 172 ); } .game_area_already_owned .master_sub { background-color: rgb( 90, 139, 172 ); display: flex; justify-content: center; align-items: center; padding: 2px 22px 2px 6px; margin-right: 8px; position: relative; float: left; top: 7px; left: -8px; box-shadow: 1px 1px 2px #000000; font-size: 10px; color: #111111; height: 22px; white-space: nowrap; z-index: 5; } .game_area_already_owned .master_sub > img { height: 18px; } .already_in_library_master_sub { display: flex; } .game_purchase_sub_dropdown .already_in_library_master_sub { justify-content: flex-end; } .master_sub_trial_header_row { display: flex; justify-content: flex-end; align-items: center; } .master_sub_trial_header_row h1 { flex: 1; } .master_sub_trial_header_row img { vertical-align: middle; } .master_sub_trial p a { text-decoration: underline; } .already_in_library_master_sub .already_in_library { flex: 1; } .already_in_library_master_sub .already_in_library_browse { flex-shrink: 0; font-size: 12px; text-decoration: underline; } .game_area_already_owned .already_in_library { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .already_owned_actions { padding-top: 16px; } .already_owned_description { padding-top: 12px; line-height: 18px; font-size: 13px; font-family: "Motiva Sans", sans-serif; } .game_area_play_stats { background: -moz-linear-gradient(-60deg, rgba(97,100,101,0.3) 0%, rgba(226,244,255,0.3) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(97,100,101,0.3)), color-stop(100%,rgba(226,244,255,0.3))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-60deg, rgba(97,100,101,0.3) 0%,rgba(226,244,255,0.3) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-60deg, rgba(97,100,101,0.3) 0%,rgba(226,244,255,0.3) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-60deg, rgba(97,100,101,0.3) 0%,rgba(226,244,255,0.3) 100%); /* IE10+ */ background: linear-gradient(135deg, rgba(97,100,101,0.3) 0%,rgba(226,244,255,0.3) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d616465', endColorstr='#4de2f4ff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ padding: 0px 16px 16px 16px; margin: 0px auto; margin-bottom: 40px; max-width: 908px; } .game_area_already_owned_btn { float: left; position: relative; margin-right: 12px; } .game_area_already_owned_btn .btn_border_2px { border: 2px solid #2f4459; } .game_area_already_owned_btn .btn_blue_white_innerfade { background: rgb(229,244,253); /* Old browsers */ background: -moz-linear-gradient(top, rgba(229,244,253,1) 0%, rgba(148,183,202,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,244,253,1)), color-stop(100%,rgba(148,183,202,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(229,244,253,1) 0%,rgba(148,183,202,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(229,244,253,1) 0%,rgba(148,183,202,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(229,244,253,1) 0%,rgba(148,183,202,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(229,244,253,1) 0%,rgba(148,183,202,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5f4fd', endColorstr='#94b7ca',GradientType=0 ); /* IE6-9 */ } .game_area_already_owned_btn .btn_blue_white_innerfade > span { color: #3a6e8b; font-family: "Motiva Sans", Sans-serif; font-weight: normal; /* normal */ font-size: 16px; text-shadow: 1px 1px 0px rgba( 255, 255, 255, 0.1 ); background: rgb(193,228,249); /* Old browsers */ background: -moz-linear-gradient(top, rgba(193,228,249,1) 0%, rgba(148,183,202,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(193,228,249,1)), color-stop(100%,rgba(148,183,202,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(193,228,249,1) 0%,rgba(148,183,202,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(193,228,249,1) 0%,rgba(148,183,202,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(193,228,249,1) 0%,rgba(148,183,202,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(193,228,249,1) 0%,rgba(148,183,202,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1e4f9', endColorstr='#94b7ca',GradientType=0 ); /* IE6-9 */ } .game_area_already_owned_time_remaining { line-height: 36px; color: white; font-size: 20px; } .game_purchase_area_friends_want { height: 61px; margin-bottom: 8px; padding-left: 46px; position: relative; background-color: rgba( 0, 0, 0, 0.2 ); font-size: 12px; color: #8d9096; z-index: 0; } .game_purchase_area_friends_want .gift_icon { position: absolute; filter: brightness(1.5); left: 17px; top: 23px; } .game_purchase_area_friends_want .gift_instructions { padding-top: 16px; } .game_purchase_area_friends_want a { color: #bfc1c4; } .myactivity_block .block_content { color: #626366; } .myactivity_block p { margin-bottom: 5px; } .myactivity_achievements_progress { border: 1px solid #626366; padding: 2px; margin-bottom: 5px; } .myactivity_achievements_progressbar { height: 10px; background-color: #626366; } .myactivity_achievements_row { padding: 4px 0px 4px 4px; margin-bottom: 5px; overflow: hidden; } .myactivity_achievement_img { float: left; width: 32px; height: 32px; margin-right: 3px; } .myactivity_achievement_img img { width: 32px; height: 32px; } div.myactivity_achievement_img.myactivity_achievement_plusmore { background-color: #4f5051; font-size: 14px; font-weight: bold; color: #000000; text-align: center; line-height: 32px; height: 32px; cursor: default; width: auto; min-width: 32px; padding: 0px 2px; } img.agegate_img_app { width: 460px; height: 215px; } img.agegate_img_package { width: 710px; height: 233px; } @media screen and (max-width: 910px ) { img.agegate_img_app, img.agegate_img_package { height: auto; max-width: 100%; } .page_content_ctn.agegate_content { min-height: 100vh; } html.responsive body.agecheck .responsive_page_template_content { padding-bottom: 0; } } @media screen and (max-width: 500px) { html.responsive body.agecheck .agegate_tags { margin-bottom: 20px; } html.responsive .agegate_wizard:after { left: 37px; } html.responsive .agegate_wizard_preference_option .top_block { display: block; } html.responsive .agegate_wizard_preference_option_controls { text-align: left; margin-bottom: 10px; margin-top: 5px; } } .forbiddenbyfamily_container { text-align: center; max-width: 550px; margin-left: auto; margin-right: auto; } h2.forbiddenbyfamily_header { font-size: 24px; } .forbiddenbyfamily_capsule_img { width: 50%; background-color: rgba( 255, 255, 255, 0.1 ); box-shadow: 0 0 5px 0 #000000; padding: 12px; margin-left: auto; margin-right: auto; margin-top: 12px; margin-bottom: 12px; } .forbiddenbyfamily_capsule_img > img { } .forbiddenbyfamily_text { text-align: left; font-size: 14px; max-width: 400px; margin-left: auto; margin-right: auto; } .content_descriptor { border-bottom: 1px dotted; } .prepurchase_rewards_title { font-family: "Motiva Sans", Sans-serif; font-weight: normal; /* normal */ font-size:20pt; color:#ffffff; margin-left:50px; margin-top:-45px; } .prepurchase_rewards_details { font-family: "Motiva Sans", Sans-serif; font-weight: normal; /* normal */ font-size:14px; color:#acb2b8; margin-left:50px; margin-top:-5px; } span.prepurchase_bar { position: absolute; overflow: hidden; top: 3px; } span.prepurchase_text_achieved { color:#ffffff; font-weight:bold; font-size:12px; float:right; } span.prepurchase_text_normal { color:#acb2b8; font-size:12px; float:right; } .tiers_ctn { height: 80px; position: relative; } .tiers_row { position: absolute; margin-top: 13px; } .tier_names { position: relative; left: 2px; top: 48px; } .reward_ribbon { left:585px; top:-5px; position:absolute; float:right; } .rewards_section_rule { padding-bottom:10px; display: block; } div.early_access_banner { height: 49px; position: relative; background: rgb(68,75,84); /* Old browsers */ background: -moz-linear-gradient(-60deg, rgba(68,75,84,1) 0%, rgba(91,98,108,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(68,75,84,1)), color-stop(100%,rgba(91,98,108,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-60deg, rgba(68,75,84,1) 0%,rgba(91,98,108,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-60deg, rgba(68,75,84,1) 0%,rgba(91,98,108,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-60deg, rgba(68,75,84,1) 0%,rgba(91,98,108,1) 100%); /* IE10+ */ background: linear-gradient(135deg, rgba(68,75,84,1) 0%,rgba(91,98,108,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444b54', endColorstr='#5b626c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ padding: 12px 15px 0 55px; margin: 15px 0 40px 0; border-radius: 2px; } div.early_access_banner p { display: block; color: #fff; font-size: 15px; font-family: "Motiva Sans", Sans-serif; font-weight: normal; /* normal */ margin: 0; padding: 0; position: relative; width: 350px; } div.early_access_banner > .img { position: absolute; background-image: url(/public/images/v5/earlyaccess_bug.png); width: 63px; height: 61px; left: 0px; top: 0px; } div.early_access_banner > .btn_medium { float: right; display: block; background-color: #174661; border: 2px solid #000000; } div.early_access_header { border: 1px solid #4e81ae; margin: 0 0 20px 0; } div.early_access_header .inset { text-shadow: -1px -1px 0px rgba(0,0,0,0.2) } div.early_access_header .heading { padding: 10px 10px; color: #b8e0fd; font-size: 13px; background: rgb(87,164,208); /* Old browsers */ background: -moz-linear-gradient(-60deg, rgba(87,164,208,1) 0%, rgba(48,93,122,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(87,164,208,1)), color-stop(100%,rgba(48,93,122,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-60deg, rgba(87,164,208,1) 0%,rgba(48,93,122,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-60deg, rgba(87,164,208,1) 0%,rgba(48,93,122,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-60deg, rgba(87,164,208,1) 0%,rgba(48,93,122,1) 100%); /* IE10+ */ background: linear-gradient(135deg, rgba(87,164,208,1) 0%,rgba(48,93,122,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57a4d0', endColorstr='#305d7a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } div.early_access_header .heading h1 { font-family: "Motiva Sans", Sans-serif; font-weight: 300; /* light */ font-size: 30px; font-weight: normal; font-style: normal; color: #fff; } div.early_access_header .heading h2 { font-family: "Motiva Sans", Sans-serif; font-weight: 300; /* light */ font-size: 15px; font-weight: normal; font-style: normal; background-image: none; height: auto; margin-bottom: 2px; color: #fff; letter-spacing: 0px; padding-top: 0px; text-transform: none; margin-bottom: 0px; } div.early_access_header .heading a { color: inherit; text-decoration: underline; } div.early_access_header .heading p span { color: #f9be3e; } div.early_access_header .devnotes { padding: 0px 10px 10px 10px ; position: relative; } div.early_access_header .devnotes > .devs_say { font-family: "Motiva Sans", Sans-serif; font-weight: normal; /* normal */ font-size: 11px; color: #61686d; margin: 10px 0 0 0; text-transform: uppercase; font-style: normal; } div.early_access_header .devnotes > div { font-family: "Motiva Sans", Sans-serif; font-weight: normal; /* normal */ font-style: italic; font-size: 14px; color: #8f98a0; line-height: 21px; max-height: 113px; overflow: hidden; } /* Skipping italics for certain languages since it is either unnecessary or degrades legibility */ :lang(zh-cn) div.early_access_header .devnotes > div, :lang(zh-tw) div.early_access_header .devnotes > div, :lang(ko) div.early_access_header .devnotes > div, :lang(pt-br) div.early_access_header .devnotes > div, :lang(sv) div.early_access_header .devnotes > div, :lang(ro) div.early_access_header .devnotes > div { font-style: normal; } div.early_access_header .devnotes > div i, div.early_access_header .devnotes > div p i { font-style: normal; } div.early_access_header .devnotes > div b, div.early_access_header .devnotes > div p b, div.early_access_header .devnotes > div strong, div.early_access_header .devnotes > div p strong { font-family: "Motiva Sans", Sans-serif; font-weight: bold; /* bold */ font-style: italic; } div.early_access_header .devnotes > div h2.bb_tag { margin-top: 18px; margin-bottom: 0px; background-image: none; font-size: 15px; color: #2f89bc; } div.early_access_header .devnotes ul, div.early_access_header .devnotes ol { padding-left: 17px; } div.early_access_header .devnotes h1 { font-family: "Motiva Sans", Sans-serif; font-weight: 500; /* medium */ font-weight: normal; font-size: 14px; color: #fff; margin-top: 10px; } div.early_access_header .devnotes .morebutton { position: absolute; display: block; right: 0px; padding-right: 15px; padding-top: 3px; height: 15px; bottom: 10px; background: #182130; padding-left: 30px; background: -moz-linear-gradient(left, rgba(27,40,56,0) 0%, rgba(27,40,56,1) 15%, rgba(27,40,56,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(27,40,56,0)), color-stop(15%,rgba(27,40,56,1)), color-stop(100%,rgba(27,40,56,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(27,40,56,0) 0%,rgba(27,40,56,1) 15%,rgba(27,40,56,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(27,40,56,0) 0%,rgba(27,40,56,1) 15%,rgba(27,40,56,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(27,40,56,0) 0%,rgba(27,40,56,1) 15%,rgba(27,40,56,1) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(27,40,56,0) 0%,rgba(27,40,56,1) 15%,rgba(27,40,56,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18213000', endColorstr='#182130',GradientType=1 ); /* IE6-9 */ text-transform: uppercase; color: #67c1f5; font-size: 11px; } div.early_access_header .devnotes .morebutton:hover { color: #ffffff; text-decoration: none; } h2 span.note { float: right; background: transparent; border: 1px solid rgba(255,255,255,0.4); border-radius: 2px; color: #ffffff; font-size: 11px; padding: 2px 15px; line-height: normal; } h2 span.note:hover { color: #ffffff; border: 1px solid rgba(255,255,255,1); } h2 span.note a, h2 span.note a:hover, h2 span.note a:visited { color: inherit; text-decoration: none; text-transform: none; letter-spacing: 0; } h2 .note em { color: #ffffff; font-weight: normal; font-style: normal; } div.early_access_announcements { margin: 30px 0 0px 0; } div.early_access_announcement a { color: inherit; text-decoration: none; } div.early_access_announcements .post, div.early_access_announcements .divider { vertical-align: top; } div.early_access_announcements .appeditor { margin: 50px 40px; text-align: center; } div.early_access_announcements .appeditor p { margin: 20px 0 0 0 ; line-height: 20px; } div.early_access_announcements .post { display: inline-block; width: 47%; overflow: hidden; } div.early_access_announcements .post.wide { width: auto; display: block; } div.early_access_announcements .post h1 { color: #ffffff; font-family: "Motiva Sans", Sans-serif; font-weight: 300; /* light */ font-size: 24px; line-height: 29px; font-weight: normal; } div.early_access_announcements .post h1 a, div.early_access_announcements .post .more a { color: inherit; text-decoration: none; } div.early_access_announcements .post a { color: inherit; text-decoration: underline; } div.early_access_announcements .post h2 { color: #56707F; font-size: 11px; font-weight: normal; font-style: normal; height: auto; margin: 5px 0 0 0; background: transparent; line-height: 14px; } div.early_access_announcements .post, div.early_access_announcements .post p, div.early_access_announcements .post ul, div.early_access_announcements .post .bb_h1, div.early_access_announcements .post .bb_h2, div.early_access_announcements .post .bb_h3 { color: #8f98a0; font-family: "Motiva Sans", Sans-serif; font-weight: 300; /* light */ font-size: 13px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; } div.early_access_announcements .post b { font-family: "Motiva Sans", Sans-serif; font-weight: 500; /* medium */ } div.early_access_announcements .post .container { height: 195px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; } div.early_access_announcements .post img { max-width: 100%; } div.early_access_announcements .post p a { text-decoration: underline; } div.early_access_announcements .post .hr { background-color: #2f4459; height: 1px; margin: 5px 0; } div.early_access_announcements .post .more { color: #67c1f5; text-transform: uppercase; font-size: 11px; } div.early_access_announcements .post .more:hover { color: #ffffff; } div.early_access_announcements .post .comments { color: #56707F; font-size: 11px; float: right; display: block; } div.early_access_announcements .divider { display: inline-block; margin: 20px 0 0 0; width: 4%; height: 190px; } @media screen and (max-width: 420px) { div.early_access_announcements .divider { display: none; } div.early_access_announcements .post { width: auto; display: block; } } .highlight_movie { width: 100%; height: 100%; background-color: #000; } .highlight_movie.container { height: 529px; } .html5_video_titlebar_ctn { position: absolute; top: -35px; left: 0; text-align: left; background-color: rgba(0,0,0,0.8); color: #ffffff; padding: 5px; font-size: 13px; font-family: "Motiva Sans", Sans-serif; font-weight: 300; /* light */ } .html5_video_titlebar_ctn .video_category { font-family: "Motiva Sans", Sans-serif; font-weight: bold; /* bold */ } .html5_video_overlay { position: absolute; bottom: 0; height: 35px; background-color: rgba(0,0,0,0.8); width: 100%; text-align: left; } .html5_video_overlay .play_button { width: 19px; height: 19px; margin: 1px; float: left; } .html5_video_overlay .play_button.play { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAIAAAD9MqGbAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB90FAQExNPQD1HQAAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAAHhJREFUOMtjjIyMZCALsPz7928k6GT6hw3I+ZX/IwSw62RgYFAIqCSg8y82AHGPUlD1X9yA6T82APeMamjdfxwAn50QoBZWj1UNC7INWMG1ZbXYYwXNBjRweXEVzvjEY+elRZX4UgIuO8/PL8PvC0YbG5vRvIIPAADvxSAevqB/CQAAAABJRU5ErkJggg==); } .html5_video_overlay .play_button.pause { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAIAAAD9MqGbAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB90FARUVHVx2phIAAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAAElJREFUOMtjjIyMZCALsPz7928k6lQIqIQwHmxox+QSZSeaOKYylr9//2LViSaOqYzl////WHWiiWMqG7WTkJ2MNjY2o3kFHwAABHVqN1R2w8sAAAAASUVORK5CYII=); } .html5_video_overlay .control_container { background-color: #2c2b28; margin: 1px; height: 19px; margin-left: 21px; } .html5_video_overlay .volume_icon { width: 19px; height: 19px; margin-left: 3px; display: inline-block; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAIAAAD9MqGbAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB90FAQEyM0FKEhQAAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAAaBJREFUOMtj1NHWYCALMDGQC4jV6ezixsbGRpROR0cnNXV1CJuXl09UVDQ+IZmXl4+AzszM7EmTp/LB1Onp669bu/rz508uLm44dfLw8EyYODkrOwcuwsnJGRAQFBuXcPjQQRlZWWERERSdPDw8Jiamjo5O8xcscnZ2QTaLmZl57pxZtrZ2TMxMr1+/0tLUhoizQCgNDc35CxZhOpuHh2fN2g0hwQE3rl+3sba9eu2qlpY2UWH75cuXz58/+QcE7ty5XV5e4e2bN6KiYsTGyr69e01Nzb5//05yfKpraHz+/JmTk5M0nTw8PM7OLhs3rDcyNnn48IG0tMzr169QdH76/On0qVNPnz7F9GdiQtyXL19sbe3Onz8nLS3z+vVrFJ23bt5MSooPCQ7YsGE9muarV6/k5hWcPXvm9ZvXMrKy9+7eweLaL1++1NZUdXS0IQt+//793Lmzc2bPdHV1f/L48f3793D6c+mSxYkJcZ8+fYKLzJ0zy8ralpeXb8+eXXBBFqwBc+bM6ZDgQDiXjY1NWlpm3brVnz8jjGMcgJwNAO7wmMDjuhRMAAAAAElFTkSuQmCC); } .html5_video_overlay .volume_icon.muted { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAIAAAD9MqGbAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB90FARYTD/vTzoUAAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAAQpJREFUOMtj1NHWYCALMDGQC2ig09HJWV1dg2SdmZnZkyZN4eXjxaOTBY3Pw8PT0tru7OxC0LUscA0aGpq8vLxZ2TkaGprE+BOqU0NDc/6CRVhVcHFxMTAwfPv2jYuLy83NY8OGdcSGrYiISF5eoYaGZlNTq4iICAmx8ujRoyNHDlVUVh85cnjOnFkk6OTi4goICNq1c4eGhibE5cTqjIqKuXHj+rJlS5YtW2xjY4seQp8+fzp96pSUtLS0tDSaTrgLHz169OjRI3Q7b928mZQUHxIcsGHDenJS35cvX2prqjo62shMt0uXLE5MiPv06RN+nYy48qeUlBQDA8OzZ8+ITbdwgEcPpfkTADH3UjunQa9YAAAAAElFTkSuQmCC); } .html5_video_overlay .autoplay_checkbox { width: 11px; height: 11px; margin: 4px; display: inline-block; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAIAAAAmzuBxAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB90FARYUBCNAgcoAAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAAB1JREFUGNNjjIyMZMALWP78+UNAxd+/f0fNIMUMAAaZHswb2V9sAAAAAElFTkSuQmCC); margin-left: 15px; } .html5_video_overlay .autoplay_checkbox:hover { border: 1px solid #cccccc; margin: 3px; margin-left: 14px; } .html5_video_overlay .autoplay_checkbox.checked { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAIAAAAmzuBxAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB90FARYUIB9DZRsAAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAARNJREFUGNN9UDFrwlAYTF6iGJQmRIM1UhDJIl10ibo7+AdEXf1Vzl0cuhb3gpN/wCKUQmtAioLBJs+8fvfSwVY6eePdcXecOh6PlatgRARFYze3UDT6w3+GAci5jVJnWGwPpKoDkKpebA9KnWHObQBgRPQVvECcsmbZ6Y6UbN7pjrJmGeIUf74RkeZ5HgSPt6+Fu/tM3jI9X88VIE7B80Ny2KZpys7F8T4IFrPLumAxi/fBWWIAAKQs4zT7F4fT7Kcsc5YYEUlVr/Umhl2B4O+LRwhu2JVabyJV/TfDqrcM26WEr+fT3Xq5nk8p4YbtWvUWAK1arYoohOCb5VO020gpRRSGm9U3Px4+VkkUqr7vX//0B11/rvgloxulAAAAAElFTkSuQmCC); } .html5_video_overlay .autoplay_label { font-size: 10px; line-height: 19px; display: inline-block; vertical-align: top; } .html5_video_overlay .volume_slider { width: 80px; height: 19px; display: inline-block; margin-left: 5px; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAATCAYAAAAH3YpvAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB90FARUcHhS9TOEAAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAAFBJREFUWMPt18EJwCAQRcEYUowQb/+WQPrvyvSgBxHmlTDsLmxpd+2HhjsRAAQIEKAAAtyz63k/CiZwTUkATq9wEgoTFb+wGwgQIEABBLhnPwULBQqEx95FAAAAAElFTkSuQmCC); position: relative; } .html5_video_overlay .volume_slider .volume_handle { position: absolute; width: 4px; height: 19px; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAATCAIAAAA4QDsKAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB90FARUcO1+5mKYAAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAACBJREFUCNdj1NHWYIABJgYkgMJhPHPmDBHKBhmHEafnAIRzA4YgO29NAAAAAElFTkSuQmCC); } .html5_video_overlay .time { color: #9d9d9d; font-size: 10px; line-height: 19px; margin-right: 5px; float: right; } .html5_video_overlay .fullscreen_button { height: 19px; width: 19px; margin-right: 3px; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAIAAAD9MqGbAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB90FARYVIXFfZMwAAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAAGBJREFUOMtj1NHWYCALMDGQC1jk5GThnEePHuNXjayYhRgNmEbLyclS4FqsLiHGWhZkp27bvhu/Ni9PV7h+8l07qpOY1AePGHigEwRycrIsxCda6rkWOd2RlFcYByBnAwBu7B+wiL65mQAAAABJRU5ErkJggg==); float: right; } .html5_video_overlay .fullscreen_button:hover { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAIAAAD9MqGbAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB90FARYVO4w9nbYAAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAAF1JREFUOMtj1NHWYCALMDGQCxjPnDkD5yTEx+BXvWDhEhSdBDVgNYJ817JgdQkeAHcgC7JTTUxM8GuDB0pCfAz5rh3VSTA+FyxcAo8Y5JRIMA2xEJ9oB0NeGYCcDQDE+yHuiZG0UAAAAABJRU5ErkJggg==); } .html5_video_overlay .progress_bar_wrapper { position: absolute; bottom: 0px; top: 21px; left: 0px; right: 0px; background-color: #2c2b28; } .html5_video_overlay .progress_bar_background { position: absolute; top: 0px; left: 0px; width: 0px; bottom: 0px; background-color: #595959; } .html5_video_overlay .progress_bar_container { position: absolute; top: 2px; left: 2px; right: 2px; bottom: 1px; } .html5_video_overlay .progress_bar { position: absolute; top: 0px; left: 0px; width: 0px; bottom: 0px; background-color: #6f9fc8; } #EmbedModal textarea { width: 100%; height: 80px; font-size: 13px; line-height: 15px; margin: 0 0 15px 0; background-color: transparent; border: none; color: #8f98a0; } #EmbedModal p { margin: 0 0 15px 0; font-size: 14px; } #EmbedModal p.small { margin: 0 0 3px 0; font-size: 14px; } #widget_finished, #widget_create { max-width: 646px; } #widget_container { margin-bottom: 15px; } #EmbedModal .w_option { padding: 12px 12px; margin: 3px 0 0 0; background-color: rgba(59, 63, 72, 0.5); border-radius: 3px; color: #dfe3e6; } #EmbedModal .w_options { margin-bottom: 15px; } #EmbedModal .buttoncontainer { text-align: right; } .share > a { display: inline-block; margin-right: 6px; } .share > a:hover { cursor: pointer; } .dropcontainer ul#ReviewLanguage_droplist, .dropcontainer ul#ReviewVisibility_droplist { right: 0; left: auto; } .glance_tags_ctn { margin: 10px 0px 0px 0px; font-size: 11px; } .glance_tags_label { line-height: 19px; font-size: 12px; color: #556772; } .glance_tags { white-space: nowrap; height: 22px; } .app_tag { display: inline-block; line-height: 19px; padding: 0 7px; color: #67c1f5; background-color: rgba( 103, 193, 245, 0.2 ); box-shadow: none; margin-right: 2px; border-radius: 2px; cursor: pointer; margin-bottom: 3px; max-width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .app_tag.user_defined { background-color: rgba( 103, 193, 245, 0.4 ); } .app_tag:hover { text-decoration: none; color: #ffffff; background: #67c1f5; /* Old browsers */ background: -moz-linear-gradient(-60deg, #67c1f5 0%, #417a9b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#67c1f5), color-stop(100%,#417a9b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-60deg, #67c1f5 0%,#417a9b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-60deg, #67c1f5 0%,#417a9b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-60deg, #67c1f5 0%,#417a9b 100%); /* IE10+ */ background: linear-gradient(135deg, #67c1f5 0%,#417a9b 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67c1f5', endColorstr='#417a9b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .app_tag.add_your_own, .app_tag.previous_tag { background-color: rgba( 103, 193, 245, 0.2 ) } .app_tag.add_your_own:hover, .app_tag.previous_tag:hover { color: #ffffff; background-color: #67c1f5; /* Old browsers */ } .app_tag.previous_tag { background-image: url( '/public/images/v6/tag_yours_addbg.png' ); background-position: left center; background-repeat: no-repeat; padding-left: 19px; } .app_tag.previous_tag:hover { background-image: url( '/public/images/v6/tag_yours_addbg_hover.png' ); background-position: left center; background-repeat: no-repeat; padding-left: 19px; } .app_tag_control { height: 19px; line-height: 19px; color: #626366; padding: 2px; background-color: #222225; margin-bottom: 2px; } .app_tag_control.no_tags_yet { padding-left: 8px; } .app_tag_checkbox, .app_tag_adjust, .app_tag_report, .app_tag_ban { float: right; width: 13px; height: 19px; cursor: pointer; } .app_tag_ban_prompt { margin-bottom: 12px; line-height: 20px; } .app_tag_ban_checkbox { margin-top: 2px; float: left; } .app_tag_ban_label { margin-left: 20px; margin-bottom: 10px; } .app_tag_ban_note { margin-left: 20px; margin-bottom: 20px; max-width: 600px; font-style: italic; } .app_tag_count { float: right; margin-right: 4px; } .app_tag_adjust { font-weight: bold; text-align: center; color: #384959; margin-right: 4px; } .app_tag_adjust:hover { cursor: pointer; color: #779abd; } .app_tag_advanced { display: none; } #app_tagging_modal.advanced_enabled .app_tag_advanced { display: block; } #app_tagging_modal.advanced_enabled .app_tag { max-width: 140px; } .app_tag_checkbox { background: url( '/public/images/v6/tag_check.png' ) bottom center no-repeat; margin-left: 4px; } .app_tag_report { background: none; } .app_tag_control:hover .app_tag_report { background: url( '/public/images/v6/tag_report.png' ) bottom center no-repeat; } .app_tag_control .app_tag_report.reported { background: url( '/public/images/v6/tag_report.png' ) top center no-repeat; } .app_tag_control:hover .app_tag_ban { background: url( '/public/images/v6/tag_report.png' ) bottom center no-repeat; } .glance_content_descriptors_ctn { margin: 10px 0px 0px 0px; font-size: 11px; } .glance_content_descriptors_label { line-height: 19px; font-size: 12px; color: #556772; } .app_report_dialog { font-size: 14px; max-width: 600px; width: 100%; } .app_report_dialog_intro { margin-bottom: 20px; } .app_report_dialog_option { margin-bottom: 16px; line-height: 20px; } .app_report_dialog_option .sub { font-size: 12px; color: #777777; } .app_report_dialog_option_input { margin-top: 4px; float: left; } .app_report_dialog_option_text { margin-left: 25px; } .app_report_dialog_reason, .app_embed_dialog_description { background-color: rgba( 0, 0, 0, 0.2 ); border-radius: 3px; border: 1px solid #000; box-shadow: 1px 1px 0 0 rgba( 91, 132, 181, 0.2 ); color: #C6D4DF; margin-bottom: 6px; outline: none; padding: 4px 6px; display: block; width: calc(100% - 12px); height: 100px; } .app_report_dialog_dmca { padding-top: 10px; padding-bottom: 10px; font-size: 13px; } .tag_control_flash { animation-duration: 1s; -webkit-animation-duration: 1s; animation-name: anim_tag_control_flash; -webkit-animation-name: anim_tag_control_flash; } @keyframes anim_tag_control_flash { from { background-color: #4d6d8c; } to { background-color: #19191b; } } @-webkit-keyframes anim_tag_control_flash { from { background-color: #4d6d8c; } to { background-color: #19191b; } } .app_tag_checkbox.checked { background-position: top; } .app_tag_modal_tooltip { font-size: 11px; color: #626366; cursor: default; margin-left: 8px; } .app_tags.your_tags { margin-bottom: 36px; } .app_tag_modal.nologin .app_tag_checkbox { display: none; } .app_tag_modal_left, .app_tag_modal_right { width: 256px; } .app_tag_modal_left { padding-right: 16px; float: left; } .app_tag_modal_content { position: relative; margin-bottom: 64px; } .app_tag_modal_seperator { position: absolute; top: 0; bottom: 0; left: 272px; width: 1px; background-color: #3c3d3e; } .app_tag_modal_right { float: right; width: 256px; padding-left: 16px; } .app_tag_modal { width: 546px; } body.v6 .app_tag_modal h2 { color: #969696; font-size: 14px; font-weight: normal; line-height: 20px; margin-bottom: 6px; text-transform: none; letter-spacing: 0px; padding: 0; margin: 0; } .app_tag_modal p { line-height: 17px; margin-bottom: 8px; } .app_tag_modal p.small { line-height: 14px; margin-bottom: 8px; font-size: 12px; color: #626467; } .app_tag_form_ctn button { float: right; margin-left: 12px; } .app_tag_form_ctn .gray_bevel.for_text_input { height: 27px; overflow: hidden; } .app_tag_form_ctn .gray_bevel.for_text_input input { margin-top: 2px; height: 25px; line-height: 25px; } .app_tag_lang_note { font-size: 11px; color: #626366; line-height: 20px; } form#app_tag_form { margin-bottom: 18px; } .app_tag_modal_beta_callout { position: absolute; left: 16px; bottom: 19px; line-height: 20px; font-size: 13px; color: #ad8241; } .app_tag_modal_beta_callout img { vertical-align: text-bottom; margin-right: 4px; } .app_tag_modal_beta_callout a { color: #e6ac56; text-decoration: underline; } .app_tag_modal_beta_callout a:hover { color: #f7cb89; } /* Discovery queue settings dialog */ .dq_settings_content { font-family: "Motiva Sans", Sans-serif; font-weight: 300; /* light */ font-size: 16px; color: #969696; } .queue_options_ctn { display: flex; flex-direction: row; padding-bottom: 32px; border-bottom: 1px solid #000000; } .dq_settings_section { margin: 12px 32px 0px 0px; } .dq_settings_content .dq_settings_section_title { font-family: "Motiva Sans", Sans-serif; font-weight: 200; /* thin */ color: #969696; padding: 10px 0px 3px 0px; font-size: 13px; text-transform: uppercase; } .dq_settings_checkrow { max-width: 300px; background-color: #3d4450; line-height: 21px; font-size: 14px; padding: 2px 6px; border-radius: 3px; margin-bottom: 1px; cursor: pointer; } .dq_settings_checkrow input[type=checkbox] { float: left; height: 21px; vertical-align: middle; margin-right: 8px; } .dq_settings_checkrow label { display: block; overflow: hidden; } .dq_settings_tags { width: 256px; } .dq_excluded_tags { margin-bottom: 12px; } .dq_customize_new { display: inline-block; font-size: 10px; line-height: 14px; padding: 0 4px; background: #99cc00; color: #000000; vertical-align: text-top; margin-right: 2px; } /* new input styles */ input.gray_bevel:-moz-placeholder, textarea.gray_bevel:-moz-placeholder, .gray_bevel textarea:-moz-placeholder, .gray_bevel input:-moz-placeholder { font-style: italic; color: #7c7c7c; } input.gray_bevel::-webkit-input-placeholder, textarea.gray_bevel::-webkit-input-placeholder, .gray_bevel textarea::-webkit-input-placeholder, .gray_bevel input::-webkit-input-placeholder { font-style: italic; color: #7c7c7c; } input.gray_bevel, textarea.gray_bevel, .gray_bevel, .commentthread_comment_edit_textarea_ctn { background-color: rgba(0,0,0,0.2); border-radius: 3px; border: 1px solid #262627; box-shadow: 1px 1px 0px #39393a; color: #BFBFBF; margin-bottom: 6px; outline: none; padding: 4px 6px; } .gray_bevel.for_text_input { display: inline-block; padding-top: 1px; padding-bottom: 1px; height: 23px; } .gray_bevel input { line-height: 21px; height: 21px; } .gray_bevel input, .gray_bevel textarea { border: none; outline: none; background-color: transparent; font-size: 13px; color: #BFBFBF; box-shadow: none; } .gray_bevel.fullwidth { display: block; } .gray_bevel.fullwidth.for_text_input input, .gray_bevel.fullwidth textarea { width: 100%; } input.gray_bevel { height: 20px; } textarea.gray_bevel, .gray_bevel textarea { resize: none; } select.gray_bevel { background-color: #565658; border-radius: 3px; border: 1px solid #262627; box-shadow: 1px 1px 0px #39393a; color: #BFBFBF; margin-bottom: 6px; outline: none; padding: 0px; line-height: 27px; height: 27px; font-size: 14px; } .breadcrumbs { color: #56707f; font-size: 12px; font-family: "Motiva Sans", Sans-serif; font-weight: normal; /* normal */ } .breadcrumbs a { color: #8f98a0; } .breadcrumbs a:hover { color: #ffffff; text-decoration: none; } .apphub_HomeHeaderContent .apphub_HeaderStandardTop { background-image: none; padding-top: 0px; } .apphub_HomeHeaderContent .apphub_AppIcon { display: none; } .apphub_HomeHeaderContent .apphub_AppName { font-family: "Motiva Sans", Sans-serif; font-weight: normal; /* normal */ padding-left: 0px; } /* Subs */ #package_header_container { background-color: #000; background: -moz-linear-gradient(left, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.2)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#80000000',GradientType=1 ); /* IE6-9 */ text-align: center; padding: 15px; } /* Steam curators */ .game_description_column .steam_curators_block { margin: 50px 0 30px 0; } .steam_curator_selected { position: relative; margin-top: 6px; min-height: 75px; overflow: hidden; } .steam_curator_recommendation { overflow: hidden; min-height: 75px; max-width: 409px; font-size: 13px; color: #C6D4DF; } .steam_curator_recommendation_readmore { padding-top: 3px; color: #9099a1; font-size: 12px; } .steam_curator_icon { position: relative; float: left; width: 32px; height: 32px; margin-right: 8px; } .steam_curator_icon.small { margin-bottom: 8px; } .steam_curator_icon.medium { width: 72px; height: 72px; border-left: 1px solid #2F4459; padding-left: 6px; } .steam_curator_icon.medium.no_grid { border-left: none; padding-left: 0px; } .steam_curator_icon.medium img { width: 72px; height: 72px; } .steam_curators_grid { float: left; } .steam_curators_grid.one_wide { width: 40px; } .steam_curators_grid.two_wide { width: 80px; } .steam_curators_grid.three_wide { width: 120px; } .steam_curator_followed_text { position: relative; font-size: 11px; color: #67c1f5; margin-top: 3px; } .steam_curator_followed_text.recommended { } .steam_curator_followed_text.not_recommended { color: orange; } .steam_curator_followed_text.informational { color: yellow; } .steam_curator_recommendation_icon { height: 8px; width: 8px; } .steam_curator_followed_text.recommended .steam_curator_recommendation_icon, .steam_curator_recommendation_icon.recommended { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAIAAAACUFjqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0IwMkI4Mzk2RURFMTFFNkE0QTNENkZDMUZDRTk4OEYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0IwMkI4M0E2RURFMTFFNkE0QTNENkZDMUZDRTk4OEYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozQjAyQjgzNzZFREUxMUU2QTRBM0Q2RkMxRkNFOTg4RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozQjAyQjgzODZFREUxMUU2QTRBM0Q2RkMxRkNFOTg4RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoA/io4AAADoSURBVHjaYhRV0GUAA1XPaAV7v90V4QxIgAnO4pVS4JGQ4xaVxi794cFNIKnsFoYszSKqaSJhaMMIZHFyA/mKTkEPDm789OQeRJoxZu1dVi5uRkZmFg5OiNDnZw8ONKf8+f4VyGYWVTX4/fXzjw9vecRlINLsvAJCytpPTu7+/+8fs6iKHo+47P9/f1m5eFg4uKBWsnN+enxXwz+J5eurZ5JGdgyo4MmJXbLWHuK6lswMv/+wcvL8/PSOS1iCiZkFIn1tzQzNoPQnJ3aC+A8ObFB2C396ai9E7vf3L2w8/EDG/QMbAQIMALlbR72EFlgrAAAAAElFTkSuQmCC); } .steam_curator_followed_text.not_recommended .steam_curator_recommendation_icon, .steam_curator_recommendation_icon.not_recommended { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAIAAAACUFjqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDhFQTAxQjA2RURFMTFFNjlBMDFGRDUyNDE2MjlDQkMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDhFQTAxQjE2RURFMTFFNjlBMDFGRDUyNDE2MjlDQkMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0OEVBMDFBRTZFREUxMUU2OUEwMUZENTI0MTYyOUNCQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0OEVBMDFBRjZFREUxMUU2OUEwMUZENTI0MTYyOUNCQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgbqnF4AAADiSURBVHjaYhRV0FUW5kw0keRgYWIAg88//5x68rnfRyV0yRUWID/SQFyMh9VWUQCuYtft9xBxFhsF/mRTSQZU4KoquOv2O28NYWZ3A7V////fe/edj4OFm40ZIi0nwDHp6FM2FkYWVRFOIJ+dhUmUmxWu+9brb0cffNx/9z2Lm5oQLzsLMyPC5Dtvv6etu/nr7z8gm/nRL97vv/9dffX1zpvv2uLcf/79j15x7fmnXxClLMcefgQiICvOSCJUj2HJuRdAk+EmMcFZ2hLcQHL+mRfIXmBCthLo/kcffiBLAwQYAAEDVQg/h9BQAAAAAElFTkSuQmCC); } .steam_curator_followed_text.informational .steam_curator_recommendation_icon, .steam_curator_recommendation_icon.informational { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAIAAAACUFjqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDIzODZEQjE2RURFMTFFNkFGNjdCRDQyNzM2NEQ2RjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDIzODZEQjI2RURFMTFFNkFGNjdCRDQyNzM2NEQ2RjAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MjM4NkRBRjZFREUxMUU2QUY2N0JENDI3MzY0RDZGMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0MjM4NkRCMDZFREUxMUU2QUY2N0JENDI3MzY0RDZGMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pgm8jbAAAABNSURBVHjaYhRV0GXADZiQOafXGh9cbIBTGhMw4jecBc66ts2ci5P52/e/Wl4nsRgeV3wZn9NevftNwOUUSC/u0QaSQNet6teECwIEGACDmRFhzyrqBwAAAABJRU5ErkJggg==); } .steam_curator_followed_icon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAALBJREFUeNpsj7ELAXEARt/vXDIbbzKZzoKJjE5ZJCaLREqykWSzGi3+ASOjC4uNge1ivDJQQpcTKYNN6L71Dd97ojy/TQAN500lJ3jcrtgtdABN/ocXc4PeTPN63CnOznsJ4GlbAFz3JuNGiqdtEav3ABQZMIaliOqLJtktJ9xPByK1Lv5EDgAZUIQQGKM+AOFCGzVT+VxKgDfeGeByewhkqwTzrR8n8ZW5BkL/me8BANEyNUDBGgT+AAAAAElFTkSuQmCC); height: 8px; width: 8px; } .steam_curators_grid .steam_curator_followed_icon, .steam_curators_grid .steam_curator_recommendation_icon { position: absolute; bottom: 0px; right: 0px; float: none; } .steam_curator_followed_text .steam_curator_followed_icon, .steam_curator_followed_text .steam_curator_recommendation_icon { float: left; margin-top: 3px; margin-right: 3px; } .steam_curators_grid .steam_curator_border { position: absolute; bottom: -1px; right: -1px; float: none; background-image: url( '/public/images/v6/group_border_32.png' ); height: 34px; width: 34px; } .no_curators_followed { padding: 20px; background: rgba( 0, 0, 0, 0.2 ); } .release_notice { background-color: #3d4136; border: 1px solid #ff9900; font-size: 15px; color: #ff7b00; padding: 13px; } .release_notice a { font-size: 15px; color: #ff7b00; text-decoration: underline; } .release_notice a:hover { text-decoration: none; } .release_notice .title { color: #b3977c; font-size: 12px; margin-bottom: 5px; } .small_cap { position: relative; } .small_cap.ds_flagged:not(.ds_wishlist) img { opacity: 0.3; } .screenshot_popup_modal { position: absolute; } .screenshot_popup_modal_content { position: relative; padding: 10px; border-radius: 3px; background: -webkit-linear-gradient( 315deg, #356480 5%,#1a303d 95%); background: linear-gradient( 135deg, #356480 5%,#1a303d 95%); } .screenshot_popup_modal_title { height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #222d3d; } .screenshot_popup_modal_content .screenshot_img_ctn img { cursor: pointer; } .screenshot_popup_modal_footer { position: relative; height: 28px; line-height: 28px; margin-top: 10px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .screenshot_popup_modal_footer .btnv6_blue_hoverfade span { line-height: 26px; } .screenshot_popup_modal_footer .previous { position: absolute; left: 0; top: 0; } .screenshot_popup_modal_footer .next { position: absolute; right: 0; top: 0; } .game_area_purchase_game_wrapper.playtest { background: -moz-linear-gradient(-15deg, rgba(152,128,60,0.3) 0%, rgba(226,244,255,0.3) 70%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(152,128,60,0.3)), color-stop(70%,rgba(226,244,255,0.3))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-15deg, rgba(152,128,60,0.3) 0%,rgba(226,244,255,0.3) 70%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-15deg, rgba(152,128,60,0.3) 0%,rgba(226,244,255,0.3) 70%); /* Opera 11.10+ */ background: -ms-linear-gradient(-15deg, rgba(152,128,60,0.3) 0%,rgba(226,244,255,0.3) 70%); /* IE10+ */ background: linear-gradient(165deg, rgba(152,128,60,0.3) 0%,rgba(226,244,255,0.3) 70%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41433a', endColorstr='#4de2f4ff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .game_area_purchase_game_wrapper.playtest .game_area_purchase_game { background: none; border-top: 2px solid #1b2838; } .game_pt_info { padding: 15px; color: #c7d5e0; } .game_pt_info a { text-decoration: underline; } .game_pt_info h1 { font-family: "Motiva Sans", Sans-serif; font-weight: 200; /* thin */ font-size: 30px; color: #ffe8a3; } .game_pt_info p { font-family: "Motiva Sans", Sans-serif; font-weight: 300; /* light */ color: #c6d4df; font-size: 15px; } .game_pt_info .game_pt_note { font-family: "Motiva Sans", Sans-serif; font-weight: 300; /* light */ color: #e8d59b; margin: 2px 0 12px 0; } #pt_block, #pt_active, #pt_join { display: none; } .castandcrewtitle { font-family: "Motiva Sans", Sans-serif; font-weight: bold; /* bold */ width: 150px; float: left; } .castandcrewlist { margin-left: 150px; } /* item store items */ .item_store_items_game_page_container { margin-top: 2px; position: relative; padding: 10px; display: flex; justify-content: space-between; background: -moz-linear-gradient(-60deg, rgba(97,100,101,0.3) 0%, rgba(226,244,255,0.3) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(97,100,101,0.3)), color-stop(100%,rgba(226,244,255,0.3))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-60deg, rgba(97,100,101,0.3) 0%,rgba(226,244,255,0.3) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-60deg, rgba(97,100,101,0.3) 0%,rgba(226,244,255,0.3) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-60deg, rgba(97,100,101,0.3) 0%,rgba(226,244,255,0.3) 100%); /* IE10+ */ background: linear-gradient(135deg, rgba(97,100,101,0.3) 0%,rgba(226,244,255,0.3) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d616465', endColorstr='#4de2f4ff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .item_store_overlay_link { opacity: 0; position: absolute; height: 100%; width: 100%; top: 0; left: 0; text-align: center; } .item_store_overlay_link:hover { opacity: 1; background-color: rgba(0,0,0,0.5); border: 2px solid #67c1f5; } .item_store_overlay_link a { padding-top: 60px; width: 100%; height: 99px; display: block; } .item_store_items_game_page_container > .item_def_grid_item { margin-right: 4px; } .item_def_icon { width: 114px; height: 114px; border: 1px solid rgba(0,0,0,0); display: block; } .item_def_grid_item .item_def_price { line-height: 20px; float: right; font-size: 12px; } .item_def_icon_container { position: relative; background: #111111; } /* responsive */ @media screen and (max-width: 910px) { html.responsive .game_description_snippet { overflow: hidden; padding-right: 0; } html.responsive #game_highlights, html.responsive #game_highlights .rightcol { width: auto; height: auto; } html.responsive .discoveryqueue_appwidget { height: 50px; margin-bottom: 10px; } } html.responsive.tablet .game_description_snippet { overflow: hidden; padding-right: 0; } html.responsive.tablet #game_highlights, html.responsive.tablet #game_highlights .rightcol { width: auto; height: auto; } html.responsive.tablet .discoveryqueue_appwidget { height: 50px; margin-bottom: 10px; } @media screen and (max-width: 910px) { html.responsive .game_area_play_stats { width: auto; margin: 0 2%; } } @media screen and (max-width: 910px ) { html.responsive #game_highlights a:not(.app_tag) { height: 100%; position: relative; } html.responsive .highlight_overflow { margin-right: 0; } html.responsive .glance_ctn { padding: 4px 2%; } html.responsive .game_header_image_ctn { float: left; width: 50%; margin-right: 8px; } html.responsive .game_header_image_ctn img.game_header_image_full { width: 100%; height: auto; } html.responsive .glance_ctn_responsive_left { overflow: hidden; } html.responsive .glance_ctn_responsive_right { clear: left; padding-top: 10px; } html.responsive .glance_tags_ctn { overflow: hidden; margin-top: 0; } html.responsive .glance_ctn_responsive_right .glance_tags_ctn:first-child { float: left; width: 50%; margin-right: 8px; } html.responsive #package_header_container { padding: 2%; } html.responsive .early_access_banner { height: 80px; } html.responsive .early_access_banner p { width: auto; } } @media screen and (max-width: 560px) { html.responsive .glance_ctn_responsive_left { clear: left; float: left; width: 50%; margin-right: 8px; } html.responsive .glance_ctn_responsive_right { clear: none; overflow: hidden; padding-top: 0; } html.responsive .glance_ctn_responsive_right .glance_tags_ctn, html.responsive .glance_ctn_responsive_right .glance_tags_ctn:first-child { float: none; width: auto; margin-right: 0; } html.responsive .glance_tags_ctn.your_tags_ctn { display: none; } } @media screen and (max-width: 500px ) { html.responsive .game_header_image_ctn { float: none; width: auto; } html.responsive .steam_curators_grid { width: auto; float: none; } html.responsive .steam_curator_selected .steam_curator_icon.medium { border: none; padding-left: 0; } html.responsive .game_purchase_action_bg .btn_medium > span { padding: 0 10px; font-size: 13px; } } @media screen and (max-width: 380px) { html.responsive .glance_ctn_responsive_left, html.responsive .glance_ctn_responsive_right { float: none; width: auto; } html.responsive .glance_tags_ctn { margin-top: 10px; } } .dynamic_bundle_description { position: relative; } .ds_flag.ds_completetheset { background: #4F95BD; top: -4px; left: 18px; padding: 0 8px; } .bundle_contents_preview { padding: 6px; margin: 8px -6px 0 -6px; background: rgba(0,0,0,0.5); } .sale_page_purchase_content .bundle_contents_preview { margin-top: 3px; } .bundle_contents_preview_position { position: relative; height: 45px; overflow: hidden; white-space: nowrap; } .bundle_contents_preview a.bundle_contents_preview_item:first-child { position: relative; z-index: 30; } .bundle_contents_preview a.bundle_contents_preview_item { display: inline-block; } a.bundle_contents_preview_item .ds_flag { top: 20px; } .bundle_contents_preview.collapsed a.bundle_contents_preview_item { box-shadow: 2px 0 5px 0px #000000; } .bundle_contents_preview a.bundle_contents_preview_item.floated { position: absolute; } .bundle_contents_preview img { display: block; } .bundle_label { cursor: default; color: #A4D7F5; font-size: 18px; font-family: "Motiva Sans", Sans-serif; font-weight: 200; /* thin */ } .bundle_label .bundle_label_tooltip { color: #8f98a0; font-size: 12px; vertical-align: baseline; } .game_area_description.bundle_description { margin-bottom: 16px; } .agegate_content_descriptors { font-family: "Motiva Sans", Sans-serif; font-weight: 300; font-size: 18px; color: #ffffff; } .agegate_content_descriptors > span.content_descriptor { border-bottom: 1px dotted #67c1f5; line-height: 17px; display: inline-block; } .agegate_content_descriptors_notes { margin-top: 20px; color: #9db2be; } .agegate_content_descriptors_notes p { font-size: 14px; color: #dee6ed; } .agegate_tags { text-align: center; width: 350px; margin: 0 auto 7vh auto; } .agegate_tags .glance_tags_ctn { margin: 7px 0px 0px 0px; } .agegate_tags .app_tag { font-family: "Motiva Sans", Sans-serif; font-weight: 300; /* light */ font-size: 18px; color: #ffffff; background-color: transparent; border-bottom: 1px dotted #67c1f5; padding: 0; margin-right: 10px; line-height: 17px; display: inline-block; border-radius: 0; overflow: visible; } .agegate_text_container { text-align: center; max-width: 550px; margin-left: auto; margin-right: auto; } .agegate_text_container .img_ctn { margin: -45px 0 15px 0; padding: 0px; } .main_content_ctn { border: 1px solid rgba(255,255,255,0.2); border-radius: 5px; } .agegate_text_container img { margin: 0px; padding: 0px; width: 50%; height: 50%; background-color: rgba( 255, 255, 255, 0.1 ); box-shadow: 0 0 5px 0 #000000; } .agegate_text_container > p { margin: 35px 0 0 0; color: #9db2be; line-height: 25px; } div.agegate_text_container > h2 { color: #fff; font-weight: 200; } .agegate_text_container.btns { margin-top: 6vh; height: 67px; } .agegate_text_container.checkbox { margin-top: 2%; } .agegate_text_container .agegate_ao_txt { margin-bottom: 4px; } #app_agegate { font-family: "Motiva Sans", Sans-serif; font-weight: 200; /* thin */ margin-top: 8%; margin-bottom: 150px; } #app_agegate .preferences { margin-top: 20px; font-size: 14px; padding-top: 20px; color: #9db2be; } #app_agegate .preferences a { text-decoration: underline; } #app_agegate .agegate_selector { display: inline-block; } #app_agegate .agegate_selector > a { border-radius: 2px; border: none; vertical-align: top; font-size: 14px; padding: 5px 30px 5px 15px; } #app_agegate select { padding: 2px 3px; height: 22px; color: #67c1f5; background-color: rgba(103, 193, 245, 0.2); border-radius: 2px; border: none; vertical-align: top; } #ageYear_droplist a, #ageDay_droplist a, #ageMonth_droplist a { font-size: 14px; } #ageYear_droplist, #ageDay_droplist, #ageMonth_droplist { overflow-y: auto; max-height: 30vh; } #app_agegate select option { background-color: #417a9b; color: #e5e4dc; } .agegate_birthday_selector { background: rgba(255,255,255,0.1); border-radius: 5px; text-align: center; max-width: 550px; margin-left: auto; margin-right: auto; margin-top: 20px; padding: 12px; } .agegate_birthday_desc { font-size: 14px; padding-bottom: 10px; } .agegate_wizard { margin-top: 15px; background: #435363; padding: 10px 16px 16px 16px; margin-bottom: 10px; text-align: left; position: relative; border-radius: 4px; max-width: 80%; margin-left: auto; margin-right: auto; } .agegate_wizard:after { bottom: 100%; left: 4%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #435363; border-width: 20px; margin-left: -20px; } body.v6 .agegate_wizard h2 { font-family: "Motiva Sans", Sans-serif; font-weight: 200; /* thin */ color: #ffffff; } body.v6 .agegate_wizard .subtitle { font-family: "Motiva Sans", Sans-serif; font-weight: 300; /* light */ font-size: 14px; color: #c6d4df; } body.v6 .agegate_wizard .subtitle a { text-decoration: underline; } .sign_in_ctn { margin-top: 6px; } .sign_in_ctn .btn { top: 5px; position: relative; float: left; margin-right: 14px; } .agegate_wizard_preference_option { font-family: "Motiva Sans", Sans-serif; font-weight: 200; /* thin */ color: #ffffff; font-size: 15px; padding: 10px 15px; margin-top: 10px; background-color: rgba( 255,255,255, 0.2 ); border: 1px solid rgba(255,255,255,0.2); border-radius: 4px; box-shadow: 0 0 5px rgba(0,0,0,0.5); } .agegate_wizard_preference_option .question span { color: #d5ff3d; } .agegate_wizard_preference_option .top_block { display: flex; justify-content: space-between; } .agegate_wizard_preference_option_controls { text-align: right; min-width: 150px; } #agegate_wizard_done { display: none; padding: 10px 15px; margin-top: 10px; background-color: rgba( 163, 207, 6, 0.8 ); } #agegate_wizard_done h2 { font-size: 16px; } .agegate_wizard_preference_option .question span.descriptor { font-weight: bold; display: inline; color: #ffffff; } .agegate_wizard_preference_option .examples { font-size: 12px; } .agegate_wizard_preference_option .examples a { text-decoration: underline; } /* Series, Seasons, Episodes */ .series_seasons .season_selector { padding: 0px 0px; box-shadow: 0 5px 2px -2px rgba(0,0,0,0.5); margin: 5px 0px; position: relative; white-space: nowrap; overflow: hidden; } .series_seasons .season_selector .store_horizontal_minislider { overflow: hidden; } .series_seasons .season_episode_list_wrapper { margin-top: 10px; } .series_seasons.extra_content_spacer { margin-top: 30px; } .season_video_extras_summary { float: right; position: relative; top: -27px; text-transform: uppercase; font-size: 12px; color: #c6d4df; display: inline-block; font-family: "Motiva Sans", Sans-serif; font-weight: normal; /* normal */ } .season_video_extras_note { font-family: "Motiva Sans", Sans-serif; font-weight: normal; /* normal */ position: relative; display: block; top: -5px; clear: both; } .series_episode { background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=1 ); /* IE6-9 */ min-height: 110px; overflow: auto; height: auto !important; width: 100%; position: relative; /* for ds_flag display */ font-family: "Motiva Sans", Sans-serif; font-weight: 300; /* light */ } .series_episode .ds_flag { top: 6px; } .series_episode .episode_image_col { float: left; height: 110px; overflow: hidden; } .series_episode .episode_image { width: 236px; height: 110px; } .series_episode .episode_details_col { padding: 6px 6px 2px 12px; float: left; width: 360px; } .series_episode .episode_name { color: #fff; } .series_episode .episode_date { display: inline; color: #8f98a0; font-size: 11px; margin-right: 20px; } .series_episode .episode_runtime { display: inline; color: #8f98a0; font-size: 11px; } .series_episode .episode_description { font-size: 12px; margin-top: 4px; margin-bottom: 24px; color: #acb2b8; } .series_episode.nosub .episode_description { margin-bottom: 10px; } .series_episode.active { background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(103,193,245,0.4) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(103,193,245,0.4) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(103,193,245,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#6667c1f5',GradientType=1 ); /* IE6-9 */ } .series_seasons .episode_action_col { position: relative; right: 16px; float: right; margin-bottom: -10px; top: -19px; font-family: "Motiva Sans", Sans-serif; font-weight: 300; /* light */ } .series_seasons .season_name { display: inline-block; background: rgba( 42, 63, 90, 0.6 ); border-top-left-radius: 3px; border-top-right-radius: 3px; font-size: 13px; color: #2f89bc; line-height: 24px; cursor: pointer; vertical-align: top; margin-top: 3px; box-shadow: inset 0 -2px 3px 0 rgba( 0, 0, 0, 0.25 ); -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; } .series_seasons .season_name:hover { color: #ffffff; } .series_seasons .season_name .tab_content { border-top-left-radius: 3px; border-top-right-radius: 3px; font-size: 13px; color: #4f94bc; line-height: 24px; padding: 0 10px; cursor: pointer; vertical-align: top; box-shadow: inset 0 -2px 3px 0 rgba( 0, 0, 0, 0.25 ); } .series_seasons .season_name .tab_content:hover { color: #ffffff; background: #67c1f5; /* Old browsers */ background: -moz-linear-gradient(-60deg, #67c1f5 0%, #417a9b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#67c1f5), color-stop(100%,#417a9b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-60deg, #67c1f5 0%,#417a9b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-60deg, #67c1f5 0%,#417a9b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-60deg, #67c1f5 0%,#417a9b 100%); /* IE10+ */ background: linear-gradient(135deg, #67c1f5 0%,#417a9b 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67c1f5', endColorstr='#417a9b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .series_seasons .season_name.active { background: -moz-linear-gradient(top, rgba(103,193,245,1) 0%, rgba(103,193,245,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(103,193,245,1)), color-stop(100%,rgba(103,193,245,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(103,193,245,1) 0%,rgba(103,193,245,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(103,193,245,1) 0%,rgba(103,193,245,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(103,193,245,1) 0%,rgba(103,193,245,0) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(103,193,245,1) 0%,rgba(103,193,245,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67c1f5', endColorstr='#0067c1f5',GradientType=0 ); /* IE6-9 */ margin-top: 0; box-shadow: none; padding: 1px; } .series_seasons .season_name.active .tab_content { line-height: 29px; font-size: 14px; color: #ffffff; background: #1a2737; text-shadow: -1px -1px rgba( 0, 0, 0, 0.25 ); cursor: default; margin-top: 0; box-shadow: none; } .season_episode_list_wrapper .season_episode_list { display: none; } .season_episode_list_wrapper .season_episode_list.active { display: block; } .series_episode.nosub { margin-bottom: 10px; } .season_bundle_description { color: #b0aeac; font-size: 12px; } @media screen and (max-width: 910px ) { html.responsive .series_episode .episode_image_col { width: 30%; height: auto; } html.responsive .series_episode .episode_image { height: auto; } html.responsive .series_episode .episode_details_col { width: 65%; padding: 5px 5px 5px 8px; } html.responsive .series_episode.nosub .episode_action_col { display: none; } } @media screen and ( max-width: 625px ) { html.responsive .series_episode .episode_action_col { position: inherit; } html.responsive .series_episode .episode_image_col { padding-top: 8px; } } .bundle_simulator_form .bundle_simulator_row { line-height: 24px; font-size: 16px; padding: 4px 8px; white-space: nowrap; } .bundle_simulator_secondary { margin: 6px 0; } .bundle_simulator_form .bundle_simulator_row:nth-child(2n) { /* background: rgba( 0, 0, 0, 0.4 ); */ } .bundle_simulator_form .bundle_simulator_row:hover { background: rgba( 255, 255, 255, 0.1 ); } .bundle_simulator_form .bundle_simulator_row input { display: block; float: left; vertical-align: middle; margin-right: 8px; height: 24px; } .bundle_simulator_form .bundle_simulator_row label { display: block; overflow: hidden; } .age_queue_btn_ctn { margin-left: 16px; } .rightcol.game_meta_data .block.recommendation_reasons { padding-left: 28px; } .rightcol.game_meta_data .block.recommendation_noinfo { color: #acb2b8; font-size: 14px; line-height: 22px; } .rightcol.game_meta_data .block.recommendation_noinfo a { margin-bottom: 4px; } .rightcol.game_meta_data .block.recommendation_noinfo p:not(:first-child) { margin-top: 16px; } .rightcol.game_meta_data .block.heading { margin-bottom: 0; background-color: rgba(0,0,0,0.2); color: #fff; font-size: 16px; padding: 10px 18px; } .block.recommendation_reasons, .block.recommendation_reasons p { color: #969696; font-size: 14px; } .block.recommendation_reasons a { color: #67c1f5; } .block.recommendation_reasons hr { height: 1px; margin: 10px 0; border: none; background-color: #273747; } .block.recommendation_reasons hr:last-child { display: none; } .similar_recent_apps_container { display: flex; margin-top: 3px; } .block.recommendation_reasons .similar_recent_apps_container > a { display: block; color: #626a6e; font-size: 12px; } .similar_recent_apps_container > a > img { width: 130px; margin-right: 1px; } p.reason { line-height: 16px; vertical-align: top; margin-bottom: 3px; } p.reason.for:before { content: ' '; margin-left: -20px; position: absolute; display: inline-block; vertical-align: top; width: 16px; height: 16px; background-image: url(/public/images/v6/app/game_reasons_for.png); } p.reason.against:before { content: ' '; margin-left: -20px; position: absolute; display: inline-block; vertical-align: top; width: 16px; height: 16px; background-image: url(/public/images/v6/app/game_reasons_not.png); } p.reason.info:before { content: ' '; margin-left: -20px; position: absolute; display: inline-block; vertical-align: top; width: 16px; height: 16px; background-image: url(/public/images/v6/app/game_reasons_info.png); } .recommended_more_info_modal { width: 500px; } .recommended_more_info_modal p.intro { font-size: 16px; line-height: 22px; } .recommended_more_info_modal p { font-size: 14px; line-height: 20px; } .recommended_more_info_modal h2 { margin: 20px 0 3px 0; color: #fff; font-size: 16px; } .referring_curator_ctn { margin-top: 20px; margin-bottom: 30px; } .referring_curator { background: -webkit-linear-gradient( 30deg, #576674 5%,#313b46 95%); background: linear-gradient( 60deg, #576674 5%,#313b46 95%); padding: 16px; margin: 0px 0px 8px 0px; display: flex; box-shadow: 0 0 5px #000; } body.v6 .page_content.notes { margin-bottom: 20px; } .referring_curator_note { color: #93b0bb; margin-top: 3px; font-size: 11px; text-shadow: none; } .referring_curator .video { margin-right: 14px; width: 320px; height: 180px; flex-shrink: 0; } .referring_curator .video iframe { width: 100%; height: 100%; } .referring_curator .avatar, .referring_curator .avatar img { width: 50px; height: 50px; border-radius: 4px; display: inline-block; position: relative; } .referring_curator .curator_info_ctn { display: inline-block; position: absolute; padding-left: 8px; margin-top: 8px; } .referring_curator .blurb { font-family: "Motiva Sans", Sans-serif; font-weight: 300; /* light */ color: #fff; font-size: 16px; display: flex; line-height: 25px; flex-direction: column; justify-content: space-between; } .referring_curator .curator_detail_right_ctn.no_video .blurb { width: 100%; } .referring_curator .blurb .review_title { text-transform: uppercase; font-size: 17px; margin-top: -4px; display: block; letter-spacing: 1.5px; font-weight: 500; font-style: normal; } .referring_curator .blurb p { text-indent: -4px; padding-bottom: 8px; padding-top: 6px; font-style: italic; } .referring_curator .blurb .notes { float: right; } .curator_received { width: 16px; } .referring_curator .curator_detail_right_ctn { display: flex; } .referring_curator .curator_detail_right_ctn.no_video { width: 100%; } .referringSteamCurator { font-size: 11px; line-height: 9px; padding-bottom: 8px; color: #93b0bb; } .referringSteamCurator a { text-decoration: underline; color: #93b0bb; } .referringSteamCurator .curator_review_date { margin-left: 5px; color: #93b0bb; } .discussion_button_ctn, .readmore_button_ctn { display: inline-block; } .discussion_button_ctn>span, .readmore_button_ctn>span { background: #1b2838; display: inline-flex; border-radius: 2px; } .review_ctn { border-top: 1px solid #000; } .color_recommended{ color: #66c0f4; } .color_not_recommended { color: #f49866; } .color_informational { color: #f5df67; } .music_album_track_listing_table { font-family: "Motiva Sans", Sans-serif; font-weight: normal; /* normal */ display: flex; flex-direction: column; font-size: 14px; color: #d0d4d7; } .music_album_track_ctn { display: flex; justify-content: space-between; background: #213649; padding: 4px 6px; } .music_album_track_ctn:nth-child(2n) { background: #1e2e40; } .music_album_track_number { width: 30px; } .music_album_track_name_ctn { flex-grow: 1; } .music_album_track_name, .music_album_track_name_other_language { display: inline; } .music_album_track_name_other_language { color: #9aa8b7; } /* Have DLC list use a flex row to support responsive UX */ .game_area_dlc_row { display: flex; flex-direction: row; justify-content: space-between; padding: 4px !important; } .game_area_dlc_name { padding-right: 5px; padding-left: 8px; } .game_area_dlc_price { text-align: right; padding-right: 5px; position: unset; flex-shrink: 0; } /* Share dialog styles */ .share.share_dialog .share_dialog_content { margin-top: 20px; margin-right: 12px; } .share.share_dialog .share_dialog_value { font-family: "Motiva Sans", Sans-serif; font-size: 16px; width: 100%; background-color: unset; color: white; padding: 4px; border: 1px solid #333333; box-shadow: inset 2px 2px 10px rgba(0, 0, 0, 0.4); outline: none; resize: none; } .share.share_dialog .share_dialog_result { margin-top: 10px; text-align: center; min-height: 24px; } .share.share_dialog > a > img { height: 48px; width: 48px; } .responsive_release_date_text, .responsive_reviewdesc_short, .responsive_add_to_wishlist, .responsive_purchase_options_ctn, .newux_optin_banner, .responsive_review_menu_ctn, .responsive_purchase_source, .responsive_voting_image, .responsive_review_settings_img, .responsive_block_header { display: none; } @media screen and ( max-width: 500px ) { html.responsive .newux_optin_banner { display: flex; flex-direction: row; justify-content: center; margin: 0px 5px 5px 5px; padding-bottom: 10px; border-radius: 4px; } html.responsive .newux_optin_banner.optin { background: linear-gradient(90deg, #06BFFF 0%, #2D73FF 100%); } html.responsive .newux_optin_banner span { font-size: 14px; flex-grow: 1; text-align: right; } html.responsive .newux_optin_banner img { display: block; margin: auto 0px; height: 16px; width: 16px; padding-left: 5px; padding-right: 10px; } } .saleEventBannerStyle { object-fit: contain; display: block; position: absolute; width: 100%; top: 0; max-width: 100%; cursor: pointer; position: relative; margin-left: auto; margin-right: auto; margin-bottom: 0px; z-index: 100; transform: scale(1.00); /*box-shadow: 0 0 10px #000;*/ filter: saturate(0.85); transition: transform .21s ease-in-out, filter .21s ease-in-out; } .saleEventBannerStyle:hover { filter: saturate(1.0); transform: scale(1.03); } .saleEventBannerMobile { display:none; } .saleEventBannerBig { width: 1053px; } .saleEventBannerLink { display: block; margin-bottom: 16px; } @media screen and ( max-width: 940px ) { .saleEventBannerLink { margin-bottom: 10px; } } @media screen and ( max-width: 600px ) { html.responsive .saleEventBannerBig { display: none; } html.responsive .saleEventBannerMobile { display: block; margin-bottom: 10px; z-index: 100; } } .open_in_steam_container { position: relative; display: flex; flex-direction: column; padding: 5px; color: #b8e0fd; font-size: 13px; justify-content: center; background: rgb(87,164,208); /* Old browsers */ background: -moz-linear-gradient(-60deg, #7C8B9D 0%, #576C84 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#7C8B9D), color-stop(100%,#576C84)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-60deg, #7C8B9D 0%,#576C84 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-60deg, #7C8B9D 0%,#576C84 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-60deg, #7C8B9D 0%,#576C84 100%); /* IE10+ */ background: linear-gradient(135deg, #7C8B9D 0%,#576C84 100%); /* W3C */ } .open_in_steam_text { display: flex; flex-direction: column; padding-right: 8px; } .open_in_steam_text .title { font-weight: 600; } .open_in_steam_valve_only { position: absolute; top: -3px; right: 0; font-size: 10px; padding: 1px 3px; background: #bf5609; color: #111111; } .open_in_steam_body { display: flex; flex-direction: row; align-items: center; padding: 5px; margin: 10px; border-radius: 5px; background-color: #d9d9d933; box-shadow: 2px 2px 20px rgba(0,0,0,0.3); color: #eeeeee; } a.open_in_steam_body:hover { color: #eeeeee; } .open_in_steam_img { height: 31px; margin-right: 10px; padding: 2px; background: #ffffff; border-radius: 4px; } .get_the_app_container { margin-left: 10px; margin-bottom: 5px; text-transform: uppercase; font-weight: 600; }