diff --git a/globalheader_bg.jpg b/globalheader_bg.jpg new file mode 100644 index 0000000..59cbae3 Binary files /dev/null and b/globalheader_bg.jpg differ diff --git a/index.html b/index.html index 0e5c57a..089098a 100644 --- a/index.html +++ b/index.html @@ -107,10 +107,10 @@ $(document).ready(function(){ - var user = 'icculus'; // !!! FIXME +return; $.ajax({ type: "GET", - url: "steamprofile.php?user=" + user, + url: "steamprofile.php", dataType: "xml", error: function(XMLHttpRequest, textStatus, errorThrown) { var html = "
" + @@ -122,6 +122,17 @@ success: function(xml) { profile = process_steam_profile(xml); render(); } }); }); + +function clear_filter_textbox() +{ + var widget = $('input.tagfilter'); + if (widget && !widget.attr('filter_cleared')) + { + widget.attr('filter_cleared', true); + widget.val(''); + } // if +} // clear_filter_textbox + --> @@ -136,8 +147,15 @@
- -
Loading your steam profile...
+
diff --git a/store_header_search.png b/store_header_search.png new file mode 100644 index 0000000..8da42c2 Binary files /dev/null and b/store_header_search.png differ diff --git a/style.css b/style.css index 9a0303f..3726d96 100644 --- a/style.css +++ b/style.css @@ -58,6 +58,19 @@ h5 { text-transform: uppercase; } +div#global_header { + background-image: url(globalheader_bg.jpg); + background-color: #000000; + border-bottom: 1px solid #4D4B48; + background-position: center top; +} + +div.nickname { + display: inline; + font-size: 30px; + font-weight: normal; +} + div.main { background-image: url(content_bg.png); background-repeat: repeat-x; @@ -68,6 +81,10 @@ td.gamecell { vertical-align: middle; } +img.avatar { + padding: 3px; +} + div.loginpopover { position: absolute; left: 10%; @@ -79,3 +96,27 @@ div.loginpopover { visibility: hidden; } +.searchbox { + background-image: url(store_header_search.png); + float: right; + color: #a6a5a2; + width: 253px; + height: 27px; + position: relative; + z-index: 250; +} + +.searchbox input { + border: none; + background-color: #4a4746; + color: #cdc9c0; + margin-top: 5px; + margin-left: 8px; + width: 206px; + outline: none; +} + +.searchbox input.default { + font-style: italic; +} +