From f8c9eb5220afaf2f9a62f9a176a45913240f4081 Mon Sep 17 00:00:00 2001
From: raylu <raylu@cmu.edu>
Date: Thu, 7 Apr 2011 00:27:27 -0400
Subject: Initial import from Dropbox

---
 css/mapstyle.css   | 384 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 css/pagestyle.css  |  61 +++++++++
 css/statsstyle.css |  25 ++++
 3 files changed, 470 insertions(+)
 create mode 100644 css/mapstyle.css
 create mode 100644 css/pagestyle.css
 create mode 100644 css/statsstyle.css

(limited to 'css')

diff --git a/css/mapstyle.css b/css/mapstyle.css
new file mode 100644
index 0000000..77a8089
--- /dev/null
+++ b/css/mapstyle.css
@@ -0,0 +1,384 @@
+.grid_dsp_data {
+	padding:1px;
+	font-style:italic;
+	font-weight:bold;
+}
+
+.grid_outer
+{
+	position:relative;
+	padding: 0px;
+	margin-top: 10px;
+	margin-bottom: 60px;
+	padding-top:2px;
+	padding-bottom:10px;
+	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_33 {
+	width:32%;
+}
+.dsp_49 {
+	width:49%;
+}
+.dsp_24 {
+	width:23%;
+}
+.dsp_16 {
+	width:16%;
+}
+
+.grid_dsp_left,
+.grid_dsp_mid,
+.grid_dsp_right {
+	overflow: none;
+	position:relative;
+	float: left;
+	padding:2px;
+	color: #FFFFFF;
+}
+.grid_dsp_left {
+	text-align:left;
+	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_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/OverlayTileFaceted50.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/OverlayTileFaceted50.png);
+}
+.grid_td_walls {
+	background-color:	#777;
+	background:	url(../images/OverlayTileFaceted50.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/OverlayStart50i.png);
+	background-color: #F75555; 
+}
+.grid_td_finish {
+	background: url(../images/OverlayStart50.png);
+	background-color: #6666FF; 
+	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/pagestyle.css b/css/pagestyle.css
new file mode 100644
index 0000000..8a834bb
--- /dev/null
+++ b/css/pagestyle.css
@@ -0,0 +1,61 @@
+body {
+	font-size: 12pt;
+	font-family: helvetica, sans-serif;
+	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/statsstyle.css b/css/statsstyle.css
new file mode 100644
index 0000000..a15636f
--- /dev/null
+++ b/css/statsstyle.css
@@ -0,0 +1,25 @@
+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