diff options
Diffstat (limited to 'css/page.css')
| -rw-r--r-- | css/page.css | 119 |
1 files changed, 119 insertions, 0 deletions
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;
+}
|