Skip to content

Instantly share code, notes, and snippets.

@HatScripts

HatScripts/webkit.css

Last active October 17, 2018 10:57
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save HatScripts/82028653c281600bea81fb6f374094ba to your computer and use it in GitHub Desktop.
Save HatScripts/82028653c281600bea81fb6f374094ba to your computer and use it in GitHub Desktop.
Download ZIP
Raw
webkit.css
*{
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