Skip to content

Instantly share code, notes, and snippets.

@HatScripts HatScripts/webkit.css
Last active Oct 17, 2018

Embed
What would you like to do?
*{
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;