diff options
| -rw-r--r-- | css/achievements.css | 36 | ||||
| -rw-r--r-- | pages/achievements.php | 32 |
2 files changed, 53 insertions, 15 deletions
diff --git a/css/achievements.css b/css/achievements.css index 24fd034..e87161d 100644 --- a/css/achievements.css +++ b/css/achievements.css @@ -1,3 +1,39 @@ +.displayWallUnlock { + transition:background-color .4s; + -webkit-transition:background-color .4s; + -o-transition:background-color .4s; + -moz-transition:background-color .4s; + border-spacing: 0px; + background-size: 100%; + background-color: #999; + height:39px; + width:39px; + border-radius:14%; + border: 0px; + padding: 0px; + margin: 0px; +} +.displayWallUnlock.active div{ + background-image: url(../images/OverlayTileFaceted30.png); +} +.displayWallUnlock.inactive div{ + background-image: url(../images/OverlayTileFaceted50b.png); +} +.displayWallUnlock div { + width:100%; + height:100%; + border: 0px; + padding: 0px; + margin: 0px; + background-size: 100%; + background-image: url(../images/OverlayTileFaceted50b.png); +} +.displayWallUnlock div:hover { + background-image: url(../images/OverlayTileFaceted30.png); +} + + + .progressBar { align:left; diff --git a/pages/achievements.php b/pages/achievements.php index fb20f2b..bef9adb 100644 --- a/pages/achievements.php +++ b/pages/achievements.php @@ -57,8 +57,7 @@ foreach ($ac3 as $c3) { foreach ($ac2 as $c2) {
$c = "#$c1$c2$c3";
if ($_GET['showcolor'] == 'all') {
- //echo "<td onclick='changeWallColor(\"#$c1$c2$c3\")' title='#$c1$c2$c3' style='background-color:#$c3$c1$c2;' class='grid_td_rocks'></td>";
- echo "<td title='$c' onClick='colorclick(this,\"$c\", \"2\")' style='background-color:$c;' class='grid_td_walls'></td>";
+ echo "<td title='$c' onClick='colorclick(this,\"$c\", \"2\")' style='background-color:$c;' class='map w'></td>";
}
//if ($c2 == 'f') break 2;
}
@@ -392,6 +391,8 @@ echo " <div style='width:100%; height:100%; background-color:transparent; background-size:100%;' class='grid_td_rocks grid_inner'></div>
</div>$UDisplay</h1>";
+
+
function unlockItemAsTD($uType, $item) {
$aLevel = $item['aLevel'];
@@ -411,28 +412,29 @@ function unlockItemAsTD($uType, $item) { $unlockTitle = "$item[name]";
}
- $border = 'border: 1px solid #000; border-width: 2px 0px 2px 0px;';
- $border = 'border: 1px solid #000;';
+ //$border = 'border: 1px solid #000; border-width: 2px 0px 2px 0px;';
+ //$border = 'border: 1px solid #000;';
$class = 'grid_td_walls';
- //$r .= displayUnlock($uType, $item[value], $unlockTitle);
- //return $r;
+ $class = 'displayWallUnlock';
switch ($uType) {
case UNLOCK_WALL_COLOR:
if ($GLOBALS['wallColor'] == $item[value]) {
- $class = 'grid_td_active';
- $border = 'border: 1px solid #26b;';
- }
- $r .= "<td class='grid_td $class' id='color_$item[id]' title='$unlockTitle' onClick='colorclick(this,\"$item[value]\", \"$item[id]\")' style='padding: 0px;background-color:$item[value];$border'></td>";
+ $class .= ' active';
+ } else $class .= ' inactive';
+ $r .= "<td class='$class' id='color_$item[id]' title='$unlockTitle' ";
+ $r .= "onClick='colorclick(this,\"$item[value]\", \"$item[id]\")' ";
+ $r .= "style='background-color:$item[value];'><div></div></td>";
+ // USE THIS? $style = "background-color:$item[value];";
break;
case UNLOCK_WALL_EMBLEM:
if ($GLOBALS['wallEmblem'] == $item[value]) {
- $class = 'grid_td_active';
- $border = 'border: 1px solid #26b;';
- }
- $r .= "<td class='grid_td_walls' title='$unlockTitle' id='' onClick='emblemclick(this,\"$item[value]\", \"$item[id]\")' style='background: #999 url(../images/marks/$item[value]);$border' >
- <div class='grid_inner $class grid_td_walls'></div></td>";
+ $class .= ' active';
+ } else $class .= ' inactive';
+ $r .= "<td class='$class' title='$unlockTitle' id='' onClick='emblemclick(this,\"$item[value]\", \"$item[id]\")' style='background-image: url(../images/marks/$item[value]);' >
+ <div></div></td>";
+ // USE THIS ? $style = "background-image: url(../images/marks/$item[value]);";
break;
case UNLOCK_DISPLAY_COLOR:
|