you need this for it to work https://userstyles.world/style/20362/steam-2017 and this to complete the look https://greasyfork.org/en/scripts/496492-steam-favicon
/* ==UserStyle==
@name 2015/Mid-2016 addon for 2017 steam theme
@namespace uh
@version 1.2
@description you need this for it to work https://userstyles.world/style/20362/steam-2017 and this to complete the look https://greasyfork.org/en/scripts/496492-steam-favicon
@author by Gool
==/UserStyle== */
@-moz-document domain("steampowered.com"), domain("steamcommunity.com") {
#logo_holder a img {
background-image: url("https://web.archive.org/web/20160831234620im_/http://store.akamai.steamstatic.com/public/shared/images/header/globalheader_logo.png");
object-position: 176px center;
}
.store_nav .tab > span {
font-family: Arial, Helvetica, sans-serif!important;
text-shadow: none!important;
font-weight: normal;
}
}
body.v6 .store_nav .popup_block_new .popup_body {
border: none;
position: relative;
background: #417A9B;
padding: 0px 0px;
}
.store_nav .popup_menu .popup_menu_item {
color: #e5e4dc;
text-transform: none;
font-size: 13px;
font-weight: normal;
line-height: normal;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
}
body.v6 .store_nav .popup_menu_subheader {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #13242e;
font-size: 11px!important;
cursor: default;
font-family: Arial, Helvetica, sans-serif;
text-transform: none!important;
font-weight: normal!important;
text-shadow: none;
font-variant: none!important;
}
.store_nav .tab:hover > span, .store_nav .tab:hover, .store_nav .tab.focus > span, .store_nav .tab.focus {
background: linear-gradient(135deg, #67c1f5 0%,#417a9b 100%)!important;
text-shadow: unset;
color: #fff;
transition: none!important;
}
store_nav .tab:hover a.pulldown_desktop, .store_nav .tab.focus a.pulldown_desktop {
color: #fff;
transition: none!important;
}
.popup_menu_twocol > .popup_menu.leftborder, .popup_menu_twocol_new > .popup_menu.leftborder {
border-left: 1px solid #33627d!important;
margin: 0px;
}
.store_nav .popup_menu .category_hr {
background: #33627d!important;
width: 50%;
}
.store_nav #noteworthy_flyout .popup_menu .popup_menu_item {
border-bottom: 2px solid #fa626200;
}
div#global_header .submenuitem {
text-decoration: none;
text-transform: uppercase;
font-size: 11px;
color: #b8b6b4;
padding-right: 10px;
}
.searchbox {
background-image: url( '/public/images/v6/store_header_search.png?v=1' );
border: none;
width: 204px;
height: 29px;
box-shadow: none;
left: -14px;
}
.searchbox:hover {
background-image: url( 'https://web.archive.org/web/20160731194317im_/http://store.akamai.steamstatic.com/public/images/v6/store_header_search_hover.png' );
border: none;
width: 204px;
height: 29px;
box-shadow: none;
}
a#store_search_link img {
background-image: none;
}
a#store_search_link img:hover {
background-image: none;
}
.searchbox input::placeholder {
font-family: Tahoma, Helvetica, sans-serif;
font-style: italic;
color: #305d8a;
opacity: 1;
text-shadow: none;
font-size: 13.3333px
}
.searchbox input {
border: none;
background-color: transparent;
color: #000000;
margin-top: 2px;
margin-left: 8px;
width: 180px;
outline: none;
line-height: 26px;
position: relative;
left: -5px;
}
#store_nav_area .store_nav_bg, .home_page_body_ctn.has_takeover #store_nav_area .store_nav_bg {
height: 35px;
margin: 7px 0;
background: rgb(60, 106, 149);
box-shadow: none;
}
.store_nav .popup_menu .popup_menu_item:hover,
.store_nav .popup_menu .popup_menu_item.focus {
background-color: #212d3d!important;
color: #e5e4dc!important;
border-bottom: none!important;
}
.store_nav .popup_menu .popup_menu_item {
border-bottom: none!important;
}
body.v6 .store_nav .popup_block_new .popup_body.search_v2 {
padding: 1px;
box-sizing: border-box;
background: #417A9B;
}
.popup_body.search_v2 .match.match_v2 {
border-bottom: 1px solid #000;
}
.popup_body.search_v2 .match.match_v2.hover,
.popup_body.search_v2 .match.match_v2.focus {
background-color: #212d3d!important;
color: #f5f5f5!important;
}
.popup_body.search_v2 .match.match_v2.hover .match_name,
.popup_body.search_v2 .match.match_v2.hover .match_subtitle,
.popup_body.search_v2 .match.match_v2.focus .match_name,
.popup_body.search_v2 .match.match_v2.focus .match_subtitle {
color: #f5f5f5!important;
text-shadow: none!important;
}
.popup_body.search_v2 .match.match_v2.hover .match_subtitle {
color: #67c1f5!important;
text-shadow: none!important;
}
.popup_body.search_v2 .match.match_v2 .match_subtitle {
font-family: Arial, Helvetica, sans-serif!important;
text-shadow: none!important;
}
.popup_body.search_v2 .match.match_v2 .match_name {
font-family: Arial, Helvetica, sans-serif!important;
text-shadow: none!important;
}
body.v6 {
background: url( '/public/images/v6/colored_body_top.png?v=2' ) center top no-repeat #1b2838!important;
}
#home_video_desktop.fullscreen-bg__video {
display: none;
}
.page_background_holder {
display: none;
}
.home_page_takeover_sizer {
display: none;
}