Last active
October 17, 2018 10:57
-
-
Save HatScripts/82028653c281600bea81fb6f374094ba to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| *{ | |
| box-shadow: none !important; | |
| transition: none !important; | |
| -webkit-transition: none !important; | |
| -moz-transition: none !important; | |
| -o-transition: none !important; | |
| } | |
| @media /* Large screen, non-retina */ | |
| only screen and (min-width: 1000px) { | |
| body { | |
| -webkit-transform: scale(1) !important; | |
| -webkit-transform-origin: 50% 00% 0 !important; | |
| } | |
| } | |
| @media /* Large screen, non-retina */ | |
| only screen and (min-width: 2000px) { | |
| body { | |
| -webkit-transform: scale(1) !important; | |
| -webkit-transform-origin: 50% 00% 0 !important; | |
| } | |
| } | |
| @media /* Large screen, non-retina */ | |
| only screen and (min-width: 3000px) { | |
| body { | |
| -webkit-transform: scale(2) !important; | |
| -webkit-transform-origin: 50% 0% 0 !important; | |
| } | |
| } | |
| @media /* Large screen, non-retina */ | |
| only screen and (min-width: 4000px) { | |
| body { | |
| -webkit-transform: scale(2) !important; | |
| -webkit-transform-origin: 50% 00% 0 !important; | |
| } | |
| } | |
| #modalContent.modal.frame { | |
| position: absolute !important; | |
| z-index: 1000; | |
| border-radius: 4px !important; | |
| background-color: black; | |
| width: 100% !important; | |
| height: 100% !important; | |
| margin: 0 auto !important; | |
| display: flex !important; | |
| } | |
| img { | |
| border: none; | |
| border-radius: 4px; | |
| } | |
| .store_nav .tab img.foryou_avatar { | |
| margin-left: -5px; | |
| width: 16px; | |
| height: 16px; | |
| vertical-align: text-bottom; | |
| margin-right: 6px; | |
| border: none; | |
| padding: 0; | |
| margin: 0; | |
| border-radius: 35px !important; | |
| } | |
| .dailydeal_countdown { | |
| font-size: 20px !important; | |
| background-color: #4f95bd !important; | |
| padding-top: 5px !important; | |
| padding-bottom: 3px !important; | |
| } | |
| .capsule.header img { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: auto; | |
| vertical-align: top; | |
| border: none; | |
| padding: 0; | |
| margin: 0; | |
| border-radius: 4px !important; | |
| } | |
| .capsule.headerv5 img, .capsule.headerv5 { | |
| padding-top: 46.57534246575342%; | |
| vertical-align: top; | |
| padding: 0; | |
| margin: 0; | |
| border-radius: 4px !important; | |
| } | |
| .daily_deal .dailydeal_desc { | |
| font-size: 11px !important; | |
| color: #c4e4f2 !important; | |
| } | |
| .dailydeal_countdown.ttip { | |
| color: #c4e4f2 !important; | |
| background-color: #4f95bd !important; | |
| display: inline-block !important; | |
| color: #282d33; | |
| font-size: 10px !important; | |
| background: #ff7b00 !important; | |
| line-height: 13px !important; | |
| padding: 0 4px !important; | |
| margin-top: 4px !important; | |
| border-radius: 4px !important; | |
| } | |
| .tab_item_discount .discount_pct, .tab_item_discount.no_discount .bundle_base_discount { | |
| display: block; | |
| float: left; | |
| font-size: 14px; | |
| line-height: 18px; | |
| padding: 0 4px; | |
| margin-top: 8px; | |
| border-radius: 1px; | |
| color: #a4d007; | |
| background: #4c6b22; | |
| margin: 0; | |
| border-radius: 4px !important; | |
| } | |
| .discount_block .discount_pct, .discount_pct { | |
| color: #a4d007; | |
| background: #4c6b22; | |
| display: inline-block; | |
| margin: 0; | |
| border-radius: 4px !important; | |
| } | |
| .discount_block .discount_original_price { | |
| color: #7193a6; | |
| text-decoration: line-through; | |
| font-size: 11px; | |
| font-family: Tahoma, Arial, Helvetica, sans-serif; | |
| padding: 0; | |
| margin: 0; | |
| border-radius: 4px !important; | |
| } | |
| /**/ | |
| .searchbox_news { | |
| border: 1px solid #000000 !important; | |
| background-color: #5398c300 !important; | |
| border-radius: 0px !important; | |
| } | |
| body.recommendgame #review_create { | |
| background: #1E1E1F !important; | |
| padding: 16px !important; | |
| box-shadow: none; | |
| } | |
| #review_create .input_box { | |
| border: 1px solid #000000 !important; | |
| border-radius: 0px !important; | |
| background-color: #222b3500 !important; | |
| } | |
| /* workaround for ios safari, having the background be position: fixed introduces display glitches */ | |
| html.responsive .newmodal_background { | |
| position: absolute; | |
| } | |
| html.responsive.touch .newmodal { | |
| min-width: 0; | |
| } | |
| /* workaround for ios safari, having the background be position: fixed introduces display glitches */ | |
| html.responsive.touch .newmodal_background { | |
| position: absolute; | |
| } | |
| @media screen and (max-width: 910px) | |
| { | |
| html.responsive .newmodal_content { | |
| padding: 15px 3%; | |
| } | |
| } | |
| .newmodal_content_border { | |
| background: -webkit-linear-gradient( top, #4c4c4c 5%, #4a6279 95%); | |
| background: linear-gradient( to bottom, #4c4c4c 5%, #4a6279 95%); | |
| background-color: #4c4c4c; | |
| padding: 0 1px 1px 1px; | |
| } | |
| .newmodal_header_border { | |
| border-top-left-radius: 3px; | |
| border-top-right-radius: 3px; | |
| background: -webkit-linear-gradient( top, #797272 5%, #2e2e2e 95%); | |
| background: linear-gradient( to bottom, #797272 5%, #2e2e2e 95%); | |
| padding: 1px 1px 0 1px; | |
| border-bottom: 1px solid #4a4943; | |
| } | |
| .newmodal_content { | |
| background-color: #232b34; | |
| overflow: auto; | |
| word-wrap: break-word; | |
| padding: 15px 21px; | |
| font-size: 13px; | |
| color: #8f98a0; | |
| position: relative; | |
| } | |
| .newmodal_background { | |
| position: fixed; | |
| z-index: 900; | |
| background: #000000; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| } | |
| .newmodal_header{ | |
| background: #1d1d1d !important; | |
| } | |
| /*background*/ | |
| #footerText { | |
| padding-bottom: 26px !important; | |
| } | |
| .recommended_creators_ctn .recommended_creators_container{ | |
| background: #3d3d3e !important; | |
| border-top: 1px solid #3d3d3e !important; | |
| border-radius: 4px !important; | |
| } | |
| .recommended_creators_ctn .store_capsule{ | |
| background-image: none !important; | |
| border-radius: 4px !important; | |
| } | |
| .page_background_holder { | |
| background-size: 100% !important; | |
| } | |
| .mainLoginPanel { | |
| background: #161617 !important; | |
| } | |
| /*store*/ | |
| body.v6.summer2018_home .gutter_header a:hover .home_page_gutter_giftcard { | |
| background: #30343f00 !important; | |
| } | |
| body.v6.summer2018_home .home_page_gutter_giftcard { | |
| background: #1c202a00 !important; | |
| } | |
| .FeaturedBlock.First{ | |
| background: #1E1E1F !important; | |
| } | |
| body.v6.summer2018_home .home_page_body_ctn{ | |
| background: #1E1E1F !important; | |
| } | |
| .responsive_page_content { | |
| background: #1E1E1F !important; | |
| } | |
| .discovery_queue img { | |
| height: 289px; | |
| position: relative; | |
| padding: 0; | |
| margin: 0; | |
| border-radius: 4px !important; | |
| } | |
| .home_ctn.discovery_queue_ctn { | |
| background: #161617 !important; | |
| border-radius: 4px !important; | |
| } | |
| .home_ctn.tab_container { | |
| background: #161617 !important; | |
| } | |
| body.v6 .page_content_ctn.dark { | |
| background: #1E1E1F !important; | |
| } | |
| body.v6.infinite_scrolling #footer.small_footer { | |
| background: #161617 !important; | |
| } | |
| body.v6 #footer { | |
| background: #161617 !important; | |
| } | |
| .curator_buttons_ctn { | |
| background: #161617 !important; | |
| } | |
| /*Profile*/ | |
| body.flat_page #footer { | |
| background: #161617 !important; | |
| } | |
| /*Steam store header*/ | |
| div#global_header { | |
| max-height: 74px !important; | |
| } | |
| div#global_header .content { | |
| height: 74px !important; | |
| left: -1% !important; | |
| } | |
| div#global_header div.logo { | |
| padding-top: 15px !important; | |
| } | |
| div#global_header .menuitem { | |
| padding-top: 29px !important; | |
| } | |
| div#global_actions #global_action_menu { | |
| padding-top: 18px !important; | |
| } | |
| div#global_actions .user_avatar { | |
| display: inline-block !important; | |
| margin-left: -29px !important; | |
| left: 30px !important; | |
| } | |
| body.v6 .supernav_content, body.v6 #global_header, body.v6 #global_header .content { | |
| background: #161617 !important; | |
| } | |
| .global_header_toggle_button.green, .global_header_toggle_button.has_notifications { | |
| background-color: #3d3d3e !important; | |
| -webkit-transition: background 0.6s !important; | |
| -moz-transition: background 0.6s !important; | |
| -o-transition: background 0.6s !important; | |
| } | |
| .global_header_toggle_button.green, .global_header_toggle_button.has_notifications:hover { | |
| background-color: #5c7e10 !important; | |
| -webkit-transition: background 0.6s !important; | |
| -moz-transition: background 0.6s !important; | |
| -o-transition: background 0.6s !important; | |
| } | |
| .header_installsteam_btn_gray .header_installsteam_btn_leftcap, .header_installsteam_btn_gray .header_installsteam_btn_rightcap, .header_installsteam_btn_gray .header_installsteam_btn_content { | |
| background-color: #3d3d3e !important; | |
| color: #ffffff !important; | |
| } | |
| .review_box .avatar { | |
| float: left; | |
| padding-right: 8px; | |
| display: block; | |
| border-radius: 50px !important; | |
| } | |
| .friends_container { | |
| padding: 8px 7px 5px; | |
| position: relative; | |
| background: #1e1e1f !important; | |
| background-color: #1e1e1f !important; | |
| padding: 0; | |
| margin: 0; | |
| border-radius: 4px !important; | |
| } | |
| .friend_block_v2 { | |
| position: relative; | |
| height: 55px !important; | |
| margin-bottom: 5px !important; | |
| margin-right: 12px; | |
| font-size: 11px; | |
| line-height: 1px !important; | |
| overflow: hidden; | |
| white-space: nowrap; | |
| text-overflow: ellipsis; | |
| background-color: transparent !important; | |
| border: 1px solid transparent; | |
| box-shadow: none !important; | |
| } | |
| .avatars img { | |
| padding: 0; | |
| margin: 0; | |
| border-radius: 80px !important; | |
| } | |
| .header_notification_btn { | |
| background-color: #3d3d3e !important; | |
| } | |
| .header_notification_btn:hover { | |
| background-color: #3d3d3e !important; | |
| } | |
| .popup_block_new .popup_body { | |
| border: 1px solid #1a1a1a !important; | |
| position: relative !important; | |
| background-color: #1a1a1a !important; | |
| } | |
| div#global_header .submenuitem { | |
| background: #1a1a1a !important; | |
| } | |
| .supernav_content { | |
| background: #1a1a1a !important; | |
| } | |
| /* everything else*/ | |
| #store_nav_area .store_nav_bg, .home_page_body_ctn.has_takeover #store_nav_area .store_nav_bg { | |
| background: #353536 !important; | |
| border-radius: 4px !important; | |
| } | |
| .searchbox { | |
| background-image: none !important; | |
| background-color: #303031 !important; | |
| border-radius: 4px !important; | |
| border: none !important; | |
| box-shadow: none; | |
| margin-top: 1px; | |
| } | |
| a#store_search_link img { | |
| background-image: "" !important; | |
| border-radius: 4px !important; | |
| } | |
| a#store_search_link img:hover { | |
| background-image: "" !important; | |
| border-radius: 4px !important; | |
| } | |
| input#store_nav_search_term { | |
| color: grey !important; | |
| font-size: 1em !important; | |
| padding: 0px; | |
| border-radius: 0px; | |
| border: 0px solid black; | |
| } | |
| input::-webkit-input-placeholder { | |
| opacity: 0 !important; | |
| } | |
| .store_header_btn_gray { | |
| background: #3d3d3e !important; | |
| } | |
| .store_header_btn_gray a:hover { | |
| background: #3d3d3e !important; | |
| color: #fff !important; | |
| } | |
| .store_nav .tab:hover > span, .store_nav .tab:hover, .store_nav .tab.focus > span, .store_nav .tab.focus { | |
| background: #3f3f40 !important; | |
| color: #d9dadd !important; | |
| border-radius: 4px !important; | |
| } | |
| body.v6 .store_nav .popup_block_new .popup_body, body.v6 #footer_nav .popup_block_new .popup_body { | |
| background: #353535 !important; | |
| border-radius: 4px !important; | |
| } | |
| .store_nav .popup_menu .popup_menu_item, .creator .responsive_page_template_content .popup_menu .popup_menu_item, .curator .responsive_page_template_content .popup_menu .popup_menu_item, .footer_content .popup_menu .popup_menu_item, .search_area .popup_body .match, .search_area .popup_body .match .match_name { | |
| color: #b8b6b4 !important; | |
| border-radius: 4px !important; | |
| } | |
| .store_nav .popup_menu .popup_menu_item:hover, .store_nav .popup_menu .popup_menu_item.focus, .creator .popup_menu .popup_menu_item:hover, .creator .popup_menu .popup_menu_item.focus, .curator .popup_menu .popup_menu_item:hover, .curator .popup_menu .popup_menu_item.focus, .footer_content .popup_menu .popup_menu_item:hover, .footer_content .popup_menu .popup_menu_item.focus, .search_area .popup_body .match:hover, .search_area .popup_body .match:hover .match_name { | |
| color: #fff !important; | |
| background-color: #404040 !important; | |
| border-radius: 4px !important; | |
| } | |
| .store_nav .tab:hover > span, .store_nav .tab:hover, .store_nav .tab.focus > span, .store_nav .tab.focus { | |
| text-shadow: 0 0 0 !important; | |
| border-radius: 4px !important; | |
| } | |
| .searchbox input { | |
| color: #b8b6b4 !important; | |
| } | |
| .search_suggest .match { | |
| border-top: 1px solid #161617 !important; | |
| } | |
| .game_hover_box { | |
| background: #353536 !important; | |
| color: #b8b6b4 !important; | |
| } | |
| .game_hover_box h4 { | |
| color: #fff !important; | |
| } | |
| .hover_body .hover_review_summary { | |
| color: #c6d4df !important; | |
| background-color: #1e1e1f !important; | |
| } | |
| .hover_tag_row .app_tag { | |
| background-color: #1e1e1f !important; | |
| color: #c6d4df !important; | |
| } | |
| .game_hover .hover_arrow_left, .game_hover .hover_arrow_right { | |
| background: none !important; | |
| } | |
| .ds_options_tooltip { | |
| background: #353536 !important; | |
| } | |
| .ds_options_tooltip > .option { | |
| color: #4f94bc !important; | |
| } | |
| div#global_actions .user_avatar { | |
| height: 60px !important; | |
| width: 60px !important; | |
| } | |
| .store_main_capsule, .store_main_capsule { | |
| background-image: none !important; | |
| background: #2e2e2f !important; | |
| border-radius: 4px !important; | |
| box-shadow: none; | |
| } | |
| .store_main_capsule .capsule { | |
| flex-shrink: 0; | |
| background-color: #000; | |
| position: relative; | |
| z-index: 2; | |
| margin-right: 10px; | |
| width: 616px; | |
| height: 353px; | |
| background-position: center center; | |
| background-size: cover; | |
| box-shadow: none; | |
| padding: 0; | |
| margin: 0; | |
| } | |
| .store_main_capsule .screenshots > div > div { | |
| width: 162px !important; | |
| height: 69px !important; | |
| background-size: cover !important; | |
| background-position: center center !important; | |
| display: inline-block !important; | |
| opacity: 0.6 !important; | |
| padding: 0 !important; | |
| margin: 0 !important; | |
| border-radius: 4px !important; | |
| } | |
| .capsule.main_capsule { | |
| flex-shrink: 0 !important; | |
| position: relative !important; | |
| z-index: 2 !important; | |
| margin-right: 10px !important; | |
| width: 616px !important; | |
| height: 353px !important; | |
| background-position: center center !important; | |
| background-size: cover !important; | |
| box-shadow: none; | |
| border-radius: 4px !important; | |
| } | |
| .carousel_container.maincap .capsule .screenshot { | |
| opacity: 0; | |
| width: 616px; | |
| height: 353px; | |
| z-index: 10; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| background-size: cover; | |
| background-position: center; | |
| transition: opacity 300ms; | |
| background-color: white; | |
| padding: 0; | |
| margin: 0; | |
| border-radius: 4px !important; | |
| } | |
| .carousel_container.spotlight .carousel_items > * .store_capsule.daily_deal { | |
| background: #2e2e2f !important; | |
| border-radius: 4px !important; | |
| } | |
| .carousel_container.spotlight .carousel_items > * .store_capsule { | |
| background-image: none !important; | |
| background: #2e2e2f !important; | |
| border-radius: 4px !important; | |
| } | |
| .spotlight_content { | |
| Background-image: none; | |
| background: #2e2e2f !important; | |
| } | |
| .home_area_spotlight.underlined_links { | |
| background-image: none; | |
| background-color: #161617 !important; | |
| height: 390px !important; | |
| box-shadow: 0 0 4px #000; | |
| border-radius: 4px !important; | |
| } | |
| .spotlight_weeklong_ctn { | |
| background: top center no-repeat; | |
| width: 304px !important; | |
| height: 350px !important; | |
| text-align: center !important; | |
| margin: 0px; | |
| border: 1px solid rgba(0, 0, 0, 0) !important; | |
| position: relative !important; | |
| z-index: 1 !important; | |
| border-radius: 4px !important; | |
| } | |
| .spotlight_text_overlay { | |
| position: absolute !important; | |
| top: 0 !important; | |
| left: 0 !important; | |
| width: 304px !important; | |
| height: 350px !important; | |
| z-index: 2 !important; | |
| border-radius: 4px !important; | |
| } | |
| .spotlight_img { | |
| width: 306px; | |
| overflow: hidden; | |
| padding-left: 0px; | |
| padding-top: 0px; | |
| padding: 0; | |
| margin: 0; | |
| border-radius: 4px !important; | |
| } | |
| .spotlight_content { | |
| background-image: none; | |
| margin: 0px; | |
| min-height: 23px; | |
| padding: 8px 16px 12px 16px; | |
| color: #9099a1; | |
| font-size: 12px; | |
| position: absolute; | |
| bottom: 0; | |
| width: 274px; | |
| background: none, bottom center no-repeat; | |
| border-radius: 4px !important; | |
| } | |
| /*store arrows*/ | |
| .arrow.left { | |
| background: #161617 !important; | |
| top: 122px; | |
| position: absolute; | |
| width: 23px; | |
| height: 36px; | |
| padding: 36px 11px; | |
| cursor: pointer; | |
| z-index: 3; | |
| border-top-left-radius: 4px !important; | |
| border-bottom-left-radius: 4px !important; | |
| } | |
| .arrow.right { | |
| background: #161617 !important; | |
| top: 122px; | |
| position: absolute; | |
| width: 23px; | |
| height: 36px; | |
| padding: 36px 11px; | |
| cursor: pointer; | |
| z-index: 3; | |
| border-top-right-radius: 4px !important; | |
| border-bottom-right-radius: 4px !important; | |
| } | |
| .store_capsule .discount_block.discount_block_large .discount_prices { | |
| background: #2e2e2f !important; | |
| border-radius: 4px !important; | |
| } | |
| .discount_block_large .discount_prices { | |
| background: #000000 !important; | |
| } | |
| .hover_details_block, .hover_details_block_full { | |
| background-color: #1e1e1f !important; | |
| } | |
| .friends_recently_purchased .friends_container { | |
| background: #2e2e2f !important; | |
| } | |
| .friends_recently_purchased .store_capsule { | |
| background-image: none !important; | |
| background: #2e2e2f !important; | |
| } | |
| .friends_recently_purchased .friends_container { | |
| border-top: 1px solid #161617 !important; | |
| } | |
| .discovery_queue_ctn .begin_exploring { | |
| background: none !important; | |
| line-height: 50px; | |
| font-size: 18px; | |
| padding: 0 15px; | |
| width: 80%; | |
| color: transparent !important; | |
| font-family: "Motiva Sans", Sans-serif; | |
| font-weight: 300; | |
| position: relative; | |
| margin-top: 8.5%; | |
| margin-left: 5%; | |
| text-overflow: ellipsis; | |
| white-space: nowrap; | |
| } | |
| .discovery_queue_ctn .begin_exploring::after { | |
| background: none !important; | |
| } | |
| .big_button { | |
| width: 226px; | |
| height: 58px; | |
| font-family: "Motiva Sans", Sans-serif; | |
| font-weight: 300; | |
| display: inline-block; | |
| font-size: 18px; | |
| line-height: 56px; | |
| color: #66c0f4; | |
| text-align: center; | |
| background-image: none !important; | |
| background: #3d3d3e !important; | |
| background-position-y: -105px; | |
| border-radius: 4px !important; | |
| box-shadow: 0 0 4px #000; | |
| text-decoration: none; | |
| color: #ffffff; | |
| } | |
| /*suggested currators offline store*/ | |
| .carousel_items.curator_featured_tags { | |
| position: relative; | |
| clear: both; | |
| padding: 0; | |
| margin: 0; | |
| border-radius: 4px !important; | |
| box-shadow: 0 0 0; | |
| } | |
| .curator_page.focus { | |
| display: flex; | |
| transition: opacity 400ms; | |
| opacity: 1; | |
| pointer-events: auto; | |
| width: 940px; | |
| border-radius: 4px !important; | |
| } | |
| .curator_page .actions { | |
| display: flex; | |
| padding: 2px; | |
| margin-top: 6px; | |
| background-color: rgba(0,0,0,0.2); | |
| width: fit-content; | |
| margin: 0; | |
| pointer-events: auto; | |
| border-radius: 4px !important; | |
| } | |
| a.follow_button.btn_green_white_innerfade.btn_medium { | |
| color: #D2E885 !important; | |
| background: #a4d007; | |
| background: -webkit-linear-gradient( top, #a4d007 5%, #536904 95%); | |
| background: linear-gradient( to bottom, #a4d007 5%, #536904 95%); | |
| margin: 0; | |
| pointer-events: auto; | |
| border-radius: 4px !important; | |
| } | |
| a.following_button.btn_green_white_innerfade.btn_medium { | |
| border: none; | |
| padding: 1px; | |
| margin: 0; | |
| display: inline-block; | |
| cursor: pointer; | |
| text-decoration: none !important; | |
| color: #D2E885 !important; | |
| background: #a4d007; | |
| background: -webkit-linear-gradient( top, #a4d007 5%, #536904 95%); | |
| background: linear-gradient( to bottom, #a4d007 5%, #536904 95%); | |
| border-radius: 4px !important; | |
| } | |
| .home_rightcol { | |
| width: 308px; | |
| float: right; | |
| padding: 0; | |
| margin: 0; | |
| border-radius: 4px !important; | |
| } | |
| #tab_preview_container { | |
| position: relative; | |
| margin-top: 39px; | |
| background: -webkit-linear-gradient( left, #95bbd4 5%,#859bac 95%); | |
| background: linear-gradient( to right, #95bbd4 5%,#859bac 95%); | |
| height: 735px; | |
| padding: 0; | |
| margin: 0; | |
| border-radius: 4px !important; | |
| } | |
| .tab_item { | |
| background: -webkit-linear-gradient( left, #c6e6f8 5%,#95bcd3 95%); | |
| background: linear-gradient( to right, #c6e6f8 5%,#95bcd3 95%); | |
| margin-right: 0x; | |
| padding-right: 14px; | |
| text-decoration: none; | |
| color: #ffffff; | |
| padding: none !important; | |
| margin: none !important; | |
| border-radius: 4px !important; | |
| } | |
| .tab_item.focus { | |
| background: -webkit-linear-gradient( left, #c6e6f8 5%,#95bcd3 95%); | |
| background: linear-gradient( to right, #c6e6f8 5%,#95bcd3 95%); | |
| padding-right: 14px; | |
| margin-right: 0px !important; | |
| text-decoration: none; | |
| color: #ffffff; | |
| padding: none !important; | |
| margin: none !important; | |
| border-radius: 4px !important; | |
| } | |
| img.tab_item_cap_img { | |
| border: none; | |
| padding: 0; | |
| margin: 0; | |
| border-radius: 4px !important; | |
| } | |
| .tab_review_summary { | |
| padding: 5px 7px; | |
| margin-bottom: 10px; | |
| background-color: rgba( 38, 54, 69, 0.6); | |
| width: 258px; | |
| margin: 0; | |
| border-radius: 4px !important; | |
| } | |
| .tab_preview .screenshot { | |
| width: 258px; | |
| height: 134px; | |
| margin-top: 3px; | |
| background-size: cover; | |
| background-position: center center; | |
| padding: 8px; | |
| margin: 0; | |
| border-radius: 4px !important; | |
| } | |
| .tab_see_more { | |
| text-align: right; | |
| background: rgba( 0, 0, 0, 0.2 ); | |
| padding: 4px; | |
| margin: 0; | |
| border-radius: 4px !important; | |
| } | |
| /*store currator page*/ | |
| .curator_page { | |
| background: #2e2e2f !important; | |
| box-shadow: 0 0 0; | |
| } | |
| .giant_curator_capsule img { | |
| padding: 0; | |
| margin: 0; | |
| border-radius: 4px !important; | |
| } | |
| .curator.giant.capsule img { | |
| position: relative; | |
| display: block; | |
| clear: both; | |
| overflow: hidden; | |
| border-radius: 4px !important; | |
| text-decoration: none; | |
| color: #ffffff; | |
| padding: 0; | |
| margin: 0; | |
| } | |
| .curator_block { | |
| overflow: hidden; | |
| background-color: #000; | |
| position: absolute; | |
| right: 10%; | |
| top: 33%; | |
| width: 45%; | |
| height: 33%; | |
| box-shadow: 0 0 4px #000; | |
| padding: 0; | |
| margin: 0; | |
| border-radius: 4px !important; | |
| } | |
| .apps_recommended_by_curators_ctn.home_ctn { | |
| background: #1E1E1F !important; | |
| background-position: center 63px; | |
| padding-top: 1px; | |
| } | |
| .marketingmessage_container { | |
| padding: 0; | |
| margin: 0; | |
| border-radius: 4px !important; | |
| } | |
| a.home_marketing_message { | |
| display: block; | |
| float: left; | |
| box-shadow: 0 0 4px #000; | |
| color: #acdbf5; | |
| font-size: 11px; | |
| vertical-align: top; | |
| background: -webkit-linear-gradient( 135deg, rgba(37,49,63,1) 5%,rgba(54,97,125,1) 95%); | |
| background: linear-gradient( 135deg, rgba(37,49,63,1) 5%,rgba(54,97,125,1) 95%); | |
| text-decoration: none; | |
| color: #ffffff; | |
| padding: 0; | |
| margin: 0; | |
| border-radius: 4px !important; | |
| } | |
| .home_marketing_message > span { | |
| width: 368px; | |
| height: 398px; | |
| display: block; | |
| background-size: cover; | |
| padding: 0; | |
| margin: 0; | |
| border-bottom-left-radius: 4px !important; | |
| border-bottom-right-radius: 4px !important; | |
| } | |
| .home_content a.home_content_item img, .home_content .item img { | |
| width: 100%; | |
| height: auto; | |
| border: none; | |
| padding: 0; | |
| margin: 0; | |
| box-shadow: 0 0 5px #000; | |
| border-radius: 4px !important; | |
| } | |
| .home_content.single { | |
| background: rgba(0,0,0,0.2); | |
| padding: 10px 16px 16px 16px; | |
| color: #9099a0; | |
| margin-top: 30px; | |
| margin: 0; | |
| border-radius: 4px !important; | |
| } | |
| .home_content.single_buttonbar { | |
| background: rgba(0,0,0,0.2); | |
| padding: 7px 7px; | |
| color: #9099a0; | |
| margin: 2px 0 25px 0; | |
| border-radius: 4px !important; | |
| } | |
| .home_content.single .gamelink img { | |
| position: relative; | |
| z-index: 10; | |
| display: inline-block; | |
| padding: 0; | |
| margin: 0; | |
| border-radius: 4px !important; | |
| } | |
| .btn_green_white_innerfade { | |
| border-radius: 0 !important; | |
| background: #3d3d3e !important; | |
| } | |
| .btn_green_white_innerfade > span { | |
| border-radius: 0 !important; | |
| background: #3d3d3e !important; | |
| color: #d9dadd !important; | |
| } | |
| .btn_green_white_innerfade > span:hover { | |
| border-radius: 0 !important; | |
| background: #3d3d3e !important; | |
| } | |
| .btn_green_white_innerfade:hover { | |
| border-radius: 0 !important; | |
| background: #3d3d3e !important; | |
| } | |
| .btn_green_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover { | |
| border-radius: 0 !important; | |
| background: #3d3d3e !important; | |
| } | |
| .btn_green_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover > span { | |
| border-radius: 0 !important; | |
| background: #3d3d3e !important; | |
| color: #d9dadd !important; | |
| } | |
| .curator_page .followers span { | |
| display: unset !important; | |
| padding-right: 5px !important; | |
| font-size: 16px !important; | |
| } | |
| .curator_page .actions > div:not(:first-child) { | |
| margin-top: .5vh !important; | |
| } | |
| .curator_page .socialmedia img { | |
| width: 21px !important; | |
| height: 21px !important; | |
| } | |
| .btw_wrapper { | |
| margin-right: 8px; | |
| display: inline-block; | |
| padding: 0; | |
| margin: 0; | |
| border-radius: 4px !important; | |
| } | |
| .btn_grey_white_innerfade { | |
| border-radius: 4px !important; | |
| color: #fff !important; | |
| background: #3d3d3e !important; | |
| } | |
| .btn_grey_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover > span { | |
| border-radius: 4px !important; | |
| color: #fff !important; | |
| background: #3d3d3e !important; | |
| } | |
| .btn_grey_white_innerfade > span { | |
| border-radius: 4px !important; | |
| color: #fff !important; | |
| background: #3d3d3e !important; | |
| } | |
| .btn_grey_white_innerfade:hover { | |
| border-radius: 4px !important; | |
| color: #fff !important; | |
| background: #3d3d3e !important; | |
| } | |
| .btn_grey_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover > span { | |
| border-radius: 4px !important; | |
| color: #fff !important; | |
| background: #3d3d3e !important; | |
| } | |
| .btn_grey_white_innerfade > span:hover { | |
| border-radius: 4px !important; | |
| color: #fff !important; | |
| background: #3d3d3e !important; | |
| } | |
| .btn_grey_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover { | |
| border-radius: 4px !important; | |
| color: #fff !important; | |
| background: #3d3d3e !important; | |
| } | |
| .followers { | |
| padding-left: 11px !important; | |
| } | |
| .recently_updated .store_capsule { | |
| background-image: none !important; | |
| background: #2e2e2f !important; | |
| border-radius: 4px !important; | |
| } | |
| .recently_updated .store_capsule .recently_updated_desc { | |
| border-top: 1px solid #161617 !important; | |
| border-radius: 4px !important; | |
| } | |
| .hardware_ctn.double .hardware_content .left, .hardware_ctn.double .hardware_content .right { | |
| display: none !important; | |
| } | |
| .home_tab.active .tab_content { | |
| border: none !important; | |
| border-top-left-radius: 4px !important; | |
| background-color: #161617 !important; | |
| } | |
| .tab_item.focus { | |
| background: #2e2e2f !important; | |
| } | |
| .tab_item.focus .tab_item_name { | |
| color: #d9dadd !important; | |
| } | |
| .tab_item_details { | |
| color: #4f94bc !important; | |
| } | |
| .tab_item.focus .discount_block .discount_final_price { | |
| color:#acdbf5 !important; | |
| } | |
| #tab_preview_container { | |
| background: #2e2e2f !important; | |
| } | |
| body.v6 .home_rightcol .tab_preview h2 { | |
| color: #fff !important; | |
| } | |
| .tab_review_summary { | |
| background-color: #161617 !important; | |
| } | |
| .tab_preview .tags > a { | |
| background-color: #161617 !important; | |
| } | |
| .store_capsule { | |
| background: #2e2e2f !important; | |
| border-radius: 4px !important; | |
| } | |
| .home_marketing_message, .home_marketing_message:hover { | |
| background: #2e2e2f !important; | |
| } | |
| .home_page_content .more_content_title span { | |
| background: #00000000 !important; | |
| } | |
| .home_page_content .more_content_title { | |
| background-image: none !important; | |
| } | |
| .btn_border_2px { | |
| border-radius: 4px !important; | |
| border: 0 !important; | |
| } | |
| .home_page_sign_in_ctn { | |
| background: rgba(0, 0, 0, 0) !important; | |
| } | |
| .header_installsteam_btn_green .header_installsteam_btn_leftcap, .header_installsteam_btn_green .header_installsteam_btn_rightcap, .header_installsteam_btn_green .header_installsteam_btn_content { | |
| background-color: #3d3d3e !important; | |
| color: #ffffff !important; | |
| } | |
| /*explore page*/ | |
| .page_header_ctn { | |
| background: none !important; | |
| } | |
| .page_header_ctn { | |
| background: none !important; | |
| } | |
| .responsive_page_content { | |
| overflow-x: hidden !important; | |
| } | |
| .home_ctn.discovery_queue_ctn { | |
| background: #161617 !important; | |
| border-radius: 4px !important; | |
| } | |
| body.v6.newonsteam .newonsteam_headercaps > a { | |
| background: #2e2e2f !important; | |
| } | |
| .tabarea .tab.active .tab_content { | |
| background: #161617 !important; | |
| } | |
| .tabarea .tab .tab_content { | |
| border-radius: 0 !important; | |
| } | |
| .contenthub_page .tabbar_ctn { | |
| box-shadow: 0 5px 0 -1px #161617; | |
| } | |
| .contenthub_specials_ctn { | |
| background: rgba(64, 120, 152, 0) !important; | |
| border-radius: 4px !important; | |
| } | |
| .contenthub_featured_item_spotlight { | |
| background: rgba(64, 120, 152, 0) !important; | |
| } | |
| .contenthub_page_background { | |
| background-image: none !important; | |
| } | |
| .quadscreenshot_carousel .main { | |
| background-color: #2e2e2f !important; | |
| } | |
| .contenthub_page .tabarea .tab.active .tab_content:hover { | |
| background: #161617 !important; | |
| } | |
| .tabarea .tab.active { | |
| background: #161617 !important; | |
| } | |
| .tabarea .tab { | |
| border-radius: 0 !important; | |
| } | |
| .tabbar { | |
| box-shadow: -1px 5px 0 -1px #161617; | |
| } | |
| .tabarea .tab .tab_content { | |
| background: rgba(0, 0, 0, 0) !important; | |
| box-shadow: 0 0 0 0; | |
| } | |
| .tabarea .tab .tab_content:hover { | |
| background: rgba(0, 0, 0, 0) !important; | |
| } | |
| .page_header_ctn.search { | |
| background: none !important; | |
| } | |
| #term { | |
| background-color: #303031 !important; | |
| border-radius: 0px !important; | |
| border: 1px solid rgba(30, 30, 31, 0.52) !important; | |
| box-shadow: 0px 0px 0px !important; | |
| } | |
| .searchbar_left > button { | |
| height: 26px !important; | |
| padding-top: 3px !important; | |
| } | |
| .home_tabs_row { | |
| box-shadow: -1px 5px 0 -1px #161617 !important; | |
| } | |
| .store_capsule_frame { | |
| background: none !important; | |
| border: 0 !important; | |
| } | |
| .curator_list_ctn { | |
| background: #161617 !important; | |
| } | |
| .tabarea_v7 .tab.active { | |
| background: #161617 !important; | |
| color: #fff !important; | |
| } | |
| .curators_searchbox { | |
| border-radius: 0px !important; | |
| border: 1px solid rgba(30, 30, 31, 0.52) !important; | |
| box-shadow: 0px 0px 0px !important; | |
| } | |
| body.v6 { | |
| background: #161617 !important; | |
| } | |
| .steam_curator_recommended_game_names { | |
| max-width: 367px !important; | |
| } | |
| .game_page_background.game { | |
| background-image: none !important; | |
| } | |
| .block_content.block_content_inner.dark { | |
| background-color: #161617 !important; | |
| } | |
| .chartdiv { | |
| background-color: #161617 !important; | |
| } | |
| .page_title_area.game_title_area { | |
| display: none !important; | |
| } | |
| .sale_page_three_section_top_block { | |
| background-color: #1e1e1f !important; | |
| } | |
| .game_background_glow { | |
| background: none !important; | |
| } | |
| .store_capsule:hover { | |
| background: #2e2e2f !important; | |
| border-radius: 4px !important; | |
| } | |
| .page_background { | |
| background-image: none !important; | |
| } | |
| div#footer_spacer { | |
| background: #161617 !important; | |
| } | |
| /*community*/ | |
| div#global_header { | |
| background: #161617 !important; | |
| } | |
| div#global_header .content { | |
| background: #161617 !important; | |
| } | |
| .community_home_search_apps { | |
| border-radius: 0px !important; | |
| box-shadow: 0px 0px 0px !important; | |
| background-color: #161617 !important; | |
| } | |
| .community_home_search_players { | |
| border-radius: 0px !important; | |
| box-shadow: 0px 0px 0px !important; | |
| } | |
| .community_home_shortcut_content { | |
| background: #161617 !important; | |
| } | |
| .apphub_sectionTab.active > span, .apphub_responsive_tab .responsive_tab_control .responsive_tab_control_inner { | |
| border-radius: 4px !important; | |
| background: #2e2e2f !important; | |
| color: #fff !important; | |
| } | |
| .apphub_sectionTab.active, .apphub_sectionTab.active:hover, .apphub_responsive_tab .responsive_tab_control { | |
| background: none !important; | |
| } | |
| .apphub_sectionTabsHR { | |
| background-color: #161617 !important; | |
| } | |
| .apphub_sectionTab:hover { | |
| background: none !important; | |
| } | |
| .btn_darkblue_white_innerfade > span { | |
| border-radius: 4px !important; | |
| background: #3d3d3e !important; | |
| color: #fff !important; | |
| } | |
| .btn_darkblue_white_innerfade { | |
| background: none !important; | |
| padding: 0 !important; | |
| border-radius: 4px !important; | |
| } | |
| .inner_bevel { | |
| box-shadow: 0 0 0 0 !important; | |
| } | |
| .btn_darkblue_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover { | |
| border-radius: 4px !important; | |
| background: #3d3d3e !important; | |
| color: #fff !important; | |
| } | |
| .btn_grey_grey_outer_bevel:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover > span { | |
| border-radius: 4px !important; | |
| background: #3d3d3e !important; | |
| color: #fff !important; | |
| } | |
| .btn_grey_grey_outer_bevel { | |
| border-radius: 4px !important; | |
| background: #3d3d3e !important; | |
| color: #fff !important; | |
| padding: 0 !important; | |
| } | |
| .btn_grey_grey_outer_bevel > span { | |
| background: none !important; | |
| border-radius: 4px !important; | |
| } | |
| .btn_grey_grey_outer_bevel:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover { | |
| border-radius: 4px !important; | |
| background: #3d3d3e !important; | |
| color: #fff !important; | |
| } | |
| .apphub_background { | |
| background-image: none !important; | |
| } | |
| .popup_block .popup_body { | |
| background-color: #1a1a1a !important; | |
| } | |
| div#game_select_suggestions_ctn { | |
| background: #1a1a1a00 !important; | |
| } | |
| .apphub_Card { | |
| background-color: #161617 !important; | |
| } | |
| .apphub_CardContentNewsFade { | |
| background-image: none !important; | |
| background: linear-gradient(to bottom, #16161700, #161617) !important; | |
| } | |
| .apphub_CardContentMain .UserReviewCardContent_Footer .gradient { | |
| background: linear-gradient(to bottom, #16161700, #161617) !important; | |
| } | |
| .apphub_CardContentGuideTitle { | |
| background-color: #1e1e1f !important; | |
| } | |
| input.community_home_search_app_input { | |
| background-color: #161617 !important; | |
| } | |
| .community_home_search_apps_image { | |
| background-color: #161617 !important; | |
| } | |
| .community_home_search_players { | |
| background: #161617 !important; | |
| } | |
| input.community_home_search_players_input { | |
| background-color: #161617 !important; | |
| } | |
| .community_home_search_players_image { | |
| background-color: #161617 !important; | |
| } | |
| .element { | |
| position: relative !important; | |
| top: 50% !important; | |
| transform: translate(-50%) !important; | |
| } | |
| .modal { | |
| max-height: calc(100% - 100px) !important; | |
| position: fixed !important; | |
| top: 50% !important; | |
| left: 50% !important; | |
| transform: translate(-50%, -50%) !important; | |
| } | |
| .modal-content { | |
| height: auto; | |
| max-height: calc(100vh - 340px); | |
| } | |
| .newmodal { | |
| position: absolute; | |
| max-width: 900px; | |
| min-width: 500px; | |
| border-radius: 0 !important; | |
| background-color: #262627 !important; | |
| border: 2px solid #262627 !important; | |
| } | |
| .mediaTop .mediaSidebar { | |
| position: fixed; | |
| background-color: #262627 !important; | |
| height: -webkit-fill-available !important; | |
| } | |
| .mediaTop { | |
| background-color: rgb(38, 38, 39) !important; | |
| } | |
| .mediaBodyNoBackground { | |
| background-color: #262627 !important; | |
| } | |
| body.headerOverride { | |
| background: #1E1E1F !important; | |
| } | |
| .pagecontent { | |
| background: #1E1E1F !important; | |
| } | |
| body.flat_page:not(.iframe) { | |
| background: #1E1E1F !important; | |
| } | |
| .BroadcastInfoWrapper { | |
| background: #1E1E1F !important; | |
| } | |
| .detailBox.altFooter { | |
| background: none !important; | |
| } | |
| .detailBox { | |
| background: none !important; | |
| } | |
| .commentthread_area .commentthread_header { | |
| background: #161617 !important; | |
| } | |
| .workshop_item_header { | |
| background: #161617 !important; | |
| } | |
| #ig_bottom .sectionTabsHR { | |
| background: #161617; | |
| } | |
| .responsive_tab_baseline { | |
| background: #161617; | |
| } | |
| .sectionTab.active > span { | |
| border-radius: 0; | |
| background: #161617 !important; | |
| } | |
| .sectionTab.active { | |
| background: none !important; | |
| } | |
| .sectionTab, a.sectionTab { | |
| background-color: rgba(0, 0, 0, 0) !important; | |
| } | |
| .sectionTab:hover { | |
| background-color: rgba(0, 0, 0, 0) !important; | |
| } | |
| .friendBlock { | |
| background: #1E1E1F !important; | |
| } | |
| .miniprofile_top { | |
| background: #353536 !important; | |
| } | |
| .miniprofile_favorite_badge { | |
| background: #353536 !important; | |
| } | |
| .miniprofile_arrow { | |
| border-left: 8px solid #353536 !important; | |
| } | |
| .apphub_BackToTopButton { | |
| background-image: none !important; | |
| background-color: #3d3d3e !important; | |
| color: #fff !important; | |
| } | |
| .apphub_BackToTop:hover .apphub_BackToTopButton { | |
| background-image: none !important; | |
| } | |
| .group_content.bottomless { | |
| background: none !important; | |
| } | |
| .discussionSearchTextContainer { | |
| background-image: none !important; | |
| } | |
| .discussionSearchTextContainer { | |
| border-radius: 4px !important; | |
| box-shadow: 0px 0px 0px; | |
| background-color: #282828 !important; | |
| border: 0px solid #000 !important; | |
| color: #fff !important; | |
| height: 28px !important; | |
| } | |
| input.discussionSearchText { | |
| position: static !important; | |
| padding: 4px !important; | |
| } | |
| .discussionSearchTextSubmitImg { | |
| top: 5px !important; | |
| left: 266px !important; | |
| } | |
| .discussions_header { | |
| border-bottom: 5px solid #161617 !important; | |
| } | |
| a.recent_game_discussion { | |
| background-color: #2e2e2f !important; | |
| } | |
| a.recent_game_discussion:hover { | |
| background-color: #2e2e2f !important; | |
| } | |
| .discussions_forum_row { | |
| background-color: #2e2e2f !important; | |
| } | |
| .discussions_forum_row:hover { | |
| background-color: #2e2e2f !important; | |
| } | |
| .discussion_tab_content_rule { | |
| border-top: 1px solid #161617 !important; | |
| } | |
| .forum_paging { | |
| background: #161617 !important; | |
| border-radius: 4px !important; | |
| } | |
| .forum_topic { | |
| background-color: #2e2e2f !important; | |
| } | |
| .blotter_appselect_activeoption { | |
| background-image: none !important; | |
| border-radius: 4px !important; | |
| color: #fff !important; | |
| background: #3d3d3e !important; | |
| } | |
| .blotter_appselect_options { | |
| background: #1a1a1a !important; | |
| border-radius: 4px !important; | |
| border: 0 !important; | |
| padding-top: 3px !important; | |
| } | |
| #blotter_appselect_app_filter { | |
| border-radius: 4px !important; | |
| box-shadow: 0px 0px 0px !important; | |
| background-color: #282828 !important; | |
| border: 0px solid #000 !important; | |
| } | |
| .blotter_status_entry .commentthread_entry .commentthread_entry_quotebox { | |
| border-radius: 4px !important; | |
| box-shadow: 0px 0px 0px !important; | |
| background-color: #282828 !important; | |
| border: 0px solid #000 !important; | |
| } | |
| div#headerSearch.friend_activity_header_search { | |
| border-radius: 4px !important; | |
| box-shadow: 0px 0px 0px !important; | |
| background-color: #282828 !important; | |
| border: 0px solid #000 !important; | |
| } | |
| .profileFriendSearchBox { | |
| border-radius: 4px !important; | |
| box-shadow: 0px 0px 0px !important; | |
| background-color: #282828 !important; | |
| border: 0px solid #000 !important; | |
| } | |
| #profileFriendSearchSubmitImg { | |
| border-left: 0 !important; | |
| } | |
| .blotter_appselect { | |
| border-radius: 4px !important; | |
| min-width: 0 !important; | |
| } | |
| .blotter_appselect div.option, .blotter_appselect_options div.option { | |
| padding-right: 7px !important; | |
| border-radius: 4px !important; | |
| cursor: pointer !important; | |
| } | |
| #findItemsSearchBox { | |
| border-radius: 4px !important; | |
| box-shadow: 0px 0px 0px !important; | |
| background-color: #2a3f5a00 !important; | |
| border: 1px solid #000 !important; | |
| } | |
| .blotter_daily_rollup { | |
| background-color: #161617 !important; | |
| } | |
| .blotter_comment_thread .commentthread_entry_quotebox { | |
| border-radius: 4px !important; | |
| box-shadow: 0px 0px 0px !important; | |
| background-color: #282828 !important; | |
| border: 0px solid #000 !important; | |
| } | |
| .forumtopic_comments .commentthread_comment { | |
| background-color: rgb(22, 22, 23) !important; | |
| color: #acb2b8 !important; | |
| margin-bottom: 2px !important; | |
| padding: 12px 8px 20px 60px !important; | |
| border: 1px solid #161617 !important; | |
| box-shadow: 0px #000 !important; | |
| overflow: hidden !important; | |
| border-radius: 4px !important; | |
| } | |
| .forum_op { | |
| position: relative !important; | |
| padding: 7px 12px 21px 63px !important; | |
| margin-bottom: 8px !important; | |
| max-width: 565px !important; | |
| background-color: #161617 !important; | |
| background-image: none !important; | |
| background-repeat: no-repeat !important; | |
| background-position: top left !important; | |
| border: 0px solid #161617 !important; | |
| box-shadow: 0px !important; | |
| border-radius: 4px !important; | |
| } | |
| .blotter_block { | |
| position: relative !important; | |
| box-shadow: 0px #000 !important; | |
| background: rgb(22, 22, 23) !important; | |
| border-radius: 4px !important; | |
| } | |
| .dynamiclink_box { | |
| border: 1px solid #2e2e2f !important; | |
| background-color: #2e2e2f !important; | |
| } | |
| .profile_header_bg_texture { | |
| background-color: rgba(23, 23, 23, 0.85) !important; | |
| background-image: none !important; | |
| width: 950px !important; | |
| } | |
| .profile_header_bg { | |
| background-image: none !important; | |
| padding-bottom: 0 !important; | |
| } | |
| .profile_background_holder_content { | |
| border-radius: 0px !important; | |
| } | |
| /*avatar rounded + status*/ | |
| .playerAvatar.profile_header_size.in-game { | |
| max-width: 40% !important; | |
| float: left !important; | |
| margin-right: 18px !important; | |
| position: relative !important; | |
| width: 166px !important; | |
| height: 166px !important; | |
| border-radius: 80px !important; | |
| background-color: #90ba3c; | |
| background: -webkit-linear-gradient( top, rgba(143,185,59,1) 5%, rgba(110,140,49,1) 95%) !important; | |
| background: linear-gradient( to bottom, rgba(143,185,59,1) 5%, rgba(110,140,49,1) 95%) !important; | |
| filter: none !important; | |
| } | |
| .playerAvatar.profile_header_size.online { | |
| max-width: 40% !important; | |
| float: left !important; | |
| margin-right: 18px !important; | |
| position: relative !important; | |
| width: 166px !important; | |
| height: 166px !important; | |
| border-radius: 80px !important; | |
| background-color: #57cbde !important; | |
| background: -webkit-linear-gradient( top, rgba(83,164,196,1) 5%, rgba(69,128,151,1) 95%) !important; | |
| background: linear-gradient( to bottom, rgba(83,164,196,1) 5%, rgba(69,128,151,1) 95%) !important; | |
| filter: none !important; | |
| } | |
| .playerAvatar.profile_header_size.offline { | |
| max-width: 40% !important; | |
| float: left !important; | |
| margin-right: 18px !important; | |
| position: relative !important; | |
| width: 166px !important; | |
| height: 166px !important; | |
| border-radius: 80px !important; | |
| background: -webkit-linear-gradient( top, rgba(106,106,106,1) 5%, rgba(85,85,85,1) 95%) !important; | |
| background: linear-gradient( to bottom, rgba(106,106,106,1) 5%, rgba(85,85,85,1) 95%) !important; | |
| filter: none !important; | |
| } | |
| .responsive .profile_header .playerAvatar.profile_header_size { | |
| max-width: 40% !important; | |
| float: left !important; | |
| margin-right: 18px !important; | |
| position: relative !important; | |
| width: 166px !important; | |
| height: 166px !important; | |
| border-radius: 80px !important; | |
| } | |
| .playerAvatar.profile_header_size .playerAvatarAutoSizeInner img { | |
| background: none !important; | |
| filter: none !important; | |
| display: block !important; | |
| padding: 0 !important; | |
| width: 100% !important; | |
| height: 100% !important; | |
| border-radius: 80px !important; | |
| } | |
| /*profile badge*/ | |
| .profile_header_badgeinfo { | |
| float: right !important; | |
| } | |
| .profile_header_badgeinfo_badge_area { | |
| width: 268px !important; | |
| } | |
| .profile_header_badge { | |
| border: 0px solid #212121 !important; | |
| border-radius: 10px !important; | |
| background-color: transparent !important; | |
| height: 70px !important; | |
| box-shadow: none !important; | |
| margin-bottom: 13px !important; | |
| } | |
| /*profile edit button*/ | |
| .profile_header_actions { | |
| white-space: nowrap !important; | |
| } | |
| .btn_profile_action.btn_medium { | |
| border-radius: 10px !important; | |
| color: #fff !important; | |
| padding: 0px !important; | |
| display: inline-block !important; | |
| text-decoration: none !important; | |
| cursor: pointer !important; | |
| background: #373f4f !important; | |
| background: -webkit-linear-gradient( top, #7a8494 5%, #282f3d 95%) !important; | |
| background: linear-gradient( to bottom, #7a8494 5%, #282f3d 95%) !important; | |
| } | |
| .profile_rightcol { | |
| width: 268px !important; | |
| float: right !important; | |
| } | |
| .profile_friend_links.profile_count_link_preview_ctn.responsive_groupfriends_element { | |
| margin-bottom: 40px !important; | |
| } | |
| .profile_count_link.ellipsis { | |
| font-size: 14px !important; | |
| margin-bottom: 4px !important; | |
| min-height: 29px !important; | |
| overflow: hidden !important; | |
| text-overflow: ellipsis !important; | |
| white-space: nowrap !important; | |
| } | |
| /*profile friend list*/ | |
| .profile_in_common.responsive_hidden { | |
| margin-bottom: 6px !important; | |
| } | |
| .profile_topfriends.profile_count_link_preview { | |
| display: block !important; | |
| } | |
| .friendBlock.persona.in-game { | |
| background: none !important; | |
| color: #90ba3c !important; | |
| height: 36px !important; | |
| padding: 4px 0 4px 4px !important; | |
| margin-bottom: 4px !important; | |
| font-size: 11px !important; | |
| line-height: 13px !important; | |
| overflow: hidden !important; | |
| white-space: nowrap !important; | |
| text-overflow: ellipsis !important; | |
| position: relative !important; | |
| background-color: none !important; | |
| } | |
| .friendBlock.persona.online { | |
| background: none !important; | |
| color: #57cbde !important; | |
| height: 36px !important; | |
| padding: 4px 0 4px 4px !important; | |
| margin-bottom: 4px !important; | |
| font-size: 11px !important; | |
| line-height: 13px !important; | |
| overflow: hidden !important; | |
| white-space: nowrap !important; | |
| text-overflow: ellipsis !important; | |
| position: relative !important; | |
| background-color: none !important; | |
| } | |
| .friendBlock.persona.offline { | |
| background: none !important; | |
| color: #898989 !important; | |
| height: 36px !important; | |
| padding: 4px 0 4px 4px !important; | |
| margin-bottom: 4px !important; | |
| font-size: 11px !important; | |
| line-height: 13px !important; | |
| overflow: hidden !important; | |
| white-space: nowrap !important; | |
| text-overflow: ellipsis !important; | |
| position: relative !important; | |
| background-color: none !important; | |
| } | |
| .friendBlock.persona.in-game:hover { | |
| background: none !important; | |
| color: #90ba3c !important; | |
| height: 36px !important; | |
| padding: 4px 0 4px 4px !important; | |
| margin-bottom: 4px !important; | |
| font-size: 11px !important; | |
| line-height: 13px !important; | |
| overflow: hidden !important; | |
| white-space: nowrap !important; | |
| text-overflow: ellipsis !important; | |
| position: relative !important; | |
| background-color: rgba( 84, 133, 183, 0.2) !important; | |
| border-radius: 4px !important; | |
| } | |
| .friendBlock.persona.online:hover { | |
| background: none !important; | |
| color: #57cbde !important; | |
| height: 36px !important; | |
| padding: 4px 0 4px 4px !important; | |
| margin-bottom: 4px !important; | |
| font-size: 11px !important; | |
| line-height: 13px !important; | |
| overflow: hidden !important; | |
| white-space: nowrap !important; | |
| text-overflow: ellipsis !important; | |
| position: relative !important; | |
| background-color: rgba( 84, 133, 183, 0.2) !important; | |
| border-radius: 4px !important; | |
| } | |
| .friendBlock.persona.offline:hover { | |
| background: none !important; | |
| color: #898989 !important; | |
| height: 36px !important; | |
| padding: 4px 0 4px 4px !important; | |
| margin-bottom: 4px !important; | |
| font-size: 11px !important; | |
| line-height: 13px !important; | |
| overflow: hidden !important; | |
| white-space: nowrap !important; | |
| text-overflow: ellipsis !important; | |
| position: relative !important; | |
| background-color: rgba( 84, 133, 183, 0.2) !important; | |
| border-radius: 4px !important; | |
| } | |
| /*profile backgrounds*/ | |
| .profile_content.has_profile_background { | |
| margin-top: 0 !important; | |
| } | |
| .gray_bevel.for_text_input { | |
| border-radius: 0px !important; | |
| box-shadow: 0px 0px 0px !important; | |
| background-color: #2a3f5a00 !important; | |
| border: 1px solid #000 !important; | |
| } | |
| #about_header_area { | |
| background-image: none !important; | |
| background: #1E1E1F !important; | |
| } | |
| .blotter_screenshot_image { | |
| background-color: rgb(18, 18, 18) !important; | |
| } | |
| .about_boxes_box_top { | |
| background: none !important; | |
| } | |
| .about_boxes_box_bottom { | |
| background: none !important; | |
| } | |
| .about_boxes_box_mid { | |
| background: #1e1e1f !important; | |
| } | |
| .about_install_ctn { | |
| border-radius: 0 !important; | |
| } | |
| .about_box_wide { | |
| border: 0 !important; | |
| border-radius: 0 !important; | |
| box-shadow: 0 0 0 0 !important; | |
| background: #1e1e1f !important; | |
| padding: 5px 5px 15px 5px !important; | |
| margin: 0 !important; | |
| } | |
| .about_boxes_box_header_bg { | |
| border-radius: 0px !important; | |
| box-shadow: 0px 0px 0px !important; | |
| background: #2a3f5a00 !important; | |
| border: 1px solid #000 !important; | |
| height: 100% !important; | |
| } | |
| .about_boxes_box_content_ctn { | |
| padding-bottom: 4px !important; | |
| } | |
| .help_wizard_button { | |
| background: #2e2e2f !important; | |
| border-color: #2e2e2f !important; | |
| } | |
| .help_wizard_button_large > span { | |
| margin: 10px 14px 10px 14px !important; | |
| } | |
| #help_search_support_input { | |
| border-radius: 0px !important; | |
| box-shadow: 0px 0px 0px !important; | |
| background: #2a3f5a00 !important; | |
| border: 1px solid #000 !important; | |
| } | |
| .help_purchase_detail_box { | |
| background-color: #1e1e1f !important; | |
| } | |
| .profile_small_header_texture{ | |
| background-image: none !important; | |
| background: #262627 !important; | |
| } | |
| .profile_small_header_bg{ | |
| background-image: none !important; | |
| } | |
| .btn_grey_black{ | |
| border-radius: 0 !important; | |
| } | |
| .games_list_tabs{ | |
| border-radius: 0 !important; | |
| } | |
| .games_list_tab.first_tab, a.games_list_tab.first_tab{ | |
| border-radius: 0 !important; | |
| } | |
| .filter_ctn.inventory_filters #filter_control{ | |
| border-radius: 0px !important; | |
| box-shadow: 0px 0px 0px !important; | |
| background: #2a3f5a00 !important; | |
| border: 1px solid #000 !important; | |
| } | |
| .friends_header_bg{ | |
| background: none !important; | |
| } | |
| .friends_search_text_box, .groups_search_text_box{ | |
| border-radius: 4px !important; | |
| box-shadow: 0px 0px 0px !important; | |
| background: none !important; | |
| background-color: #303031 !important; | |
| border: 1px solid rgba(30, 30, 31, 0.52) !important; | |
| } | |
| .friends_header_avatar { | |
| height: 62px; | |
| width: 62px; | |
| border-radius: 35px !important; | |
| } | |
| .friends_header_avatar img { | |
| border-radius: 35px !important; | |
| height: 62px; | |
| width: 62px; | |
| box-shadow: 0 0 5px rgba( 0, 0, 0, 0.25 ); | |
| border-radius: 35px; | |
| border: none; | |
| } | |
| .friends_header_name { | |
| display: inline-block; | |
| float: left; | |
| padding-top: 12px !important; | |
| padding-left: 20px; | |
| color: #fff; | |
| } | |
| .friends_nav a.active { | |
| background-color: rgba(255,255,255,0.1) !important; | |
| border-radius: 4px !important; | |
| } | |
| .friends_nav a:hover { | |
| background-color: rgba(255,255,255,0.1) !important; | |
| border-radius: 4px !important; | |
| } | |
| .friends_nav a { | |
| display: block; | |
| padding: 10px 10px; | |
| color: #ebebeb; | |
| text-decoration: none; | |
| cursor: pointer; | |
| margin-bottom: 2px !important; | |
| border-radius: 4px !important; | |
| } | |
| .group_block{ | |
| background: #262627 !important; | |
| } | |
| .profile_friends.title_bar, .profile_groups.title_bar { | |
| flex: 1 100%; | |
| margin-top: 4px !important; | |
| width: 100%; | |
| display: flex; | |
| align-items: center; | |
| min-height: 30px; | |
| background-color: #015e80; | |
| border-radius: 4px !important; | |
| } | |
| .friends_nav .hr { | |
| height: none !important; | |
| background-color: transparent !important; | |
| border-bottom: none !important; | |
| margin-top: 20px; | |
| margin-bottom: 12px; | |
| } | |
| .friends_search_text_box, .groups_search_text_box { | |
| margin: 5px; | |
| float: left; | |
| background-color: #274e68; | |
| border-radius: 3px; | |
| border: none !important; | |
| box-shadow: none; | |
| color: #fff; | |
| outline: none; | |
| height: 24px; | |
| width: 250px; | |
| padding: 0px 6px; | |
| } | |
| .profile_friends.title_bar, .profile_groups.title_bar{ | |
| background-color: rgba(255,255,255,0.1) !important; | |
| } | |
| .player_avatar { | |
| float: left; | |
| position: static; | |
| border-radius: 35px !important; | |
| margin: 0px 8px 6px 2px; | |
| padding: 0; | |
| } | |
| .player_avatar img { | |
| border-radius: 35px !important; | |
| } | |
| .friend_block_link_overlay { | |
| border-top-style: solid !important; | |
| border-bottom-style: solid !important; | |
| border-left-style: solid !important; | |
| border-right-style: solid !important; | |
| border-width: 1px !important; | |
| } | |
| .profile_content{ | |
| background-image: none !important; | |
| background: #1e1e1f !important; | |
| } | |
| .guideTop .workshopItemControls{ | |
| background-color: #161617 !important; | |
| } | |
| .guideTop { | |
| background-color: rgb(30, 30, 31) !important; | |
| } | |
| .friend_reviews .review_box { | |
| border-left: 1px solid rgb(24, 24, 25) !important; | |
| border-top: 1px solid rgb(24, 24, 25) !important; | |
| background: #181819 !important; | |
| } | |
| .review_box.short { | |
| background: rgb(24, 24, 25) !important; | |
| } | |
| .home_area_spotlight { | |
| background-image: none !important; | |
| } | |
| .spotlight_weeklong_subtitle{ | |
| color: white !important; | |
| } | |
| .tab_item.focus::after { | |
| background: #2e2e2f !important; | |
| } | |
| .discovery_queue_overlay_bg { | |
| position: absolute; | |
| right: 0; | |
| top: 0; | |
| width: 810px; | |
| max-width: 100%; | |
| background: none !important; | |
| height: 92px; | |
| padding: 0; | |
| margin: 0; | |
| } | |
| .discovery_queue_customize_ctn { | |
| background: #1e1e1f !important; | |
| padding: 12px; | |
| margin-bottom: 24px; | |
| font-family: "Motiva Sans", Sans-serif; | |
| font-weight: 300; | |
| font-size: 15px; | |
| border: none !important; | |
| margin: 0; | |
| } | |
| .discovery_queue_customize_ctn > .btn_medium { | |
| margin-right: 8px; | |
| border-radius: 4px !important; | |
| border: none; | |
| padding: 1px; | |
| display: inline-block; | |
| cursor: pointer; | |
| text-decoration: none !important; | |
| color: #67c1f5 !important; | |
| background: rgba( 103, 193, 245, 0.2 ); | |
| margin: 0; | |
| } | |
| .discovery_queue_overlay_message { | |
| padding: 30px 52px 0 32px; | |
| line-height: 30px; | |
| text-align: left; | |
| font-size: 18px; | |
| color: transparent !important; | |
| font-family: "Motiva Sans", Sans-serif; | |
| font-weight: 300; | |
| } | |
| .btn_small_thin > span, input.btn_small_thin { | |
| padding: 0 5px; | |
| font-size: 12px; | |
| line-height: 20px; | |
| border-radius: 4px !important; | |
| } | |
| .btnv6_blue_hoverfade { | |
| border: none; | |
| padding: 1px; | |
| display: inline-block; | |
| cursor: pointer; | |
| text-decoration: none !important; | |
| color: #67c1f5 !important; | |
| background: rgba( 103, 193, 245, 0.2 ); | |
| border-radius: 4px !important; | |
| margin: 0; | |
| } | |
| .explore_rightcol_box { | |
| width: 280px; | |
| background-color: rgba(255,255,255,0.1) !important; | |
| margin-top: 6px; | |
| padding: 12px; | |
| margin: 0; | |
| border-radius: 4px !important; | |
| } | |
| .group_block_medium img { | |
| border-radius: 4px !important; | |
| border: none; | |
| } | |
| .profile_group_avatar img { | |
| border-radius: 4px !important; | |
| border: none; | |
| } | |
| .search_results_none { | |
| border-radius: 4px !important; | |
| padding: 16px; | |
| font-size: 17px; | |
| background: rgba( 0, 0, 0, 0.2); | |
| flex-grow: 1; | |
| } | |
| #search_results { | |
| padding-bottom: 50px; | |
| } | |
| #search_results.profile_friends.search_results { | |
| display: flex; | |
| flex-flow: row wrap; | |
| margin-top: 0px !important; | |
| } | |
| .noCoplayHistory { | |
| border-radius: 4px !important; | |
| background: rgba( 0, 0, 0, 0.2); | |
| border: none !important; | |
| margin-top: 16px; | |
| padding: 16px; | |
| width: 100%; | |
| } | |
| .profile_friends.responsive_friendblocks { | |
| border-radius: 4px !important; | |
| display: flex; | |
| flex-flow: row wrap; | |
| font-size: 13px; | |
| padding: 16px; | |
| background-color: rgba( 0, 0, 0, 0.2); | |
| } | |
| .invite_section_ctn.invite_link { | |
| background-image: none !important; | |
| } | |
| .invite_section_ctn .header_row { | |
| border-top-left-radius: 4px !important; | |
| border-top-right-radius: 4px !important; | |
| flex: 1 100%; | |
| background-color: rgba(255,255,255,0.1) !important; | |
| text-transform: uppercase; | |
| letter-spacing: 1px; | |
| font-size: 14px; | |
| color: #fff; | |
| font-weight: normal; | |
| width: 20%; | |
| padding: 10px; | |
| } | |
| .invite_section_ctn .content { | |
| border-bottom-left-radius: 4px !important; | |
| border-bottom-right-radius: 4px !important; | |
| flex: 1 100%; | |
| font-size: 13px; | |
| color: rgb(235, 235, 235); | |
| background-color: rgba( 0, 0, 0, 0.2); | |
| padding: 16px; | |
| border-style: none; | |
| min-height: 120px; | |
| } | |
| .profile_small_header_texture { | |
| background-image: none !important; | |
| background-color: #1e1e1f !important; | |
| max-width: 978px; | |
| height: 102px; | |
| margin: 0 auto; | |
| position: relative; | |
| } | |
| .gameListRow.followed { | |
| border-radius: 4px !important; | |
| min-height: 69px; | |
| height: auto; | |
| margin-bottom: 4px; | |
| background: rgba( 0, 0, 0, 0.2 ); | |
| padding: 8px; | |
| overflow: hidden; | |
| position: relative; | |
| } | |
| .gameListRowLogo.ds_flagged img { | |
| border-radius: 4px !important; | |
| opacity: 0.3; | |
| width: 100%; | |
| height: auto; | |
| max-height: 69px; | |
| border: none; | |
| } | |
| .gameListRowLogo.ds_flagged .ds_flag { | |
| border-top-right-radius: 4px !important; | |
| border-bottom-right-radius: 4px !important; | |
| top: auto; | |
| bottom: 20%; | |
| background: rgba( 0, 0, 0, 0.2 ) no-repeat 4px 4px #d3deea !important; | |
| position: absolute; | |
| left: 0; | |
| top: 42px; | |
| font-size: 10px; | |
| color: #111111; | |
| height: 18px; | |
| line-height: 19px; | |
| padding: 0 0 0 18px; | |
| white-space: nowrap; | |
| z-index: 5; | |
| } | |
| .sectionTab { | |
| margin-top: 7px; | |
| display: block; | |
| float: left; | |
| color: #dadada; | |
| background-color: #262627 !important; | |
| line-height: 29px; | |
| height: 29px; | |
| padding: 0px 12px; | |
| margin-left: 5px; | |
| text-decoration: none; | |
| border-radius: 4px !important; | |
| -moz-border-radius: 2px; | |
| -moz-border-radius-bottomleft: 0px; | |
| -moz-border-radius-bottomright: 0px; | |
| } | |
| .sectionTab.active { | |
| margin-top: 7px; | |
| display: block; | |
| float: left; | |
| color: #dadada; | |
| background: rgba( 0, 0, 0, 0.2 ) !important; | |
| line-height: 29px; | |
| height: 29px; | |
| padding: 0px 12px; | |
| margin-left: 5px; | |
| text-decoration: none; | |
| border-radius: 4px !important; | |
| border-bottom-left-radius: 0px; | |
| border-bottom-right-radius: 0px; | |
| -moz-border-radius: 4px; | |
| -moz-border-radius-bottomleft: 0px; | |
| -moz-border-radius-bottomright: 0px; | |
| } | |
| .sectionTab:hover { | |
| margin-top: 7px; | |
| display: block; | |
| float: left; | |
| color: #dadada; | |
| background: rgba( 0, 0, 0, 0.2 ) !important; | |
| line-height: 29px; | |
| height: 29px; | |
| padding: 0px 12px; | |
| margin-left: 5px; | |
| text-decoration: none; | |
| border-radius: 4px !important; | |
| border-bottom-left-radius: 0px; | |
| border-bottom-right-radius: 0px; | |
| -moz-border-radius: 4px; | |
| -moz-border-radius-bottomleft: 0px; | |
| -moz-border-radius-bottomright: 0px; | |
| } | |
| #tabs_baseline { | |
| clear: left; | |
| } | |
| .responsive_tab_baseline { | |
| background-color: none !important; | |
| max-width: 0px !important; | |
| height: 0 !important; | |
| } | |
| .gameListRow { | |
| border-radius: 4px !important; | |
| min-height: 69px; | |
| height: auto; | |
| margin-bottom: 4px; | |
| background: rgba( 0, 0, 0, 0.2 ); | |
| padding: 8px; | |
| overflow: hidden; | |
| position: relative; | |
| } | |
| .gameListRowLogo img { | |
| border-radius: 4px !important; | |
| width: 100%; | |
| height: auto; | |
| max-height: 69px; | |
| border: none; | |
| } | |
| .gray_bevel.for_text_input { | |
| border-radius: 4px !important; | |
| display: inline-block; | |
| padding-bottom: 1px; | |
| height: 25px; | |
| background-color: rgba( 0, 0, 0, 0.2 ) !important; | |
| border-radius: 3px; | |
| border: none !important; | |
| box-shadow: 1px 1px 0 0 rgba( 91, 132, 181, 0.2 ); | |
| color: #C6D4DF; | |
| margin-bottom: 6px; | |
| outline: none; | |
| padding: 4px 6px; | |
| } | |
| .popup_block2 .popup_body2 { | |
| border-radius: 4px !important; | |
| background: -webkit-linear-gradient( top, #e3eaef 5%, #c7d5e0 95%); | |
| background: linear-gradient( to bottom, #e3eaef 5%, #c7d5e0 95%); | |
| box-shadow: none !important; | |
| position: relative; | |
| z-index: 900; | |
| } | |
| .pullup_item { | |
| border-radius: 4px !important; | |
| display: inline-block; | |
| background-color: rgba( 103, 193, 245, 0.2 ); | |
| padding: 3px 8px 0px 0px; | |
| margin-right: 6px; | |
| cursor: pointer; | |
| line-height: 18px; | |
| color: #66c0f4; | |
| } | |
| .shadow_content { | |
| border-radius: 4px !important; | |
| margin: none !important; | |
| } | |
| .popup_menu2 a.popup_menu_item2 { | |
| border-radius: 4px !important; | |
| display: block; | |
| padding: 5px 12px; | |
| color: #ffffff; | |
| z-index: 990; | |
| white-space: nowrap; | |
| } | |
| .filter_section { | |
| border-radius: 4px !important; | |
| font-family: "Motiva Sans", Sans-serif; | |
| font-weight: 300; | |
| opacity: 0; | |
| transition: opacity 300ms; | |
| position: absolute; | |
| left: -10px; | |
| width: calc(100% - 32px); | |
| background-color: #808a9c; | |
| padding: 30px; | |
| margin-top: -16px; | |
| z-index: 2; | |
| pointer-events: none; | |
| } | |
| .wishlist .controls div { | |
| border-radius: 4px !important; | |
| padding: 10px 14px 8px 14px; | |
| margin: 0px 15px 0px 0px; | |
| color: #9099a1; | |
| font-size: 13px; | |
| letter-spacing: 1px; | |
| text-transform: uppercase; | |
| white-space: nowrap; | |
| } | |
| .dropdown_container { | |
| border-radius: 4px !important; | |
| font-size: 12px; | |
| color: #fff; | |
| padding: 5px 0; | |
| cursor: pointer; | |
| display: block; | |
| margin: 0; | |
| } | |
| .dropdown_container .item { | |
| border-radius: 4px !important; | |
| font-size: 12px; | |
| color: #fff; | |
| padding: 5px 0; | |
| cursor: pointer; | |
| display: block; | |
| margin: 0; | |
| } | |
| .wishlist_header img { | |
| border-radius: 35px !important; | |
| width: 67px; | |
| height: 67px; | |
| border: none; | |
| padding: 0; | |
| margin: 0; | |
| } | |
| body.v6 .wishlist_header h2 { | |
| color: #fff; | |
| font-size: 26px; | |
| line-height: 67px; | |
| margin-left: 15px; | |
| margin-top: 2px !important; | |
| } | |
| #wishlist_search { | |
| border-radius: 4px !important; | |
| width: calc( 100% - 70px); | |
| box-sizing: none !important; | |
| background-color: #262627 !important; | |
| border: 0px !important; | |
| color: #fff; | |
| box-shadow: none !important; | |
| padding: 0; | |
| margin: 0; | |
| } | |
| #wishlist_search:hover { | |
| border: none !important; | |
| box-shadow: none !important; | |
| } | |
| .wishlist_row { | |
| border-radius: 4px !important; | |
| will-change: transform, top; | |
| overflow: hidden; | |
| display: flex; | |
| position: absolute; | |
| flex-direction: row; | |
| padding: 16px; | |
| background-color: #2e2e2f !important; | |
| color: #b2b8bd; | |
| margin-bottom: 10px; | |
| width: calc(100% - 32px); | |
| transition: background-color 300ms, top 300ms; | |
| font-family: "Motiva Sans", Sans-serif; | |
| font-weight: 200; | |
| box-shadow: 0 0 5px rgba(0,0,0,0.2); | |
| margin: 0; | |
| } | |
| .wishlist_row .tag { | |
| display: inline-block; | |
| margin-right: 3px; | |
| padding: 2px 5px; | |
| border: 1px solid rgba(255,255,255,0.2); | |
| color: #8f98a0; | |
| border-radius: 4px !important; | |
| cursor: pointer; | |
| height: 13px; | |
| } | |
| .wishlist_row .capsule img { | |
| border-radius: 4px !important; | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| width: 292px; | |
| height: 136px; | |
| background-size: cover; | |
| background-position: center center; | |
| } | |
| .wishlist_row .purchase_area { | |
| border-radius: 4px !important; | |
| background-color: none !important; | |
| padding: 3px; | |
| display: flex; | |
| height: 32px; | |
| flex-shrink: 0; | |
| padding: 0; | |
| margin: 0; | |
| } | |
| .discount_block { | |
| border-radius: 4px !important; | |
| position: relative; | |
| padding: 0; | |
| margin: 0; | |
| } | |
| .discount_block.no_discount .discount_prices { | |
| border-radius: 4px !important; | |
| background: none !important; | |
| } | |
| .discount_block_large .discount_prices { | |
| border-radius: 4px !important; | |
| line-height: 13px; | |
| padding: 4px 10px 4px 7px; | |
| } | |
| .discount_block .discount_prices { | |
| background: transparent !important; | |
| border-radius: 4px !important; | |
| display: inline-block; | |
| vertical-align: none !important; | |
| text-align: right; | |
| } | |
| .btnv6_green_white_innerfade { | |
| border-radius: 4px !important; | |
| border: none; | |
| padding: 3px !important; | |
| display: inline-block; | |
| cursor: pointer; | |
| text-decoration: none !important; | |
| color: #D2E885 !important; | |
| background: rgba(121,153,5,1) !important; | |
| } | |
| .btnv6_blue_blue_innerfade { | |
| border-radius: 4px !important; | |
| border: none; | |
| padding: 3px !important; | |
| display: inline-block; | |
| cursor: pointer; | |
| text-decoration: none !important; | |
| color: #A4D7F5 !important; | |
| background: rgba(47,137,188,1) !important; | |
| } | |
| .btnv6_green_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover { | |
| border-radius: 4px !important; | |
| background: rgba(83,105,4,1) !important; | |
| color: #fff !important; | |
| } | |
| .btnv6_blue_blue_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover { | |
| border-radius: 4px !important; | |
| background: rgb(35, 103, 142) !important; | |
| color: #fff !important; | |
| } | |
| .btn_medium > span, input.btn_medium { | |
| padding: 0 15px !important; | |
| font-size: 15px; | |
| line-height: 30px !important; | |
| } | |
| #rightContents .box { | |
| border-radius: 4px !important; | |
| background: rgba( 0, 0, 0, 0.2 ) !important; | |
| padding: 10px 10px 10px 11px; | |
| margin: 29px 0 10px 0; | |
| } | |
| .review_list h1 { | |
| font-family: "Motiva Sans", Sans-serif; | |
| font-weight: 300; | |
| font-size: 21px; | |
| font-weight: normal; | |
| border-bottom: none !important; | |
| padding: 20px 0 5px 0; | |
| margin: 0px; | |
| } | |
| .review_box .header { | |
| border-top-left-radius: 4px !important; | |
| border-top-right-radius: 4px !important; | |
| padding: 8px 9px; | |
| font-size: 12px; | |
| color: #8f98a0; | |
| border-bottom: none !important; | |
| background: rgba( 0, 0, 0, 0.2 ) !important; | |
| } | |
| .review_box .leftcol img { | |
| border-radius: 4px !important; | |
| width: 100%; | |
| border: none; | |
| } | |
| a.trigger, a.activetrigger { | |
| border-radius: 4px !important; | |
| background: none !important; | |
| border-right: 7px solid #000; | |
| display: inline-block; | |
| vertical-align: middle; | |
| color: #B0AEAC; | |
| height: 22px; | |
| padding-left: 8px; | |
| padding-right: 20px; | |
| overflow: hidden; | |
| background-color: #000 !important; | |
| color: #e1e1e1; | |
| } | |
| .dselect_container a, .dselect_container a:hover, .dselect_container a:active, .dselect_container a:visited { | |
| border-bottom-left-radius: 4px !important; | |
| border-bottom-right-radius: 4px !important; | |
| font-size: 12px; | |
| line-height: 22px; | |
| text-decoration: none; | |
| font-weight: normal; | |
| } | |
| .block_content.block_content_inner.dark { | |
| border-radius: 4px !important; | |
| background-color: black; | |
| padding: 12px; | |
| } | |
| .popup_body.popup_menu.shadow_content { | |
| border-radius: 4px !important; | |
| position: relative; | |
| background-color: #171a21; | |
| } | |
| .profile_customization { | |
| border-radius: 4px !important; | |
| position: relative; | |
| background-image: none !important; | |
| background-position: top left; | |
| background-repeat: no-repeat; | |
| background-color: #282828 !important; | |
| border-radius: 3px; | |
| padding: 0 10px 11px 10px; | |
| margin-bottom: 12px; | |
| font-size: 13px; | |
| overflow: hidden; | |
| } | |
| .workshop_showcase_item img.workshop_showcase_item_image { | |
| border-radius: 4px !important; | |
| float: left; | |
| width: 160px; | |
| max-width: 40%; | |
| margin-right: 8px; | |
| display: block; | |
| border: nmne; | |
| } | |
| .guide_showcase_appinfo .workshop_showcase_app img { | |
| border-radius: 4px !important; | |
| vertical-align: middle; | |
| border: none; | |
| } | |
| .favoritegroup_showcase_group .favoritegroup_avatar img { | |
| border-radius: 4px !important; | |
| width: 157px; | |
| height: 157px; | |
| border: none; | |
| } | |
| .recent_game { | |
| background-color: #282828 !important; | |
| border-radius: 5px; | |
| margin-bottom: 21px; | |
| } | |
| .game_info .game_info_cap img { | |
| border-radius: 4px !important; | |
| width: 100%; | |
| border: none; | |
| } | |
| .recent_game .game_info_stats, .favoritegame_showcase .game_info_stats { | |
| padding: 9px 11px 10px; | |
| background-color: transparent !important; | |
| border-radius: 4px !important; | |
| border-top: 0px !important; | |
| margin-top: 9px; | |
| } | |
| .game_info_achievements_badge .game_info_badge_border { | |
| float: left; | |
| border-radius: 4px !important; | |
| } | |
| .game_info_badge_border { | |
| border: 0px !important; | |
| border-radius: 4px !important; | |
| background-color: none !important; | |
| width: 282px; | |
| height: 48px; | |
| box-shadow: none !important; | |
| } | |
| .game_info_achievements_badge .achievement_progress_bar_ctn { | |
| width: auto; | |
| display: block; | |
| margin-bottom: 8px; | |
| } | |
| .achievement_progress_bar_ctn { | |
| height: 8px; | |
| padding: 0px !important; | |
| width: 160px; | |
| display: inline-block; | |
| background-color: #222223; | |
| border: 0px !important; | |
| border-radius: 5px !important; | |
| box-shadow: 0px !important; | |
| } | |
| .game_info_achievement, .game_info_achievement img { | |
| width: 32px; | |
| height: 32px; | |
| border-radius: 4px !important; | |
| } | |
| .game_info_achievement { | |
| vertical-align: top; | |
| display: inline-block; | |
| margin-left: 4px; | |
| border-radius: 5px !important; | |
| } | |
| .game_info_stats_rule { | |
| border-top: 0px !important; | |
| background-color: none !important; | |
| height: 0px !important; | |
| margin: 10px; | |
| } | |
| .screenshot_showcase_screenshot { | |
| border-radius: 4px !important; | |
| cursor: pointer; | |
| border: 1px transparent solid !important; | |
| display: block; | |
| white-space: nowrap; | |
| overflow: hidden; | |
| } | |
| .showcase_content_bg { | |
| border-radius: 4px !important; | |
| background-color: #282828 !important; | |
| padding: 8px; | |
| border-radius: 3px; | |
| margin-bottom: 9px; | |
| overflow: hidden; | |
| } | |
| .showcase_gamecollector_game img.game_capsule { | |
| border-radius: 4px !important; | |
| width: 148px; | |
| height: 56px; | |
| border: none; | |
| } | |
| .commentthread_header, .profile_leftcol_header { | |
| border-bottom: 0px !important; | |
| padding: 6px 10px; | |
| line-height: 26px; | |
| border-radius: 4px !important; | |
| background-color: transparent !important; | |
| } | |
| .commentthread_subscribe_checkbox { | |
| display: inline-block; | |
| position: relative; | |
| height: 12px; | |
| width: 12px; | |
| vertical-align: middle; | |
| border: 0px !important; | |
| border-radius: 4px !important; | |
| background: #282828 !important; | |
| margin-bottom: 2px !important; | |
| } | |
| .profile_comment_area .commentthread_footer { | |
| padding-top: 6px; | |
| border-top: 0px solid #303030 !important; | |
| } | |
| .profile_comment_area .commentthread_comment_container { | |
| border-bottom: 0px solid #000000 !important; | |
| } | |
| .profile_comment_area .commentthread_textarea { | |
| background-color: #282828 !important; | |
| } | |
| .profile_comment_area .commentthread_header, .profile_leftcol_header { | |
| border-bottom: none; | |
| padding: 6px 10px; | |
| line-height: 26px; | |
| border-radius: 3px; | |
| background-color: transparent !important; | |
| } | |
| .profile_comment_area .commentthread_entry_quotebox { | |
| border-bottom: 0px !important; | |
| border: 0px !important; | |
| background-color: #282828 !important; | |
| box-shadow: none !important; | |
| border-radius: 4px !important; | |
| } | |
| .commentthread_entry_quotebox { | |
| border: none; | |
| padding: 4px 6px 4px 6px; | |
| font-size: 12px; | |
| background-color: #282828 !important; | |
| border-radius: 4px !important; | |
| border-left: 0px !important; | |
| border-top: 0px !important; | |
| border-right: 0px !important; | |
| border-bottom: 0px !important; | |
| overflow: hidden; | |
| margin-bottom: -2px !important; | |
| } | |
| .commentthread_header, .commentthread_footer { | |
| font-size: 14px; | |
| line-height: 24px; | |
| margin-bottom: 0px !important; | |
| padding-bottom: 0px !important; | |
| padding-top: 10px; | |
| } | |
| .invite_row { | |
| border-radius: 4px !important; | |
| display: flex; | |
| flex: 1 100%; | |
| margin-top: 4px; | |
| background: rgba(0, 0, 0, 0.2) !important; | |
| padding: 8px; | |
| position: relative; | |
| flex-wrap: wrap; | |
| } | |
| .invite_block_name { | |
| flex-grow: 1; | |
| margin-top: 10px !important; | |
| } | |
| span.invite_action_txt { | |
| padding: 0 30px; | |
| border-radius: 4px !important; | |
| } | |
| .event_title { | |
| font-weight: normal !important; | |
| font-size: 15px; | |
| height: 22px; | |
| } | |
| .community_search_text_box { | |
| text-align: left; | |
| height: 33px; | |
| margin-top: 5px; | |
| top: 15px; | |
| bottom: 15px; | |
| font-size: 17px; | |
| width: 50%; | |
| outline: none; | |
| font-style: italic; | |
| background: none !important; | |
| background-color: #252527 !important; | |
| border: 0px !important; | |
| border-radius: 4px !important; | |
| box-shadow: 0px !important; | |
| color: white !important; | |
| padding: 5px 5px 5px 10px; | |
| text-indent: 3px; | |
| } | |
| .search_row { | |
| border-radius: 4px !important; | |
| background-color: rgba( 0, 0, 0, 0.4 ); | |
| padding: 12px 18px 12px 10px; | |
| margin-bottom: 4px; | |
| } | |
| body.flat_page { | |
| background: #1E1E1F !important; | |
| } | |
| body.flat_page #footer_spacer, body.headerless_page #footer_spacer { | |
| border-radius: 4px !important; | |
| height: 78px; | |
| padding-top: 16px; | |
| background: #1E1E1F !important; | |
| } | |
| .search_match_info { | |
| border-radius: 4px !important; | |
| margin-top: 6px; | |
| margin-left: 00px; | |
| padding: 12px 18px 12px 10px; | |
| background-color: rgba( 255, 255, 255, 0.1); | |
| line-height: 18px; | |
| } | |
| .search_group_avatar_holder img { | |
| border-radius: 4px !important; | |
| float: left; | |
| width: 96px; | |
| height: 96px; | |
| border: none; | |
| } | |
| .grouppage_content_area .community_search_container>h2 { | |
| font-size: 28px; | |
| margin-top: 35px; | |
| font-family: "Motiva Sans", Sans-serif; | |
| font-weight: 300; | |
| color: white !important; | |
| } | |
| .recentAchievementsImg { | |
| border-radius: 4px !important; | |
| padding-left: 3px; | |
| padding-top: 3px; | |
| border: none; | |
| } | |
| .game_purchase_action_bg { | |
| height: 35px !important; | |
| vertical-align: bottom; | |
| display: inline-block; | |
| background-color: #252525 !important; | |
| padding: 2px 2px 2px 0px !important; | |
| border-radius: 4px !important; | |
| -moz-border-radius: 2px !important; | |
| white-space: nowrap; | |
| font-size: 0; | |
| margin: 0; | |
| } | |
| .game_purchase_discount .discount_final_price { | |
| padding-left: 8px; | |
| padding-top: 13px; | |
| padding-right: 6px; | |
| color: #acdbf5; | |
| font-family: Tahoma, Arial, Helvetica, sans-serif; | |
| padding: 0; | |
| margin: 0; | |
| } | |
| .game_purchase_discount .discount_prices { | |
| display: inline-block; | |
| position: relative; | |
| vertical-align: top; | |
| height: 36px; | |
| text-align: right; | |
| background: #252525 !important; | |
| padding: 0; | |
| margin: 0; | |
| } | |
| .game_purchase_discount .discount_pct, .game_purchase_discount .bundle_base_discount { | |
| border-radius: 4px !important; | |
| display: inline-block; | |
| height: 32px !important; | |
| line-height: 32px !important; | |
| font-size: 25px; | |
| text-align: center; | |
| overflow: hidden; | |
| padding: 0 6px; | |
| } | |
| .game_purchase_action .game_purchase_price { | |
| background-color: transparent !important; | |
| font-size: 13px; | |
| padding-top: 8px; | |
| padding-left: 12px; | |
| padding-right: 12px; | |
| height: 24px; | |
| color: white !important;s | |
| } | |
| .highlight_movie { | |
| border-radius: 4px !important; | |
| width: 100%; | |
| height: 100%; | |
| background-color: transparent !important; | |
| } | |
| .highlight_player_item img { | |
| width: 100%; | |
| display: block; | |
| border-radius: 4px !important; | |
| } | |
| .highlight_strip_item img { | |
| border-radius: 4px !important; | |
| background-color: transparent !important; | |
| } | |
| .highlight_strip_item { | |
| float: left; | |
| height: 65px; | |
| width: 116px; | |
| cursor: pointer; | |
| text-align: center; | |
| margin: 2px; | |
| background-color: transparent !important; | |
| position: relative; | |
| } | |
| img.game_header_image_full { | |
| width: 324px !important; | |
| margin-left: -5px !important; | |
| height: 151px; | |
| border-top-left-radius: 4px !important; | |
| border-top-right-radius: 4px !important; | |
| } | |
| 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%); | |
| 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))); | |
| background: -webkit-linear-gradient(left, rgba(163,207,6,0.6) 0%,rgba(75,106,33,0.6) 100%); | |
| background: -o-linear-gradient(left, rgba(163,207,6,0.6) 0%,rgba(75,106,33,0.6) 100%); | |
| background: -ms-linear-gradient(left, rgba(163,207,6,0.6) 0%,rgba(75,106,33,0.6) 100%); | |
| background: linear-gradient(to right, rgba(163,207,6,0.6) 0%,rgba(75,106,33,0.6) 100%); | |
| filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99a3cf06', endColorstr='#994b6a21',GradientType=1 ); | |
| font-size: 18px; | |
| font-family: "Motiva Sans", Sans-serif; | |
| font-weight: 300; | |
| line-height: 40px; | |
| color: #a3cf06; | |
| margin-bottom: 1px; | |
| width: 925px; | |
| border-radius: 4px !important; | |
| } | |
| .game_area_play_stats { | |
| 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 ); | |
| padding: 0px 16px 16px 16px; | |
| margin: 0px auto; | |
| margin-bottom: 40px; | |
| max-width: 908px; | |
| border-radius: 4px !important; | |
| } | |
| #recommendation_success .review_box .thumb { | |
| margin: 12px 8px 12px 12px; | |
| float: left; | |
| border-radius: 4px !important; | |
| } | |
| #review_create h1, .reviewDate { | |
| font-size: 18px; | |
| font-weight: normal; | |
| margin-bottom: 3px; | |
| color: #66c0f4; | |
| font-family: "Motiva Sans", Sans-serif; | |
| font-weight: 300; | |
| width: 100%; | |
| border-top: 0px solid #2e2e2f !important; | |
| padding-top: 10px; | |
| } | |
| .game_area_purchase_game_wrapper .game_area_purchase_game { | |
| margin-bottom: 0px; | |
| border-radius: 4px !important; | |
| } | |
| .game_area_purchase_game > a { | |
| position: absolute; | |
| right: 16px; | |
| top: 16px; | |
| border-radius: 4px !important; | |
| } | |
| .subscribeIcon { | |
| position: absolute; | |
| top: 0px; | |
| left: 8px; | |
| height: 30px; | |
| width: 16px; | |
| background-position: 0px 0px; | |
| background-repeat: no-repeat; | |
| } | |
| .btn_medium > span.subscribeText { | |
| padding-left: 35px !important; | |
| } | |
| .game_area_purchase_not_refundable { | |
| height: 26px; | |
| padding: 25px 16px 0px 0px; | |
| font-size: 12px; | |
| font-family: Arial, Helvetica, sans-serif; | |
| color: white !important; | |
| text-align: right; | |
| background: #2e2e2f !important; | |
| border-radius: 4px !important; | |
| } | |
| .game_purchase_area_friends_want { | |
| height: 61px; | |
| padding-left: 46px; | |
| position: relative; | |
| background: #2e2e2f !important; | |
| font-size: 12px; | |
| color: white !important; | |
| z-index: 0; | |
| border-radius: 4px !important; | |
| } | |
| .highlight_selector { | |
| position: absolute; | |
| background-image: none !important; | |
| width: 116px; | |
| height: 77px; | |
| z-index: 50; | |
| top: -10px; | |
| pointer-events: none; | |
| } | |
| #game_highlights { | |
| background: transparent !important; | |
| padding-bottom: 12px; | |
| border-radius: 4px !important; | |
| } | |
| .queue_ctn { | |
| width: 940px; | |
| border-radius: 4px !important; | |
| background: none !important; | |
| margin: 0px auto; | |
| margin-bottom: 16px; | |
| } | |
| .glance_details img:hover { | |
| border: none !important; | |
| border-radius: 4px !important; | |
| } | |
| .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%); | |
| 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))); | |
| background: -webkit-linear-gradient(-60deg, rgba(72,23,70,0.8) 10%,rgba(165,84,177,0.8) 100%); | |
| background: -o-linear-gradient(-60deg, rgba(72,23,70,0.8) 10%,rgba(165,84,177,0.8) 100%); | |
| background: -ms-linear-gradient(-60deg, rgba(72,23,70,0.8) 10%,rgba(165,84,177,0.8) 100%); | |
| background: linear-gradient(135deg, rgba(72,23,70,0.8) 10%,rgba(165,84,177,0.8) 100%); | |
| filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc481746', endColorstr='#cca554b1',GradientType=1 ); | |
| border-radius: 4px !important; | |
| } | |
| .ds_flag.ds_completetheset { | |
| background: #4F95BD; | |
| top: -4px; | |
| left: 18px; | |
| padding: 0 8px; | |
| border-radius: 4px !important; | |
| } | |
| .game_description_column h2, .recommendation_bodytext h2 { | |
| line-height: 26px; | |
| font-weight: bold; | |
| font-size: 14px; | |
| color: #FFFFFF; | |
| background-image: none !important; | |
| background-repeat: no-repeat; | |
| background-position: bottom left; | |
| margin-bottom: 1px; | |
| } | |
| .game_description_column .block .block_header h4 { | |
| padding-bottom: 3px; | |
| background-image: none !important; | |
| background-repeat: no-repeat; | |
| background-position: bottom left; | |
| } | |
| .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 ); | |
| border-radius: 4px !important; | |
| } | |
| .game_description_column .block .block_content a img { | |
| width: 171px; | |
| border-radius: 4px !important; | |
| } | |
| .game_area_already_owned .ds_flag { | |
| border-radius: 4px !important; | |
| position: relative; | |
| float: left; | |
| top: 10px; | |
| left: -8px; | |
| box-shadow: 1px 1px 2px #000000; | |
| background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAYAAABi8KSDAAAAGXRFW…RBVHjaYvz//z8DsYARpFhISAivjnfv3jGSp3jUGeQ4AyDAADZHNe2nyOBrAAAAAElFTkSuQmCC) no-repeat 4px 4px #a3cf06; | |
| } | |
| #review_create .avatar > img { | |
| width: 92px; | |
| height: 92px; | |
| padding: 1px; | |
| border-radius: 50px !important; | |
| } | |
| #review_create .avatar { | |
| width: 94px; | |
| height: 94px; | |
| background-repeat: no-repeat; | |
| padding: 1px; | |
| margin-right: 16px; | |
| border-radius: 0px; | |
| float: left; | |
| border-radius: 50px !important | |
| } | |
| #review_create .input_box { | |
| border: 0px solid #233c51 !important; | |
| border-radius: 4px !important; | |
| height: 132px; | |
| width: 764px; | |
| max-width: 800px; | |
| background-color: #2b2b2b !important; | |
| color: #d6d7d8; | |
| padding: 10px 11px; | |
| font-size: 13px; | |
| font-family: "Motiva Sans", Sans-serif; | |
| font-weight: normal; | |
| box-shadow: none !important; | |
| } | |
| .review_controls { | |
| padding: 8px; | |
| background-color: transparent !important; | |
| margin-bottom: 10px; | |
| max-width: 772px; | |
| border-radius: 4px !important; | |
| } | |
| .review_box .vote_header .thumb { | |
| float: left; | |
| margin-right: 10px; | |
| border-radius: 4px !important; | |
| } | |
| .review_box .short_header .thumb, .review_box .short_header .persona_name, .review_box .short_header .hours { | |
| display: block; | |
| float: left; | |
| border-radius: 4px !important; | |
| } | |
| .review_box a.vote_header { | |
| margin: 8px 0 13px; | |
| display: block; | |
| background: rgba( 0, 0, 0, 0.2 ); | |
| height: 40px; | |
| border-radius: 4px !important; | |
| } | |
| .review_box .hr { | |
| background-color: #363f4c; | |
| height: 0px !important; | |
| } | |
| .review_box { | |
| background-color: rgba( 0, 0, 0, 0.2 ); | |
| margin-bottom: 26px; | |
| background-image: none !important; | |
| background-repeat: no-repeat; | |
| background-position: top left; | |
| border-radius: 4px !important; | |
| } | |
| .sysreq_tabs { | |
| font-size: 12px; | |
| padding-top: 8px; | |
| padding-left: 0px !important; | |
| margin-bottom: 15px; | |
| background: none !important; | |
| border-radius: 4px !important; | |
| } | |
| .game_description_column h2, .recommendation_bodytext h2 { | |
| line-height: 26px; | |
| font-weight: bold; | |
| font-size: 14px; | |
| color: #FFFFFF; | |
| background-image: none !important; | |
| background-repeat: no-repeat; | |
| background-position: bottom left; | |
| margin-bottom: 1px; | |
| } | |
| .sysreq_tab.active { | |
| background-color: #2e2e2f !important; | |
| color: #67c1f5; | |
| cursor: default; | |
| border-radius: 4px !important; | |
| } | |
| .sysreq_tab:hover { | |
| background-color: #2e2e2f !important; | |
| color: #67c1f5; | |
| cursor: default; | |
| border-radius: 4px !important; | |
| } | |
| body.v6 #footer .rule { | |
| height: 8px; | |
| border-top: 0px solid #29363d !important; | |
| } | |
| .review_box.short { | |
| background: #2e2e2f !important; | |
| border-radius: 4px !important; | |
| } | |
| .rightcol.game_meta_data .block { | |
| background: #2e2e2f !important; | |
| padding: 16px; | |
| margin-bottom: 8px; | |
| margin-top: 0; | |
| border-radius: 4px !important; | |
| } | |
| .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; | |
| border-radius: 4px !important; | |
| } | |
| .rightcol.game_meta_data .block.recommendation_reasons { | |
| padding-left: 28px; | |
| } | |
| .short_header { | |
| height: 24px; | |
| color: #819db8; | |
| background-color: #2e2e2f !important; | |
| margin-bottom: 6px; | |
| display: block; | |
| line-height: 15px; | |
| border-top-left-radius: 4px !important; | |
| border-top-right-radius: 4px !important; | |
| } | |
| .short_header:hover { | |
| height: 24px; | |
| color: #819db8; | |
| background-color: #252525 !important; | |
| margin-bottom: 6px; | |
| display: block; | |
| line-height: 15px; | |
| border-top-left-radius: 4px !important; | |
| border-top-right-radius: 4px !important; | |
| } | |
| .discount_block.no_discount .bundle_base_discount { | |
| text-decoration: none; | |
| color: #b0aeac; | |
| border-right: 0px solid #626366 !important; | |
| } | |
| .queue_controls_description { | |
| color: #ffcc6a !important; | |
| font-size: 12px; | |
| padding: 6px; | |
| background: none !important; | |
| margin-top: -28px !important; | |
| } | |
| .btn_next_in_queue .next_in_queue_content { | |
| padding: 25px 15% 0 28% !important; | |
| } | |
| .btn_next_in_queue { | |
| background: none !important; | |
| background-color: #584d31 !important; | |
| width: 230px !important; | |
| height: 80px !important; | |
| cursor: pointer; | |
| background-size: 100% 200%; | |
| margin-bottom: -10px !important; | |
| margin-right: -15px !important; | |
| margin-top: -35px !important; | |
| border-radius: 50px !important; | |
| float: right; | |
| } | |
| .btn_next_in_queue { | |
| background: none !important; | |
| background-color: #695833 !important; | |
| width: 230px !important; | |
| height: 80px !important; | |
| cursor: pointer; | |
| background-size: 100% 200%; | |
| margin-bottom: -10px !important; | |
| margin-right: -15px !important; | |
| margin-top: 20px !important; | |
| border-radius: 50px !important; | |
| float: right; | |
| } | |
| .btn_next_in_queue span { | |
| font-size: 15px; | |
| line-height: 13px; | |
| color: #ffcc6a !important; | |
| font-family: "Motiva Sans", Sans-serif; | |
| font-weight: 300; | |
| } | |
| .btn_next_in_queue:hover span { | |
| font-size: 15px; | |
| line-height: 13px; | |
| color: #ffcc6a !important; | |
| font-family: "Motiva Sans", Sans-serif; | |
| font-weight: 300; | |
| } | |
| .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 ); | |
| border-radius: 4px !important; | |
| } | |
| .game_page_autocollapse_fade { | |
| display: none; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| bottom: 0; | |
| height: 73px; | |
| z-index: 1; | |
| background: none !important; | |
| } | |
| .game_page_autocollapse_readmore { | |
| position: absolute; | |
| background: rgba(47,137,188,1) !important; | |
| color: #A4D7F5 !important; | |
| right: 0; | |
| bottom: 0; | |
| height: 20px; | |
| line-height: 20px; | |
| cursor: pointer; | |
| font-size: 10px; | |
| padding-left: 5px !important; | |
| padding-right: 5px !important; | |
| border-radius: 4px !important; | |
| } | |
| .game_page_autocollapse_readmore:hover { | |
| position: absolute; | |
| background: rgba(23,67,92,1) !important; | |
| color: #ffffff !important; | |
| right: 0; | |
| bottom: 0; | |
| height: 20px; | |
| line-height: 20px; | |
| cursor: pointer; | |
| font-size: 10px; | |
| padding-left: 5px !important; | |
| padding-right: 5px !important; | |
| border-radius: 4px !important; | |
| } | |
| .game_page_autocollapse_ctn.collapsed { | |
| padding-bottom: 25px !important; | |
| } | |
| .game_description_column .block .block_header .right a { | |
| float: right; | |
| background-color: rgba(47,137,188,1) !important; | |
| border-radius: 1px; | |
| color: #A4D7F5 !important; | |
| font-size: 11px; | |
| padding: 4px 6px !important; | |
| border-radius: 4px !important; | |
| } | |
| .game_description_column .block .block_header .right a:hover { | |
| float: right; | |
| background-color: rgba(23,67,92,1) !important; | |
| border-radius: 1px; | |
| color: #ffffff !important; | |
| font-size: 11px; | |
| padding: 2px 4px; | |
| border-radius: 4px !important; | |
| } | |
| .no_curators_followed { | |
| padding: 20px; | |
| background: 282828 !important; | |
| border-radius: 4px !important; | |
| } | |
| .review_ctn { | |
| border-top: 0px solid #000 !important; | |
| } | |
| .slider_ctn.store_autoslider { | |
| background: none !important; | |
| border-radius: 4px !important; | |
| } | |
| .highlight_ctn .slider_ctn .slider_left, .highlight_ctn .slider_ctn .slider_right, .highlight_ctn .slider .handle { | |
| position: absolute; | |
| top: 0; | |
| bottom: 0; | |
| background-color: rgba( 0, 0, 0, 0.4 ) !important; | |
| border-radius: 4px !important; | |
| cursor: pointer; | |
| } | |
| .game_area_details_specs { | |
| min-height: 26px; | |
| position: relative; | |
| margin-bottom: 2px; | |
| background-color: rgba( 0, 0, 0, 0.2 ); | |
| border-radius: 4px !important; | |
| } | |
| .DRM_notice { | |
| color: #e1c48a; | |
| padding: 4px 8px; | |
| line-height: 17px; | |
| border-radius: 4px !important; | |
| margin-top: 12px; | |
| background: -moz-linear-gradient(-45deg, rgba(130,114,81,0.5) 0%, rgba(226,197,139,0.5) 100%); | |
| 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))); | |
| background: -webkit-linear-gradient(-45deg, rgba(130,114,81,0.5) 0%,rgba(226,197,139,0.5) 100%); | |
| background: -o-linear-gradient(-45deg, rgba(130,114,81,0.5) 0%,rgba(226,197,139,0.5) 100%); | |
| background: -ms-linear-gradient(-45deg, rgba(130,114,81,0.5) 0%,rgba(226,197,139,0.5) 100%); | |
| background: linear-gradient(135deg, rgba(130,114,81,0.5) 0%,rgba(226,197,139,0.5) 100%); | |
| filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80827251', endColorstr='#80e2c58b',GradientType=1 ); | |
| } | |
| .block a.linkbar { | |
| min-height: 17px; | |
| padding-top: 4px; | |
| padding-left: 8px; | |
| padding-bottom: 4px; | |
| line-height: 17px; | |
| background: rgba( 103, 193, 245, 0.1 ); | |
| color: #67c1f5; | |
| border-radius: 4px !important; | |
| display: block; | |
| margin-bottom: 2px; | |
| } | |
| .glance_ctn { | |
| padding: 0px 0px 0px 0px; | |
| background: none !important; | |
| padding-bottom: 13px !important; | |
| padding-left: 5px !important; | |
| border-radius: 4px !important; | |
| } | |
| .sale_page_n_section .broadcast_wrapper .broadcastwrapper { | |
| margin: 0 auto; | |
| background: #1e2025; | |
| padding-bottom: 4px; | |
| box-shadow: 0 0 5px #000; | |
| border-radius: 4px !important; | |
| } | |
| .sale_page_n_section_block.n_section_1 { | |
| background: none !important; | |
| } | |
| .sale_page_purchase_item { | |
| padding: 15px; | |
| position: relative; | |
| background: -webkit-linear-gradient( 135deg, rgba(97,100,101,0.5) 5%,rgba(226,244,255,0.5) 95%); | |
| background: linear-gradient( 135deg, rgba(97,100,101,0.5) 5%,rgba(226,244,255,0.5) 95%); | |
| border-radius: 4px !important; | |
| } | |
| .sale_page_purchase_content .bundle_contents_preview { | |
| margin-top: 3px; | |
| border-radius: 4px !important; | |
| } | |
| .ds_flag.ds_owned_flag { | |
| background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAYAAABi8KSDAAAAGXRFW…RBVHjaYvz//z8DsYARpFhISAivjnfv3jGSp3jUGeQ4AyDAADZHNe2nyOBrAAAAAElFTkSuQmCC) no-repeat 4px 4px #4F95BD; | |
| border-radius: 4px !important; | |
| } | |
| div.early_access_header { | |
| border: 1px solid #4e81ae; | |
| margin: 0 0 20px 0; | |
| border-radius: 4px !important; | |
| } | |
| .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 ); | |
| border-radius: 4px !important; | |
| } | |
| div.early_access_banner { | |
| height: 49px; | |
| position: relative; | |
| background: rgb(68,75,84); | |
| background: -moz-linear-gradient(-60deg, rgba(68,75,84,1) 0%, rgba(91,98,108,1) 100%); | |
| background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(68,75,84,1)), color-stop(100%,rgba(91,98,108,1))); | |
| background: -webkit-linear-gradient(-60deg, rgba(68,75,84,1) 0%,rgba(91,98,108,1) 100%); | |
| background: -o-linear-gradient(-60deg, rgba(68,75,84,1) 0%,rgba(91,98,108,1) 100%); | |
| background: -ms-linear-gradient(-60deg, rgba(68,75,84,1) 0%,rgba(91,98,108,1) 100%); | |
| background: linear-gradient(135deg, rgba(68,75,84,1) 0%,rgba(91,98,108,1) 100%); | |
| filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444b54', endColorstr='#5b626c',GradientType=1 ); | |
| padding: 12px 15px 0 55px; | |
| margin: 15px 0 40px 0; | |
| border-radius: 4px !important; | |
| } | |
| h2 span.note { | |
| float: right; | |
| background: rgba(47,137,188,1) !important; | |
| color: #A4D7F5 !important; | |
| font-size: 11px; | |
| padding: 0px !important; | |
| padding-top: 4px !important; | |
| padding-bottom: 1px !important; | |
| padding-left: 5px !important; | |
| padding-right: 5px !important; | |
| line-height: normal; | |
| border-radius: 4px !important; | |
| } | |
| h2 span.note:hover { | |
| float: right; | |
| background: rgba(23,67,92,1) !important; | |
| color: #ffffff !important; | |
| font-size: 11px; | |
| padding: 0px !important; | |
| padding-top: 4px !important; | |
| padding-bottom: 1px !important; | |
| padding-left: 5px !important; | |
| padding-right: 5px !important; | |
| line-height: normal; | |
| border-radius: 4px !important; | |
| } | |
| .review_box.partial .content .gradient { | |
| display: block; | |
| position: absolute; | |
| bottom: 0px; | |
| left: 0px; | |
| right: 0px; | |
| z-index: 1; | |
| height: 30px; | |
| background: none !important; | |
| } | |
| .early_access_review { | |
| background-color: none !important; | |
| border: 1px solid #779abc; | |
| text-transform: uppercase; | |
| font-family: arial; | |
| font-size: 11px; | |
| color: #9ac7f3; | |
| padding: 1px 4px 0px 4px; | |
| margin-bottom: 10px; | |
| margin-right: 4px; | |
| display: inline-block; | |
| cursor: default; | |
| line-height: 13px; | |
| border-radius: 4px !important; | |
| } | |
| .review_developer_response_container.multiple_listing.store { | |
| background-color: rgba( 0, 0, 0, 0.2 ); | |
| } | |
| #review_histograms_container { | |
| background-color: #2a475e; | |
| box-shadow: 0px !important; | |
| position: relative; | |
| border-top-left-radius: 4px !important; | |
| border-top-right-radius: 4px !important; | |
| } | |
| .review_histogram_section .user_reviews_summary_bar { | |
| border-bottom: 10px !important; | |
| padding: 10px; | |
| margin-bottom: 10px; | |
| background: none; | |
| min-height: 38px; | |
| } | |
| .review_histogram_section.recent { | |
| box-shadow: 0px !important; | |
| border-top-right-radius: 4px !important; | |
| } | |
| .user_reviews_header { | |
| padding-bottom: 4px; | |
| margin-top: 40px; | |
| background-image: none !important; | |
| background-repeat: no-repeat; | |
| background-position: bottom left; | |
| } | |
| .user_reviews_filter_menu_flyout { | |
| position: absolute; | |
| display: none; | |
| padding: 10px; | |
| color: #556772; | |
| line-height: 20px; | |
| z-index: 10; | |
| border-top-right-radius: 4px !important; | |
| border-bottom-left-radius: 4px !important; | |
| border-bottom-right-radius: 4px !important; | |
| } | |
| .user_reviews_filter_options { | |
| font-size: 12px; | |
| padding: 10px; | |
| margin-bottom: 30px; | |
| background-color: #1f2f42; | |
| border-bottom-left-radius: 4px !important; | |
| border-bottom-right-radius: 4px !important; | |
| } | |
| .user_reviews_filter_menu { | |
| border-left: 0pc !important; | |
| position: relative; | |
| float: left; | |
| padding-right: 10px; | |
| } | |
| #review_recent_events_container.high_volume_all { | |
| background: -webkit-linear-gradient( top, rgba( 212, 212, 212, 0.67) 5%, rgba( 214, 214, 214, 0.75) 95%); | |
| background: linear-gradient( to bottom, rgba( 212, 212, 212, 0.67) 5%, rgba( 214, 214, 214, 0.75) 95%); | |
| border-radius: 4px !important; | |
| } | |
| .item_store_items_game_page_container { | |
| margin-top: 2px; | |
| position: relative; | |
| padding: 10px; | |
| 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 ); | |
| border-radius: 4px !important; | |
| } | |
| .item_def_icon_container { | |
| position: relative; | |
| background: #111111; | |
| border-radius: 4px !important; | |
| } | |
| .rightcol .panel { | |
| background-color: rgba( 0, 0, 0, 0.2 ); | |
| margin: 0 0 10px 0; | |
| border-radius: 4px !important; | |
| } | |
| .rightcol .review_box.partial .content .gradient { | |
| background: none !important; | |
| border-radius: 4px !important;s | |
| } | |
| 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; | |
| color: #67c1f5; | |
| text-align: center; | |
| padding-top: 14px; | |
| border-radius: 4px !important; | |
| height: 50px; | |
| } | |
| .communitylink_achievement { | |
| float: left; | |
| width: 64px; | |
| height: 64px; | |
| margin-right: 4px; | |
| border-radius: 4px !important; | |
| } | |
| #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; | |
| border-radius: 4px !important; | |
| } | |
| .playerAvatar img, .friend_block_holder .friend_block_avatar img, .friend_activity .friend_block_avatar img { | |
| width: 32px; | |
| height: 32px; | |
| padding: 1px; | |
| border-radius: 50px !important; | |
| border: none; | |
| } | |
| .review_box.partial .view_more a { | |
| background: rgba(47,137,188,1) !important; | |
| color: #A4D7F5 !important; | |
| text-transform: uppercase; | |
| font-style: normal; | |
| padding-left: 5px; | |
| padding-right: 5px; | |
| padding-top: 3px; | |
| padding-bottom: 3px; | |
| border-radius: 4px; | |
| } | |
| .review_box.partial .view_more a:hover { | |
| background: rgba(23,67,92,1) !important; | |
| color: #ffffff !important; | |
| text-transform: uppercase; | |
| font-style: normal; | |
| padding-left: 5px; | |
| padding-right: 5px; | |
| padding-top: 3px; | |
| padding-bottom: 3px; | |
| border-radius: 4px; | |
| } | |
| .user_reviews_active_filters .active_filter { | |
| background-color: rgba( 255, 255, 255, 0.2 ); | |
| padding: 5px; | |
| padding-right: 25px; | |
| margin-right: 5px; | |
| border-radius: 4px !important; | |
| cursor: pointer; | |
| background-repeat: no-repeat; | |
| background-image: none !important; | |
| background-position: right 5px center; | |
| display: inline-block; | |
| } | |
| .block.recommendation_reasons hr { | |
| height: 0px !important; | |
| margin: 10px 0; | |
| border: none; | |
| background-color: none !important; | |
| } | |
| div.early_access_announcements .post .hr { | |
| background-color: none !important; | |
| height: 0px !important; | |
| margin: 5px 0; | |
| } | |
| .steam_curator_icon.medium { | |
| width: 72px; | |
| height: 72px; | |
| border-left: 0px !important; | |
| padding-left: 6px; | |
| } | |
| div.early_access_announcements .post .more { | |
| color: #A4D7F5 !important; | |
| text-transform: uppercase; | |
| font-size: 11px; | |
| padding-top: 6px !important; | |
| padding-bottom: 3px !important; | |
| padding-left: 5px !important; | |
| padding-right: 5px !important; | |
| background: rgba(47,137,188,1) !important; | |
| border-radius: 4px !important; | |
| } | |
| div.early_access_announcements .post .more:hover { | |
| color: #ffffff !important; | |
| text-transform: uppercase; | |
| font-size: 11px; | |
| padding-top: 6px !important; | |
| padding-bottom: 3px !important; | |
| padding-left: 5px !important; | |
| padding-right: 5px !important; | |
| background: rgba(23,67,92,1) !important; | |
| border-radius: 4px !important; | |
| } | |
| .btnv6_lightblue_blue { | |
| border-radius: 4px !important; | |
| padding: 4px !important; | |
| border: 1px #282828 !important; | |
| display: inline-block; | |
| padding: 4px !important; | |
| cursor: pointer; | |
| color: #000000 !important; | |
| background: rgb(124, 190, 248) !important; | |
| } | |
| .btnv6_lightblue_blue > span { | |
| border-radius: 4px !important; | |
| display: block; | |
| border: 1px #282828 !important; | |
| color: #000000 !important; | |
| background: rgb(124, 190, 248) !important; | |
| text-shadow: 1px 1px 0px rgba( 255, 255, 255, 0.1 ); | |
| } | |
| .btnv6_lightblue_blue:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover { | |
| text-decoration: none !important; | |
| color: #000000 !important; | |
| border: 1px #282828 !important; | |
| background: rgb(71, 126, 173) !important; | |
| } | |
| .btnv6_lightblue_blue:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover > span { | |
| background: rgb(71, 126, 173) !important; | |
| color: #000000 !important; | |
| border: 1px #282828 !important; | |
| border-radius: 4px !important; | |
| } | |
| .review_received_comp input, .enable_review_comments input { | |
| vertical-align: text-top; | |
| margin-right: 4px; | |
| border-radius: 4px !important; | |
| background: #282828 !important; | |
| } | |
| .game_area_purchase_game, .game_area_offsite_purchase { | |
| position: relative; | |
| 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 ); | |
| font-size: 12px; | |
| color: #c6d4df; | |
| padding: 16px; | |
| padding-bottom: 26px; | |
| margin-bottom: 28px; | |
| z-index: 1; | |
| border-radius: 4px !important; | |
| } | |
| /* Avatars */ | |
| .playerAvatar, | |
| .friend_block_holder .friend_block_avatar, | |
| .friend_activity .friend_block_avatar { | |
| width: 34px; | |
| height: 34px; | |
| position: relative; | |
| border-radius: 40px !important; | |
| padding: 0px !important | |
| } | |
| /* Offline State */ | |
| .playerAvatar.offline, | |
| .friend_block_holder.friend_status_offline .friend_block_avatar, | |
| .friend_activity.friend_status_offline .friend_block_avatar, | |
| .appHubIconHolder.offline, | |
| .avatar_block_status_offline, | |
| .appHubIconHolder.ignored { | |
| border-radius: 40px !important; | |
| background: -webkit-linear-gradient( top, rgba(106,106,106,1) 5%, rgba(85,85,85,1) 95%); | |
| background: linear-gradient( to bottom, rgba(106,106,106,1) 5%, rgba(85,85,85,1) 95%); /* IE <= 9 doesn't support rounded corners and gradient. The gradient isn't too noticable so just disable the filter in IE9 */ | |
| filter: none; | |
| } | |
| .playerAvatar.offline img, | |
| .friend_status_offline .friend_block_avatar img, | |
| .appHubIconHolder.offline img, | |
| .avatar_block_status_offline img { | |
| border-radius: 40px !important; | |
| background: -webkit-linear-gradient( top, #515151 5%, #474747 95%); | |
| background: linear-gradient( to bottom, #515151 5%, #474747 95%); | |
| } | |
| /* Online State */ | |
| .playerAvatar.online, | |
| .friend_block_holder.friend_status_online .friend_block_avatar, | |
| .friend_activity.friend_status_online .friend_block_avatar, | |
| .appHubIconHolder.online, | |
| .avatar_block_status_online { | |
| background-color: #57cbde; | |
| border-radius: 40px !important; | |
| background: -webkit-linear-gradient( top, rgba(83,164,196,1) 5%, rgba(69,128,151,1) 95%); | |
| background: linear-gradient( to bottom, rgba(83,164,196,1) 5%, rgba(69,128,151,1) 95%); /* IE <= 9 doesn't support rounded corners and gradient. The gradient isn't too noticable so just disable the filter in IE9 */ | |
| filter: none; | |
| } | |
| .playerAvatar.online img, | |
| .friend_status_online .friend_block_avatar img, | |
| .appHubIconHolder.online img, | |
| .avatar_block_status_online img { | |
| border-radius: 40px !important; | |
| background: -webkit-linear-gradient( top, #41778f 5%, #3d697b 95%); | |
| background: linear-gradient( to bottom, #41778f 5%, #3d697b 95%); | |
| } | |
| /* In-Game State */ | |
| .playerAvatar.in-game, | |
| .friend_block_holder.friend_status_in-game .friend_block_avatar, | |
| .friend_activity.friend_status_in-game .friend_block_avatar, | |
| .appHubIconHolder.in-game, | |
| .avatar_block_status_in-game { | |
| border-radius: 40px !important; | |
| background-color: #90ba3c; | |
| background: -webkit-linear-gradient( top, rgba(143,185,59,1) 5%, rgba(110,140,49,1) 95%); | |
| background: linear-gradient( to bottom, rgba(143,185,59,1) 5%, rgba(110,140,49,1) 95%); /* IE <= 9 doesn't support rounded corners and gradient. The gradient isn't too noticable so just disable the filter in IE9 */ | |
| filter: none; | |
| } | |
| .playerAvatar.in-game img, | |
| .friend_status_in-game .friend_block_avatar img, | |
| .appHubIconHolder.in-game img, | |
| .avatar_block_status_in-game img { | |
| border-radius: 40px !important; | |
| background: -webkit-linear-gradient( top, #66812e 5%, #59702b 95%); | |
| background: linear-gradient( to bottom, #66812e 5%, #59702b 95%); | |
| } | |
| /* Golden State */ | |
| .playerAvatar.golden, | |
| .friend_block_holder.friend_status_golden .friend_block_avatar, | |
| .friend_activity.friend_status_golden .friend_block_avatar, | |
| .appHubIconHolder.golden, | |
| .avatar_block_status_golden { | |
| border-radius: 40px !important; | |
| background-color: #e4ca63; | |
| background: -webkit-linear-gradient( 145deg, #d5bf6a 10%,#ffe2a9 40%,#ba995c 52%,#ba995c 61%,#d5bf6a 85%); | |
| background: linear-gradient( 145deg, #d5bf6a 10%,#ffe2a9 40%,#ba995c 52%,#ba995c 61%,#d5bf6a 85%); | |
| } | |
| /*group pages */ | |
| .group_content_rule { | |
| background-image: none !important; | |
| background-position: bottom left; | |
| background-repeat: no-repeat; | |
| max-width: 645px; | |
| height: 8px; | |
| } | |
| .group_content { | |
| position: relative; | |
| padding-left: 5px; | |
| background: none !important; | |
| padding-bottom: 24px; | |
| padding-right: 9px; | |
| margin-bottom: 22px; | |
| max-width: 626px; | |
| } | |
| .group_content.bottomless { | |
| background: #252525 !important; | |
| min-height: 228px; | |
| border-radius: 4px !important; | |
| padding-left: 7px !important; | |
| } | |
| .commentthread_entry { | |
| min-height: 44px; | |
| background-color: none !important; | |
| position: relative; | |
| padding: 8px; | |
| } | |
| .group_comments .commentthread_entry { | |
| background: none !important; | |
| } | |
| .commentthread_header .commentthread_count { | |
| background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIW…qDN+AIRCc/U3pXrx1W9Ur5UwO59YyDMZzq+cje5ByMQj4DAOFqLALaHDbcAAAAAElFTkSuQmCC); | |
| background-repeat: no-repeat; | |
| background-position: 0 4px; | |
| padding-left: 24px; | |
| overflow: hidden; | |
| margin-left: 15px !important; | |
| margin-top: 4px !important; | |
| } | |
| .commentthread_paging { | |
| float: right; | |
| margin-right: 15px; | |
| margin-top: 3px !important; | |
| } | |
| .commentthread_header, .commentthread_footer { | |
| font-size: 14px; | |
| line-height: 24px; | |
| padding-bottom: 15px !important; | |
| padding-top: 10px !important; | |
| border-radius: 4px !important; | |
| } | |
| .forum_topic_overlay { | |
| position: absolute; | |
| display: block; | |
| left: 0; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| z-index: 2; | |
| border-radius: 4px !important; | |
| } | |
| .forum_topic { | |
| position: relative; | |
| height: 48px; | |
| background-color: rgba( 84, 133, 183, 0.4); | |
| margin-bottom: 2px; | |
| padding-right: 15px; | |
| padding-left: 5px; | |
| border-radius: 4px !important; | |
| } | |
| .grouppage_membertiles_overlay { | |
| position: absolute; | |
| top: 0px !important; | |
| left: 14px; | |
| right: 0; | |
| height: 230px; | |
| padding-bottom: 12px !important; | |
| background: #1e1e1f !important; | |
| opacity: .90 !important; | |
| background-repeat: no-repeat; | |
| } | |
| .grouppage_member_tiles { | |
| position: absolute; | |
| left: 0; | |
| top: 0; | |
| right: -1px !important; | |
| height: 230px !important; /* 230px */ | |
| overflow: hidden; | |
| padding-bottom: 12px !important; | |
| padding-top: 0px !important; | |
| padding-left: 14px; | |
| background: transparent !important; | |
| border-radius: 5px !important; | |
| } | |
| .grouppage_header { | |
| border-bottom: 4px !important; | |
| background: transparent !important; | |
| } | |
| .grouppage_header_name { | |
| position: absolute; | |
| left: 188px; | |
| top: 75px; | |
| text-align: left; | |
| padding: 0 11px; | |
| line-height: 42px; | |
| background-color: rgba( 0, 0, 0, 0.6 ); | |
| color: #ffffff; | |
| font-size: 34px; | |
| max-width: 480px; | |
| overflow: hidden; | |
| white-space: nowrap; | |
| border-top-right-radius: 4px !important; | |
| border-bottom-right-radius: 4px !important; | |
| } | |
| .grouppage_header_label { | |
| position: absolute; | |
| left: 188px; | |
| top: 52px; | |
| padding: 0 11px; | |
| height: 23px; | |
| line-height: 23px; | |
| background-color: rgba( 0, 0, 0, 0.6 ) !important; | |
| color: #949491; | |
| font-size: 11px; | |
| border-top-right-radius: 4px !important; | |
| } | |
| .grouppage_friendsingroup { | |
| position: absolute; | |
| top: 125px !important; | |
| right: -6px; | |
| padding: 1px !important; | |
| background-color: rgba( 0, 0, 0, 0.6 ) !important; | |
| height: 42px; | |
| max-width: 680px; | |
| border-top-left-radius: 4px !important; | |
| border-bottom-left-radius: 4px !important; | |
| } | |
| .btn_blue_white_innerfade { | |
| border-radius: 4px !important; | |
| border: 1px #282828 !important; | |
| padding: 1px; | |
| display: inline-block; | |
| cursor: pointer; | |
| text-decoration: none !important; | |
| color: #1b1b1b !important; | |
| background: rgba( 102, 192, 244, 0.8 ) !important; | |
| } | |
| .btn_blue_white_innerfade > span { | |
| border-radius: 4px !important; | |
| background: rgba( 102, 192, 244, 0.8 ) !important; | |
| color: #1b1b1b !important; | |
| border: 1px #282828 !important; | |
| display: block; | |
| } | |
| .btn_blue_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover { | |
| text-decoration: none !important; | |
| color: #ffffff !important; | |
| border-radius: 4px !important; | |
| background: #2b527e !important; | |
| border: 1px #282828 !important; | |
| } | |
| .btn_blue_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover > span { | |
| text-decoration: none !important; | |
| color: #ffffff !important; | |
| border-radius: 4px !important; | |
| background: #2b527e !important; | |
| border: 1px #282828 !important; | |
| } | |
| .grouppage_join_area { | |
| position: absolute; | |
| top: 75px; | |
| right: -6px; | |
| padding: 1px !important; | |
| background-color: transparent !important; | |
| height: 32px; | |
| line-height: 30px; | |
| color: #9d9d9d; | |
| font-size: 13px; | |
| border-radius: 4px !important; | |
| } | |
| .notice_box_content_blue_box { | |
| color: #67c1f5; | |
| font-size: 14px; | |
| font-family: "Motiva Sans", Sans-serif; | |
| font-weight: 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%); | |
| 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))); | |
| background: -webkit-linear-gradient(-60deg, rgba(39,67,88,1) 0%,rgba(54,95,125,0.3) 100%); | |
| background: -o-linear-gradient(-60deg, rgba(39,67,88,1) 0%,rgba(54,95,125,0.3) 100%); | |
| background: -ms-linear-gradient(-60deg, rgba(39,67,88,1) 0%,rgba(54,95,125,0.3) 100%); | |
| background: linear-gradient(135deg, rgba(39,67,88,1) 0%,rgba(54,95,125,0.3) 100%); | |
| filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#274358ff', endColorstr='#365f7dff',GradientType=1 ); | |
| border-radius: 4px !important; | |
| } | |
| .group_tabs { | |
| position: absolute; | |
| left: 0; | |
| bottom: 0; | |
| right: 0; | |
| width: 950px !important; | |
| border-radius: 4px !important; | |
| padding-left: 2px !important; | |
| } | |
| .group_tab { | |
| margin-top: 7px; | |
| display: block; | |
| float: left; | |
| color: #dadada; | |
| line-height: 29px; | |
| background: none !important; | |
| height: 29px; | |
| padding: 0px 12px; | |
| margin-right: 5px; | |
| text-decoration: none; | |
| border-radius: 4px !important; | |
| -moz-border-radius: 4px !important; | |
| } | |
| a.group_tab:hover { | |
| color: #ffffff; | |
| background: #282828 !important; | |
| border-radius: 4px !important; | |
| } | |
| .group_tab.active { | |
| margin-top: 0px; | |
| height: 35px !important; | |
| padding: 1px; | |
| text-decoration: none; | |
| border: none; | |
| background: none !important; | |
| border-radius: 4px !important; | |
| } | |
| .group_tab.active > span { | |
| height: 35px !important; | |
| line-height: 36px; | |
| padding: 0 19px; | |
| color: #ffffff; | |
| background: rgba( 102, 192, 244, 0.8 ) !important; | |
| display: block; | |
| border-radius: 4px !important; | |
| } | |
| .rightbox { | |
| background-color: rgba( 0, 0, 0, 0.2 ); | |
| background: linear-gradient(to right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.5) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); | |
| border-radius: 4px !important; | |
| } | |
| .joinchat_bg { | |
| position: relative; | |
| width: 257px !important; | |
| height: 36px !important; | |
| background: #1c1c1c !important; | |
| cursor: pointer; | |
| border-radius: 4px !important; | |
| } | |
| .joinchat_bg .joinchat_button { | |
| position: absolute; | |
| left: 128px; | |
| top: 2px !important; | |
| width: 127px; | |
| height: 32px; | |
| line-height: 32px; | |
| text-align: center; | |
| color: #ffffff !important; | |
| font-size: 14px; | |
| background: rgba( 102, 192, 244, 0.8 ) !important; | |
| border-radius: 4px !important; | |
| } | |
| .joinchat_bg .joinchat_membercount { | |
| position: absolute; | |
| left: 8px; | |
| top: 1px !important; | |
| width: 115px; | |
| height: 32px; | |
| text-align: center; | |
| color: #6a9fce !important; | |
| font-size: 11px; | |
| line-height: 32px; | |
| } | |
| .rightbox .rule { | |
| height: 0px !important; | |
| background-color: none !important; | |
| border-top: 0px solid #000000 !important; | |
| } | |
| .group_associated_game { | |
| background-color: rgba( 84, 133, 183, 0.2); | |
| height: 36px; | |
| line-height: 36px; | |
| margin-bottom: 12px; | |
| color: #dddddd; | |
| font-size: 14px; | |
| border-radius: 4px !important; | |
| } | |
| .calendarBox { | |
| width: 200px; | |
| height: 206px; | |
| margin: 0; | |
| padding: 0; | |
| border: solid #777777 1px; | |
| padding-left: 5px; | |
| padding-right: 5px; | |
| background-color: #313131; | |
| text-align: center; | |
| border-radius: 4px !important; | |
| } | |
| .member_block { | |
| background-color: rgba( 84, 133, 183, 0.2); | |
| position: relative; | |
| width: 309px; | |
| height: 48px; | |
| margin-bottom: 4px; | |
| margin-right: 4px; | |
| float: left; | |
| color: #C6D4DF; | |
| font-size: 11px; | |
| border-radius: 4px !important; | |
| } | |
| .group_paging { | |
| background-color: rgba( 0, 0, 0, 0.2 ); | |
| border-radius: 3px; | |
| color: #747474; | |
| font-size: 12px; | |
| height: 25px; | |
| line-height: 25px; | |
| padding: 5px 5px; | |
| margin: 9px 0px; | |
| border-radius: 4px !important; | |
| } | |
| .announcement { | |
| margin-bottom: 14px; | |
| background: rgba( 0, 0, 0, 0.2 ); | |
| padding: 26px; | |
| border-radius: 4px !important; | |
| } | |
| .announcement_control_container { | |
| position: relative; | |
| padding: 6px; | |
| background-color: rgba( 0, 0, 0, 0.2 ); | |
| border-radius: 4px !important; | |
| } | |
| .forum_topic_pinned_notice { | |
| background-image: none; | |
| color: #AEDD08; | |
| background-color: #364a2e; | |
| border-radius: 4px !important; | |
| } | |
| .forum_paging_summary { | |
| overflow: hidden; | |
| border-radius: 4px !important; | |
| } | |
| .forumtopic_comments .commentthread_comment_text a { | |
| color: #cccccc; | |
| border-radius: 4px !important; | |
| } | |
| .forum_newtopic_header { | |
| color: #8f98a0; | |
| font-size: 11px; | |
| text-transform: uppercase; | |
| margin-bottom: 1px; | |
| background-color: rgba( 0, 0, 0, 0.2); | |
| padding: 8px; | |
| margin-top: 8px; | |
| border-radius: 4px !important; | |
| } | |
| .forum_newtopic_box { | |
| position: relative; | |
| border-radius: 4px !important; | |
| } | |
| input.gray_bevel, textarea.gray_bevel, .gray_bevel, .commentthread_comment_edit_textarea_ctn { | |
| background-color: rgba( 0, 0, 0, 0.2 ); | |
| border: 0px !important; | |
| box-shadow: 0px !important; | |
| color: #C6D4DF; | |
| margin-bottom: 6px; | |
| outline: none; | |
| padding: 4px 6px; | |
| border-radius: 4px !important; | |
| } | |
| .btn_grey_black { | |
| border-radius: 4px !important; | |
| border: none; | |
| padding: 1px; | |
| display: inline-block; | |
| cursor: pointer; | |
| text-decoration: none !important; | |
| color: #67c1f5 !important; | |
| background: rgba(0, 0, 0, 0.5 ); | |
| } | |
| .btn_grey_black > span { | |
| border-radius: 4px !important; | |
| display: block; | |
| background: transparent; | |
| } | |
| .btn_grey_black:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover { | |
| text-decoration: none !important; | |
| color: #fff !important; | |
| background: rgba( 102, 192, 244, 0.4 ); | |
| border-radius: 4px !important; | |
| } | |
| .btn_grey_black:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover > span { | |
| background: transparent; | |
| border-radius: 4px !important; | |
| } | |
| .btn_grey_black.btn_active, btn_grey_black.active { | |
| text-decoration: none !important; | |
| color: #fff !important; | |
| background: rgba( 102, 192, 244, 0.2 ); | |
| border-radius: 4px !important; | |
| } | |
| .btn_grey_black.btn_active > span, btn_grey_black.active > span { | |
| background: transparent; | |
| border-radius: 4px !important; | |
| } | |
| .btn_small > span, input.btn_small { | |
| padding: 0 15px; | |
| font-size: 12px; | |
| line-height: 20px; | |
| border-radius: 4px !important; | |
| } | |
| .btn_small > span, input.btn_small:hover { | |
| border-radius: 4px !important; | |
| } | |
| .btn_green_white_innerfade { | |
| border-radius: 4px !important; | |
| border: none; | |
| padding: 1px; | |
| display: inline-block; | |
| cursor: pointer; | |
| text-decoration: none !important; | |
| color: #D2E885 !important; | |
| background: #a4d007; | |
| } | |
| .btn_green_white_innerfade > span { | |
| border-radius: 4px !important; | |
| display: block; | |
| background: #799905; | |
| } | |
| .btn_green_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover { | |
| text-decoration: none !important; | |
| color: #fff !important; | |
| background: #b6d908; | |
| border-radius: 4px !important; | |
| } | |
| .btn_green_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover > span { | |
| background: #a1bf07; | |
| border-radius: 4px !important; | |
| } | |
| .eventLogo { | |
| position: absolute; | |
| top: 17px; | |
| left: 6px; | |
| border-radius: 4px !important; | |
| } | |
| .grouppage_logo { | |
| width: 184px; | |
| height: 184px; | |
| padding: 4px; | |
| position: absolute; | |
| left: 0; | |
| top: 0; | |
| background-image: none !important; | |
| } | |
| .curator_summary_box { | |
| flex: auto; | |
| background: rgba( 255, 255, 255, 0.2); | |
| padding: 16px; | |
| margin-right: 5px; | |
| text-align: center; | |
| border-radius: 4px !important; | |
| } | |
| .curator_store_link_ctn { | |
| margin-top: 5px; | |
| margin-right: 5px; | |
| background: rgba( 255, 255, 255, 0.2); | |
| padding: 16px; | |
| text-align: center; | |
| border-radius: 4px !important; | |
| } | |
| #widget { | |
| border: 0px solid #4d4b49 !important; | |
| background: #1e1e1f !important; | |
| height: 146px; | |
| padding: 10px 15px; | |
| position: relative; | |
| margin: 0 auto; | |
| background-repeat: no-repeat; | |
| background-position: top right; | |
| border-radius: 4px !important; | |
| } | |
| .btn_addtocart .btn_addtocart_left, .btn_addtocart .btn_addtocart_right { | |
| position: absolute; | |
| width: 0px; | |
| background: none !important; | |
| } | |
| .btn_addtocart .btn_addtocart_content { | |
| display: inline-block; | |
| height: 34px; | |
| font-size: 11px; | |
| color: #D2E885 !important; | |
| background: rgba(121,153,5,1) !important; | |
| text-align: center; | |
| padding: 0px 11px; | |
| line-height: 34px; | |
| background-repeat: repeat-x; | |
| text-transform: uppercase; | |
| cursor: pointer; | |
| border-radius: 4px !important; | |
| } | |
| .rightbox_list_selection_background { | |
| position: absolute; | |
| display: none; | |
| left: -10px !important; | |
| top: 0px; | |
| background: #2e2e2f !important; | |
| width: 286px !important; | |
| height: 37px; | |
| border-radius: 4px !important; | |
| } | |
| .bundle_contents_preview { | |
| padding: 6px; | |
| margin: 8px -6px 0 -6px; | |
| background: rgba(0,0,0,0.5); | |
| border-radius: 4px !important; | |
| } | |
| .group_content_header .group_content_header_viewmore { | |
| float: right; | |
| border-radius: 4px !important; | |
| background-color: rgba(47,137,188,1) !important; | |
| color: #ffffff !important; | |
| font-size: 11px; | |
| padding: 2px 4px; | |
| line-height: normal; | |
| } | |
| .forumtopic_answer.answer_ctn { | |
| border: 1px solid #41749b; | |
| margin-top: -6px; | |
| border-radius: 4px !important; | |
| } | |
| .forumtopic_comments .commentthread_answer_bar { | |
| background: #41749b; | |
| color: #FFFFFF; | |
| padding: 8px; | |
| border-radius: 4px !important; | |
| } | |
| img#blotter_nofriends_block { | |
| position: relative; | |
| border-radius: 4px !important; | |
| } | |
| #instructions_main_container { | |
| width: 958px; | |
| margin: 10px auto; | |
| padding-top: 10px; | |
| background-color: #262627; | |
| border: 0px solid #393939 !important; | |
| border-radius: 4px !important; | |
| } | |
| /* workshop */ | |
| #BG_top_workshop { | |
| position: relative; | |
| background-image: none !important; | |
| background-repeat: no-repeat; | |
| width: 0px !important; | |
| height: 0px !important; | |
| text-align: left; | |
| margin: 0px auto; | |
| cursor: pointer; | |
| font-size: 14px; | |
| color: #727477; | |
| } | |
| .responsive_tab_baseline { | |
| background-color: transparent !important; | |
| max-width: 958px; | |
| height: 0px !important; | |
| } | |
| .sectionTabsHR { | |
| top: 38px; | |
| left: 0px; | |
| background-color: transparent !important; | |
| height: 1px; | |
| margin: 0; | |
| padding: 0; | |
| margin-bottom: 0px !important; | |
| } | |
| #footer { | |
| position: relative; | |
| text-align: left; | |
| width: auto; | |
| font-size: 12px; | |
| color: #8F98A0; | |
| border: 0; | |
| margin: 0; | |
| padding: 32px 0; | |
| border-radius: 4px !important; | |
| } | |
| /* Activity Page */ | |
| #friendactivity_right_column .box { | |
| /* background-color: #3a3a3a; */ | |
| background: rgba( 0, 0, 0, 0.4 ); | |
| border-radius: 4px !important; | |
| } | |
| .blotter_eventsblock { | |
| background: rgba( 0, 0, 0, 0.4 ); | |
| padding: 4px; | |
| margin-top: 20px; | |
| border-radius: 4px !important; | |
| } | |
| .friends_add_block { | |
| padding: 10px; | |
| background: rgba( 0, 0, 0, 0.4 ); | |
| margin-bottom: 8px; | |
| border-radius: 4px !important; | |
| } | |
| .profile_options_divider { | |
| width: 100%; | |
| height: 0px !important; | |
| border-top: 0px solid #000000 !important; | |
| background-color: #333333; | |
| margin: 6px 0; | |
| } | |
| .blotter_status_entry .commentthread_entry { | |
| margin-bottom: 25px; | |
| padding-top: 10px; | |
| padding-right: 12px; | |
| padding-left: 12px; | |
| border-radius: 4px !important; | |
| border-bottom: 0px solid #333333 !important; | |
| } | |
| #blotter_statuspost_submit > span { | |
| line-height: 22px; | |
| border-radius: 4px !important; | |
| } | |
| #blotter_statuspost_submit { | |
| float: right; | |
| border-radius: 4px !important; | |
| } | |
| .blotter_day { | |
| margin-bottom: 16px; | |
| border-radius: 4px !important; | |
| } | |
| .gameLogo { | |
| border-radius: 4px !important; | |
| width: 184px; | |
| height: 69px; | |
| border: 0; | |
| padding: 4px; | |
| margin: 0; | |
| background: rgba( 0, 0, 0, 0.5 ); | |
| } | |
| .blotter_group_announcement_header_ogg { | |
| border-bottom: 0px solid #2e3a4a !important; | |
| background: rgba( 0, 0, 0, 0.2 ); | |
| min-height: 88px; | |
| padding-left: 210px; | |
| position: relative; | |
| border-top-left-radius: 4px !important; | |
| border-top-right-radius: 4px !important; | |
| } | |
| .blotter_comment_thread .commentthread_area { | |
| padding-left: 2px; | |
| padding-right: 15px; | |
| border-bottom-left-radius: 4px !important; | |
| border-bottom-right-radius: 4px !important; | |
| } | |
| .blotter_comment_thread { | |
| background-color: rgba( 0, 0, 0, 0.2 ); | |
| border-top: 0px solid #121b27 !important; | |
| } | |
| .blotter_group_announcement_header { | |
| min-height: 76px; | |
| padding-left: 86px; | |
| position: relative; | |
| border-bottom: 0px solid #2e3a4a !important; | |
| background: rgba( 0, 0, 0, 0.2 ); | |
| border-top-left-radius: 4px !important; | |
| border-top-right-radius: 4px !important; | |
| } | |
| .blotter_screenshot_gallery_image, .blotter_screenshot_gallery_image_selected { | |
| float: left; | |
| border: 3px solid #0d0d0d; | |
| border-radius: 4px !important; | |
| } | |
| #blotter_appselect_app_options .blotter_appselect_options { | |
| width: 248px; | |
| border-radius: 4px !important; | |
| } | |
| .blotter_author_block { | |
| position: relative; | |
| padding: 6px; | |
| min-height: 40px; | |
| font-size: 15px; | |
| background: rgba( 0, 0, 0, 0.2 ); | |
| border-bottom: 0px solid #2e3a4a !important; | |
| } | |
| span.bb_spoiler { | |
| color: #000000; | |
| background-color: #000000; | |
| padding: 0px 8px; | |
| border-radius: 4px !important; | |
| } | |
| #HeaderUserBreadcrumbs { | |
| padding-top: 0px; | |
| padding-left: 15px; | |
| padding-bottom: 2px; | |
| font-size: 26px; | |
| border-bottom: 0px solid #4c4c4c !important; | |
| } | |
| .HeaderUserAvatar img { | |
| border-radius: 40px !important; | |
| } | |
| .avatarIcon_48 img { | |
| border-radius: 40px !important; | |
| } | |
| .avatarIcon_48_online { | |
| border-radius: 40px !important; | |
| } | |
| .avatarIcon_48_offline { | |
| border-radius: 40px !important; | |
| } | |
| .avatarIcon_48_ingame { | |
| border-radius: 40px !important; | |
| } | |
| #NoItemsContainer { | |
| font-size: 17px; | |
| text-align: center; | |
| margin-left: auto; | |
| margin-right: auto; | |
| padding: 220px; | |
| background-color: rgba( 0, 0, 0, 0.4 ) !important; | |
| border-radius: 4px !important; | |
| border: 0px solid #303030 !important; | |
| min-height: 441px; | |
| } | |
| .view_inventory_page.inventory_msg_ctn { | |
| height: 500px; | |
| font-size: 24px; | |
| text-align: center; | |
| border-radius: 4px !important; | |
| } | |
| .primary_panel_border { | |
| background: none !important; | |
| padding: 1px; | |
| box-shadow: none !important; | |
| margin-top: 27px; | |
| border-radius: 4px; | |
| } | |
| .rightSectionHolder { | |
| font-size: 14px; | |
| position: relative; | |
| padding: 16px 8px 16px 13px; | |
| background: transparent !important; | |
| margin-bottom: 12px; | |
| border-radius: 4px !important; | |
| } | |
| .games_list_tabs { | |
| border: 0px solid #535353 !important; | |
| border-bottom-color: #303030; | |
| border-top-left-radius: 4px !important; | |
| border-top-right-radius: 4px !important; | |
| -moz-border-radius-topleft: 4px !important; | |
| -moz-border-radius-topright: 4px !important; | |
| background-color: #3A3A3A; | |
| padding-top: 1px; | |
| } | |
| .games_list_tab.active { | |
| margin-left: 1px !important; | |
| background-color: none !important; | |
| border-top: 1px solid transparent; | |
| border-radius: 4px !important; | |
| -webkit-box-shadow: none !important; | |
| -moz-box-shadow: none !important; | |
| box-shadow: none !important; | |
| } | |
| .games_list_tab, a.games_list_tab { | |
| display: block; | |
| float: left; | |
| color: #ffffff; | |
| background-color: #3a3a3a; | |
| line-height: 54px; | |
| padding: 0px 12px !important; | |
| border-radius: 4px !important; | |
| outline: none; | |
| font-size: 11px; | |
| border-top: 0px solid #565656 !important; | |
| width: 205px; | |
| } | |
| .games_list_tab_separator { | |
| display: block; | |
| float: left; | |
| width: 0px !important; | |
| height: 54px; | |
| background-color: none !important; | |
| background-repeat: no-repeat; | |
| } | |
| .games_list_tab.first_tab, a.games_list_tab.first_tab { | |
| border-radius: 4px !important; | |
| margin-left: 1px !important; | |
| } | |
| .filter_ctn.inventory_filters #filter_control { | |
| width: 416px; | |
| border-radius: 4px !important; | |
| border: 0px !important; | |
| box-shadow: none !important; | |
| padding-bottom: 1px; | |
| background-color: rgba( 0, 0, 0, 0.4 ) !important; | |
| } | |
| .inventory_iteminfo { | |
| border: 2px solid transparent !important; | |
| } | |
| .view_inventory_page .inventory_page_right { | |
| border-radius: 4px !important; | |
| float: right; | |
| width: 350px; | |
| position: relative; | |
| } | |
| .inventory_iteminfo .item_desc_content { | |
| padding: 238px 11px 11px 11px; | |
| background-image: none !important; | |
| } | |
| #iteminfo0 .item_desc_content, #iteminfo1 .item_desc_content { | |
| min-height: 207px; | |
| border-top-left-radius: 4px !important; | |
| border-top-right-radius: 4px !important; | |
| background-color: #181818 !important; | |
| } | |
| .item_market_actions { | |
| padding: 11px; | |
| min-height: 32px; | |
| border-bottom-left-radius: 4px !important; | |
| border-bottom-right-radius: 4px !important; | |
| } | |
| .trade_item_box { | |
| background-color: transparent !important; | |
| border: 1px solid transparent !important; | |
| padding: 6px 0 0 6px; | |
| } | |
| .itemHolder { | |
| position: relative; | |
| width: 98px; | |
| height: 98px; | |
| background-color: transparent !important; | |
| border-radius: 4px !important; | |
| background-image: none !important; | |
| background-repeat: no-repeat; */ | |
| background-position: center top; | |
| float: left; | |
| margin-right: 6px; | |
| margin-bottom: 6px; | |
| } | |
| .trade_item_box .item, .market_dialog_contents .item { | |
| border: 1px solid transparent; | |
| background-color: none !important; | |
| width: 96px; | |
| height: 96px; | |
| border-radius: 4px !important; | |
| } | |
| .view_inventory_page .item.activeInfo, .view_inventory_page .item:hover { | |
| background-position: -1px -197px; | |
| background-repeat: no-repeat; | |
| border-radius: 4px; | |
| } | |
| .badge_row { | |
| display: block; | |
| position: relative; | |
| padding: 1px; | |
| border-radius: 4px !important; | |
| margin-bottom: 31px; | |
| border-top: 1px solid transparent !important; | |
| border-right: 1px solid transparent !important; | |
| border-bottom: 1px solid transparent !important; | |
| border-left: 1px solid transparent !important; | |
| background-color: #181818 !important; | |
| background: #181818 !important; | |
| } | |
| .badge_row_inner { | |
| background-color: #181818 !important; | |
| border-radius: 4px !important; | |
| background: #181818 !important; | |
| } | |
| .badge_title_rule { | |
| margin: 0 3px; | |
| height: 0px !important; | |
| border-top: none !important; | |
| background-color: none !important; | |
| } | |
| .badge_empty { | |
| border: 1px solid transparent !important; | |
| border-radius: 4px !important; | |
| } | |
| .badge_progress_card.unowned { | |
| border: dashed 0px #504b45 !important; | |
| background-color: #101010; | |
| border-radius: 4px !important; | |
| } | |
| .profile_xp_block { | |
| border-radius: 4px; | |
| border: solid 0px !important; | |
| border-color: #181818 !important; | |
| background-color: #181818 !important; | |
| padding: 20px; | |
| margin-bottom: 24px; | |
| } | |
| .profile_xp_block_remaining_bar_progress { | |
| background-color: #726e6f; | |
| border-radius: 4px !important; | |
| background-image: none !important; | |
| height: 10px; | |
| } | |
| .main_content_ctn { | |
| border: 0px solid rgba(255,255,255,0.2) !important; | |
| border-radius: 5px; | |
| } | |
| .games_list_tab_row_separator { | |
| clear: left; | |
| float: left; | |
| width: 100%; | |
| height: 1px; | |
| border-top: 0px solid #252525 !important; | |
| background-color: #3A3A3A; | |
| } | |
| /* Workshop */ | |
| .browseApps { | |
| background-color: #2e2e2f !important; | |
| margin-top: 10px; | |
| margin-bottom: 20px; | |
| border-radius: 4px !important; | |
| box-shadow: 0px !important; | |
| } | |
| .browseAppsTitleContainer { | |
| padding: 10px; | |
| border-radius: 4px !important; | |
| background: #2e2e2f !important; | |
| background-color: #2e2e2f !important; | |
| } | |
| .searchApps { | |
| float: right; | |
| position: relative; | |
| width: 279px; | |
| height: 30px; | |
| border-radius: 4px !important; | |
| background: #1e1e1f !important; | |
| background-repeat: no-repeat; | |
| padding: 0; | |
| margin: 0; | |
| } | |
| .workshopAppsRow { | |
| margin: 10px 0px; | |
| border-bottom: 0px !important; | |
| background: none !important; | |
| } | |
| .primary_panel { | |
| background: #2e2e2f !important; | |
| border-radius: 4px !important; | |
| } | |
| .avatar_workshop_overlay { | |
| background: none !important; | |
| height: 84px; | |
| width: 84px; | |
| position: absolute; | |
| top: 0px; | |
| left: 0px; | |
| } | |
| .current_player_workshop_link { | |
| padding-left: 60px !important; | |
| float: left; | |
| } | |
| .joinGroup { | |
| left: -5px; | |
| border-radius: 4px !important; | |
| width: 240px !important; | |
| height: 80px !important; | |
| background-repeat: no-repeat; | |
| background: #1e1e1f !important; | |
| cursor: pointer; | |
| } | |
| .joinGroupTitle { | |
| color: #ffffff; | |
| padding-top: 16px; | |
| margin-left: 50px !important; | |
| } | |
| #ig_bottom .sidebar .panel, #ig_bottom .sidebar .detailPanel { | |
| background: #2e2e2f !important; | |
| padding: 10px 10px 10px 11px; | |
| margin: 0 0 10px 0; | |
| border: none; | |
| border-radius: 4px !important; | |
| } | |
| .subscribeRSS { | |
| padding-top: 15px !important; | |
| padding-bottom: 5px !important; | |
| } | |
| .right_column .panel { | |
| background: #2e2e2f !important; | |
| padding: 12px; | |
| border-radius: 4px !important; | |
| margin-bottom: 12px; | |
| } | |
| .workshop_header { | |
| width: 948px; | |
| height: 203px; | |
| border-radius: 4px !important; | |
| background-repeat: no-repeat; | |
| position: relative; | |
| box-shadow: 0px !important; | |
| } | |
| .workshop_browse_menu_area { | |
| position: absolute; | |
| left: 0px; | |
| right: 0px; | |
| bottom: 0px; | |
| padding-top: 10px; | |
| border-radius: 4px !important; | |
| padding-bottom: 10px; | |
| height: 25px; | |
| padding-left: 20px; | |
| background: #1e1e1f !important; | |
| text-align: left; | |
| } | |
| .workshop_browse_search { | |
| position: absolute; | |
| top: 6px; | |
| height: 34px !important; | |
| right: 5px; | |
| padding: 0px 7px 0px 0px; | |
| background-color: #2e2e2f !important; | |
| border-radius: 4px; | |
| border-left: 0px !important; | |
| border-top: 0px !important; | |
| border-right: 0px !important; | |
| border-bottom: 0px !important; | |
| } | |
| .apphub_HeaderTop.workshop { | |
| background-image: none !important; | |
| } | |
| ::-webkit-scrollbar, | |
| ::-webkit-scrollbar-corner { | |
| width: 16px; | |
| height: 16px; | |
| background: #1a1a1a; | |
| } | |
| ::-webkit-scrollbar-button:vertical, | |
| ::-webkit-scrollbar-track:vertical, | |
| ::-webkit-scrollbar-thumb:vertical { | |
| background-repeat: no-repeat; | |
| background-position: center; | |
| box-shadow: -1px 0 0 #000000; | |
| } | |
| ::-webkit-scrollbar-button:horizontal, | |
| ::-webkit-scrollbar-track:horizontal, | |
| ::-webkit-scrollbar-thumb:horizontal { | |
| background-repeat: no-repeat; | |
| background-position: center; | |
| box-shadow: 0 -1px 0 #000000; | |
| } | |
| ::-webkit-scrollbar-thumb { | |
| background-color: rgba(255,255,255,.05); | |
| } | |
| ::-webkit-scrollbar-thumb:hover { | |
| background-color: rgba(255,255,255,.10); | |
| } | |
| ::-webkit-scrollbar-track:vertical, ::-webkit-scrollbar-track:horizontal { | |
| background-color: #1a1a1a; | |
| } | |
| /* | |
| ::-webkit-scrollbar-thumb { | |
| background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAD9JREFUeNpi/P//PwMhwAQibly/9h8fzUi0SefPnfuPjybepKNHjvxHpQ+j0MSbtGvXzv/I9G44vYN4kwACDAA7RESWY5qxTAAAAABJRU5ErkJggg==); | |
| } | |
| */ | |
| /* Up */ | |
| ::-webkit-scrollbar-button:vertical:decrement { | |
| height: 22px; | |
| background-position: center; | |
| background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALAgMAAADUwp+1AAAACVBMVEUAAAD///////9zeKVjAAAAA3RSTlMAQIDntwj7AAAAJUlEQVQI12OAgxQGBsaVDAxsbg4MkowTGFKAcAKDBIMDAwtMBQBYIAP5KnftSQAAAABJRU5ErkJggg==); | |
| } | |
| ::-webkit-scrollbar-button:vertical:decrement:hover { | |
| height: 22px; | |
| background-position: center; | |
| background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALAgMAAADUwp+1AAAACVBMVEUAAAD///////9zeKVjAAAAA3RSTlMAX7+ciytYAAAAJUlEQVQI12OAgxQGBsaVDAxsbg4MkowTGFKAcAKDBIMDAwtMBQBYIAP5KnftSQAAAABJRU5ErkJggg==); | |
| } | |
| /* Down */ | |
| ::-webkit-scrollbar-button:vertical:increment { | |
| height: 22px; | |
| background-position: center; | |
| background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALAgMAAADUwp+1AAAACVBMVEUAAAD///////9zeKVjAAAAA3RSTlMAQIDntwj7AAAAJElEQVQI12OAAQcGFoYJDBIMKUAoyTiBgc3NgYFxJVAiBa4EAFbgA/lztmmEAAAAAElFTkSuQmCC); | |
| } | |
| ::-webkit-scrollbar-button:vertical:increment:hover { | |
| background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALAgMAAADUwp+1AAAACVBMVEUAAAD///////9zeKVjAAAAA3RSTlMAX7+ciytYAAAAJElEQVQI12OAAQcGFoYJDBIMKUAoyTiBgc3NgYFxJVAiBa4EAFbgA/lztmmEAAAAAElFTkSuQmCC); | |
| } | |
| /* Left */ | |
| ::-webkit-scrollbar-button:horizontal:decrement { | |
| width: 22px; | |
| background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALAgMAAADUwp+1AAAACVBMVEUAAAD///////9zeKVjAAAAA3RSTlMAQIDntwj7AAAAJElEQVQI12NgYHNgYJBkYGBIYWBgnADhcjGAaBAfLA6UBwsAAEcYAz8mgHA8AAAAAElFTkSuQmCC); | |
| } | |
| ::-webkit-scrollbar-button:horizontal:decrement:hover { | |
| width: 22px; | |
| background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALAgMAAADUwp+1AAAACVBMVEUAAAD///////9zeKVjAAAAA3RSTlMAX7+ciytYAAAAJElEQVQI12NgYHNgYJBkYGBIYWBgnADhcjGAaBAfLA6UBwsAAEcYAz8mgHA8AAAAAElFTkSuQmCC); | |
| } | |
| /* Right */ | |
| ::-webkit-scrollbar-button:horizontal:increment { | |
| width: 22px; | |
| background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALAgMAAADUwp+1AAAACVBMVEUAAAD///////9zeKVjAAAAA3RSTlMAQIDntwj7AAAAI0lEQVQI12Ngc2BgYJzAwMCQAsSSQAwSYGoA0RB+CkgezAUAUN4Dt/sHRo4AAAAASUVORK5CYII=); | |
| } | |
| ::-webkit-scrollbar-button:horizontal:increment:hover { | |
| width: 22px; | |
| background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALAgMAAADUwp+1AAAACVBMVEUAAAD///////9zeKVjAAAAA3RSTlMAX7+ciytYAAAAI0lEQVQI12Ngc2BgYJzAwMCQAsSSQAwSYGoA0RB+CkgezAUAUN4Dt/sHRo4AAAAASUVORK5CYII=); | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment