☰

2015/Mid-2016 addon for 2017 steam theme

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

当前为 2025-03-14 提交的版本，查看 最新版本。

/* ==UserStyle==
@name           2015/Mid-2016 addon for 2017 steam theme
@namespace      uh
@version        1.0
@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: 30px;
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: 30px;
box-shadow: none;
}

a#store_search_link img {
background-image: none;
}

a#store_search_link img:hover {
background-image: none;
}

.searchbox input::placeholder {
font-style: italic;
  color: #305d8a;
opacity: 1;
text-shadow: none;
}

.searchbox input {
  border: none;
  background-color: transparent;
  color: #000000;
  margin-top: 2px;
  margin-left: 8px;
  width: 180px;
  outline: none;
  line-height: 26px;
}

#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;
}