From 38ab135eb26e75fb165160884b6271f64c53494f Mon Sep 17 00:00:00 2001 From: Patrick Davison Date: Fri, 10 May 2013 02:18:19 -0700 Subject: Rounded tile corners. --- css/maps.css | 216 +++++------------------------------------------------------ 1 file changed, 15 insertions(+), 201 deletions(-) (limited to 'css') diff --git a/css/maps.css b/css/maps.css index 421d618..ae2a6cd 100644 --- a/css/maps.css +++ b/css/maps.css @@ -9,9 +9,12 @@ .map { border-spacing: 1px; background-size: 100%; + background-image: url(../images/OverlayTile10.png); + background-color: #F5FBFE; } .map div { border: 0px solid #000; + border-radius:14%; padding: 0px; margin: 0px; background-size: 100%; @@ -48,6 +51,10 @@ background-color: #CCCCCC; background-image: url(../images/OverlayTileFaceted50b.png); } +.map .r3 { + background-color: #333333; + background-image: url(../images/OverlayTileFaceted50b.png); +} .map .s { background-image: url(../images/OverlayStart50b.png); background-color: #fbfefb; @@ -143,27 +150,35 @@ } .map .path0-1 { background-image: url(../images/paths/Path1-1.png); + border-radius:0px; } .map .path0-2 { background-image: url(../images/paths/Path1-2.png); + border-radius:0px; } .map .path0-3 { background-image: url(../images/paths/Path1-3.png); + border-radius:0px; } .map .path0-4 { background-image: url(../images/paths/Path1-4.png); + border-radius:0px; } .map .path1-1 { background-image: url(../images/paths/Path2-1.png); + border-radius:0px; } .map .path1-2 { background-image: url(../images/paths/Path2-2.png); + border-radius:0px; } .map .path1-3 { background-image: url(../images/paths/Path2-3.png); + border-radius:0px; } .map .path1-4 { background-image: url(../images/paths/Path2-4.png); + border-radius:0px; } .map .child { @@ -360,60 +375,6 @@ background: #111122; } -.grid_td_rocks { - background: #b85555 url(../images/OverlayTileFaceted50b.png); -} -.grid_td_gray { - background-color: #CCCCCC; - background-image: url(../images/OverlayTileFaceted50b.png); -} -.grid_td_path { - background-image: url(../images/PathableOnly1.png.png); - background-color: #FFFFEE; -} - -.grid_td_blanks { - background: inherit; -} -.grid_td_walls { - /* background-color: #F00; */ - background-image: url(../images/OverlayTileFaceted50b.png); - transition:background-color 1.6s ease-out; - -webkit-transition:background-color 1.6s ease-out; - -o-transition:background-color 1.6s ease-out; - -moz-transition:background-color 1.6s ease-out; -} -.grid_td_walls:hover { - background-image: url(../images/OverlayTileFaceted30.png); -} - -.grid_td_active { - background: url(../images/OverlayTileFaceted30.png); -} - -.grid_td_start { - background: url(../images/OverlayStart50b.png); - background-color: #fbfefb; -} -.grid_td_startB { - background: url(../images/OverlayStart2.png); - background-color: #fbfefb; -} -.grid_td_finish { - background: url(../images/OverlayFinish50c.png); - background-color: #666; -} - -.grid_td_rockxpath1 { - background: url(../images/Path1xRock.png); - background-color: #fff; -} -.grid_td_rockxpath2 { - background: url(../images/Path2xRock.png); - background-color: #fff; -} - - .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_cpa, .grid_td_cpb, .grid_td_cpc, .grid_td_cpd, .grid_td_cpe @@ -432,153 +393,6 @@ } - -.grid_td_tp1_in { - /* background: url(../images/OverlayTeleport.png),url(../images/TeleportInAni.gif); */ - background: url(../images/TeleportInW.png); - background-color: #3377AA; -} -.grid_td_tp1_out { - /* background: url(../images/OverlayTeleport.png),url(../images/TeleportInAni.gif); */ - background: url(../images/TeleportOutW.png); - background-color: #3377AA; -} -.grid_td_tp2_in { - /* background: url(../images/OverlayTeleport.png),url(../images/TeleportInAni.gif); */ - background: url(../images/TeleportIn.png); - background-color: #44EE66; -} -.grid_td_tp2_out { - /* background: url(../images/OverlayTeleport.png),url(../images/TeleportOutAni.gif); */ - background: url(../images/TeleportOut.png); - background-color: #44EE66; -} -.grid_td_tp3_in { - /* background: url(../images/OverlayTeleport.png),url(../images/TeleportInAni.gif); */ - background: url(../images/TeleportInW.png); - background-color: #992200; -} -.grid_td_tp3_out { - /* background: url(../images/OverlayTeleport.png),url(../images/TeleportOutAni.gif); */ - background: url(../images/TeleportOutW.png); - background-color: #992200; -} -.grid_td_tp4_in { - /* background: url(../images/OverlayTeleport.png),url(../images/TeleportInAni.gif); */ - background: url(../images/TeleportIn.png); - background-color: #55CCFF; -} -.grid_td_tp4_out { - /* background: url(../images/OverlayTeleport.png),url(../images/TeleportOutAni.gif); */ - background: url(../images/TeleportOut.png); - background-color: #55CCFF; -} -.grid_td_tp5_in { - /* background: url(../images/OverlayTeleport.png),url(../images/TeleportInAni.gif); */ - background: url(../images/TeleportInW.png); - background-color: #005533; -} -.grid_td_tp5_out { - /* background: url(../images/OverlayTeleport.png),url(../images/TeleportOutAni.gif); */ - background: url(../images/TeleportOutW.png); - background-color: #005533; -} - - - - -.grid_td_cpa { - background: url(../images/OverlayA50.png); - /* For non-fancy letters...*/ - /* background: url(../images/OverlayA50ss.png); */ - background-color: #F777FF; - color: #fff; -} -.grid_td_cpb { - background: url(../images/OverlayB50.png); - /* background: url(../images/OverlayB50ss.png); */ - background-color: #FFFF11; - color: #000; -} -.grid_td_cpc { - background: url(../images/OverlayC50.png); - /* background: url(../images/OverlayC50ss.png); */ - background-color: #FF4466; - color: #fff; -} -.grid_td_cpd{ - background: url(../images/OverlayD50.png); - /* background: url(../images/OverlayC50ss.png); */ - background-color: #ff9911; - color: #fff; -} -.grid_td_cpe { - background: url(../images/OverlayE50.png); - /* background: url(../images/OverlayC50ss.png); */ - background-color: #00FFFF; - color: #fff; -} -.grid_td_animate { - /* background: url(../images/OverlayStart50i.png); */ - background: url(../images/OverlayTile50.png); - background-color: #000055; - color: #0000ff; - transition:background-color 2s ease-out; - -webkit-transition:background-color 2s ease-out; - -o-transition:background-color 2s ease-out; - -moz-transition:background-color 2s ease-out; - -} -.grid_td_animate_pre { - /* background: url(../images/OverlayTile50.png); */ - background: url(../images/Path1.png); - background-color: #77ccff; - color: #00ccff; - transition:background-color 0s; - -webkit-transition:background-color 0s; - -o-transition:background-color 0s; - -moz-transition:background-color 0s; -} - -.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_path0-1 { - background-image: url(../images/paths/Path1-1.png); -} -.grid_td_path0-2 { - background-image: url(../images/paths/Path1-2.png); -} -.grid_td_path0-3 { - background-image: url(../images/paths/Path1-3.png); -} -.grid_td_path0-4 { - background-image: 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-image: url(../images/paths/Path2-1.png); -} -.grid_td_path1-2 { - background-image: url(../images/paths/Path2-2.png); -} -.grid_td_path1-3 { - background-image: url(../images/paths/Path2-3.png); -} -.grid_td_path1-4 { - background-image: url(../images/paths/Path2-4.png); -} - - - .mapdisplay, .mapdisplay_up { position:absolute; -- cgit v1.2.3