From 11a66a1c5d0c1c8a78ee0e33bff822be13dfa955 Mon Sep 17 00:00:00 2001 From: Patrick Davison Date: Tue, 21 Aug 2012 15:04:33 -0700 Subject: Multipath support for UI --- css/maps.css | 41 +++++++++++++++++++++++++++++++---------- 1 file changed, 31 insertions(+), 10 deletions(-) (limited to 'css') diff --git a/css/maps.css b/css/maps.css index 13fcacb..3b2cd85 100644 --- a/css/maps.css +++ b/css/maps.css @@ -86,7 +86,8 @@ .grid_td_animate, .grid_td_animate_pre, .grid_td_tp1_in, .grid_td_tp2_in, .grid_td_tp3_in, .grid_td_tp4_in, .grid_td_tp5_in, .grid_td_tp1_out, .grid_td_tp2_out, .grid_td_tp3_out, .grid_td_tp4_out,.grid_td_tp5_out, -.grid_td_path1 , .grid_td_path2, .grid_td_path3, .grid_td_path4 +.grid_td_path0-1 , .grid_td_path0-2, .grid_td_path0-3, .grid_td_path0-4, +.grid_td_path1-1 , .grid_td_path1-2, .grid_td_path1-3, .grid_td_path1-4 { padding: 0px; margin: 0px; @@ -295,26 +296,46 @@ -o-transition:background-color 0s; -moz-transition:background-color 0s; } -.grid_td_path1 , .grid_td_path2, .grid_td_path3, .grid_td_path4 { + +.grid_td_path0-1 , .grid_td_path0-2, .grid_td_path0-3, .grid_td_path0-4 { transition:background-color .5s ease-out; -webkit-transition:background-color .5s ease-out; -o-transition:background-color .5s ease-out; -moz-transition:background-color .5s ease-out; } -.grid_td_path1 { - background: url(../images/Path1.png); +.grid_td_path0-1 { + background: url(../images/paths/Path1-1.png); +} +.grid_td_path0-2 { + background: url(../images/paths/Path1-2.png); +} +.grid_td_path0-3 { + background: url(../images/paths/Path1-3.png); +} +.grid_td_path0-4 { + background: url(../images/paths/Path1-4.png); +} +.grid_td_path1-1 , .grid_td_path1-2, .grid_td_path1-3, .grid_td_path1-4 { + transition:background-color .5s ease-out; + -webkit-transition:background-color .5s ease-out; + -o-transition:background-color .5s ease-out; + -moz-transition:background-color .5s ease-out; +} +.grid_td_path1-1 { + background: url(../images/paths/Path2-1.png); } -.grid_td_path2 { - background: url(../images/Path2.png); +.grid_td_path1-2 { + background: url(../images/paths/Path2-2.png); } -.grid_td_path3 { - background: url(../images/Path3.png); +.grid_td_path1-3 { + background: url(../images/paths/Path2-3.png); } -.grid_td_path4 { - background: url(../images/Path4.png); +.grid_td_path1-4 { + background: url(../images/paths/Path2-4.png); } + .mapdisplay, .mapdisplay_up { position:absolute; -- cgit v1.2.3