diff options
Diffstat (limited to 'css')
| -rw-r--r-- | css/maps.css (renamed from css/mapstyle.css) | 23 | ||||
| -rw-r--r-- | css/page.css | 119 | ||||
| -rw-r--r-- | css/pagestyle.css | 62 | ||||
| -rw-r--r-- | css/stats.css (renamed from css/statsstyle.css) | 13 |
4 files changed, 137 insertions, 80 deletions
diff --git a/css/mapstyle.css b/css/maps.css index cfaea48..035672a 100644 --- a/css/mapstyle.css +++ b/css/maps.css @@ -1,23 +1,15 @@ .grid_dsp_data {
padding:1px;
- font-style:italic;
font-weight:bold;
}
-.grid_outer
-{
+.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;
+ padding: 2px 0 1px;
+ margin: 0 auto;
+ background-color: #334;
+ border-radius: 2px;
+ box-shadow: 0 0 2px #777;
}
.grid_outer a
{
@@ -46,7 +38,8 @@ .grid_dsp_mid,
.grid_dsp_right {
overflow: hidden;
- position:relative;
+ white-space: nowrap;
+ position: relative;
float: left;
padding:2px;
color: #FFFFFF;
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/statsstyle.css b/css/stats.css index a15636f..c36c1d0 100644 --- a/css/statsstyle.css +++ b/css/stats.css @@ -1,3 +1,11 @@ +.col1 { + float: left; + margin-right: 30px; +} +.col2 { + float: left; + width: 450px; +} table { border-collapse: collapse; } @@ -5,7 +13,7 @@ td, th { padding: 3px; } .lbrow { - background: #000000; + background: #000; transition:background .5s; -webkit-transition:background .5s; -o-transition:color .5s; @@ -13,7 +21,7 @@ td, th { cursor: default; } .lbrow:hover { - background: #338899; + background: #356; transition:background 0s; -webkit-transition:background 0s; -o-transition:color 0s; @@ -22,4 +30,3 @@ td, th { .hidden-stats { display: none; } - |