From cf4af138b16da878404cf3319d5d988dacee198a Mon Sep 17 00:00:00 2001
From: raylu <raylu@mixpanel.com>
Date: Sat, 5 Nov 2011 03:04:49 -0700
Subject: new layout

---
 css/page.css | 119 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 119 insertions(+)
 create mode 100644 css/page.css

(limited to 'css/page.css')

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;
+}
-- 
cgit v1.2.3