GOD UI ../.. No UX :)

This commit is contained in:
dginovker 2020-12-10 09:24:16 -05:00
parent 571c8df776
commit 672325667b
3 changed files with 71 additions and 54 deletions

View File

@ -218,169 +218,145 @@ English
</a> </a>
</li> </li>
<li> <li>
<a href="./hiscores.html?skill=0" <a href="./hiscores.html?skill=0" class=" Attack ico">
class=" Attack ico">
Attack Attack
</a> </a>
</li> </li>
<li> <li>
<a href="./hiscores.html?skill=1" <a href="./hiscores.html?skill=1" class=" Defence ico">
class=" Defence ico">
Defence Defence
</a> </a>
</li> </li>
<li> <li>
<a href="./hiscores.html?skill=2" <a href="./hiscores.html?skill=2" class=" Strength ico">
class=" Strength ico">
Strength Strength
</a> </a>
</li> </li>
<li> <li>
<a href="./hiscores.html?skill=3" <a href="./hiscores.html?skill=3" class=" Constitution ico">
class=" Constitution ico">
Constitution Constitution
</a> </a>
</li> </li>
<li> <li>
<a href="./hiscores.html?skill=4" <a href="./hiscores.html?skill=4" class=" Ranged ico">
class=" Ranged ico">
Ranged Ranged
</a> </a>
</li> </li>
<li> <li>
<a href="./hiscores.html?skill=5" <a href="./hiscores.html?skill=5" class=" Prayer ico">
class=" Prayer ico">
Prayer Prayer
</a> </a>
</li> </li>
<li> <li>
<a href="./hiscores.html?skill=6" <a href="./hiscores.html?skill=6" class=" Magic ico">
class=" Magic ico">
Magic Magic
</a> </a>
</li> </li>
<li> <li>
<a href="./hiscores.html?skill=7" <a href="./hiscores.html?skill=7" class=" Cooking ico">
class=" Cooking ico">
Cooking Cooking
</a> </a>
</li> </li>
<li> <li>
<a href="./hiscores.html?skill=8" <a href="./hiscores.html?skill=8" class=" Woodcutting ico">
class=" Woodcutting ico">
Woodcutting Woodcutting
</a> </a>
</li> </li>
<li> <li>
<a href="./hiscores.html?skill=9" <a href="./hiscores.html?skill=9" class=" Fletching ico">
class=" Fletching ico">
Fletching Fletching
</a> </a>
</li> </li>
<li> <li>
<a href="./hiscores.html?skill=10" <a href="./hiscores.html?skill=10" class=" Fishing ico">
class=" Fishing ico">
Fishing Fishing
</a> </a>
</li> </li>
<li> <li>
<a href="./hiscores.html?skill=11" <a href="./hiscores.html?skill=11" class=" Firemaking ico">
class=" Firemaking ico">
Firemaking Firemaking
</a> </a>
</li> </li>
<li> <li>
<a href="./hiscores.html?skill=12" <a href="./hiscores.html?skill=12" class=" Crafting ico">
class=" Crafting ico">
Crafting Crafting
</a> </a>
</li> </li>
<li> <li>
<a href="./hiscores.html?skill=13" <a href="./hiscores.html?skill=13" class=" Smithing ico">
class=" Smithing ico">
Smithing Smithing
</a> </a>
</li> </li>
<li> <li>
<a href="./hiscores.html?skill=14" <a href="./hiscores.html?skill=14" class=" Mining ico">
class=" Mining ico">
Mining Mining
</a> </a>
</li> </li>
<li> <li>
<a href="./hiscores.html?skill=15" <a href="./hiscores.html?skill=15" class=" Herblore ico">
class=" Herblore ico">
Herblore Herblore
</a> </a>
</li> </li>
<li> <li>
<a href="./hiscores.html?skill=16" <a href="./hiscores.html?skill=16" class=" Agility ico">
class=" Agility ico">
Agility Agility
</a> </a>
</li> </li>
<li> <li>
<a href="./hiscores.html?skill=17" <a href="./hiscores.html?skill=17" class=" Thieving ico">
class=" Thieving ico">
Thieving Thieving
</a> </a>
</li> </li>
<li> <li>
<a href="./hiscores.html?skill=18" <a href="./hiscores.html?skill=18" class=" Slayer ico">
class=" Slayer ico">
Slayer Slayer
</a> </a>
</li> </li>
<li> <li>
<a href="./hiscores.html?skill=19" <a href="./hiscores.html?skill=19" class=" Farming ico">
class=" Farming ico">
Farming Farming
</a> </a>
</li> </li>
<li> <li>
<a href="./hiscores.html?skill=20" <a href="./hiscores.html?skill=20" class=" Runecrafting ico">
class=" Runecrafting ico">
Runecrafting Runecrafting
</a> </a>
</li> </li>
<li> <li>
<a href="./hiscores.html?skill=21" <a href="./hiscores.html?skill=21" class=" Hunter ico">
class=" Hunter ico">
Hunter Hunter
</a> </a>
</li> </li>
<li> <li>
<a href="./hiscores.html?skill=22" <a href="./hiscores.html?skill=22" class=" Construction ico">
class=" Construction ico">
Construction Construction
</a> </a>
</li> </li>
<li> <li>
<a href="./hiscores.html?skill=23" <a href="./hiscores.html?skill=23" class=" Summoning ico">
class=" Summoning ico">
Summoning Summoning
</a> </a>
@ -611,11 +587,48 @@ English
</form> </form>
</div> </div>
<div class="subsectionHeader search_title">Filter (Coming Soon)</div> <div class="subsectionHeader search_title">Filter (Coming Soon)</div>
<div class="search_large"> <div class="search_tiny_bit_more_large">
<form action="http://services/m=hiscore/compare.ws" method="post" class="no_margin"> <form action="http://services/m=hiscore/compare.ws" method="post" class="no_margin">
<input id="search_compare1" class="textinput text" maxlength="12" type="text" name="user1" value=""> <div id="remember">
<input id="search_compare2" class="textinput text" maxlength="12" type="text" name="user2" value=""> <label for="rem">
<input type="submit" name="submit" class="buttonmedium" value="Filter"> <table class="center" style="margin: 0 auto; padding-top: 4px;">
<tr>
<td onmouseover="this.style.background='rgba(20, 20, 20, 0.3)';"
onmouseout="this.style.background='rgba(0, 0, 0, 0)';"
onclick="document.getElementById('check_iron').checked = !document.getElementById('check_iron').checked">
<img src="../../site/img/osrsimg/ironman.png" style="height: 11px;">
<input type="checkbox" name="check_iron" id="check_iron" value="1" class="checkbox"
style="pointer-events: none;">
</td>
<td onmouseover="this.style.background='rgba(20, 20, 20, 0.3)';"
onmouseout="this.style.background='rgba(0, 0, 0, 0)';"
onclick="document.getElementById('check_ultiron').checked = !document.getElementById('check_ultiron').checked">
<img src="../../site/img/osrsimg/ultimateironman.png" style="height: 11px;">
<input type="checkbox" name="check_ultiron" id="check_ultiron" value="1" class="checkbox"
style="pointer-events: none;">
</td>
<td onmouseover="this.style.background='rgba(20, 20, 20, 0.3)';"
onmouseout="this.style.background='rgba(0, 0, 0, 0)';"
onclick="document.getElementById('check_hciron').checked = !document.getElementById('check_hciron').checked">
<img src="../../site/img/osrsimg/hcim.png" style="height: 11px;">
<input type="checkbox" name="check_hciron" id="check_hciron" value="1" class="checkbox"
style="pointer-events: none;">
</td>
</tr>
</table>
<table class="center" style="margin: 0 auto; padding-top: 4px;">
<tr>
<td>
<input type="range" min="1" max="25" value="10"
oninput="this.nextElementSibling.nextElementSibling.value = this.value">
<br>
Max XP Rate: <output>10</output>
</td>
</tr>
</table>
</label>
</div>
<input type="submit" name="submit" class="buttonmedium" value="Filter" style="margin-top: 2px;">
</form> </form>
</div> </div>
<div class="subsectionHeader search_title">Legend</div> <div class="subsectionHeader search_title">Legend</div>

View File

@ -591,7 +591,7 @@
width: 156px; width: 156px;
height: 505px; height: 505px;
} }
.search_small, .search_large, .search_custom_large { .search_small, .search_large, .search_tiny_bit_more_large, .search_custom_large {
margin-bottom: 2px; margin-bottom: 2px;
width: 156px; width: 156px;
text-align: center; text-align: center;
@ -604,8 +604,12 @@
height: 98px; height: 98px;
background: transparent url(../img/hiscores/search_largeeccb.png?3) repeat-x; background: transparent url(../img/hiscores/search_largeeccb.png?3) repeat-x;
} }
.search_tiny_bit_more_large {
height: 114px;
background: transparent url(../img/hiscores/search_tiny_bit_more_largeeccb.png?3) repeat-x;
}
.search_custom_large { .search_custom_large {
height: 130px; height: 122px;
background: transparent url(../img/hiscores/search_custom_largeeccb.png?3) repeat-x; background: transparent url(../img/hiscores/search_custom_largeeccb.png?3) repeat-x;
} }
#friends_search { #friends_search {

Binary file not shown.

After

Width:  |  Height:  |  Size: 601 B