From cf4af138b16da878404cf3319d5d988dacee198a Mon Sep 17 00:00:00 2001 From: raylu Date: Sat, 5 Nov 2011 03:04:49 -0700 Subject: new layout --- css/maps.css | 390 ++++++++++++++++++++++++++++++++++++++++++++++++++++ css/mapstyle.css | 397 ----------------------------------------------------- css/page.css | 119 ++++++++++++++++ css/pagestyle.css | 62 --------- css/stats.css | 32 +++++ css/statsstyle.css | 25 ---- 6 files changed, 541 insertions(+), 484 deletions(-) create mode 100644 css/maps.css delete mode 100644 css/mapstyle.css create mode 100644 css/page.css delete mode 100644 css/pagestyle.css create mode 100644 css/stats.css delete mode 100644 css/statsstyle.css (limited to 'css') diff --git a/css/maps.css b/css/maps.css new file mode 100644 index 0000000..035672a --- /dev/null +++ b/css/maps.css @@ -0,0 +1,390 @@ +.grid_dsp_data { + padding:1px; + font-weight:bold; +} + +.grid_outer { + position:relative; + padding: 2px 0 1px; + margin: 0 auto; + background-color: #334; + border-radius: 2px; + box-shadow: 0 0 2px #777; +} +.grid_outer a +{ + color: #FFFF33; +} + + + +.dsp_60 { + width:60%; +} +.dsp_49 { + width:49%; +} +.dsp_33 { + width:32%; +} +.dsp_24 { + width:23%; +} +.dsp_16 { + width:16%; +} + +.grid_dsp_left, +.grid_dsp_mid, +.grid_dsp_right { + overflow: hidden; + white-space: nowrap; + position: relative; + float: left; + padding:2px; + color: #FFFFFF; +} +.grid_dsp_left { + text-align:left; +} +.grid_dsp_mid { + text-align:center; +} +.grid_dsp_right { + text-align:right; +} + +.grid_img { + padding: 0px; + margin: 0px; + border: 0px; + border-spacing: 0px; + width: 36px; + height: 35px; +} + + +.grid_table +{ + position:relative; + padding: 0px; + margin-top:1px; + margin-bottom:1px; + margin-left:auto; + margin-right:auto; + border-top: 0px solid #000; + border-left: 0px solid #000; + border: 1px solid #000; + border-spacing: 0px; +} +.grid_table td, .grid_table th { + padding: 0px; + margin: 0px; +} +.grid_td, +.grid_td_rocks, .grid_td_gray, .grid_td_path, .grid_td_blanks, .grid_td_walls, +.grid_td_start, .grid_td_finish, +.grid_td_cpa, .grid_td_cpb, .grid_td_cpc, +.grid_td_cpd, .grid_td_cpe, +.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 +{ + padding: 0px; + margin: 0px; + border: 0px; + border-right: 0px solid #000; + border-bottom: 0px solid #000; + + overflow: hidden; + font-size: 4px; + line-height:9px; + width: 35px; + /* width: 22px; */ + height: 35px; + min-height: 1px; + background: url(../images/OverlayTileFaceted50b.png); + background-size: 100%; + transition:background-color 0s; + -webkit-transition:background-color 0s; + -o-transition:background-color 0s; + -moz-transition:background-color 0s; +} +.grid_td +{ + background: #F5FBFE url(../images/OverlayTile10.png); +} +.grid_td:hover +{ + background: #CCCCCC url(../images/OverlayTileFaceted10.png); +} +.grid_td_pressed { + background: #111122; +} + +.grid_td_rocks { + background: #b85555 url(../images/OverlayTileFaceted50b.png); +} +.grid_td_gray { + background: #CCCCCC url(../images/OverlayTileFaceted50b.png); +} +.grid_td_path { + background: #FFFFEE url(../images/OverlayTeleport.png); +} + +.grid_td_blanks { + background: inherit; +} +.grid_td_walls { + background-color: #666666; + background: 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: #CCCCCC url(../images/OverlayTileFaceted30.png); + background-color: #999; +} + +.grid_td_start { + background: url(../images/OverlayStart50b.png); + background-color: #FFF; +} +.grid_td_finish { + background: url(../images/OverlayFinish50c.png); + background-color: #666666; + 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 +{ + transition:background-color 2s; + -webkit-transition:background-color2s; + -o-transition:background-color 2s; + -moz-transition:background-color 2s; +} + +.no_transition { + transition:background-color 0s; + -webkit-transition:background-color 0s; + -o-transition:background-color 0s; + -moz-transition:background-color 0s; +} + + + +.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_path1 , .grid_td_path2, .grid_td_path3, .grid_td_path4 { + 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_path2 { + background: url(../images/Path2.png); +} +.grid_td_path3 { + background: url(../images/Path3.png); +} +.grid_td_path4 { + background: url(../images/Path4.png); +} + + +.mapdisplay, .mapdisplay_up +{ + position:absolute; + width:auto; + height:auto; + box-shadow: 10px 10px 5px #000055; /* Opera */ + -webkit-box-shadow: 10px 10px 5px #000055; /* Safari and Chrome */ + + -webkit-transform: + skew(10deg,10deg) + scale(.3, .3) + translate(-390px, -230px) + rotate(1deg) + rotateX(0deg) + ; + -moz-transform: + skew(10deg,10deg) + scale(.3, .3) + translate(-390px, -230px) + rotate(1deg) + rotateX(0deg) + ; + /* Remember, we need to duplicate all of this with prefix -o- and w/o prefix for opera, ff, netscape. */ + -webkit-transition:-webkit-transform 2s; + -webkit-transition-delay: 0s; + -moz-transition:-webkit-transform 2s; + -moz-transition-delay: 0s; + z-index:1; +} +.mapdisplay_up +{ + + -webkit-transform: + skew(0deg,0deg) + scale(1, 1) + translate(0px, 0px) + rotate(0deg) + rotateX(0deg) + ; + -moz-transform: + skew(0deg,0deg) + scale(1, 1) + translate(0px, 0px) + rotate(0deg) + rotateX(0deg) + ; + -webkit-transition:-webkit-transform 1s; + -moz-transition:-webkit-transform 1s; + z-index:2; +} +.mapdisplay_up:hover { + background:#10e; +} +.mapdisplay:hover { + z-index:3; + background:#10e; +} + +.mapgallery +{ + position:relative; + float: left; + width:auto; + height:700px; + background: #110088; + color: #FFF; +} +.mapgallery a +{ + color: #FFFF33; +} + + +.mapcontainer +{ + border:1px solid #000; + position:relative; + float: left; + width:300px; + height:200px; + background: #220099; +} +.clear { clear: both;} diff --git a/css/mapstyle.css b/css/mapstyle.css deleted file mode 100644 index cfaea48..0000000 --- a/css/mapstyle.css +++ /dev/null @@ -1,397 +0,0 @@ -.grid_dsp_data { - padding:1px; - font-style:italic; - font-weight:bold; -} - -.grid_outer -{ - position:relative; - padding: 0px; - margin-top: 10px; - margin-bottom: 1px; - padding-top:2px; - padding-bottom:1px; - margin-left:auto; - margin-right:auto; - border-top: 1px solid #000; - border-left: 1px solid #000; - border: 0px solid #000; - background-color: #333399; -} -.grid_outer a -{ - color: #FFFF33; -} - - - -.dsp_60 { - width:60%; -} -.dsp_49 { - width:49%; -} -.dsp_33 { - width:32%; -} -.dsp_24 { - width:23%; -} -.dsp_16 { - width:16%; -} - -.grid_dsp_left, -.grid_dsp_mid, -.grid_dsp_right { - overflow: hidden; - position:relative; - float: left; - padding:2px; - color: #FFFFFF; -} -.grid_dsp_left { - text-align:left; -} -.grid_dsp_mid { - text-align:center; -} -.grid_dsp_right { - text-align:right; -} - -.grid_img { - padding: 0px; - margin: 0px; - border: 0px; - border-spacing: 0px; - width: 36px; - height: 35px; -} - - -.grid_table -{ - position:relative; - padding: 0px; - margin-top:1px; - margin-bottom:1px; - margin-left:auto; - margin-right:auto; - border-top: 0px solid #000; - border-left: 0px solid #000; - border: 1px solid #000; - border-spacing: 0px; -} -.grid_table td, .grid_table th { - padding: 0px; - margin: 0px; -} -.grid_td, -.grid_td_rocks, .grid_td_gray, .grid_td_path, .grid_td_blanks, .grid_td_walls, -.grid_td_start, .grid_td_finish, -.grid_td_cpa, .grid_td_cpb, .grid_td_cpc, -.grid_td_cpd, .grid_td_cpe, -.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 -{ - padding: 0px; - margin: 0px; - border: 0px; - border-right: 0px solid #000; - border-bottom: 0px solid #000; - - overflow: hidden; - font-size: 4px; - line-height:9px; - width: 35px; - /* width: 22px; */ - height: 35px; - min-height: 1px; - background: url(../images/OverlayTileFaceted50b.png); - background-size: 100%; - transition:background-color 0s; - -webkit-transition:background-color 0s; - -o-transition:background-color 0s; - -moz-transition:background-color 0s; -} -.grid_td -{ - background: #F5FBFE url(../images/OverlayTile10.png); -} -.grid_td:hover -{ - background: #CCCCCC url(../images/OverlayTileFaceted10.png); -} -.grid_td_pressed { - background: #111122; -} - -.grid_td_rocks { - background: #b85555 url(../images/OverlayTileFaceted50b.png); -} -.grid_td_gray { - background: #CCCCCC url(../images/OverlayTileFaceted50b.png); -} -.grid_td_path { - background: #FFFFEE url(../images/OverlayTeleport.png); -} - -.grid_td_blanks { - background: inherit; -} -.grid_td_walls { - background-color: #666666; - background: 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: #CCCCCC url(../images/OverlayTileFaceted30.png); - background-color: #999; -} - -.grid_td_start { - background: url(../images/OverlayStart50b.png); - background-color: #FFF; -} -.grid_td_finish { - background: url(../images/OverlayFinish50c.png); - background-color: #666666; - 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 -{ - transition:background-color 2s; - -webkit-transition:background-color2s; - -o-transition:background-color 2s; - -moz-transition:background-color 2s; -} - -.no_transition { - transition:background-color 0s; - -webkit-transition:background-color 0s; - -o-transition:background-color 0s; - -moz-transition:background-color 0s; -} - - - -.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_path1 , .grid_td_path2, .grid_td_path3, .grid_td_path4 { - 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_path2 { - background: url(../images/Path2.png); -} -.grid_td_path3 { - background: url(../images/Path3.png); -} -.grid_td_path4 { - background: url(../images/Path4.png); -} - - -.mapdisplay, .mapdisplay_up -{ - position:absolute; - width:auto; - height:auto; - box-shadow: 10px 10px 5px #000055; /* Opera */ - -webkit-box-shadow: 10px 10px 5px #000055; /* Safari and Chrome */ - - -webkit-transform: - skew(10deg,10deg) - scale(.3, .3) - translate(-390px, -230px) - rotate(1deg) - rotateX(0deg) - ; - -moz-transform: - skew(10deg,10deg) - scale(.3, .3) - translate(-390px, -230px) - rotate(1deg) - rotateX(0deg) - ; - /* Remember, we need to duplicate all of this with prefix -o- and w/o prefix for opera, ff, netscape. */ - -webkit-transition:-webkit-transform 2s; - -webkit-transition-delay: 0s; - -moz-transition:-webkit-transform 2s; - -moz-transition-delay: 0s; - z-index:1; -} -.mapdisplay_up -{ - - -webkit-transform: - skew(0deg,0deg) - scale(1, 1) - translate(0px, 0px) - rotate(0deg) - rotateX(0deg) - ; - -moz-transform: - skew(0deg,0deg) - scale(1, 1) - translate(0px, 0px) - rotate(0deg) - rotateX(0deg) - ; - -webkit-transition:-webkit-transform 1s; - -moz-transition:-webkit-transform 1s; - z-index:2; -} -.mapdisplay_up:hover { - background:#10e; -} -.mapdisplay:hover { - z-index:3; - background:#10e; -} - -.mapgallery -{ - position:relative; - float: left; - width:auto; - height:700px; - background: #110088; - color: #FFF; -} -.mapgallery a -{ - color: #FFFF33; -} - - -.mapcontainer -{ - border:1px solid #000; - position:relative; - float: left; - width:300px; - height:200px; - background: #220099; -} -.clear { clear: both;} diff --git a/css/page.css b/css/page.css new file mode 100644 index 0000000..2689aec --- /dev/null +++ b/css/page.css @@ -0,0 +1,119 @@ +body { + font-size: 16px; + font-family: helvetica, sans-serif; + text-shadow: rgba(0,0,0,.01) 0 0 1px; /* this is definitely not a webkit-specific hack to fix font aliasing */ + background-color: #121212; + color: #ddd; + margin: 0; +} + +p { + margin-top: 0; +} + +form { + display: inline; +} + +a:link, a:visited, a:active { + text-decoration: underline; + color: #FFFFCC; + transition:color .4s ease-out; + -webkit-transition:color .4s ease-out; + -o-transition:color .4s ease-out; + -moz-transition:color .4s ease-out; +} +a:hover { + color: #EEDDBB; + text-decoration: none; + transition:color 0s ease-out; + -webkit-transition:color 0s ease-out; + -o-transition:color 0s ease-out; + -moz-transition:color 0s ease-out; +} + +.wrapper { + width: 900px; + margin: 0 auto; +} + +.float { + float:left; +} +.lfloat { + float:right; +} + +#topbar { + padding: 15px 15px; + margin: 0 auto 40px; + text-align: center; + position: relative; /* for #user */ + min-width: 900px; + background: -moz-linear-gradient(top, #252525, #121212); + background: -webkit-linear-gradient(top, #252525, #121212); +} +#topbar a.nav { + background-color: #222; + margin-right: 15px; + padding: 7px 10px; + border-radius: 5px; + text-decoration: none; + border: 1px solid #333; + box-shadow: 0 0 1px #444; +} +#topbar a.nav.selected, #topbar a.nav:hover { + border: 1px solid #222; + background-color: #2c2c2c; +} +#topbar #user { + position: absolute; + right: 25px; + top: 5px; + text-align: right; +} + +#difficulties { + width: 100%; + text-align: center; + margin-bottom: 25px; +} +#difficulties a { + margin: 0 10px; + color: #ddd; + background-color: #334; + padding: 3px 10px; + border-radius: 5px; + text-decoration: none; + border: 1px solid #446; + box-shadow: 0 0 1px #445; +} +#difficulties a.selected, #difficulties a:hover { + background-color: #446; + border: 1px solid #223; +} + +table.score { + border: 1px solid #777; + background-color: #252530; + color: #ccc; + margin: 40px auto 0; +} +table.score th, table.score td { + padding: 5px; +} +table.score th { + border: 1px solid #777; +} + +#copy { + text-align: center; + margin: 40px auto 0; +} +#copy iframe { + border: none; + width: 95px; + height: 21px; + vertical-align: text-bottom; + overflow: hidden; +} diff --git a/css/pagestyle.css b/css/pagestyle.css deleted file mode 100644 index b882bfe..0000000 --- a/css/pagestyle.css +++ /dev/null @@ -1,62 +0,0 @@ -body { - font-size: 16px; - font-family: cantarell, helvetica, sans-serif; - text-shadow: rgba(0,0,0,.01) 0 0 1px; /* this is definitely not a webkit-specific hack to fix font aliasing */ - background-color: #121212; - color: #ffffff; - - min-width: 800px; - margin: 0; - padding: 6px; -} - -form { - display: inline; -} - -a:link, a:visited, a:active { - text-decoration: underline; - color: #FFFFCC; - transition:color .4s ease-out; - -webkit-transition:color .4s ease-out; - -o-transition:color .4s ease-out; - -moz-transition:color .4s ease-out; -} -a:hover { - color: #EEDDBB; - text-decoration: none; - transition:color 0s ease-out; - -webkit-transition:color 0s ease-out; - -o-transition:color 0s ease-out; - -moz-transition:color 0s ease-out; -} - -.col1 { - float: left; - width: 25%; - min-width: 300px; - padding: 0 25px; -} -.col2 { - float: left; - width: 50%; - margin: 0 auto; -} - -.float { - float:left; -} -.lfloat { - float:right; -} - -.topbar { - background: #002266; - /* - background: #000044 url(../images/OverlayStart50i.png); - height:35px; - */ - width: 95%; - padding: 5px 15px; - margin: 0 auto; -} diff --git a/css/stats.css b/css/stats.css new file mode 100644 index 0000000..c36c1d0 --- /dev/null +++ b/css/stats.css @@ -0,0 +1,32 @@ +.col1 { + float: left; + margin-right: 30px; +} +.col2 { + float: left; + width: 450px; +} +table { + border-collapse: collapse; +} +td, th { + padding: 3px; +} +.lbrow { + background: #000; + transition:background .5s; + -webkit-transition:background .5s; + -o-transition:color .5s; + -moz-transition:color .5s; + cursor: default; +} +.lbrow:hover { + background: #356; + transition:background 0s; + -webkit-transition:background 0s; + -o-transition:color 0s; + -moz-transition:color 0s; +} +.hidden-stats { + display: none; +} diff --git a/css/statsstyle.css b/css/statsstyle.css deleted file mode 100644 index a15636f..0000000 --- a/css/statsstyle.css +++ /dev/null @@ -1,25 +0,0 @@ -table { - border-collapse: collapse; -} -td, th { - padding: 3px; -} -.lbrow { - background: #000000; - transition:background .5s; - -webkit-transition:background .5s; - -o-transition:color .5s; - -moz-transition:color .5s; - cursor: default; -} -.lbrow:hover { - background: #338899; - transition:background 0s; - -webkit-transition:background 0s; - -o-transition:color 0s; - -moz-transition:color 0s; -} -.hidden-stats { - display: none; -} - -- cgit v1.2.3